remotion 4.0.499 → 4.0.501

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

@@ -132,11 +132,25 @@ export type ArrayFieldSchema = {
     description?: string;
     keyframable?: false;
 };
-export type VisibleFieldSchema = NumberFieldSchema | BooleanFieldSchema | RotationCssFieldSchema | RotationDegreesFieldSchema | TranslateFieldSchema | TransformOriginFieldSchema | ScaleFieldSchema | UvCoordinateFieldSchema | ColorFieldSchema | TextContentFieldSchema | FontFamilyFieldSchema | AssetFieldSchema | ArrayFieldSchema | EnumFieldSchema;
+export type CaptionsFieldSchema = {
+    type: 'remotion-captions';
+    default: readonly unknown[] | undefined;
+    description?: string;
+    keyframable: false;
+};
+export type VisibleFieldSchema = NumberFieldSchema | BooleanFieldSchema | RotationCssFieldSchema | RotationDegreesFieldSchema | TranslateFieldSchema | TransformOriginFieldSchema | ScaleFieldSchema | UvCoordinateFieldSchema | ColorFieldSchema | TextContentFieldSchema | FontFamilyFieldSchema | AssetFieldSchema | ArrayFieldSchema | CaptionsFieldSchema | EnumFieldSchema;
 export type InteractivitySchemaField = VisibleFieldSchema | HiddenFieldSchema;
 export type InteractivitySchema = {
     [key: string]: InteractivitySchemaField;
 };
+export declare const captionsSchema: {
+    readonly captions: {
+        readonly type: "remotion-captions";
+        readonly default: undefined;
+        readonly description: "Captions";
+        readonly keyframable: false;
+    };
+};
 export type InteractivitySchemaKeysRecord<S extends InteractivitySchema> = Record<keyof S, unknown>;
 export declare const transformSchema: {
     readonly 'style.transformOrigin': {
@@ -321,6 +335,49 @@ export declare const borderSchema: {
         readonly description: "Border color";
     };
 };
+export declare const borderRadiusSchema: {
+    readonly 'style.borderRadius': {
+        readonly type: "number";
+        readonly default: 0;
+        readonly min: 0;
+        readonly step: 1;
+        readonly description: "Border radius";
+        readonly hiddenFromList: false;
+        readonly keyframable: true;
+    };
+    readonly 'style.borderTopLeftRadius': {
+        readonly type: "number";
+        readonly default: 0;
+        readonly min: 0;
+        readonly step: 1;
+        readonly description: "Top left radius";
+        readonly hiddenFromList: false;
+    };
+    readonly 'style.borderTopRightRadius': {
+        readonly type: "number";
+        readonly default: 0;
+        readonly min: 0;
+        readonly step: 1;
+        readonly description: "Top right radius";
+        readonly hiddenFromList: false;
+    };
+    readonly 'style.borderBottomRightRadius': {
+        readonly type: "number";
+        readonly default: 0;
+        readonly min: 0;
+        readonly step: 1;
+        readonly description: "Bottom right radius";
+        readonly hiddenFromList: false;
+    };
+    readonly 'style.borderBottomLeftRadius': {
+        readonly type: "number";
+        readonly default: 0;
+        readonly min: 0;
+        readonly step: 1;
+        readonly description: "Bottom left radius";
+        readonly hiddenFromList: false;
+    };
+};
 export declare const backgroundSchema: {
     readonly 'style.backgroundColor': {
         readonly type: "color";
@@ -328,6 +385,41 @@ export declare const backgroundSchema: {
         readonly description: "Color";
     };
 };
+export declare const svgStrokeSchema: {
+    readonly stroke: {
+        readonly type: "color";
+        readonly default: "none";
+        readonly description: "Stroke";
+    };
+    readonly strokeWidth: {
+        readonly type: "number";
+        readonly default: 1;
+        readonly description: "Stroke width";
+        readonly min: 0;
+        readonly step: 1;
+        readonly hiddenFromList: false;
+    };
+};
+export declare const svgPaintSchema: {
+    readonly stroke: {
+        readonly type: "color";
+        readonly default: "none";
+        readonly description: "Stroke";
+    };
+    readonly strokeWidth: {
+        readonly type: "number";
+        readonly default: 1;
+        readonly description: "Stroke width";
+        readonly min: 0;
+        readonly step: 1;
+        readonly hiddenFromList: false;
+    };
+    readonly fill: {
+        readonly type: "color";
+        readonly default: undefined;
+        readonly description: "Fill";
+    };
+};
 export declare const textContentSchema: {
     readonly children: {
         readonly type: "text-content";
@@ -374,6 +466,90 @@ export declare const sequencePremountSchema: {
         readonly keyframable: false;
     };
 };
+export declare const cropSchema: {
+    readonly cropLeft: {
+        readonly type: "number";
+        readonly default: 0;
+        readonly description: "Crop left";
+        readonly min: 0;
+        readonly max: 1;
+        readonly step: 0.01;
+        readonly hiddenFromList: false;
+        readonly keyframable: true;
+    };
+    readonly cropRight: {
+        readonly type: "number";
+        readonly default: 0;
+        readonly description: "Crop right";
+        readonly min: 0;
+        readonly max: 1;
+        readonly step: 0.01;
+        readonly hiddenFromList: false;
+        readonly keyframable: true;
+    };
+    readonly cropTop: {
+        readonly type: "number";
+        readonly default: 0;
+        readonly description: "Crop top";
+        readonly min: 0;
+        readonly max: 1;
+        readonly step: 0.01;
+        readonly hiddenFromList: false;
+        readonly keyframable: true;
+    };
+    readonly cropBottom: {
+        readonly type: "number";
+        readonly default: 0;
+        readonly description: "Crop bottom";
+        readonly min: 0;
+        readonly max: 1;
+        readonly step: 0.01;
+        readonly hiddenFromList: false;
+        readonly keyframable: true;
+    };
+};
+export declare const sequenceCropSchema: {
+    readonly cropLeft: {
+        readonly type: "number";
+        readonly default: 0;
+        readonly description: "Crop left";
+        readonly min: 0;
+        readonly max: 1;
+        readonly step: 0.01;
+        readonly hiddenFromList: false;
+        readonly keyframable: true;
+    };
+    readonly cropRight: {
+        readonly type: "number";
+        readonly default: 0;
+        readonly description: "Crop right";
+        readonly min: 0;
+        readonly max: 1;
+        readonly step: 0.01;
+        readonly hiddenFromList: false;
+        readonly keyframable: true;
+    };
+    readonly cropTop: {
+        readonly type: "number";
+        readonly default: 0;
+        readonly description: "Crop top";
+        readonly min: 0;
+        readonly max: 1;
+        readonly step: 0.01;
+        readonly hiddenFromList: false;
+        readonly keyframable: true;
+    };
+    readonly cropBottom: {
+        readonly type: "number";
+        readonly default: 0;
+        readonly description: "Crop bottom";
+        readonly min: 0;
+        readonly max: 1;
+        readonly step: 0.01;
+        readonly hiddenFromList: false;
+        readonly keyframable: true;
+    };
+};
 export declare const sequenceStyleSchema: {
     readonly 'style.transformOrigin': {
         readonly type: "transform-origin";
@@ -440,6 +616,47 @@ export declare const sequenceStyleSchema: {
         readonly default: undefined;
         readonly description: "Border color";
     };
+    readonly 'style.borderRadius': {
+        readonly type: "number";
+        readonly default: 0;
+        readonly min: 0;
+        readonly step: 1;
+        readonly description: "Border radius";
+        readonly hiddenFromList: false;
+        readonly keyframable: true;
+    };
+    readonly 'style.borderTopLeftRadius': {
+        readonly type: "number";
+        readonly default: 0;
+        readonly min: 0;
+        readonly step: 1;
+        readonly description: "Top left radius";
+        readonly hiddenFromList: false;
+    };
+    readonly 'style.borderTopRightRadius': {
+        readonly type: "number";
+        readonly default: 0;
+        readonly min: 0;
+        readonly step: 1;
+        readonly description: "Top right radius";
+        readonly hiddenFromList: false;
+    };
+    readonly 'style.borderBottomRightRadius': {
+        readonly type: "number";
+        readonly default: 0;
+        readonly min: 0;
+        readonly step: 1;
+        readonly description: "Bottom right radius";
+        readonly hiddenFromList: false;
+    };
+    readonly 'style.borderBottomLeftRadius': {
+        readonly type: "number";
+        readonly default: 0;
+        readonly min: 0;
+        readonly step: 1;
+        readonly description: "Bottom left radius";
+        readonly hiddenFromList: false;
+    };
     readonly 'style.backgroundColor': {
         readonly type: "color";
         readonly default: "transparent";
@@ -462,6 +679,46 @@ export declare const sequenceStyleSchema: {
         readonly hiddenFromList: true;
         readonly keyframable: false;
     };
+    readonly cropLeft: {
+        readonly type: "number";
+        readonly default: 0;
+        readonly description: "Crop left";
+        readonly min: 0;
+        readonly max: 1;
+        readonly step: 0.01;
+        readonly hiddenFromList: false;
+        readonly keyframable: true;
+    };
+    readonly cropRight: {
+        readonly type: "number";
+        readonly default: 0;
+        readonly description: "Crop right";
+        readonly min: 0;
+        readonly max: 1;
+        readonly step: 0.01;
+        readonly hiddenFromList: false;
+        readonly keyframable: true;
+    };
+    readonly cropTop: {
+        readonly type: "number";
+        readonly default: 0;
+        readonly description: "Crop top";
+        readonly min: 0;
+        readonly max: 1;
+        readonly step: 0.01;
+        readonly hiddenFromList: false;
+        readonly keyframable: true;
+    };
+    readonly cropBottom: {
+        readonly type: "number";
+        readonly default: 0;
+        readonly description: "Crop bottom";
+        readonly min: 0;
+        readonly max: 1;
+        readonly step: 0.01;
+        readonly hiddenFromList: false;
+        readonly keyframable: true;
+    };
 };
 export declare const hiddenField: InteractivitySchemaField;
 export declare const sequenceNameField: InteractivitySchemaField;
@@ -626,6 +883,47 @@ export declare const sequenceSchema: {
                     readonly default: undefined;
                     readonly description: "Border color";
                 };
+                readonly 'style.borderRadius': {
+                    readonly type: "number";
+                    readonly default: 0;
+                    readonly min: 0;
+                    readonly step: 1;
+                    readonly description: "Border radius";
+                    readonly hiddenFromList: false;
+                    readonly keyframable: true;
+                };
+                readonly 'style.borderTopLeftRadius': {
+                    readonly type: "number";
+                    readonly default: 0;
+                    readonly min: 0;
+                    readonly step: 1;
+                    readonly description: "Top left radius";
+                    readonly hiddenFromList: false;
+                };
+                readonly 'style.borderTopRightRadius': {
+                    readonly type: "number";
+                    readonly default: 0;
+                    readonly min: 0;
+                    readonly step: 1;
+                    readonly description: "Top right radius";
+                    readonly hiddenFromList: false;
+                };
+                readonly 'style.borderBottomRightRadius': {
+                    readonly type: "number";
+                    readonly default: 0;
+                    readonly min: 0;
+                    readonly step: 1;
+                    readonly description: "Bottom right radius";
+                    readonly hiddenFromList: false;
+                };
+                readonly 'style.borderBottomLeftRadius': {
+                    readonly type: "number";
+                    readonly default: 0;
+                    readonly min: 0;
+                    readonly step: 1;
+                    readonly description: "Bottom left radius";
+                    readonly hiddenFromList: false;
+                };
                 readonly 'style.backgroundColor': {
                     readonly type: "color";
                     readonly default: "transparent";
@@ -648,6 +946,46 @@ export declare const sequenceSchema: {
                     readonly hiddenFromList: true;
                     readonly keyframable: false;
                 };
+                readonly cropLeft: {
+                    readonly type: "number";
+                    readonly default: 0;
+                    readonly description: "Crop left";
+                    readonly min: 0;
+                    readonly max: 1;
+                    readonly step: 0.01;
+                    readonly hiddenFromList: false;
+                    readonly keyframable: true;
+                };
+                readonly cropRight: {
+                    readonly type: "number";
+                    readonly default: 0;
+                    readonly description: "Crop right";
+                    readonly min: 0;
+                    readonly max: 1;
+                    readonly step: 0.01;
+                    readonly hiddenFromList: false;
+                    readonly keyframable: true;
+                };
+                readonly cropTop: {
+                    readonly type: "number";
+                    readonly default: 0;
+                    readonly description: "Crop top";
+                    readonly min: 0;
+                    readonly max: 1;
+                    readonly step: 0.01;
+                    readonly hiddenFromList: false;
+                    readonly keyframable: true;
+                };
+                readonly cropBottom: {
+                    readonly type: "number";
+                    readonly default: 0;
+                    readonly description: "Crop bottom";
+                    readonly min: 0;
+                    readonly max: 1;
+                    readonly step: 0.01;
+                    readonly hiddenFromList: false;
+                    readonly keyframable: true;
+                };
             };
             readonly none: {};
         };
@@ -773,6 +1111,47 @@ export declare const sequenceSchemaWithoutFrom: {
                     readonly default: undefined;
                     readonly description: "Border color";
                 };
+                readonly 'style.borderRadius': {
+                    readonly type: "number";
+                    readonly default: 0;
+                    readonly min: 0;
+                    readonly step: 1;
+                    readonly description: "Border radius";
+                    readonly hiddenFromList: false;
+                    readonly keyframable: true;
+                };
+                readonly 'style.borderTopLeftRadius': {
+                    readonly type: "number";
+                    readonly default: 0;
+                    readonly min: 0;
+                    readonly step: 1;
+                    readonly description: "Top left radius";
+                    readonly hiddenFromList: false;
+                };
+                readonly 'style.borderTopRightRadius': {
+                    readonly type: "number";
+                    readonly default: 0;
+                    readonly min: 0;
+                    readonly step: 1;
+                    readonly description: "Top right radius";
+                    readonly hiddenFromList: false;
+                };
+                readonly 'style.borderBottomRightRadius': {
+                    readonly type: "number";
+                    readonly default: 0;
+                    readonly min: 0;
+                    readonly step: 1;
+                    readonly description: "Bottom right radius";
+                    readonly hiddenFromList: false;
+                };
+                readonly 'style.borderBottomLeftRadius': {
+                    readonly type: "number";
+                    readonly default: 0;
+                    readonly min: 0;
+                    readonly step: 1;
+                    readonly description: "Bottom left radius";
+                    readonly hiddenFromList: false;
+                };
                 readonly 'style.backgroundColor': {
                     readonly type: "color";
                     readonly default: "transparent";
@@ -795,6 +1174,46 @@ export declare const sequenceSchemaWithoutFrom: {
                     readonly hiddenFromList: true;
                     readonly keyframable: false;
                 };
+                readonly cropLeft: {
+                    readonly type: "number";
+                    readonly default: 0;
+                    readonly description: "Crop left";
+                    readonly min: 0;
+                    readonly max: 1;
+                    readonly step: 0.01;
+                    readonly hiddenFromList: false;
+                    readonly keyframable: true;
+                };
+                readonly cropRight: {
+                    readonly type: "number";
+                    readonly default: 0;
+                    readonly description: "Crop right";
+                    readonly min: 0;
+                    readonly max: 1;
+                    readonly step: 0.01;
+                    readonly hiddenFromList: false;
+                    readonly keyframable: true;
+                };
+                readonly cropTop: {
+                    readonly type: "number";
+                    readonly default: 0;
+                    readonly description: "Crop top";
+                    readonly min: 0;
+                    readonly max: 1;
+                    readonly step: 0.01;
+                    readonly hiddenFromList: false;
+                    readonly keyframable: true;
+                };
+                readonly cropBottom: {
+                    readonly type: "number";
+                    readonly default: 0;
+                    readonly description: "Crop bottom";
+                    readonly min: 0;
+                    readonly max: 1;
+                    readonly step: 0.01;
+                    readonly hiddenFromList: false;
+                    readonly keyframable: true;
+                };
             };
             readonly none: {};
         };

package/dist/cjs/interactivity-schema.js

@@ -1,6 +1,14 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-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.textContentSchema = exports.backgroundSchema = exports.borderSchema = exports.textSchema = 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.sequenceCropSchema = exports.cropSchema = exports.sequencePremountSchema = exports.premountSchema = exports.textContentSchema = exports.svgPaintSchema = exports.svgStrokeSchema = exports.backgroundSchema = exports.borderRadiusSchema = exports.borderSchema = exports.textSchema = exports.sequenceVisualStyleSchema = exports.transformSchema = exports.captionsSchema = void 0;
+exports.captionsSchema = {
+    captions: {
+        type: 'remotion-captions',
+        default: undefined,
+        description: 'Captions',
+        keyframable: false,
+    },
+};
 exports.transformSchema = {
     'style.transformOrigin': {
         type: 'transform-origin',
@@ -149,6 +157,49 @@ exports.borderSchema = {
         description: 'Border color',
     },
 };
+exports.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,
+    },
+};
 exports.backgroundSchema = {
     'style.backgroundColor': {
         type: 'color',
@@ -157,6 +208,31 @@ exports.backgroundSchema = {
         description: 'Color',
     },
 };
+exports.svgStrokeSchema = {
+    stroke: {
+        type: 'color',
+        // `none` is the SVG initial value of stroke.
+        default: 'none',
+        description: 'Stroke',
+    },
+    strokeWidth: {
+        type: 'number',
+        // `1` is the SVG initial value of stroke-width.
+        default: 1,
+        description: 'Stroke width',
+        min: 0,
+        step: 1,
+        hiddenFromList: false,
+    },
+};
+exports.svgPaintSchema = {
+    fill: {
+        type: 'color',
+        default: undefined,
+        description: 'Fill',
+    },
+    ...exports.svgStrokeSchema,
+};
 exports.textContentSchema = {
     children: {
         type: 'text-content',
@@ -187,10 +263,55 @@ exports.premountSchema = {
 exports.sequencePremountSchema = {
     ...exports.premountSchema,
 };
+exports.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,
+    },
+};
+exports.sequenceCropSchema = exports.cropSchema;
 exports.sequenceStyleSchema = {
+    ...exports.sequenceCropSchema,
     ...exports.transformSchema,
     ...exports.backgroundSchema,
     ...exports.borderSchema,
+    ...exports.borderRadiusSchema,
     ...exports.sequencePremountSchema,
 };
 exports.hiddenField = {