loopwind 0.9.2 → 0.9.3

package/test-templates/_dsgn/templates/static-image/meta.json

@@ -1,9 +0,0 @@
-{
-  "name": "static-image",
-  "type": "image",
-  "size": { "width": 1200, "height": 630 },
-  "props": {
-    "title": "string",
-    "subtitle": "string"
-  }
-}

package/test-templates/_dsgn/templates/static-image/template.tsx

@@ -1,19 +0,0 @@
-import React from 'react';
-
-export default function StaticImage({ tw, title, subtitle }) {
-  return (
-    <div style={tw('flex flex-col w-full h-full bg-gradient-to-br from-blue-600 to-purple-700 p-12 justify-between')}>
-      <div style={tw('flex items-center gap-4')}>
-        <div style={tw('w-12 h-12 rounded-full bg-white/20')} />
-        <span style={tw('text-white/80 text-2xl')}>dsgn</span>
-      </div>
-
-      <div style={tw('flex flex-col')}>
-        <h1 style={tw('text-6xl font-bold text-white mb-4')}>{title}</h1>
-        <p style={tw('text-2xl text-white/80')}>{subtitle}</p>
-      </div>
-
-      <p style={tw('text-white/60')}>Static Image Template Test</p>
-    </div>
-  );
-}

package/test-templates/_dsgn/templates/translate-test/meta.json

@@ -1,7 +0,0 @@
-{
-  "name": "translate-test",
-  "type": "video",
-  "size": { "width": 1920, "height": 1080 },
-  "video": { "fps": 30, "duration": 2 },
-  "props": {}
-}

package/test-templates/_dsgn/templates/translate-test/template.tsx

@@ -1,9 +0,0 @@
-import React from 'react';
-
-export default function TranslateTest({ tw }) {
-  return (
-    <div style={tw('flex items-center justify-center w-full h-full bg-gray-900')}>
-      <div style={tw('w-32 h-32 rounded-lg bg-blue-500 animate-float/60')} />
-    </div>
-  );
-}

package/test-templates/_dsgn/templates/video-loops/.tmp/template-1763468793192.mjs

@@ -1,15 +0,0 @@
-import React from "file:///Users/tommyvedvik/Dev/dsgn/node_modules/react/index.js";
-function VideoLoops({ tw, title }) {
-  return /* @__PURE__ */ React.createElement("div", { style: tw("flex flex-col items-center justify-center w-full h-full bg-gray-900") }, /* @__PURE__ */ React.createElement("div", { style: tw("absolute top-20 left-20 w-32 h-32 rounded-full bg-blue-500/20 animate-pulse/30") }), /* @__PURE__ */ React.createElement("div", { style: tw("absolute bottom-20 right-20 w-48 h-48 rounded-full bg-purple-500/20 animate-pulse/45") }), /* @__PURE__ */ React.createElement("div", { style: tw("absolute top-40 right-40 w-8 h-8 rounded bg-blue-400 animate-float/60") }), /* @__PURE__ */ React.createElement("div", { style: tw("absolute bottom-40 left-40 w-6 h-6 rounded bg-purple-400 animate-float/50") }), /* @__PURE__ */ React.createElement("div", { style: {
-    ...tw("absolute w-20 h-20 rounded-lg bg-gradient-to-br from-blue-500 to-purple-600 animate-spin/90"),
-    top: "440px",
-    left: "920px"
-  } }), /* @__PURE__ */ React.createElement("h1", { style: tw("text-7xl font-bold text-white animate-bounce/40") }, title), /* @__PURE__ */ React.createElement("p", { style: tw("text-2xl text-white/60 mt-4 animate-wiggle/20") }, "Loop Animation Test"), /* @__PURE__ */ React.createElement("div", { style: {
-    ...tw("absolute w-4 h-4 rounded-full bg-green-500 animate-ping/30"),
-    bottom: "40px",
-    left: "952px"
-  } }));
-}
-export {
-  VideoLoops as default
-};

package/test-templates/_dsgn/templates/video-loops/meta.json

@@ -1,9 +0,0 @@
-{
-  "name": "video-loops",
-  "type": "video",
-  "size": { "width": 1920, "height": 1080 },
-  "video": { "fps": 30, "duration": 4 },
-  "props": {
-    "title": "string"
-  }
-}

package/test-templates/_dsgn/templates/video-loops/template.tsx

@@ -1,39 +0,0 @@
-import React from 'react';
-
-export default function VideoLoops({ tw, title }) {
-  return (
-    <div style={tw('flex flex-col items-center justify-center w-full h-full bg-gray-900')}>
-      {/* Pulsing background circles */}
-      <div style={tw('absolute top-20 left-20 w-32 h-32 rounded-full bg-blue-500/20 animate-pulse/30')} />
-      <div style={tw('absolute bottom-20 right-20 w-48 h-48 rounded-full bg-purple-500/20 animate-pulse/45')} />
-
-      {/* Floating elements */}
-      <div style={tw('absolute top-40 right-40 w-8 h-8 rounded bg-blue-400 animate-float/60')} />
-      <div style={tw('absolute bottom-40 left-40 w-6 h-6 rounded bg-purple-400 animate-float/50')} />
-
-      {/* Spinning icon - use fixed pixel position to avoid flex jitter */}
-      <div style={{
-        ...tw('absolute w-20 h-20 rounded-lg bg-gradient-to-br from-blue-500 to-purple-600 animate-spin/90'),
-        top: '440px',
-        left: '920px'
-      }} />
-
-      {/* Bouncing title */}
-      <h1 style={tw('text-7xl font-bold text-white animate-bounce/40')}>
-        {title}
-      </h1>
-
-      {/* Wiggling subtitle */}
-      <p style={tw('text-2xl text-white/60 mt-4 animate-wiggle/20')}>
-        Loop Animation Test
-      </p>
-
-      {/* Ping effect - use fixed pixel position for scale animation */}
-      <div style={{
-        ...tw('absolute w-4 h-4 rounded-full bg-green-500 animate-ping/30'),
-        bottom: '40px',
-        left: '952px'
-      }} />
-    </div>
-  );
-}

package/test-templates/_dsgn/templates/wrapped-spin/meta.json

@@ -1,7 +0,0 @@
-{
-  "name": "wrapped-spin",
-  "type": "video",
-  "size": { "width": 1920, "height": 1080 },
-  "video": { "fps": 30, "duration": 3 },
-  "props": {}
-}

package/test-templates/_dsgn/templates/wrapped-spin/template.tsx

@@ -1,17 +0,0 @@
-import React from 'react';
-
-// Wrap rotating element in fixed-size container
-export default function WrappedSpin({ tw }) {
-  return (
-    <div style={tw('flex items-center justify-center w-full h-full bg-gray-900')}>
-      {/* Fixed-size wrapper gets centered by flex */}
-      <div style={tw('flex w-32 h-32')}>
-        {/* Inner element rotates within stable container */}
-        <div style={{
-          ...tw('w-32 h-32 rounded-lg bg-blue-500 animate-spin/90'),
-          transformOrigin: '64px 64px'
-        }} />
-      </div>
-    </div>
-  );
-}