@cliquify.me/elements-ui 8.0.4 → 8.0.5

package/dist/items/audio.d.ts

@@ -1,7 +1,7 @@
 import { IAudio } from '@cliquify.me/types';
 import { SequenceItemOptions } from '../base-sequence';
 
-export default function Audio({ item, options }: {
+export default function Audio({ item, options, }: {
     item: IAudio;
     options: SequenceItemOptions;
 }): import("react").JSX.Element;

package/dist/items/caption.d.ts

@@ -1,7 +1,12 @@
 import { ICaption } from '@cliquify.me/types';
 import { SequenceItemOptions } from '../base-sequence';
 
-export default function Caption({ item, options }: {
+export interface CaptionWordItem {
+    start: number;
+    end: number;
+    word: string;
+}
+export default function Caption({ item, options, }: {
     item: ICaption;
     options: SequenceItemOptions;
 }): import("react").JSX.Element;

package/dist/items/image.d.ts

@@ -1,7 +1,12 @@
+import { default as React } from 'react';
 import { IImage } from '@cliquify.me/types';
 import { SequenceItemOptions } from '../base-sequence';
 
-export default function Image({ item, options }: {
-    item: IImage;
+interface ImageItem extends IImage {
+    playbackRate?: number;
+}
+export default function Image({ item, options, }: {
+    item: ImageItem;
     options: SequenceItemOptions;
-}): import("react").JSX.Element;
+}): React.JSX.Element;
+export {};

package/dist/items/index.d.ts

@@ -17,3 +17,6 @@ export { default as Triangle } from './triangle';
 export { default as Star } from './star';
 export { default as Polygon } from './polygon';
 export { default as Ellipse } from './ellipse';
+export { default as ProgressSquare } from './progress-square';
+export { default as Template } from './template';
+export { default as Composition } from './composition';

package/dist/items/rect.d.ts

@@ -1,7 +1,7 @@
 import { IRect } from '@cliquify.me/types';
 import { SequenceItemOptions } from '../base-sequence';
 
-export declare const Rect: ({ item, options }: {
+export declare const Rect: ({ item, options, }: {
     item: IRect;
     options: SequenceItemOptions;
 }) => import("react").JSX.Element;

package/dist/items/shape.d.ts

@@ -1,7 +1,7 @@
 import { IShape } from '@cliquify.me/types';
 import { SequenceItemOptions } from '../base-sequence';
 
-export declare const Shape: ({ item, options }: {
+export declare const Shape: ({ item, options, }: {
     item: IShape;
     options: SequenceItemOptions;
 }) => import("react").JSX.Element;

package/dist/items/text.d.ts

@@ -1,7 +1,8 @@
+import { default as React } from 'react';
 import { IText } from '@cliquify.me/types';
 import { SequenceItemOptions } from '../base-sequence';
 
 export default function Text({ item, options }: {
     item: IText;
     options: SequenceItemOptions;
-}): import("react").JSX.Element;
+}): React.JSX.Element;

package/dist/items/utils/create-rect.d.ts

@@ -0,0 +1,6 @@
+export declare function createRectPath({ x, y, width, height, }: {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+}): string;

package/dist/items/utils/mask-image.d.ts

@@ -0,0 +1,16 @@
+import { default as React } from 'react';
+import { IImage } from '@cliquify.me/types';
+
+interface MaskedImageProps {
+    imageSrc: string;
+    maskData: {
+        x: number;
+        y: number;
+        width: number;
+        height: number;
+    };
+    details: IImage["details"];
+    id: string;
+}
+declare const MaskedImage: React.FC<MaskedImageProps>;
+export default MaskedImage;

package/dist/items/utils/mask-video.d.ts

@@ -0,0 +1,16 @@
+import { default as React } from 'react';
+import { IVideo } from '@cliquify.me/types';
+
+interface MaskedVideoProps {
+    maskData: {
+        x: number;
+        y: number;
+        width: number;
+        height: number;
+    };
+    data: IVideo;
+    details: IVideo["details"];
+    fps: number;
+}
+declare const MaskedVideo: React.FC<MaskedVideoProps>;
+export default MaskedVideo;

package/dist/sequence-item.d.ts

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+import { ITrackItem } from '@cliquify.me/types';
+import { SequenceItemOptions } from './base-sequence';
+
+export declare const SequenceItem: Record<string, (item: ITrackItem, options: SequenceItemOptions) => React.ReactNode>;

package/dist/utils/gif.d.ts

@@ -0,0 +1,11 @@
+export type DecodedGif = {
+    width: number;
+    height: number;
+    durationMs: number;
+    frames: string[];
+    delaysMs: number[];
+};
+export declare const isGif: (src: string) => boolean;
+export declare const decodeGif: (src: string) => Promise<DecodedGif>;
+export declare const getDecodedGif: (src: string) => Promise<DecodedGif>;
+export declare const getFrameIndexAtTime: (timeMs: number, decodedGif: DecodedGif) => number;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cliquify.me/elements-ui",
-  "version": "8.0.4",
+  "version": "8.0.5",
   "type": "module",
   "private": false,
   "publishConfig": {
@@ -38,16 +38,18 @@
     "@cliquify.me/typescript-config": "0.0.2"
   },
   "dependencies": {
-    "@cliquify.me/animations": "9.0.4",
+    "@designcombo/events": "1.0.2",
+    "gifuct-js": "^2.1.2",
+    "@cliquify.me/animations": "9.0.5",
     "@cliquify.me/transitions": "0.11.9",
-    "@cliquify.me/types": "8.0.4",
-    "@cliquify.me/state": "8.0.4"
+    "@cliquify.me/state": "8.0.5",
+    "@cliquify.me/types": "8.0.5"
   },
   "peerDependencies": {
     "react": "^19.1.0",
     "react-dom": "^19.1.0",
     "remotion": "4.0.506",
-    "@cliquify.me/types": "8.0.4"
+    "@cliquify.me/types": "8.0.5"
   },
   "scripts": {
     "dev": "vite",