@codellyson/framely 0.1.0

package/dist/templates/mockData.js

@@ -0,0 +1,262 @@
+/**
+ * Mock templates for development
+ * In production, these would come from a remote API
+ */
+export const MOCK_TEMPLATES = [
+    {
+        id: 'social-intro-1',
+        name: 'Modern Social Intro',
+        description: 'Clean, modern intro animation perfect for social media videos. Features smooth text reveals and gradient backgrounds.',
+        category: 'intro-outro',
+        tags: ['intro', 'social', 'modern', 'minimal', 'gradient'],
+        preview: {
+            thumbnail: 'https://images.unsplash.com/photo-1618005182384-a83a8bd57fbe?w=400&h=225&fit=crop',
+            preview: undefined,
+        },
+        author: {
+            id: 'framely',
+            name: 'Framely Team',
+            verified: true,
+        },
+        bundleUrl: 'https://cdn.framely.dev/templates/social-intro-1/bundle.js',
+        version: '1.0.0',
+        width: 1080,
+        height: 1920,
+        fps: 30,
+        durationInFrames: 90,
+        defaultProps: {
+            title: 'Your Title Here',
+            subtitle: 'Subtitle text',
+            accentColor: '#6366f1',
+        },
+        downloads: 1250,
+        rating: 4.8,
+        featured: true,
+        createdAt: '2024-01-15T00:00:00Z',
+        updatedAt: '2024-01-20T00:00:00Z',
+    },
+    {
+        id: 'youtube-subscribe',
+        name: 'Subscribe Animation',
+        description: 'Eye-catching subscribe button animation with bell notification. Perfect for YouTube outros and CTAs.',
+        category: 'social-media',
+        tags: ['youtube', 'subscribe', 'animation', 'cta', 'bell'],
+        preview: {
+            thumbnail: 'https://images.unsplash.com/photo-1611162616475-46b635cb6868?w=400&h=225&fit=crop',
+        },
+        author: {
+            id: 'framely',
+            name: 'Framely Team',
+            verified: true,
+        },
+        bundleUrl: 'https://cdn.framely.dev/templates/youtube-subscribe/bundle.js',
+        version: '1.0.0',
+        width: 1920,
+        height: 1080,
+        fps: 30,
+        durationInFrames: 120,
+        defaultProps: {
+            channelName: 'Your Channel',
+            buttonColor: '#FF0000',
+            showBell: true,
+        },
+        downloads: 2340,
+        rating: 4.9,
+        featured: true,
+        createdAt: '2024-01-10T00:00:00Z',
+        updatedAt: '2024-01-18T00:00:00Z',
+    },
+    {
+        id: 'lower-third-1',
+        name: 'Clean Lower Third',
+        description: 'Professional lower third with smooth slide-in animation. Includes name, title, and optional social handle.',
+        category: 'lower-thirds',
+        tags: ['lower-third', 'professional', 'news', 'interview', 'name'],
+        preview: {
+            thumbnail: 'https://images.unsplash.com/photo-1478737270239-2f02b77fc618?w=400&h=225&fit=crop',
+        },
+        author: {
+            id: 'motion-pro',
+            name: 'Motion Pro',
+            verified: true,
+        },
+        bundleUrl: 'https://cdn.framely.dev/templates/lower-third-1/bundle.js',
+        version: '1.2.0',
+        width: 1920,
+        height: 1080,
+        fps: 30,
+        durationInFrames: 150,
+        defaultProps: {
+            name: 'John Doe',
+            title: 'CEO & Founder',
+            social: '@johndoe',
+            accentColor: '#3b82f6',
+        },
+        downloads: 890,
+        rating: 4.6,
+        featured: false,
+        createdAt: '2024-01-08T00:00:00Z',
+        updatedAt: '2024-01-15T00:00:00Z',
+    },
+    {
+        id: 'text-reveal-1',
+        name: 'Kinetic Text Reveal',
+        description: 'Dynamic text reveal with character-by-character animation. Great for quotes, titles, and impact statements.',
+        category: 'text-animations',
+        tags: ['text', 'kinetic', 'reveal', 'typography', 'motion'],
+        preview: {
+            thumbnail: 'https://images.unsplash.com/photo-1455390582262-044cdead277a?w=400&h=225&fit=crop',
+        },
+        author: {
+            id: 'type-master',
+            name: 'Type Master',
+            verified: false,
+        },
+        bundleUrl: 'https://cdn.framely.dev/templates/text-reveal-1/bundle.js',
+        version: '1.0.0',
+        width: 1920,
+        height: 1080,
+        fps: 60,
+        durationInFrames: 180,
+        defaultProps: {
+            text: 'Your text here',
+            fontSize: 120,
+            fontWeight: 700,
+            color: '#ffffff',
+            backgroundColor: '#000000',
+        },
+        downloads: 1567,
+        rating: 4.7,
+        featured: false,
+        createdAt: '2024-01-05T00:00:00Z',
+        updatedAt: '2024-01-12T00:00:00Z',
+    },
+    {
+        id: 'gradient-bg-1',
+        name: 'Animated Gradient',
+        description: 'Mesmerizing animated gradient background with smooth color transitions. Use as background for any content.',
+        category: 'backgrounds',
+        tags: ['background', 'gradient', 'animated', 'loop', 'colorful'],
+        preview: {
+            thumbnail: 'https://images.unsplash.com/photo-1557682250-33bd709cbe85?w=400&h=225&fit=crop',
+        },
+        author: {
+            id: 'framely',
+            name: 'Framely Team',
+            verified: true,
+        },
+        bundleUrl: 'https://cdn.framely.dev/templates/gradient-bg-1/bundle.js',
+        version: '1.0.0',
+        width: 1920,
+        height: 1080,
+        fps: 30,
+        durationInFrames: 300,
+        defaultProps: {
+            colors: ['#6366f1', '#8b5cf6', '#d946ef'],
+            speed: 1,
+            angle: 45,
+        },
+        downloads: 3210,
+        rating: 4.5,
+        featured: false,
+        createdAt: '2024-01-03T00:00:00Z',
+        updatedAt: '2024-01-10T00:00:00Z',
+    },
+    {
+        id: 'promo-slide-1',
+        name: 'Product Showcase',
+        description: 'Professional product showcase template with dynamic transitions. Perfect for e-commerce and marketing.',
+        category: 'marketing',
+        tags: ['product', 'showcase', 'promo', 'ecommerce', 'marketing'],
+        preview: {
+            thumbnail: 'https://images.unsplash.com/photo-1460925895917-afdab827c52f?w=400&h=225&fit=crop',
+        },
+        author: {
+            id: 'ad-studio',
+            name: 'Ad Studio',
+            verified: true,
+        },
+        bundleUrl: 'https://cdn.framely.dev/templates/promo-slide-1/bundle.js',
+        version: '2.0.0',
+        width: 1080,
+        height: 1080,
+        fps: 30,
+        durationInFrames: 180,
+        defaultProps: {
+            productName: 'Product Name',
+            tagline: 'Your tagline here',
+            price: '$99.99',
+            ctaText: 'Shop Now',
+            brandColor: '#10b981',
+        },
+        downloads: 756,
+        rating: 4.4,
+        featured: true,
+        createdAt: '2024-01-01T00:00:00Z',
+        updatedAt: '2024-01-08T00:00:00Z',
+    },
+    {
+        id: 'presentation-1',
+        name: 'Slide Transition Pack',
+        description: 'Collection of smooth slide transitions for presentations. Includes fade, slide, zoom, and flip variations.',
+        category: 'presentation',
+        tags: ['presentation', 'slides', 'transition', 'corporate', 'business'],
+        preview: {
+            thumbnail: 'https://images.unsplash.com/photo-1531538606174-0f90ff5dce83?w=400&h=225&fit=crop',
+        },
+        author: {
+            id: 'slide-pro',
+            name: 'Slide Pro',
+            verified: false,
+        },
+        bundleUrl: 'https://cdn.framely.dev/templates/presentation-1/bundle.js',
+        version: '1.1.0',
+        width: 1920,
+        height: 1080,
+        fps: 30,
+        durationInFrames: 60,
+        defaultProps: {
+            transitionType: 'slide',
+            direction: 'left',
+            duration: 0.5,
+        },
+        downloads: 445,
+        rating: 4.3,
+        featured: false,
+        createdAt: '2023-12-28T00:00:00Z',
+        updatedAt: '2024-01-05T00:00:00Z',
+    },
+    {
+        id: 'instagram-story',
+        name: 'Story Template',
+        description: 'Trendy Instagram story template with animated stickers and text effects. Perfect for social media content.',
+        category: 'social-media',
+        tags: ['instagram', 'story', 'social', 'trendy', 'vertical'],
+        preview: {
+            thumbnail: 'https://images.unsplash.com/photo-1611262588024-d12430b98920?w=400&h=225&fit=crop',
+        },
+        author: {
+            id: 'social-creator',
+            name: 'Social Creator',
+            verified: true,
+        },
+        bundleUrl: 'https://cdn.framely.dev/templates/instagram-story/bundle.js',
+        version: '1.0.0',
+        width: 1080,
+        height: 1920,
+        fps: 30,
+        durationInFrames: 150,
+        defaultProps: {
+            headline: 'New Post!',
+            description: 'Check out our latest update',
+            backgroundColor: '#f472b6',
+            textColor: '#ffffff',
+        },
+        downloads: 1890,
+        rating: 4.6,
+        featured: false,
+        createdAt: '2023-12-25T00:00:00Z',
+        updatedAt: '2024-01-02T00:00:00Z',
+    },
+];
+//# sourceMappingURL=mockData.js.map

package/dist/templates/mockData.js.map

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

package/dist/templates/types.d.ts

@@ -0,0 +1,104 @@
+/**
+ * Template types for the Framely Templates Marketplace
+ */
+/**
+ * Template category for filtering
+ */
+export type TemplateCategory = 'social-media' | 'marketing' | 'presentation' | 'intro-outro' | 'lower-thirds' | 'text-animations' | 'backgrounds';
+/**
+ * Template author information
+ */
+export interface TemplateAuthor {
+    id: string;
+    name: string;
+    avatar?: string;
+    verified?: boolean;
+}
+/**
+ * Template preview assets
+ */
+export interface TemplatePreview {
+    /** Static thumbnail image URL */
+    thumbnail: string;
+    /** Animated preview GIF/WebM URL */
+    preview?: string;
+    /** Video preview URL (for modal) */
+    video?: string;
+}
+/**
+ * Template metadata
+ */
+export interface Template {
+    /** Unique identifier */
+    id: string;
+    /** Display name */
+    name: string;
+    /** Template description */
+    description: string;
+    /** Category for filtering */
+    category: TemplateCategory;
+    /** Tags for search */
+    tags: string[];
+    /** Preview assets */
+    preview: TemplatePreview;
+    /** Template author */
+    author: TemplateAuthor;
+    /** Remote bundle URL for the component */
+    bundleUrl: string;
+    /** Template version */
+    version: string;
+    /** Video width */
+    width: number;
+    /** Video height */
+    height: number;
+    /** Frames per second */
+    fps: number;
+    /** Total duration in frames */
+    durationInFrames: number;
+    /** Default props for the template */
+    defaultProps: Record<string, unknown>;
+    /** Downloads count */
+    downloads?: number;
+    /** Average rating (1-5) */
+    rating?: number;
+    /** Featured flag */
+    featured?: boolean;
+    /** Creation date */
+    createdAt: string;
+    /** Last update date */
+    updatedAt: string;
+}
+/**
+ * API response for templates list
+ */
+export interface TemplatesListResponse {
+    templates: Template[];
+    total: number;
+    page: number;
+    pageSize: number;
+    hasMore: boolean;
+}
+/**
+ * API request filters for templates
+ */
+export interface TemplatesFilterParams {
+    category?: TemplateCategory;
+    search?: string;
+    tags?: string[];
+    featured?: boolean;
+    sortBy?: 'newest' | 'popular' | 'rating';
+    page?: number;
+    pageSize?: number;
+}
+/**
+ * Category with count for filter display
+ */
+export interface CategoryCount {
+    category: TemplateCategory;
+    count: number;
+}
+/**
+ * Category display labels
+ */
+export declare const CATEGORY_LABELS: Record<TemplateCategory, string>;
+//# sourceMappingURL=types.d.ts.map

package/dist/templates/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/templates/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH;;GAEG;AACH,MAAM,MAAM,gBAAgB,GACxB,cAAc,GACd,WAAW,GACX,cAAc,GACd,aAAa,GACb,cAAc,GACd,iBAAiB,GACjB,aAAa,CAAC;AAElB;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;GAEG;AACH,MAAM,WAAW,eAAe;IAC9B,iCAAiC;IACjC,SAAS,EAAE,MAAM,CAAC;IAClB,oCAAoC;IACpC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,oCAAoC;IACpC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;GAEG;AACH,MAAM,WAAW,QAAQ;IACvB,wBAAwB;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,mBAAmB;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,2BAA2B;IAC3B,WAAW,EAAE,MAAM,CAAC;IACpB,6BAA6B;IAC7B,QAAQ,EAAE,gBAAgB,CAAC;IAC3B,sBAAsB;IACtB,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,qBAAqB;IACrB,OAAO,EAAE,eAAe,CAAC;IACzB,sBAAsB;IACtB,MAAM,EAAE,cAAc,CAAC;IACvB,0CAA0C;IAC1C,SAAS,EAAE,MAAM,CAAC;IAClB,uBAAuB;IACvB,OAAO,EAAE,MAAM,CAAC;IAChB,kBAAkB;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,mBAAmB;IACnB,MAAM,EAAE,MAAM,CAAC;IACf,wBAAwB;IACxB,GAAG,EAAE,MAAM,CAAC;IACZ,+BAA+B;IAC/B,gBAAgB,EAAE,MAAM,CAAC;IACzB,qCAAqC;IACrC,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACtC,sBAAsB;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2BAA2B;IAC3B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,oBAAoB;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oBAAoB;IACpB,SAAS,EAAE,MAAM,CAAC;IAClB,uBAAuB;IACvB,SAAS,EAAE,MAAM,CAAC;CACnB;AAED;;GAEG;AACH,MAAM,WAAW,qBAAqB;IACpC,SAAS,EAAE,QAAQ,EAAE,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,OAAO,CAAC;CAClB;AAED;;GAEG;AACH,MAAM,WAAW,qBAAqB;IACpC,QAAQ,CAAC,EAAE,gBAAgB,CAAC;IAC5B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,QAAQ,GAAG,SAAS,GAAG,QAAQ,CAAC;IACzC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED;;GAEG;AACH,MAAM,WAAW,aAAa;IAC5B,QAAQ,EAAE,gBAAgB,CAAC;IAC3B,KAAK,EAAE,MAAM,CAAC;CACf;AAED;;GAEG;AACH,eAAO,MAAM,eAAe,EAAE,MAAM,CAAC,gBAAgB,EAAE,MAAM,CAQ5D,CAAC"}

package/dist/templates/types.js

@@ -0,0 +1,16 @@
+/**
+ * Template types for the Framely Templates Marketplace
+ */
+/**
+ * Category display labels
+ */
+export const CATEGORY_LABELS = {
+    'social-media': 'Social Media',
+    'marketing': 'Marketing',
+    'presentation': 'Presentation',
+    'intro-outro': 'Intro/Outro',
+    'lower-thirds': 'Lower Thirds',
+    'text-animations': 'Text Animations',
+    'backgrounds': 'Backgrounds',
+};
+//# sourceMappingURL=types.js.map

package/dist/templates/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/templates/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AAgHH;;GAEG;AACH,MAAM,CAAC,MAAM,eAAe,GAAqC;IAC/D,cAAc,EAAE,cAAc;IAC9B,WAAW,EAAE,WAAW;IACxB,cAAc,EAAE,cAAc;IAC9B,aAAa,EAAE,aAAa;IAC5B,cAAc,EAAE,cAAc;IAC9B,iBAAiB,EAAE,iBAAiB;IACpC,aAAa,EAAE,aAAa;CAC7B,CAAC"}

package/dist/transitions/TransitionSeries.d.ts

@@ -0,0 +1,127 @@
+/**
+ * TransitionSeries Component
+ *
+ * A container for sequences with transitions between them.
+ * Unlike Series, TransitionSeries supports animated transitions
+ * that can overlap between consecutive sequences.
+ *
+ * Usage:
+ *   <TransitionSeries>
+ *     <TransitionSeries.Sequence durationInFrames={60}>
+ *       <SceneA />
+ *     </TransitionSeries.Sequence>
+ *     <TransitionSeries.Transition
+ *       presentation={fade()}
+ *       timing={{ durationInFrames: 30 }}
+ *     />
+ *     <TransitionSeries.Sequence durationInFrames={60}>
+ *       <SceneB />
+ *     </TransitionSeries.Sequence>
+ *   </TransitionSeries>
+ */
+import React from 'react';
+/**
+ * The style object returned by a presentation's entering/exiting function.
+ */
+export interface TransitionPresentation {
+    style: React.CSSProperties;
+    transform?: string;
+}
+/**
+ * A presentation object with entering and exiting animation functions.
+ * Each function receives a progress value (0-1) and returns CSS styles.
+ */
+export interface TransitionPresentationConfig {
+    entering?: (progress: number) => React.CSSProperties;
+    exiting?: (progress: number) => React.CSSProperties;
+}
+/**
+ * Timing configuration for a transition.
+ */
+export interface TransitionTimingConfig {
+    /** Duration of the transition overlap in frames. */
+    durationInFrames: number;
+    /** Optional easing function. */
+    easing?: (t: number) => number;
+}
+/**
+ * The state provided via TransitionContext to children of a sequence.
+ */
+export interface TransitionState {
+    /** Whether the sequence is currently entering (transition in progress). */
+    entering: boolean;
+    /** Whether the sequence is currently exiting (transition in progress). */
+    exiting: boolean;
+    /** Current transition progress (0-1). */
+    progress: number;
+    /** The current direction of the presentation. */
+    presentationDirection: 'entering' | 'exiting' | 'stable';
+}
+/**
+ * Props for TransitionSeries.
+ */
+export interface TransitionSeriesProps {
+    /** The child elements (Sequence and Transition components). */
+    children: React.ReactNode;
+    /** Optional inline styles for the container. */
+    style?: React.CSSProperties;
+    /** Optional name for debugging / data attributes. */
+    name?: string;
+}
+/**
+ * Props for TransitionSeries.Sequence.
+ */
+export interface TransitionSequenceProps {
+    /** Content to render within this sequence. */
+    children: React.ReactNode;
+    /** Duration of this sequence in frames. */
+    durationInFrames: number;
+    /** Frame offset to shift the start of this sequence. @default 0 */
+    offset?: number;
+    /** Optional inline styles. */
+    style?: React.CSSProperties;
+    /** Optional name for debugging. */
+    name?: string;
+}
+/**
+ * Props for TransitionSeries.Transition.
+ */
+export interface TransitionProps {
+    /** Presentation object with entering/exiting animation functions. */
+    presentation: TransitionPresentationConfig;
+    /** Timing configuration for the transition. */
+    timing: TransitionTimingConfig;
+}
+/**
+ * Hook to access transition state from within a sequence.
+ */
+export declare function useTransition(): TransitionState;
+/**
+ * The compound component type that includes Sequence and Transition
+ * as static properties on TransitionSeries.
+ */
+interface TransitionSeriesComponent {
+    (props: TransitionSeriesProps): React.JSX.Element;
+    displayName: string;
+    Sequence: React.FC<TransitionSequenceProps> & {
+        displayName: string;
+    };
+    Transition: React.FC<TransitionProps> & {
+        displayName: string;
+    };
+}
+/**
+ * TransitionSeries - Container for sequences with transitions.
+ */
+declare const TransitionSeries: TransitionSeriesComponent;
+/**
+ * Helper to create a transition presentation object.
+ */
+export declare function createPresentation(config: TransitionPresentationConfig): TransitionPresentationConfig;
+/**
+ * Helper to create transition timing.
+ */
+export declare function createTiming(config: TransitionTimingConfig): TransitionTimingConfig;
+export { TransitionSeries };
+export default TransitionSeries;
+//# sourceMappingURL=TransitionSeries.d.ts.map

package/dist/transitions/TransitionSeries.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TransitionSeries.d.ts","sourceRoot":"","sources":["../../src/transitions/TransitionSeries.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;GAoBG;AAEH,OAAO,KAKN,MAAM,OAAO,CAAC;AAMf;;GAEG;AACH,MAAM,WAAW,sBAAsB;IACrC,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;GAGG;AACH,MAAM,WAAW,4BAA4B;IAC3C,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,KAAK,CAAC,aAAa,CAAC;IACrD,OAAO,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,KAAK,CAAC,aAAa,CAAC;CACrD;AAED;;GAEG;AACH,MAAM,WAAW,sBAAsB;IACrC,oDAAoD;IACpD,gBAAgB,EAAE,MAAM,CAAC;IACzB,gCAAgC;IAChC,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,MAAM,CAAC;CAChC;AAED;;GAEG;AACH,MAAM,WAAW,eAAe;IAC9B,2EAA2E;IAC3E,QAAQ,EAAE,OAAO,CAAC;IAClB,0EAA0E;IAC1E,OAAO,EAAE,OAAO,CAAC;IACjB,yCAAyC;IACzC,QAAQ,EAAE,MAAM,CAAC;IACjB,iDAAiD;IACjD,qBAAqB,EAAE,UAAU,GAAG,SAAS,GAAG,QAAQ,CAAC;CAC1D;AAED;;GAEG;AACH,MAAM,WAAW,qBAAqB;IACpC,+DAA+D;IAC/D,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,gDAAgD;IAChD,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,qDAAqD;IACrD,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED;;GAEG;AACH,MAAM,WAAW,uBAAuB;IACtC,8CAA8C;IAC9C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,2CAA2C;IAC3C,gBAAgB,EAAE,MAAM,CAAC;IACzB,mEAAmE;IACnE,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,8BAA8B;IAC9B,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,mCAAmC;IACnC,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED;;GAEG;AACH,MAAM,WAAW,eAAe;IAC9B,qEAAqE;IACrE,YAAY,EAAE,4BAA4B,CAAC;IAC3C,+CAA+C;IAC/C,MAAM,EAAE,sBAAsB,CAAC;CAChC;AAgCD;;GAEG;AACH,wBAAgB,aAAa,IAAI,eAAe,CAE/C;AAID;;;GAGG;AACH,UAAU,yBAAyB;IACjC,CAAC,KAAK,EAAE,qBAAqB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC;IAClD,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAAC,GAAG;QAAE,WAAW,EAAE,MAAM,CAAA;KAAE,CAAC;IACtE,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAAC,GAAG;QAAE,WAAW,EAAE,MAAM,CAAA;KAAE,CAAC;CACjE;AAID;;GAEG;AACH,QAAA,MAAM,gBAAgB,EAAE,yBA8KM,CAAC;AA0C/B;;GAEG;AACH,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,4BAA4B,GAAG,4BAA4B,CAErG;AAED;;GAEG;AACH,wBAAgB,YAAY,CAAC,MAAM,EAAE,sBAAsB,GAAG,sBAAsB,CAEnF;AAED,OAAO,EAAE,gBAAgB,EAAE,CAAC;AAC5B,eAAe,gBAAgB,CAAC"}