@twick/studio 0.15.26 → 0.15.28

package/dist/components/container/emoji-panel-container.d.ts

@@ -0,0 +1,3 @@
+import { PanelProps } from '../../types';
+
+export declare function EmojiPanelContainer({ addElement, videoResolution }: PanelProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/panel/captions-panel.d.ts

@@ -1,46 +1,9 @@
-/**
- * CaptionsPanel Component
- *
- * A presentational panel for managing caption entries in the studio.
- * Renders a list of caption items, each with a text input and two actions:
- * Split and Delete. A single Add button appears below the list.
- *
- * State is controlled by the parent via props; this component is stateless.
- *
- * Entry shape (CaptionEntry):
- * - `s`: start time (seconds)
- * - `e`: end time (seconds)
- * - `t`: caption text
- *
- * Props:
- * - `captions`: CaptionEntry[] — ordered list of captions
- * - `addCaption()`: add a new caption at the end
- * - `splitCaption(index)`: split the caption at `index`
- * - `deleteCaption(index)`: remove the caption at `index`
- * - `updateCaption(index, caption)`: update the caption at `index`
- *
- * @component
- * @example
- * ```tsx
- * <CaptionsPanel
- *   captions={captions}
- *   addCaption={addCaption}
- *   splitCaption={splitCaption}
- *   deleteCaption={deleteCaption}
- *   updateCaption={updateCaption}
- * />
- * ```
- */
-interface CaptionEntry {
-    s: number;
-    e: number;
-    t: string;
-}
+import { CaptionPanelEntry } from '../../types';
+
 export declare function CaptionsPanel({ captions, addCaption, splitCaption, deleteCaption, updateCaption, }: {
-    captions: CaptionEntry[];
+    captions: CaptionPanelEntry[];
     addCaption: () => void;
-    splitCaption: (index: number) => void;
+    splitCaption: (index: number) => void | Promise<void>;
     deleteCaption: (index: number) => void;
-    updateCaption: (index: number, caption: CaptionEntry) => void;
+    updateCaption: (index: number, caption: CaptionPanelEntry) => void;
 }): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/panel/emoji-panel.d.ts

@@ -0,0 +1,8 @@
+import { EmojiAsset } from '../../helpers/emoji-catalog';
+
+interface EmojiPanelProps {
+    items: EmojiAsset[];
+    onItemSelect: (item: EmojiAsset) => void;
+}
+export declare function EmojiPanel({ items, onItemSelect }: EmojiPanelProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/properties/caption-prop.d.ts

@@ -16,5 +16,5 @@ interface CaptionPropPanelProps {
     /** No-op when using fixed config. Kept for API compatibility. */
     setApplyPropsToAllCaption?: (apply: boolean) => void;
 }
-export declare function CaptionPropPanel({ selectedElement, updateElement, }: CaptionPropPanelProps & PropertiesPanelProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function CaptionPropPanel({ selectedElement, updateElement, setApplyPropsToAllCaption, }: CaptionPropPanelProps & PropertiesPanelProps): import("react/jsx-runtime").JSX.Element | null;
 export default CaptionPropPanel;

package/dist/components/properties/color-filter-props.d.ts

@@ -0,0 +1,3 @@
+import { PropertiesPanelProps } from '../../types';
+
+export declare function ColorFilterPropsPanel({ selectedElement, updateElement, }: PropertiesPanelProps): import("react/jsx-runtime").JSX.Element | null;

package/dist/components/properties/generate-captions.d.ts

@@ -1,5 +1,5 @@
 import { TrackElement, VideoElement } from '@twick/timeline';
-import { ICaptionGenerationPollingResponse } from '../../types';
+import { CaptionPhraseLength, ICaptionGenerationPollingResponse } from '../../types';
 
 export declare function GenerateCaptionsPanel({ selectedElement, addCaptionsToTimeline, onGenerateCaptions, getCaptionstatus, pollingIntervalMs, }: {
     selectedElement: TrackElement;
@@ -7,8 +7,9 @@ export declare function GenerateCaptionsPanel({ selectedElement, addCaptionsToTi
         s: number;
         e: number;
         t: string;
+        w?: number[];
     }[]) => void;
-    onGenerateCaptions: (videoElement: VideoElement, language?: string, wordsPerPhrase?: number) => Promise<string | null>;
+    onGenerateCaptions: (videoElement: VideoElement, language?: string, phraseLength?: CaptionPhraseLength) => Promise<string | null>;
     getCaptionstatus: (reqId: string) => Promise<ICaptionGenerationPollingResponse>;
     pollingIntervalMs?: number;
 }): import("react/jsx-runtime").JSX.Element;

package/dist/helpers/emoji-catalog.d.ts

@@ -0,0 +1,9 @@
+export interface EmojiAsset {
+    emoji: string;
+    label: string;
+    imageUrl: string;
+    category: EmojiCategory;
+}
+export type EmojiCategory = "Smileys" | "Symbols" | "Objects" | "Hands" | "Media";
+export declare const EMOJI_CATEGORIES: Array<EmojiCategory | "All">;
+export declare const EMOJI_CATALOG: EmojiAsset[];

package/dist/helpers/generate-captions.service.d.ts

@@ -1,5 +1,5 @@
 import { ProjectJSON, VideoElement } from '@twick/timeline';
-import { ICaptionGenerationPollingResponse, ICaptionGenerationService, CaptionEntry } from '../types';
+import { CaptionEntry, CaptionPhraseLength, ICaptionGenerationPollingResponse, ICaptionGenerationService } from '../types';
 
 declare class GenerateCaptionsService implements ICaptionGenerationService {
     /**
@@ -8,13 +8,13 @@ declare class GenerateCaptionsService implements ICaptionGenerationService {
      */
     videoElement: VideoElement | null;
     projectJSON: ProjectJSON | null;
-    generateSubtiltesApi: (videoUrl: string) => Promise<string>;
+    generateSubtiltesApi: (videoUrl: string, language?: string, phraseLength?: CaptionPhraseLength) => Promise<string>;
     requestStatusApi: (reqId: string) => Promise<ICaptionGenerationPollingResponse>;
     constructor({ generateSubtiltesApi, requestStatusApi, }: {
-        generateSubtiltesApi: (videoUrl: string) => Promise<string>;
+        generateSubtiltesApi: (videoUrl: string, language?: string, phraseLength?: CaptionPhraseLength) => Promise<string>;
         requestStatusApi: (reqId: string) => Promise<ICaptionGenerationPollingResponse>;
     });
-    generateCaptions(videoElement: VideoElement, projectJSON: ProjectJSON): Promise<string>;
+    generateCaptions(videoElement: VideoElement, projectJSON: ProjectJSON, language?: string, phraseLength?: CaptionPhraseLength): Promise<string>;
     getRequestStatus(reqId: string): Promise<ICaptionGenerationPollingResponse>;
     updateProjectWithCaptions(captions: CaptionEntry[]): ProjectJSON;
     generateCaptionVideo(videoUrl: string, videoSize?: {

package/dist/hooks/use-captions-panel.d.ts

@@ -1,13 +1,9 @@
-interface CaptionEntry {
-    s: number;
-    e: number;
-    t: string;
-}
+import { CaptionPanelEntry } from '../types';
+
 export declare const useCaptionsPanel: () => {
-    captions: CaptionEntry[];
+    captions: CaptionPanelEntry[];
     addCaption: () => void;
     splitCaption: (index: number) => Promise<void>;
     deleteCaption: (index: number) => void;
-    updateCaption: (index: number, caption: CaptionEntry) => void;
+    updateCaption: (index: number, caption: CaptionPanelEntry) => void;
 };
-export {};

package/dist/hooks/use-generate-captions.d.ts

@@ -1,8 +1,8 @@
 import { VideoElement } from '@twick/timeline';
-import { ICaptionGenerationPollingResponse, StudioConfig, CaptionEntry } from '../types';
+import { ICaptionGenerationPollingResponse, StudioConfig, CaptionEntry, CaptionPhraseLength } from '../types';
 
 declare const useGenerateCaptions: (studioConfig?: StudioConfig) => {
-    onGenerateCaptions: (videoElement: VideoElement, language?: string, wordsPerPhrase?: number) => Promise<string | null>;
+    onGenerateCaptions: (videoElement: VideoElement, language?: string, phraseLength?: CaptionPhraseLength) => Promise<string | null>;
     addCaptionsToTimeline: (captions: CaptionEntry[]) => void;
     getCaptionstatus: (reqId: string) => Promise<ICaptionGenerationPollingResponse>;
     pollingIntervalMs: number;

package/dist/index.d.ts

@@ -9,6 +9,7 @@ import { ImagePanel } from './components/panel/image-panel';
 import { TextPanel } from './components/panel/text-panel';
 import { CirclePanel } from './components/panel/circle-panel';
 import { RectPanel } from './components/panel/rect-panel';
+import { EmojiPanel } from './components/panel/emoji-panel';
 import { CaptionsPanel } from './components/panel/captions-panel';
 import { TemplateGalleryPanel } from './components/panel/template-gallery-panel';
 import { RecordPanel } from './components/panel/record-panel';
@@ -52,7 +53,9 @@ ScriptPanel,
 /** Panel for adding circles */
 CirclePanel, 
 /** Panel for adding rectangles */
-RectPanel, };
+RectPanel, 
+/** Panel for adding emoji stickers */
+EmojiPanel, };
 export { DEFAULT_PROJECT_TEMPLATES, };
 export { DEFAULT_STUDIO_CONFIG, EDU_STUDIO_CONFIG, DEMO_STUDIO_CONFIG, MARKETING_STUDIO_CONFIG, };
 export { 
@@ -150,7 +153,7 @@ export type { TimelineProviderProps } from '@twick/timeline';
 /**
  * Timeline element classes
  */
-export { Track, TrackElement, TextElement, VideoElement, ImageElement, AudioElement, CircleElement, RectElement, IconElement, CaptionElement, ElementAnimation, ElementFrameEffect, ElementTextEffect } from '@twick/timeline';
+export { Track, TrackElement, TextElement, VideoElement, ImageElement, AudioElement, CircleElement, RectElement, IconElement, EmojiElement, CaptionElement, ElementAnimation, ElementFrameEffect, ElementTextEffect } from '@twick/timeline';
 /**
  * Timeline visitor pattern classes for element manipulation
  */
@@ -162,7 +165,7 @@ export { generateShortUuid, getTotalDuration, getCurrentElements, isTrackId, isE
 /**
  * Timeline types
  */
-export type { ProjectJSON, Size, Position, Frame, ElementJSON, TrackJSON, VideoProps, AudioProps, ImageProps, TextProps, RectProps, CircleProps, IconProps, TextEffect as TimelineTextEffect, FrameEffect, FrameEffectProps, Animation as TimelineAnimation, ObjectFit, TextAlign, BaseMediaProps } from '@twick/timeline';
+export type { ProjectJSON, Size, Position, Frame, ElementJSON, TrackJSON, VideoProps, AudioProps, ImageProps, TextProps, RectProps, CircleProps, IconProps, EmojiProps, TextEffect as TimelineTextEffect, FrameEffect, FrameEffectProps, Animation as TimelineAnimation, ObjectFit, TextAlign, BaseMediaProps } from '@twick/timeline';
 /**
  * Timeline constants
  */