remotion 4.0.537 → 4.0.539

package/dist/cjs/Interactive.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
+import type { JsxComponentIdentity } from './CompositionManager.js';
 import { type InteractivitySchema } from './interactivity-schema.js';
 import type { AbsoluteFillLayout, SequenceProps } from './Sequence.js';
 import { type WithInteractivitySchemaOptions } from './with-interactivity-schema.js';
@@ -14,6 +15,10 @@ type InteractiveManagedProps = InteractiveBaseProps & InteractiveCropProps & Int
 type InteractiveElementProps<Tag extends InteractiveTag> = Omit<React.ComponentPropsWithoutRef<Tag>, keyof InteractiveManagedProps> & InteractiveManagedProps;
 type InteractiveElementComponent<Tag extends InteractiveTag> = React.ComponentType<InteractiveElementProps<Tag> & React.RefAttributes<ElementForTag<Tag>>>;
 type RemotionComponentIdentityPackage = 'remotion' | `@remotion/${string}`;
+declare const makeRemotionComponentIdentity: ({ packageName, componentName, }: {
+    readonly packageName: RemotionComponentIdentityPackage;
+    readonly componentName: string;
+}) => JsxComponentIdentity;
 type NonIntrinsicComponent<Component extends React.ElementType> = Component & React.ComponentType<React.ComponentProps<Component>>;
 type KeysOfUnion<Props> = Props extends unknown ? keyof Props : never;
 type ComponentWithoutReservedProps<Component extends React.ElementType, ReservedKey extends PropertyKey> = NonIntrinsicComponent<Component> & (Extract<KeysOfUnion<React.ComponentPropsWithoutRef<Component>>, ReservedKey> extends never ? unknown : never);
@@ -54,36 +59,36 @@ type WithSchema = WithSequence<false> & {
 export declare const Interactive: {
     baseSchema: {
         readonly durationInFrames: {
-            readonly type: "number";
+            readonly type: 'number';
             readonly default: undefined;
             readonly min: 1;
             readonly step: 1;
             readonly hiddenFromList: true;
         };
         readonly from: {
-            readonly type: "number";
+            readonly type: 'number';
             readonly default: 0;
             readonly step: 1;
             readonly hiddenFromList: true;
         };
         readonly trimBefore: {
-            readonly type: "number";
+            readonly type: 'number';
             readonly default: 0;
             readonly min: 0;
             readonly step: 1;
             readonly hiddenFromList: true;
         };
         readonly playbackRate: {
-            readonly type: "number";
+            readonly type: 'number';
             readonly default: 1;
             readonly min: 0.01;
             readonly step: 0.1;
-            readonly description: "Playback rate";
+            readonly description: 'Playback rate';
             readonly hiddenFromList: false;
             readonly keyframable: false;
         };
         readonly freeze: {
-            readonly type: "number";
+            readonly type: 'number';
             readonly default: null;
             readonly step: 1;
             readonly hiddenFromList: true;
@@ -94,9 +99,9 @@ export declare const Interactive: {
     };
     captionsSchema: {
         readonly captions: {
-            readonly type: "remotion-captions";
+            readonly type: 'remotion-captions';
             readonly default: undefined;
-            readonly description: "Captions";
+            readonly description: 'Captions';
             readonly keyframable: false;
         };
     };
@@ -105,78 +110,78 @@ export declare const Interactive: {
     };
     transformSchema: {
         readonly 'style.transformOrigin': {
-            readonly type: "transform-origin";
+            readonly type: 'transform-origin';
             readonly step: 1;
-            readonly default: "50% 50%";
-            readonly description: "Transform origin";
+            readonly default: '50% 50%';
+            readonly description: 'Transform origin';
         };
         readonly 'style.translate': {
-            readonly type: "translate";
+            readonly type: 'translate';
             readonly step: 1;
-            readonly default: "0px 0px";
-            readonly description: "Offset";
+            readonly default: '0px 0px';
+            readonly description: 'Offset';
         };
         readonly 'style.scale': {
-            readonly type: "scale";
+            readonly type: 'scale';
             readonly max: 100;
             readonly step: 0.01;
             readonly default: 1;
-            readonly description: "Scale";
-            readonly defaultKeyframeOutput: "perceptual-scale";
+            readonly description: 'Scale';
+            readonly defaultKeyframeOutput: 'perceptual-scale';
         };
         readonly 'style.rotate': {
-            readonly type: "rotation-css";
+            readonly type: 'rotation-css';
             readonly step: 1;
-            readonly default: "0deg";
-            readonly description: "Rotation";
+            readonly default: '0deg';
+            readonly description: 'Rotation';
         };
         readonly 'style.opacity': {
-            readonly type: "number";
+            readonly type: 'number';
             readonly min: 0;
             readonly max: 1;
             readonly step: 0.01;
             readonly default: 1;
-            readonly description: "Opacity";
+            readonly description: 'Opacity';
             readonly hiddenFromList: false;
         };
     };
     textSchema: {
         readonly 'style.color': {
-            readonly type: "color";
+            readonly type: 'color';
             readonly default: undefined;
-            readonly description: "Color";
+            readonly description: 'Color';
         };
         readonly 'style.fontFamily': {
-            readonly type: "font-family";
+            readonly type: 'font-family';
             readonly default: undefined;
-            readonly description: "Font family";
+            readonly description: 'Font family';
             readonly keyframable: false;
         };
         readonly 'style.fontSize': {
-            readonly type: "number";
+            readonly type: 'number';
             readonly default: undefined;
             readonly min: 0;
             readonly step: 1;
-            readonly description: "Font size";
+            readonly description: 'Font size';
             readonly hiddenFromList: false;
         };
         readonly 'style.lineHeight': {
-            readonly type: "number";
+            readonly type: 'number';
             readonly default: undefined;
             readonly min: 0;
             readonly step: 0.05;
-            readonly description: "Line height";
+            readonly description: 'Line height';
             readonly hiddenFromList: false;
         };
         readonly 'style.fontWeight': {
-            readonly type: "font-weight";
+            readonly type: 'font-weight';
             readonly default: 400;
-            readonly description: "Font weight";
+            readonly description: 'Font weight';
         };
         readonly 'style.fontStyle': {
-            readonly type: "enum";
-            readonly default: "normal";
-            readonly description: "Font style";
+            readonly type: 'enum';
+            readonly default: 'normal';
+            readonly description: 'Font style';
             readonly variants: {
                 readonly normal: {};
                 readonly italic: {};
@@ -184,9 +189,9 @@ export declare const Interactive: {
             };
         };
         readonly 'style.textAlign': {
-            readonly type: "enum";
-            readonly default: "left";
-            readonly description: "Text align";
+            readonly type: 'enum';
+            readonly default: 'left';
+            readonly description: 'Text align';
             readonly variants: {
                 readonly left: {};
                 readonly center: {};
@@ -197,33 +202,33 @@ export declare const Interactive: {
             };
         };
         readonly 'style.letterSpacing': {
-            readonly type: "number";
+            readonly type: 'number';
             readonly default: undefined;
             readonly step: 0.1;
-            readonly description: "Letter spacing";
+            readonly description: 'Letter spacing';
             readonly hiddenFromList: false;
         };
     };
     backgroundSchema: {
         readonly 'style.backgroundColor': {
-            readonly type: "color";
-            readonly default: "transparent";
-            readonly description: "Color";
+            readonly type: 'color';
+            readonly default: 'transparent';
+            readonly description: 'Color';
         };
     };
     borderSchema: {
         readonly 'style.borderWidth': {
-            readonly type: "number";
+            readonly type: 'number';
             readonly default: undefined;
             readonly min: 0;
             readonly step: 1;
-            readonly description: "Border width";
+            readonly description: 'Border width';
             readonly hiddenFromList: false;
         };
         readonly 'style.borderStyle': {
-            readonly type: "enum";
-            readonly default: "none";
-            readonly description: "Border style";
+            readonly type: 'enum';
+            readonly default: 'none';
+            readonly description: 'Border style';
             readonly variants: {
                 readonly none: {};
                 readonly hidden: {};
@@ -238,59 +243,59 @@ export declare const Interactive: {
             };
         };
         readonly 'style.borderColor': {
-            readonly type: "color";
+            readonly type: 'color';
             readonly default: undefined;
-            readonly description: "Border color";
+            readonly description: 'Border color';
         };
     };
     borderRadiusSchema: {
         readonly 'style.borderRadius': {
-            readonly type: "number";
+            readonly type: 'number';
             readonly default: 0;
             readonly min: 0;
             readonly step: 1;
-            readonly description: "Border radius";
+            readonly description: 'Border radius';
             readonly hiddenFromList: false;
             readonly keyframable: true;
         };
         readonly 'style.borderTopLeftRadius': {
-            readonly type: "number";
+            readonly type: 'number';
             readonly default: 0;
             readonly min: 0;
             readonly step: 1;
-            readonly description: "Top left radius";
+            readonly description: 'Top left radius';
             readonly hiddenFromList: false;
         };
         readonly 'style.borderTopRightRadius': {
-            readonly type: "number";
+            readonly type: 'number';
             readonly default: 0;
             readonly min: 0;
             readonly step: 1;
-            readonly description: "Top right radius";
+            readonly description: 'Top right radius';
             readonly hiddenFromList: false;
         };
         readonly 'style.borderBottomRightRadius': {
-            readonly type: "number";
+            readonly type: 'number';
             readonly default: 0;
             readonly min: 0;
             readonly step: 1;
-            readonly description: "Bottom right radius";
+            readonly description: 'Bottom right radius';
             readonly hiddenFromList: false;
         };
         readonly 'style.borderBottomLeftRadius': {
-            readonly type: "number";
+            readonly type: 'number';
             readonly default: 0;
             readonly min: 0;
             readonly step: 1;
-            readonly description: "Bottom left radius";
+            readonly description: 'Bottom left radius';
             readonly hiddenFromList: false;
         };
     };
     cropSchema: {
         readonly cropLeft: {
-            readonly type: "number";
+            readonly type: 'number';
             readonly default: 0;
-            readonly description: "Crop left";
+            readonly description: 'Crop left';
             readonly min: 0;
             readonly max: 1;
             readonly step: 0.01;
@@ -298,9 +303,9 @@ export declare const Interactive: {
             readonly keyframable: true;
         };
         readonly cropRight: {
-            readonly type: "number";
+            readonly type: 'number';
             readonly default: 0;
-            readonly description: "Crop right";
+            readonly description: 'Crop right';
             readonly min: 0;
             readonly max: 1;
             readonly step: 0.01;
@@ -308,9 +313,9 @@ export declare const Interactive: {
             readonly keyframable: true;
         };
         readonly cropTop: {
-            readonly type: "number";
+            readonly type: 'number';
             readonly default: 0;
-            readonly description: "Crop top";
+            readonly description: 'Crop top';
             readonly min: 0;
             readonly max: 1;
             readonly step: 0.01;
@@ -318,9 +323,9 @@ export declare const Interactive: {
             readonly keyframable: true;
         };
         readonly cropBottom: {
-            readonly type: "number";
+            readonly type: 'number';
             readonly default: 0;
-            readonly description: "Crop bottom";
+            readonly description: 'Crop bottom';
             readonly min: 0;
             readonly max: 1;
             readonly step: 0.01;
@@ -330,44 +335,44 @@ export declare const Interactive: {
     };
     svgPaintSchema: {
         readonly color: {
-            readonly type: "color";
+            readonly type: 'color';
             readonly default: undefined;
-            readonly description: "Current color";
+            readonly description: 'Current color';
         };
         readonly stroke: {
-            readonly type: "color";
-            readonly default: "none";
-            readonly description: "Stroke";
+            readonly type: 'color';
+            readonly default: 'none';
+            readonly description: 'Stroke';
         };
         readonly strokeWidth: {
-            readonly type: "number";
+            readonly type: 'number';
             readonly default: 1;
-            readonly description: "Stroke width";
+            readonly description: 'Stroke width';
             readonly min: 0;
             readonly step: 1;
             readonly hiddenFromList: false;
         };
         readonly fill: {
-            readonly type: "color";
+            readonly type: 'color';
             readonly default: undefined;
-            readonly description: "Fill";
+            readonly description: 'Fill';
         };
     };
     svgStrokeSchema: {
         readonly color: {
-            readonly type: "color";
+            readonly type: 'color';
             readonly default: undefined;
-            readonly description: "Current color";
+            readonly description: 'Current color';
         };
         readonly stroke: {
-            readonly type: "color";
-            readonly default: "none";
-            readonly description: "Stroke";
+            readonly type: 'color';
+            readonly default: 'none';
+            readonly description: 'Stroke';
         };
         readonly strokeWidth: {
-            readonly type: "number";
+            readonly type: 'number';
             readonly default: 1;
-            readonly description: "Stroke width";
+            readonly description: 'Stroke width';
             readonly min: 0;
             readonly step: 1;
             readonly hiddenFromList: false;
@@ -375,16 +380,16 @@ export declare const Interactive: {
     };
     premountSchema: {
         readonly premountFor: {
-            readonly type: "number";
+            readonly type: 'number';
             readonly default: undefined;
-            readonly description: "Premount For";
+            readonly description: 'Premount For';
             readonly min: 0;
             readonly step: 1;
             readonly hiddenFromList: false;
             readonly keyframable: false;
         };
         readonly postmountFor: {
-            readonly type: "number";
+            readonly type: 'number';
             readonly default: 0;
             readonly min: 0;
             readonly step: 1;
@@ -394,36 +399,36 @@ export declare const Interactive: {
     };
     sequenceSchema: {
         readonly durationInFrames: {
-            readonly type: "number";
+            readonly type: 'number';
             readonly default: undefined;
             readonly min: 1;
             readonly step: 1;
             readonly hiddenFromList: true;
         };
         readonly from: {
-            readonly type: "number";
+            readonly type: 'number';
             readonly default: 0;
             readonly step: 1;
             readonly hiddenFromList: true;
         };
         readonly trimBefore: {
-            readonly type: "number";
+            readonly type: 'number';
             readonly default: 0;
             readonly min: 0;
             readonly step: 1;
             readonly hiddenFromList: true;
         };
         readonly playbackRate: {
-            readonly type: "number";
+            readonly type: 'number';
             readonly default: 1;
             readonly min: 0.01;
             readonly step: 0.1;
-            readonly description: "Playback rate";
+            readonly description: 'Playback rate';
             readonly hiddenFromList: false;
             readonly keyframable: false;
         };
         readonly freeze: {
-            readonly type: "number";
+            readonly type: 'number';
             readonly default: null;
             readonly step: 1;
             readonly hiddenFromList: true;
@@ -432,58 +437,58 @@ export declare const Interactive: {
         readonly name: import("./interactivity-schema.js").HiddenFieldSchema;
         readonly showInTimeline: import("./interactivity-schema.js").HiddenFieldSchema;
         readonly layout: {
-            readonly type: "enum";
-            readonly default: "absolute-fill";
-            readonly description: "Layout";
+            readonly type: 'enum';
+            readonly default: 'absolute-fill';
+            readonly description: 'Layout';
             readonly variants: {
                 readonly 'absolute-fill': {
                     readonly 'style.transformOrigin': {
-                        readonly type: "transform-origin";
+                        readonly type: 'transform-origin';
                         readonly step: 1;
-                        readonly default: "50% 50%";
-                        readonly description: "Transform origin";
+                        readonly default: '50% 50%';
+                        readonly description: 'Transform origin';
                     };
                     readonly 'style.translate': {
-                        readonly type: "translate";
+                        readonly type: 'translate';
                         readonly step: 1;
-                        readonly default: "0px 0px";
-                        readonly description: "Offset";
+                        readonly default: '0px 0px';
+                        readonly description: 'Offset';
                     };
                     readonly 'style.scale': {
-                        readonly type: "scale";
+                        readonly type: 'scale';
                         readonly max: 100;
                         readonly step: 0.01;
                         readonly default: 1;
-                        readonly description: "Scale";
-                        readonly defaultKeyframeOutput: "perceptual-scale";
+                        readonly description: 'Scale';
+                        readonly defaultKeyframeOutput: 'perceptual-scale';
                     };
                     readonly 'style.rotate': {
-                        readonly type: "rotation-css";
+                        readonly type: 'rotation-css';
                         readonly step: 1;
-                        readonly default: "0deg";
-                        readonly description: "Rotation";
+                        readonly default: '0deg';
+                        readonly description: 'Rotation';
                     };
                     readonly 'style.opacity': {
-                        readonly type: "number";
+                        readonly type: 'number';
                         readonly min: 0;
                         readonly max: 1;
                         readonly step: 0.01;
                         readonly default: 1;
-                        readonly description: "Opacity";
+                        readonly description: 'Opacity';
                         readonly hiddenFromList: false;
                     };
                     readonly 'style.borderWidth': {
-                        readonly type: "number";
+                        readonly type: 'number';
                         readonly default: undefined;
                         readonly min: 0;
                         readonly step: 1;
-                        readonly description: "Border width";
+                        readonly description: 'Border width';
                         readonly hiddenFromList: false;
                     };
                     readonly 'style.borderStyle': {
-                        readonly type: "enum";
-                        readonly default: "none";
-                        readonly description: "Border style";
+                        readonly type: 'enum';
+                        readonly default: 'none';
+                        readonly description: 'Border style';
                         readonly variants: {
                             readonly none: {};
                             readonly hidden: {};
@@ -498,67 +503,67 @@ export declare const Interactive: {
                         };
                     };
                     readonly 'style.borderColor': {
-                        readonly type: "color";
+                        readonly type: 'color';
                         readonly default: undefined;
-                        readonly description: "Border color";
+                        readonly description: 'Border color';
                     };
                     readonly 'style.borderRadius': {
-                        readonly type: "number";
+                        readonly type: 'number';
                         readonly default: 0;
                         readonly min: 0;
                         readonly step: 1;
-                        readonly description: "Border radius";
+                        readonly description: 'Border radius';
                         readonly hiddenFromList: false;
                         readonly keyframable: true;
                     };
                     readonly 'style.borderTopLeftRadius': {
-                        readonly type: "number";
+                        readonly type: 'number';
                         readonly default: 0;
                         readonly min: 0;
                         readonly step: 1;
-                        readonly description: "Top left radius";
+                        readonly description: 'Top left radius';
                         readonly hiddenFromList: false;
                     };
                     readonly 'style.borderTopRightRadius': {
-                        readonly type: "number";
+                        readonly type: 'number';
                         readonly default: 0;
                         readonly min: 0;
                         readonly step: 1;
-                        readonly description: "Top right radius";
+                        readonly description: 'Top right radius';
                         readonly hiddenFromList: false;
                     };
                     readonly 'style.borderBottomRightRadius': {
-                        readonly type: "number";
+                        readonly type: 'number';
                         readonly default: 0;
                         readonly min: 0;
                         readonly step: 1;
-                        readonly description: "Bottom right radius";
+                        readonly description: 'Bottom right radius';
                         readonly hiddenFromList: false;
                     };
                     readonly 'style.borderBottomLeftRadius': {
-                        readonly type: "number";
+                        readonly type: 'number';
                         readonly default: 0;
                         readonly min: 0;
                         readonly step: 1;
-                        readonly description: "Bottom left radius";
+                        readonly description: 'Bottom left radius';
                         readonly hiddenFromList: false;
                     };
                     readonly 'style.backgroundColor': {
-                        readonly type: "color";
-                        readonly default: "transparent";
-                        readonly description: "Color";
+                        readonly type: 'color';
+                        readonly default: 'transparent';
+                        readonly description: 'Color';
                     };
                     readonly premountFor: {
-                        readonly type: "number";
+                        readonly type: 'number';
                         readonly default: undefined;
-                        readonly description: "Premount For";
+                        readonly description: 'Premount For';
                         readonly min: 0;
                         readonly step: 1;
                         readonly hiddenFromList: false;
                         readonly keyframable: false;
                     };
                     readonly postmountFor: {
-                        readonly type: "number";
+                        readonly type: 'number';
                         readonly default: 0;
                         readonly min: 0;
                         readonly step: 1;
@@ -566,9 +571,9 @@ export declare const Interactive: {
                         readonly keyframable: false;
                     };
                     readonly cropLeft: {
-                        readonly type: "number";
+                        readonly type: 'number';
                         readonly default: 0;
-                        readonly description: "Crop left";
+                        readonly description: 'Crop left';
                         readonly min: 0;
                         readonly max: 1;
                         readonly step: 0.01;
@@ -576,9 +581,9 @@ export declare const Interactive: {
                         readonly keyframable: true;
                     };
                     readonly cropRight: {
-                        readonly type: "number";
+                        readonly type: 'number';
                         readonly default: 0;
-                        readonly description: "Crop right";
+                        readonly description: 'Crop right';
                         readonly min: 0;
                         readonly max: 1;
                         readonly step: 0.01;
@@ -586,9 +591,9 @@ export declare const Interactive: {
                         readonly keyframable: true;
                     };
                     readonly cropTop: {
-                        readonly type: "number";
+                        readonly type: 'number';
                         readonly default: 0;
-                        readonly description: "Crop top";
+                        readonly description: 'Crop top';
                         readonly min: 0;
                         readonly max: 1;
                         readonly step: 0.01;
@@ -596,9 +601,9 @@ export declare const Interactive: {
                         readonly keyframable: true;
                     };
                     readonly cropBottom: {
-                        readonly type: "number";
+                        readonly type: 'number';
                         readonly default: 0;
-                        readonly description: "Crop bottom";
+                        readonly description: 'Crop bottom';
                         readonly min: 0;
                         readonly max: 1;
                         readonly step: 0.01;
@@ -619,10 +624,7 @@ export declare const Interactive: {
      * @see [Documentation](https://www.remotion.dev/docs/interactive-create)
      */
     create: WithSequence<true>;
-    _internalMakeRemotionComponentIdentity: ({ packageName, componentName, }: {
-        readonly packageName: RemotionComponentIdentityPackage;
-        readonly componentName: string;
-    }) => string;
+    _internalMakeRemotionComponentIdentity: typeof makeRemotionComponentIdentity;
     A: InteractiveElementComponent<"a">;
     Article: InteractiveElementComponent<"article">;
     Aside: InteractiveElementComponent<"aside">;