create-flexireact 2.1.0 → 3.0.0

package/dist/templates/app-router.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"app-router.d.ts","sourceRoot":"","sources":["../../src/templates/app-router.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAEhD,wBAAgB,iBAAiB,CAAC,WAAW,EAAE,MAAM,GAAG,aAAa,CAkRpE"}
+{"version":3,"file":"app-router.d.ts","sourceRoot":"","sources":["../../src/templates/app-router.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAEhD,wBAAgB,iBAAiB,CAAC,WAAW,EAAE,MAAM,GAAG,aAAa,CA8WpE"}

package/dist/templates/app-router.js

@@ -17,7 +17,7 @@ export function appRouterTemplate(projectName) {
             dependencies: {
                 react: '^18.2.0',
                 'react-dom': '^18.2.0',
-                '@flexireact/core': '^2.4.0',
+                '@flexireact/core': '^3.0.0',
                 '@flexireact/flexi-ui': '^2.0.1',
                 clsx: '^2.1.0',
                 'tailwind-merge': '^2.2.0',
@@ -84,72 +84,124 @@ export default function RootLayout({ children }: { children: React.ReactNode })
 }
 `,
         'app/page.tsx': `import React from 'react';
-import { Button, Card, Badge, Stat, StatGroup } from '@flexireact/flexi-ui';
 
 const features = [
-  { icon: '⚡', title: 'Lightning Fast', desc: 'Powered by esbuild for instant builds' },
-  { icon: '🎨', title: 'FlexiUI', desc: '50+ beautiful components included' },
+  { icon: '⚡', title: 'Lightning Fast', desc: 'Powered by esbuild for instant builds and HMR' },
+  { icon: '🎨', title: 'FlexiUI', desc: '50+ beautiful, accessible components' },
   { icon: '📘', title: 'TypeScript', desc: 'Full type safety out of the box' },
   { icon: '🏝️', title: 'Islands', desc: 'Partial hydration for max performance' },
   { icon: '🌐', title: 'Edge Ready', desc: 'Deploy anywhere: Node, Bun, Deno, CF' },
   { icon: '🚀', title: 'SSR + PPR', desc: 'Streaming SSR & Partial Prerendering' },
 ];
 
+const stats = [
+  { label: 'Components', value: '50+' },
+  { label: 'Bundle Size', value: '~90kb' },
+  { label: 'Build Time', value: '<1s' },
+  { label: 'Lighthouse', value: '100' },
+];
+
 export default function HomePage() {
   return (
-    <main className="min-h-screen">
+    <main className="min-h-screen bg-[#0a0a0a]">
       {/* Hero */}
-      <section className="relative py-32 px-4 overflow-hidden">
-        <div className="absolute inset-0 bg-gradient-to-b from-[#00FF9C]/5 to-transparent" />
+      <section className="relative py-24 lg:py-32 px-4 overflow-hidden">
+        {/* Gradient background */}
+        <div className="absolute inset-0 bg-[radial-gradient(ellipse_at_top,_var(--tw-gradient-stops))] from-[#00FF9C]/10 via-transparent to-transparent" />
+        <div className="absolute top-0 left-1/2 -translate-x-1/2 w-[600px] h-[600px] bg-[#00FF9C]/5 rounded-full blur-[120px]" />
+        
         <div className="relative max-w-5xl mx-auto text-center">
-          <Badge className="mb-6">v2.4 — Edge Runtime + FlexiUI</Badge>
+          {/* Logo */}
+          <div className="inline-flex items-center justify-center w-20 h-20 mb-8 rounded-2xl bg-gradient-to-br from-[#00FF9C] to-[#00D68F] shadow-lg shadow-[#00FF9C]/20">
+            <span className="text-3xl font-black text-black">F</span>
+          </div>
+          
+          {/* Badge */}
+          <div className="inline-flex items-center gap-2 px-4 py-2 mb-8 rounded-full bg-white/5 border border-white/10 backdrop-blur-sm">
+            <span className="w-2 h-2 rounded-full bg-[#00FF9C] animate-pulse" />
+            <span className="text-sm text-gray-300">v3.0 — The Future of React</span>
+          </div>
           
-          <h1 className="text-6xl font-bold mb-6">
-            Build faster with{' '}
-            <span className="text-[#00FF9C]">FlexiReact</span>
+          <h1 className="text-5xl sm:text-6xl lg:text-7xl font-bold mb-6 tracking-tight">
+            Build faster with
+            <span className="block mt-2 bg-gradient-to-r from-[#00FF9C] via-[#00D68F] to-[#00FF9C] bg-clip-text text-transparent">
+              FlexiReact
+            </span>
           </h1>
           
-          <p className="text-xl text-gray-400 mb-10 max-w-2xl mx-auto">
+          <p className="text-lg sm:text-xl text-gray-400 mb-10 max-w-2xl mx-auto leading-relaxed">
             The modern React framework with TypeScript, Tailwind, SSR, Islands, 
-            Edge Runtime, and 50+ UI components. Better than Next.js.
+            Edge Runtime, and 50+ UI components. <span className="text-white font-medium">Better than Next.js.</span>
           </p>
           
-          <div className="flex gap-4 justify-center">
-            <Button size="lg">
-              Get Started →
-            </Button>
-            <Button variant="outline" size="lg">
+          {/* CTA Buttons */}
+          <div className="flex flex-col sm:flex-row gap-4 justify-center">
+            <a href="https://github.com/flexireact/flexireact" 
+               className="group inline-flex items-center justify-center gap-2 px-8 py-4 bg-[#00FF9C] text-black font-semibold rounded-xl hover:bg-[#00D68F] transition-all hover:scale-105 hover:shadow-lg hover:shadow-[#00FF9C]/25">
+              Get Started
+              <svg className="w-5 h-5 transition-transform group-hover:translate-x-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M17 8l4 4m0 0l-4 4m4-4H3" />
+              </svg>
+            </a>
+            <a href="https://github.com/flexireact/flexireact#readme"
+               className="inline-flex items-center justify-center gap-2 px-8 py-4 bg-white/5 text-white font-semibold rounded-xl border border-white/10 hover:bg-white/10 hover:border-[#00FF9C]/50 transition-all">
               Documentation
-            </Button>
+            </a>
+          </div>
+
+          {/* Terminal */}
+          <div className="mt-16 max-w-lg mx-auto">
+            <div className="rounded-xl bg-[#111] border border-gray-800 overflow-hidden shadow-2xl">
+              <div className="flex items-center gap-2 px-4 py-3 bg-[#0d0d0d] border-b border-gray-800">
+                <div className="flex gap-1.5">
+                  <div className="w-3 h-3 rounded-full bg-red-500/80" />
+                  <div className="w-3 h-3 rounded-full bg-yellow-500/80" />
+                  <div className="w-3 h-3 rounded-full bg-green-500/80" />
+                </div>
+                <span className="text-xs text-gray-500 ml-2">Terminal</span>
+              </div>
+              <div className="p-4 font-mono text-sm">
+                <div className="flex items-center gap-2">
+                  <span className="text-[#00FF9C]">$</span>
+                  <span className="text-gray-300">npx create-flexireact my-app</span>
+                </div>
+              </div>
+            </div>
           </div>
         </div>
       </section>
 
       {/* Stats */}
-      <section className="py-16 px-4 border-y border-gray-800">
+      <section className="py-16 px-4 border-y border-gray-800/50">
         <div className="max-w-5xl mx-auto">
-          <StatGroup columns={4}>
-            <Stat label="Components" value="50+" />
-            <Stat label="Bundle Size" value="~90kb" />
-            <Stat label="Build Time" value="<1s" />
-            <Stat label="Lighthouse" value="100" />
-          </StatGroup>
+          <div className="grid grid-cols-2 lg:grid-cols-4 gap-4">
+            {stats.map((stat, i) => (
+              <div key={i} className="text-center p-6 rounded-2xl bg-gradient-to-b from-white/5 to-transparent border border-white/5">
+                <div className="text-3xl sm:text-4xl font-bold text-[#00FF9C] mb-1">{stat.value}</div>
+                <div className="text-sm text-gray-500">{stat.label}</div>
+              </div>
+            ))}
+          </div>
         </div>
       </section>
 
       {/* Features */}
       <section className="py-24 px-4">
         <div className="max-w-5xl mx-auto">
-          <h2 className="text-3xl font-bold text-center mb-12">
-            Everything you need
-          </h2>
-          <div className="grid md:grid-cols-2 lg:grid-cols-3 gap-6">
+          <div className="text-center mb-16">
+            <h2 className="text-3xl sm:text-4xl font-bold mb-4">Everything you need</h2>
+            <p className="text-gray-400">A complete toolkit for building modern React apps</p>
+          </div>
+          
+          <div className="grid sm:grid-cols-2 lg:grid-cols-3 gap-4">
             {features.map((f, i) => (
-              <Card key={i} className="p-6 bg-gray-900/50 border-gray-800 hover:border-[#00FF9C]/50 transition">
-                <div className="text-3xl mb-3">{f.icon}</div>
+              <div key={i} className="group p-6 rounded-2xl bg-gradient-to-b from-white/5 to-transparent border border-white/5 hover:border-[#00FF9C]/30 transition-all hover:-translate-y-1">
+                <div className="w-12 h-12 rounded-xl bg-[#00FF9C]/10 flex items-center justify-center text-2xl mb-4 group-hover:scale-110 transition-transform">
+                  {f.icon}
+                </div>
                 <h3 className="font-semibold text-lg mb-2">{f.title}</h3>
-                <p className="text-gray-400 text-sm">{f.desc}</p>
-              </Card>
+                <p className="text-gray-400 text-sm leading-relaxed">{f.desc}</p>
+              </div>
             ))}
           </div>
         </div>
@@ -157,33 +209,58 @@ export default function HomePage() {
 
       {/* CTA */}
       <section className="py-24 px-4">
-        <div className="max-w-2xl mx-auto text-center">
-          <Card className="p-12 bg-gradient-to-b from-gray-900 to-gray-900/50 border-gray-800">
-            <h2 className="text-3xl font-bold mb-4">Ready to build?</h2>
-            <p className="text-gray-400 mb-8">Create your app in seconds</p>
-            <code className="block bg-black/50 rounded-lg p-4 mb-8 text-[#00FF9C]">
-              npx create-flexireact my-app
-            </code>
-            <Button size="lg">Start Building →</Button>
-          </Card>
+        <div className="max-w-3xl mx-auto">
+          <div className="relative p-8 sm:p-12 rounded-3xl bg-gradient-to-b from-[#111] to-[#0a0a0a] border border-gray-800 overflow-hidden">
+            <div className="absolute top-0 right-0 w-64 h-64 bg-[#00FF9C]/10 rounded-full blur-[100px]" />
+            <div className="relative text-center">
+              <h2 className="text-3xl sm:text-4xl font-bold mb-4">Ready to build?</h2>
+              <p className="text-gray-400 mb-8">Create your first FlexiReact app in seconds</p>
+              
+              <div className="inline-block p-4 rounded-xl bg-black/50 border border-gray-800 font-mono text-sm mb-8">
+                <span className="text-[#00FF9C]">$</span>
+                <span className="text-gray-300 ml-2">npx create-flexireact my-app</span>
+              </div>
+              
+              <div className="flex flex-col sm:flex-row gap-4 justify-center">
+                <a href="https://github.com/flexireact/flexireact"
+                   className="inline-flex items-center justify-center gap-2 px-8 py-4 bg-[#00FF9C] text-black font-semibold rounded-xl hover:bg-[#00D68F] transition-all">
+                  Start Building →
+                </a>
+              </div>
+            </div>
+          </div>
         </div>
       </section>
 
       {/* Footer */}
-      <footer className="py-8 px-4 border-t border-gray-800 text-center text-gray-500">
-        Built with ❤️ by FlexiReact Team
+      <footer className="py-12 px-4 border-t border-gray-800/50">
+        <div className="max-w-5xl mx-auto flex flex-col sm:flex-row items-center justify-between gap-4">
+          <div className="flex items-center gap-2">
+            <div className="w-8 h-8 rounded-lg bg-[#00FF9C] flex items-center justify-center">
+              <span className="text-sm font-bold text-black">F</span>
+            </div>
+            <span className="font-semibold">FlexiReact</span>
+          </div>
+          <p className="text-sm text-gray-500">Built with ❤️ by FlexiReact Team</p>
+          <div className="flex items-center gap-6">
+            <a href="https://github.com/flexireact" className="text-gray-400 hover:text-white transition-colors">GitHub</a>
+            <a href="https://npmjs.com/package/@flexireact/core" className="text-gray-400 hover:text-white transition-colors">npm</a>
+          </div>
+        </div>
       </footer>
     </main>
   );
 }
 `,
         'app/loading.tsx': `import React from 'react';
-import { Spinner } from '@flexireact/flexi-ui';
 
 export default function Loading() {
   return (
-    <div className="min-h-screen flex items-center justify-center">
-      <Spinner size="lg" />
+    <div className="min-h-screen flex items-center justify-center bg-[#0a0a0a]">
+      <div className="flex flex-col items-center gap-4">
+        <div className="w-12 h-12 border-4 border-[#00FF9C]/20 border-t-[#00FF9C] rounded-full animate-spin" />
+        <span className="text-gray-400 text-sm">Loading...</span>
+      </div>
     </div>
   );
 }
@@ -191,31 +268,46 @@ export default function Loading() {
         'app/error.tsx': `'use client';
 
 import React from 'react';
-import { Button, Alert } from '@flexireact/flexi-ui';
 
 export default function Error({ error, reset }: { error: Error; reset: () => void }) {
   return (
-    <div className="min-h-screen flex flex-col items-center justify-center p-8">
-      <Alert variant="error" className="max-w-md mb-8">
-        <h2 className="font-bold text-lg mb-2">Something went wrong</h2>
-        <p>{error.message}</p>
-      </Alert>
-      <Button onClick={reset}>Try again</Button>
+    <div className="min-h-screen flex flex-col items-center justify-center p-8 bg-[#0a0a0a]">
+      <div className="max-w-md w-full p-6 rounded-2xl bg-red-500/10 border border-red-500/20 mb-8">
+        <div className="flex items-center gap-3 mb-4">
+          <div className="w-10 h-10 rounded-full bg-red-500/20 flex items-center justify-center">
+            <span className="text-red-500 text-xl">!</span>
+          </div>
+          <h2 className="font-bold text-lg text-red-400">Something went wrong</h2>
+        </div>
+        <p className="text-gray-400 text-sm">{error.message}</p>
+      </div>
+      <button 
+        onClick={reset}
+        className="px-6 py-3 bg-[#00FF9C] text-black font-semibold rounded-xl hover:bg-[#00D68F] transition-all"
+      >
+        Try again
+      </button>
     </div>
   );
 }
 `,
         'app/not-found.tsx': `import React from 'react';
-import { Button } from '@flexireact/flexi-ui';
 
 export default function NotFound() {
   return (
-    <div className="min-h-screen flex flex-col items-center justify-center p-8">
-      <h1 className="text-8xl font-bold text-[#00FF9C] mb-4">404</h1>
-      <p className="text-gray-400 text-xl mb-8">Page not found</p>
-      <Button asChild>
-        <a href="/">← Back Home</a>
-      </Button>
+    <div className="min-h-screen flex flex-col items-center justify-center p-8 bg-[#0a0a0a]">
+      <div className="text-center">
+        <h1 className="text-[150px] font-bold leading-none bg-gradient-to-b from-[#00FF9C] to-[#00FF9C]/20 bg-clip-text text-transparent">
+          404
+        </h1>
+        <p className="text-gray-400 text-xl mb-8 -mt-4">Page not found</p>
+        <a 
+          href="/"
+          className="inline-flex items-center gap-2 px-6 py-3 bg-[#00FF9C] text-black font-semibold rounded-xl hover:bg-[#00D68F] transition-all"
+        >
+          ← Back Home
+        </a>
+      </div>
     </div>
   );
 }

package/dist/templates/app-router.js.map

@@ -1 +1 @@
-{"version":3,"file":"app-router.js","sourceRoot":"","sources":["../../src/templates/app-router.ts"],"names":[],"mappings":"AAAA;;GAEG;AAIH,MAAM,UAAU,iBAAiB,CAAC,WAAmB;IACnD,OAAO;QACL,cAAc,EAAE,IAAI,CAAC,SAAS,CAAC;YAC7B,IAAI,EAAE,WAAW;YACjB,OAAO,EAAE,OAAO;YAChB,OAAO,EAAE,IAAI;YACb,IAAI,EAAE,QAAQ;YACd,OAAO,EAAE;gBACP,GAAG,EAAE,+BAA+B;gBACpC,KAAK,EAAE,iCAAiC;gBACxC,KAAK,EAAE,kBAAkB;gBACzB,GAAG,EAAE,2EAA2E;aACjF;YACD,YAAY,EAAE;gBACZ,KAAK,EAAE,SAAS;gBAChB,WAAW,EAAE,SAAS;gBACtB,kBAAkB,EAAE,QAAQ;gBAC5B,sBAAsB,EAAE,QAAQ;gBAChC,IAAI,EAAE,QAAQ;gBACd,gBAAgB,EAAE,QAAQ;aAC3B;YACD,eAAe,EAAE;gBACf,cAAc,EAAE,SAAS;gBACzB,kBAAkB,EAAE,SAAS;gBAC7B,UAAU,EAAE,QAAQ;gBACpB,WAAW,EAAE,QAAQ;gBACrB,kBAAkB,EAAE,QAAQ;gBAC5B,sBAAsB,EAAE,QAAQ;aACjC;SACF,EAAE,IAAI,EAAE,CAAC,CAAC;QAEX,eAAe,EAAE,IAAI,CAAC,SAAS,CAAC;YAC9B,eAAe,EAAE;gBACf,MAAM,EAAE,QAAQ;gBAChB,GAAG,EAAE,CAAC,KAAK,EAAE,cAAc,EAAE,QAAQ,CAAC;gBACtC,MAAM,EAAE,QAAQ;gBAChB,gBAAgB,EAAE,SAAS;gBAC3B,GAAG,EAAE,WAAW;gBAChB,MAAM,EAAE,IAAI;gBACZ,YAAY,EAAE,IAAI;gBAClB,eAAe,EAAE,IAAI;gBACrB,iBAAiB,EAAE,IAAI;gBACvB,eAAe,EAAE,IAAI;gBACrB,MAAM,EAAE,IAAI;gBACZ,OAAO,EAAE,GAAG;gBACZ,KAAK,EAAE;oBACL,KAAK,EAAE,CAAC,KAAK,CAAC;iBACf;aACF;YACD,OAAO,EAAE,CAAC,SAAS,EAAE,UAAU,CAAC;YAChC,OAAO,EAAE,CAAC,cAAc,EAAE,QAAQ,EAAE,QAAQ,CAAC;SAC9C,EAAE,IAAI,EAAE,CAAC,CAAC;QAEX,mBAAmB,EAAE;;;;;CAKxB;QAEG,sBAAsB,EAAE;;;;CAI3B;QAEG,gBAAgB;QAChB,gBAAgB,EAAE;;;;;;;;;;;;;;;;;;CAkBrB;QAEG,cAAc,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6FnB;QAEG,iBAAiB,EAAE;;;;;;;;;;CAUtB;QAEG,eAAe,EAAE;;;;;;;;;;;;;;;;CAgBpB;QAEG,mBAAmB,EAAE;;;;;;;;;;;;;;CAcxB;QAEG,iBAAiB,EAAE;;;;;;;;;;;;CAYtB;QAEG,MAAM;QACN,cAAc,EAAE;;;;;;CAMnB;QAEG,SAAS;QACT,oBAAoB,EAAE;;;;;;;;;OASnB;QAEH,iBAAiB,EAAE,EAAE;QAErB,YAAY,EAAE;;;;;;;CAOjB;KACE,CAAC;AACJ,CAAC"}
+{"version":3,"file":"app-router.js","sourceRoot":"","sources":["../../src/templates/app-router.ts"],"names":[],"mappings":"AAAA;;GAEG;AAIH,MAAM,UAAU,iBAAiB,CAAC,WAAmB;IACnD,OAAO;QACL,cAAc,EAAE,IAAI,CAAC,SAAS,CAAC;YAC7B,IAAI,EAAE,WAAW;YACjB,OAAO,EAAE,OAAO;YAChB,OAAO,EAAE,IAAI;YACb,IAAI,EAAE,QAAQ;YACd,OAAO,EAAE;gBACP,GAAG,EAAE,+BAA+B;gBACpC,KAAK,EAAE,iCAAiC;gBACxC,KAAK,EAAE,kBAAkB;gBACzB,GAAG,EAAE,2EAA2E;aACjF;YACD,YAAY,EAAE;gBACZ,KAAK,EAAE,SAAS;gBAChB,WAAW,EAAE,SAAS;gBACtB,kBAAkB,EAAE,QAAQ;gBAC5B,sBAAsB,EAAE,QAAQ;gBAChC,IAAI,EAAE,QAAQ;gBACd,gBAAgB,EAAE,QAAQ;aAC3B;YACD,eAAe,EAAE;gBACf,cAAc,EAAE,SAAS;gBACzB,kBAAkB,EAAE,SAAS;gBAC7B,UAAU,EAAE,QAAQ;gBACpB,WAAW,EAAE,QAAQ;gBACrB,kBAAkB,EAAE,QAAQ;gBAC5B,sBAAsB,EAAE,QAAQ;aACjC;SACF,EAAE,IAAI,EAAE,CAAC,CAAC;QAEX,eAAe,EAAE,IAAI,CAAC,SAAS,CAAC;YAC9B,eAAe,EAAE;gBACf,MAAM,EAAE,QAAQ;gBAChB,GAAG,EAAE,CAAC,KAAK,EAAE,cAAc,EAAE,QAAQ,CAAC;gBACtC,MAAM,EAAE,QAAQ;gBAChB,gBAAgB,EAAE,SAAS;gBAC3B,GAAG,EAAE,WAAW;gBAChB,MAAM,EAAE,IAAI;gBACZ,YAAY,EAAE,IAAI;gBAClB,eAAe,EAAE,IAAI;gBACrB,iBAAiB,EAAE,IAAI;gBACvB,eAAe,EAAE,IAAI;gBACrB,MAAM,EAAE,IAAI;gBACZ,OAAO,EAAE,GAAG;gBACZ,KAAK,EAAE;oBACL,KAAK,EAAE,CAAC,KAAK,CAAC;iBACf;aACF;YACD,OAAO,EAAE,CAAC,SAAS,EAAE,UAAU,CAAC;YAChC,OAAO,EAAE,CAAC,cAAc,EAAE,QAAQ,EAAE,QAAQ,CAAC;SAC9C,EAAE,IAAI,EAAE,CAAC,CAAC;QAEX,mBAAmB,EAAE;;;;;CAKxB;QAEG,sBAAsB,EAAE;;;;CAI3B;QAEG,gBAAgB;QAChB,gBAAgB,EAAE;;;;;;;;;;;;;;;;;;CAkBrB;QAEG,cAAc,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwKnB;QAEG,iBAAiB,EAAE;;;;;;;;;;;;CAYtB;QAEG,eAAe,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;CAyBpB;QAEG,mBAAmB,EAAE;;;;;;;;;;;;;;;;;;;;CAoBxB;QAEG,iBAAiB,EAAE;;;;;;;;;;;;CAYtB;QAEG,MAAM;QACN,cAAc,EAAE;;;;;;CAMnB;QAEG,SAAS;QACT,oBAAoB,EAAE;;;;;;;;;OASnB;QAEH,iBAAiB,EAAE,EAAE;QAErB,YAAY,EAAE;;;;;;;CAOjB;KACE,CAAC;AACJ,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-flexireact",
-  "version": "2.1.0",
+  "version": "3.0.0",
   "description": "Create FlexiReact v2 apps with one command - The Modern React Framework",
   "author": "FlexiReact Team",
   "license": "MIT",