ugcinc-render 1.8.6 → 1.8.8

package/dist/{index-C5NlUiZT.d.mts → index-DB7cs12s.d.mts}

@@ -278,7 +278,7 @@ interface CropBounds {
 /**
  * Dimension preset keys for image editor
  */
-type DimensionPresetKey = 'tiktok' | 'instagram-square' | 'instagram-post' | 'youtube' | 'twitter' | 'custom';
+type DimensionPresetKey = '9:16' | '1:1' | '4:5' | '16:9' | 'custom';
 /**
  * Dimension preset configuration
  */

package/dist/{index-C5NlUiZT.d.ts → index-DB7cs12s.d.ts}

@@ -278,7 +278,7 @@ interface CropBounds {
 /**
  * Dimension preset keys for image editor
  */
-type DimensionPresetKey = 'tiktok' | 'instagram-square' | 'instagram-post' | 'youtube' | 'twitter' | 'custom';
+type DimensionPresetKey = '9:16' | '1:1' | '4:5' | '16:9' | 'custom';
 /**
  * Dimension preset configuration
  */

package/dist/index.d.mts

@@ -1,5 +1,5 @@
-import { S as SegmentType, T as TimeValue, R as RelativePositionConfigX, a as RelativePositionConfigY, F as FitMode, B as BorderRadiusConfig, b as TextStyleProperties, D as DynamicCropConfig, I as ImageEditorElement, A as AutoCaptionCompositionProps, C as CaptionOverlayProps, P as PositionResolutionResult } from './index-C5NlUiZT.mjs';
-export { Y as APPLE_EMOJI_FONT, aB as CAPTION_PRESETS, Q as CaptionFontWeight, M as CaptionPage, O as CaptionPosition, N as CaptionPreset, U as CaptionStyle, L as CaptionWord, J as CropAxisConfig, G as CropBoundary, K as CropBounds, aC as DEFAULT_CAPTION_STYLE, p as DIMENSION_PRESETS, o as DimensionPreset, n as DimensionPresetKey, X as FONT_FAMILIES, $ as FONT_URLS, a4 as FitDimensions, c as FontType, d as FontWeight, j as HorizontalAnchor, k as HorizontalSelfAnchor, H as Hyphenation, a6 as IMAGE_DEFAULTS, m as ImageEditorNodeConfig, an as PositionResolutionError, E as SegmentTimelinePosition, a5 as TEXT_DEFAULTS, e as TextAlignment, f as TextDirection, h as TextOverflow, g as TextWrap, q as TimeMode, a7 as VIDEO_DEFAULTS, a8 as VISUAL_DEFAULTS, V as VerticalAlignment, i as VerticalAnchor, l as VerticalSelfAnchor, u as VideoEditorAudioSegment, r as VideoEditorBaseSegment, y as VideoEditorChannel, v as VideoEditorImageSegment, z as VideoEditorNodeConfig, x as VideoEditorSegment, w as VideoEditorTextSegment, t as VideoEditorVideoSegment, s as VideoEditorVisualSegment, W as WordBreak, aa as applyImageDefaults, a9 as applyTextDefaults, ab as applyVideoDefaults, a1 as areFontsLoaded, _ as buildFontString, ai as calculateAutoWidthDimensions, ao as calculateCropBounds, av as calculateEstimatedDuration, a3 as calculateFitDimensions, ad as calculateLineWidth, aw as calculateTimelineContentEnd, aj as canSetAsReference, a2 as debugFontStatus, aq as defaultOffset, ax as formatTime, aA as generateOverlayId, az as generateSegmentId, ar as getBaseSegments, ae as getBorderRadii, aE as getCaptionPresetNames, ak as getDependentElements, Z as getFontFamily, as as getOverlays, al as getReferenceElementX, am as getReferenceElementY, at as getSegmentTimelinePosition, ag as hexToRgba, ap as isDynamicCropEnabled, au as isSegmentVisibleAtTime, aF as isValidCaptionPreset, af as parseHexColor, ay as parseTime, a0 as preloadFonts, aD as resolveCaptionStyle, ah as resolveElementPositions, ac as wrapText } from './index-C5NlUiZT.mjs';
+import { S as SegmentType, T as TimeValue, R as RelativePositionConfigX, a as RelativePositionConfigY, F as FitMode, B as BorderRadiusConfig, b as TextStyleProperties, D as DynamicCropConfig, I as ImageEditorElement, A as AutoCaptionCompositionProps, C as CaptionOverlayProps, P as PositionResolutionResult } from './index-DB7cs12s.mjs';
+export { Y as APPLE_EMOJI_FONT, aB as CAPTION_PRESETS, Q as CaptionFontWeight, M as CaptionPage, O as CaptionPosition, N as CaptionPreset, U as CaptionStyle, L as CaptionWord, J as CropAxisConfig, G as CropBoundary, K as CropBounds, aC as DEFAULT_CAPTION_STYLE, p as DIMENSION_PRESETS, o as DimensionPreset, n as DimensionPresetKey, X as FONT_FAMILIES, $ as FONT_URLS, a4 as FitDimensions, c as FontType, d as FontWeight, j as HorizontalAnchor, k as HorizontalSelfAnchor, H as Hyphenation, a6 as IMAGE_DEFAULTS, m as ImageEditorNodeConfig, an as PositionResolutionError, E as SegmentTimelinePosition, a5 as TEXT_DEFAULTS, e as TextAlignment, f as TextDirection, h as TextOverflow, g as TextWrap, q as TimeMode, a7 as VIDEO_DEFAULTS, a8 as VISUAL_DEFAULTS, V as VerticalAlignment, i as VerticalAnchor, l as VerticalSelfAnchor, u as VideoEditorAudioSegment, r as VideoEditorBaseSegment, y as VideoEditorChannel, v as VideoEditorImageSegment, z as VideoEditorNodeConfig, x as VideoEditorSegment, w as VideoEditorTextSegment, t as VideoEditorVideoSegment, s as VideoEditorVisualSegment, W as WordBreak, aa as applyImageDefaults, a9 as applyTextDefaults, ab as applyVideoDefaults, a1 as areFontsLoaded, _ as buildFontString, ai as calculateAutoWidthDimensions, ao as calculateCropBounds, av as calculateEstimatedDuration, a3 as calculateFitDimensions, ad as calculateLineWidth, aw as calculateTimelineContentEnd, aj as canSetAsReference, a2 as debugFontStatus, aq as defaultOffset, ax as formatTime, aA as generateOverlayId, az as generateSegmentId, ar as getBaseSegments, ae as getBorderRadii, aE as getCaptionPresetNames, ak as getDependentElements, Z as getFontFamily, as as getOverlays, al as getReferenceElementX, am as getReferenceElementY, at as getSegmentTimelinePosition, ag as hexToRgba, ap as isDynamicCropEnabled, au as isSegmentVisibleAtTime, aF as isValidCaptionPreset, af as parseHexColor, ay as parseTime, a0 as preloadFonts, aD as resolveCaptionStyle, ah as resolveElementPositions, ac as wrapText } from './index-DB7cs12s.mjs';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import React from 'react';
 
@@ -620,6 +620,26 @@ declare function AutoCaptionComposition({ videoUrl, captions, style, }: AutoCapt
  */
 declare function AutoCaptionCompositionWithVideo({ videoUrl, captions, style, }: AutoCaptionCompositionProps): react_jsx_runtime.JSX.Element;
 
+/**
+ * ScreenshotAnimationComposition
+ *
+ * Simulates an iPhone screenshot animation:
+ * 1. Flash - Screen flashes white
+ * 2. Shrink - Content scales down to a thumbnail
+ * 3. Slide - Thumbnail moves to bottom-left corner
+ * 4. Pause - Thumbnail sits briefly
+ * 5. Dismiss - Thumbnail slides off-screen to the left
+ */
+interface ScreenshotAnimationCompositionProps {
+    /** The image URL to show being "screenshotted" */
+    imageUrl: string;
+    /** Canvas width */
+    width?: number;
+    /** Canvas height */
+    height?: number;
+}
+declare function ScreenshotAnimationComposition({ imageUrl, width, height, }: ScreenshotAnimationCompositionProps): react_jsx_runtime.JSX.Element;
+
 interface TextElementProps {
     segment: TextSegment;
     /** Optional scale for high-DPI rendering */
@@ -752,4 +772,4 @@ declare function useResolvedPositions(elements: ImageEditorElement[], textValues
 
 declare const RenderRoot: React.FC;
 
-export { type Acceleration, type AudioConfig, type AudioSegment, AutoCaptionComposition, AutoCaptionCompositionProps, AutoCaptionCompositionWithVideo, type BaseEditorConfig, type BaseSegment, type BlendMode, BorderRadiusConfig, CaptionOverlay, CaptionOverlayProps, type Channel, type ColorFilterConfig, type ColorShiftConfig, type CropConfig, type CuttingConfig, DEDUPLICATION_LEVELS, type DeduplicationConfig, type DeduplicationInput, type DeduplicationLevel, type DiagonalFilterConfig, type DiagonalFilterType, DynamicCropConfig, type EditorConfig, type EditorSegment, type EnhanceLevel, type EnhancementConfig, FitMode, type FrameManipulationConfig, type GifOverlayConfig, type GifSource, type GradientOverlayConfig, ImageEditorComposition, type ImageEditorCompositionProps, type ImageEditorConfig, ImageEditorElement, ImageElement, type ImageElementProps, type ImageSegment, LEVEL_1_CONFIG, LEVEL_2_CONFIG, LEVEL_3_CONFIG, LEVEL_4_CONFIG, LEVEL_5_CONFIG, type LensCorrectionConfig, type MobileEncodingConfig, type ParticleOverlayConfig, type PhoneConfig, type PhoneModel, type PhoneType, type PictureSegment, PositionResolutionResult, RelativePositionConfigX, RelativePositionConfigY, RenderRoot, type Segment, SegmentType, type SpeedConfig, type StaticSegment, TextElement, type TextElementProps, type TextSegment, TextStyleProperties, TimeValue, type TraceRemovalConfig, type VideoCodec, VideoEditorComposition, type VideoEditorCompositionProps, type VideoEditorConfig, VideoElement, type VideoElementProps, type VideoExtension, type VideoSegment, type VisualAdjustmentsConfig, type VisualSegment, type VisualSegmentUnion, isDeduplicationLevel, resolveDeduplicationConfig, useFontsLoaded, useImageLoader, useImagePreloader, useResolvedPositions };
+export { type Acceleration, type AudioConfig, type AudioSegment, AutoCaptionComposition, AutoCaptionCompositionProps, AutoCaptionCompositionWithVideo, type BaseEditorConfig, type BaseSegment, type BlendMode, BorderRadiusConfig, CaptionOverlay, CaptionOverlayProps, type Channel, type ColorFilterConfig, type ColorShiftConfig, type CropConfig, type CuttingConfig, DEDUPLICATION_LEVELS, type DeduplicationConfig, type DeduplicationInput, type DeduplicationLevel, type DiagonalFilterConfig, type DiagonalFilterType, DynamicCropConfig, type EditorConfig, type EditorSegment, type EnhanceLevel, type EnhancementConfig, FitMode, type FrameManipulationConfig, type GifOverlayConfig, type GifSource, type GradientOverlayConfig, ImageEditorComposition, type ImageEditorCompositionProps, type ImageEditorConfig, ImageEditorElement, ImageElement, type ImageElementProps, type ImageSegment, LEVEL_1_CONFIG, LEVEL_2_CONFIG, LEVEL_3_CONFIG, LEVEL_4_CONFIG, LEVEL_5_CONFIG, type LensCorrectionConfig, type MobileEncodingConfig, type ParticleOverlayConfig, type PhoneConfig, type PhoneModel, type PhoneType, type PictureSegment, PositionResolutionResult, RelativePositionConfigX, RelativePositionConfigY, RenderRoot, ScreenshotAnimationComposition, type ScreenshotAnimationCompositionProps, type Segment, SegmentType, type SpeedConfig, type StaticSegment, TextElement, type TextElementProps, type TextSegment, TextStyleProperties, TimeValue, type TraceRemovalConfig, type VideoCodec, VideoEditorComposition, type VideoEditorCompositionProps, type VideoEditorConfig, VideoElement, type VideoElementProps, type VideoExtension, type VideoSegment, type VisualAdjustmentsConfig, type VisualSegment, type VisualSegmentUnion, isDeduplicationLevel, resolveDeduplicationConfig, useFontsLoaded, useImageLoader, useImagePreloader, useResolvedPositions };

package/dist/index.d.ts

@@ -1,5 +1,5 @@
-import { S as SegmentType, T as TimeValue, R as RelativePositionConfigX, a as RelativePositionConfigY, F as FitMode, B as BorderRadiusConfig, b as TextStyleProperties, D as DynamicCropConfig, I as ImageEditorElement, A as AutoCaptionCompositionProps, C as CaptionOverlayProps, P as PositionResolutionResult } from './index-C5NlUiZT.js';
-export { Y as APPLE_EMOJI_FONT, aB as CAPTION_PRESETS, Q as CaptionFontWeight, M as CaptionPage, O as CaptionPosition, N as CaptionPreset, U as CaptionStyle, L as CaptionWord, J as CropAxisConfig, G as CropBoundary, K as CropBounds, aC as DEFAULT_CAPTION_STYLE, p as DIMENSION_PRESETS, o as DimensionPreset, n as DimensionPresetKey, X as FONT_FAMILIES, $ as FONT_URLS, a4 as FitDimensions, c as FontType, d as FontWeight, j as HorizontalAnchor, k as HorizontalSelfAnchor, H as Hyphenation, a6 as IMAGE_DEFAULTS, m as ImageEditorNodeConfig, an as PositionResolutionError, E as SegmentTimelinePosition, a5 as TEXT_DEFAULTS, e as TextAlignment, f as TextDirection, h as TextOverflow, g as TextWrap, q as TimeMode, a7 as VIDEO_DEFAULTS, a8 as VISUAL_DEFAULTS, V as VerticalAlignment, i as VerticalAnchor, l as VerticalSelfAnchor, u as VideoEditorAudioSegment, r as VideoEditorBaseSegment, y as VideoEditorChannel, v as VideoEditorImageSegment, z as VideoEditorNodeConfig, x as VideoEditorSegment, w as VideoEditorTextSegment, t as VideoEditorVideoSegment, s as VideoEditorVisualSegment, W as WordBreak, aa as applyImageDefaults, a9 as applyTextDefaults, ab as applyVideoDefaults, a1 as areFontsLoaded, _ as buildFontString, ai as calculateAutoWidthDimensions, ao as calculateCropBounds, av as calculateEstimatedDuration, a3 as calculateFitDimensions, ad as calculateLineWidth, aw as calculateTimelineContentEnd, aj as canSetAsReference, a2 as debugFontStatus, aq as defaultOffset, ax as formatTime, aA as generateOverlayId, az as generateSegmentId, ar as getBaseSegments, ae as getBorderRadii, aE as getCaptionPresetNames, ak as getDependentElements, Z as getFontFamily, as as getOverlays, al as getReferenceElementX, am as getReferenceElementY, at as getSegmentTimelinePosition, ag as hexToRgba, ap as isDynamicCropEnabled, au as isSegmentVisibleAtTime, aF as isValidCaptionPreset, af as parseHexColor, ay as parseTime, a0 as preloadFonts, aD as resolveCaptionStyle, ah as resolveElementPositions, ac as wrapText } from './index-C5NlUiZT.js';
+import { S as SegmentType, T as TimeValue, R as RelativePositionConfigX, a as RelativePositionConfigY, F as FitMode, B as BorderRadiusConfig, b as TextStyleProperties, D as DynamicCropConfig, I as ImageEditorElement, A as AutoCaptionCompositionProps, C as CaptionOverlayProps, P as PositionResolutionResult } from './index-DB7cs12s.js';
+export { Y as APPLE_EMOJI_FONT, aB as CAPTION_PRESETS, Q as CaptionFontWeight, M as CaptionPage, O as CaptionPosition, N as CaptionPreset, U as CaptionStyle, L as CaptionWord, J as CropAxisConfig, G as CropBoundary, K as CropBounds, aC as DEFAULT_CAPTION_STYLE, p as DIMENSION_PRESETS, o as DimensionPreset, n as DimensionPresetKey, X as FONT_FAMILIES, $ as FONT_URLS, a4 as FitDimensions, c as FontType, d as FontWeight, j as HorizontalAnchor, k as HorizontalSelfAnchor, H as Hyphenation, a6 as IMAGE_DEFAULTS, m as ImageEditorNodeConfig, an as PositionResolutionError, E as SegmentTimelinePosition, a5 as TEXT_DEFAULTS, e as TextAlignment, f as TextDirection, h as TextOverflow, g as TextWrap, q as TimeMode, a7 as VIDEO_DEFAULTS, a8 as VISUAL_DEFAULTS, V as VerticalAlignment, i as VerticalAnchor, l as VerticalSelfAnchor, u as VideoEditorAudioSegment, r as VideoEditorBaseSegment, y as VideoEditorChannel, v as VideoEditorImageSegment, z as VideoEditorNodeConfig, x as VideoEditorSegment, w as VideoEditorTextSegment, t as VideoEditorVideoSegment, s as VideoEditorVisualSegment, W as WordBreak, aa as applyImageDefaults, a9 as applyTextDefaults, ab as applyVideoDefaults, a1 as areFontsLoaded, _ as buildFontString, ai as calculateAutoWidthDimensions, ao as calculateCropBounds, av as calculateEstimatedDuration, a3 as calculateFitDimensions, ad as calculateLineWidth, aw as calculateTimelineContentEnd, aj as canSetAsReference, a2 as debugFontStatus, aq as defaultOffset, ax as formatTime, aA as generateOverlayId, az as generateSegmentId, ar as getBaseSegments, ae as getBorderRadii, aE as getCaptionPresetNames, ak as getDependentElements, Z as getFontFamily, as as getOverlays, al as getReferenceElementX, am as getReferenceElementY, at as getSegmentTimelinePosition, ag as hexToRgba, ap as isDynamicCropEnabled, au as isSegmentVisibleAtTime, aF as isValidCaptionPreset, af as parseHexColor, ay as parseTime, a0 as preloadFonts, aD as resolveCaptionStyle, ah as resolveElementPositions, ac as wrapText } from './index-DB7cs12s.js';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import React from 'react';
 
@@ -620,6 +620,26 @@ declare function AutoCaptionComposition({ videoUrl, captions, style, }: AutoCapt
  */
 declare function AutoCaptionCompositionWithVideo({ videoUrl, captions, style, }: AutoCaptionCompositionProps): react_jsx_runtime.JSX.Element;
 
+/**
+ * ScreenshotAnimationComposition
+ *
+ * Simulates an iPhone screenshot animation:
+ * 1. Flash - Screen flashes white
+ * 2. Shrink - Content scales down to a thumbnail
+ * 3. Slide - Thumbnail moves to bottom-left corner
+ * 4. Pause - Thumbnail sits briefly
+ * 5. Dismiss - Thumbnail slides off-screen to the left
+ */
+interface ScreenshotAnimationCompositionProps {
+    /** The image URL to show being "screenshotted" */
+    imageUrl: string;
+    /** Canvas width */
+    width?: number;
+    /** Canvas height */
+    height?: number;
+}
+declare function ScreenshotAnimationComposition({ imageUrl, width, height, }: ScreenshotAnimationCompositionProps): react_jsx_runtime.JSX.Element;
+
 interface TextElementProps {
     segment: TextSegment;
     /** Optional scale for high-DPI rendering */
@@ -752,4 +772,4 @@ declare function useResolvedPositions(elements: ImageEditorElement[], textValues
 
 declare const RenderRoot: React.FC;
 
-export { type Acceleration, type AudioConfig, type AudioSegment, AutoCaptionComposition, AutoCaptionCompositionProps, AutoCaptionCompositionWithVideo, type BaseEditorConfig, type BaseSegment, type BlendMode, BorderRadiusConfig, CaptionOverlay, CaptionOverlayProps, type Channel, type ColorFilterConfig, type ColorShiftConfig, type CropConfig, type CuttingConfig, DEDUPLICATION_LEVELS, type DeduplicationConfig, type DeduplicationInput, type DeduplicationLevel, type DiagonalFilterConfig, type DiagonalFilterType, DynamicCropConfig, type EditorConfig, type EditorSegment, type EnhanceLevel, type EnhancementConfig, FitMode, type FrameManipulationConfig, type GifOverlayConfig, type GifSource, type GradientOverlayConfig, ImageEditorComposition, type ImageEditorCompositionProps, type ImageEditorConfig, ImageEditorElement, ImageElement, type ImageElementProps, type ImageSegment, LEVEL_1_CONFIG, LEVEL_2_CONFIG, LEVEL_3_CONFIG, LEVEL_4_CONFIG, LEVEL_5_CONFIG, type LensCorrectionConfig, type MobileEncodingConfig, type ParticleOverlayConfig, type PhoneConfig, type PhoneModel, type PhoneType, type PictureSegment, PositionResolutionResult, RelativePositionConfigX, RelativePositionConfigY, RenderRoot, type Segment, SegmentType, type SpeedConfig, type StaticSegment, TextElement, type TextElementProps, type TextSegment, TextStyleProperties, TimeValue, type TraceRemovalConfig, type VideoCodec, VideoEditorComposition, type VideoEditorCompositionProps, type VideoEditorConfig, VideoElement, type VideoElementProps, type VideoExtension, type VideoSegment, type VisualAdjustmentsConfig, type VisualSegment, type VisualSegmentUnion, isDeduplicationLevel, resolveDeduplicationConfig, useFontsLoaded, useImageLoader, useImagePreloader, useResolvedPositions };
+export { type Acceleration, type AudioConfig, type AudioSegment, AutoCaptionComposition, AutoCaptionCompositionProps, AutoCaptionCompositionWithVideo, type BaseEditorConfig, type BaseSegment, type BlendMode, BorderRadiusConfig, CaptionOverlay, CaptionOverlayProps, type Channel, type ColorFilterConfig, type ColorShiftConfig, type CropConfig, type CuttingConfig, DEDUPLICATION_LEVELS, type DeduplicationConfig, type DeduplicationInput, type DeduplicationLevel, type DiagonalFilterConfig, type DiagonalFilterType, DynamicCropConfig, type EditorConfig, type EditorSegment, type EnhanceLevel, type EnhancementConfig, FitMode, type FrameManipulationConfig, type GifOverlayConfig, type GifSource, type GradientOverlayConfig, ImageEditorComposition, type ImageEditorCompositionProps, type ImageEditorConfig, ImageEditorElement, ImageElement, type ImageElementProps, type ImageSegment, LEVEL_1_CONFIG, LEVEL_2_CONFIG, LEVEL_3_CONFIG, LEVEL_4_CONFIG, LEVEL_5_CONFIG, type LensCorrectionConfig, type MobileEncodingConfig, type ParticleOverlayConfig, type PhoneConfig, type PhoneModel, type PhoneType, type PictureSegment, PositionResolutionResult, RelativePositionConfigX, RelativePositionConfigY, RenderRoot, ScreenshotAnimationComposition, type ScreenshotAnimationCompositionProps, type Segment, SegmentType, type SpeedConfig, type StaticSegment, TextElement, type TextElementProps, type TextSegment, TextStyleProperties, TimeValue, type TraceRemovalConfig, type VideoCodec, VideoEditorComposition, type VideoEditorCompositionProps, type VideoEditorConfig, VideoElement, type VideoElementProps, type VideoExtension, type VideoSegment, type VisualAdjustmentsConfig, type VisualSegment, type VisualSegmentUnion, isDeduplicationLevel, resolveDeduplicationConfig, useFontsLoaded, useImageLoader, useImagePreloader, useResolvedPositions };

package/dist/index.js

@@ -49,6 +49,7 @@ __export(index_exports, {
   LEVEL_4_CONFIG: () => LEVEL_4_CONFIG,
   LEVEL_5_CONFIG: () => LEVEL_5_CONFIG,
   RenderRoot: () => RenderRoot,
+  ScreenshotAnimationComposition: () => ScreenshotAnimationComposition,
   TEXT_DEFAULTS: () => TEXT_DEFAULTS,
   TextElement: () => TextElement,
   VIDEO_DEFAULTS: () => VIDEO_DEFAULTS,
@@ -102,11 +103,10 @@ module.exports = __toCommonJS(index_exports);
 
 // src/types/element.ts
 var DIMENSION_PRESETS = {
-  "tiktok": { width: 1080, height: 1920, label: "TikTok/Reels (1080\xD71920)", ratio: "9:16" },
-  "instagram-square": { width: 1080, height: 1080, label: "Instagram Square (1080\xD71080)", ratio: "1:1" },
-  "instagram-post": { width: 1080, height: 1350, label: "Instagram Post (1080\xD71350)", ratio: "4:5" },
-  "youtube": { width: 1280, height: 720, label: "YouTube Thumbnail (1280\xD7720)", ratio: "16:9" },
-  "twitter": { width: 1200, height: 675, label: "Twitter/X (1200\xD7675)", ratio: "16:9" }
+  "9:16": { width: 1080, height: 1920, label: "Portrait (1080\xD71920)", ratio: "9:16" },
+  "1:1": { width: 1080, height: 1080, label: "Square (1080\xD71080)", ratio: "1:1" },
+  "4:5": { width: 1080, height: 1350, label: "Portrait 4:5 (1080\xD71350)", ratio: "4:5" },
+  "16:9": { width: 1920, height: 1080, label: "Landscape (1920\xD71080)", ratio: "16:9" }
 };
 
 // src/types/deduplication.ts
@@ -2246,6 +2246,133 @@ function AutoCaptionCompositionWithVideo({
   ] });
 }
 
+// src/compositions/ScreenshotAnimationComposition.tsx
+var import_remotion7 = require("remotion");
+var import_jsx_runtime8 = require("react/jsx-runtime");
+function ScreenshotAnimationComposition({
+  imageUrl,
+  width = 1080,
+  height = 1920
+}) {
+  const frame = (0, import_remotion7.useCurrentFrame)();
+  const { fps } = (0, import_remotion7.useVideoConfig)();
+  const flashDuration = Math.round(fps * 0.1);
+  const shrinkDuration = Math.round(fps * 0.3);
+  const pauseDuration = Math.round(fps * 0.8);
+  const dismissDuration = Math.round(fps * 0.25);
+  const flashStart = 0;
+  const flashEnd = flashDuration;
+  const shrinkStart = flashEnd;
+  const shrinkEnd = shrinkStart + shrinkDuration;
+  const pauseEnd = shrinkEnd + pauseDuration;
+  const dismissEnd = pauseEnd + dismissDuration;
+  const flashOpacity = (0, import_remotion7.interpolate)(
+    frame,
+    [flashStart, flashEnd],
+    [1, 0],
+    { extrapolateRight: "clamp" }
+  );
+  const shrinkProgress = (0, import_remotion7.spring)({
+    frame: frame - shrinkStart,
+    fps,
+    config: {
+      damping: 15,
+      stiffness: 120,
+      mass: 0.8
+    },
+    durationInFrames: shrinkDuration
+  });
+  const scale = (0, import_remotion7.interpolate)(
+    shrinkProgress,
+    [0, 1],
+    [1, 0.15],
+    { extrapolateLeft: "clamp", extrapolateRight: "clamp" }
+  );
+  const thumbnailPadding = 20;
+  const thumbnailWidth = width * 0.15;
+  const thumbnailHeight = height * 0.15;
+  const finalX = thumbnailPadding + thumbnailWidth / 2 - width / 2;
+  const finalY = height / 2 - thumbnailHeight / 2 - thumbnailPadding - 80;
+  const translateX = (0, import_remotion7.interpolate)(
+    shrinkProgress,
+    [0, 1],
+    [0, finalX],
+    { extrapolateLeft: "clamp", extrapolateRight: "clamp" }
+  );
+  const translateY = (0, import_remotion7.interpolate)(
+    shrinkProgress,
+    [0, 1],
+    [0, finalY],
+    { extrapolateLeft: "clamp", extrapolateRight: "clamp" }
+  );
+  const dismissProgress = (0, import_remotion7.interpolate)(
+    frame,
+    [pauseEnd, dismissEnd],
+    [0, 1],
+    { extrapolateLeft: "clamp", extrapolateRight: "clamp" }
+  );
+  const dismissX = (0, import_remotion7.interpolate)(
+    dismissProgress,
+    [0, 1],
+    [0, -thumbnailWidth - thumbnailPadding - 50],
+    // Slide fully off screen
+    { extrapolateLeft: "clamp", extrapolateRight: "clamp" }
+  );
+  const borderRadius = (0, import_remotion7.interpolate)(
+    shrinkProgress,
+    [0, 0.5, 1],
+    [0, 20, 24],
+    { extrapolateLeft: "clamp", extrapolateRight: "clamp" }
+  );
+  const shadowOpacity = (0, import_remotion7.interpolate)(
+    shrinkProgress,
+    [0, 0.5, 1],
+    [0, 0.3, 0.5],
+    { extrapolateLeft: "clamp", extrapolateRight: "clamp" }
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_remotion7.AbsoluteFill, { style: { backgroundColor: "#000" }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+      "div",
+      {
+        style: {
+          position: "absolute",
+          left: "50%",
+          top: "50%",
+          width,
+          height,
+          marginLeft: -width / 2,
+          marginTop: -height / 2,
+          transform: `translate(${translateX + dismissX}px, ${translateY}px) scale(${scale})`,
+          transformOrigin: "center center",
+          borderRadius,
+          overflow: "hidden",
+          boxShadow: `0 10px 60px rgba(0, 0, 0, ${shadowOpacity})`
+        },
+        children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+          import_remotion7.Img,
+          {
+            src: imageUrl,
+            style: {
+              width: "100%",
+              height: "100%",
+              objectFit: "cover"
+            }
+          }
+        )
+      }
+    ),
+    frame < flashEnd && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+      import_remotion7.AbsoluteFill,
+      {
+        style: {
+          backgroundColor: "#fff",
+          opacity: flashOpacity
+        }
+      }
+    )
+  ] });
+}
+
 // src/utils/fit.ts
 function calculateFitDimensions({
   sourceWidth,
@@ -2611,8 +2738,8 @@ function useResolvedPositions(elements, textValues) {
 }
 
 // src/Root.tsx
-var import_remotion7 = require("remotion");
-var import_jsx_runtime8 = require("react/jsx-runtime");
+var import_remotion8 = require("remotion");
+var import_jsx_runtime9 = require("react/jsx-runtime");
 var defaultImageProps = {
   config: {
     width: 1080,
@@ -2654,9 +2781,15 @@ var defaultAutoCaptionProps = {
     wordsPerPage: 3
   }
 };
+var defaultScreenshotAnimationProps = {
+  imageUrl: "https://images.unsplash.com/photo-1611162617474-5b21e879e113?w=1080&h=1920&fit=crop",
+  width: 1080,
+  height: 1920
+};
 var ImageComp = ImageEditorComposition;
 var VideoComp = VideoEditorComposition;
 var AutoCaptionComp = AutoCaptionComposition;
+var ScreenshotAnimationComp = ScreenshotAnimationComposition;
 var calculateImageMetadata = async ({ props }) => {
   console.log("[calculateMetadata] Starting metadata calculation...");
   const canvasWidth = props.width ?? props.config?.width ?? 1080;
@@ -2707,9 +2840,9 @@ var calculateImageMetadata = async ({ props }) => {
   };
 };
 var RenderRoot = () => {
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_jsx_runtime8.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-      import_remotion7.Composition,
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_jsx_runtime9.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+      import_remotion8.Composition,
       {
         id: "ImageEditorComposition",
         component: ImageComp,
@@ -2721,8 +2854,8 @@ var RenderRoot = () => {
         defaultProps: defaultImageProps
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-      import_remotion7.Composition,
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+      import_remotion8.Composition,
       {
         id: "VideoEditorComposition",
         component: VideoComp,
@@ -2733,8 +2866,8 @@ var RenderRoot = () => {
         defaultProps: defaultVideoProps
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-      import_remotion7.Composition,
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+      import_remotion8.Composition,
       {
         id: "AutoCaptionComposition",
         component: AutoCaptionComp,
@@ -2744,6 +2877,18 @@ var RenderRoot = () => {
         height: 1920,
         defaultProps: defaultAutoCaptionProps
       }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+      import_remotion8.Composition,
+      {
+        id: "ScreenshotAnimationComposition",
+        component: ScreenshotAnimationComp,
+        durationInFrames: 60,
+        fps: 30,
+        width: 1080,
+        height: 1920,
+        defaultProps: defaultScreenshotAnimationProps
+      }
     )
   ] });
 };
@@ -2768,6 +2913,7 @@ var RenderRoot = () => {
   LEVEL_4_CONFIG,
   LEVEL_5_CONFIG,
   RenderRoot,
+  ScreenshotAnimationComposition,
   TEXT_DEFAULTS,
   TextElement,
   VIDEO_DEFAULTS,

package/dist/index.mjs

@@ -48,11 +48,10 @@ import {
 
 // src/types/element.ts
 var DIMENSION_PRESETS = {
-  "tiktok": { width: 1080, height: 1920, label: "TikTok/Reels (1080\xD71920)", ratio: "9:16" },
-  "instagram-square": { width: 1080, height: 1080, label: "Instagram Square (1080\xD71080)", ratio: "1:1" },
-  "instagram-post": { width: 1080, height: 1350, label: "Instagram Post (1080\xD71350)", ratio: "4:5" },
-  "youtube": { width: 1280, height: 720, label: "YouTube Thumbnail (1280\xD7720)", ratio: "16:9" },
-  "twitter": { width: 1200, height: 675, label: "Twitter/X (1200\xD7675)", ratio: "16:9" }
+  "9:16": { width: 1080, height: 1920, label: "Portrait (1080\xD71920)", ratio: "9:16" },
+  "1:1": { width: 1080, height: 1080, label: "Square (1080\xD71080)", ratio: "1:1" },
+  "4:5": { width: 1080, height: 1350, label: "Portrait 4:5 (1080\xD71350)", ratio: "4:5" },
+  "16:9": { width: 1920, height: 1080, label: "Landscape (1920\xD71080)", ratio: "16:9" }
 };
 
 // src/types/deduplication.ts
@@ -1384,6 +1383,133 @@ function AutoCaptionCompositionWithVideo({
   ] });
 }
 
+// src/compositions/ScreenshotAnimationComposition.tsx
+import { AbsoluteFill as AbsoluteFill4, Img as Img3, interpolate as interpolate2, spring, useCurrentFrame as useCurrentFrame5, useVideoConfig as useVideoConfig5 } from "remotion";
+import { jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
+function ScreenshotAnimationComposition({
+  imageUrl,
+  width = 1080,
+  height = 1920
+}) {
+  const frame = useCurrentFrame5();
+  const { fps } = useVideoConfig5();
+  const flashDuration = Math.round(fps * 0.1);
+  const shrinkDuration = Math.round(fps * 0.3);
+  const pauseDuration = Math.round(fps * 0.8);
+  const dismissDuration = Math.round(fps * 0.25);
+  const flashStart = 0;
+  const flashEnd = flashDuration;
+  const shrinkStart = flashEnd;
+  const shrinkEnd = shrinkStart + shrinkDuration;
+  const pauseEnd = shrinkEnd + pauseDuration;
+  const dismissEnd = pauseEnd + dismissDuration;
+  const flashOpacity = interpolate2(
+    frame,
+    [flashStart, flashEnd],
+    [1, 0],
+    { extrapolateRight: "clamp" }
+  );
+  const shrinkProgress = spring({
+    frame: frame - shrinkStart,
+    fps,
+    config: {
+      damping: 15,
+      stiffness: 120,
+      mass: 0.8
+    },
+    durationInFrames: shrinkDuration
+  });
+  const scale = interpolate2(
+    shrinkProgress,
+    [0, 1],
+    [1, 0.15],
+    { extrapolateLeft: "clamp", extrapolateRight: "clamp" }
+  );
+  const thumbnailPadding = 20;
+  const thumbnailWidth = width * 0.15;
+  const thumbnailHeight = height * 0.15;
+  const finalX = thumbnailPadding + thumbnailWidth / 2 - width / 2;
+  const finalY = height / 2 - thumbnailHeight / 2 - thumbnailPadding - 80;
+  const translateX = interpolate2(
+    shrinkProgress,
+    [0, 1],
+    [0, finalX],
+    { extrapolateLeft: "clamp", extrapolateRight: "clamp" }
+  );
+  const translateY = interpolate2(
+    shrinkProgress,
+    [0, 1],
+    [0, finalY],
+    { extrapolateLeft: "clamp", extrapolateRight: "clamp" }
+  );
+  const dismissProgress = interpolate2(
+    frame,
+    [pauseEnd, dismissEnd],
+    [0, 1],
+    { extrapolateLeft: "clamp", extrapolateRight: "clamp" }
+  );
+  const dismissX = interpolate2(
+    dismissProgress,
+    [0, 1],
+    [0, -thumbnailWidth - thumbnailPadding - 50],
+    // Slide fully off screen
+    { extrapolateLeft: "clamp", extrapolateRight: "clamp" }
+  );
+  const borderRadius = interpolate2(
+    shrinkProgress,
+    [0, 0.5, 1],
+    [0, 20, 24],
+    { extrapolateLeft: "clamp", extrapolateRight: "clamp" }
+  );
+  const shadowOpacity = interpolate2(
+    shrinkProgress,
+    [0, 0.5, 1],
+    [0, 0.3, 0.5],
+    { extrapolateLeft: "clamp", extrapolateRight: "clamp" }
+  );
+  return /* @__PURE__ */ jsxs6(AbsoluteFill4, { style: { backgroundColor: "#000" }, children: [
+    /* @__PURE__ */ jsx8(
+      "div",
+      {
+        style: {
+          position: "absolute",
+          left: "50%",
+          top: "50%",
+          width,
+          height,
+          marginLeft: -width / 2,
+          marginTop: -height / 2,
+          transform: `translate(${translateX + dismissX}px, ${translateY}px) scale(${scale})`,
+          transformOrigin: "center center",
+          borderRadius,
+          overflow: "hidden",
+          boxShadow: `0 10px 60px rgba(0, 0, 0, ${shadowOpacity})`
+        },
+        children: /* @__PURE__ */ jsx8(
+          Img3,
+          {
+            src: imageUrl,
+            style: {
+              width: "100%",
+              height: "100%",
+              objectFit: "cover"
+            }
+          }
+        )
+      }
+    ),
+    frame < flashEnd && /* @__PURE__ */ jsx8(
+      AbsoluteFill4,
+      {
+        style: {
+          backgroundColor: "#fff",
+          opacity: flashOpacity
+        }
+      }
+    )
+  ] });
+}
+
 // src/hooks/index.ts
 import { useEffect as useEffect2, useState as useState2, useMemo as useMemo7 } from "react";
 function useFontsLoaded() {
@@ -1467,7 +1593,7 @@ function useResolvedPositions(elements, textValues) {
 
 // src/Root.tsx
 import { Composition } from "remotion";
-import { Fragment, jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
+import { Fragment, jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
 var defaultImageProps = {
   config: {
     width: 1080,
@@ -1509,9 +1635,15 @@ var defaultAutoCaptionProps = {
     wordsPerPage: 3
   }
 };
+var defaultScreenshotAnimationProps = {
+  imageUrl: "https://images.unsplash.com/photo-1611162617474-5b21e879e113?w=1080&h=1920&fit=crop",
+  width: 1080,
+  height: 1920
+};
 var ImageComp = ImageEditorComposition;
 var VideoComp = VideoEditorComposition;
 var AutoCaptionComp = AutoCaptionComposition;
+var ScreenshotAnimationComp = ScreenshotAnimationComposition;
 var calculateImageMetadata = async ({ props }) => {
   console.log("[calculateMetadata] Starting metadata calculation...");
   const canvasWidth = props.width ?? props.config?.width ?? 1080;
@@ -1562,8 +1694,8 @@ var calculateImageMetadata = async ({ props }) => {
   };
 };
 var RenderRoot = () => {
-  return /* @__PURE__ */ jsxs6(Fragment, { children: [
-    /* @__PURE__ */ jsx8(
+  return /* @__PURE__ */ jsxs7(Fragment, { children: [
+    /* @__PURE__ */ jsx9(
       Composition,
       {
         id: "ImageEditorComposition",
@@ -1576,7 +1708,7 @@ var RenderRoot = () => {
         defaultProps: defaultImageProps
       }
     ),
-    /* @__PURE__ */ jsx8(
+    /* @__PURE__ */ jsx9(
       Composition,
       {
         id: "VideoEditorComposition",
@@ -1588,7 +1720,7 @@ var RenderRoot = () => {
         defaultProps: defaultVideoProps
       }
     ),
-    /* @__PURE__ */ jsx8(
+    /* @__PURE__ */ jsx9(
       Composition,
       {
         id: "AutoCaptionComposition",
@@ -1599,6 +1731,18 @@ var RenderRoot = () => {
         height: 1920,
         defaultProps: defaultAutoCaptionProps
       }
+    ),
+    /* @__PURE__ */ jsx9(
+      Composition,
+      {
+        id: "ScreenshotAnimationComposition",
+        component: ScreenshotAnimationComp,
+        durationInFrames: 60,
+        fps: 30,
+        width: 1080,
+        height: 1920,
+        defaultProps: defaultScreenshotAnimationProps
+      }
     )
   ] });
 };
@@ -1622,6 +1766,7 @@ export {
   LEVEL_4_CONFIG,
   LEVEL_5_CONFIG,
   RenderRoot,
+  ScreenshotAnimationComposition,
   TEXT_DEFAULTS,
   TextElement,
   VIDEO_DEFAULTS,

package/dist/utils/index.d.mts

@@ -1 +1 @@
-export { Y as APPLE_EMOJI_FONT, aB as CAPTION_PRESETS, Q as CaptionFontWeight, M as CaptionPage, O as CaptionPosition, N as CaptionPreset, U as CaptionStyle, L as CaptionWord, aC as DEFAULT_CAPTION_STYLE, X as FONT_FAMILIES, $ as FONT_URLS, a4 as FitDimensions, a6 as IMAGE_DEFAULTS, an as PositionResolutionError, P as PositionResolutionResult, a5 as TEXT_DEFAULTS, a7 as VIDEO_DEFAULTS, a8 as VISUAL_DEFAULTS, aa as applyImageDefaults, a9 as applyTextDefaults, ab as applyVideoDefaults, a1 as areFontsLoaded, _ as buildFontString, ai as calculateAutoWidthDimensions, ao as calculateCropBounds, av as calculateEstimatedDuration, a3 as calculateFitDimensions, ad as calculateLineWidth, aw as calculateTimelineContentEnd, aj as canSetAsReference, a2 as debugFontStatus, aq as defaultOffset, ax as formatTime, aA as generateOverlayId, az as generateSegmentId, ar as getBaseSegments, ae as getBorderRadii, aE as getCaptionPresetNames, ak as getDependentElements, Z as getFontFamily, as as getOverlays, al as getReferenceElementX, am as getReferenceElementY, at as getSegmentTimelinePosition, ag as hexToRgba, ap as isDynamicCropEnabled, au as isSegmentVisibleAtTime, aF as isValidCaptionPreset, af as parseHexColor, ay as parseTime, a0 as preloadFonts, aD as resolveCaptionStyle, ah as resolveElementPositions, ac as wrapText } from '../index-C5NlUiZT.mjs';
+export { Y as APPLE_EMOJI_FONT, aB as CAPTION_PRESETS, Q as CaptionFontWeight, M as CaptionPage, O as CaptionPosition, N as CaptionPreset, U as CaptionStyle, L as CaptionWord, aC as DEFAULT_CAPTION_STYLE, X as FONT_FAMILIES, $ as FONT_URLS, a4 as FitDimensions, a6 as IMAGE_DEFAULTS, an as PositionResolutionError, P as PositionResolutionResult, a5 as TEXT_DEFAULTS, a7 as VIDEO_DEFAULTS, a8 as VISUAL_DEFAULTS, aa as applyImageDefaults, a9 as applyTextDefaults, ab as applyVideoDefaults, a1 as areFontsLoaded, _ as buildFontString, ai as calculateAutoWidthDimensions, ao as calculateCropBounds, av as calculateEstimatedDuration, a3 as calculateFitDimensions, ad as calculateLineWidth, aw as calculateTimelineContentEnd, aj as canSetAsReference, a2 as debugFontStatus, aq as defaultOffset, ax as formatTime, aA as generateOverlayId, az as generateSegmentId, ar as getBaseSegments, ae as getBorderRadii, aE as getCaptionPresetNames, ak as getDependentElements, Z as getFontFamily, as as getOverlays, al as getReferenceElementX, am as getReferenceElementY, at as getSegmentTimelinePosition, ag as hexToRgba, ap as isDynamicCropEnabled, au as isSegmentVisibleAtTime, aF as isValidCaptionPreset, af as parseHexColor, ay as parseTime, a0 as preloadFonts, aD as resolveCaptionStyle, ah as resolveElementPositions, ac as wrapText } from '../index-DB7cs12s.mjs';

package/dist/utils/index.d.ts

@@ -1 +1 @@
-export { Y as APPLE_EMOJI_FONT, aB as CAPTION_PRESETS, Q as CaptionFontWeight, M as CaptionPage, O as CaptionPosition, N as CaptionPreset, U as CaptionStyle, L as CaptionWord, aC as DEFAULT_CAPTION_STYLE, X as FONT_FAMILIES, $ as FONT_URLS, a4 as FitDimensions, a6 as IMAGE_DEFAULTS, an as PositionResolutionError, P as PositionResolutionResult, a5 as TEXT_DEFAULTS, a7 as VIDEO_DEFAULTS, a8 as VISUAL_DEFAULTS, aa as applyImageDefaults, a9 as applyTextDefaults, ab as applyVideoDefaults, a1 as areFontsLoaded, _ as buildFontString, ai as calculateAutoWidthDimensions, ao as calculateCropBounds, av as calculateEstimatedDuration, a3 as calculateFitDimensions, ad as calculateLineWidth, aw as calculateTimelineContentEnd, aj as canSetAsReference, a2 as debugFontStatus, aq as defaultOffset, ax as formatTime, aA as generateOverlayId, az as generateSegmentId, ar as getBaseSegments, ae as getBorderRadii, aE as getCaptionPresetNames, ak as getDependentElements, Z as getFontFamily, as as getOverlays, al as getReferenceElementX, am as getReferenceElementY, at as getSegmentTimelinePosition, ag as hexToRgba, ap as isDynamicCropEnabled, au as isSegmentVisibleAtTime, aF as isValidCaptionPreset, af as parseHexColor, ay as parseTime, a0 as preloadFonts, aD as resolveCaptionStyle, ah as resolveElementPositions, ac as wrapText } from '../index-C5NlUiZT.js';
+export { Y as APPLE_EMOJI_FONT, aB as CAPTION_PRESETS, Q as CaptionFontWeight, M as CaptionPage, O as CaptionPosition, N as CaptionPreset, U as CaptionStyle, L as CaptionWord, aC as DEFAULT_CAPTION_STYLE, X as FONT_FAMILIES, $ as FONT_URLS, a4 as FitDimensions, a6 as IMAGE_DEFAULTS, an as PositionResolutionError, P as PositionResolutionResult, a5 as TEXT_DEFAULTS, a7 as VIDEO_DEFAULTS, a8 as VISUAL_DEFAULTS, aa as applyImageDefaults, a9 as applyTextDefaults, ab as applyVideoDefaults, a1 as areFontsLoaded, _ as buildFontString, ai as calculateAutoWidthDimensions, ao as calculateCropBounds, av as calculateEstimatedDuration, a3 as calculateFitDimensions, ad as calculateLineWidth, aw as calculateTimelineContentEnd, aj as canSetAsReference, a2 as debugFontStatus, aq as defaultOffset, ax as formatTime, aA as generateOverlayId, az as generateSegmentId, ar as getBaseSegments, ae as getBorderRadii, aE as getCaptionPresetNames, ak as getDependentElements, Z as getFontFamily, as as getOverlays, al as getReferenceElementX, am as getReferenceElementY, at as getSegmentTimelinePosition, ag as hexToRgba, ap as isDynamicCropEnabled, au as isSegmentVisibleAtTime, aF as isValidCaptionPreset, af as parseHexColor, ay as parseTime, a0 as preloadFonts, aD as resolveCaptionStyle, ah as resolveElementPositions, ac as wrapText } from '../index-DB7cs12s.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ugcinc-render",
-  "version": "1.8.6",
+  "version": "1.8.8",
   "description": "Unified rendering package for UGC Inc - shared types, components, and compositions for pixel-perfect client/server rendering",
   "main": "dist/index.js",
   "module": "dist/index.mjs",