@zync/zync-screnplay-player 0.1.246 → 0.1.248

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) {

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

@@ -5,7 +5,7 @@ function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length)
 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 React from "react";
-import { loadFont } from "@remotion/google-fonts/Kanit";
+import { FONT_FAMILIES } from "../../../fontRegistry.js";
 import { AbsoluteFill, useVideoConfig } from "remotion";
 import { useOrientationBased } from "../../../hooks/useOrientationBased.js";
 import { useTheme } from "../../hooks/useTheme.js";
@@ -13,8 +13,7 @@ import { distributeTextToFit } from "../default/Sentence/SentenceSimple.helpers.
 import { hexToRgbHtml } from "../../../helpers/hexToRgb.js";
 import { HangFromTop, PushUpAndSlide, RotateGrow, SlideAndPushByGrow } from "./designs/title";
 import { CameraMotionBlur } from "@remotion/motion-blur";
-var _loadFont = loadFont(),
-  fontFamily = _loadFont.fontFamily;
+var fontFamily = FONT_FAMILIES.KANIT;
 var effects = [PushUpAndSlide, SlideAndPushByGrow, RotateGrow, HangFromTop, PushUpAndSlide, SlideAndPushByGrow, RotateGrow, HangFromTop, PushUpAndSlide, SlideAndPushByGrow, RotateGrow, HangFromTop];
 var effectsTimings = [[0, 0.25, 0.75, 0.9], [0.7, 0.9, 1.25, 1.5], [1.25, 1.5], [2, 4.5], [2.5, 2.75, 3.25, 3.4], [3.2, 3.4, 3.75, 4.0], [3.75, 4.0], [4.0, 7.0], [5, 5.25, 5.75, 5.9], [5.7, 5.9, 6.35, 6.6], [6.25, 6.5], [6.0, 8.5]];
 export var PushPullTitleEffect = function PushPullTitleEffect(_ref) {

package/dist/screenplay/RemotionRenderer/theme/themes/rightslide/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"]
-  }),
-  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/sports/Nametag.js

@@ -1,14 +1,13 @@
 import React from "react";
 import { AbsoluteFill, Easing } from "remotion";
 import { useOrientationBased } from "../../../hooks/useOrientationBased.js";
-import { loadFont } from "@remotion/google-fonts/Kanit";
+import { FONT_FAMILIES } from "../../../fontRegistry.js";
 import { useTimeInterpolate } from "../../../hooks/useTimeInterpolate.js";
 import { LottieAnimation } from "../../../components/effects/LottieAnimation";
 import { convertToSeconds } from "../../../helpers/convertToSeconds.js";
 import { useTheme } from "../../hooks/useTheme.js";
 import { getContrastColor } from "../../../helpers/getContrastColor";
-var _loadFont = loadFont(),
-  fontFamily = _loadFont.fontFamily;
+var fontFamily = FONT_FAMILIES.KANIT;
 export var SportsNametag = function SportsNametag(_ref) {
   var name = _ref.name,
     title = _ref.title,

package/dist/screenplay/RemotionRenderer/theme/themes/sports/SportsCaption.js

@@ -1,10 +1,9 @@
 import React from "react";
 import { AbsoluteFill, Easing, interpolate, Sequence, useCurrentFrame, useVideoConfig } from "remotion";
-import { loadFont } from "@remotion/google-fonts/Kanit";
+import { FONT_FAMILIES } from "../../../fontRegistry.js";
 import { useOrientationBased } from "../../../hooks/useOrientationBased.js";
 import { distributeTextToFit } from "../default/Sentence/SentenceSimple.helpers.js";
-var _loadFont = loadFont(),
-  fontFamily = _loadFont.fontFamily;
+var fontFamily = FONT_FAMILIES.KANIT;
 var FlyInOutText = function FlyInOutText(_ref) {
   var transcript = _ref.transcript,
     width = _ref.width,

package/dist/screenplay/RemotionRenderer/theme/themes/sports/SportsSentence.js

@@ -4,9 +4,8 @@ import { CHROME_PADDING } from "../../../config.js";
 import { useOrientationBased } from "../../../hooks/useOrientationBased.js";
 import { AnimatedLine } from "./shared";
 import { distributeTextToFit } from "../default/Sentence/SentenceSimple.helpers.js";
-import { loadFont } from "@remotion/google-fonts/Kanit";
-var _loadFont = loadFont(),
-  fontFamily = _loadFont.fontFamily;
+import { FONT_FAMILIES } from "../../../fontRegistry.js";
+var fontFamily = FONT_FAMILIES.KANIT;
 export var SportsSentence = function SportsSentence(_ref) {
   var sentence = _ref.sentence;
   var maxWidth = 800;

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

@@ -1,13 +1,12 @@
 import React from "react";
 import { AbsoluteFill, useVideoConfig } from "remotion";
 import { useOrientationBased } from "../../../hooks/useOrientationBased.js";
-import { loadFont } from "@remotion/google-fonts/Kanit";
+import { FONT_FAMILIES } from "../../../fontRegistry.js";
 import { DEFAULT_TIME_INTERPOLATE_OPTIONS, useTimeInterpolate } from "../../../hooks/useTimeInterpolate.js";
 import { convertToSeconds } from "../../../helpers/convertToSeconds.js";
 import { distributeTextToFit } from "../default/Sentence/SentenceSimple.helpers.js";
 import { AnimatedLine } from "./shared";
-var _loadFont = loadFont(),
-  fontFamily = _loadFont.fontFamily;
+var fontFamily = FONT_FAMILIES.KANIT;
 export var SportsTitle = function SportsTitle(_ref) {
   var text = _ref.text;
   var _useOrientationBased = useOrientationBased({

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

@@ -1,11 +1,10 @@
 import React from "react";
 import { AbsoluteFill, interpolate, 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 { useTheme } from "../../hooks/useTheme.js";
 import { getContrastColor } from "../../../helpers/getContrastColor";
-var _loadFont = loadFont(),
-  fontFamily = _loadFont.fontFamily;
+var fontFamily = FONT_FAMILIES.MONTSERRAT;
 var IndividualLine = function IndividualLine(_ref) {
   var text = _ref.text,
     translateY = _ref.translateY,

package/dist/screenplay/RemotionRenderer/theme/themes/sportsbounce/SportsBounceSentence.js

@@ -1,14 +1,13 @@
 import React from "react";
 import { AbsoluteFill, spring, useCurrentFrame, useVideoConfig } from "remotion";
-import { loadFont } from "@remotion/google-fonts/Montserrat";
+import { FONT_FAMILIES } from "../../../fontRegistry.js";
 import { distributeTextToFit } from "../default/Sentence/SentenceSimple.helpers.js";
 import { useOrientationBased } from "../../../hooks/useOrientationBased.js";
 import { useTheme } from "../../hooks/useTheme.js";
 import { timeInterpolate } from "../../../hooks/useTimeInterpolate.js";
 
 // Load custom font
-var _loadFont = loadFont(),
-  fontFamily = _loadFont.fontFamily;
+var fontFamily = FONT_FAMILIES.MONTSERRAT;
 var IndividualLine = function IndividualLine(_ref) {
   var text = _ref.text,
     translateY = _ref.translateY,

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

@@ -1,13 +1,12 @@
 import React from "react";
 import { AbsoluteFill, Easing, 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 { timeInterpolate } from "../../../hooks/useTimeInterpolate.js";
 import { CameraMotionBlur } from "@remotion/motion-blur";
 import { distributeTextToFit } from "../default/Sentence/SentenceSimple.helpers.js";
 import { useTheme } from "../../hooks/useTheme.js";
-var _loadFont = loadFont(),
-  fontFamily = _loadFont.fontFamily;
+var fontFamily = FONT_FAMILIES.KANIT;
 var NoBlurSportsBounceTitle = function NoBlurSportsBounceTitle(_ref) {
   var text = _ref.text;
   var _useOrientationBased = useOrientationBased({

package/dist/screenplay/RemotionRenderer/theme/themes/stackfill/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"]
-  }),
-  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/tracks/DynamicVideoComposition.js

@@ -8,6 +8,7 @@ import { EffectsVideoTrack } from "./EffectsVideoTrack";
 import { CaptionsVideoTrack } from "./CaptionsVideoTrack";
 import { AudioTrack } from "./AudioTrack";
 import { SafeZones } from "../components/utils/SafeZones";
+import { loadFontsForTimeline } from "../fontRegistry.js";
 var isSafeZoneDisplayed = false;
 var DISABLED_BUFFER_MANAGER = {
   addBlock: function addBlock() {
@@ -74,6 +75,7 @@ var DynamicVideoCompositionComponent = function DynamicVideoCompositionComponent
 };
 export var DynamicVideoComposition = function DynamicVideoComposition(props) {
   if (props) {
+    loadFontsForTimeline(props);
     window.screenplayProps = props;
   }
   return /*#__PURE__*/React.createElement(DynamicVideoCompositionComponent, props);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zync/zync-screnplay-player",
-  "version": "0.1.246",
+  "version": "0.1.248",
   "files": [
     "dist"
   ],