@codellyson/framely 0.1.0

package/dist/registerRoot.d.ts

@@ -0,0 +1,140 @@
+import React from 'react';
+/**
+ * Configuration for a single composition.
+ */
+export interface CompositionConfig {
+    id: string;
+    component: React.ComponentType<any> | null;
+    lazyComponent: (() => Promise<{
+        default: React.ComponentType<any>;
+    }>) | null;
+    width: number;
+    height: number;
+    fps: number;
+    durationInFrames: number;
+    defaultProps: Record<string, unknown>;
+    calculateMetadata?: Function;
+    schema?: unknown;
+    defaultCodec?: string;
+    folderPath: string[];
+}
+/**
+ * Global registry holding the root component, compositions, and callbacks.
+ */
+export interface Registry {
+    rootComponent: React.ComponentType<any> | null;
+    compositions: Map<string, CompositionConfig>;
+    folders: Map<string, string>;
+    isRegistered: boolean;
+    onRegisterCallbacks: ((registry: Registry) => void)[];
+}
+/**
+ * Tree structure representing compositions organized by folder.
+ */
+export interface CompositionTree {
+    compositions: string[];
+    folders: Record<string, CompositionTree>;
+}
+/**
+ * Window augmentation for globally exposed Framely data.
+ */
+declare global {
+    interface Window {
+        __FRAMELY_ROOT?: React.ComponentType<any>;
+        __FRAMELY_COMPOSITIONS?: Map<string, CompositionConfig>;
+        __FRAMELY_REGISTRY?: Registry;
+    }
+}
+/**
+ * Register the root component that contains all compositions.
+ *
+ * This should be called once in your entry file. The root component
+ * should return one or more <Composition> components.
+ *
+ * @param RootComponent - Component containing <Composition> declarations
+ *
+ * Usage:
+ *   // src/Root.tsx
+ *   export const Root: React.FC = () => (
+ *     <>
+ *       <Composition id="intro" component={IntroVideo} ... />
+ *       <Composition id="outro" component={OutroVideo} ... />
+ *     </>
+ *   );
+ *
+ *   // src/index.tsx
+ *   import { registerRoot } from './lib';
+ *   import { Root } from './Root';
+ *   registerRoot(Root);
+ */
+export declare function registerRoot(RootComponent: React.ComponentType<any>): void;
+/**
+ * Register root component asynchronously.
+ *
+ * Useful for dynamic imports or when you need to load WASM/data first.
+ *
+ * @param loader - Async function returning the root component
+ *
+ * Usage:
+ *   registerRootAsync(async () => {
+ *     await initWasm();
+ *     const { Root } = await import('./Root');
+ *     return Root;
+ *   });
+ */
+export declare function registerRootAsync(loader: () => Promise<React.ComponentType<any>>): Promise<void>;
+/**
+ * Get the registered root component.
+ *
+ * @returns The registered root component or null if not registered
+ */
+export declare function getRoot(): React.ComponentType<any> | null;
+/**
+ * Get all registered compositions.
+ *
+ * @returns Map of composition ID to composition config
+ */
+export declare function getCompositions(): Map<string, CompositionConfig>;
+/**
+ * Get a specific composition by ID.
+ *
+ * @param id - Composition ID
+ * @returns Composition config or undefined
+ */
+export declare function getComposition(id: string): CompositionConfig | undefined;
+/**
+ * Get composition IDs grouped by folder.
+ *
+ * @returns Tree structure of folders and compositions
+ */
+export declare function getCompositionTree(): CompositionTree;
+/**
+ * Check if registerRoot has been called.
+ *
+ * @returns Whether the root has been registered
+ */
+export declare function isRootRegistered(): boolean;
+/**
+ * Register a callback to be called when registerRoot is invoked.
+ *
+ * @param callback - Called with the registry object
+ * @returns Unsubscribe function
+ */
+export declare function onRootRegistered(callback: (registry: Registry) => void): () => void;
+/**
+ * Clear the registry (mainly for testing).
+ */
+export declare function clearRegistry(): void;
+declare const _default: {
+    registerRoot: typeof registerRoot;
+    registerRootAsync: typeof registerRootAsync;
+    getRoot: typeof getRoot;
+    getCompositions: typeof getCompositions;
+    getComposition: typeof getComposition;
+    getCompositionTree: typeof getCompositionTree;
+    isRootRegistered: typeof isRootRegistered;
+    onRootRegistered: typeof onRootRegistered;
+    clearRegistry: typeof clearRegistry;
+};
+export default _default;
+//# sourceMappingURL=registerRoot.d.ts.map

package/dist/registerRoot.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"registerRoot.d.ts","sourceRoot":"","sources":["../src/registerRoot.ts"],"names":[],"mappings":"AAAA,OAAO,KAAiD,MAAM,OAAO,CAAC;AAEtE;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC,EAAE,EAAE,MAAM,CAAC;IACX,SAAS,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC;IAC3C,aAAa,EAAE,CAAC,MAAM,OAAO,CAAC;QAAE,OAAO,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAA;KAAE,CAAC,CAAC,GAAG,IAAI,CAAC;IAC7E,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,GAAG,EAAE,MAAM,CAAC;IACZ,gBAAgB,EAAE,MAAM,CAAC;IACzB,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACtC,iBAAiB,CAAC,EAAE,QAAQ,CAAC;IAC7B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,EAAE,MAAM,EAAE,CAAC;CACtB;AAED;;GAEG;AACH,MAAM,WAAW,QAAQ;IACvB,aAAa,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC;IAC/C,YAAY,EAAE,GAAG,CAAC,MAAM,EAAE,iBAAiB,CAAC,CAAC;IAC7C,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC7B,YAAY,EAAE,OAAO,CAAC;IACtB,mBAAmB,EAAE,CAAC,CAAC,QAAQ,EAAE,QAAQ,KAAK,IAAI,CAAC,EAAE,CAAC;CACvD;AAED;;GAEG;AACH,MAAM,WAAW,eAAe;IAC9B,YAAY,EAAE,MAAM,EAAE,CAAC;IACvB,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,eAAe,CAAC,CAAC;CAC1C;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,MAAM;QACd,cAAc,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;QAC1C,sBAAsB,CAAC,EAAE,GAAG,CAAC,MAAM,EAAE,iBAAiB,CAAC,CAAC;QACxD,kBAAkB,CAAC,EAAE,QAAQ,CAAC;KAC/B;CACF;AAuCD;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,wBAAgB,YAAY,CAAC,aAAa,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,GAAG,IAAI,CAuB1E;AAED;;;;;;;;;;;;;GAaG;AACH,wBAAsB,iBAAiB,CACrC,MAAM,EAAE,MAAM,OAAO,CAAC,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC,GAC9C,OAAO,CAAC,IAAI,CAAC,CAGf;AA8ED;;;;GAIG;AACH,wBAAgB,OAAO,IAAI,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,GAAG,IAAI,CAEzD;AAED;;;;GAIG;AACH,wBAAgB,eAAe,IAAI,GAAG,CAAC,MAAM,EAAE,iBAAiB,CAAC,CAEhE;AAED;;;;;GAKG;AACH,wBAAgB,cAAc,CAAC,EAAE,EAAE,MAAM,GAAG,iBAAiB,GAAG,SAAS,CAExE;AAED;;;;GAIG;AACH,wBAAgB,kBAAkB,IAAI,eAAe,CAmBpD;AAED;;;;GAIG;AACH,wBAAgB,gBAAgB,IAAI,OAAO,CAE1C;AAED;;;;;GAKG;AACH,wBAAgB,gBAAgB,CAC9B,QAAQ,EAAE,CAAC,QAAQ,EAAE,QAAQ,KAAK,IAAI,GACrC,MAAM,IAAI,CAcZ;AAED;;GAEG;AACH,wBAAgB,aAAa,IAAI,IAAI,CAYpC;;;;;;;;;;;;AAED,wBAUE"}

package/dist/registerRoot.js

@@ -0,0 +1,238 @@
+import { Children, isValidElement } from 'react';
+/**
+ * Global registry for the root component and compositions.
+ */
+const registry = {
+    rootComponent: null,
+    compositions: new Map(),
+    folders: new Map(),
+    isRegistered: false,
+    onRegisterCallbacks: [],
+};
+/**
+ * Register the root component that contains all compositions.
+ *
+ * This should be called once in your entry file. The root component
+ * should return one or more <Composition> components.
+ *
+ * @param RootComponent - Component containing <Composition> declarations
+ *
+ * Usage:
+ *   // src/Root.tsx
+ *   export const Root: React.FC = () => (
+ *     <>
+ *       <Composition id="intro" component={IntroVideo} ... />
+ *       <Composition id="outro" component={OutroVideo} ... />
+ *     </>
+ *   );
+ *
+ *   // src/index.tsx
+ *   import { registerRoot } from './lib';
+ *   import { Root } from './Root';
+ *   registerRoot(Root);
+ */
+export function registerRoot(RootComponent) {
+    if (registry.isRegistered) {
+        console.warn('registerRoot() called multiple times. Only the first call takes effect.');
+        return;
+    }
+    registry.rootComponent = RootComponent;
+    registry.isRegistered = true;
+    // Extract compositions from the root component
+    extractCompositions(RootComponent);
+    // Expose globally for the renderer
+    if (typeof window !== 'undefined') {
+        window.__FRAMELY_ROOT = RootComponent;
+        window.__FRAMELY_COMPOSITIONS = registry.compositions;
+        window.__FRAMELY_REGISTRY = registry;
+    }
+    // Notify any listeners
+    registry.onRegisterCallbacks.forEach((cb) => cb(registry));
+}
+/**
+ * Register root component asynchronously.
+ *
+ * Useful for dynamic imports or when you need to load WASM/data first.
+ *
+ * @param loader - Async function returning the root component
+ *
+ * Usage:
+ *   registerRootAsync(async () => {
+ *     await initWasm();
+ *     const { Root } = await import('./Root');
+ *     return Root;
+ *   });
+ */
+export async function registerRootAsync(loader) {
+    const RootComponent = await loader();
+    registerRoot(RootComponent);
+}
+/**
+ * Extract composition definitions from a root component.
+ *
+ * This traverses the component tree and collects all <Composition> elements.
+ */
+function extractCompositions(RootComponent) {
+    try {
+        // Create an element and traverse its children
+        const element = typeof RootComponent === 'function'
+            ? RootComponent({})
+            : RootComponent;
+        if (!element)
+            return;
+        traverseElement(element, []);
+    }
+    catch (err) {
+        console.warn('Could not extract compositions:', err);
+    }
+}
+/**
+ * Recursively traverse React elements to find Composition components.
+ */
+function traverseElement(element, folderPath) {
+    if (!isValidElement(element))
+        return;
+    const { type, props } = element;
+    const typeName = type?.displayName ||
+        type?.name ||
+        '';
+    // Check if this is a Composition
+    if (typeName === 'Composition' || props?.id) {
+        if (props.id && (props.component || props.lazyComponent)) {
+            const composition = {
+                id: props.id,
+                component: props.component ?? null,
+                lazyComponent: props.lazyComponent ?? null,
+                width: props.width ?? 1920,
+                height: props.height ?? 1080,
+                fps: props.fps ?? 30,
+                durationInFrames: props.durationInFrames ?? 300,
+                defaultProps: props.defaultProps ?? {},
+                calculateMetadata: props.calculateMetadata,
+                schema: props.schema,
+                defaultCodec: props.defaultCodec,
+                folderPath: [...folderPath],
+            };
+            registry.compositions.set(props.id, composition);
+        }
+    }
+    // Check if this is a Folder
+    if (typeName === 'Folder' && props.name) {
+        const newPath = [...folderPath, props.name];
+        registry.folders.set(newPath.join('/'), props.name);
+        // Traverse children with updated folder path
+        Children.forEach(props.children, (child) => {
+            traverseElement(child, newPath);
+        });
+        return;
+    }
+    // Traverse children
+    if (props?.children) {
+        Children.forEach(props.children, (child) => {
+            traverseElement(child, folderPath);
+        });
+    }
+}
+/**
+ * Get the registered root component.
+ *
+ * @returns The registered root component or null if not registered
+ */
+export function getRoot() {
+    return registry.rootComponent;
+}
+/**
+ * Get all registered compositions.
+ *
+ * @returns Map of composition ID to composition config
+ */
+export function getCompositions() {
+    return registry.compositions;
+}
+/**
+ * Get a specific composition by ID.
+ *
+ * @param id - Composition ID
+ * @returns Composition config or undefined
+ */
+export function getComposition(id) {
+    return registry.compositions.get(id);
+}
+/**
+ * Get composition IDs grouped by folder.
+ *
+ * @returns Tree structure of folders and compositions
+ */
+export function getCompositionTree() {
+    const tree = { compositions: [], folders: {} };
+    for (const [id, comp] of registry.compositions) {
+        if (comp.folderPath.length === 0) {
+            tree.compositions.push(id);
+        }
+        else {
+            let current = tree;
+            for (const folder of comp.folderPath) {
+                if (!current.folders[folder]) {
+                    current.folders[folder] = { compositions: [], folders: {} };
+                }
+                current = current.folders[folder];
+            }
+            current.compositions.push(id);
+        }
+    }
+    return tree;
+}
+/**
+ * Check if registerRoot has been called.
+ *
+ * @returns Whether the root has been registered
+ */
+export function isRootRegistered() {
+    return registry.isRegistered;
+}
+/**
+ * Register a callback to be called when registerRoot is invoked.
+ *
+ * @param callback - Called with the registry object
+ * @returns Unsubscribe function
+ */
+export function onRootRegistered(callback) {
+    // If already registered, call immediately
+    if (registry.isRegistered) {
+        callback(registry);
+    }
+    registry.onRegisterCallbacks.push(callback);
+    return () => {
+        const index = registry.onRegisterCallbacks.indexOf(callback);
+        if (index > -1) {
+            registry.onRegisterCallbacks.splice(index, 1);
+        }
+    };
+}
+/**
+ * Clear the registry (mainly for testing).
+ */
+export function clearRegistry() {
+    registry.rootComponent = null;
+    registry.compositions.clear();
+    registry.folders.clear();
+    registry.isRegistered = false;
+    registry.onRegisterCallbacks = [];
+    if (typeof window !== 'undefined') {
+        delete window.__FRAMELY_ROOT;
+        delete window.__FRAMELY_COMPOSITIONS;
+        delete window.__FRAMELY_REGISTRY;
+    }
+}
+export default {
+    registerRoot,
+    registerRootAsync,
+    getRoot,
+    getCompositions,
+    getComposition,
+    getCompositionTree,
+    isRootRegistered,
+    onRootRegistered,
+    clearRegistry,
+};
+//# sourceMappingURL=registerRoot.js.map

package/dist/registerRoot.js.map

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

package/dist/shapes/Circle.d.ts

@@ -0,0 +1,15 @@
+/**
+ * SVG Circle with animation-friendly props.
+ */
+import React from 'react';
+export interface CircleProps extends React.SVGAttributes<SVGCircleElement> {
+    cx?: number | string;
+    cy?: number | string;
+    r?: number | string;
+    fill?: string;
+    stroke?: string;
+    strokeWidth?: number | string;
+}
+export declare const Circle: React.ForwardRefExoticComponent<CircleProps & React.RefAttributes<SVGCircleElement>>;
+export default Circle;
+//# sourceMappingURL=Circle.d.ts.map

package/dist/shapes/Circle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Circle.d.ts","sourceRoot":"","sources":["../../src/shapes/Circle.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,MAAM,WAAW,WAAY,SAAQ,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC;IACxE,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACrB,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACrB,CAAC,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC/B;AAED,eAAO,MAAM,MAAM,sFAkBjB,CAAC;AAGH,eAAe,MAAM,CAAC"}

package/dist/shapes/Circle.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * SVG Circle with animation-friendly props.
+ */
+import { forwardRef } from 'react';
+export const Circle = forwardRef(function Circle({ cx, cy, r, fill = 'none', stroke, strokeWidth = 1, opacity, style, ...props }, ref) {
+    return (_jsx("circle", { ref: ref, cx: cx, cy: cy, r: r, fill: fill, stroke: stroke, strokeWidth: strokeWidth, opacity: opacity, style: style, ...props }));
+});
+Circle.displayName = 'Circle';
+export default Circle;
+//# sourceMappingURL=Circle.js.map

package/dist/shapes/Circle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Circle.js","sourceRoot":"","sources":["../../src/shapes/Circle.tsx"],"names":[],"mappings":";AAAA;;GAEG;AAEH,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAW1C,MAAM,CAAC,MAAM,MAAM,GAAG,UAAU,CAAgC,SAAS,MAAM,CAC7E,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,IAAI,GAAG,MAAM,EAAE,MAAM,EAAE,WAAW,GAAG,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAC/E,GAAG;IAEH,OAAO,CACL,iBACE,GAAG,EAAE,GAAG,EACR,EAAE,EAAE,EAAE,EACN,EAAE,EAAE,EAAE,EACN,CAAC,EAAE,CAAC,EACJ,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,KACR,KAAK,GACT,CACH,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAC;AAC9B,eAAe,MAAM,CAAC"}

package/dist/shapes/Ellipse.d.ts

@@ -0,0 +1,16 @@
+/**
+ * SVG Ellipse with animation-friendly props.
+ */
+import React from 'react';
+export interface EllipseProps extends React.SVGAttributes<SVGEllipseElement> {
+    cx?: number | string;
+    cy?: number | string;
+    rx?: number | string;
+    ry?: number | string;
+    fill?: string;
+    stroke?: string;
+    strokeWidth?: number | string;
+}
+export declare const Ellipse: React.ForwardRefExoticComponent<EllipseProps & React.RefAttributes<SVGEllipseElement>>;
+export default Ellipse;
+//# sourceMappingURL=Ellipse.d.ts.map

package/dist/shapes/Ellipse.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Ellipse.d.ts","sourceRoot":"","sources":["../../src/shapes/Ellipse.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,MAAM,WAAW,YAAa,SAAQ,KAAK,CAAC,aAAa,CAAC,iBAAiB,CAAC;IAC1E,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACrB,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACrB,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACrB,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC/B;AAED,eAAO,MAAM,OAAO,wFAmBlB,CAAC;AAGH,eAAe,OAAO,CAAC"}

package/dist/shapes/Ellipse.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * SVG Ellipse with animation-friendly props.
+ */
+import { forwardRef } from 'react';
+export const Ellipse = forwardRef(function Ellipse({ cx, cy, rx, ry, fill = 'none', stroke, strokeWidth = 1, opacity, style, ...props }, ref) {
+    return (_jsx("ellipse", { ref: ref, cx: cx, cy: cy, rx: rx, ry: ry, fill: fill, stroke: stroke, strokeWidth: strokeWidth, opacity: opacity, style: style, ...props }));
+});
+Ellipse.displayName = 'Ellipse';
+export default Ellipse;
+//# sourceMappingURL=Ellipse.js.map

package/dist/shapes/Ellipse.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Ellipse.js","sourceRoot":"","sources":["../../src/shapes/Ellipse.tsx"],"names":[],"mappings":";AAAA;;GAEG;AAEH,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAY1C,MAAM,CAAC,MAAM,OAAO,GAAG,UAAU,CAAkC,SAAS,OAAO,CACjF,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,IAAI,GAAG,MAAM,EAAE,MAAM,EAAE,WAAW,GAAG,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EACpF,GAAG;IAEH,OAAO,CACL,kBACE,GAAG,EAAE,GAAG,EACR,EAAE,EAAE,EAAE,EACN,EAAE,EAAE,EAAE,EACN,EAAE,EAAE,EAAE,EACN,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,KACR,KAAK,GACT,CACH,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,OAAO,CAAC,WAAW,GAAG,SAAS,CAAC;AAChC,eAAe,OAAO,CAAC"}

package/dist/shapes/Line.d.ts

@@ -0,0 +1,15 @@
+/**
+ * SVG Line with animation-friendly props.
+ */
+import React from 'react';
+export interface LineProps extends React.SVGAttributes<SVGLineElement> {
+    x1?: number | string;
+    y1?: number | string;
+    x2?: number | string;
+    y2?: number | string;
+    stroke?: string;
+    strokeWidth?: number | string;
+}
+export declare const Line: React.ForwardRefExoticComponent<LineProps & React.RefAttributes<SVGLineElement>>;
+export default Line;
+//# sourceMappingURL=Line.d.ts.map

package/dist/shapes/Line.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Line.d.ts","sourceRoot":"","sources":["../../src/shapes/Line.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,MAAM,WAAW,SAAU,SAAQ,KAAK,CAAC,aAAa,CAAC,cAAc,CAAC;IACpE,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACrB,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACrB,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACrB,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC/B;AAED,eAAO,MAAM,IAAI,kFAkBf,CAAC;AAGH,eAAe,IAAI,CAAC"}

package/dist/shapes/Line.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * SVG Line with animation-friendly props.
+ */
+import { forwardRef } from 'react';
+export const Line = forwardRef(function Line({ x1, y1, x2, y2, stroke = 'white', strokeWidth = 1, opacity, style, ...props }, ref) {
+    return (_jsx("line", { ref: ref, x1: x1, y1: y1, x2: x2, y2: y2, stroke: stroke, strokeWidth: strokeWidth, opacity: opacity, style: style, ...props }));
+});
+Line.displayName = 'Line';
+export default Line;
+//# sourceMappingURL=Line.js.map

package/dist/shapes/Line.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Line.js","sourceRoot":"","sources":["../../src/shapes/Line.tsx"],"names":[],"mappings":";AAAA;;GAEG;AAEH,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAW1C,MAAM,CAAC,MAAM,IAAI,GAAG,UAAU,CAA4B,SAAS,IAAI,CACrE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,MAAM,GAAG,OAAO,EAAE,WAAW,GAAG,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAC/E,GAAG;IAEH,OAAO,CACL,eACE,GAAG,EAAE,GAAG,EACR,EAAE,EAAE,EAAE,EACN,EAAE,EAAE,EAAE,EACN,EAAE,EAAE,EAAE,EACN,EAAE,EAAE,EAAE,EACN,MAAM,EAAE,MAAM,EACd,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,KACR,KAAK,GACT,CACH,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC;AAC1B,eAAe,IAAI,CAAC"}

package/dist/shapes/Path.d.ts

@@ -0,0 +1,20 @@
+/**
+ * SVG Path with draw-on animation support.
+ *
+ * Use strokeDasharray + strokeDashoffset with interpolate() for draw-on effects.
+ * Use usePathLength() to get the total path length for dash calculations.
+ */
+import React from 'react';
+export interface PathProps extends React.SVGAttributes<SVGPathElement> {
+    d?: string;
+    fill?: string;
+    stroke?: string;
+    strokeWidth?: number | string;
+    strokeDasharray?: string | number;
+    strokeDashoffset?: string | number;
+    strokeLinecap?: 'butt' | 'round' | 'square' | 'inherit';
+    strokeLinejoin?: 'miter' | 'round' | 'bevel' | 'inherit';
+}
+export declare const Path: React.ForwardRefExoticComponent<PathProps & React.RefAttributes<SVGPathElement>>;
+export default Path;
+//# sourceMappingURL=Path.d.ts.map

package/dist/shapes/Path.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Path.d.ts","sourceRoot":"","sources":["../../src/shapes/Path.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,MAAM,WAAW,SAAU,SAAQ,KAAK,CAAC,aAAa,CAAC,cAAc,CAAC;IACpE,CAAC,CAAC,EAAE,MAAM,CAAC;IACX,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC9B,eAAe,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAClC,gBAAgB,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACnC,aAAa,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,SAAS,CAAC;IACxD,cAAc,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,SAAS,CAAC;CAC1D;AAED,eAAO,MAAM,IAAI,kFAgCf,CAAC;AAGH,eAAe,IAAI,CAAC"}

package/dist/shapes/Path.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * SVG Path with draw-on animation support.
+ *
+ * Use strokeDasharray + strokeDashoffset with interpolate() for draw-on effects.
+ * Use usePathLength() to get the total path length for dash calculations.
+ */
+import { forwardRef } from 'react';
+export const Path = forwardRef(function Path({ d, fill = 'none', stroke = 'white', strokeWidth = 2, strokeDasharray, strokeDashoffset, strokeLinecap = 'round', strokeLinejoin = 'round', opacity, style, ...props }, ref) {
+    return (_jsx("path", { ref: ref, d: d, fill: fill, stroke: stroke, strokeWidth: strokeWidth, strokeDasharray: strokeDasharray, strokeDashoffset: strokeDashoffset, strokeLinecap: strokeLinecap, strokeLinejoin: strokeLinejoin, opacity: opacity, style: style, ...props }));
+});
+Path.displayName = 'Path';
+export default Path;
+//# sourceMappingURL=Path.js.map

package/dist/shapes/Path.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Path.js","sourceRoot":"","sources":["../../src/shapes/Path.tsx"],"names":[],"mappings":";AAAA;;;;;GAKG;AAEH,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAa1C,MAAM,CAAC,MAAM,IAAI,GAAG,UAAU,CAA4B,SAAS,IAAI,CACrE,EACE,CAAC,EACD,IAAI,GAAG,MAAM,EACb,MAAM,GAAG,OAAO,EAChB,WAAW,GAAG,CAAC,EACf,eAAe,EACf,gBAAgB,EAChB,aAAa,GAAG,OAAO,EACvB,cAAc,GAAG,OAAO,EACxB,OAAO,EACP,KAAK,EACL,GAAG,KAAK,EACT,EACD,GAAG;IAEH,OAAO,CACL,eACE,GAAG,EAAE,GAAG,EACR,CAAC,EAAE,CAAC,EACJ,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,WAAW,EAAE,WAAW,EACxB,eAAe,EAAE,eAAe,EAChC,gBAAgB,EAAE,gBAAgB,EAClC,aAAa,EAAE,aAAa,EAC5B,cAAc,EAAE,cAAc,EAC9B,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,KACR,KAAK,GACT,CACH,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC;AAC1B,eAAe,IAAI,CAAC"}

package/dist/shapes/Polygon.d.ts

@@ -0,0 +1,15 @@
+/**
+ * SVG Polygon with animation-friendly props.
+ *
+ * @param points - SVG points string or array of [x, y] pairs
+ */
+import React from 'react';
+export interface PolygonProps extends Omit<React.SVGAttributes<SVGPolygonElement>, 'points'> {
+    points?: string | Array<[number, number]>;
+    fill?: string;
+    stroke?: string;
+    strokeWidth?: number | string;
+}
+export declare const Polygon: React.ForwardRefExoticComponent<PolygonProps & React.RefAttributes<SVGPolygonElement>>;
+export default Polygon;
+//# sourceMappingURL=Polygon.d.ts.map

package/dist/shapes/Polygon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Polygon.d.ts","sourceRoot":"","sources":["../../src/shapes/Polygon.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,MAAM,WAAW,YAAa,SAAQ,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,iBAAiB,CAAC,EAAE,QAAQ,CAAC;IAC1F,MAAM,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;IAC1C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC/B;AAED,eAAO,MAAM,OAAO,wFAoBlB,CAAC;AAGH,eAAe,OAAO,CAAC"}

package/dist/shapes/Polygon.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * SVG Polygon with animation-friendly props.
+ *
+ * @param points - SVG points string or array of [x, y] pairs
+ */
+import { forwardRef } from 'react';
+export const Polygon = forwardRef(function Polygon({ points, fill = 'none', stroke = 'white', strokeWidth = 1, opacity, style, ...props }, ref) {
+    const pointsStr = Array.isArray(points)
+        ? points.map(([x, y]) => `${x},${y}`).join(' ')
+        : points;
+    return (_jsx("polygon", { ref: ref, points: pointsStr, fill: fill, stroke: stroke, strokeWidth: strokeWidth, opacity: opacity, style: style, ...props }));
+});
+Polygon.displayName = 'Polygon';
+export default Polygon;
+//# sourceMappingURL=Polygon.js.map

package/dist/shapes/Polygon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Polygon.js","sourceRoot":"","sources":["../../src/shapes/Polygon.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAS1C,MAAM,CAAC,MAAM,OAAO,GAAG,UAAU,CAAkC,SAAS,OAAO,CACjF,EAAE,MAAM,EAAE,IAAI,GAAG,MAAM,EAAE,MAAM,GAAG,OAAO,EAAE,WAAW,GAAG,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EACtF,GAAG;IAEH,MAAM,SAAS,GAAG,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC;QACrC,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC;QAC/C,CAAC,CAAC,MAAM,CAAC;IAEX,OAAO,CACL,kBACE,GAAG,EAAE,GAAG,EACR,MAAM,EAAE,SAAS,EACjB,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,KACR,KAAK,GACT,CACH,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,OAAO,CAAC,WAAW,GAAG,SAAS,CAAC;AAChC,eAAe,OAAO,CAAC"}

package/dist/shapes/Rect.d.ts

@@ -0,0 +1,18 @@
+/**
+ * SVG Rectangle with animation-friendly props.
+ */
+import React from 'react';
+export interface RectProps extends React.SVGAttributes<SVGRectElement> {
+    x?: number | string;
+    y?: number | string;
+    width?: number | string;
+    height?: number | string;
+    rx?: number | string;
+    ry?: number | string;
+    fill?: string;
+    stroke?: string;
+    strokeWidth?: number | string;
+}
+export declare const Rect: React.ForwardRefExoticComponent<RectProps & React.RefAttributes<SVGRectElement>>;
+export default Rect;
+//# sourceMappingURL=Rect.d.ts.map

package/dist/shapes/Rect.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Rect.d.ts","sourceRoot":"","sources":["../../src/shapes/Rect.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,MAAM,WAAW,SAAU,SAAQ,KAAK,CAAC,aAAa,CAAC,cAAc,CAAC;IACpE,CAAC,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACpB,CAAC,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACrB,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC/B;AAED,eAAO,MAAM,IAAI,kFAqBf,CAAC;AAGH,eAAe,IAAI,CAAC"}

package/dist/shapes/Rect.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * SVG Rectangle with animation-friendly props.
+ */
+import { forwardRef } from 'react';
+export const Rect = forwardRef(function Rect({ x = 0, y = 0, width, height, rx, ry, fill = 'none', stroke, strokeWidth = 1, opacity, style, ...props }, ref) {
+    return (_jsx("rect", { ref: ref, x: x, y: y, width: width, height: height, rx: rx, ry: ry, fill: fill, stroke: stroke, strokeWidth: strokeWidth, opacity: opacity, style: style, ...props }));
+});
+Rect.displayName = 'Rect';
+export default Rect;
+//# sourceMappingURL=Rect.js.map

package/dist/shapes/Rect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Rect.js","sourceRoot":"","sources":["../../src/shapes/Rect.tsx"],"names":[],"mappings":";AAAA;;GAEG;AAEH,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAc1C,MAAM,CAAC,MAAM,IAAI,GAAG,UAAU,CAA4B,SAAS,IAAI,CACrE,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,EAAE,IAAI,GAAG,MAAM,EAAE,MAAM,EAAE,WAAW,GAAG,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EACzG,GAAG;IAEH,OAAO,CACL,eACE,GAAG,EAAE,GAAG,EACR,CAAC,EAAE,CAAC,EACJ,CAAC,EAAE,CAAC,EACJ,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,EAAE,EAAE,EAAE,EACN,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,KACR,KAAK,GACT,CACH,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC;AAC1B,eAAe,IAAI,CAAC"}

package/dist/shapes/Svg.d.ts

@@ -0,0 +1,16 @@
+/**
+ * SVG container that sizes to the composition viewport.
+ */
+import React from 'react';
+export interface SvgProps extends React.SVGAttributes<SVGSVGElement> {
+    width?: number | string;
+    height?: number | string;
+    viewBox?: string;
+    children?: React.ReactNode;
+}
+export declare function Svg({ children, viewBox, style, ...props }: SvgProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace Svg {
+    var displayName: string;
+}
+export default Svg;
+//# sourceMappingURL=Svg.d.ts.map

package/dist/shapes/Svg.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Svg.d.ts","sourceRoot":"","sources":["../../src/shapes/Svg.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,QAAS,SAAQ,KAAK,CAAC,aAAa,CAAC,aAAa,CAAC;IAClE,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,wBAAgB,GAAG,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,QAAQ,2CAqBnE;yBArBe,GAAG;;;AAwBnB,eAAe,GAAG,CAAC"}