loopwind 0.22.0 → 0.24.0

package/_dsgn/templates/dashed-stroke-test/template.tsx

@@ -1,73 +0,0 @@
-export const meta = {
-  name: "dashed-stroke-test",
-  description: "Animated dashed stroke patterns",
-  type: "video",
-  size: {
-    width: 1920,
-    height: 1080
-  },
-  props: {},
-  video: {
-    duration: 4,
-    fps: 30
-  }
-};
-
-export default function DashedStrokeTest({ tw, progress, frame }) {
-  // Calculate animated dash offset for marching ants effect
-  // Loop every 1 second (30 frames)
-  const dashOffset = -(frame % 30) * 2;
-
-  return (
-    <div style={tw('flex items-center justify-center w-full h-full bg-gray-900')}>
-      <svg width="800" height="600" viewBox="0 0 800 600">
-        {/* Marching ants around a rectangle */}
-        <rect
-          x="100"
-          y="100"
-          width="600"
-          height="400"
-          fill="none"
-          stroke="#3b82f6"
-          strokeWidth={4}
-          strokeDasharray="10 5"
-          strokeDashoffset={dashOffset}
-        />
-
-        {/* Animated dashed circle */}
-        <circle
-          cx="400"
-          cy="300"
-          r="150"
-          fill="none"
-          stroke="#10b981"
-          strokeWidth={6}
-          strokeDasharray="20 10"
-          strokeDashoffset={dashOffset * 1.5}
-        />
-
-        {/* Wavy path with animated dashes */}
-        <path
-          d="M 50 300 Q 150 200 250 300 T 450 300 T 650 300 T 850 300"
-          fill="none"
-          stroke="#f59e0b"
-          strokeWidth={5}
-          strokeDasharray="15 8"
-          strokeDashoffset={dashOffset * 0.8}
-        />
-
-        {/* Small circle with fast animation */}
-        <circle
-          cx="400"
-          cy="300"
-          r="80"
-          fill="none"
-          stroke="#ec4899"
-          strokeWidth={3}
-          strokeDasharray="5 3"
-          strokeDashoffset={dashOffset * 2}
-        />
-      </svg>
-    </div>
-  );
-}

package/_dsgn/templates/path-follow-test/template.tsx

@@ -1,176 +0,0 @@
-import React from 'react';
-
-export const meta = {
-  name: "path-follow-test",
-  description: "Animate elements along SVG paths with rotation",
-  type: "video",
-  size: {
-    width: 1920,
-    height: 1080
-  },
-  props: {},
-  video: {
-    duration: 4,
-    fps: 30
-  }
-};
-
-// Calculate position on quadratic Bezier curve
-function pointOnQuadraticBezier(p0, p1, p2, t) {
-  const x = (1 - t) * (1 - t) * p0.x + 2 * (1 - t) * t * p1.x + t * t * p2.x;
-  const y = (1 - t) * (1 - t) * p0.y + 2 * (1 - t) * t * p1.y + t * t * p2.y;
-  return { x, y };
-}
-
-// Calculate angle on quadratic Bezier curve
-function angleOnQuadraticBezier(p0, p1, p2, t) {
-  const dx = 2 * (1 - t) * (p1.x - p0.x) + 2 * t * (p2.x - p1.x);
-  const dy = 2 * (1 - t) * (p1.y - p0.y) + 2 * t * (p2.y - p1.y);
-  return Math.atan2(dy, dx) * (180 / Math.PI);
-}
-
-// Calculate position on cubic Bezier curve
-function pointOnCubicBezier(p0, p1, p2, p3, t) {
-  const mt = 1 - t;
-  const mt2 = mt * mt;
-  const mt3 = mt2 * mt;
-  const t2 = t * t;
-  const t3 = t2 * t;
-
-  const x = mt3 * p0.x + 3 * mt2 * t * p1.x + 3 * mt * t2 * p2.x + t3 * p3.x;
-  const y = mt3 * p0.y + 3 * mt2 * t * p1.y + 3 * mt * t2 * p2.y + t3 * p3.y;
-  return { x, y };
-}
-
-// Calculate angle on cubic Bezier curve
-function angleOnCubicBezier(p0, p1, p2, p3, t) {
-  const mt = 1 - t;
-  const mt2 = mt * mt;
-  const t2 = t * t;
-
-  const dx = -3 * mt2 * p0.x + 3 * mt2 * p1.x - 6 * mt * t * p1.x - 3 * t2 * p2.x + 6 * mt * t * p2.x + 3 * t2 * p3.x;
-  const dy = -3 * mt2 * p0.y + 3 * mt2 * p1.y - 6 * mt * t * p1.y - 3 * t2 * p2.y + 6 * mt * t * p2.y + 3 * t2 * p3.y;
-  return Math.atan2(dy, dx) * (180 / Math.PI);
-}
-
-// Calculate position on circle
-function pointOnCircle(cx, cy, radius, angleRadians) {
-  return {
-    x: cx + radius * Math.cos(angleRadians),
-    y: cy + radius * Math.sin(angleRadians)
-  };
-}
-
-export default function PathFollowTest({ tw, progress }) {
-  // Quadratic Bezier path (top curve)
-  const quad = {
-    p0: { x: 200, y: 400 },
-    p1: { x: 960, y: 150 },
-    p2: { x: 1720, y: 400 }
-  };
-  const quadPos = pointOnQuadraticBezier(quad.p0, quad.p1, quad.p2, progress);
-  const quadAngle = angleOnQuadraticBezier(quad.p0, quad.p1, quad.p2, progress);
-
-  // Cubic Bezier path (S curve)
-  const cubic = {
-    p0: { x: 200, y: 700 },
-    p1: { x: 600, y: 500 },
-    p2: { x: 1320, y: 900 },
-    p3: { x: 1720, y: 700 }
-  };
-  const cubicPos = pointOnCubicBezier(cubic.p0, cubic.p1, cubic.p2, cubic.p3, progress);
-  const cubicAngle = angleOnCubicBezier(cubic.p0, cubic.p1, cubic.p2, cubic.p3, progress);
-
-  // Circle path
-  const circle = { cx: 960, cy: 540, radius: 250 };
-  const circleAngle = progress * Math.PI * 2;
-  const circlePos = pointOnCircle(circle.cx, circle.cy, circle.radius, circleAngle);
-  const circleTangentAngle = (circleAngle * 180 / Math.PI) + 90;
-
-  return (
-    <div style={{ display: 'flex', ...tw('relative w-full h-full bg-gradient-to-br from-purple-900 to-blue-900') }}>
-      <svg
-        width="1920"
-        height="1080"
-        viewBox="0 0 1920 1080"
-        style={{ position: 'absolute', top: 0, left: 0, width: '100%', height: '100%' }}
-      >
-        {/* Draw the paths (semi-transparent) */}
-        <path
-          d={`M ${quad.p0.x} ${quad.p0.y} Q ${quad.p1.x} ${quad.p1.y} ${quad.p2.x} ${quad.p2.y}`}
-          stroke="rgba(255,255,255,0.3)"
-          strokeWidth={2}
-          fill="none"
-          strokeDasharray="5 5"
-        />
-
-        <path
-          d={`M ${cubic.p0.x} ${cubic.p0.y} C ${cubic.p1.x} ${cubic.p1.y} ${cubic.p2.x} ${cubic.p2.y} ${cubic.p3.x} ${cubic.p3.y}`}
-          stroke="rgba(255,255,255,0.3)"
-          strokeWidth={2}
-          fill="none"
-          strokeDasharray="5 5"
-        />
-
-        <circle
-          cx={circle.cx}
-          cy={circle.cy}
-          r={circle.radius}
-          stroke="rgba(255,255,255,0.3)"
-          strokeWidth={2}
-          fill="none"
-          strokeDasharray="5 5"
-        />
-      </svg>
-
-      {/* Rocket on quadratic bezier */}
-      <div
-        style={{
-          position: "absolute",
-          left: quadPos.x,
-          top: quadPos.y,
-          transform: `translate(-50%, -50%) rotate(${quadAngle}deg)`,
-          fontSize: '48px'
-        }}
-      >
-        🚀
-      </div>
-
-      {/* Car on cubic bezier */}
-      <div
-        style={{
-          position: "absolute",
-          left: cubicPos.x,
-          top: cubicPos.y,
-          transform: `translate(-50%, -50%) rotate(${cubicAngle}deg)`,
-          fontSize: '48px'
-        }}
-      >
-        🏎️
-      </div>
-
-      {/* Airplane on circle */}
-      <div
-        style={{
-          position: "absolute",
-          left: circlePos.x,
-          top: circlePos.y,
-          transform: `translate(-50%, -50%) rotate(${circleTangentAngle}deg)`,
-          fontSize: '48px'
-        }}
-      >
-        ✈️
-      </div>
-
-      {/* Text labels */}
-      <div style={tw('flex flex-col absolute top-8 left-8')}>
-        <h1 style={tw('text-4xl font-bold text-white mb-2')}>
-          Path Following Animation
-        </h1>
-        <p style={tw('text-xl text-white/80')}>
-          Progress: {Math.round(progress * 100)}%
-        </p>
-      </div>
-    </div>
-  );
-}

package/_dsgn/templates/path-simple-test/template.tsx

@@ -1,98 +0,0 @@
-import React from 'react';
-
-export const meta = {
-  name: "path-simple-test",
-  description: "Simple path following with helpers",
-  type: "video",
-  size: {
-    width: 1920,
-    height: 1080
-  },
-  props: {},
-  video: {
-    duration: 4,
-    fps: 30
-  }
-};
-
-export default function PathSimpleTest({ tw, progress, path }) {
-  // Follow a quadratic curve - just define the points!
-  const rocket = path.followQuadratic(
-    { x: 200, y: 400 },   // Start
-    { x: 960, y: 150 },   // Control
-    { x: 1720, y: 400 },  // End
-    progress
-  );
-
-  // Follow a cubic Bezier S-curve
-  const car = path.followCubic(
-    { x: 200, y: 700 },   // Start
-    { x: 600, y: 500 },   // Control 1
-    { x: 1320, y: 900 },  // Control 2
-    { x: 1720, y: 700 },  // End
-    progress
-  );
-
-  // Follow a circle
-  const plane = path.followCircle(960, 540, 250, progress);
-
-  return (
-    <div style={{ display: 'flex', ...tw('relative w-full h-full bg-gradient-to-br from-purple-900 to-blue-900') }}>
-      {/* Draw the paths */}
-      <svg width="1920" height="1080" viewBox="0 0 1920 1080" style={{ position: 'absolute', top: 0, left: 0, width: '100%', height: '100%' }}>
-        <path d="M 200 400 Q 960 150 1720 400" stroke="rgba(255,255,255,0.3)" strokeWidth={2} fill="none" strokeDasharray="5 5" />
-        <path d="M 200 700 C 600 500 1320 900 1720 700" stroke="rgba(255,255,255,0.3)" strokeWidth={2} fill="none" strokeDasharray="5 5" />
-        <circle cx="960" cy="540" r="250" stroke="rgba(255,255,255,0.3)" strokeWidth={2} fill="none" strokeDasharray="5 5" />
-      </svg>
-
-      {/* Rocket */}
-      <div
-        style={{
-          position: "absolute",
-          left: rocket.x,
-          top: rocket.y,
-          transform: `translate(-50%, -50%) rotate(${rocket.angle}deg)`,
-          fontSize: '48px'
-        }}
-      >
-        🚀
-      </div>
-
-      {/* Car */}
-      <div
-        style={{
-          position: "absolute",
-          left: car.x,
-          top: car.y,
-          transform: `translate(-50%, -50%) rotate(${car.angle}deg)`,
-          fontSize: '48px'
-        }}
-      >
-        🏎️
-      </div>
-
-      {/* Airplane */}
-      <div
-        style={{
-          position: "absolute",
-          left: plane.x,
-          top: plane.y,
-          transform: `translate(-50%, -50%) rotate(${plane.angle}deg)`,
-          fontSize: '48px'
-        }}
-      >
-        ✈️
-      </div>
-
-      {/* Title */}
-      <div style={tw('flex flex-col absolute top-8 left-8')}>
-        <h1 style={tw('text-4xl font-bold text-white mb-2')}>
-          Simple Path Following
-        </h1>
-        <p style={tw('text-xl text-white/80')}>
-          Progress: {Math.round(progress * 100)}%
-        </p>
-      </div>
-    </div>
-  );
-}

package/_dsgn/templates/stroke-dash-test/meta.json

@@ -1,12 +0,0 @@
-{
-  "name": "stroke-dash-test",
-  "description": "Test SVG stroke-dash animations",
-  "type": "video",
-  "props": {},
-  "video": {
-    "duration": 4000,
-    "fps": 30,
-    "width": 1920,
-    "height": 1080
-  }
-}

package/_dsgn/templates/stroke-dash-test/template.tsx

@@ -1,53 +0,0 @@
-export const meta = {
-  name: "stroke-dash-test",
-  description: "Test SVG stroke-dash animations",
-  type: "video",
-  size: {
-    width: 1920,
-    height: 1080
-  },
-  props: {},
-  video: {
-    duration: 4,
-    fps: 30
-  }
-};
-
-export default function StrokeDashTest({ tw }) {
-  return (
-    <div style={tw('flex items-center justify-center w-full h-full bg-gray-900')}>
-      <svg width="600" height="400" viewBox="0 0 600 400">
-        {/* Draw a checkmark */}
-        <path
-          d="M100 200 L 200 300 L 400 100"
-          stroke="#10b981"
-          strokeWidth={8}
-          fill="none"
-          strokeLinecap="round"
-          strokeLinejoin="round"
-          style={tw('ease-out enter-stroke-dash-[600]/0/1500')}
-        />
-
-        {/* Draw a circle after checkmark */}
-        <circle
-          cx="250"
-          cy="200"
-          r="150"
-          stroke="#3b82f6"
-          strokeWidth={6}
-          fill="none"
-          style={tw('ease-out enter-stroke-dash-[942]/1000/1500')}
-        />
-
-        {/* Looping star */}
-        <path
-          d="M450 50 L470 100 L525 100 L485 130 L505 180 L450 150 L395 180 L415 130 L375 100 L430 100 Z"
-          stroke="#f59e0b"
-          strokeWidth={4}
-          fill="none"
-          style={tw('loop-stroke-dash-[400]/3000')}
-        />
-      </svg>
-    </div>
-  );
-}

package/dist/default-templates/image/template.d.ts

@@ -1,20 +0,0 @@
-import React from 'react';
-export declare const meta: {
-    name: string;
-    description: string;
-    type: string;
-    size: {
-        width: number;
-        height: number;
-    };
-    props: {
-        title: string;
-        description: string;
-    };
-};
-export default function Template({ title, description, tw }: {
-    title: any;
-    description: any;
-    tw: any;
-}): React.JSX.Element;
-//# sourceMappingURL=template.d.ts.map

package/dist/default-templates/image/template.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"template.d.ts","sourceRoot":"","sources":["../../../src/default-templates/image/template.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,eAAO,MAAM,IAAI;;;;;;;;;;;;CAShB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,EAAE,EAAE;;;;CAAA,qBAe1D"}

package/dist/default-templates/image/template.js

@@ -1,18 +0,0 @@
-import React from 'react';
-export const meta = {
-    name: "image",
-    description: "Simple image starter template",
-    type: "image",
-    size: { width: 1200, height: 630 },
-    props: {
-        title: "string",
-        description: "string?"
-    }
-};
-export default function Template({ title, description, tw }) {
-    return (React.createElement("div", { style: tw('w-full h-full flex flex-col justify-center items-center bg-background p-16') },
-        React.createElement("div", { style: tw('bg-card border rounded-xl p-12 flex flex-col max-w-4xl') },
-            React.createElement("h1", { style: tw('text-7xl font-bold text-foreground mb-4') }, title),
-            description && (React.createElement("p", { style: tw('text-3xl text-muted-foreground') }, description)))));
-}
-//# sourceMappingURL=template.js.map

package/dist/default-templates/image/template.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"template.js","sourceRoot":"","sources":["../../../src/default-templates/image/template.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,CAAC,MAAM,IAAI,GAAG;IAClB,IAAI,EAAE,OAAO;IACb,WAAW,EAAE,+BAA+B;IAC5C,IAAI,EAAE,OAAO;IACb,IAAI,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,EAAE;IAClC,KAAK,EAAE;QACL,KAAK,EAAE,QAAQ;QACf,WAAW,EAAE,SAAS;KACvB;CACF,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,EAAE,EAAE;IACzD,OAAO,CACL,6BAAK,KAAK,EAAE,EAAE,CAAC,4EAA4E,CAAC;QAC1F,6BAAK,KAAK,EAAE,EAAE,CAAC,wDAAwD,CAAC;YACtE,4BAAI,KAAK,EAAE,EAAE,CAAC,yCAAyC,CAAC,IACrD,KAAK,CACH;YACJ,WAAW,IAAI,CACd,2BAAG,KAAK,EAAE,EAAE,CAAC,gCAAgC,CAAC,IAC3C,WAAW,CACV,CACL,CACG,CACF,CACP,CAAC;AACJ,CAAC"}

package/dist/default-templates/image/template.tsx

@@ -1,20 +0,0 @@
-import React from 'react';
-
-// Template metadata is defined in meta.json
-
-export default function Template({ title, description, tw }) {
-  return (
-    <div style={tw('w-full h-full flex flex-col justify-center items-center bg-background p-16')}>
-      <div style={tw('bg-card border rounded-xl p-12 flex flex-col max-w-4xl')}>
-        <h1 style={tw('text-7xl font-bold text-foreground mb-4')}>
-          {title}
-        </h1>
-        {description && (
-          <p style={tw('text-3xl text-muted-foreground')}>
-            {description}
-          </p>
-        )}
-      </div>
-    </div>
-  );
-}

package/dist/default-templates/kitchen-sink/template.tsx

@@ -1,64 +0,0 @@
-import React from 'react';
-
-// Template metadata is defined in meta.json
-
-export default function Template({ title, subtitle, tw }) {
-  return (
-    <div style={tw('w-full h-full flex flex-col bg-gradient-to-br from-indigo-500 via-purple-500 to-pink-500 p-8')}>
-      {/* Header Card with Shadow */}
-      <div style={tw('bg-white rounded-2xl shadow-2xl p-8 mb-4 max-w-5xl flex flex-col')}>
-        <h1 style={tw('text-6xl font-extrabold text-indigo-600 mb-3 uppercase tracking-wide')}>
-          {title}
-        </h1>
-        {subtitle && (
-          <p style={tw('text-2xl text-gray-600 italic leading-relaxed')}>
-            {subtitle}
-          </p>
-        )}
-      </div>
-
-      {/* Feature Cards Grid */}
-      <div style={tw('flex flex-wrap gap-4 max-w-6xl flex-1')}>
-        {/* Card 1: Gradients & Shadows */}
-        <div style={tw('bg-gradient-to-br from-cyan-400 to-blue-500 rounded-xl shadow-lg p-6 flex-1 min-w-0 flex flex-col')}>
-          <h2 style={tw('text-2xl font-bold text-white mb-2 tracking-wider')}>
-            Gradients
-          </h2>
-          <p style={tw('text-sm text-white text-opacity-90 leading-normal')}>
-            Full gradient support
-          </p>
-        </div>
-
-        {/* Card 2: Borders & Transforms */}
-        <div style={tw('bg-white rounded-lg border-4 border-emerald-500 p-6 flex-1 min-w-0 flex flex-col shadow-md rotate-1')}>
-          <h2 style={tw('text-2xl font-semibold text-emerald-700 mb-2')}>
-            Transforms
-          </h2>
-          <p style={tw('text-sm text-gray-600 leading-tight')}>
-            Rotation supported!
-          </p>
-        </div>
-
-        {/* Card 3: Typography */}
-        <div style={tw('bg-gray-900 rounded-xl shadow-xl p-6 flex-1 min-w-0 flex flex-col')}>
-          <h2 style={tw('text-2xl font-black text-yellow-400 mb-2 uppercase letter-spacing-wide')}>
-            TYPOGRAPHY
-          </h2>
-          <p style={tw('text-xs text-gray-300 tracking-tight leading-loose')}>
-            All text styles work
-          </p>
-        </div>
-      </div>
-
-      {/* Bottom Info Bar */}
-      <div style={tw('mt-4 bg-white bg-opacity-20 rounded-lg px-6 py-3 max-w-5xl flex flex-row justify-between items-center')}>
-        <p style={tw('text-sm font-medium text-white')}>
-          Kitchen Sink Template
-        </p>
-        <p style={tw('text-xs text-white text-opacity-75 tracking-wide')}>
-          All features demonstrated
-        </p>
-      </div>
-    </div>
-  );
-}

package/dist/default-templates/page/template.tsx

@@ -1,37 +0,0 @@
-import React from 'react';
-
-// Template metadata is defined in meta.json
-
-export default function Template({ title, description, frame, progress, tw }) {
-  // Fade in animation
-  const opacity = Math.min(1, progress * 2);
-
-  // Slide up animation
-  const translateY = 20 - (progress * 20);
-
-  return (
-    <div style={tw('w-full h-full flex flex-col justify-center items-center bg-background p-16')}>
-      <div style={tw('bg-card border rounded-xl p-12 flex flex-col max-w-4xl')}>
-        <h1
-          style={{
-            ...tw('text-7xl font-bold text-foreground mb-4'),
-            opacity,
-            transform: `translateY(${translateY}px)`
-          }}
-        >
-          {title}
-        </h1>
-        {description && (
-          <p
-            style={{
-              ...tw('text-3xl text-muted-foreground'),
-              opacity: Math.min(1, (progress - 0.3) * 2)
-            }}
-          >
-            {description}
-          </p>
-        )}
-      </div>
-    </div>
-  );
-}

package/dist/default-templates/video/template.d.ts

@@ -1,26 +0,0 @@
-import React from 'react';
-export declare const meta: {
-    name: string;
-    description: string;
-    type: string;
-    size: {
-        width: number;
-        height: number;
-    };
-    props: {
-        title: string;
-        description: string;
-    };
-    video: {
-        fps: number;
-        duration: number;
-    };
-};
-export default function Template({ title, description, frame, progress, tw }: {
-    title: any;
-    description: any;
-    frame: any;
-    progress: any;
-    tw: any;
-}): React.JSX.Element;
-//# sourceMappingURL=template.d.ts.map

package/dist/default-templates/video/template.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"template.d.ts","sourceRoot":"","sources":["../../../src/default-templates/video/template.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;CAahB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE;;;;;;CAAA,qBAgC3E"}

package/dist/default-templates/video/template.js

@@ -1,33 +0,0 @@
-import React from 'react';
-export const meta = {
-    name: "video",
-    description: "Animated video starter template",
-    type: "video",
-    size: { width: 1200, height: 630 },
-    props: {
-        title: "string",
-        description: "string?"
-    },
-    video: {
-        fps: 30,
-        duration: 3
-    }
-};
-export default function Template({ title, description, frame, progress, tw }) {
-    // Fade in animation
-    const opacity = Math.min(1, progress * 2);
-    // Slide up animation
-    const translateY = 20 - (progress * 20);
-    return (React.createElement("div", { style: tw('w-full h-full flex flex-col justify-center items-center bg-background p-16') },
-        React.createElement("div", { style: tw('bg-card border rounded-xl p-12 flex flex-col max-w-4xl') },
-            React.createElement("h1", { style: {
-                    ...tw('text-7xl font-bold text-foreground mb-4'),
-                    opacity,
-                    transform: `translateY(${translateY}px)`
-                } }, title),
-            description && (React.createElement("p", { style: {
-                    ...tw('text-3xl text-muted-foreground'),
-                    opacity: Math.min(1, (progress - 0.3) * 2)
-                } }, description)))));
-}
-//# sourceMappingURL=template.js.map

package/dist/default-templates/video/template.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"template.js","sourceRoot":"","sources":["../../../src/default-templates/video/template.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,CAAC,MAAM,IAAI,GAAG;IAClB,IAAI,EAAE,OAAO;IACb,WAAW,EAAE,iCAAiC;IAC9C,IAAI,EAAE,OAAO;IACb,IAAI,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,EAAE;IAClC,KAAK,EAAE;QACL,KAAK,EAAE,QAAQ;QACf,WAAW,EAAE,SAAS;KACvB;IACD,KAAK,EAAE;QACL,GAAG,EAAE,EAAE;QACP,QAAQ,EAAE,CAAC;KACZ;CACF,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE;IAC1E,oBAAoB;IACpB,MAAM,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,QAAQ,GAAG,CAAC,CAAC,CAAC;IAE1C,qBAAqB;IACrB,MAAM,UAAU,GAAG,EAAE,GAAG,CAAC,QAAQ,GAAG,EAAE,CAAC,CAAC;IAExC,OAAO,CACL,6BAAK,KAAK,EAAE,EAAE,CAAC,4EAA4E,CAAC;QAC1F,6BAAK,KAAK,EAAE,EAAE,CAAC,wDAAwD,CAAC;YACtE,4BACE,KAAK,EAAE;oBACL,GAAG,EAAE,CAAC,yCAAyC,CAAC;oBAChD,OAAO;oBACP,SAAS,EAAE,cAAc,UAAU,KAAK;iBACzC,IAEA,KAAK,CACH;YACJ,WAAW,IAAI,CACd,2BACE,KAAK,EAAE;oBACL,GAAG,EAAE,CAAC,gCAAgC,CAAC;oBACvC,OAAO,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,QAAQ,GAAG,GAAG,CAAC,GAAG,CAAC,CAAC;iBAC3C,IAEA,WAAW,CACV,CACL,CACG,CACF,CACP,CAAC;AACJ,CAAC"}