motionrender 0.2.0 → 0.2.2

package/dist/types/packages/react/src/components.d.ts

@@ -0,0 +1,166 @@
+import { type CSSProperties, type ReactElement, type ReactNode } from 'react';
+import { type SpringPreset } from './springs.js';
+export type AmbientGlowOrb = {
+    x: number | string;
+    y: number | string;
+    size?: number | string;
+    color: string;
+    opacity?: number;
+    speed?: number;
+    phase?: number;
+};
+export type AmbientGlowProps = {
+    orbs?: AmbientGlowOrb[];
+    style?: CSSProperties;
+    blur?: number;
+};
+/**
+ * Creates atmospheric floating light orbs with gentle sine wave drift.
+ */
+export declare function AmbientGlow({ orbs, style, blur, }: AmbientGlowProps): ReactElement;
+export type GlassCardProps = {
+    children?: ReactNode;
+    style?: CSSProperties;
+    delay?: number;
+    preset?: SpringPreset;
+    interactive?: boolean;
+};
+/**
+ * Modern frosted-glass surface with smooth spring entry and border highlight.
+ */
+export declare function GlassCard({ children, style, delay, preset, }: GlassCardProps): ReactElement;
+export type WordTrigger = {
+    word: string;
+    frame: number;
+};
+export type KineticTextProps = {
+    text: string;
+    delay?: number;
+    staggerDelay?: number;
+    preset?: SpringPreset;
+    style?: CSSProperties;
+    wordStyle?: CSSProperties;
+    wordTriggers?: WordTrigger[];
+};
+/**
+ * Staggered kinetic typography reveal with spring physics on every word.
+ * Supports optional per-word frame triggers (from narration timestamps) via `wordTriggers`.
+ */
+export declare function KineticText({ text, delay, staggerDelay, preset, style, wordStyle, wordTriggers, }: KineticTextProps): ReactElement;
+export type NumberTickerProps = {
+    value: number;
+    from?: number;
+    prefix?: string;
+    suffix?: string;
+    decimals?: number;
+    delay?: number;
+    duration?: number;
+    preset?: SpringPreset;
+    style?: CSSProperties;
+};
+/**
+ * Animated metric and counter ticker with spring easing and clean number formatting.
+ */
+export declare function NumberTicker({ value, from, prefix, suffix, decimals, delay, preset, style, }: NumberTickerProps): ReactElement;
+export type BadgeProps = {
+    children?: ReactNode;
+    dot?: boolean;
+    dotColor?: string;
+    delay?: number;
+    style?: CSSProperties;
+};
+/**
+ * SaaS pill badge with status indicator and subtle entrance spring.
+ */
+export declare function Badge({ children, dot, dotColor, delay, style, }: BadgeProps): ReactElement;
+export type DeviceFrameProps = {
+    children?: ReactNode;
+    title?: string;
+    url?: string;
+    delay?: number;
+    style?: CSSProperties;
+};
+/**
+ * Modern browser window frame with macOS traffic light controls and subtle 3D perspective tilt.
+ */
+export declare function DeviceFrame({ children, title, url, delay, style, }: DeviceFrameProps): ReactElement;
+export type ProgressBarProps = {
+    value: number;
+    delay?: number;
+    color?: string;
+    height?: number;
+    style?: CSSProperties;
+};
+/**
+ * Animated progress bar with glowing fill.
+ */
+export declare function ProgressBar({ value, delay, color, height, style, }: ProgressBarProps): ReactElement;
+export type BentoGridProps = {
+    columns?: number | string;
+    gap?: number | string;
+    style?: CSSProperties;
+    children?: ReactNode;
+};
+/**
+ * Responsive Bento Grid container for modular layout design.
+ */
+export declare function BentoGrid({ columns, gap, style, children, }: BentoGridProps): ReactElement;
+export type BentoCardProps = {
+    colSpan?: number | string;
+    rowSpan?: number | string;
+    title?: ReactNode;
+    subtitle?: ReactNode;
+    badge?: ReactNode;
+    icon?: ReactNode;
+    delay?: number;
+    preset?: SpringPreset;
+    glowColor?: string;
+    style?: CSSProperties;
+    children?: ReactNode;
+};
+/**
+ * Modern glassmorphic Bento card with spring reveal and optional title/badge/icon.
+ */
+export declare function BentoCard({ colSpan, rowSpan, title, subtitle, badge, icon, delay, preset, glowColor, style, children, }: BentoCardProps): ReactElement;
+export type TypewriterProps = {
+    text: string;
+    delay?: number;
+    speed?: number;
+    cursor?: boolean;
+    cursorChar?: string;
+    cursorBlinkSpeed?: number;
+    style?: CSSProperties;
+    cursorStyle?: CSSProperties;
+};
+/**
+ * Typewriter text effect with animated typing cursor and blinking cursor.
+ */
+export declare function Typewriter({ text, delay, speed, cursor, cursorChar, cursorBlinkSpeed, style, cursorStyle, }: TypewriterProps): ReactElement;
+export type WaveformProps = {
+    bars?: number;
+    height?: number;
+    color?: string;
+    activeColor?: string;
+    speed?: number;
+    delay?: number;
+    preset?: SpringPreset;
+    style?: CSSProperties;
+};
+/**
+ * Animated dynamic waveform audio visualizer bars.
+ */
+export declare function Waveform({ bars, height, color, activeColor, speed, delay, preset, style, }: WaveformProps): ReactElement;
+export type CodeEditorProps = {
+    filename?: string;
+    code: string;
+    language?: string;
+    delay?: number;
+    highlightLines?: number[];
+    showLineNumbers?: boolean;
+    preset?: SpringPreset;
+    style?: CSSProperties;
+};
+/**
+ * Developer code terminal / editor card with line numbers and active glow.
+ */
+export declare function CodeEditor({ filename, code, language, delay, highlightLines, showLineNumbers, preset, style, }: CodeEditorProps): ReactElement;

package/dist/types/packages/react/src/index.d.ts

@@ -1,6 +1,27 @@
 import { type CSSProperties, type HTMLAttributes, type ImgHTMLAttributes, type ReactElement, type ReactNode } from 'react';
-import { interpolate, spring } from '../../builder/src/index.js';
-export { interpolate, spring };
+import { interpolate } from '../../builder/src/index.js';
+export { interpolate };
+/**
+ * Calculates spring physics animation value. Fully compatible with both Remotion and Open Video Engine options.
+ */
+export declare function spring(options: {
+    frame: number;
+    fps?: number;
+    damping?: number;
+    stiffness?: number;
+    mass?: number;
+    from?: number;
+    to?: number;
+    durationInFrames?: number;
+    config?: {
+        damping?: number;
+        stiffness?: number;
+        mass?: number;
+        overshootClamping?: boolean;
+    };
+}): number;
+export * from './springs.js';
+export * from './components.js';
 export type VideoConfig = {
     id?: string;
     width: number;
@@ -74,3 +95,34 @@ export declare const Easing: {
 };
 /** A number from 0 up to 1 that is the same for the same seed on every render (Math.random is not). */
 export declare function random(seed: string | number): number;
+/** Resolves asset paths like staticFile('logo.png') in Remotion-compatible projects. */
+export declare const staticFile: (src: string) => string;
+/** Loops its children every `durationInFrames` frames. */
+export declare function Loop({ durationInFrames, times, children }: {
+    durationInFrames: number;
+    times?: number;
+    children?: ReactNode;
+}): ReactElement | null;
+/** Freezes the frame value for its children at a specific frame number. */
+export declare function Freeze({ frame, children }: {
+    frame?: number;
+    children?: ReactNode;
+}): ReactElement;
+export type CompositionProps<T = Record<string, unknown>> = {
+    id: string;
+    component: React.ComponentType<T>;
+    durationInFrames: number;
+    fps?: number;
+    width?: number;
+    height?: number;
+    defaultProps?: T;
+};
+/** Remotion-compatible Composition declaration component. */
+export declare function Composition<T = Record<string, unknown>>(props: CompositionProps<T>): ReactElement | null;
+/** Remotion-compatible Folder component for organizing compositions. */
+export declare function Folder({ children }: {
+    name: string;
+    children?: ReactNode;
+}): ReactElement;
+/** Remotion-compatible Still component for static image frames. */
+export declare function Still<T = Record<string, unknown>>(props: Omit<CompositionProps<T>, 'durationInFrames'>): ReactElement | null;

package/dist/types/packages/react/src/springs.d.ts

@@ -0,0 +1,25 @@
+export type SpringPreset = 'bouncy' | 'snappy' | 'smooth' | 'wobbly' | 'gentle';
+export declare const springPresets: Record<SpringPreset, {
+    damping: number;
+    stiffness: number;
+    mass: number;
+}>;
+export type SpringOptions = {
+    frame: number;
+    fps?: number;
+    preset?: SpringPreset;
+    damping?: number;
+    stiffness?: number;
+    mass?: number;
+    from?: number;
+    to?: number;
+    delay?: number;
+};
+/**
+ * Calculates a spring animation value from a frame with preset or custom damping physics.
+ */
+export declare function springValue(options: SpringOptions): number;
+/**
+ * Calculates the frame offset for staggered item animations in a list.
+ */
+export declare function stagger(index: number, framesPerItem?: number, startDelay?: number): number;

package/dist/types/packages/schema/src/captions.d.ts

@@ -19,6 +19,8 @@ export type CaptionCue = z.infer<typeof captionCueSchema>;
 export declare function groupCaptionWords(words: CaptionWord[], maxWords?: number): CaptionCue[];
 export declare function parseCaptions(text: string, name?: string, maxWords?: number): CaptionCue[];
 export declare function formatCaptions(cues: CaptionCue[], format: 'srt' | 'vtt'): string;
+declare const fillers: Set<string>;
+export { fillers };
 export declare const captionKey: (word: string) => string;
 export declare function dropFillerWords(cues: CaptionCue[]): CaptionCue[];
 export declare const captionLines: (cues: CaptionCue[], maxWords: number) => CaptionCue[];