@stagecliplk/remotion-template 1.0.0 → 1.0.1

package/dist/RemotionPlayer.d.ts

@@ -0,0 +1,6 @@
+import { VideoTemplate } from './types/template';
+export declare const RemotionPlayer: ({ devMode, activeAspectRatio, template, }: {
+    devMode?: boolean;
+    activeAspectRatio: "16:9" | "9:16";
+    template: VideoTemplate;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/components/BackgroundUpload.d.ts

@@ -0,0 +1,12 @@
+import { default as React } from 'react';
+interface BackgroundUploadProps {
+    label: string;
+    currentUrl: string;
+    onUrlChange: (url: string) => void;
+    opacity?: number;
+    onOpacityChange?: (opacity: number) => void;
+    loop?: boolean;
+    onLoopChange?: (loop: boolean) => void;
+}
+export declare const BackgroundUpload: React.FC<BackgroundUploadProps>;
+export {};

package/dist/components/ColorPicker.d.ts

@@ -0,0 +1,14 @@
+interface ColorPickerProps {
+    label: string;
+    value: string;
+    brandColors: {
+        brandColor1: string;
+        brandColor2: string;
+        brandColor3: string;
+    };
+    onChange: (value: string) => void;
+    currentVariable?: string;
+    onBrandColorSelect?: (brandColorKey: string) => void;
+}
+export declare const ColorPicker: React.FC<ColorPickerProps>;
+export {};

package/dist/components/DoubleChevronIcon.d.ts

@@ -0,0 +1,6 @@
+interface DoubleChevronIconProps {
+    style?: React.CSSProperties;
+    className?: string;
+}
+export declare const DoubleChevronIcon: React.FC<DoubleChevronIconProps>;
+export {};

package/dist/components/DualRangeSlider.d.ts

@@ -0,0 +1,12 @@
+import { default as React } from 'react';
+interface DualRangeSliderProps {
+    min: number;
+    max: number;
+    startValue: number;
+    endValue: number;
+    onStartChange: (value: number) => void;
+    onEndChange: (value: number) => void;
+    label?: string;
+}
+export declare const DualRangeSlider: React.FC<DualRangeSliderProps>;
+export {};

package/dist/components/LogoPicker.d.ts

@@ -0,0 +1,22 @@
+import { default as React } from 'react';
+export interface LogoOption {
+    id: string;
+    url: string;
+    label: string;
+    type: 'primary' | 'secondary' | 'custom';
+}
+interface GlobalBranding {
+    logoPrimary: string;
+    logoSecondary: string;
+}
+interface LogoPickerProps {
+    availableLogos: LogoOption[];
+    currentLogoUrl?: string;
+    currentLogoType?: string;
+    globalBranding?: GlobalBranding;
+    onSelect: (logoUrl: string, logoType: string) => void;
+    showNoneOption?: boolean;
+    disabled?: boolean;
+}
+export declare const LogoPicker: React.FC<LogoPickerProps>;
+export {};

package/dist/components/LogoUpload.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+interface LogoUploadProps {
+    label: string;
+    currentUrl: string;
+    onUrlChange: (url: string) => void;
+}
+export declare const LogoUpload: React.FC<LogoUploadProps>;
+export {};

package/dist/components/RangeSlider.d.ts

@@ -0,0 +1,13 @@
+import { default as React } from 'react';
+interface RangeSliderProps {
+    min: number;
+    max: number;
+    value: number;
+    onChange: (value: number) => void;
+    label?: string;
+    step?: number;
+    unit?: string;
+    displayValue?: (value: number) => string;
+}
+export declare const RangeSlider: React.FC<RangeSliderProps>;
+export {};

package/dist/components/SceneTimeline.d.ts

@@ -0,0 +1,27 @@
+import { TimelineScene, GlobalBranding, CompositionDefaults } from '../types/template';
+interface SceneTimelineProps {
+    scenes: TimelineScene[];
+    selectedSceneId: string | null;
+    onSceneSelect: (sceneId: string) => void;
+    onSceneReorder: (fromIndex: number, toIndex: number) => void;
+    onSceneRemove: (sceneId: string) => void;
+    onSceneAdd: (position: number, sceneType: SceneOption) => void;
+    onSceneDuplicate: (sceneId: string) => void;
+    onSceneTransitionUpdate: (sceneId: string, transition: 'Fade' | 'Wipe' | 'Slide' | 'None', transitionDuration?: number) => void;
+    onSceneAudioUpdate: (sceneId: string, audioGain: number, muted: boolean) => void;
+    onScenePlaybackSpeedUpdate: (sceneId: string, playbackSpeed: number) => void;
+    onSceneLockToggle: (sceneId: string) => void;
+    onSceneDurationUpdate: (sceneId: string, durationInFrames: number) => void;
+    globalBranding: GlobalBranding;
+    compositionDefaults: CompositionDefaults;
+    devMode?: boolean;
+}
+interface SceneOption {
+    type: string;
+    designId: string;
+    label: string;
+    description: string;
+    thumbnail: string;
+}
+export declare const SceneTimeline: React.FC<SceneTimelineProps>;
+export {};

package/dist/components/TemplateEditor.d.ts

@@ -0,0 +1,15 @@
+import { default as React } from 'react';
+import { VideoTemplate } from '../types/template';
+interface TemplateEditorProps {
+    template: VideoTemplate;
+    selectedSceneId: string | null;
+    onTemplateChange: (template: VideoTemplate) => void;
+    onClearSelection: () => void;
+    onAspectRatioChange?: (aspectRatio: '16:9' | '9:16') => void;
+    onOpenMediaLibrary?: (sceneId: string, propPath: string, mediaType: 'video' | 'image', options?: {
+        photoIndex?: number;
+        isMultiple?: boolean;
+    }) => void;
+}
+export declare const TemplateEditor: React.FC<TemplateEditorProps>;
+export {};

package/dist/data/template.json.d.ts

@@ -0,0 +1,257 @@
+declare const _default: {
+  "id": "c2ae73ef-1fd1-4325-afd1-264e56ee1898",
+  "eventId": "cfb522c9-3d91-4e7f-b1cf-c10474befaef",
+  "eventType": "Live Event Graduation",
+  "eventName": "Ceremony 2",
+  "compositionDefaults": {
+    "fps": 30,
+    "width": 1920,
+    "height": 1080,
+    "aspectRatio": "16:9",
+    "totalFrames": 1114,
+    "devMode": true
+  },
+  "globalBranding": {
+    "institutionName": "Stageclip Scene Demo",
+    "brandColor1": "#2c6288",
+    "brandColor2": "#1dab57",
+    "brandColor3": "#ffffff",
+    "fontFamily": "'Oswald', sans-serif",
+    "fontSize": 16,
+    "lineSpacing": 75,
+    "logoPrimary": "https://stageclip.com/wp-content/uploads/2023/04/SC_Full_logo.png",
+    "logoSecondary": "https://media.licdn.com/dms/image/v2/C560BAQEagp_YxJj2cw/company-logo_200_200/company-logo_200_200/0/1656943101553/stageclip_logo?e=2147483647&v=beta&t=B9TT6W1vJTCIB-UDcSOKVQ1PBX69NcjA7Pfn6DeCUrc",
+    "socialMedia": {
+      "websiteUrl": "Stageclip.com",
+      "contactLine": "Sample Clip",
+      "instagramHandle": "@Stageclip",
+      "hashtag": "#ClassOf2026"
+    },
+    "musicUrl": "https://clippingplatformprod.blob.core.windows.net/assets/music/9d8bc349-c9ff-42e1-8295-ed79686f7f89/ed3bcd44-a259-411c-b47a-6069be46005a.wav?",
+    "musicVolume": 0.14
+  },
+  "participantData": {
+    "participantId": "jordan_francis_903",
+    "participantName": "Jordan Lauretta Francis",
+    "participantMessage": "Thank you mom & dad!",
+    "participantPhoto": "https://storage.googleapis.com/azvp_demo_assets/Generic_Graduate_Photo.jpg",
+    "firstName": "Jordan",
+    "lastName": "Lauretta Francis",
+    "participantSubtitle": "BS in Business Administration",
+    "participantSecondSubtitle": "Suma Cum Laude",
+    "participantLiveAudioUrl": "https://remotionlambda-jfkbnf6jjh.s3.eu-west-1.amazonaws.com/participant-previews/01c2b760-8c66-4c3f-acf4-6808f1a286a8/5d8dcfc6-4857-40e2-8be4-f7be9fdf07c5/audio.wav",
+    "participantLiveVideoUrl": "https://storage.googleapis.com/azvp_demo_assets/Generic_Graduate_Stagewalk.mp4",
+    "participantVideoMessageUrl": "https://storage.googleapis.com/azvp_demo_assets/Generic_Graduate_Selfie.mp4",
+    "slowMotionVideoEnabled": true,
+    "replaySpeed": 0.7,
+    "studentAudioVolume": 1
+  },
+  "timeline": [
+    {
+      "id": "scene_1770095297588",
+      "type": "Intro",
+      "designId": "TextOnlyIntro",
+      "durationInFrames": 90,
+      "componentProps": {
+        "bgColor": "$globalBranding.brandColor3",
+        "accentColor": "#1dab57",
+        "fontColor": "$globalBranding.brandColor1",
+        "fontFamily": "'Oswald', sans-serif",
+        "logoUrl": "https://stageclip.com/wp-content/uploads/2023/04/SC_Full_logo.png",
+        "logoType": "primary",
+        "Line1": "Proudly Presents",
+        "Line2": "The Class of 2026",
+        "Line3": ""
+      },
+      "styleProps": {
+        "textPaddingLeft": 150
+      }
+    },
+    {
+      "id": "scene_1767326729567",
+      "type": "Student_Clip",
+      "designId": "TextOverVideo",
+      "durationInFrames": 350,
+      "componentProps": {
+        "bgColor": "$globalBranding.brandColor1",
+        "accentColor": "$globalBranding.brandColor1",
+        "fontColor": "$globalBranding.brandColor3",
+        "fontFamily": "'Oswald', sans-serif",
+        "logoUrl": "https://stageclip.com/wp-content/uploads/2023/04/SC_Full_logo.png",
+        "logoType": "primary",
+        "textAlignment": "left",
+        "name": "$participantData.participantName",
+        "subtitle": "$participantData.participantSubtitle",
+        "videoUrl": "https://storage.googleapis.com/azvp_demo_assets/Generic_Graduate_Stagewalk.mp4",
+        "trimStartFrame": 0,
+        "trimEndFrame": 240,
+        "playbackSpeed": 0.7,
+        "participantAudioUrl": "https://remotionlambda-jfkbnf6jjh.s3.eu-west-1.amazonaws.com/participant-previews/01c2b760-8c66-4c3f-acf4-6808f1a286a8/5d8dcfc6-4857-40e2-8be4-f7be9fdf07c5/audio.wav",
+        "videoDurationInFrames": 240,
+        "lower3rdStyle": "style1",
+        "subtitle2": "$participantData.participantSecondSubtitle"
+      },
+      "styleProps": {
+        "textPaddingLeft": 150,
+        "footageScale": 95,
+        "footagePosX": 0
+      },
+      "fadeOut": 17,
+      "fadeInColor": "#2c6288",
+      "fadeOutColor": "#000000",
+      "advancedPositioning": {
+        "16:9": {
+          "footage": {
+            "x": 0,
+            "y": 0,
+            "scale": 1.3
+          },
+          "logoUrl": "",
+          "logoType": "custom",
+          "textBlock": {
+            "x": 0,
+            "y": -17.28,
+            "scale": 1.28,
+            "fontSizeScale": 0.8
+          }
+        },
+        "9:16": {
+          "logoUrl": "",
+          "logoType": "custom",
+          "footage": {
+            "x": 0,
+            "y": -121,
+            "scale": 2
+          },
+          "textBlock": {
+            "x": 0,
+            "y": -109.44,
+            "scale": 1.42,
+            "fontSizeScale": 1.14
+          }
+        }
+      },
+      "transition": "Fade",
+      "transitionDuration": 30
+    },
+    {
+      "id": "scene_1770094174974",
+      "type": "StudentPhoto",
+      "designId": "StudentPhoto",
+      "durationInFrames": 90,
+      "componentProps": {
+        "bgColor": "#ffffff",
+        "fontColor": "#000000",
+        "fontFamily": "'Oswald', sans-serif",
+        "name": "$participantData.participantName",
+        "subtitle": "$participantData.participantSubtitle",
+        "subtitle2": "$participantData.participantSecondSubtitle",
+        "photoUrl": "https://storage.googleapis.com/azvp_demo_assets/Generic_Graduate_Photo.jpg",
+        "textAlignment": "left"
+      },
+      "styleProps": {},
+      "advancedPositioning": {
+        "16:9": {
+          "textBlock": {
+            "x": 0,
+            "y": -168.48,
+            "scale": 0.86,
+            "fontSizeScale": 0.86
+          }
+        },
+        "9:16": {
+          "textBlock": {
+            "x": 0,
+            "y": -215.03999999999996,
+            "scale": 0.8,
+            "fontSizeScale": 0.62
+          }
+        }
+      }
+    },
+    {
+      "id": "scene_1770095491420",
+      "type": "Message",
+      "designId": "PhotoAndTextOverlay",
+      "durationInFrames": 90,
+      "componentProps": {
+        "bgColor": "$globalBranding.brandColor1",
+        "accentColor": "#1dab57",
+        "fontColor": "$globalBranding.brandColor3",
+        "fontFamily": "'Oswald', sans-serif",
+        "logoUrl": "https://stageclip.com/wp-content/uploads/2023/04/SC_Full_logo.png",
+        "logoType": "primary",
+        "Line1": "New Scene",
+        "Line2": "Edit me",
+        "Line3": "Add your content",
+        "messageText": "$participantData.participantMessage",
+        "name": "$participantData.firstName"
+      },
+      "styleProps": {
+        "textPaddingLeft": 150
+      }
+    },
+    {
+      "id": "scene_1770094232781",
+      "type": "Student_Clip",
+      "designId": "TextOverVideoReplay",
+      "durationInFrames": 240,
+      "componentProps": {
+        "bgColor": "#ffffff",
+        "accentColor": "#2c6288",
+        "fontColor": "#1dab57",
+        "fontFamily": "'Oswald', sans-serif",
+        "logoUrl": "https://stageclip.com/wp-content/uploads/2023/04/SC_Full_logo.png",
+        "logoType": "primary",
+        "textAlignment": "left",
+        "name": "Your Name",
+        "subtitle": "Your Subtitle",
+        "videoUrl": "https://storage.googleapis.com/azvp_demo_assets/Generic_Graduate_Stagewalk.mp4",
+        "videoDurationInFrames": 240,
+        "trimStartFrame": 0,
+        "trimEndFrame": 240,
+        "playbackSpeed": 1
+      },
+      "styleProps": {
+        "textPaddingLeft": 150,
+        "footageScale": 95,
+        "footagePosX": 0
+      },
+      "muted": true
+    },
+    {
+      "id": "scene_1770095576171",
+      "type": "Outro",
+      "designId": "SocialMediaCTA",
+      "durationInFrames": 90,
+      "componentProps": {
+        "bgColor": "$globalBranding.brandColor3",
+        "accentColor": "#1dab57",
+        "fontColor": "$globalBranding.brandColor1",
+        "fontFamily": "'Oswald', sans-serif",
+        "logoUrl": "https://stageclip.com/wp-content/uploads/2023/04/SC_Full_logo.png",
+        "logoType": "primary",
+        "websiteUrl": "Congratulations!",
+        "contactLine": "$globalBranding.socialMedia.websiteUrl",
+        "instagramHandle": "$globalBranding.socialMedia.instagramHandle"
+      },
+      "styleProps": {}
+    },
+    {
+      "id": "scene_1767102710826",
+      "type": "StageclipLogo",
+      "designId": "StageclipLogo",
+      "durationInFrames": 164,
+      "componentProps": {
+        "videoUrl": "https://storage.googleapis.com/azvp_demo_assets/Stageclip_Logo_Over_White.mp4",
+        "bgColor": "#ffffff",
+        "videoDurationInFrames": 164,
+        "trimStartFrame": 0,
+        "trimEndFrame": 164
+      },
+      "styleProps": {}
+    }
+  ]
+};
+
+export default _default;

package/dist/index.d.ts

@@ -0,0 +1,17 @@
+export { TemplateEditor } from './components/TemplateEditor';
+export { RemotionPlayer } from './RemotionPlayer';
+export { ColorPicker } from './components/ColorPicker';
+export { DualRangeSlider } from './components/DualRangeSlider';
+export { LogoPicker } from './components/LogoPicker';
+export type { LogoOption } from './components/LogoPicker';
+export { RangeSlider } from './components/RangeSlider';
+export { SceneTimeline } from './components/SceneTimeline';
+export { BackgroundUpload } from './components/BackgroundUpload';
+export { LogoUpload } from './components/LogoUpload';
+export type { VideoTemplate, CompositionDefaults, GlobalBranding, SocialMedia, ParticipantData, } from './types/template';
+export { GOOGLE_FONTS, loadGoogleFont, getFontFamilyString, extractFontNameFromFamilyString, } from './utils/googleFonts';
+export type { GoogleFont } from './utils/googleFonts';
+export { calculateSceneDuration } from './utils/sceneDurationCalculator';
+export { colors, fontFamily } from './theme';
+export { TrimPreviewVideo } from './remotion/TrimPreviewVideo';
+export { LOWER_THIRDS_LIBRARY } from './remotion/classic_theme/lower3rds';

package/dist/remotion/DevModeOverlay.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+interface DevModeOverlayProps {
+    sceneDurationInFrames: number;
+    videoUrl?: string;
+}
+export declare const DevModeOverlay: React.FC<DevModeOverlayProps>;
+export {};

package/dist/remotion/FadeWrapper.d.ts

@@ -0,0 +1,13 @@
+import { ReactNode } from 'react';
+interface FadeWrapperProps {
+    children: ReactNode;
+    fadeIn?: number;
+    fadeOut?: number;
+    sceneDurationInFrames: number;
+    fadeInColor?: string;
+    fadeOutColor?: string;
+    fadeColor?: string;
+    backgroundColor?: string;
+}
+export declare const FadeWrapper: React.FC<FadeWrapperProps>;
+export {};

package/dist/remotion/GraduationVideo.d.ts

@@ -0,0 +1,18 @@
+import { VideoTemplate } from '../types/template';
+export interface GraduationVideoProps {
+    template?: VideoTemplate;
+    totalFrames?: number;
+    devMode?: boolean;
+}
+export interface DynamicMusicVolumeProps {
+    musicUrl: string;
+    baseVolume: number;
+    framePositions: Array<{
+        sceneId: string;
+        startFrame: number;
+        endFrame: number;
+    }>;
+    timeline: VideoTemplate['timeline'];
+    participantData: VideoTemplate['participantData'];
+}
+export declare const GraduationVideo: React.FC<GraduationVideoProps>;

package/dist/remotion/TransitionWrapper.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+interface TransitionWrapperProps {
+    children: ReactNode;
+    transition?: 'Fade' | 'Wipe' | 'Slide' | 'None';
+    transitionDuration?: number;
+    isEntering: boolean;
+}
+export declare const TransitionWrapper: React.FC<TransitionWrapperProps>;
+export {};

package/dist/remotion/TrimPreviewVideo.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Minimal composition for the Replace Footage modal - shows only the video clip
+ * with the current trim range so users can visually preview while trimming.
+ */
+export interface TrimPreviewVideoProps {
+    videoUrl: string;
+    trimStartFrame: number;
+    trimEndFrame: number;
+}
+export declare const TrimPreviewVideo: React.FC<TrimPreviewVideoProps>;

package/dist/remotion/VideoComposition.d.ts

@@ -0,0 +1 @@
+export declare const RemotionRoot: () => import("react/jsx-runtime").JSX.Element;

package/dist/remotion/classic_theme/lower3rds/index.d.ts

@@ -0,0 +1,18 @@
+import { Lower3rdBars } from './lower3rd_bars';
+import { Lower3rdBlackBar } from './lower3rd_blackBar';
+import { Lower3rdClassicColor } from './lower3rd_classicColor';
+import { Lower3rdClassicWhite } from './lower3rd_classicWhite';
+import { Lower3rdStyle1 } from './lower3rd_style1';
+import { Lower3rdStyle2 } from './lower3rd_style2';
+import { Lower3rdStyle3 } from './lower3rd_style3';
+import { Lower3rdStyle4 } from './lower3rd_style4';
+import { Lower3rdStyle5 } from './lower3rd_style5';
+import { Lower3rdTextOnly } from './lower3rd_Text_Only';
+export interface Lower3rdOption {
+    id: string;
+    name: string;
+    component: React.FC<any>;
+    thumbnail?: string;
+}
+export declare const LOWER_THIRDS_LIBRARY: Lower3rdOption[];
+export { Lower3rdStyle1, Lower3rdStyle2, Lower3rdTextOnly, Lower3rdStyle3, Lower3rdStyle4, Lower3rdStyle5, Lower3rdClassicWhite, Lower3rdClassicColor, Lower3rdBars, Lower3rdBlackBar, };

package/dist/remotion/classic_theme/lower3rds/lower3rd_Text_Only.d.ts

@@ -0,0 +1,12 @@
+interface Lower3rdTextOnlyProps {
+    name: string;
+    subtitle?: string;
+    subtitle2?: string;
+    accentColor: string;
+    fontColor: string;
+    fontFamily?: string;
+    textAlignment?: 'left' | 'center' | 'right';
+    fontSizeScale?: number;
+}
+export declare const Lower3rdTextOnly: React.FC<Lower3rdTextOnlyProps>;
+export {};

package/dist/remotion/classic_theme/lower3rds/lower3rd_bars.d.ts

@@ -0,0 +1,13 @@
+interface Lower3rdBarsProps {
+    name: string;
+    subtitle?: string;
+    subtitle2?: string;
+    accentColor: string;
+    fontColor: string;
+    fontFamily?: string;
+    textAlignment?: 'left' | 'center' | 'right';
+    fontSizeScale?: number;
+    secondaryColor?: string;
+}
+export declare const Lower3rdBars: React.FC<Lower3rdBarsProps>;
+export {};

package/dist/remotion/classic_theme/lower3rds/lower3rd_blackBar.d.ts

@@ -0,0 +1,12 @@
+interface Lower3rdBlackBarProps {
+    name: string;
+    subtitle?: string;
+    subtitle2?: string;
+    accentColor: string;
+    fontColor: string;
+    fontFamily?: string;
+    textAlignment?: 'left' | 'center' | 'right';
+    fontSizeScale?: number;
+}
+export declare const Lower3rdBlackBar: React.FC<Lower3rdBlackBarProps>;
+export {};

package/dist/remotion/classic_theme/lower3rds/lower3rd_classicColor.d.ts

@@ -0,0 +1,12 @@
+interface Lower3rdClassicColorProps {
+    name: string;
+    subtitle?: string;
+    subtitle2?: string;
+    accentColor: string;
+    fontColor: string;
+    fontFamily?: string;
+    textAlignment?: 'left' | 'center' | 'right';
+    fontSizeScale?: number;
+}
+export declare const Lower3rdClassicColor: React.FC<Lower3rdClassicColorProps>;
+export {};

package/dist/remotion/classic_theme/lower3rds/lower3rd_classicWhite.d.ts

@@ -0,0 +1,12 @@
+interface Lower3rdClassicWhiteProps {
+    name: string;
+    subtitle?: string;
+    subtitle2?: string;
+    accentColor: string;
+    fontColor: string;
+    fontFamily?: string;
+    textAlignment?: 'left' | 'center' | 'right';
+    fontSizeScale?: number;
+}
+export declare const Lower3rdClassicWhite: React.FC<Lower3rdClassicWhiteProps>;
+export {};

package/dist/remotion/classic_theme/lower3rds/lower3rd_style1.d.ts

@@ -0,0 +1,12 @@
+interface Lower3rdStyle1Props {
+    name: string;
+    subtitle?: string;
+    subtitle2?: string;
+    accentColor: string;
+    fontColor: string;
+    fontFamily?: string;
+    textAlignment?: 'left' | 'center' | 'right';
+    fontSizeScale?: number;
+}
+export declare const Lower3rdStyle1: React.FC<Lower3rdStyle1Props>;
+export {};

package/dist/remotion/classic_theme/lower3rds/lower3rd_style2.d.ts

@@ -0,0 +1,12 @@
+interface Lower3rdStyle2Props {
+    name: string;
+    subtitle?: string;
+    subtitle2?: string;
+    accentColor: string;
+    fontColor: string;
+    fontFamily?: string;
+    textAlignment?: 'left' | 'center' | 'right';
+    fontSizeScale?: number;
+}
+export declare const Lower3rdStyle2: React.FC<Lower3rdStyle2Props>;
+export {};

package/dist/remotion/classic_theme/lower3rds/lower3rd_style3.d.ts

@@ -0,0 +1,12 @@
+interface Lower3rdStyle3Props {
+    name: string;
+    subtitle?: string;
+    subtitle2?: string;
+    accentColor: string;
+    fontColor: string;
+    fontFamily?: string;
+    textAlignment?: 'left' | 'center' | 'right';
+    fontSizeScale?: number;
+}
+export declare const Lower3rdStyle3: React.FC<Lower3rdStyle3Props>;
+export {};

package/dist/remotion/classic_theme/lower3rds/lower3rd_style4.d.ts

@@ -0,0 +1,12 @@
+interface Lower3rdStyle4Props {
+    name: string;
+    subtitle?: string;
+    subtitle2?: string;
+    accentColor: string;
+    fontColor: string;
+    fontFamily?: string;
+    textAlignment?: 'left' | 'center' | 'right';
+    fontSizeScale?: number;
+}
+export declare const Lower3rdStyle4: React.FC<Lower3rdStyle4Props>;
+export {};

package/dist/remotion/classic_theme/lower3rds/lower3rd_style5.d.ts

@@ -0,0 +1,12 @@
+interface Lower3rdStyle5Props {
+    name: string;
+    subtitle?: string;
+    subtitle2?: string;
+    accentColor: string;
+    fontColor: string;
+    fontFamily?: string;
+    textAlignment?: 'left' | 'center' | 'right';
+    fontSizeScale?: number;
+}
+export declare const Lower3rdStyle5: React.FC<Lower3rdStyle5Props>;
+export {};