@microfox/remotion 1.0.2 → 1.2.0

package/dist/index.d.mts

@@ -1,931 +0,0 @@
-import * as React$1 from 'react';
-import React__default, { CSSProperties, ReactNode, ComponentType as ComponentType$1 } from 'react';
-import { z } from 'zod';
-import { VideoConfig, CalculateMetadataFunction } from 'remotion';
-
-type Boundaries = {
-    left?: number | string;
-    top?: number | string;
-    width?: number | string;
-    height?: number | string;
-    right?: number | string;
-    bottom?: number | string;
-    zIndex?: number;
-};
-type Timing = {
-    start?: number;
-    duration?: number;
-};
-type CalculatedBoundaries = {
-    left?: number;
-    top?: number;
-    right?: number;
-    bottom?: number;
-    width?: number;
-    height?: number;
-    zIndex?: number;
-};
-type CalculatedTiming = {
-    startInFrames?: number;
-    durationInFrames?: number;
-    start?: number;
-    duration?: number;
-    fitDurationTo?: string[] | string;
-};
-type Hierarchy = {
-    depth: number;
-    parentIds: string[];
-};
-interface BaseRenderableContext {
-    overrideStyle?: CSSProperties;
-}
-interface RenderableContext extends BaseRenderableContext {
-    boundaries?: CalculatedBoundaries;
-    timing?: CalculatedTiming;
-    hierarchy?: Hierarchy;
-}
-interface InternalRenderableContext extends BaseRenderableContext {
-    boundaries: CalculatedBoundaries;
-    timing?: CalculatedTiming;
-    hierarchy: Hierarchy;
-}
-type RenderableData = {
-    [key: string]: any;
-};
-interface BaseComponentData {
-    id: string;
-    componentId: string;
-    type: ComponentType;
-    data?: RenderableData;
-    context?: RenderableContext;
-    childrenData?: RenderableComponentData[];
-    effects?: BaseEffect[];
-}
-type BaseEffect = string | {
-    id: string;
-    componentId: string;
-    data?: RenderableData;
-    context?: RenderableContext;
-};
-type ComponentType = 'atom' | 'layout' | 'frame' | 'scene' | 'transition';
-interface AtomComponentData extends BaseComponentData {
-    type: 'atom';
-    data?: RenderableData & {
-        boundaries?: Boundaries;
-    };
-    context?: RenderableContext;
-}
-interface LayoutComponentData extends BaseComponentData {
-    type: 'layout';
-    data?: RenderableData & {
-        boundaries?: Boundaries;
-        timing?: Timing;
-    };
-    context?: RenderableContext;
-}
-interface FrameComponentData extends BaseComponentData {
-    type: 'frame';
-    data?: RenderableData & {
-        boundaries?: Boundaries;
-        timing?: Timing;
-    };
-    context?: RenderableContext;
-}
-interface SceneComponentData extends BaseComponentData {
-    type: 'scene';
-    data?: RenderableData & {
-        timing?: Timing;
-    };
-}
-interface TransitionComponentData extends BaseComponentData {
-    type: 'transition';
-    data?: RenderableData & {
-        timing?: Timing;
-    };
-}
-type RenderableComponentData = AtomComponentData | LayoutComponentData | FrameComponentData | SceneComponentData | TransitionComponentData;
-interface BaseRenderableProps {
-    id: string;
-    componentId: string;
-    type: ComponentType;
-    data?: RenderableData;
-    context?: InternalRenderableContext;
-    children?: ReactNode;
-}
-interface BaseRenderableData extends BaseComponentData {
-    childrenData?: RenderableComponentData[];
-    context?: RenderableContext;
-}
-
-interface BoundaryConstraints {
-    x?: number | string;
-    y?: number | string;
-    width?: number | string;
-    height?: number | string;
-    zIndex?: number;
-}
-interface TimingConstraints {
-    startFrame?: number;
-    durationFrames?: number;
-    delay?: number;
-}
-interface LayoutConstraints {
-    alignment?: 'top-left' | 'top-center' | 'top-right' | 'center-left' | 'center' | 'center-right' | 'bottom-left' | 'bottom-center' | 'bottom-right';
-    padding?: number;
-    spacing?: number;
-    columns?: number;
-    rows?: number;
-}
-
-interface CompositionContext {
-    childrenData?: RenderableComponentData[];
-    width: number;
-    height: number;
-    duration: number;
-    fps: number;
-    currentFrame: number;
-}
-
-interface ComponentConfig {
-    displayName: string;
-    type?: ComponentType;
-    isInnerSequence?: boolean;
-    [key: string]: any;
-}
-interface ComponentRegistry {
-    [key: string]: {
-        component: React.ComponentType<BaseRenderableProps>;
-        config: ComponentConfig;
-    };
-}
-interface RegistryEntry {
-    type: ComponentType;
-    component: React.ComponentType<BaseRenderableProps>;
-    config: ComponentConfig;
-    package?: string;
-}
-interface PackageRegistry {
-    [packageName: string]: {
-        [componentName: string]: {
-            component: React.ComponentType<BaseRenderableProps>;
-            config: ComponentConfig;
-        };
-    };
-}
-
-declare class ComponentRegistryManager {
-    private registry;
-    private packageRegistry;
-    registerComponent(name: string, component: React.ComponentType<any>, type: 'frame' | 'layout' | 'atom', config?: ComponentConfig, packageName?: string): void;
-    registerEffect(name: string, component: React.ComponentType<any>, config?: ComponentConfig, packageName?: string): void;
-    getComponent(name: string): React.ComponentType<any> | undefined;
-    getComponentConfig(name: string): ComponentConfig | undefined;
-    getComponentWithConfig(name: string): {
-        component: React.ComponentType<any>;
-        config: ComponentConfig;
-    } | undefined;
-    registerPackage(packageName: string, components: Record<string, {
-        component: React.ComponentType<any>;
-        config: ComponentConfig;
-    }>): void;
-    getPackageComponents(packageName: string): Record<string, {
-        component: React.ComponentType<any>;
-        config: ComponentConfig;
-    }> | undefined;
-    getAllComponents(): ComponentRegistry;
-    clear(): void;
-}
-declare const componentRegistry: ComponentRegistryManager;
-declare const registerComponent: (name: string, component: React.ComponentType<any>, type: "frame" | "layout" | "atom", config?: ComponentConfig, packageName?: string) => void;
-declare const registerEffect: (name: string, component: React.ComponentType<any>, config?: ComponentConfig, packageName?: string) => void;
-declare const registerPackage: (packageName: string, components: Record<string, {
-    component: React.ComponentType<any>;
-    config: ComponentConfig;
-}>) => void;
-declare const getComponent: (name: string) => React$1.ComponentType<any>;
-declare const getComponentConfig: (name: string) => ComponentConfig;
-declare const getComponentWithConfig: (name: string) => {
-    component: React.ComponentType<any>;
-    config: ComponentConfig;
-};
-
-interface CompositionContextValue {
-    root?: RenderableComponentData[];
-    duration: number;
-}
-interface CompositionProviderProps {
-    children: React__default.ReactNode;
-    value: CompositionContextValue;
-}
-declare const CompositionProvider: React__default.FC<CompositionProviderProps>;
-declare const useComposition: () => CompositionContextValue;
-
-declare const useRenderContext: () => RenderableContext;
-declare const ComponentRenderer: React__default.FC<BaseRenderableData>;
-
-interface FrameProps extends BaseRenderableProps {
-    data?: {
-        style?: React__default.CSSProperties;
-    };
-}
-declare const Frame: ({ children, data }: FrameProps) => React__default.JSX.Element;
-
-interface SceneFrameProps extends BaseRenderableProps {
-    children?: ReactNode;
-}
-declare const SceneFrame: React__default.FC<SceneFrameProps>;
-
-interface BaseLayoutProps extends BaseRenderableProps {
-    children?: ReactNode;
-}
-declare const Layout: ComponentType$1<BaseLayoutProps>;
-declare const config$a: ComponentConfig;
-
-type Shape = 'circle' | 'rectangle' | 'star' | 'triangle';
-interface ShapeAtomProps extends BaseRenderableProps {
-    data: {
-        shape: Shape;
-        color: string;
-        rotation?: {
-            duration: number;
-        };
-        style?: React__default.CSSProperties;
-    };
-}
-declare const Atom$5: React__default.FC<ShapeAtomProps>;
-declare const config$9: ComponentConfig;
-
-interface ImageAtomProps extends BaseRenderableProps {
-    data: {
-        src: string;
-        style?: React__default.CSSProperties;
-        className?: string;
-    };
-}
-declare const Atom$4: React__default.FC<ImageAtomProps>;
-declare const config$8: ComponentConfig;
-
-interface TextAtomData {
-    text: string;
-    style?: React__default.CSSProperties;
-    className?: string;
-    font?: {
-        family: string;
-        weights?: string[];
-        subsets?: string[];
-        display?: 'auto' | 'block' | 'swap' | 'fallback' | 'optional';
-        preload?: boolean;
-    };
-    fallbackFonts?: string[];
-}
-interface TextAtomProps$1 extends BaseRenderableProps {
-    data: TextAtomData;
-}
-declare const Atom$3: React__default.FC<TextAtomProps$1>;
-declare const config$7: ComponentConfig;
-
-declare const VideoAtomDataProps: z.ZodObject<{
-    src: z.ZodString;
-    style: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodAny>>;
-    className: z.ZodOptional<z.ZodString>;
-    startFrom: z.ZodOptional<z.ZodNumber>;
-    endAt: z.ZodOptional<z.ZodNumber>;
-    playbackRate: z.ZodOptional<z.ZodNumber>;
-    volume: z.ZodOptional<z.ZodNumber>;
-    muted: z.ZodOptional<z.ZodBoolean>;
-    loop: z.ZodOptional<z.ZodBoolean>;
-    fit: z.ZodOptional<z.ZodEnum<{
-        fill: "fill";
-        none: "none";
-        contain: "contain";
-        cover: "cover";
-        "scale-down": "scale-down";
-    }>>;
-}, z.core.$strip>;
-type VideoAtomDataProps = z.infer<typeof VideoAtomDataProps>;
-/**
- * Props interface for the VideoAtom component
- * Extends base renderable props with video-specific data
- */
-interface VideoAtomProps extends BaseRenderableProps {
-    data: VideoAtomDataProps;
-}
-/**
- * VideoAtom Component
- *
- * A Remotion component that renders video with advanced control features:
- * - Time-based trimming (start/end points)
- * - Playback rate and volume control
- * - Flexible styling and object fit options
- * - Loop functionality
- *
- * @param data - Video configuration object containing all playback and styling settings
- * @returns Remotion Video component with applied configurations
- */
-declare const Atom$2: React__default.FC<VideoAtomProps>;
-declare const config$6: ComponentConfig;
-
-declare const AudioAtomDataProps: z.ZodObject<{
-    src: z.ZodString;
-    startFrom: z.ZodOptional<z.ZodNumber>;
-    endAt: z.ZodOptional<z.ZodNumber>;
-    volume: z.ZodOptional<z.ZodNumber>;
-    playbackRate: z.ZodOptional<z.ZodNumber>;
-    muted: z.ZodOptional<z.ZodUnion<readonly [z.ZodObject<{
-        type: z.ZodLiteral<"full">;
-        value: z.ZodBoolean;
-    }, z.core.$strip>, z.ZodObject<{
-        type: z.ZodLiteral<"range">;
-        values: z.ZodArray<z.ZodObject<{
-            start: z.ZodNumber;
-            end: z.ZodNumber;
-        }, z.core.$strip>>;
-    }, z.core.$strip>]>>;
-}, z.core.$strip>;
-type AudioAtomDataProps = z.infer<typeof AudioAtomDataProps>;
-/**
- * Props interface for the AudioAtom component
- * Extends base renderable props with audio-specific data
- */
-interface AudioAtomProps extends BaseRenderableProps {
-    data: AudioAtomDataProps;
-}
-/**
- * AudioAtom Component
- *
- * A Remotion component that renders audio with advanced control features:
- * - Time-based trimming (start/end points)
- * - Volume and playback rate control
- * - Flexible muting (full track or specific time ranges)
- *
- * @param data - Audio configuration object containing all playback settings
- * @returns Remotion Audio component with applied configurations
- */
-declare const Atom$1: React__default.FC<AudioAtomProps>;
-declare const config$5: ComponentConfig;
-
-interface FontConfig$1 {
-    family: string;
-    weights?: string[];
-    subsets?: string[];
-    display?: 'auto' | 'block' | 'swap' | 'fallback' | 'optional';
-    preload?: boolean;
-}
-interface TextAtomDataWithFonts {
-    text: string;
-    style?: React__default.CSSProperties;
-    className?: string;
-    font?: FontConfig$1;
-    fallbackFonts?: string[];
-    loadingState?: {
-        showLoadingIndicator?: boolean;
-        loadingText?: string;
-        loadingStyle?: React__default.CSSProperties;
-    };
-    errorState?: {
-        showErrorIndicator?: boolean;
-        errorText?: string;
-        errorStyle?: React__default.CSSProperties;
-    };
-}
-interface TextAtomProps extends BaseRenderableProps {
-    data: TextAtomDataWithFonts;
-}
-/**
- * Enhanced TextAtom with comprehensive dynamic font loading capabilities
- *
- * Features:
- * - Dynamic Google Font loading with simplified API
- * - Loading states with visual indicators
- * - Error handling with fallbacks
- * - Multiple font weights and subsets support
- * - Font preloading for performance
- * - Graceful degradation to system fonts
- */
-declare const Atom: React__default.FC<TextAtomProps>;
-declare const config$4: ComponentConfig;
-
-declare const BlurEffect: React__default.FC<BaseRenderableProps>;
-declare const config$3: {
-    displayName: string;
-    description: string;
-    category: string;
-    props: {
-        blur: {
-            type: string;
-            description: string;
-            default: number;
-        };
-    };
-};
-
-declare const LoopEffect: React__default.FC<BaseRenderableProps>;
-declare const config$2: ComponentConfig;
-
-interface PanEffectData {
-    effectTiming?: 'start' | 'end';
-    panDuration?: number | string;
-    panStart?: number;
-    panEnd?: number;
-    panStartDelay?: number | string;
-    panEndDelay?: number | string;
-    panDirection?: 'left' | 'right' | 'up' | 'down' | 'diagonal' | 'custom';
-    panDistance?: number | [number, number][];
-    loopTimes?: number;
-    panStartPosition?: [number, number] | string;
-    panEndPosition?: [number, number] | string;
-    animationType?: 'linear' | 'spring' | 'ease-in' | 'ease-out' | 'ease-in-out';
-}
-declare const PanEffect: React__default.FC<BaseRenderableProps>;
-declare const config$1: ComponentConfig;
-
-interface ZoomEffectData {
-    effectTiming?: 'start' | 'end';
-    zoomDuration?: number | string;
-    zoomStart?: number;
-    zoomEnd?: number;
-    zoomStartDelay?: number | string;
-    zoomEndDelay?: number | string;
-    zoomDirection?: 'in' | 'out';
-    zoomDepth?: number | [number, number][];
-    loopTimes?: number;
-    zoomPosition?: [number, number] | string;
-    animationType?: 'linear' | 'spring' | 'ease-in' | 'ease-out' | 'ease-in-out';
-}
-declare const ZoomEffect: React__default.FC<BaseRenderableProps>;
-declare const config: ComponentConfig;
-
-declare const useComponentRegistry: () => {
-    registerComponent: any;
-    registerPackage: any;
-    getComponent: any;
-    getAllComponents: any;
-};
-
-interface UseBoundaryCalculationProps {
-    parentBoundaries: {
-        x: number;
-        y: number;
-        width: number;
-        height: number;
-    };
-    constraints: BoundaryConstraints;
-    layout?: LayoutConstraints;
-}
-declare const useBoundaryCalculation: ({ parentBoundaries, constraints, layout, }: UseBoundaryCalculationProps) => {
-    x: number;
-    y: number;
-    width: number;
-    height: number;
-    zIndex: number;
-};
-
-declare function buildLayoutHook<T extends z.ZodSchema>(schema: T, defaultValue: z.infer<T>): () => z.core.output<T>;
-
-interface FontConfig {
-    family: string;
-    weights?: string[];
-    subsets?: string[];
-    display?: 'auto' | 'block' | 'swap' | 'fallback' | 'optional';
-    preload?: boolean;
-}
-interface FontLoadingOptions {
-    subsets?: string[];
-    weights?: string[];
-    display?: 'auto' | 'block' | 'swap' | 'fallback' | 'optional';
-    preload?: boolean;
-}
-/**
- * Load a Google Font dynamically using dynamic imports
- * @param fontFamily - The font family name (e.g., 'Inter', 'Roboto')
- * @param options - Font loading options
- * @returns Promise that resolves with the fontFamily CSS value
- */
-declare const loadGoogleFont: (fontFamily: string, options?: FontLoadingOptions) => Promise<string>;
-/**
- * Load multiple fonts in parallel
- * @param fonts - Array of font configurations
- * @returns Promise that resolves with a map of font family names to CSS values
- */
-declare const loadMultipleFonts: (fonts: Array<{
-    family: string;
-    options?: FontLoadingOptions;
-}>) => Promise<Map<string, string>>;
-/**
- * Get font family CSS value from cache
- * @param fontFamily - The font family name
- * @param options - Font loading options
- * @returns CSS font-family value or undefined if not loaded
- */
-declare const getLoadedFontFamily: (fontFamily: string, options?: FontLoadingOptions) => string | undefined;
-/**
- * Preload common fonts for better performance
- */
-declare const preloadCommonFonts: () => Promise<Map<string, string>>;
-/**
- * Check if a font is already loaded
- * @param fontFamily - The font family name
- * @param options - Font loading options
- * @returns boolean indicating if font is loaded
- */
-declare const isFontLoaded: (fontFamily: string, options?: FontLoadingOptions) => boolean;
-/**
- * Clear font cache (useful for testing or memory management)
- */
-declare const clearFontCache: () => void;
-/**
- * Get all loaded fonts
- * @returns Map of loaded fonts
- */
-declare const getLoadedFonts: () => Map<string, string>;
-/**
- * Check if a font is available in @remotion/google-fonts
- * @param fontFamily - The font family name to check
- * @returns Promise that resolves to boolean indicating if font is available
- */
-declare const isFontAvailable: (fontFamily: string) => Promise<boolean>;
-/**
- * Get normalized font name for import
- * @param fontFamily - The font family name
- * @returns Normalized font name suitable for import
- */
-declare const getNormalizedFontName: (fontFamily: string) => string;
-
-interface UseFontLoaderOptions {
-    preload?: boolean;
-    onLoad?: (fontFamily: string, cssValue: string) => void;
-    onError?: (fontFamily: string, error: Error) => void;
-}
-interface FontLoaderState {
-    loadedFonts: Map<string, string>;
-    loadingFonts: Set<string>;
-    errorFonts: Map<string, Error>;
-}
-/**
- * Hook for managing dynamic font loading in Remotion components
- */
-declare const useFontLoader: (options?: UseFontLoaderOptions) => {
-    loadedFonts: Map<string, string>;
-    loadingFonts: Set<string>;
-    errorFonts: Map<string, Error>;
-    loadFont: (fontFamily: string, fontOptions?: FontLoadingOptions) => Promise<string>;
-    loadMultipleFonts: (fonts: Array<{
-        family: string;
-        options?: FontLoadingOptions;
-    }>) => Promise<Map<string, string>>;
-    isFontReady: (fontFamily: string, options?: FontLoadingOptions) => boolean;
-    areFontsReady: (fontFamilies: Array<{
-        family: string;
-        options?: FontLoadingOptions;
-    }>) => boolean;
-    getFontFamily: (fontFamily: string, options?: FontLoadingOptions) => string | undefined;
-    getFontError: (fontFamily: string) => Error | undefined;
-    clearErrors: () => void;
-};
-/**
- * Hook for loading a single font with automatic loading
- */
-declare const useFont: (fontFamily: string, options?: FontLoadingOptions & UseFontLoaderOptions) => {
-    loadedFonts: Map<string, string>;
-    loadingFonts: Set<string>;
-    errorFonts: Map<string, Error>;
-    loadMultipleFonts: (fonts: Array<{
-        family: string;
-        options?: FontLoadingOptions;
-    }>) => Promise<Map<string, string>>;
-    areFontsReady: (fontFamilies: Array<{
-        family: string;
-        options?: FontLoadingOptions;
-    }>) => boolean;
-    clearErrors: () => void;
-    isLoaded: boolean;
-    error: Error;
-    isReady: boolean;
-    fontFamily: string;
-};
-
-declare const createRootContext: (width: number, height: number, duration: number, fps: number) => RenderableContext;
-declare const mergeContexts: (parent: RenderableContext, child: Partial<RenderableContext>) => RenderableContext;
-
-declare const calculateGridPosition: (index: number, columns: number, cellWidth: number, cellHeight: number, spacing: number) => {
-    x: number;
-    y: number;
-    width: number;
-    height: number;
-};
-declare const calculateCircularPosition: (index: number, total: number, radius: number, centerX: number, centerY: number) => {
-    x: number;
-    y: number;
-};
-
-/**
- * Finds a component in the root data by its ID
- */
-declare const findComponentById: (root: RenderableComponentData[] | undefined, targetId: string) => RenderableComponentData | null;
-/**
- * Finds the parent component of a given component
- */
-declare const findParentComponent: (root: RenderableComponentData[] | undefined, targetId: string) => RenderableComponentData | null;
-/**
- * Calculates the hierarchy for a component based on its position in the root data
- */
-declare const calculateHierarchy: (root: RenderableComponentData[] | undefined, componentId: string, currentContext?: RenderableContext) => Hierarchy;
-/**
- * Calculates timing for a component, inheriting from parent if duration is not provided
- */
-declare const calculateTimingWithInheritance: (component: RenderableComponentData, root: RenderableComponentData[] | undefined, videoConfig: VideoConfig) => CalculatedTiming;
-
-declare const NextjsLogo: React__default.FC;
-declare const nextjsLogoConfig: ComponentConfig;
-
-declare const Rings: React__default.FC<{
-    context?: RenderableContext;
-    data?: RenderableData;
-}>;
-declare const ringsConfig: ComponentConfig;
-
-interface LayoutProps$1 extends BaseRenderableProps {
-    children: React__default.ReactNode | React__default.ReactNode[];
-}
-
-declare const RippleOutTransitionSchema: z.ZodObject<{
-    progress: z.ZodNumber;
-    logoOut: z.ZodNumber;
-}, z.core.$strip>;
-declare const useRippleOutLayout: () => {
-    progress: number;
-    logoOut: number;
-};
-type RippleOutTransitionData = z.infer<typeof RippleOutTransitionSchema>;
-declare const RippleOutLayout: React__default.FC<LayoutProps$1>;
-declare const rippleOutLayoutConfig: ComponentConfig;
-
-interface LayoutProps extends BaseRenderableProps {
-    children?: React__default.ReactNode;
-}
-declare const TextFade: (props: LayoutProps) => React__default.JSX.Element;
-declare const textFadeConfig: ComponentConfig;
-
-interface WaveformConfig {
-    audioSrc: string;
-    useFrequencyData?: boolean;
-    numberOfSamples?: number;
-    windowInSeconds?: number;
-    dataOffsetInSeconds?: number;
-    normalize?: boolean;
-    height?: number;
-    width?: number;
-    color?: string;
-    strokeWidth?: number;
-    backgroundColor?: string;
-    amplitude?: number;
-    smoothing?: boolean;
-    posterize?: number;
-}
-interface WaveformContextType {
-    waveformData: number[] | null;
-    frequencyData: number[] | null;
-    amplitudes: number[] | null;
-    audioData: any;
-    frame: number;
-    fps: number;
-    config: WaveformConfig;
-    width: number;
-    height: number;
-    bass: number | null;
-    mid: number | null;
-    treble: number | null;
-    bassValues?: number[] | null;
-    midValues?: number[] | null;
-    trebleValues?: number[] | null;
-}
-declare const useWaveformContext: () => WaveformContextType;
-interface WaveformProps {
-    config: WaveformConfig;
-    children?: ReactNode;
-    className?: string;
-    style?: React__default.CSSProperties;
-}
-declare const Waveform: React__default.FC<WaveformProps>;
-
-interface UseWaveformDataConfig {
-    audioSrc: string;
-    numberOfSamples: number;
-    windowInSeconds: number;
-    dataOffsetInSeconds?: number;
-    normalize?: boolean;
-    frame: number;
-    fps: number;
-    posterize?: number;
-    includeFrequencyData?: boolean;
-    minDb?: number;
-    maxDb?: number;
-}
-interface UseWaveformDataReturn {
-    waveformData: number[] | null;
-    frequencyData: number[] | null;
-    amplitudes: number[] | null;
-    audioData: any;
-    isLoading: boolean;
-    error: string | null;
-    bass: number | null;
-    bassValues?: number[] | null;
-    mid: number | null;
-    midValues?: number[] | null;
-    treble: number | null;
-    trebleValues?: number[] | null;
-}
-declare const useWaveformData: (config: UseWaveformDataConfig) => UseWaveformDataReturn;
-
-interface WaveformLineDataProps {
-    config: WaveformConfig & {
-        useFrequencyData?: boolean;
-    };
-    className?: string;
-    style?: React__default.CSSProperties;
-    strokeColor?: string;
-    strokeWidth?: number;
-    strokeLinecap?: 'butt' | 'round' | 'square';
-    strokeLinejoin?: 'miter' | 'round' | 'bevel';
-    fill?: string;
-    opacity?: number;
-    centerLine?: boolean;
-    centerLineColor?: string;
-    centerLineWidth?: number;
-    beatSync?: boolean;
-    bpm?: number;
-    beatThreshold?: number;
-    beatAmplitudeMultiplier?: number;
-    beatAnimationDuration?: number;
-    smoothAnimation?: boolean;
-    waveSpacing?: number;
-    waveSegments?: number;
-    waveOffset?: number;
-    waveDirection?: 'horizontal' | 'vertical';
-    amplitudeCurve?: 'linear' | 'ease-in' | 'ease-out' | 'ease-in-out' | 'bounce';
-    animationSpeed?: number;
-    pulseOnBeat?: boolean;
-    pulseColor?: string;
-    pulseScale?: number;
-}
-interface WaveformLineProps extends BaseRenderableData {
-    data: WaveformLineDataProps;
-}
-declare const WaveformLine: React__default.FC<WaveformLineProps>;
-
-interface WaveformHistogramDataProps {
-    config: any;
-    className?: string;
-    style?: React__default.CSSProperties;
-    barColor?: string;
-    barWidth?: number;
-    barSpacing?: number;
-    barBorderRadius?: number;
-    opacity?: number;
-    multiplier?: number;
-    horizontalSymmetry?: boolean;
-    verticalMirror?: boolean;
-    waveDirection?: 'right-to-left' | 'left-to-right';
-    histogramStyle?: 'centered' | 'full-width';
-    amplitude?: number;
-    gradientStartColor?: string;
-    gradientEndColor?: string;
-    gradientDirection?: 'vertical' | 'horizontal';
-    gradientStyle?: 'mirrored' | 'normal';
-}
-interface WaveformHistogramProps extends BaseRenderableData {
-    data: WaveformHistogramDataProps;
-}
-declare const WaveformHistogram: React__default.FC<WaveformHistogramProps>;
-
-interface WaveformHistogramRangedDataProps {
-    config: any;
-    className?: string;
-    style?: React__default.CSSProperties;
-    barColor?: string;
-    barWidth?: number;
-    barSpacing?: number;
-    barBorderRadius?: number;
-    opacity?: number;
-    horizontalSymmetry?: boolean;
-    verticalMirror?: boolean;
-    histogramStyle?: 'centered' | 'full-width';
-    waveDirection?: 'right-to-left' | 'left-to-right';
-    amplitude?: number;
-    showFrequencyRanges?: boolean;
-    rangeDividerColor?: string;
-    rangeLabels?: boolean;
-    bassBarColor?: string;
-    midBarColor?: string;
-    trebleBarColor?: string;
-    gradientStartColor?: string;
-    gradientEndColor?: string;
-    gradientDirection?: 'vertical' | 'horizontal';
-    gradientStyle?: 'mirrored' | 'normal';
-}
-interface WaveformHistogramRangedProps extends BaseRenderableData {
-    data: WaveformHistogramRangedDataProps;
-}
-declare const WaveformHistogramRanged: React__default.FC<WaveformHistogramRangedProps>;
-
-interface WaveformCircleDataProps {
-    config: any;
-    className?: string;
-    style?: React__default.CSSProperties;
-    strokeColor?: string;
-    strokeWidth?: number;
-    fill?: string;
-    opacity?: number;
-    radius?: number;
-    centerX?: number;
-    centerY?: number;
-    startAngle?: number;
-    endAngle?: number;
-    amplitude?: number;
-    rotationSpeed?: number;
-    gradientStartColor?: string;
-    gradientEndColor?: string;
-}
-interface WaveformCircleProps extends BaseRenderableData {
-    data: WaveformCircleDataProps;
-}
-declare const WaveformCircle: React__default.FC<WaveformCircleProps>;
-
-declare const WaveformPresets: {
-    stopgapLine: (props: WaveformLineDataProps) => {
-        componentId: string;
-        type: string;
-        data: {
-            config: {
-                audioSrc: string;
-                useFrequencyData?: boolean;
-                numberOfSamples: number;
-                windowInSeconds: number;
-                dataOffsetInSeconds?: number;
-                normalize?: boolean;
-                height: number;
-                width: number;
-                color?: string;
-                strokeWidth?: number;
-                backgroundColor?: string;
-                amplitude: number;
-                smoothing?: boolean;
-                posterize: number;
-            };
-            className?: string;
-            style?: React.CSSProperties;
-            strokeColor: string;
-            strokeWidth: number;
-            strokeLinecap: string;
-            strokeLinejoin?: "miter" | "round" | "bevel";
-            fill?: string;
-            opacity: number;
-            centerLine?: boolean;
-            centerLineColor?: string;
-            centerLineWidth?: number;
-            beatSync?: boolean;
-            bpm?: number;
-            beatThreshold?: number;
-            beatAmplitudeMultiplier?: number;
-            beatAnimationDuration?: number;
-            smoothAnimation: boolean;
-            waveSpacing?: number;
-            waveSegments?: number;
-            waveOffset?: number;
-            waveDirection?: "horizontal" | "vertical";
-            amplitudeCurve: string;
-            animationSpeed: number;
-            pulseOnBeat?: boolean;
-            pulseColor?: string;
-            pulseScale?: number;
-        };
-    };
-};
-
-interface CompositionProps extends BaseRenderableData {
-    id: string;
-    style?: React__default.CSSProperties;
-    config: {
-        width: number;
-        height: number;
-        fps: number;
-        duration: number;
-        fitDurationTo?: string | string[];
-    };
-}
-type InputCompositionProps = {
-    childrenData?: RenderableComponentData[];
-    style?: React__default.CSSProperties;
-    config?: {
-        width?: number;
-        height?: number;
-        fps?: number;
-        duration?: number;
-        fitDurationTo?: string;
-    };
-};
-declare const CompositionLayout: ({ childrenData, style, config }: InputCompositionProps) => React__default.JSX.Element;
-declare const calculateCompositionLayoutMetadata: CalculateMetadataFunction<InputCompositionProps>;
-declare const Composition: ({ id, childrenData, config, style }: CompositionProps) => React__default.JSX.Element;
-
-export { Atom$1 as AudioAtom, config$5 as AudioAtomConfig, type BaseComponentData, type BaseEffect, Layout as BaseLayout, config$a as BaseLayoutConfig, type BaseRenderableData, type BaseRenderableProps, BlurEffect, config$3 as BlurEffectConfig, type Boundaries, type BoundaryConstraints, type CalculatedBoundaries, type CalculatedTiming, type ComponentConfig, type ComponentRegistry, ComponentRenderer, type ComponentType, Composition, type CompositionContext, CompositionLayout, CompositionProvider, type FontConfig, type FontLoaderState, type FontLoadingOptions, Frame, type Hierarchy, Atom$4 as ImageAtom, config$8 as ImageAtomConfig, type InputCompositionProps, type InternalRenderableContext, type LayoutConstraints, LoopEffect, config$2 as LoopEffectConfig, NextjsLogo, type PackageRegistry, PanEffect, config$1 as PanEffectConfig, type PanEffectData, type RegistryEntry, type RenderableComponentData, type RenderableContext, type RenderableData, Rings, RippleOutLayout, type RippleOutTransitionData, SceneFrame, Atom$5 as ShapeAtom, config$9 as ShapeAtomConfig, Atom$3 as TextAtom, config$7 as TextAtomConfig, type TextAtomDataWithFonts, Atom as TextAtomWithFonts, config$4 as TextAtomWithFontsConfig, TextFade, type Timing, type TimingConstraints, type UseFontLoaderOptions, type UseWaveformDataConfig, type UseWaveformDataReturn, Atom$2 as VideoAtom, config$6 as VideoAtomConfig, Waveform, WaveformCircle, type WaveformCircleDataProps, type WaveformCircleProps, type WaveformConfig, type WaveformContextType, WaveformHistogram, type WaveformHistogramDataProps, type WaveformHistogramProps, WaveformHistogramRanged, type WaveformHistogramRangedDataProps, type WaveformHistogramRangedProps, WaveformLine, type WaveformLineDataProps, type WaveformLineProps, WaveformPresets, type WaveformProps, ZoomEffect, config as ZoomEffectConfig, type ZoomEffectData, buildLayoutHook, calculateCircularPosition, calculateCompositionLayoutMetadata, calculateGridPosition, calculateHierarchy, calculateTimingWithInheritance, clearFontCache, componentRegistry, createRootContext, findComponentById, findParentComponent, getComponent, getComponentConfig, getComponentWithConfig, getLoadedFontFamily, getLoadedFonts, getNormalizedFontName, isFontAvailable, isFontLoaded, loadGoogleFont, loadMultipleFonts, mergeContexts, nextjsLogoConfig, preloadCommonFonts, registerComponent, registerEffect, registerPackage, ringsConfig, rippleOutLayoutConfig, textFadeConfig, useBoundaryCalculation, useComponentRegistry, useComposition, useFont, useFontLoader, useRenderContext, useRippleOutLayout, useWaveformContext, useWaveformData };