@yahoo/uds-v5-wip 1.56.0 → 1.58.0

package/dist/remotion/dist/components/text-overlay.js

@@ -1,16 +0,0 @@
-import { createComponent } from "../../../core/dist/createComponent.js";
-import "../../../core/dist/index.js";
-import { jsx, jsxs } from "react/jsx-runtime";
-//#region ../remotion/dist/components/text-overlay.js
-/**
-* @description Full-screen text overlay for displaying text over video or images
-*/
-const TextOverlay = createComponent(({ props, text, children }) => /* @__PURE__ */ jsxs("div", {
-	...props.root,
-	children: [/* @__PURE__ */ jsx("div", {
-		...props.text,
-		children: text
-	}), children]
-}));
-//#endregion
-export { TextOverlay };

package/dist/remotion/dist/components/title-card.config.js

@@ -1,56 +0,0 @@
-import { defaultFoundationPreset } from "../../../foundational-presets/dist/defaultPreset.js";
-import "../../../foundational-presets/dist/index.js";
-import { textVariants } from "../../../components/dist/text.config.js";
-//#region ../remotion/dist/components/title-card.config.js
-const titleCardConfig = defaultFoundationPreset.defineRemotionComponent("TitleCard", ({ tokens }) => ({
-	type: "scene",
-	defaultDuration: 90,
-	description: "Full-screen title card with optional subtitle",
-	config: {
-		base: {
-			root: {
-				display: "flex",
-				flexDirection: "column",
-				alignItems: "center",
-				justifyContent: "center",
-				height: "100%",
-				width: "100%",
-				padding: tokens.spacing["12"],
-				gap: tokens.spacing["6"],
-				backgroundColor: tokens.bg.primary,
-				color: tokens.color["on-primary"],
-				position: "relative",
-				overflow: "hidden"
-			},
-			title: {
-				...textVariants.display1,
-				fontWeight: tokens.fontWeight.bold,
-				textAlign: "center",
-				lineHeight: tokens.lineHeight.tight,
-				letterSpacing: tokens.letterSpacing.tight
-			},
-			subtitle: {
-				...textVariants.display4,
-				textAlign: "center",
-				opacity: "0.6",
-				maxWidth: "48rem"
-			}
-		},
-		variants: { variant: {
-			brand: { root: {
-				backgroundColor: tokens.bg.brand,
-				color: tokens.color["on-brand"]
-			} },
-			accent: { root: {
-				backgroundColor: tokens.bg.accent,
-				color: tokens.color["on-accent"]
-			} },
-			inverse: { root: {
-				backgroundColor: tokens.bg.inverse,
-				color: tokens.color["on-inverse"]
-			} }
-		} }
-	}
-}));
-//#endregion
-export { titleCardConfig };

package/dist/remotion/dist/components/title-card.d.ts

@@ -1,19 +0,0 @@
-import * as _$react from "react";
-import * as _$_uds_types0 from "@uds/types";
-
-//#region ../remotion/dist/components/title-card.d.ts
-//#region src/components/title-card.d.ts
-/**
- * @description Full-screen title card with optional subtitle for video scenes
- */
-declare const TitleCard: _$react.FC<_$_uds_types0.CreateComponentProps<string, {
-  title: string;
-  subtitle?: string;
-  children?: React.ReactNode;
-}, {
-  root: "div";
-  title: "div";
-  subtitle: "div";
-}>>; //#endregion
-//#endregion
-export { TitleCard };

package/dist/remotion/dist/components/title-card.js

@@ -1,23 +0,0 @@
-import { createComponent } from "../../../core/dist/createComponent.js";
-import "../../../core/dist/index.js";
-import { jsx, jsxs } from "react/jsx-runtime";
-//#region ../remotion/dist/components/title-card.js
-/**
-* @description Full-screen title card with optional subtitle for video scenes
-*/
-const TitleCard = createComponent(({ props, title, subtitle, children }) => /* @__PURE__ */ jsxs("div", {
-	...props.root,
-	children: [
-		/* @__PURE__ */ jsx("div", {
-			...props.title,
-			children: title
-		}),
-		subtitle && /* @__PURE__ */ jsx("div", {
-			...props.subtitle,
-			children: subtitle
-		}),
-		children
-	]
-}));
-//#endregion
-export { TitleCard };

package/dist/remotion/dist/components/typing-text.config.js

@@ -1,57 +0,0 @@
-import { defaultFoundationPreset } from "../../../foundational-presets/dist/defaultPreset.js";
-import "../../../foundational-presets/dist/index.js";
-import { textVariants } from "../../../components/dist/text.config.js";
-//#region ../remotion/dist/components/typing-text.config.js
-const typingTextConfig = defaultFoundationPreset.defineRemotionComponent("TypingText", ({ tokens }) => ({
-	type: "scene",
-	defaultDuration: 180,
-	description: "Typing text animation that reveals characters frame by frame",
-	config: {
-		base: {
-			root: {
-				display: "flex",
-				flexDirection: "column",
-				alignItems: "center",
-				justifyContent: "center",
-				height: "100%",
-				width: "100%",
-				padding: tokens.spacing["12"],
-				backgroundColor: tokens.bg.primary,
-				color: tokens.color["on-primary"]
-			},
-			text: {
-				...textVariants.display2,
-				fontFamily: tokens.fontFamily.mono,
-				whiteSpace: "pre-wrap",
-				display: "inline",
-				textAlign: "center"
-			},
-			cursor: {
-				display: "inline-block",
-				width: "3px",
-				height: "1.2em",
-				backgroundColor: tokens.color["on-primary"],
-				verticalAlign: "text-bottom",
-				marginLeft: "1px"
-			}
-		},
-		variants: { variant: {
-			brand: {
-				root: {
-					backgroundColor: tokens.bg.brand,
-					color: tokens.color["on-brand"]
-				},
-				cursor: { backgroundColor: tokens.color["on-brand"] }
-			},
-			inverse: {
-				root: {
-					backgroundColor: tokens.bg.inverse,
-					color: tokens.color["on-inverse"]
-				},
-				cursor: { backgroundColor: tokens.color["on-inverse"] }
-			}
-		} }
-	}
-}));
-//#endregion
-export { typingTextConfig };

package/dist/remotion/dist/components/typing-text.d.ts

@@ -1,21 +0,0 @@
-import * as _$react from "react";
-import * as _$_uds_types0 from "@uds/types";
-
-//#region ../remotion/dist/components/typing-text.d.ts
-//#region src/components/typing-text.d.ts
-/**
- * @description Typing text animation that reveals characters frame by frame
- */
-declare const TypingText: _$react.FC<_$_uds_types0.CreateComponentProps<string, {
-  text: string; /** Characters revealed per frame (default: 1) */
-  speed?: number; /** Frames to wait before typing starts (default: 0) */
-  delay?: number; /** Current frame number — used for frame-based text reveal. When omitted, shows full text. */
-  frame?: number;
-  children?: React.ReactNode;
-}, {
-  root: "div";
-  text: "div";
-  cursor: "div";
-}>>; //#endregion
-//#endregion
-export { TypingText };

package/dist/remotion/dist/components/typing-text.js

@@ -1,23 +0,0 @@
-import { createComponent } from "../../../core/dist/createComponent.js";
-import "../../../core/dist/index.js";
-import { jsx, jsxs } from "react/jsx-runtime";
-//#region ../remotion/dist/components/typing-text.js
-/**
-* @description Typing text animation that reveals characters frame by frame
-*/
-const TypingText = createComponent(({ props, text, speed = 1, delay = 0, frame, children }) => {
-	const isAnimating = frame != null;
-	const effectiveFrame = isAnimating ? Math.max(frame - delay, 0) : 0;
-	const charsToShow = isAnimating ? Math.min(Math.floor(effectiveFrame * speed), text.length) : text.length;
-	const visibleText = text.slice(0, charsToShow);
-	const showCursor = isAnimating && charsToShow < text.length;
-	return /* @__PURE__ */ jsxs("div", {
-		...props.root,
-		children: [/* @__PURE__ */ jsxs("div", {
-			...props.text,
-			children: [visibleText, showCursor && /* @__PURE__ */ jsx("span", { ...props.cursor })]
-		}), children]
-	});
-});
-//#endregion
-export { TypingText };

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

@@ -1,8 +0,0 @@
-import { ImageSlide } from "./components/image-slide.js";
-import { LowerThird } from "./components/lower-third.js";
-import { QuoteCard } from "./components/quote-card.js";
-import { SplitScreen } from "./components/split-screen.js";
-import { StatCard } from "./components/stat-card.js";
-import { TextOverlay } from "./components/text-overlay.js";
-import { TitleCard } from "./components/title-card.js";
-import { TypingText } from "./components/typing-text.js";

package/dist/remotion/dist/index.js

@@ -1,8 +0,0 @@
-import "./components/image-slide.js";
-import "./components/lower-third.js";
-import "./components/quote-card.js";
-import "./components/split-screen.js";
-import "./components/stat-card.js";
-import "./components/text-overlay.js";
-import "./components/title-card.js";
-import "./components/typing-text.js";

package/dist/remotion/dist/transitions/fade.js

@@ -1,19 +0,0 @@
-import { defaultFoundationPreset } from "../../../foundational-presets/dist/defaultPreset.js";
-import "../../../foundational-presets/dist/index.js";
-//#region ../remotion/dist/transitions/fade.js
-const fadeTransitionConfig = defaultFoundationPreset.defineRemotionTransition("fade", {
-	defaultDuration: 15,
-	description: "Fade transition",
-	enter: [{
-		property: "opacity",
-		from: 0,
-		to: 1
-	}],
-	exit: [{
-		property: "opacity",
-		from: 1,
-		to: 0
-	}]
-});
-//#endregion
-export { fadeTransitionConfig };

package/dist/remotion/dist/transitions/index.js

@@ -1,7 +0,0 @@
-import "./fade.js";
-import "./slide-down.js";
-import "./slide-left.js";
-import "./slide-right.js";
-import "./slide-up.js";
-import "./wipe.js";
-import "./zoom.js";

package/dist/remotion/dist/transitions/slide-down.js

@@ -1,21 +0,0 @@
-import { defaultFoundationPreset } from "../../../foundational-presets/dist/defaultPreset.js";
-import "../../../foundational-presets/dist/index.js";
-//#region ../remotion/dist/transitions/slide-down.js
-const slideDownTransitionConfig = defaultFoundationPreset.defineRemotionTransition("slideDown", {
-	defaultDuration: 15,
-	description: "Slide from top",
-	enter: [{
-		property: "translateY",
-		from: -100,
-		to: 0,
-		unit: "%"
-	}],
-	exit: [{
-		property: "translateY",
-		from: 0,
-		to: 100,
-		unit: "%"
-	}]
-});
-//#endregion
-export { slideDownTransitionConfig };

package/dist/remotion/dist/transitions/slide-left.js

@@ -1,21 +0,0 @@
-import { defaultFoundationPreset } from "../../../foundational-presets/dist/defaultPreset.js";
-import "../../../foundational-presets/dist/index.js";
-//#region ../remotion/dist/transitions/slide-left.js
-const slideLeftTransitionConfig = defaultFoundationPreset.defineRemotionTransition("slideLeft", {
-	defaultDuration: 15,
-	description: "Slide from left",
-	enter: [{
-		property: "translateX",
-		from: -100,
-		to: 0,
-		unit: "%"
-	}],
-	exit: [{
-		property: "translateX",
-		from: 0,
-		to: -100,
-		unit: "%"
-	}]
-});
-//#endregion
-export { slideLeftTransitionConfig };

package/dist/remotion/dist/transitions/slide-right.js

@@ -1,21 +0,0 @@
-import { defaultFoundationPreset } from "../../../foundational-presets/dist/defaultPreset.js";
-import "../../../foundational-presets/dist/index.js";
-//#region ../remotion/dist/transitions/slide-right.js
-const slideRightTransitionConfig = defaultFoundationPreset.defineRemotionTransition("slideRight", {
-	defaultDuration: 15,
-	description: "Slide from right",
-	enter: [{
-		property: "translateX",
-		from: 100,
-		to: 0,
-		unit: "%"
-	}],
-	exit: [{
-		property: "translateX",
-		from: 0,
-		to: 100,
-		unit: "%"
-	}]
-});
-//#endregion
-export { slideRightTransitionConfig };

package/dist/remotion/dist/transitions/slide-up.js

@@ -1,21 +0,0 @@
-import { defaultFoundationPreset } from "../../../foundational-presets/dist/defaultPreset.js";
-import "../../../foundational-presets/dist/index.js";
-//#region ../remotion/dist/transitions/slide-up.js
-const slideUpTransitionConfig = defaultFoundationPreset.defineRemotionTransition("slideUp", {
-	defaultDuration: 15,
-	description: "Slide from bottom",
-	enter: [{
-		property: "translateY",
-		from: 100,
-		to: 0,
-		unit: "%"
-	}],
-	exit: [{
-		property: "translateY",
-		from: 0,
-		to: -100,
-		unit: "%"
-	}]
-});
-//#endregion
-export { slideUpTransitionConfig };

package/dist/remotion/dist/transitions/wipe.js

@@ -1,21 +0,0 @@
-import { defaultFoundationPreset } from "../../../foundational-presets/dist/defaultPreset.js";
-import "../../../foundational-presets/dist/index.js";
-//#region ../remotion/dist/transitions/wipe.js
-const wipeTransitionConfig = defaultFoundationPreset.defineRemotionTransition("wipe", {
-	defaultDuration: 20,
-	description: "Horizontal wipe",
-	enter: [{
-		property: "translateX",
-		from: 100,
-		to: 0,
-		unit: "%"
-	}],
-	exit: [{
-		property: "translateX",
-		from: 0,
-		to: -100,
-		unit: "%"
-	}]
-});
-//#endregion
-export { wipeTransitionConfig };

package/dist/remotion/dist/transitions/zoom.js

@@ -1,19 +0,0 @@
-import { defaultFoundationPreset } from "../../../foundational-presets/dist/defaultPreset.js";
-import "../../../foundational-presets/dist/index.js";
-//#region ../remotion/dist/transitions/zoom.js
-const zoomTransitionConfig = defaultFoundationPreset.defineRemotionTransition("zoom", {
-	defaultDuration: 15,
-	description: "Zoom in/out",
-	enter: [{
-		property: "scale",
-		from: 0,
-		to: 1
-	}],
-	exit: [{
-		property: "scale",
-		from: 1,
-		to: 0
-	}]
-});
-//#endregion
-export { zoomTransitionConfig };

package/dist/remotion.d.ts

@@ -1,9 +0,0 @@
-import { ImageSlide } from "./remotion/dist/components/image-slide.js";
-import { LowerThird } from "./remotion/dist/components/lower-third.js";
-import { QuoteCard } from "./remotion/dist/components/quote-card.js";
-import { SplitScreen } from "./remotion/dist/components/split-screen.js";
-import { StatCard } from "./remotion/dist/components/stat-card.js";
-import { TextOverlay } from "./remotion/dist/components/text-overlay.js";
-import { TitleCard } from "./remotion/dist/components/title-card.js";
-import { TypingText } from "./remotion/dist/components/typing-text.js";
-export { ImageSlide, LowerThird, QuoteCard, SplitScreen, StatCard, TextOverlay, TitleCard, TypingText };

package/dist/remotion.js

@@ -1,10 +0,0 @@
-import { ImageSlide } from "./remotion/dist/components/image-slide.js";
-import { LowerThird } from "./remotion/dist/components/lower-third.js";
-import { QuoteCard } from "./remotion/dist/components/quote-card.js";
-import { SplitScreen } from "./remotion/dist/components/split-screen.js";
-import { StatCard } from "./remotion/dist/components/stat-card.js";
-import { TextOverlay } from "./remotion/dist/components/text-overlay.js";
-import { TitleCard } from "./remotion/dist/components/title-card.js";
-import { TypingText } from "./remotion/dist/components/typing-text.js";
-import "./remotion/dist/index.js";
-export { ImageSlide, LowerThird, QuoteCard, SplitScreen, StatCard, TextOverlay, TitleCard, TypingText };