@zync/zync-screnplay-player 0.1.245 → 0.1.247

package/dist/screenplay/RemotionRenderer/main/screenplaySchema.js

@@ -29,58 +29,58 @@ export var screenplaySchema = z.object({
   }), z.object({
     type: "segmentx"
   })])),
-  /* z.object({
-      type: "segment",
-      segments: z.array(
-        z.object({
-          layout: z.any(),
-          effects: z.array(effectSchema),
-        })
-      ),
+  /* z.object({
+      type: "segment",
+      segments: z.array(
+        z.object({
+          layout: z.any(),
+          effects: z.array(effectSchema),
+        })
+      ),
     })*/
-  /*z.object({
-        type: "effect",
-        segments: z.array(effectSchema),
-      }),
-      z.object({
-        type: z.enum(segmentTypes),
-        segments: z.array([
-          {
-            type: "caption",
-            segments: z.array(
-              z.object({
-                type: "caption_simple",
-                data: {
-                  transcript_text: z.array(
-                    z.object({
-                      text: z.string(),
-                      offset: z.number(),
-                      duration: z.number(),
-                    })
-                  ),
-                  duration: z.number().optional(),
-                  offset: z.number().optional(),
-                },
-              })
-            ),
-          },
-        ]),
-      }),
-      z.object({
-        type: "audio",
-        segments: z.array([
-          z.object({
-            type: z.string(),
-            data: {
-              sourceAudio: {
-                url: z.string().url(),
-                volume: z.number().min(0).max(1),
-                start: z.number(),
-              },
-              offset: z.number(),
-            },
-          }),
-        ]),
+  /*z.object({
+        type: "effect",
+        segments: z.array(effectSchema),
+      }),
+      z.object({
+        type: z.enum(segmentTypes),
+        segments: z.array([
+          {
+            type: "caption",
+            segments: z.array(
+              z.object({
+                type: "caption_simple",
+                data: {
+                  transcript_text: z.array(
+                    z.object({
+                      text: z.string(),
+                      offset: z.number(),
+                      duration: z.number(),
+                    })
+                  ),
+                  duration: z.number().optional(),
+                  offset: z.number().optional(),
+                },
+              })
+            ),
+          },
+        ]),
+      }),
+      z.object({
+        type: "audio",
+        segments: z.array([
+          z.object({
+            type: z.string(),
+            data: {
+              sourceAudio: {
+                url: z.string().url(),
+                volume: z.number().min(0).max(1),
+                start: z.number(),
+              },
+              offset: z.number(),
+            },
+          }),
+        ]),
       }),*/
   output: z.object({
     orientation: z["enum"](orientations),

package/dist/screenplay/RemotionRenderer/registeredComponents.js

@@ -48,8 +48,8 @@ import { HookVideo } from "./components/layouts/HookVideo";
 import { BrollInset } from "./components/layouts/BrollInset";
 import { MotionStillInset } from "./components/layouts/MotionStillInset";
 
-/** Update this so that Remotion knows which component to render when it is passed via screenplay. Ex. "title" will have rendered "Title" component
- *  Here we are mapping directly types and component names. Types are snake_case and components PascalCase.
+/** Update this so that Remotion knows which component to render when it is passed via screenplay. Ex. "title" will have rendered "Title" component
+ *  Here we are mapping directly types and component names. Types are snake_case and components PascalCase.
  * */
 export var RegisteredComponents = {
   // Layouts

package/dist/screenplay/RemotionRenderer/theme/themes/bigbold/BigBoldNameTag.js

@@ -1,14 +1,13 @@
 import { Easing, spring, useCurrentFrame, useVideoConfig } from "remotion";
 import { useOrientationBased } from "../../../hooks/useOrientationBased.js";
-import { loadFont } from "@remotion/google-fonts/Montserrat";
+import { FONT_FAMILIES } from "../../../fontRegistry.js";
 import { useTimeInterpolate } from "../../../hooks/useTimeInterpolate.js";
 import { convertToSeconds } from "../../../helpers/convertToSeconds.js";
 import { useTheme } from "../../hooks/useTheme.js";
 import React from "react";
 import { getContrastColor } from "../../../helpers/getContrastColor";
 import { CHROME_PADDING } from "../../../config";
-var _loadFont = loadFont(),
-  fontFamily = _loadFont.fontFamily;
+var fontFamily = FONT_FAMILIES.MONTSERRAT;
 export var BigBoldNametag = function BigBoldNametag(_ref) {
   var name = _ref.name,
     title = _ref.title,

package/dist/screenplay/RemotionRenderer/theme/themes/bigbold/BigBoldSentence.js

@@ -1,13 +1,12 @@
 import { AbsoluteFill, Easing, useCurrentFrame, useVideoConfig } from "remotion";
 import { timeInterpolate, useTimeInterpolate } from "../../../hooks/useTimeInterpolate.js";
 import { convertToSeconds } from "../../../helpers/convertToSeconds.js";
-import { loadFont } from "@remotion/google-fonts/Montserrat";
+import { FONT_FAMILIES } from "../../../fontRegistry.js";
 import { CHROME_PADDING } from "../../../config.js";
 import { distributeTextToFit } from "../default/Sentence/SentenceSimple.helpers.js";
 import { useOrientationBased } from "../../../hooks/useOrientationBased.js";
 import React from "react";
-var _loadFont = loadFont(),
-  fontFamily = _loadFont.fontFamily;
+var fontFamily = FONT_FAMILIES.MONTSERRAT;
 export var BigBoldSentence = function BigBoldSentence(_ref) {
   var sentence = _ref.sentence;
   var _useVideoConfig = useVideoConfig(),

package/dist/screenplay/RemotionRenderer/theme/themes/bigbold/BigBoldTitle.js

@@ -1,14 +1,13 @@
 import { AbsoluteFill, Easing, useVideoConfig } from "remotion";
 import { useTimeInterpolate } from "../../../hooks/useTimeInterpolate.js";
 import { convertToSeconds } from "../../../helpers/convertToSeconds.js";
-import { loadFont } from "@remotion/google-fonts/Montserrat";
+import { FONT_FAMILIES } from "../../../fontRegistry.js";
 import { CHROME_PADDING } from "../../../config.js";
 import { distributeTextToFit } from "../default/Sentence/SentenceSimple.helpers.js";
 import { useOrientationBased } from "../../../hooks/useOrientationBased.js";
 import { useTheme } from "../../hooks/useTheme.js";
 import React from "react";
-var _loadFont = loadFont(),
-  fontFamily = _loadFont.fontFamily;
+var fontFamily = FONT_FAMILIES.MONTSERRAT;
 export var BigBoldTitle = function BigBoldTitle(_ref) {
   var text = _ref.text;
   // Calculate time-based values using convertToSeconds

package/dist/screenplay/RemotionRenderer/theme/themes/boxwipe/Nametag.js

@@ -1,14 +1,10 @@
 import React from "react";
 import { Easing, interpolate, useCurrentFrame, useVideoConfig } from "remotion";
-import { loadFont } from "@remotion/google-fonts/Kanit";
+import { FONT_FAMILIES } from "../../../fontRegistry.js";
 import { useOrientationBased } from "../../../hooks/useOrientationBased.js";
 import { useTheme } from "../../hooks/useTheme.js";
 import { getContrastColor } from "../../../helpers/getContrastColor";
-var _loadFont = loadFont("normal", {
-    subsets: ["latin"],
-    weights: ["400", "500", "600", "700"]
-  }),
-  fontFamily = _loadFont.fontFamily;
+var fontFamily = FONT_FAMILIES.KANIT;
 var clamp = function clamp(value, min, max) {
   return Math.max(min, Math.min(max, value));
 };

package/dist/screenplay/RemotionRenderer/theme/themes/centerline/Nametag.js

@@ -1,15 +1,11 @@
 import React from "react";
 import { Easing, interpolate, useCurrentFrame, useVideoConfig } from "remotion";
-import { loadFont } from "@remotion/google-fonts/Kanit";
+import { FONT_FAMILIES } from "../../../fontRegistry.js";
 import { useOrientationBased } from "../../../hooks/useOrientationBased.js";
 import { useTheme } from "../../hooks/useTheme.js";
 import { getContrastColor } from "../../../helpers/getContrastColor";
 import { distributeTextToFit } from "../default/Sentence/SentenceSimple.helpers.js";
-var _loadFont = loadFont("normal", {
-    subsets: ["latin"],
-    weights: ["400", "500", "600", "700"]
-  }),
-  fontFamily = _loadFont.fontFamily;
+var fontFamily = FONT_FAMILIES.KANIT;
 var clamp = function clamp(value, min, max) {
   return Math.max(min, Math.min(max, value));
 };

package/dist/screenplay/RemotionRenderer/theme/themes/default/CaptionColor.js

@@ -1,12 +1,11 @@
 import { AbsoluteFill, Sequence, useVideoConfig } from "remotion";
 import React from "react";
-import { loadFont } from "@remotion/google-fonts/Poppins";
+import { FONT_FAMILIES } from "../../../fontRegistry.js";
 import { useOrientationBased } from "../../../hooks/useOrientationBased.js";
 import { distributeTextToFit } from "./Sentence/SentenceSimple.helpers.js";
 import { useTheme } from "../../hooks/useTheme.js";
 import { CAPTION_PORTRAIT_BOTTOM_OFFSET } from "./constants";
-var _loadFont = loadFont(),
-  fontFamily = _loadFont.fontFamily;
+var fontFamily = FONT_FAMILIES.POPPINS;
 export var CaptionColor = function CaptionColor(_ref) {
   var transcripts = _ref.transcripts;
   var _useTheme = useTheme(),

package/dist/screenplay/RemotionRenderer/theme/themes/default/CaptionColorInverse.js

@@ -1,12 +1,11 @@
 import { AbsoluteFill, Sequence, useVideoConfig } from "remotion";
 import React from "react";
-import { loadFont } from "@remotion/google-fonts/Poppins";
+import { FONT_FAMILIES } from "../../../fontRegistry.js";
 import { useOrientationBased } from "../../../hooks/useOrientationBased.js";
 import { distributeTextToFit } from "./Sentence/SentenceSimple.helpers.js";
 import { useTheme } from "../../hooks/useTheme.js";
 import { CAPTION_PORTRAIT_BOTTOM_OFFSET } from "./constants";
-var _loadFont = loadFont(),
-  fontFamily = _loadFont.fontFamily;
+var fontFamily = FONT_FAMILIES.POPPINS;
 export var CaptionColorInverse = function CaptionColorInverse(_ref) {
   var transcripts = _ref.transcripts;
   var _useTheme = useTheme(),

package/dist/screenplay/RemotionRenderer/theme/themes/default/CaptionColorShadow.js

@@ -1,12 +1,11 @@
 import { AbsoluteFill, Sequence, useVideoConfig } from "remotion";
 import React from "react";
-import { loadFont } from "@remotion/google-fonts/Montserrat";
+import { FONT_FAMILIES } from "../../../fontRegistry.js";
 import { useOrientationBased } from "../../../hooks/useOrientationBased.js";
 import { distributeTextToFit } from "./Sentence/SentenceSimple.helpers.js";
 import { useTheme } from "../../hooks/useTheme.js";
 import { CAPTION_PORTRAIT_BOTTOM_OFFSET } from "./constants";
-var _loadFont = loadFont(),
-  fontFamily = _loadFont.fontFamily;
+var fontFamily = FONT_FAMILIES.MONTSERRAT;
 export var CaptionColorShadow = function CaptionColorShadow(_ref) {
   var transcripts = _ref.transcripts;
   var _useTheme = useTheme(),

package/dist/screenplay/RemotionRenderer/theme/themes/default/CaptionElegant.js

@@ -6,15 +6,12 @@ function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(
 function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 import { AbsoluteFill, Sequence, interpolate, random, spring, useCurrentFrame, useVideoConfig } from "remotion";
 import React from "react";
-import { loadFont as loadRegularFont } from "@remotion/google-fonts/Montserrat";
-import { loadFont as loadCursiveFont } from "@remotion/google-fonts/Rochester";
+import { FONT_FAMILIES } from "../../../fontRegistry.js";
 import { useOrientationBased } from "../../../hooks/useOrientationBased.js";
 import { distributeTextToFit } from "./Sentence/SentenceSimple.helpers.js";
 import { CAPTION_PORTRAIT_BOTTOM_OFFSET } from "./constants";
-var _loadRegularFont = loadRegularFont(),
-  regularFontFamily = _loadRegularFont.fontFamily;
-var _loadCursiveFont = loadCursiveFont(),
-  cursiveFontFamily = _loadCursiveFont.fontFamily;
+var regularFontFamily = FONT_FAMILIES.MONTSERRAT;
+var cursiveFontFamily = FONT_FAMILIES.ROCHESTER;
 var toNumber = function toNumber(value, fallback) {
   var parsed = Number(value);
   return Number.isFinite(parsed) ? parsed : fallback;

package/dist/screenplay/RemotionRenderer/theme/themes/default/CaptionEmphasis.js

@@ -1,12 +1,11 @@
 import { AbsoluteFill, Sequence, spring, useCurrentFrame, useVideoConfig } from "remotion";
 import React from "react";
-import { loadFont } from "@remotion/google-fonts/Montserrat";
+import { FONT_FAMILIES } from "../../../fontRegistry.js";
 import { useOrientationBased } from "../../../hooks/useOrientationBased.js";
 import { distributeTextToFit } from "./Sentence/SentenceSimple.helpers.js";
 import { useTheme } from "../../hooks/useTheme";
 import { CAPTION_PORTRAIT_BOTTOM_OFFSET } from "./constants";
-var _loadFont = loadFont(),
-  fontFamily = _loadFont.fontFamily;
+var fontFamily = FONT_FAMILIES.MONTSERRAT;
 var Text = function Text(_ref) {
   var transcript = _ref.transcript,
     color = _ref.color,

package/dist/screenplay/RemotionRenderer/theme/themes/default/CaptionPunctuated.js

@@ -1,13 +1,12 @@
 import { AbsoluteFill, Sequence, useCurrentFrame, useVideoConfig } from "remotion";
 import React from "react";
-import { loadFont } from "@remotion/google-fonts/Poppins";
+import { FONT_FAMILIES } from "../../../fontRegistry.js";
 import { useOrientationBased } from "../../../hooks/useOrientationBased.js";
 import { distributeTextToFit } from "./Sentence/SentenceSimple.helpers.js";
 import { useTheme } from "../../hooks/useTheme";
 import { getBrighterColor } from "../../../helpers/hexToRgb";
 import { CAPTION_PORTRAIT_BOTTOM_OFFSET } from "./constants";
-var _loadFont = loadFont(),
-  fontFamily = _loadFont.fontFamily;
+var fontFamily = FONT_FAMILIES.POPPINS;
 export var CaptionPunctuated = function CaptionPunctuated(_ref) {
   var transcripts = _ref.transcripts,
     color = _ref.color;

package/dist/screenplay/RemotionRenderer/theme/themes/default/CaptionWordBoom.js

@@ -1,13 +1,12 @@
 import { AbsoluteFill, Sequence, useCurrentFrame, useVideoConfig } from "remotion";
 import React from "react";
-import { loadFont } from "@remotion/google-fonts/TitanOne";
+import { FONT_FAMILIES } from "../../../fontRegistry.js";
 import { useOrientationBased } from "../../../hooks/useOrientationBased.js";
 import { distributeTextToFit } from "./Sentence/SentenceSimple.helpers.js";
 import { useTheme } from "../../hooks/useTheme";
 import { getBrighterColor } from "../../../helpers/hexToRgb";
 import { CAPTION_PORTRAIT_BOTTOM_OFFSET } from "./constants";
-var _loadFont = loadFont(),
-  fontFamily = _loadFont.fontFamily;
+var fontFamily = FONT_FAMILIES.TITAN_ONE;
 export var CaptionWordBoom = function CaptionWordBoom(_ref) {
   var transcripts = _ref.transcripts,
     color = _ref.color;

package/dist/screenplay/RemotionRenderer/theme/themes/default/CaptionWordBubble.js

@@ -1,13 +1,12 @@
 import { AbsoluteFill, Sequence, useCurrentFrame, useVideoConfig } from "remotion";
 import React from "react";
-import { loadFont } from "@remotion/google-fonts/Montserrat";
+import { FONT_FAMILIES } from "../../../fontRegistry.js";
 import { useOrientationBased } from "../../../hooks/useOrientationBased.js";
 import { distributeTextToFit } from "./Sentence/SentenceSimple.helpers.js";
 import { useTheme } from "../../hooks/useTheme";
 import { getBrighterColor } from "../../../helpers/hexToRgb";
 import { CAPTION_PORTRAIT_BOTTOM_OFFSET } from "./constants";
-var _loadFont = loadFont(),
-  fontFamily = _loadFont.fontFamily;
+var fontFamily = FONT_FAMILIES.MONTSERRAT;
 export var CaptionWordBubble = function CaptionWordBubble(_ref) {
   var transcripts = _ref.transcripts,
     color = _ref.color;

package/dist/screenplay/RemotionRenderer/theme/themes/default/CaptionWordPopup.js

@@ -1,16 +1,13 @@
 import { AbsoluteFill, Sequence, useCurrentFrame, useVideoConfig } from "remotion";
 import React from "react";
-import { loadFont } from "@remotion/google-fonts/Montserrat";
-import { loadFont as loadFont2 } from "@remotion/google-fonts/CherryBombOne";
+import { FONT_FAMILIES } from "../../../fontRegistry.js";
 import { useOrientationBased } from "../../../hooks/useOrientationBased.js";
 import { distributeTextToFit } from "./Sentence/SentenceSimple.helpers.js";
 import { useTheme } from "../../hooks/useTheme";
 import { getBrighterColor } from "../../../helpers/hexToRgb";
 import { CAPTION_PORTRAIT_BOTTOM_OFFSET } from "./constants";
-var _loadFont = loadFont(),
-  fontFamily = _loadFont.fontFamily;
-var _loadFont2 = loadFont2(),
-  fontFamilyBubble = _loadFont2.fontFamily;
+var fontFamily = FONT_FAMILIES.MONTSERRAT;
+var fontFamilyBubble = FONT_FAMILIES.CHERRY_BOMB_ONE;
 export var CaptionWordPopup = function CaptionWordPopup(_ref) {
   var transcripts = _ref.transcripts,
     color = _ref.color;

package/dist/screenplay/RemotionRenderer/theme/themes/default/DefaultCaption.js

@@ -1,11 +1,10 @@
 import { AbsoluteFill, Sequence, useVideoConfig } from "remotion";
 import React from "react";
-import { loadFont } from "@remotion/google-fonts/Poppins";
+import { FONT_FAMILIES } from "../../../fontRegistry.js";
 import { useOrientationBased } from "../../../hooks/useOrientationBased.js";
 import { distributeTextToFit } from "./Sentence/SentenceSimple.helpers.js";
 import { CAPTION_PORTRAIT_BOTTOM_OFFSET } from "./constants";
-var _loadFont = loadFont(),
-  fontFamily = _loadFont.fontFamily;
+var fontFamily = FONT_FAMILIES.POPPINS;
 export var DefaultCaption = function DefaultCaption(_ref) {
   var transcripts = _ref.transcripts,
     color = _ref.color;

package/dist/screenplay/RemotionRenderer/theme/themes/default/HandoffNametag.js

@@ -6,15 +6,14 @@ function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(
 function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 import { AbsoluteFill, Easing, interpolate, useCurrentFrame, useVideoConfig } from "remotion";
 import { useOrientationBased } from "../../../hooks/useOrientationBased.js";
-import { loadFont } from "@remotion/google-fonts/Roboto";
+import { FONT_FAMILIES } from "../../../fontRegistry.js";
 import { calculateInputRangeInPhases, DEFAULT_TIME_INTERPOLATE_OPTIONS, useTimeInterpolate } from "../../../hooks/useTimeInterpolate.js";
 import { useTheme } from "../../hooks/useTheme.js";
 import { distributeTextToFit } from "./Sentence/SentenceSimple.helpers.js";
 import { getHandoffNametagConfig } from "./HandoffNametag/handoffNametagConfig.js";
 import React from "react";
 import PausableImg from "../../../components/utils/PausableImg";
-var _loadFont = loadFont(),
-  fontFamily = _loadFont.fontFamily;
+var fontFamily = FONT_FAMILIES.ROBOTO;
 var HANDOFF_NAMETAG_VARIANTS = {
   BOXED: "boxed",
   HIGHLIGHT: "highlight"

package/dist/screenplay/RemotionRenderer/theme/themes/default/Nametag.js

@@ -1,10 +1,9 @@
 import { Easing, useVideoConfig } from "remotion";
 import { useOrientationBased } from "../../../hooks/useOrientationBased.js";
-import { loadFont } from "@remotion/google-fonts/Poppins";
+import { FONT_FAMILIES } from "../../../fontRegistry.js";
 import { useTimeInterpolate } from "../../../hooks/useTimeInterpolate.js";
 import React from "react";
-var _loadFont = loadFont(),
-  fontFamily = _loadFont.fontFamily;
+var fontFamily = FONT_FAMILIES.POPPINS;
 export var Nametag = function Nametag(_ref) {
   var name = _ref.name,
     title = _ref.title,

package/dist/screenplay/RemotionRenderer/theme/themes/default/Sentence.js

@@ -6,13 +6,12 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 import { AbsoluteFill } from "remotion";
 import { useTimeInterpolate } from "../../../hooks/useTimeInterpolate.js";
-import { loadFont } from "@remotion/google-fonts/Kanit";
+import { FONT_FAMILIES } from "../../../fontRegistry.js";
 import { CHROME_PADDING } from "../../../config.js";
 import { defaultGlassmorphismStyles } from "../glassmorphism/config.js";
 import { useOrientationBased } from "../../../hooks/useOrientationBased.js";
 import { AnimatedSentenceDefault } from "./Sentence/AnimatedSentenceDefault";
-var _loadFont = loadFont(),
-  fontFamily = _loadFont.fontFamily;
+var fontFamily = FONT_FAMILIES.KANIT;
 import React from "react";
 export var Sentence = function Sentence(_ref) {
   var lines = _ref.lines,

package/dist/screenplay/RemotionRenderer/theme/themes/default/Title.js

@@ -1,11 +1,10 @@
-import { loadFont } from "@remotion/google-fonts/Poppins";
+import { FONT_FAMILIES } from "../../../fontRegistry.js";
 import { distributeTextToFit } from "./Sentence/SentenceSimple.helpers.js";
 import { AbsoluteFill, useVideoConfig } from "remotion";
 import { useOrientationBased } from "../../../hooks/useOrientationBased.js";
 import { useTimeInterpolate } from "../../../hooks/useTimeInterpolate.js";
 import React from "react";
-var _loadFont = loadFont(),
-  fontFamily = _loadFont.fontFamily;
+var fontFamily = FONT_FAMILIES.POPPINS;
 var VerticalRevealer = function VerticalRevealer(_ref) {
   var children = _ref.children,
     _ref$index = _ref.index,

package/dist/screenplay/RemotionRenderer/theme/themes/fullcover/TextFullCover.js

@@ -6,12 +6,8 @@ function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(
 function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 import React from "react";
 import { AbsoluteFill, Audio, Easing, interpolate, OffthreadVideo, useCurrentFrame, useVideoConfig } from "remotion";
-import { loadFont } from "@remotion/google-fonts/Poppins";
-var _loadFont = loadFont("normal", {
-    subsets: ["latin"],
-    weights: ["900"]
-  }),
-  fontFamily = _loadFont.fontFamily;
+import { FONT_FAMILIES } from "../../../fontRegistry.js";
+var fontFamily = FONT_FAMILIES.POPPINS;
 var TEXT_COLOR = "#0a3567";
 var BACKGROUND_COLORS = ["#fff200", "#22f3d0", "#ff8a00", "#ff78a8", "#b9ff4a", "#f7f7f2"];
 var HORIZONTAL_SAFE_AREA = 0.86;

package/dist/screenplay/RemotionRenderer/theme/themes/glassmorphism/Nametag.js

@@ -6,14 +6,13 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 import { Easing, useVideoConfig } from "remotion";
 import { useOrientationBased } from "../../../hooks/useOrientationBased.js";
-import { loadFont } from "@remotion/google-fonts/Poppins";
+import { FONT_FAMILIES } from "../../../fontRegistry.js";
 import { useTimeInterpolate } from "../../../hooks/useTimeInterpolate.js";
 import { useTheme } from "../../hooks/useTheme.js";
 import { defaultGlassmorphismStyles } from "./config.js";
 import { FloatAnimation } from "./animations.js";
 import React from "react";
-var _loadFont = loadFont(),
-  fontFamily = _loadFont.fontFamily;
+var fontFamily = FONT_FAMILIES.POPPINS;
 export var Nametag = function Nametag(_ref) {
   var name = _ref.name,
     title = _ref.title;

package/dist/screenplay/RemotionRenderer/theme/themes/glassmorphism/Sentence.js

@@ -1,10 +1,9 @@
 import { AbsoluteFill } from "remotion";
 import { useTimeInterpolate } from "../../../hooks/useTimeInterpolate.js";
 import { AnimatedSentence } from "../default/Sentence/AnimatedSentence";
-import { loadFont } from "@remotion/google-fonts/Poppins";
+import { FONT_FAMILIES } from "../../../fontRegistry.js";
 import React from "react";
-var _loadFont = loadFont(),
-  fontFamily = _loadFont.fontFamily;
+var fontFamily = FONT_FAMILIES.POPPINS;
 export var Sentence = function Sentence(_ref) {
   var lines = _ref.lines,
     fontSize = _ref.fontSize,

package/dist/screenplay/RemotionRenderer/theme/themes/glassmorphism/Title.js

@@ -4,7 +4,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-import { loadFont } from "@remotion/google-fonts/Poppins";
+import { FONT_FAMILIES } from "../../../fontRegistry.js";
 import { distributeTextToFit } from "../default/Sentence/SentenceSimple.helpers.js";
 import { AbsoluteFill, Easing, useVideoConfig } from "remotion";
 import { useOrientationBased } from "../../../hooks/useOrientationBased.js";
@@ -16,8 +16,7 @@ import { FloatAnimation } from "./animations.js";
 import React from "react";
 var borderRadius = 16;
 var color = "#fff";
-var _loadFont = loadFont(),
-  fontFamily = _loadFont.fontFamily;
+var fontFamily = FONT_FAMILIES.POPPINS;
 var Revealer = function Revealer(_ref) {
   var children = _ref.children,
     _ref$index = _ref.index,

package/dist/screenplay/RemotionRenderer/theme/themes/glitch/GlitchNametag.js

@@ -6,7 +6,7 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
 function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
 import { interpolate, spring, useCurrentFrame, useVideoConfig } from "remotion";
 import { useOrientationBased } from "../../../hooks/useOrientationBased.js";
-import { loadFont } from "@remotion/google-fonts/Kanit";
+import { FONT_FAMILIES } from "../../../fontRegistry.js";
 import { useTheme } from "../../hooks/useTheme.js";
 import { hexToRgbHtml } from "../../../helpers/hexToRgb.js";
 import { SplitSentence } from "./components/SplitSentence";
@@ -15,8 +15,7 @@ import { DisplacedText } from "./components/DisplacedText";
 import React, { useMemo } from "react";
 import { distributeTextToFit } from "../default/Sentence/SentenceSimple.helpers.js";
 import { getContrastColor } from "../../../helpers/getContrastColor";
-var _loadFont = loadFont(),
-  fontFamily = _loadFont.fontFamily;
+var fontFamily = FONT_FAMILIES.KANIT;
 export var getValue = function getValue(x) {
   if (x < 1) {
     return 0;

package/dist/screenplay/RemotionRenderer/theme/themes/glitch/GlitchSentence.js

@@ -9,14 +9,13 @@ import { AbsoluteFill, Img, interpolate, useCurrentFrame, useVideoConfig } from
 import { CHROME_PADDING } from "../../../config.js";
 import { useOrientationBased } from "../../../hooks/useOrientationBased.js";
 import { distributeTextToFit } from "../default/Sentence/SentenceSimple.helpers.js";
-import { loadFont } from "@remotion/google-fonts/Kanit";
+import { FONT_FAMILIES } from "../../../fontRegistry.js";
 import { createAnimationCycles, glitchXInterpolate } from "./helpers.js";
 import { SplitSentence } from "./components/SplitSentence";
 import { GlitchAnimatedLine } from "./components/GlitchAnimatedLine";
 import { DisplacedText } from "./components/DisplacedText";
 import PausableImg from "../../../components/utils/PausableImg";
-var _loadFont = loadFont(),
-  fontFamily = _loadFont.fontFamily;
+var fontFamily = FONT_FAMILIES.KANIT;
 export var GlitchSentence = function GlitchSentence(_ref) {
   var sentence = _ref.sentence;
   var _useVideoConfig = useVideoConfig(),

package/dist/screenplay/RemotionRenderer/theme/themes/glitch/GlitchTitle.js

@@ -4,7 +4,7 @@ function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r)
 function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
-import { loadFont } from "@remotion/google-fonts/Kanit";
+import { FONT_FAMILIES } from "../../../fontRegistry.js";
 import { SplitSentence } from "./components/SplitSentence";
 import { AbsoluteFill, Easing, interpolate, useCurrentFrame, useVideoConfig } from "remotion";
 import { useOrientationBased } from "../../../hooks/useOrientationBased.js";
@@ -13,8 +13,7 @@ import { distributeTextToFit } from "../default/Sentence/SentenceSimple.helpers.
 import { DisplacedText } from "./components/DisplacedText";
 import React, { useMemo } from "react";
 import { createAnimationCycles, glitchXInterpolate } from "./helpers.js";
-var _loadFont = loadFont(),
-  fontFamily = _loadFont.fontFamily;
+var fontFamily = FONT_FAMILIES.KANIT;
 export var GlitchTitle = function GlitchTitle(_ref) {
   var text = _ref.text;
   var _useVideoConfig = useVideoConfig(),

package/dist/screenplay/RemotionRenderer/theme/themes/pushpull/PushPullNametag.js

@@ -1,14 +1,13 @@
 import React from "react";
 import { spring, useCurrentFrame, useVideoConfig } from "remotion";
 import { useOrientationBased } from "../../../hooks/useOrientationBased.js";
-import { loadFont } from "@remotion/google-fonts/Kanit";
+import { FONT_FAMILIES } from "../../../fontRegistry.js";
 import { useTheme } from "../../hooks/useTheme.js";
 import { hexToRgbHtml } from "../../../helpers/hexToRgb.js";
 import { CameraMotionBlur } from "@remotion/motion-blur";
 import { distributeTextToFit } from "../default/Sentence/SentenceSimple.helpers.js";
 import { getContrastColor } from "../../../helpers/getContrastColor";
-var _loadFont = loadFont(),
-  fontFamily = _loadFont.fontFamily;
+var fontFamily = FONT_FAMILIES.KANIT;
 var PushPullNametagEffect = function PushPullNametagEffect(_ref) {
   var name = _ref.name,
     title = _ref.title,

package/dist/screenplay/RemotionRenderer/theme/themes/pushpull/PushPullSentence.js

@@ -6,14 +6,13 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
 function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
 import React from "react";
 import { AbsoluteFill } from "remotion";
-import { loadFont } from "@remotion/google-fonts/Kanit";
+import { FONT_FAMILIES } from "../../../fontRegistry.js";
 import { CHROME_PADDING } from "../../../config.js";
 import { useOrientationBased } from "../../../hooks/useOrientationBased.js";
 import { PushToTop, SlideFromBottom, SlideFromLeft, SlideFromRight, SlideFromTop } from "./designs/sentence";
 import { hexToRgbHtml } from "../../../helpers/hexToRgb.js";
 import { useTheme } from "../../hooks/useTheme.js";
-var _loadFont = loadFont(),
-  fontFamily = _loadFont.fontFamily;
+var fontFamily = FONT_FAMILIES.KANIT;
 var effects = [SlideFromTop, SlideFromRight, SlideFromBottom, SlideFromLeft, SlideFromTop, SlideFromRight, SlideFromBottom, SlideFromLeft, SlideFromTop, SlideFromRight];
 var effectsTimings = [[0, 0.25], [0.25, 0.5], [0.5, 0.75], [0.75, 1], [1, 1.25], [1.25, 1.5], [1.5, 1.75], [1.75, 2.0], [2.0, 2.25], [2.25, 2.5]];
 var SentenceEffect = function SentenceEffect(_ref) {