remotion 4.0.481 → 4.0.483

package/dist/cjs/canvas-image/CanvasImage.js

@@ -281,7 +281,7 @@ const CanvasImageContent = (0, react_1.forwardRef)(({ src, width, height, fit =
     return (jsx_runtime_1.jsx("canvas", { ...canvasProps, ref: canvasRef, width: width, height: height, className: className, style: style, id: id }));
 });
 CanvasImageContent.displayName = 'CanvasImageContent';
-const CanvasImageInner = (0, react_1.forwardRef)(({ src, width, height, fit, effects = [], className, style, id, onError, pauseWhenLoading, maxRetries, delayRenderRetries, delayRenderTimeoutInMilliseconds, durationInFrames, from, freeze, hidden, name, showInTimeline, stack, controls, _remotionInternalDocumentationLink, outlineRef, ...canvasProps }, ref) => {
+const CanvasImageInner = (0, react_1.forwardRef)(({ src, width, height, fit, effects = [], className, style, id, onError, pauseWhenLoading, maxRetries, delayRenderRetries, delayRenderTimeoutInMilliseconds, durationInFrames, from, trimBefore, freeze, hidden, name, showInTimeline, stack, controls, _remotionInternalDocumentationLink, outlineRef, ...canvasProps }, ref) => {
     if (!src) {
         throw new Error('No "src" prop was passed to <CanvasImage>.');
     }
@@ -290,7 +290,7 @@ const CanvasImageInner = (0, react_1.forwardRef)(({ src, width, height, fit, eff
     (0, react_1.useImperativeHandle)(ref, () => {
         return actualRef.current;
     }, []);
-    return (jsx_runtime_1.jsx(Sequence_js_1.Sequence, { layout: "none", from: from !== null && from !== void 0 ? from : 0, durationInFrames: durationInFrames !== null && durationInFrames !== void 0 ? durationInFrames : Infinity, freeze: freeze, hidden: hidden, showInTimeline: showInTimeline !== null && showInTimeline !== void 0 ? showInTimeline : true, name: name !== null && name !== void 0 ? name : '<CanvasImage>', _remotionInternalDocumentationLink: _remotionInternalDocumentationLink !== null && _remotionInternalDocumentationLink !== void 0 ? _remotionInternalDocumentationLink : 'https://www.remotion.dev/docs/canvasimage', controls: controls, _remotionInternalEffects: memoizedEffectDefinitions, _remotionInternalIsMedia: { type: 'image', src }, _remotionInternalStack: stack, outlineRef: outlineRef !== null && outlineRef !== void 0 ? outlineRef : actualRef, children: jsx_runtime_1.jsx(CanvasImageContent, { ref: actualRef, src: src, width: width, height: height, fit: fit, effects: effects, controls: controls, className: className, style: style, id: id, onError: onError, pauseWhenLoading: pauseWhenLoading, maxRetries: maxRetries, delayRenderRetries: delayRenderRetries, delayRenderTimeoutInMilliseconds: delayRenderTimeoutInMilliseconds, refForOutline: outlineRef !== null && outlineRef !== void 0 ? outlineRef : null, ...canvasProps }) }));
+    return (jsx_runtime_1.jsx(Sequence_js_1.Sequence, { layout: "none", from: from !== null && from !== void 0 ? from : 0, trimBefore: trimBefore, durationInFrames: durationInFrames !== null && durationInFrames !== void 0 ? durationInFrames : Infinity, freeze: freeze, hidden: hidden, showInTimeline: showInTimeline !== null && showInTimeline !== void 0 ? showInTimeline : true, name: name !== null && name !== void 0 ? name : '<CanvasImage>', _remotionInternalDocumentationLink: _remotionInternalDocumentationLink !== null && _remotionInternalDocumentationLink !== void 0 ? _remotionInternalDocumentationLink : 'https://www.remotion.dev/docs/canvasimage', controls: controls, _remotionInternalEffects: memoizedEffectDefinitions, _remotionInternalIsMedia: { type: 'image', src }, _remotionInternalStack: stack, outlineRef: outlineRef !== null && outlineRef !== void 0 ? outlineRef : actualRef, children: jsx_runtime_1.jsx(CanvasImageContent, { ref: actualRef, src: src, width: width, height: height, fit: fit, effects: effects, controls: controls, className: className, style: style, id: id, onError: onError, pauseWhenLoading: pauseWhenLoading, maxRetries: maxRetries, delayRenderRetries: delayRenderRetries, delayRenderTimeoutInMilliseconds: delayRenderTimeoutInMilliseconds, refForOutline: outlineRef !== null && outlineRef !== void 0 ? outlineRef : null, ...canvasProps }) }));
 });
 /*
  * @description Renders a static image to a `<canvas>` and applies Remotion effects.

package/dist/cjs/easing.d.ts

@@ -1,5 +1,8 @@
 import type { SpringConfig } from './spring/spring-utils.js';
-export type EasingSpringConfig = Partial<Pick<SpringConfig, 'damping' | 'mass' | 'stiffness' | 'overshootClamping'>>;
+export type EasingSpringConfig = Partial<Pick<SpringConfig, 'damping' | 'mass' | 'stiffness' | 'overshootClamping'>> & {
+    readonly allowTail?: boolean;
+    readonly durationRestThreshold?: number;
+};
 /**
  * @description The Easing module implements common easing functions. You can use it with the interpolate() API.
  * @see [Documentation](https://www.remotion.dev/docs/easing)
@@ -17,7 +20,7 @@ export declare class Easing {
     static exp(t: number): number;
     static elastic(bounciness?: number): (t: number) => number;
     static back(s?: number): (t: number) => number;
-    static spring(config?: EasingSpringConfig): (t: number) => number;
+    static spring({ allowTail, durationRestThreshold, ...config }?: EasingSpringConfig): (t: number) => number;
     static bounce(t: number): number;
     static bezier(x1: number, y1: number, x2: number, y2: number): (t: number) => number;
     static in(easing: (t: number) => number): (t: number) => number;

package/dist/cjs/easing.js

@@ -52,21 +52,37 @@ class Easing {
     static back(s = 1.70158) {
         return (t) => t * t * ((s + 1) * t - s);
     }
-    static spring(config = {}) {
-        return (t) => {
+    static spring({ allowTail = false, durationRestThreshold, ...config } = {}) {
+        const easing = (t) => {
             if (t <= 0) {
                 return 0;
             }
-            if (t >= 1) {
+            if (!allowTail && t >= 1) {
                 return 1;
             }
+            if (allowTail) {
+                return (0, index_js_1.spring)({
+                    fps: springEasingDurationInFrames,
+                    frame: t *
+                        (0, index_js_1.measureSpring)({
+                            fps: springEasingDurationInFrames,
+                            config,
+                            threshold: durationRestThreshold,
+                        }),
+                    config,
+                });
+            }
             return (0, index_js_1.spring)({
                 fps: springEasingDurationInFrames,
                 frame: t * springEasingDurationInFrames,
                 config,
                 durationInFrames: springEasingDurationInFrames,
+                durationRestThreshold,
             });
         };
+        return Object.assign(easing, {
+            remotionShouldExtendRight: allowTail,
+        });
     }
     static bounce(t) {
         const u = clampUnit(t);

package/dist/cjs/effects/Solid.d.ts

@@ -13,5 +13,100 @@ type OptionalProps = {
     readonly pixelDensity: number | undefined;
 };
 export type SolidProps = MandatoryProps & Partial<OptionalProps>;
+export declare const solidSchema: {
+    readonly 'style.transformOrigin': {
+        readonly type: "transform-origin";
+        readonly step: 1;
+        readonly default: "50% 50%";
+        readonly description: "Transform origin";
+    };
+    readonly 'style.translate': {
+        readonly type: "translate";
+        readonly step: 1;
+        readonly default: "0px 0px";
+        readonly description: "Offset";
+    };
+    readonly 'style.scale': {
+        readonly type: "scale";
+        readonly max: 100;
+        readonly step: 0.01;
+        readonly default: 1;
+        readonly description: "Scale";
+    };
+    readonly 'style.rotate': {
+        readonly type: "rotation-css";
+        readonly step: 1;
+        readonly default: "0deg";
+        readonly description: "Rotation";
+    };
+    readonly 'style.opacity': {
+        readonly type: "number";
+        readonly min: 0;
+        readonly max: 1;
+        readonly step: 0.01;
+        readonly default: 1;
+        readonly description: "Opacity";
+        readonly hiddenFromList: false;
+    };
+    readonly durationInFrames: {
+        readonly type: "number";
+        readonly default: undefined;
+        readonly min: 1;
+        readonly step: 1;
+        readonly hiddenFromList: true;
+    };
+    readonly from: {
+        readonly type: "number";
+        readonly default: 0;
+        readonly step: 1;
+        readonly hiddenFromList: true;
+    };
+    readonly trimBefore: {
+        readonly type: "number";
+        readonly default: 0;
+        readonly min: 0;
+        readonly step: 1;
+        readonly hiddenFromList: true;
+    };
+    readonly freeze: {
+        readonly type: "number";
+        readonly default: null;
+        readonly step: 1;
+        readonly hiddenFromList: true;
+    };
+    readonly hidden: import("../interactivity-schema.js").BooleanFieldSchema;
+    readonly name: import("../interactivity-schema.js").HiddenFieldSchema;
+    readonly showInTimeline: import("../interactivity-schema.js").HiddenFieldSchema;
+    readonly color: {
+        readonly type: "color";
+        readonly default: "transparent";
+        readonly description: "Color";
+    };
+    readonly width: {
+        readonly type: "number";
+        readonly min: 1;
+        readonly step: 1;
+        readonly default: 1920;
+        readonly description: "Width";
+        readonly hiddenFromList: false;
+    };
+    readonly height: {
+        readonly type: "number";
+        readonly min: 1;
+        readonly step: 1;
+        readonly default: 1080;
+        readonly description: "Height";
+        readonly hiddenFromList: false;
+    };
+    readonly pixelDensity: {
+        readonly type: "number";
+        readonly min: 1;
+        readonly max: 3;
+        readonly step: 0.1;
+        readonly default: 1;
+        readonly description: "Pixel density";
+        readonly hiddenFromList: false;
+    };
+};
 export declare const Solid: React.ComponentType<MandatoryProps & Partial<OptionalProps> & InteractiveBaseProps & React.RefAttributes<HTMLCanvasElement>>;
 export {};

package/dist/cjs/effects/Solid.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Solid = void 0;
+exports.Solid = exports.solidSchema = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const enable_sequence_stack_traces_js_1 = require("../enable-sequence-stack-traces.js");
@@ -22,7 +22,7 @@ const resolveSolidPixelDensity = (pixelDensity) => {
     }
     return pixelDensity;
 };
-const solidSchema = {
+exports.solidSchema = {
     ...interactivity_schema_js_1.baseSchema,
     color: {
         type: 'color',
@@ -45,6 +45,15 @@ const solidSchema = {
         description: 'Height',
         hiddenFromList: false,
     },
+    pixelDensity: {
+        type: 'number',
+        min: 1,
+        max: 3,
+        step: 0.1,
+        default: 1,
+        description: 'Pixel density',
+        hiddenFromList: false,
+    },
     ...interactivity_schema_js_1.transformSchema,
 };
 const SolidInner = ({ color, width, height, effects = [], className, style, pixelDensity, overrideId, reference, }) => {
@@ -138,7 +147,7 @@ const SolidInner = ({ color, width, height, effects = [], className, style, pixe
     }, [height, style, width]);
     return (jsx_runtime_1.jsx("canvas", { ref: canvasRef, width: canvasWidth, height: canvasHeight, className: className, style: canvasStyle }));
 };
-const SolidOuter = (0, react_1.forwardRef)(({ effects = [], controls, color, height, width, className, durationInFrames, style, name, from, freeze, hidden, showInTimeline, pixelDensity, ...props }, ref) => {
+const SolidOuter = (0, react_1.forwardRef)(({ effects = [], controls, color, height, width, className, durationInFrames, style, name, from, trimBefore, freeze, hidden, showInTimeline, pixelDensity, ...props }, ref) => {
     var _a;
     props;
     const memoizedEffectDefinitions = (0, use_memoized_effects_js_1.useMemoizedEffectDefinitions)(effects);
@@ -146,13 +155,13 @@ const SolidOuter = (0, react_1.forwardRef)(({ effects = [], controls, color, hei
     (0, react_1.useImperativeHandle)(ref, () => {
         return actualRef.current;
     }, []);
-    return (jsx_runtime_1.jsx(Sequence_js_1.Sequence, { layout: "none", from: from, freeze: freeze, hidden: hidden, showInTimeline: showInTimeline, controls: controls, _remotionInternalEffects: memoizedEffectDefinitions, durationInFrames: durationInFrames, name: name !== null && name !== void 0 ? name : '<Solid>', outlineRef: actualRef, _remotionInternalDocumentationLink: "https://www.remotion.dev/docs/solid", ...props, children: jsx_runtime_1.jsx(SolidInner, { reference: actualRef, overrideId: (_a = controls === null || controls === void 0 ? void 0 : controls.overrideId) !== null && _a !== void 0 ? _a : null, color: color, height: height, width: width, className: className, style: style, effects: effects, pixelDensity: pixelDensity }) }));
+    return (jsx_runtime_1.jsx(Sequence_js_1.Sequence, { layout: "none", from: from, trimBefore: trimBefore, freeze: freeze, hidden: hidden, showInTimeline: showInTimeline, controls: controls, _remotionInternalEffects: memoizedEffectDefinitions, durationInFrames: durationInFrames, name: name !== null && name !== void 0 ? name : '<Solid>', outlineRef: actualRef, _remotionInternalDocumentationLink: "https://www.remotion.dev/docs/solid", ...props, children: jsx_runtime_1.jsx(SolidInner, { reference: actualRef, overrideId: (_a = controls === null || controls === void 0 ? void 0 : controls.overrideId) !== null && _a !== void 0 ? _a : null, color: color, height: height, width: width, className: className, style: style, effects: effects, pixelDensity: pixelDensity }) }));
 });
 exports.Solid = (0, with_interactivity_schema_js_1.withInteractivitySchema)({
     Component: SolidOuter,
     componentName: '<Solid>',
     componentIdentity: 'dev.remotion.remotion.Solid',
-    schema: solidSchema,
+    schema: exports.solidSchema,
     supportsEffects: true,
 });
 exports.Solid.displayName = 'Solid';

package/dist/cjs/effects/use-memoized-effects.js

@@ -51,6 +51,7 @@ const resolvePropStatusOverrides = (propStatus, frame) => {
         }
         if (status.status === 'keyframed') {
             const value = (0, interpolate_keyframed_status_js_1.interpolateKeyframedStatus)({
+                forceSpringAllowTail: null,
                 frame,
                 status,
             });

package/dist/cjs/get-effective-visual-mode-value.js

@@ -13,6 +13,7 @@ const resolveDragOverrideValue = ({ dragOverrideValue, frame, }) => {
         return { type: 'none' };
     }
     const interpolated = (0, interpolate_keyframed_status_1.interpolateKeyframedStatus)({
+        forceSpringAllowTail: null,
         frame,
         status: dragOverrideValue.status,
     });
@@ -33,6 +34,7 @@ const getEffectiveVisualModeValue = ({ propStatus, dragOverrideValue, defaultVal
     if (propStatus.status === 'keyframed') {
         if (frame !== null) {
             return (0, interpolate_keyframed_status_1.interpolateKeyframedStatus)({
+                forceSpringAllowTail: null,
                 frame,
                 status: propStatus,
             });

package/dist/cjs/interactivity-schema.d.ts

@@ -62,7 +62,16 @@ export type UvCoordinateFieldSchema = {
     min?: number;
     max?: number;
     step?: number;
-    lineTo?: string;
+    visual?: {
+        readonly type: 'line';
+        readonly to: string;
+    } | {
+        readonly type: 'ellipse';
+        readonly width: string;
+        readonly height: string;
+        readonly rotation?: string;
+        readonly innerScale?: string;
+    };
     default: readonly [number, number] | undefined;
     description?: string;
     keyframable?: boolean;
@@ -180,6 +189,77 @@ export declare const sequenceVisualStyleSchema: {
         readonly hiddenFromList: false;
     };
 };
+export declare const textSchema: {
+    readonly 'style.color': {
+        readonly type: "color";
+        readonly default: undefined;
+        readonly description: "Color";
+    };
+    readonly 'style.fontSize': {
+        readonly type: "number";
+        readonly default: undefined;
+        readonly min: 0;
+        readonly step: 1;
+        readonly description: "Font size";
+        readonly hiddenFromList: false;
+    };
+    readonly 'style.lineHeight': {
+        readonly type: "number";
+        readonly default: undefined;
+        readonly min: 0;
+        readonly step: 0.05;
+        readonly description: "Line height";
+        readonly hiddenFromList: false;
+    };
+    readonly 'style.fontWeight': {
+        readonly type: "enum";
+        readonly default: "400";
+        readonly description: "Font weight";
+        readonly variants: {
+            readonly '100': {};
+            readonly '200': {};
+            readonly '300': {};
+            readonly '400': {};
+            readonly '500': {};
+            readonly '600': {};
+            readonly '700': {};
+            readonly '800': {};
+            readonly '900': {};
+            readonly normal: {};
+            readonly bold: {};
+        };
+    };
+    readonly 'style.fontStyle': {
+        readonly type: "enum";
+        readonly default: "normal";
+        readonly description: "Font style";
+        readonly variants: {
+            readonly normal: {};
+            readonly italic: {};
+            readonly oblique: {};
+        };
+    };
+    readonly 'style.textAlign': {
+        readonly type: "enum";
+        readonly default: "left";
+        readonly description: "Text align";
+        readonly variants: {
+            readonly left: {};
+            readonly center: {};
+            readonly right: {};
+            readonly justify: {};
+            readonly start: {};
+            readonly end: {};
+        };
+    };
+    readonly 'style.letterSpacing': {
+        readonly type: "number";
+        readonly default: undefined;
+        readonly step: 0.1;
+        readonly description: "Letter spacing";
+        readonly hiddenFromList: false;
+    };
+};
 export declare const premountSchema: {
     readonly premountFor: {
         readonly type: "number";
@@ -301,6 +381,13 @@ export declare const fromField: {
     readonly step: 1;
     readonly hiddenFromList: true;
 };
+export declare const trimBeforeField: {
+    readonly type: "number";
+    readonly default: 0;
+    readonly min: 0;
+    readonly step: 1;
+    readonly hiddenFromList: true;
+};
 export declare const freezeField: {
     readonly type: "number";
     readonly default: null;
@@ -321,6 +408,13 @@ export declare const baseSchema: {
         readonly step: 1;
         readonly hiddenFromList: true;
     };
+    readonly trimBefore: {
+        readonly type: "number";
+        readonly default: 0;
+        readonly min: 0;
+        readonly step: 1;
+        readonly hiddenFromList: true;
+    };
     readonly freeze: {
         readonly type: "number";
         readonly default: null;
@@ -345,6 +439,13 @@ export declare const sequenceSchema: {
         readonly step: 1;
         readonly hiddenFromList: true;
     };
+    readonly trimBefore: {
+        readonly type: "number";
+        readonly default: 0;
+        readonly min: 0;
+        readonly step: 1;
+        readonly hiddenFromList: true;
+    };
     readonly freeze: {
         readonly type: "number";
         readonly default: null;
@@ -428,6 +529,13 @@ export declare const baseSchemaWithoutFrom: {
         readonly step: 1;
         readonly hiddenFromList: true;
     };
+    readonly trimBefore: {
+        readonly type: "number";
+        readonly default: 0;
+        readonly min: 0;
+        readonly step: 1;
+        readonly hiddenFromList: true;
+    };
     readonly freeze: {
         readonly type: "number";
         readonly default: null;
@@ -446,6 +554,13 @@ export declare const sequenceSchemaWithoutFrom: {
         readonly step: 1;
         readonly hiddenFromList: true;
     };
+    readonly trimBefore: {
+        readonly type: "number";
+        readonly default: 0;
+        readonly min: 0;
+        readonly step: 1;
+        readonly hiddenFromList: true;
+    };
     readonly freeze: {
         readonly type: "number";
         readonly default: null;

package/dist/cjs/interactivity-schema.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.sequenceSchemaDefaultLayoutNone = exports.sequenceSchemaWithoutFrom = exports.baseSchemaWithoutFrom = exports.sequenceSchema = exports.baseSchema = exports.freezeField = exports.fromField = exports.durationInFramesField = exports.extendSchemaWithSequenceName = exports.sequenceNameField = exports.hiddenField = exports.sequenceStyleSchema = exports.sequencePremountSchema = exports.premountSchema = exports.sequenceVisualStyleSchema = exports.transformSchema = void 0;
+exports.sequenceSchemaDefaultLayoutNone = exports.sequenceSchemaWithoutFrom = exports.baseSchemaWithoutFrom = exports.sequenceSchema = exports.baseSchema = exports.freezeField = exports.trimBeforeField = exports.fromField = exports.durationInFramesField = exports.extendSchemaWithSequenceName = exports.sequenceNameField = exports.hiddenField = exports.sequenceStyleSchema = exports.sequencePremountSchema = exports.premountSchema = exports.textSchema = exports.sequenceVisualStyleSchema = exports.transformSchema = void 0;
 exports.transformSchema = {
     'style.transformOrigin': {
         type: 'transform-origin',
@@ -38,6 +38,77 @@ exports.transformSchema = {
     },
 };
 exports.sequenceVisualStyleSchema = exports.transformSchema;
+exports.textSchema = {
+    'style.color': {
+        type: 'color',
+        default: undefined,
+        description: 'Color',
+    },
+    'style.fontSize': {
+        type: 'number',
+        default: undefined,
+        min: 0,
+        step: 1,
+        description: 'Font size',
+        hiddenFromList: false,
+    },
+    'style.lineHeight': {
+        type: 'number',
+        default: undefined,
+        min: 0,
+        step: 0.05,
+        description: 'Line height',
+        hiddenFromList: false,
+    },
+    'style.fontWeight': {
+        type: 'enum',
+        default: '400',
+        description: 'Font weight',
+        variants: {
+            '100': {},
+            '200': {},
+            '300': {},
+            '400': {},
+            '500': {},
+            '600': {},
+            '700': {},
+            '800': {},
+            '900': {},
+            normal: {},
+            bold: {},
+        },
+    },
+    'style.fontStyle': {
+        type: 'enum',
+        default: 'normal',
+        description: 'Font style',
+        variants: {
+            normal: {},
+            italic: {},
+            oblique: {},
+        },
+    },
+    'style.textAlign': {
+        type: 'enum',
+        default: 'left',
+        description: 'Text align',
+        variants: {
+            left: {},
+            center: {},
+            right: {},
+            justify: {},
+            start: {},
+            end: {},
+        },
+    },
+    'style.letterSpacing': {
+        type: 'number',
+        default: undefined,
+        step: 0.1,
+        description: 'Letter spacing',
+        hiddenFromList: false,
+    },
+};
 exports.premountSchema = {
     premountFor: {
         type: 'number',
@@ -97,6 +168,13 @@ exports.fromField = {
     step: 1,
     hiddenFromList: true,
 };
+exports.trimBeforeField = {
+    type: 'number',
+    default: 0,
+    min: 0,
+    step: 1,
+    hiddenFromList: true,
+};
 exports.freezeField = {
     type: 'number',
     default: null,
@@ -106,6 +184,7 @@ exports.freezeField = {
 exports.baseSchema = {
     durationInFrames: exports.durationInFramesField,
     from: exports.fromField,
+    trimBefore: exports.trimBeforeField,
     freeze: exports.freezeField,
     hidden: exports.hiddenField,
     name: exports.sequenceNameField,
@@ -125,6 +204,7 @@ exports.sequenceSchema = {
 };
 exports.baseSchemaWithoutFrom = {
     durationInFrames: exports.durationInFramesField,
+    trimBefore: exports.trimBeforeField,
     freeze: exports.freezeField,
     hidden: exports.hiddenField,
     name: exports.sequenceNameField,

package/dist/cjs/internals.d.ts

@@ -91,6 +91,13 @@ export declare const Internals: {
             readonly step: 1;
             readonly hiddenFromList: true;
         };
+        readonly trimBefore: {
+            readonly type: "number";
+            readonly default: 0;
+            readonly min: 0;
+            readonly step: 1;
+            readonly hiddenFromList: true;
+        };
         readonly freeze: {
             readonly type: "number";
             readonly default: null;
@@ -115,6 +122,13 @@ export declare const Internals: {
             readonly step: 1;
             readonly hiddenFromList: true;
         };
+        readonly trimBefore: {
+            readonly type: "number";
+            readonly default: 0;
+            readonly min: 0;
+            readonly step: 1;
+            readonly hiddenFromList: true;
+        };
         readonly freeze: {
             readonly type: "number";
             readonly default: null;
@@ -307,6 +321,77 @@ export declare const Internals: {
             readonly type: "hidden";
         };
     };
+    readonly textSchema: {
+        readonly 'style.color': {
+            readonly type: "color";
+            readonly default: undefined;
+            readonly description: "Color";
+        };
+        readonly 'style.fontSize': {
+            readonly type: "number";
+            readonly default: undefined;
+            readonly min: 0;
+            readonly step: 1;
+            readonly description: "Font size";
+            readonly hiddenFromList: false;
+        };
+        readonly 'style.lineHeight': {
+            readonly type: "number";
+            readonly default: undefined;
+            readonly min: 0;
+            readonly step: 0.05;
+            readonly description: "Line height";
+            readonly hiddenFromList: false;
+        };
+        readonly 'style.fontWeight': {
+            readonly type: "enum";
+            readonly default: "400";
+            readonly description: "Font weight";
+            readonly variants: {
+                readonly '100': {};
+                readonly '200': {};
+                readonly '300': {};
+                readonly '400': {};
+                readonly '500': {};
+                readonly '600': {};
+                readonly '700': {};
+                readonly '800': {};
+                readonly '900': {};
+                readonly normal: {};
+                readonly bold: {};
+            };
+        };
+        readonly 'style.fontStyle': {
+            readonly type: "enum";
+            readonly default: "normal";
+            readonly description: "Font style";
+            readonly variants: {
+                readonly normal: {};
+                readonly italic: {};
+                readonly oblique: {};
+            };
+        };
+        readonly 'style.textAlign': {
+            readonly type: "enum";
+            readonly default: "left";
+            readonly description: "Text align";
+            readonly variants: {
+                readonly left: {};
+                readonly center: {};
+                readonly right: {};
+                readonly justify: {};
+                readonly start: {};
+                readonly end: {};
+            };
+        };
+        readonly 'style.letterSpacing': {
+            readonly type: "number";
+            readonly default: undefined;
+            readonly step: 0.1;
+            readonly description: "Letter spacing";
+            readonly hiddenFromList: false;
+        };
+    };
     readonly transformSchema: {
         readonly 'style.transformOrigin': {
             readonly type: "transform-origin";
@@ -390,7 +475,7 @@ export declare const Internals: {
     }) | null;
     readonly getRoot: () => import("react").FC<{}> | null;
     readonly useMediaVolumeState: () => readonly [number, (u: number) => void];
-    readonly useMediaMutedState: () => readonly [boolean, (u: import("react").SetStateAction<boolean>) => void];
+    readonly usePlayerMutedState: () => readonly [boolean, (u: import("react").SetStateAction<boolean>) => void];
     readonly useMediaInTimeline: ({ volume, mediaVolume, src, mediaType, playbackRate, displayName, id, getStack, showInTimeline, premountDisplay, postmountDisplay, loopDisplay, documentationLink, refForOutline, }: {
         volume: import("./volume-prop.js").VolumeProp | undefined;
         mediaVolume: number;
@@ -774,8 +859,9 @@ export declare const Internals: {
         merged: Record<string, unknown>;
         propsToDelete: Set<string>;
     };
-    readonly interpolateKeyframedStatus: ({ frame, status, }: {
+    readonly interpolateKeyframedStatus: ({ frame, forceSpringAllowTail, status, }: {
         frame: number;
+        forceSpringAllowTail: boolean | null;
         status: CanUpdateSequencePropStatusKeyframed;
     }) => string | number | readonly number[] | null;
     readonly makeStaticDragOverride: (value: unknown) => DragOverrideValue;