loopwind 0.9.2 → 0.10.0

package/dist/default-templates/kitchen-sink/meta.json

@@ -1,13 +0,0 @@
-{
-  "name": "kitchen-sink",
-  "description": "Comprehensive example showcasing all supported Tailwind features",
-  "type": "image",
-  "size": {
-    "width": 1200,
-    "height": 630
-  },
-  "props": {
-    "title": "string",
-    "subtitle": "string?"
-  }
-}

package/dist/default-templates/page/meta.json

@@ -1,17 +0,0 @@
-{
-  "name": "video",
-  "description": "Animated video starter template",
-  "type": "video",
-  "size": {
-    "width": 1200,
-    "height": 630
-  },
-  "props": {
-    "title": "string",
-    "description": "string?"
-  },
-  "video": {
-    "fps": 30,
-    "duration": 3
-  }
-}

package/dist/default-templates/video/meta.json

@@ -1,17 +0,0 @@
-{
-  "name": "video",
-  "description": "Animated video starter template",
-  "type": "video",
-  "size": {
-    "width": 1200,
-    "height": 630
-  },
-  "props": {
-    "title": "string",
-    "description": "string?"
-  },
-  "video": {
-    "fps": 30,
-    "duration": 3
-  }
-}

package/dist/default-templates/video-template/meta.json

@@ -1,17 +0,0 @@
-{
-  "name": "video",
-  "description": "Animated video starter template",
-  "type": "video",
-  "size": {
-    "width": 1200,
-    "height": 630
-  },
-  "props": {
-    "title": "string",
-    "description": "string?"
-  },
-  "video": {
-    "fps": 30,
-    "duration": 3
-  }
-}

package/dist/default-templates/website/meta.json

@@ -1,16 +0,0 @@
-{
-  "name": "website",
-  "description": "Generate websites",
-  "type": "website",
-  "size": {
-    "width": 1200
-  },
-  "props": {
-    "title": "string",
-    "description": "string?"
-  },
-  "url": {
-    "fps": 30,
-    "duration": 3
-  }
-}

package/dist/default-templates/website-template/meta.json

@@ -1,16 +0,0 @@
-{
-  "name": "website",
-  "description": "Generate websites",
-  "type": "website",
-  "size": {
-    "width": 1200
-  },
-  "props": {
-    "title": "string",
-    "description": "string?"
-  },
-  "url": {
-    "fps": 30,
-    "duration": 3
-  }
-}

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

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

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

@@ -1,16 +0,0 @@
-import React from 'react';
-
-// Use absolute within relative flex container
-export default function AbsoluteSpin({ tw }) {
-  return (
-    <div style={tw('relative flex items-center justify-center w-full h-full bg-gray-900')}>
-      {/* Absolutely positioned at center - flex doesn't affect it */}
-      <div style={{
-        ...tw('absolute w-32 h-32 rounded-lg bg-blue-500 animate-spin/90'),
-        top: '50%',
-        left: '50%',
-        transform: `translate(-50%, -50%) rotate(${0}deg)`
-      }} />
-    </div>
-  );
-}

package/test-templates/_dsgn/templates/animated-intro/.tmp/template-1763468771640.mjs

@@ -1,7 +0,0 @@
-import React from "file:///Users/tommyvedvik/Dev/dsgn/node_modules/react/index.js";
-function AnimatedIntro({ tw, title, subtitle }) {
-  return /* @__PURE__ */ React.createElement("div", { style: tw("flex flex-col items-center justify-center w-full h-full bg-gradient-to-br from-black to-gray-900") }, /* @__PURE__ */ React.createElement("div", { style: tw("w-24 h-24 rounded-full bg-gradient-to-br from-blue-500 to-purple-600 mb-8 ease-out animate-bounce-in/0/0.3") }), /* @__PURE__ */ React.createElement("h1", { style: tw("text-8xl font-bold text-white ease-out animate-bounce-in-up/0.15/0.5") }, title), /* @__PURE__ */ React.createElement("p", { style: tw("text-3xl text-white/70 mt-6 ease-out animate-fade-in-up/0.4/0.7") }, subtitle), /* @__PURE__ */ React.createElement("div", { style: tw("w-32 h-1 bg-gradient-to-r from-blue-500 to-purple-600 mt-8 ease-out animate-scale-in/0.6/0.9") }));
-}
-export {
-  AnimatedIntro as default
-};

package/test-templates/_dsgn/templates/animated-intro/meta.json

@@ -1,10 +0,0 @@
-{
-  "name": "animated-intro",
-  "type": "video",
-  "size": { "width": 1920, "height": 1080 },
-  "video": { "fps": 30, "duration": 3 },
-  "props": {
-    "title": "string",
-    "subtitle": "string"
-  }
-}

package/test-templates/_dsgn/templates/animated-intro/template.tsx

@@ -1,23 +0,0 @@
-import React from 'react';
-
-export default function AnimatedIntro({ tw, title, subtitle }) {
-  return (
-    <div style={tw('flex flex-col items-center justify-center w-full h-full bg-gradient-to-br from-black to-gray-900')}>
-      {/* Logo/icon bounces in first */}
-      <div style={tw('w-24 h-24 rounded-full bg-gradient-to-br from-blue-500 to-purple-600 mb-8 ease-out animate-bounce-in/0/0.3')} />
-
-      {/* Title slides up with bounce */}
-      <h1 style={tw('text-8xl font-bold text-white ease-out animate-bounce-in-up/0.15/0.5')}>
-        {title}
-      </h1>
-
-      {/* Subtitle fades in from below */}
-      <p style={tw('text-3xl text-white/70 mt-6 ease-out animate-fade-in-up/0.4/0.7')}>
-        {subtitle}
-      </p>
-
-      {/* Decorative line scales in */}
-      <div style={tw('w-32 h-1 bg-gradient-to-r from-blue-500 to-purple-600 mt-8 ease-out animate-scale-in/0.6/0.9')} />
-    </div>
-  );
-}

package/test-templates/_dsgn/templates/centered-spin/.tmp/template-1763468525386.mjs

@@ -1,7 +0,0 @@
-import React from "file:///Users/tommyvedvik/Dev/dsgn/node_modules/react/index.js";
-function CenteredSpin({ tw }) {
-  return /* @__PURE__ */ React.createElement("div", { style: tw("flex w-full h-full bg-gray-900 items-center justify-center gap-8") }, /* @__PURE__ */ React.createElement("div", { style: tw("w-32 h-32 rounded-lg bg-blue-500 animate-spin/90") }), /* @__PURE__ */ React.createElement("div", { style: tw("w-32 h-32 rounded-lg bg-red-500 animate-spin/90") }));
-}
-export {
-  CenteredSpin as default
-};

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

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

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

@@ -1,11 +0,0 @@
-import React from 'react';
-
-// Two spinning elements side by side in flex container
-export default function CenteredSpin({ tw }) {
-  return (
-    <div style={tw('flex w-full h-full bg-gray-900 items-center justify-center gap-8')}>
-      <div style={tw('w-32 h-32 rounded-lg bg-blue-500 animate-spin/90')} />
-      <div style={tw('w-32 h-32 rounded-lg bg-red-500 animate-spin/90')} />
-    </div>
-  );
-}

package/test-templates/_dsgn/templates/composite/.tmp/template-1763468815645.mjs

@@ -1,7 +0,0 @@
-import React from "file:///Users/tommyvedvik/Dev/dsgn/node_modules/react/index.js";
-function Composite({ tw, template, title, qrUrl }) {
-  return /* @__PURE__ */ React.createElement("div", { style: tw("flex w-full h-full bg-gray-100") }, /* @__PURE__ */ React.createElement("div", { style: tw("flex-1 flex flex-col justify-center p-12") }, /* @__PURE__ */ React.createElement("h1", { style: tw("text-5xl font-bold text-gray-900 mb-4") }, title), /* @__PURE__ */ React.createElement("p", { style: tw("text-xl text-gray-600 mb-8") }, "This template embeds another template using the template() helper"), /* @__PURE__ */ React.createElement("div", { style: tw("text-sm text-gray-500") }, "Composite Template Test")), /* @__PURE__ */ React.createElement("div", { style: tw("w-96 flex items-center justify-center bg-white border-l border-gray-200") }, template("qr-code", { url: qrUrl, title: "Scan Me" })));
-}
-export {
-  Composite as default
-};

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

@@ -1,9 +0,0 @@
-{
-  "name": "composite",
-  "type": "image",
-  "size": { "width": 1200, "height": 800 },
-  "props": {
-    "title": "string",
-    "qrUrl": "string"
-  }
-}

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

@@ -1,23 +0,0 @@
-import React from 'react';
-
-export default function Composite({ tw, template, title, qrUrl }) {
-  return (
-    <div style={tw('flex w-full h-full bg-gray-100')}>
-      {/* Left side - main content */}
-      <div style={tw('flex-1 flex flex-col justify-center p-12')}>
-        <h1 style={tw('text-5xl font-bold text-gray-900 mb-4')}>{title}</h1>
-        <p style={tw('text-xl text-gray-600 mb-8')}>
-          This template embeds another template using the template() helper
-        </p>
-        <div style={tw('text-sm text-gray-500')}>
-          Composite Template Test
-        </div>
-      </div>
-
-      {/* Right side - embedded QR template */}
-      <div style={tw('w-96 flex items-center justify-center bg-white border-l border-gray-200')}>
-        {template('qr-code', { url: qrUrl, title: 'Scan Me' })}
-      </div>
-    </div>
-  );
-}

package/test-templates/_dsgn/templates/easing-test/.tmp/template-1763468824501.mjs

@@ -1,7 +0,0 @@
-import React from "file:///Users/tommyvedvik/Dev/dsgn/node_modules/react/index.js";
-function EasingTest({ tw }) {
-  return /* @__PURE__ */ React.createElement("div", { style: tw("flex flex-col w-full h-full bg-gray-900 p-12") }, /* @__PURE__ */ React.createElement("h1", { style: tw("text-4xl font-bold text-white mb-8 text-center") }, "Easing Functions Test"), /* @__PURE__ */ React.createElement("div", { style: tw("flex flex-col gap-4 flex-1 justify-center") }, /* @__PURE__ */ React.createElement("div", { style: tw("flex items-center gap-4") }, /* @__PURE__ */ React.createElement("span", { style: tw("w-32 text-white text-sm") }, "linear"), /* @__PURE__ */ React.createElement("div", { style: tw("w-12 h-12 rounded bg-red-500 linear animate-slide-right/0/1") })), /* @__PURE__ */ React.createElement("div", { style: tw("flex items-center gap-4") }, /* @__PURE__ */ React.createElement("span", { style: tw("w-32 text-white text-sm") }, "ease-in"), /* @__PURE__ */ React.createElement("div", { style: tw("w-12 h-12 rounded bg-orange-500 ease-in animate-slide-right/0/1") })), /* @__PURE__ */ React.createElement("div", { style: tw("flex items-center gap-4") }, /* @__PURE__ */ React.createElement("span", { style: tw("w-32 text-white text-sm") }, "ease-out"), /* @__PURE__ */ React.createElement("div", { style: tw("w-12 h-12 rounded bg-yellow-500 ease-out animate-slide-right/0/1") })), /* @__PURE__ */ React.createElement("div", { style: tw("flex items-center gap-4") }, /* @__PURE__ */ React.createElement("span", { style: tw("w-32 text-white text-sm") }, "ease-in-out"), /* @__PURE__ */ React.createElement("div", { style: tw("w-12 h-12 rounded bg-green-500 ease-in-out animate-slide-right/0/1") })), /* @__PURE__ */ React.createElement("div", { style: tw("flex items-center gap-4") }, /* @__PURE__ */ React.createElement("span", { style: tw("w-32 text-white text-sm") }, "ease-out-cubic"), /* @__PURE__ */ React.createElement("div", { style: tw("w-12 h-12 rounded bg-blue-500 ease-out-cubic animate-slide-right/0/1") })), /* @__PURE__ */ React.createElement("div", { style: tw("flex items-center gap-4") }, /* @__PURE__ */ React.createElement("span", { style: tw("w-32 text-white text-sm") }, "ease-in-out-quart"), /* @__PURE__ */ React.createElement("div", { style: tw("w-12 h-12 rounded bg-purple-500 ease-in-out-quart animate-slide-right/0/1") }))));
-}
-export {
-  EasingTest as default
-};

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

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

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

@@ -1,47 +0,0 @@
-import React from 'react';
-
-export default function EasingTest({ tw }) {
-  return (
-    <div style={tw('flex flex-col w-full h-full bg-gray-900 p-12')}>
-      <h1 style={tw('text-4xl font-bold text-white mb-8 text-center')}>Easing Functions Test</h1>
-
-      <div style={tw('flex flex-col gap-4 flex-1 justify-center')}>
-        {/* Linear */}
-        <div style={tw('flex items-center gap-4')}>
-          <span style={tw('w-32 text-white text-sm')}>linear</span>
-          <div style={tw('w-12 h-12 rounded bg-red-500 linear animate-slide-right/0/1')} />
-        </div>
-
-        {/* Ease In */}
-        <div style={tw('flex items-center gap-4')}>
-          <span style={tw('w-32 text-white text-sm')}>ease-in</span>
-          <div style={tw('w-12 h-12 rounded bg-orange-500 ease-in animate-slide-right/0/1')} />
-        </div>
-
-        {/* Ease Out */}
-        <div style={tw('flex items-center gap-4')}>
-          <span style={tw('w-32 text-white text-sm')}>ease-out</span>
-          <div style={tw('w-12 h-12 rounded bg-yellow-500 ease-out animate-slide-right/0/1')} />
-        </div>
-
-        {/* Ease In Out */}
-        <div style={tw('flex items-center gap-4')}>
-          <span style={tw('w-32 text-white text-sm')}>ease-in-out</span>
-          <div style={tw('w-12 h-12 rounded bg-green-500 ease-in-out animate-slide-right/0/1')} />
-        </div>
-
-        {/* Ease Out Cubic */}
-        <div style={tw('flex items-center gap-4')}>
-          <span style={tw('w-32 text-white text-sm')}>ease-out-cubic</span>
-          <div style={tw('w-12 h-12 rounded bg-blue-500 ease-out-cubic animate-slide-right/0/1')} />
-        </div>
-
-        {/* Ease In Out Quart */}
-        <div style={tw('flex items-center gap-4')}>
-          <span style={tw('w-32 text-white text-sm')}>ease-in-out-quart</span>
-          <div style={tw('w-12 h-12 rounded bg-purple-500 ease-in-out-quart animate-slide-right/0/1')} />
-        </div>
-      </div>
-    </div>
-  );
-}

package/test-templates/_dsgn/templates/minimal-spin/.tmp/template-1763466364336.mjs

@@ -1,10 +0,0 @@
-import React from "file:///Users/tommyvedvik/Dev/dsgn/node_modules/react/index.js";
-function MinimalSpin({ tw }) {
-  return /* @__PURE__ */ React.createElement("div", { style: tw("flex w-full h-full bg-gray-900") }, /* @__PURE__ */ React.createElement("div", { style: {
-    ...tw("w-32 h-32 rounded-lg bg-blue-500 animate-spin/90"),
-    transformOrigin: "64px 64px"
-  } }));
-}
-export {
-  MinimalSpin as default
-};

package/test-templates/_dsgn/templates/minimal-spin/.tmp/template-1763466584319.mjs

@@ -1,10 +0,0 @@
-import React from "file:///Users/tommyvedvik/Dev/dsgn/node_modules/react/index.js";
-function MinimalSpin({ tw }) {
-  return /* @__PURE__ */ React.createElement("div", { style: tw("flex w-full h-full bg-gray-900") }, /* @__PURE__ */ React.createElement("div", { style: {
-    ...tw("w-32 h-32 rounded-lg bg-blue-500 animate-spin/90"),
-    transformOrigin: "64px 64px"
-  } }));
-}
-export {
-  MinimalSpin as default
-};

package/test-templates/_dsgn/templates/minimal-spin/.tmp/template-1763466667797.mjs

@@ -1,10 +0,0 @@
-import React from "file:///Users/tommyvedvik/Dev/dsgn/node_modules/react/index.js";
-function MinimalSpin({ tw }) {
-  return /* @__PURE__ */ React.createElement("div", { style: tw("flex w-full h-full bg-gray-900") }, /* @__PURE__ */ React.createElement("div", { style: {
-    ...tw("w-32 h-32 rounded-lg bg-blue-500 animate-spin/90"),
-    transformOrigin: "64px 64px"
-  } }));
-}
-export {
-  MinimalSpin as default
-};

package/test-templates/_dsgn/templates/minimal-spin/.tmp/template-1763466746504.mjs

@@ -1,10 +0,0 @@
-import React from "file:///Users/tommyvedvik/Dev/dsgn/node_modules/react/index.js";
-function MinimalSpin({ tw }) {
-  return /* @__PURE__ */ React.createElement("div", { style: tw("flex w-full h-full bg-gray-900") }, /* @__PURE__ */ React.createElement("div", { style: {
-    ...tw("w-32 h-32 rounded-lg bg-blue-500 animate-spin/90"),
-    transformOrigin: "64px 64px"
-  } }));
-}
-export {
-  MinimalSpin as default
-};

package/test-templates/_dsgn/templates/minimal-spin/.tmp/template-1763466930225.mjs

@@ -1,10 +0,0 @@
-import React from "file:///Users/tommyvedvik/Dev/dsgn/node_modules/react/index.js";
-function MinimalSpin({ tw }) {
-  return /* @__PURE__ */ React.createElement("div", { style: tw("flex w-full h-full bg-gray-900") }, /* @__PURE__ */ React.createElement("div", { style: {
-    ...tw("w-32 h-32 rounded-lg bg-blue-500 animate-spin/90"),
-    transformOrigin: "64px 64px"
-  } }));
-}
-export {
-  MinimalSpin as default
-};

package/test-templates/_dsgn/templates/minimal-spin/.tmp/template-1763467004552.mjs

@@ -1,10 +0,0 @@
-import React from "file:///Users/tommyvedvik/Dev/dsgn/node_modules/react/index.js";
-function MinimalSpin({ tw }) {
-  return /* @__PURE__ */ React.createElement("div", { style: tw("flex w-full h-full bg-gray-900") }, /* @__PURE__ */ React.createElement("div", { style: {
-    ...tw("w-32 h-32 rounded-lg bg-blue-500 animate-spin/90"),
-    transformOrigin: "64px 64px"
-  } }));
-}
-export {
-  MinimalSpin as default
-};

package/test-templates/_dsgn/templates/minimal-spin/.tmp/template-1763467060334.mjs

@@ -1,10 +0,0 @@
-import React from "file:///Users/tommyvedvik/Dev/dsgn/node_modules/react/index.js";
-function MinimalSpin({ tw }) {
-  return /* @__PURE__ */ React.createElement("div", { style: tw("flex w-full h-full bg-gray-900") }, /* @__PURE__ */ React.createElement("div", { style: {
-    ...tw("w-32 h-32 rounded-lg bg-blue-500 animate-spin/90"),
-    transformOrigin: "64px 64px"
-  } }));
-}
-export {
-  MinimalSpin as default
-};

package/test-templates/_dsgn/templates/minimal-spin/.tmp/template-1763467124493.mjs

@@ -1,10 +0,0 @@
-import React from "file:///Users/tommyvedvik/Dev/dsgn/node_modules/react/index.js";
-function MinimalSpin({ tw }) {
-  return /* @__PURE__ */ React.createElement("div", { style: tw("flex w-full h-full bg-gray-900") }, /* @__PURE__ */ React.createElement("div", { style: {
-    ...tw("w-32 h-32 rounded-lg bg-blue-500 animate-spin/90"),
-    transformOrigin: "64px 64px"
-  } }));
-}
-export {
-  MinimalSpin as default
-};

package/test-templates/_dsgn/templates/minimal-spin/.tmp/template-1763467174690.mjs

@@ -1,10 +0,0 @@
-import React from "file:///Users/tommyvedvik/Dev/dsgn/node_modules/react/index.js";
-function MinimalSpin({ tw }) {
-  return /* @__PURE__ */ React.createElement("div", { style: tw("flex w-full h-full bg-gray-900") }, /* @__PURE__ */ React.createElement("div", { style: {
-    ...tw("w-32 h-32 rounded-lg bg-blue-500 animate-spin/90"),
-    transformOrigin: "64px 64px"
-  } }));
-}
-export {
-  MinimalSpin as default
-};

package/test-templates/_dsgn/templates/minimal-spin/.tmp/template-1763467359134.mjs

@@ -1,10 +0,0 @@
-import React from "file:///Users/tommyvedvik/Dev/dsgn/node_modules/react/index.js";
-function MinimalSpin({ tw }) {
-  return /* @__PURE__ */ React.createElement("div", { style: tw("flex w-full h-full bg-gray-900") }, /* @__PURE__ */ React.createElement("div", { style: {
-    ...tw("w-32 h-32 rounded-lg bg-blue-500 animate-spin/90"),
-    transformOrigin: "64px 64px"
-  } }));
-}
-export {
-  MinimalSpin as default
-};

package/test-templates/_dsgn/templates/minimal-spin/.tmp/template-1763467451928.mjs

@@ -1,10 +0,0 @@
-import React from "file:///Users/tommyvedvik/Dev/dsgn/node_modules/react/index.js";
-function MinimalSpin({ tw }) {
-  return /* @__PURE__ */ React.createElement("div", { style: tw("flex w-full h-full bg-gray-900") }, /* @__PURE__ */ React.createElement("div", { style: {
-    ...tw("w-32 h-32 rounded-lg bg-blue-500 animate-spin/90"),
-    transformOrigin: "64px 64px"
-  } }));
-}
-export {
-  MinimalSpin as default
-};

package/test-templates/_dsgn/templates/minimal-spin/.tmp/template-1763467758275.mjs

@@ -1,10 +0,0 @@
-import React from "file:///Users/tommyvedvik/Dev/dsgn/node_modules/react/index.js";
-function MinimalSpin({ tw }) {
-  return /* @__PURE__ */ React.createElement("div", { style: tw("flex w-full h-full bg-gray-900") }, /* @__PURE__ */ React.createElement("div", { style: {
-    ...tw("w-32 h-32 rounded-lg bg-blue-500 animate-spin/90"),
-    transformOrigin: "64px 64px"
-  } }));
-}
-export {
-  MinimalSpin as default
-};

package/test-templates/_dsgn/templates/minimal-spin/.tmp/template-1763467985201.mjs

@@ -1,10 +0,0 @@
-import React from "file:///Users/tommyvedvik/Dev/dsgn/node_modules/react/index.js";
-function MinimalSpin({ tw }) {
-  return /* @__PURE__ */ React.createElement("div", { style: tw("flex w-full h-full bg-gray-900") }, /* @__PURE__ */ React.createElement("div", { style: {
-    ...tw("w-32 h-32 rounded-lg bg-blue-500 animate-spin/90"),
-    transformOrigin: "64px 64px"
-  } }));
-}
-export {
-  MinimalSpin as default
-};

package/test-templates/_dsgn/templates/minimal-spin/.tmp/template-1763468020563.mjs

@@ -1,10 +0,0 @@
-import React from "file:///Users/tommyvedvik/Dev/dsgn/node_modules/react/index.js";
-function MinimalSpin({ tw }) {
-  return /* @__PURE__ */ React.createElement("div", { style: tw("flex w-full h-full bg-gray-900") }, /* @__PURE__ */ React.createElement("div", { style: {
-    ...tw("w-32 h-32 rounded-lg bg-blue-500 animate-spin/90"),
-    transformOrigin: "64px 64px"
-  } }));
-}
-export {
-  MinimalSpin as default
-};

package/test-templates/_dsgn/templates/minimal-spin/.tmp/template-1763468090428.mjs

@@ -1,10 +0,0 @@
-import React from "file:///Users/tommyvedvik/Dev/dsgn/node_modules/react/index.js";
-function MinimalSpin({ tw }) {
-  return /* @__PURE__ */ React.createElement("div", { style: tw("flex w-full h-full bg-gray-900") }, /* @__PURE__ */ React.createElement("div", { style: {
-    ...tw("w-32 h-32 rounded-lg bg-blue-500 animate-spin/90"),
-    transformOrigin: "64px 64px"
-  } }));
-}
-export {
-  MinimalSpin as default
-};

package/test-templates/_dsgn/templates/minimal-spin/.tmp/template-1763468211036.mjs

@@ -1,10 +0,0 @@
-import React from "file:///Users/tommyvedvik/Dev/dsgn/node_modules/react/index.js";
-function MinimalSpin({ tw }) {
-  return /* @__PURE__ */ React.createElement("div", { style: tw("flex w-full h-full bg-gray-900") }, /* @__PURE__ */ React.createElement("div", { style: {
-    ...tw("w-32 h-32 rounded-lg bg-blue-500 animate-spin/90"),
-    transformOrigin: "64px 64px"
-  } }));
-}
-export {
-  MinimalSpin as default
-};

package/test-templates/_dsgn/templates/minimal-spin/.tmp/template-1763468394057.mjs

@@ -1,10 +0,0 @@
-import React from "file:///Users/tommyvedvik/Dev/dsgn/node_modules/react/index.js";
-function MinimalSpin({ tw }) {
-  return /* @__PURE__ */ React.createElement("div", { style: tw("flex w-full h-full bg-gray-900") }, /* @__PURE__ */ React.createElement("div", { style: {
-    ...tw("w-32 h-32 rounded-lg bg-blue-500 animate-spin/90"),
-    transformOrigin: "64px 64px"
-  } }));
-}
-export {
-  MinimalSpin as default
-};

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

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

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

@@ -1,13 +0,0 @@
-import React from 'react';
-
-// Exact copy of rotation-corner which worked
-export default function MinimalSpin({ tw }) {
-  return (
-    <div style={tw('flex w-full h-full bg-gray-900')}>
-      <div style={{
-        ...tw('w-32 h-32 rounded-lg bg-blue-500 animate-spin/90'),
-        transformOrigin: '64px 64px'
-      }} />
-    </div>
-  );
-}

package/test-templates/_dsgn/templates/no-origin-spin/meta.json

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

package/test-templates/_dsgn/templates/no-origin-spin/template.tsx

@@ -1,10 +0,0 @@
-import React from 'react';
-
-// No transformOrigin - let Satori use default
-export default function NoOriginSpin({ 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-spin/90')} />
-    </div>
-  );
-}

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

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

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

@@ -1,9 +0,0 @@
-import React from 'react';
-
-export default function OpacityTest({ 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-full bg-blue-500 animate-pulse/30')} />
-    </div>
-  );
-}

package/test-templates/_dsgn/templates/qr-code/.tmp/template-1763468758954.mjs

@@ -1,17 +0,0 @@
-import React from "file:///Users/tommyvedvik/Dev/dsgn/node_modules/react/index.js";
-function QRCode({ tw, qr, url, title }) {
-  return /* @__PURE__ */ React.createElement("div", { style: tw("flex flex-col items-center justify-center w-full h-full bg-white p-12") }, /* @__PURE__ */ React.createElement("h1", { style: tw("text-4xl font-bold text-gray-900 mb-8") }, title), /* @__PURE__ */ React.createElement(
-    "img",
-    {
-      src: qr(url, {
-        width: 400,
-        margin: 2,
-        color: { dark: "#1a1a1a", light: "#ffffff" }
-      }),
-      style: tw("w-96 h-96")
-    }
-  ), /* @__PURE__ */ React.createElement("p", { style: tw("text-xl text-gray-600 mt-8") }, url));
-}
-export {
-  QRCode as default
-};

package/test-templates/_dsgn/templates/qr-code/.tmp/template-1763468815672.mjs

@@ -1,17 +0,0 @@
-import React from "file:///Users/tommyvedvik/Dev/dsgn/node_modules/react/index.js";
-function QRCode({ tw, qr, url, title }) {
-  return /* @__PURE__ */ React.createElement("div", { style: tw("flex flex-col items-center justify-center w-full h-full bg-white p-12") }, /* @__PURE__ */ React.createElement("h1", { style: tw("text-4xl font-bold text-gray-900 mb-8") }, title), /* @__PURE__ */ React.createElement(
-    "img",
-    {
-      src: qr(url, {
-        width: 400,
-        margin: 2,
-        color: { dark: "#1a1a1a", light: "#ffffff" }
-      }),
-      style: tw("w-96 h-96")
-    }
-  ), /* @__PURE__ */ React.createElement("p", { style: tw("text-xl text-gray-600 mt-8") }, url));
-}
-export {
-  QRCode as default
-};