@editframe/create 0.51.9 → 0.52.1

package/dist/skills/editframe-composition/references/configuration.md

@@ -38,20 +38,26 @@ react:
 ---
 
 <!-- html-only -->
+
 # ef-configuration
+
 <!-- /html-only -->
 <!-- react-only -->
+
 # Configuration
+
 <!-- /react-only -->
 
 Configuration wrapper for media engine selection and API settings.
 
 <!-- react-only -->
+
 ## Import
 
 ```tsx
 import { Configuration } from "@editframe/react";
 ```
+
 <!-- /react-only -->
 
 ## Basic Usage
@@ -59,15 +65,21 @@ import { Configuration } from "@editframe/react";
 Wrap your composition to configure media handling:
 
 <!-- html-only -->
+
 ```html
 <ef-configuration media-engine="cloud">
   <ef-timegroup mode="contain" class="w-[720px] h-[480px] bg-black">
-    <ef-video src="https://assets.editframe.com/bars-n-tone.mp4" class="size-full"></ef-video>
+    <ef-video
+      src="https://assets.editframe.com/bars-n-tone.mp4"
+      class="size-full"
+    ></ef-video>
   </ef-timegroup>
 </ef-configuration>
 ```
+
 <!-- /html-only -->
 <!-- react-only -->
+
 ```tsx
 // Video.tsx
 import { Timegroup } from "@editframe/react";
@@ -88,38 +100,50 @@ import { Video } from "./Video";
 ReactDOM.createRoot(document.getElementById("root")!).render(
   <Configuration apiHost="https://api.example.com" mediaEngine="local">
     <TimelineRoot id="root" component={Video} />
-  </Configuration>
+  </Configuration>,
 );
 ```
+
 <!-- /react-only -->
 
 ## Media Engine Options
 
 <!-- html-only -->
+
 The `media-engine` attribute controls how media files are loaded and processed.
+
 <!-- /html-only -->
 <!-- react-only -->
+
 Controls how media files are loaded and processed. Three options are available:
+
 <!-- /react-only -->
 
 ### Cloud Mode (Default)
 
 Automatically selects the appropriate engine based on URL:
+
 - Remote URLs (`http://`, `https://`) use JIT transcoding
 - Local paths use asset engine
 
 <!-- html-only -->
+
 ```html live
 <ef-configuration media-engine="cloud">
   <ef-timegroup mode="contain" class="w-[720px] h-[480px] bg-black">
-    <ef-video src="https://assets.editframe.com/bars-n-tone.mp4" class="size-full object-contain"></ef-video>
+    <ef-video
+      src="https://assets.editframe.com/bars-n-tone.mp4"
+      class="size-full object-contain"
+    ></ef-video>
   </ef-timegroup>
 </ef-configuration>
 ```
 
 **Use when:** Building production applications with mixed local and remote assets.
+
 <!-- /html-only -->
 <!-- react-only -->
+
 ```tsx
 <Configuration mediaEngine="cloud">
   <Timegroup mode="sequence">
@@ -128,6 +152,7 @@ Automatically selects the appropriate engine based on URL:
   </Timegroup>
 </Configuration>
 ```
+
 <!-- /react-only -->
 
 ### Local Mode
@@ -135,6 +160,7 @@ Automatically selects the appropriate engine based on URL:
 Forces all sources through the local asset engine using `@ef-*` URLs:
 
 <!-- html-only -->
+
 ```html
 <ef-configuration media-engine="local">
   <ef-timegroup mode="contain" class="w-[720px] h-[480px]">
@@ -144,11 +170,12 @@ Forces all sources through the local asset engine using `@ef-*` URLs:
 ```
 
 **Use when:**
+
 - Development with local files only
 - Testing without network access
 - Working with bundled assets
-<!-- /html-only -->
-<!-- react-only -->
+  <!-- /html-only -->
+  <!-- react-only -->
 - All sources use local asset endpoints
 - No transcoding applied
 - Best for local development with Vite plugin
@@ -160,6 +187,7 @@ Forces all sources through the local asset engine using `@ef-*` URLs:
   </Timegroup>
 </Configuration>
 ```
+
 <!-- /react-only -->
 
 ### JIT Mode
@@ -167,6 +195,7 @@ Forces all sources through the local asset engine using `@ef-*` URLs:
 Forces all sources through JIT transcoding using `/api/v1/transcode/*` URLs:
 
 <!-- html-only -->
+
 ```html
 <ef-configuration media-engine="jit">
   <ef-timegroup mode="contain" class="w-[720px] h-[480px]">
@@ -176,11 +205,12 @@ Forces all sources through JIT transcoding using `/api/v1/transcode/*` URLs:
 ```
 
 **Use when:**
+
 - On-demand transcoding needed
 - Working with incompatible video formats
 - Development with Editframe Vite plugin
-<!-- /html-only -->
-<!-- react-only -->
+  <!-- /html-only -->
+  <!-- react-only -->
 - All sources are transcoded on-demand
 - Useful for testing transcoding behavior
 - May have slower initial load
@@ -192,6 +222,7 @@ Forces all sources through JIT transcoding using `/api/v1/transcode/*` URLs:
   </Timegroup>
 </Configuration>
 ```
+
 <!-- /react-only -->
 
 ## API Host Override
@@ -201,10 +232,11 @@ When no `ef-configuration` ancestor is present, all source-based elements (`ef-v
 Use `ef-configuration` with `api-host` when you need to override that default:
 
 <!-- html-only -->
+
 Override the API host for asset resolution in production:
 
 ```html
-<ef-configuration api-host="https://api.editframe.com">
+<ef-configuration api-host="https://editframe.com">
   <ef-timegroup mode="contain" class="w-[720px] h-[480px]">
     <ef-video src="video.mp4" class="size-full"></ef-video>
   </ef-timegroup>
@@ -212,20 +244,20 @@ Override the API host for asset resolution in production:
 ```
 
 **Use when:**
+
 - Deploying to custom domains
 - Using proxy servers
 - Testing against staging environments
-<!-- /html-only -->
-<!-- react-only -->
-Set the API endpoint for transcription and rendering:
+  <!-- /html-only -->
+  <!-- react-only -->
+  Set the API endpoint for transcription and rendering:
 
 ```tsx
-<Configuration apiHost="https://api.editframe.com">
-  <Timegroup mode="sequence">
-    {/* Composition */}
-  </Timegroup>
+<Configuration apiHost="https://editframe.com">
+  <Timegroup mode="sequence">{/* Composition */}</Timegroup>
 </Configuration>
 ```
+
 <!-- /react-only -->
 
 ## Signing URL
@@ -233,6 +265,7 @@ Set the API endpoint for transcription and rendering:
 Configure the endpoint for generating signed URLs:
 
 <!-- html-only -->
+
 ```html
 <ef-configuration signing-url="/api/sign-url">
   <ef-timegroup mode="contain" class="w-[720px] h-[480px]">
@@ -242,35 +275,37 @@ Configure the endpoint for generating signed URLs:
 ```
 
 **Use when:**
+
 - Custom authentication flows
 - Non-standard URL signing
 - Backend integration requirements
-<!-- /html-only -->
-<!-- react-only -->
-Defaults to `/@ef-sign-url`:
+  <!-- /html-only -->
+  <!-- react-only -->
+  Defaults to `/@ef-sign-url`:
 
 ```tsx
 <Configuration
   apiHost="https://api.example.com"
   signingURL="/custom-signing-endpoint"
 >
-  <Timegroup mode="sequence">
-    {/* Composition */}
-  </Timegroup>
+  <Timegroup mode="sequence">{/* Composition */}</Timegroup>
 </Configuration>
 ```
 
 The signing URL is used to:
+
 - Generate signed URLs for secure media access
 - Authenticate transcoding requests
 - Control access to media files
 
 In development, the Vite plugin provides this endpoint automatically.
+
 <!-- /react-only -->
 
 ## Development vs Production
 
 <!-- html-only -->
+
 ### Local Development Setup
 
 Use `local` mode with Vite plugin for fast iteration:
@@ -290,12 +325,17 @@ Use `cloud` mode with custom API host:
 ```html
 <ef-configuration media-engine="cloud" api-host="https://api.yourdomain.com">
   <ef-timegroup mode="contain" class="w-[720px] h-[480px]">
-    <ef-video src="https://cdn.yourdomain.com/video.mp4" class="size-full"></ef-video>
+    <ef-video
+      src="https://cdn.yourdomain.com/video.mp4"
+      class="size-full"
+    ></ef-video>
   </ef-timegroup>
 </ef-configuration>
 ```
+
 <!-- /html-only -->
 <!-- react-only -->
+
 ```tsx
 const apiHost = import.meta.env.VITE_API_HOST || "http://localhost:3000";
 const mediaEngine = import.meta.env.PROD ? "cloud" : "local";
@@ -310,11 +350,13 @@ export const Video = () => {
   );
 };
 ```
+
 <!-- /react-only -->
 
 ## Context Provision
 
 <!-- html-only -->
+
 `ef-configuration` provides settings via Lit context to all descendant elements. This means you only need one configuration wrapper at the root level:
 
 ```html
@@ -327,8 +369,10 @@ export const Video = () => {
   </ef-timegroup>
 </ef-configuration>
 ```
+
 <!-- /html-only -->
 <!-- react-only -->
+
 If you don't need API features (transcription) or want default settings, you can omit Configuration:
 
 ```tsx
@@ -340,18 +384,23 @@ export const Video = () => {
   );
 };
 ```
+
 <!-- /react-only -->
 
 ## Multiple Configurations
 
 <!-- html-only -->
+
 Nest configurations to override settings for specific subtrees:
 
 ```html
 <ef-configuration media-engine="cloud">
   <ef-timegroup mode="sequence" class="w-[720px] h-[480px]">
     <!-- Remote video uses cloud mode -->
-    <ef-video src="https://cdn.example.com/intro.mp4" class="size-full"></ef-video>
+    <ef-video
+      src="https://cdn.example.com/intro.mp4"
+      class="size-full"
+    ></ef-video>
 
     <!-- Local videos use local mode -->
     <ef-configuration media-engine="local">
@@ -362,8 +411,10 @@ Nest configurations to override settings for specific subtrees:
 ```
 
 > **Note:** Inner configurations override outer settings only for their descendants. Settings merge — unspecified attributes inherit from parent configuration.
+
 <!-- /html-only -->
 <!-- react-only -->
+
 ## Typical Setup
 
 ```tsx
@@ -372,11 +423,7 @@ import { Timegroup, Video, Audio } from "@editframe/react";
 
 export const VideoComposition = () => {
   return (
-    <Timegroup
-
-      mode="sequence"
-      className="w-[1920px] h-[1080px] bg-black"
-    >
+    <Timegroup mode="sequence" className="w-[1920px] h-[1080px] bg-black">
       <Timegroup mode="fixed" duration="10s" className="absolute w-full h-full">
         <Video src="/assets/intro.mp4" className="size-full object-cover" />
         <Audio src="/assets/music.mp3" volume={0.3} />
@@ -397,7 +444,8 @@ ReactDOM.createRoot(document.getElementById("root")!).render(
     mediaEngine="local"
   >
     <TimelineRoot id="root" component={VideoComposition} />
-  </Configuration>
+  </Configuration>,
 );
 ```
+
 <!-- /react-only -->

package/dist/skills/editframe-composition/references/events.md

@@ -128,8 +128,14 @@ interface TrimValue {
 **Example: Listen to trim changes**
 
 ```html live
-<ef-configuration apiHost="https://api.editframe.com">
-  <ef-timegroup id="composition" duration="5000" width="1920" height="1080" background="black">
+<ef-configuration apiHost="https://editframe.com">
+  <ef-timegroup
+    id="composition"
+    duration="5000"
+    width="1920"
+    height="1080"
+    background="black"
+  >
     <ef-video
       id="video1"
       src="https://assets.editframe.com/sample-5s.mp4"
@@ -145,15 +151,17 @@ interface TrimValue {
   ></ef-trim-handles>
 
   <script>
-    document.querySelector('ef-trim-handles').addEventListener('trim-change', (e) => {
-      const { type, value } = e.detail;
-      console.log(`Trim ${type}: ${value.startMs}ms - ${value.endMs}ms`);
-
-      // Update video element
-      const video = document.getElementById('video1');
-      video.trimStartMs = value.startMs;
-      video.trimEndMs = value.endMs;
-    });
+    document
+      .querySelector("ef-trim-handles")
+      .addEventListener("trim-change", (e) => {
+        const { type, value } = e.detail;
+        console.log(`Trim ${type}: ${value.startMs}ms - ${value.endMs}ms`);
+
+        // Update video element
+        const video = document.getElementById("video1");
+        video.trimStartMs = value.startMs;
+        video.trimEndMs = value.endMs;
+      });
   </script>
 </ef-configuration>
 ```
@@ -220,9 +228,9 @@ interface DialChangeDetail {
 <ef-dial value="45"></ef-dial>
 
 <script>
-  document.querySelector('ef-dial').addEventListener('change', (e) => {
+  document.querySelector("ef-dial").addEventListener("change", (e) => {
     const { value } = e.detail;
-    console.log('Dial rotation:', value, '°');
+    console.log("Dial rotation:", value, "°");
 
     // Apply rotation to element
     targetElement.style.transform = `rotate(${value}deg)`;
@@ -242,9 +250,9 @@ Fired by `ef-scrubber` when the playhead position changes. Detail contains the n
 <ef-scrubber target="composition"></ef-scrubber>
 
 <script>
-  document.querySelector('ef-scrubber').addEventListener('seek', (e) => {
+  document.querySelector("ef-scrubber").addEventListener("seek", (e) => {
     const timeMs = e.detail;
-    console.log('Seek to:', timeMs, 'ms');
+    console.log("Seek to:", timeMs, "ms");
   });
 </script>
 ```
@@ -270,17 +278,19 @@ interface ScrubSegmentLoadingDetail {
 <div id="progress" style="display: none;">Loading scrub preview...</div>
 
 <script>
-  document.getElementById('myVideo').addEventListener('scrub-segment-loading', (e) => {
-    const { loaded, total, status } = e.detail;
-    const progressEl = document.getElementById('progress');
-
-    if (status === 'loading') {
-      progressEl.style.display = 'block';
-      progressEl.textContent = `Loading ${loaded}/${total}...`;
-    } else {
-      progressEl.style.display = 'none';
-    }
-  });
+  document
+    .getElementById("myVideo")
+    .addEventListener("scrub-segment-loading", (e) => {
+      const { loaded, total, status } = e.detail;
+      const progressEl = document.getElementById("progress");
+
+      if (status === "loading") {
+        progressEl.style.display = "block";
+        progressEl.textContent = `Loading ${loaded}/${total}...`;
+      } else {
+        progressEl.style.display = "none";
+      }
+    });
 </script>
 ```
 
@@ -329,16 +339,18 @@ interface HierarchySelectDetail {
 <ef-hierarchy target="composition"></ef-hierarchy>
 
 <script>
-  document.querySelector('ef-hierarchy').addEventListener('hierarchy-select', (e) => {
-    const { elementId } = e.detail;
-
-    // Update canvas selection
-    const canvas = document.querySelector('ef-canvas');
-    const element = document.getElementById(elementId);
-    if (element) {
-      canvas.selectElement(element);
-    }
-  });
+  document
+    .querySelector("ef-hierarchy")
+    .addEventListener("hierarchy-select", (e) => {
+      const { elementId } = e.detail;
+
+      // Update canvas selection
+      const canvas = document.querySelector("ef-canvas");
+      const element = document.getElementById(elementId);
+      if (element) {
+        canvas.selectElement(element);
+      }
+    });
 </script>
 ```
 
@@ -358,20 +370,22 @@ interface HierarchyReorderDetail {
 
 ```html
 <script>
-  document.querySelector('ef-hierarchy').addEventListener('hierarchy-reorder', (e) => {
-    const { sourceId, targetId, position } = e.detail;
-
-    const source = document.getElementById(sourceId);
-    const target = document.getElementById(targetId);
-
-    if (position === 'before') {
-      target.parentElement.insertBefore(source, target);
-    } else if (position === 'after') {
-      target.parentElement.insertBefore(source, target.nextSibling);
-    } else if (position === 'inside') {
-      target.appendChild(source);
-    }
-  });
+  document
+    .querySelector("ef-hierarchy")
+    .addEventListener("hierarchy-reorder", (e) => {
+      const { sourceId, targetId, position } = e.detail;
+
+      const source = document.getElementById(sourceId);
+      const target = document.getElementById(targetId);
+
+      if (position === "before") {
+        target.parentElement.insertBefore(source, target);
+      } else if (position === "after") {
+        target.parentElement.insertBefore(source, target.nextSibling);
+      } else if (position === "inside") {
+        target.appendChild(source);
+      }
+    });
 </script>
 ```
 
@@ -451,8 +465,8 @@ All custom events are dispatched with `bubbles: true` and `composed: true`, allo
 
 <script>
   // Can listen at any ancestor level
-  document.getElementById('app').addEventListener('row-select', (e) => {
-    console.log('Row selected:', e.detail.elementId);
+  document.getElementById("app").addEventListener("row-select", (e) => {
+    console.log("Row selected:", e.detail.elementId);
   });
 </script>
 ```
@@ -476,13 +490,13 @@ Many events are designed to work together for coordinated UI updates:
 
 ```typescript
 // Coordinate timeline selection with canvas
-hierarchy.addEventListener('hierarchy-select', (e) => {
+hierarchy.addEventListener("hierarchy-select", (e) => {
   const element = document.getElementById(e.detail.elementId);
   canvas.selectElement(element);
 });
 
 // Coordinate canvas selection with transform handles
-canvas.addEventListener('selectionchange', (e) => {
+canvas.addEventListener("selectionchange", (e) => {
   const selected = Array.from(e.detail.selection)[0];
   if (selected) {
     transformHandles.bounds = getBoundsFromElement(selected);

package/dist/skills/editframe-composition/references/render-strategies.md

@@ -34,7 +34,7 @@ Access the data inside the composition with `getRenderData()`:
 
   const data = getRenderData();
   if (data) {
-    document.querySelector('ef-text').textContent = data.title;
+    document.querySelector("ef-text").textContent = data.title;
   }
 </script>
 ```
@@ -47,15 +47,15 @@ The browser path uses the WebCodecs API for video encoding and FFmpeg.wasm for m
 
 ```html
 <script type="module">
-  const timegroup = document.querySelector('ef-timegroup');
+  const timegroup = document.querySelector("ef-timegroup");
 
   await timegroup.renderToVideo({
     fps: 30,
-    codec: 'avc',
-    filename: 'export.mp4',
+    codec: "avc",
+    filename: "export.mp4",
     onProgress: (progress) => {
       console.log(`${Math.round(progress.progress * 100)}%`);
-    }
+    },
   });
 </script>
 ```
@@ -64,7 +64,7 @@ Browser support: Chrome 94+, Edge 94+, Safari 16.4+. Check availability at runti
 
 ```html
 <script type="module">
-  const supported = 'VideoEncoder' in window && 'VideoDecoder' in window;
+  const supported = "VideoEncoder" in window && "VideoDecoder" in window;
 </script>
 ```
 
@@ -76,7 +76,7 @@ The cloud path uploads the composition bundle to a server, which processes it wi
 
 ```bash
 # POST composition bundle to render API
-curl -X POST https://api.editframe.com/v1/renders \
+curl -X POST https://editframe.com/v1/renders \
   -H "Authorization: Bearer $API_KEY" \
   -F "bundle=@composition.tgz"
 ```
@@ -85,16 +85,16 @@ Results are delivered via webhook or polling. The cloud path is suited for produ
 
 ## Comparison
 
-| Aspect | CLI (Playwright) | Browser (WebCodecs) | Cloud (API) |
-|--------|-------------------|---------------------|-------------|
-| Runs in | Local machine | User's browser | Remote server |
-| Encoding | Server-side FFmpeg | WebCodecs + FFmpeg.wasm | Server-side FFmpeg |
-| Audio muxing | Automatic | Automatic | Automatic |
-| Dynamic data | `--data` flag | JavaScript state | Request payload |
-| Progress feedback | Terminal output | `onProgress` callback | Webhook / polling |
-| Browser required | Playwright (headless) | User's browser | None (server-side) |
-| Codec control | Full FFmpeg options | Browser-supported codecs | Full FFmpeg options |
-| Concurrent renders | Limited by local CPU | One per tab | Scales with infrastructure |
+| Aspect             | CLI (Playwright)      | Browser (WebCodecs)      | Cloud (API)                |
+| ------------------ | --------------------- | ------------------------ | -------------------------- |
+| Runs in            | Local machine         | User's browser           | Remote server              |
+| Encoding           | Server-side FFmpeg    | WebCodecs + FFmpeg.wasm  | Server-side FFmpeg         |
+| Audio muxing       | Automatic             | Automatic                | Automatic                  |
+| Dynamic data       | `--data` flag         | JavaScript state         | Request payload            |
+| Progress feedback  | Terminal output       | `onProgress` callback    | Webhook / polling          |
+| Browser required   | Playwright (headless) | User's browser           | None (server-side)         |
+| Codec control      | Full FFmpeg options   | Browser-supported codecs | Full FFmpeg options        |
+| Concurrent renders | Limited by local CPU  | One per tab              | Scales with infrastructure |
 
 ## Architecture Differences
 

package/dist/templates/html/package.json

@@ -7,9 +7,9 @@
     "start": "editframe preview"
   },
   "dependencies": {
-    "@editframe/cli": "0.51.9",
-    "@editframe/elements": "0.51.9",
-    "@editframe/vite-plugin": "0.51.9",
+    "@editframe/cli": "0.52.1",
+    "@editframe/elements": "0.52.1",
+    "@editframe/vite-plugin": "0.52.1",
     "@tailwindcss/vite": "^4.0.0",
     "tailwindcss": "^4.0.0",
     "vite": "^8.0.0",

package/dist/templates/nextjs/next.config.mjs

@@ -1,15 +1,12 @@
 import { withEditframe } from "@editframe/nextjs-plugin";
 
-// Ensure ffprobe/ffmpeg are reachable — Homebrew installs to /opt/homebrew/bin
-process.env.PATH = `/opt/homebrew/bin:${process.env.PATH}`;
-
 /** @type {import('next').NextConfig} */
 const nextConfig = {};
 
 export default withEditframe(
   {
-    root: "./public",
-    cacheRoot: "./cache",
+    root: "./src",
+    cacheRoot: "./src/assets/cache",
   },
   nextConfig,
 );

package/dist/templates/nextjs/package.json

@@ -7,9 +7,9 @@
     "dev": "next dev"
   },
   "dependencies": {
-    "@editframe/elements": "0.51.9",
-    "@editframe/nextjs-plugin": "0.51.9",
-    "@editframe/react": "0.51.9",
+    "@editframe/elements": "0.52.1",
+    "@editframe/nextjs-plugin": "0.52.1",
+    "@editframe/react": "0.52.1",
     "next": "^16.0.0",
     "react": "^19.0.0",
     "react-dom": "^19.0.0"

package/dist/templates/nextjs/src/app/layout.tsx

@@ -5,11 +5,7 @@ export const metadata: Metadata = {
   title: "Editframe Project",
 };
 
-export default function RootLayout({
-  children,
-}: {
-  children: React.ReactNode;
-}) {
+export default function RootLayout({ children }: { children: React.ReactNode }) {
   return (
     <html lang="en">
       <body>{children}</body>

package/dist/templates/nextjs/src/app/page.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import { Timegroup, Text } from "@editframe/react";
+import { Timegroup, Video } from "@editframe/react";
 
 export default function Home() {
   return (
@@ -13,15 +13,9 @@ export default function Home() {
         background: "#0f172a",
       }}
     >
-      <Timegroup
-        workbench
-        mode="sequence"
-        style={{ width: "1920px", height: "1080px" }}
-      >
+      <Timegroup workbench mode="sequence" style={{ width: "1920px", height: "1080px" }}>
         {/* Add your composition here */}
         <Timegroup
-          mode="fixed"
-          duration="5s"
           style={{
             position: "absolute",
             width: "100%",
@@ -32,9 +26,7 @@ export default function Home() {
             background: "black",
           }}
         >
-          <Text duration="5s" style={{ color: "white", fontSize: "4rem" }}>
-            Your video starts here
-          </Text>
+          <Video src="https://assets.editframe.com/bars-n-tone.mp4" />
         </Timegroup>
       </Timegroup>
     </main>

package/dist/templates/react/package.json

@@ -7,9 +7,9 @@
     "start": "editframe preview"
   },
   "dependencies": {
-    "@editframe/cli": "0.51.9",
-    "@editframe/react": "0.51.9",
-    "@editframe/vite-plugin": "0.51.9",
+    "@editframe/cli": "0.52.1",
+    "@editframe/react": "0.52.1",
+    "@editframe/vite-plugin": "0.52.1",
     "@tailwindcss/vite": "^4.0.0",
     "@vitejs/plugin-react": "^6.0.0",
     "tailwindcss": "^4.0.0",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@editframe/create",
-  "version": "0.51.9",
+  "version": "0.52.1",
   "description": "",
   "bin": {
     "create-editframe": "dist/index.js"