@zync/zync-screnplay-player 0.1.246 → 0.1.248

package/dist/screenplay/RemotionRenderer/components/layouts/CreatorCollabColdOpenVisual.js

@@ -1,7 +1,6 @@
 import React from 'react';
 import { AbsoluteFill, Easing, interpolate, OffthreadVideo, useCurrentFrame, useVideoConfig } from 'remotion';
-import { loadFont as loadHeadlineFont } from '@remotion/google-fonts/Oswald';
-import { loadFont as loadBodyFont } from '@remotion/google-fonts/Poppins';
+import { FONT_FAMILIES } from '../../fontRegistry.js';
 import { useOrientationBased } from '../../hooks/useOrientationBased.js';
 import { useTheme } from '../../theme/hooks/useTheme.js';
 import { distributeTextToFit } from '../../theme/themes/default/Sentence/SentenceSimple.helpers.js';
@@ -11,10 +10,8 @@ import { CHROME_PADDING } from '../../config.js';
 import { useVirtualBackground } from '../../hooks/useVirtualBackground';
 import { VirtualBackgroundUnderlay } from '../backgrounds/VirtualBackgroundUnderlay';
 import { useSafeZoneInsets } from '../utils/SafeZones';
-var _loadHeadlineFont = loadHeadlineFont(),
-  headlineFontFamily = _loadHeadlineFont.fontFamily;
-var _loadBodyFont = loadBodyFont(),
-  bodyFontFamily = _loadBodyFont.fontFamily;
+var headlineFontFamily = FONT_FAMILIES.OSWALD;
+var bodyFontFamily = FONT_FAMILIES.POPPINS;
 var withAlpha = function withAlpha(color, alpha) {
   if (!color || typeof color !== 'string' || !color.startsWith('#')) {
     return color;

package/dist/screenplay/RemotionRenderer/components/layouts/CreatorCollabConversationSpine.js

@@ -1,7 +1,6 @@
 import React from 'react';
 import { AbsoluteFill, Easing, interpolate, OffthreadVideo, useCurrentFrame, useVideoConfig } from 'remotion';
-import { loadFont as loadHeadlineFont } from '@remotion/google-fonts/Oswald';
-import { loadFont as loadBodyFont } from '@remotion/google-fonts/Poppins';
+import { FONT_FAMILIES } from '../../fontRegistry.js';
 import { useOrientationBased } from '../../hooks/useOrientationBased.js';
 import { useTheme } from '../../theme/hooks/useTheme.js';
 import { distributeTextToFit } from '../../theme/themes/default/Sentence/SentenceSimple.helpers.js';
@@ -10,10 +9,8 @@ import { BlurOverlay } from '../utils/BlurOverlay';
 import { CHROME_PADDING } from '../../config.js';
 import { useVirtualBackground } from '../../hooks/useVirtualBackground';
 import { VirtualBackgroundUnderlay } from '../backgrounds/VirtualBackgroundUnderlay';
-var _loadHeadlineFont = loadHeadlineFont(),
-  headlineFontFamily = _loadHeadlineFont.fontFamily;
-var _loadBodyFont = loadBodyFont(),
-  bodyFontFamily = _loadBodyFont.fontFamily;
+var headlineFontFamily = FONT_FAMILIES.OSWALD;
+var bodyFontFamily = FONT_FAMILIES.POPPINS;
 var withAlpha = function withAlpha(color, alpha) {
   if (!color || typeof color !== 'string' || !color.startsWith('#')) {
     return color;

package/dist/screenplay/RemotionRenderer/components/layouts/CreatorCollabDocumentaryInset.js

@@ -1,7 +1,6 @@
 import React from 'react';
 import { AbsoluteFill, Easing, interpolate, OffthreadVideo, useCurrentFrame, useVideoConfig } from 'remotion';
-import { loadFont as loadHeadlineFont } from '@remotion/google-fonts/Oswald';
-import { loadFont as loadBodyFont } from '@remotion/google-fonts/Poppins';
+import { FONT_FAMILIES } from '../../fontRegistry.js';
 import { useOrientationBased } from '../../hooks/useOrientationBased.js';
 import { useTheme } from '../../theme/hooks/useTheme.js';
 import { distributeTextToFit } from '../../theme/themes/default/Sentence/SentenceSimple.helpers.js';
@@ -10,10 +9,8 @@ import { BlurOverlay } from '../utils/BlurOverlay';
 import { CHROME_PADDING } from '../../config.js';
 import { useVirtualBackground } from '../../hooks/useVirtualBackground';
 import { VirtualBackgroundUnderlay } from '../backgrounds/VirtualBackgroundUnderlay';
-var _loadHeadlineFont = loadHeadlineFont(),
-  headlineFontFamily = _loadHeadlineFont.fontFamily;
-var _loadBodyFont = loadBodyFont(),
-  bodyFontFamily = _loadBodyFont.fontFamily;
+var headlineFontFamily = FONT_FAMILIES.OSWALD;
+var bodyFontFamily = FONT_FAMILIES.POPPINS;
 var withAlpha = function withAlpha(color, alpha) {
   if (!color || typeof color !== 'string' || !color.startsWith('#')) {
     return color;

package/dist/screenplay/RemotionRenderer/components/layouts/CreatorCollabRackFocus.js

@@ -1,7 +1,6 @@
 import React from 'react';
 import { AbsoluteFill, Easing, interpolate, OffthreadVideo, useCurrentFrame, useVideoConfig } from 'remotion';
-import { loadFont as loadHeadlineFont } from '@remotion/google-fonts/Oswald';
-import { loadFont as loadBodyFont } from '@remotion/google-fonts/Poppins';
+import { FONT_FAMILIES } from '../../fontRegistry.js';
 import { useOrientationBased } from '../../hooks/useOrientationBased.js';
 import { useTheme } from '../../theme/hooks/useTheme.js';
 import { distributeTextToFit } from '../../theme/themes/default/Sentence/SentenceSimple.helpers.js';
@@ -10,10 +9,8 @@ import { BlurOverlay } from '../utils/BlurOverlay';
 import { CHROME_PADDING } from '../../config.js';
 import { useVirtualBackground } from '../../hooks/useVirtualBackground';
 import { VirtualBackgroundUnderlay } from '../backgrounds/VirtualBackgroundUnderlay';
-var _loadHeadlineFont = loadHeadlineFont(),
-  headlineFontFamily = _loadHeadlineFont.fontFamily;
-var _loadBodyFont = loadBodyFont(),
-  bodyFontFamily = _loadBodyFont.fontFamily;
+var headlineFontFamily = FONT_FAMILIES.OSWALD;
+var bodyFontFamily = FONT_FAMILIES.POPPINS;
 var withAlpha = function withAlpha(color, alpha) {
   if (!color || typeof color !== 'string' || !color.startsWith('#')) {
     return color;

package/dist/screenplay/RemotionRenderer/components/layouts/CreatorCollabSplit.js

@@ -6,7 +6,7 @@ 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 React from "react";
 import { AbsoluteFill, Easing, interpolate, OffthreadVideo, useCurrentFrame, useVideoConfig } from "remotion";
-import { loadFont } from "@remotion/google-fonts/Poppins";
+import { FONT_FAMILIES } from "../../fontRegistry.js";
 import { useOrientationBased } from "../../hooks/useOrientationBased.js";
 import { useTheme } from "../../theme/hooks/useTheme.js";
 import { distributeTextToFit } from "../../theme/themes/default/Sentence/SentenceSimple.helpers.js";
@@ -15,8 +15,7 @@ import { BlurOverlay } from "../utils/BlurOverlay";
 import { CHROME_PADDING } from "../../config.js";
 import { useVirtualBackground } from "../../hooks/useVirtualBackground";
 import { VirtualBackgroundUnderlay } from "../backgrounds/VirtualBackgroundUnderlay";
-var _loadFont = loadFont(),
-  fontFamily = _loadFont.fontFamily;
+var fontFamily = FONT_FAMILIES.POPPINS;
 var withAlpha = function withAlpha(color, alpha) {
   if (!color || typeof color !== "string" || !color.startsWith("#")) {
     return color;

package/dist/screenplay/RemotionRenderer/components/layouts/CreatorCollabStudioSet.js

@@ -1,7 +1,6 @@
 import React from 'react';
 import { AbsoluteFill, Easing, interpolate, OffthreadVideo, useCurrentFrame, useVideoConfig } from 'remotion';
-import { loadFont as loadHeadlineFont } from '@remotion/google-fonts/Oswald';
-import { loadFont as loadBodyFont } from '@remotion/google-fonts/Poppins';
+import { FONT_FAMILIES } from '../../fontRegistry.js';
 import { useOrientationBased } from '../../hooks/useOrientationBased.js';
 import { useTheme } from '../../theme/hooks/useTheme.js';
 import { distributeTextToFit } from '../../theme/themes/default/Sentence/SentenceSimple.helpers.js';
@@ -10,10 +9,8 @@ import { BlurOverlay } from '../utils/BlurOverlay';
 import { CHROME_PADDING } from '../../config.js';
 import { useVirtualBackground } from '../../hooks/useVirtualBackground';
 import { VirtualBackgroundUnderlay } from '../backgrounds/VirtualBackgroundUnderlay';
-var _loadHeadlineFont = loadHeadlineFont(),
-  headlineFontFamily = _loadHeadlineFont.fontFamily;
-var _loadBodyFont = loadBodyFont(),
-  bodyFontFamily = _loadBodyFont.fontFamily;
+var headlineFontFamily = FONT_FAMILIES.OSWALD;
+var bodyFontFamily = FONT_FAMILIES.POPPINS;
 var withAlpha = function withAlpha(color, alpha) {
   if (!color || typeof color !== 'string' || !color.startsWith('#')) {
     return color;

package/dist/screenplay/RemotionRenderer/components/layouts/DynamicTriangle.js

@@ -3,14 +3,13 @@ import { AbsoluteFill, OffthreadVideo, Audio, useVideoConfig, useCurrentFrame, E
 import { useTimeInterpolate } from "../../hooks/useTimeInterpolate.js";
 import { useOrientationBased } from "../../hooks/useOrientationBased.js";
 import { distributeTextToFit } from "../../theme/themes/default/Sentence/SentenceSimple.helpers";
-import { loadFont } from "@remotion/google-fonts/Kanit";
+import { FONT_FAMILIES } from "../../fontRegistry.js";
 import { useTheme } from "../../theme/hooks/useTheme";
 import { BlurOverlay } from "../utils/BlurOverlay";
 import { useVirtualBackground } from "../../hooks/useVirtualBackground";
 import { VirtualBackgroundUnderlay } from "../backgrounds/VirtualBackgroundUnderlay";
 import FaceCenteredVideo from "../utils/FaceCenteredVideo";
-var _loadFont = loadFont(),
-  fontFamily = _loadFont.fontFamily;
+var fontFamily = FONT_FAMILIES.KANIT;
 export var DynamicTriangle = function DynamicTriangle(_ref) {
   var _compositionProps$out, _window, _window$screenplayPro, _window$screenplayPro2;
   var children = _ref.children,

package/dist/screenplay/RemotionRenderer/components/layouts/HookVideo.js

@@ -6,7 +6,7 @@ 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 React from "react";
 import { AbsoluteFill, Audio, Img, OffthreadVideo, Sequence, interpolate, spring, staticFile, useCurrentFrame, useVideoConfig } from "remotion";
-import { loadFont as loadHeadlineFont } from "@remotion/google-fonts/Oswald";
+import { FONT_FAMILIES } from "../../fontRegistry.js";
 import { CHROME_PADDING } from "../../config.js";
 import { useOrientationBased } from "../../hooks/useOrientationBased.js";
 import { distributeTextToFit } from "../../theme/themes/default/Sentence/SentenceSimple.helpers.js";
@@ -15,8 +15,7 @@ import FaceCenteredVideo from "../utils/FaceCenteredVideo";
 import PausableImg from "../utils/PausableImg";
 import { useVirtualBackground } from "../../hooks/useVirtualBackground";
 import { VirtualBackgroundUnderlay } from "../backgrounds/VirtualBackgroundUnderlay";
-var _loadHeadlineFont = loadHeadlineFont(),
-  headlineFontFamily = _loadHeadlineFont.fontFamily;
+var headlineFontFamily = FONT_FAMILIES.OSWALD;
 var HOOK_STYLE_PRESETS = {
   punch_zoom: "punch_zoom",
   mono_shock: "mono_shock",

package/dist/screenplay/RemotionRenderer/components/layouts/IntroVideo.js

@@ -7,7 +7,7 @@ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e
 import React from "react";
 import { AbsoluteFill, Audio, Img, useVideoConfig, spring, useCurrentFrame, useVideoConfig as useVideoConfigForFps, OffthreadVideo } from "remotion";
 import { LottieAnimationGlobal } from "../LottieAnimationGlobal";
-import { loadFont } from "@remotion/google-fonts/Oswald";
+import { FONT_FAMILIES } from "../../fontRegistry.js";
 import { useOrientationBased } from "../../hooks/useOrientationBased.js";
 import { CHROME_PADDING } from "../../config.js";
 import { distributeTextToFit } from "../../theme/themes/default/Sentence/SentenceSimple.helpers.js";
@@ -17,8 +17,7 @@ import FaceCenteredVideo from "../utils/FaceCenteredVideo";
 import { BlurOverlay } from "../utils/BlurOverlay";
 import { useVirtualBackground } from "../../hooks/useVirtualBackground";
 import { VirtualBackgroundUnderlay } from "../backgrounds/VirtualBackgroundUnderlay";
-var _loadFont = loadFont(),
-  fontFamily = _loadFont.fontFamily;
+var fontFamily = FONT_FAMILIES.OSWALD;
 var Landscape = function Landscape(_ref) {
   var children = _ref.children,
     videoUrl = _ref.videoUrl,

package/dist/screenplay/RemotionRenderer/components/layouts/KeyPointOverlayDepth.js

@@ -1,7 +1,7 @@
 import React from "react";
 import { AbsoluteFill, Audio, OffthreadVideo, useVideoConfig, spring, useCurrentFrame, interpolate } from "remotion";
 import StretchText from "../utils/StretchText";
-import { loadFont } from "@remotion/google-fonts/Poppins";
+import { FONT_FAMILIES } from "../../fontRegistry.js";
 import { useOrientationBased } from "../../hooks/useOrientationBased";
 import { useTheme } from "../../theme/hooks/useTheme";
 import { getBrighterColor } from "../../helpers/hexToRgb";
@@ -9,8 +9,7 @@ import FaceCenteredVideo from "../utils/FaceCenteredVideo";
 import { BlurOverlay } from "../utils/BlurOverlay";
 import { useVirtualBackground } from "../../hooks/useVirtualBackground";
 import { VirtualBackground } from "../backgrounds/VirtualBackground";
-var _loadFont = loadFont(),
-  fontFamily = _loadFont.fontFamily;
+var fontFamily = FONT_FAMILIES.POPPINS;
 var KeyPointOverlayDepthComponent = function KeyPointOverlayDepthComponent(_ref) {
   var children = _ref.children,
     startVideoFrom = _ref.startVideoFrom,

package/dist/screenplay/RemotionRenderer/components/layouts/Keyword.js

@@ -4,7 +4,7 @@ function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object
 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 { AbsoluteFill, Audio, Easing, Img, interpolate, OffthreadVideo, useCurrentFrame, useVideoConfig } from "remotion";
-import { loadFont } from "@remotion/google-fonts/Poppins";
+import { FONT_FAMILIES } from "../../fontRegistry.js";
 import React from "react";
 import { useOrientationBased } from "../../hooks/useOrientationBased.js";
 import { useTheme } from "../../theme/hooks/useTheme.js";
@@ -18,8 +18,7 @@ import PausableImg from "../utils/PausableImg";
 import { BlurOverlay } from "../utils/BlurOverlay";
 import { useVirtualBackground } from "../../hooks/useVirtualBackground";
 import { VirtualBackgroundUnderlay } from "../backgrounds/VirtualBackgroundUnderlay";
-var _loadFont = loadFont(),
-  fontFamily = _loadFont.fontFamily;
+var fontFamily = FONT_FAMILIES.POPPINS;
 var landscapeClipPath = "polygon(0% 0%, 100% 0%, 90% 100%, 0% 100%)";
 var portraitClipPath = "polygon(0 0, 100% 0, 100% 90%, 0% 100%)";
 var squareClipPath = "polygon(0% 0%, 100% 0%, 90% 100%, 0% 100%)";

package/dist/screenplay/RemotionRenderer/components/layouts/KeywordStudioBackdrop.js

@@ -6,7 +6,7 @@ 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, OffthreadVideo, useCurrentFrame, useVideoConfig, spring, interpolate, Easing } from "remotion";
-import { loadFont } from "@remotion/google-fonts/Poppins";
+import { FONT_FAMILIES } from "../../fontRegistry.js";
 import { useOrientationBased } from "../../hooks/useOrientationBased.js";
 import { CHROME_PADDING } from "../../config.js";
 import FaceCenteredVideo from "../utils/FaceCenteredVideo";
@@ -47,8 +47,7 @@ var seededShuffle = function seededShuffle(arr, key) {
   }
   return a;
 };
-var _loadFont = loadFont(),
-  fontFamily = _loadFont.fontFamily;
+var fontFamily = FONT_FAMILIES.POPPINS;
 
 // Reuse the rotating words treatment from Keyword.jsx, but with
 // spring-in + continuous sine/cos drift and better fitting.

package/dist/screenplay/RemotionRenderer/components/layouts/MotionStill.js

@@ -6,7 +6,7 @@ function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object
 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 { AbsoluteFill, Audio, Easing, Img, interpolate, OffthreadVideo, useCurrentFrame, useVideoConfig } from "remotion";
-import { loadFont } from "@remotion/google-fonts/Poppins";
+import { FONT_FAMILIES } from "../../fontRegistry.js";
 import React from "react";
 import { useOrientationBased } from "../../hooks/useOrientationBased.js";
 import { useTheme } from "../../theme/hooks/useTheme.js";
@@ -19,8 +19,7 @@ import { BlurOverlay } from "../utils/BlurOverlay";
 import { useVirtualBackground } from "../../hooks/useVirtualBackground";
 import { VirtualBackground } from "../backgrounds/VirtualBackground";
 import { VirtualBackgroundUnderlay } from "../backgrounds/VirtualBackgroundUnderlay";
-var _loadFont = loadFont(),
-  fontFamily = _loadFont.fontFamily;
+var fontFamily = FONT_FAMILIES.POPPINS;
 var landscapeClipPath = "polygon(100% 0%, 100% 100%, 7% 100%, 0 20%, 7% 0)";
 var portraitClipPath = "polygon(100% 0, 100% 95%, 10% 100%, 0 95%, 0% 0%)";
 var squareClipPath = "polygon(94% 0, 100% 14%, 89% 100%, 0% 100%, 0% 0%)";

package/dist/screenplay/RemotionRenderer/components/layouts/TextWithVideo.js

@@ -5,7 +5,7 @@ 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 React from "react";
 import { AbsoluteFill, Audio, Easing, OffthreadVideo, useVideoConfig } from "remotion";
-import { loadFont } from "@remotion/google-fonts/Poppins";
+import { FONT_FAMILIES } from "../../fontRegistry.js";
 import { useOrientationBased } from "../../hooks/useOrientationBased.js";
 import { distributeTextToFit } from "../../theme/themes/default/Sentence/SentenceSimple.helpers.js";
 import { useTheme } from "../../theme/hooks/useTheme.js";
@@ -17,8 +17,7 @@ import PausableImg from "../utils/PausableImg";
 import { BlurOverlay } from "../utils/BlurOverlay";
 import { useVirtualBackground } from "../../hooks/useVirtualBackground";
 import { VirtualBackgroundUnderlay } from "../backgrounds/VirtualBackgroundUnderlay";
-var _loadFont = loadFont(),
-  fontFamily = _loadFont.fontFamily;
+var fontFamily = FONT_FAMILIES.POPPINS;
 var adjustTimings = function adjustTimings(timings, adjustment) {
   return timings.map(function (timing) {
     return timing + adjustment;