@remotion/vercel 4.0.542 → 4.0.543

package/dist/esm/index.mjs

@@ -114,218 +114,105 @@ var script = `// src/scripts/render-still.ts
 import { statSync } from "fs";
 import { RenderInternals } from "@remotion/renderer";
 
-// ../core/dist/esm/no-react.mjs
-var validatePreferredEffectBackend = (value) => {
-  if (value !== "auto" && value !== "webgpu" && value !== "webgl2" && value !== "2d") {
-    throw new TypeError(\`preferredEffectBackend must be "auto", "webgpu", "webgl2" or "2d", got \${String(value)}\`);
+// ../core/dist/esm/chunk-m38ydj0s.mjs
+function truthy(value) {
+  return Boolean(value);
+}
+var DATE_TOKEN = "remotion-date:";
+var FILE_TOKEN = "remotion-file:";
+var serializeJSONWithSpecialTypes = ({
+  data,
+  indent,
+  staticBase
+}) => {
+  let customDateUsed = false;
+  let customFileUsed = false;
+  let mapUsed = false;
+  let setUsed = false;
+  try {
+    const serializedString = JSON.stringify(data, function(key, value) {
+      const item = this[key];
+      if (item instanceof Date) {
+        customDateUsed = true;
+        return \`\${DATE_TOKEN}\${item.toISOString()}\`;
+      }
+      if (item instanceof Map) {
+        mapUsed = true;
+        return value;
+      }
+      if (item instanceof Set) {
+        setUsed = true;
+        return value;
+      }
+      if (typeof item === "string" && staticBase !== null && staticBase !== "" && item.startsWith(staticBase)) {
+        customFileUsed = true;
+        return \`\${FILE_TOKEN}\${item.replace(staticBase + "/", "")}\`;
+      }
+      return value;
+    }, indent);
+    return { serializedString, customDateUsed, customFileUsed, mapUsed, setUsed };
+  } catch (err) {
+    throw new Error("Could not serialize the passed input props to JSON: " + err.message);
   }
-  return value;
 };
-var evaluateSourceNumericValue = (expression, config) => {
-  if (typeof expression === "number") {
-    return expression;
-  }
-  if (expression.type === "literal") {
-    return expression.value;
-  }
-  if (expression.type === "binary") {
-    const left = evaluateSourceNumericValue(expression.left, config);
-    const right = evaluateSourceNumericValue(expression.right, config);
-    switch (expression.operator) {
-      case "+":
-        return left + right;
-      case "-":
-        return left - right;
-      case "*":
-        return left * right;
-      case "/":
-        return left / right;
-      default:
-        throw new Error("Unknown source expression operator");
-    }
-  }
-  const value = expression.binding.type === "constant" ? expression.binding.value : config?.[expression.binding.field] ?? NaN;
-  if (expression.type === "video-config-multiplication") {
-    return value * expression.multiplier;
-  }
-  if (expression.type === "video-config-subtraction") {
-    return value - expression.subtrahend;
+var resolveFileTokenToUrl = (value) => {
+  const encodedName = value.replace(FILE_TOKEN, "");
+  let name = encodedName;
+  try {
+    name = encodedName.split("/").map(decodeURIComponent).join("/");
+  } catch {}
+  const matchingStaticFile = window.remotion_staticFiles?.find((file) => file.name === name);
+  if (matchingStaticFile) {
+    return matchingStaticFile.src;
   }
-  return value;
+  return \`\${window.remotion_staticBase}/\${encodedName}\`;
 };
-var evaluatedProps = new WeakMap;
-var evaluateSourcePropStatuses = (props, config) => {
-  const configKey = config === null ? "" : \`\${config.durationInFrames}:\${config.fps}:\${config.width}:\${config.height}\`;
-  const cached = evaluatedProps.get(props) ?? new Map;
-  const existing = cached.get(configKey);
-  if (existing)
-    return existing;
-  const result = Object.fromEntries(Object.entries(props).map(([key, status]) => {
-    if (status.status === "computed") {
-      return [key, status];
-    }
-    const adjustment = status.keyframeDisplayOffsetAdjustment === null ? null : evaluateSourceNumericValue(status.keyframeDisplayOffsetAdjustment, config);
-    const rate = evaluateSourceNumericValue(status.keyframePlaybackRateAdjustment ?? 1, config);
-    if (adjustment !== null && !Number.isFinite(adjustment) || !Number.isFinite(rate) || rate <= 0) {
-      return [key, { status: "computed" }];
-    }
-    const timing = {
-      keyframeDisplayOffsetAdjustment: adjustment,
-      ...status.keyframePlaybackRateAdjustment === undefined ? {} : { keyframePlaybackRateAdjustment: rate }
-    };
-    if (status.status === "static") {
-      const value = status.numericExpression === undefined ? status.codeValue : evaluateSourceNumericValue(status.numericExpression, config);
-      return [
-        key,
-        status.numericExpression !== undefined && !Number.isFinite(value) ? { status: "computed" } : { ...status, ...timing, codeValue: value }
-      ];
+var deserializeJSONWithSpecialTypes = (data) => {
+  return JSON.parse(data, (_, value) => {
+    if (typeof value === "string" && value.startsWith(DATE_TOKEN)) {
+      return new Date(value.replace(DATE_TOKEN, ""));
     }
-    const keyframes = status.keyframes.map((keyframe) => ({
-      ...keyframe,
-      frame: evaluateSourceNumericValue(keyframe.frame, config)
-    }));
-    if (keyframes.some((keyframe, index) => !Number.isFinite(keyframe.frame) || index > 0 && keyframe.frame <= keyframes[index - 1].frame)) {
-      return [key, { status: "computed" }];
+    if (typeof value === "string" && value.startsWith(FILE_TOKEN)) {
+      return resolveFileTokenToUrl(value);
     }
-    return [key, { ...status, ...timing, keyframes }];
-  }));
-  cached.set(configKey, result);
-  if (cached.size > 8)
-    cached.delete(cached.keys().next().value);
-  evaluatedProps.set(props, cached);
-  return result;
+    return value;
+  });
 };
-var DEFAULT_SEQUENCE_ACTIVITY_LIMIT = Infinity;
-var NEWTON_ITERATIONS = 4;
-var NEWTON_MIN_SLOPE = 0.001;
-var SUBDIVISION_PRECISION = 0.0000001;
-var SUBDIVISION_MAX_ITERATIONS = 10;
-var kSplineTableSize = 11;
-var kSampleStepSize = 1 / (kSplineTableSize - 1);
-var float32ArraySupported = typeof Float32Array === "function";
-function a(aA1, aA2) {
-  return 1 - 3 * aA2 + 3 * aA1;
-}
-function b(aA1, aA2) {
-  return 3 * aA2 - 6 * aA1;
-}
-function c(aA1) {
-  return 3 * aA1;
-}
-function calcBezier(aT, aA1, aA2) {
-  return ((a(aA1, aA2) * aT + b(aA1, aA2)) * aT + c(aA1)) * aT;
-}
-function getSlope(aT, aA1, aA2) {
-  return 3 * a(aA1, aA2) * aT * aT + 2 * b(aA1, aA2) * aT + c(aA1);
-}
-function binarySubdivide({
-  aX,
-  _aA,
-  _aB,
-  mX1,
-  mX2
-}) {
-  let currentX;
-  let currentT;
-  let i = 0;
-  let aA = _aA;
-  let aB = _aB;
-  do {
-    currentT = aA + (aB - aA) / 2;
-    currentX = calcBezier(currentT, mX1, mX2) - aX;
-    if (currentX > 0) {
-      aB = currentT;
-    } else {
-      aA = currentT;
-    }
-  } while (Math.abs(currentX) > SUBDIVISION_PRECISION && ++i < SUBDIVISION_MAX_ITERATIONS);
-  return currentT;
-}
-function newtonRaphsonIterate(aX, _aGuessT, mX1, mX2) {
-  let aGuessT = _aGuessT;
-  for (let i = 0;i < NEWTON_ITERATIONS; ++i) {
-    const currentSlope = getSlope(aGuessT, mX1, mX2);
-    if (currentSlope === 0) {
-      return aGuessT;
-    }
-    const currentX = calcBezier(aGuessT, mX1, mX2) - aX;
-    aGuessT -= currentX / currentSlope;
+function validateDimension(amount, nameOfProp, location) {
+  if (typeof amount !== "number") {
+    throw new Error(\`The "\${nameOfProp}" prop \${location} must be a number, but you passed a value of type \${typeof amount}\`);
   }
-  return aGuessT;
-}
-function bezier(mX1, mY1, mX2, mY2) {
-  if (!(mX1 >= 0 && mX1 <= 1 && mX2 >= 0 && mX2 <= 1)) {
-    throw new Error("bezier x values must be in [0, 1] range");
+  if (isNaN(amount)) {
+    throw new TypeError(\`The "\${nameOfProp}" prop \${location} must not be NaN, but is NaN.\`);
   }
-  const sampleValues = float32ArraySupported ? new Float32Array(kSplineTableSize) : new Array(kSplineTableSize);
-  if (mX1 !== mY1 || mX2 !== mY2) {
-    for (let i = 0;i < kSplineTableSize; ++i) {
-      sampleValues[i] = calcBezier(i * kSampleStepSize, mX1, mX2);
-    }
+  if (!Number.isFinite(amount)) {
+    throw new TypeError(\`The "\${nameOfProp}" prop \${location} must be finite, but is \${amount}.\`);
   }
-  function getTForX(aX) {
-    let intervalStart = 0;
-    let currentSample = 1;
-    const lastSample = kSplineTableSize - 1;
-    for (;currentSample !== lastSample && sampleValues[currentSample] <= aX; ++currentSample) {
-      intervalStart += kSampleStepSize;
-    }
-    --currentSample;
-    const dist = (aX - sampleValues[currentSample]) / (sampleValues[currentSample + 1] - sampleValues[currentSample]);
-    const guessForT = intervalStart + dist * kSampleStepSize;
-    const initialSlope = getSlope(guessForT, mX1, mX2);
-    if (initialSlope >= NEWTON_MIN_SLOPE) {
-      return newtonRaphsonIterate(aX, guessForT, mX1, mX2);
-    }
-    if (initialSlope === 0) {
-      return guessForT;
-    }
-    return binarySubdivide({
-      aX,
-      _aA: intervalStart,
-      _aB: intervalStart + kSampleStepSize,
-      mX1,
-      mX2
-    });
+  if (amount % 1 !== 0) {
+    throw new TypeError(\`The "\${nameOfProp}" prop \${location} must be an integer, but is \${amount}.\`);
+  }
+  if (amount <= 0) {
+    throw new TypeError(\`The "\${nameOfProp}" prop \${location} must be positive, but got \${amount}.\`);
   }
-  return function(x) {
-    const clampedX = Math.min(1, Math.max(0, x));
-    if (mX1 === mY1 && mX2 === mY2) {
-      return clampedX;
-    }
-    if (clampedX === 0) {
-      return 0;
-    }
-    if (clampedX === 1) {
-      return 1;
-    }
-    return calcBezier(getTForX(clampedX), mY1, mY2);
-  };
 }
-var validateFrame = ({
-  allowFloats,
-  durationInFrames,
-  frame
-}) => {
-  if (typeof frame === "undefined") {
-    throw new TypeError(\`Argument missing for parameter "frame"\`);
+function validateDurationInFrames(durationInFrames, options) {
+  const { allowFloats, component } = options;
+  if (typeof durationInFrames === "undefined") {
+    throw new Error(\`The "durationInFrames" prop \${component} is missing.\`);
   }
-  if (typeof frame !== "number") {
-    throw new TypeError(\`Argument passed for "frame" is not a number: \${frame}\`);
-  }
-  if (!Number.isFinite(frame)) {
-    throw new RangeError(\`Frame \${frame} is not finite\`);
+  if (typeof durationInFrames !== "number") {
+    throw new Error(\`The "durationInFrames" prop \${component} must be a number, but you passed a value of type \${typeof durationInFrames}\`);
   }
-  if (frame % 1 !== 0 && !allowFloats) {
-    throw new RangeError(\`Argument for frame must be an integer, but got \${frame}\`);
+  if (durationInFrames <= 0) {
+    throw new TypeError(\`The "durationInFrames" prop \${component} must be positive, but got \${durationInFrames}.\`);
   }
-  if (frame < 0 && frame < -durationInFrames) {
-    throw new RangeError(\`Cannot use frame \${frame}: Duration of composition is \${durationInFrames}, therefore the lowest frame that can be rendered is \${-durationInFrames}\`);
+  if (!Number.isFinite(durationInFrames)) {
+    throw new TypeError(\`The "durationInFrames" prop \${component} must be finite, but got \${durationInFrames}.\`);
   }
-  if (frame > durationInFrames - 1) {
-    throw new RangeError(\`Cannot use frame \${frame}: Duration of composition is \${durationInFrames}, therefore the highest frame that can be rendered is \${durationInFrames - 1}\`);
+  if (!allowFloats && durationInFrames % 1 !== 0) {
+    throw new TypeError(\`The "durationInFrames" prop \${component} must be an integer, but got \${durationInFrames}.\`);
   }
-};
+}
 function validateFps(fps, location, isGif) {
   if (typeof fps !== "number") {
     throw new Error(\`"fps" must be a number, but you passed a value of type \${typeof fps} \${location}\`);
@@ -343,362 +230,539 @@ function validateFps(fps, location, isGif) {
     throw new TypeError(\`The FPS for a GIF cannot be higher than 50. Use the --every-nth-frame option to lower the FPS: https://remotion.dev/docs/render-as-gif\`);
   }
 }
-var validateSpringDuration = (dur) => {
-  if (typeof dur === "undefined") {
+var DELAY_RENDER_CALLSTACK_TOKEN = "The delayRender was called:";
+var DELAY_RENDER_RETRIES_LEFT = "Retries left: ";
+var DELAY_RENDER_RETRY_TOKEN = "- Rendering the frame will be retried.";
+var DELAY_RENDER_CLEAR_TOKEN = "handle was cleared after";
+var validateDefaultAndInputProps = (defaultProps, name, compositionId) => {
+  if (!defaultProps) {
     return;
   }
-  if (typeof dur !== "number") {
-    throw new TypeError(\`A "duration" of a spring must be a "number" but is "\${typeof dur}"\`);
+  if (typeof defaultProps !== "object") {
+    throw new Error(\`"\${name}" must be an object, but you passed a value of type \${typeof defaultProps}\`);
   }
-  if (Number.isNaN(dur)) {
-    throw new TypeError('A "duration" of a spring is NaN, which it must not be');
+  if (Array.isArray(defaultProps)) {
+    throw new Error(\`"\${name}" must be an object, an array was passed \${compositionId ? \`for composition "\${compositionId}"\` : ""}\`);
   }
-  if (!Number.isFinite(dur)) {
-    throw new TypeError('A "duration" of a spring must be finite, but is ' + dur);
+};
+var ENABLE_V5_BREAKING_CHANGES = false;
+var DEFAULT_PREMOUNT_IN_SECONDS = ENABLE_V5_BREAKING_CHANGES ? 2 : 0;
+var DEFAULT_STUDIO_PREMOUNT_IN_SECONDS = 2;
+var validateDefaultPremountInSeconds = (value) => {
+  if (typeof value !== "number" || !Number.isFinite(value) || value < 0) {
+    throw new TypeError(\`defaultPremountInSeconds must be a finite, non-negative number, but got \${String(value)}.\`);
   }
-  if (dur <= 0) {
-    throw new TypeError('A "duration" of a spring must be positive, but is ' + dur);
+};
+var DEFAULT_SEQUENCE_ACTIVITY_LIMIT = Infinity;
+var transformSchema = {
+  "style.transformOrigin": {
+    type: "transform-origin",
+    step: 1,
+    default: "50% 50%",
+    description: "Origin"
+  },
+  "style.translate": {
+    type: "translate",
+    step: 1,
+    default: "0px 0px",
+    description: "Offset"
+  },
+  "style.scale": {
+    type: "scale",
+    max: 100,
+    step: 0.01,
+    default: 1,
+    description: "Scale",
+    defaultKeyframeOutput: "perceptual-scale"
+  },
+  "style.rotate": {
+    type: "rotation-css",
+    step: 1,
+    default: "0deg",
+    description: "Rotation"
+  },
+  "style.opacity": {
+    type: "number",
+    min: 0,
+    max: 1,
+    step: 0.01,
+    default: 1,
+    description: "Opacity",
+    hiddenFromList: false
   }
 };
-var defaultSpringConfig = {
-  damping: 10,
-  mass: 1,
-  stiffness: 100,
-  overshootClamping: false
+var borderSchema = {
+  "style.borderWidth": {
+    type: "number",
+    default: undefined,
+    min: 0,
+    step: 1,
+    description: "Border width",
+    hiddenFromList: false
+  },
+  "style.borderStyle": {
+    type: "enum",
+    default: "none",
+    description: "Border style",
+    variants: {
+      none: {},
+      hidden: {},
+      solid: {},
+      dashed: {},
+      dotted: {},
+      double: {},
+      groove: {},
+      ridge: {},
+      inset: {},
+      outset: {}
+    }
+  },
+  "style.borderColor": {
+    type: "color",
+    default: undefined,
+    description: "Border color"
+  }
 };
-var advanceCache = {};
-function advance({
-  animation,
-  now,
-  config
-}) {
-  const { toValue, lastTimestamp, current, velocity } = animation;
-  const deltaTime = Math.min(now - lastTimestamp, 64);
-  if (config.damping <= 0) {
-    throw new Error("Spring damping must be greater than 0, otherwise the spring() animation will never end, causing an infinite loop.");
+var borderRadiusSchema = {
+  "style.borderRadius": {
+    type: "number",
+    default: 0,
+    min: 0,
+    step: 1,
+    description: "Border radius",
+    hiddenFromList: false,
+    keyframable: true
+  },
+  "style.borderTopLeftRadius": {
+    type: "number",
+    default: 0,
+    min: 0,
+    step: 1,
+    description: "Top left radius",
+    hiddenFromList: false
+  },
+  "style.borderTopRightRadius": {
+    type: "number",
+    default: 0,
+    min: 0,
+    step: 1,
+    description: "Top right radius",
+    hiddenFromList: false
+  },
+  "style.borderBottomRightRadius": {
+    type: "number",
+    default: 0,
+    min: 0,
+    step: 1,
+    description: "Bottom right radius",
+    hiddenFromList: false
+  },
+  "style.borderBottomLeftRadius": {
+    type: "number",
+    default: 0,
+    min: 0,
+    step: 1,
+    description: "Bottom left radius",
+    hiddenFromList: false
   }
-  const c = config.damping;
-  const m = config.mass;
-  const k = config.stiffness;
-  const cacheKey = [
-    toValue,
-    lastTimestamp,
-    current,
-    velocity,
-    c,
-    m,
-    k,
-    now
-  ].join("-");
-  if (advanceCache[cacheKey]) {
-    return advanceCache[cacheKey];
+};
+var backgroundSchema = {
+  "style.backgroundColor": {
+    type: "color",
+    default: "transparent",
+    description: "Color"
   }
-  const v0 = -velocity;
-  const x0 = toValue - current;
-  const zeta = c / (2 * Math.sqrt(k * m));
-  const omega0 = Math.sqrt(k / m);
-  const omega1 = omega0 * Math.sqrt(1 - zeta ** 2);
-  const t = deltaTime / 1000;
-  const sin1 = Math.sin(omega1 * t);
-  const cos1 = Math.cos(omega1 * t);
-  const underDampedEnvelope = Math.exp(-zeta * omega0 * t);
-  const underDampedFrag1 = underDampedEnvelope * (sin1 * ((v0 + zeta * omega0 * x0) / omega1) + x0 * cos1);
-  const underDampedPosition = toValue - underDampedFrag1;
-  const underDampedVelocity = zeta * omega0 * underDampedFrag1 - underDampedEnvelope * (cos1 * (v0 + zeta * omega0 * x0) - omega1 * x0 * sin1);
-  const criticallyDampedEnvelope = Math.exp(-omega0 * t);
-  const criticallyDampedPosition = toValue - criticallyDampedEnvelope * (x0 + (v0 + omega0 * x0) * t);
-  const criticallyDampedVelocity = criticallyDampedEnvelope * (v0 * (t * omega0 - 1) + t * x0 * omega0 * omega0);
-  const animationNode = {
-    toValue,
-    prevPosition: current,
-    lastTimestamp: now,
-    current: zeta < 1 ? underDampedPosition : criticallyDampedPosition,
-    velocity: zeta < 1 ? underDampedVelocity : criticallyDampedVelocity
-  };
-  advanceCache[cacheKey] = animationNode;
-  return animationNode;
-}
-var calculationCache = {};
-function springCalculation({
-  frame,
-  fps,
-  config = {}
-}) {
-  const from = 0;
-  const to = 1;
-  const resolvedConfig = {
-    damping: config.damping ?? defaultSpringConfig.damping,
-    mass: config.mass ?? defaultSpringConfig.mass,
-    stiffness: config.stiffness ?? defaultSpringConfig.stiffness,
-    overshootClamping: config.overshootClamping ?? defaultSpringConfig.overshootClamping
-  };
-  const configKey = [
-    fps,
-    resolvedConfig.damping,
-    resolvedConfig.mass,
-    resolvedConfig.overshootClamping,
-    resolvedConfig.stiffness
-  ].join("-");
-  const cacheKey = \`\${frame}-\${configKey}\`;
-  if (calculationCache[cacheKey]) {
-    return calculationCache[cacheKey];
+};
+var svgColorSchema = {
+  color: {
+    type: "color",
+    default: undefined,
+    description: "Current color"
   }
-  const frameClamped = Math.max(0, frame);
-  const previousFrame = Math.ceil(frameClamped) - 1;
-  const previousAnimation = previousFrame >= 0 ? calculationCache[\`\${previousFrame}-\${configKey}\`] : undefined;
-  let animation = previousAnimation ?? {
-    lastTimestamp: 0,
-    current: from,
-    toValue: to,
-    velocity: 0,
-    prevPosition: 0
-  };
-  const unevenRest = frameClamped % 1;
-  const startFrame = previousAnimation ? previousFrame + 1 : 0;
-  for (let f = startFrame;f <= Math.floor(frameClamped); f++) {
-    const time = f / fps * 1000;
-    animation = advance({
-      animation,
-      now: time,
-      config: resolvedConfig
-    });
-  }
-  if (unevenRest > 0) {
-    animation = advance({
-      animation,
-      now: frameClamped / fps * 1000,
-      config: resolvedConfig
-    });
+};
+var svgStrokeSchema = {
+  ...svgColorSchema,
+  stroke: {
+    type: "color",
+    default: "none",
+    description: "Stroke"
+  },
+  strokeWidth: {
+    type: "number",
+    default: 1,
+    description: "Stroke width",
+    min: 0,
+    step: 1,
+    hiddenFromList: false
   }
-  calculationCache[cacheKey] = animation;
-  return animation;
-}
-var cache = new Map;
-function measureSpring({
-  fps,
-  config = {},
-  threshold = 0.005
-}) {
-  if (typeof threshold !== "number") {
-    throw new TypeError(\`threshold must be a number, got \${threshold} of type \${typeof threshold}\`);
+};
+var svgPaintSchema = {
+  fill: {
+    type: "color",
+    default: undefined,
+    description: "Fill"
+  },
+  ...svgStrokeSchema
+};
+var premountSchema = {
+  premountFor: {
+    type: "number",
+    default: undefined,
+    description: "Premount For",
+    min: 0,
+    step: 1,
+    hiddenFromList: false,
+    keyframable: false
+  },
+  postmountFor: {
+    type: "number",
+    default: 0,
+    min: 0,
+    step: 1,
+    hiddenFromList: true,
+    keyframable: false
   }
-  if (threshold === 0) {
-    return Infinity;
+};
+var sequencePremountSchema = {
+  ...premountSchema
+};
+var cropSchema = {
+  cropLeft: {
+    type: "number",
+    default: 0,
+    description: "Crop left",
+    min: 0,
+    max: 1,
+    step: 0.01,
+    hiddenFromList: false,
+    keyframable: true
+  },
+  cropRight: {
+    type: "number",
+    default: 0,
+    description: "Crop right",
+    min: 0,
+    max: 1,
+    step: 0.01,
+    hiddenFromList: false,
+    keyframable: true
+  },
+  cropTop: {
+    type: "number",
+    default: 0,
+    description: "Crop top",
+    min: 0,
+    max: 1,
+    step: 0.01,
+    hiddenFromList: false,
+    keyframable: true
+  },
+  cropBottom: {
+    type: "number",
+    default: 0,
+    description: "Crop bottom",
+    min: 0,
+    max: 1,
+    step: 0.01,
+    hiddenFromList: false,
+    keyframable: true
   }
-  if (threshold === 1) {
-    return 0;
+};
+var sequenceCropSchema = cropSchema;
+var sequenceStyleSchema = {
+  ...sequenceCropSchema,
+  ...transformSchema,
+  ...backgroundSchema,
+  ...borderSchema,
+  ...borderRadiusSchema
+};
+var hiddenField = {
+  type: "boolean",
+  default: false,
+  description: "Hidden"
+};
+var showInTimelineField = {
+  type: "hidden"
+};
+var sequenceNameField = {
+  type: "hidden"
+};
+var durationInFramesField = {
+  type: "number",
+  default: undefined,
+  min: 1,
+  step: 1,
+  hiddenFromList: true
+};
+var fromField = {
+  type: "number",
+  default: 0,
+  step: 1,
+  hiddenFromList: true
+};
+var trimBeforeField = {
+  type: "number",
+  default: 0,
+  min: 0,
+  step: 1,
+  hiddenFromList: true
+};
+var sequenceTimingSchema = {
+  from: {
+    ...fromField,
+    description: "From",
+    hiddenFromList: false,
+    keyframable: false
+  },
+  durationInFrames: {
+    ...durationInFramesField,
+    description: "Duration",
+    hiddenFromList: false,
+    keyframable: false
+  },
+  trimBefore: {
+    ...trimBeforeField,
+    description: "Trim before",
+    hiddenFromList: false,
+    keyframable: false
   }
-  if (isNaN(threshold)) {
-    throw new TypeError("Threshold is NaN");
+};
+var freezeField = {
+  type: "number",
+  default: null,
+  step: 1,
+  hiddenFromList: true
+};
+var playbackRateField = {
+  type: "number",
+  default: 1,
+  min: 0.01,
+  step: 0.1,
+  description: "Playback rate",
+  hiddenFromList: false,
+  keyframable: false
+};
+var baseSchema = {
+  durationInFrames: durationInFramesField,
+  from: fromField,
+  trimBefore: trimBeforeField,
+  playbackRate: playbackRateField,
+  freeze: freezeField,
+  hidden: hiddenField,
+  name: sequenceNameField,
+  showInTimeline: showInTimelineField
+};
+var sequenceSchema = {
+  ...baseSchema,
+  layout: {
+    type: "enum",
+    default: "absolute-fill",
+    description: "Layout",
+    variants: {
+      "absolute-fill": sequenceStyleSchema,
+      none: {}
+    }
   }
-  if (!Number.isFinite(threshold)) {
-    throw new TypeError("Threshold is not finite");
+};
+var baseSchemaWithoutFrom = {
+  durationInFrames: durationInFramesField,
+  trimBefore: trimBeforeField,
+  playbackRate: playbackRateField,
+  freeze: freezeField,
+  hidden: hiddenField,
+  name: sequenceNameField,
+  showInTimeline: showInTimelineField
+};
+var sequenceSchemaWithoutFrom = {
+  ...baseSchemaWithoutFrom,
+  layout: sequenceSchema.layout
+};
+var sequenceSchemaDefaultLayoutNone = {
+  ...sequenceSchema,
+  layout: {
+    ...sequenceSchema.layout,
+    default: "none"
   }
-  if (threshold < 0) {
-    throw new TypeError("Threshold is below 0");
+};
+var evaluateSourceNumericValue = (expression, config) => {
+  if (typeof expression === "number") {
+    return expression;
   }
-  const cacheKey = [
-    fps,
-    config.damping,
-    config.mass,
-    config.overshootClamping,
-    config.stiffness,
-    threshold
-  ].join("-");
-  if (cache.has(cacheKey)) {
-    return cache.get(cacheKey);
+  if (expression.type === "literal") {
+    return expression.value;
   }
-  validateFps(fps, "to the measureSpring() function", false);
-  let frame = 0;
-  let finishedFrame = 0;
-  const calc = () => {
-    return springCalculation({
-      fps,
-      frame,
-      config
-    });
-  };
-  let animation = calc();
-  const calcDifference = () => {
-    return Math.abs(animation.current - animation.toValue);
-  };
-  let difference = calcDifference();
-  while (difference >= threshold) {
-    frame++;
-    animation = calc();
-    difference = calcDifference();
-  }
-  finishedFrame = frame;
-  for (let i = 0;i < 20; i++) {
-    frame++;
-    animation = calc();
-    difference = calcDifference();
-    if (difference >= threshold) {
-      i = 0;
-      finishedFrame = frame + 1;
+  if (expression.type === "binary") {
+    const left = evaluateSourceNumericValue(expression.left, config);
+    const right = evaluateSourceNumericValue(expression.right, config);
+    switch (expression.operator) {
+      case "+":
+        return left + right;
+      case "-":
+        return left - right;
+      case "*":
+        return left * right;
+      case "/":
+        return left / right;
+      default:
+        throw new Error("Unknown source expression operator");
     }
   }
-  cache.set(cacheKey, finishedFrame);
-  return finishedFrame;
+  const value = expression.binding.type === "constant" ? expression.binding.value : config?.[expression.binding.field] ?? NaN;
+  if (expression.type === "video-config-multiplication") {
+    return value * expression.multiplier;
+  }
+  if (expression.type === "video-config-subtraction") {
+    return value - expression.subtrahend;
+  }
+  return value;
+};
+var evaluatedProps = new WeakMap;
+var evaluateSourcePropStatuses = (props, config) => {
+  const configKey = config === null ? "" : \`\${config.durationInFrames}:\${config.fps}:\${config.width}:\${config.height}\`;
+  const cached = evaluatedProps.get(props) ?? new Map;
+  const existing = cached.get(configKey);
+  if (existing)
+    return existing;
+  const result = Object.fromEntries(Object.entries(props).map(([key, status]) => {
+    if (status.status === "computed") {
+      return [key, status];
+    }
+    const adjustment = status.keyframeDisplayOffsetAdjustment === null ? null : evaluateSourceNumericValue(status.keyframeDisplayOffsetAdjustment, config);
+    const rate = evaluateSourceNumericValue(status.keyframePlaybackRateAdjustment ?? 1, config);
+    if (adjustment !== null && !Number.isFinite(adjustment) || !Number.isFinite(rate) || rate <= 0) {
+      return [key, { status: "computed" }];
+    }
+    const timing = {
+      keyframeDisplayOffsetAdjustment: adjustment,
+      ...status.keyframePlaybackRateAdjustment === undefined ? {} : { keyframePlaybackRateAdjustment: rate }
+    };
+    if (status.status === "static") {
+      const value = status.numericExpression === undefined ? status.codeValue : evaluateSourceNumericValue(status.numericExpression, config);
+      return [
+        key,
+        status.numericExpression !== undefined && !Number.isFinite(value) ? { status: "computed" } : { ...status, ...timing, codeValue: value }
+      ];
+    }
+    const keyframes = status.keyframes.map((keyframe) => ({
+      ...keyframe,
+      frame: evaluateSourceNumericValue(keyframe.frame, config)
+    }));
+    if (keyframes.some((keyframe, index) => !Number.isFinite(keyframe.frame) || index > 0 && keyframe.frame <= keyframes[index - 1].frame)) {
+      return [key, { status: "computed" }];
+    }
+    return [key, { ...status, ...timing, keyframes }];
+  }));
+  cached.set(configKey, result);
+  if (cached.size > 8)
+    cached.delete(cached.keys().next().value);
+  evaluatedProps.set(props, cached);
+  return result;
+};
+var NEWTON_ITERATIONS = 4;
+var NEWTON_MIN_SLOPE = 0.001;
+var SUBDIVISION_PRECISION = 0.0000001;
+var SUBDIVISION_MAX_ITERATIONS = 10;
+var kSplineTableSize = 11;
+var kSampleStepSize = 1 / (kSplineTableSize - 1);
+var float32ArraySupported = typeof Float32Array === "function";
+function a(aA1, aA2) {
+  return 1 - 3 * aA2 + 3 * aA1;
 }
-function spring({
-  frame: passedFrame,
-  fps,
-  config = {},
-  from = 0,
-  to = 1,
-  durationInFrames: passedDurationInFrames,
-  durationRestThreshold,
-  delay = 0,
-  reverse = false
+function b(aA1, aA2) {
+  return 3 * aA2 - 6 * aA1;
+}
+function c(aA1) {
+  return 3 * aA1;
+}
+function calcBezier(aT, aA1, aA2) {
+  return ((a(aA1, aA2) * aT + b(aA1, aA2)) * aT + c(aA1)) * aT;
+}
+function getSlope(aT, aA1, aA2) {
+  return 3 * a(aA1, aA2) * aT * aT + 2 * b(aA1, aA2) * aT + c(aA1);
+}
+function binarySubdivide({
+  aX,
+  _aA,
+  _aB,
+  mX1,
+  mX2
 }) {
-  validateSpringDuration(passedDurationInFrames);
-  validateFrame({
-    frame: passedFrame,
-    durationInFrames: Infinity,
-    allowFloats: true
-  });
-  validateFps(fps, "to spring()", false);
-  const needsToCalculateNaturalDuration = reverse || typeof passedDurationInFrames !== "undefined";
-  const naturalDuration = needsToCalculateNaturalDuration ? measureSpring({
-    fps,
-    config,
-    threshold: durationRestThreshold
-  }) : undefined;
-  const naturalDurationGetter = needsToCalculateNaturalDuration ? {
-    get: () => naturalDuration
-  } : {
-    get: () => {
-      throw new Error("did not calculate natural duration, this is an error with Remotion. Please report");
+  let currentX;
+  let currentT;
+  let i = 0;
+  let aA = _aA;
+  let aB = _aB;
+  do {
+    currentT = aA + (aB - aA) / 2;
+    currentX = calcBezier(currentT, mX1, mX2) - aX;
+    if (currentX > 0) {
+      aB = currentT;
+    } else {
+      aA = currentT;
     }
-  };
-  const reverseProcessed = reverse ? (passedDurationInFrames ?? naturalDurationGetter.get()) - passedFrame : passedFrame;
-  const delayProcessed = reverseProcessed + (reverse ? delay : -delay);
-  const durationProcessed = passedDurationInFrames === undefined ? delayProcessed : delayProcessed / (passedDurationInFrames / naturalDurationGetter.get());
-  if (passedDurationInFrames && delayProcessed > passedDurationInFrames) {
-    return to;
-  }
-  const spr = springCalculation({
-    fps,
-    frame: durationProcessed,
-    config
-  });
-  const inner = config.overshootClamping ? Math.min(spr.current, 1) : spr.current;
-  const interpolated = from === 0 && to === 1 ? inner : interpolate(inner, [0, 1], [from, to]);
-  return interpolated;
+  } while (Math.abs(currentX) > SUBDIVISION_PRECISION && ++i < SUBDIVISION_MAX_ITERATIONS);
+  return currentT;
 }
-var clampUnit = (t) => Math.min(1, Math.max(0, t));
-var springEasingDurationInFrames = 30;
-var easeBezier = null;
-
-class Easing {
-  static step0(n) {
-    return n > 0 ? 1 : 0;
-  }
-  static step1(n) {
-    return n >= 1 ? 1 : 0;
-  }
-  static linear(t) {
-    return t;
-  }
-  static ease(t) {
-    easeBezier ??= Easing.bezier(0.42, 0, 1, 1);
-    return easeBezier(t);
-  }
-  static quad(t) {
-    return t * t;
-  }
-  static cubic(t) {
-    return t * t * t;
-  }
-  static poly(n) {
-    return (t) => t ** n;
-  }
-  static sin(t) {
-    return 1 - Math.cos(t * Math.PI / 2);
-  }
-  static circle(t) {
-    const u = clampUnit(t);
-    return 1 - Math.sqrt(1 - u * u);
+function newtonRaphsonIterate(aX, _aGuessT, mX1, mX2) {
+  let aGuessT = _aGuessT;
+  for (let i = 0;i < NEWTON_ITERATIONS; ++i) {
+    const currentSlope = getSlope(aGuessT, mX1, mX2);
+    if (currentSlope === 0) {
+      return aGuessT;
+    }
+    const currentX = calcBezier(aGuessT, mX1, mX2) - aX;
+    aGuessT -= currentX / currentSlope;
   }
-  static exp(t) {
-    return 2 ** (10 * (t - 1));
+  return aGuessT;
+}
+function bezier(mX1, mY1, mX2, mY2) {
+  if (!(mX1 >= 0 && mX1 <= 1 && mX2 >= 0 && mX2 <= 1)) {
+    throw new Error("bezier x values must be in [0, 1] range");
   }
-  static elastic(bounciness = 1) {
-    const p = bounciness * Math.PI;
-    return (t) => 1 - Math.cos(t * Math.PI / 2) ** 3 * Math.cos(t * p);
+  const sampleValues = float32ArraySupported ? new Float32Array(kSplineTableSize) : new Array(kSplineTableSize);
+  if (mX1 !== mY1 || mX2 !== mY2) {
+    for (let i = 0;i < kSplineTableSize; ++i) {
+      sampleValues[i] = calcBezier(i * kSampleStepSize, mX1, mX2);
+    }
   }
-  static back(s = 1.70158) {
-    return (t) => t * t * ((s + 1) * t - s);
+  function getTForX(aX) {
+    let intervalStart = 0;
+    let currentSample = 1;
+    const lastSample = kSplineTableSize - 1;
+    for (;currentSample !== lastSample && sampleValues[currentSample] <= aX; ++currentSample) {
+      intervalStart += kSampleStepSize;
+    }
+    --currentSample;
+    const dist = (aX - sampleValues[currentSample]) / (sampleValues[currentSample + 1] - sampleValues[currentSample]);
+    const guessForT = intervalStart + dist * kSampleStepSize;
+    const initialSlope = getSlope(guessForT, mX1, mX2);
+    if (initialSlope >= NEWTON_MIN_SLOPE) {
+      return newtonRaphsonIterate(aX, guessForT, mX1, mX2);
+    }
+    if (initialSlope === 0) {
+      return guessForT;
+    }
+    return binarySubdivide({
+      aX,
+      _aA: intervalStart,
+      _aB: intervalStart + kSampleStepSize,
+      mX1,
+      mX2
+    });
   }
-  static spring({
-    allowTail = false,
-    durationRestThreshold,
-    ...config
-  } = {}) {
-    const easing = (t) => {
-      if (t <= 0) {
-        return 0;
-      }
-      if (!allowTail && t >= 1) {
-        return 1;
-      }
-      if (allowTail) {
-        return spring({
-          fps: springEasingDurationInFrames,
-          frame: t * measureSpring({
-            fps: springEasingDurationInFrames,
-            config,
-            threshold: durationRestThreshold
-          }),
-          config
-        });
-      }
-      return spring({
-        fps: springEasingDurationInFrames,
-        frame: t * springEasingDurationInFrames,
-        config,
-        durationInFrames: springEasingDurationInFrames,
-        durationRestThreshold
-      });
-    };
-    return Object.assign(easing, {
-      remotionShouldExtendRight: allowTail
-    });
-  }
-  static bounce(t) {
-    const u = clampUnit(t);
-    if (u < 1 / 2.75) {
-      return 7.5625 * u * u;
+  return function(x) {
+    const clampedX = Math.min(1, Math.max(0, x));
+    if (mX1 === mY1 && mX2 === mY2) {
+      return clampedX;
     }
-    if (u < 2 / 2.75) {
-      const t2_ = u - 1.5 / 2.75;
-      return 7.5625 * t2_ * t2_ + 0.75;
+    if (clampedX === 0) {
+      return 0;
     }
-    if (u < 2.5 / 2.75) {
-      const t2_ = u - 2.25 / 2.75;
-      return 7.5625 * t2_ * t2_ + 0.9375;
+    if (clampedX === 1) {
+      return 1;
     }
-    const t2 = u - 2.625 / 2.75;
-    return 7.5625 * t2 * t2 + 0.984375;
-  }
-  static bezier(x1, y1, x2, y2) {
-    return bezier(x1, y1, x2, y2);
-  }
-  static in(easing) {
-    return easing;
-  }
-  static out(easing) {
-    return (t) => 1 - easing(1 - t);
-  }
-  static inOut(easing) {
-    return (t) => {
-      if (t < 0.5) {
-        return easing(t * 2) / 2;
-      }
-      return 1 - easing((1 - t) * 2) / 2;
-    };
-  }
+    return calcBezier(getTForX(clampedX), mY1, mY2);
+  };
 }
 var normalizeNumber = (value) => {
   return Math.round(value * 1e6) / 1e6;
@@ -1330,7 +1394,7 @@ var interpolateDiscreteValue = ({
     if (resolveEasingForSegment({
       easing: options?.easing,
       segmentIndex
-    }) !== Easing.step1) {
+    }) !== Easing2.step1) {
       throw new TypeError(typeof outputRange[0] === "boolean" ? "Booleans can only be interpolated using Easing.step1" : "Non-numeric strings can only be interpolated using Easing.step1");
     }
   }
@@ -1410,7 +1474,7 @@ function checkInfiniteRange(name, arr) {
     }
   }
 }
-function assertValidInterpolateEasingOption(easing, inputRangeLength) {
+function assertValidInterpolateEasingOption2(easing, inputRangeLength) {
   if (easing === undefined) {
     return;
   }
@@ -1427,7 +1491,7 @@ function assertValidInterpolateEasingOption(easing, inputRangeLength) {
     }
   }
 }
-function assertValidInterpolatePosterizeOption(posterize) {
+function assertValidInterpolatePosterizeOption2(posterize) {
   if (posterize === undefined) {
     return;
   }
@@ -1447,7 +1511,7 @@ function assertValidInterpolateOutputType(outputType) {
   }
   throw new Error(\`outputType must be "font-weight", "scale", "translate", "rotate", or "transform-origin", but got \${String(outputType)}\`);
 }
-function interpolate(input, inputRange, outputRange, options) {
+function interpolate2(input, inputRange, outputRange, options) {
   if (typeof input === "undefined") {
     throw new Error("input can not be undefined");
   }
@@ -1462,8 +1526,8 @@ function interpolate(input, inputRange, outputRange, options) {
   }
   checkInfiniteRange("inputRange", inputRange);
   checkValidInputRange(inputRange);
-  assertValidInterpolateEasingOption(options?.easing, inputRange.length);
-  assertValidInterpolatePosterizeOption(options?.posterize);
+  assertValidInterpolateEasingOption2(options?.easing, inputRange.length);
+  assertValidInterpolatePosterizeOption2(options?.posterize);
   assertValidInterpolateOutputOption(options?.output);
   assertValidInterpolateOutputType(options?.outputType);
   if (typeof input !== "number") {
@@ -1546,466 +1610,387 @@ function interpolate(input, inputRange, outputRange, options) {
   checkInfiniteRange("outputRange", outputRange);
   return interpolateNumber({ input, inputRange, outputRange, options });
 }
-var ENABLE_V5_BREAKING_CHANGES = false;
-var DEFAULT_PREMOUNT_IN_SECONDS = ENABLE_V5_BREAKING_CHANGES ? 2 : 0;
-var DEFAULT_STUDIO_PREMOUNT_IN_SECONDS = 2;
-var validateDefaultPremountInSeconds = (value) => {
-  if (typeof value !== "number" || !Number.isFinite(value) || value < 0) {
-    throw new TypeError(\`defaultPremountInSeconds must be a finite, non-negative number, but got \${String(value)}.\`);
-  }
-};
-var DELAY_RENDER_CALLSTACK_TOKEN = "The delayRender was called:";
-var DELAY_RENDER_RETRIES_LEFT = "Retries left: ";
-var DELAY_RENDER_RETRY_TOKEN = "- Rendering the frame will be retried.";
-var DELAY_RENDER_CLEAR_TOKEN = "handle was cleared after";
-var findPropsToDelete = ({
-  schema,
-  key,
-  value
+var validateFrame = ({
+  allowFloats,
+  durationInFrames,
+  frame
 }) => {
-  const fieldSchema = schema[key];
-  if (!fieldSchema) {
-    throw new Error("Key " + JSON.stringify(key) + " not found in schema");
+  if (typeof frame === "undefined") {
+    throw new TypeError(\`Argument missing for parameter "frame"\`);
   }
-  if (typeof value !== "string") {
-    throw new Error("Value must be a string, but is " + JSON.stringify(value));
+  if (typeof frame !== "number") {
+    throw new TypeError(\`Argument passed for "frame" is not a number: \${frame}\`);
   }
-  if (fieldSchema.type !== "enum") {
-    throw new Error("Key " + JSON.stringify(key) + " is not an enum");
+  if (!Number.isFinite(frame)) {
+    throw new RangeError(\`Frame \${frame} is not finite\`);
   }
-  const currentVariant = fieldSchema.variants[value];
-  if (!currentVariant) {
-    throw new Error("Value for " + JSON.stringify(key) + " must be one of " + Object.keys(fieldSchema.variants).map((v) => JSON.stringify(v)).join(", ") + ", got " + JSON.stringify(value));
+  if (frame % 1 !== 0 && !allowFloats) {
+    throw new RangeError(\`Argument for frame must be an integer, but got \${frame}\`);
   }
-  const otherVariants = Object.keys(fieldSchema.variants).filter((v) => v !== value);
-  const otherKeys = new Set;
-  for (const variant of otherVariants) {
-    const otherVariant = fieldSchema.variants[variant];
-    const keys = Object.keys(otherVariant);
-    for (const k of keys) {
-      otherKeys.add(k);
-    }
+  if (frame < 0 && frame < -durationInFrames) {
+    throw new RangeError(\`Cannot use frame \${frame}: Duration of composition is \${durationInFrames}, therefore the lowest frame that can be rendered is \${-durationInFrames}\`);
   }
-  return [...otherKeys];
-};
-var registeredFontFaces = [];
-var fontDataByUrl = new Map;
-var fetchFontData = (fontUrl) => {
-  const cached = fontDataByUrl.get(fontUrl);
-  if (cached) {
-    return cached;
+  if (frame > durationInFrames - 1) {
+    throw new RangeError(\`Cannot use frame \${frame}: Duration of composition is \${durationInFrames}, therefore the highest frame that can be rendered is \${durationInFrames - 1}\`);
   }
-  const promise = fetch(fontUrl).then((response) => {
-    if (!response.ok) {
-      throw new Error(\`Failed to load font \${JSON.stringify(fontUrl)}: \${response.status} \${response.statusText}\`);
-    }
-    return response.arrayBuffer();
-  }).catch((error) => {
-    fontDataByUrl.delete(fontUrl);
-    throw error;
-  });
-  fontDataByUrl.set(fontUrl, promise);
-  return promise;
 };
-var registerFontFace = (fontFace) => {
-  if (registeredFontFaces.some((registered) => registered.ascentOverride === fontFace.ascentOverride && registered.descentOverride === fontFace.descentOverride && registered.display === fontFace.display && registered.featureSettings === fontFace.featureSettings && registered.fontFamily === fontFace.fontFamily && registered.fontUrl === fontFace.fontUrl && registered.format === fontFace.format && registered.lineGapOverride === fontFace.lineGapOverride && registered.style === fontFace.style && registered.weight === fontFace.weight && registered.stretch === fontFace.stretch && registered.unicodeRange === fontFace.unicodeRange && registered.variant === fontFace.variant)) {
+var validateSpringDuration = (dur) => {
+  if (typeof dur === "undefined") {
     return;
   }
-  registeredFontFaces.push(fontFace);
-};
-var getRegisteredFontFaces = () => {
-  return registeredFontFaces.slice();
-};
-var DATE_TOKEN = "remotion-date:";
-var FILE_TOKEN = "remotion-file:";
-var serializeJSONWithSpecialTypes = ({
-  data,
-  indent,
-  staticBase
-}) => {
-  let customDateUsed = false;
-  let customFileUsed = false;
-  let mapUsed = false;
-  let setUsed = false;
-  try {
-    const serializedString = JSON.stringify(data, function(key, value) {
-      const item = this[key];
-      if (item instanceof Date) {
-        customDateUsed = true;
-        return \`\${DATE_TOKEN}\${item.toISOString()}\`;
-      }
-      if (item instanceof Map) {
-        mapUsed = true;
-        return value;
-      }
-      if (item instanceof Set) {
-        setUsed = true;
-        return value;
-      }
-      if (typeof item === "string" && staticBase !== null && staticBase !== "" && item.startsWith(staticBase)) {
-        customFileUsed = true;
-        return \`\${FILE_TOKEN}\${item.replace(staticBase + "/", "")}\`;
-      }
-      return value;
-    }, indent);
-    return { serializedString, customDateUsed, customFileUsed, mapUsed, setUsed };
-  } catch (err) {
-    throw new Error("Could not serialize the passed input props to JSON: " + err.message);
+  if (typeof dur !== "number") {
+    throw new TypeError(\`A "duration" of a spring must be a "number" but is "\${typeof dur}"\`);
   }
-};
-var resolveFileTokenToUrl = (value) => {
-  const encodedName = value.replace(FILE_TOKEN, "");
-  let name = encodedName;
-  try {
-    name = encodedName.split("/").map(decodeURIComponent).join("/");
-  } catch {}
-  const matchingStaticFile = window.remotion_staticFiles?.find((file) => file.name === name);
-  if (matchingStaticFile) {
-    return matchingStaticFile.src;
+  if (Number.isNaN(dur)) {
+    throw new TypeError('A "duration" of a spring is NaN, which it must not be');
   }
-  return \`\${window.remotion_staticBase}/\${encodedName}\`;
-};
-var deserializeJSONWithSpecialTypes = (data) => {
-  return JSON.parse(data, (_, value) => {
-    if (typeof value === "string" && value.startsWith(DATE_TOKEN)) {
-      return new Date(value.replace(DATE_TOKEN, ""));
-    }
-    if (typeof value === "string" && value.startsWith(FILE_TOKEN)) {
-      return resolveFileTokenToUrl(value);
-    }
-    return value;
-  });
-};
-var transformSchema = {
-  "style.transformOrigin": {
-    type: "transform-origin",
-    step: 1,
-    default: "50% 50%",
-    description: "Origin"
-  },
-  "style.translate": {
-    type: "translate",
-    step: 1,
-    default: "0px 0px",
-    description: "Offset"
-  },
-  "style.scale": {
-    type: "scale",
-    max: 100,
-    step: 0.01,
-    default: 1,
-    description: "Scale",
-    defaultKeyframeOutput: "perceptual-scale"
-  },
-  "style.rotate": {
-    type: "rotation-css",
-    step: 1,
-    default: "0deg",
-    description: "Rotation"
-  },
-  "style.opacity": {
-    type: "number",
-    min: 0,
-    max: 1,
-    step: 0.01,
-    default: 1,
-    description: "Opacity",
-    hiddenFromList: false
+  if (!Number.isFinite(dur)) {
+    throw new TypeError('A "duration" of a spring must be finite, but is ' + dur);
+  }
+  if (dur <= 0) {
+    throw new TypeError('A "duration" of a spring must be positive, but is ' + dur);
   }
 };
-var borderSchema = {
-  "style.borderWidth": {
-    type: "number",
-    default: undefined,
-    min: 0,
-    step: 1,
-    description: "Border width",
-    hiddenFromList: false
-  },
-  "style.borderStyle": {
-    type: "enum",
-    default: "none",
-    description: "Border style",
-    variants: {
-      none: {},
-      hidden: {},
-      solid: {},
-      dashed: {},
-      dotted: {},
-      double: {},
-      groove: {},
-      ridge: {},
-      inset: {},
-      outset: {}
+var defaultSpringConfig = {
+  damping: 10,
+  mass: 1,
+  stiffness: 100,
+  overshootClamping: false
+};
+var advanceCache = {};
+function advance({
+  animation,
+  now,
+  config
+}) {
+  const { toValue, lastTimestamp, current, velocity } = animation;
+  const deltaTime = Math.min(now - lastTimestamp, 64);
+  if (config.damping <= 0) {
+    throw new Error("Spring damping must be greater than 0, otherwise the spring() animation will never end, causing an infinite loop.");
+  }
+  const c = config.damping;
+  const m = config.mass;
+  const k = config.stiffness;
+  const cacheKey = [
+    toValue,
+    lastTimestamp,
+    current,
+    velocity,
+    c,
+    m,
+    k,
+    now
+  ].join("-");
+  if (advanceCache[cacheKey]) {
+    return advanceCache[cacheKey];
+  }
+  const v0 = -velocity;
+  const x0 = toValue - current;
+  const zeta = c / (2 * Math.sqrt(k * m));
+  const omega0 = Math.sqrt(k / m);
+  const omega1 = omega0 * Math.sqrt(1 - zeta ** 2);
+  const t = deltaTime / 1000;
+  const sin1 = Math.sin(omega1 * t);
+  const cos1 = Math.cos(omega1 * t);
+  const underDampedEnvelope = Math.exp(-zeta * omega0 * t);
+  const underDampedFrag1 = underDampedEnvelope * (sin1 * ((v0 + zeta * omega0 * x0) / omega1) + x0 * cos1);
+  const underDampedPosition = toValue - underDampedFrag1;
+  const underDampedVelocity = zeta * omega0 * underDampedFrag1 - underDampedEnvelope * (cos1 * (v0 + zeta * omega0 * x0) - omega1 * x0 * sin1);
+  const criticallyDampedEnvelope = Math.exp(-omega0 * t);
+  const criticallyDampedPosition = toValue - criticallyDampedEnvelope * (x0 + (v0 + omega0 * x0) * t);
+  const criticallyDampedVelocity = criticallyDampedEnvelope * (v0 * (t * omega0 - 1) + t * x0 * omega0 * omega0);
+  const animationNode = {
+    toValue,
+    prevPosition: current,
+    lastTimestamp: now,
+    current: zeta < 1 ? underDampedPosition : criticallyDampedPosition,
+    velocity: zeta < 1 ? underDampedVelocity : criticallyDampedVelocity
+  };
+  advanceCache[cacheKey] = animationNode;
+  return animationNode;
+}
+var calculationCache = {};
+function springCalculation({
+  frame,
+  fps,
+  config = {}
+}) {
+  const from = 0;
+  const to = 1;
+  const resolvedConfig = {
+    damping: config.damping ?? defaultSpringConfig.damping,
+    mass: config.mass ?? defaultSpringConfig.mass,
+    stiffness: config.stiffness ?? defaultSpringConfig.stiffness,
+    overshootClamping: config.overshootClamping ?? defaultSpringConfig.overshootClamping
+  };
+  const configKey = [
+    fps,
+    resolvedConfig.damping,
+    resolvedConfig.mass,
+    resolvedConfig.overshootClamping,
+    resolvedConfig.stiffness
+  ].join("-");
+  const cacheKey = \`\${frame}-\${configKey}\`;
+  if (calculationCache[cacheKey]) {
+    return calculationCache[cacheKey];
+  }
+  const frameClamped = Math.max(0, frame);
+  const previousFrame = Math.ceil(frameClamped) - 1;
+  const previousAnimation = previousFrame >= 0 ? calculationCache[\`\${previousFrame}-\${configKey}\`] : undefined;
+  let animation = previousAnimation ?? {
+    lastTimestamp: 0,
+    current: from,
+    toValue: to,
+    velocity: 0,
+    prevPosition: 0
+  };
+  const unevenRest = frameClamped % 1;
+  const startFrame = previousAnimation ? previousFrame + 1 : 0;
+  for (let f = startFrame;f <= Math.floor(frameClamped); f++) {
+    const time = f / fps * 1000;
+    animation = advance({
+      animation,
+      now: time,
+      config: resolvedConfig
+    });
+  }
+  if (unevenRest > 0) {
+    animation = advance({
+      animation,
+      now: frameClamped / fps * 1000,
+      config: resolvedConfig
+    });
+  }
+  calculationCache[cacheKey] = animation;
+  return animation;
+}
+var cache = new Map;
+function measureSpring2({
+  fps,
+  config = {},
+  threshold = 0.005
+}) {
+  if (typeof threshold !== "number") {
+    throw new TypeError(\`threshold must be a number, got \${threshold} of type \${typeof threshold}\`);
+  }
+  if (threshold === 0) {
+    return Infinity;
+  }
+  if (threshold === 1) {
+    return 0;
+  }
+  if (isNaN(threshold)) {
+    throw new TypeError("Threshold is NaN");
+  }
+  if (!Number.isFinite(threshold)) {
+    throw new TypeError("Threshold is not finite");
+  }
+  if (threshold < 0) {
+    throw new TypeError("Threshold is below 0");
+  }
+  const cacheKey = [
+    fps,
+    config.damping,
+    config.mass,
+    config.overshootClamping,
+    config.stiffness,
+    threshold
+  ].join("-");
+  if (cache.has(cacheKey)) {
+    return cache.get(cacheKey);
+  }
+  validateFps(fps, "to the measureSpring() function", false);
+  let frame = 0;
+  let finishedFrame = 0;
+  const calc = () => {
+    return springCalculation({
+      fps,
+      frame,
+      config
+    });
+  };
+  let animation = calc();
+  const calcDifference = () => {
+    return Math.abs(animation.current - animation.toValue);
+  };
+  let difference = calcDifference();
+  while (difference >= threshold) {
+    frame++;
+    animation = calc();
+    difference = calcDifference();
+  }
+  finishedFrame = frame;
+  for (let i = 0;i < 20; i++) {
+    frame++;
+    animation = calc();
+    difference = calcDifference();
+    if (difference >= threshold) {
+      i = 0;
+      finishedFrame = frame + 1;
     }
-  },
-  "style.borderColor": {
-    type: "color",
-    default: undefined,
-    description: "Border color"
   }
-};
-var borderRadiusSchema = {
-  "style.borderRadius": {
-    type: "number",
-    default: 0,
-    min: 0,
-    step: 1,
-    description: "Border radius",
-    hiddenFromList: false,
-    keyframable: true
-  },
-  "style.borderTopLeftRadius": {
-    type: "number",
-    default: 0,
-    min: 0,
-    step: 1,
-    description: "Top left radius",
-    hiddenFromList: false
-  },
-  "style.borderTopRightRadius": {
-    type: "number",
-    default: 0,
-    min: 0,
-    step: 1,
-    description: "Top right radius",
-    hiddenFromList: false
-  },
-  "style.borderBottomRightRadius": {
-    type: "number",
-    default: 0,
-    min: 0,
-    step: 1,
-    description: "Bottom right radius",
-    hiddenFromList: false
-  },
-  "style.borderBottomLeftRadius": {
-    type: "number",
-    default: 0,
-    min: 0,
-    step: 1,
-    description: "Bottom left radius",
-    hiddenFromList: false
+  cache.set(cacheKey, finishedFrame);
+  return finishedFrame;
+}
+function spring2({
+  frame: passedFrame,
+  fps,
+  config = {},
+  from = 0,
+  to = 1,
+  durationInFrames: passedDurationInFrames,
+  durationRestThreshold,
+  delay = 0,
+  reverse = false
+}) {
+  validateSpringDuration(passedDurationInFrames);
+  validateFrame({
+    frame: passedFrame,
+    durationInFrames: Infinity,
+    allowFloats: true
+  });
+  validateFps(fps, "to spring()", false);
+  const needsToCalculateNaturalDuration = reverse || typeof passedDurationInFrames !== "undefined";
+  const naturalDuration = needsToCalculateNaturalDuration ? measureSpring2({
+    fps,
+    config,
+    threshold: durationRestThreshold
+  }) : undefined;
+  const naturalDurationGetter = needsToCalculateNaturalDuration ? {
+    get: () => naturalDuration
+  } : {
+    get: () => {
+      throw new Error("did not calculate natural duration, this is an error with Remotion. Please report");
+    }
+  };
+  const reverseProcessed = reverse ? (passedDurationInFrames ?? naturalDurationGetter.get()) - passedFrame : passedFrame;
+  const delayProcessed = reverseProcessed + (reverse ? delay : -delay);
+  const durationProcessed = passedDurationInFrames === undefined ? delayProcessed : delayProcessed / (passedDurationInFrames / naturalDurationGetter.get());
+  if (passedDurationInFrames && delayProcessed > passedDurationInFrames) {
+    return to;
+  }
+  const spr = springCalculation({
+    fps,
+    frame: durationProcessed,
+    config
+  });
+  const inner = config.overshootClamping ? Math.min(spr.current, 1) : spr.current;
+  const interpolated = from === 0 && to === 1 ? inner : interpolate2(inner, [0, 1], [from, to]);
+  return interpolated;
+}
+var clampUnit = (t) => Math.min(1, Math.max(0, t));
+var springEasingDurationInFrames = 30;
+var easeBezier = null;
+
+class Easing2 {
+  static step0(n) {
+    return n > 0 ? 1 : 0;
   }
-};
-var backgroundSchema = {
-  "style.backgroundColor": {
-    type: "color",
-    default: "transparent",
-    description: "Color"
+  static step1(n) {
+    return n >= 1 ? 1 : 0;
   }
-};
-var svgColorSchema = {
-  color: {
-    type: "color",
-    default: undefined,
-    description: "Current color"
+  static linear(t) {
+    return t;
   }
-};
-var svgStrokeSchema = {
-  ...svgColorSchema,
-  stroke: {
-    type: "color",
-    default: "none",
-    description: "Stroke"
-  },
-  strokeWidth: {
-    type: "number",
-    default: 1,
-    description: "Stroke width",
-    min: 0,
-    step: 1,
-    hiddenFromList: false
+  static ease(t) {
+    easeBezier ??= Easing2.bezier(0.42, 0, 1, 1);
+    return easeBezier(t);
   }
-};
-var svgPaintSchema = {
-  fill: {
-    type: "color",
-    default: undefined,
-    description: "Fill"
-  },
-  ...svgStrokeSchema
-};
-var premountSchema = {
-  premountFor: {
-    type: "number",
-    default: undefined,
-    description: "Premount For",
-    min: 0,
-    step: 1,
-    hiddenFromList: false,
-    keyframable: false
-  },
-  postmountFor: {
-    type: "number",
-    default: 0,
-    min: 0,
-    step: 1,
-    hiddenFromList: true,
-    keyframable: false
+  static quad(t) {
+    return t * t;
   }
-};
-var sequencePremountSchema = {
-  ...premountSchema
-};
-var cropSchema = {
-  cropLeft: {
-    type: "number",
-    default: 0,
-    description: "Crop left",
-    min: 0,
-    max: 1,
-    step: 0.01,
-    hiddenFromList: false,
-    keyframable: true
-  },
-  cropRight: {
-    type: "number",
-    default: 0,
-    description: "Crop right",
-    min: 0,
-    max: 1,
-    step: 0.01,
-    hiddenFromList: false,
-    keyframable: true
-  },
-  cropTop: {
-    type: "number",
-    default: 0,
-    description: "Crop top",
-    min: 0,
-    max: 1,
-    step: 0.01,
-    hiddenFromList: false,
-    keyframable: true
-  },
-  cropBottom: {
-    type: "number",
-    default: 0,
-    description: "Crop bottom",
-    min: 0,
-    max: 1,
-    step: 0.01,
-    hiddenFromList: false,
-    keyframable: true
+  static cubic(t) {
+    return t * t * t;
   }
-};
-var sequenceCropSchema = cropSchema;
-var sequenceStyleSchema = {
-  ...sequenceCropSchema,
-  ...transformSchema,
-  ...backgroundSchema,
-  ...borderSchema,
-  ...borderRadiusSchema
-};
-var hiddenField = {
-  type: "boolean",
-  default: false,
-  description: "Hidden"
-};
-var showInTimelineField = {
-  type: "hidden"
-};
-var sequenceNameField = {
-  type: "hidden"
-};
-var durationInFramesField = {
-  type: "number",
-  default: undefined,
-  min: 1,
-  step: 1,
-  hiddenFromList: true
-};
-var fromField = {
-  type: "number",
-  default: 0,
-  step: 1,
-  hiddenFromList: true
-};
-var trimBeforeField = {
-  type: "number",
-  default: 0,
-  min: 0,
-  step: 1,
-  hiddenFromList: true
-};
-var sequenceTimingSchema = {
-  from: {
-    ...fromField,
-    description: "From",
-    hiddenFromList: false,
-    keyframable: false
-  },
-  durationInFrames: {
-    ...durationInFramesField,
-    description: "Duration",
-    hiddenFromList: false,
-    keyframable: false
-  },
-  trimBefore: {
-    ...trimBeforeField,
-    description: "Trim before",
-    hiddenFromList: false,
-    keyframable: false
+  static poly(n) {
+    return (t) => t ** n;
   }
-};
-var freezeField = {
-  type: "number",
-  default: null,
-  step: 1,
-  hiddenFromList: true
-};
-var playbackRateField = {
-  type: "number",
-  default: 1,
-  min: 0.01,
-  step: 0.1,
-  description: "Playback rate",
-  hiddenFromList: false,
-  keyframable: false
-};
-var baseSchema = {
-  durationInFrames: durationInFramesField,
-  from: fromField,
-  trimBefore: trimBeforeField,
-  playbackRate: playbackRateField,
-  freeze: freezeField,
-  hidden: hiddenField,
-  name: sequenceNameField,
-  showInTimeline: showInTimelineField
-};
-var sequenceSchema = {
-  ...baseSchema,
-  layout: {
-    type: "enum",
-    default: "absolute-fill",
-    description: "Layout",
-    variants: {
-      "absolute-fill": sequenceStyleSchema,
-      none: {}
+  static sin(t) {
+    return 1 - Math.cos(t * Math.PI / 2);
+  }
+  static circle(t) {
+    const u = clampUnit(t);
+    return 1 - Math.sqrt(1 - u * u);
+  }
+  static exp(t) {
+    return 2 ** (10 * (t - 1));
+  }
+  static elastic(bounciness = 1) {
+    const p = bounciness * Math.PI;
+    return (t) => 1 - Math.cos(t * Math.PI / 2) ** 3 * Math.cos(t * p);
+  }
+  static back(s = 1.70158) {
+    return (t) => t * t * ((s + 1) * t - s);
+  }
+  static spring({
+    allowTail = false,
+    durationRestThreshold,
+    ...config
+  } = {}) {
+    const easing = (t) => {
+      if (t <= 0) {
+        return 0;
+      }
+      if (!allowTail && t >= 1) {
+        return 1;
+      }
+      if (allowTail) {
+        return spring2({
+          fps: springEasingDurationInFrames,
+          frame: t * measureSpring2({
+            fps: springEasingDurationInFrames,
+            config,
+            threshold: durationRestThreshold
+          }),
+          config
+        });
+      }
+      return spring2({
+        fps: springEasingDurationInFrames,
+        frame: t * springEasingDurationInFrames,
+        config,
+        durationInFrames: springEasingDurationInFrames,
+        durationRestThreshold
+      });
+    };
+    return Object.assign(easing, {
+      remotionShouldExtendRight: allowTail
+    });
+  }
+  static bounce(t) {
+    const u = clampUnit(t);
+    if (u < 1 / 2.75) {
+      return 7.5625 * u * u;
+    }
+    if (u < 2 / 2.75) {
+      const t2_ = u - 1.5 / 2.75;
+      return 7.5625 * t2_ * t2_ + 0.75;
+    }
+    if (u < 2.5 / 2.75) {
+      const t2_ = u - 2.25 / 2.75;
+      return 7.5625 * t2_ * t2_ + 0.9375;
     }
+    const t2 = u - 2.625 / 2.75;
+    return 7.5625 * t2 * t2 + 0.984375;
   }
-};
-var baseSchemaWithoutFrom = {
-  durationInFrames: durationInFramesField,
-  trimBefore: trimBeforeField,
-  playbackRate: playbackRateField,
-  freeze: freezeField,
-  hidden: hiddenField,
-  name: sequenceNameField,
-  showInTimeline: showInTimelineField
-};
-var sequenceSchemaWithoutFrom = {
-  ...baseSchemaWithoutFrom,
-  layout: sequenceSchema.layout
-};
-var sequenceSchemaDefaultLayoutNone = {
-  ...sequenceSchema,
-  layout: {
-    ...sequenceSchema.layout,
-    default: "none"
+  static bezier(x1, y1, x2, y2) {
+    return bezier(x1, y1, x2, y2);
   }
-};
+  static in(easing) {
+    return easing;
+  }
+  static out(easing) {
+    return (t) => 1 - easing(1 - t);
+  }
+  static inOut(easing) {
+    return (t) => {
+      if (t < 0.5) {
+        return easing(t * 2) / 2;
+      }
+      return 1 - easing((1 - t) * 2) / 2;
+    };
+  }
+}
 var NUMBER = "[-+]?\\\\d*\\\\.?\\\\d+";
 var PERCENTAGE = NUMBER + "%";
 function call(...args) {
@@ -2457,88 +2442,57 @@ function processColor(color) {
   const normalizedColor = normalizeColor(color);
   return (normalizedColor << 24 | normalizedColor >>> 8) >>> 0;
 }
-var proResProfileOptions = [
-  "4444-xq",
-  "4444",
-  "hq",
-  "standard",
-  "light",
-  "proxy"
-];
-var defaultScaleValue = [1, 1, 1];
-var parseScaleString = (value) => {
-  const parts = value.trim().split(/\\s+/);
-  if (parts.length < 1 || parts.length > 3 || parts[0] === "") {
-    return null;
+var findPropsToDelete = ({
+  schema,
+  key,
+  value
+}) => {
+  const fieldSchema = schema[key];
+  if (!fieldSchema) {
+    throw new Error("Key " + JSON.stringify(key) + " not found in schema");
   }
-  const parsed = parts.map((part) => Number(part));
-  if (!parsed.every((part) => Number.isFinite(part))) {
-    return null;
+  if (typeof value !== "string") {
+    throw new Error("Value must be a string, but is " + JSON.stringify(value));
   }
-  const x = parsed[0];
-  const y = parsed[1] ?? x;
-  const z = parsed[2] ?? 1;
-  return [x, y, z];
-};
-var parseValidScaleValue = (value) => {
-  if (typeof value === "number") {
-    return Number.isFinite(value) ? [value, value, 1] : null;
+  if (fieldSchema.type !== "enum") {
+    throw new Error("Key " + JSON.stringify(key) + " is not an enum");
   }
-  if (typeof value === "string") {
-    return parseScaleString(value);
+  const currentVariant = fieldSchema.variants[value];
+  if (!currentVariant) {
+    throw new Error("Value for " + JSON.stringify(key) + " must be one of " + Object.keys(fieldSchema.variants).map((v) => JSON.stringify(v)).join(", ") + ", got " + JSON.stringify(value));
   }
-  return null;
+  const otherVariants = Object.keys(fieldSchema.variants).filter((v) => v !== value);
+  const otherKeys = new Set;
+  for (const variant of otherVariants) {
+    const otherVariant = fieldSchema.variants[variant];
+    const keys = Object.keys(otherVariant);
+    for (const k of keys) {
+      otherKeys.add(k);
+    }
+  }
+  return [...otherKeys];
 };
-var parseScaleValue = (value) => {
-  return parseValidScaleValue(value) ?? defaultScaleValue;
+var validatePreferredEffectBackend = (value) => {
+  if (value !== "auto" && value !== "webgpu" && value !== "webgl2" && value !== "2d") {
+    throw new TypeError(\`preferredEffectBackend must be "auto", "webgpu", "webgl2" or "2d", got \${String(value)}\`);
+  }
+  return value;
 };
-var serializeScaleValue = ([x, y, z]) => {
-  const normalizedX = normalizeNumber(x);
-  const normalizedY = normalizeNumber(y);
-  const normalizedZ = normalizeNumber(z);
-  if (normalizedX === normalizedY && normalizedZ === 1) {
-    return normalizedX;
+var getAbsoluteSrc = (relativeSrc) => {
+  if (typeof window === "undefined") {
+    return relativeSrc;
   }
-  if (normalizedZ === 1) {
-    return \`\${normalizedX} \${normalizedY}\`;
+  if (relativeSrc.startsWith("http://") || relativeSrc.startsWith("https://") || relativeSrc.startsWith("file://") || relativeSrc.startsWith("blob:") || relativeSrc.startsWith("data:")) {
+    return relativeSrc;
   }
-  return \`\${normalizedX} \${normalizedY} \${normalizedZ}\`;
+  return new URL(relativeSrc, document.baseURI).href;
 };
-function truthy(value) {
-  return Boolean(value);
-}
-var validateSelectedFrames = ({
-  frames,
-  durationInFrames
+var getExpectedMediaFrameUncorrected = ({
+  frame,
+  playbackRate,
+  startFrom
 }) => {
-  if (!Array.isArray(frames)) {
-    throw new TypeError("The \`frames\` option must be an array of frame numbers.");
-  }
-  if (frames.length === 0) {
-    throw new TypeError("The \`frames\` option must contain at least one frame.");
-  }
-  for (const frame of frames) {
-    if (typeof frame !== "number") {
-      throw new TypeError(\`The \\\`frames\\\` option must contain only numbers, but got \${typeof frame}.\`);
-    }
-    if (!Number.isFinite(frame)) {
-      throw new TypeError(\`The \\\`frames\\\` option must contain only finite numbers, but got \${frame}.\`);
-    }
-    if (!Number.isInteger(frame)) {
-      throw new TypeError(\`The \\\`frames\\\` option must contain only integers, but got \${frame}.\`);
-    }
-    if (frame < 0) {
-      throw new TypeError(\`The \\\`frames\\\` option must contain only non-negative numbers, but got \${frame}.\`);
-    }
-    if (durationInFrames !== null && frame >= durationInFrames) {
-      throw new RangeError(\`Frame \${frame} is out of range, must be between 0 and \${durationInFrames - 1}.\`);
-    }
-  }
-  const uniqueFrames = new Set(frames);
-  if (uniqueFrames.size !== frames.length) {
-    throw new TypeError("The \`frames\` option must not contain duplicate frames.");
-  }
-  return [...frames].sort((a, b) => a - b);
+  return interpolate2(frame, [-1, startFrom, startFrom + 1], [-1, startFrom, startFrom + playbackRate]);
 };
 var validCodecs = [
   "h264",
@@ -2565,77 +2519,123 @@ function validateCodec(defaultCodec, location, name) {
     throw new Error(\`The "\${name}" prop \${location} must be one of \${validCodecs.join(", ")}, but you passed \${defaultCodec}.\`);
   }
 }
-var validateDefaultAndInputProps = (defaultProps, name, compositionId) => {
-  if (!defaultProps) {
-    return;
-  }
-  if (typeof defaultProps !== "object") {
-    throw new Error(\`"\${name}" must be an object, but you passed a value of type \${typeof defaultProps}\`);
-  }
-  if (Array.isArray(defaultProps)) {
-    throw new Error(\`"\${name}" must be an object, an array was passed \${compositionId ? \`for composition "\${compositionId}"\` : ""}\`);
-  }
+var getOffthreadVideoSource = ({
+  src,
+  transparent,
+  currentTime,
+  toneMapped
+}) => {
+  return \`http://localhost:\${window.remotion_proxyPort}/proxy?src=\${encodeURIComponent(getAbsoluteSrc(src))}&time=\${encodeURIComponent(Math.max(0, currentTime))}&transparent=\${String(transparent)}&toneMapped=\${String(toneMapped)}\`;
 };
-function validateDimension(amount, nameOfProp, location) {
-  if (typeof amount !== "number") {
-    throw new Error(\`The "\${nameOfProp}" prop \${location} must be a number, but you passed a value of type \${typeof amount}\`);
-  }
-  if (isNaN(amount)) {
-    throw new TypeError(\`The "\${nameOfProp}" prop \${location} must not be NaN, but is NaN.\`);
-  }
-  if (!Number.isFinite(amount)) {
-    throw new TypeError(\`The "\${nameOfProp}" prop \${location} must be finite, but is \${amount}.\`);
-  }
-  if (amount % 1 !== 0) {
-    throw new TypeError(\`The "\${nameOfProp}" prop \${location} must be an integer, but is \${amount}.\`);
-  }
-  if (amount <= 0) {
-    throw new TypeError(\`The "\${nameOfProp}" prop \${location} must be positive, but got \${amount}.\`);
+var registeredFontFaces = [];
+var fontDataByUrl = new Map;
+var fetchFontData = (fontUrl) => {
+  const cached = fontDataByUrl.get(fontUrl);
+  if (cached) {
+    return cached;
   }
-}
-function validateDurationInFrames(durationInFrames, options) {
-  const { allowFloats, component } = options;
-  if (typeof durationInFrames === "undefined") {
-    throw new Error(\`The "durationInFrames" prop \${component} is missing.\`);
+  const promise = fetch(fontUrl).then((response) => {
+    if (!response.ok) {
+      throw new Error(\`Failed to load font \${JSON.stringify(fontUrl)}: \${response.status} \${response.statusText}\`);
+    }
+    return response.arrayBuffer();
+  }).catch((error) => {
+    fontDataByUrl.delete(fontUrl);
+    throw error;
+  });
+  fontDataByUrl.set(fontUrl, promise);
+  return promise;
+};
+var registerFontFace = (fontFace) => {
+  if (registeredFontFaces.some((registered) => registered.ascentOverride === fontFace.ascentOverride && registered.descentOverride === fontFace.descentOverride && registered.display === fontFace.display && registered.featureSettings === fontFace.featureSettings && registered.fontFamily === fontFace.fontFamily && registered.fontUrl === fontFace.fontUrl && registered.format === fontFace.format && registered.lineGapOverride === fontFace.lineGapOverride && registered.style === fontFace.style && registered.weight === fontFace.weight && registered.stretch === fontFace.stretch && registered.unicodeRange === fontFace.unicodeRange && registered.variant === fontFace.variant)) {
+    return;
   }
-  if (typeof durationInFrames !== "number") {
-    throw new Error(\`The "durationInFrames" prop \${component} must be a number, but you passed a value of type \${typeof durationInFrames}\`);
+  registeredFontFaces.push(fontFace);
+};
+var getRegisteredFontFaces = () => {
+  return registeredFontFaces.slice();
+};
+var proResProfileOptions = [
+  "4444-xq",
+  "4444",
+  "hq",
+  "standard",
+  "light",
+  "proxy"
+];
+var defaultScaleValue = [1, 1, 1];
+var parseScaleString = (value) => {
+  const parts = value.trim().split(/\\s+/);
+  if (parts.length < 1 || parts.length > 3 || parts[0] === "") {
+    return null;
   }
-  if (durationInFrames <= 0) {
-    throw new TypeError(\`The "durationInFrames" prop \${component} must be positive, but got \${durationInFrames}.\`);
+  const parsed = parts.map((part) => Number(part));
+  if (!parsed.every((part) => Number.isFinite(part))) {
+    return null;
   }
-  if (!Number.isFinite(durationInFrames)) {
-    throw new TypeError(\`The "durationInFrames" prop \${component} must be finite, but got \${durationInFrames}.\`);
+  const x = parsed[0];
+  const y = parsed[1] ?? x;
+  const z = parsed[2] ?? 1;
+  return [x, y, z];
+};
+var parseValidScaleValue = (value) => {
+  if (typeof value === "number") {
+    return Number.isFinite(value) ? [value, value, 1] : null;
   }
-  if (!allowFloats && durationInFrames % 1 !== 0) {
-    throw new TypeError(\`The "durationInFrames" prop \${component} must be an integer, but got \${durationInFrames}.\`);
+  if (typeof value === "string") {
+    return parseScaleString(value);
   }
-}
-var getExpectedMediaFrameUncorrected = ({
-  frame,
-  playbackRate,
-  startFrom
-}) => {
-  return interpolate(frame, [-1, startFrom, startFrom + 1], [-1, startFrom, startFrom + playbackRate]);
+  return null;
 };
-var getAbsoluteSrc = (relativeSrc) => {
-  if (typeof window === "undefined") {
-    return relativeSrc;
+var parseScaleValue = (value) => {
+  return parseValidScaleValue(value) ?? defaultScaleValue;
+};
+var serializeScaleValue = ([x, y, z]) => {
+  const normalizedX = normalizeNumber(x);
+  const normalizedY = normalizeNumber(y);
+  const normalizedZ = normalizeNumber(z);
+  if (normalizedX === normalizedY && normalizedZ === 1) {
+    return normalizedX;
   }
-  if (relativeSrc.startsWith("http://") || relativeSrc.startsWith("https://") || relativeSrc.startsWith("file://") || relativeSrc.startsWith("blob:") || relativeSrc.startsWith("data:")) {
-    return relativeSrc;
+  if (normalizedZ === 1) {
+    return \`\${normalizedX} \${normalizedY}\`;
   }
-  return new URL(relativeSrc, document.baseURI).href;
+  return \`\${normalizedX} \${normalizedY} \${normalizedZ}\`;
 };
-var getOffthreadVideoSource = ({
-  src,
-  transparent,
-  currentTime,
-  toneMapped
+var validateSelectedFrames = ({
+  frames,
+  durationInFrames
 }) => {
-  return \`http://localhost:\${window.remotion_proxyPort}/proxy?src=\${encodeURIComponent(getAbsoluteSrc(src))}&time=\${encodeURIComponent(Math.max(0, currentTime))}&transparent=\${String(transparent)}&toneMapped=\${String(toneMapped)}\`;
+  if (!Array.isArray(frames)) {
+    throw new TypeError("The \`frames\` option must be an array of frame numbers.");
+  }
+  if (frames.length === 0) {
+    throw new TypeError("The \`frames\` option must contain at least one frame.");
+  }
+  for (const frame of frames) {
+    if (typeof frame !== "number") {
+      throw new TypeError(\`The \\\`frames\\\` option must contain only numbers, but got \${typeof frame}.\`);
+    }
+    if (!Number.isFinite(frame)) {
+      throw new TypeError(\`The \\\`frames\\\` option must contain only finite numbers, but got \${frame}.\`);
+    }
+    if (!Number.isInteger(frame)) {
+      throw new TypeError(\`The \\\`frames\\\` option must contain only integers, but got \${frame}.\`);
+    }
+    if (frame < 0) {
+      throw new TypeError(\`The \\\`frames\\\` option must contain only non-negative numbers, but got \${frame}.\`);
+    }
+    if (durationInFrames !== null && frame >= durationInFrames) {
+      throw new RangeError(\`Frame \${frame} is out of range, must be between 0 and \${durationInFrames - 1}.\`);
+    }
+  }
+  const uniqueFrames = new Set(frames);
+  if (uniqueFrames.size !== frames.length) {
+    throw new TypeError("The \`frames\` option must not contain duplicate frames.");
+  }
+  return [...frames].sort((a, b) => a - b);
 };
-var NoReactInternals = {
+var NoReactInternals2 = {
   validatePreferredEffectBackend,
   DEFAULT_PREMOUNT_IN_SECONDS,
   DEFAULT_STUDIO_PREMOUNT_IN_SECONDS,
@@ -2685,7 +2685,7 @@ var noop = () => {
   return;
 };
 try {
-  const serializedInputProps = NoReactInternals.serializeJSONWithSpecialTypes({
+  const serializedInputProps = NoReactInternals2.serializeJSONWithSpecialTypes({
     data: config.inputProps,
     indent: undefined,
     staticBase: null
@@ -2730,653 +2730,717 @@ try {
     mediaCacheSizeInBytes: config.mediaCacheSizeInBytes,
     preferredEffectBackend: config.preferredEffectBackend,
     offthreadVideoCacheSizeInBytes: config.offthreadVideoCacheSizeInBytes,
-    offthreadVideoThreads: config.offthreadVideoThreads
-  });
-  const serializedResolvedProps = NoReactInternals.serializeJSONWithSpecialTypes({
-    data: composition.props,
-    indent: undefined,
-    staticBase: null
-  }).serializedString;
-  const { contentType } = await RenderInternals.internalRenderStill({
-    output: config.output,
-    composition,
-    serializedInputPropsWithCustomSchema: serializedInputProps,
-    serializedResolvedPropsWithCustomSchema: serializedResolvedProps,
-    serveUrl: config.serveUrl,
-    frame: config.frame,
-    imageFormat: config.imageFormat,
-    jpegQuality: config.jpegQuality,
-    envVariables: config.envVariables,
-    overwrite: true,
-    browserExecutable: config.browserExecutable,
-    chromiumOptions: config.chromiumOptions,
-    scale: config.scale,
-    logLevel: config.logLevel,
-    timeoutInMilliseconds: config.timeoutInMilliseconds,
-    binariesDirectory: config.binariesDirectory,
-    chromeMode: config.chromeMode,
-    offthreadVideoCacheSizeInBytes: config.offthreadVideoCacheSizeInBytes,
-    mediaCacheSizeInBytes: config.mediaCacheSizeInBytes,
-    preferredEffectBackend: config.preferredEffectBackend,
-    offthreadVideoThreads: config.offthreadVideoThreads,
-    licenseKey: config.licenseKey,
-    isProduction: config.isProduction,
-    puppeteerInstance: browser,
-    onBrowserLog: null,
-    onDownload: null,
-    cancelSignal: null,
-    indent: false,
-    server: undefined,
-    port: null,
-    onArtifact: null,
-    onLog: RenderInternals.defaultOnLog,
-    onBrowserDownload: () => ({
-      version: null,
-      onProgress: noop
-    })
-  });
-  console.log(JSON.stringify({ type: "render-complete" }));
-  await browser.close({ silent: false });
-  const { size } = statSync(config.output ?? "/tmp/still.png");
-  console.log(JSON.stringify({ type: "done", size, contentType }));
-} catch (err) {
-  console.error(err.message);
-  process.exit(1);
-}
-`;
-
-// script-embed:render-video-script
-var script2 = `// src/scripts/render-video.ts
-import { randomUUID } from "crypto";
-import { stat, readFile, rename, writeFile } from "fs/promises";
-import { RenderInternals } from "@remotion/renderer";
-import { put } from "@vercel/blob";
-
-// ../core/dist/esm/no-react.mjs
-var validatePreferredEffectBackend = (value) => {
-  if (value !== "auto" && value !== "webgpu" && value !== "webgl2" && value !== "2d") {
-    throw new TypeError(\`preferredEffectBackend must be "auto", "webgpu", "webgl2" or "2d", got \${String(value)}\`);
-  }
-  return value;
-};
-var evaluateSourceNumericValue = (expression, config) => {
-  if (typeof expression === "number") {
-    return expression;
-  }
-  if (expression.type === "literal") {
-    return expression.value;
-  }
-  if (expression.type === "binary") {
-    const left = evaluateSourceNumericValue(expression.left, config);
-    const right = evaluateSourceNumericValue(expression.right, config);
-    switch (expression.operator) {
-      case "+":
-        return left + right;
-      case "-":
-        return left - right;
-      case "*":
-        return left * right;
-      case "/":
-        return left / right;
-      default:
-        throw new Error("Unknown source expression operator");
-    }
-  }
-  const value = expression.binding.type === "constant" ? expression.binding.value : config?.[expression.binding.field] ?? NaN;
-  if (expression.type === "video-config-multiplication") {
-    return value * expression.multiplier;
-  }
-  if (expression.type === "video-config-subtraction") {
-    return value - expression.subtrahend;
-  }
-  return value;
-};
-var evaluatedProps = new WeakMap;
-var evaluateSourcePropStatuses = (props, config) => {
-  const configKey = config === null ? "" : \`\${config.durationInFrames}:\${config.fps}:\${config.width}:\${config.height}\`;
-  const cached = evaluatedProps.get(props) ?? new Map;
-  const existing = cached.get(configKey);
-  if (existing)
-    return existing;
-  const result = Object.fromEntries(Object.entries(props).map(([key, status]) => {
-    if (status.status === "computed") {
-      return [key, status];
-    }
-    const adjustment = status.keyframeDisplayOffsetAdjustment === null ? null : evaluateSourceNumericValue(status.keyframeDisplayOffsetAdjustment, config);
-    const rate = evaluateSourceNumericValue(status.keyframePlaybackRateAdjustment ?? 1, config);
-    if (adjustment !== null && !Number.isFinite(adjustment) || !Number.isFinite(rate) || rate <= 0) {
-      return [key, { status: "computed" }];
-    }
-    const timing = {
-      keyframeDisplayOffsetAdjustment: adjustment,
-      ...status.keyframePlaybackRateAdjustment === undefined ? {} : { keyframePlaybackRateAdjustment: rate }
-    };
-    if (status.status === "static") {
-      const value = status.numericExpression === undefined ? status.codeValue : evaluateSourceNumericValue(status.numericExpression, config);
-      return [
-        key,
-        status.numericExpression !== undefined && !Number.isFinite(value) ? { status: "computed" } : { ...status, ...timing, codeValue: value }
-      ];
-    }
-    const keyframes = status.keyframes.map((keyframe) => ({
-      ...keyframe,
-      frame: evaluateSourceNumericValue(keyframe.frame, config)
-    }));
-    if (keyframes.some((keyframe, index) => !Number.isFinite(keyframe.frame) || index > 0 && keyframe.frame <= keyframes[index - 1].frame)) {
-      return [key, { status: "computed" }];
-    }
-    return [key, { ...status, ...timing, keyframes }];
-  }));
-  cached.set(configKey, result);
-  if (cached.size > 8)
-    cached.delete(cached.keys().next().value);
-  evaluatedProps.set(props, cached);
-  return result;
-};
-var DEFAULT_SEQUENCE_ACTIVITY_LIMIT = Infinity;
-var NEWTON_ITERATIONS = 4;
-var NEWTON_MIN_SLOPE = 0.001;
-var SUBDIVISION_PRECISION = 0.0000001;
-var SUBDIVISION_MAX_ITERATIONS = 10;
-var kSplineTableSize = 11;
-var kSampleStepSize = 1 / (kSplineTableSize - 1);
-var float32ArraySupported = typeof Float32Array === "function";
-function a(aA1, aA2) {
-  return 1 - 3 * aA2 + 3 * aA1;
-}
-function b(aA1, aA2) {
-  return 3 * aA2 - 6 * aA1;
-}
-function c(aA1) {
-  return 3 * aA1;
-}
-function calcBezier(aT, aA1, aA2) {
-  return ((a(aA1, aA2) * aT + b(aA1, aA2)) * aT + c(aA1)) * aT;
-}
-function getSlope(aT, aA1, aA2) {
-  return 3 * a(aA1, aA2) * aT * aT + 2 * b(aA1, aA2) * aT + c(aA1);
-}
-function binarySubdivide({
-  aX,
-  _aA,
-  _aB,
-  mX1,
-  mX2
-}) {
-  let currentX;
-  let currentT;
-  let i = 0;
-  let aA = _aA;
-  let aB = _aB;
-  do {
-    currentT = aA + (aB - aA) / 2;
-    currentX = calcBezier(currentT, mX1, mX2) - aX;
-    if (currentX > 0) {
-      aB = currentT;
-    } else {
-      aA = currentT;
-    }
-  } while (Math.abs(currentX) > SUBDIVISION_PRECISION && ++i < SUBDIVISION_MAX_ITERATIONS);
-  return currentT;
+    offthreadVideoThreads: config.offthreadVideoThreads
+  });
+  const serializedResolvedProps = NoReactInternals2.serializeJSONWithSpecialTypes({
+    data: composition.props,
+    indent: undefined,
+    staticBase: null
+  }).serializedString;
+  const { contentType } = await RenderInternals.internalRenderStill({
+    output: config.output,
+    composition,
+    serializedInputPropsWithCustomSchema: serializedInputProps,
+    serializedResolvedPropsWithCustomSchema: serializedResolvedProps,
+    serveUrl: config.serveUrl,
+    frame: config.frame,
+    imageFormat: config.imageFormat,
+    jpegQuality: config.jpegQuality,
+    envVariables: config.envVariables,
+    overwrite: true,
+    browserExecutable: config.browserExecutable,
+    chromiumOptions: config.chromiumOptions,
+    scale: config.scale,
+    logLevel: config.logLevel,
+    timeoutInMilliseconds: config.timeoutInMilliseconds,
+    binariesDirectory: config.binariesDirectory,
+    chromeMode: config.chromeMode,
+    offthreadVideoCacheSizeInBytes: config.offthreadVideoCacheSizeInBytes,
+    mediaCacheSizeInBytes: config.mediaCacheSizeInBytes,
+    preferredEffectBackend: config.preferredEffectBackend,
+    offthreadVideoThreads: config.offthreadVideoThreads,
+    licenseKey: config.licenseKey,
+    isProduction: config.isProduction,
+    puppeteerInstance: browser,
+    onBrowserLog: null,
+    onDownload: null,
+    cancelSignal: null,
+    indent: false,
+    server: undefined,
+    port: null,
+    onArtifact: null,
+    onLog: RenderInternals.defaultOnLog,
+    onBrowserDownload: () => ({
+      version: null,
+      onProgress: noop
+    })
+  });
+  console.log(JSON.stringify({ type: "render-complete" }));
+  await browser.close({ silent: false });
+  const { size } = statSync(config.output ?? "/tmp/still.png");
+  console.log(JSON.stringify({ type: "done", size, contentType }));
+} catch (err) {
+  console.error(err.message);
+  process.exit(1);
 }
-function newtonRaphsonIterate(aX, _aGuessT, mX1, mX2) {
-  let aGuessT = _aGuessT;
-  for (let i = 0;i < NEWTON_ITERATIONS; ++i) {
-    const currentSlope = getSlope(aGuessT, mX1, mX2);
-    if (currentSlope === 0) {
-      return aGuessT;
-    }
-    const currentX = calcBezier(aGuessT, mX1, mX2) - aX;
-    aGuessT -= currentX / currentSlope;
-  }
-  return aGuessT;
+`;
+
+// script-embed:render-video-script
+var script2 = `// src/scripts/render-video.ts
+import { randomUUID } from "crypto";
+import { stat, readFile, rename, writeFile } from "fs/promises";
+import { RenderInternals } from "@remotion/renderer";
+import { put } from "@vercel/blob";
+
+// ../core/dist/esm/chunk-m38ydj0s.mjs
+function truthy(value) {
+  return Boolean(value);
 }
-function bezier(mX1, mY1, mX2, mY2) {
-  if (!(mX1 >= 0 && mX1 <= 1 && mX2 >= 0 && mX2 <= 1)) {
-    throw new Error("bezier x values must be in [0, 1] range");
-  }
-  const sampleValues = float32ArraySupported ? new Float32Array(kSplineTableSize) : new Array(kSplineTableSize);
-  if (mX1 !== mY1 || mX2 !== mY2) {
-    for (let i = 0;i < kSplineTableSize; ++i) {
-      sampleValues[i] = calcBezier(i * kSampleStepSize, mX1, mX2);
-    }
+var DATE_TOKEN = "remotion-date:";
+var FILE_TOKEN = "remotion-file:";
+var serializeJSONWithSpecialTypes = ({
+  data,
+  indent,
+  staticBase
+}) => {
+  let customDateUsed = false;
+  let customFileUsed = false;
+  let mapUsed = false;
+  let setUsed = false;
+  try {
+    const serializedString = JSON.stringify(data, function(key, value) {
+      const item = this[key];
+      if (item instanceof Date) {
+        customDateUsed = true;
+        return \`\${DATE_TOKEN}\${item.toISOString()}\`;
+      }
+      if (item instanceof Map) {
+        mapUsed = true;
+        return value;
+      }
+      if (item instanceof Set) {
+        setUsed = true;
+        return value;
+      }
+      if (typeof item === "string" && staticBase !== null && staticBase !== "" && item.startsWith(staticBase)) {
+        customFileUsed = true;
+        return \`\${FILE_TOKEN}\${item.replace(staticBase + "/", "")}\`;
+      }
+      return value;
+    }, indent);
+    return { serializedString, customDateUsed, customFileUsed, mapUsed, setUsed };
+  } catch (err) {
+    throw new Error("Could not serialize the passed input props to JSON: " + err.message);
   }
-  function getTForX(aX) {
-    let intervalStart = 0;
-    let currentSample = 1;
-    const lastSample = kSplineTableSize - 1;
-    for (;currentSample !== lastSample && sampleValues[currentSample] <= aX; ++currentSample) {
-      intervalStart += kSampleStepSize;
-    }
-    --currentSample;
-    const dist = (aX - sampleValues[currentSample]) / (sampleValues[currentSample + 1] - sampleValues[currentSample]);
-    const guessForT = intervalStart + dist * kSampleStepSize;
-    const initialSlope = getSlope(guessForT, mX1, mX2);
-    if (initialSlope >= NEWTON_MIN_SLOPE) {
-      return newtonRaphsonIterate(aX, guessForT, mX1, mX2);
-    }
-    if (initialSlope === 0) {
-      return guessForT;
-    }
-    return binarySubdivide({
-      aX,
-      _aA: intervalStart,
-      _aB: intervalStart + kSampleStepSize,
-      mX1,
-      mX2
-    });
+};
+var resolveFileTokenToUrl = (value) => {
+  const encodedName = value.replace(FILE_TOKEN, "");
+  let name = encodedName;
+  try {
+    name = encodedName.split("/").map(decodeURIComponent).join("/");
+  } catch {}
+  const matchingStaticFile = window.remotion_staticFiles?.find((file) => file.name === name);
+  if (matchingStaticFile) {
+    return matchingStaticFile.src;
   }
-  return function(x) {
-    const clampedX = Math.min(1, Math.max(0, x));
-    if (mX1 === mY1 && mX2 === mY2) {
-      return clampedX;
-    }
-    if (clampedX === 0) {
-      return 0;
+  return \`\${window.remotion_staticBase}/\${encodedName}\`;
+};
+var deserializeJSONWithSpecialTypes = (data) => {
+  return JSON.parse(data, (_, value) => {
+    if (typeof value === "string" && value.startsWith(DATE_TOKEN)) {
+      return new Date(value.replace(DATE_TOKEN, ""));
     }
-    if (clampedX === 1) {
-      return 1;
+    if (typeof value === "string" && value.startsWith(FILE_TOKEN)) {
+      return resolveFileTokenToUrl(value);
     }
-    return calcBezier(getTForX(clampedX), mY1, mY2);
-  };
-}
-var validateFrame = ({
-  allowFloats,
-  durationInFrames,
-  frame
-}) => {
-  if (typeof frame === "undefined") {
-    throw new TypeError(\`Argument missing for parameter "frame"\`);
-  }
-  if (typeof frame !== "number") {
-    throw new TypeError(\`Argument passed for "frame" is not a number: \${frame}\`);
-  }
-  if (!Number.isFinite(frame)) {
-    throw new RangeError(\`Frame \${frame} is not finite\`);
-  }
-  if (frame % 1 !== 0 && !allowFloats) {
-    throw new RangeError(\`Argument for frame must be an integer, but got \${frame}\`);
-  }
-  if (frame < 0 && frame < -durationInFrames) {
-    throw new RangeError(\`Cannot use frame \${frame}: Duration of composition is \${durationInFrames}, therefore the lowest frame that can be rendered is \${-durationInFrames}\`);
-  }
-  if (frame > durationInFrames - 1) {
-    throw new RangeError(\`Cannot use frame \${frame}: Duration of composition is \${durationInFrames}, therefore the highest frame that can be rendered is \${durationInFrames - 1}\`);
-  }
+    return value;
+  });
 };
-function validateFps(fps, location, isGif) {
-  if (typeof fps !== "number") {
-    throw new Error(\`"fps" must be a number, but you passed a value of type \${typeof fps} \${location}\`);
+function validateDimension(amount, nameOfProp, location) {
+  if (typeof amount !== "number") {
+    throw new Error(\`The "\${nameOfProp}" prop \${location} must be a number, but you passed a value of type \${typeof amount}\`);
   }
-  if (!Number.isFinite(fps)) {
-    throw new Error(\`"fps" must be a finite, but you passed \${fps} \${location}\`);
+  if (isNaN(amount)) {
+    throw new TypeError(\`The "\${nameOfProp}" prop \${location} must not be NaN, but is NaN.\`);
   }
-  if (isNaN(fps)) {
-    throw new Error(\`"fps" must not be NaN, but got \${fps} \${location}\`);
+  if (!Number.isFinite(amount)) {
+    throw new TypeError(\`The "\${nameOfProp}" prop \${location} must be finite, but is \${amount}.\`);
   }
-  if (fps <= 0) {
-    throw new TypeError(\`"fps" must be positive, but got \${fps} \${location}\`);
+  if (amount % 1 !== 0) {
+    throw new TypeError(\`The "\${nameOfProp}" prop \${location} must be an integer, but is \${amount}.\`);
   }
-  if (isGif && fps > 50) {
-    throw new TypeError(\`The FPS for a GIF cannot be higher than 50. Use the --every-nth-frame option to lower the FPS: https://remotion.dev/docs/render-as-gif\`);
+  if (amount <= 0) {
+    throw new TypeError(\`The "\${nameOfProp}" prop \${location} must be positive, but got \${amount}.\`);
   }
 }
-var validateSpringDuration = (dur) => {
-  if (typeof dur === "undefined") {
-    return;
-  }
-  if (typeof dur !== "number") {
-    throw new TypeError(\`A "duration" of a spring must be a "number" but is "\${typeof dur}"\`);
-  }
-  if (Number.isNaN(dur)) {
-    throw new TypeError('A "duration" of a spring is NaN, which it must not be');
+function validateDurationInFrames(durationInFrames, options) {
+  const { allowFloats, component } = options;
+  if (typeof durationInFrames === "undefined") {
+    throw new Error(\`The "durationInFrames" prop \${component} is missing.\`);
   }
-  if (!Number.isFinite(dur)) {
-    throw new TypeError('A "duration" of a spring must be finite, but is ' + dur);
+  if (typeof durationInFrames !== "number") {
+    throw new Error(\`The "durationInFrames" prop \${component} must be a number, but you passed a value of type \${typeof durationInFrames}\`);
   }
-  if (dur <= 0) {
-    throw new TypeError('A "duration" of a spring must be positive, but is ' + dur);
+  if (durationInFrames <= 0) {
+    throw new TypeError(\`The "durationInFrames" prop \${component} must be positive, but got \${durationInFrames}.\`);
   }
-};
-var defaultSpringConfig = {
-  damping: 10,
-  mass: 1,
-  stiffness: 100,
-  overshootClamping: false
-};
-var advanceCache = {};
-function advance({
-  animation,
-  now,
-  config
-}) {
-  const { toValue, lastTimestamp, current, velocity } = animation;
-  const deltaTime = Math.min(now - lastTimestamp, 64);
-  if (config.damping <= 0) {
-    throw new Error("Spring damping must be greater than 0, otherwise the spring() animation will never end, causing an infinite loop.");
+  if (!Number.isFinite(durationInFrames)) {
+    throw new TypeError(\`The "durationInFrames" prop \${component} must be finite, but got \${durationInFrames}.\`);
   }
-  const c = config.damping;
-  const m = config.mass;
-  const k = config.stiffness;
-  const cacheKey = [
-    toValue,
-    lastTimestamp,
-    current,
-    velocity,
-    c,
-    m,
-    k,
-    now
-  ].join("-");
-  if (advanceCache[cacheKey]) {
-    return advanceCache[cacheKey];
+  if (!allowFloats && durationInFrames % 1 !== 0) {
+    throw new TypeError(\`The "durationInFrames" prop \${component} must be an integer, but got \${durationInFrames}.\`);
   }
-  const v0 = -velocity;
-  const x0 = toValue - current;
-  const zeta = c / (2 * Math.sqrt(k * m));
-  const omega0 = Math.sqrt(k / m);
-  const omega1 = omega0 * Math.sqrt(1 - zeta ** 2);
-  const t = deltaTime / 1000;
-  const sin1 = Math.sin(omega1 * t);
-  const cos1 = Math.cos(omega1 * t);
-  const underDampedEnvelope = Math.exp(-zeta * omega0 * t);
-  const underDampedFrag1 = underDampedEnvelope * (sin1 * ((v0 + zeta * omega0 * x0) / omega1) + x0 * cos1);
-  const underDampedPosition = toValue - underDampedFrag1;
-  const underDampedVelocity = zeta * omega0 * underDampedFrag1 - underDampedEnvelope * (cos1 * (v0 + zeta * omega0 * x0) - omega1 * x0 * sin1);
-  const criticallyDampedEnvelope = Math.exp(-omega0 * t);
-  const criticallyDampedPosition = toValue - criticallyDampedEnvelope * (x0 + (v0 + omega0 * x0) * t);
-  const criticallyDampedVelocity = criticallyDampedEnvelope * (v0 * (t * omega0 - 1) + t * x0 * omega0 * omega0);
-  const animationNode = {
-    toValue,
-    prevPosition: current,
-    lastTimestamp: now,
-    current: zeta < 1 ? underDampedPosition : criticallyDampedPosition,
-    velocity: zeta < 1 ? underDampedVelocity : criticallyDampedVelocity
-  };
-  advanceCache[cacheKey] = animationNode;
-  return animationNode;
 }
-var calculationCache = {};
-function springCalculation({
-  frame,
-  fps,
-  config = {}
-}) {
-  const from = 0;
-  const to = 1;
-  const resolvedConfig = {
-    damping: config.damping ?? defaultSpringConfig.damping,
-    mass: config.mass ?? defaultSpringConfig.mass,
-    stiffness: config.stiffness ?? defaultSpringConfig.stiffness,
-    overshootClamping: config.overshootClamping ?? defaultSpringConfig.overshootClamping
-  };
-  const configKey = [
-    fps,
-    resolvedConfig.damping,
-    resolvedConfig.mass,
-    resolvedConfig.overshootClamping,
-    resolvedConfig.stiffness
-  ].join("-");
-  const cacheKey = \`\${frame}-\${configKey}\`;
-  if (calculationCache[cacheKey]) {
-    return calculationCache[cacheKey];
+function validateFps(fps, location, isGif) {
+  if (typeof fps !== "number") {
+    throw new Error(\`"fps" must be a number, but you passed a value of type \${typeof fps} \${location}\`);
   }
-  const frameClamped = Math.max(0, frame);
-  const previousFrame = Math.ceil(frameClamped) - 1;
-  const previousAnimation = previousFrame >= 0 ? calculationCache[\`\${previousFrame}-\${configKey}\`] : undefined;
-  let animation = previousAnimation ?? {
-    lastTimestamp: 0,
-    current: from,
-    toValue: to,
-    velocity: 0,
-    prevPosition: 0
-  };
-  const unevenRest = frameClamped % 1;
-  const startFrame = previousAnimation ? previousFrame + 1 : 0;
-  for (let f = startFrame;f <= Math.floor(frameClamped); f++) {
-    const time = f / fps * 1000;
-    animation = advance({
-      animation,
-      now: time,
-      config: resolvedConfig
-    });
+  if (!Number.isFinite(fps)) {
+    throw new Error(\`"fps" must be a finite, but you passed \${fps} \${location}\`);
   }
-  if (unevenRest > 0) {
-    animation = advance({
-      animation,
-      now: frameClamped / fps * 1000,
-      config: resolvedConfig
-    });
+  if (isNaN(fps)) {
+    throw new Error(\`"fps" must not be NaN, but got \${fps} \${location}\`);
+  }
+  if (fps <= 0) {
+    throw new TypeError(\`"fps" must be positive, but got \${fps} \${location}\`);
+  }
+  if (isGif && fps > 50) {
+    throw new TypeError(\`The FPS for a GIF cannot be higher than 50. Use the --every-nth-frame option to lower the FPS: https://remotion.dev/docs/render-as-gif\`);
   }
-  calculationCache[cacheKey] = animation;
-  return animation;
 }
-var cache = new Map;
-function measureSpring({
-  fps,
-  config = {},
-  threshold = 0.005
-}) {
-  if (typeof threshold !== "number") {
-    throw new TypeError(\`threshold must be a number, got \${threshold} of type \${typeof threshold}\`);
+var DELAY_RENDER_CALLSTACK_TOKEN = "The delayRender was called:";
+var DELAY_RENDER_RETRIES_LEFT = "Retries left: ";
+var DELAY_RENDER_RETRY_TOKEN = "- Rendering the frame will be retried.";
+var DELAY_RENDER_CLEAR_TOKEN = "handle was cleared after";
+var validateDefaultAndInputProps = (defaultProps, name, compositionId) => {
+  if (!defaultProps) {
+    return;
   }
-  if (threshold === 0) {
-    return Infinity;
+  if (typeof defaultProps !== "object") {
+    throw new Error(\`"\${name}" must be an object, but you passed a value of type \${typeof defaultProps}\`);
   }
-  if (threshold === 1) {
-    return 0;
+  if (Array.isArray(defaultProps)) {
+    throw new Error(\`"\${name}" must be an object, an array was passed \${compositionId ? \`for composition "\${compositionId}"\` : ""}\`);
   }
-  if (isNaN(threshold)) {
-    throw new TypeError("Threshold is NaN");
+};
+var ENABLE_V5_BREAKING_CHANGES = false;
+var DEFAULT_PREMOUNT_IN_SECONDS = ENABLE_V5_BREAKING_CHANGES ? 2 : 0;
+var DEFAULT_STUDIO_PREMOUNT_IN_SECONDS = 2;
+var validateDefaultPremountInSeconds = (value) => {
+  if (typeof value !== "number" || !Number.isFinite(value) || value < 0) {
+    throw new TypeError(\`defaultPremountInSeconds must be a finite, non-negative number, but got \${String(value)}.\`);
   }
-  if (!Number.isFinite(threshold)) {
-    throw new TypeError("Threshold is not finite");
+};
+var DEFAULT_SEQUENCE_ACTIVITY_LIMIT = Infinity;
+var transformSchema = {
+  "style.transformOrigin": {
+    type: "transform-origin",
+    step: 1,
+    default: "50% 50%",
+    description: "Origin"
+  },
+  "style.translate": {
+    type: "translate",
+    step: 1,
+    default: "0px 0px",
+    description: "Offset"
+  },
+  "style.scale": {
+    type: "scale",
+    max: 100,
+    step: 0.01,
+    default: 1,
+    description: "Scale",
+    defaultKeyframeOutput: "perceptual-scale"
+  },
+  "style.rotate": {
+    type: "rotation-css",
+    step: 1,
+    default: "0deg",
+    description: "Rotation"
+  },
+  "style.opacity": {
+    type: "number",
+    min: 0,
+    max: 1,
+    step: 0.01,
+    default: 1,
+    description: "Opacity",
+    hiddenFromList: false
   }
-  if (threshold < 0) {
-    throw new TypeError("Threshold is below 0");
+};
+var borderSchema = {
+  "style.borderWidth": {
+    type: "number",
+    default: undefined,
+    min: 0,
+    step: 1,
+    description: "Border width",
+    hiddenFromList: false
+  },
+  "style.borderStyle": {
+    type: "enum",
+    default: "none",
+    description: "Border style",
+    variants: {
+      none: {},
+      hidden: {},
+      solid: {},
+      dashed: {},
+      dotted: {},
+      double: {},
+      groove: {},
+      ridge: {},
+      inset: {},
+      outset: {}
+    }
+  },
+  "style.borderColor": {
+    type: "color",
+    default: undefined,
+    description: "Border color"
   }
-  const cacheKey = [
-    fps,
-    config.damping,
-    config.mass,
-    config.overshootClamping,
-    config.stiffness,
-    threshold
-  ].join("-");
-  if (cache.has(cacheKey)) {
-    return cache.get(cacheKey);
+};
+var borderRadiusSchema = {
+  "style.borderRadius": {
+    type: "number",
+    default: 0,
+    min: 0,
+    step: 1,
+    description: "Border radius",
+    hiddenFromList: false,
+    keyframable: true
+  },
+  "style.borderTopLeftRadius": {
+    type: "number",
+    default: 0,
+    min: 0,
+    step: 1,
+    description: "Top left radius",
+    hiddenFromList: false
+  },
+  "style.borderTopRightRadius": {
+    type: "number",
+    default: 0,
+    min: 0,
+    step: 1,
+    description: "Top right radius",
+    hiddenFromList: false
+  },
+  "style.borderBottomRightRadius": {
+    type: "number",
+    default: 0,
+    min: 0,
+    step: 1,
+    description: "Bottom right radius",
+    hiddenFromList: false
+  },
+  "style.borderBottomLeftRadius": {
+    type: "number",
+    default: 0,
+    min: 0,
+    step: 1,
+    description: "Bottom left radius",
+    hiddenFromList: false
   }
-  validateFps(fps, "to the measureSpring() function", false);
-  let frame = 0;
-  let finishedFrame = 0;
-  const calc = () => {
-    return springCalculation({
-      fps,
-      frame,
-      config
-    });
-  };
-  let animation = calc();
-  const calcDifference = () => {
-    return Math.abs(animation.current - animation.toValue);
-  };
-  let difference = calcDifference();
-  while (difference >= threshold) {
-    frame++;
-    animation = calc();
-    difference = calcDifference();
+};
+var backgroundSchema = {
+  "style.backgroundColor": {
+    type: "color",
+    default: "transparent",
+    description: "Color"
   }
-  finishedFrame = frame;
-  for (let i = 0;i < 20; i++) {
-    frame++;
-    animation = calc();
-    difference = calcDifference();
-    if (difference >= threshold) {
-      i = 0;
-      finishedFrame = frame + 1;
-    }
+};
+var svgColorSchema = {
+  color: {
+    type: "color",
+    default: undefined,
+    description: "Current color"
   }
-  cache.set(cacheKey, finishedFrame);
-  return finishedFrame;
-}
-function spring({
-  frame: passedFrame,
-  fps,
-  config = {},
-  from = 0,
-  to = 1,
-  durationInFrames: passedDurationInFrames,
-  durationRestThreshold,
-  delay = 0,
-  reverse = false
-}) {
-  validateSpringDuration(passedDurationInFrames);
-  validateFrame({
-    frame: passedFrame,
-    durationInFrames: Infinity,
-    allowFloats: true
-  });
-  validateFps(fps, "to spring()", false);
-  const needsToCalculateNaturalDuration = reverse || typeof passedDurationInFrames !== "undefined";
-  const naturalDuration = needsToCalculateNaturalDuration ? measureSpring({
-    fps,
-    config,
-    threshold: durationRestThreshold
-  }) : undefined;
-  const naturalDurationGetter = needsToCalculateNaturalDuration ? {
-    get: () => naturalDuration
-  } : {
-    get: () => {
-      throw new Error("did not calculate natural duration, this is an error with Remotion. Please report");
-    }
-  };
-  const reverseProcessed = reverse ? (passedDurationInFrames ?? naturalDurationGetter.get()) - passedFrame : passedFrame;
-  const delayProcessed = reverseProcessed + (reverse ? delay : -delay);
-  const durationProcessed = passedDurationInFrames === undefined ? delayProcessed : delayProcessed / (passedDurationInFrames / naturalDurationGetter.get());
-  if (passedDurationInFrames && delayProcessed > passedDurationInFrames) {
-    return to;
+};
+var svgStrokeSchema = {
+  ...svgColorSchema,
+  stroke: {
+    type: "color",
+    default: "none",
+    description: "Stroke"
+  },
+  strokeWidth: {
+    type: "number",
+    default: 1,
+    description: "Stroke width",
+    min: 0,
+    step: 1,
+    hiddenFromList: false
   }
-  const spr = springCalculation({
-    fps,
-    frame: durationProcessed,
-    config
-  });
-  const inner = config.overshootClamping ? Math.min(spr.current, 1) : spr.current;
-  const interpolated = from === 0 && to === 1 ? inner : interpolate(inner, [0, 1], [from, to]);
-  return interpolated;
-}
-var clampUnit = (t) => Math.min(1, Math.max(0, t));
-var springEasingDurationInFrames = 30;
-var easeBezier = null;
-
-class Easing {
-  static step0(n) {
-    return n > 0 ? 1 : 0;
+};
+var svgPaintSchema = {
+  fill: {
+    type: "color",
+    default: undefined,
+    description: "Fill"
+  },
+  ...svgStrokeSchema
+};
+var premountSchema = {
+  premountFor: {
+    type: "number",
+    default: undefined,
+    description: "Premount For",
+    min: 0,
+    step: 1,
+    hiddenFromList: false,
+    keyframable: false
+  },
+  postmountFor: {
+    type: "number",
+    default: 0,
+    min: 0,
+    step: 1,
+    hiddenFromList: true,
+    keyframable: false
   }
-  static step1(n) {
-    return n >= 1 ? 1 : 0;
+};
+var sequencePremountSchema = {
+  ...premountSchema
+};
+var cropSchema = {
+  cropLeft: {
+    type: "number",
+    default: 0,
+    description: "Crop left",
+    min: 0,
+    max: 1,
+    step: 0.01,
+    hiddenFromList: false,
+    keyframable: true
+  },
+  cropRight: {
+    type: "number",
+    default: 0,
+    description: "Crop right",
+    min: 0,
+    max: 1,
+    step: 0.01,
+    hiddenFromList: false,
+    keyframable: true
+  },
+  cropTop: {
+    type: "number",
+    default: 0,
+    description: "Crop top",
+    min: 0,
+    max: 1,
+    step: 0.01,
+    hiddenFromList: false,
+    keyframable: true
+  },
+  cropBottom: {
+    type: "number",
+    default: 0,
+    description: "Crop bottom",
+    min: 0,
+    max: 1,
+    step: 0.01,
+    hiddenFromList: false,
+    keyframable: true
   }
-  static linear(t) {
-    return t;
+};
+var sequenceCropSchema = cropSchema;
+var sequenceStyleSchema = {
+  ...sequenceCropSchema,
+  ...transformSchema,
+  ...backgroundSchema,
+  ...borderSchema,
+  ...borderRadiusSchema
+};
+var hiddenField = {
+  type: "boolean",
+  default: false,
+  description: "Hidden"
+};
+var showInTimelineField = {
+  type: "hidden"
+};
+var sequenceNameField = {
+  type: "hidden"
+};
+var durationInFramesField = {
+  type: "number",
+  default: undefined,
+  min: 1,
+  step: 1,
+  hiddenFromList: true
+};
+var fromField = {
+  type: "number",
+  default: 0,
+  step: 1,
+  hiddenFromList: true
+};
+var trimBeforeField = {
+  type: "number",
+  default: 0,
+  min: 0,
+  step: 1,
+  hiddenFromList: true
+};
+var sequenceTimingSchema = {
+  from: {
+    ...fromField,
+    description: "From",
+    hiddenFromList: false,
+    keyframable: false
+  },
+  durationInFrames: {
+    ...durationInFramesField,
+    description: "Duration",
+    hiddenFromList: false,
+    keyframable: false
+  },
+  trimBefore: {
+    ...trimBeforeField,
+    description: "Trim before",
+    hiddenFromList: false,
+    keyframable: false
+  }
+};
+var freezeField = {
+  type: "number",
+  default: null,
+  step: 1,
+  hiddenFromList: true
+};
+var playbackRateField = {
+  type: "number",
+  default: 1,
+  min: 0.01,
+  step: 0.1,
+  description: "Playback rate",
+  hiddenFromList: false,
+  keyframable: false
+};
+var baseSchema = {
+  durationInFrames: durationInFramesField,
+  from: fromField,
+  trimBefore: trimBeforeField,
+  playbackRate: playbackRateField,
+  freeze: freezeField,
+  hidden: hiddenField,
+  name: sequenceNameField,
+  showInTimeline: showInTimelineField
+};
+var sequenceSchema = {
+  ...baseSchema,
+  layout: {
+    type: "enum",
+    default: "absolute-fill",
+    description: "Layout",
+    variants: {
+      "absolute-fill": sequenceStyleSchema,
+      none: {}
+    }
   }
-  static ease(t) {
-    easeBezier ??= Easing.bezier(0.42, 0, 1, 1);
-    return easeBezier(t);
+};
+var baseSchemaWithoutFrom = {
+  durationInFrames: durationInFramesField,
+  trimBefore: trimBeforeField,
+  playbackRate: playbackRateField,
+  freeze: freezeField,
+  hidden: hiddenField,
+  name: sequenceNameField,
+  showInTimeline: showInTimelineField
+};
+var sequenceSchemaWithoutFrom = {
+  ...baseSchemaWithoutFrom,
+  layout: sequenceSchema.layout
+};
+var sequenceSchemaDefaultLayoutNone = {
+  ...sequenceSchema,
+  layout: {
+    ...sequenceSchema.layout,
+    default: "none"
   }
-  static quad(t) {
-    return t * t;
+};
+var evaluateSourceNumericValue = (expression, config) => {
+  if (typeof expression === "number") {
+    return expression;
   }
-  static cubic(t) {
-    return t * t * t;
+  if (expression.type === "literal") {
+    return expression.value;
   }
-  static poly(n) {
-    return (t) => t ** n;
+  if (expression.type === "binary") {
+    const left = evaluateSourceNumericValue(expression.left, config);
+    const right = evaluateSourceNumericValue(expression.right, config);
+    switch (expression.operator) {
+      case "+":
+        return left + right;
+      case "-":
+        return left - right;
+      case "*":
+        return left * right;
+      case "/":
+        return left / right;
+      default:
+        throw new Error("Unknown source expression operator");
+    }
   }
-  static sin(t) {
-    return 1 - Math.cos(t * Math.PI / 2);
+  const value = expression.binding.type === "constant" ? expression.binding.value : config?.[expression.binding.field] ?? NaN;
+  if (expression.type === "video-config-multiplication") {
+    return value * expression.multiplier;
   }
-  static circle(t) {
-    const u = clampUnit(t);
-    return 1 - Math.sqrt(1 - u * u);
+  if (expression.type === "video-config-subtraction") {
+    return value - expression.subtrahend;
   }
-  static exp(t) {
-    return 2 ** (10 * (t - 1));
+  return value;
+};
+var evaluatedProps = new WeakMap;
+var evaluateSourcePropStatuses = (props, config) => {
+  const configKey = config === null ? "" : \`\${config.durationInFrames}:\${config.fps}:\${config.width}:\${config.height}\`;
+  const cached = evaluatedProps.get(props) ?? new Map;
+  const existing = cached.get(configKey);
+  if (existing)
+    return existing;
+  const result = Object.fromEntries(Object.entries(props).map(([key, status]) => {
+    if (status.status === "computed") {
+      return [key, status];
+    }
+    const adjustment = status.keyframeDisplayOffsetAdjustment === null ? null : evaluateSourceNumericValue(status.keyframeDisplayOffsetAdjustment, config);
+    const rate = evaluateSourceNumericValue(status.keyframePlaybackRateAdjustment ?? 1, config);
+    if (adjustment !== null && !Number.isFinite(adjustment) || !Number.isFinite(rate) || rate <= 0) {
+      return [key, { status: "computed" }];
+    }
+    const timing = {
+      keyframeDisplayOffsetAdjustment: adjustment,
+      ...status.keyframePlaybackRateAdjustment === undefined ? {} : { keyframePlaybackRateAdjustment: rate }
+    };
+    if (status.status === "static") {
+      const value = status.numericExpression === undefined ? status.codeValue : evaluateSourceNumericValue(status.numericExpression, config);
+      return [
+        key,
+        status.numericExpression !== undefined && !Number.isFinite(value) ? { status: "computed" } : { ...status, ...timing, codeValue: value }
+      ];
+    }
+    const keyframes = status.keyframes.map((keyframe) => ({
+      ...keyframe,
+      frame: evaluateSourceNumericValue(keyframe.frame, config)
+    }));
+    if (keyframes.some((keyframe, index) => !Number.isFinite(keyframe.frame) || index > 0 && keyframe.frame <= keyframes[index - 1].frame)) {
+      return [key, { status: "computed" }];
+    }
+    return [key, { ...status, ...timing, keyframes }];
+  }));
+  cached.set(configKey, result);
+  if (cached.size > 8)
+    cached.delete(cached.keys().next().value);
+  evaluatedProps.set(props, cached);
+  return result;
+};
+var NEWTON_ITERATIONS = 4;
+var NEWTON_MIN_SLOPE = 0.001;
+var SUBDIVISION_PRECISION = 0.0000001;
+var SUBDIVISION_MAX_ITERATIONS = 10;
+var kSplineTableSize = 11;
+var kSampleStepSize = 1 / (kSplineTableSize - 1);
+var float32ArraySupported = typeof Float32Array === "function";
+function a(aA1, aA2) {
+  return 1 - 3 * aA2 + 3 * aA1;
+}
+function b(aA1, aA2) {
+  return 3 * aA2 - 6 * aA1;
+}
+function c(aA1) {
+  return 3 * aA1;
+}
+function calcBezier(aT, aA1, aA2) {
+  return ((a(aA1, aA2) * aT + b(aA1, aA2)) * aT + c(aA1)) * aT;
+}
+function getSlope(aT, aA1, aA2) {
+  return 3 * a(aA1, aA2) * aT * aT + 2 * b(aA1, aA2) * aT + c(aA1);
+}
+function binarySubdivide({
+  aX,
+  _aA,
+  _aB,
+  mX1,
+  mX2
+}) {
+  let currentX;
+  let currentT;
+  let i = 0;
+  let aA = _aA;
+  let aB = _aB;
+  do {
+    currentT = aA + (aB - aA) / 2;
+    currentX = calcBezier(currentT, mX1, mX2) - aX;
+    if (currentX > 0) {
+      aB = currentT;
+    } else {
+      aA = currentT;
+    }
+  } while (Math.abs(currentX) > SUBDIVISION_PRECISION && ++i < SUBDIVISION_MAX_ITERATIONS);
+  return currentT;
+}
+function newtonRaphsonIterate(aX, _aGuessT, mX1, mX2) {
+  let aGuessT = _aGuessT;
+  for (let i = 0;i < NEWTON_ITERATIONS; ++i) {
+    const currentSlope = getSlope(aGuessT, mX1, mX2);
+    if (currentSlope === 0) {
+      return aGuessT;
+    }
+    const currentX = calcBezier(aGuessT, mX1, mX2) - aX;
+    aGuessT -= currentX / currentSlope;
   }
-  static elastic(bounciness = 1) {
-    const p = bounciness * Math.PI;
-    return (t) => 1 - Math.cos(t * Math.PI / 2) ** 3 * Math.cos(t * p);
+  return aGuessT;
+}
+function bezier(mX1, mY1, mX2, mY2) {
+  if (!(mX1 >= 0 && mX1 <= 1 && mX2 >= 0 && mX2 <= 1)) {
+    throw new Error("bezier x values must be in [0, 1] range");
   }
-  static back(s = 1.70158) {
-    return (t) => t * t * ((s + 1) * t - s);
+  const sampleValues = float32ArraySupported ? new Float32Array(kSplineTableSize) : new Array(kSplineTableSize);
+  if (mX1 !== mY1 || mX2 !== mY2) {
+    for (let i = 0;i < kSplineTableSize; ++i) {
+      sampleValues[i] = calcBezier(i * kSampleStepSize, mX1, mX2);
+    }
   }
-  static spring({
-    allowTail = false,
-    durationRestThreshold,
-    ...config
-  } = {}) {
-    const easing = (t) => {
-      if (t <= 0) {
-        return 0;
-      }
-      if (!allowTail && t >= 1) {
-        return 1;
-      }
-      if (allowTail) {
-        return spring({
-          fps: springEasingDurationInFrames,
-          frame: t * measureSpring({
-            fps: springEasingDurationInFrames,
-            config,
-            threshold: durationRestThreshold
-          }),
-          config
-        });
-      }
-      return spring({
-        fps: springEasingDurationInFrames,
-        frame: t * springEasingDurationInFrames,
-        config,
-        durationInFrames: springEasingDurationInFrames,
-        durationRestThreshold
-      });
-    };
-    return Object.assign(easing, {
-      remotionShouldExtendRight: allowTail
+  function getTForX(aX) {
+    let intervalStart = 0;
+    let currentSample = 1;
+    const lastSample = kSplineTableSize - 1;
+    for (;currentSample !== lastSample && sampleValues[currentSample] <= aX; ++currentSample) {
+      intervalStart += kSampleStepSize;
+    }
+    --currentSample;
+    const dist = (aX - sampleValues[currentSample]) / (sampleValues[currentSample + 1] - sampleValues[currentSample]);
+    const guessForT = intervalStart + dist * kSampleStepSize;
+    const initialSlope = getSlope(guessForT, mX1, mX2);
+    if (initialSlope >= NEWTON_MIN_SLOPE) {
+      return newtonRaphsonIterate(aX, guessForT, mX1, mX2);
+    }
+    if (initialSlope === 0) {
+      return guessForT;
+    }
+    return binarySubdivide({
+      aX,
+      _aA: intervalStart,
+      _aB: intervalStart + kSampleStepSize,
+      mX1,
+      mX2
     });
   }
-  static bounce(t) {
-    const u = clampUnit(t);
-    if (u < 1 / 2.75) {
-      return 7.5625 * u * u;
+  return function(x) {
+    const clampedX = Math.min(1, Math.max(0, x));
+    if (mX1 === mY1 && mX2 === mY2) {
+      return clampedX;
     }
-    if (u < 2 / 2.75) {
-      const t2_ = u - 1.5 / 2.75;
-      return 7.5625 * t2_ * t2_ + 0.75;
+    if (clampedX === 0) {
+      return 0;
     }
-    if (u < 2.5 / 2.75) {
-      const t2_ = u - 2.25 / 2.75;
-      return 7.5625 * t2_ * t2_ + 0.9375;
+    if (clampedX === 1) {
+      return 1;
     }
-    const t2 = u - 2.625 / 2.75;
-    return 7.5625 * t2 * t2 + 0.984375;
-  }
-  static bezier(x1, y1, x2, y2) {
-    return bezier(x1, y1, x2, y2);
-  }
-  static in(easing) {
-    return easing;
-  }
-  static out(easing) {
-    return (t) => 1 - easing(1 - t);
-  }
-  static inOut(easing) {
-    return (t) => {
-      if (t < 0.5) {
-        return easing(t * 2) / 2;
-      }
-      return 1 - easing((1 - t) * 2) / 2;
-    };
-  }
+    return calcBezier(getTForX(clampedX), mY1, mY2);
+  };
 }
 var normalizeNumber = (value) => {
   return Math.round(value * 1e6) / 1e6;
@@ -4008,7 +4072,7 @@ var interpolateDiscreteValue = ({
     if (resolveEasingForSegment({
       easing: options?.easing,
       segmentIndex
-    }) !== Easing.step1) {
+    }) !== Easing2.step1) {
       throw new TypeError(typeof outputRange[0] === "boolean" ? "Booleans can only be interpolated using Easing.step1" : "Non-numeric strings can only be interpolated using Easing.step1");
     }
   }
@@ -4088,7 +4152,7 @@ function checkInfiniteRange(name, arr) {
     }
   }
 }
-function assertValidInterpolateEasingOption(easing, inputRangeLength) {
+function assertValidInterpolateEasingOption2(easing, inputRangeLength) {
   if (easing === undefined) {
     return;
   }
@@ -4105,7 +4169,7 @@ function assertValidInterpolateEasingOption(easing, inputRangeLength) {
     }
   }
 }
-function assertValidInterpolatePosterizeOption(posterize) {
+function assertValidInterpolatePosterizeOption2(posterize) {
   if (posterize === undefined) {
     return;
   }
@@ -4125,7 +4189,7 @@ function assertValidInterpolateOutputType(outputType) {
   }
   throw new Error(\`outputType must be "font-weight", "scale", "translate", "rotate", or "transform-origin", but got \${String(outputType)}\`);
 }
-function interpolate(input, inputRange, outputRange, options) {
+function interpolate2(input, inputRange, outputRange, options) {
   if (typeof input === "undefined") {
     throw new Error("input can not be undefined");
   }
@@ -4140,8 +4204,8 @@ function interpolate(input, inputRange, outputRange, options) {
   }
   checkInfiniteRange("inputRange", inputRange);
   checkValidInputRange(inputRange);
-  assertValidInterpolateEasingOption(options?.easing, inputRange.length);
-  assertValidInterpolatePosterizeOption(options?.posterize);
+  assertValidInterpolateEasingOption2(options?.easing, inputRange.length);
+  assertValidInterpolatePosterizeOption2(options?.posterize);
   assertValidInterpolateOutputOption(options?.output);
   assertValidInterpolateOutputType(options?.outputType);
   if (typeof input !== "number") {
@@ -4224,466 +4288,387 @@ function interpolate(input, inputRange, outputRange, options) {
   checkInfiniteRange("outputRange", outputRange);
   return interpolateNumber({ input, inputRange, outputRange, options });
 }
-var ENABLE_V5_BREAKING_CHANGES = false;
-var DEFAULT_PREMOUNT_IN_SECONDS = ENABLE_V5_BREAKING_CHANGES ? 2 : 0;
-var DEFAULT_STUDIO_PREMOUNT_IN_SECONDS = 2;
-var validateDefaultPremountInSeconds = (value) => {
-  if (typeof value !== "number" || !Number.isFinite(value) || value < 0) {
-    throw new TypeError(\`defaultPremountInSeconds must be a finite, non-negative number, but got \${String(value)}.\`);
-  }
-};
-var DELAY_RENDER_CALLSTACK_TOKEN = "The delayRender was called:";
-var DELAY_RENDER_RETRIES_LEFT = "Retries left: ";
-var DELAY_RENDER_RETRY_TOKEN = "- Rendering the frame will be retried.";
-var DELAY_RENDER_CLEAR_TOKEN = "handle was cleared after";
-var findPropsToDelete = ({
-  schema,
-  key,
-  value
+var validateFrame = ({
+  allowFloats,
+  durationInFrames,
+  frame
 }) => {
-  const fieldSchema = schema[key];
-  if (!fieldSchema) {
-    throw new Error("Key " + JSON.stringify(key) + " not found in schema");
+  if (typeof frame === "undefined") {
+    throw new TypeError(\`Argument missing for parameter "frame"\`);
   }
-  if (typeof value !== "string") {
-    throw new Error("Value must be a string, but is " + JSON.stringify(value));
+  if (typeof frame !== "number") {
+    throw new TypeError(\`Argument passed for "frame" is not a number: \${frame}\`);
   }
-  if (fieldSchema.type !== "enum") {
-    throw new Error("Key " + JSON.stringify(key) + " is not an enum");
+  if (!Number.isFinite(frame)) {
+    throw new RangeError(\`Frame \${frame} is not finite\`);
   }
-  const currentVariant = fieldSchema.variants[value];
-  if (!currentVariant) {
-    throw new Error("Value for " + JSON.stringify(key) + " must be one of " + Object.keys(fieldSchema.variants).map((v) => JSON.stringify(v)).join(", ") + ", got " + JSON.stringify(value));
+  if (frame % 1 !== 0 && !allowFloats) {
+    throw new RangeError(\`Argument for frame must be an integer, but got \${frame}\`);
   }
-  const otherVariants = Object.keys(fieldSchema.variants).filter((v) => v !== value);
-  const otherKeys = new Set;
-  for (const variant of otherVariants) {
-    const otherVariant = fieldSchema.variants[variant];
-    const keys = Object.keys(otherVariant);
-    for (const k of keys) {
-      otherKeys.add(k);
-    }
+  if (frame < 0 && frame < -durationInFrames) {
+    throw new RangeError(\`Cannot use frame \${frame}: Duration of composition is \${durationInFrames}, therefore the lowest frame that can be rendered is \${-durationInFrames}\`);
   }
-  return [...otherKeys];
-};
-var registeredFontFaces = [];
-var fontDataByUrl = new Map;
-var fetchFontData = (fontUrl) => {
-  const cached = fontDataByUrl.get(fontUrl);
-  if (cached) {
-    return cached;
+  if (frame > durationInFrames - 1) {
+    throw new RangeError(\`Cannot use frame \${frame}: Duration of composition is \${durationInFrames}, therefore the highest frame that can be rendered is \${durationInFrames - 1}\`);
   }
-  const promise = fetch(fontUrl).then((response) => {
-    if (!response.ok) {
-      throw new Error(\`Failed to load font \${JSON.stringify(fontUrl)}: \${response.status} \${response.statusText}\`);
-    }
-    return response.arrayBuffer();
-  }).catch((error) => {
-    fontDataByUrl.delete(fontUrl);
-    throw error;
-  });
-  fontDataByUrl.set(fontUrl, promise);
-  return promise;
 };
-var registerFontFace = (fontFace) => {
-  if (registeredFontFaces.some((registered) => registered.ascentOverride === fontFace.ascentOverride && registered.descentOverride === fontFace.descentOverride && registered.display === fontFace.display && registered.featureSettings === fontFace.featureSettings && registered.fontFamily === fontFace.fontFamily && registered.fontUrl === fontFace.fontUrl && registered.format === fontFace.format && registered.lineGapOverride === fontFace.lineGapOverride && registered.style === fontFace.style && registered.weight === fontFace.weight && registered.stretch === fontFace.stretch && registered.unicodeRange === fontFace.unicodeRange && registered.variant === fontFace.variant)) {
+var validateSpringDuration = (dur) => {
+  if (typeof dur === "undefined") {
     return;
   }
-  registeredFontFaces.push(fontFace);
-};
-var getRegisteredFontFaces = () => {
-  return registeredFontFaces.slice();
-};
-var DATE_TOKEN = "remotion-date:";
-var FILE_TOKEN = "remotion-file:";
-var serializeJSONWithSpecialTypes = ({
-  data,
-  indent,
-  staticBase
-}) => {
-  let customDateUsed = false;
-  let customFileUsed = false;
-  let mapUsed = false;
-  let setUsed = false;
-  try {
-    const serializedString = JSON.stringify(data, function(key, value) {
-      const item = this[key];
-      if (item instanceof Date) {
-        customDateUsed = true;
-        return \`\${DATE_TOKEN}\${item.toISOString()}\`;
-      }
-      if (item instanceof Map) {
-        mapUsed = true;
-        return value;
-      }
-      if (item instanceof Set) {
-        setUsed = true;
-        return value;
-      }
-      if (typeof item === "string" && staticBase !== null && staticBase !== "" && item.startsWith(staticBase)) {
-        customFileUsed = true;
-        return \`\${FILE_TOKEN}\${item.replace(staticBase + "/", "")}\`;
-      }
-      return value;
-    }, indent);
-    return { serializedString, customDateUsed, customFileUsed, mapUsed, setUsed };
-  } catch (err) {
-    throw new Error("Could not serialize the passed input props to JSON: " + err.message);
+  if (typeof dur !== "number") {
+    throw new TypeError(\`A "duration" of a spring must be a "number" but is "\${typeof dur}"\`);
+  }
+  if (Number.isNaN(dur)) {
+    throw new TypeError('A "duration" of a spring is NaN, which it must not be');
+  }
+  if (!Number.isFinite(dur)) {
+    throw new TypeError('A "duration" of a spring must be finite, but is ' + dur);
+  }
+  if (dur <= 0) {
+    throw new TypeError('A "duration" of a spring must be positive, but is ' + dur);
+  }
+};
+var defaultSpringConfig = {
+  damping: 10,
+  mass: 1,
+  stiffness: 100,
+  overshootClamping: false
+};
+var advanceCache = {};
+function advance({
+  animation,
+  now,
+  config
+}) {
+  const { toValue, lastTimestamp, current, velocity } = animation;
+  const deltaTime = Math.min(now - lastTimestamp, 64);
+  if (config.damping <= 0) {
+    throw new Error("Spring damping must be greater than 0, otherwise the spring() animation will never end, causing an infinite loop.");
+  }
+  const c = config.damping;
+  const m = config.mass;
+  const k = config.stiffness;
+  const cacheKey = [
+    toValue,
+    lastTimestamp,
+    current,
+    velocity,
+    c,
+    m,
+    k,
+    now
+  ].join("-");
+  if (advanceCache[cacheKey]) {
+    return advanceCache[cacheKey];
+  }
+  const v0 = -velocity;
+  const x0 = toValue - current;
+  const zeta = c / (2 * Math.sqrt(k * m));
+  const omega0 = Math.sqrt(k / m);
+  const omega1 = omega0 * Math.sqrt(1 - zeta ** 2);
+  const t = deltaTime / 1000;
+  const sin1 = Math.sin(omega1 * t);
+  const cos1 = Math.cos(omega1 * t);
+  const underDampedEnvelope = Math.exp(-zeta * omega0 * t);
+  const underDampedFrag1 = underDampedEnvelope * (sin1 * ((v0 + zeta * omega0 * x0) / omega1) + x0 * cos1);
+  const underDampedPosition = toValue - underDampedFrag1;
+  const underDampedVelocity = zeta * omega0 * underDampedFrag1 - underDampedEnvelope * (cos1 * (v0 + zeta * omega0 * x0) - omega1 * x0 * sin1);
+  const criticallyDampedEnvelope = Math.exp(-omega0 * t);
+  const criticallyDampedPosition = toValue - criticallyDampedEnvelope * (x0 + (v0 + omega0 * x0) * t);
+  const criticallyDampedVelocity = criticallyDampedEnvelope * (v0 * (t * omega0 - 1) + t * x0 * omega0 * omega0);
+  const animationNode = {
+    toValue,
+    prevPosition: current,
+    lastTimestamp: now,
+    current: zeta < 1 ? underDampedPosition : criticallyDampedPosition,
+    velocity: zeta < 1 ? underDampedVelocity : criticallyDampedVelocity
+  };
+  advanceCache[cacheKey] = animationNode;
+  return animationNode;
+}
+var calculationCache = {};
+function springCalculation({
+  frame,
+  fps,
+  config = {}
+}) {
+  const from = 0;
+  const to = 1;
+  const resolvedConfig = {
+    damping: config.damping ?? defaultSpringConfig.damping,
+    mass: config.mass ?? defaultSpringConfig.mass,
+    stiffness: config.stiffness ?? defaultSpringConfig.stiffness,
+    overshootClamping: config.overshootClamping ?? defaultSpringConfig.overshootClamping
+  };
+  const configKey = [
+    fps,
+    resolvedConfig.damping,
+    resolvedConfig.mass,
+    resolvedConfig.overshootClamping,
+    resolvedConfig.stiffness
+  ].join("-");
+  const cacheKey = \`\${frame}-\${configKey}\`;
+  if (calculationCache[cacheKey]) {
+    return calculationCache[cacheKey];
+  }
+  const frameClamped = Math.max(0, frame);
+  const previousFrame = Math.ceil(frameClamped) - 1;
+  const previousAnimation = previousFrame >= 0 ? calculationCache[\`\${previousFrame}-\${configKey}\`] : undefined;
+  let animation = previousAnimation ?? {
+    lastTimestamp: 0,
+    current: from,
+    toValue: to,
+    velocity: 0,
+    prevPosition: 0
+  };
+  const unevenRest = frameClamped % 1;
+  const startFrame = previousAnimation ? previousFrame + 1 : 0;
+  for (let f = startFrame;f <= Math.floor(frameClamped); f++) {
+    const time = f / fps * 1000;
+    animation = advance({
+      animation,
+      now: time,
+      config: resolvedConfig
+    });
+  }
+  if (unevenRest > 0) {
+    animation = advance({
+      animation,
+      now: frameClamped / fps * 1000,
+      config: resolvedConfig
+    });
+  }
+  calculationCache[cacheKey] = animation;
+  return animation;
+}
+var cache = new Map;
+function measureSpring2({
+  fps,
+  config = {},
+  threshold = 0.005
+}) {
+  if (typeof threshold !== "number") {
+    throw new TypeError(\`threshold must be a number, got \${threshold} of type \${typeof threshold}\`);
+  }
+  if (threshold === 0) {
+    return Infinity;
+  }
+  if (threshold === 1) {
+    return 0;
+  }
+  if (isNaN(threshold)) {
+    throw new TypeError("Threshold is NaN");
+  }
+  if (!Number.isFinite(threshold)) {
+    throw new TypeError("Threshold is not finite");
+  }
+  if (threshold < 0) {
+    throw new TypeError("Threshold is below 0");
+  }
+  const cacheKey = [
+    fps,
+    config.damping,
+    config.mass,
+    config.overshootClamping,
+    config.stiffness,
+    threshold
+  ].join("-");
+  if (cache.has(cacheKey)) {
+    return cache.get(cacheKey);
   }
-};
-var resolveFileTokenToUrl = (value) => {
-  const encodedName = value.replace(FILE_TOKEN, "");
-  let name = encodedName;
-  try {
-    name = encodedName.split("/").map(decodeURIComponent).join("/");
-  } catch {}
-  const matchingStaticFile = window.remotion_staticFiles?.find((file) => file.name === name);
-  if (matchingStaticFile) {
-    return matchingStaticFile.src;
+  validateFps(fps, "to the measureSpring() function", false);
+  let frame = 0;
+  let finishedFrame = 0;
+  const calc = () => {
+    return springCalculation({
+      fps,
+      frame,
+      config
+    });
+  };
+  let animation = calc();
+  const calcDifference = () => {
+    return Math.abs(animation.current - animation.toValue);
+  };
+  let difference = calcDifference();
+  while (difference >= threshold) {
+    frame++;
+    animation = calc();
+    difference = calcDifference();
   }
-  return \`\${window.remotion_staticBase}/\${encodedName}\`;
-};
-var deserializeJSONWithSpecialTypes = (data) => {
-  return JSON.parse(data, (_, value) => {
-    if (typeof value === "string" && value.startsWith(DATE_TOKEN)) {
-      return new Date(value.replace(DATE_TOKEN, ""));
-    }
-    if (typeof value === "string" && value.startsWith(FILE_TOKEN)) {
-      return resolveFileTokenToUrl(value);
+  finishedFrame = frame;
+  for (let i = 0;i < 20; i++) {
+    frame++;
+    animation = calc();
+    difference = calcDifference();
+    if (difference >= threshold) {
+      i = 0;
+      finishedFrame = frame + 1;
     }
-    return value;
-  });
-};
-var transformSchema = {
-  "style.transformOrigin": {
-    type: "transform-origin",
-    step: 1,
-    default: "50% 50%",
-    description: "Origin"
-  },
-  "style.translate": {
-    type: "translate",
-    step: 1,
-    default: "0px 0px",
-    description: "Offset"
-  },
-  "style.scale": {
-    type: "scale",
-    max: 100,
-    step: 0.01,
-    default: 1,
-    description: "Scale",
-    defaultKeyframeOutput: "perceptual-scale"
-  },
-  "style.rotate": {
-    type: "rotation-css",
-    step: 1,
-    default: "0deg",
-    description: "Rotation"
-  },
-  "style.opacity": {
-    type: "number",
-    min: 0,
-    max: 1,
-    step: 0.01,
-    default: 1,
-    description: "Opacity",
-    hiddenFromList: false
   }
-};
-var borderSchema = {
-  "style.borderWidth": {
-    type: "number",
-    default: undefined,
-    min: 0,
-    step: 1,
-    description: "Border width",
-    hiddenFromList: false
-  },
-  "style.borderStyle": {
-    type: "enum",
-    default: "none",
-    description: "Border style",
-    variants: {
-      none: {},
-      hidden: {},
-      solid: {},
-      dashed: {},
-      dotted: {},
-      double: {},
-      groove: {},
-      ridge: {},
-      inset: {},
-      outset: {}
+  cache.set(cacheKey, finishedFrame);
+  return finishedFrame;
+}
+function spring2({
+  frame: passedFrame,
+  fps,
+  config = {},
+  from = 0,
+  to = 1,
+  durationInFrames: passedDurationInFrames,
+  durationRestThreshold,
+  delay = 0,
+  reverse = false
+}) {
+  validateSpringDuration(passedDurationInFrames);
+  validateFrame({
+    frame: passedFrame,
+    durationInFrames: Infinity,
+    allowFloats: true
+  });
+  validateFps(fps, "to spring()", false);
+  const needsToCalculateNaturalDuration = reverse || typeof passedDurationInFrames !== "undefined";
+  const naturalDuration = needsToCalculateNaturalDuration ? measureSpring2({
+    fps,
+    config,
+    threshold: durationRestThreshold
+  }) : undefined;
+  const naturalDurationGetter = needsToCalculateNaturalDuration ? {
+    get: () => naturalDuration
+  } : {
+    get: () => {
+      throw new Error("did not calculate natural duration, this is an error with Remotion. Please report");
     }
-  },
-  "style.borderColor": {
-    type: "color",
-    default: undefined,
-    description: "Border color"
+  };
+  const reverseProcessed = reverse ? (passedDurationInFrames ?? naturalDurationGetter.get()) - passedFrame : passedFrame;
+  const delayProcessed = reverseProcessed + (reverse ? delay : -delay);
+  const durationProcessed = passedDurationInFrames === undefined ? delayProcessed : delayProcessed / (passedDurationInFrames / naturalDurationGetter.get());
+  if (passedDurationInFrames && delayProcessed > passedDurationInFrames) {
+    return to;
   }
-};
-var borderRadiusSchema = {
-  "style.borderRadius": {
-    type: "number",
-    default: 0,
-    min: 0,
-    step: 1,
-    description: "Border radius",
-    hiddenFromList: false,
-    keyframable: true
-  },
-  "style.borderTopLeftRadius": {
-    type: "number",
-    default: 0,
-    min: 0,
-    step: 1,
-    description: "Top left radius",
-    hiddenFromList: false
-  },
-  "style.borderTopRightRadius": {
-    type: "number",
-    default: 0,
-    min: 0,
-    step: 1,
-    description: "Top right radius",
-    hiddenFromList: false
-  },
-  "style.borderBottomRightRadius": {
-    type: "number",
-    default: 0,
-    min: 0,
-    step: 1,
-    description: "Bottom right radius",
-    hiddenFromList: false
-  },
-  "style.borderBottomLeftRadius": {
-    type: "number",
-    default: 0,
-    min: 0,
-    step: 1,
-    description: "Bottom left radius",
-    hiddenFromList: false
+  const spr = springCalculation({
+    fps,
+    frame: durationProcessed,
+    config
+  });
+  const inner = config.overshootClamping ? Math.min(spr.current, 1) : spr.current;
+  const interpolated = from === 0 && to === 1 ? inner : interpolate2(inner, [0, 1], [from, to]);
+  return interpolated;
+}
+var clampUnit = (t) => Math.min(1, Math.max(0, t));
+var springEasingDurationInFrames = 30;
+var easeBezier = null;
+
+class Easing2 {
+  static step0(n) {
+    return n > 0 ? 1 : 0;
   }
-};
-var backgroundSchema = {
-  "style.backgroundColor": {
-    type: "color",
-    default: "transparent",
-    description: "Color"
+  static step1(n) {
+    return n >= 1 ? 1 : 0;
   }
-};
-var svgColorSchema = {
-  color: {
-    type: "color",
-    default: undefined,
-    description: "Current color"
+  static linear(t) {
+    return t;
   }
-};
-var svgStrokeSchema = {
-  ...svgColorSchema,
-  stroke: {
-    type: "color",
-    default: "none",
-    description: "Stroke"
-  },
-  strokeWidth: {
-    type: "number",
-    default: 1,
-    description: "Stroke width",
-    min: 0,
-    step: 1,
-    hiddenFromList: false
+  static ease(t) {
+    easeBezier ??= Easing2.bezier(0.42, 0, 1, 1);
+    return easeBezier(t);
   }
-};
-var svgPaintSchema = {
-  fill: {
-    type: "color",
-    default: undefined,
-    description: "Fill"
-  },
-  ...svgStrokeSchema
-};
-var premountSchema = {
-  premountFor: {
-    type: "number",
-    default: undefined,
-    description: "Premount For",
-    min: 0,
-    step: 1,
-    hiddenFromList: false,
-    keyframable: false
-  },
-  postmountFor: {
-    type: "number",
-    default: 0,
-    min: 0,
-    step: 1,
-    hiddenFromList: true,
-    keyframable: false
+  static quad(t) {
+    return t * t;
   }
-};
-var sequencePremountSchema = {
-  ...premountSchema
-};
-var cropSchema = {
-  cropLeft: {
-    type: "number",
-    default: 0,
-    description: "Crop left",
-    min: 0,
-    max: 1,
-    step: 0.01,
-    hiddenFromList: false,
-    keyframable: true
-  },
-  cropRight: {
-    type: "number",
-    default: 0,
-    description: "Crop right",
-    min: 0,
-    max: 1,
-    step: 0.01,
-    hiddenFromList: false,
-    keyframable: true
-  },
-  cropTop: {
-    type: "number",
-    default: 0,
-    description: "Crop top",
-    min: 0,
-    max: 1,
-    step: 0.01,
-    hiddenFromList: false,
-    keyframable: true
-  },
-  cropBottom: {
-    type: "number",
-    default: 0,
-    description: "Crop bottom",
-    min: 0,
-    max: 1,
-    step: 0.01,
-    hiddenFromList: false,
-    keyframable: true
+  static cubic(t) {
+    return t * t * t;
   }
-};
-var sequenceCropSchema = cropSchema;
-var sequenceStyleSchema = {
-  ...sequenceCropSchema,
-  ...transformSchema,
-  ...backgroundSchema,
-  ...borderSchema,
-  ...borderRadiusSchema
-};
-var hiddenField = {
-  type: "boolean",
-  default: false,
-  description: "Hidden"
-};
-var showInTimelineField = {
-  type: "hidden"
-};
-var sequenceNameField = {
-  type: "hidden"
-};
-var durationInFramesField = {
-  type: "number",
-  default: undefined,
-  min: 1,
-  step: 1,
-  hiddenFromList: true
-};
-var fromField = {
-  type: "number",
-  default: 0,
-  step: 1,
-  hiddenFromList: true
-};
-var trimBeforeField = {
-  type: "number",
-  default: 0,
-  min: 0,
-  step: 1,
-  hiddenFromList: true
-};
-var sequenceTimingSchema = {
-  from: {
-    ...fromField,
-    description: "From",
-    hiddenFromList: false,
-    keyframable: false
-  },
-  durationInFrames: {
-    ...durationInFramesField,
-    description: "Duration",
-    hiddenFromList: false,
-    keyframable: false
-  },
-  trimBefore: {
-    ...trimBeforeField,
-    description: "Trim before",
-    hiddenFromList: false,
-    keyframable: false
+  static poly(n) {
+    return (t) => t ** n;
   }
-};
-var freezeField = {
-  type: "number",
-  default: null,
-  step: 1,
-  hiddenFromList: true
-};
-var playbackRateField = {
-  type: "number",
-  default: 1,
-  min: 0.01,
-  step: 0.1,
-  description: "Playback rate",
-  hiddenFromList: false,
-  keyframable: false
-};
-var baseSchema = {
-  durationInFrames: durationInFramesField,
-  from: fromField,
-  trimBefore: trimBeforeField,
-  playbackRate: playbackRateField,
-  freeze: freezeField,
-  hidden: hiddenField,
-  name: sequenceNameField,
-  showInTimeline: showInTimelineField
-};
-var sequenceSchema = {
-  ...baseSchema,
-  layout: {
-    type: "enum",
-    default: "absolute-fill",
-    description: "Layout",
-    variants: {
-      "absolute-fill": sequenceStyleSchema,
-      none: {}
+  static sin(t) {
+    return 1 - Math.cos(t * Math.PI / 2);
+  }
+  static circle(t) {
+    const u = clampUnit(t);
+    return 1 - Math.sqrt(1 - u * u);
+  }
+  static exp(t) {
+    return 2 ** (10 * (t - 1));
+  }
+  static elastic(bounciness = 1) {
+    const p = bounciness * Math.PI;
+    return (t) => 1 - Math.cos(t * Math.PI / 2) ** 3 * Math.cos(t * p);
+  }
+  static back(s = 1.70158) {
+    return (t) => t * t * ((s + 1) * t - s);
+  }
+  static spring({
+    allowTail = false,
+    durationRestThreshold,
+    ...config
+  } = {}) {
+    const easing = (t) => {
+      if (t <= 0) {
+        return 0;
+      }
+      if (!allowTail && t >= 1) {
+        return 1;
+      }
+      if (allowTail) {
+        return spring2({
+          fps: springEasingDurationInFrames,
+          frame: t * measureSpring2({
+            fps: springEasingDurationInFrames,
+            config,
+            threshold: durationRestThreshold
+          }),
+          config
+        });
+      }
+      return spring2({
+        fps: springEasingDurationInFrames,
+        frame: t * springEasingDurationInFrames,
+        config,
+        durationInFrames: springEasingDurationInFrames,
+        durationRestThreshold
+      });
+    };
+    return Object.assign(easing, {
+      remotionShouldExtendRight: allowTail
+    });
+  }
+  static bounce(t) {
+    const u = clampUnit(t);
+    if (u < 1 / 2.75) {
+      return 7.5625 * u * u;
     }
+    if (u < 2 / 2.75) {
+      const t2_ = u - 1.5 / 2.75;
+      return 7.5625 * t2_ * t2_ + 0.75;
+    }
+    if (u < 2.5 / 2.75) {
+      const t2_ = u - 2.25 / 2.75;
+      return 7.5625 * t2_ * t2_ + 0.9375;
+    }
+    const t2 = u - 2.625 / 2.75;
+    return 7.5625 * t2 * t2 + 0.984375;
   }
-};
-var baseSchemaWithoutFrom = {
-  durationInFrames: durationInFramesField,
-  trimBefore: trimBeforeField,
-  playbackRate: playbackRateField,
-  freeze: freezeField,
-  hidden: hiddenField,
-  name: sequenceNameField,
-  showInTimeline: showInTimelineField
-};
-var sequenceSchemaWithoutFrom = {
-  ...baseSchemaWithoutFrom,
-  layout: sequenceSchema.layout
-};
-var sequenceSchemaDefaultLayoutNone = {
-  ...sequenceSchema,
-  layout: {
-    ...sequenceSchema.layout,
-    default: "none"
+  static bezier(x1, y1, x2, y2) {
+    return bezier(x1, y1, x2, y2);
   }
-};
+  static in(easing) {
+    return easing;
+  }
+  static out(easing) {
+    return (t) => 1 - easing(1 - t);
+  }
+  static inOut(easing) {
+    return (t) => {
+      if (t < 0.5) {
+        return easing(t * 2) / 2;
+      }
+      return 1 - easing((1 - t) * 2) / 2;
+    };
+  }
+}
 var NUMBER = "[-+]?\\\\d*\\\\.?\\\\d+";
 var PERCENTAGE = NUMBER + "%";
 function call(...args) {
@@ -5135,6 +5120,119 @@ function processColor(color) {
   const normalizedColor = normalizeColor(color);
   return (normalizedColor << 24 | normalizedColor >>> 8) >>> 0;
 }
+var findPropsToDelete = ({
+  schema,
+  key,
+  value
+}) => {
+  const fieldSchema = schema[key];
+  if (!fieldSchema) {
+    throw new Error("Key " + JSON.stringify(key) + " not found in schema");
+  }
+  if (typeof value !== "string") {
+    throw new Error("Value must be a string, but is " + JSON.stringify(value));
+  }
+  if (fieldSchema.type !== "enum") {
+    throw new Error("Key " + JSON.stringify(key) + " is not an enum");
+  }
+  const currentVariant = fieldSchema.variants[value];
+  if (!currentVariant) {
+    throw new Error("Value for " + JSON.stringify(key) + " must be one of " + Object.keys(fieldSchema.variants).map((v) => JSON.stringify(v)).join(", ") + ", got " + JSON.stringify(value));
+  }
+  const otherVariants = Object.keys(fieldSchema.variants).filter((v) => v !== value);
+  const otherKeys = new Set;
+  for (const variant of otherVariants) {
+    const otherVariant = fieldSchema.variants[variant];
+    const keys = Object.keys(otherVariant);
+    for (const k of keys) {
+      otherKeys.add(k);
+    }
+  }
+  return [...otherKeys];
+};
+var validatePreferredEffectBackend = (value) => {
+  if (value !== "auto" && value !== "webgpu" && value !== "webgl2" && value !== "2d") {
+    throw new TypeError(\`preferredEffectBackend must be "auto", "webgpu", "webgl2" or "2d", got \${String(value)}\`);
+  }
+  return value;
+};
+var getAbsoluteSrc = (relativeSrc) => {
+  if (typeof window === "undefined") {
+    return relativeSrc;
+  }
+  if (relativeSrc.startsWith("http://") || relativeSrc.startsWith("https://") || relativeSrc.startsWith("file://") || relativeSrc.startsWith("blob:") || relativeSrc.startsWith("data:")) {
+    return relativeSrc;
+  }
+  return new URL(relativeSrc, document.baseURI).href;
+};
+var getExpectedMediaFrameUncorrected = ({
+  frame,
+  playbackRate,
+  startFrom
+}) => {
+  return interpolate2(frame, [-1, startFrom, startFrom + 1], [-1, startFrom, startFrom + playbackRate]);
+};
+var validCodecs = [
+  "h264",
+  "h265",
+  "vp8",
+  "vp9",
+  "av1",
+  "mp3",
+  "aac",
+  "wav",
+  "prores",
+  "h264-mkv",
+  "h264-ts",
+  "gif"
+];
+function validateCodec(defaultCodec, location, name) {
+  if (typeof defaultCodec === "undefined") {
+    return;
+  }
+  if (typeof defaultCodec !== "string") {
+    throw new TypeError(\`The "\${name}" prop \${location} must be a string, but you passed a value of type \${typeof defaultCodec}.\`);
+  }
+  if (!validCodecs.includes(defaultCodec)) {
+    throw new Error(\`The "\${name}" prop \${location} must be one of \${validCodecs.join(", ")}, but you passed \${defaultCodec}.\`);
+  }
+}
+var getOffthreadVideoSource = ({
+  src,
+  transparent,
+  currentTime,
+  toneMapped
+}) => {
+  return \`http://localhost:\${window.remotion_proxyPort}/proxy?src=\${encodeURIComponent(getAbsoluteSrc(src))}&time=\${encodeURIComponent(Math.max(0, currentTime))}&transparent=\${String(transparent)}&toneMapped=\${String(toneMapped)}\`;
+};
+var registeredFontFaces = [];
+var fontDataByUrl = new Map;
+var fetchFontData = (fontUrl) => {
+  const cached = fontDataByUrl.get(fontUrl);
+  if (cached) {
+    return cached;
+  }
+  const promise = fetch(fontUrl).then((response) => {
+    if (!response.ok) {
+      throw new Error(\`Failed to load font \${JSON.stringify(fontUrl)}: \${response.status} \${response.statusText}\`);
+    }
+    return response.arrayBuffer();
+  }).catch((error) => {
+    fontDataByUrl.delete(fontUrl);
+    throw error;
+  });
+  fontDataByUrl.set(fontUrl, promise);
+  return promise;
+};
+var registerFontFace = (fontFace) => {
+  if (registeredFontFaces.some((registered) => registered.ascentOverride === fontFace.ascentOverride && registered.descentOverride === fontFace.descentOverride && registered.display === fontFace.display && registered.featureSettings === fontFace.featureSettings && registered.fontFamily === fontFace.fontFamily && registered.fontUrl === fontFace.fontUrl && registered.format === fontFace.format && registered.lineGapOverride === fontFace.lineGapOverride && registered.style === fontFace.style && registered.weight === fontFace.weight && registered.stretch === fontFace.stretch && registered.unicodeRange === fontFace.unicodeRange && registered.variant === fontFace.variant)) {
+    return;
+  }
+  registeredFontFaces.push(fontFace);
+};
+var getRegisteredFontFaces = () => {
+  return registeredFontFaces.slice();
+};
 var proResProfileOptions = [
   "4444-xq",
   "4444",
@@ -5182,9 +5280,6 @@ var serializeScaleValue = ([x, y, z]) => {
   }
   return \`\${normalizedX} \${normalizedY} \${normalizedZ}\`;
 };
-function truthy(value) {
-  return Boolean(value);
-}
 var validateSelectedFrames = ({
   frames,
   durationInFrames
@@ -5218,102 +5313,7 @@ var validateSelectedFrames = ({
   }
   return [...frames].sort((a, b) => a - b);
 };
-var validCodecs = [
-  "h264",
-  "h265",
-  "vp8",
-  "vp9",
-  "av1",
-  "mp3",
-  "aac",
-  "wav",
-  "prores",
-  "h264-mkv",
-  "h264-ts",
-  "gif"
-];
-function validateCodec(defaultCodec, location, name) {
-  if (typeof defaultCodec === "undefined") {
-    return;
-  }
-  if (typeof defaultCodec !== "string") {
-    throw new TypeError(\`The "\${name}" prop \${location} must be a string, but you passed a value of type \${typeof defaultCodec}.\`);
-  }
-  if (!validCodecs.includes(defaultCodec)) {
-    throw new Error(\`The "\${name}" prop \${location} must be one of \${validCodecs.join(", ")}, but you passed \${defaultCodec}.\`);
-  }
-}
-var validateDefaultAndInputProps = (defaultProps, name, compositionId) => {
-  if (!defaultProps) {
-    return;
-  }
-  if (typeof defaultProps !== "object") {
-    throw new Error(\`"\${name}" must be an object, but you passed a value of type \${typeof defaultProps}\`);
-  }
-  if (Array.isArray(defaultProps)) {
-    throw new Error(\`"\${name}" must be an object, an array was passed \${compositionId ? \`for composition "\${compositionId}"\` : ""}\`);
-  }
-};
-function validateDimension(amount, nameOfProp, location) {
-  if (typeof amount !== "number") {
-    throw new Error(\`The "\${nameOfProp}" prop \${location} must be a number, but you passed a value of type \${typeof amount}\`);
-  }
-  if (isNaN(amount)) {
-    throw new TypeError(\`The "\${nameOfProp}" prop \${location} must not be NaN, but is NaN.\`);
-  }
-  if (!Number.isFinite(amount)) {
-    throw new TypeError(\`The "\${nameOfProp}" prop \${location} must be finite, but is \${amount}.\`);
-  }
-  if (amount % 1 !== 0) {
-    throw new TypeError(\`The "\${nameOfProp}" prop \${location} must be an integer, but is \${amount}.\`);
-  }
-  if (amount <= 0) {
-    throw new TypeError(\`The "\${nameOfProp}" prop \${location} must be positive, but got \${amount}.\`);
-  }
-}
-function validateDurationInFrames(durationInFrames, options) {
-  const { allowFloats, component } = options;
-  if (typeof durationInFrames === "undefined") {
-    throw new Error(\`The "durationInFrames" prop \${component} is missing.\`);
-  }
-  if (typeof durationInFrames !== "number") {
-    throw new Error(\`The "durationInFrames" prop \${component} must be a number, but you passed a value of type \${typeof durationInFrames}\`);
-  }
-  if (durationInFrames <= 0) {
-    throw new TypeError(\`The "durationInFrames" prop \${component} must be positive, but got \${durationInFrames}.\`);
-  }
-  if (!Number.isFinite(durationInFrames)) {
-    throw new TypeError(\`The "durationInFrames" prop \${component} must be finite, but got \${durationInFrames}.\`);
-  }
-  if (!allowFloats && durationInFrames % 1 !== 0) {
-    throw new TypeError(\`The "durationInFrames" prop \${component} must be an integer, but got \${durationInFrames}.\`);
-  }
-}
-var getExpectedMediaFrameUncorrected = ({
-  frame,
-  playbackRate,
-  startFrom
-}) => {
-  return interpolate(frame, [-1, startFrom, startFrom + 1], [-1, startFrom, startFrom + playbackRate]);
-};
-var getAbsoluteSrc = (relativeSrc) => {
-  if (typeof window === "undefined") {
-    return relativeSrc;
-  }
-  if (relativeSrc.startsWith("http://") || relativeSrc.startsWith("https://") || relativeSrc.startsWith("file://") || relativeSrc.startsWith("blob:") || relativeSrc.startsWith("data:")) {
-    return relativeSrc;
-  }
-  return new URL(relativeSrc, document.baseURI).href;
-};
-var getOffthreadVideoSource = ({
-  src,
-  transparent,
-  currentTime,
-  toneMapped
-}) => {
-  return \`http://localhost:\${window.remotion_proxyPort}/proxy?src=\${encodeURIComponent(getAbsoluteSrc(src))}&time=\${encodeURIComponent(Math.max(0, currentTime))}&transparent=\${String(transparent)}&toneMapped=\${String(toneMapped)}\`;
-};
-var NoReactInternals = {
+var NoReactInternals2 = {
   validatePreferredEffectBackend,
   DEFAULT_PREMOUNT_IN_SECONDS,
   DEFAULT_STUDIO_PREMOUNT_IN_SECONDS,
@@ -5404,7 +5404,7 @@ var uploadToVercelBlob = async ({
   return { url: blob.downloadUrl, size };
 };
 try {
-  const serializedInputProps = NoReactInternals.serializeJSONWithSpecialTypes({
+  const serializedInputProps = NoReactInternals2.serializeJSONWithSpecialTypes({
     data: config.inputProps,
     indent: undefined,
     staticBase: null
@@ -5451,7 +5451,7 @@ try {
     offthreadVideoCacheSizeInBytes: config.offthreadVideoCacheSizeInBytes,
     offthreadVideoThreads: config.offthreadVideoThreads
   });
-  const serializedResolvedProps = NoReactInternals.serializeJSONWithSpecialTypes({
+  const serializedResolvedProps = NoReactInternals2.serializeJSONWithSpecialTypes({
     data: composition.props,
     indent: undefined,
     staticBase: null
@@ -5491,6 +5491,7 @@ try {
     numberOfGifLoops: config.numberOfGifLoops,
     x264Preset: config.x264Preset,
     gopSize: config.gopSize,
+    proResBitsPerMacroblock: config.proResBitsPerMacroblock,
     colorSpace: config.colorSpace,
     jpegQuality: config.jpegQuality,
     audioCodec: config.audioCodec,
@@ -5985,6 +5986,7 @@ var internalRenderMediaOnVercel = async (options) => {
     numberOfGifLoops,
     x264Preset,
     gopSize,
+    proResBitsPerMacroblock,
     colorSpace = "default",
     jpegQuality = 80,
     audioCodec,
@@ -6037,6 +6039,7 @@ var internalRenderMediaOnVercel = async (options) => {
     numberOfGifLoops: numberOfGifLoops ?? null,
     x264Preset: x264Preset ?? null,
     gopSize: gopSize ?? null,
+    proResBitsPerMacroblock: proResBitsPerMacroblock ?? null,
     colorSpace,
     jpegQuality,
     audioCodec: audioCodec ?? null,