@codefluss/lottie 0.0.1-alpha.1

package/README.md

@@ -0,0 +1,66 @@
+# @codefluss/lottie
+
+Lottie animation plugin for interactive animations.
+
+## Features
+
+- Lottie JSON animation playback
+- Multiple play modes: loop, once, bounce
+- Speed control
+- Play/pause on hover or click
+- Segment playback
+- Design system integration
+- SSR compatible with client-side hydration
+
+## Installation
+
+```bash
+pnpm add @codefluss/lottie
+```
+
+## Usage
+
+### Editor Mode
+
+```tsx
+import { LottieComponent } from '@codefluss/lottie';
+
+<LottieComponent
+  data={lottieData}
+  language='en'
+  isSelected={false}
+  isEditorMode={true}
+  dependencies={{ designSystem, utils }}
+/>;
+```
+
+### SSR Mode
+
+```tsx
+import { LottieRenderer } from '@codefluss/lottie/renderer';
+
+<LottieRenderer
+  elementId='lottie-1'
+  data={lottieData}
+  language='en'
+  dependencies={{ designSystem, utils }}
+/>;
+```
+
+## Properties
+
+| Property                 | Type               | Description                       |
+| ------------------------ | ------------------ | --------------------------------- |
+| `animationData`          | `object`           | Lottie JSON animation data        |
+| `src`                    | `string`           | URL to Lottie JSON file           |
+| `loop`                   | `boolean`          | Enable loop playback              |
+| `autoplay`               | `boolean`          | Start playing on load             |
+| `speed`                  | `number`           | Playback speed multiplier         |
+| `direction`              | `1 \| -1`          | Playback direction                |
+| `playOnHover`            | `boolean`          | Play animation on hover           |
+| `segment`                | `[number, number]` | Frame range to play               |
+| `layout.spacingPresetId` | `string`           | Spacing preset from design system |
+
+## License
+
+MIT

package/dist/index.d.ts

@@ -0,0 +1,4 @@
+export { default as LottieComponent } from './lottie-component';
+export { lottieConfig, defaultLottieData } from './lottie-config';
+export type { LottieData, LottieComponentProps } from './lottie-config';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAChE,OAAO,EAAE,YAAY,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAClE,YAAY,EAAE,UAAU,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/index.js

@@ -0,0 +1,3 @@
+export { default as LottieComponent } from './lottie-component';
+export { lottieConfig, defaultLottieData } from './lottie-config';
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAChE,OAAO,EAAE,YAAY,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/lib/utils.d.ts

@@ -0,0 +1,2 @@
+export declare function cn(...inputs: (string | undefined | null | false)[]): string;
+//# sourceMappingURL=utils.d.ts.map

package/dist/lib/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/lib/utils.ts"],"names":[],"mappings":"AACA,wBAAgB,EAAE,CAAC,GAAG,MAAM,EAAE,CAAC,MAAM,GAAG,SAAS,GAAG,IAAI,GAAG,KAAK,CAAC,EAAE,GAAG,MAAM,CAE3E"}

package/dist/lib/utils.js

@@ -0,0 +1,5 @@
+// Simple className utility function
+export function cn(...inputs) {
+    return inputs.filter(Boolean).join(' ');
+}
+//# sourceMappingURL=utils.js.map

package/dist/lib/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/lib/utils.ts"],"names":[],"mappings":"AAAA,oCAAoC;AACpC,MAAM,UAAU,EAAE,CAAC,GAAG,MAA6C;IACjE,OAAO,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAC1C,CAAC"}

package/dist/locales/de.json

@@ -0,0 +1,129 @@
+{
+    "plugin": {
+        "name": "Lottie Animation",
+        "description": "Interaktive Lottie Animation mit Datei-Upload und Maus-Interaktionen"
+    },
+    "properties": {
+        "src": {
+            "label": "Animationsdatei",
+            "placeholder": "Lottie JSON Datei hochladen",
+            "description": "Wählen Sie eine Lottie Animationsdatei von Ihrem Computer aus"
+        },
+        "width": {
+            "label": "Breite",
+            "placeholder": "300",
+            "description": "Animationsbreite in Pixeln"
+        },
+        "height": {
+            "label": "Höhe",
+            "placeholder": "300",
+            "description": "Animationshöhe in Pixeln"
+        },
+        "loop": {
+            "label": "Endlosschleife",
+            "description": "Endlose Wiedergabe aktivieren"
+        },
+        "autoplay": {
+            "label": "Automatische Wiedergabe",
+            "description": "Animation automatisch beim Laden abspielen"
+        },
+        "initialSegment": {
+            "label": "Anfangssegment",
+            "placeholder": "[0, 60]",
+            "description": "Start- und End-Frame für das anfängliche Animationssegment"
+        },
+        "playStyle": {
+            "label": "Wiedergabestil",
+            "description": "Animationswiedergabe-Stil"
+        },
+        "interactivity.enabled": {
+            "label": "Interaktivität aktivieren",
+            "description": "Maus- und Scroll-Interaktionen aktivieren"
+        },
+        "interactivity.type": {
+            "label": "Interaktionstyp",
+            "description": "Art der Interaktion mit der Animation"
+        },
+        "interactivity.sensitivity": {
+            "label": "Interaktions-Empfindlichkeit",
+            "description": "Wie empfindlich die Interaktion reagiert"
+        },
+        "accessibility.label": {
+            "label": "Barrierefreies Label",
+            "placeholder": "Animation",
+            "description": "Screen Reader Label für die Animation"
+        },
+        "accessibility.description": {
+            "label": "Barrierefreie Beschreibung",
+            "placeholder": "Interaktive Lottie Animation",
+            "description": "Detaillierte Beschreibung für Screen Reader"
+        },
+        "accessibility.role": {
+            "label": "Barrierefreie Rolle",
+            "placeholder": "img",
+            "description": "ARIA-Rolle für das Animationselement"
+        },
+        "advanced.className": {
+            "label": "CSS-Klassen",
+            "placeholder": "custom-animation my-style",
+            "description": "Zusätzliche CSS-Klassennamen für Styling"
+        },
+        "advanced.id": {
+            "label": "Element-ID",
+            "placeholder": "unique-id",
+            "description": "Eindeutiger Identifikator für das Element"
+        },
+        "advanced.ariaLabel": {
+            "label": "ARIA-Label",
+            "placeholder": "Beschreibendes Label für Screen Reader",
+            "description": "Zusätzliches Barrierefreiheits-Label"
+        },
+        "advanced.tabIndex": {
+            "label": "Tab-Index",
+            "placeholder": "0",
+            "description": "Navigationsreihenfolge für Tastaturzugang"
+        }
+    },
+    "categories": {
+        "content": "Inhalt",
+        "style": "Stil",
+        "advanced": "Erweitert"
+    },
+    "priorities": {
+        "quick": "Schnell",
+        "common": "Häufig",
+        "advanced": "Erweitert"
+    },
+    "upload": {
+        "title": "Lottie-Datei hochladen",
+        "description": "Wählen Sie eine Lottie JSON Datei von Ihrem Computer aus",
+        "button": "Datei auswählen",
+        "dragText": "Ziehen Sie Ihre Lottie-Datei hierher oder klicken Sie zur Auswahl",
+        "supportedFormats": "Unterstütztes Format: .json",
+        "invalidFormat": "Bitte laden Sie eine gültige Lottie JSON Datei hoch",
+        "fileTooLarge": "Datei ist zu groß. Maximale Größe ist 10MB.",
+        "uploadSuccess": "Datei erfolgreich hochgeladen!",
+        "uploadError": "Fehler beim Hochladen der Datei. Bitte versuchen Sie es erneut.",
+        "fileReady": "Bereit zum Rendern",
+        "loadedFile": "Geladen: {filename}"
+    },
+    "interactivity": {
+        "scroll": "Scrollen",
+        "cursor": "Cursor folgen",
+        "hover": "Hover",
+        "modeScroll": "Scroll-basierte Interaktion",
+        "modeCursor": "Cursor-Tracking Interaktion",
+        "modeHover": "Hover-basierte Interaktion",
+        "sensitivityLow": "Niedrig",
+        "sensitivityMedium": "Mittel",
+        "sensitivityHigh": "Hoch"
+    },
+    "playback": {
+        "normal": "Normal",
+        "bounce": "Bounce",
+        "reverse": "Umgekehrt",
+        "play": "Abspielen",
+        "pause": "Pausieren",
+        "stop": "Stopp"
+    }
+}

package/dist/locales/en.json

@@ -0,0 +1,129 @@
+{
+    "plugin": {
+        "name": "Lottie Animation",
+        "description": "Interactive Lottie animation with file upload and mouse interactions"
+    },
+    "properties": {
+        "src": {
+            "label": "Animation File",
+            "placeholder": "Upload Lottie JSON file",
+            "description": "Select a Lottie animation file from your computer"
+        },
+        "width": {
+            "label": "Width",
+            "placeholder": "300",
+            "description": "Animation width in pixels"
+        },
+        "height": {
+            "label": "Height",
+            "placeholder": "300",
+            "description": "Animation height in pixels"
+        },
+        "loop": {
+            "label": "Loop Animation",
+            "description": "Enable infinite loop playback"
+        },
+        "autoplay": {
+            "label": "Autoplay",
+            "description": "Play animation automatically when loaded"
+        },
+        "initialSegment": {
+            "label": "Initial Segment",
+            "placeholder": "[0, 60]",
+            "description": "Start and end frames for initial animation segment"
+        },
+        "playStyle": {
+            "label": "Play Style",
+            "description": "Animation playback style"
+        },
+        "interactivity.enabled": {
+            "label": "Enable Interactivity",
+            "description": "Enable mouse and scroll interactions"
+        },
+        "interactivity.type": {
+            "label": "Interaction Type",
+            "description": "Type of interaction with the animation"
+        },
+        "interactivity.sensitivity": {
+            "label": "Interaction Sensitivity",
+            "description": "How sensitive the interaction responds"
+        },
+        "accessibility.label": {
+            "label": "Accessibility Label",
+            "placeholder": "Animation",
+            "description": "Screen reader label for the animation"
+        },
+        "accessibility.description": {
+            "label": "Accessibility Description",
+            "placeholder": "Interactive Lottie animation",
+            "description": "Detailed description for screen readers"
+        },
+        "accessibility.role": {
+            "label": "Accessibility Role",
+            "placeholder": "img",
+            "description": "ARIA role for the animation element"
+        },
+        "advanced.className": {
+            "label": "CSS Classes",
+            "placeholder": "custom-animation my-style",
+            "description": "Additional CSS class names for styling"
+        },
+        "advanced.id": {
+            "label": "Element ID",
+            "placeholder": "unique-id",
+            "description": "Unique identifier for the element"
+        },
+        "advanced.ariaLabel": {
+            "label": "ARIA Label",
+            "placeholder": "Descriptive label for screen readers",
+            "description": "Additional accessibility label"
+        },
+        "advanced.tabIndex": {
+            "label": "Tab Index",
+            "placeholder": "0",
+            "description": "Navigation order for keyboard access"
+        }
+    },
+    "categories": {
+        "content": "Content",
+        "style": "Style",
+        "advanced": "Advanced"
+    },
+    "priorities": {
+        "quick": "Quick",
+        "common": "Common",
+        "advanced": "Advanced"
+    },
+    "upload": {
+        "title": "Upload Lottie File",
+        "description": "Select a Lottie JSON file from your computer",
+        "button": "Choose File",
+        "dragText": "Drag and drop your Lottie file here, or click to select",
+        "supportedFormats": "Supported format: .json",
+        "invalidFormat": "Please upload a valid Lottie JSON file",
+        "fileTooLarge": "File is too large. Maximum size is 10MB.",
+        "uploadSuccess": "File uploaded successfully!",
+        "uploadError": "Failed to upload file. Please try again.",
+        "fileReady": "Ready to render",
+        "loadedFile": "Loaded: {filename}"
+    },
+    "interactivity": {
+        "scroll": "Scroll",
+        "cursor": "Cursor Follow",
+        "hover": "Hover",
+        "modeScroll": "Scroll-based interaction",
+        "modeCursor": "Cursor tracking interaction",
+        "modeHover": "Hover-based interaction",
+        "sensitivityLow": "Low",
+        "sensitivityMedium": "Medium",
+        "sensitivityHigh": "High"
+    },
+    "playback": {
+        "normal": "Normal",
+        "bounce": "Bounce",
+        "reverse": "Reverse",
+        "play": "Play",
+        "pause": "Pause",
+        "stop": "Stop"
+    }
+}

package/dist/locales/index.d.ts

@@ -0,0 +1,266 @@
+/**
+ * Lottie Plugin Localization
+ */
+export declare const locales: {
+    readonly en: {
+        plugin: {
+            name: string;
+            description: string;
+        };
+        properties: {
+            src: {
+                label: string;
+                placeholder: string;
+                description: string;
+            };
+            width: {
+                label: string;
+                placeholder: string;
+                description: string;
+            };
+            height: {
+                label: string;
+                placeholder: string;
+                description: string;
+            };
+            loop: {
+                label: string;
+                description: string;
+            };
+            autoplay: {
+                label: string;
+                description: string;
+            };
+            initialSegment: {
+                label: string;
+                placeholder: string;
+                description: string;
+            };
+            playStyle: {
+                label: string;
+                description: string;
+            };
+            "interactivity.enabled": {
+                label: string;
+                description: string;
+            };
+            "interactivity.type": {
+                label: string;
+                description: string;
+            };
+            "interactivity.sensitivity": {
+                label: string;
+                description: string;
+            };
+            "accessibility.label": {
+                label: string;
+                placeholder: string;
+                description: string;
+            };
+            "accessibility.description": {
+                label: string;
+                placeholder: string;
+                description: string;
+            };
+            "accessibility.role": {
+                label: string;
+                placeholder: string;
+                description: string;
+            };
+            "advanced.className": {
+                label: string;
+                placeholder: string;
+                description: string;
+            };
+            "advanced.id": {
+                label: string;
+                placeholder: string;
+                description: string;
+            };
+            "advanced.ariaLabel": {
+                label: string;
+                placeholder: string;
+                description: string;
+            };
+            "advanced.tabIndex": {
+                label: string;
+                placeholder: string;
+                description: string;
+            };
+        };
+        categories: {
+            content: string;
+            style: string;
+            advanced: string;
+        };
+        priorities: {
+            quick: string;
+            common: string;
+            advanced: string;
+        };
+        upload: {
+            title: string;
+            description: string;
+            button: string;
+            dragText: string;
+            supportedFormats: string;
+            invalidFormat: string;
+            fileTooLarge: string;
+            uploadSuccess: string;
+            uploadError: string;
+            fileReady: string;
+            loadedFile: string;
+        };
+        interactivity: {
+            scroll: string;
+            cursor: string;
+            hover: string;
+            modeScroll: string;
+            modeCursor: string;
+            modeHover: string;
+            sensitivityLow: string;
+            sensitivityMedium: string;
+            sensitivityHigh: string;
+        };
+        playback: {
+            normal: string;
+            bounce: string;
+            reverse: string;
+            play: string;
+            pause: string;
+            stop: string;
+        };
+    };
+    readonly de: {
+        plugin: {
+            name: string;
+            description: string;
+        };
+        properties: {
+            src: {
+                label: string;
+                placeholder: string;
+                description: string;
+            };
+            width: {
+                label: string;
+                placeholder: string;
+                description: string;
+            };
+            height: {
+                label: string;
+                placeholder: string;
+                description: string;
+            };
+            loop: {
+                label: string;
+                description: string;
+            };
+            autoplay: {
+                label: string;
+                description: string;
+            };
+            initialSegment: {
+                label: string;
+                placeholder: string;
+                description: string;
+            };
+            playStyle: {
+                label: string;
+                description: string;
+            };
+            "interactivity.enabled": {
+                label: string;
+                description: string;
+            };
+            "interactivity.type": {
+                label: string;
+                description: string;
+            };
+            "interactivity.sensitivity": {
+                label: string;
+                description: string;
+            };
+            "accessibility.label": {
+                label: string;
+                placeholder: string;
+                description: string;
+            };
+            "accessibility.description": {
+                label: string;
+                placeholder: string;
+                description: string;
+            };
+            "accessibility.role": {
+                label: string;
+                placeholder: string;
+                description: string;
+            };
+            "advanced.className": {
+                label: string;
+                placeholder: string;
+                description: string;
+            };
+            "advanced.id": {
+                label: string;
+                placeholder: string;
+                description: string;
+            };
+            "advanced.ariaLabel": {
+                label: string;
+                placeholder: string;
+                description: string;
+            };
+            "advanced.tabIndex": {
+                label: string;
+                placeholder: string;
+                description: string;
+            };
+        };
+        categories: {
+            content: string;
+            style: string;
+            advanced: string;
+        };
+        priorities: {
+            quick: string;
+            common: string;
+            advanced: string;
+        };
+        upload: {
+            title: string;
+            description: string;
+            button: string;
+            dragText: string;
+            supportedFormats: string;
+            invalidFormat: string;
+            fileTooLarge: string;
+            uploadSuccess: string;
+            uploadError: string;
+            fileReady: string;
+            loadedFile: string;
+        };
+        interactivity: {
+            scroll: string;
+            cursor: string;
+            hover: string;
+            modeScroll: string;
+            modeCursor: string;
+            modeHover: string;
+            sensitivityLow: string;
+            sensitivityMedium: string;
+            sensitivityHigh: string;
+        };
+        playback: {
+            normal: string;
+            bounce: string;
+            reverse: string;
+            play: string;
+            pause: string;
+            stop: string;
+        };
+    };
+};
+export type Locale = keyof typeof locales;
+export declare const defaultLocale: Locale;
+//# sourceMappingURL=index.d.ts.map

package/dist/locales/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/locales/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAKH,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAGV,CAAC;AAEX,MAAM,MAAM,MAAM,GAAG,MAAM,OAAO,OAAO,CAAC;AAC1C,eAAO,MAAM,aAAa,EAAE,MAAa,CAAC"}

package/dist/locales/index.js

@@ -0,0 +1,11 @@
+/**
+ * Lottie Plugin Localization
+ */
+import en from './en.json';
+import de from './de.json';
+export const locales = {
+    en,
+    de,
+};
+export const defaultLocale = 'en';
+//# sourceMappingURL=index.js.map

package/dist/locales/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/locales/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,MAAM,WAAW,CAAC;AAC3B,OAAO,EAAE,MAAM,WAAW,CAAC;AAE3B,MAAM,CAAC,MAAM,OAAO,GAAG;IACrB,EAAE;IACF,EAAE;CACM,CAAC;AAGX,MAAM,CAAC,MAAM,aAAa,GAAW,IAAI,CAAC"}

package/dist/lottie-component.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import type { LottieComponentProps } from './lottie-config';
+declare const LottieComponent: React.FC<LottieComponentProps>;
+export default LottieComponent;
+export { LottieComponent };
+//# sourceMappingURL=lottie-component.d.ts.map

package/dist/lottie-component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"lottie-component.d.ts","sourceRoot":"","sources":["../src/lottie-component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2C,MAAM,OAAO,CAAC;AAEhE,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AAG5D,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAwMnD,CAAC;AAEF,eAAe,eAAe,CAAC;AAC/B,OAAO,EAAE,eAAe,EAAE,CAAC"}

package/dist/lottie-component.js

@@ -0,0 +1,99 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState, useCallback, useEffect } from 'react';
+import Lottie from 'react-lottie-player';
+import { cn } from './lib/utils';
+const LottieComponent = ({ data, onChange, isEditing = false, className, }) => {
+    const [uploadedFile, setUploadedFile] = useState(null);
+    const [animationData, setAnimationData] = useState(() => {
+        // Handle base64 encoded animation data
+        if (data.src && data.src.startsWith('data:application/json;base64,')) {
+            try {
+                const base64Data = data.src.split(',')[1];
+                if (!base64Data) {
+                    console.log('🎬 LOTTIE DEBUG: No base64 data found in src');
+                    return null;
+                }
+                const decodedJson = atob(base64Data);
+                const parsedData = JSON.parse(decodedJson);
+                console.log('🎬 LOTTIE DEBUG: Decoded base64 animation data:', parsedData);
+                return parsedData;
+            }
+            catch (error) {
+                console.error('🎬 LOTTIE DEBUG: Failed to decode base64 animation data:', error);
+                return null;
+            }
+        }
+        return data.animationData;
+    });
+    const [loadError, setLoadError] = useState(null);
+    const [usePath, setUsePath] = useState(null);
+    // Determine if we should use path prop instead of animationData
+    useEffect(() => {
+        if (!animationData && data.src && !data.src.startsWith('data:')) {
+            console.log('🎬 LOTTIE DEBUG: Using path for animation:', data.src);
+            setUsePath(data.src);
+        }
+        else if (animationData) {
+            setUsePath(null);
+        }
+    }, [animationData, data.src]);
+    // Handle file upload
+    const handleFileUpload = useCallback(async (event) => {
+        console.log('🎬 LOTTIE DEBUG: File upload started');
+        const file = event.target.files?.[0];
+        if (!file) {
+            console.log('🎬 LOTTIE DEBUG: No file selected');
+            return;
+        }
+        // Validate file type
+        if (!file.name.endsWith('.json')) {
+            console.log('🎬 LOTTIE DEBUG: Invalid file type - not JSON:', file.name);
+            alert('Please upload a valid Lottie JSON file');
+            return;
+        }
+        try {
+            console.log('🎬 LOTTIE DEBUG: Reading file:', file.name);
+            const text = await file.text();
+            console.log('🎬 LOTTIE DEBUG: File text length:', text.length);
+            const json = JSON.parse(text);
+            // Basic validation - check if it looks like animation data
+            console.log('🎬 LOTTIE DEBUG: Validating animation format');
+            console.log('🎬 LOTTIE DEBUG: JSON keys:', Object.keys(json));
+            // Less strict validation - let react-lottie-player handle the details
+            if (!json || typeof json !== 'object') {
+                console.log('🎬 LOTTIE DEBUG: Invalid JSON format');
+                throw new Error('Invalid JSON format');
+            }
+            console.log('🎬 LOTTIE DEBUG: Animation format validated successfully');
+            setUploadedFile(file);
+            setAnimationData(json);
+            setLoadError(null);
+            onChange?.({
+                ...data,
+                src: URL.createObjectURL(file),
+                animationData: json,
+            });
+            console.log('🎬 LOTTIE DEBUG: File upload completed successfully');
+        }
+        catch (error) {
+            console.error('🎬 LOTTIE DEBUG: Failed to parse Lottie file:', error);
+            setLoadError(error instanceof Error ? error.message : 'Invalid Lottie file format');
+            alert('Invalid Lottie file format');
+        }
+    }, [data, onChange]);
+    const style = {
+        width: data.width ?? 300,
+        height: data.height ?? 300,
+    };
+    // Component render with debug logging
+    console.log('🎬 LOTTIE DEBUG: Component render');
+    console.log('🎬 LOTTIE DEBUG: animationData exists:', !!animationData);
+    console.log('🎬 LOTTIE DEBUG: loadError:', loadError);
+    console.log('🎬 LOTTIE DEBUG: data.src:', data.src);
+    console.log('🎬 LOTTIE DEBUG: uploadedFile:', uploadedFile?.name);
+    console.log('🎬 LOTTIE DEBUG: isEditing:', isEditing);
+    return (_jsxs("div", { className: cn('lottie-container relative', className), children: [isEditing && (_jsxs("div", { className: "absolute top-2 left-2 z-10 bg-white rounded-md shadow-md p-2", children: [_jsx("input", { type: "file", accept: ".json", onChange: handleFileUpload, className: "text-sm file:mr-2 file:py-1 file:px-2 file:rounded file:border-0 file:text-xs file:font-medium file:bg-blue-50 file:text-blue-700 hover:file:bg-blue-100" }), uploadedFile && (_jsxs("p", { className: "text-xs text-green-600 mt-1", children: ["Loaded: ", uploadedFile.name] })), data.interactivity && (_jsxs("div", { className: "text-xs text-blue-600 mt-1", children: ["Mode: ", data.interactivity.type] }))] })), _jsx("div", { className: cn(data.advanced?.className), "aria-label": data.accessibility?.label, role: data.accessibility?.role, ...(data.advanced?.id && { id: data.advanced.id }), ...(data.advanced?.['data-testid'] && { 'data-testid': data.advanced['data-testid'] }), ...(data.advanced?.ariaLabel && { 'aria-label': data.advanced.ariaLabel }), ...(data.advanced?.tabIndex !== undefined && { tabIndex: data.advanced.tabIndex }), children: (animationData || usePath) && !loadError ? (_jsxs(_Fragment, { children: [console.log('🎬 LOTTIE DEBUG: Rendering Lottie component with react-lottie-player'), console.log('🎬 LOTTIE DEBUG: Using animationData:', !!animationData), console.log('🎬 LOTTIE DEBUG: Using path:', usePath), animationData && console.log('🎬 LOTTIE DEBUG: Animation data structure:', Object.keys(animationData)), _jsx(Lottie, { animationData: animationData || undefined, loop: data.loop ?? true, play: data.autoplay ?? true, style: style, onComplete: () => console.log('🎬 LOTTIE DEBUG: Lottie animation completed') })] })) : loadError ? (_jsxs(_Fragment, { children: [console.log('🎬 LOTTIE DEBUG: Rendering error state:', loadError), _jsx("div", { style: style, className: "bg-red-50 border-2 border-dashed border-red-300 rounded-lg flex items-center justify-center", children: _jsxs("div", { className: "text-center text-red-600", children: [_jsx("div", { className: "text-4xl mb-2", children: "\u26A0\uFE0F" }), _jsx("div", { className: "text-sm font-semibold", children: "Lottie Error" }), _jsx("div", { className: "text-xs text-red-500 mt-1", children: loadError })] }) })] })) : (_jsxs(_Fragment, { children: [console.log('🎬 LOTTIE DEBUG: Rendering placeholder state'), _jsx("div", { style: style, className: "bg-gray-100 border-2 border-dashed border-gray-300 rounded-lg flex items-center justify-center", children: _jsxs("div", { className: "text-center text-gray-500", children: [_jsx("div", { className: "text-4xl mb-2", children: "\uD83C\uDFAC" }), _jsx("div", { className: "text-sm", children: "Lottie Animation" }), uploadedFile && (_jsxs("div", { className: "text-xs text-green-600 mt-1", children: ["Ready to render: ", uploadedFile.name] })), data.interactivity?.enabled && (_jsxs("div", { className: "text-xs text-blue-600 mt-1", children: ["Interactive: ", data.interactivity.type] }))] }) })] })) }), data.accessibility?.description && (_jsx("span", { className: "sr-only", role: "img", "aria-label": data.accessibility.description, children: data.accessibility.description }))] }));
+};
+export default LottieComponent;
+export { LottieComponent };
+//# sourceMappingURL=lottie-component.js.map

package/dist/lottie-component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"lottie-component.js","sourceRoot":"","sources":["../src/lottie-component.tsx"],"names":[],"mappings":"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"}

package/dist/lottie-config.d.ts

@@ -0,0 +1,54 @@
+export interface LottieData {
+    pluginType: 'lottie';
+    animationType: 'lottie';
+    src?: string;
+    animationData?: any;
+    loop?: boolean | number;
+    autoplay?: boolean;
+    initialSegment?: [number, number];
+    width?: number;
+    height?: number;
+    playStyle?: 'normal' | 'bounce' | 'reverse';
+    interactivity?: {
+        enabled: boolean;
+        type: 'scroll' | 'cursor' | 'hover';
+        sensitivity?: number;
+    };
+    accessibility?: {
+        label?: string;
+        description?: string;
+        role?: string;
+    };
+    advanced?: {
+        className?: string;
+        id?: string;
+        'data-testid'?: string;
+        ariaLabel?: string;
+        tabIndex?: number;
+        onComplete?: string;
+        onLoopComplete?: string;
+        onEnterFrame?: string;
+        onDataReady?: string;
+        onDataFailed?: string;
+    };
+}
+export interface LottieComponentProps {
+    data: LottieData;
+    onChange?: (data: LottieData) => void;
+    isEditing?: boolean;
+    className?: string;
+}
+export interface PluginConfig<T = any> {
+    type: string;
+    name: string;
+    description: string;
+    category: string;
+    icon: string;
+    version: string;
+    defaultData: T;
+    properties: any[];
+    meta: any;
+}
+export declare const defaultLottieData: LottieData;
+export declare const lottieConfig: PluginConfig<LottieData>;
+//# sourceMappingURL=lottie-config.d.ts.map

package/dist/lottie-config.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"lottie-config.d.ts","sourceRoot":"","sources":["../src/lottie-config.ts"],"names":[],"mappings":"AAGA,MAAM,WAAW,UAAU;IACzB,UAAU,EAAE,QAAQ,CAAC;IACrB,aAAa,EAAE,QAAQ,CAAC;IACxB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,aAAa,CAAC,EAAE,GAAG,CAAC;IACpB,IAAI,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,SAAS,CAAC;IAC5C,aAAa,CAAC,EAAE;QACd,OAAO,EAAE,OAAO,CAAC;QACjB,IAAI,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;QACpC,WAAW,CAAC,EAAE,MAAM,CAAC;KACtB,CAAC;IACF,aAAa,CAAC,EAAE;QACd,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,IAAI,CAAC,EAAE,MAAM,CAAC;KACf,CAAC;IACF,QAAQ,CAAC,EAAE;QACT,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,EAAE,CAAC,EAAE,MAAM,CAAC;QACZ,aAAa,CAAC,EAAE,MAAM,CAAC;QACvB,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,cAAc,CAAC,EAAE,MAAM,CAAC;QACxB,YAAY,CAAC,EAAE,MAAM,CAAC;QACtB,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,YAAY,CAAC,EAAE,MAAM,CAAC;KACvB,CAAC;CACH;AAED,MAAM,WAAW,oBAAoB;IACnC,IAAI,EAAE,UAAU,CAAC;IACjB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,UAAU,KAAK,IAAI,CAAC;IACtC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAGD,MAAM,WAAW,YAAY,CAAC,CAAC,GAAG,GAAG;IACnC,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,WAAW,EAAE,CAAC,CAAC;IACf,UAAU,EAAE,GAAG,EAAE,CAAC;IAClB,IAAI,EAAE,GAAG,CAAC;CACX;AAED,eAAO,MAAM,iBAAiB,EAAE,UAkB/B,CAAC;AAIF,eAAO,MAAM,YAAY,EAAE,YAAY,CAAC,UAAU,CAmIjD,CAAC"}

package/dist/lottie-config.js

@@ -0,0 +1,155 @@
+// Simplified types for Lottie plugin
+import { defaultLocale, locales } from './locales';
+export const defaultLottieData = {
+    pluginType: 'lottie',
+    animationType: 'lottie',
+    src: '',
+    loop: true,
+    autoplay: true,
+    width: 300,
+    height: 300,
+    playStyle: 'normal',
+    interactivity: {
+        enabled: false,
+        type: 'scroll',
+        sensitivity: 1,
+    },
+    accessibility: {
+        label: 'Animation',
+        description: 'Interactive Lottie animation',
+    },
+};
+const l = locales[defaultLocale];
+export const lottieConfig = {
+    type: 'lottie',
+    name: l.plugin.name,
+    description: l.plugin.description,
+    category: 'media',
+    icon: '🎬',
+    version: '1.0.0',
+    defaultData: defaultLottieData,
+    properties: [
+        {
+            key: 'src',
+            type: 'file',
+            label: l.properties.src.label,
+            placeholder: l.properties.src.placeholder,
+            description: l.properties.src.description,
+            accept: '.json',
+            required: true,
+        },
+        {
+            key: 'width',
+            type: 'number',
+            label: l.properties.width.label,
+            placeholder: l.properties.width.placeholder,
+            description: l.properties.width.description,
+            min: 50,
+            max: 2000,
+            step: 10,
+            required: true,
+        },
+        {
+            key: 'height',
+            type: 'number',
+            label: l.properties.height.label,
+            placeholder: l.properties.height.placeholder,
+            description: l.properties.height.description,
+            min: 50,
+            max: 2000,
+            step: 10,
+            required: true,
+        },
+        {
+            key: 'loop',
+            type: 'boolean',
+            label: l.properties.loop.label,
+            description: l.properties.loop.description,
+        },
+        {
+            key: 'autoplay',
+            type: 'boolean',
+            label: l.properties.autoplay.label,
+            description: l.properties.autoplay.description,
+        },
+        {
+            key: 'playStyle',
+            type: 'select',
+            label: l.properties.playStyle.label,
+            description: l.properties.playStyle.description,
+            options: [
+                { value: 'normal', label: l.playback.normal },
+                { value: 'bounce', label: l.playback.bounce },
+                { value: 'reverse', label: l.playback.reverse },
+            ],
+        },
+        {
+            key: 'interactivity.enabled',
+            type: 'boolean',
+            label: l.properties['interactivity.enabled'].label,
+            description: l.properties['interactivity.enabled'].description,
+        },
+        {
+            key: 'interactivity.type',
+            type: 'select',
+            label: l.properties['interactivity.type'].label,
+            description: l.properties['interactivity.type'].description,
+            options: [
+                { value: 'scroll', label: l.interactivity.scroll },
+                { value: 'cursor', label: l.interactivity.cursor },
+                { value: 'hover', label: l.interactivity.hover },
+            ],
+            condition: { 'interactivity.enabled': true },
+        },
+        {
+            key: 'interactivity.sensitivity',
+            type: 'range',
+            label: l.properties['interactivity.sensitivity'].label,
+            description: l.properties['interactivity.sensitivity'].description,
+            min: 0.1,
+            max: 2,
+            step: 0.1,
+            condition: { 'interactivity.enabled': true },
+        },
+        {
+            key: 'accessibility.label',
+            type: 'text',
+            label: l.properties['accessibility.label'].label,
+            placeholder: l.properties['accessibility.label'].placeholder,
+            description: l.properties['accessibility.label'].description,
+        },
+        {
+            key: 'accessibility.description',
+            type: 'textarea',
+            label: l.properties['accessibility.description'].label,
+            placeholder: l.properties['accessibility.description'].placeholder,
+            description: l.properties['accessibility.description'].description,
+        },
+    ],
+    meta: {
+        tags: ['animation', 'lottie', 'interactive', 'media'],
+        author: 'Codefluss',
+        documentation: 'https://docs.lottiefiles.com',
+        examples: [
+            {
+                name: 'Basic Animation',
+                data: {
+                    ...defaultLottieData,
+                    src: '/animations/example.json',
+                },
+            },
+            {
+                name: 'Interactive Hover',
+                data: {
+                    ...defaultLottieData,
+                    interactivity: {
+                        enabled: true,
+                        type: 'hover',
+                        sensitivity: 1,
+                    },
+                },
+            },
+        ],
+    },
+};
+//# sourceMappingURL=lottie-config.js.map

package/dist/lottie-config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"lottie-config.js","sourceRoot":"","sources":["../src/lottie-config.ts"],"names":[],"mappings":"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"}

package/dist/renderer.d.ts

@@ -0,0 +1,45 @@
+/**
+ * Lottie Renderer Component (SSR / View Mode)
+ *
+ * This is the Server-Side Rendering component for the Lottie plugin.
+ * NO 'use client' directive - works in Node.js environment.
+ *
+ * ⚠️ IMPORTANT: This renderer produces LIVE SITE HTML!
+ * NO Tailwind classes allowed - only inline styles and semantic classes.
+ *
+ * Note: Lottie animations require client-side JavaScript to play.
+ * This renderer provides a placeholder/fallback for SSR with proper styling.
+ * The actual animation will be hydrated on the client.
+ */
+import type { PluginDependencies } from '@codefluss/base-types';
+import type { LottieData } from './lottie-config';
+/**
+ * Lottie Renderer Props
+ *
+ * Follows the standard RendererProps pattern for consistency
+ */
+export interface LottieRendererProps {
+    /** Unique element identifier */
+    elementId: string;
+    /** Lottie animation configuration data */
+    data: LottieData;
+    /** Current language for i18n */
+    language: string;
+    /** Plugin dependencies including design system */
+    dependencies: PluginDependencies;
+}
+/**
+ * Lottie Renderer Component
+ *
+ * Pure functional component for SSR rendering of Lottie animations.
+ * Uses ONLY inline styles and semantic classes - NO Tailwind.
+ *
+ * @param props - Renderer props following standard pattern
+ * @returns React element for server-side rendering
+ */
+export declare function LottieRenderer({ elementId, data, language, dependencies, }: LottieRendererProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace LottieRenderer {
+    var displayName: string;
+}
+export default LottieRenderer;
+//# sourceMappingURL=renderer.d.ts.map

package/dist/renderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderer.d.ts","sourceRoot":"","sources":["../src/renderer.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AAEH,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAChE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAElD;;;;GAIG;AACH,MAAM,WAAW,mBAAmB;IACnC,gCAAgC;IAChC,SAAS,EAAE,MAAM,CAAC;IAClB,0CAA0C;IAC1C,IAAI,EAAE,UAAU,CAAC;IACjB,gCAAgC;IAChC,QAAQ,EAAE,MAAM,CAAC;IACjB,kDAAkD;IAClD,YAAY,EAAE,kBAAkB,CAAC;CACjC;AAED;;;;;;;;GAQG;AACH,wBAAgB,cAAc,CAAC,EAC9B,SAAS,EACT,IAAI,EACJ,QAAQ,EACR,YAAY,GACZ,EAAE,mBAAmB,2CAkFrB;yBAvFe,cAAc;;;AA4F9B,eAAe,cAAc,CAAC"}

package/dist/renderer.js

@@ -0,0 +1,59 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Lottie Renderer Component
+ *
+ * Pure functional component for SSR rendering of Lottie animations.
+ * Uses ONLY inline styles and semantic classes - NO Tailwind.
+ *
+ * @param props - Renderer props following standard pattern
+ * @returns React element for server-side rendering
+ */
+export function LottieRenderer({ elementId, data, language, dependencies, }) {
+    const { designSystem, utils } = dependencies;
+    // Resolve accessibility label based on language
+    const ariaLabel = data.accessibility?.label || 'Animation';
+    const ariaDescription = data.accessibility?.description || '';
+    // Get custom class name from advanced settings
+    const customClassName = data.advanced?.className || '';
+    // Generate class names - ONLY semantic classes, NO Tailwind
+    const className = utils.cn('lottie-component', customClassName);
+    // Build inline styles - ALL visual styling via inline CSS
+    const containerStyle = {
+        // Width from data or default to 100%
+        width: data.width ? `${data.width}px` : '100%',
+        // Height from data or auto
+        height: data.height ? `${data.height}px` : 'auto',
+        // Ensure proper display
+        display: 'block',
+        // Position for potential overlays
+        position: 'relative',
+        // Aspect ratio maintenance
+        aspectRatio: data.width && data.height ? `${data.width} / ${data.height}` : undefined,
+    };
+    // Placeholder style for SSR (before client hydration)
+    const placeholderStyle = {
+        width: '100%',
+        height: '100%',
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+        backgroundColor: 'rgba(0, 0, 0, 0.05)',
+        borderRadius: '4px',
+        minHeight: '100px',
+    };
+    return (_jsxs("div", { className: className, style: containerStyle, "aria-label": ariaLabel, "aria-describedby": ariaDescription ? `${elementId}-desc` : undefined, "data-component-id": elementId, "data-component-type": "lottie", "data-src": data.src, "data-autoplay": data.autoplay, "data-loop": data.loop, id: data.advanced?.id, "data-testid": data.advanced?.['data-testid'], tabIndex: data.advanced?.tabIndex, children: [_jsx("div", { style: placeholderStyle, children: _jsx("span", { style: { fontSize: '24px' }, children: "\uD83C\uDFAC" }) }), ariaDescription && (_jsx("span", { id: `${elementId}-desc`, style: {
+                    position: 'absolute',
+                    width: '1px',
+                    height: '1px',
+                    padding: 0,
+                    margin: '-1px',
+                    overflow: 'hidden',
+                    clip: 'rect(0, 0, 0, 0)',
+                    whiteSpace: 'nowrap',
+                    border: 0,
+                }, children: ariaDescription }))] }));
+}
+// Display name for debugging
+LottieRenderer.displayName = 'LottieRenderer';
+export default LottieRenderer;
+//# sourceMappingURL=renderer.js.map

package/dist/renderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderer.js","sourceRoot":"","sources":["../src/renderer.tsx"],"names":[],"mappings":";AAiCA;;;;;;;;GAQG;AACH,MAAM,UAAU,cAAc,CAAC,EAC9B,SAAS,EACT,IAAI,EACJ,QAAQ,EACR,YAAY,GACS;IACrB,MAAM,EAAE,YAAY,EAAE,KAAK,EAAE,GAAG,YAAY,CAAC;IAE7C,gDAAgD;IAChD,MAAM,SAAS,GAAG,IAAI,CAAC,aAAa,EAAE,KAAK,IAAI,WAAW,CAAC;IAC3D,MAAM,eAAe,GAAG,IAAI,CAAC,aAAa,EAAE,WAAW,IAAI,EAAE,CAAC;IAE9D,+CAA+C;IAC/C,MAAM,eAAe,GAAG,IAAI,CAAC,QAAQ,EAAE,SAAS,IAAI,EAAE,CAAC;IAEvD,4DAA4D;IAC5D,MAAM,SAAS,GAAG,KAAK,CAAC,EAAE,CACzB,kBAAkB,EAClB,eAAe,CACf,CAAC;IAEF,0DAA0D;IAC1D,MAAM,cAAc,GAAwB;QAC3C,qCAAqC;QACrC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,KAAK,IAAI,CAAC,CAAC,CAAC,MAAM;QAC9C,2BAA2B;QAC3B,MAAM,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,MAAM,IAAI,CAAC,CAAC,CAAC,MAAM;QACjD,wBAAwB;QACxB,OAAO,EAAE,OAAO;QAChB,kCAAkC;QAClC,QAAQ,EAAE,UAAU;QACpB,2BAA2B;QAC3B,WAAW,EAAE,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,KAAK,MAAM,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,SAAS;KACrF,CAAC;IAEF,sDAAsD;IACtD,MAAM,gBAAgB,GAAwB;QAC7C,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;QACd,OAAO,EAAE,MAAM;QACf,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;QACxB,eAAe,EAAE,qBAAqB;QACtC,YAAY,EAAE,KAAK;QACnB,SAAS,EAAE,OAAO;KAClB,CAAC;IAEF,OAAO,CACN,eACC,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,cAAc,gBACT,SAAS,sBACH,eAAe,CAAC,CAAC,CAAC,GAAG,SAAS,OAAO,CAAC,CAAC,CAAC,SAAS,uBAChD,SAAS,yBACR,QAAQ,cAClB,IAAI,CAAC,GAAG,mBACH,IAAI,CAAC,QAAQ,eACjB,IAAI,CAAC,IAAI,EACpB,EAAE,EAAE,IAAI,CAAC,QAAQ,EAAE,EAAE,iBACR,IAAI,CAAC,QAAQ,EAAE,CAAC,aAAa,CAAC,EAC3C,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,QAAQ,aAGjC,cAAK,KAAK,EAAE,gBAAgB,YAC3B,eAAM,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,6BAAW,GACvC,EAEL,eAAe,IAAI,CACnB,eACC,EAAE,EAAE,GAAG,SAAS,OAAO,EACvB,KAAK,EAAE;oBACN,QAAQ,EAAE,UAAU;oBACpB,KAAK,EAAE,KAAK;oBACZ,MAAM,EAAE,KAAK;oBACb,OAAO,EAAE,CAAC;oBACV,MAAM,EAAE,MAAM;oBACd,QAAQ,EAAE,QAAQ;oBAClB,IAAI,EAAE,kBAAkB;oBACxB,UAAU,EAAE,QAAQ;oBACpB,MAAM,EAAE,CAAC;iBACT,YAEA,eAAe,GACV,CACP,IACI,CACN,CAAC;AACH,CAAC;AAED,6BAA6B;AAC7B,cAAc,CAAC,WAAW,GAAG,gBAAgB,CAAC;AAE9C,eAAe,cAAc,CAAC"}

package/package.json

@@ -0,0 +1,60 @@
+{
+  "name": "@codefluss/lottie",
+  "version": "0.0.1-alpha.1",
+  "description": "Lottie animation plugin for interactive animations",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
+    },
+    "./renderer": {
+      "types": "./dist/renderer.d.ts",
+      "default": "./dist/renderer.js"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "keywords": [
+    "lottie",
+    "animation",
+    "interactive",
+    "plugin"
+  ],
+  "author": "Codefluss",
+  "license": "MIT",
+  "peerDependencies": {
+    "next": "^16.0.1",
+    "react": "^19.2.0"
+  },
+  "dependencies": {
+    "clsx": "^2.1.1",
+    "react-lottie-player": "^2.1.0",
+    "tailwind-merge": "^3.4.0",
+    "@codefluss/base-types": "0.0.1-alpha.1"
+  },
+  "devDependencies": {
+    "@types/node": "^24.10.3",
+    "@types/react": "^19.2.7",
+    "@types/react-dom": "^19.2.3",
+    "@typescript-eslint/eslint-plugin": "^8.49.0",
+    "@typescript-eslint/parser": "^8.49.0",
+    "eslint": "^9.39.1",
+    "prettier": "^3.7.4",
+    "typescript": "^5.9.3",
+    "vitest": "^4.0.15"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "build": "tsc",
+    "dev": "tsc --watch",
+    "test": "vitest",
+    "test:watch": "vitest --watch",
+    "lint": "eslint src/ --ext .ts,.tsx",
+    "format": "prettier --write src/**/*.{ts,tsx}"
+  }
+}