cyrus-studio 1.0.4 → 1.0.5

package/dist/assets/{WelcomeOnboardingModal-DPwvG1WZ.js → WelcomeOnboardingModal-CYrLzJ0Y.js}

@@ -1 +1 @@
-import{r as e}from"./rolldown-runtime-W7wSyTde.js";import{Bn as t,J as n,Ln as r,Rt as i,Tt as a,X as o,_t as s,di as c,oi as l}from"./vendor-icons-M_KBtuE-.js";import{t as u}from"./vendor-react-BTEcvIpc.js";import{c as d}from"./vendor-utils-3OgY5Lif.js";import{_ as f,a as p,p as m,t as h}from"./themes-Cn_1tMt7.js";import{d as g,l as _,m as v,u as y}from"./index-CkVsrMas.js";var b=e(c(),1),x=u(),S=`C:/Users/Shadow/Desktop/cyrus/src/components/dialogs/WelcomeOnboardingModal.tsx`,C=[{id:`dashboard`,title:`Dashboard`,desc:`Analytics, revenue KPI cards, charts & data tables`,badge:`Popular`,icon:t,color:`#0071e3`},{id:`webapp`,title:`Web App`,desc:`Interactive SaaS platforms & workflow suites`,badge:`Full Suite`,icon:i,color:`#5856d6`},{id:`mobile`,title:`Mobile App`,desc:`iOS & Android native screens, safe areas & tabs`,badge:`Mobile Target`,icon:o,color:`#34c759`},{id:`website`,title:`Website`,desc:`Marketing pages, editorial content & showcases`,badge:`Multi-page`,icon:r,color:`#ff9500`},{id:`landing`,title:`Landing Page`,desc:`High-conversion product hero & pricing tiers`,badge:`Conversion`,icon:s,color:`#af52de`},{id:`blank`,title:`Start Blank`,desc:`Clean slate artboard with complete freedom`,badge:`Custom`,icon:a,color:`#86868b`}],w=[`Build a SaaS dashboard for a project management app.`,`Create a mobile banking app with balance cards and quick actions.`,`Generate an Apple-inspired landing page with pricing tiers.`,`Design an e-commerce storefront with product grid and checkout.`];function T({isOpen:e,onClose:t,onSelectProject:r}){let[i,o]=(0,b.useState)(`dashboard`),[s,c]=(0,b.useState)(``),[u,T]=(0,b.useState)(!1),{setProject:E}=_(),{addToast:D}=p();if(!e)return null;let O=()=>{try{localStorage.setItem(`cyrus_onboarding_completed`,`true`)}catch{}},k=()=>{O(),t()},A=async e=>{let t=g.find(t=>t.id===e);if(!t)return;O();let n={...t.project,id:f(`proj`),name:`${t.name}`,createdAt:new Date().toISOString(),updatedAt:new Date().toISOString()};await m(n),E(n),D(`Created project from "${t.name}"`,`success`),r(n.id)},j=async(e=`custom`)=>{O();let t=f(`proj`),n=f(`page`),i={id:t,name:`Untitled Project`,type:e,createdAt:new Date().toISOString(),updatedAt:new Date().toISOString(),settings:{platformTarget:e===`mobile`?`mobile`:`web`,canvasBackground:`#f5f5f7`,primaryColor:`#0071e3`,theme:`light`},designSystem:h,pages:[{id:n,name:`Home`,slug:`home`,settings:{backgroundColor:`#ffffff`},elements:[]}],version:1};await m(i),E(i),D(`Initialized blank workspace`,`success`),r(t)},M=async e=>{if(e.trim()){T(!0),O();try{let t=f(`proj`);f(`page`);let n=e.toLowerCase(),i=`dashboard`;n.includes(`mobile`)||n.includes(`ios`)||n.includes(`banking`)?i=`mobile`:n.includes(`landing`)||n.includes(`marketing`)?i=`landing`:(n.includes(`saas`)||n.includes(`platform`))&&(i=`saas`);let a=g.find(e=>e.category===i)?.project;a||=g[0].project;let o={...a,id:t,name:e.slice(0,32).trim()||`AI Generated Product`,createdAt:new Date().toISOString(),updatedAt:new Date().toISOString()};await m(o),E(o),D(`AI synthesized: "${e.slice(0,28)}..."`,`success`),r(t)}finally{T(!1)}}},N=i===`blank`?[]:g.filter(e=>i===`dashboard`?e.category===`dashboards`:i===`webapp`?e.category===`saas`||e.category===`ecommerce`:i===`mobile`?e.category===`mobile`:i===`landing`?e.category===`landing`:i!==`website`||e.category===`websites`||e.category===`portfolios`);return(0,x.jsxDEV)(`div`,{className:`fixed inset-0 z-[99999] bg-black/50 backdrop-blur-md flex items-center justify-center p-4 animate-in fade-in duration-200`,children:(0,x.jsxDEV)(`div`,{className:`w-full max-w-[840px] max-h-[90vh] bg-white dark:bg-[#1c1c1e] rounded-3xl border border-[#e5e5ea] dark:border-[#38383a] shadow-2xl overflow-hidden flex flex-col transition-all`,children:[(0,x.jsxDEV)(`div`,{className:`px-8 pt-8 pb-4 flex items-start justify-between border-b border-[#f4f4f6] dark:border-[#2c2c2e]`,children:[(0,x.jsxDEV)(`div`,{children:[(0,x.jsxDEV)(`div`,{className:`inline-flex items-center gap-2 px-2.5 py-1 rounded-full bg-[#0071e3]/10 text-[#0071e3] text-[12px] font-semibold mb-2`,children:[(0,x.jsxDEV)(n,{className:`w-3.5 h-3.5`},void 0,!1,{fileName:S,lineNumber:263,columnNumber:15},this),(0,x.jsxDEV)(`span`,{children:`Welcome to Cyrus`},void 0,!1,{fileName:S,lineNumber:264,columnNumber:15},this)]},void 0,!0,{fileName:S,lineNumber:262,columnNumber:13},this),(0,x.jsxDEV)(`h2`,{className:`text-[24px] font-bold text-[#1d1d1f] dark:text-[#f5f5f7] tracking-tight`,children:`What do you want to create?`},void 0,!1,{fileName:S,lineNumber:266,columnNumber:13},this),(0,x.jsxDEV)(`p`,{className:`text-[13.5px] text-[#86868b] mt-1`,children:`Select a product category, start with a curated template, or describe your idea to AI.`},void 0,!1,{fileName:S,lineNumber:269,columnNumber:13},this)]},void 0,!0,{fileName:S,lineNumber:261,columnNumber:11},this),(0,x.jsxDEV)(`button`,{type:`button`,onClick:k,className:`text-[13px] font-medium text-[#86868b] hover:text-[#1d1d1f] dark:hover:text-white px-3 py-1.5 rounded-lg hover:bg-[#f4f4f6] dark:hover:bg-[#2c2c2e] transition-colors cursor-pointer`,children:`Skip for now`},void 0,!1,{fileName:S,lineNumber:274,columnNumber:11},this)]},void 0,!0,{fileName:S,lineNumber:260,columnNumber:9},this),(0,x.jsxDEV)(`div`,{className:`p-8 overflow-y-auto space-y-6 flex-1`,children:[(0,x.jsxDEV)(`div`,{children:[(0,x.jsxDEV)(`label`,{className:`text-[12px] font-semibold text-[#86868b] uppercase tracking-wider block mb-3`,children:`1. Choose a Product Category`},void 0,!1,{fileName:S,lineNumber:287,columnNumber:13},this),(0,x.jsxDEV)(`div`,{className:`grid grid-cols-2 sm:grid-cols-3 gap-3`,children:C.map(e=>{let t=e.icon,n=i===e.id;return(0,x.jsxDEV)(`button`,{type:`button`,onClick:()=>o(e.id),className:d(`p-4 rounded-2xl border text-left flex flex-col justify-between transition-all duration-150 cursor-pointer relative overflow-hidden group`,n?`border-[#0071e3] bg-[#0071e3]/5 shadow-sm ring-2 ring-[#0071e3]/20`:`border-[#e5e5ea] dark:border-[#2c2c2e] hover:border-[#c7c7cc] bg-[#fbfbfd] dark:bg-[#252528]`),children:[(0,x.jsxDEV)(`div`,{className:`flex items-center justify-between w-full mb-3`,children:[(0,x.jsxDEV)(`div`,{className:`w-9 h-9 rounded-xl flex items-center justify-center text-white shrink-0 shadow-xs`,style:{backgroundColor:e.color},children:(0,x.jsxDEV)(t,{className:`w-5 h-5`},void 0,!1,{fileName:S,lineNumber:312,columnNumber:25},this)},void 0,!1,{fileName:S,lineNumber:308,columnNumber:23},this),(0,x.jsxDEV)(`span`,{className:d(`text-[10.5px] font-semibold px-2 py-0.5 rounded-md`,n?`bg-[#0071e3] text-white`:`bg-[#f4f4f6] dark:bg-[#38383a] text-[#86868b]`),children:e.badge},void 0,!1,{fileName:S,lineNumber:314,columnNumber:23},this)]},void 0,!0,{fileName:S,lineNumber:307,columnNumber:21},this),(0,x.jsxDEV)(`div`,{children:[(0,x.jsxDEV)(`div`,{className:`text-[14px] font-bold text-[#1d1d1f] dark:text-[#f5f5f7]`,children:e.title},void 0,!1,{fileName:S,lineNumber:327,columnNumber:23},this),(0,x.jsxDEV)(`p`,{className:`text-[11.5px] text-[#86868b] mt-0.5 line-clamp-2 leading-relaxed`,children:e.desc},void 0,!1,{fileName:S,lineNumber:330,columnNumber:23},this)]},void 0,!0,{fileName:S,lineNumber:326,columnNumber:21},this)]},e.id,!0,{fileName:S,lineNumber:296,columnNumber:19},this)})},void 0,!1,{fileName:S,lineNumber:290,columnNumber:13},this)]},void 0,!0,{fileName:S,lineNumber:286,columnNumber:11},this),(0,x.jsxDEV)(`div`,{children:[(0,x.jsxDEV)(`div`,{className:`flex items-center justify-between mb-3`,children:[(0,x.jsxDEV)(`label`,{className:`text-[12px] font-semibold text-[#86868b] uppercase tracking-wider`,children:[`2. Recommended Templates for `,C.find(e=>e.id===i)?.title]},void 0,!0,{fileName:S,lineNumber:343,columnNumber:15},this),i!==`blank`&&(0,x.jsxDEV)(`button`,{type:`button`,onClick:()=>j(i===`mobile`?`mobile`:`custom`),className:`text-[12px] font-medium text-[#0071e3] hover:underline cursor-pointer flex items-center gap-1`,children:[(0,x.jsxDEV)(`span`,{children:[`Or start with blank `,i]},void 0,!0,{fileName:S,lineNumber:355,columnNumber:19},this),(0,x.jsxDEV)(l,{className:`w-3 h-3`},void 0,!1,{fileName:S,lineNumber:356,columnNumber:19},this)]},void 0,!0,{fileName:S,lineNumber:348,columnNumber:17},this)]},void 0,!0,{fileName:S,lineNumber:342,columnNumber:13},this),i===`blank`?(0,x.jsxDEV)(`div`,{className:`p-6 border border-dashed border-[#d1d1d6] dark:border-[#38383a] rounded-2xl bg-[#fbfbfd] dark:bg-[#252528] text-center flex flex-col items-center justify-center`,children:[(0,x.jsxDEV)(a,{className:`w-8 h-8 text-[#0071e3] mb-2`},void 0,!1,{fileName:S,lineNumber:363,columnNumber:17},this),(0,x.jsxDEV)(`h4`,{className:`text-[15px] font-bold text-[#1d1d1f] dark:text-[#f5f5f7]`,children:`Initialize a Pure Blank Canvas`},void 0,!1,{fileName:S,lineNumber:364,columnNumber:17},this),(0,x.jsxDEV)(`p`,{className:`text-[12.5px] text-[#86868b] max-w-sm mt-1 mb-4`,children:`Start with a clean 1440px artboard, default design tokens, and no pre-populated elements.`},void 0,!1,{fileName:S,lineNumber:367,columnNumber:17},this),(0,x.jsxDEV)(v,{variant:`primary`,size:`md`,onClick:()=>j(`custom`),children:`Start Blank Project`},void 0,!1,{fileName:S,lineNumber:370,columnNumber:17},this)]},void 0,!0,{fileName:S,lineNumber:362,columnNumber:15},this):(0,x.jsxDEV)(`div`,{className:`grid grid-cols-1 sm:grid-cols-2 gap-3`,children:N.slice(0,2).map(e=>(0,x.jsxDEV)(`div`,{onClick:()=>A(e.id),className:`p-4 rounded-2xl border border-[#e5e5ea] dark:border-[#2c2c2e] hover:border-[#0071e3] bg-white dark:bg-[#252528] hover:shadow-md transition-all flex flex-col justify-between cursor-pointer group`,children:[(0,x.jsxDEV)(`div`,{children:[(0,x.jsxDEV)(`div`,{className:`flex items-center justify-between mb-2`,children:[(0,x.jsxDEV)(`span`,{className:`text-[10px] font-bold px-2 py-0.5 rounded bg-[#f4f4f6] dark:bg-[#38383a] text-[#0071e3] uppercase tracking-wider`,children:e.category},void 0,!1,{fileName:S,lineNumber:384,columnNumber:25},this),(0,x.jsxDEV)(`span`,{className:`text-[11.5px] font-semibold text-[#0071e3] group-hover:translate-x-0.5 transition-transform flex items-center gap-1`,children:[`Launch `,(0,x.jsxDEV)(l,{className:`w-3.5 h-3.5`},void 0,!1,{fileName:S,lineNumber:388,columnNumber:34},this)]},void 0,!0,{fileName:S,lineNumber:387,columnNumber:25},this)]},void 0,!0,{fileName:S,lineNumber:383,columnNumber:23},this),(0,x.jsxDEV)(`h4`,{className:`text-[14.5px] font-bold text-[#1d1d1f] dark:text-[#f5f5f7]`,children:e.name},void 0,!1,{fileName:S,lineNumber:391,columnNumber:23},this),(0,x.jsxDEV)(`p`,{className:`text-[12px] text-[#86868b] mt-1 line-clamp-2 leading-relaxed`,children:e.description},void 0,!1,{fileName:S,lineNumber:394,columnNumber:23},this)]},void 0,!0,{fileName:S,lineNumber:382,columnNumber:21},this),(0,x.jsxDEV)(`div`,{className:`mt-4 pt-3 border-t border-[#f4f4f6] dark:border-[#38383a] flex items-center justify-between text-[11px] text-[#86868b]`,children:[(0,x.jsxDEV)(`span`,{children:[e.project.pages.length,` Pages Included`]},void 0,!0,{fileName:S,lineNumber:400,columnNumber:23},this),(0,x.jsxDEV)(`span`,{className:`font-medium text-[#1d1d1f] dark:text-[#f5f5f7]`,children:`Ready to Edit`},void 0,!1,{fileName:S,lineNumber:401,columnNumber:23},this)]},void 0,!0,{fileName:S,lineNumber:399,columnNumber:21},this)]},e.id,!0,{fileName:S,lineNumber:377,columnNumber:19},this))},void 0,!1,{fileName:S,lineNumber:375,columnNumber:15},this)]},void 0,!0,{fileName:S,lineNumber:341,columnNumber:11},this),(0,x.jsxDEV)(`div`,{className:`p-5 rounded-2xl bg-gradient-to-r from-[#0071e3]/10 via-[#af52de]/10 to-[#5856d6]/10 border border-[#0071e3]/20`,children:[(0,x.jsxDEV)(`div`,{className:`flex items-center gap-2 mb-2`,children:[(0,x.jsxDEV)(n,{className:`w-4 h-4 text-[#0071e3]`},void 0,!1,{fileName:S,lineNumber:414,columnNumber:15},this),(0,x.jsxDEV)(`span`,{className:`text-[13px] font-bold text-[#1d1d1f] dark:text-[#f5f5f7]`,children:`Or describe what you want to build with AI`},void 0,!1,{fileName:S,lineNumber:415,columnNumber:15},this)]},void 0,!0,{fileName:S,lineNumber:413,columnNumber:13},this),(0,x.jsxDEV)(`div`,{className:`flex gap-2`,children:[(0,x.jsxDEV)(`input`,{type:`text`,value:s,onChange:e=>c(e.target.value),onKeyDown:e=>e.key===`Enter`&&M(s),placeholder:`Example: Build a SaaS dashboard for a project management app...`,className:`flex-1 px-4 py-2.5 rounded-xl bg-white dark:bg-[#1c1c1e] text-[13px] text-[#1d1d1f] dark:text-[#f5f5f7] border border-[#e5e5ea] dark:border-[#38383a] focus:border-[#0071e3] outline-none shadow-2xs placeholder-[#86868b]`},void 0,!1,{fileName:S,lineNumber:421,columnNumber:15},this),(0,x.jsxDEV)(v,{variant:`primary`,size:`md`,disabled:u||!s.trim(),onClick:()=>M(s),className:`shrink-0 flex items-center gap-1.5`,children:[(0,x.jsxDEV)(y,{className:`w-4.5 h-4.5`},void 0,!1,{fileName:S,lineNumber:436,columnNumber:17},this),(0,x.jsxDEV)(`span`,{children:u?`Synthesizing...`:`Generate with AI`},void 0,!1,{fileName:S,lineNumber:437,columnNumber:17},this)]},void 0,!0,{fileName:S,lineNumber:429,columnNumber:15},this)]},void 0,!0,{fileName:S,lineNumber:420,columnNumber:13},this),(0,x.jsxDEV)(`div`,{className:`flex flex-wrap items-center gap-1.5 mt-3`,children:[(0,x.jsxDEV)(`span`,{className:`text-[11px] font-medium text-[#86868b]`,children:`Suggestions:`},void 0,!1,{fileName:S,lineNumber:443,columnNumber:15},this),w.map((e,t)=>(0,x.jsxDEV)(`button`,{type:`button`,onClick:()=>c(e),className:`px-2.5 py-1 rounded-lg bg-white/80 dark:bg-[#2c2c2e] hover:bg-white text-[11px] text-[#6e6e73] hover:text-[#1d1d1f] dark:hover:text-white border border-[#e5e5ea] dark:border-[#38383a] transition-colors cursor-pointer`,children:[`"`,e,`"`]},t,!0,{fileName:S,lineNumber:445,columnNumber:17},this))]},void 0,!0,{fileName:S,lineNumber:442,columnNumber:13},this)]},void 0,!0,{fileName:S,lineNumber:412,columnNumber:11},this)]},void 0,!0,{fileName:S,lineNumber:284,columnNumber:9},this),(0,x.jsxDEV)(`div`,{className:`px-8 py-4 bg-[#fbfbfd] dark:bg-[#161618] border-t border-[#e5e5ea] dark:border-[#2c2c2e] flex items-center justify-between text-[12px] text-[#86868b]`,children:[(0,x.jsxDEV)(`span`,{children:`You can change canvas settings and add pages at any time.`},void 0,!1,{fileName:S,lineNumber:460,columnNumber:11},this),(0,x.jsxDEV)(`button`,{type:`button`,onClick:()=>j(`custom`),className:`font-medium text-[#1d1d1f] dark:text-[#f5f5f7] hover:underline cursor-pointer`,children:`Start with clean canvas →`},void 0,!1,{fileName:S,lineNumber:461,columnNumber:11},this)]},void 0,!0,{fileName:S,lineNumber:459,columnNumber:9},this)]},void 0,!0,{fileName:S,lineNumber:258,columnNumber:7},this)},void 0,!1,{fileName:S,lineNumber:257,columnNumber:5},this)}export{T as WelcomeOnboardingModal};
+import{r as e}from"./rolldown-runtime-W7wSyTde.js";import{Bn as t,J as n,Ln as r,Rt as i,Tt as a,X as o,_t as s,di as c,oi as l}from"./vendor-icons-M_KBtuE-.js";import{t as u}from"./vendor-react-BTEcvIpc.js";import{c as d}from"./vendor-utils-3OgY5Lif.js";import{_ as f,a as p,p as m,t as h}from"./themes-Cn_1tMt7.js";import{d as g,l as _,m as v,u as y}from"./index-DvPq7fF5.js";var b=e(c(),1),x=u(),S=`C:/Users/Shadow/Desktop/cyrus/src/components/dialogs/WelcomeOnboardingModal.tsx`,C=[{id:`dashboard`,title:`Dashboard`,desc:`Analytics, revenue KPI cards, charts & data tables`,badge:`Popular`,icon:t,color:`#0071e3`},{id:`webapp`,title:`Web App`,desc:`Interactive SaaS platforms & workflow suites`,badge:`Full Suite`,icon:i,color:`#5856d6`},{id:`mobile`,title:`Mobile App`,desc:`iOS & Android native screens, safe areas & tabs`,badge:`Mobile Target`,icon:o,color:`#34c759`},{id:`website`,title:`Website`,desc:`Marketing pages, editorial content & showcases`,badge:`Multi-page`,icon:r,color:`#ff9500`},{id:`landing`,title:`Landing Page`,desc:`High-conversion product hero & pricing tiers`,badge:`Conversion`,icon:s,color:`#af52de`},{id:`blank`,title:`Start Blank`,desc:`Clean slate artboard with complete freedom`,badge:`Custom`,icon:a,color:`#86868b`}],w=[`Build a SaaS dashboard for a project management app.`,`Create a mobile banking app with balance cards and quick actions.`,`Generate an Apple-inspired landing page with pricing tiers.`,`Design an e-commerce storefront with product grid and checkout.`];function T({isOpen:e,onClose:t,onSelectProject:r}){let[i,o]=(0,b.useState)(`dashboard`),[s,c]=(0,b.useState)(``),[u,T]=(0,b.useState)(!1),{setProject:E}=_(),{addToast:D}=p();if(!e)return null;let O=()=>{try{localStorage.setItem(`cyrus_onboarding_completed`,`true`)}catch{}},k=()=>{O(),t()},A=async e=>{let t=g.find(t=>t.id===e);if(!t)return;O();let n={...t.project,id:f(`proj`),name:`${t.name}`,createdAt:new Date().toISOString(),updatedAt:new Date().toISOString()};await m(n),E(n),D(`Created project from "${t.name}"`,`success`),r(n.id)},j=async(e=`custom`)=>{O();let t=f(`proj`),n=f(`page`),i={id:t,name:`Untitled Project`,type:e,createdAt:new Date().toISOString(),updatedAt:new Date().toISOString(),settings:{platformTarget:e===`mobile`?`mobile`:`web`,canvasBackground:`#f5f5f7`,primaryColor:`#0071e3`,theme:`light`},designSystem:h,pages:[{id:n,name:`Home`,slug:`home`,settings:{backgroundColor:`#ffffff`},elements:[]}],version:1};await m(i),E(i),D(`Initialized blank workspace`,`success`),r(t)},M=async e=>{if(e.trim()){T(!0),O();try{let t=f(`proj`);f(`page`);let n=e.toLowerCase(),i=`dashboard`;n.includes(`mobile`)||n.includes(`ios`)||n.includes(`banking`)?i=`mobile`:n.includes(`landing`)||n.includes(`marketing`)?i=`landing`:(n.includes(`saas`)||n.includes(`platform`))&&(i=`saas`);let a=g.find(e=>e.category===i)?.project;a||=g[0].project;let o={...a,id:t,name:e.slice(0,32).trim()||`AI Generated Product`,createdAt:new Date().toISOString(),updatedAt:new Date().toISOString()};await m(o),E(o),D(`AI synthesized: "${e.slice(0,28)}..."`,`success`),r(t)}finally{T(!1)}}},N=i===`blank`?[]:g.filter(e=>i===`dashboard`?e.category===`dashboards`:i===`webapp`?e.category===`saas`||e.category===`ecommerce`:i===`mobile`?e.category===`mobile`:i===`landing`?e.category===`landing`:i!==`website`||e.category===`websites`||e.category===`portfolios`);return(0,x.jsxDEV)(`div`,{className:`fixed inset-0 z-[99999] bg-black/50 backdrop-blur-md flex items-center justify-center p-4 animate-in fade-in duration-200`,children:(0,x.jsxDEV)(`div`,{className:`w-full max-w-[840px] max-h-[90vh] bg-white dark:bg-[#1c1c1e] rounded-3xl border border-[#e5e5ea] dark:border-[#38383a] shadow-2xl overflow-hidden flex flex-col transition-all`,children:[(0,x.jsxDEV)(`div`,{className:`px-8 pt-8 pb-4 flex items-start justify-between border-b border-[#f4f4f6] dark:border-[#2c2c2e]`,children:[(0,x.jsxDEV)(`div`,{children:[(0,x.jsxDEV)(`div`,{className:`inline-flex items-center gap-2 px-2.5 py-1 rounded-full bg-[#0071e3]/10 text-[#0071e3] text-[12px] font-semibold mb-2`,children:[(0,x.jsxDEV)(n,{className:`w-3.5 h-3.5`},void 0,!1,{fileName:S,lineNumber:263,columnNumber:15},this),(0,x.jsxDEV)(`span`,{children:`Welcome to Cyrus`},void 0,!1,{fileName:S,lineNumber:264,columnNumber:15},this)]},void 0,!0,{fileName:S,lineNumber:262,columnNumber:13},this),(0,x.jsxDEV)(`h2`,{className:`text-[24px] font-bold text-[#1d1d1f] dark:text-[#f5f5f7] tracking-tight`,children:`What do you want to create?`},void 0,!1,{fileName:S,lineNumber:266,columnNumber:13},this),(0,x.jsxDEV)(`p`,{className:`text-[13.5px] text-[#86868b] mt-1`,children:`Select a product category, start with a curated template, or describe your idea to AI.`},void 0,!1,{fileName:S,lineNumber:269,columnNumber:13},this)]},void 0,!0,{fileName:S,lineNumber:261,columnNumber:11},this),(0,x.jsxDEV)(`button`,{type:`button`,onClick:k,className:`text-[13px] font-medium text-[#86868b] hover:text-[#1d1d1f] dark:hover:text-white px-3 py-1.5 rounded-lg hover:bg-[#f4f4f6] dark:hover:bg-[#2c2c2e] transition-colors cursor-pointer`,children:`Skip for now`},void 0,!1,{fileName:S,lineNumber:274,columnNumber:11},this)]},void 0,!0,{fileName:S,lineNumber:260,columnNumber:9},this),(0,x.jsxDEV)(`div`,{className:`p-8 overflow-y-auto space-y-6 flex-1`,children:[(0,x.jsxDEV)(`div`,{children:[(0,x.jsxDEV)(`label`,{className:`text-[12px] font-semibold text-[#86868b] uppercase tracking-wider block mb-3`,children:`1. Choose a Product Category`},void 0,!1,{fileName:S,lineNumber:287,columnNumber:13},this),(0,x.jsxDEV)(`div`,{className:`grid grid-cols-2 sm:grid-cols-3 gap-3`,children:C.map(e=>{let t=e.icon,n=i===e.id;return(0,x.jsxDEV)(`button`,{type:`button`,onClick:()=>o(e.id),className:d(`p-4 rounded-2xl border text-left flex flex-col justify-between transition-all duration-150 cursor-pointer relative overflow-hidden group`,n?`border-[#0071e3] bg-[#0071e3]/5 shadow-sm ring-2 ring-[#0071e3]/20`:`border-[#e5e5ea] dark:border-[#2c2c2e] hover:border-[#c7c7cc] bg-[#fbfbfd] dark:bg-[#252528]`),children:[(0,x.jsxDEV)(`div`,{className:`flex items-center justify-between w-full mb-3`,children:[(0,x.jsxDEV)(`div`,{className:`w-9 h-9 rounded-xl flex items-center justify-center text-white shrink-0 shadow-xs`,style:{backgroundColor:e.color},children:(0,x.jsxDEV)(t,{className:`w-5 h-5`},void 0,!1,{fileName:S,lineNumber:312,columnNumber:25},this)},void 0,!1,{fileName:S,lineNumber:308,columnNumber:23},this),(0,x.jsxDEV)(`span`,{className:d(`text-[10.5px] font-semibold px-2 py-0.5 rounded-md`,n?`bg-[#0071e3] text-white`:`bg-[#f4f4f6] dark:bg-[#38383a] text-[#86868b]`),children:e.badge},void 0,!1,{fileName:S,lineNumber:314,columnNumber:23},this)]},void 0,!0,{fileName:S,lineNumber:307,columnNumber:21},this),(0,x.jsxDEV)(`div`,{children:[(0,x.jsxDEV)(`div`,{className:`text-[14px] font-bold text-[#1d1d1f] dark:text-[#f5f5f7]`,children:e.title},void 0,!1,{fileName:S,lineNumber:327,columnNumber:23},this),(0,x.jsxDEV)(`p`,{className:`text-[11.5px] text-[#86868b] mt-0.5 line-clamp-2 leading-relaxed`,children:e.desc},void 0,!1,{fileName:S,lineNumber:330,columnNumber:23},this)]},void 0,!0,{fileName:S,lineNumber:326,columnNumber:21},this)]},e.id,!0,{fileName:S,lineNumber:296,columnNumber:19},this)})},void 0,!1,{fileName:S,lineNumber:290,columnNumber:13},this)]},void 0,!0,{fileName:S,lineNumber:286,columnNumber:11},this),(0,x.jsxDEV)(`div`,{children:[(0,x.jsxDEV)(`div`,{className:`flex items-center justify-between mb-3`,children:[(0,x.jsxDEV)(`label`,{className:`text-[12px] font-semibold text-[#86868b] uppercase tracking-wider`,children:[`2. Recommended Templates for `,C.find(e=>e.id===i)?.title]},void 0,!0,{fileName:S,lineNumber:343,columnNumber:15},this),i!==`blank`&&(0,x.jsxDEV)(`button`,{type:`button`,onClick:()=>j(i===`mobile`?`mobile`:`custom`),className:`text-[12px] font-medium text-[#0071e3] hover:underline cursor-pointer flex items-center gap-1`,children:[(0,x.jsxDEV)(`span`,{children:[`Or start with blank `,i]},void 0,!0,{fileName:S,lineNumber:355,columnNumber:19},this),(0,x.jsxDEV)(l,{className:`w-3 h-3`},void 0,!1,{fileName:S,lineNumber:356,columnNumber:19},this)]},void 0,!0,{fileName:S,lineNumber:348,columnNumber:17},this)]},void 0,!0,{fileName:S,lineNumber:342,columnNumber:13},this),i===`blank`?(0,x.jsxDEV)(`div`,{className:`p-6 border border-dashed border-[#d1d1d6] dark:border-[#38383a] rounded-2xl bg-[#fbfbfd] dark:bg-[#252528] text-center flex flex-col items-center justify-center`,children:[(0,x.jsxDEV)(a,{className:`w-8 h-8 text-[#0071e3] mb-2`},void 0,!1,{fileName:S,lineNumber:363,columnNumber:17},this),(0,x.jsxDEV)(`h4`,{className:`text-[15px] font-bold text-[#1d1d1f] dark:text-[#f5f5f7]`,children:`Initialize a Pure Blank Canvas`},void 0,!1,{fileName:S,lineNumber:364,columnNumber:17},this),(0,x.jsxDEV)(`p`,{className:`text-[12.5px] text-[#86868b] max-w-sm mt-1 mb-4`,children:`Start with a clean 1440px artboard, default design tokens, and no pre-populated elements.`},void 0,!1,{fileName:S,lineNumber:367,columnNumber:17},this),(0,x.jsxDEV)(v,{variant:`primary`,size:`md`,onClick:()=>j(`custom`),children:`Start Blank Project`},void 0,!1,{fileName:S,lineNumber:370,columnNumber:17},this)]},void 0,!0,{fileName:S,lineNumber:362,columnNumber:15},this):(0,x.jsxDEV)(`div`,{className:`grid grid-cols-1 sm:grid-cols-2 gap-3`,children:N.slice(0,2).map(e=>(0,x.jsxDEV)(`div`,{onClick:()=>A(e.id),className:`p-4 rounded-2xl border border-[#e5e5ea] dark:border-[#2c2c2e] hover:border-[#0071e3] bg-white dark:bg-[#252528] hover:shadow-md transition-all flex flex-col justify-between cursor-pointer group`,children:[(0,x.jsxDEV)(`div`,{children:[(0,x.jsxDEV)(`div`,{className:`flex items-center justify-between mb-2`,children:[(0,x.jsxDEV)(`span`,{className:`text-[10px] font-bold px-2 py-0.5 rounded bg-[#f4f4f6] dark:bg-[#38383a] text-[#0071e3] uppercase tracking-wider`,children:e.category},void 0,!1,{fileName:S,lineNumber:384,columnNumber:25},this),(0,x.jsxDEV)(`span`,{className:`text-[11.5px] font-semibold text-[#0071e3] group-hover:translate-x-0.5 transition-transform flex items-center gap-1`,children:[`Launch `,(0,x.jsxDEV)(l,{className:`w-3.5 h-3.5`},void 0,!1,{fileName:S,lineNumber:388,columnNumber:34},this)]},void 0,!0,{fileName:S,lineNumber:387,columnNumber:25},this)]},void 0,!0,{fileName:S,lineNumber:383,columnNumber:23},this),(0,x.jsxDEV)(`h4`,{className:`text-[14.5px] font-bold text-[#1d1d1f] dark:text-[#f5f5f7]`,children:e.name},void 0,!1,{fileName:S,lineNumber:391,columnNumber:23},this),(0,x.jsxDEV)(`p`,{className:`text-[12px] text-[#86868b] mt-1 line-clamp-2 leading-relaxed`,children:e.description},void 0,!1,{fileName:S,lineNumber:394,columnNumber:23},this)]},void 0,!0,{fileName:S,lineNumber:382,columnNumber:21},this),(0,x.jsxDEV)(`div`,{className:`mt-4 pt-3 border-t border-[#f4f4f6] dark:border-[#38383a] flex items-center justify-between text-[11px] text-[#86868b]`,children:[(0,x.jsxDEV)(`span`,{children:[e.project.pages.length,` Pages Included`]},void 0,!0,{fileName:S,lineNumber:400,columnNumber:23},this),(0,x.jsxDEV)(`span`,{className:`font-medium text-[#1d1d1f] dark:text-[#f5f5f7]`,children:`Ready to Edit`},void 0,!1,{fileName:S,lineNumber:401,columnNumber:23},this)]},void 0,!0,{fileName:S,lineNumber:399,columnNumber:21},this)]},e.id,!0,{fileName:S,lineNumber:377,columnNumber:19},this))},void 0,!1,{fileName:S,lineNumber:375,columnNumber:15},this)]},void 0,!0,{fileName:S,lineNumber:341,columnNumber:11},this),(0,x.jsxDEV)(`div`,{className:`p-5 rounded-2xl bg-gradient-to-r from-[#0071e3]/10 via-[#af52de]/10 to-[#5856d6]/10 border border-[#0071e3]/20`,children:[(0,x.jsxDEV)(`div`,{className:`flex items-center gap-2 mb-2`,children:[(0,x.jsxDEV)(n,{className:`w-4 h-4 text-[#0071e3]`},void 0,!1,{fileName:S,lineNumber:414,columnNumber:15},this),(0,x.jsxDEV)(`span`,{className:`text-[13px] font-bold text-[#1d1d1f] dark:text-[#f5f5f7]`,children:`Or describe what you want to build with AI`},void 0,!1,{fileName:S,lineNumber:415,columnNumber:15},this)]},void 0,!0,{fileName:S,lineNumber:413,columnNumber:13},this),(0,x.jsxDEV)(`div`,{className:`flex gap-2`,children:[(0,x.jsxDEV)(`input`,{type:`text`,value:s,onChange:e=>c(e.target.value),onKeyDown:e=>e.key===`Enter`&&M(s),placeholder:`Example: Build a SaaS dashboard for a project management app...`,className:`flex-1 px-4 py-2.5 rounded-xl bg-white dark:bg-[#1c1c1e] text-[13px] text-[#1d1d1f] dark:text-[#f5f5f7] border border-[#e5e5ea] dark:border-[#38383a] focus:border-[#0071e3] outline-none shadow-2xs placeholder-[#86868b]`},void 0,!1,{fileName:S,lineNumber:421,columnNumber:15},this),(0,x.jsxDEV)(v,{variant:`primary`,size:`md`,disabled:u||!s.trim(),onClick:()=>M(s),className:`shrink-0 flex items-center gap-1.5`,children:[(0,x.jsxDEV)(y,{className:`w-4.5 h-4.5`},void 0,!1,{fileName:S,lineNumber:436,columnNumber:17},this),(0,x.jsxDEV)(`span`,{children:u?`Synthesizing...`:`Generate with AI`},void 0,!1,{fileName:S,lineNumber:437,columnNumber:17},this)]},void 0,!0,{fileName:S,lineNumber:429,columnNumber:15},this)]},void 0,!0,{fileName:S,lineNumber:420,columnNumber:13},this),(0,x.jsxDEV)(`div`,{className:`flex flex-wrap items-center gap-1.5 mt-3`,children:[(0,x.jsxDEV)(`span`,{className:`text-[11px] font-medium text-[#86868b]`,children:`Suggestions:`},void 0,!1,{fileName:S,lineNumber:443,columnNumber:15},this),w.map((e,t)=>(0,x.jsxDEV)(`button`,{type:`button`,onClick:()=>c(e),className:`px-2.5 py-1 rounded-lg bg-white/80 dark:bg-[#2c2c2e] hover:bg-white text-[11px] text-[#6e6e73] hover:text-[#1d1d1f] dark:hover:text-white border border-[#e5e5ea] dark:border-[#38383a] transition-colors cursor-pointer`,children:[`"`,e,`"`]},t,!0,{fileName:S,lineNumber:445,columnNumber:17},this))]},void 0,!0,{fileName:S,lineNumber:442,columnNumber:13},this)]},void 0,!0,{fileName:S,lineNumber:412,columnNumber:11},this)]},void 0,!0,{fileName:S,lineNumber:284,columnNumber:9},this),(0,x.jsxDEV)(`div`,{className:`px-8 py-4 bg-[#fbfbfd] dark:bg-[#161618] border-t border-[#e5e5ea] dark:border-[#2c2c2e] flex items-center justify-between text-[12px] text-[#86868b]`,children:[(0,x.jsxDEV)(`span`,{children:`You can change canvas settings and add pages at any time.`},void 0,!1,{fileName:S,lineNumber:460,columnNumber:11},this),(0,x.jsxDEV)(`button`,{type:`button`,onClick:()=>j(`custom`),className:`font-medium text-[#1d1d1f] dark:text-[#f5f5f7] hover:underline cursor-pointer`,children:`Start with clean canvas →`},void 0,!1,{fileName:S,lineNumber:461,columnNumber:11},this)]},void 0,!0,{fileName:S,lineNumber:459,columnNumber:9},this)]},void 0,!0,{fileName:S,lineNumber:258,columnNumber:7},this)},void 0,!1,{fileName:S,lineNumber:257,columnNumber:5},this)}export{T as WelcomeOnboardingModal};