cyrus-studio 1.0.0

package/dist/assets/index-BewtY0Hs.js

@@ -0,0 +1,793 @@
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/CreateProjectDialog-JxYrZUv2.js","assets/rolldown-runtime-W7wSyTde.js","assets/vendor-icons-M_KBtuE-.js","assets/vendor-react-BTEcvIpc.js","assets/vendor-utils-3OgY5Lif.js","assets/themes-CNabH9CH.js","assets/vendor-firebase-DHYCsgNh.js","assets/WelcomeOnboardingModal-BhTkmyMT.js","assets/ImportModal-Cqy4Yhch.js","assets/CreateAppDialog-DrBGyMVl.js","assets/reactTsGenerator-CkYUg1Bs.js","assets/vendor-jszip-Cv4gVObP.js","assets/typechecker-BbGTunMD.js","assets/ShareExportDialog-BKmEqa2s.js","assets/CanvaSaveModal-BqSV1mos.js","assets/HistoryTimelineDialog-CAe6Hwyd.js","assets/KeyboardShortcutsDialog-DqFAVzC4.js","assets/LiveRuntimeWorkspace-yO2gI0_O.js","assets/CodingWorkspace-DXrWaTKZ.js","assets/AuthDialog-DMFwGmtj.js","assets/UserProfileDialog-BbU1jbKF.js"])))=>i.map(i=>d[i]);
+import{r as e}from"./rolldown-runtime-W7wSyTde.js";import{$ as t,$n as n,$r as r,$t as i,A as a,An as o,Ar as s,At as c,B as l,Bn as u,Br as d,Bt as f,C as p,Cn as m,Cr as h,Ct as g,D as _,Dn as v,Dr as y,Dt as b,E as x,En as S,Er as C,Et as w,F as ee,Fn as te,Fr as T,Ft as ne,G as re,Gn as ie,Gr as ae,Gt as oe,H as se,Hn as ce,Hr as le,Ht as ue,I as de,In as fe,Ir as pe,It as me,J as he,Jn as ge,Jr as _e,Jt as ve,K as ye,Kn as be,Kr as xe,Kt as Se,L as Ce,Ln as we,Lr as Te,Lt as E,M as Ee,Mn as De,Mr as Oe,Mt as ke,N as Ae,Nn as je,Nr as Me,Nt as Ne,O as Pe,On as Fe,Or as Ie,Ot as Le,P as Re,Pn as ze,Pr as Be,Pt as Ve,Q as He,Qn as Ue,Qr as We,Qt as Ge,R as Ke,Rr as qe,Rt as Je,S as Ye,Sn as Xe,Sr as Ze,St as Qe,T as $e,Tn as et,Tr as tt,Tt as nt,U as rt,Un as it,Ur as at,Ut as ot,V as st,Vn as ct,Vr as lt,Vt as ut,W as dt,Wn as ft,Wr as pt,Wt as mt,X as ht,Xn as gt,Xr as _t,Xt as vt,Y as yt,Yn as bt,Yt as xt,Zn as St,Zr as Ct,Zt as wt,_ as Tt,_n as Et,_r as Dt,_t as Ot,ai as kt,an as At,ar as jt,at as Mt,b as Nt,bn as Pt,br as Ft,bt as It,c as Lt,ci as Rt,cn as zt,cr as Bt,ct as Vt,d as Ht,di as Ut,dn as Wt,dr as Gt,dt as Kt,ei as qt,en as Jt,et as Yt,f as Xt,fn as Zt,fr as Qt,ft as $t,g as en,gn as tn,gr as nn,gt as rn,h as an,hn as on,hr as sn,ht as cn,i as ln,ii as un,in as dn,ir as fn,it as pn,j as mn,jn as hn,jr as gn,jt as _n,k as vn,kn as yn,kr as bn,kt as xn,l as Sn,li as Cn,ln as wn,lr as Tn,lt as En,m as Dn,mn as On,mr as kn,mt as An,n as jn,ni as Mn,nn as Nn,nr as Pn,nt as Fn,o as In,oi as Ln,on as Rn,or as zn,ot as Bn,p as Vn,pn as Hn,pr as Un,pt as Wn,q as Gn,qn as Kn,qr as qn,qt as Jn,r as Yn,ri as Xn,rn as Zn,rr as Qn,rt as $n,s as er,si as tr,sn as nr,sr as rr,st as ir,t as ar,ti as or,tn as sr,tt as cr,u as lr,ui as ur,un as dr,ur as fr,ut as pr,v as mr,vn as hr,vr as gr,vt as _r,w as vr,wn as yr,wr as br,wt as xr,x as Sr,xn as Cr,xr as wr,xt as Tr,y as Er,yn as Dr,yr as Or,yt as kr,z as Ar,zn as jr,zr as Mr,zt as Nr}from"./vendor-icons-M_KBtuE-.js";import{n as Pr,t as Fr}from"./vendor-react-BTEcvIpc.js";import{c as D,n as Ir,o as Lr,r as Rr,s as zr,t as Br}from"./vendor-utils-3OgY5Lif.js";import{_ as O,a as Vr,c as Hr,d as Ur,f as Wr,g as Gr,h as Kr,l as qr,m as Jr,n as Yr,o as Xr,p as Zr,t as Qr}from"./themes-CNabH9CH.js";import{c as $r,d as ei,f as ti,i as ni,l as ri,o as ii,p as ai,s as oi,t as si,u as ci}from"./vendor-firebase-DHYCsgNh.js";(function(){let e=document.createElement(`link`).relList;if(e&&e.supports&&e.supports(`modulepreload`))return;for(let e of document.querySelectorAll(`link[rel="modulepreload"]`))n(e);new MutationObserver(e=>{for(let t of e)if(t.type===`childList`)for(let e of t.addedNodes)e.tagName===`LINK`&&e.rel===`modulepreload`&&n(e)}).observe(document,{childList:!0,subtree:!0});function t(e){let t={};return e.integrity&&(t.integrity=e.integrity),e.referrerPolicy&&(t.referrerPolicy=e.referrerPolicy),t.credentials=e.crossOrigin===`use-credentials`?`include`:e.crossOrigin===`anonymous`?`omit`:`same-origin`,t}function n(e){if(e.ep)return;e.ep=!0;let n=t(e);fetch(e.href,n)}})();var k=e(Ut(),1),li=Pr(),ui={account:{name:`Alex Rivera`,email:`alex.rivera@cyrus.design`,avatarUrl:``,role:`Lead Product Architect`},appearance:{theme:`light`,accentColor:`#0071e3`,fontScaling:`standard`},editor:{defaultGridSize:8,showGridByDefault:!0,snapThreshold:6,canvasAnimations:!0,defaultUnit:`px`,autoSaveInterval:10},ai:{provider:`builtin`,model:`gemini-1.5-pro`,systemInstructions:`Design production-grade, accessible, and elegant software components.`,temperature:.2,autoApplyMode:`auto_apply`},projects:{defaultViewport:`desktop`,defaultExportTarget:`react`,defaultFramework:`react`},shortcuts:{enableQuickKeys:!0,conflictWarnings:!0},notifications:{inAppToasts:!0,collabMentions:!0,deploymentAlerts:!0,quietMode:!1},security:{sessions:[{id:`sess_1`,device:`MacBook Pro 16"`,browser:`Chrome 128.0`,ip:`192.0.2.45`,location:`San Francisco, CA, USA`,lastActive:`Active now`,isCurrent:!0},{id:`sess_2`,device:`iPhone 15 Pro`,browser:`Mobile Safari 17.5`,ip:`198.51.100.12`,location:`San Francisco, CA, USA`,lastActive:`2 hours ago`,isCurrent:!1}],twoFactorEnabled:!1},billing:{plan:`pro`,billingCycle:`yearly`,paymentProviderConfigured:!1}},di=Rr()(Ir((e,t)=>({...ui,updateAccount:t=>e(e=>({account:{...e.account,...t}})),updateAppearance:n=>{e(e=>({appearance:{...e.appearance,...n}}));let r=t().appearance;if(typeof document<`u`){if(r.theme===`dark`)document.documentElement.setAttribute(`data-theme`,`dark`),document.documentElement.classList.add(`dark`);else if(r.theme===`light`)document.documentElement.setAttribute(`data-theme`,`light`),document.documentElement.classList.remove(`dark`);else if(typeof window<`u`){let e=window.matchMedia(`(prefers-color-scheme: dark)`).matches;document.documentElement.setAttribute(`data-theme`,e?`dark`:`light`),e?document.documentElement.classList.add(`dark`):document.documentElement.classList.remove(`dark`)}}},updateEditor:t=>e(e=>({editor:{...e.editor,...t}})),updateAI:t=>e(e=>({ai:{...e.ai,...t}})),updateProjects:t=>e(e=>({projects:{...e.projects,...t}})),updateShortcuts:t=>e(e=>({shortcuts:{...e.shortcuts,...t}})),updateNotifications:t=>e(e=>({notifications:{...e.notifications,...t}})),updateSecurity:t=>e(e=>({security:{...e.security,...t}})),updateBilling:t=>e(e=>({billing:{...e.billing,...t}})),signOutOtherSessions:()=>e(e=>({security:{...e.security,sessions:e.security.sessions.filter(e=>e.isCurrent)}})),resetToDefaults:()=>e(ui)}),{name:`cyrus_user_settings_v1`})),fi={desktop:{width:1440,height:900,label:`Desktop`,sublabel:`1440 × 900 px`},tablet:{width:768,height:1024,label:`Tablet`,sublabel:`768 × 1024 px`},mobile:{width:390,height:844,label:`Mobile`,sublabel:`390 × 844 px`}},A=Rr((e,t)=>({viewportMode:`desktop`,zoom:1,pan:{x:0,y:0},toolMode:`select`,showGrid:!0,showRulers:!1,snapToGrid:!0,snapGuides:[],marquee:null,isPreviewMode:!1,isReviewMode:!1,isDevMode:!1,isDesignTokensOpen:!1,showPerformanceHUD:!1,isVoiceActive:!1,isMicMuted:!1,spotlightUserId:null,activeSidebarTab:`elements`,activePropertyTab:`design`,isSidebarOpen:!0,isPropertiesOpen:!1,searchQuery:``,selectedCategory:`all`,isCreateProjectOpen:!1,isCreateAppOpen:!1,isShareOpen:!1,isSaveDesignOpen:!1,isHistoryOpen:!1,isShortcutsOpen:!1,isCommandPaletteOpen:!1,togglePreviewMode:()=>e({isPreviewMode:!t().isPreviewMode}),toggleReviewMode:()=>e({isReviewMode:!t().isReviewMode}),setReviewMode:t=>e({isReviewMode:t}),toggleDevMode:()=>e({isDevMode:!t().isDevMode,isPropertiesOpen:!0}),setDevMode:n=>e({isDevMode:n,isPropertiesOpen:n?!0:t().isPropertiesOpen}),setDesignTokensOpen:t=>e({isDesignTokensOpen:t}),togglePerformanceHUD:()=>e({showPerformanceHUD:!t().showPerformanceHUD}),toggleVoiceActive:()=>e({isVoiceActive:!t().isVoiceActive}),toggleMicMuted:()=>e({isMicMuted:!t().isMicMuted}),setSpotlightUserId:t=>e({spotlightUserId:t}),setViewportMode:t=>e({viewportMode:t}),setZoom:t=>e({zoom:Math.min(Math.max(t,.2),3)}),zoomIn:()=>e({zoom:Math.min(Number((t().zoom+.1).toFixed(2)),3)}),zoomOut:()=>e({zoom:Math.max(Number((t().zoom-.1).toFixed(2)),.2)}),resetZoom:()=>e({zoom:1,pan:{x:0,y:0}}),fitToScreen:(n,r)=>{let i=fi[t().viewportMode],a=Math.max(n-80,200),o=Math.max(r-120,200),s=a/i.width,c=o/i.height;e({zoom:Math.max(Number(Math.min(s,c,1).toFixed(2)),.2),pan:{x:0,y:0}})},fitSelection:(n,r,i)=>{if(i.width<=0||i.height<=0)return;let a=Math.max(n-100,200),o=Math.max(r-100,200),s=a/i.width,c=o/i.height,l=Math.max(Number(Math.min(s,c,2).toFixed(2)),.2),u=i.x+i.width/2,d=i.y+i.height/2,f=fi[t().viewportMode],p=f.width,m=f.height;e({zoom:l,pan:{x:-u*l+p*l/2,y:-d*l+m*l/2}})},centerSelection:(n,r,i)=>{if(i.width<=0||i.height<=0)return;let a=t().zoom,o=i.x+i.width/2,s=i.y+i.height/2,c=fi[t().viewportMode],l=c.width,u=c.height;e({pan:{x:-o*a+l*a/2,y:-s*a+u*a/2}})},setZoomCentered:(n,r,i,a,o)=>{let s=Math.min(Math.max(n,.2),3),c=t().zoom,l=t().pan,u=a/2,d=o/2,f=(r-u-l.x)/c,p=(i-d-l.y)/c,m=r-u-f*s,h=i-d-p*s;e({zoom:Number(s.toFixed(2)),pan:{x:m,y:h}})},setPan:t=>e({pan:t}),setToolMode:t=>e({toolMode:t}),toggleGrid:()=>e({showGrid:!t().showGrid}),toggleRulers:()=>e({showRulers:!t().showRulers}),toggleSnapToGrid:()=>e({snapToGrid:!t().snapToGrid}),setSnapGuides:t=>e({snapGuides:t}),setMarquee:t=>e({marquee:t}),setActiveSidebarTab:t=>e({activeSidebarTab:t,isSidebarOpen:t!==null}),toggleSidebarTab:n=>{let{activeSidebarTab:r,isSidebarOpen:i}=t();e(r===n&&i?{isSidebarOpen:!1,activeSidebarTab:null}:{activeSidebarTab:n,isSidebarOpen:!0})},setActivePropertyTab:t=>e({activePropertyTab:t}),toggleSidebar:()=>e({isSidebarOpen:!t().isSidebarOpen}),toggleProperties:()=>e({isPropertiesOpen:!t().isPropertiesOpen}),setSearchQuery:t=>e({searchQuery:t}),setSelectedCategory:t=>e({selectedCategory:t}),setCreateProjectOpen:t=>e({isCreateProjectOpen:t}),setCreateAppOpen:t=>e({isCreateAppOpen:t}),setShareOpen:t=>e({isShareOpen:t}),setSaveDesignOpen:t=>e({isSaveDesignOpen:t}),setHistoryOpen:t=>e({isHistoryOpen:t}),setShortcutsOpen:t=>e({isShortcutsOpen:t}),setCommandPaletteOpen:t=>e({isCommandPaletteOpen:t}),toggleCommandPalette:()=>e({isCommandPaletteOpen:!t().isCommandPaletteOpen})})),pi=`cyrus_share_`,mi=new class{async getProjects(e){return Hr()}async getProjectById(e){return qr(e)}async saveProject(e){return Zr(e)}async createProject(e){let t=O(`page`),n={id:O(`proj`),name:e||`Untitled Project`,type:`webapp`,pages:[{id:t,name:`Home`,slug:`home`,elements:[],settings:{backgroundColor:`#ffffff`}}],designSystem:Qr,settings:{theme:`light`,canvasBackground:`#f5f5f7`},createdAt:new Date().toISOString(),updatedAt:new Date().toISOString()};return await this.saveProject(n),n}async deleteProject(e){return Xr(e)}async getShareSettings(e){let t=`${pi}${e}`;try{let e=await Lr(t);if(e)return e}catch(e){console.warn(`Failed to get share settings:`,e)}let n={projectId:e,accessLevel:`view`,shareUrl:`${window.location.origin}${window.location.pathname}#/preview/${e}`,allowComments:!0,updatedAt:new Date().toISOString()};return await zr(t,n),n}async updateShareSettings(e,t){let n={...await this.getShareSettings(e),...t,updatedAt:new Date().toISOString()};return await zr(`${pi}${e}`,n),n}async migrateLocalToCloud(e,t){let n=await this.getProjectById(e);if(!n)throw Error(`Project not found to migrate.`);let r={...n,updatedAt:new Date().toISOString()};return await this.saveProject(r),r}},hi=`cyrus_versions_`,gi=new class{getStorageKey(e){return`${hi}${e}`}async getVersions(e){try{return await Lr(this.getStorageKey(e))||[]}catch(e){return console.warn(`Failed to load project versions from IndexedDB:`,e),[]}}async createVersion(e,t,n,r){let i=await this.getVersions(e),a=i.length+1,o={id:O(`ver`),projectId:e,versionNumber:a,description:t||`Version #${a}`,author:{id:r?.id||`usr_local`,name:r?.name||`Current Author`},createdAt:new Date().toISOString(),snapshot:JSON.parse(JSON.stringify(n))},s=[o,...i];return await zr(this.getStorageKey(e),s),o}async restoreVersion(e,t){let n=(await this.getVersions(e)).find(e=>e.id===t);if(!n)throw Error(`Version "${t}" not found for project.`);let r=JSON.parse(JSON.stringify(n.snapshot));return r.updatedAt=new Date().toISOString(),await this.createVersion(e,`Restored to Version #${n.versionNumber} (${n.description})`,r),r}},_i=[{id:`icon_arrow_right`,name:`Arrow Right`,iconName:`ArrowRight`,category:`navigation`,keywords:[`arrow`,`right`,`forward`,`next`]},{id:`icon_arrow_left`,name:`Arrow Left`,iconName:`ArrowLeft`,category:`navigation`,keywords:[`arrow`,`left`,`back`,`prev`]},{id:`icon_arrow_up`,name:`Arrow Up`,iconName:`ArrowUp`,category:`navigation`,keywords:[`arrow`,`up`,`top`]},{id:`icon_arrow_down`,name:`Arrow Down`,iconName:`ArrowDown`,category:`navigation`,keywords:[`arrow`,`down`,`bottom`]},{id:`icon_chevron_right`,name:`Chevron Right`,iconName:`ChevronRight`,category:`navigation`,keywords:[`chevron`,`arrow`,`right`]},{id:`icon_chevron_left`,name:`Chevron Left`,iconName:`ChevronLeft`,category:`navigation`,keywords:[`chevron`,`arrow`,`left`]},{id:`icon_chevron_up`,name:`Chevron Up`,iconName:`ChevronUp`,category:`navigation`,keywords:[`chevron`,`arrow`,`up`]},{id:`icon_chevron_down`,name:`Chevron Down`,iconName:`ChevronDown`,category:`navigation`,keywords:[`chevron`,`arrow`,`down`]},{id:`icon_search`,name:`Search`,iconName:`Search`,category:`navigation`,keywords:[`search`,`find`,`lookup`,`magnifier`]},{id:`icon_home`,name:`Home`,iconName:`Home`,category:`navigation`,keywords:[`home`,`main`,`house`,`dashboard`]},{id:`icon_menu`,name:`Menu`,iconName:`Menu`,category:`navigation`,keywords:[`menu`,`hamburger`,`drawer`,`list`]},{id:`icon_plus`,name:`Plus`,iconName:`Plus`,category:`actions`,keywords:[`plus`,`add`,`create`,`new`]},{id:`icon_minus`,name:`Minus`,iconName:`Minus`,category:`actions`,keywords:[`minus`,`remove`,`subtract`]},{id:`icon_check`,name:`Check`,iconName:`Check`,category:`actions`,keywords:[`check`,`done`,`tick`,`success`,`verified`]},{id:`icon_close`,name:`Close`,iconName:`X`,category:`actions`,keywords:[`close`,`cancel`,`cross`,`x`,`delete`]},{id:`icon_trash`,name:`Trash`,iconName:`Trash2`,category:`actions`,keywords:[`trash`,`delete`,`remove`,`bin`]},{id:`icon_edit`,name:`Edit`,iconName:`Edit`,category:`actions`,keywords:[`edit`,`pencil`,`modify`,`rename`]},{id:`icon_copy`,name:`Copy`,iconName:`Copy`,category:`actions`,keywords:[`copy`,`duplicate`,`clone`]},{id:`icon_download`,name:`Download`,iconName:`Download`,category:`actions`,keywords:[`download`,`save`,`export`]},{id:`icon_upload`,name:`Upload`,iconName:`Upload`,category:`actions`,keywords:[`upload`,`cloud`,`import`]},{id:`icon_share`,name:`Share`,iconName:`Share2`,category:`actions`,keywords:[`share`,`send`,`export`]},{id:`icon_send`,name:`Send`,iconName:`Send`,category:`actions`,keywords:[`send`,`message`,`paperplane`,`submit`]},{id:`icon_refresh`,name:`Refresh`,iconName:`RotateCcw`,category:`actions`,keywords:[`refresh`,`reload`,`sync`,`reset`]},{id:`icon_filter`,name:`Filter`,iconName:`Filter`,category:`actions`,keywords:[`filter`,`sort`,`refine`,`funnel`]},{id:`icon_sliders`,name:`Sliders`,iconName:`Sliders`,category:`actions`,keywords:[`sliders`,`settings`,`adjust`,`controls`]},{id:`icon_link`,name:`Link`,iconName:`Link`,category:`actions`,keywords:[`link`,`url`,`chain`,`attach`]},{id:`icon_external_link`,name:`External Link`,iconName:`ExternalLink`,category:`actions`,keywords:[`link`,`external`,`open`,`new tab`]},{id:`icon_user`,name:`User`,iconName:`User`,category:`system`,keywords:[`user`,`account`,`profile`,`avatar`,`person`]},{id:`icon_users`,name:`Users`,iconName:`Users`,category:`system`,keywords:[`users`,`team`,`group`,`people`,`community`]},{id:`icon_user_plus`,name:`Add User`,iconName:`UserPlus`,category:`system`,keywords:[`user`,`add`,`invite`,`team`]},{id:`icon_settings`,name:`Settings`,iconName:`Settings`,category:`system`,keywords:[`settings`,`gear`,`config`,`preferences`]},{id:`icon_lock`,name:`Lock`,iconName:`Lock`,category:`system`,keywords:[`lock`,`security`,`password`,`protected`]},{id:`icon_unlock`,name:`Unlock`,iconName:`Unlock`,category:`system`,keywords:[`unlock`,`open`,`access`]},{id:`icon_key`,name:`Key`,iconName:`Key`,category:`system`,keywords:[`key`,`auth`,`token`,`access`,`password`]},{id:`icon_eye`,name:`Eye`,iconName:`Eye`,category:`system`,keywords:[`eye`,`view`,`visibility`,`preview`]},{id:`icon_eye_off`,name:`Eye Off`,iconName:`EyeOff`,category:`system`,keywords:[`eye`,`hidden`,`invisible`,`hide`]},{id:`icon_sparkles`,name:`Sparkles`,iconName:`Sparkles`,category:`system`,keywords:[`sparkles`,`ai`,`magic`,`star`,`featured`]},{id:`icon_wand`,name:`Magic Wand`,iconName:`Wand2`,category:`system`,keywords:[`wand`,`magic`,`ai`,`generate`]},{id:`icon_zap`,name:`Zap`,iconName:`Zap`,category:`system`,keywords:[`zap`,`bolt`,`lightning`,`fast`,`energy`]},{id:`icon_flame`,name:`Flame`,iconName:`Flame`,category:`system`,keywords:[`flame`,`fire`,`hot`,`trending`,`streak`]},{id:`icon_heart`,name:`Heart`,iconName:`Heart`,category:`system`,keywords:[`heart`,`like`,`favorite`,`love`]},{id:`icon_star`,name:`Star`,iconName:`Star`,category:`system`,keywords:[`star`,`rating`,`favorite`,`badge`,`review`]},{id:`icon_bell`,name:`Bell`,iconName:`Bell`,category:`system`,keywords:[`bell`,`notification`,`alert`,`alarm`]},{id:`icon_mail`,name:`Mail`,iconName:`Mail`,category:`system`,keywords:[`mail`,`email`,`envelope`,`message`,`inbox`]},{id:`icon_message_square`,name:`Message`,iconName:`MessageSquare`,category:`system`,keywords:[`chat`,`message`,`comment`,`feedback`]},{id:`icon_message_circle`,name:`Message Circle`,iconName:`MessageCircle`,category:`system`,keywords:[`chat`,`talk`,`discuss`]},{id:`icon_bookmark`,name:`Bookmark`,iconName:`Bookmark`,category:`system`,keywords:[`bookmark`,`save`,`favorite`,`ribbon`]},{id:`icon_tag`,name:`Tag`,iconName:`Tag`,category:`system`,keywords:[`tag`,`label`,`badge`,`category`,`price`]},{id:`icon_folder`,name:`Folder`,iconName:`Folder`,category:`system`,keywords:[`folder`,`directory`,`files`,`storage`]},{id:`icon_file_text`,name:`Document`,iconName:`FileText`,category:`system`,keywords:[`file`,`doc`,`document`,`page`,`text`]},{id:`icon_calendar`,name:`Calendar`,iconName:`Calendar`,category:`system`,keywords:[`calendar`,`date`,`schedule`,`event`]},{id:`icon_clock`,name:`Clock`,iconName:`Clock`,category:`system`,keywords:[`clock`,`time`,`watch`,`timer`,`history`]},{id:`icon_globe`,name:`Globe`,iconName:`Globe`,category:`system`,keywords:[`globe`,`world`,`web`,`internet`,`language`]},{id:`icon_map_pin`,name:`Map Pin`,iconName:`MapPin`,category:`system`,keywords:[`pin`,`map`,`location`,`gps`,`place`]},{id:`icon_shield`,name:`Shield`,iconName:`Shield`,category:`system`,keywords:[`shield`,`security`,`protection`,`safe`]},{id:`icon_shield_check`,name:`Verified Shield`,iconName:`ShieldCheck`,category:`system`,keywords:[`shield`,`verified`,`security`,`secure`]},{id:`icon_check_circle`,name:`Check Circle`,iconName:`CheckCircle2`,category:`system`,keywords:[`check`,`success`,`done`,`approved`]},{id:`icon_alert_triangle`,name:`Alert`,iconName:`AlertTriangle`,category:`system`,keywords:[`alert`,`warning`,`caution`,`danger`]},{id:`icon_info`,name:`Info`,iconName:`Info`,category:`system`,keywords:[`info`,`help`,`details`,`about`]},{id:`icon_help`,name:`Help Circle`,iconName:`HelpCircle`,category:`system`,keywords:[`help`,`faq`,`question`,`support`]},{id:`icon_phone`,name:`Phone`,iconName:`Phone`,category:`system`,keywords:[`phone`,`call`,`contact`,`telephone`]},{id:`icon_credit_card`,name:`Credit Card`,iconName:`CreditCard`,category:`commerce`,keywords:[`card`,`payment`,`credit`,`billing`,`wallet`]},{id:`icon_shopping_bag`,name:`Shopping Bag`,iconName:`ShoppingBag`,category:`commerce`,keywords:[`shopping`,`bag`,`store`,`cart`,`buy`]},{id:`icon_shopping_cart`,name:`Shopping Cart`,iconName:`ShoppingCart`,category:`commerce`,keywords:[`cart`,`ecommerce`,`checkout`,`items`]},{id:`icon_dollar`,name:`Dollar Sign`,iconName:`DollarSign`,category:`commerce`,keywords:[`dollar`,`money`,`price`,`currency`,`usd`]},{id:`icon_wallet`,name:`Wallet`,iconName:`Wallet`,category:`commerce`,keywords:[`wallet`,`money`,`crypto`,`pay`,`balance`]},{id:`icon_gift`,name:`Gift`,iconName:`Gift`,category:`commerce`,keywords:[`gift`,`reward`,`bonus`,`present`,`free`]},{id:`icon_percent`,name:`Discount`,iconName:`Percent`,category:`commerce`,keywords:[`percent`,`discount`,`sale`,`offer`,`deal`]},{id:`icon_award`,name:`Award`,iconName:`Award`,category:`commerce`,keywords:[`award`,`trophy`,`badge`,`winner`,`achievement`]},{id:`icon_trending_up`,name:`Trending Up`,iconName:`TrendingUp`,category:`commerce`,keywords:[`chart`,`trending`,`growth`,`profit`,`up`]},{id:`icon_trending_down`,name:`Trending Down`,iconName:`TrendingDown`,category:`commerce`,keywords:[`chart`,`loss`,`down`,`decline`]},{id:`icon_bar_chart`,name:`Bar Chart`,iconName:`BarChart2`,category:`commerce`,keywords:[`chart`,`analytics`,`data`,`metrics`,`stats`]},{id:`icon_pie_chart`,name:`Pie Chart`,iconName:`PieChart`,category:`commerce`,keywords:[`chart`,`pie`,`share`,`distribution`]},{id:`icon_activity`,name:`Activity`,iconName:`Activity`,category:`commerce`,keywords:[`activity`,`pulse`,`health`,`heartbeat`,`live`]},{id:`icon_package`,name:`Package`,iconName:`Package`,category:`commerce`,keywords:[`package`,`box`,`delivery`,`shipping`,`order`]},{id:`icon_truck`,name:`Truck`,iconName:`Truck`,category:`commerce`,keywords:[`truck`,`delivery`,`shipping`,`transport`]},{id:`icon_camera`,name:`Camera`,iconName:`Camera`,category:`media`,keywords:[`camera`,`photo`,`picture`,`snapshot`]},{id:`icon_video`,name:`Video`,iconName:`Video`,category:`media`,keywords:[`video`,`camera`,`recording`,`movie`]},{id:`icon_image`,name:`Image`,iconName:`Image`,category:`media`,keywords:[`image`,`picture`,`photo`,`graphic`]},{id:`icon_music`,name:`Music`,iconName:`Music`,category:`media`,keywords:[`music`,`audio`,`song`,`tune`,`sound`]},{id:`icon_headphones`,name:`Headphones`,iconName:`Headphones`,category:`media`,keywords:[`headphones`,`audio`,`listen`,`support`]},{id:`icon_mic`,name:`Microphone`,iconName:`Mic`,category:`media`,keywords:[`mic`,`voice`,`audio`,`record`]},{id:`icon_play`,name:`Play`,iconName:`Play`,category:`media`,keywords:[`play`,`video`,`start`,`media`]},{id:`icon_pause`,name:`Pause`,iconName:`Pause`,category:`media`,keywords:[`pause`,`stop`,`hold`]},{id:`icon_volume`,name:`Volume`,iconName:`Volume2`,category:`media`,keywords:[`volume`,`sound`,`speaker`,`audio`]},{id:`icon_palette`,name:`Palette`,iconName:`Palette`,category:`media`,keywords:[`palette`,`color`,`art`,`design`,`theme`]},{id:`icon_code`,name:`Code`,iconName:`Code2`,category:`tech`,keywords:[`code`,`developer`,`syntax`,`programming`]},{id:`icon_terminal`,name:`Terminal`,iconName:`Terminal`,category:`tech`,keywords:[`terminal`,`cli`,`console`,`bash`]},{id:`icon_cpu`,name:`CPU`,iconName:`Cpu`,category:`tech`,keywords:[`cpu`,`processor`,`hardware`,`chip`,`ai`]},{id:`icon_database`,name:`Database`,iconName:`Database`,category:`tech`,keywords:[`database`,`storage`,`sql`,`server`,`db`]},{id:`icon_server`,name:`Server`,iconName:`Server`,category:`tech`,keywords:[`server`,`backend`,`cloud`,`hosting`]},{id:`icon_hard_drive`,name:`Hard Drive`,iconName:`HardDrive`,category:`tech`,keywords:[`storage`,`disk`,`drive`,`memory`]},{id:`icon_wifi`,name:`Wifi`,iconName:`Wifi`,category:`tech`,keywords:[`wifi`,`network`,`wireless`,`internet`]},{id:`icon_smartphone`,name:`Smartphone`,iconName:`Smartphone`,category:`tech`,keywords:[`mobile`,`phone`,`smartphone`,`device`,`ios`]},{id:`icon_tablet`,name:`Tablet`,iconName:`Tablet`,category:`tech`,keywords:[`tablet`,`ipad`,`device`]},{id:`icon_monitor`,name:`Monitor`,iconName:`Monitor`,category:`tech`,keywords:[`monitor`,`screen`,`desktop`,`computer`]},{id:`icon_laptop`,name:`Laptop`,iconName:`Laptop`,category:`tech`,keywords:[`laptop`,`macbook`,`pc`,`computer`]}];function vi(){return _i.map(e=>({id:e.id,name:e.name,type:`icon`,mimeType:`image/svg+xml`,url:e.iconName,width:24,height:24,createdAt:`2026-01-01T00:00:00.000Z`,keywords:e.keywords,isPreset:!0,metadata:{iconName:e.iconName}}))}var yi=`cyrus_project_assets_v2`,bi=[{id:`asset_img_workstation`,name:`Apple Workspace Setup`,type:`image`,mimeType:`image/jpeg`,url:`https://images.unsplash.com/photo-1517336714731-489689fd1ca8?w=1200&auto=format&fit=crop&q=80`,width:1200,height:800,createdAt:`2026-01-01T00:00:00.000Z`,keywords:[`workspace`,`macbook`,`desk`,`minimal`,`apple`,`office`],isPreset:!0},{id:`asset_img_product_minimal`,name:`Minimalist Device`,type:`image`,mimeType:`image/jpeg`,url:`https://images.unsplash.com/photo-1505740420928-5e560c06d30e?w=1200&auto=format&fit=crop&q=80`,width:1200,height:800,createdAt:`2026-01-01T00:00:00.000Z`,keywords:[`product`,`headphones`,`sound`,`audio`,`gadget`],isPreset:!0},{id:`asset_img_architecture`,name:`Clean Concrete Architecture`,type:`image`,mimeType:`image/jpeg`,url:`https://images.unsplash.com/photo-1486406146926-c627a92ad1ab?w=1200&auto=format&fit=crop&q=80`,width:1200,height:800,createdAt:`2026-01-01T00:00:00.000Z`,keywords:[`building`,`architecture`,`glass`,`sky`,`modern`,`facade`],isPreset:!0},{id:`asset_img_person_avatar`,name:`Studio Portrait Avatar`,type:`image`,mimeType:`image/jpeg`,url:`https://images.unsplash.com/photo-1534528741775-53994a69daeb?w=600&auto=format&fit=crop&q=80`,width:600,height:600,createdAt:`2026-01-01T00:00:00.000Z`,keywords:[`avatar`,`user`,`portrait`,`person`,`profile`],isPreset:!0},{id:`asset_bg_gradient_mesh`,name:`Prism Gradient Background`,type:`background`,mimeType:`image/jpeg`,url:`https://images.unsplash.com/photo-1618005182384-a83a8bd57fbe?w=1200&auto=format&fit=crop&q=80`,width:1200,height:800,createdAt:`2026-01-01T00:00:00.000Z`,keywords:[`gradient`,`background`,`abstract`,`mesh`,`colors`,`art`],isPreset:!0},{id:`asset_ill_geometric_cubes`,name:`Geometric 3D Glass Objects`,type:`illustration`,mimeType:`image/jpeg`,url:`https://images.unsplash.com/photo-1634017839464-5c339ebe3cb4?w=1200&auto=format&fit=crop&q=80`,width:1200,height:800,createdAt:`2026-01-01T00:00:00.000Z`,keywords:[`3d`,`glass`,`illustration`,`geometric`,`spheres`],isPreset:!0},{id:`asset_vid_ambient_lights`,name:`Ambient Studio Video`,type:`video`,mimeType:`video/mp4`,url:`https://assets.mixkit.co/videos/preview/mixkit-software-developer-working-on-code-screen-close-up-1728-large.mp4`,width:1280,height:720,createdAt:`2026-01-01T00:00:00.000Z`,keywords:[`video`,`code`,`developer`,`screen`,`ambient`,`loop`],isPreset:!0}];async function xi(){try{return await Lr(yi)||[]}catch{return[]}}async function Si(e){let t=await xi(),n=e?t.filter(t=>t.projectId===e):t,r=vi();return[...n,...bi,...r]}var Ci=Si;async function wi(e){let t=[e,...(await xi()).filter(t=>t.id!==e.id)];await zr(yi,t)}async function Ti(e){let t=(await xi()).filter(t=>t.id!==e);await zr(yi,t)}async function Ei(e,t){let n=(await xi()).map(n=>n.id===e?{...n,name:t}:n);await zr(yi,n)}function Di(e,t){if(e.length<4)return!1;if(t===`image/png`)return e[0]===137&&e[1]===80&&e[2]===78&&e[3]===71;if(t===`image/jpeg`||t===`image/jpg`)return e[0]===255&&e[1]===216&&e[2]===255;if(t===`image/gif`)return e[0]===71&&e[1]===73&&e[2]===70&&e[3]===56;if(t===`image/webp`){if(e.length<12)return!1;let t=e[0]===82&&e[1]===73&&e[2]===70&&e[3]===70,n=e[8]===87&&e[9]===69&&e[10]===66&&e[11]===80;return t&&n}if(t===`video/mp4`){if(e.length<12)return!1;for(let t=4;t<=Math.min(e.length-4,16);t++)if(e[t]===102&&e[t+1]===116&&e[t+2]===121&&e[t+3]===112)return!0;return!1}return!0}function Oi(e){let t=e.replace(/<script\b[^<]*(?:(?!<\/script>)<[^<]*)*<\/script>/gi,``).replace(/<foreignObject\b[^<]*(?:(?!<\/foreignObject>)<[^<]*)*<\/foreignObject>/gi,``).replace(/<iframe\b[^<]*(?:(?!<\/iframe>)<[^<]*)*<\/iframe>/gi,``).replace(/<object\b[^<]*(?:(?!<\/object>)<[^<]*)*<\/object>/gi,``).replace(/<embed\b[^<]*(?:(?!<\/embed>)<[^<]*)*<\/embed>/gi,``).replace(/on[a-z]+\s*=\s*(['"]).*?\1/gi,``).replace(/on[a-z]+\s*=\s*[^ >]+/gi,``).replace(/javascript:[^"']*/gi,``);if(!t.includes(`<svg`)||!t.includes(`</svg>`))throw Error(`Invalid SVG content structure.`);return t}async function ki(e,t){if(![`image/png`,`image/jpeg`,`image/jpg`,`image/webp`,`image/svg+xml`,`image/gif`,`video/mp4`].includes(e.type))throw Error(`Unsupported file type "${e.type}". Please upload PNG, JPG, WEBP, SVG, GIF, or MP4.`);if(e.size>26214400)throw Error(`File size exceeds the 25MB limit.`);let n=await e.slice(0,32).arrayBuffer(),r=new Uint8Array(n);if(e.type===`image/svg+xml`){let n=Oi(await e.text()),r=new Blob([n],{type:`image/svg+xml`}),i=`data:image/svg+xml;base64,${btoa(n)}`,a={id:O(`asset`),projectId:t,name:e.name.replace(/\.[^/.]+$/,``),type:e.name.toLowerCase().includes(`logo`)?`logo`:`svg`,mimeType:`image/svg+xml`,url:i,size:r.size,createdAt:new Date().toISOString(),keywords:[e.name.toLowerCase(),`svg`,`vector`]};return await wi(a),a}if(!Di(r,e.type))throw Error(`Security validation failed: File content does not match reported MIME type "${e.type}".`);return new Promise((n,r)=>{let i=new FileReader;i.onload=async()=>{try{let r=i.result,a=`image`;e.type.includes(`video`)?a=`video`:e.name.toLowerCase().includes(`logo`)&&(a=`logo`);let o={id:O(`asset`),projectId:t,name:e.name.replace(/\.[^/.]+$/,``),type:a,mimeType:e.type,url:r,size:e.size,createdAt:new Date().toISOString(),keywords:[e.name.toLowerCase(),a]};await wi(o),n(o)}catch(e){r(e)}},i.onerror=()=>r(Error(`Failed to read file from disk.`)),i.readAsDataURL(e)})}function Ai(e){switch(e?.code||``){case`auth/operation-not-allowed`:return`Firebase Error (auth/operation-not-allowed): This sign-in method is not enabled in your Firebase Console. Go to https://console.firebase.google.com -> Authentication -> Sign-in method to turn on Email/Password or Social providers.`;case`auth/user-not-found`:case`auth/wrong-password`:case`auth/invalid-credential`:return`Invalid email or password. If you do not have an account yet, click "Sign up" below to create one in Firebase.`;case`auth/email-already-in-use`:return`An account with this email already exists in Firebase. Click "Sign in" instead.`;case`auth/weak-password`:return`Password is too weak. Please use at least 8 characters.`;case`auth/popup-closed-by-user`:return`Sign-in popup was closed before completing.`;case`auth/unauthorized-domain`:return`Firebase Error (auth/unauthorized-domain): Add localhost to Firebase Console -> Authentication -> Settings -> Authorized Domains.`;default:return e?.message||`Firebase Authentication failed. Please check your credentials or try again.`}}function ji(e){return{id:e.uid,name:e.displayName||e.email?.split(`@`)[0]||`Cyrus User`,email:e.email||``,avatarUrl:e.photoURL||void 0,plan:`pro`,createdAt:e.metadata.creationTime||new Date().toISOString()}}var Mi=new class{currentSession={user:null,isAuthenticated:!1};listeners=[];constructor(){ii(Jr,e=>{if(e){let t=ji(e);this.currentSession={user:t,isAuthenticated:!0}}else this.currentSession={user:null,isAuthenticated:!1};this.listeners.forEach(e=>e(this.currentSession))})}async getCurrentSession(){return this.currentSession}async signUp(e,t,n){if(!n||n.length<8)throw Error(`Password must be at least 8 characters.`);try{let r=await ni(Jr,e,n);t.trim()&&await ai(r.user,{displayName:t});let i=ji({...r.user,displayName:t||r.user.displayName});return this.currentSession={user:i,isAuthenticated:!0},this.listeners.forEach(e=>e(this.currentSession)),i}catch(e){throw console.error(`[Firebase Auth Error] signUp failed:`,e),Error(Ai(e))}}async signIn(e,t){if(!t)throw Error(`Password is required.`);try{let n=ji((await ri(Jr,e,t)).user);return this.currentSession={user:n,isAuthenticated:!0},this.listeners.forEach(e=>e(this.currentSession)),n}catch(e){throw console.error(`[Firebase Auth Error] signIn failed:`,e),Error(Ai(e))}}async signInWithProvider(e){let t=Gr;(e===`github`||e===`apple`)&&(t=Kr);try{let e=ji((await ci(Jr,t)).user);return this.currentSession={user:e,isAuthenticated:!0},this.listeners.forEach(e=>e(this.currentSession)),e}catch(t){throw console.error(`[Firebase Auth Error] signInWithProvider (${e}) failed:`,t),Error(Ai(t))}}async updateUserProfile(e){if(!Jr.currentUser)throw Error(`No user is currently signed in to Firebase.`);try{await ai(Jr.currentUser,e);let t=ji({...Jr.currentUser,displayName:e.displayName===void 0?Jr.currentUser.displayName:e.displayName,photoURL:e.photoURL===void 0?Jr.currentUser.photoURL:e.photoURL});return this.currentSession={user:t,isAuthenticated:!0},this.listeners.forEach(e=>e(this.currentSession)),t}catch(e){throw console.error(`[Firebase Auth Error] updateUserProfile failed:`,e),Error(Ai(e))}}async updateUserPassword(e,t){if(!Jr.currentUser||!Jr.currentUser.email)throw Error(`No user is currently signed in to Firebase.`);if(t.length<8)throw Error(`New password must be at least 8 characters long.`);try{let n=si.credential(Jr.currentUser.email,e);await oi(Jr.currentUser,n),await ti(Jr.currentUser,t)}catch(e){throw console.error(`[Firebase Auth Error] updateUserPassword failed:`,e),e?.code===`auth/wrong-password`||e?.code===`auth/invalid-credential`?Error(`Current password is incorrect.`):Error(Ai(e))}}async sendPasswordReset(e){try{await $r(Jr,e)}catch(e){throw console.error(`[Firebase Auth Error] sendPasswordReset failed:`,e),Error(Ai(e))}}async signOut(){await ei(Jr),this.currentSession={user:null,isAuthenticated:!1},this.listeners.forEach(e=>e(this.currentSession))}onAuthStateChanged(e){return this.listeners.push(e),e(this.currentSession),()=>{this.listeners=this.listeners.filter(t=>t!==e)}}},Ni=class{async getAssets(e){return Si(e)}async uploadAsset(e,t){return ki(t,e)}async deleteAsset(e){return Ti(e)}},Pi=Mi,Fi=mi,Ii=gi;new Ni;var Li=!1,Ri=null,zi=Rr((e,t)=>({session:{user:null,isAuthenticated:!1},isLoading:!0,isAuthDialogOpen:!1,isProfileDialogOpen:!1,initAuth:()=>{Li||(Li=!0,Ri=Pi.onAuthStateChanged(t=>{e({session:t,isLoading:!1})}))},unsubscribeFromAuth:()=>{Ri&&=(Ri(),null),Li=!1},openAuthDialog:()=>e({isAuthDialogOpen:!0}),closeAuthDialog:()=>e({isAuthDialogOpen:!1}),openProfileDialog:()=>e({isProfileDialogOpen:!0}),closeProfileDialog:()=>e({isProfileDialogOpen:!1}),signIn:async(t,n)=>{e({isLoading:!0});try{let r=await Pi.signIn(t,n);return e({isAuthDialogOpen:!1,isLoading:!1}),r}catch(t){throw e({isLoading:!1}),t}},signUp:async(t,n,r)=>{e({isLoading:!0});try{let i=await Pi.signUp(t,n,r);return e({isAuthDialogOpen:!1,isLoading:!1}),i}catch(t){throw e({isLoading:!1}),t}},signInWithProvider:async t=>{e({isLoading:!0});try{if(!Pi.signInWithProvider)throw Error(`Provider sign-in not supported`);let n=await Pi.signInWithProvider(t);return e({isAuthDialogOpen:!1,isLoading:!1}),n}catch(t){throw e({isLoading:!1}),t}},signOut:async()=>{e({isLoading:!0,isProfileDialogOpen:!1});try{await Pi.signOut()}finally{e({isLoading:!1,session:{user:null,isAuthenticated:!1}})}}})),j=Fr(),Bi=`C:/Users/Shadow/Desktop/cyrus/src/components/branding/CyrusLogo.tsx`;function Vi({size:e=`md`,className:t,onClick:n}){return(0,j.jsxDEV)(`div`,{onClick:n,role:n?`button`:void 0,tabIndex:n?0:void 0,onKeyDown:e=>{n&&(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),n())},className:D(`inline-flex items-center select-none transition-transform group`,n&&`cursor-pointer hover:scale-105 active:scale-95`,t),children:(0,j.jsxDEV)(`span`,{style:{fontFamily:`'Satisfy', 'Caveat', cursive`},className:D(`text-[#0071e3] tracking-normal leading-none font-bold select-none drop-shadow-xs`,{sm:`text-[22px]`,md:`text-[26px]`,lg:`text-[32px]`,xl:`text-[40px]`}[e]),children:`Cyrus`},void 0,!1,{fileName:Bi,lineNumber:40,columnNumber:7},this)},void 0,!1,{fileName:Bi,lineNumber:23,columnNumber:5},this)}var Hi=`C:/Users/Shadow/Desktop/cyrus/src/components/ui/Button.tsx`,Ui=(0,k.forwardRef)(({children:e,className:t,variant:n=`secondary`,size:r=`sm`,icon:i,iconPosition:a=`left`,isLoading:o=!1,disabled:s,...c},l)=>(0,j.jsxDEV)(`button`,{ref:l,disabled:s||o,className:Br(D(`inline-flex items-center justify-center font-sans tracking-[-0.01em] transition-apple select-none cursor-pointer disabled:opacity-45 disabled:pointer-events-none focus:outline-none`,{xs:`h-7 px-2.5 text-[12px] rounded-[6px] gap-1.5`,sm:`h-8 px-3 text-[13px] rounded-[8px] gap-2`,md:`h-9 px-4 text-[14px] rounded-[9px] gap-2`,lg:`h-10 px-5 text-[15px] rounded-[10px] gap-2.5`}[r],{primary:`bg-[#0071e3] text-white hover:bg-[#0077ed] active:bg-[#0062c4] active:scale-[0.98] shadow-apple-sm font-medium border-0 focus-visible:ring-2 focus-visible:ring-[#0071e3]/30`,secondary:`bg-white dark:bg-[#2c2c2e] text-[#1d1d1f] dark:text-[#f5f5f7] border border-[#e5e5ea] dark:border-[#38383a] hover:bg-[#f4f4f6] dark:hover:bg-[#3a3a3c] hover:border-[#d1d1d6] active:bg-[#ebebee] dark:active:bg-[#323234] active:scale-[0.98] shadow-apple-sm font-medium focus-visible:ring-2 focus-visible:ring-[#0071e3]/20`,ghost:`bg-transparent text-[#1d1d1f] dark:text-[#f5f5f7] hover:bg-[#ebebee]/70 dark:hover:bg-[#2c2c2e] active:bg-[#e2e2e7] dark:active:bg-[#38383a] active:scale-[0.98] border-0 font-medium focus-visible:ring-2 focus-visible:ring-[#0071e3]/20`,destructive:`bg-[#ff3b30] text-white hover:bg-[#e03228] active:bg-[#c92820] active:scale-[0.98] shadow-apple-sm font-medium border-0 focus-visible:ring-2 focus-visible:ring-[#ff3b30]/30`,subtle:`bg-[#f4f4f6] dark:bg-[#242426] text-[#1d1d1f] dark:text-[#f5f5f7] hover:bg-[#ebebee] dark:hover:bg-[#2c2c2e] active:bg-[#e2e2e7] dark:active:bg-[#38383a] active:scale-[0.98] border border-transparent font-medium focus-visible:ring-2 focus-visible:ring-[#0071e3]/20`,icon:`p-1.5 h-8 w-8 text-[#6e6e73] dark:text-[#8e8e93] hover:text-[#1d1d1f] dark:hover:text-[#ffffff] hover:bg-[#ebebee]/70 dark:hover:bg-[#2c2c2e] active:bg-[#e2e2e7] dark:active:bg-[#38383a] active:scale-[0.98] rounded-[7px] border-0 focus-visible:ring-2 focus-visible:ring-[#0071e3]/20`}[n],t)),...c,children:o?(0,j.jsxDEV)(`span`,{className:`w-3.5 h-3.5 border-2 border-current border-t-transparent rounded-full animate-spin`},void 0,!1,{fileName:Hi,lineNumber:67,columnNumber:11},void 0):(0,j.jsxDEV)(j.Fragment,{children:[i&&a===`left`&&(0,j.jsxDEV)(`span`,{className:`shrink-0 flex items-center`,children:i},void 0,!1,{fileName:Hi,lineNumber:70,columnNumber:49},void 0),e&&(0,j.jsxDEV)(`span`,{children:e},void 0,!1,{fileName:Hi,lineNumber:71,columnNumber:26},void 0),i&&a===`right`&&(0,j.jsxDEV)(`span`,{className:`shrink-0 flex items-center`,children:i},void 0,!1,{fileName:Hi,lineNumber:72,columnNumber:50},void 0)]},void 0,!0,{fileName:Hi,lineNumber:69,columnNumber:11},void 0)},void 0,!1,{fileName:Hi,lineNumber:53,columnNumber:7},void 0));Ui.displayName=`Button`;var Wi=`C:/Users/Shadow/Desktop/cyrus/src/components/ui/Input.tsx`,Gi=(0,k.forwardRef)(({label:e,helperText:t,error:n,leftIcon:r,rightIcon:i,isSearch:a,shortcutBadge:o,className:s,disabled:c,...l},u)=>(0,j.jsxDEV)(`div`,{className:`w-full flex flex-col gap-1`,children:[e&&(0,j.jsxDEV)(`label`,{className:`text-[11px] font-medium text-[#6e6e73] select-none`,children:e},void 0,!1,{fileName:Wi,lineNumber:35,columnNumber:11},void 0),(0,j.jsxDEV)(`div`,{className:`relative flex items-center w-full`,children:[a&&!r&&(0,j.jsxDEV)(`span`,{className:`absolute left-2.5 flex items-center text-[#86868b] pointer-events-none`,children:(0,j.jsxDEV)(Vt,{className:`w-3.5 h-3.5`},void 0,!1,{fileName:Wi,lineNumber:42,columnNumber:15},void 0)},void 0,!1,{fileName:Wi,lineNumber:41,columnNumber:13},void 0),r&&(0,j.jsxDEV)(`span`,{className:`absolute left-2.5 flex items-center text-[#86868b] pointer-events-none`,children:r},void 0,!1,{fileName:Wi,lineNumber:46,columnNumber:13},void 0),(0,j.jsxDEV)(`input`,{ref:u,disabled:c,className:Br(D(`w-full h-7.5 bg-white dark:bg-[#2c2c2e] text-[12px] text-[#1d1d1f] dark:text-[#f5f5f7] placeholder:text-[#86868b] dark:placeholder:text-[#636366] rounded-[6px] border border-[#e5e5ea] dark:border-[#38383a] transition-apple shadow-2xs focus:outline-none focus:border-[#0071e3] dark:focus:border-[#0a84ff] focus:ring-1 focus:ring-[#0071e3] dark:focus:ring-[#0a84ff] disabled:bg-[#f4f4f6] dark:disabled:bg-[#1c1c1e] disabled:text-[#86868b] disabled:cursor-not-allowed`,a||r?`pl-8`:`px-2`,i||o?`pr-8`:`pr-2`,n&&`border-[#ff3b30] focus:border-[#ff3b30] focus:ring-[#ff3b30]`,s)),...l},void 0,!1,{fileName:Wi,lineNumber:50,columnNumber:11},void 0),o&&(0,j.jsxDEV)(`span`,{className:`absolute right-1.5 flex items-center`,children:(0,j.jsxDEV)(`kbd`,{className:`px-1.5 py-0.5 text-[9px] font-medium font-mono text-[#86868b] bg-[#f4f4f6] border border-[#e5e5ea] rounded`,children:o},void 0,!1,{fileName:Wi,lineNumber:66,columnNumber:15},void 0)},void 0,!1,{fileName:Wi,lineNumber:65,columnNumber:13},void 0),i&&!o&&(0,j.jsxDEV)(`span`,{className:`absolute right-2 flex items-center text-[#86868b]`,children:i},void 0,!1,{fileName:Wi,lineNumber:72,columnNumber:13},void 0)]},void 0,!0,{fileName:Wi,lineNumber:39,columnNumber:9},void 0),n&&(0,j.jsxDEV)(`span`,{className:`text-[10px] text-[#ff3b30]`,children:n},void 0,!1,{fileName:Wi,lineNumber:77,columnNumber:19},void 0),t&&!n&&(0,j.jsxDEV)(`span`,{className:`text-[10px] text-[#86868b]`,children:t},void 0,!1,{fileName:Wi,lineNumber:78,columnNumber:34},void 0)]},void 0,!0,{fileName:Wi,lineNumber:33,columnNumber:7},void 0));Gi.displayName=`Input`;var Ki=`C:/Users/Shadow/Desktop/cyrus/src/components/ui/Modal.tsx`;function qi({isOpen:e,onClose:t,title:n,subtitle:r,children:i,footer:a,maxWidth:o=`md`,className:s}){let c=(0,k.useRef)(null);return(0,k.useEffect)(()=>{let n=n=>{n.key===`Escape`&&e&&t()};return window.addEventListener(`keydown`,n),()=>window.removeEventListener(`keydown`,n)},[e,t]),(0,k.useEffect)(()=>(e?document.body.style.overflow=`hidden`:document.body.style.overflow=``,()=>{document.body.style.overflow=``}),[e]),e?(0,j.jsxDEV)(`div`,{role:`dialog`,"aria-modal":`true`,className:`fixed inset-0 z-50 flex items-center justify-center p-4`,children:[(0,j.jsxDEV)(`div`,{onClick:t,className:`fixed inset-0 bg-black/25 backdrop-blur-sm transition-opacity duration-200`},void 0,!1,{fileName:Ki,lineNumber:69,columnNumber:7},this),(0,j.jsxDEV)(`div`,{ref:c,className:Br(D(`relative w-full bg-white dark:bg-[#1c1c1e] text-[#1d1d1f] dark:text-[#f5f5f7] rounded-[16px] border border-[#e5e5ea] dark:border-[#38383a] shadow-apple-lg overflow-hidden flex flex-col z-10 animate-in fade-in zoom-in-95 duration-150`,{sm:`max-w-sm`,md:`max-w-md`,lg:`max-w-lg`,xl:`max-w-xl`,"2xl":`max-w-2xl`}[o],s)),children:[(0,j.jsxDEV)(`div`,{className:`flex items-center justify-between px-6 pt-5 pb-3 border-b border-[#f4f4f6] dark:border-[#2c2c2e]`,children:[(0,j.jsxDEV)(`div`,{children:[(0,j.jsxDEV)(`h3`,{className:`text-[16px] font-semibold text-[#1d1d1f] dark:text-[#f5f5f7] tracking-[-0.01em]`,children:n},void 0,!1,{fileName:Ki,lineNumber:88,columnNumber:13},this),r&&(0,j.jsxDEV)(`p`,{className:`text-[13px] text-[#86868b] dark:text-[#8e8e93] mt-0.5`,children:r},void 0,!1,{fileName:Ki,lineNumber:92,columnNumber:15},this)]},void 0,!0,{fileName:Ki,lineNumber:87,columnNumber:11},this),(0,j.jsxDEV)(`button`,{type:`button`,onClick:t,"aria-label":`Close dialog`,className:`p-1 rounded-[6px] text-[#86868b] dark:text-[#8e8e93] hover:text-[#1d1d1f] dark:hover:text-[#ffffff] hover:bg-[#f4f4f6] dark:hover:bg-[#2c2c2e] transition-apple focus:outline-none cursor-pointer`,children:(0,j.jsxDEV)(ln,{className:`w-4 h-4`},void 0,!1,{fileName:Ki,lineNumber:101,columnNumber:13},this)},void 0,!1,{fileName:Ki,lineNumber:95,columnNumber:11},this)]},void 0,!0,{fileName:Ki,lineNumber:86,columnNumber:9},this),(0,j.jsxDEV)(`div`,{className:`px-6 py-4 flex-1 overflow-y-auto max-h-[75vh]`,children:i},void 0,!1,{fileName:Ki,lineNumber:106,columnNumber:9},this),a&&(0,j.jsxDEV)(`div`,{className:`px-6 py-3.5 bg-[#fbfbfd] dark:bg-[#161618] border-t border-[#f4f4f6] dark:border-[#2c2c2e] flex items-center justify-end gap-2 shrink-0`,children:a},void 0,!1,{fileName:Ki,lineNumber:112,columnNumber:11},this)]},void 0,!0,{fileName:Ki,lineNumber:75,columnNumber:7},this)]},void 0,!0,{fileName:Ki,lineNumber:63,columnNumber:5},this):null}function Ji(){let e=O();return{id:O(),name:`Apex Revenue Analytics`,pages:[{id:e,name:`Overview`,slug:`overview`,settings:{backgroundColor:`#f5f5f7`},elements:[{id:O(),type:`statCard`,name:`Total Revenue Stat`,x:40,y:40,width:270,height:130,rotation:0,zIndex:1,styles:{backgroundColor:`#ffffff`,borderRadius:16,borderWidth:1,borderColor:`#e5e5ea`,shadow:`sm`,paddingTop:18,paddingBottom:18,paddingLeft:20,paddingRight:20},content:{title:`Total Revenue`,value:`$128,450.00`,change:`+14.2%`,isPositive:!0,timeframe:`vs last month`,icon:`CreditCard`},accessibility:{ariaRole:`region`,ariaLabel:`Total Revenue: $128,450.00, up 14.2% versus last month`}},{id:O(),type:`statCard`,name:`Active Users Stat`,x:330,y:40,width:270,height:130,rotation:0,zIndex:2,styles:{backgroundColor:`#ffffff`,borderRadius:16,borderWidth:1,borderColor:`#e5e5ea`,shadow:`sm`,paddingTop:18,paddingBottom:18,paddingLeft:20,paddingRight:20},content:{title:`Active Users`,value:`48,290`,change:`+8.6%`,isPositive:!0,timeframe:`vs last month`,icon:`User`},accessibility:{ariaRole:`region`,ariaLabel:`Active Users: 48,290, up 8.6% versus last month`}},{id:O(),type:`statCard`,name:`Total Orders Stat`,x:620,y:40,width:270,height:130,rotation:0,zIndex:3,styles:{backgroundColor:`#ffffff`,borderRadius:16,borderWidth:1,borderColor:`#e5e5ea`,shadow:`sm`,paddingTop:18,paddingBottom:18,paddingLeft:20,paddingRight:20},content:{title:`Total Orders`,value:`3,420`,change:`+12.4%`,isPositive:!0,timeframe:`vs last month`,icon:`ShoppingBag`},accessibility:{ariaRole:`region`,ariaLabel:`Total Orders: 3,420, up 12.4% versus last month`}},{id:O(),type:`statCard`,name:`Conversion Rate Stat`,x:910,y:40,width:270,height:130,rotation:0,zIndex:4,styles:{backgroundColor:`#ffffff`,borderRadius:16,borderWidth:1,borderColor:`#e5e5ea`,shadow:`sm`,paddingTop:18,paddingBottom:18,paddingLeft:20,paddingRight:20},content:{title:`Conversion Rate`,value:`4.85%`,change:`+0.9%`,isPositive:!0,timeframe:`30-day average`,icon:`TrendingUp`},accessibility:{ariaRole:`region`,ariaLabel:`Conversion Rate: 4.85%, up 0.9% 30-day average`}},{id:O(),type:`lineChart`,name:`Revenue & Growth Chart`,x:40,y:190,width:740,height:270,rotation:0,zIndex:5,styles:{backgroundColor:`#ffffff`,borderRadius:16,borderWidth:1,borderColor:`#e5e5ea`,shadow:`sm`,paddingTop:18,paddingBottom:18,paddingLeft:20,paddingRight:20},content:{title:`Monthly Recurring Revenue (MRR)`,subtitle:`Subscriptions and expansion revenue across all tiers`,format:`currency`,data:[{label:`Jan`,value:34e3},{label:`Feb`,value:42500},{label:`Mar`,value:39800},{label:`Apr`,value:64200},{label:`May`,value:78900},{label:`Jun`,value:96400},{label:`Jul`,value:128450}],showGrid:!0,showAxes:!0,showLegend:!0},accessibility:{ariaRole:`img`,ariaLabel:`Revenue line chart showing upward growth from $34,000 in January to $128,450 in July`}},{id:O(),type:`donutChart`,name:`Channel Distribution Donut`,x:800,y:190,width:380,height:270,rotation:0,zIndex:6,styles:{backgroundColor:`#ffffff`,borderRadius:16,borderWidth:1,borderColor:`#e5e5ea`,shadow:`sm`,paddingTop:18,paddingBottom:18,paddingLeft:20,paddingRight:20},content:{title:`Traffic & Conversion Channels`,subtitle:`Visitor acquisition by source`,format:`compact`,data:[{label:`Direct`,value:48200},{label:`Organic`,value:34100},{label:`Referrals`,value:18900},{label:`Social`,value:11200}],showLegend:!0},accessibility:{ariaRole:`img`,ariaLabel:`Donut chart showing Direct traffic at 48.2k, Organic at 34.1k, Referrals at 18.9k, Social at 11.2k`}},{id:O(),type:`dataTable`,name:`Recent Orders Table`,x:40,y:480,width:740,height:290,rotation:0,zIndex:7,styles:{backgroundColor:`#ffffff`,borderRadius:16,borderWidth:1,borderColor:`#e5e5ea`,shadow:`sm`,paddingTop:18,paddingBottom:18,paddingLeft:20,paddingRight:20},content:{title:`Recent High-Value Orders`,columns:[`Customer`,`Plan`,`Amount`,`Status`,`Date`],rows:[{customer:`Acme Global Corp`,plan:`Enterprise Suite`,amount:`$4,800.00`,status:`Completed`,date:`Just now`},{customer:`Linear Systems`,plan:`Pro Developer`,amount:`$590.00`,status:`Completed`,date:`4m ago`},{customer:`Vercel Cloud Inc`,plan:`Enterprise Dedicated`,amount:`$12,400.00`,status:`Processing`,date:`18m ago`},{customer:`Stripe Payments UK`,plan:`Team Collaboration`,amount:`$1,250.00`,status:`Completed`,date:`45m ago`}]},accessibility:{ariaRole:`region`,ariaLabel:`Recent Orders table with 4 transactions`}},{id:O(),type:`activityFeed`,name:`Live Activity Stream`,x:800,y:480,width:380,height:290,rotation:0,zIndex:8,styles:{backgroundColor:`#ffffff`,borderRadius:16,borderWidth:1,borderColor:`#e5e5ea`,shadow:`sm`,paddingTop:18,paddingBottom:18,paddingLeft:20,paddingRight:20},content:{title:`Live Real-Time Activity`,events:[{user:`Alex Rivera`,action:`upgraded to Enterprise Dedicated`,time:`2m ago`,icon:`Sparkles`},{user:`Sarah Chen`,action:`added 6 new team members`,time:`12m ago`,icon:`User`},{user:`Cloud Scheduler`,action:`scaled edge cluster to 32 nodes`,time:`38m ago`,icon:`Zap`},{user:`David Kim`,action:`generated monthly tax audit PDF`,time:`1h ago`,icon:`Check`}]},accessibility:{ariaRole:`status`,ariaLabel:`Live activity feed with 4 recent system and user actions`}}]}],type:`dashboard`,designSystem:Qr,variables:[{id:O(),name:`revenueStats`,type:`object`,defaultValue:{revenue:128450,users:48290,orders:3420,conversion:4.85}}],settings:{platformTarget:`web`},createdAt:new Date().toISOString(),updatedAt:new Date().toISOString()}}function Yi(){let e=new Date().toISOString();return{id:`proj_mobile_banking_demo`,name:`Nova Mobile Banking`,description:`Enterprise mobile banking app for iOS & Android built with React Native & React Navigation.`,type:`mobile`,pages:[{id:`page_mob_home`,name:`Home Dashboard`,slug:`home`,settings:{backgroundColor:`#f5f5f7`,padding:16,maxWidth:390,metaTitle:`Nova Banking - Mobile Home`,metaDescription:`Secure mobile banking dashboard with real-time balance tracking.`},elements:[{id:`el_mob_hdr_1`,type:`mobileHeader`,name:`Header Nav`,x:16,y:52,width:358,height:52,rotation:0,zIndex:10,locked:!1,hidden:!1,styles:{backgroundColor:`#ffffff`,borderRadius:14,borderWidth:1,borderColor:`#e5e5ea`,shadow:`sm`,paddingLeft:16,paddingRight:16},content:{title:`Nova Banking`,actionLabel:`Support`,showBack:!1}},{id:`el_mob_card_1`,type:`mobileCard`,name:`Total Balance Card`,x:16,y:114,width:358,height:140,rotation:0,zIndex:5,locked:!1,hidden:!1,styles:{backgroundColor:`#0071e3`,textColor:`#ffffff`,borderRadius:18,borderWidth:0,shadow:`md`,paddingTop:18,paddingBottom:18,paddingLeft:18,paddingRight:18},content:{subtitle:`Available Balance`,amount:`$38,450.20`,tag:`Checking •• 4092`,trend:`+8.5% this month`}},{id:`el_mob_list_1`,type:`mobileList`,name:`Recent Transactions List`,x:16,y:264,width:358,height:240,rotation:0,zIndex:4,locked:!1,hidden:!1,styles:{backgroundColor:`#ffffff`,borderRadius:16,borderWidth:1,borderColor:`#e5e5ea`,shadow:`sm`,paddingTop:14,paddingBottom:14,paddingLeft:16,paddingRight:16},content:{title:`Recent Transactions`,items:[{title:`Apple Store`,subtitle:`Hardware & Devices`,amount:`-$1,299.00`,icon:`ShoppingBag`,isDebit:!0},{title:`Stripe Payout`,subtitle:`Direct Deposit Payroll`,amount:`+$4,820.00`,icon:`ArrowDownLeft`,isDebit:!1},{title:`Uber Technologies`,subtitle:`Transportation`,amount:`-$24.50`,icon:`Car`,isDebit:!0},{title:`Whole Foods Market`,subtitle:`Groceries & Organic`,amount:`-$84.20`,icon:`ShoppingBag`,isDebit:!0}]}},{id:`el_mob_tab_1`,type:`bottomNav`,name:`Bottom Tab Navigation`,x:16,y:720,width:358,height:64,rotation:0,zIndex:20,locked:!1,hidden:!1,styles:{backgroundColor:`#ffffff`,borderRadius:20,borderWidth:1,borderColor:`#e5e5ea`,shadow:`md`},content:{activeTab:`Home`,tabs:[{label:`Home`,icon:`Home`,badge:``},{label:`Cards`,icon:`CreditCard`,badge:`1`},{label:`Transfer`,icon:`Send`,badge:``},{label:`Profile`,icon:`User`,badge:``}]}}]},{id:`page_mob_cards`,name:`Cards & Wallets`,slug:`cards`,settings:{backgroundColor:`#f5f5f7`,padding:16,maxWidth:390,metaTitle:`My Cards - Nova Mobile`,metaDescription:`Manage virtual titanium debit and credit cards.`},elements:[{id:`el_mob_hdr_2`,type:`mobileHeader`,name:`Header Nav`,x:16,y:52,width:358,height:52,rotation:0,zIndex:10,locked:!1,hidden:!1,styles:{backgroundColor:`#ffffff`,borderRadius:14,borderWidth:1,borderColor:`#e5e5ea`,shadow:`sm`,paddingLeft:16,paddingRight:16},content:{title:`My Cards`,actionLabel:`+ Add`,showBack:!0}},{id:`el_mob_card_2`,type:`mobileCard`,name:`Virtual Titanium Card`,x:16,y:114,width:358,height:140,rotation:0,zIndex:5,locked:!1,hidden:!1,styles:{backgroundColor:`#1d1d1f`,textColor:`#ffffff`,borderRadius:18,borderWidth:0,shadow:`md`,paddingTop:18,paddingBottom:18,paddingLeft:18,paddingRight:18},content:{subtitle:`Titanium Debit Card`,amount:`$12,000.00 Limit`,tag:`Mastercard •• 8831`,trend:`Active • Apple Pay ready`}},{id:`el_mob_list_2`,type:`mobileList`,name:`Card Controls`,x:16,y:264,width:358,height:220,rotation:0,zIndex:4,locked:!1,hidden:!1,styles:{backgroundColor:`#ffffff`,borderRadius:16,borderWidth:1,borderColor:`#e5e5ea`,shadow:`sm`,paddingTop:14,paddingBottom:14,paddingLeft:16,paddingRight:16},content:{title:`Card Controls & Security`,items:[{title:`Freeze Card`,subtitle:`Temporarily block transactions`,amount:`Unlocked`,icon:`Lock`,isDebit:!0},{title:`Online Payments`,subtitle:`Allow e-commerce purchases`,amount:`Enabled`,icon:`ShoppingBag`,isDebit:!1},{title:`Monthly Limit`,subtitle:`Maximum $15,000 / mo`,amount:`$4,200 spent`,icon:`CreditCard`,isDebit:!0}]}},{id:`el_mob_tab_2`,type:`bottomNav`,name:`Bottom Tab Navigation`,x:16,y:720,width:358,height:64,rotation:0,zIndex:20,locked:!1,hidden:!1,styles:{backgroundColor:`#ffffff`,borderRadius:20,borderWidth:1,borderColor:`#e5e5ea`,shadow:`md`},content:{activeTab:`Cards`,tabs:[{label:`Home`,icon:`Home`,badge:``},{label:`Cards`,icon:`CreditCard`,badge:`1`},{label:`Transfer`,icon:`Send`,badge:``},{label:`Profile`,icon:`User`,badge:``}]}}]},{id:`page_mob_transfer`,name:`Transfer & Send`,slug:`transfer`,settings:{backgroundColor:`#f5f5f7`,padding:16,maxWidth:390,metaTitle:`Send Money - Nova Mobile`,metaDescription:`Instant money transfer and payment options.`},elements:[{id:`el_mob_hdr_3`,type:`mobileHeader`,name:`Header Nav`,x:16,y:52,width:358,height:52,rotation:0,zIndex:10,locked:!1,hidden:!1,styles:{backgroundColor:`#ffffff`,borderRadius:14,borderWidth:1,borderColor:`#e5e5ea`,shadow:`sm`,paddingLeft:16,paddingRight:16},content:{title:`Transfer Money`,actionLabel:`History`,showBack:!0}},{id:`el_mob_sheet_3`,type:`mobileSheet`,name:`Transfer Action Sheet`,x:16,y:114,width:358,height:220,rotation:0,zIndex:5,locked:!1,hidden:!1,styles:{backgroundColor:`#ffffff`,borderRadius:24,borderWidth:1,borderColor:`#e5e5ea`,shadow:`lg`,paddingTop:16,paddingBottom:20,paddingLeft:20,paddingRight:20},content:{title:`Instant Wire Transfer`,subtitle:`Zero fee transfer to any domestic checking account.`,primaryAction:`Send Money Now`}},{id:`el_mob_list_3`,type:`mobileList`,name:`Frequent Payees`,x:16,y:344,width:358,height:200,rotation:0,zIndex:4,locked:!1,hidden:!1,styles:{backgroundColor:`#ffffff`,borderRadius:16,borderWidth:1,borderColor:`#e5e5ea`,shadow:`sm`,paddingTop:14,paddingBottom:14,paddingLeft:16,paddingRight:16},content:{title:`Recent Recipients`,items:[{title:`Alex Rivera`,subtitle:`Checking •• 1092`,amount:`Favorite`,icon:`User`,isDebit:!1},{title:`Sarah Chen`,subtitle:`Savings •• 5541`,amount:`Recent`,icon:`User`,isDebit:!1},{title:`Elena Rostova`,subtitle:`Wire •• 9920`,amount:`Recent`,icon:`User`,isDebit:!1}]}},{id:`el_mob_tab_3`,type:`bottomNav`,name:`Bottom Tab Navigation`,x:16,y:720,width:358,height:64,rotation:0,zIndex:20,locked:!1,hidden:!1,styles:{backgroundColor:`#ffffff`,borderRadius:20,borderWidth:1,borderColor:`#e5e5ea`,shadow:`md`},content:{activeTab:`Transfer`,tabs:[{label:`Home`,icon:`Home`,badge:``},{label:`Cards`,icon:`CreditCard`,badge:`1`},{label:`Transfer`,icon:`Send`,badge:``},{label:`Profile`,icon:`User`,badge:``}]}}]}],settings:{platformTarget:`mobile`,safeArea:{top:47,bottom:34,left:0,right:0},canvasBackground:`#f5f5f7`,primaryColor:`#0071e3`,theme:`light`,siteUrl:`https://novabanking.app`,sitemapEnabled:!0,robotsTxtEnabled:!0},createdAt:e,updatedAt:e}}var Xi={id:`tmpl_modern_saas`,name:`Modern SaaS Platform`,category:`saas`,style:`minimal`,description:`Complete high-conversion SaaS suite with marketing landing, feature deep-dive, pricing tiers, login, and analytics dashboard.`,keywords:[`saas`,`software`,`platform`,`b2b`,`pricing`,`subscription`,`dashboard`],project:{id:`proj_tmpl_saas`,name:`Modern SaaS Platform`,type:`saas`,createdAt:new Date().toISOString(),updatedAt:new Date().toISOString(),settings:{canvasBackground:`#f5f5f7`,primaryColor:`#0071e3`,theme:`light`},designSystem:Qr,pages:[{id:`saas_page_home`,name:`Home`,slug:`home`,settings:{backgroundColor:`#f5f5f7`},elements:[{id:`saas_el_nav`,type:`navbar`,name:`Header Navbar`,x:60,y:24,width:1320,height:64,rotation:0,zIndex:10,styles:{backgroundColor:`#ffffff`,borderRadius:12,borderWidth:1,borderColor:`#e5e5ea`,shadow:`sm`,paddingLeft:24,paddingRight:24},content:{brandName:`Apex Engine`,links:[`Features`,`Pricing`,`Login`,`Dashboard`],ctaLabel:`Get Started`}},{id:`saas_el_hero`,type:`hero`,name:`Hero Section`,x:170,y:110,width:1100,height:290,rotation:0,zIndex:2,styles:{backgroundColor:`transparent`},content:{badge:`The AI-Powered SaaS Architecture`,headline:`Scale your cloud infrastructure with zero operational friction.`,subhead:`Automate deployments, monitor runtime metrics, and stream telemetry data in real-time.`,primaryBtnText:`Start 14-Day Trial`,secondaryBtnText:`Explore Features`}},{id:`saas_el_c1`,type:`featureCard`,name:`Cloud Orchestration`,x:60,y:430,width:420,height:150,rotation:0,zIndex:3,styles:{backgroundColor:`#ffffff`,borderRadius:14,borderWidth:1,borderColor:`#e5e5ea`,shadow:`sm`,paddingTop:20,paddingLeft:20,paddingRight:20},content:{icon:`Zap`,title:`Global Multi-Region Edge`,description:`Deploy serverless edge functions with sub-5ms latency across 300+ PoPs.`}},{id:`saas_el_c2`,type:`featureCard`,name:`Automated CI/CD`,x:510,y:430,width:420,height:150,rotation:0,zIndex:3,styles:{backgroundColor:`#ffffff`,borderRadius:14,borderWidth:1,borderColor:`#e5e5ea`,shadow:`sm`,paddingTop:20,paddingLeft:20,paddingRight:20},content:{icon:`Sparkles`,title:`Autonomous Rollouts`,description:`Canary deployments with automated rollback on health anomalies.`}},{id:`saas_el_c3`,type:`featureCard`,name:`Enterprise Security`,x:960,y:430,width:420,height:150,rotation:0,zIndex:3,styles:{backgroundColor:`#ffffff`,borderRadius:14,borderWidth:1,borderColor:`#e5e5ea`,shadow:`sm`,paddingTop:20,paddingLeft:20,paddingRight:20},content:{icon:`Check`,title:`SOC2 & HIPAA Certified`,description:`End-to-end envelope encryption and fine-grained role-based access.`}},{id:`saas_el_footer`,type:`footer`,name:`Footer`,x:60,y:620,width:1320,height:100,rotation:0,zIndex:4,styles:{backgroundColor:`#ffffff`,borderRadius:12,borderWidth:1,borderColor:`#e5e5ea`},content:{brandName:`Apex Engine`,copyright:`© 2026 Apex Cloud Systems Inc.`}}]},{id:`saas_page_features`,name:`Features`,slug:`features`,settings:{backgroundColor:`#f5f5f7`},elements:[{id:`saas_f_nav`,type:`navbar`,name:`Navbar`,x:60,y:24,width:1320,height:64,rotation:0,zIndex:10,styles:{backgroundColor:`#ffffff`,borderRadius:12,borderWidth:1,borderColor:`#e5e5ea`},content:{brandName:`Apex Engine`,links:[`Home`,`Features`,`Pricing`,`Login`]}},{id:`saas_f_heading`,type:`heading`,name:`Features Heading`,x:360,y:120,width:720,height:50,rotation:0,zIndex:2,styles:{fontSize:32,fontWeight:`700`,textAlign:`center`,textColor:`#1d1d1f`},content:{text:`Engineered for Performance and Scale`}},{id:`saas_f_c1`,type:`metricCard`,name:`Latency KPI`,x:180,y:200,width:520,height:160,rotation:0,zIndex:3,styles:{backgroundColor:`#ffffff`,borderRadius:16,borderWidth:1,borderColor:`#e5e5ea`,shadow:`sm`,paddingTop:24,paddingLeft:24},content:{title:`Global P99 Latency`,value:`4.2 ms`,change:`-34%`,isPositive:!0,timeframe:`vs industry standard`}},{id:`saas_f_c2`,type:`metricCard`,name:`Throughput KPI`,x:740,y:200,width:520,height:160,rotation:0,zIndex:3,styles:{backgroundColor:`#ffffff`,borderRadius:16,borderWidth:1,borderColor:`#e5e5ea`,shadow:`sm`,paddingTop:24,paddingLeft:24},content:{title:`Concurrent RPS`,value:`1.4M`,change:`+142%`,isPositive:!0,timeframe:`peak throughput`}}]},{id:`saas_page_pricing`,name:`Pricing`,slug:`pricing`,settings:{backgroundColor:`#f5f5f7`},elements:[{id:`saas_p_nav`,type:`navbar`,name:`Navbar`,x:60,y:24,width:1320,height:64,rotation:0,zIndex:10,styles:{backgroundColor:`#ffffff`,borderRadius:12,borderWidth:1,borderColor:`#e5e5ea`},content:{brandName:`Apex Engine`,links:[`Home`,`Features`,`Pricing`,`Login`]}},{id:`saas_p_card_starter`,type:`pricingCard`,name:`Starter Tier`,x:180,y:130,width:320,height:400,rotation:0,zIndex:3,styles:{backgroundColor:`#ffffff`,borderRadius:16,borderWidth:1,borderColor:`#e5e5ea`,shadow:`sm`,paddingTop:28,paddingLeft:24,paddingRight:24},content:{planName:`Developer`,price:`$0`,period:`/forever`,description:`For hobbyists and individual developers.`,buttonText:`Start Free`}},{id:`saas_p_card_pro`,type:`pricingCard`,name:`Pro Tier`,x:540,y:110,width:360,height:440,rotation:0,zIndex:4,styles:{backgroundColor:`#ffffff`,borderRadius:18,borderWidth:2,borderColor:`#0071e3`,shadow:`md`,paddingTop:32,paddingLeft:28,paddingRight:28},content:{planName:`Team Pro`,price:`$49`,period:`/month`,description:`For high-velocity engineering teams.`,buttonText:`Upgrade to Pro`}},{id:`saas_p_card_enterprise`,type:`pricingCard`,name:`Enterprise Tier`,x:940,y:130,width:320,height:400,rotation:0,zIndex:3,styles:{backgroundColor:`#ffffff`,borderRadius:16,borderWidth:1,borderColor:`#e5e5ea`,shadow:`sm`,paddingTop:28,paddingLeft:24,paddingRight:24},content:{planName:`Enterprise`,price:`$299`,period:`/month`,description:`Dedicated clusters, SLAs, and 24/7 phone support.`,buttonText:`Contact Sales`}}]},{id:`saas_page_login`,name:`Login`,slug:`login`,settings:{backgroundColor:`#f5f5f7`},elements:[{id:`saas_login_card`,type:`loginForm`,name:`Login Card`,x:495,y:160,width:450,height:380,rotation:0,zIndex:10,styles:{backgroundColor:`#ffffff`,borderRadius:16,borderWidth:1,borderColor:`#e5e5ea`,shadow:`lg`,paddingTop:28,paddingLeft:32,paddingRight:32},content:{title:`Sign In to Apex Cloud`,subtitle:`Manage your microservices and edge databases.`,buttonText:`Authenticate`}}]},{id:`saas_page_dash`,name:`Dashboard`,slug:`dashboard`,settings:{backgroundColor:`#f5f5f7`},elements:[{id:`saas_d_sidebar`,type:`sidebar`,name:`App Sidebar`,x:20,y:20,width:240,height:800,rotation:0,zIndex:10,styles:{backgroundColor:`#ffffff`,borderRadius:14,borderWidth:1,borderColor:`#e5e5ea`},content:{brandName:`Apex OS`,activeItem:`Overview`,items:[`Overview`,`Clusters`,`Deployments`,`Security`,`Settings`]}},{id:`saas_d_chart`,type:`chart`,name:`Throughput Chart`,x:280,y:20,width:720,height:360,rotation:0,zIndex:3,styles:{backgroundColor:`#ffffff`,borderRadius:14,borderWidth:1,borderColor:`#e5e5ea`,shadow:`sm`,paddingTop:20,paddingLeft:20,paddingRight:20},content:{title:`Network Bandwidth Usage (GB/s)`}},{id:`saas_d_table`,type:`dataTable`,name:`Deployments Table`,x:280,y:400,width:1100,height:320,rotation:0,zIndex:3,styles:{backgroundColor:`#ffffff`,borderRadius:14,borderWidth:1,borderColor:`#e5e5ea`,shadow:`sm`},content:{title:`Live Container Replicas`}}]}]}},Zi={id:`tmpl_ai_product`,name:`AI Agent Studio`,category:`saas`,style:`dark`,description:`OLED dark-mode generative AI interface with prompt consoles, model comparison cards, and token analytics.`,keywords:[`ai`,`agent`,`chatgpt`,`gemini`,`dark`,`prompt`,`machine learning`,`llm`],project:{id:`proj_tmpl_ai`,name:`AI Agent Studio`,type:`saas`,createdAt:new Date().toISOString(),updatedAt:new Date().toISOString(),settings:{canvasBackground:`#000000`,primaryColor:`#0a84ff`,theme:`dark`},designSystem:Yr.find(e=>e.id===`dark`)?.tokens||Qr,pages:[{id:`ai_page_home`,name:`Home`,slug:`home`,settings:{backgroundColor:`#000000`},elements:[{id:`ai_nav`,type:`navbar`,name:`Navbar`,x:60,y:24,width:1320,height:64,rotation:0,zIndex:10,styles:{backgroundColor:`#1c1c1e`,borderRadius:12,borderWidth:1,borderColor:`#38383a`},content:{brandName:`Cognitive AI`,links:[`Models`,`Playground`,`API`,`Pricing`]}},{id:`ai_hero`,type:`hero`,name:`Hero`,x:170,y:110,width:1100,height:290,rotation:0,zIndex:2,styles:{backgroundColor:`transparent`},content:{badge:`Next-Generation Multimodal Intelligence`,headline:`Autonomous reasoning agents built for enterprise scale.`,subhead:`Orchestrate multi-step tools, grounded web lookups, and deep reasoning models in one API.`,primaryBtnText:`Try in Playground`,secondaryBtnText:`View API Docs`}},{id:`ai_card1`,type:`featureCard`,name:`Model 1`,x:180,y:430,width:520,height:150,rotation:0,zIndex:3,styles:{backgroundColor:`#1c1c1e`,borderRadius:16,borderWidth:1,borderColor:`#38383a`,textColor:`#ffffff`},content:{icon:`Sparkles`,title:`Deep Reasoning 2.0`,description:`High-capability complex problem solver with multi-step chain-of-thought verification.`}},{id:`ai_card2`,type:`featureCard`,name:`Model 2`,x:740,y:430,width:520,height:150,rotation:0,zIndex:3,styles:{backgroundColor:`#1c1c1e`,borderRadius:16,borderWidth:1,borderColor:`#38383a`,textColor:`#ffffff`},content:{icon:`Zap`,title:`Flash Lite 500k`,description:`Sub-millisecond inference with massive token throughput for edge devices.`}}]},{id:`ai_page_dash`,name:`Dashboard`,slug:`dashboard`,settings:{backgroundColor:`#000000`},elements:[{id:`ai_d_chart`,type:`chart`,name:`Token Usage Chart`,x:60,y:30,width:1320,height:380,rotation:0,zIndex:3,styles:{backgroundColor:`#1c1c1e`,borderRadius:16,borderWidth:1,borderColor:`#38383a`},content:{title:`API Ingestion Throughput (Tokens/Sec)`}}]}]}},Qi={id:`tmpl_analytics_dashboard`,name:`Apex Revenue Analytics`,category:`dashboards`,style:`minimal`,description:`Enterprise revenue & growth analytics cockpit with 4 KPI stat cards, monthly MRR line chart, traffic distribution donut, recent orders data table, and real-time activity stream.`,keywords:[`dashboard`,`analytics`,`kpi`,`metrics`,`charts`,`data`,`admin`,`revenue`,`orders`,`conversion`,`users`],project:Ji()},$i={id:`tmpl_ecommerce_store`,name:`Atelier Commerce`,category:`ecommerce`,style:`minimal`,description:`Luxury lifestyle store with product grids, cart drawers, and responsive checkout forms.`,keywords:[`ecommerce`,`shop`,`store`,`cart`,`checkout`,`products`,`retail`,`fashion`],project:{id:`proj_tmpl_ecom`,name:`Atelier Commerce`,type:`website`,createdAt:new Date().toISOString(),updatedAt:new Date().toISOString(),settings:{canvasBackground:`#ffffff`,primaryColor:`#1d1d1f`,theme:`light`},designSystem:Qr,pages:[{id:`ecom_page_home`,name:`Home`,slug:`home`,settings:{backgroundColor:`#ffffff`},elements:[{id:`ecom_nav`,type:`navbar`,name:`Store Header`,x:60,y:20,width:1320,height:64,rotation:0,zIndex:10,styles:{backgroundColor:`#ffffff`,borderWidth:1,borderColor:`#e5e5ea`},content:{brandName:`ATELIER`,links:[`Apparel`,`Accessories`,`Objects`,`Journal`,`Cart (2)`]}},{id:`ecom_hero`,type:`hero`,name:`Editorial Hero`,x:170,y:110,width:1100,height:290,rotation:0,zIndex:2,styles:{backgroundColor:`transparent`},content:{badge:`Summer 2026 Collection`,headline:`Pure materials. Timeless silhouettes.`,subhead:`Engineered Japanese wool, organic raw cotton, and surgical-grade stainless hardware.`,primaryBtnText:`Shop the Lookbook`,secondaryBtnText:`Explore Objects`}},{id:`ecom_p1`,type:`productCard`,name:`Product 1`,x:180,y:430,width:320,height:380,rotation:0,zIndex:3,styles:{backgroundColor:`#ffffff`,borderRadius:12,borderWidth:1,borderColor:`#e5e5ea`},content:{title:`Tailored Wool Overshirt`,price:`$280`}},{id:`ecom_p2`,type:`productCard`,name:`Product 2`,x:560,y:430,width:320,height:380,rotation:0,zIndex:3,styles:{backgroundColor:`#ffffff`,borderRadius:12,borderWidth:1,borderColor:`#e5e5ea`},content:{title:`Raw Selvedge Denim`,price:`$220`}},{id:`ecom_p3`,type:`productCard`,name:`Product 3`,x:940,y:430,width:320,height:380,rotation:0,zIndex:3,styles:{backgroundColor:`#ffffff`,borderRadius:12,borderWidth:1,borderColor:`#e5e5ea`},content:{title:`Minimalist Titanium Watch`,price:`$490`}}]}]}},ea={id:`tmpl_creative_portfolio`,name:`Studio Monolith`,category:`portfolios`,style:`minimal`,description:`Architectural portfolio showcase with high-contrast typography, case study grids, and inquiry forms.`,keywords:[`portfolio`,`design`,`agency`,`creative`,`architect`,`freelancer`,`studio`],project:{id:`proj_tmpl_portfolio`,name:`Studio Monolith`,type:`website`,createdAt:new Date().toISOString(),updatedAt:new Date().toISOString(),settings:{canvasBackground:`#f5f5f7`,primaryColor:`#1d1d1f`,theme:`light`},designSystem:Qr,pages:[{id:`port_page_home`,name:`Home`,slug:`home`,settings:{backgroundColor:`#f5f5f7`},elements:[{id:`port_nav`,type:`navbar`,name:`Nav`,x:60,y:20,width:1320,height:60,rotation:0,zIndex:10,styles:{backgroundColor:`#ffffff`,borderRadius:10,borderWidth:1,borderColor:`#e5e5ea`},content:{brandName:`Studio Monolith`,links:[`Work`,`Philosophy`,`About`,`Inquire`]}},{id:`port_hero`,type:`hero`,name:`Hero`,x:170,y:110,width:1100,height:280,rotation:0,zIndex:2,styles:{backgroundColor:`transparent`},content:{badge:`Design & Architecture Practice`,headline:`We shape physical & digital spaces with radical clarity.`,subhead:`Award-winning industrial design, spatial computing, and identity systems.`,primaryBtnText:`Explore Selected Work`,secondaryBtnText:`Read Monograph`}}]}]}},ta={id:`tmpl_mobile_banking`,name:`Nova Mobile Banking`,category:`mobile`,style:`minimal`,description:`Native mobile banking application with multi-screen flow, safe areas, transaction lists, virtual cards, transfer sheets, and bottom navigation tabs.`,keywords:[`mobile`,`banking`,`finance`,`ios`,`android`,`wallet`,`transfer`,`cards`,`react native`],project:Yi()},na={id:`tmpl_proposal_project`,name:`Proposal for a new project`,category:`presentations`,style:`bold`,description:`Creative project proposal deck with vibrant pink background and key milestones.`,keywords:[`proposal`,`project`,`deck`,`canva`],project:{id:`proj_tmpl_proposal`,name:`Proposal for a new project`,type:`webapp`,createdAt:new Date().toISOString(),updatedAt:new Date().toISOString(),settings:{canvasBackground:`#ff4b72`,primaryColor:`#ffffff`,theme:`light`},pages:[{id:`p_prop_1`,name:`Slide 1`,slug:`slide-1`,settings:{backgroundColor:`#ff4b72`},elements:[{id:`el_prop_1`,type:`heading`,name:`Title`,x:80,y:100,width:900,height:120,rotation:0,zIndex:2,styles:{fontSize:44,fontWeight:`800`,textColor:`#ffffff`},content:{text:`Proposal for a new project`}}]}]}},ra={id:`tmpl_art_society`,name:`Art and Society`,category:`presentations`,style:`vibrant`,description:`Art, history and society presentation template.`,keywords:[`art`,`society`,`presentation`,`canva`],project:{id:`proj_tmpl_art`,name:`Art and Society`,type:`webapp`,createdAt:new Date().toISOString(),updatedAt:new Date().toISOString(),settings:{canvasBackground:`#00a8b5`,primaryColor:`#ffffff`,theme:`light`},pages:[{id:`p_art_1`,name:`Slide 1`,slug:`slide-1`,settings:{backgroundColor:`#00a8b5`},elements:[{id:`el_art_1`,type:`heading`,name:`Title`,x:100,y:120,width:800,height:100,rotation:0,zIndex:2,styles:{fontSize:40,fontWeight:`800`,textColor:`#ffffff`},content:{text:`Art and Society`}}]}]}},ia={id:`tmpl_classroom_rules`,name:`Classroom Rules`,category:`presentations`,style:`minimal`,description:`Educational classroom rules presentation with clear vector illustrations.`,keywords:[`classroom`,`rules`,`education`,`canva`],project:{id:`proj_tmpl_rules`,name:`Classroom Rules`,type:`webapp`,createdAt:new Date().toISOString(),updatedAt:new Date().toISOString(),settings:{canvasBackground:`#003366`,primaryColor:`#ffffff`,theme:`light`},pages:[{id:`p_rules_1`,name:`Slide 1`,slug:`slide-1`,settings:{backgroundColor:`#003366`},elements:[{id:`el_rules_1`,type:`heading`,name:`Title`,x:80,y:80,width:840,height:90,rotation:0,zIndex:2,styles:{fontSize:48,fontWeight:`800`,textColor:`#ffffff`},content:{text:`CLASSROOM RULES`}}]}]}},aa={id:`tmpl_working_safely`,name:`Working Safely in Art Class`,category:`presentations`,style:`colorful`,description:`Art class safety guidelines deck.`,keywords:[`safety`,`art`,`class`,`canva`],project:{id:`proj_tmpl_safely`,name:`Working Safely in Art Class`,type:`webapp`,createdAt:new Date().toISOString(),updatedAt:new Date().toISOString(),settings:{canvasBackground:`#ff9800`,primaryColor:`#ffffff`,theme:`light`},pages:[{id:`p_safe_1`,name:`Slide 1`,slug:`slide-1`,settings:{backgroundColor:`#ff9800`},elements:[{id:`el_safe_1`,type:`heading`,name:`Title`,x:80,y:90,width:880,height:100,rotation:0,zIndex:2,styles:{fontSize:38,fontWeight:`800`,textColor:`#ffffff`},content:{text:`WORKING SAFELY WITH PAINTS IN ART CLASS`}}]}]}},oa={id:`tmpl_poster_plan`,name:`My Poster Plan`,category:`presentations`,style:`vibrant`,description:`Poster planning and layout workshop template.`,keywords:[`poster`,`plan`,`design`,`canva`],project:{id:`proj_tmpl_poster`,name:`My Poster Plan`,type:`webapp`,createdAt:new Date().toISOString(),updatedAt:new Date().toISOString(),settings:{canvasBackground:`#1a237e`,primaryColor:`#ffffff`,theme:`light`},pages:[{id:`p_post_1`,name:`Slide 1`,slug:`slide-1`,settings:{backgroundColor:`#1a237e`},elements:[{id:`el_post_1`,type:`heading`,name:`Title`,x:90,y:110,width:800,height:100,rotation:0,zIndex:2,styles:{fontSize:44,fontWeight:`800`,textColor:`#ffeb3b`},content:{text:`My Poster Plan`}}]}]}},sa=[Xi,Zi,Qi,ta,$i,ea,{id:`tmpl_design_portfolio_canva`,name:`Design Portfolio`,category:`portfolios`,style:`minimal`,description:`Clean design portfolio showcase deck.`,keywords:[`portfolio`,`design`,`canva`],project:{id:`proj_tmpl_port_c`,name:`Design Portfolio`,type:`webapp`,createdAt:new Date().toISOString(),updatedAt:new Date().toISOString(),settings:{canvasBackground:`#ffffff`,primaryColor:`#1d1d1f`,theme:`light`},pages:[{id:`p_dp_1`,name:`Slide 1`,slug:`slide-1`,settings:{backgroundColor:`#ffffff`},elements:[{id:`el_dp_1`,type:`heading`,name:`Title`,x:100,y:120,width:800,height:100,rotation:0,zIndex:2,styles:{fontSize:48,fontWeight:`800`,textColor:`#1d1d1f`},content:{text:`Design Portfolio`}}]}]}},{id:`tmpl_group_project`,name:`group project`,category:`presentations`,style:`bold`,description:`Group project collaboration template.`,keywords:[`group`,`project`,`canva`],project:{id:`proj_tmpl_group`,name:`group project`,type:`webapp`,createdAt:new Date().toISOString(),updatedAt:new Date().toISOString(),settings:{canvasBackground:`#b71c1c`,primaryColor:`#ffffff`,theme:`light`},pages:[{id:`p_grp_1`,name:`Slide 1`,slug:`slide-1`,settings:{backgroundColor:`#b71c1c`},elements:[{id:`el_grp_1`,type:`heading`,name:`Title`,x:80,y:100,width:800,height:100,rotation:0,zIndex:2,styles:{fontSize:44,fontWeight:`800`,textColor:`#ffffff`},content:{text:`group project`}}]}]}},na,ra,ia,aa,oa],ca=`C:/Users/Shadow/Desktop/cyrus/src/components/icons/AiChipIcon.tsx`;function la({className:e=`w-6 h-6`,size:t,...n}){let r=t||void 0,i=t||void 0,a=k.useId();return(0,j.jsxDEV)(`svg`,{viewBox:`0 0 24 24`,fill:`none`,xmlns:`http://www.w3.org/2000/svg`,className:e,width:r,height:i,...n,children:[(0,j.jsxDEV)(`defs`,{children:(0,j.jsxDEV)(`linearGradient`,{id:a,x1:`0%`,y1:`0%`,x2:`100%`,y2:`100%`,children:[(0,j.jsxDEV)(`stop`,{offset:`0%`,stopColor:`#7d2ae8`},void 0,!1,{fileName:ca,lineNumber:25,columnNumber:11},this),(0,j.jsxDEV)(`stop`,{offset:`100%`,stopColor:`#0071e3`},void 0,!1,{fileName:ca,lineNumber:26,columnNumber:11},this)]},void 0,!0,{fileName:ca,lineNumber:24,columnNumber:9},this)},void 0,!1,{fileName:ca,lineNumber:23,columnNumber:7},this),(0,j.jsxDEV)(`path`,{d:`M12 2C12 7.5 16.5 12 22 12C16.5 12 12 16.5 12 22C12 16.5 7.5 12 2 12C7.5 12 12 7.5 12 2Z`,fill:`url(#${a})`},void 0,!1,{fileName:ca,lineNumber:31,columnNumber:7},this),(0,j.jsxDEV)(`path`,{d:`M19 3C19 5 20.5 6.5 22.5 6.5C20.5 6.5 19 8 19 10C19 8 17.5 6.5 15.5 6.5C17.5 6.5 19 5 19 3Z`,fill:`#0071e3`,opacity:`0.85`},void 0,!1,{fileName:ca,lineNumber:37,columnNumber:7},this)]},void 0,!0,{fileName:ca,lineNumber:14,columnNumber:5},this)}var ua=`C:/Users/Shadow/Desktop/cyrus/src/components/dialogs/AIChatModal.tsx`,da=[{id:`msg_1`,sender:`ai`,text:`Hello! I'm Cyrus AI Magic. Describe any website, SaaS platform, mobile app, or UI component you want to build, and I'll generate the full layout and code for you.`,timestamp:`Just now`}],fa=[`🚀 Build a SaaS Landing Page`,`📱 Create a Mobile Banking App`,`📊 Design an Analytics Dashboard`,`💳 Create a Pricing Table Card`];function pa({isOpen:e,onClose:t,onOpenProject:n}){let{addToast:r}=Vr(),{ai:i}=di(),[a,o]=(0,k.useState)(da),[s,c]=(0,k.useState)(``),[l,d]=(0,k.useState)(!1),f=(0,k.useRef)(null);if((0,k.useEffect)(()=>{e&&f.current?.scrollIntoView({behavior:`smooth`})},[e,a,l]),!e)return null;let p=async e=>{let t=(e||s).trim();if(!t||l)return;let n={id:`usr_${Date.now()}`,sender:`user`,text:t,timestamp:new Date().toLocaleTimeString([],{hour:`2-digit`,minute:`2-digit`})};o(e=>[...e,n]),c(``),d(!0),setTimeout(async()=>{let e=t.toLowerCase(),n=`webapp`,r=`AI Generated Design`,i=`Full multi-element UI canvas synthesized by Gemini AI Magic.`,a=6;e.includes(`mobile`)||e.includes(`app`)||e.includes(`ios`)?(n=`mobile`,r=`Mobile App Design`,i=`iOS/Android responsive mobile interface layout.`,a=5):e.includes(`dashboard`)||e.includes(`analytics`)||e.includes(`chart`)?(n=`dashboard`,r=`Analytics Dashboard`,i=`Data visualization layout with KPI metrics and charts.`,a=8):(e.includes(`saas`)||e.includes(`landing`))&&(n=`webapp`,r=`SaaS Platform`,i=`Hero section, navigation, feature cards, and pricing.`,a=7);let s={id:`ai_${Date.now()}`,sender:`ai`,text:`I've synthesized a **${r}** based on your prompt: "${t}". Click below to open and edit it live on the canvas!`,timestamp:new Date().toLocaleTimeString([],{hour:`2-digit`,minute:`2-digit`}),projectPreview:{type:n,title:r,description:i,elementCount:a}};o(e=>[...e,s]),d(!1)},1e3)},m=async e=>{try{let i=`page_${O()}`,a={id:O(`proj`),name:e?.title||`AI Design Project`,type:e?.type||`webapp`,createdAt:new Date().toISOString(),updatedAt:new Date().toISOString(),pages:[{id:i,name:`Page 1`,slug:`page-1`,settings:{backgroundColor:`#ffffff`},elements:[{id:`el_${O()}`,type:`navbar`,name:`Nav Bar`,x:40,y:20,width:800,height:64,styles:{backgroundColor:`#ffffff`,borderRadius:12,borderWidth:1,borderColor:`#e5e5ea`,shadow:`sm`},content:{brandName:`Cyrus AI`}},{id:`el_${O()}`,type:`hero`,name:`Hero Section`,x:40,y:100,width:800,height:320,styles:{backgroundColor:`#ffffff`,borderRadius:16,borderWidth:1,borderColor:`#e5e5ea`,shadow:`sm`},content:{headline:e?.title||`AI Generated Product`,subhead:e?.description||`Built with Cyrus AI Magic`}},{id:`el_${O()}`,type:`input_search_bar`,name:`Search Bar`,x:40,y:440,width:320,height:44,styles:{backgroundColor:`#ffffff`,borderRadius:12,borderWidth:1,borderColor:`#e5e5ea`,shadow:`2xs`},content:{placeholder:`Search...`}}]}],components:[],variables:[],dataSources:[],settings:{canvasBackground:`#ffffff`},designSystem:{colors:{primary:`#0071e3`,secondary:`#7d2ae8`,background:`#ffffff`,surface:`#f5f5f7`,text:`#1d1d1f`},typography:{fontFamily:`Inter, sans-serif`,fontSizeBase:14,headings:{h1:32,h2:24,h3:18}},spacing:{unit:8,scale:[0,4,8,16,24,32,48,64]}}};await Zr(a),r(`Created project "${a.name}"!`,`success`),t(),n(a.id)}catch(e){console.error(`Error launching project from AI Chat:`,e)}};return(0,j.jsxDEV)(`div`,{onClick:t,className:`fixed inset-0 bg-black/50 backdrop-blur-xs flex items-center justify-center p-4 sm:p-6 z-[999999] animate-in fade-in duration-150 select-none font-sans`,children:(0,j.jsxDEV)(`div`,{onClick:e=>e.stopPropagation(),className:`w-full max-w-2xl bg-white dark:bg-[#1c1c1e] text-[#1d1d1f] dark:text-[#f5f5f7] rounded-3xl border border-[#e5e5ea] dark:border-[#38383a] shadow-apple-lg flex flex-col h-[640px] max-h-[90vh] overflow-hidden animate-in zoom-in-95 duration-150 relative`,children:[(0,j.jsxDEV)(`div`,{className:`p-4 px-6 bg-white/80 dark:bg-[#1c1c1e]/80 backdrop-blur-md border-b border-[#f4f4f6] dark:border-[#2c2c2e] flex items-center justify-between z-10 shrink-0`,children:[(0,j.jsxDEV)(`div`,{className:`flex items-center gap-3`,children:[(0,j.jsxDEV)(`div`,{className:`w-10 h-10 rounded-2xl bg-gradient-to-tr from-[#7d2ae8]/15 to-[#0071e3]/15 border border-[#7d2ae8]/20 flex items-center justify-center text-[#7d2ae8] dark:text-[#9d52ff]`,children:(0,j.jsxDEV)(la,{className:`w-6 h-6`},void 0,!1,{fileName:ua,lineNumber:221,columnNumber:15},this)},void 0,!1,{fileName:ua,lineNumber:220,columnNumber:13},this),(0,j.jsxDEV)(`div`,{children:[(0,j.jsxDEV)(`div`,{className:`flex items-center gap-2`,children:[(0,j.jsxDEV)(`h3`,{className:`text-[15.5px] font-bold tracking-tight text-[#1d1d1f] dark:text-white`,children:`AI Magic Chat`},void 0,!1,{fileName:ua,lineNumber:225,columnNumber:17},this),(0,j.jsxDEV)(`span`,{className:`px-2 py-0.5 rounded-full bg-[#7d2ae8]/10 text-[#7d2ae8] dark:text-[#9d52ff] text-[10px] font-semibold`,children:`Gemini 1.5 Flash`},void 0,!1,{fileName:ua,lineNumber:226,columnNumber:17},this)]},void 0,!0,{fileName:ua,lineNumber:224,columnNumber:15},this),(0,j.jsxDEV)(`p`,{className:`text-[11.5px] text-[#86868b] dark:text-[#8e8e93]`,children:`Ask AI Magic to generate layouts, web apps, or UI components.`},void 0,!1,{fileName:ua,lineNumber:230,columnNumber:15},this)]},void 0,!0,{fileName:ua,lineNumber:223,columnNumber:13},this)]},void 0,!0,{fileName:ua,lineNumber:219,columnNumber:11},this),(0,j.jsxDEV)(`button`,{type:`button`,onClick:t,className:`w-8 h-8 rounded-full bg-[#f4f4f6] dark:bg-[#2c2c2e] hover:bg-[#e5e5ea] dark:hover:bg-[#38383a] text-[#86868b] hover:text-[#1d1d1f] dark:hover:text-white flex items-center justify-center transition-all cursor-pointer`,children:(0,j.jsxDEV)(ln,{className:`w-4 h-4`},void 0,!1,{fileName:ua,lineNumber:241,columnNumber:13},this)},void 0,!1,{fileName:ua,lineNumber:236,columnNumber:11},this)]},void 0,!0,{fileName:ua,lineNumber:218,columnNumber:9},this),(0,j.jsxDEV)(`div`,{className:`flex-1 overflow-y-auto p-5 space-y-4 bg-[#fafafa] dark:bg-[#141416]`,children:[a.map(e=>{let t=e.sender===`user`;return(0,j.jsxDEV)(`div`,{className:D(`flex gap-3 max-w-[88%]`,t?`ml-auto flex-row-reverse`:`mr-auto`),children:[(0,j.jsxDEV)(`div`,{className:D(`w-8 h-8 rounded-full shrink-0 flex items-center justify-center text-xs font-semibold shadow-2xs`,t?`bg-[#0071e3] text-white`:`bg-gradient-to-tr from-[#7d2ae8] to-[#0071e3] text-white`),children:t?(0,j.jsxDEV)(an,{className:`w-4 h-4`},void 0,!1,{fileName:ua,lineNumber:263,columnNumber:29},this):(0,j.jsxDEV)(he,{className:`w-4 h-4`},void 0,!1,{fileName:ua,lineNumber:263,columnNumber:60},this)},void 0,!1,{fileName:ua,lineNumber:255,columnNumber:17},this),(0,j.jsxDEV)(`div`,{className:`flex flex-col gap-1.5`,children:[(0,j.jsxDEV)(`div`,{className:D(`p-3.5 rounded-2xl text-[13px] leading-relaxed shadow-2xs`,t?`bg-[#0071e3] text-white rounded-tr-none`:`bg-white dark:bg-[#1c1c1e] text-[#1d1d1f] dark:text-[#f5f5f7] border border-[#e5e5ea] dark:border-[#2c2c2e] rounded-tl-none`),children:e.text},void 0,!1,{fileName:ua,lineNumber:268,columnNumber:19},this),e.projectPreview&&(0,j.jsxDEV)(`div`,{className:`mt-1 p-4 rounded-2xl bg-white dark:bg-[#1c1c1e] border border-[#e5e5ea] dark:border-[#2c2c2e] shadow-apple-md flex flex-col gap-3`,children:[(0,j.jsxDEV)(`div`,{className:`flex items-center justify-between`,children:[(0,j.jsxDEV)(`div`,{className:`flex items-center gap-2`,children:[e.projectPreview.type===`mobile`?(0,j.jsxDEV)(ht,{className:`w-5 h-5 text-[#ff2d55]`},void 0,!1,{fileName:ua,lineNumber:285,columnNumber:29},this):e.projectPreview.type===`dashboard`?(0,j.jsxDEV)(u,{className:`w-5 h-5 text-[#34c759]`},void 0,!1,{fileName:ua,lineNumber:287,columnNumber:29},this):(0,j.jsxDEV)(Dr,{className:`w-5 h-5 text-[#7d2ae8]`},void 0,!1,{fileName:ua,lineNumber:289,columnNumber:29},this),(0,j.jsxDEV)(`span`,{className:`font-bold text-[14px] text-[#1d1d1f] dark:text-white`,children:e.projectPreview.title},void 0,!1,{fileName:ua,lineNumber:291,columnNumber:27},this)]},void 0,!0,{fileName:ua,lineNumber:283,columnNumber:25},this),(0,j.jsxDEV)(`span`,{className:`px-2 py-0.5 rounded-full bg-[#f4f4f6] dark:bg-[#2c2c2e] text-[10.5px] font-semibold text-[#86868b]`,children:[e.projectPreview.elementCount,` elements`]},void 0,!0,{fileName:ua,lineNumber:295,columnNumber:25},this)]},void 0,!0,{fileName:ua,lineNumber:282,columnNumber:23},this),(0,j.jsxDEV)(`p`,{className:`text-[12px] text-[#6e6e73] dark:text-[#8e8e93]`,children:e.projectPreview.description},void 0,!1,{fileName:ua,lineNumber:300,columnNumber:23},this),(0,j.jsxDEV)(`button`,{type:`button`,onClick:()=>m(e.projectPreview),className:`w-full py-2.5 rounded-xl bg-[#0071e3] hover:bg-[#0077ed] text-white text-[12.5px] font-semibold flex items-center justify-center gap-2 shadow-apple-sm transition-all cursor-pointer active:scale-[0.98]`,children:[(0,j.jsxDEV)(`span`,{children:`Open Project in Studio`},void 0,!1,{fileName:ua,lineNumber:309,columnNumber:25},this),(0,j.jsxDEV)(Ln,{className:`w-4 h-4`},void 0,!1,{fileName:ua,lineNumber:310,columnNumber:25},this)]},void 0,!0,{fileName:ua,lineNumber:304,columnNumber:23},this)]},void 0,!0,{fileName:ua,lineNumber:281,columnNumber:21},this),(0,j.jsxDEV)(`span`,{className:`text-[10px] text-[#86868b] px-1`,children:e.timestamp},void 0,!1,{fileName:ua,lineNumber:315,columnNumber:19},this)]},void 0,!0,{fileName:ua,lineNumber:267,columnNumber:17},this)]},e.id,!0,{fileName:ua,lineNumber:250,columnNumber:15},this)}),l&&(0,j.jsxDEV)(`div`,{className:`flex items-center gap-2 text-[#86868b] text-[12px] p-2 bg-white dark:bg-[#1c1c1e] rounded-2xl w-fit border border-[#e5e5ea] dark:border-[#2c2c2e] animate-pulse`,children:[(0,j.jsxDEV)(dr,{className:`w-4 h-4 animate-spin text-[#7d2ae8]`},void 0,!1,{fileName:ua,lineNumber:323,columnNumber:15},this),(0,j.jsxDEV)(`span`,{children:`Cyrus AI is synthesizing layout...`},void 0,!1,{fileName:ua,lineNumber:324,columnNumber:15},this)]},void 0,!0,{fileName:ua,lineNumber:322,columnNumber:13},this),(0,j.jsxDEV)(`div`,{ref:f},void 0,!1,{fileName:ua,lineNumber:327,columnNumber:11},this)]},void 0,!0,{fileName:ua,lineNumber:246,columnNumber:9},this),(0,j.jsxDEV)(`div`,{className:`p-2.5 px-4 bg-white dark:bg-[#1c1c1e] border-t border-[#f4f4f6] dark:border-[#2c2c2e] flex items-center gap-2 overflow-x-auto no-scrollbar shrink-0`,children:fa.map((e,t)=>(0,j.jsxDEV)(`button`,{type:`button`,onClick:()=>p(e.replace(/^[^a-zA-Z]+/,``)),className:`px-3 py-1.5 rounded-full bg-[#f4f4f6] dark:bg-[#2c2c2e] hover:bg-[#e5e5ea] dark:hover:bg-[#38383a] text-[11px] font-medium text-[#1d1d1f] dark:text-[#f5f5f7] whitespace-nowrap transition-all cursor-pointer shrink-0`,children:e},t,!1,{fileName:ua,lineNumber:333,columnNumber:13},this))},void 0,!1,{fileName:ua,lineNumber:331,columnNumber:9},this),(0,j.jsxDEV)(`div`,{className:`p-3.5 bg-white dark:bg-[#1c1c1e] border-t border-[#e5e5ea] dark:border-[#38383a] shrink-0`,children:(0,j.jsxDEV)(`form`,{onSubmit:e=>{e.preventDefault(),p()},className:`relative flex items-center`,children:[(0,j.jsxDEV)(`input`,{type:`text`,value:s,onChange:e=>c(e.target.value),placeholder:`Ask AI Magic to design a website, app, or component...`,className:`w-full h-11 pl-4 pr-12 bg-[#f4f4f6] dark:bg-[#2c2c2e] text-[13px] text-[#1d1d1f] dark:text-[#f5f5f7] placeholder:text-[#86868b] rounded-2xl border border-transparent focus:border-[#7d2ae8] focus:bg-white dark:focus:bg-[#1c1c1e] outline-none transition-all`},void 0,!1,{fileName:ua,lineNumber:353,columnNumber:13},this),(0,j.jsxDEV)(`button`,{type:`submit`,disabled:!s.trim()||l,className:`absolute right-2 w-8 h-8 rounded-xl bg-[#7d2ae8] hover:bg-[#6b21ce] disabled:opacity-40 text-white flex items-center justify-center transition-all cursor-pointer shadow-2xs`,children:(0,j.jsxDEV)(ir,{className:`w-4 h-4`},void 0,!1,{fileName:ua,lineNumber:365,columnNumber:15},this)},void 0,!1,{fileName:ua,lineNumber:360,columnNumber:13},this)]},void 0,!0,{fileName:ua,lineNumber:346,columnNumber:11},this)},void 0,!1,{fileName:ua,lineNumber:345,columnNumber:9},this)]},void 0,!0,{fileName:ua,lineNumber:213,columnNumber:7},this)},void 0,!1,{fileName:ua,lineNumber:209,columnNumber:5},this)}var ma=[{id:`prod_1`,name:`AirPulse Pro Wireless Headphones`,price:`$299`,rawPrice:299,category:`Audio`,rating:`4.9 ★`,inStock:!0,image:`https://images.unsplash.com/photo-1505740420928-5e560c06d30e?w=800&auto=format&fit=crop&q=80`,description:`Spatial audio with active noise cancellation and 40-hour ultra-long battery life.`,tag:`Best Seller`},{id:`prod_2`,name:`Retina Ultra Smartwatch 45mm`,price:`$399`,rawPrice:399,category:`Wearables`,rating:`4.8 ★`,inStock:!0,image:`https://images.unsplash.com/photo-1523275335684-37898b6baf30?w=800&auto=format&fit=crop&q=80`,description:`Sapphire crystal display, ECG monitoring, and precision dual-frequency GPS.`,tag:`New`},{id:`prod_3`,name:`Studio Master Mechanical Keyboard`,price:`$189`,rawPrice:189,category:`Accessories`,rating:`5.0 ★`,inStock:!0,image:`https://images.unsplash.com/photo-1587829741301-dc798b83add3?w=800&auto=format&fit=crop&q=80`,description:`CNC aluminum chassis with hot-swappable tactile switches and sound dampening foam.`,tag:`Featured`},{id:`prod_4`,name:`Lumix Ergonomic Studio Mouse`,price:`$119`,rawPrice:119,category:`Accessories`,rating:`4.7 ★`,inStock:!1,image:`https://images.unsplash.com/photo-1615663245857-ac93bb7c39e7?w=800&auto=format&fit=crop&q=80`,description:`MagSpeed electromagnetic scroll wheel with 8,000 DPI Darkfield tracking.`,tag:`Backorder`}],ha={id:`usr_007`,name:`Alexander Wright`,email:`alexander.wright@cyrus.design`,avatar:`https://images.unsplash.com/photo-1534528741775-53994a69daeb?w=400&auto=format&fit=crop&q=80`,role:`Lead Architect`,plan:`Pro Enterprise`,isVerified:!0},ga=[{orderId:`#ORD-9842`,customer:`Sarah Jenkins`,amount:`$299.00`,status:`Delivered`,date:`Aug 14, 2026`,itemsCount:1},{orderId:`#ORD-9843`,customer:`Marcus Chen`,amount:`$588.00`,status:`Processing`,date:`Aug 15, 2026`,itemsCount:2},{orderId:`#ORD-9844`,customer:`Elena Rostova`,amount:`$189.00`,status:`Shipped`,date:`Aug 15, 2026`,itemsCount:1}],_a={revenue:`$142,850`,mrr:`$28,400`,activeUsers:`18,420`,conversionRate:`4.8%`,growthPercentage:`+24.5%`},va=[{id:`var_user`,name:`user`,type:`object`,defaultValue:ha,sampleValue:ha,description:`Current authenticated user profile`,category:`user`},{id:`var_is_logged_in`,name:`isLoggedIn`,type:`boolean`,defaultValue:!0,sampleValue:!0,description:`User authentication session state`,category:`user`},{id:`var_user_name`,name:`userName`,type:`text`,defaultValue:`Alexander Wright`,sampleValue:`Alexander Wright`,description:`Display name for greeting & headers`,category:`user`},{id:`var_products`,name:`products`,type:`array`,defaultValue:ma,sampleValue:ma,description:`E-commerce catalog items list for cards and grids`,category:`ecommerce`},{id:`var_orders`,name:`orders`,type:`array`,defaultValue:ga,sampleValue:ga,description:`Recent customer orders list`,category:`ecommerce`},{id:`var_analytics`,name:`analytics`,type:`object`,defaultValue:_a,sampleValue:_a,description:`Dashboard metrics and key performance indicators`,category:`analytics`},{id:`var_company_name`,name:`companyName`,type:`text`,defaultValue:`Cyrus Technologies`,sampleValue:`Cyrus Technologies`,description:`Brand or application company name`,category:`general`}],ya=[{id:`ds_rest_api`,name:`Cyrus Cloud API`,type:`rest`,baseUrl:`https://api.cyrus.design/v1`,authType:`bearer`,isSecret:!1,endpoints:[{id:`ep_auth_login`,name:`Login User`,path:`/auth/login`,method:`POST`,headers:{"Content-Type":`application/json`},bodyTemplate:`{"email":"{{email}}","password":"{{password}}"}`,responseVariable:`user`},{id:`ep_get_products`,name:`Get Products`,path:`/products`,method:`GET`,responseVariable:`products`},{id:`ep_contact_submit`,name:`Send Contact Message`,path:`/contact`,method:`POST`,headers:{"Content-Type":`application/json`},bodyTemplate:`{"name":"{{name}}","email":"{{email}}","message":"{{message}}"}`}]}];function ba(e){switch(e){case`ecommerce`:return[{id:O(`var`),name:`products`,type:`array`,defaultValue:ma,sampleValue:ma,category:`ecommerce`,description:`Catalog products list`},{id:O(`var`),name:`cartCount`,type:`number`,defaultValue:3,sampleValue:3,category:`ecommerce`,description:`Number of items in shopping cart`},{id:O(`var`),name:`currency`,type:`text`,defaultValue:`USD`,sampleValue:`USD`,category:`ecommerce`}];case`auth`:return[{id:O(`var`),name:`user`,type:`object`,defaultValue:ha,sampleValue:ha,category:`user`,description:`User profile object`},{id:O(`var`),name:`isLoggedIn`,type:`boolean`,defaultValue:!0,sampleValue:!0,category:`user`}];case`analytics`:return[{id:O(`var`),name:`analytics`,type:`object`,defaultValue:_a,sampleValue:_a,category:`analytics`,description:`Real-time KPI metrics`}];default:return va}}function xa(e,t=8){return Math.round(e/t)*t}function Sa(e,t){return!(t.x>e.x+e.width||t.x+t.width<e.x||t.y>e.y+e.height||t.y+t.height<e.y)}function Ca(e,t,n,r){return{x:Math.min(e,n),y:Math.min(t,r),width:Math.abs(n-e),height:Math.abs(r-t)}}function wa(e){if(e.length===0)return{x:0,y:0,width:0,height:0};let t=1/0,n=1/0,r=-1/0,i=-1/0;for(let a of e)t=Math.min(t,a.x),n=Math.min(n,a.y),r=Math.max(r,a.x+a.width),i=Math.max(i,a.y+a.height);return{x:t,y:n,width:Math.max(0,r-t),height:Math.max(0,i-n)}}function Ta(e,t=5,n=15){let r=(e%360+360)%360,i=Math.round(r/n)*n;return Math.abs(r-i)<=t?i===360?0:i:Math.round(r)}function Ea(e,t){let n=[],r=e.x+e.width,i=e.y+e.height,a=e.x+e.width/2,o=e.y+e.height/2,s=t.x+t.width,c=t.y+t.height;if(t.x+t.width/2,t.y+t.height/2,r<=t.x){let e=Math.round(t.x-r);if(e>=0){let i=Math.min(Math.max(o,t.y),c);n.push({id:`h-right`,x1:r,y1:i,x2:t.x,y2:i,distance:e,orientation:`horizontal`,labelX:(r+t.x)/2,labelY:i})}}else if(s<=e.x){let r=Math.round(e.x-s);if(r>=0){let i=Math.min(Math.max(o,t.y),c);n.push({id:`h-left`,x1:s,y1:i,x2:e.x,y2:i,distance:r,orientation:`horizontal`,labelX:(s+e.x)/2,labelY:i})}}if(i<=t.y){let e=Math.round(t.y-i);if(e>=0){let r=Math.min(Math.max(a,t.x),s);n.push({id:`v-bottom`,x1:r,y1:i,x2:r,y2:t.y,distance:e,orientation:`vertical`,labelX:r,labelY:(i+t.y)/2})}}else if(c<=e.y){let r=Math.round(e.y-c);if(r>=0){let i=Math.min(Math.max(a,t.x),s);n.push({id:`v-top`,x1:i,y1:c,x2:i,y2:e.y,distance:r,orientation:`vertical`,labelX:i,labelY:(c+e.y)/2})}}return n}function Da(e,t,n){let r=[],i=e.x+e.width,a=e.y+e.height,o=e.x+e.width/2,s=e.y+e.height/2;r.push({id:`ab-left`,x1:0,y1:s,x2:e.x,y2:s,distance:Math.round(e.x),orientation:`horizontal`,labelX:e.x/2,labelY:s}),r.push({id:`ab-top`,x1:o,y1:0,x2:o,y2:e.y,distance:Math.round(e.y),orientation:`vertical`,labelX:o,labelY:e.y/2});let c=Math.max(0,t-i);r.push({id:`ab-right`,x1:i,y1:s,x2:t,y2:s,distance:Math.round(c),orientation:`horizontal`,labelX:(i+t)/2,labelY:s});let l=Math.max(0,n-a);return r.push({id:`ab-bottom`,x1:o,y1:a,x2:o,y2:n,distance:Math.round(l),orientation:`vertical`,labelX:o,labelY:(a+n)/2}),r}function Oa(e,t,n,r){if(e.length===0)return[];if(e.length===1){let i=e[0];switch(t){case`left`:return[{id:i.id,x:0,y:i.y}];case`center-h`:return[{id:i.id,x:Math.round((n-i.width)/2),y:i.y}];case`right`:return[{id:i.id,x:Math.round(n-i.width),y:i.y}];case`top`:return[{id:i.id,x:i.x,y:0}];case`middle-v`:return[{id:i.id,x:i.x,y:Math.round((r-i.height)/2)}];case`bottom`:return[{id:i.id,x:i.x,y:Math.round(r-i.height)}];default:return[{id:i.id,x:i.x,y:i.y}]}}let i=wa(e);switch(t){case`left`:return e.map(e=>({id:e.id,x:i.x,y:e.y}));case`center-h`:{let t=i.x+i.width/2;return e.map(e=>({id:e.id,x:Math.round(t-e.width/2),y:e.y}))}case`right`:{let t=i.x+i.width;return e.map(e=>({id:e.id,x:Math.round(t-e.width),y:e.y}))}case`top`:return e.map(e=>({id:e.id,x:e.x,y:i.y}));case`middle-v`:{let t=i.y+i.height/2;return e.map(e=>({id:e.id,x:e.x,y:Math.round(t-e.height/2)}))}case`bottom`:{let t=i.y+i.height;return e.map(e=>({id:e.id,x:e.x,y:Math.round(t-e.height)}))}case`distribute-h`:{if(e.length<3)return e.map(e=>({id:e.id,x:e.x,y:e.y}));let t=[...e].sort((e,t)=>e.x-t.x),n=t.reduce((e,t)=>e+t.width,0),r=(i.width-n)/(t.length-1),a=i.x;return t.map(e=>{let t={id:e.id,x:Math.round(a),y:e.y};return a+=e.width+r,t})}case`distribute-v`:{if(e.length<3)return e.map(e=>({id:e.id,x:e.x,y:e.y}));let t=[...e].sort((e,t)=>e.y-t.y),n=t.reduce((e,t)=>e+t.height,0),r=(i.height-n)/(t.length-1),a=i.y;return t.map(e=>{let t={id:e.id,x:e.x,y:Math.round(a)};return a+=e.height+r,t})}default:return e.map(e=>({id:e.id,x:e.x,y:e.y}))}}function ka(e,t,n,r,i=6){let a=e.x,o=e.y,s=[],c=e.x+e.width/2;e.x+e.width;let l=e.y+e.height/2;e.y+e.height;let u=[{pos:n/2,label:`canvas-center-x`,guidePos:n/2,offset:c-e.x},{pos:0,label:`canvas-left`,guidePos:0,offset:0},{pos:n,label:`canvas-right`,guidePos:n,offset:e.width}],d=[{pos:r/2,label:`canvas-center-y`,guidePos:r/2,offset:l-e.y},{pos:0,label:`canvas-top`,guidePos:0,offset:0},{pos:r,label:`canvas-bottom`,guidePos:r,offset:e.height}];for(let n of t){let t=n.x+n.width/2,r=n.x+n.width,i=n.y+n.height/2,a=n.y+n.height;u.push({pos:n.x,label:`elem-left`,guidePos:n.x,offset:0},{pos:t,label:`elem-center-x`,guidePos:t,offset:c-e.x},{pos:r,label:`elem-right`,guidePos:r,offset:e.width}),d.push({pos:n.y,label:`elem-top`,guidePos:n.y,offset:0},{pos:i,label:`elem-center-y`,guidePos:i,offset:l-e.y},{pos:a,label:`elem-bottom`,guidePos:a,offset:e.height})}let f=i+1,p=null;for(let t of u){let n=Math.abs(e.x+t.offset-t.pos);n<f&&(f=n,a=t.pos-t.offset,p={orientation:`vertical`,position:t.pos})}let m=i+1,h=null;for(let t of d){let n=Math.abs(e.y+t.offset-t.pos);n<m&&(m=n,o=t.pos-t.offset,h={orientation:`horizontal`,position:t.pos})}return p&&f<=i&&s.push(p),h&&m<=i&&s.push(h),{x:a,y:o,guides:s}}function Aa(e,t,n){return{id:O(`snap`),timestamp:Date.now(),description:n,pages:JSON.parse(JSON.stringify(e.pages)),designSystem:JSON.parse(JSON.stringify(e.designSystem||{})),components:JSON.parse(JSON.stringify(e.components||[])),variables:JSON.parse(JSON.stringify(e.variables||[])),dataSources:JSON.parse(JSON.stringify(e.dataSources||[])),activePageId:t}}var ja=null,M=Rr((e,t)=>({activeProject:null,activePageId:``,selectedElementIds:[],hoveredElementId:null,clipboard:[],isSaving:!1,lastSavedAt:null,past:[],future:[],setProject:t=>{let n=t.pages[0]?.id||``,r=t.variables&&t.variables.length>0?t.variables:va,i=t.dataSources&&t.dataSources.length>0?t.dataSources:ya;e({activeProject:{...t,variables:r,dataSources:i,useSampleData:t.useSampleData??!0},activePageId:n,selectedElementIds:[],hoveredElementId:null,clipboard:[],past:[],future:[],lastSavedAt:new Date().toLocaleTimeString([],{hour:`2-digit`,minute:`2-digit`})})},loadProjectFromStorage:async e=>{try{let n=await qr(e);return n?(t().setProject(n),!0):!1}catch(e){return console.error(`Failed to load project from storage:`,e),!1}},saveCurrentProject:()=>(e({isSaving:!0}),new Promise(n=>{ja&&clearTimeout(ja),ja=setTimeout(async()=>{let{activeProject:r}=t();if(!r){e({isSaving:!1}),n();return}try{await Zr(r),e({isSaving:!1,lastSavedAt:new Date().toLocaleTimeString([],{hour:`2-digit`,minute:`2-digit`})})}catch(t){console.error(`Error saving current project:`,t),e({isSaving:!1})}n()},2e3)})),setActivePage:t=>{e({activePageId:t,selectedElementIds:[],hoveredElementId:null})},updateProjectName:n=>{let{activeProject:r}=t();r&&(e({activeProject:{...r,name:n,updatedAt:new Date().toISOString()}}),t().saveCurrentProject())},updateProjectMeta:n=>{let{activeProject:r}=t();r&&(e({activeProject:{...r,name:n.name===void 0?r.name:n.name,type:n.type===void 0?r.type:n.type,updatedAt:new Date().toISOString()}}),t().saveCurrentProject())},updateProjectSettings:n=>{let{activeProject:r}=t();r&&(e({activeProject:{...r,settings:{...r.settings,...n},updatedAt:new Date().toISOString()}}),t().saveCurrentProject())},addPage:n=>{let{activeProject:r,activePageId:i,past:a}=t();if(!r)return``;let o=O(`page`),s=r.pages.length+1,c=n||`Page ${s}`,l={id:o,name:c,slug:c.toLowerCase().replace(/\s+/g,`-`),elements:[],settings:{backgroundColor:`#f5f5f7`,padding:32}},u=Aa(r,i,`Add page "${c}"`);return e({activeProject:{...r,pages:[...r.pages,l],updatedAt:new Date().toISOString()},activePageId:o,selectedElementIds:[],past:[u,...a.slice(0,39)],future:[]}),t().saveCurrentProject(),o},deletePage:n=>{let{activeProject:r,activePageId:i,past:a}=t();if(!r||r.pages.length<=1)return;let o=Aa(r,i,`Delete page "${r.pages.find(e=>e.id===n)?.name||`Page`}"`),s=r.pages.filter(e=>e.id!==n),c=i===n?s[0].id:i;e({activeProject:{...r,pages:s,updatedAt:new Date().toISOString()},activePageId:c,selectedElementIds:[],past:[o,...a.slice(0,39)],future:[]}),t().saveCurrentProject()},duplicatePage:n=>{let{activeProject:r,activePageId:i,past:a}=t();if(!r)return;let o=r.pages.find(e=>e.id===n);if(!o)return;let s=O(`page`),c=o.elements.map(e=>({...e,id:O(`elem`)})),l={...JSON.parse(JSON.stringify(o)),id:s,name:`${o.name} (Copy)`,slug:`${o.slug}-copy`,elements:c},u=Aa(r,i,`Duplicate page "${o.name}"`);e({activeProject:{...r,pages:[...r.pages,l],updatedAt:new Date().toISOString()},activePageId:s,selectedElementIds:[],past:[u,...a.slice(0,39)],future:[]}),t().saveCurrentProject()},renamePage:(n,r)=>{let{activeProject:i}=t();if(!i)return;let a=i.pages.map(e=>e.id===n?{...e,name:r,slug:r.toLowerCase().replace(/\s+/g,`-`)}:e);e({activeProject:{...i,pages:a,updatedAt:new Date().toISOString()}}),t().saveCurrentProject()},updatePageSettings:(n,r)=>{let{activeProject:i}=t();if(!i)return;let a=i.pages.map(e=>e.id===n?{...e,settings:{...e.settings||{},...r}}:e);e({activeProject:{...i,pages:a,updatedAt:new Date().toISOString()}}),t().saveCurrentProject()},selectElement:(n,r=!1)=>{if(!n){e({selectedElementIds:[]});return}if(r){let{selectedElementIds:r}=t();r.includes(n)?e({selectedElementIds:r.filter(e=>e!==n)}):e({selectedElementIds:[...r,n]})}else e({selectedElementIds:[n]})},selectElements:t=>{e({selectedElementIds:t})},selectAllElements:()=>{let{activeProject:n,activePageId:r}=t();if(!n)return;let i=n.pages.find(e=>e.id===r);i&&e({selectedElementIds:i.elements.map(e=>e.id)})},setHoveredElement:t=>{e({hoveredElementId:t})},addElement:n=>{let{activeProject:r,activePageId:i,past:a}=t();if(!r)throw Error(`No active project`);let o=i&&r.pages.some(e=>e.id===i)?i:r.pages[0]?.id;if(!o)throw Error(`No active page`);let s=r.pages.find(e=>e.id===o).elements?.length||0,c={id:n.id||O(`elem`),type:n.type,name:n.name||`New Element`,x:n.x??100,y:n.y??100,width:n.width??200,height:n.height??50,rotation:n.rotation??0,zIndex:n.zIndex??s+1,styles:n.styles||{},content:n.content||{},responsive:n.responsive,animations:n.animations,interactions:n.interactions},l=Aa(r,o,`Add ${c.name}`),u=r.pages.map(e=>e.id===o?{...e,elements:[...e.elements||[],c]}:e);return e({activeProject:{...r,pages:u,updatedAt:new Date().toISOString()},activePageId:o,selectedElementIds:[c.id],past:[l,...a.slice(0,39)],future:[]}),t().saveCurrentProject(),c},updateElement:(n,r,i=!1)=>{let{activeProject:a,activePageId:o,past:s}=t();if(!a)return;let c=null;i&&(c=Aa(a,o,`Update Element`));let l=a.pages.map(e=>e.id===o?{...e,elements:e.elements.map(e=>e.id===n?{...e,...r}:e)}:e);e({activeProject:{...a,pages:l,...i?{updatedAt:new Date().toISOString()}:{}},...c?{past:[c,...s.slice(0,39)],future:[]}:{}}),t().saveCurrentProject()},updateElementStyles:(n,r,i=!1)=>{let{activeProject:a,activePageId:o,past:s}=t();if(!a)return;let c=null;i&&(c=Aa(a,o,`Update Styles`));let l=a.pages.map(e=>e.id===o?{...e,elements:e.elements.map(e=>e.id===n?{...e,styles:{...e.styles,...r}}:e)}:e);e({activeProject:{...a,pages:l,updatedAt:new Date().toISOString()},...c?{past:[c,...s.slice(0,39)],future:[]}:{}}),t().saveCurrentProject()},updateElementContent:(n,r,i=!1)=>{let{activeProject:a,activePageId:o,past:s}=t();if(!a)return;let c=null;i&&(c=Aa(a,o,`Update Content`));let l=a.pages.map(e=>e.id===o?{...e,elements:e.elements.map(e=>e.id===n?{...e,content:{...e.content,...r}}:e)}:e);e({activeProject:{...a,pages:l,updatedAt:new Date().toISOString()},...c?{past:[c,...s.slice(0,39)],future:[]}:{}}),t().saveCurrentProject()},nudgeSelectedElements:(n,r)=>{let{activeProject:i,activePageId:a,selectedElementIds:o,past:s}=t();if(!i||o.length===0)return;let c=Aa(i,a,`Move Elements`),l=i.pages.map(e=>e.id===a?{...e,elements:e.elements.map(e=>o.includes(e.id)?{...e,x:e.x+n,y:e.y+r}:e)}:e);e({activeProject:{...i,pages:l,updatedAt:new Date().toISOString()},past:[c,...s.slice(0,39)],future:[]}),t().saveCurrentProject()},deleteSelectedElements:()=>{let{activeProject:n,activePageId:r,selectedElementIds:i,past:a}=t();if(!n||i.length===0)return;let o=Aa(n,r,`Delete ${i.length} element(s)`),s=n.pages.map(e=>e.id===r?{...e,elements:e.elements.filter(e=>!i.includes(e.id))}:e);e({activeProject:{...n,pages:s,updatedAt:new Date().toISOString()},selectedElementIds:[],hoveredElementId:null,past:[o,...a.slice(0,39)],future:[]}),t().saveCurrentProject()},deleteElement:n=>{let{activeProject:r,activePageId:i,selectedElementIds:a,past:o}=t();if(!r)return;let s=Aa(r,i,`Delete Element`),c=r.pages.map(e=>e.id===i?{...e,elements:e.elements.filter(e=>e.id!==n)}:e);e({activeProject:{...r,pages:c,updatedAt:new Date().toISOString()},selectedElementIds:a.filter(e=>e!==n),past:[s,...o.slice(0,39)],future:[]}),t().saveCurrentProject()},deleteElements:n=>{let{activeProject:r,activePageId:i,selectedElementIds:a,past:o}=t();if(!r||n.length===0)return;let s=Aa(r,i,`Delete ${n.length} Element(s)`),c=r.pages.map(e=>e.id===i?{...e,elements:e.elements.filter(e=>!n.includes(e.id))}:e);e({activeProject:{...r,pages:c,updatedAt:new Date().toISOString()},selectedElementIds:a.filter(e=>!n.includes(e)),past:[s,...o.slice(0,39)],future:[]}),t().saveCurrentProject()},duplicateSelectedElements:()=>{let{activeProject:n,activePageId:r,selectedElementIds:i,past:a}=t();if(!n||i.length===0)return;let o=n.pages.find(e=>e.id===r);if(!o)return;let s=Aa(n,r,`Duplicate element(s)`),c=o.elements.filter(e=>i.includes(e.id)).map(e=>({...JSON.parse(JSON.stringify(e)),id:O(`elem`),name:`${e.name} Copy`,x:e.x+24,y:e.y+24,zIndex:e.zIndex+1})),l=n.pages.map(e=>e.id===r?{...e,elements:[...e.elements,...c]}:e);e({activeProject:{...n,pages:l,updatedAt:new Date().toISOString()},selectedElementIds:c.map(e=>e.id),past:[s,...a.slice(0,39)],future:[]}),t().saveCurrentProject()},copySelectedElements:()=>{let{activeProject:n,activePageId:r,selectedElementIds:i}=t();if(!n||i.length===0)return;let a=n.pages.find(e=>e.id===r);if(!a)return;let o=a.elements.filter(e=>i.includes(e.id));e({clipboard:JSON.parse(JSON.stringify(o))})},pasteElements:()=>{let{activeProject:n,activePageId:r,clipboard:i,past:a}=t();if(!n||i.length===0)return;let o=Aa(n,r,`Paste ${i.length} element(s)`),s=i.map(e=>({...JSON.parse(JSON.stringify(e)),id:O(`elem`),x:e.x+24,y:e.y+24,zIndex:e.zIndex+1})),c=n.pages.map(e=>e.id===r?{...e,elements:[...e.elements,...s]}:e);e({activeProject:{...n,pages:c,updatedAt:new Date().toISOString()},selectedElementIds:s.map(e=>e.id),clipboard:s,past:[o,...a.slice(0,39)],future:[]}),t().saveCurrentProject()},groupSelectedElements:()=>{let{activeProject:n,activePageId:r,selectedElementIds:i,past:a}=t();if(!n||i.length<=1)return;let o=n.pages.find(e=>e.id===r);if(!o)return;let s=o.elements.filter(e=>i.includes(e.id)),c=wa(s),l=O(`elem`),u={id:l,type:`container`,name:`Group Container`,x:Math.max(0,c.x-16),y:Math.max(0,c.y-16),width:c.width+32,height:c.height+32,rotation:0,zIndex:Math.max(0,Math.min(...s.map(e=>e.zIndex))-1),children:s.map(e=>e.id),styles:{backgroundColor:`#ffffff`,borderRadius:16,borderWidth:1,borderColor:`#e5e5ea`,shadow:`sm`},content:{title:`Grouped Items`}},d=Aa(n,r,`Group Elements`),f=o.elements.map(e=>i.includes(e.id)?{...e,parentId:l}:e),p=n.pages.map(e=>e.id===r?{...e,elements:[u,...f]}:e);e({activeProject:{...n,pages:p,updatedAt:new Date().toISOString()},selectedElementIds:[l],past:[d,...a.slice(0,39)],future:[]}),t().saveCurrentProject()},ungroupSelectedElements:()=>{let{activeProject:n,activePageId:r,selectedElementIds:i,past:a}=t();if(!n||i.length===0)return;let o=n.pages.find(e=>e.id===r);if(!o)return;let s=o.elements.filter(e=>i.includes(e.id)&&e.type===`container`&&e.children&&e.children.length>0);if(s.length===0)return;let c=Aa(n,r,`Ungroup Elements`),l=s.map(e=>e.id),u=[],d=o.elements.filter(e=>!l.includes(e.id)).map(e=>e.parentId&&l.includes(e.parentId)?(u.push(e.id),{...e,parentId:null}):e),f=n.pages.map(e=>e.id===r?{...e,elements:d}:e);e({activeProject:{...n,pages:f,updatedAt:new Date().toISOString()},selectedElementIds:u,past:[c,...a.slice(0,39)],future:[]}),t().saveCurrentProject()},bringForward:n=>{let{activeProject:r,activePageId:i,pushSnapshot:a}=t();if(!r)return;a(`Reorder layers`);let o=r.pages.find(e=>e.id===i);if(!o)return;let s=o.elements.find(e=>e.id===n);if(!s)return;let c=[...o.elements].filter(e=>e.zIndex>s.zIndex).sort((e,t)=>e.zIndex-t.zIndex)[0],l=[...o.elements];l=c?l.map(e=>e.id===s.id?{...e,zIndex:c.zIndex}:e.id===c.id?{...e,zIndex:s.zIndex}:e):l.map(e=>e.id===s.id?{...e,zIndex:s.zIndex+1}:e);let u=r.pages.map(e=>e.id===i?{...e,elements:l}:e);e({activeProject:{...r,pages:u,updatedAt:new Date().toISOString()}}),t().saveCurrentProject()},sendBackward:n=>{let{activeProject:r,activePageId:i,pushSnapshot:a}=t();if(!r)return;a(`Reorder layers`);let o=r.pages.find(e=>e.id===i);if(!o)return;let s=o.elements.find(e=>e.id===n);if(!s)return;let c=[...o.elements].filter(e=>e.zIndex<s.zIndex).sort((e,t)=>t.zIndex-e.zIndex)[0],l=[...o.elements];l=c?l.map(e=>e.id===s.id?{...e,zIndex:c.zIndex}:e.id===c.id?{...e,zIndex:s.zIndex}:e):l.map(e=>e.id===s.id?{...e,zIndex:Math.max(0,s.zIndex-1)}:e);let u=r.pages.map(e=>e.id===i?{...e,elements:l}:e);e({activeProject:{...r,pages:u,updatedAt:new Date().toISOString()}}),t().saveCurrentProject()},bringToFront:n=>{let{activeProject:r,activePageId:i,pushSnapshot:a}=t();if(!r)return;a(`Reorder layers`);let o=r.pages.find(e=>e.id===i);if(!o)return;let s=Math.max(...o.elements.map(e=>e.zIndex),0),c=r.pages.map(e=>e.id===i?{...e,elements:e.elements.map(e=>e.id===n?{...e,zIndex:s+1}:e)}:e);e({activeProject:{...r,pages:c,updatedAt:new Date().toISOString()}}),t().saveCurrentProject()},sendToBack:n=>{let{activeProject:r,activePageId:i,pushSnapshot:a}=t();if(!r)return;a(`Reorder layers`);let o=r.pages.find(e=>e.id===i);if(!o)return;let s=[...o.elements].sort((e,t)=>e.zIndex-t.zIndex).map(e=>e.id===n?{...e,zIndex:0}:e);s=s.sort((e,t)=>e.zIndex===t.zIndex?e.id===n?-1:1:e.zIndex-t.zIndex).map((e,t)=>({...e,zIndex:e.id===n?0:t+1}));let c=r.pages.map(e=>e.id===i?{...e,elements:s}:e);e({activeProject:{...r,pages:c,updatedAt:new Date().toISOString()}}),t().saveCurrentProject()},toggleLockSelectedElements:()=>{let{activeProject:n,activePageId:r,selectedElementIds:i,past:a}=t();if(!n||i.length===0)return;let o=Aa(n,r,`Toggle Lock`),s=n.pages.map(e=>e.id===r?{...e,elements:e.elements.map(e=>i.includes(e.id)?{...e,locked:!e.locked}:e)}:e);e({activeProject:{...n,pages:s,updatedAt:new Date().toISOString()},past:[o,...a.slice(0,39)],future:[]}),t().saveCurrentProject()},toggleHideSelectedElements:()=>{let{activeProject:n,activePageId:r,selectedElementIds:i,past:a}=t();if(!n||i.length===0)return;let o=Aa(n,r,`Toggle Visibility`),s=n.pages.map(e=>e.id===r?{...e,elements:e.elements.map(e=>i.includes(e.id)?{...e,hidden:!e.hidden}:e)}:e);e({activeProject:{...n,pages:s,updatedAt:new Date().toISOString()},past:[o,...a.slice(0,39)],future:[]}),t().saveCurrentProject()},alignSelectedElements:n=>{let{activeProject:r,activePageId:i,selectedElementIds:a,past:o}=t();if(!r||a.length===0)return;let s=r.pages.find(e=>e.id===i);if(!s)return;let c=s.elements.filter(e=>a.includes(e.id));if(c.length===0)return;let l=fi[A.getState().viewportMode]||fi.desktop,u=Oa(c,n,l.width,l.height),d=new Map(u.map(e=>[e.id,e])),f=Aa(r,i,`Align ${n}`),p=r.pages.map(e=>e.id===i?{...e,elements:e.elements.map(e=>{let t=d.get(e.id);return t?{...e,x:t.x,y:t.y}:e})}:e);e({activeProject:{...r,pages:p,updatedAt:new Date().toISOString()},past:[f,...o.slice(0,39)],future:[]}),t().saveCurrentProject()},cutSelectedElements:()=>{t().copySelectedElements(),t().deleteSelectedElements()},updateDesignTokens:n=>{let{activeProject:r}=t();if(!r)return;let i=r.designSystem||Qr,a={colors:{...i.colors,...n.colors||{}},typography:{...i.typography,...n.typography||{}},radius:{...i.radius,...n.radius||{}},shadows:{...i.shadows,...n.shadows||{}},spacing:{...i.spacing,...n.spacing||{}}};e({activeProject:{...r,designSystem:a,updatedAt:new Date().toISOString()}}),t().saveCurrentProject()},applyThemePreset:n=>{let{activeProject:r}=t();if(!r)return;let i=Yr.find(e=>e.id===n);if(!i)return;t().pushSnapshot(`Apply Theme: ${i.name}`),i.tokens.mode;let a=i.tokens.colors.primary,o=i.tokens.colors.surface,s=i.tokens.colors.text,c=i.tokens.colors.border,l=r.pages.map(e=>({...e,settings:{...e.settings,backgroundColor:i.tokens.colors.background},elements:e.elements.map(e=>{let t=e.type===`button`||e.type===`submitButton`;return{...e,styles:{...e.styles,backgroundColor:t?a:o,textColor:t?`#ffffff`:s,borderColor:c}}})}));e({activeProject:{...r,designSystem:i.tokens,pages:l,updatedAt:new Date().toISOString()}}),t().saveCurrentProject()},createMasterComponent:(n,r)=>{let{activeProject:i,activePageId:a}=t();if(!i)return null;let o=i.pages.find(e=>e.id===a);if(!o)return null;let s=o.elements.find(e=>e.id===n);if(!s)return null;let c=O(`comp`),l=r||`${s.name} (Component)`,u={id:c,name:l,templateElement:JSON.parse(JSON.stringify(s)),createdAt:new Date().toISOString(),updatedAt:new Date().toISOString()},d=i.components||[],f=i.pages.map(e=>e.id===a?{...e,elements:e.elements.map(e=>e.id===n?{...e,name:l,isComponentInstance:!0,masterComponentId:c}:e)}:e);return e({activeProject:{...i,components:[...d,u],pages:f,updatedAt:new Date().toISOString()}}),t().saveCurrentProject(),u},detachComponentInstance:n=>{let{activeProject:r,activePageId:i}=t();if(!r)return;let a=r.pages.map(e=>e.id===i?{...e,elements:e.elements.map(e=>{if(e.id===n){let t={...e};return delete t.isComponentInstance,delete t.masterComponentId,delete t.componentOverrides,t}return e})}:e);e({activeProject:{...r,pages:a,updatedAt:new Date().toISOString()}}),t().saveCurrentProject()},insertMasterComponentInstance:(n,r=60,i=60)=>{let{activeProject:a,activePageId:o}=t();if(!a)return null;let s=(a.components||[]).find(e=>e.id===n);if(!s)return null;let c=O(`elem`),l={...JSON.parse(JSON.stringify(s.templateElement)),id:c,name:s.name,x:r,y:i,isComponentInstance:!0,masterComponentId:s.id,zIndex:10};t().pushSnapshot(`Insert ${s.name}`);let u=a.pages.map(e=>e.id===o?{...e,elements:[...e.elements,l]}:e);return e({activeProject:{...a,pages:u,updatedAt:new Date().toISOString()},selectedElementIds:[c]}),t().saveCurrentProject(),l},pushSnapshot:n=>{let{activeProject:r,activePageId:i,past:a}=t();r&&e({past:[Aa(r,i,n),...a.slice(0,39)],future:[]})},undo:()=>{let{past:n,future:r,activeProject:i,activePageId:a}=t();if(n.length===0||!i)return;let[o,...s]=n,c=Aa(i,a,`Current state before undo`);e({activeProject:{...i,pages:o.pages,designSystem:o.designSystem||i.designSystem,components:o.components||i.components,variables:o.variables||i.variables,dataSources:o.dataSources||i.dataSources,updatedAt:new Date().toISOString()},activePageId:o.activePageId||a,selectedElementIds:[],past:s,future:[c,...r]}),t().saveCurrentProject()},redo:()=>{let{past:n,future:r,activeProject:i,activePageId:a}=t();if(r.length===0||!i)return;let[o,...s]=r,c=Aa(i,a,`Current state before redo`);e({activeProject:{...i,pages:o.pages,designSystem:o.designSystem||i.designSystem,components:o.components||i.components,variables:o.variables||i.variables,dataSources:o.dataSources||i.dataSources,updatedAt:new Date().toISOString()},activePageId:o.activePageId||a,selectedElementIds:[],past:[c,...n],future:s}),t().saveCurrentProject()},restoreSnapshot:n=>{let{activeProject:r,activePageId:i,past:a}=t();if(!r)return;let o=Aa(r,i,`State before history rollback`);e({activeProject:{...r,pages:n.pages,designSystem:n.designSystem||r.designSystem,components:n.components||r.components,variables:n.variables||r.variables,dataSources:n.dataSources||r.dataSources,updatedAt:new Date().toISOString()},activePageId:n.activePageId||i,selectedElementIds:[],past:[o,...a],future:[]}),t().saveCurrentProject()},addVariable:n=>{let{activeProject:r}=t();if(!r)throw Error(`No active project`);let i={id:O(`var`),name:n.name||`variable_${Date.now().toString(36)}`,type:n.type||`text`,defaultValue:n.defaultValue??``,sampleValue:n.sampleValue??n.defaultValue??``,description:n.description||``,category:n.category||`general`},a=[...r.variables||[],i];return e({activeProject:{...r,variables:a,updatedAt:new Date().toISOString()}}),t().saveCurrentProject(),i},updateVariable:(n,r)=>{let{activeProject:i}=t();if(!i)return;let a=(i.variables||[]).map(e=>e.id===n?{...e,...r}:e);e({activeProject:{...i,variables:a,updatedAt:new Date().toISOString()}}),t().saveCurrentProject()},deleteVariable:n=>{let{activeProject:r}=t();if(!r)return;let i=(r.variables||[]).filter(e=>e.id!==n);e({activeProject:{...r,variables:i,updatedAt:new Date().toISOString()}}),t().saveCurrentProject()},setVariableValue:(n,r)=>{let{activeProject:i}=t();if(!i)return;let a=(i.variables||[]).map(e=>e.name===n?{...e,sampleValue:r,defaultValue:r}:e);e({activeProject:{...i,variables:a,updatedAt:new Date().toISOString()}}),t().saveCurrentProject()},loadSampleVariables:n=>{let{activeProject:r}=t();if(!r)return;let i=ba(n),a=r.variables||[],o=new Set(a.map(e=>e.name)),s=[...a];for(let e of i)o.has(e.name)||s.push(e);e({activeProject:{...r,variables:s,updatedAt:new Date().toISOString()}}),t().saveCurrentProject()},toggleUseSampleData:()=>{let{activeProject:n}=t();n&&(e({activeProject:{...n,useSampleData:!(n.useSampleData??!0),updatedAt:new Date().toISOString()}}),t().saveCurrentProject())},bindElementProperty:(n,r,i)=>{let{activeProject:a,activePageId:o}=t();if(!a)return;let s=a.pages.map(e=>e.id===o?{...e,elements:e.elements.map(e=>{if(e.id===n){let t={...e.bindings||{}};return i?t[r]=i:delete t[r],{...e,bindings:t}}return e})}:e);e({activeProject:{...a,pages:s,updatedAt:new Date().toISOString()}}),t().saveCurrentProject()},setElementCollectionBinding:(n,r)=>{let{activeProject:i,activePageId:a}=t();if(!i)return;let o=i.pages.map(e=>e.id===a?{...e,elements:e.elements.map(e=>e.id===n?{...e,collectionBinding:r||void 0}:e)}:e);e({activeProject:{...i,pages:o,updatedAt:new Date().toISOString()}}),t().saveCurrentProject()},setElementFormConfig:(n,r)=>{let{activeProject:i,activePageId:a}=t();if(!i)return;let o=i.pages.map(e=>e.id===a?{...e,elements:e.elements.map(e=>e.id===n?{...e,formConfig:r||void 0}:e)}:e);e({activeProject:{...i,pages:o,updatedAt:new Date().toISOString()}}),t().saveCurrentProject()},setElementValidationRules:(n,r)=>{let{activeProject:i,activePageId:a}=t();if(!i)return;let o=i.pages.map(e=>e.id===a?{...e,elements:e.elements.map(e=>e.id===n?{...e,validationRules:r}:e)}:e);e({activeProject:{...i,pages:o,updatedAt:new Date().toISOString()}}),t().saveCurrentProject()},addDataSource:n=>{let{activeProject:r}=t();if(!r)throw Error(`No active project`);let i={id:O(`ds`),name:n.name||`New Data Source`,type:n.type||`rest`,baseUrl:n.baseUrl||`https://api.example.com`,authType:n.authType||`none`,isSecret:n.isSecret||!1,endpoints:n.endpoints||[]},a=[...r.dataSources||[],i];return e({activeProject:{...r,dataSources:a,updatedAt:new Date().toISOString()}}),t().saveCurrentProject(),i},updateDataSource:(n,r)=>{let{activeProject:i}=t();if(!i)return;let a=(i.dataSources||[]).map(e=>e.id===n?{...e,...r}:e);e({activeProject:{...i,dataSources:a,updatedAt:new Date().toISOString()}}),t().saveCurrentProject()},deleteDataSource:n=>{let{activeProject:r}=t();if(!r)return;let i=(r.dataSources||[]).filter(e=>e.id!==n);e({activeProject:{...r,dataSources:i,updatedAt:new Date().toISOString()}}),t().saveCurrentProject()},applyCollabOperation:n=>{let{activeProject:r}=t();if(r)switch(n.type){case`add_element`:{let{pageId:t,element:i}=n.payload,a=r.pages.map(e=>e.id===t?{...e,elements:[...e.elements,i]}:e);e({activeProject:{...r,pages:a,updatedAt:new Date().toISOString()}});break}case`update_element`:{let{pageId:t,elementId:i,updates:a}=n.payload,o=r.pages.map(e=>e.id===t?{...e,elements:e.elements.map(e=>e.id===i?{...e,...a}:e)}:e);e({activeProject:{...r,pages:o,updatedAt:new Date().toISOString()}});break}case`delete_element`:{let{pageId:t,elementId:i}=n.payload,a=r.pages.map(e=>e.id===t?{...e,elements:e.elements.filter(e=>e.id!==i)}:e);e({activeProject:{...r,pages:a,updatedAt:new Date().toISOString()}});break}case`move_element`:{let{pageId:t,elementId:i,x:a,y:o}=n.payload,s=r.pages.map(e=>e.id===t?{...e,elements:e.elements.map(e=>e.id===i?{...e,x:a,y:o}:e)}:e);e({activeProject:{...r,pages:s,updatedAt:new Date().toISOString()}});break}case`update_design_tokens`:e({activeProject:{...r,designSystem:{...r.designSystem,...n.payload.tokens},updatedAt:new Date().toISOString()}})}},setElementAccessibility:(n,r)=>{let{activeProject:i,activePageId:a,pushSnapshot:o}=t();if(!i)return;o(`Update accessibility properties`);let s=i.pages.map(e=>e.id===a?{...e,elements:e.elements.map(e=>e.id===n?{...e,accessibility:{...e.accessibility||{},...r}}:e)}:e);e({activeProject:{...i,pages:s,updatedAt:new Date().toISOString()}}),t().saveCurrentProject()},applyAccessibilityFixes:(n,r=`AI Accessibility Fixes`)=>{let{pushSnapshot:i}=t();i(r),e({activeProject:{...n,updatedAt:new Date().toISOString()}}),t().saveCurrentProject()}})),Ma=[{id:`gemini`,name:`Google Gemini`,badge:`Gemini Auto-Detected`,defaultModel:`gemini-2.0-flash`,keyPlaceholder:`AIzaSy...`,keyUrl:`https://aistudio.google.com/app/apikey`},{id:`groq`,name:`Groq Cloud`,badge:`Llama 3.3 70B`,defaultModel:`llama-3.3-70b-versatile`,keyPlaceholder:`gsk_...`,keyUrl:`https://console.groq.com/keys`},{id:`openai`,name:`OpenAI GPT`,badge:`GPT-4o`,defaultModel:`gpt-4o`,keyPlaceholder:`sk-proj-...`,keyUrl:`https://platform.openai.com/api-keys`},{id:`anthropic`,name:`Anthropic Claude`,badge:`Claude 3.5 Sonnet`,defaultModel:`claude-3-5-sonnet-20241022`,keyPlaceholder:`sk-ant-...`,keyUrl:`https://console.anthropic.com/settings/keys`},{id:`deepseek`,name:`DeepSeek`,badge:`DeepSeek V3 / R1`,defaultModel:`deepseek-chat`,keyPlaceholder:`sk-...`,keyUrl:`https://platform.deepseek.com/api_keys`},{id:`grok`,name:`xAI Grok`,badge:`Grok 2`,defaultModel:`grok-beta`,keyPlaceholder:`xai-...`,keyUrl:`https://console.x.ai/`},{id:`perplexity`,name:`Perplexity AI`,badge:`Sonar`,defaultModel:`sonar`,keyPlaceholder:`pplx-...`,keyUrl:`https://www.perplexity.ai/settings/api`},{id:`ollama`,name:`Local Ollama`,badge:`Llama 3.1 / DeepSeek`,defaultModel:`llama3.1`,keyPlaceholder:`http://localhost:11434 (No key needed)`,keyUrl:`https://ollama.com`}];function Na(e){let t=(e||``).trim();return t.startsWith(`gsk_`)?`groq`:t.startsWith(`AIzaSy`)?`gemini`:t.startsWith(`sk-ant-`)?`anthropic`:t.startsWith(`pplx-`)?`perplexity`:t.startsWith(`xai-`)?`grok`:t.startsWith(`sk-proj-`)||t.startsWith(`sk-admin-`)||t.startsWith(`sk-`)?`openai`:`gemini`}function Pa(e,t){if(!e||!e.trim())throw Error(`AI returned an empty response. Please try again.`);let n=e.replace(/^```json\s*/im,``).replace(/^```\s*/im,``).replace(/```\s*$/im,``).trim(),r=n.indexOf(`{`),i=n.lastIndexOf(`}`);r!==-1&&i!==-1&&i>r&&(n=n.substring(r,i+1)),n=n.replace(/,\s*([\]}])/g,`$1`);try{let e=JSON.parse(n);if(e&&(e.elements||Array.isArray(e)))return e}catch(e){throw Error(`AI JSON parse error: ${e.message}. Please prompt again.`)}throw Error(`AI output did not contain valid elements array.`)}async function Fa(e,t){let n=e.trim(),r=[`models/gemini-2.0-flash`,`models/gemini-1.5-flash-latest`,`models/gemini-1.5-flash`];try{let e=await fetch(`https://generativelanguage.googleapis.com/v1beta/models?key=${encodeURIComponent(n)}`,{signal:AbortSignal.timeout(5e3)});if(e.ok){let t=await e.json();if(Array.isArray(t.models)){let e=t.models.filter(e=>!e.supportedGenerationMethods||e.supportedGenerationMethods.includes(`generateContent`)).map(e=>e.name);e.length>0&&(r=e)}}}catch{}let i=``;for(let e of r)try{let r=`https://generativelanguage.googleapis.com/v1beta/${e}:generateContent?key=${encodeURIComponent(n)}`,a=await fetch(r,{method:`POST`,headers:{"Content-Type":`application/json`},signal:AbortSignal.timeout(25e3),body:JSON.stringify({contents:[{role:`user`,parts:[{text:t}]}],generationConfig:{responseMimeType:`application/json`,temperature:.8,maxOutputTokens:8192}})}),o=await a.json();if(a.ok&&o.candidates?.[0]?.content?.parts?.[0]?.text)return o.candidates[0].content.parts[0].text;o.error?.message&&(i=o.error.message)}catch(e){i=e.message}throw Error(i||`Gemini API call failed.`)}async function Ia(e,t,n,r){let i=(n||``).trim();if(t!==`ollama`&&i.length<6)throw Error(`Please enter your valid API Key.`);let a=Na(i)||t,o=Ma.find(e=>e.id===a)||Ma[0];r&&r(`Synthesizing UI with ${o.name}...`);let s=`You are a master UI/UX designer and design system architect.
+Create a visually stunning, world-class interface design tailored uniquely to this user prompt:
+
+"${e}"
+
+DESIGN REQUIREMENTS:
+1. TOTAL THEME & TOPIC MASTERY:
+   - Make all content, headlines, products, specs, badges, and brand names 100% relevant to "${e}".
+   - Choose a unique color scheme, vivid gradients, and glowing accents that fit the brand (e.g. for NVIDIA, use #76b900 neon green, #0a0a0c obsidian, #18181b slate, with high-contrast glowing borders).
+2. MODERN RESPONSIVE LAYOUT (Artboard width: 1200px):
+   - Place elements in dynamic 2D multi-column arrangements across X and Y.
+   - Use side-by-side cards (e.g. 2 columns: x=20 w=570, x=610 w=570 or 3 columns: x=20 w=366, x=416 w=366, x=812 w=368).
+   - Use varied heights (Hero 340px, Product/Feature Cards 240-360px, Metric Chips 140px, Navbar 64px, Footer 120px).
+   - Ensure Y coordinates flow sequentially from top to bottom (e.g. y=20, y=104, y=470, y=840, y=1200) without overlapping.
+3. ELEMENT TYPES TO USE:
+   - Use diverse types: "navbar", "hero", "productCard", "metricCard", "card", "featureCard", "form", "footer", "button", "badge".
+   - Include icons: "Cpu", "Zap", "Flame", "Shield", "Activity", "Layers", "Sparkles", "ArrowRight", "Database", "Terminal", "Star".
+
+OUTPUT SCHEMA (Return ONLY valid JSON):
+{
+  "title": "Page or Brand Title",
+  "theme": "dark" | "light",
+  "elements": [
+    {
+      "name": "Meaningful component label",
+      "type": "navbar" | "hero" | "productCard" | "metricCard" | "card" | "featureCard" | "form" | "footer" | "button" | "badge",
+      "x": number,
+      "y": number,
+      "width": number,
+      "height": number,
+      "styles": {
+        "backgroundColor": "#hex",
+        "textColor": "#hex",
+        "borderRadius": number,
+        "borderWidth": number,
+        "borderColor": "#hex",
+        "padding": number,
+        "backgroundGradient": "linear-gradient(...)"
+      },
+      "content": {
+        "title": "Headline",
+        "subtitle": "Supporting text",
+        "text": "Detailed description",
+        "brandName": "Brand text",
+        "links": ["Link1", "Link2", "Link3", "Link4"],
+        "buttonText": "Action text",
+        "icon": "Cpu",
+        "price": "$1,599",
+        "value": "24 GB G6X",
+        "trend": "4.2x Faster"
+      }
+    }
+  ]
+}`;r&&r(`Designing interface for "${e.slice(0,25)}"...`);let c=``;if(a===`gemini`)c=await Fa(i,s);else if(a===`groq`){let e=await fetch(`https://api.groq.com/openai/v1/chat/completions`,{method:`POST`,headers:{"Content-Type":`application/json`,Authorization:`Bearer ${i}`},signal:AbortSignal.timeout(25e3),body:JSON.stringify({model:`llama-3.3-70b-versatile`,temperature:.8,messages:[{role:`user`,content:s}],response_format:{type:`json_object`}})}),t=await e.json();if(!e.ok)throw Error(t?.error?.message||`Groq API call failed`);c=t.choices?.[0]?.message?.content||``}else if(a===`openai`){let e=await fetch(`https://api.openai.com/v1/chat/completions`,{method:`POST`,headers:{"Content-Type":`application/json`,Authorization:`Bearer ${i}`},signal:AbortSignal.timeout(25e3),body:JSON.stringify({model:`gpt-4o`,temperature:.8,messages:[{role:`user`,content:s}],response_format:{type:`json_object`}})}),t=await e.json();if(!e.ok)throw Error(t?.error?.message||`OpenAI API call failed`);c=t.choices?.[0]?.message?.content||``}if(!c)throw Error(`${o.name} did not return a response.`);r&&r(`Translating layout onto canvas...`);let l=Pa(c,e),u=Array.isArray(l)?l:l.elements||[];if(!Array.isArray(u)||u.length===0)throw Error(`AI returned an empty element list. Please try a more detailed prompt.`);let d=Date.now(),f=u.map((e,t)=>({id:`el_ai_${d}_${t}`,name:e.name||`Component ${t+1}`,type:e.type||`card`,x:typeof e.x==`number`?e.x:20,y:typeof e.y==`number`?e.y:20+t*160,width:typeof e.width==`number`?e.width:t===0?1160:366,height:typeof e.height==`number`?e.height:200,rotation:e.rotation||0,zIndex:t+1,locked:!1,hidden:!1,styles:{backgroundColor:e.styles?.backgroundColor||(l.theme===`dark`?`#111113`:`#ffffff`),textColor:e.styles?.textColor||(l.theme===`dark`?`#f5f5f7`:`#1d1d1f`),borderRadius:e.styles?.borderRadius===void 0?14:e.styles.borderRadius,borderWidth:e.styles?.borderWidth===void 0?1:e.styles.borderWidth,borderColor:e.styles?.borderColor||(l.theme===`dark`?`#27272a`:`#e5e5ea`),padding:e.styles?.padding===void 0?20:e.styles.padding,fontSize:e.styles?.fontSize,fontWeight:e.styles?.fontWeight,backgroundGradient:e.styles?.backgroundGradient,boxShadow:e.styles?.boxShadow,...e.styles},content:{title:e.content?.title||e.name,subtitle:e.content?.subtitle||``,text:e.content?.text||e.content?.title||``,label:e.content?.label||e.content?.buttonText||`Action`,brandName:e.content?.brandName||`Brand`,links:e.content?.links,buttonText:e.content?.buttonText,icon:e.content?.icon||`Sparkles`,price:e.content?.price,value:e.content?.value,trend:e.content?.trend,...e.content}}));return{title:l.title||e.slice(0,30),theme:l.theme||`dark`,elements:f}}var N=`C:/Users/Shadow/Desktop/cyrus/src/editor/sidebar/AIPromptPanel.tsx`,La=[`Modern dark SaaS landing page with hero, metric cards, features, and pricing`,`Crypto exchange dashboard with balance, live charts, and buy/sell actions`,`Real estate rental app with search bar, property cards, and reviews`,`Fitness tracking app with daily goals, workout stats, and calories progress`,`E-commerce store with product cards, discount banner, and footer`];function Ra(){let{activeProject:e,activePageId:t,setProject:n,pushSnapshot:r,undo:i}=M(),{ai:a,updateAI:o}=di(),{addToast:s}=Vr(),{resetZoom:c,setActiveSidebarTab:l}=A(),[u,d]=(0,k.useState)(``),[f,p]=(0,k.useState)(!1),[m,h]=(0,k.useState)(!1),[g,_]=(0,k.useState)(`gemini`),[v,y]=(0,k.useState)(``),[b,S]=(0,k.useState)(`replace`),[C,w]=(0,k.useState)(!1),[ee,te]=(0,k.useState)(``),[T,ne]=(0,k.useState)([]),[re,ie]=(0,k.useState)([`Generated full SaaS landing page layout`,`Applied system typography & 8px spacing grid`]);(0,k.useEffect)(()=>{let e=localStorage.getItem(`cyrus_active_ai_key`)||localStorage.getItem(`cyrus_gemini_api_key`)||localStorage.getItem(`gemini_api_key`)||localStorage.getItem(`cyrus_groq_api_key`)||a.apiKey||``;if(e&&e.trim().length>=6){let t=e.trim();d(t),_(Na(t)),h(!0)}else d(``),h(!1)},[]);let ae=e=>{e.preventDefault();let t=u.trim();if(!t||t.length<6){s(`Please enter your complete API key.`,`error`);return}let n=Na(t);_(n),localStorage.setItem(`cyrus_active_ai_key`,t),localStorage.setItem(`cyrus_${n}_api_key`,t),n===`gemini`&&localStorage.setItem(`gemini_api_key`,t),o({apiKey:t,provider:n}),h(!0);let r=Ma.find(e=>e.id===n)?.name||`AI`;s(`✨ ${r} Key saved & AI Magic unlocked!`,`success`)},oe=()=>{localStorage.removeItem(`cyrus_active_ai_key`),localStorage.removeItem(`cyrus_gemini_api_key`),localStorage.removeItem(`gemini_api_key`),localStorage.removeItem(`cyrus_groq_api_key`),o({apiKey:``}),d(``),h(!1),s(`API key removed.`,`info`)},se=async i=>{let a=(i||v).trim();if(!a||!e)return;let o=u.trim();if(!o){s(`Please enter and unlock your API key first.`,`error`);return}let l=Ma.find(e=>e.id===g)||Ma[0];w(!0),ne([]),te(`Connecting to ${l.name}...`),r(`AI Magic: ${a.slice(0,25)}`);try{let r=await Ia(a,g,o,e=>{te(e),ne(t=>Array.from(new Set([...t,e])))}),i=e.pages.find(e=>e.id===t)||e.pages[0],u=b===`replace`?r.elements:[...i.elements||[],...r.elements],d=e.pages.map(e=>e.id===i.id?{...e,name:r.title||e.name,elements:u}:e);n({...e,pages:d,updatedAt:new Date().toISOString()}),te(``),ie(e=>[a,...e.slice(0,4)]),y(``),setTimeout(()=>c(),150),s(`✨ Generated ${r.elements.length} components with ${l.name}!`,`success`)}catch(e){s(e?.message||`AI Generation failed. Please check your API key.`,`error`)}finally{w(!1)}},ce=Ma.find(e=>e.id===g)||Ma[0];return(0,j.jsxDEV)(`div`,{className:`flex flex-col h-full bg-white dark:bg-[#1c1c1e] text-[#1d1d1f] dark:text-[#f5f5f7] select-none text-[12.5px]`,children:[(0,j.jsxDEV)(`div`,{className:`h-12 px-4 border-b border-[#f4f4f6] dark:border-[#2c2c2e] flex items-center justify-between shrink-0`,children:[(0,j.jsxDEV)(`span`,{className:`font-semibold text-[13px] text-[#1d1d1f] dark:text-white`,children:`AI Magic Studio`},void 0,!1,{fileName:N,lineNumber:176,columnNumber:9},this),(0,j.jsxDEV)(`button`,{type:`button`,onClick:()=>l(null),className:`text-[#86868b] hover:text-[#1d1d1f] dark:hover:text-white transition-colors p-1 rounded-md cursor-pointer`,children:(0,j.jsxDEV)(ln,{className:`w-4 h-4`},void 0,!1,{fileName:N,lineNumber:184,columnNumber:11},this)},void 0,!1,{fileName:N,lineNumber:179,columnNumber:9},this)]},void 0,!0,{fileName:N,lineNumber:175,columnNumber:7},this),m?(0,j.jsxDEV)(`div`,{className:`flex-1 overflow-y-auto p-4 space-y-4 no-scrollbar`,children:[(0,j.jsxDEV)(`div`,{className:`p-3 rounded-xl bg-[#f8f8fa] dark:bg-[#252528] border border-[#e5e5ea] dark:border-[#38383a] flex items-center justify-between`,children:[(0,j.jsxDEV)(`div`,{className:`flex items-center gap-2`,children:[(0,j.jsxDEV)(`span`,{className:`w-2 h-2 rounded-full bg-emerald-500 animate-pulse`},void 0,!1,{fileName:N,lineNumber:261,columnNumber:15},this),(0,j.jsxDEV)(`div`,{children:[(0,j.jsxDEV)(`div`,{className:`font-bold text-[11.5px] text-[#1d1d1f] dark:text-white`,children:[ce.name,` Active`]},void 0,!0,{fileName:N,lineNumber:263,columnNumber:17},this),(0,j.jsxDEV)(`div`,{className:`text-[10px] text-[#86868b]`,children:ce.badge},void 0,!1,{fileName:N,lineNumber:266,columnNumber:17},this)]},void 0,!0,{fileName:N,lineNumber:262,columnNumber:15},this)]},void 0,!0,{fileName:N,lineNumber:260,columnNumber:13},this),(0,j.jsxDEV)(`button`,{type:`button`,onClick:oe,className:`text-[11px] text-[#86868b] hover:text-rose-500 transition-colors cursor-pointer flex items-center gap-1`,children:[(0,j.jsxDEV)(x,{className:`w-3 h-3`},void 0,!1,{fileName:N,lineNumber:274,columnNumber:15},this),(0,j.jsxDEV)(`span`,{children:`Change Key`},void 0,!1,{fileName:N,lineNumber:275,columnNumber:15},this)]},void 0,!0,{fileName:N,lineNumber:269,columnNumber:13},this)]},void 0,!0,{fileName:N,lineNumber:259,columnNumber:11},this),(0,j.jsxDEV)(`div`,{className:`flex items-center justify-between`,children:[(0,j.jsxDEV)(`span`,{className:`text-[11px] font-bold text-[#86868b] uppercase tracking-wider`,children:`Canvas Placement`},void 0,!1,{fileName:N,lineNumber:281,columnNumber:13},this),(0,j.jsxDEV)(`div`,{className:`flex items-center gap-1 bg-[#f4f4f6] dark:bg-[#2c2c2e] p-0.5 rounded-lg border border-[#e5e5ea] dark:border-[#38383a]`,children:[(0,j.jsxDEV)(`button`,{type:`button`,onClick:()=>S(`replace`),className:D(`px-2 py-1 rounded-md text-[11px] font-semibold transition-all cursor-pointer`,b===`replace`?`bg-white dark:bg-[#1c1c1e] text-[#7d2ae8] shadow-2xs font-bold`:`text-[#86868b] hover:text-white`),children:`Fill Canvas`},void 0,!1,{fileName:N,lineNumber:285,columnNumber:15},this),(0,j.jsxDEV)(`button`,{type:`button`,onClick:()=>S(`append`),className:D(`px-2 py-1 rounded-md text-[11px] font-semibold transition-all cursor-pointer`,b===`append`?`bg-white dark:bg-[#1c1c1e] text-[#7d2ae8] shadow-2xs font-bold`:`text-[#86868b] hover:text-white`),children:`Append`},void 0,!1,{fileName:N,lineNumber:297,columnNumber:15},this)]},void 0,!0,{fileName:N,lineNumber:284,columnNumber:13},this)]},void 0,!0,{fileName:N,lineNumber:280,columnNumber:11},this),(0,j.jsxDEV)(`div`,{className:`relative`,children:[(0,j.jsxDEV)(`textarea`,{value:v,onChange:e=>y(e.target.value),onKeyDown:e=>{e.key===`Enter`&&!e.shiftKey&&(e.preventDefault(),se())},placeholder:`Describe what you want to build on the canvas...`,rows:4,disabled:C,className:`w-full p-3 bg-[#f4f4f6] dark:bg-[#2c2c2e] text-[#1d1d1f] dark:text-[#f5f5f7] placeholder:text-[#86868b] text-[12.5px] rounded-xl border border-transparent focus:border-[#7d2ae8] focus:bg-white dark:focus:bg-[#1c1c1e] outline-none resize-none transition-all`},void 0,!1,{fileName:N,lineNumber:314,columnNumber:13},this),(0,j.jsxDEV)(`button`,{onClick:()=>se(),disabled:!v.trim()||C,className:`w-full mt-2 h-9 rounded-xl bg-[#7d2ae8] hover:bg-[#6b21ce] text-white disabled:opacity-30 font-bold text-[12px] transition-all cursor-pointer shadow-xs flex items-center justify-center gap-1.5 active:scale-98`,children:[(0,j.jsxDEV)(he,{className:`w-3.5 h-3.5`},void 0,!1,{fileName:N,lineNumber:334,columnNumber:15},this),(0,j.jsxDEV)(`span`,{children:`Generate on Canvas`},void 0,!1,{fileName:N,lineNumber:335,columnNumber:15},this)]},void 0,!0,{fileName:N,lineNumber:329,columnNumber:13},this)]},void 0,!0,{fileName:N,lineNumber:313,columnNumber:11},this),C&&(0,j.jsxDEV)(`div`,{className:`p-3 bg-[#7d2ae8]/10 border border-[#7d2ae8]/20 rounded-xl animate-in fade-in duration-150`,children:[(0,j.jsxDEV)(`div`,{className:`flex items-center justify-between mb-2`,children:[(0,j.jsxDEV)(`div`,{className:`flex items-center gap-2`,children:[(0,j.jsxDEV)(dr,{className:`w-4 h-4 text-[#7d2ae8] dark:text-[#9d52ff] animate-spin`},void 0,!1,{fileName:N,lineNumber:344,columnNumber:19},this),(0,j.jsxDEV)(`span`,{className:`font-semibold text-[#1d1d1f] dark:text-[#f5f5f7] text-[12px]`,children:ee||`Generating with AI...`},void 0,!1,{fileName:N,lineNumber:345,columnNumber:19},this)]},void 0,!0,{fileName:N,lineNumber:343,columnNumber:17},this),(0,j.jsxDEV)(`button`,{onClick:()=>w(!1),className:`px-2 py-0.5 text-[11px] font-medium text-[#ff3b30] hover:bg-white dark:hover:bg-[#2c2c2e] rounded transition-colors cursor-pointer`,children:`Stop`},void 0,!1,{fileName:N,lineNumber:349,columnNumber:17},this)]},void 0,!0,{fileName:N,lineNumber:342,columnNumber:15},this),(0,j.jsxDEV)(`div`,{className:`space-y-1 pl-6`,children:T.map((e,t)=>(0,j.jsxDEV)(`div`,{className:`flex items-center gap-1.5 text-[11px] text-emerald-600 dark:text-emerald-400`,children:[(0,j.jsxDEV)(Me,{className:`w-3 h-3`},void 0,!1,{fileName:N,lineNumber:360,columnNumber:21},this),(0,j.jsxDEV)(`span`,{children:e},void 0,!1,{fileName:N,lineNumber:361,columnNumber:21},this)]},t,!0,{fileName:N,lineNumber:359,columnNumber:19},this))},void 0,!1,{fileName:N,lineNumber:357,columnNumber:15},this)]},void 0,!0,{fileName:N,lineNumber:341,columnNumber:13},this),(0,j.jsxDEV)(`div`,{children:[(0,j.jsxDEV)(`span`,{className:`text-[10.5px] font-bold text-[#86868b] uppercase tracking-wider block mb-1.5`,children:`Inspiration Prompts`},void 0,!1,{fileName:N,lineNumber:370,columnNumber:13},this),(0,j.jsxDEV)(`div`,{className:`flex flex-col gap-1.5`,children:La.map((e,t)=>(0,j.jsxDEV)(`button`,{onClick:()=>se(e),disabled:C,className:`px-2.5 py-1.5 rounded-xl bg-[#f4f4f6] dark:bg-[#2c2c2e] hover:bg-[#ebebee] dark:hover:bg-[#3a3a3c] text-[#6e6e73] dark:text-[#8e8e93] hover:text-[#1d1d1f] dark:hover:text-[#f5f5f7] text-[11px] transition-colors text-left truncate max-w-full cursor-pointer flex items-center gap-1.5`,children:[(0,j.jsxDEV)(he,{className:`w-3 h-3 text-[#7d2ae8] shrink-0`},void 0,!1,{fileName:N,lineNumber:381,columnNumber:19},this),(0,j.jsxDEV)(`span`,{className:`truncate`,children:e},void 0,!1,{fileName:N,lineNumber:382,columnNumber:19},this)]},t,!0,{fileName:N,lineNumber:375,columnNumber:17},this))},void 0,!1,{fileName:N,lineNumber:373,columnNumber:13},this)]},void 0,!0,{fileName:N,lineNumber:369,columnNumber:11},this),(0,j.jsxDEV)(`div`,{className:`pt-2 border-t border-[#f4f4f6] dark:border-[#2c2c2e]`,children:[(0,j.jsxDEV)(`div`,{className:`flex items-center justify-between mb-2`,children:[(0,j.jsxDEV)(`span`,{className:`text-[10px] font-bold text-[#86868b] uppercase tracking-wider`,children:`History`},void 0,!1,{fileName:N,lineNumber:391,columnNumber:15},this),(0,j.jsxDEV)(`button`,{onClick:i,className:`flex items-center gap-1 text-[11px] text-[#7d2ae8] dark:text-[#9d52ff] hover:underline cursor-pointer`,children:[(0,j.jsxDEV)(cn,{className:`w-3 h-3`},void 0,!1,{fileName:N,lineNumber:398,columnNumber:17},this),(0,j.jsxDEV)(`span`,{children:`Undo`},void 0,!1,{fileName:N,lineNumber:399,columnNumber:17},this)]},void 0,!0,{fileName:N,lineNumber:394,columnNumber:15},this)]},void 0,!0,{fileName:N,lineNumber:390,columnNumber:13},this),(0,j.jsxDEV)(`div`,{className:`space-y-1.5`,children:re.map((e,t)=>(0,j.jsxDEV)(`div`,{className:`p-2 rounded-xl bg-[#f8f8fa] dark:bg-[#2c2c2e]/60 border border-[#e5e5ea] dark:border-[#38383a] flex items-start gap-2`,children:[(0,j.jsxDEV)(`div`,{className:`w-1.5 h-1.5 rounded-full bg-[#7d2ae8] dark:bg-[#9d52ff] mt-1.5 shrink-0`},void 0,!1,{fileName:N,lineNumber:408,columnNumber:19},this),(0,j.jsxDEV)(`span`,{className:`text-[11px] text-[#1d1d1f] dark:text-[#f5f5f7] leading-snug`,children:e},void 0,!1,{fileName:N,lineNumber:409,columnNumber:19},this)]},t,!0,{fileName:N,lineNumber:404,columnNumber:17},this))},void 0,!1,{fileName:N,lineNumber:402,columnNumber:13},this)]},void 0,!0,{fileName:N,lineNumber:389,columnNumber:11},this)]},void 0,!0,{fileName:N,lineNumber:257,columnNumber:9},this):(0,j.jsxDEV)(`div`,{className:`flex-1 overflow-y-auto p-6 flex flex-col items-center text-center justify-center -mt-6`,children:[(0,j.jsxDEV)(`div`,{className:`w-14 h-14 rounded-2xl bg-[#f0ebff] dark:bg-[#7d2ae8]/20 flex items-center justify-center text-[#7d2ae8] dark:text-[#9d52ff] mb-4 shadow-2xs`,children:(0,j.jsxDEV)(he,{className:`w-6 h-6 fill-[#7d2ae8]/30 dark:fill-[#9d52ff]/30`},void 0,!1,{fileName:N,lineNumber:194,columnNumber:13},this)},void 0,!1,{fileName:N,lineNumber:193,columnNumber:11},this),(0,j.jsxDEV)(`h2`,{className:`font-bold text-[16px] text-[#1d1d1f] dark:text-white mb-1.5`,children:`AI Magic Studio`},void 0,!1,{fileName:N,lineNumber:197,columnNumber:11},this),(0,j.jsxDEV)(`p`,{className:`text-[12px] text-[#86868b] dark:text-[#a1a1a6] leading-relaxed max-w-[260px] mb-6`,children:`Enter your API key to unlock Gemini AI Magic generation & auto-edits.`},void 0,!1,{fileName:N,lineNumber:200,columnNumber:11},this),(0,j.jsxDEV)(`form`,{onSubmit:ae,className:`w-full max-w-[300px] text-left`,children:[(0,j.jsxDEV)(`label`,{className:`text-[11.5px] font-semibold text-[#1d1d1f] dark:text-[#e5e5ea] flex items-center gap-1.5 mb-1.5`,children:[(0,j.jsxDEV)(Cr,{className:`w-3.5 h-3.5 text-[#7d2ae8] dark:text-[#9d52ff]`},void 0,!1,{fileName:N,lineNumber:207,columnNumber:15},this),(0,j.jsxDEV)(`span`,{children:`API Key`},void 0,!1,{fileName:N,lineNumber:208,columnNumber:15},this)]},void 0,!0,{fileName:N,lineNumber:206,columnNumber:13},this),(0,j.jsxDEV)(`div`,{className:`relative flex items-center`,children:[(0,j.jsxDEV)(`input`,{type:f?`text`:`password`,value:u,onChange:e=>d(e.target.value),placeholder:`AIzaSy... or gsk_... or sk-...`,className:`w-full h-10 pl-3 pr-10 rounded-xl bg-[#edf2fe] dark:bg-[#2c2c2e] text-[#1d1d1f] dark:text-white placeholder:text-[#86868b] border border-transparent focus:border-[#7d2ae8] focus:bg-white dark:focus:bg-[#1c1c1e] outline-none text-[13px] font-mono transition-all`},void 0,!1,{fileName:N,lineNumber:212,columnNumber:15},this),(0,j.jsxDEV)(`button`,{type:`button`,onClick:()=>p(!f),className:`absolute right-3 text-[#86868b] hover:text-[#1d1d1f] dark:hover:text-white transition-colors cursor-pointer`,children:f?(0,j.jsxDEV)(jt,{className:`w-4 h-4`},void 0,!1,{fileName:N,lineNumber:224,columnNumber:28},this):(0,j.jsxDEV)(fn,{className:`w-4 h-4`},void 0,!1,{fileName:N,lineNumber:224,columnNumber:61},this)},void 0,!1,{fileName:N,lineNumber:219,columnNumber:15},this)]},void 0,!0,{fileName:N,lineNumber:211,columnNumber:13},this),(0,j.jsxDEV)(`button`,{type:`submit`,disabled:!u.trim(),className:`w-full h-10 mt-4 rounded-xl bg-[#7d2ae8] hover:bg-[#6b21ce] disabled:opacity-40 text-white font-bold text-[13px] shadow-sm transition-all cursor-pointer flex items-center justify-center gap-2 active:scale-98`,children:[(0,j.jsxDEV)(he,{className:`w-4 h-4`},void 0,!1,{fileName:N,lineNumber:233,columnNumber:15},this),(0,j.jsxDEV)(`span`,{children:`Save & Unlock AI Magic`},void 0,!1,{fileName:N,lineNumber:234,columnNumber:15},this)]},void 0,!0,{fileName:N,lineNumber:228,columnNumber:13},this),(0,j.jsxDEV)(`div`,{className:`text-center mt-5`,children:(0,j.jsxDEV)(`a`,{href:`https://aistudio.google.com/app/apikey`,target:`_blank`,rel:`noopener noreferrer`,className:`text-[#0071e3] text-[12px] hover:underline inline-flex items-center gap-1 font-medium`,children:[(0,j.jsxDEV)(`span`,{children:`Get an API key`},void 0,!1,{fileName:N,lineNumber:244,columnNumber:17},this),(0,j.jsxDEV)(zn,{className:`w-3 h-3`},void 0,!1,{fileName:N,lineNumber:245,columnNumber:17},this)]},void 0,!0,{fileName:N,lineNumber:238,columnNumber:15},this)},void 0,!1,{fileName:N,lineNumber:237,columnNumber:13},this),(0,j.jsxDEV)(`div`,{className:`flex items-center justify-center gap-1.5 mt-4 text-[10.5px] text-[#86868b] text-center`,children:[(0,j.jsxDEV)(zt,{className:`w-3 h-3 text-[#86868b] shrink-0`},void 0,!1,{fileName:N,lineNumber:250,columnNumber:15},this),(0,j.jsxDEV)(`span`,{children:`Your API key is stored safely in your browser local storage.`},void 0,!1,{fileName:N,lineNumber:251,columnNumber:15},this)]},void 0,!0,{fileName:N,lineNumber:249,columnNumber:13},this)]},void 0,!0,{fileName:N,lineNumber:205,columnNumber:11},this)]},void 0,!0,{fileName:N,lineNumber:191,columnNumber:9},this)]},void 0,!0,{fileName:N,lineNumber:173,columnNumber:5},this)}var za=`modulepreload`,Ba=function(e){return`/`+e},Va={},Ha=function(e,t,n){let r=Promise.resolve();if(t&&t.length>0){let e=document.getElementsByTagName(`link`),i=document.querySelector(`meta[property=csp-nonce]`),a=i?.nonce||i?.getAttribute(`nonce`);function o(e){return Promise.all(e.map(e=>Promise.resolve(e).then(e=>({status:`fulfilled`,value:e}),e=>({status:`rejected`,reason:e}))))}function s(e){return import.meta.resolve?import.meta.resolve(e):new URL(e,import.meta.url).href}r=o(t.map(t=>{if(t=Ba(t,n),t=s(t),t in Va)return;Va[t]=!0;let r=t.endsWith(`.css`);for(let n=e.length-1;n>=0;n--){let i=e[n];if(i.href===t&&(!r||i.rel===`stylesheet`))return}let i=document.createElement(`link`);if(i.rel=r?`stylesheet`:za,r||(i.as=`script`),i.crossOrigin=``,i.href=t,a&&i.setAttribute(`nonce`,a),document.head.appendChild(i),r)return new Promise((e,n)=>{i.addEventListener(`load`,e),i.addEventListener(`error`,()=>n(Error(`Unable to preload CSS for ${t}`)))})}))}function i(e){let t=new Event(`vite:preloadError`,{cancelable:!0});if(t.payload=e,window.dispatchEvent(t),!t.defaultPrevented)throw e}return r.then(t=>{for(let e of t||[])e.status===`rejected`&&i(e.reason);return e().catch(i)})},P=`C:/Users/Shadow/Desktop/cyrus/src/pages/DashboardPage.tsx`,Ua=(0,k.lazy)(()=>Ha(()=>import(`./CreateProjectDialog-JxYrZUv2.js`).then(e=>({default:e.CreateProjectDialog})),__vite__mapDeps([0,1,2,3,4,5,6]))),Wa=(0,k.lazy)(()=>Ha(()=>import(`./WelcomeOnboardingModal-BhTkmyMT.js`).then(e=>({default:e.WelcomeOnboardingModal})),__vite__mapDeps([7,1,2,3,4,5,6]))),Ga=(0,k.lazy)(()=>Ha(()=>import(`./ImportModal-Cqy4Yhch.js`).then(e=>({default:e.ImportModal})),__vite__mapDeps([8,1,2,3,4,5,6])));function Ka(e){try{let t=new Date,n=new Date(e),r=t.getTime()-n.getTime(),i=Math.floor(r/6e4),a=Math.floor(i/60),o=Math.floor(a/24);return i<1?`Just now`:i<60?`${i}m ago`:a<24?`${a}h ago`:o===1?`Yesterday`:o<7?`${o}d ago`:n.toLocaleDateString([],{month:`short`,day:`numeric`})}catch{return`Recently`}}function qa({onOpenProject:e,onOpenSettings:t,onOpenFeedback:n}){let[r,i]=(0,k.useState)([]),[a,o]=(0,k.useState)(``),[s,c]=(0,k.useState)(`all`),[u,d]=(0,k.useState)(`updated_desc`),[f,p]=(0,k.useState)(`grid`),[m,h]=(0,k.useState)(!1),[g,_]=(0,k.useState)(!1),[v,y]=(0,k.useState)(!1),[b,x]=(0,k.useState)(!1),[C,w]=(0,k.useState)(!1),[ee,te]=(0,k.useState)(!1),[T,ne]=(0,k.useState)(null),[re,ae]=(0,k.useState)(null),[oe,se]=(0,k.useState)(!0),[ce,le]=(0,k.useState)(null),[ue,de]=(0,k.useState)(``),[fe,pe]=(0,k.useState)(null),me=(0,k.useRef)(null),he=(0,k.useRef)(null),{addToast:ge}=Vr(),{appearance:_e,updateAppearance:ve}=di(),{session:ye}=zi(),be=async()=>{se(!0);let e=await Hr();i(e),se(!1)};(0,k.useEffect)(()=>{be()},[]),(0,k.useEffect)(()=>{let e=e=>{me.current&&!me.current.contains(e.target)&&h(!1),he.current&&!he.current.contains(e.target)&&_(!1),e.target.closest(`.project-menu-container`)||ae(null)};return window.addEventListener(`mousedown`,e),()=>window.removeEventListener(`mousedown`,e)},[]);let xe=(0,k.useMemo)(()=>{let e=a.toLowerCase().trim();return r.filter(t=>!e||t.name.toLowerCase().includes(e)||t.type.toLowerCase().includes(e)||t.pages.some(t=>t.name.toLowerCase().includes(e))?s===`favorites`?t.isFavorite:s===`all`||t.type===s:!1).sort((e,t)=>u===`name_asc`?e.name.localeCompare(t.name):u===`created_desc`?new Date(t.createdAt).getTime()-new Date(e.createdAt).getTime():new Date(t.updatedAt).getTime()-new Date(e.updatedAt).getTime())},[r,a,s,u]),Se=async(t=`webapp`)=>{let n=t===`doc`,r=t===`resume`,i=`page_${O()}`,a=n?[{id:`el_${O()}`,type:`heading`,name:`Document Title`,x:120,y:60,width:840,height:60,rotation:0,zIndex:1,styles:{fontSize:36,fontWeight:`800`,textColor:`#1d1d1f`},content:{text:`Untitled Document`}},{id:`el_${O()}`,type:`paragraph`,name:`Document Subtitle`,x:120,y:130,width:840,height:30,rotation:0,zIndex:2,styles:{fontSize:16,fontWeight:`400`,textColor:`#86868b`},content:{text:`Start writing your document notes, article, or documentation...`}},{id:`el_${O()}`,type:`paragraph`,name:`Document Body Text`,x:120,y:180,width:840,height:450,rotation:0,zIndex:3,styles:{fontSize:15,fontWeight:`400`,textColor:`#1d1d1f`,lineHeight:1.6},content:{text:`Click anywhere on this page to start writing. Type freely, edit words directly, and use the AI writing tools for instant drafting.`}}]:r?[{id:`el_${O()}`,type:`heading`,name:`Applicant Name`,x:80,y:40,width:800,height:45,rotation:0,zIndex:1,styles:{fontSize:32,fontWeight:`800`,textColor:`#1d1d1f`,letterSpacing:`-0.02em`},content:{text:`YOUR NAME HERE`}},{id:`el_${O()}`,type:`paragraph`,name:`Contact & Portfolio Info`,x:80,y:90,width:800,height:30,rotation:0,zIndex:2,styles:{fontSize:13,fontWeight:`500`,textColor:`#6e6e73`},content:{text:`Senior Software Engineer  •  email@example.com  •  (555) 019-2834  •  linkedin.com/in/yourprofile  •  San Francisco, CA`}},{id:`el_${O()}`,type:`heading`,name:`Summary Title`,x:80,y:140,width:800,height:25,rotation:0,zIndex:3,styles:{fontSize:14,fontWeight:`700`,textColor:`#7d2ae8`,letterSpacing:`0.08em`},content:{text:`PROFESSIONAL SUMMARY`}},{id:`el_${O()}`,type:`paragraph`,name:`Summary Text`,x:80,y:170,width:800,height:65,rotation:0,zIndex:4,styles:{fontSize:14,fontWeight:`400`,textColor:`#1d1d1f`,lineHeight:1.5},content:{text:`Results-driven Software Engineer with 6+ years of experience crafting modern web applications, scalable user interfaces, and cloud design systems. Specialized in TypeScript, React, and front-end optimization.`}},{id:`el_${O()}`,type:`heading`,name:`Experience Title`,x:80,y:250,width:800,height:25,rotation:0,zIndex:5,styles:{fontSize:14,fontWeight:`700`,textColor:`#7d2ae8`,letterSpacing:`0.08em`},content:{text:`WORK EXPERIENCE`}},{id:`el_${O()}`,type:`paragraph`,name:`Experience Content`,x:80,y:280,width:800,height:200,rotation:0,zIndex:6,styles:{fontSize:13.5,fontWeight:`400`,textColor:`#1d1d1f`,lineHeight:1.6},content:{text:`Lead Frontend Engineer — Tech Innovations Inc. (2023 - Present)
+• Architected enterprise design system component library serving 2M+ monthly users.
+• Reduced page load times by 40% using code-splitting and asset optimization.
+
+Senior Software Developer — Cloud Platform (2020 - 2023)
+• Developed real-time canvas editor using React, TypeScript, and Canvas APIs.
+• Led a team of 4 engineers delivering critical product features on time.`}},{id:`el_${O()}`,type:`heading`,name:`Education Title`,x:80,y:500,width:800,height:25,rotation:0,zIndex:7,styles:{fontSize:14,fontWeight:`700`,textColor:`#7d2ae8`,letterSpacing:`0.08em`},content:{text:`EDUCATION & SKILLS`}},{id:`el_${O()}`,type:`paragraph`,name:`Education Content`,x:80,y:530,width:800,height:120,rotation:0,zIndex:8,styles:{fontSize:13.5,fontWeight:`400`,textColor:`#1d1d1f`,lineHeight:1.6},content:{text:`B.S. in Computer Science — State University (2016 - 2020)
+Skills: TypeScript, JavaScript (ES6+), React, Next.js, Node.js, HTML5/CSS3, TailwindCSS, Git, System Architecture.`}}]:[],o={id:`proj_${O()}`,name:n?`Untitled Document`:r?`Professional Resume`:`Untitled Design`,type:t,createdAt:new Date().toISOString(),updatedAt:new Date().toISOString(),pages:[{id:i,name:n?`Document`:r?`Resume`:`Page 1`,slug:`page-1`,elements:a,settings:{backgroundColor:`#ffffff`}}],settings:{canvasBackground:`#ffffff`,gridSize:8,showGrid:!n&&!r,snapToGrid:!n&&!r,platformTarget:`web`}};await Zr(o),ge(n?`Opened writing document`:r?`Opened Resume Studio`:`Created new blank design`,`success`),e(o.id)},Ce=t=>{if(t){let n=sa.find(e=>e.id===t);if(n){let t={...n.project,id:`proj_${O()}`,name:n.name,createdAt:new Date().toISOString(),updatedAt:new Date().toISOString()};Zr(t).then(()=>{ge(`Created project from "${n.name}"`,`success`),e(t.id)});return}}c(`templates`)};return(0,j.jsxDEV)(`div`,{className:`h-full w-full overflow-hidden bg-[#f4f4f7] dark:bg-[#000000] text-[#1d1d1f] dark:text-[#f5f5f7] flex select-none font-sans`,children:[(0,j.jsxDEV)(`aside`,{className:`w-16 h-full bg-white dark:bg-[#1c1c1e] border-r border-[#e5e5ea] dark:border-[#38383a] flex flex-col items-center py-3 justify-between z-30 shrink-0`,children:[(0,j.jsxDEV)(`div`,{className:`flex flex-col items-center gap-4 w-full`,children:(0,j.jsxDEV)(`div`,{className:`flex flex-col items-center gap-2.5 w-full px-1 pt-2`,children:[(0,j.jsxDEV)(`button`,{type:`button`,onClick:()=>{c(`all`),ne(null)},className:`w-full py-2.5 px-1 rounded-xl flex flex-col items-center justify-center gap-1 text-[#6e6e73] dark:text-[#8e8e93] hover:text-[#1d1d1f] dark:hover:text-white hover:bg-[#f4f4f6] dark:hover:bg-[#2c2c2e] transition-all cursor-pointer`,children:[(0,j.jsxDEV)(S,{className:`w-5 h-5`},void 0,!1,{fileName:P,lineNumber:500,columnNumber:15},this),(0,j.jsxDEV)(`span`,{className:`text-[10px] leading-none`,children:`Home`},void 0,!1,{fileName:P,lineNumber:501,columnNumber:15},this)]},void 0,!0,{fileName:P,lineNumber:492,columnNumber:13},this),(0,j.jsxDEV)(`button`,{type:`button`,onClick:()=>{c(`all`),ne(null)},className:`w-full py-2.5 px-1 rounded-xl flex flex-col items-center justify-center gap-1 text-[#6e6e73] dark:text-[#8e8e93] hover:text-[#1d1d1f] dark:hover:text-white hover:bg-[#f4f4f6] dark:hover:bg-[#2c2c2e] transition-all cursor-pointer`,children:[(0,j.jsxDEV)(ie,{className:`w-5 h-5`},void 0,!1,{fileName:P,lineNumber:512,columnNumber:15},this),(0,j.jsxDEV)(`span`,{className:`text-[10px] leading-none`,children:`Projects`},void 0,!1,{fileName:P,lineNumber:513,columnNumber:15},this)]},void 0,!0,{fileName:P,lineNumber:504,columnNumber:13},this),(0,j.jsxDEV)(`button`,{type:`button`,onClick:()=>{c(`templates`),ne(null)},className:`w-full py-2.5 px-1 rounded-xl flex flex-col items-center justify-center gap-1 text-[#6e6e73] dark:text-[#8e8e93] hover:text-[#1d1d1f] dark:hover:text-white hover:bg-[#f4f4f6] dark:hover:bg-[#2c2c2e] transition-all cursor-pointer`,children:[(0,j.jsxDEV)(hr,{className:`w-5 h-5`},void 0,!1,{fileName:P,lineNumber:524,columnNumber:15},this),(0,j.jsxDEV)(`span`,{className:`text-[10px] leading-none`,children:`Templates`},void 0,!1,{fileName:P,lineNumber:525,columnNumber:15},this)]},void 0,!0,{fileName:P,lineNumber:516,columnNumber:13},this),(0,j.jsxDEV)(`button`,{type:`button`,onClick:()=>ne(e=>e===`ai`?null:`ai`),className:D(`w-full py-2.5 px-1 rounded-xl flex flex-col items-center justify-center gap-1 transition-all cursor-pointer group`,T===`ai`?`bg-[#7d2ae8]/10 text-[#7d2ae8] dark:text-[#9d52ff] font-semibold`:`text-[#6e6e73] dark:text-[#8e8e93] hover:text-[#7d2ae8] dark:hover:text-[#9d52ff] hover:bg-[#7d2ae8]/10`),title:`AI Magic Studio`,children:[(0,j.jsxDEV)(la,{className:`w-5.5 h-5.5 group-hover:scale-110 transition-transform`},void 0,!1,{fileName:P,lineNumber:539,columnNumber:15},this),(0,j.jsxDEV)(`span`,{className:`text-[10px] font-semibold text-[#7d2ae8] dark:text-[#9d52ff] leading-none`,children:`AI Magic`},void 0,!1,{fileName:P,lineNumber:540,columnNumber:15},this)]},void 0,!0,{fileName:P,lineNumber:528,columnNumber:13},this),(0,j.jsxDEV)(`button`,{type:`button`,onClick:t,className:`w-full py-2.5 px-1 rounded-xl flex flex-col items-center justify-center gap-1 text-[#6e6e73] dark:text-[#8e8e93] hover:text-[#1d1d1f] dark:hover:text-white hover:bg-[#f4f4f6] dark:hover:bg-[#2c2c2e] transition-all cursor-pointer`,children:[(0,j.jsxDEV)(rr,{className:`w-5 h-5`},void 0,!1,{fileName:P,lineNumber:548,columnNumber:15},this),(0,j.jsxDEV)(`span`,{className:`text-[10px] leading-none`,children:`More`},void 0,!1,{fileName:P,lineNumber:549,columnNumber:15},this)]},void 0,!0,{fileName:P,lineNumber:543,columnNumber:13},this)]},void 0,!0,{fileName:P,lineNumber:491,columnNumber:11},this)},void 0,!1,{fileName:P,lineNumber:489,columnNumber:9},this),(0,j.jsxDEV)(`div`,{className:`flex flex-col items-center gap-3 w-full px-1`,children:[(0,j.jsxDEV)(`button`,{type:`button`,onClick:n,className:`w-full py-2 px-1 rounded-xl flex flex-col items-center justify-center gap-1 text-[#6e6e73] dark:text-[#8e8e93] hover:text-[#7d2ae8] dark:hover:text-[#9d52ff] hover:bg-[#7d2ae8]/10 transition-all cursor-pointer group`,title:`Feedback & Suggestions`,children:[(0,j.jsxDEV)(Jt,{className:`w-5 h-5 group-hover:scale-110 transition-transform text-[#7d2ae8] dark:text-[#9d52ff]`},void 0,!1,{fileName:P,lineNumber:563,columnNumber:13},this),(0,j.jsxDEV)(`span`,{className:`text-[10px] font-semibold text-[#7d2ae8] dark:text-[#9d52ff] leading-none`,children:`Feedback`},void 0,!1,{fileName:P,lineNumber:564,columnNumber:13},this)]},void 0,!0,{fileName:P,lineNumber:557,columnNumber:11},this),(0,j.jsxDEV)(`button`,{type:`button`,onClick:t,className:`w-9 h-9 rounded-full bg-gradient-to-tr from-[#7d2ae8] to-[#0071e3] text-white font-bold text-xs flex items-center justify-center border-2 border-white dark:border-[#1c1c1e] shadow-2xs cursor-pointer hover:scale-105 transition-transform`,title:`Account & Settings`,children:(ye.user?.name&&!ye.user.name.startsWith(`apple_user_`)?ye.user.name:`User`).split(` `).map(e=>e[0]).join(``).slice(0,2).toUpperCase()},void 0,!1,{fileName:P,lineNumber:568,columnNumber:11},this)]},void 0,!0,{fileName:P,lineNumber:555,columnNumber:9},this)]},void 0,!0,{fileName:P,lineNumber:488,columnNumber:7},this),T===`ai`&&(0,j.jsxDEV)(`div`,{className:`w-[300px] h-full bg-white dark:bg-[#1c1c1e] border-r border-[#e5e5ea] dark:border-[#38383a] flex flex-col z-20 animate-in fade-in slide-in-from-left-2 duration-150 shadow-sm shrink-0`,children:[(0,j.jsxDEV)(`div`,{className:`h-10 px-3.5 border-b border-[#f4f4f6] dark:border-[#2c2c2e] flex items-center justify-between shrink-0 bg-[#fbfbfd] dark:bg-[#1c1c1e]`,children:[(0,j.jsxDEV)(`span`,{className:`text-[12.5px] font-semibold text-[#1d1d1f] dark:text-[#f5f5f7]`,children:`AI Magic Studio`},void 0,!1,{fileName:P,lineNumber:588,columnNumber:13},this),(0,j.jsxDEV)(`button`,{onClick:()=>ne(null),className:`p-1 rounded-md text-[#86868b] dark:text-[#636366] hover:text-[#1d1d1f] dark:hover:text-[#f5f5f7] hover:bg-[#f4f4f6] dark:hover:bg-[#2c2c2e] transition-colors cursor-pointer`,title:`Close panel`,children:(0,j.jsxDEV)(ln,{className:`w-3.5 h-3.5`},void 0,!1,{fileName:P,lineNumber:596,columnNumber:15},this)},void 0,!1,{fileName:P,lineNumber:591,columnNumber:13},this)]},void 0,!0,{fileName:P,lineNumber:587,columnNumber:11},this),(0,j.jsxDEV)(`div`,{className:`flex-1 overflow-y-auto`,children:(0,j.jsxDEV)(Ra,{},void 0,!1,{fileName:P,lineNumber:600,columnNumber:13},this)},void 0,!1,{fileName:P,lineNumber:599,columnNumber:11},this)]},void 0,!0,{fileName:P,lineNumber:586,columnNumber:9},this),(0,j.jsxDEV)(`div`,{className:`flex-1 overflow-y-auto flex flex-col no-scrollbar`,children:[(0,j.jsxDEV)(`div`,{className:`w-full bg-gradient-to-b from-[#e8e6fb] via-[#f2ebfb] to-[#f4f4f7] dark:from-[#1e1a38] dark:via-[#161426] dark:to-[#000000] pt-6 pb-8 px-8 sm:px-12 flex flex-col items-center border-b border-[#e5e5ea]/60 dark:border-[#2c2c2e]/60 relative`,children:[(0,j.jsxDEV)(`div`,{className:`w-full max-w-7xl flex items-center justify-between mb-6`,children:[(0,j.jsxDEV)(`div`,{onClick:()=>window.location.reload(),className:`flex items-center gap-3 cursor-pointer transition-transform hover:scale-102`,title:`Refresh Page`,children:[(0,j.jsxDEV)(Vi,{size:`md`},void 0,!1,{fileName:P,lineNumber:617,columnNumber:15},this),(0,j.jsxDEV)(`span`,{className:`text-[11px] font-mono text-[#86868b] dark:text-[#636366] bg-white/70 dark:bg-[#2c2c2e]/70 px-2.5 py-0.5 rounded-full border border-[#e5e5ea] dark:border-[#38383a]`,children:`Studio`},void 0,!1,{fileName:P,lineNumber:618,columnNumber:15},this)]},void 0,!0,{fileName:P,lineNumber:612,columnNumber:13},this),(0,j.jsxDEV)(`div`,{className:`flex items-center gap-3`,children:[(0,j.jsxDEV)(`button`,{type:`button`,onClick:()=>w(!0),className:`px-4 py-2 rounded-full bg-white/80 dark:bg-[#2c2c2e]/80 hover:bg-white text-[13px] font-medium text-[#1d1d1f] dark:text-[#f5f5f7] flex items-center gap-2 transition-all shadow-apple-sm cursor-pointer border border-[#e5e5ea] dark:border-[#38383a]`,children:[(0,j.jsxDEV)(mr,{className:`w-4 h-4 text-[#6e6e73] dark:text-[#8e8e93]`},void 0,!1,{fileName:P,lineNumber:629,columnNumber:17},this),(0,j.jsxDEV)(`span`,{children:`Import`},void 0,!1,{fileName:P,lineNumber:630,columnNumber:17},this)]},void 0,!0,{fileName:P,lineNumber:624,columnNumber:15},this),(0,j.jsxDEV)(`button`,{type:`button`,onClick:()=>Se(),className:`px-4.5 py-2 rounded-full bg-[#7d2ae8] hover:bg-[#6b21ce] text-[13px] font-semibold text-white flex items-center gap-2 shadow-apple-sm transition-all active:scale-[0.98] cursor-pointer`,title:`Create a new blank canvas design`,children:[(0,j.jsxDEV)(nt,{className:`w-4 h-4`},void 0,!1,{fileName:P,lineNumber:640,columnNumber:17},this),(0,j.jsxDEV)(`span`,{children:`Create Design`},void 0,!1,{fileName:P,lineNumber:641,columnNumber:17},this)]},void 0,!0,{fileName:P,lineNumber:634,columnNumber:15},this),(0,j.jsxDEV)(`button`,{type:`button`,onClick:()=>{let e=_e.theme===`dark`||_e.theme===`system`&&window.matchMedia(`(prefers-color-scheme: dark)`).matches;ve({theme:e?`light`:`dark`})},className:`p-2 rounded-full text-[#6e6e73] dark:text-[#8e8e93] hover:text-[#1d1d1f] dark:hover:text-[#f5f5f7] hover:bg-white/80 dark:hover:bg-[#2c2c2e] transition-colors cursor-pointer`,children:[(0,j.jsxDEV)(l,{className:`w-[18px] h-[18px] hidden dark:block text-amber-500`},void 0,!1,{fileName:P,lineNumber:653,columnNumber:17},this),(0,j.jsxDEV)(Jn,{className:`w-[18px] h-[18px] block dark:hidden text-[#7d2ae8]`},void 0,!1,{fileName:P,lineNumber:654,columnNumber:17},this)]},void 0,!0,{fileName:P,lineNumber:644,columnNumber:15},this)]},void 0,!0,{fileName:P,lineNumber:623,columnNumber:13},this)]},void 0,!0,{fileName:P,lineNumber:611,columnNumber:11},this),(0,j.jsxDEV)(`h1`,{className:`text-[32px] sm:text-[40px] font-extrabold tracking-tight text-[#2d124d] dark:text-white drop-shadow-2xs text-center mb-6`,children:`What will you design today?`},void 0,!1,{fileName:P,lineNumber:660,columnNumber:11},this),(0,j.jsxDEV)(`div`,{className:`w-full max-w-2xl relative mb-10`,children:[(0,j.jsxDEV)(Vt,{className:`w-5 h-5 text-[#86868b] dark:text-[#636366] absolute left-5 top-1/2 -translate-y-1/2 pointer-events-none`},void 0,!1,{fileName:P,lineNumber:666,columnNumber:13},this),(0,j.jsxDEV)(`input`,{type:`text`,value:a,onChange:e=>o(e.target.value),placeholder:`Search anything`,className:`w-full h-13 pl-14 pr-6 bg-white dark:bg-[#1c1c1e] text-[15px] text-[#1d1d1f] dark:text-[#f5f5f7] placeholder:text-[#86868b] dark:placeholder:text-[#636366] rounded-full border border-white/60 dark:border-[#38383a] shadow-apple-md focus:outline-none focus:ring-2 focus:ring-[#7d2ae8]/40 transition-all`},void 0,!1,{fileName:P,lineNumber:667,columnNumber:13},this)]},void 0,!0,{fileName:P,lineNumber:665,columnNumber:11},this),(0,j.jsxDEV)(`div`,{className:`flex items-center justify-center gap-6 sm:gap-8 max-w-5xl mx-auto overflow-x-auto no-scrollbar pb-2`,children:[{label:`Templates`,color:`bg-purple-600`,icon:(0,j.jsxDEV)(Et,{className:`w-5 h-5 text-white`},void 0,!1,{fileName:P,lineNumber:679,columnNumber:67},this),action:()=>c(`templates`)},{label:`Presentation`,color:`bg-orange-500`,icon:(0,j.jsxDEV)(Dr,{className:`w-5 h-5 text-white`},void 0,!1,{fileName:P,lineNumber:680,columnNumber:70},this),action:()=>Se(`webapp`)},{label:`Social media`,color:`bg-rose-500`,icon:(0,j.jsxDEV)(ht,{className:`w-5 h-5 text-white`},void 0,!1,{fileName:P,lineNumber:681,columnNumber:68},this),action:()=>Se(`mobile`)},{label:`Resume`,color:`bg-purple-800`,icon:(0,j.jsxDEV)(gt,{className:`w-5 h-5 text-white`},void 0,!1,{fileName:P,lineNumber:682,columnNumber:64},this),action:()=>Se(`resume`)},{label:`Doc`,color:`bg-teal-500`,icon:(0,j.jsxDEV)(Ve,{className:`w-5 h-5 text-white`},void 0,!1,{fileName:P,lineNumber:683,columnNumber:59},this),action:()=>Se(`doc`)},{label:`App`,color:`bg-[#0071e3]`,icon:(0,j.jsxDEV)(Je,{className:`w-5 h-5 text-white`},void 0,!1,{fileName:P,lineNumber:684,columnNumber:60},this),action:()=>Se(`webapp`)},{label:`Website`,color:`bg-cyan-500`,icon:(0,j.jsxDEV)(we,{className:`w-5 h-5 text-white`},void 0,!1,{fileName:P,lineNumber:685,columnNumber:63},this),action:()=>Se(`landing`)}].map((e,t)=>(0,j.jsxDEV)(`button`,{type:`button`,onClick:e.action,className:`flex flex-col items-center gap-2 group cursor-pointer shrink-0`,children:[(0,j.jsxDEV)(`div`,{className:D(`w-12 h-12 rounded-full flex items-center justify-center shadow-apple-sm transition-all duration-200 group-hover:scale-110 group-hover:shadow-apple-md`,e.color),children:e.icon},void 0,!1,{fileName:P,lineNumber:693,columnNumber:17},this),(0,j.jsxDEV)(`span`,{className:`text-[11.5px] font-semibold text-[#2d124d] dark:text-[#e5e5ea] group-hover:text-[#7d2ae8] transition-colors whitespace-nowrap`,children:e.label},void 0,!1,{fileName:P,lineNumber:699,columnNumber:17},this)]},t,!0,{fileName:P,lineNumber:687,columnNumber:15},this))},void 0,!1,{fileName:P,lineNumber:677,columnNumber:11},this)]},void 0,!0,{fileName:P,lineNumber:608,columnNumber:9},this),(0,j.jsxDEV)(`div`,{className:`max-w-7xl w-full mx-auto px-8 sm:px-12 py-8 flex flex-col gap-9`,children:[(0,j.jsxDEV)(`section`,{className:`space-y-4`,children:[(0,j.jsxDEV)(`h2`,{className:`text-[20px] font-extrabold tracking-tight text-[#1d1d1f] dark:text-[#f5f5f7]`,children:`See what's new`},void 0,!1,{fileName:P,lineNumber:712,columnNumber:13},this),(0,j.jsxDEV)(`div`,{className:`grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4`,children:[{title:`Build modern SaaS & Mobile Apps 📱`,gradient:`from-purple-600 via-indigo-600 to-pink-500`,action:()=>Se(`webapp`)},{title:`Create high-converting Websites 🌐`,gradient:`from-emerald-600 via-teal-600 to-cyan-500`,action:()=>Se(`landing`)},{title:`Explore our vibrant Summer Deck`,gradient:`from-blue-600 via-cyan-500 to-sky-400`,action:()=>Ce()},{title:`Design pro deals for your business`,gradient:`from-orange-500 via-amber-500 to-red-500`,action:()=>Ce()},{title:`Designs that make personal finance fun`,gradient:`from-amber-400 via-orange-400 to-yellow-500`,action:()=>Ce()},{title:`Score big with pro sports templates`,gradient:`from-slate-700 via-slate-800 to-slate-950`,action:()=>Ce()}].map((e,t)=>(0,j.jsxDEV)(`div`,{onClick:e.action,className:D(`h-48 rounded-2xl p-4 bg-gradient-to-br text-white shadow-apple-sm hover:shadow-apple-md hover:scale-[1.03] transition-all duration-200 cursor-pointer flex flex-col justify-between relative overflow-hidden group`,e.gradient),children:[(0,j.jsxDEV)(`div`,{className:`relative z-10 font-bold text-[14px] leading-snug drop-shadow-xs`,children:e.title},void 0,!1,{fileName:P,lineNumber:733,columnNumber:19},this),(0,j.jsxDEV)(`div`,{className:`relative z-10 self-end`,children:(0,j.jsxDEV)(`span`,{className:`px-3 py-1 rounded-full bg-white/20 hover:bg-white text-white hover:text-[#1d1d1f] text-[11px] font-bold backdrop-blur-md transition-colors`,children:`Explore`},void 0,!1,{fileName:P,lineNumber:738,columnNumber:21},this)},void 0,!1,{fileName:P,lineNumber:737,columnNumber:19},this),(0,j.jsxDEV)(`div`,{className:`absolute -bottom-6 -right-6 w-24 h-24 bg-white/10 rounded-full blur-xl pointer-events-none group-hover:scale-150 transition-transform`},void 0,!1,{fileName:P,lineNumber:743,columnNumber:19},this)]},t,!0,{fileName:P,lineNumber:725,columnNumber:17},this))},void 0,!1,{fileName:P,lineNumber:716,columnNumber:13},this)]},void 0,!0,{fileName:P,lineNumber:711,columnNumber:11},this),s===`templates`&&(0,j.jsxDEV)(`section`,{className:`space-y-5 animate-fade-in`,children:[(0,j.jsxDEV)(`div`,{className:`flex items-center justify-between border-b border-[#e5e5ea] dark:border-[#38383a] pb-3`,children:[(0,j.jsxDEV)(`div`,{children:[(0,j.jsxDEV)(`h2`,{className:`text-[22px] font-extrabold tracking-tight text-[#1d1d1f] dark:text-[#f5f5f7]`,children:`Explore Template Catalog`},void 0,!1,{fileName:P,lineNumber:754,columnNumber:19},this),(0,j.jsxDEV)(`p`,{className:`text-[13px] text-[#86868b] dark:text-[#636366]`,children:`Curated, production-ready web apps, dashboards, and landing pages.`},void 0,!1,{fileName:P,lineNumber:757,columnNumber:19},this)]},void 0,!0,{fileName:P,lineNumber:753,columnNumber:17},this),(0,j.jsxDEV)(`button`,{type:`button`,onClick:()=>c(`all`),className:`text-[13px] font-semibold text-[#7d2ae8] hover:underline cursor-pointer`,children:`Back to All Designs`},void 0,!1,{fileName:P,lineNumber:761,columnNumber:17},this)]},void 0,!0,{fileName:P,lineNumber:752,columnNumber:15},this),(0,j.jsxDEV)(`div`,{className:`grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-5`,children:sa.map(e=>(0,j.jsxDEV)(`div`,{onClick:()=>Ce(e.id),className:`group bg-white dark:bg-[#1c1c1e] rounded-2xl border border-[#e5e5ea] dark:border-[#38383a] hover:border-[#7d2ae8] p-4 shadow-apple-xs hover:shadow-apple-md transition-all duration-200 cursor-pointer flex flex-col justify-between`,children:[(0,j.jsxDEV)(`div`,{className:`w-full h-40 rounded-xl bg-gradient-to-br from-[#f4f4f7] to-[#e8e6fb] dark:from-[#2c2c2e] dark:to-[#1c1c1e] border border-[#e5e5ea] dark:border-[#38383a] overflow-hidden relative p-3 flex flex-col justify-between mb-3`,children:[(0,j.jsxDEV)(`div`,{className:`w-full h-full relative rounded bg-white dark:bg-[#1c1c1e] shadow-2xs p-3 flex flex-col justify-between`,children:[(0,j.jsxDEV)(`div`,{className:`w-3/4 h-3 bg-[#7d2ae8] rounded-sm`},void 0,!1,{fileName:P,lineNumber:779,columnNumber:25},this),(0,j.jsxDEV)(`div`,{className:`space-y-1`,children:[(0,j.jsxDEV)(`div`,{className:`w-full h-2 bg-[#e5e5ea] dark:bg-[#38383a] rounded-sm`},void 0,!1,{fileName:P,lineNumber:781,columnNumber:27},this),(0,j.jsxDEV)(`div`,{className:`w-5/6 h-2 bg-[#e5e5ea] dark:bg-[#38383a] rounded-sm`},void 0,!1,{fileName:P,lineNumber:782,columnNumber:27},this)]},void 0,!0,{fileName:P,lineNumber:780,columnNumber:25},this),(0,j.jsxDEV)(`div`,{className:`w-1/2 h-3 bg-[#0071e3] rounded-sm`},void 0,!1,{fileName:P,lineNumber:784,columnNumber:25},this)]},void 0,!0,{fileName:P,lineNumber:778,columnNumber:23},this),(0,j.jsxDEV)(`span`,{className:`absolute top-2 right-2 px-2 py-0.5 rounded-full bg-[#7d2ae8] text-white text-[10px] font-bold`,children:[e.project.pages.length,` Pages`]},void 0,!0,{fileName:P,lineNumber:786,columnNumber:23},this)]},void 0,!0,{fileName:P,lineNumber:777,columnNumber:21},this),(0,j.jsxDEV)(`div`,{children:[(0,j.jsxDEV)(`h3`,{className:`text-[14px] font-bold text-[#1d1d1f] dark:text-[#f5f5f7] group-hover:text-[#7d2ae8] transition-colors truncate`,children:e.name},void 0,!1,{fileName:P,lineNumber:792,columnNumber:23},this),(0,j.jsxDEV)(`p`,{className:`text-[11.5px] text-[#86868b] line-clamp-2 mt-1 mb-3`,children:e.description},void 0,!1,{fileName:P,lineNumber:795,columnNumber:23},this),(0,j.jsxDEV)(`button`,{type:`button`,onClick:t=>{t.stopPropagation(),Ce(e.id)},className:`w-full py-2 rounded-xl bg-[#7d2ae8] hover:bg-[#6b21ce] text-white text-[12.5px] font-semibold shadow-apple-sm transition-all cursor-pointer`,children:`Use Template`},void 0,!1,{fileName:P,lineNumber:798,columnNumber:23},this)]},void 0,!0,{fileName:P,lineNumber:791,columnNumber:21},this)]},e.id,!0,{fileName:P,lineNumber:772,columnNumber:19},this))},void 0,!1,{fileName:P,lineNumber:770,columnNumber:15},this)]},void 0,!0,{fileName:P,lineNumber:751,columnNumber:13},this),(0,j.jsxDEV)(`section`,{className:`space-y-4 pt-2`,children:[(0,j.jsxDEV)(`div`,{className:`flex items-center justify-between border-b border-[#e5e5ea] dark:border-[#38383a] pb-3`,children:[(0,j.jsxDEV)(`h2`,{className:`text-[20px] font-extrabold tracking-tight text-[#1d1d1f] dark:text-[#f5f5f7]`,children:`Recents`},void 0,!1,{fileName:P,lineNumber:818,columnNumber:15},this),(0,j.jsxDEV)(`div`,{className:`flex items-center gap-3`,children:[(0,j.jsxDEV)(`div`,{className:`flex items-center bg-white dark:bg-[#1c1c1e] border border-[#e5e5ea] dark:border-[#38383a] rounded-full px-3 py-1 text-[12px] font-medium shadow-2xs gap-1.5 cursor-pointer`,children:[(0,j.jsxDEV)(`span`,{className:`text-[#86868b]`,children:`Type:`},void 0,!1,{fileName:P,lineNumber:825,columnNumber:19},this),(0,j.jsxDEV)(`span`,{className:`font-semibold capitalize`,children:s},void 0,!1,{fileName:P,lineNumber:826,columnNumber:19},this),(0,j.jsxDEV)(qe,{className:`w-3.5 h-3.5 text-[#86868b]`},void 0,!1,{fileName:P,lineNumber:827,columnNumber:19},this)]},void 0,!0,{fileName:P,lineNumber:824,columnNumber:17},this),(0,j.jsxDEV)(`div`,{className:`flex items-center bg-white dark:bg-[#1c1c1e] border border-[#e5e5ea] dark:border-[#38383a] rounded-full px-3 py-1 text-[12px] font-medium shadow-2xs gap-1.5 cursor-pointer`,children:[(0,j.jsxDEV)(`span`,{className:`text-[#86868b]`,children:`Owner:`},void 0,!1,{fileName:P,lineNumber:832,columnNumber:19},this),(0,j.jsxDEV)(`span`,{className:`font-semibold`,children:`Any`},void 0,!1,{fileName:P,lineNumber:833,columnNumber:19},this),(0,j.jsxDEV)(qe,{className:`w-3.5 h-3.5 text-[#86868b]`},void 0,!1,{fileName:P,lineNumber:834,columnNumber:19},this)]},void 0,!0,{fileName:P,lineNumber:831,columnNumber:17},this),(0,j.jsxDEV)(`button`,{type:`button`,onClick:()=>d(u===`updated_desc`?`name_asc`:`updated_desc`),className:`p-1.5 rounded-full bg-white dark:bg-[#1c1c1e] border border-[#e5e5ea] dark:border-[#38383a] text-[#6e6e73] hover:text-[#1d1d1f] transition-colors cursor-pointer shadow-2xs`,title:`Sort Order`,children:(0,j.jsxDEV)(kt,{className:`w-4 h-4`},void 0,!1,{fileName:P,lineNumber:844,columnNumber:19},this)},void 0,!1,{fileName:P,lineNumber:838,columnNumber:17},this)]},void 0,!0,{fileName:P,lineNumber:822,columnNumber:15},this)]},void 0,!0,{fileName:P,lineNumber:817,columnNumber:13},this),oe?(0,j.jsxDEV)(`div`,{className:`py-20 text-center text-[#86868b]`,children:`Loading your designs...`},void 0,!1,{fileName:P,lineNumber:851,columnNumber:15},this):xe.length===0?(0,j.jsxDEV)(`div`,{className:`py-16 bg-white dark:bg-[#1c1c1e] rounded-3xl border border-[#e5e5ea] dark:border-[#38383a] flex flex-col items-center justify-center p-8 text-center shadow-2xs`,children:[(0,j.jsxDEV)(`div`,{className:`w-14 h-14 rounded-2xl bg-[#7d2ae8]/10 text-[#7d2ae8] flex items-center justify-center mb-3`,children:(0,j.jsxDEV)(ut,{className:`w-7 h-7`},void 0,!1,{fileName:P,lineNumber:855,columnNumber:19},this)},void 0,!1,{fileName:P,lineNumber:854,columnNumber:17},this),(0,j.jsxDEV)(`h3`,{className:`text-[17px] font-bold text-[#1d1d1f] dark:text-[#f5f5f7]`,children:`No recent designs`},void 0,!1,{fileName:P,lineNumber:857,columnNumber:17},this),(0,j.jsxDEV)(`p`,{className:`text-[13px] text-[#86868b] max-w-sm mt-1 mb-4`,children:`Start from scratch or pick a template to create your first design.`},void 0,!1,{fileName:P,lineNumber:858,columnNumber:17},this),(0,j.jsxDEV)(`button`,{type:`button`,onClick:()=>Se(),className:`px-5 py-2 rounded-full bg-[#7d2ae8] hover:bg-[#6b21ce] text-white text-[13px] font-semibold transition-colors cursor-pointer shadow-apple-sm`,children:`Create Design`},void 0,!1,{fileName:P,lineNumber:861,columnNumber:17},this)]},void 0,!0,{fileName:P,lineNumber:853,columnNumber:15},this):(0,j.jsxDEV)(`div`,{className:`grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-5`,children:xe.map(t=>(0,j.jsxDEV)(`div`,{onClick:()=>e(t.id),className:`group bg-white dark:bg-[#1c1c1e] rounded-2xl border border-[#e5e5ea] dark:border-[#38383a] hover:border-[#7d2ae8]/50 p-3 shadow-apple-xs hover:shadow-apple-md transition-all duration-200 cursor-pointer flex flex-col justify-between`,children:[(0,j.jsxDEV)(`div`,{className:`w-full h-36 rounded-xl bg-[#f4f4f7] dark:bg-[#2c2c2e]/60 border border-[#e5e5ea] dark:border-[#38383a] overflow-hidden relative p-3 flex flex-col justify-between mb-2.5`,children:(0,j.jsxDEV)(`div`,{className:`w-full h-full relative rounded bg-white dark:bg-[#1c1c1e] shadow-2xs p-2 overflow-hidden flex flex-col justify-between`,children:[(0,j.jsxDEV)(`div`,{className:`w-2/3 h-2 bg-[#7d2ae8]/80 rounded-sm`},void 0,!1,{fileName:P,lineNumber:881,columnNumber:27},this),(0,j.jsxDEV)(`div`,{className:`space-y-1`,children:[(0,j.jsxDEV)(`div`,{className:`w-full h-1.5 bg-[#e5e5ea] dark:bg-[#38383a] rounded-sm`},void 0,!1,{fileName:P,lineNumber:883,columnNumber:29},this),(0,j.jsxDEV)(`div`,{className:`w-4/5 h-1.5 bg-[#e5e5ea] dark:bg-[#38383a] rounded-sm`},void 0,!1,{fileName:P,lineNumber:884,columnNumber:29},this)]},void 0,!0,{fileName:P,lineNumber:882,columnNumber:27},this),(0,j.jsxDEV)(`div`,{className:`w-1/3 h-2 bg-[#0071e3] rounded-sm`},void 0,!1,{fileName:P,lineNumber:886,columnNumber:27},this)]},void 0,!0,{fileName:P,lineNumber:880,columnNumber:25},this)},void 0,!1,{fileName:P,lineNumber:879,columnNumber:23},this),(0,j.jsxDEV)(`div`,{children:[(0,j.jsxDEV)(`h3`,{className:`text-[13px] font-bold text-[#1d1d1f] dark:text-[#f5f5f7] group-hover:text-[#7d2ae8] dark:group-hover:text-[#9d52ff] transition-colors truncate`,children:t.name},void 0,!1,{fileName:P,lineNumber:891,columnNumber:25},this),(0,j.jsxDEV)(`div`,{className:`flex items-center justify-between text-[11px] text-[#86868b] mt-0.5`,children:[(0,j.jsxDEV)(`span`,{className:`capitalize`,children:t.type},void 0,!1,{fileName:P,lineNumber:895,columnNumber:27},this),(0,j.jsxDEV)(`span`,{children:Ka(t.updatedAt)},void 0,!1,{fileName:P,lineNumber:896,columnNumber:27},this)]},void 0,!0,{fileName:P,lineNumber:894,columnNumber:25},this)]},void 0,!0,{fileName:P,lineNumber:890,columnNumber:23},this)]},t.id,!0,{fileName:P,lineNumber:873,columnNumber:21},this))},void 0,!1,{fileName:P,lineNumber:870,columnNumber:15},this)]},void 0,!0,{fileName:P,lineNumber:816,columnNumber:11},this)]},void 0,!0,{fileName:P,lineNumber:708,columnNumber:9},this)]},void 0,!0,{fileName:P,lineNumber:606,columnNumber:7},this),ce&&(0,j.jsxDEV)(qi,{isOpen:!0,onClose:()=>le(null),title:`Rename Design`,children:(0,j.jsxDEV)(`div`,{className:`space-y-4`,children:[(0,j.jsxDEV)(Gi,{value:ue,onChange:e=>de(e.target.value),placeholder:`Design name...`,autoFocus:!0},void 0,!1,{fileName:P,lineNumber:916,columnNumber:13},this),(0,j.jsxDEV)(`div`,{className:`flex justify-end gap-2`,children:[(0,j.jsxDEV)(Ui,{variant:`secondary`,onClick:()=>le(null),children:`Cancel`},void 0,!1,{fileName:P,lineNumber:923,columnNumber:15},this),(0,j.jsxDEV)(Ui,{variant:`primary`,onClick:async()=>{if(!ce||!ue.trim())return;let e=r.find(e=>e.id===ce.id);if(e){let t={...e,name:ue.trim(),updatedAt:new Date().toISOString()};await Zr(t),ge(`Renamed to "${ue.trim()}"`,`success`),be()}le(null)},children:`Save`},void 0,!1,{fileName:P,lineNumber:926,columnNumber:15},this)]},void 0,!0,{fileName:P,lineNumber:922,columnNumber:13},this)]},void 0,!0,{fileName:P,lineNumber:915,columnNumber:11},this)},void 0,!1,{fileName:P,lineNumber:910,columnNumber:9},this),fe&&(0,j.jsxDEV)(qi,{isOpen:!0,onClose:()=>pe(null),title:`Delete Design`,children:(0,j.jsxDEV)(`div`,{className:`space-y-4`,children:[(0,j.jsxDEV)(`p`,{className:`text-[13.5px] text-[#6e6e73] dark:text-[#8e8e93]`,children:[`Are you sure you want to permanently delete `,(0,j.jsxDEV)(`strong`,{className:`text-[#1d1d1f] dark:text-[#f5f5f7]`,children:[`"`,fe.name,`"`]},void 0,!0,{fileName:P,lineNumber:943,columnNumber:59},this),`? This cannot be undone.`]},void 0,!0,{fileName:P,lineNumber:942,columnNumber:13},this),(0,j.jsxDEV)(`div`,{className:`flex justify-end gap-2`,children:[(0,j.jsxDEV)(Ui,{variant:`secondary`,onClick:()=>pe(null),children:`Cancel`},void 0,!1,{fileName:P,lineNumber:946,columnNumber:15},this),(0,j.jsxDEV)(Ui,{variant:`destructive`,onClick:async()=>{fe&&(await Xr(fe.id),ge(`Deleted "${fe.name}"`,`info`),pe(null),be())},children:`Delete Permanently`},void 0,!1,{fileName:P,lineNumber:949,columnNumber:15},this)]},void 0,!0,{fileName:P,lineNumber:945,columnNumber:13},this)]},void 0,!0,{fileName:P,lineNumber:941,columnNumber:11},this)},void 0,!1,{fileName:P,lineNumber:936,columnNumber:9},this),(0,j.jsxDEV)(k.Suspense,{fallback:null,children:[v&&(0,j.jsxDEV)(Ua,{isOpen:v,onClose:()=>y(!1),onCreated:t=>e(t)},void 0,!1,{fileName:P,lineNumber:960,columnNumber:11},this),b&&(0,j.jsxDEV)(Wa,{isOpen:b,onClose:()=>x(!1),onSelectProject:t=>e(t)},void 0,!1,{fileName:P,lineNumber:967,columnNumber:11},this),C&&(0,j.jsxDEV)(Ga,{isOpen:C,onClose:()=>w(!1),onProjectOpened:t=>e(t)},void 0,!1,{fileName:P,lineNumber:974,columnNumber:11},this)]},void 0,!0,{fileName:P,lineNumber:958,columnNumber:7},this),(0,j.jsxDEV)(pa,{isOpen:ee,onClose:()=>te(!1),onOpenProject:e},void 0,!1,{fileName:P,lineNumber:983,columnNumber:7},this)]},void 0,!0,{fileName:P,lineNumber:486,columnNumber:5},this)}var F=`C:/Users/Shadow/Desktop/cyrus/src/components/designSystem/DesignTokensModal.tsx`,Ja=[{id:`apple`,name:`Cupertino / Apple`,primary:`#0071e3`,surface:`#ffffff`,bg:`#f5f5f7`,text:`#1d1d1f`},{id:`neon`,name:`Cyberpunk Neon`,primary:`#a855f7`,surface:`#121214`,bg:`#09090b`,text:`#f4f4f5`},{id:`emerald`,name:`Emerald Forest`,primary:`#059669`,surface:`#ffffff`,bg:`#f0fdf4`,text:`#064e3b`},{id:`midnight`,name:`Midnight Deep Blue`,primary:`#3b82f6`,surface:`#0f172a`,bg:`#020617`,text:`#f8fafc`}];function Ya({isOpen:e,onClose:t}){let n=M(e=>e.activeProject),r=M(e=>e.updateDesignTokens);M(e=>e.applyThemePreset);let{addToast:i}=Vr(),[a,o]=(0,k.useState)(`colors`),[s,c]=(0,k.useState)(!1);if((0,k.useEffect)(()=>{let n=n=>{n.key===`Escape`&&e&&t()};return window.addEventListener(`keydown`,n),()=>window.removeEventListener(`keydown`,n)},[e,t]),!e)return null;let l=n?.designSystem||n?.designTokens||{colors:{primary:`#0071e3`,secondary:`#5856d6`,surface:`#ffffff`,background:`#f5f5f7`,text:`#1d1d1f`,textSecondary:`#86868b`,border:`#e5e5ea`},typography:{display:{fontSize:40,fontWeight:`700`,lineHeight:1.1},heading:{fontSize:24,fontWeight:`600`,lineHeight:1.25},body:{fontSize:15,fontWeight:`400`,lineHeight:1.5},caption:{fontSize:12,fontWeight:`500`,lineHeight:1.4}},spacing:{xs:4,sm:8,md:16,lg:24,xl:32,xxl:48},radius:{small:6,medium:10,large:16,full:999}},u=(e,t)=>{n&&r({colors:{...l.colors,[e]:t}})},d=e=>{n&&(r({colors:{...l.colors,primary:e.primary,surface:e.surface,background:e.bg,text:e.text}}),i(`Applied theme: `+e.name,`success`))},f=()=>`:root {
+  /* Cyrus Design Tokens - Color Palette */
+  --color-primary: `+(l.colors?.primary||`#0071e3`)+`;
+  --color-secondary: `+(l.colors?.secondary||`#5856d6`)+`;
+  --color-surface: `+(l.colors?.surface||`#ffffff`)+`;
+  --color-background: `+(l.colors?.background||`#f5f5f7`)+`;
+  --color-text: `+(l.colors?.text||`#1d1d1f`)+`;
+  --color-border: `+(l.colors?.border||`#e5e5ea`)+`;
+
+  /* Spacing Scales */
+  --space-xs: `+(l.spacing?.xs??4)+`px;
+  --space-sm: `+(l.spacing?.sm??8)+`px;
+  --space-md: `+(l.spacing?.md??16)+`px;
+  --space-lg: `+(l.spacing?.lg??24)+`px;
+  --space-xl: `+(l.spacing?.xl??32)+`px;
+
+  /* Radii */
+  --radius-sm: `+(l.radius?.small??6)+`px;
+  --radius-md: `+(l.radius?.medium??10)+`px;
+  --radius-lg: `+(l.radius?.large??16)+`px;
+  --radius-full: 9999px;
+}`;return(0,j.jsxDEV)(`div`,{role:`dialog`,"aria-modal":`true`,className:`fixed inset-0 z-[100] flex items-center justify-center p-4 sm:p-6`,children:[(0,j.jsxDEV)(`div`,{onClick:t,className:`fixed inset-0 bg-black/60 backdrop-blur-sm transition-opacity duration-200`},void 0,!1,{fileName:F,lineNumber:150,columnNumber:7},this),(0,j.jsxDEV)(`div`,{className:`relative w-full max-w-2xl bg-white dark:bg-[#1c1c1e] text-[#1d1d1f] dark:text-[#f5f5f7] rounded-2xl border border-[#e5e5ea] dark:border-[#38383a] shadow-2xl overflow-hidden flex flex-col max-h-[88vh] my-auto z-10 animate-in fade-in zoom-in-95 duration-150 select-none`,children:[(0,j.jsxDEV)(`div`,{className:`px-6 py-4 border-b border-[#e5e5ea] dark:border-[#2c2c2e] flex items-center justify-between shrink-0`,children:[(0,j.jsxDEV)(`div`,{className:`flex items-center gap-3`,children:[(0,j.jsxDEV)(`div`,{className:`w-8 h-8 rounded-xl bg-gradient-to-tr from-[#7d2ae8] to-[#0071e3] text-white flex items-center justify-center shadow-2xs`,children:(0,j.jsxDEV)(ut,{className:`w-4 h-4`},void 0,!1,{fileName:F,lineNumber:161,columnNumber:15},this)},void 0,!1,{fileName:F,lineNumber:160,columnNumber:13},this),(0,j.jsxDEV)(`div`,{children:[(0,j.jsxDEV)(`h3`,{className:`text-[15px] font-bold`,children:`Design Token Studio`},void 0,!1,{fileName:F,lineNumber:164,columnNumber:15},this),(0,j.jsxDEV)(`p`,{className:`text-[11.5px] text-[#86868b]`,children:`Master tokens for colors, typography, spacing, and multi-framework exports.`},void 0,!1,{fileName:F,lineNumber:165,columnNumber:15},this)]},void 0,!0,{fileName:F,lineNumber:163,columnNumber:13},this)]},void 0,!0,{fileName:F,lineNumber:159,columnNumber:11},this),(0,j.jsxDEV)(`div`,{className:`flex items-center gap-2`,children:[(0,j.jsxDEV)(`span`,{className:`px-2.5 py-1 rounded-full bg-[#34c759]/10 text-[#34c759] text-[11px] font-bold`,children:`Tokens Synchronized`},void 0,!1,{fileName:F,lineNumber:171,columnNumber:13},this),(0,j.jsxDEV)(`button`,{type:`button`,onClick:t,className:`p-1.5 rounded-lg text-[#86868b] hover:text-[#1d1d1f] dark:hover:text-white hover:bg-[#f4f4f6] dark:hover:bg-[#2c2c2e] transition-colors cursor-pointer`,title:`Close (Esc)`,children:(0,j.jsxDEV)(ln,{className:`w-4 h-4`},void 0,!1,{fileName:F,lineNumber:180,columnNumber:15},this)},void 0,!1,{fileName:F,lineNumber:174,columnNumber:13},this)]},void 0,!0,{fileName:F,lineNumber:170,columnNumber:11},this)]},void 0,!0,{fileName:F,lineNumber:158,columnNumber:9},this),(0,j.jsxDEV)(`div`,{className:`flex border-b border-[#e5e5ea] dark:border-[#2c2c2e] px-6 bg-[#fbfbfd] dark:bg-[#2c2c2e]/40 shrink-0`,children:[`colors`,`typography`,`spacing`,`radii`,`export`].map(e=>(0,j.jsxDEV)(`button`,{type:`button`,onClick:()=>o(e),className:D(`px-4 py-2.5 text-[12px] font-bold border-b-2 transition-all cursor-pointer capitalize`,a===e?`border-[#7d2ae8] text-[#7d2ae8] dark:text-[#9d52ff]`:`border-transparent text-[#6e6e73] hover:text-[#1d1d1f] dark:hover:text-white`),children:e},e,!1,{fileName:F,lineNumber:188,columnNumber:13},this))},void 0,!1,{fileName:F,lineNumber:186,columnNumber:9},this),(0,j.jsxDEV)(`div`,{className:`p-6 flex-1 overflow-y-auto max-h-[420px]`,children:[a===`colors`&&(0,j.jsxDEV)(`div`,{className:`space-y-6`,children:[(0,j.jsxDEV)(`div`,{children:[(0,j.jsxDEV)(`span`,{className:`text-[11px] font-bold text-[#86868b] uppercase tracking-wider block mb-2`,children:`Theme Presets`},void 0,!1,{fileName:F,lineNumber:210,columnNumber:17},this),(0,j.jsxDEV)(`div`,{className:`grid grid-cols-4 gap-2.5`,children:Ja.map(e=>(0,j.jsxDEV)(`button`,{type:`button`,onClick:()=>d(e),className:`p-3 rounded-xl border border-[#e5e5ea] dark:border-[#38383a] hover:border-[#7d2ae8] transition-all text-left flex flex-col gap-2 cursor-pointer shadow-2xs hover:scale-[1.02]`,children:[(0,j.jsxDEV)(`div`,{className:`flex items-center gap-1.5`,children:[(0,j.jsxDEV)(`div`,{className:`w-5 h-5 rounded-full`,style:{backgroundColor:e.primary}},void 0,!1,{fileName:F,lineNumber:222,columnNumber:25},this),(0,j.jsxDEV)(`div`,{className:`w-5 h-5 rounded-full`,style:{backgroundColor:e.surface}},void 0,!1,{fileName:F,lineNumber:223,columnNumber:25},this),(0,j.jsxDEV)(`div`,{className:`w-5 h-5 rounded-full`,style:{backgroundColor:e.bg}},void 0,!1,{fileName:F,lineNumber:224,columnNumber:25},this)]},void 0,!0,{fileName:F,lineNumber:221,columnNumber:23},this),(0,j.jsxDEV)(`span`,{className:`text-[11.5px] font-bold text-[#1d1d1f] dark:text-white truncate`,children:e.name},void 0,!1,{fileName:F,lineNumber:226,columnNumber:23},this)]},e.id,!0,{fileName:F,lineNumber:215,columnNumber:21},this))},void 0,!1,{fileName:F,lineNumber:213,columnNumber:17},this)]},void 0,!0,{fileName:F,lineNumber:209,columnNumber:15},this),(0,j.jsxDEV)(`div`,{children:[(0,j.jsxDEV)(`span`,{className:`text-[11px] font-bold text-[#86868b] uppercase tracking-wider block mb-2`,children:`Palette Tokens`},void 0,!1,{fileName:F,lineNumber:236,columnNumber:17},this),(0,j.jsxDEV)(`div`,{className:`grid grid-cols-2 gap-3`,children:Object.entries(l.colors||{}).map(([e,t])=>(0,j.jsxDEV)(`div`,{className:`p-2.5 rounded-xl border border-[#e5e5ea] dark:border-[#38383a] flex items-center justify-between`,children:(0,j.jsxDEV)(`div`,{className:`flex items-center gap-2.5`,children:[(0,j.jsxDEV)(`input`,{type:`color`,value:typeof t==`string`?t:`#000000`,onChange:t=>u(e,t.target.value),className:`w-7 h-7 rounded-lg border border-[#e5e5ea] dark:border-[#48484a] cursor-pointer overflow-hidden p-0`},void 0,!1,{fileName:F,lineNumber:246,columnNumber:25},this),(0,j.jsxDEV)(`div`,{children:[(0,j.jsxDEV)(`div`,{className:`text-[12px] font-bold capitalize`,children:e},void 0,!1,{fileName:F,lineNumber:253,columnNumber:27},this),(0,j.jsxDEV)(`div`,{className:`text-[10px] font-mono text-[#86868b]`,children:String(t)},void 0,!1,{fileName:F,lineNumber:254,columnNumber:27},this)]},void 0,!0,{fileName:F,lineNumber:252,columnNumber:25},this)]},void 0,!0,{fileName:F,lineNumber:245,columnNumber:23},this)},e,!1,{fileName:F,lineNumber:241,columnNumber:21},this))},void 0,!1,{fileName:F,lineNumber:239,columnNumber:17},this)]},void 0,!0,{fileName:F,lineNumber:235,columnNumber:15},this)]},void 0,!0,{fileName:F,lineNumber:207,columnNumber:13},this),a===`typography`&&(0,j.jsxDEV)(`div`,{className:`space-y-3`,children:[(0,j.jsxDEV)(`span`,{className:`text-[11px] font-bold text-[#86868b] uppercase tracking-wider block mb-2`,children:`Type Hierarchy`},void 0,!1,{fileName:F,lineNumber:266,columnNumber:15},this),Object.entries(l.typography||{}).map(([e,t])=>(0,j.jsxDEV)(`div`,{className:`p-3.5 rounded-xl border border-[#e5e5ea] dark:border-[#38383a] flex items-center justify-between`,children:(0,j.jsxDEV)(`div`,{children:[(0,j.jsxDEV)(`span`,{className:`text-[10.5px] font-mono text-[#86868b] uppercase block`,children:[e,` (`,t.fontSize,`px / `,t.fontWeight,`)`]},void 0,!0,{fileName:F,lineNumber:275,columnNumber:21},this),(0,j.jsxDEV)(`span`,{style:{fontSize:Math.min(t.fontSize,28),fontWeight:t.fontWeight},className:`text-[#1d1d1f] dark:text-white truncate block mt-1`,children:`The quick brown fox jumps`},void 0,!1,{fileName:F,lineNumber:278,columnNumber:21},this)]},void 0,!0,{fileName:F,lineNumber:274,columnNumber:19},this)},e,!1,{fileName:F,lineNumber:270,columnNumber:17},this))]},void 0,!0,{fileName:F,lineNumber:265,columnNumber:13},this),a===`spacing`&&(0,j.jsxDEV)(`div`,{className:`space-y-3`,children:[(0,j.jsxDEV)(`span`,{className:`text-[11px] font-bold text-[#86868b] uppercase tracking-wider block mb-2`,children:`Spacing Scale (px)`},void 0,!1,{fileName:F,lineNumber:292,columnNumber:15},this),(0,j.jsxDEV)(`div`,{className:`grid grid-cols-3 gap-2.5`,children:Object.entries(l.spacing||{}).map(([e,t])=>(0,j.jsxDEV)(`div`,{className:`p-3 rounded-xl border border-[#e5e5ea] dark:border-[#38383a] flex items-center justify-between`,children:[(0,j.jsxDEV)(`span`,{className:`font-bold text-[12px] uppercase`,children:e},void 0,!1,{fileName:F,lineNumber:301,columnNumber:21},this),(0,j.jsxDEV)(`div`,{className:`flex items-center gap-2`,children:[(0,j.jsxDEV)(`div`,{className:`h-4 bg-[#7d2ae8] rounded`,style:{width:Math.max(Number(t)||4,4)}},void 0,!1,{fileName:F,lineNumber:303,columnNumber:23},this),(0,j.jsxDEV)(`span`,{className:`font-mono text-[11px] text-[#86868b]`,children:[String(t),`px`]},void 0,!0,{fileName:F,lineNumber:304,columnNumber:23},this)]},void 0,!0,{fileName:F,lineNumber:302,columnNumber:21},this)]},e,!0,{fileName:F,lineNumber:297,columnNumber:19},this))},void 0,!1,{fileName:F,lineNumber:295,columnNumber:15},this)]},void 0,!0,{fileName:F,lineNumber:291,columnNumber:13},this),a===`radii`&&(0,j.jsxDEV)(`div`,{className:`space-y-3`,children:[(0,j.jsxDEV)(`span`,{className:`text-[11px] font-bold text-[#86868b] uppercase tracking-wider block mb-2`,children:`Corner Radii`},void 0,!1,{fileName:F,lineNumber:314,columnNumber:15},this),(0,j.jsxDEV)(`div`,{className:`grid grid-cols-4 gap-3`,children:Object.entries(l.radius||{}).map(([e,t])=>(0,j.jsxDEV)(`div`,{className:`p-4 rounded-xl border border-[#e5e5ea] dark:border-[#38383a] text-center flex flex-col items-center gap-2`,children:[(0,j.jsxDEV)(`div`,{className:`w-12 h-12 bg-[#7d2ae8]/20 border-2 border-[#7d2ae8] flex items-center justify-center font-mono text-[10px] text-[#7d2ae8] font-bold`,style:{borderRadius:t===999?`999px`:t+`px`},children:[String(t),`px`]},void 0,!0,{fileName:F,lineNumber:323,columnNumber:21},this),(0,j.jsxDEV)(`span`,{className:`text-[11.5px] font-bold capitalize`,children:e},void 0,!1,{fileName:F,lineNumber:329,columnNumber:21},this)]},e,!0,{fileName:F,lineNumber:319,columnNumber:19},this))},void 0,!1,{fileName:F,lineNumber:317,columnNumber:15},this)]},void 0,!0,{fileName:F,lineNumber:313,columnNumber:13},this),a===`export`&&(0,j.jsxDEV)(`div`,{className:`space-y-3`,children:[(0,j.jsxDEV)(`div`,{className:`flex items-center justify-between`,children:[(0,j.jsxDEV)(`span`,{className:`text-[11px] font-bold text-[#86868b] uppercase tracking-wider`,children:`CSS Variables (:root)`},void 0,!1,{fileName:F,lineNumber:339,columnNumber:17},this),(0,j.jsxDEV)(`button`,{type:`button`,onClick:()=>{navigator.clipboard.writeText(f()),c(!0),i(`Design token CSS variables copied ✓`,`success`),setTimeout(()=>c(!1),2e3)},className:`flex items-center gap-1.5 px-3 py-1.5 rounded-lg bg-[#7d2ae8] text-white text-[11.5px] font-bold hover:bg-[#6c28d9] transition-all cursor-pointer shadow-2xs`,children:[s?(0,j.jsxDEV)(Mr,{className:`w-3.5 h-3.5`},void 0,!1,{fileName:F,lineNumber:347,columnNumber:35},this):(0,j.jsxDEV)(sn,{className:`w-3.5 h-3.5`},void 0,!1,{fileName:F,lineNumber:347,columnNumber:71},this),s?`Copied`:`Copy Tokens`]},void 0,!0,{fileName:F,lineNumber:342,columnNumber:17},this)]},void 0,!0,{fileName:F,lineNumber:338,columnNumber:15},this),(0,j.jsxDEV)(`div`,{className:`p-3.5 rounded-xl bg-[#1e1e1e] border border-[#38383a] overflow-x-auto`,children:(0,j.jsxDEV)(`pre`,{className:`font-mono text-[11px] text-[#34c759] leading-relaxed whitespace-pre select-text`,children:f()},void 0,!1,{fileName:F,lineNumber:353,columnNumber:17},this)},void 0,!1,{fileName:F,lineNumber:352,columnNumber:15},this)]},void 0,!0,{fileName:F,lineNumber:337,columnNumber:13},this)]},void 0,!0,{fileName:F,lineNumber:205,columnNumber:9},this)]},void 0,!0,{fileName:F,lineNumber:156,columnNumber:7},this)]},void 0,!0,{fileName:F,lineNumber:144,columnNumber:5},this)}var Xa=[`#FF3B30`,`#FF9500`,`#34C759`,`#007AFF`,`#AF52DE`,`#FF2D55`,`#00C7BE`,`#5AC8FA`];function Za(){return`sess_${Math.random().toString(36).slice(2,11)}`}function Qa(e,t=`Current Project`){let n=e.filter(e=>e.status===`open`),r=e.filter(e=>e.status===`resolved`);if(e.length===0)return{totalCount:0,openCount:0,resolvedCount:0,executiveSummary:`No feedback comments have been recorded for "${t}" yet. The design is ready for initial team review.`,categories:[],actionItems:[`Drop comment markers across artboards to initiate peer review.`],keyStrengths:[`Design canvas is clean and ready for review.`]};let i={"Spacing & Layout":{count:0,sentiment:`critical`,comments:[]},"Visual Contrast & Accessibility":{count:0,sentiment:`critical`,comments:[]},"Typography & Hierarchy":{count:0,sentiment:`suggestion`,comments:[]},"Forms & Validation":{count:0,sentiment:`critical`,comments:[]},"Mobile & Responsive":{count:0,sentiment:`critical`,comments:[]},"Copy & Content":{count:0,sentiment:`suggestion`,comments:[]},"General Polish & Praise":{count:0,sentiment:`positive`,comments:[]}},a=[],o=[];for(let t of e){let e=(t.body+` `+t.replies.map(e=>e.body).join(` `)).toLowerCase(),n=!1;(e.includes(`spacing`)||e.includes(`margin`)||e.includes(`padding`)||e.includes(`align`)||e.includes(`gap`)||e.includes(`grid`))&&(i[`Spacing & Layout`].count++,i[`Spacing & Layout`].comments.push(t.body),n=!0),(e.includes(`contrast`)||e.includes(`color`)||e.includes(`dark`)||e.includes(`readable`)||e.includes(`wcag`)||e.includes(`accessibility`)||e.includes(`legible`))&&(i[`Visual Contrast & Accessibility`].count++,i[`Visual Contrast & Accessibility`].comments.push(t.body),n=!0),(e.includes(`font`)||e.includes(`heading`)||e.includes(`size`)||e.includes(`weight`)||e.includes(`type`)||e.includes(`hierarchy`))&&(i[`Typography & Hierarchy`].count++,i[`Typography & Hierarchy`].comments.push(t.body),n=!0),(e.includes(`form`)||e.includes(`input`)||e.includes(`button`)||e.includes(`submit`)||e.includes(`error`)||e.includes(`validation`)||e.includes(`field`))&&(i[`Forms & Validation`].count++,i[`Forms & Validation`].comments.push(t.body),n=!0),(e.includes(`mobile`)||e.includes(`phone`)||e.includes(`screen`)||e.includes(`responsive`)||e.includes(`overflow`)||e.includes(`tablet`))&&(i[`Mobile & Responsive`].count++,i[`Mobile & Responsive`].comments.push(t.body),n=!0),(e.includes(`copy`)||e.includes(`text`)||e.includes(`spelling`)||e.includes(`wording`)||e.includes(`headline`)||e.includes(`label`))&&(i[`Copy & Content`].count++,i[`Copy & Content`].comments.push(t.body),n=!0),(e.includes(`love`)||e.includes(`great`)||e.includes(`clean`)||e.includes(`looks good`)||e.includes(`awesome`)||e.includes(`nice`)||e.includes(`perfect`))&&(i[`General Polish & Praise`].count++,i[`General Polish & Praise`].comments.push(t.body),o.push(t.body),n=!0),n||(i[`General Polish & Praise`].count++,i[`General Polish & Praise`].comments.push(t.body))}let s=Object.entries(i).filter(([e,t])=>t.count>0).map(([e,t])=>({title:e,count:t.count,sentiment:t.sentiment,comments:t.comments.slice(0,3)})).sort((e,t)=>t.count-e.count),c=n.length,l=r.length,u=s[0],d=s[1],f=``;if(c===0&&l>0)f=`All ${l} review feedback item(s) have been successfully resolved. The project meets stakeholder quality criteria.`;else{let e=[];u&&u.count>0&&e.push(`${u.count} comment${u.count>1?`s concern`:` concerns`} ${u.title.toLowerCase()}`),d&&d.count>0&&e.push(`${d.count} concern ${d.title.toLowerCase()}`);let t=e.join(` and `);f=`Review analysis identified ${c} open feedback thread${c>1?`s`:``}${t?` (${t})`:``}. ${l>0?`${l} thread${l>1?`s were`:` was`} already resolved in prior revisions.`:``}`}return i[`Spacing & Layout`].count>0&&a.push(`Refine element margins and container padding across artboards to preserve Apple 8pt grid consistency.`),i[`Visual Contrast & Accessibility`].count>0&&a.push(`Increase text-to-background contrast ratio for secondary labels to meet WCAG AA standards (#86868b on white).`),i[`Mobile & Responsive`].count>0&&a.push(`Verify mobile breakpoints (390px) to ensure no horizontal overflow or clipped card widths.`),i[`Forms & Validation`].count>0&&a.push(`Ensure form input field error and success states are clearly distinguished with feedback pills.`),a.length===0&&a.push(`Review open comment pins on canvas and mark threads as resolved once addressed.`),o.length===0&&(o.push(`Visual hierarchy and typography rhythm are strong.`),o.push(`Design components maintain cohesive Apple Human Interface tokens.`)),{totalCount:e.length,openCount:c,resolvedCount:l,executiveSummary:f,categories:s,actionItems:a,keyStrengths:o.slice(0,3)}}var $a=`cyrus_activity_v1_`;function eo(e){try{let t=localStorage.getItem(`${$a}${e}`);if(t){let e=JSON.parse(t);if(Array.isArray(e))return e}}catch(e){console.error(`Failed to load project activity:`,e)}return[]}function to(e,t){try{localStorage.setItem(`${$a}${e}`,JSON.stringify(t.slice(0,200)))}catch(e){console.error(`Failed to persist project activity:`,e)}}function no(e,t=`New Product`){let n=Date.now();return[{id:O(`act`),projectId:e,type:`project_created`,actor:{id:`user_owner`,name:`You`,color:`#0071e3`},title:`Created Project`,description:`Initialized project "${t}" with default 1440px canvas and design tokens.`,timestamp:new Date(n-72e5).toISOString(),isUnread:!1,isNotification:!1},{id:O(`act`),projectId:e,type:`version_created`,actor:{id:`user_owner`,name:`You`,color:`#0071e3`},title:`Version 1 Checkpoint`,description:`Initial project baseline snapshot created.`,timestamp:new Date(n-27e5).toISOString(),metadata:{versionNumber:1},isUnread:!1,isNotification:!1},{id:O(`act`),projectId:e,type:`ai_change`,actor:{id:`ai_cyrus`,name:`Cyrus AI Agent`,isAI:!0,color:`#5856d6`},title:`AI Synthesized Layout`,description:`Generated responsive cards, line charts, and metric scorecards.`,timestamp:new Date(n-12e5).toISOString(),metadata:{changesSummary:[`Added 4 KPI stat cards`,`Added revenue line chart`,`Refined typography scale`]},isUnread:!0,isNotification:!0}]}var ro=Rr((e,t)=>({currentProjectId:null,activities:[],isActivityPanelOpen:!1,isNotificationsOpen:!1,loadActivitiesForProject:(t,n)=>{if(!t)return;let r=eo(t);r.length===0&&(r=no(t,n),to(t,r)),e({currentProjectId:t,activities:r})},recordActivity:n=>{let{currentProjectId:r,activities:i}=t(),a=n.projectId||r||`default`,o={id:O(`act`),projectId:a,timestamp:new Date().toISOString(),isUnread:!0,isNotification:n.isNotification??(n.type===`comment_added`||n.type===`mention`||n.type===`deployment_completed`||n.type===`deployment_failed`||n.type===`ai_change`),...n};if(a===r||r===null){let t=[o,...i].slice(0,200);e({activities:t}),to(a,t)}else to(a,[o,...eo(a)].slice(0,200));return o},markAsRead:n=>{let{currentProjectId:r,activities:i}=t(),a=i.map(e=>e.id===n?{...e,isUnread:!1}:e);e({activities:a}),r&&to(r,a)},markAllAsRead:()=>{let{currentProjectId:n,activities:r}=t(),i=r.map(e=>({...e,isUnread:!1}));e({activities:i}),n&&to(n,i)},setActivityPanelOpen:t=>e({isActivityPanelOpen:t}),toggleActivityPanel:()=>e(e=>({isActivityPanelOpen:!e.isActivityPanelOpen})),setNotificationsOpen:t=>e({isNotificationsOpen:t}),toggleNotifications:()=>e(e=>({isNotificationsOpen:!e.isNotificationsOpen})),clearActivities:()=>{let{currentProjectId:n}=t();e({activities:[]}),n&&to(n,[])}})),io=`cyrus_comments_`;function ao(e){try{let t=localStorage.getItem(`${io}${e}`);if(t){let e=JSON.parse(t);if(Array.isArray(e))return e}}catch(e){console.error(`Failed to load comments from storage:`,e)}return[]}function oo(e,t){try{localStorage.setItem(`${io}${e}`,JSON.stringify(t))}catch(e){console.error(`Failed to persist comments to storage:`,e)}}var so=0,co=Rr((e,t)=>({isConnected:!1,projectId:null,selfId:Za(),selfColor:Xa[0],collaborators:new Map,comments:[],isCommentsOpen:!1,activeCommentId:null,commentAnchorMode:!1,pendingCommentAnchor:null,showResolvedOnCanvas:!1,isSummarizingFeedback:!1,aiFeedbackSummary:null,isSharePanelOpen:!1,shareConfig:null,initSession:(t,n)=>{let r=Xa[so%Xa.length];so++,e({isConnected:!0,projectId:t,selfColor:r,comments:ao(t)})},disconnect:()=>{e({isConnected:!1,collaborators:new Map})},addCollaborator:t=>{e(e=>{let n=new Map(e.collaborators);if(!n.has(t.id)){let e=n.size;n.set(t.id,{...t,color:t.color||Xa[e%Xa.length]})}return{collaborators:n}})},updateCollaborator:(t,n)=>{e(e=>{let r=new Map(e.collaborators),i=r.get(t);return i&&r.set(t,{...i,...n}),{collaborators:r}})},removeCollaborator:t=>{e(e=>{let n=new Map(e.collaborators);return n.delete(t),{collaborators:n}})},updatePeerCursor:(t,n)=>{e(e=>{let r=new Map(e.collaborators),i=r.get(t);return i&&r.set(t,{...i,cursor:n,lastSeenAt:Date.now()}),{collaborators:r}})},updatePeerSelection:(t,n)=>{e(e=>{let r=new Map(e.collaborators),i=r.get(t);return i&&r.set(t,{...i,selection:n,lastSeenAt:Date.now()}),{collaborators:r}})},addComment:({pageId:n,targetType:r=`page`,elementId:i,elementName:a,canvasX:o,canvasY:s,versionNumber:c=1,versionDescription:l,body:u,authorName:d,authorId:f,authorColor:p,authorAvatarUrl:m})=>{let h=Date.now(),g={id:`cmt_${Math.random().toString(36).slice(2,10)}`,projectId:t().projectId||``,pageId:n,targetType:r,elementId:i,elementName:a,canvasX:o,canvasY:s,versionNumber:c,versionDescription:l,authorId:f,authorName:d,authorColor:p,authorAvatarUrl:m,body:u,mentions:[],replies:[],status:`open`,createdAt:h,updatedAt:h};e(e=>{let t=[...e.comments,g];return e.projectId&&oo(e.projectId,t),{comments:t,activeCommentId:g.id,commentAnchorMode:!1,pendingCommentAnchor:null}});try{ro.getState().recordActivity({projectId:t().projectId||void 0,type:`comment_added`,actor:{id:f||`user_anon`,name:d||`Collaborator`,color:p||`#0071e3`,avatarUrl:m},title:`New Review Comment`,description:u.slice(0,100),metadata:{pageId:n,commentId:g.id}})}catch{}return g},replyToComment:(t,n)=>{let r={...n,id:`rep_${Math.random().toString(36).slice(2,10)}`,createdAt:Date.now()};e(e=>{let n=e.comments.map(e=>e.id===t?{...e,replies:[...e.replies,r],updatedAt:Date.now()}:e);return e.projectId&&oo(e.projectId,n),{comments:n}})},resolveComment:(n,r)=>{e(e=>{let t=e.comments.map(e=>e.id===n?{...e,status:`resolved`,resolvedAt:Date.now(),resolvedBy:r,updatedAt:Date.now()}:e);return e.projectId&&oo(e.projectId,t),{comments:t}});try{ro.getState().recordActivity({projectId:t().projectId||void 0,type:`comment_resolved`,actor:{id:typeof r==`string`?r:`user_owner`,name:typeof r==`string`?r:`Collaborator`,color:`#34c759`},title:`Comment Resolved`,description:`Marked design review feedback as resolved.`,metadata:{commentId:n}})}catch{}},reopenComment:t=>{e(e=>{let n=e.comments.map(e=>e.id===t?{...e,status:`open`,resolvedAt:void 0,resolvedBy:void 0,updatedAt:Date.now()}:e);return e.projectId&&oo(e.projectId,n),{comments:n}})},editComment:(t,n)=>{e(e=>{let r=e.comments.map(e=>e.id===t?{...e,body:n,updatedAt:Date.now()}:e);return e.projectId&&oo(e.projectId,r),{comments:r}})},deleteComment:t=>{e(e=>{let n=e.comments.filter(e=>e.id!==t);return e.projectId&&oo(e.projectId,n),{comments:n,activeCommentId:e.activeCommentId===t?null:e.activeCommentId}})},setCommentStatus:(t,n)=>{e(e=>{let r=e.comments.map(e=>e.id===t?{...e,status:n,updatedAt:Date.now()}:e);return e.projectId&&oo(e.projectId,r),{comments:r}})},loadComments:t=>{e(e=>(e.projectId&&oo(e.projectId,t),{comments:t}))},setActiveComment:t=>e({activeCommentId:t}),setCommentsOpen:t=>e({isCommentsOpen:t}),toggleCommentAnchorMode:()=>e(e=>({commentAnchorMode:!e.commentAnchorMode,pendingCommentAnchor:null})),setPendingCommentAnchor:t=>e({pendingCommentAnchor:t}),setShowResolvedOnCanvas:t=>e({showResolvedOnCanvas:t}),toggleShowResolvedOnCanvas:()=>e(e=>({showResolvedOnCanvas:!e.showResolvedOnCanvas})),generateFeedbackSummary:async(n=`Current Project`)=>{e({isSummarizingFeedback:!0}),await new Promise(e=>setTimeout(e,450));let r=Qa(t().comments,n);return e({isSummarizingFeedback:!1,aiFeedbackSummary:r}),r},clearFeedbackSummary:()=>e({aiFeedbackSummary:null}),setSharePanelOpen:t=>e({isSharePanelOpen:t}),initShareConfig:t=>{e({shareConfig:{projectId:t,invites:[],link:{url:`https://cyrus.app/project/${t}`,permission:`viewer`,isPublic:!1,createdAt:Date.now()},allowComments:!0,allowExport:!1}})},updateShareConfig:t=>{e(e=>({shareConfig:e.shareConfig?{...e.shareConfig,...t}:null}))},addInvite:(t,n)=>{e(e=>{if(!e.shareConfig)return{};let r={id:`inv_${Math.random().toString(36).slice(2,10)}`,email:t,permission:n,invitedBy:e.selfId,invitedAt:Date.now(),status:`pending`};return{shareConfig:{...e.shareConfig,invites:[...e.shareConfig.invites,r]}}})},revokeInvite:t=>{e(e=>e.shareConfig?{shareConfig:{...e.shareConfig,invites:e.shareConfig.invites.map(e=>e.id===t?{...e,status:`revoked`}:e)}}:{})},setShareLink:(t,n)=>{e(e=>e.shareConfig?{shareConfig:{...e.shareConfig,link:{...e.shareConfig?.link||{url:``,permission:`viewer`,isPublic:!1,createdAt:Date.now()},isPublic:t,permission:n}}}:{})}})),I=`C:/Users/Shadow/Desktop/cyrus/src/editor/topbar/EditorTopBar.tsx`;function lo({onBack:e,onOpenCodingMode:t}){let{activeProject:n,updateProjectName:r,saveCurrentProject:i,undo:a,redo:o,past:s,future:c,isSaving:u,lastSavedAt:d}=M(),{viewportMode:f,setViewportMode:p,togglePreviewMode:m,setCreateAppOpen:h,setShareOpen:g,setSaveDesignOpen:_,setHistoryOpen:v,setShortcutsOpen:y,setCommandPaletteOpen:b,isDevMode:x,toggleDevMode:S,isDesignTokensOpen:C,setDesignTokensOpen:ee,showPerformanceHUD:te,togglePerformanceHUD:T,isVoiceActive:ne,toggleVoiceActive:re,spotlightUserId:ie,setSpotlightUserId:ae,zoom:oe,zoomIn:se,zoomOut:ce,resetZoom:le}=A(),ue=co(e=>e.collaborators);co(e=>e.selfId),co(e=>e.selfColor);let de=(0,k.useMemo)(()=>Array.from(ue.values()),[ue]),{addToast:fe}=Vr(),{session:pe,openProfileDialog:me,openAuthDialog:he,signOut:ge}=zi(),{appearance:_e,updateAppearance:ye}=di(),[be,xe]=(0,k.useState)(!1),Se=(0,k.useRef)(null);return(0,k.useEffect)(()=>{let e=e=>{Se.current&&!Se.current.contains(e.target)&&xe(!1)};return document.addEventListener(`mousedown`,e),()=>document.removeEventListener(`mousedown`,e)},[]),(0,j.jsxDEV)(`header`,{className:`h-[46px] w-full bg-white/90 dark:bg-[#1c1c1e]/90 backdrop-blur-md border-b border-[#e5e5ea] dark:border-[#38383a] px-3 flex items-center justify-between text-[#1d1d1f] dark:text-[#f5f5f7] select-none z-40 shrink-0`,children:[(0,j.jsxDEV)(`div`,{className:`flex items-center gap-2`,children:[(0,j.jsxDEV)(`button`,{onClick:e,className:`flex items-center gap-1.5 px-2 py-1 hover:bg-[#f4f4f6] dark:hover:bg-[#2c2c2e] rounded-lg transition-colors cursor-pointer`,title:`Back to Dashboard`,children:(0,j.jsxDEV)(`span`,{className:`font-['Satisfy',cursive] text-[24px] text-[#7d2ae8] dark:text-[#9d52ff] tracking-normal select-none leading-none`,children:`Cyrus`},void 0,!1,{fileName:I,lineNumber:114,columnNumber:11},this)},void 0,!1,{fileName:I,lineNumber:109,columnNumber:9},this),(0,j.jsxDEV)(`div`,{className:`flex items-center max-w-[220px] border-l border-[#e5e5ea] dark:border-[#38383a] pl-2.5 ml-1`,children:(0,j.jsxDEV)(`input`,{type:`text`,value:n?.name||``,onChange:e=>r(e.target.value),placeholder:`Untitled design`,className:`w-full bg-transparent text-[12.5px] font-semibold text-[#1d1d1f] dark:text-[#f5f5f7] hover:bg-[#f4f4f6] dark:hover:bg-[#2c2c2e] focus:bg-white dark:focus:bg-[#1c1c1e] px-2 py-1 rounded-md border border-transparent focus:border-[#7d2ae8] focus:outline-none truncate transition-colors`,title:`Click to rename design`},void 0,!1,{fileName:I,lineNumber:121,columnNumber:11},this)},void 0,!1,{fileName:I,lineNumber:120,columnNumber:9},this)]},void 0,!0,{fileName:I,lineNumber:108,columnNumber:7},this),(0,j.jsxDEV)(`div`,{className:`flex items-center gap-3`,children:[(0,j.jsxDEV)(`div`,{className:`flex items-center bg-[#f4f4f6] dark:bg-[#2c2c2e] p-0.5 rounded-lg border border-[#e5e5ea] dark:border-[#38383a]`,children:[(0,j.jsxDEV)(`button`,{onClick:()=>p(`desktop`),className:D(`px-2.5 py-1 flex items-center gap-1.5 text-[12px] font-medium rounded-md transition-all cursor-pointer`,f===`desktop`?`bg-white dark:bg-[#1c1c1e] text-[#1d1d1f] dark:text-[#f5f5f7] shadow-sm font-semibold`:`text-[#6e6e73] dark:text-[#8e8e93] hover:text-[#1d1d1f] dark:hover:text-[#f5f5f7]`),title:`Desktop (1440px)`,children:[(0,j.jsxDEV)(ve,{className:`w-3.5 h-3.5`},void 0,!1,{fileName:I,lineNumber:146,columnNumber:13},this),(0,j.jsxDEV)(`span`,{className:`hidden sm:inline`,children:`Desktop`},void 0,!1,{fileName:I,lineNumber:147,columnNumber:13},this)]},void 0,!0,{fileName:I,lineNumber:136,columnNumber:11},this),(0,j.jsxDEV)(`button`,{onClick:()=>p(`tablet`),className:D(`px-2.5 py-1 flex items-center gap-1.5 text-[12px] font-medium rounded-md transition-all cursor-pointer`,f===`tablet`?`bg-white dark:bg-[#1c1c1e] text-[#1d1d1f] dark:text-[#f5f5f7] shadow-sm font-semibold`:`text-[#6e6e73] dark:text-[#8e8e93] hover:text-[#1d1d1f] dark:hover:text-[#f5f5f7]`),title:`Tablet (768px)`,children:[(0,j.jsxDEV)(Ar,{className:`w-3.5 h-3.5`},void 0,!1,{fileName:I,lineNumber:159,columnNumber:13},this),(0,j.jsxDEV)(`span`,{className:`hidden sm:inline`,children:`Tablet`},void 0,!1,{fileName:I,lineNumber:160,columnNumber:13},this)]},void 0,!0,{fileName:I,lineNumber:149,columnNumber:11},this),(0,j.jsxDEV)(`button`,{onClick:()=>p(`mobile`),className:D(`px-2.5 py-1 flex items-center gap-1.5 text-[12px] font-medium rounded-md transition-all cursor-pointer`,f===`mobile`?`bg-white dark:bg-[#1c1c1e] text-[#1d1d1f] dark:text-[#f5f5f7] shadow-sm font-semibold`:`text-[#6e6e73] dark:text-[#8e8e93] hover:text-[#1d1d1f] dark:hover:text-[#f5f5f7]`),title:`Mobile (390px)`,children:[(0,j.jsxDEV)(ht,{className:`w-3.5 h-3.5`},void 0,!1,{fileName:I,lineNumber:172,columnNumber:13},this),(0,j.jsxDEV)(`span`,{className:`hidden sm:inline`,children:`Mobile`},void 0,!1,{fileName:I,lineNumber:173,columnNumber:13},this)]},void 0,!0,{fileName:I,lineNumber:162,columnNumber:11},this)]},void 0,!0,{fileName:I,lineNumber:135,columnNumber:9},this),(0,j.jsxDEV)(`div`,{className:`hidden md:flex items-center bg-[#f4f4f6] dark:bg-[#2c2c2e] rounded-lg border border-[#e5e5ea] dark:border-[#38383a] px-1 py-0.5 text-[12px] text-[#6e6e73] dark:text-[#8e8e93]`,children:[(0,j.jsxDEV)(`button`,{onClick:ce,className:`p-1 hover:text-[#1d1d1f] dark:hover:text-[#f5f5f7] hover:bg-white dark:hover:bg-[#1c1c1e] rounded transition-all cursor-pointer`,title:`Zoom Out`,children:(0,j.jsxDEV)(xt,{className:`w-3 h-3`},void 0,!1,{fileName:I,lineNumber:184,columnNumber:13},this)},void 0,!1,{fileName:I,lineNumber:179,columnNumber:11},this),(0,j.jsxDEV)(`button`,{onClick:le,className:`px-2 font-medium text-[#1d1d1f] dark:text-[#f5f5f7] hover:text-[#7d2ae8] dark:hover:text-[#9d52ff] transition-colors cursor-pointer`,title:`Reset Zoom to 100%`,children:[Math.round(oe*100),`%`]},void 0,!0,{fileName:I,lineNumber:186,columnNumber:11},this),(0,j.jsxDEV)(`button`,{onClick:se,className:`p-1 hover:text-[#1d1d1f] dark:hover:text-[#f5f5f7] hover:bg-white dark:hover:bg-[#1c1c1e] rounded transition-all cursor-pointer`,title:`Zoom In`,children:(0,j.jsxDEV)(nt,{className:`w-3 h-3`},void 0,!1,{fileName:I,lineNumber:198,columnNumber:13},this)},void 0,!1,{fileName:I,lineNumber:193,columnNumber:11},this)]},void 0,!0,{fileName:I,lineNumber:178,columnNumber:9},this)]},void 0,!0,{fileName:I,lineNumber:133,columnNumber:7},this),(0,j.jsxDEV)(`div`,{className:`flex items-center gap-1.5`,children:[(0,j.jsxDEV)(`div`,{className:`flex items-center mr-1`,children:[(0,j.jsxDEV)(`button`,{onClick:a,disabled:s.length===0,className:`p-1.5 text-[#6e6e73] dark:text-[#8e8e93] hover:text-[#1d1d1f] dark:hover:text-[#f5f5f7] hover:bg-[#f4f4f6] dark:hover:bg-[#2c2c2e] rounded-md transition-colors disabled:opacity-30 cursor-pointer`,title:`Undo (⌘Z)`,children:(0,j.jsxDEV)(Er,{className:`w-3.5 h-3.5`},void 0,!1,{fileName:I,lineNumber:213,columnNumber:13},this)},void 0,!1,{fileName:I,lineNumber:207,columnNumber:11},this),(0,j.jsxDEV)(`button`,{onClick:o,disabled:c.length===0,className:`p-1.5 text-[#6e6e73] dark:text-[#8e8e93] hover:text-[#1d1d1f] dark:hover:text-[#f5f5f7] hover:bg-[#f4f4f6] dark:hover:bg-[#2c2c2e] rounded-md transition-colors disabled:opacity-30 cursor-pointer`,title:`Redo (⇧⌘Z)`,children:(0,j.jsxDEV)(It,{className:`w-3.5 h-3.5`},void 0,!1,{fileName:I,lineNumber:221,columnNumber:13},this)},void 0,!1,{fileName:I,lineNumber:215,columnNumber:11},this)]},void 0,!0,{fileName:I,lineNumber:206,columnNumber:9},this),(0,j.jsxDEV)(`button`,{type:`button`,onClick:S,className:D(`inline-flex items-center justify-center gap-1.5 h-7 px-2.5 rounded-lg text-[12px] font-medium transition-all active:scale-[0.98] cursor-pointer border select-none shrink-0 whitespace-nowrap`,x?`bg-[#34c759] text-white border-[#34c759] font-bold shadow-2xs`:`bg-transparent border-[#e5e5ea] dark:border-[#38383a] text-[#6e6e73] dark:text-[#8e8e93] hover:text-[#34c759] hover:border-[#34c759]/40 hover:bg-[#34c759]/5`),title:`Dev Mode 2.0 (Live React / Flutter / SwiftUI Code Inspector)`,children:[(0,j.jsxDEV)(Ft,{className:D(`w-3.5 h-3.5 shrink-0`,x?`text-white`:`text-[#34c759]`)},void 0,!1,{fileName:I,lineNumber:237,columnNumber:11},this),(0,j.jsxDEV)(`span`,{className:`whitespace-nowrap leading-none`,children:`Dev Mode`},void 0,!1,{fileName:I,lineNumber:238,columnNumber:11},this),x&&(0,j.jsxDEV)(`span`,{className:`w-1.5 h-1.5 rounded-full bg-white animate-pulse shrink-0`},void 0,!1,{fileName:I,lineNumber:239,columnNumber:25},this)]},void 0,!0,{fileName:I,lineNumber:226,columnNumber:9},this),(0,j.jsxDEV)(`button`,{type:`button`,onClick:()=>ee(!0),className:`inline-flex items-center justify-center gap-1.5 h-7 px-2 rounded-lg text-[12px] font-medium text-[#6e6e73] dark:text-[#8e8e93] hover:text-[#7d2ae8] dark:hover:text-[#9d52ff] hover:bg-[#7d2ae8]/10 transition-colors cursor-pointer shrink-0 whitespace-nowrap`,title:`Design Token Studio (Theme Palette & Scales)`,children:[(0,j.jsxDEV)(ut,{className:`w-3.5 h-3.5 shrink-0`},void 0,!1,{fileName:I,lineNumber:249,columnNumber:11},this),(0,j.jsxDEV)(`span`,{className:`whitespace-nowrap leading-none`,children:`Tokens`},void 0,!1,{fileName:I,lineNumber:250,columnNumber:11},this)]},void 0,!0,{fileName:I,lineNumber:243,columnNumber:9},this),(0,j.jsxDEV)(`button`,{type:`button`,onClick:T,className:D(`h-7 w-7 inline-flex items-center justify-center rounded-lg transition-all cursor-pointer shrink-0`,te?`bg-[#34c759]/20 text-[#34c759]`:`text-[#6e6e73] dark:text-[#8e8e93] hover:text-[#1d1d1f] hover:bg-[#f4f4f6] dark:hover:bg-[#2c2c2e]`),title:`Toggle 120 FPS GPU Performance Monitor`,children:(0,j.jsxDEV)(ur,{className:`w-3.5 h-3.5 shrink-0`},void 0,!1,{fileName:I,lineNumber:265,columnNumber:11},this)},void 0,!1,{fileName:I,lineNumber:254,columnNumber:9},this),(0,j.jsxDEV)(`button`,{type:`button`,onClick:re,className:D(`inline-flex items-center justify-center gap-1.5 h-7 px-2 rounded-lg text-[12px] font-medium transition-all cursor-pointer shrink-0 whitespace-nowrap`,ne?`bg-[#34c759] text-white font-bold animate-pulse shadow-2xs`:`bg-[#f4f4f6] dark:bg-[#2c2c2e] text-[#6e6e73] dark:text-[#8e8e93] hover:text-[#34c759]`),title:`Live Spatial Voice Chat`,children:[(0,j.jsxDEV)(wt,{className:`w-3.5 h-3.5 shrink-0`},void 0,!1,{fileName:I,lineNumber:280,columnNumber:11},this),(0,j.jsxDEV)(`span`,{className:`whitespace-nowrap leading-none`,children:ne?`Voice Live`:`Voice`},void 0,!1,{fileName:I,lineNumber:281,columnNumber:11},this)]},void 0,!0,{fileName:I,lineNumber:269,columnNumber:9},this),de.length>0&&(0,j.jsxDEV)(`div`,{className:`flex items-center -space-x-1.5 pl-1 border-l border-[#e5e5ea] dark:border-[#38383a]`,children:de.slice(0,3).map(e=>{let t=ie===e.id;return(0,j.jsxDEV)(`button`,{type:`button`,onClick:()=>ae(t?null:e.id),className:D(`w-7 h-7 rounded-full flex items-center justify-center font-bold text-[10px] text-white border-2 border-white dark:border-[#1c1c1e] transition-transform cursor-pointer hover:scale-110 shadow-2xs`,t&&`ring-2 ring-[#7d2ae8] scale-110`),style:{backgroundColor:e.color||`#7d2ae8`},title:`${e.name||`Collaborator`} ${t?`(Following live - click to unfollow)`:`(Click to follow camera)`}`,children:(e.name||`User`).slice(0,2).toUpperCase()},e.id,!1,{fileName:I,lineNumber:290,columnNumber:17},this)})},void 0,!1,{fileName:I,lineNumber:286,columnNumber:11},this),(0,j.jsxDEV)(`button`,{onClick:m,className:`flex items-center gap-1.5 px-3 py-1.5 text-[12.5px] font-medium bg-[#f4f4f6] dark:bg-[#2c2c2e] hover:bg-[#ebebee] dark:hover:bg-[#3a3a3c] text-[#1d1d1f] dark:text-[#f5f5f7] rounded-lg border border-[#e5e5ea] dark:border-[#38383a] transition-all active:scale-[0.98] cursor-pointer`,title:`Interactive Preview (⌘P)`,children:[(0,j.jsxDEV)(w,{className:`w-3.5 h-3.5 fill-current text-[#7d2ae8] dark:text-[#9d52ff]`},void 0,!1,{fileName:I,lineNumber:314,columnNumber:11},this),(0,j.jsxDEV)(`span`,{children:`Preview`},void 0,!1,{fileName:I,lineNumber:315,columnNumber:11},this)]},void 0,!0,{fileName:I,lineNumber:309,columnNumber:9},this),(0,j.jsxDEV)(`button`,{onClick:()=>_(!0),className:`flex items-center gap-1.5 px-3.5 py-1.5 text-[12.5px] font-bold bg-gradient-to-r from-[#7d2ae8] to-[#0071e3] hover:opacity-95 text-white rounded-lg shadow-sm transition-all active:scale-[0.98] cursor-pointer`,title:`Download Design (PNG, JPG, PDF, SVG, Cyrus)`,children:[(0,j.jsxDEV)(Tn,{className:`w-3.5 h-3.5`},void 0,!1,{fileName:I,lineNumber:324,columnNumber:11},this),(0,j.jsxDEV)(`span`,{children:`Download`},void 0,!1,{fileName:I,lineNumber:325,columnNumber:11},this)]},void 0,!0,{fileName:I,lineNumber:319,columnNumber:9},this),(0,j.jsxDEV)(`button`,{onClick:()=>g(!0),className:`hidden sm:flex items-center gap-1.5 px-2.5 py-1.5 text-[12.5px] font-medium text-[#6e6e73] dark:text-[#8e8e93] hover:text-[#1d1d1f] dark:hover:text-[#f5f5f7] hover:bg-[#f4f4f6] dark:hover:bg-[#2c2c2e] rounded-lg transition-colors cursor-pointer`,title:`Share Project`,children:[(0,j.jsxDEV)(pn,{className:`w-3.5 h-3.5`},void 0,!1,{fileName:I,lineNumber:334,columnNumber:11},this),(0,j.jsxDEV)(`span`,{children:`Share`},void 0,!1,{fileName:I,lineNumber:335,columnNumber:11},this)]},void 0,!0,{fileName:I,lineNumber:329,columnNumber:9},this),(0,j.jsxDEV)(`button`,{onClick:()=>h(!0),className:`flex items-center gap-1.5 px-3.5 py-1.5 text-[12.5px] font-semibold bg-[#7d2ae8] hover:bg-[#6b21ce] text-white rounded-lg shadow-sm transition-all active:scale-[0.98] cursor-pointer`,title:`Export / Create App`,children:[(0,j.jsxDEV)(Ot,{className:`w-3.5 h-3.5`},void 0,!1,{fileName:I,lineNumber:344,columnNumber:11},this),(0,j.jsxDEV)(`span`,{children:`Create`},void 0,!1,{fileName:I,lineNumber:345,columnNumber:11},this)]},void 0,!0,{fileName:I,lineNumber:339,columnNumber:9},this),(0,j.jsxDEV)(`button`,{type:`button`,onClick:()=>{let e=_e.theme===`dark`||_e.theme===`system`&&window.matchMedia(`(prefers-color-scheme: dark)`).matches;ye({theme:e?`light`:`dark`})},className:`p-1.5 text-[#6e6e73] dark:text-[#8e8e93] hover:text-[#1d1d1f] dark:hover:text-[#f5f5f7] hover:bg-[#f4f4f6] dark:hover:bg-[#2c2c2e] rounded-md transition-colors cursor-pointer`,title:`Toggle Theme`,children:[(0,j.jsxDEV)(l,{className:`w-4 h-4 text-amber-500 hidden dark:block`},void 0,!1,{fileName:I,lineNumber:359,columnNumber:11},this),(0,j.jsxDEV)(Jn,{className:`w-4 h-4 text-[#7d2ae8] block dark:hidden`},void 0,!1,{fileName:I,lineNumber:360,columnNumber:11},this)]},void 0,!0,{fileName:I,lineNumber:349,columnNumber:9},this),(0,j.jsxDEV)(`div`,{className:`relative ml-1`,ref:Se,children:[(0,j.jsxDEV)(`button`,{type:`button`,onClick:()=>xe(!be),className:`w-8 h-8 rounded-full bg-gradient-to-tr from-[#7d2ae8] to-[#0071e3] text-white flex items-center justify-center font-bold text-[12px] shadow-2xs hover:scale-105 transition-transform cursor-pointer border-2 border-white dark:border-[#1c1c1e]`,title:`User Account & Login`,children:pe?.user?pe.user.avatarUrl?(0,j.jsxDEV)(`img`,{src:pe.user.avatarUrl,alt:`Profile`,className:`w-full h-full rounded-full object-cover`},void 0,!1,{fileName:I,lineNumber:373,columnNumber:17},this):(0,j.jsxDEV)(`span`,{children:pe.user.email?.charAt(0).toUpperCase()||`U`},void 0,!1,{fileName:I,lineNumber:379,columnNumber:17},this):(0,j.jsxDEV)(an,{className:`w-4 h-4`},void 0,!1,{fileName:I,lineNumber:382,columnNumber:15},this)},void 0,!1,{fileName:I,lineNumber:365,columnNumber:11},this),be&&(0,j.jsxDEV)(`div`,{className:`absolute right-0 top-full mt-2 w-64 bg-white dark:bg-[#1c1c1e] rounded-2xl border border-[#e5e5ea] dark:border-[#38383a] shadow-apple-lg p-2 z-50 flex flex-col text-[12.5px] animate-fade-in select-none`,children:[(0,j.jsxDEV)(`div`,{className:`p-2.5 bg-[#f8f8fa] dark:bg-[#2c2c2e] rounded-xl mb-1.5 flex items-center gap-3`,children:[(0,j.jsxDEV)(`div`,{className:`w-9 h-9 rounded-full bg-gradient-to-tr from-[#7d2ae8] to-[#0071e3] text-white flex items-center justify-center font-bold text-[13px] shrink-0`,children:pe?.user?.email?.charAt(0).toUpperCase()||`C`},void 0,!1,{fileName:I,lineNumber:391,columnNumber:17},this),(0,j.jsxDEV)(`div`,{className:`min-w-0 flex-1`,children:[(0,j.jsxDEV)(`div`,{className:`font-bold text-[#1d1d1f] dark:text-[#f5f5f7] truncate text-[13px]`,children:pe?.user?.name||pe?.user?.email?.split(`@`)[0]||`Cyrus Creator`},void 0,!1,{fileName:I,lineNumber:395,columnNumber:19},this),(0,j.jsxDEV)(`div`,{className:`text-[11px] text-[#86868b] dark:text-[#636366] truncate`,children:pe?.user?.email||`guest@cyrus.design`},void 0,!1,{fileName:I,lineNumber:398,columnNumber:19},this)]},void 0,!0,{fileName:I,lineNumber:394,columnNumber:17},this)]},void 0,!0,{fileName:I,lineNumber:390,columnNumber:15},this),(0,j.jsxDEV)(`button`,{type:`button`,onClick:()=>{xe(!1),me()},className:`w-full px-3 py-2 rounded-xl text-left hover:bg-[#f4f4f6] dark:hover:bg-[#2c2c2e] flex items-center gap-2.5 text-[#1d1d1f] dark:text-[#f5f5f7] cursor-pointer`,children:[(0,j.jsxDEV)(an,{className:`w-4 h-4 text-[#7d2ae8]`},void 0,!1,{fileName:I,lineNumber:413,columnNumber:17},this),(0,j.jsxDEV)(`span`,{children:`My Profile & Account`},void 0,!1,{fileName:I,lineNumber:414,columnNumber:17},this)]},void 0,!0,{fileName:I,lineNumber:405,columnNumber:15},this),(0,j.jsxDEV)(`button`,{type:`button`,onClick:()=>{xe(!1),he()},className:`w-full px-3 py-2 rounded-xl text-left hover:bg-[#f4f4f6] dark:hover:bg-[#2c2c2e] flex items-center gap-2.5 text-[#1d1d1f] dark:text-[#f5f5f7] cursor-pointer`,children:[(0,j.jsxDEV)(Rn,{className:`w-4 h-4 text-[#0071e3]`},void 0,!1,{fileName:I,lineNumber:425,columnNumber:17},this),(0,j.jsxDEV)(`span`,{children:`Sign In / Register`},void 0,!1,{fileName:I,lineNumber:426,columnNumber:17},this)]},void 0,!0,{fileName:I,lineNumber:417,columnNumber:15},this),t&&(0,j.jsxDEV)(`button`,{type:`button`,onClick:()=>{xe(!1),t()},className:`w-full px-3 py-2 rounded-xl text-left hover:bg-[#f4f4f6] dark:hover:bg-[#2c2c2e] flex items-center gap-2.5 text-[#1d1d1f] dark:text-[#f5f5f7] cursor-pointer`,children:[(0,j.jsxDEV)(Ft,{className:`w-4 h-4 text-[#34c759]`},void 0,!1,{fileName:I,lineNumber:438,columnNumber:19},this),(0,j.jsxDEV)(`span`,{children:`Code Workspace (⌘J)`},void 0,!1,{fileName:I,lineNumber:439,columnNumber:19},this)]},void 0,!0,{fileName:I,lineNumber:430,columnNumber:17},this),(0,j.jsxDEV)(`button`,{type:`button`,onClick:()=>{xe(!1),b(!0)},className:`w-full px-3 py-2 rounded-xl text-left hover:bg-[#f4f4f6] dark:hover:bg-[#2c2c2e] flex items-center gap-2.5 text-[#1d1d1f] dark:text-[#f5f5f7] cursor-pointer`,children:[(0,j.jsxDEV)(gr,{className:`w-4 h-4 text-[#ff9500]`},void 0,!1,{fileName:I,lineNumber:451,columnNumber:17},this),(0,j.jsxDEV)(`span`,{children:`Command Palette (⌘K)`},void 0,!1,{fileName:I,lineNumber:452,columnNumber:17},this)]},void 0,!0,{fileName:I,lineNumber:443,columnNumber:15},this),(0,j.jsxDEV)(`div`,{className:`h-[1px] bg-[#f4f4f6] dark:bg-[#2c2c2e] my-1`},void 0,!1,{fileName:I,lineNumber:455,columnNumber:15},this),pe?(0,j.jsxDEV)(`button`,{type:`button`,onClick:()=>{xe(!1),ge(),fe(`Signed out successfully`,`info`)},className:`w-full px-3 py-2 rounded-xl text-left hover:bg-rose-50 dark:hover:bg-rose-950/30 flex items-center gap-2.5 text-rose-600 font-medium cursor-pointer`,children:[(0,j.jsxDEV)(nr,{className:`w-4 h-4`},void 0,!1,{fileName:I,lineNumber:467,columnNumber:19},this),(0,j.jsxDEV)(`span`,{children:`Log Out`},void 0,!1,{fileName:I,lineNumber:468,columnNumber:19},this)]},void 0,!0,{fileName:I,lineNumber:458,columnNumber:17},this):(0,j.jsxDEV)(`button`,{type:`button`,onClick:()=>{xe(!1),he()},className:`w-full px-3 py-2 rounded-xl text-left hover:bg-[#7d2ae8]/10 flex items-center gap-2.5 text-[#7d2ae8] font-bold cursor-pointer`,children:[(0,j.jsxDEV)(Rn,{className:`w-4 h-4`},void 0,!1,{fileName:I,lineNumber:479,columnNumber:19},this),(0,j.jsxDEV)(`span`,{children:`Log In to Cyrus`},void 0,!1,{fileName:I,lineNumber:480,columnNumber:19},this)]},void 0,!0,{fileName:I,lineNumber:471,columnNumber:17},this)]},void 0,!0,{fileName:I,lineNumber:388,columnNumber:13},this)]},void 0,!0,{fileName:I,lineNumber:364,columnNumber:9},this)]},void 0,!0,{fileName:I,lineNumber:204,columnNumber:7},this),(0,j.jsxDEV)(Ya,{isOpen:C,onClose:()=>ee(!1)},void 0,!1,{fileName:I,lineNumber:489,columnNumber:7},this)]},void 0,!0,{fileName:I,lineNumber:106,columnNumber:5},this)}var uo=new Map,fo=[{id:`btn_rectangle`,type:`button`,name:`Rectangle Button`,category:`buttons`,description:`Crisp sharp-edged rectangle action button.`,keywords:[`button`,`rectangle`,`sharp`,`action`,`cta`,`blue`,`explore`],icon:`Square`,defaultWidth:160,defaultHeight:44,defaultStyles:{backgroundColor:`#0071e3`,textColor:`#ffffff`,fontSize:15,fontWeight:`500`,borderRadius:0,borderWidth:0,shadow:`sm`,display:`inline-flex`,alignItems:`center`,justifyContent:`center`,paddingLeft:20,paddingRight:20},defaultContent:{label:`Explore`},propSchemas:[{key:`label`,label:`Button Text`,type:`text`,defaultValue:`Explore`}]},{id:`btn_rounded`,type:`button`,name:`Rounded Button`,category:`buttons`,description:`Smooth rounded corner squircle button in the middle.`,keywords:[`button`,`rounded`,`squircle`,`smooth`,`action`,`purple`],icon:`Sparkles`,defaultWidth:160,defaultHeight:44,defaultStyles:{backgroundColor:`#7d2ae8`,textColor:`#ffffff`,fontSize:15,fontWeight:`500`,borderRadius:12,borderWidth:0,shadow:`sm`,display:`inline-flex`,alignItems:`center`,justifyContent:`center`,paddingLeft:20,paddingRight:20},defaultContent:{label:`Get Started`},propSchemas:[{key:`label`,label:`Button Text`,type:`text`,defaultValue:`Get Started`}]},{id:`btn_circle`,type:`button`,name:`Circle Button`,category:`buttons`,description:`Fully rounded stadium circle action button.`,keywords:[`button`,`circle`,`pill`,`stadium`,`round`,`green`],icon:`CircleDot`,defaultWidth:160,defaultHeight:44,defaultStyles:{backgroundColor:`#34c759`,textColor:`#ffffff`,fontSize:15,fontWeight:`500`,borderRadius:9999,borderWidth:0,shadow:`sm`,display:`inline-flex`,alignItems:`center`,justifyContent:`center`,paddingLeft:20,paddingRight:20},defaultContent:{label:`Subscribe`},propSchemas:[{key:`label`,label:`Button Text`,type:`text`,defaultValue:`Subscribe`}]},{id:`input_switch`,type:`switch`,name:`Toggle Switch`,category:`forms`,description:`iOS-style smooth boolean toggle switch.`,keywords:[`switch`,`toggle`,`boolean`,`setting`,`checkbox`],icon:`Sliders`,defaultWidth:200,defaultHeight:44,defaultStyles:{backgroundColor:`#ffffff`,textColor:`#1d1d1f`,borderRadius:12,borderWidth:1,borderColor:`#e5e5ea`,shadow:`subtle`},defaultContent:{label:`Dark Mode`,enabled:!0},propSchemas:[{key:`label`,label:`Setting Label`,type:`text`,defaultValue:`Dark Mode`}]},{id:`input_search_bar`,type:`searchBar`,name:`Search Bar`,category:`forms`,description:`Clean rounded search bar with magnifying glass.`,keywords:[`search`,`bar`,`input`,`find`,`query`,`magnifier`],icon:`Search`,defaultWidth:320,defaultHeight:44,defaultStyles:{backgroundColor:`#ffffff`,textColor:`#1d1d1f`,fontSize:14,borderRadius:12,borderWidth:1,borderColor:`#e5e5ea`,shadow:`subtle`},defaultContent:{placeholder:`Search...`},propSchemas:[{key:`placeholder`,label:`Placeholder`,type:`text`,defaultValue:`Search...`}]},{id:`chart_line`,type:`lineChart`,name:`Analytics Chart`,category:`charts`,description:`Interactive analytics line chart with gridlines and trends.`,keywords:[`chart`,`line`,`trend`,`graph`,`analytics`,`revenue`,`data`],icon:`Activity`,defaultWidth:460,defaultHeight:260,defaultStyles:{backgroundColor:`#ffffff`,textColor:`#0071e3`,borderRadius:16,borderWidth:1,borderColor:`#e5e5ea`,shadow:`sm`},defaultContent:{title:`Revenue Growth`,subtitle:`Monthly Performance`,format:`currency`,data:[{label:`Jan`,value:12e3},{label:`Feb`,value:19e3},{label:`Mar`,value:32e3},{label:`Apr`,value:45e3},{label:`May`,value:68e3},{label:`Jun`,value:94e3}]},propSchemas:[{key:`title`,label:`Chart Title`,type:`text`,defaultValue:`Revenue Growth`}]},{id:`layout_navbar`,type:`navbar`,name:`Nav Bar`,category:`navigation`,description:`Horizontal navigation bar container.`,keywords:[`navbar`,`nav`,`bar`,`header`,`topbar`,`layout`],icon:`Layout`,defaultWidth:800,defaultHeight:64,defaultStyles:{backgroundColor:`#ffffff`,borderRadius:12,borderWidth:1,borderColor:`#e5e5ea`,shadow:`sm`},defaultContent:{brandName:``,links:[],ctaLabel:``},propSchemas:[]},{id:`layout_sidebar`,type:`sidebar`,name:`Sidebar`,category:`navigation`,description:`Vertical navigation sidebar container.`,keywords:[`sidebar`,`drawer`,`panel`,`navigation`,`layout`],icon:`Layers`,defaultWidth:260,defaultHeight:600,defaultStyles:{backgroundColor:`#ffffff`,borderRadius:16,borderWidth:1,borderColor:`#e5e5ea`,shadow:`sm`},defaultContent:{brandName:``,items:[],userName:``},propSchemas:[]}];for(let e of fo)uo.set(e.id,e);function po(e){return uo.get(e)}function mo(){return Array.from(uo.values())}function ho(e,t){let n=mo();if(t&&t!==`all`&&(n=n.filter(e=>e.category===t)),!e.trim())return n;let r=e.toLowerCase().trim();return n.filter(e=>e.name.toLowerCase().includes(r)||e.type.toLowerCase().includes(r)||e.description.toLowerCase().includes(r)||e.keywords.some(e=>e.toLowerCase().includes(r)))}var L=`C:/Users/Shadow/Desktop/cyrus/src/widgets/WidgetPreview.tsx`,go=k.memo(function({widget:e}){let{id:t,type:n,defaultStyles:r,defaultContent:i}=e;switch(n){case`button`:case`submitButton`:{let e=r.backgroundColor||`#0071e3`,a=r.textColor||`#ffffff`,o=i.label||`Button`,s=t===`btn_outline`,c=t===`btn_glass`;return(0,j.jsxDEV)(`div`,{className:`w-full h-full flex items-center justify-center p-2`,children:(0,j.jsxDEV)(`div`,{style:{backgroundColor:c?`rgba(0, 113, 227, 0.1)`:s?`transparent`:e,color:s||c?`#0071e3`:a,borderRadius:t===`btn_pill`?`999px`:`${r.borderRadius??8}px`,borderWidth:s?`1.5px`:`0`,borderColor:`#0071e3`},className:`px-3 py-1.5 text-[10px] font-semibold shadow-xs flex items-center gap-1.5 truncate transition-transform group-hover:scale-105`,children:[i.icon===`Zap`&&(0,j.jsxDEV)(Yn,{className:`w-3 h-3 text-[#ff9500]`},void 0,!1,{fileName:L,lineNumber:62,columnNumber:47},this),(0,j.jsxDEV)(`span`,{className:`truncate`,children:o},void 0,!1,{fileName:L,lineNumber:63,columnNumber:13},this),n===`submitButton`?(0,j.jsxDEV)(ir,{className:`w-2.5 h-2.5`},void 0,!1,{fileName:L,lineNumber:64,columnNumber:40},this):i.icon===`ArrowRight`&&(0,j.jsxDEV)(Ln,{className:`w-3 h-3`},void 0,!1,{fileName:L,lineNumber:64,columnNumber:115},this)]},void 0,!0,{fileName:L,lineNumber:52,columnNumber:11},this)},void 0,!1,{fileName:L,lineNumber:51,columnNumber:9},this)}case`heading`:return(0,j.jsxDEV)(`div`,{className:`w-full h-full flex flex-col items-center justify-center p-2 text-center`,children:[(0,j.jsxDEV)(`span`,{className:`text-[12px] font-bold text-[#1d1d1f] tracking-tight truncate max-w-full`,children:i.text||`Heading`},void 0,!1,{fileName:L,lineNumber:73,columnNumber:11},this),(0,j.jsxDEV)(`span`,{className:`text-[8px] text-[#86868b] mt-0.5`,children:`Display Title`},void 0,!1,{fileName:L,lineNumber:76,columnNumber:11},this)]},void 0,!0,{fileName:L,lineNumber:72,columnNumber:9},this);case`paragraph`:return(0,j.jsxDEV)(`div`,{className:`w-full h-full flex flex-col items-center justify-center p-2 gap-1`,children:[(0,j.jsxDEV)(`div`,{className:`w-3/4 h-1.5 bg-[#1d1d1f]/50 rounded-full`},void 0,!1,{fileName:L,lineNumber:84,columnNumber:11},this),(0,j.jsxDEV)(`div`,{className:`w-1/2 h-1.5 bg-[#86868b]/40 rounded-full`},void 0,!1,{fileName:L,lineNumber:85,columnNumber:11},this)]},void 0,!0,{fileName:L,lineNumber:83,columnNumber:9},this);case`badge`:return(0,j.jsxDEV)(`div`,{className:`w-full h-full flex items-center justify-center p-2`,children:(0,j.jsxDEV)(`div`,{className:`px-2.5 py-1 rounded-full bg-[#0071e3]/15 text-[#0071e3] text-[9.5px] font-bold border border-[#0071e3]/30 flex items-center gap-1`,children:[(0,j.jsxDEV)(`span`,{className:`w-1.5 h-1.5 rounded-full bg-[#0071e3]`},void 0,!1,{fileName:L,lineNumber:94,columnNumber:13},this),(0,j.jsxDEV)(`span`,{children:i.label||`Badge`},void 0,!1,{fileName:L,lineNumber:95,columnNumber:13},this)]},void 0,!0,{fileName:L,lineNumber:93,columnNumber:11},this)},void 0,!1,{fileName:L,lineNumber:92,columnNumber:9},this);case`card`:{let e=t===`card_dark`;return(0,j.jsxDEV)(`div`,{className:`w-full h-full flex items-center justify-center p-2`,children:(0,j.jsxDEV)(`div`,{className:`w-full max-w-[120px] ${e?`bg-[#1c1c1e] text-white`:`bg-white text-[#1d1d1f]`} rounded-lg border border-[#e5e5ea] p-2 shadow-2xs flex flex-col gap-1`,children:[(0,j.jsxDEV)(`div`,{className:`w-12 h-2 rounded ${e?`bg-[#0a84ff]`:`bg-[#0071e3]`}`},void 0,!1,{fileName:L,lineNumber:106,columnNumber:13},this),(0,j.jsxDEV)(`div`,{className:`w-16 h-1.5 rounded ${e?`bg-white/30`:`bg-[#86868b]/30`}`},void 0,!1,{fileName:L,lineNumber:107,columnNumber:13},this)]},void 0,!0,{fileName:L,lineNumber:105,columnNumber:11},this)},void 0,!1,{fileName:L,lineNumber:104,columnNumber:9},this)}case`featureCard`:return(0,j.jsxDEV)(`div`,{className:`w-full h-full flex items-center justify-center p-2`,children:(0,j.jsxDEV)(`div`,{className:`w-full max-w-[120px] bg-white rounded-lg border border-[#e5e5ea] p-2 shadow-2xs flex flex-col gap-1 items-start`,children:[(0,j.jsxDEV)(`div`,{className:`w-5 h-5 rounded-md bg-[#0071e3]/10 flex items-center justify-center`,children:(0,j.jsxDEV)(Yn,{className:`w-3 h-3 text-[#0071e3]`},void 0,!1,{fileName:L,lineNumber:118,columnNumber:15},this)},void 0,!1,{fileName:L,lineNumber:117,columnNumber:13},this),(0,j.jsxDEV)(`div`,{className:`text-[8px] font-bold text-[#1d1d1f]`,children:i.title||`Feature`},void 0,!1,{fileName:L,lineNumber:120,columnNumber:13},this)]},void 0,!0,{fileName:L,lineNumber:116,columnNumber:11},this)},void 0,!1,{fileName:L,lineNumber:115,columnNumber:9},this);case`pricingCard`:return(0,j.jsxDEV)(`div`,{className:`w-full h-full flex items-center justify-center p-2`,children:(0,j.jsxDEV)(`div`,{className:`w-full max-w-[120px] bg-white border border-[#0071e3] rounded-xl p-2 shadow-2xs text-center flex flex-col items-center gap-0.5`,children:[(0,j.jsxDEV)(`div`,{className:`text-[8px] font-bold text-[#0071e3] uppercase`,children:`Pro`},void 0,!1,{fileName:L,lineNumber:130,columnNumber:13},this),(0,j.jsxDEV)(`div`,{className:`text-[12px] font-extrabold text-[#1d1d1f]`,children:[`$29`,(0,j.jsxDEV)(`span`,{className:`text-[8px] font-normal text-[#86868b]`,children:`/mo`},void 0,!1,{fileName:L,lineNumber:131,columnNumber:75},this)]},void 0,!0,{fileName:L,lineNumber:131,columnNumber:13},this),(0,j.jsxDEV)(`div`,{className:`w-full py-0.5 bg-[#0071e3] text-white text-[7px] font-semibold rounded-md mt-0.5`,children:`Plan`},void 0,!1,{fileName:L,lineNumber:132,columnNumber:13},this)]},void 0,!0,{fileName:L,lineNumber:129,columnNumber:11},this)},void 0,!1,{fileName:L,lineNumber:128,columnNumber:9},this);case`testimonialCard`:return(0,j.jsxDEV)(`div`,{className:`w-full h-full flex items-center justify-center p-2`,children:(0,j.jsxDEV)(`div`,{className:`w-full max-w-[120px] bg-white border border-[#e5e5ea] rounded-lg p-2 shadow-2xs flex flex-col gap-1`,children:[(0,j.jsxDEV)(`div`,{className:`text-[7.5px] italic text-[#6e6e73] leading-tight`,children:`"Amazing tool!"`},void 0,!1,{fileName:L,lineNumber:142,columnNumber:13},this),(0,j.jsxDEV)(`div`,{className:`flex items-center gap-1 mt-0.5`,children:[(0,j.jsxDEV)(`div`,{className:`w-3.5 h-3.5 rounded-full bg-[#0071e3]/20`},void 0,!1,{fileName:L,lineNumber:144,columnNumber:15},this),(0,j.jsxDEV)(`div`,{className:`text-[7px] font-bold text-[#1d1d1f]`,children:`Sarah`},void 0,!1,{fileName:L,lineNumber:145,columnNumber:15},this)]},void 0,!0,{fileName:L,lineNumber:143,columnNumber:13},this)]},void 0,!0,{fileName:L,lineNumber:141,columnNumber:11},this)},void 0,!1,{fileName:L,lineNumber:140,columnNumber:9},this);case`productCard`:return(0,j.jsxDEV)(`div`,{className:`w-full h-full flex items-center justify-center p-2`,children:(0,j.jsxDEV)(`div`,{className:`w-full max-w-[110px] bg-white rounded-lg border border-[#e5e5ea] p-1.5 shadow-2xs flex flex-col items-center gap-1`,children:[(0,j.jsxDEV)(`div`,{className:`w-full h-8 rounded bg-[#f4f4f6] dark:bg-white/10 flex items-center justify-center text-[#7d2ae8]`,children:(0,j.jsxDEV)(cr,{className:`w-3.5 h-3.5`},void 0,!1,{fileName:L,lineNumber:157,columnNumber:15},this)},void 0,!1,{fileName:L,lineNumber:156,columnNumber:13},this),(0,j.jsxDEV)(`div`,{className:`text-[8px] font-bold text-[#1d1d1f] truncate w-full text-center`,children:`$189.00`},void 0,!1,{fileName:L,lineNumber:159,columnNumber:13},this)]},void 0,!0,{fileName:L,lineNumber:155,columnNumber:11},this)},void 0,!1,{fileName:L,lineNumber:154,columnNumber:9},this);case`input`:case`searchBar`:return(0,j.jsxDEV)(`div`,{className:`w-full h-full flex items-center justify-center p-2`,children:(0,j.jsxDEV)(`div`,{className:`w-full max-w-[120px] h-6 bg-white border border-[#e5e5ea] rounded-md px-2 flex items-center gap-1 text-[8.5px] text-[#86868b] shadow-2xs`,children:[(0,j.jsxDEV)(Vt,{className:`w-2.5 h-2.5 text-[#86868b]`},void 0,!1,{fileName:L,lineNumber:170,columnNumber:13},this),(0,j.jsxDEV)(`span`,{className:`truncate`,children:`Search...`},void 0,!1,{fileName:L,lineNumber:171,columnNumber:13},this)]},void 0,!0,{fileName:L,lineNumber:169,columnNumber:11},this)},void 0,!1,{fileName:L,lineNumber:168,columnNumber:9},this);case`textarea`:return(0,j.jsxDEV)(`div`,{className:`w-full h-full flex items-center justify-center p-2`,children:(0,j.jsxDEV)(`div`,{className:`w-full max-w-[120px] h-9 bg-white border border-[#e5e5ea] rounded-md p-1.5 flex flex-col gap-1 shadow-2xs`,children:[(0,j.jsxDEV)(`div`,{className:`w-3/4 h-1 bg-[#86868b]/40 rounded-full`},void 0,!1,{fileName:L,lineNumber:181,columnNumber:13},this),(0,j.jsxDEV)(`div`,{className:`w-1/2 h-1 bg-[#86868b]/30 rounded-full`},void 0,!1,{fileName:L,lineNumber:182,columnNumber:13},this)]},void 0,!0,{fileName:L,lineNumber:180,columnNumber:11},this)},void 0,!1,{fileName:L,lineNumber:179,columnNumber:9},this);case`select`:return(0,j.jsxDEV)(`div`,{className:`w-full h-full flex items-center justify-center p-2`,children:(0,j.jsxDEV)(`div`,{className:`w-full max-w-[120px] h-6 bg-white border border-[#e5e5ea] rounded-md px-2 flex items-center justify-between text-[8px] text-[#1d1d1f] shadow-2xs`,children:[(0,j.jsxDEV)(`span`,{className:`truncate`,children:`United States`},void 0,!1,{fileName:L,lineNumber:192,columnNumber:13},this),(0,j.jsxDEV)(qe,{className:`w-2.5 h-2.5 text-[#86868b]`},void 0,!1,{fileName:L,lineNumber:193,columnNumber:13},this)]},void 0,!0,{fileName:L,lineNumber:191,columnNumber:11},this)},void 0,!1,{fileName:L,lineNumber:190,columnNumber:9},this);case`switch`:return(0,j.jsxDEV)(`div`,{className:`w-full h-full flex items-center justify-center p-2`,children:(0,j.jsxDEV)(`div`,{className:`w-10 h-5 rounded-full bg-[#34c759] p-0.5 flex items-center justify-end shadow-2xs`,children:(0,j.jsxDEV)(`div`,{className:`w-4 h-4 rounded-full bg-white shadow-sm`},void 0,!1,{fileName:L,lineNumber:203,columnNumber:13},this)},void 0,!1,{fileName:L,lineNumber:202,columnNumber:11},this)},void 0,!1,{fileName:L,lineNumber:201,columnNumber:9},this);case`checkbox`:return(0,j.jsxDEV)(`div`,{className:`w-full h-full flex items-center justify-center p-2 gap-1.5`,children:[(0,j.jsxDEV)(`div`,{className:`w-4 h-4 rounded bg-[#0071e3] flex items-center justify-center text-white`,children:(0,j.jsxDEV)(Mr,{className:`w-3 h-3`},void 0,!1,{fileName:L,lineNumber:213,columnNumber:13},this)},void 0,!1,{fileName:L,lineNumber:212,columnNumber:11},this),(0,j.jsxDEV)(`span`,{className:`text-[8px] font-medium text-[#1d1d1f]`,children:`Checked`},void 0,!1,{fileName:L,lineNumber:215,columnNumber:11},this)]},void 0,!0,{fileName:L,lineNumber:211,columnNumber:9},this);case`radioGroup`:return(0,j.jsxDEV)(`div`,{className:`w-full h-full flex flex-col justify-center items-start px-4 gap-1`,children:[(0,j.jsxDEV)(`div`,{className:`flex items-center gap-1.5`,children:[(0,j.jsxDEV)(`div`,{className:`w-3.5 h-3.5 rounded-full border-2 border-[#0071e3] flex items-center justify-center`,children:(0,j.jsxDEV)(`div`,{className:`w-1.5 h-1.5 rounded-full bg-[#0071e3]`},void 0,!1,{fileName:L,lineNumber:225,columnNumber:15},this)},void 0,!1,{fileName:L,lineNumber:224,columnNumber:13},this),(0,j.jsxDEV)(`span`,{className:`text-[7.5px] text-[#1d1d1f]`,children:`Option 1`},void 0,!1,{fileName:L,lineNumber:227,columnNumber:13},this)]},void 0,!0,{fileName:L,lineNumber:223,columnNumber:11},this),(0,j.jsxDEV)(`div`,{className:`flex items-center gap-1.5`,children:[(0,j.jsxDEV)(`div`,{className:`w-3.5 h-3.5 rounded-full border border-[#d2d2d7]`},void 0,!1,{fileName:L,lineNumber:230,columnNumber:13},this),(0,j.jsxDEV)(`span`,{className:`text-[7.5px] text-[#6e6e73]`,children:`Option 2`},void 0,!1,{fileName:L,lineNumber:231,columnNumber:13},this)]},void 0,!0,{fileName:L,lineNumber:229,columnNumber:11},this)]},void 0,!0,{fileName:L,lineNumber:222,columnNumber:9},this);case`fileUpload`:return(0,j.jsxDEV)(`div`,{className:`w-full h-full flex items-center justify-center p-2`,children:(0,j.jsxDEV)(`div`,{className:`w-full max-w-[120px] h-9 border border-dashed border-[#0071e3] bg-[#fbfbfd] rounded-md flex flex-col items-center justify-center gap-0.5`,children:[(0,j.jsxDEV)(Ze,{className:`w-3 h-3 text-[#0071e3]`},void 0,!1,{fileName:L,lineNumber:241,columnNumber:13},this),(0,j.jsxDEV)(`span`,{className:`text-[7px] text-[#0071e3] font-medium`,children:`Upload File`},void 0,!1,{fileName:L,lineNumber:242,columnNumber:13},this)]},void 0,!0,{fileName:L,lineNumber:240,columnNumber:11},this)},void 0,!1,{fileName:L,lineNumber:239,columnNumber:9},this);case`form`:case`loginForm`:case`signupForm`:case`contactForm`:return(0,j.jsxDEV)(`div`,{className:`w-full h-full flex items-center justify-center p-2`,children:(0,j.jsxDEV)(`div`,{className:`w-full max-w-[110px] bg-white border border-[#e5e5ea] rounded-md p-1.5 flex flex-col gap-1 shadow-2xs`,children:[(0,j.jsxDEV)(`div`,{className:`text-[7.5px] font-bold text-[#1d1d1f] truncate`,children:i.title||`Form Card`},void 0,!1,{fileName:L,lineNumber:255,columnNumber:13},this),(0,j.jsxDEV)(`div`,{className:`w-full h-2 bg-[#f4f4f6] rounded-sm`},void 0,!1,{fileName:L,lineNumber:256,columnNumber:13},this),(0,j.jsxDEV)(`div`,{className:`w-full h-2 bg-[#f4f4f6] rounded-sm`},void 0,!1,{fileName:L,lineNumber:257,columnNumber:13},this),(0,j.jsxDEV)(`div`,{className:`w-full h-2.5 bg-[#0071e3] rounded-sm`},void 0,!1,{fileName:L,lineNumber:258,columnNumber:13},this)]},void 0,!0,{fileName:L,lineNumber:254,columnNumber:11},this)},void 0,!1,{fileName:L,lineNumber:253,columnNumber:9},this);case`navbar`:return(0,j.jsxDEV)(`div`,{className:`w-full h-full flex items-center justify-center p-2`,children:(0,j.jsxDEV)(`div`,{className:`w-full h-7 bg-white border border-[#e5e5ea] rounded-lg px-2 flex items-center justify-between shadow-2xs`,children:[(0,j.jsxDEV)(`div`,{className:`w-4 h-4 rounded-md bg-[#0071e3]`},void 0,!1,{fileName:L,lineNumber:268,columnNumber:13},this),(0,j.jsxDEV)(`div`,{className:`flex gap-1.5`,children:[(0,j.jsxDEV)(`div`,{className:`w-4 h-1 rounded bg-[#86868b]`},void 0,!1,{fileName:L,lineNumber:270,columnNumber:15},this),(0,j.jsxDEV)(`div`,{className:`w-4 h-1 rounded bg-[#86868b]`},void 0,!1,{fileName:L,lineNumber:271,columnNumber:15},this)]},void 0,!0,{fileName:L,lineNumber:269,columnNumber:13},this),(0,j.jsxDEV)(`div`,{className:`w-6 h-3 rounded-full bg-[#0071e3]`},void 0,!1,{fileName:L,lineNumber:273,columnNumber:13},this)]},void 0,!0,{fileName:L,lineNumber:267,columnNumber:11},this)},void 0,!1,{fileName:L,lineNumber:266,columnNumber:9},this);case`sidebar`:return(0,j.jsxDEV)(`div`,{className:`w-full h-full flex items-center justify-center p-2`,children:(0,j.jsxDEV)(`div`,{className:`w-full max-w-[120px] h-9 bg-white border border-[#e5e5ea] rounded-md p-1 flex gap-1 shadow-2xs`,children:[(0,j.jsxDEV)(`div`,{className:`w-6 h-full bg-[#f4f4f6] rounded-sm flex flex-col gap-0.5 p-0.5`,children:[(0,j.jsxDEV)(`div`,{className:`w-full h-1 bg-[#0071e3] rounded-sm`},void 0,!1,{fileName:L,lineNumber:284,columnNumber:15},this),(0,j.jsxDEV)(`div`,{className:`w-full h-1 bg-[#86868b]/40 rounded-sm`},void 0,!1,{fileName:L,lineNumber:285,columnNumber:15},this)]},void 0,!0,{fileName:L,lineNumber:283,columnNumber:13},this),(0,j.jsxDEV)(`div`,{className:`flex-1 bg-[#fafafa] rounded-sm`},void 0,!1,{fileName:L,lineNumber:287,columnNumber:13},this)]},void 0,!0,{fileName:L,lineNumber:282,columnNumber:11},this)},void 0,!1,{fileName:L,lineNumber:281,columnNumber:9},this);case`bottomNav`:return(0,j.jsxDEV)(`div`,{className:`w-full h-full flex items-center justify-center p-2`,children:(0,j.jsxDEV)(`div`,{className:`w-full max-w-[120px] h-6 bg-white border border-[#e5e5ea] rounded-lg px-2 flex items-center justify-between shadow-2xs`,children:[(0,j.jsxDEV)(`div`,{className:`w-2.5 h-2.5 rounded-full bg-[#0071e3]`},void 0,!1,{fileName:L,lineNumber:297,columnNumber:13},this),(0,j.jsxDEV)(`div`,{className:`w-2.5 h-2.5 rounded-full bg-[#86868b]/40`},void 0,!1,{fileName:L,lineNumber:298,columnNumber:13},this),(0,j.jsxDEV)(`div`,{className:`w-2.5 h-2.5 rounded-full bg-[#86868b]/40`},void 0,!1,{fileName:L,lineNumber:299,columnNumber:13},this)]},void 0,!0,{fileName:L,lineNumber:296,columnNumber:11},this)},void 0,!1,{fileName:L,lineNumber:295,columnNumber:9},this);case`mobileHeader`:return(0,j.jsxDEV)(`div`,{className:`w-full h-full flex items-center justify-center p-2`,children:(0,j.jsxDEV)(`div`,{className:`w-full max-w-[120px] h-6 bg-white border border-[#e5e5ea] rounded-md px-1.5 flex items-center justify-between text-[7.5px] font-bold text-[#1d1d1f] shadow-2xs`,children:[(0,j.jsxDEV)(`span`,{children:`‹ Back`},void 0,!1,{fileName:L,lineNumber:309,columnNumber:13},this),(0,j.jsxDEV)(`span`,{children:`Settings`},void 0,!1,{fileName:L,lineNumber:310,columnNumber:13},this),(0,j.jsxDEV)(`span`,{className:`text-[#0071e3]`,children:`Save`},void 0,!1,{fileName:L,lineNumber:311,columnNumber:13},this)]},void 0,!0,{fileName:L,lineNumber:308,columnNumber:11},this)},void 0,!1,{fileName:L,lineNumber:307,columnNumber:9},this);case`hero`:return(0,j.jsxDEV)(`div`,{className:`w-full h-full flex flex-col items-center justify-center p-2 text-center bg-gradient-to-b from-[#0071e3]/10 to-transparent rounded-lg`,children:[(0,j.jsxDEV)(`div`,{className:`text-[10px] font-extrabold text-[#1d1d1f] leading-tight`,children:`Hero Section`},void 0,!1,{fileName:L,lineNumber:320,columnNumber:11},this),(0,j.jsxDEV)(`div`,{className:`w-16 h-1 bg-[#86868b]/40 rounded-full mt-1`},void 0,!1,{fileName:L,lineNumber:321,columnNumber:11},this),(0,j.jsxDEV)(`div`,{className:`px-2 py-0.5 mt-1 rounded-full bg-[#0071e3] text-white text-[7px] font-bold`,children:`CTA Button`},void 0,!1,{fileName:L,lineNumber:322,columnNumber:11},this)]},void 0,!0,{fileName:L,lineNumber:319,columnNumber:9},this);case`cta`:return(0,j.jsxDEV)(`div`,{className:`w-full h-full flex flex-col items-center justify-center p-2 text-center bg-[#0071e3] text-white rounded-lg`,children:[(0,j.jsxDEV)(`div`,{className:`text-[9px] font-bold`,children:`Call to Action`},void 0,!1,{fileName:L,lineNumber:330,columnNumber:11},this),(0,j.jsxDEV)(`div`,{className:`px-2 py-0.5 mt-1 rounded bg-white text-[#0071e3] text-[7px] font-bold`,children:`Join Free`},void 0,!1,{fileName:L,lineNumber:331,columnNumber:11},this)]},void 0,!0,{fileName:L,lineNumber:329,columnNumber:9},this);case`footer`:return(0,j.jsxDEV)(`div`,{className:`w-full h-full flex flex-col items-center justify-center p-2 text-center bg-white border border-[#e5e5ea] rounded-lg`,children:[(0,j.jsxDEV)(`div`,{className:`text-[8px] font-bold text-[#1d1d1f]`,children:`Cyrus Footer`},void 0,!1,{fileName:L,lineNumber:339,columnNumber:11},this),(0,j.jsxDEV)(`div`,{className:`text-[6.5px] text-[#86868b] mt-0.5`,children:`© 2026 Cyrus Studio`},void 0,!1,{fileName:L,lineNumber:340,columnNumber:11},this)]},void 0,!0,{fileName:L,lineNumber:338,columnNumber:9},this);case`divider`:return(0,j.jsxDEV)(`div`,{className:`w-full h-full flex items-center justify-center p-2`,children:(0,j.jsxDEV)(`div`,{className:`w-full h-0.5 bg-[#0071e3] rounded-full`},void 0,!1,{fileName:L,lineNumber:348,columnNumber:11},this)},void 0,!1,{fileName:L,lineNumber:347,columnNumber:9},this);case`chart`:return(0,j.jsxDEV)(`div`,{className:`w-full h-full flex items-end justify-center p-2 gap-1`,children:[(0,j.jsxDEV)(`div`,{className:`w-2 h-4 bg-[#0071e3]/40 rounded-t-xs`},void 0,!1,{fileName:L,lineNumber:356,columnNumber:11},this),(0,j.jsxDEV)(`div`,{className:`w-2 h-7 bg-[#0071e3]/70 rounded-t-xs`},void 0,!1,{fileName:L,lineNumber:357,columnNumber:11},this),(0,j.jsxDEV)(`div`,{className:`w-2 h-10 bg-[#0071e3] rounded-t-xs`},void 0,!1,{fileName:L,lineNumber:358,columnNumber:11},this),(0,j.jsxDEV)(`div`,{className:`w-2 h-6 bg-[#0071e3]/50 rounded-t-xs`},void 0,!1,{fileName:L,lineNumber:359,columnNumber:11},this)]},void 0,!0,{fileName:L,lineNumber:355,columnNumber:9},this);case`statCard`:return(0,j.jsxDEV)(`div`,{className:`w-full h-full flex items-center justify-center p-2`,children:(0,j.jsxDEV)(`div`,{className:`w-full max-w-[120px] bg-white rounded-lg border border-[#e5e5ea] p-2 shadow-2xs flex items-center justify-between`,children:[(0,j.jsxDEV)(`div`,{children:[(0,j.jsxDEV)(`div`,{className:`text-[10px] font-bold text-[#1d1d1f]`,children:`$48.2k`},void 0,!1,{fileName:L,lineNumber:369,columnNumber:15},this),(0,j.jsxDEV)(`div`,{className:`text-[7.5px] text-[#34c759] font-medium`,children:`+18.4%`},void 0,!1,{fileName:L,lineNumber:370,columnNumber:15},this)]},void 0,!0,{fileName:L,lineNumber:368,columnNumber:13},this),(0,j.jsxDEV)(vr,{className:`w-3 h-3 text-[#34c759]`},void 0,!1,{fileName:L,lineNumber:372,columnNumber:13},this)]},void 0,!0,{fileName:L,lineNumber:367,columnNumber:11},this)},void 0,!1,{fileName:L,lineNumber:366,columnNumber:9},this);case`dataTable`:case`table`:return(0,j.jsxDEV)(`div`,{className:`w-full h-full flex items-center justify-center p-2`,children:(0,j.jsxDEV)(`div`,{className:`w-full bg-white border border-[#e5e5ea] rounded-lg overflow-hidden shadow-2xs`,children:[(0,j.jsxDEV)(`div`,{className:`bg-[#f4f4f6] h-3 px-1 flex items-center justify-between text-[7px] font-bold text-[#1d1d1f] border-b border-[#e5e5ea]`,children:[(0,j.jsxDEV)(`span`,{children:`Name`},void 0,!1,{fileName:L,lineNumber:384,columnNumber:15},this),(0,j.jsxDEV)(`span`,{children:`Status`},void 0,!1,{fileName:L,lineNumber:385,columnNumber:15},this)]},void 0,!0,{fileName:L,lineNumber:383,columnNumber:13},this),(0,j.jsxDEV)(`div`,{className:`h-2.5 px-1 flex items-center justify-between text-[6.5px] text-[#6e6e73]`,children:[(0,j.jsxDEV)(`span`,{children:`Alex`},void 0,!1,{fileName:L,lineNumber:388,columnNumber:15},this),(0,j.jsxDEV)(`span`,{className:`text-[#34c759]`,children:`Active`},void 0,!1,{fileName:L,lineNumber:389,columnNumber:15},this)]},void 0,!0,{fileName:L,lineNumber:387,columnNumber:13},this)]},void 0,!0,{fileName:L,lineNumber:382,columnNumber:11},this)},void 0,!1,{fileName:L,lineNumber:381,columnNumber:9},this);case`dataList`:case`activityFeed`:case`timeline`:return(0,j.jsxDEV)(`div`,{className:`w-full h-full flex flex-col justify-center items-start px-4 gap-1`,children:[(0,j.jsxDEV)(`div`,{className:`flex items-center gap-1 w-full`,children:[(0,j.jsxDEV)(`div`,{className:`w-2 h-2 rounded-full bg-[#0071e3]`},void 0,!1,{fileName:L,lineNumber:402,columnNumber:13},this),(0,j.jsxDEV)(`div`,{className:`w-3/4 h-1 bg-[#86868b]/40 rounded-full`},void 0,!1,{fileName:L,lineNumber:403,columnNumber:13},this)]},void 0,!0,{fileName:L,lineNumber:401,columnNumber:11},this),(0,j.jsxDEV)(`div`,{className:`flex items-center gap-1 w-full`,children:[(0,j.jsxDEV)(`div`,{className:`w-2 h-2 rounded-full bg-[#34c759]`},void 0,!1,{fileName:L,lineNumber:406,columnNumber:13},this),(0,j.jsxDEV)(`div`,{className:`w-1/2 h-1 bg-[#86868b]/30 rounded-full`},void 0,!1,{fileName:L,lineNumber:407,columnNumber:13},this)]},void 0,!0,{fileName:L,lineNumber:405,columnNumber:11},this)]},void 0,!0,{fileName:L,lineNumber:400,columnNumber:9},this);case`calendar`:return(0,j.jsxDEV)(`div`,{className:`w-full h-full flex items-center justify-center p-2`,children:(0,j.jsxDEV)(`div`,{className:`w-full max-w-[100px] bg-white border border-[#e5e5ea] rounded-md p-1.5 shadow-2xs flex flex-col items-center gap-1`,children:[(0,j.jsxDEV)(`div`,{className:`text-[7px] font-bold text-[#1d1d1f]`,children:`Aug 2026`},void 0,!1,{fileName:L,lineNumber:417,columnNumber:13},this),(0,j.jsxDEV)(`div`,{className:`grid grid-cols-4 gap-0.5`,children:[1,2,3,4,5,6,7,8].map(e=>(0,j.jsxDEV)(`div`,{className:`w-3 h-2 text-[6px] flex items-center justify-center rounded-sm ${e===5?`bg-[#0071e3] text-white font-bold`:`text-[#6e6e73]`}`,children:e},e,!1,{fileName:L,lineNumber:420,columnNumber:17},this))},void 0,!1,{fileName:L,lineNumber:418,columnNumber:13},this)]},void 0,!0,{fileName:L,lineNumber:416,columnNumber:11},this)},void 0,!1,{fileName:L,lineNumber:415,columnNumber:9},this);case`mobileCard`:return(0,j.jsxDEV)(`div`,{className:`w-full h-full flex items-center justify-center p-2`,children:(0,j.jsxDEV)(`div`,{className:`w-full max-w-[120px] bg-[#0071e3] text-white rounded-lg p-2 shadow-2xs flex flex-col gap-0.5`,children:[(0,j.jsxDEV)(`div`,{className:`text-[6.5px] opacity-80`,children:`Total Balance`},void 0,!1,{fileName:L,lineNumber:434,columnNumber:13},this),(0,j.jsxDEV)(`div`,{className:`text-[10px] font-bold`,children:`$14,250`},void 0,!1,{fileName:L,lineNumber:435,columnNumber:13},this)]},void 0,!0,{fileName:L,lineNumber:433,columnNumber:11},this)},void 0,!1,{fileName:L,lineNumber:432,columnNumber:9},this);case`mobileList`:return(0,j.jsxDEV)(`div`,{className:`w-full h-full flex items-center justify-center p-2`,children:(0,j.jsxDEV)(`div`,{className:`w-full max-w-[120px] bg-white border border-[#e5e5ea] rounded-md p-1 flex flex-col gap-1 shadow-2xs`,children:[(0,j.jsxDEV)(`div`,{className:`flex items-center justify-between text-[7px]`,children:[(0,j.jsxDEV)(`span`,{className:`font-medium text-[#1d1d1f]`,children:`Apple Store`},void 0,!1,{fileName:L,lineNumber:446,columnNumber:15},this),(0,j.jsxDEV)(`span`,{className:`font-bold text-[#ff3b30]`,children:`-$199`},void 0,!1,{fileName:L,lineNumber:447,columnNumber:15},this)]},void 0,!0,{fileName:L,lineNumber:445,columnNumber:13},this),(0,j.jsxDEV)(`div`,{className:`flex items-center justify-between text-[7px]`,children:[(0,j.jsxDEV)(`span`,{className:`font-medium text-[#1d1d1f]`,children:`Salary`},void 0,!1,{fileName:L,lineNumber:450,columnNumber:15},this),(0,j.jsxDEV)(`span`,{className:`font-bold text-[#34c759]`,children:`+$4,500`},void 0,!1,{fileName:L,lineNumber:451,columnNumber:15},this)]},void 0,!0,{fileName:L,lineNumber:449,columnNumber:13},this)]},void 0,!0,{fileName:L,lineNumber:444,columnNumber:11},this)},void 0,!1,{fileName:L,lineNumber:443,columnNumber:9},this);case`mobileScreen`:return(0,j.jsxDEV)(`div`,{className:`w-full h-full flex items-center justify-center p-1.5`,children:(0,j.jsxDEV)(`div`,{className:`w-14 h-full max-h-16 bg-[#f5f5f7] border-2 border-[#1d1d1f] rounded-xl flex flex-col justify-between p-1`,children:[(0,j.jsxDEV)(`div`,{className:`w-4 h-0.5 bg-black rounded-full mx-auto`},void 0,!1,{fileName:L,lineNumber:462,columnNumber:13},this),(0,j.jsxDEV)(`div`,{className:`text-[6.5px] font-bold text-center text-[#0071e3]`,children:`iPhone`},void 0,!1,{fileName:L,lineNumber:463,columnNumber:13},this),(0,j.jsxDEV)(`div`,{className:`w-4 h-0.5 bg-black rounded-full mx-auto`},void 0,!1,{fileName:L,lineNumber:464,columnNumber:13},this)]},void 0,!0,{fileName:L,lineNumber:461,columnNumber:11},this)},void 0,!1,{fileName:L,lineNumber:460,columnNumber:9},this);case`image`:return(0,j.jsxDEV)(`div`,{className:`w-full h-full flex items-center justify-center p-2`,children:(0,j.jsxDEV)(`div`,{className:`w-full max-w-[110px] h-10 bg-gradient-to-tr from-[#0071e3]/30 via-[#af52de]/30 to-[#34c759]/30 rounded-lg border border-[#e5e5ea] flex items-center justify-center text-[9px] font-bold text-[#0071e3]`,children:`🖼️ Image Frame`},void 0,!1,{fileName:L,lineNumber:473,columnNumber:11},this)},void 0,!1,{fileName:L,lineNumber:472,columnNumber:9},this);case`video`:return(0,j.jsxDEV)(`div`,{className:`w-full h-full flex items-center justify-center p-2`,children:(0,j.jsxDEV)(`div`,{className:`w-full max-w-[110px] h-10 bg-black rounded-lg border border-[#2c2c2e] flex items-center justify-center text-white`,children:(0,j.jsxDEV)(w,{className:`w-4 h-4 fill-white`},void 0,!1,{fileName:L,lineNumber:484,columnNumber:13},this)},void 0,!1,{fileName:L,lineNumber:483,columnNumber:11},this)},void 0,!1,{fileName:L,lineNumber:482,columnNumber:9},this);case`avatar`:return(0,j.jsxDEV)(`div`,{className:`w-full h-full flex items-center justify-center p-2`,children:(0,j.jsxDEV)(`div`,{className:`w-8 h-8 rounded-full bg-gradient-to-tr from-[#0071e3] to-[#af52de] p-0.5 shadow-2xs flex items-center justify-center text-white font-bold text-[10px]`,children:(0,j.jsxDEV)(an,{className:`w-4 h-4 text-white`},void 0,!1,{fileName:L,lineNumber:494,columnNumber:13},this)},void 0,!1,{fileName:L,lineNumber:493,columnNumber:11},this)},void 0,!1,{fileName:L,lineNumber:492,columnNumber:9},this);case`icon`:return(0,j.jsxDEV)(`div`,{className:`w-full h-full flex items-center justify-center p-2 text-[#0071e3]`,children:(0,j.jsxDEV)(he,{className:`w-6 h-6`},void 0,!1,{fileName:L,lineNumber:503,columnNumber:11},this)},void 0,!1,{fileName:L,lineNumber:502,columnNumber:9},this);default:return(0,j.jsxDEV)(`div`,{className:`w-full h-full flex flex-col items-center justify-center p-2 text-[#0071e3]`,children:[(0,j.jsxDEV)(hr,{className:`w-5 h-5 opacity-80 mb-0.5`},void 0,!1,{fileName:L,lineNumber:511,columnNumber:11},this),(0,j.jsxDEV)(`span`,{className:`text-[8.5px] font-bold text-[#1d1d1f] dark:text-white capitalize`,children:e.name||n},void 0,!1,{fileName:L,lineNumber:512,columnNumber:11},this)]},void 0,!0,{fileName:L,lineNumber:510,columnNumber:9},this)}}),_o=`C:/Users/Shadow/Desktop/cyrus/src/editor/sidebar/ElementsPanel.tsx`,vo=[{id:`all`,label:`All`},{id:`buttons`,label:`Buttons`},{id:`forms`,label:`Forms`},{id:`charts`,label:`Charts`},{id:`navigation`,label:`Containers`}];function yo(e){return e.category===`navigation`||e.category===`sections`||e.category===`charts`||e.type===`hero`||e.type===`navbar`||e.type===`footer`||e.type===`dataTable`||e.type===`pricingCard`||e.type===`featureCard`||e.defaultWidth>=500}var bo=k.memo(function(){let e=A(e=>e.searchQuery),t=A(e=>e.setSearchQuery),n=A(e=>e.selectedCategory),r=A(e=>e.setSelectedCategory),[i,a]=(0,k.useState)(!1),o=(0,k.useMemo)(()=>ho(e,n),[e,n]),s=(0,k.useCallback)(e=>{let t=M.getState(),n=(t.activeProject?.pages.find(e=>e.id===t.activePageId))?.elements.length||0,r=Math.min(300,60+n%4*40),i=Math.min(400,100+n%5*50),a=t.addElement({type:e.type,name:e.name,x:r,y:i,width:e.defaultWidth,height:e.defaultHeight,styles:{...e.defaultStyles},content:{...e.defaultContent}});a?.id&&t.selectElement(a.id),Vr.getState().addToast(`Added ${e.name}`,`success`)},[]),c=(0,k.useCallback)((e,t)=>{e.dataTransfer.setData(`application/cyrus-widget`,t.id),e.dataTransfer.setData(`text/plain`,t.id),e.dataTransfer.effectAllowed=`copy`},[]);return(0,j.jsxDEV)(`div`,{className:`flex flex-col h-full select-none bg-[#f2f2f6] dark:bg-[#161618] text-[#1d1d1f] dark:text-[#f5f5f7]`,children:[(0,j.jsxDEV)(`div`,{className:`p-3 bg-white dark:bg-[#1c1c1e] border-b border-[#e5e5ea] dark:border-[#2c2c2e] flex flex-col gap-2.5 shadow-2xs`,children:[(0,j.jsxDEV)(`div`,{className:D(`relative flex items-center bg-[#f4f4f6] dark:bg-[#2c2c2e] rounded-xl border transition-all duration-150`,i?`border-[#7d2ae8] bg-white dark:bg-[#1c1c1e] ring-2 ring-[#7d2ae8]/20`:`border-[#e5e5ea] dark:border-[#38383a]`),children:[(0,j.jsxDEV)(Vt,{className:`w-4 h-4 text-[#86868b] dark:text-[#636366] absolute left-3 pointer-events-none`},void 0,!1,{fileName:_o,lineNumber:90,columnNumber:11},this),(0,j.jsxDEV)(`input`,{type:`text`,value:e,onChange:e=>t(e.target.value),onFocus:()=>a(!0),onBlur:()=>a(!1),placeholder:`Search elements (button, hero, chart)...`,className:`w-full h-9 pl-9 pr-8 bg-transparent text-[12.5px] text-[#1d1d1f] dark:text-[#f5f5f7] placeholder:text-[#86868b] dark:placeholder:text-[#636366] focus:outline-none`},void 0,!1,{fileName:_o,lineNumber:91,columnNumber:11},this),e&&(0,j.jsxDEV)(`button`,{type:`button`,onClick:()=>t(``),className:`absolute right-2.5 p-0.5 rounded-full text-[#86868b] hover:text-[#1d1d1f] dark:hover:text-white`,children:(0,j.jsxDEV)(ln,{className:`w-3.5 h-3.5`},void 0,!1,{fileName:_o,lineNumber:106,columnNumber:15},this)},void 0,!1,{fileName:_o,lineNumber:101,columnNumber:13},this)]},void 0,!0,{fileName:_o,lineNumber:82,columnNumber:9},this),(0,j.jsxDEV)(`div`,{className:`flex items-center gap-1.5 overflow-x-auto no-scrollbar py-0.5`,children:vo.map(e=>{let t=n===e.id;return(0,j.jsxDEV)(`button`,{type:`button`,onClick:()=>r(e.id),className:D(`px-3 py-1 text-[11.5px] font-semibold rounded-full whitespace-nowrap transition-all cursor-pointer`,t?`bg-[#7d2ae8] text-white shadow-2xs`:`bg-[#f4f4f6] dark:bg-[#2c2c2e] text-[#6e6e73] dark:text-[#8e8e93] hover:text-[#1d1d1f] dark:hover:text-white hover:bg-[#ebebee] dark:hover:bg-[#3a3a3c]`),children:e.label},e.id,!1,{fileName:_o,lineNumber:116,columnNumber:15},this)})},void 0,!1,{fileName:_o,lineNumber:112,columnNumber:9},this)]},void 0,!0,{fileName:_o,lineNumber:80,columnNumber:7},this),(0,j.jsxDEV)(`div`,{className:`flex-1 overflow-y-auto p-4`,children:o.length===0?(0,j.jsxDEV)(`div`,{className:`py-16 text-center text-[#86868b] dark:text-[#636366] text-[13px] flex flex-col items-center justify-center gap-2`,children:[(0,j.jsxDEV)(hr,{className:`w-8 h-8 opacity-40 text-[#7d2ae8]`},void 0,!1,{fileName:_o,lineNumber:138,columnNumber:13},this),(0,j.jsxDEV)(`span`,{children:`No matching elements found.`},void 0,!1,{fileName:_o,lineNumber:139,columnNumber:13},this)]},void 0,!0,{fileName:_o,lineNumber:137,columnNumber:11},this):(0,j.jsxDEV)(`div`,{className:`grid grid-cols-2 gap-4`,children:o.map(e=>{let t=yo(e);return(0,j.jsxDEV)(`div`,{draggable:!0,onDragStart:t=>c(t,e),onClick:()=>s(e),className:D(`group relative bg-white dark:bg-[#252528] rounded-[28px] border border-[#e8e8ed]/80 dark:border-[#38383a] shadow-[0_10px_28px_rgba(0,0,0,0.06)] dark:shadow-[0_10px_28px_rgba(0,0,0,0.3)] hover:shadow-[0_18px_40px_rgba(0,0,0,0.12)] hover:scale-[1.03] transition-all duration-200 cursor-grab active:cursor-grabbing select-none flex items-center justify-center p-4 overflow-hidden`,t?`col-span-2 h-28`:`col-span-1 aspect-square`),title:e.name,children:[(0,j.jsxDEV)(go,{widget:e},void 0,!1,{fileName:_o,lineNumber:158,columnNumber:19},this),(0,j.jsxDEV)(`div`,{className:`absolute inset-0 bg-[#7d2ae8]/90 text-white font-bold text-[11px] flex items-center justify-center opacity-0 group-hover:opacity-100 transition-opacity backdrop-blur-2xs gap-1.5 pointer-events-none rounded-[28px]`,children:[(0,j.jsxDEV)(nt,{className:`w-4 h-4 stroke-[3]`},void 0,!1,{fileName:_o,lineNumber:162,columnNumber:21},this),(0,j.jsxDEV)(`span`,{children:`Add to Canvas`},void 0,!1,{fileName:_o,lineNumber:163,columnNumber:21},this)]},void 0,!0,{fileName:_o,lineNumber:161,columnNumber:19},this)]},e.id,!0,{fileName:_o,lineNumber:147,columnNumber:17},this)})},void 0,!1,{fileName:_o,lineNumber:142,columnNumber:11},this)},void 0,!1,{fileName:_o,lineNumber:135,columnNumber:7},this)]},void 0,!0,{fileName:_o,lineNumber:78,columnNumber:5},this)}),xo=`C:/Users/Shadow/Desktop/cyrus/src/components/ui/Tooltip.tsx`;function So({content:e,shortcut:t,position:n=`top`,children:r,delay:i=300}){let[a,o]=(0,k.useState)(!1),[s,c]=(0,k.useState)(null);return k.useEffect(()=>()=>{s&&clearTimeout(s)},[s]),(0,j.jsxDEV)(`div`,{className:`relative inline-flex items-center`,onMouseEnter:()=>{let e=window.setTimeout(()=>{o(!0)},i);c(e)},onMouseLeave:()=>{s&&clearTimeout(s),o(!1)},children:[r,a&&(0,j.jsxDEV)(`div`,{className:D(`absolute z-50 pointer-events-none whitespace-nowrap px-2 py-1 bg-[#1d1d1f] text-white text-[11px] font-medium rounded-[5px] shadow-apple-md flex items-center gap-1.5 animate-in fade-in zoom-in-95 duration-100`,{top:`bottom-full left-1/2 -translate-x-1/2 mb-1.5`,bottom:`top-full left-1/2 -translate-x-1/2 mt-1.5`,left:`right-full top-1/2 -translate-y-1/2 mr-1.5`,right:`left-full top-1/2 -translate-y-1/2 ml-1.5`}[n]),children:[(0,j.jsxDEV)(`span`,{children:e},void 0,!1,{fileName:xo,lineNumber:61,columnNumber:11},this),t&&(0,j.jsxDEV)(`kbd`,{className:`px-1 py-0.5 bg-white/20 text-[10px] font-mono rounded text-white/90`,children:t},void 0,!1,{fileName:xo,lineNumber:63,columnNumber:13},this)]},void 0,!0,{fileName:xo,lineNumber:55,columnNumber:9},this)]},void 0,!0,{fileName:xo,lineNumber:48,columnNumber:5},this)}var R=`C:/Users/Shadow/Desktop/cyrus/src/editor/sidebar/LayersPanel.tsx`;function Co(){let{setActiveSidebarTab:e}=A(),{activeProject:t,activePageId:n,selectedElementIds:r,selectElement:i,updateElement:a,deleteSelectedElements:o,duplicateSelectedElements:s,bringForward:c,sendBackward:l,groupSelectedElements:u,ungroupSelectedElements:d}=M(),[f,p]=(0,k.useState)(``),[m,h]=(0,k.useState)([]),[g,_]=(0,k.useState)(null),[v,y]=(0,k.useState)(``),[b,S]=(0,k.useState)(null),[C,w]=(0,k.useState)(null),ee=(0,k.useMemo)(()=>t&&(t.pages.find(e=>e.id===n)||t.pages[0])||null,[t,n]),T=ee?.elements||[],ne=(0,k.useMemo)(()=>{if(!f.trim())return T;let e=f.toLowerCase();return T.filter(t=>t.name.toLowerCase().includes(e)||t.type.toLowerCase().includes(e))},[T,f]),re=(0,k.useMemo)(()=>f.trim()?ne:T.filter(e=>!e.parentId||!T.some(t=>t.id===e.parentId)).sort((e,t)=>t.zIndex-e.zIndex),[T,ne,f]),[ie,ae]=(0,k.useState)(0),oe=(0,k.useMemo)(()=>{let e=[],t=new Map;for(let e of T)t.set(e.id,e);function n(r,i){for(let a of r){e.push({element:a,depth:i});let r=a.type===`container`||a.children&&a.children.length>0,o=m.includes(a.id);if(r&&!o&&a.children){let e=a.children.map(e=>t.get(e)).filter(Boolean);e.length>0&&n(e,i+1)}}}return n(re,0),e},[T,re,m]);if(!t||!ee)return null;let se=e=>{h(t=>t.includes(e)?t.filter(t=>t!==e):[...t,e])},ce=e=>{_(e.id),y(e.name),S(null)},le=e=>{v.trim()&&a(e,{name:v.trim()}),_(null)},ue=e=>{switch(e){case`button`:return(0,j.jsxDEV)(Se,{className:`w-3.5 h-3.5 text-[#0071e3]`},void 0,!1,{fileName:R,lineNumber:148,columnNumber:16},this);case`heading`:case`paragraph`:case`text`:return(0,j.jsxDEV)(Nt,{className:`w-3.5 h-3.5 text-[#6e6e73]`},void 0,!1,{fileName:R,lineNumber:152,columnNumber:16},this);case`image`:return(0,j.jsxDEV)(yr,{className:`w-3.5 h-3.5 text-[#5856d6]`},void 0,!1,{fileName:R,lineNumber:154,columnNumber:16},this);case`navbar`:case`sidebar`:case`bottomNav`:return(0,j.jsxDEV)(Je,{className:`w-3.5 h-3.5 text-[#ff9500]`},void 0,!1,{fileName:R,lineNumber:158,columnNumber:16},this);case`container`:return(0,j.jsxDEV)(ye,{className:`w-3.5 h-3.5 text-[#34c759]`},void 0,!1,{fileName:R,lineNumber:160,columnNumber:16},this);default:return(0,j.jsxDEV)(hr,{className:`w-3.5 h-3.5 text-[#86868b]`},void 0,!1,{fileName:R,lineNumber:162,columnNumber:16},this)}},de=(e,t)=>{e.preventDefault(),e.stopPropagation(),i(t),S({elementId:t,x:e.clientX,y:e.clientY})},fe=()=>S(null),me=(e,t)=>{e.dataTransfer.setData(`text/plain`,t),w(t)},ge=(e,t)=>{if(e.preventDefault(),!C||C===t)return;let n=T.find(e=>e.id===C),r=T.find(e=>e.id===t);n&&r&&(r.type===`container`&&Array.isArray(r.children)?(a(n.id,{parentId:r.id}),a(r.id,{children:[...r.children||[],n.id]})):a(n.id,{zIndex:r.zIndex+1})),w(null)},_e=(e,t=0)=>{let n=r.includes(e.id),o=g===e.id,s=e.type===`container`||e.children&&e.children.length>0,c=m.includes(e.id);return(0,j.jsxDEV)(`div`,{className:`flex flex-col select-none`,children:(0,j.jsxDEV)(`div`,{draggable:!0,onDragStart:t=>me(t,e.id),onDragOver:e=>e.preventDefault(),onDrop:t=>ge(t,e.id),onClick:t=>{t.shiftKey||t.metaKey||t.ctrlKey?i(e.id,!0):i(e.id,!1)},onContextMenu:t=>de(t,e.id),style:{paddingLeft:`${8+t*16}px`},className:D(`group flex items-center justify-between h-7.5 pr-2 rounded-[6px] transition-apple cursor-pointer`,n?`bg-[#e8f2fc] text-[#0071e3] font-medium`:`hover:bg-[#f4f4f6] text-[#1d1d1f]`),children:[(0,j.jsxDEV)(`div`,{className:`flex items-center gap-1.5 min-w-0 flex-1`,children:[s?(0,j.jsxDEV)(`button`,{type:`button`,onClick:t=>{t.stopPropagation(),se(e.id)},className:`p-0.5 rounded text-[#86868b] hover:text-[#1d1d1f] cursor-pointer`,children:c?(0,j.jsxDEV)(pe,{className:`w-3 h-3`},void 0,!1,{fileName:R,lineNumber:246,columnNumber:19},this):(0,j.jsxDEV)(qe,{className:`w-3 h-3`},void 0,!1,{fileName:R,lineNumber:248,columnNumber:19},this)},void 0,!1,{fileName:R,lineNumber:237,columnNumber:15},this):(0,j.jsxDEV)(`div`,{className:`w-3`},void 0,!1,{fileName:R,lineNumber:252,columnNumber:15},this),(0,j.jsxDEV)(`span`,{className:`shrink-0`,children:ue(e.type)},void 0,!1,{fileName:R,lineNumber:255,columnNumber:13},this),o?(0,j.jsxDEV)(`div`,{className:`flex items-center gap-1 flex-1 min-w-0`,onClick:e=>e.stopPropagation(),children:[(0,j.jsxDEV)(`input`,{type:`text`,value:v,onChange:e=>y(e.target.value),onKeyDown:t=>{t.key===`Enter`&&le(e.id),t.key===`Escape`&&_(null)},autoFocus:!0,className:`w-full text-[11.5px] bg-white px-1.5 py-0.2 rounded border border-[#0071e3] focus:outline-none`},void 0,!1,{fileName:R,lineNumber:262,columnNumber:17},this),(0,j.jsxDEV)(`button`,{type:`button`,onClick:()=>le(e.id),className:`p-0.5 text-[#0071e3] hover:bg-white rounded cursor-pointer`,children:(0,j.jsxDEV)(Mr,{className:`w-3 h-3`},void 0,!1,{fileName:R,lineNumber:278,columnNumber:19},this)},void 0,!1,{fileName:R,lineNumber:273,columnNumber:17},this)]},void 0,!0,{fileName:R,lineNumber:258,columnNumber:15},this):(0,j.jsxDEV)(`span`,{onDoubleClick:()=>ce(e),className:D(`truncate text-[11.5px] flex-1`,e.hidden&&`opacity-40 italic`),children:e.name},void 0,!1,{fileName:R,lineNumber:282,columnNumber:15},this)]},void 0,!0,{fileName:R,lineNumber:235,columnNumber:11},this),!o&&(0,j.jsxDEV)(`div`,{className:`flex items-center gap-0.5 opacity-0 group-hover:opacity-100 transition-opacity`,children:[(0,j.jsxDEV)(`button`,{type:`button`,onClick:t=>{t.stopPropagation(),a(e.id,{locked:!e.locked})},title:e.locked?`Unlock Layer`:`Lock Layer`,className:D(`p-1 rounded transition-apple cursor-pointer`,e.locked?`opacity-100 text-[#0071e3]`:`text-[#86868b] hover:text-[#1d1d1f]`),children:e.locked?(0,j.jsxDEV)(zt,{className:`w-3 h-3`},void 0,!1,{fileName:R,lineNumber:312,columnNumber:30},this):(0,j.jsxDEV)(wn,{className:`w-3 h-3`},void 0,!1,{fileName:R,lineNumber:312,columnNumber:61},this)},void 0,!1,{fileName:R,lineNumber:298,columnNumber:15},this),(0,j.jsxDEV)(`button`,{type:`button`,onClick:t=>{t.stopPropagation(),a(e.id,{hidden:!e.hidden})},title:e.hidden?`Show Layer`:`Hide Layer`,className:D(`p-1 rounded transition-apple cursor-pointer`,e.hidden?`opacity-100 text-[#ff3b30]`:`text-[#86868b] hover:text-[#1d1d1f]`),children:e.hidden?(0,j.jsxDEV)(jt,{className:`w-3 h-3`},void 0,!1,{fileName:R,lineNumber:330,columnNumber:30},this):(0,j.jsxDEV)(fn,{className:`w-3 h-3`},void 0,!1,{fileName:R,lineNumber:330,columnNumber:63},this)},void 0,!1,{fileName:R,lineNumber:316,columnNumber:15},this)]},void 0,!0,{fileName:R,lineNumber:296,columnNumber:13},this)]},void 0,!0,{fileName:R,lineNumber:213,columnNumber:9},this)},e.id,!1,{fileName:R,lineNumber:212,columnNumber:7},this)};return(0,j.jsxDEV)(`div`,{onClick:fe,className:`flex flex-col h-full select-none text-[12px]`,children:[(0,j.jsxDEV)(`div`,{className:`p-3.5 border-b border-[#f4f4f6] flex items-center justify-between`,children:[(0,j.jsxDEV)(`div`,{children:[(0,j.jsxDEV)(`div`,{className:`text-[13px] font-semibold text-[#1d1d1f]`,children:`Layers Tree`},void 0,!1,{fileName:R,lineNumber:347,columnNumber:11},this),(0,j.jsxDEV)(`div`,{className:`text-[11px] text-[#86868b] mt-0.5`,children:[T.length,` element(s) on canvas`]},void 0,!0,{fileName:R,lineNumber:348,columnNumber:11},this)]},void 0,!0,{fileName:R,lineNumber:346,columnNumber:9},this),r.length>1&&(0,j.jsxDEV)(So,{content:`Group Selection (⌘G)`,position:`bottom`,children:(0,j.jsxDEV)(`button`,{type:`button`,onClick:u,className:`p-1 rounded text-[#86868b] hover:text-[#0071e3] hover:bg-[#e8f2fc] transition-apple`,children:(0,j.jsxDEV)(te,{className:`w-3.5 h-3.5`},void 0,!1,{fileName:R,lineNumber:360,columnNumber:15},this)},void 0,!1,{fileName:R,lineNumber:355,columnNumber:13},this)},void 0,!1,{fileName:R,lineNumber:354,columnNumber:11},this)]},void 0,!0,{fileName:R,lineNumber:345,columnNumber:7},this),(0,j.jsxDEV)(`div`,{className:`p-2.5 border-b border-[#f4f4f6]`,children:(0,j.jsxDEV)(`div`,{className:`relative flex items-center`,children:[(0,j.jsxDEV)(Vt,{className:`w-3.5 h-3.5 text-[#86868b] absolute left-2.5 pointer-events-none`},void 0,!1,{fileName:R,lineNumber:369,columnNumber:11},this),(0,j.jsxDEV)(`input`,{type:`text`,value:f,onChange:e=>p(e.target.value),placeholder:`Search layers...`,className:`w-full h-7.5 pl-7 pr-7 bg-[#f4f4f6] text-[11.5px] text-[#1d1d1f] placeholder:text-[#86868b] rounded-[6px] border border-transparent focus:border-[#0071e3] focus:bg-white focus:outline-none transition-apple`},void 0,!1,{fileName:R,lineNumber:370,columnNumber:11},this),f&&(0,j.jsxDEV)(`button`,{type:`button`,onClick:()=>p(``),className:`absolute right-2 p-0.5 rounded text-[#86868b] hover:text-[#1d1d1f]`,children:(0,j.jsxDEV)(ln,{className:`w-3 h-3`},void 0,!1,{fileName:R,lineNumber:383,columnNumber:15},this)},void 0,!1,{fileName:R,lineNumber:378,columnNumber:13},this)]},void 0,!0,{fileName:R,lineNumber:368,columnNumber:9},this)},void 0,!1,{fileName:R,lineNumber:367,columnNumber:7},this),(0,j.jsxDEV)(`div`,{onScroll:e=>{oe.length>35&&ae(e.currentTarget.scrollTop)},className:`flex-1 overflow-y-auto p-2 flex flex-col gap-0.5`,children:oe.length===0?(0,j.jsxDEV)(`div`,{className:`py-8 flex flex-col items-center justify-center text-center px-3`,children:[(0,j.jsxDEV)(`div`,{className:`w-10 h-10 rounded-2xl bg-[#0071e3]/10 text-[#0071e3] flex items-center justify-center mb-3 shadow-xs`,children:(0,j.jsxDEV)(hr,{className:`w-5 h-5`},void 0,!1,{fileName:R,lineNumber:401,columnNumber:15},this)},void 0,!1,{fileName:R,lineNumber:400,columnNumber:13},this),(0,j.jsxDEV)(`span`,{className:`text-[13px] font-bold text-[#1d1d1f] dark:text-[#f5f5f7]`,children:`No layers on this artboard`},void 0,!1,{fileName:R,lineNumber:403,columnNumber:13},this),(0,j.jsxDEV)(`p`,{className:`text-[11px] text-[#86868b] mt-1 mb-4 max-w-[200px] leading-relaxed`,children:`Layers visualize element hierarchy, nested containers, and z-index ordering.`},void 0,!1,{fileName:R,lineNumber:406,columnNumber:13},this),(0,j.jsxDEV)(`div`,{className:`flex flex-col gap-1.5 w-full`,children:[(0,j.jsxDEV)(`button`,{type:`button`,onClick:()=>e(`elements`),className:`w-full flex items-center justify-center gap-1.5 px-3 py-1.5 rounded-lg bg-[#0071e3] text-white text-[11.5px] font-semibold hover:bg-[#0062c4] transition-colors cursor-pointer shadow-xs`,children:[(0,j.jsxDEV)(_t,{className:`w-3.5 h-3.5`},void 0,!1,{fileName:R,lineNumber:416,columnNumber:17},this),(0,j.jsxDEV)(`span`,{children:`Browse Widget Library`},void 0,!1,{fileName:R,lineNumber:417,columnNumber:17},this)]},void 0,!0,{fileName:R,lineNumber:411,columnNumber:15},this),(0,j.jsxDEV)(`button`,{type:`button`,onClick:()=>e(`ai`),className:`w-full flex items-center justify-center gap-1.5 px-3 py-1.5 rounded-lg bg-[#f4f4f6] dark:bg-[#2c2c2e] hover:bg-[#e5e5ea] text-[#1d1d1f] dark:text-[#f5f5f7] text-[11.5px] font-medium transition-colors cursor-pointer`,children:[(0,j.jsxDEV)(he,{className:`w-3.5 h-3.5 text-[#0071e3]`},void 0,!1,{fileName:R,lineNumber:425,columnNumber:17},this),(0,j.jsxDEV)(`span`,{children:`Synthesize with AI`},void 0,!1,{fileName:R,lineNumber:426,columnNumber:17},this)]},void 0,!0,{fileName:R,lineNumber:420,columnNumber:15},this)]},void 0,!0,{fileName:R,lineNumber:410,columnNumber:13},this)]},void 0,!0,{fileName:R,lineNumber:399,columnNumber:11},this):oe.length>35?(()=>{let e=oe.length*30,t=Math.max(0,Math.floor(ie/30)-5),n=Math.min(oe.length,t+30),r=oe.slice(t,n),i=t*30;return(0,j.jsxDEV)(`div`,{style:{height:`${e}px`,position:`relative`,width:`100%`},children:(0,j.jsxDEV)(`div`,{style:{transform:`translateY(${i}px)`,position:`absolute`,left:0,right:0,top:0},className:`flex flex-col gap-0.5`,children:r.map(({element:e,depth:t})=>_e(e,t))},void 0,!1,{fileName:R,lineNumber:441,columnNumber:17},this)},void 0,!1,{fileName:R,lineNumber:440,columnNumber:15},this)})():oe.map(({element:e,depth:t})=>_e(e,t))},void 0,!1,{fileName:R,lineNumber:390,columnNumber:7},this),b&&(0,j.jsxDEV)(`div`,{style:{position:`fixed`,left:`${b.x}px`,top:`${b.y}px`},onClick:e=>e.stopPropagation(),className:`w-48 bg-white/95 backdrop-blur-md border border-[#e5e5ea] rounded-[10px] shadow-apple-lg p-1 z-[999999] flex flex-col text-[11.5px] select-none animate-in fade-in zoom-in-95 duration-100`,children:[(0,j.jsxDEV)(`button`,{type:`button`,onClick:()=>{let e=T.find(e=>e.id===b.elementId);e&&ce(e)},className:`flex items-center gap-2 px-2.5 py-1.5 rounded-[6px] text-[#1d1d1f] hover:bg-[#f4f4f6] text-left cursor-pointer`,children:[(0,j.jsxDEV)(Ve,{className:`w-3.5 h-3.5 text-[#86868b]`},void 0,!1,{fileName:R,lineNumber:480,columnNumber:13},this),(0,j.jsxDEV)(`span`,{children:`Rename Layer`},void 0,!1,{fileName:R,lineNumber:481,columnNumber:13},this)]},void 0,!0,{fileName:R,lineNumber:472,columnNumber:11},this),(0,j.jsxDEV)(`button`,{type:`button`,onClick:()=>{s(),fe()},className:`flex items-center justify-between px-2.5 py-1.5 rounded-[6px] text-[#1d1d1f] hover:bg-[#f4f4f6] text-left cursor-pointer`,children:[(0,j.jsxDEV)(`span`,{className:`flex items-center gap-2`,children:[(0,j.jsxDEV)(sn,{className:`w-3.5 h-3.5 text-[#86868b]`},void 0,!1,{fileName:R,lineNumber:493,columnNumber:15},this),(0,j.jsxDEV)(`span`,{children:`Duplicate`},void 0,!1,{fileName:R,lineNumber:494,columnNumber:15},this)]},void 0,!0,{fileName:R,lineNumber:492,columnNumber:13},this),(0,j.jsxDEV)(`kbd`,{className:`text-[9px] font-mono text-[#86868b]`,children:`⌘D`},void 0,!1,{fileName:R,lineNumber:496,columnNumber:13},this)]},void 0,!0,{fileName:R,lineNumber:484,columnNumber:11},this),(0,j.jsxDEV)(`div`,{className:`h-[1px] bg-[#f4f4f6] my-1`},void 0,!1,{fileName:R,lineNumber:499,columnNumber:11},this),(0,j.jsxDEV)(`button`,{type:`button`,onClick:()=>{c(b.elementId),fe()},className:`flex items-center gap-2 px-2.5 py-1.5 rounded-[6px] text-[#1d1d1f] hover:bg-[#f4f4f6] text-left cursor-pointer`,children:[(0,j.jsxDEV)(un,{className:`w-3.5 h-3.5 text-[#86868b]`},void 0,!1,{fileName:R,lineNumber:509,columnNumber:13},this),(0,j.jsxDEV)(`span`,{children:`Bring Forward`},void 0,!1,{fileName:R,lineNumber:510,columnNumber:13},this)]},void 0,!0,{fileName:R,lineNumber:501,columnNumber:11},this),(0,j.jsxDEV)(`button`,{type:`button`,onClick:()=>{l(b.elementId),fe()},className:`flex items-center gap-2 px-2.5 py-1.5 rounded-[6px] text-[#1d1d1f] hover:bg-[#f4f4f6] text-left cursor-pointer`,children:[(0,j.jsxDEV)(Rt,{className:`w-3.5 h-3.5 text-[#86868b]`},void 0,!1,{fileName:R,lineNumber:521,columnNumber:13},this),(0,j.jsxDEV)(`span`,{children:`Send Backward`},void 0,!1,{fileName:R,lineNumber:522,columnNumber:13},this)]},void 0,!0,{fileName:R,lineNumber:513,columnNumber:11},this),(0,j.jsxDEV)(`div`,{className:`h-[1px] bg-[#f4f4f6] my-1`},void 0,!1,{fileName:R,lineNumber:525,columnNumber:11},this),(0,j.jsxDEV)(`button`,{type:`button`,onClick:()=>{o(),fe()},className:`flex items-center gap-2 px-2.5 py-1.5 rounded-[6px] text-[#ff3b30] hover:bg-[#ff3b30]/10 text-left cursor-pointer`,children:[(0,j.jsxDEV)(x,{className:`w-3.5 h-3.5`},void 0,!1,{fileName:R,lineNumber:535,columnNumber:13},this),(0,j.jsxDEV)(`span`,{children:`Delete`},void 0,!1,{fileName:R,lineNumber:536,columnNumber:13},this)]},void 0,!0,{fileName:R,lineNumber:527,columnNumber:11},this)]},void 0,!0,{fileName:R,lineNumber:463,columnNumber:9},this)]},void 0,!0,{fileName:R,lineNumber:340,columnNumber:5},this)}var wo=`cyrus_user_templates_v1`;async function To(e){let t=e.project,n=O(`proj`),r=new Map;t.pages.forEach(e=>{r.set(e.id,O(`page`))}),t.pages.forEach(e=>{e.elements.forEach(e=>{r.set(e.id,O(`elem`))})});let i=t.pages.map(e=>{let t=r.get(e.id)||O(`page`),n=e.elements.map(e=>{let t=r.get(e.id)||O(`elem`),n=e.parentId&&r.get(e.parentId)||null,i=e.children?e.children.map(e=>r.get(e)||e):void 0,a=(e.interactions||[]).map(e=>{let t=e.target&&r.has(e.target)?r.get(e.target):e.target;return{...e,id:O(`act`),target:t}});return{...JSON.parse(JSON.stringify(e)),id:t,parentId:n,children:i,interactions:a}});return{...JSON.parse(JSON.stringify(e)),id:t,elements:n}}),a={...JSON.parse(JSON.stringify(t)),id:n,name:`${e.name}`,pages:i,createdAt:new Date().toISOString(),updatedAt:new Date().toISOString()};return await Zr(a),a}async function Eo(){try{return await Lr(wo)||[]}catch{return[]}}async function Do(e){let t=(await Eo()).filter(t=>t.id!==e);await zr(wo,t)}var Oo=`C:/Users/Shadow/Desktop/cyrus/src/editor/sidebar/PageThumbnail.tsx`;function ko({page:e,className:t}){let n=e.elements||[],r=1440;return(0,j.jsxDEV)(`div`,{style:{backgroundColor:e.settings.backgroundColor||`#ffffff`},className:`relative w-full h-24 rounded-[6px] border border-[#e5e5ea] overflow-hidden bg-dot-grid-sm shadow-2xs select-none ${t||``}`,children:[n.map(e=>{let t=e.x/r*100,n=e.y/900*100,i=e.width/r*100,a=Math.min(60,e.height/900*100),o=e.styles.backgroundColor||`#e5e5ea`;return e.type===`button`&&(o=e.styles.backgroundColor||`#0071e3`),(e.type===`navbar`||e.type===`card`)&&(o=e.styles.backgroundColor||`#ffffff`),(e.type===`heading`||e.type===`text`)&&(o=`#1d1d1f`),e.type===`paragraph`&&(o=`#86868b`),(0,j.jsxDEV)(`div`,{style:{position:`absolute`,left:`${t}%`,top:`${n}%`,width:`${Math.max(2,i)}%`,height:`${Math.max(2,a)}%`,backgroundColor:o,borderRadius:`2px`,border:e.styles.borderWidth?`0.5px solid #d1d1d6`:void 0,opacity:e.styles.opacity??1},className:`shadow-3xs`},e.id,!1,{fileName:Oo,lineNumber:36,columnNumber:11},this)}),n.length===0&&(0,j.jsxDEV)(`div`,{className:`absolute inset-0 flex items-center justify-center text-[9px] text-[#86868b]`,children:`Blank Page`},void 0,!1,{fileName:Oo,lineNumber:55,columnNumber:9},this)]},void 0,!0,{fileName:Oo,lineNumber:14,columnNumber:5},this)}var Ao=`C:/Users/Shadow/Desktop/cyrus/src/editor/templates/TemplatePreviewModal.tsx`;function jo({template:e,isOpen:t,onClose:n}){let{setProject:r,setActivePage:i}=M(),{addToast:a}=Vr(),o=e.project.pages||[],[s,c]=(0,k.useState)(0),[l,u]=(0,k.useState)(!1);if(!t)return null;let d=o[s]||o[0];return(0,j.jsxDEV)(`div`,{onClick:n,className:`fixed inset-0 bg-black/40 backdrop-blur-xs flex items-center justify-center p-6 z-[999999] animate-in fade-in duration-150 select-none`,children:(0,j.jsxDEV)(`div`,{onClick:e=>e.stopPropagation(),className:`w-full max-w-4xl bg-white rounded-[18px] border border-[#e5e5ea] shadow-apple-lg flex flex-col max-h-[90vh] overflow-hidden animate-in zoom-in-95 duration-150`,children:[(0,j.jsxDEV)(`div`,{className:`p-4 px-6 border-b border-[#f4f4f6] flex items-center justify-between`,children:[(0,j.jsxDEV)(`div`,{className:`flex items-center gap-3`,children:[(0,j.jsxDEV)(`div`,{className:`w-8 h-8 rounded-[8px] bg-[#e8f2fc] text-[#0071e3] flex items-center justify-center font-semibold`,children:(0,j.jsxDEV)(he,{className:`w-4 h-4`},void 0,!1,{fileName:Ao,lineNumber:70,columnNumber:15},this)},void 0,!1,{fileName:Ao,lineNumber:69,columnNumber:13},this),(0,j.jsxDEV)(`div`,{children:[(0,j.jsxDEV)(`div`,{className:`flex items-center gap-2`,children:[(0,j.jsxDEV)(`h3`,{className:`text-[15px] font-semibold text-[#1d1d1f]`,children:e.name},void 0,!1,{fileName:Ao,lineNumber:74,columnNumber:17},this),(0,j.jsxDEV)(`span`,{className:`px-2 py-0.5 rounded-full text-[10px] font-medium bg-[#f4f4f6] text-[#6e6e73] capitalize`,children:e.category},void 0,!1,{fileName:Ao,lineNumber:77,columnNumber:17},this),(0,j.jsxDEV)(`span`,{className:`px-2 py-0.5 rounded-full text-[10px] font-medium bg-[#e8f2fc] text-[#0071e3] capitalize`,children:[e.style,` Style`]},void 0,!0,{fileName:Ao,lineNumber:80,columnNumber:17},this)]},void 0,!0,{fileName:Ao,lineNumber:73,columnNumber:15},this),(0,j.jsxDEV)(`p`,{className:`text-[12px] text-[#86868b] mt-0.5`,children:e.description},void 0,!1,{fileName:Ao,lineNumber:84,columnNumber:15},this)]},void 0,!0,{fileName:Ao,lineNumber:72,columnNumber:13},this)]},void 0,!0,{fileName:Ao,lineNumber:68,columnNumber:11},this),(0,j.jsxDEV)(`button`,{type:`button`,onClick:n,className:`w-7 h-7 rounded-full bg-[#f4f4f6] text-[#86868b] hover:text-[#1d1d1f] flex items-center justify-center transition-apple cursor-pointer`,children:(0,j.jsxDEV)(ln,{className:`w-4 h-4`},void 0,!1,{fileName:Ao,lineNumber:95,columnNumber:13},this)},void 0,!1,{fileName:Ao,lineNumber:90,columnNumber:11},this)]},void 0,!0,{fileName:Ao,lineNumber:67,columnNumber:9},this),(0,j.jsxDEV)(`div`,{className:`flex-1 overflow-y-auto p-6 flex flex-col gap-6 bg-[#fafafc]`,children:[(0,j.jsxDEV)(`div`,{className:`w-full h-80 rounded-[12px] border border-[#e5e5ea] overflow-hidden bg-white shadow-apple-sm relative flex flex-col`,children:[(0,j.jsxDEV)(`div`,{className:`h-7 bg-[#f4f4f6] border-b border-[#e5e5ea] px-3 flex items-center justify-between text-[11px] text-[#86868b]`,children:[(0,j.jsxDEV)(`div`,{className:`flex items-center gap-1.5 font-medium text-[#1d1d1f]`,children:[(0,j.jsxDEV)(ve,{className:`w-3 h-3 text-[#0071e3]`},void 0,!1,{fileName:Ao,lineNumber:105,columnNumber:17},this),(0,j.jsxDEV)(`span`,{children:[`Previewing: `,d.name,` (/`,d.slug,`)`]},void 0,!0,{fileName:Ao,lineNumber:106,columnNumber:17},this)]},void 0,!0,{fileName:Ao,lineNumber:104,columnNumber:15},this),(0,j.jsxDEV)(`span`,{children:`1440 × 900 px`},void 0,!1,{fileName:Ao,lineNumber:108,columnNumber:15},this)]},void 0,!0,{fileName:Ao,lineNumber:103,columnNumber:13},this),(0,j.jsxDEV)(`div`,{className:`flex-1 p-4 flex items-center justify-center bg-[#f5f5f7]`,children:(0,j.jsxDEV)(ko,{page:d,className:`h-full w-full max-w-2xl`},void 0,!1,{fileName:Ao,lineNumber:111,columnNumber:15},this)},void 0,!1,{fileName:Ao,lineNumber:110,columnNumber:13},this)]},void 0,!0,{fileName:Ao,lineNumber:102,columnNumber:11},this),(0,j.jsxDEV)(`div`,{className:`space-y-2`,children:[(0,j.jsxDEV)(`span`,{className:`text-[11.5px] font-semibold text-[#86868b] uppercase tracking-wider flex items-center gap-1.5`,children:[(0,j.jsxDEV)(hr,{className:`w-3.5 h-3.5 text-[#0071e3]`},void 0,!1,{fileName:Ao,lineNumber:118,columnNumber:15},this),(0,j.jsxDEV)(`span`,{children:[`Included Project Pages (`,o.length,`)`]},void 0,!0,{fileName:Ao,lineNumber:119,columnNumber:15},this)]},void 0,!0,{fileName:Ao,lineNumber:117,columnNumber:13},this),(0,j.jsxDEV)(`div`,{className:`grid grid-cols-5 gap-3`,children:o.map((e,t)=>{let n=t===s;return(0,j.jsxDEV)(`div`,{onClick:()=>c(t),className:D(`p-2.5 rounded-[10px] border transition-apple cursor-pointer select-none bg-white flex flex-col gap-1.5`,n?`border-[#0071e3] shadow-apple-sm ring-2 ring-[#0071e3]/20`:`border-[#e5e5ea] hover:border-[#d1d1d6]`),children:[(0,j.jsxDEV)(ko,{page:e,className:`h-14`},void 0,!1,{fileName:Ao,lineNumber:136,columnNumber:21},this),(0,j.jsxDEV)(`div`,{className:`flex items-center justify-between text-[11px] font-medium text-[#1d1d1f]`,children:[(0,j.jsxDEV)(`span`,{className:`truncate`,children:e.name},void 0,!1,{fileName:Ao,lineNumber:138,columnNumber:23},this),n&&(0,j.jsxDEV)(Mr,{className:`w-3 h-3 text-[#0071e3]`},void 0,!1,{fileName:Ao,lineNumber:139,columnNumber:38},this)]},void 0,!0,{fileName:Ao,lineNumber:137,columnNumber:21},this)]},e.id,!0,{fileName:Ao,lineNumber:126,columnNumber:19},this)})},void 0,!1,{fileName:Ao,lineNumber:122,columnNumber:13},this)]},void 0,!0,{fileName:Ao,lineNumber:116,columnNumber:11},this)]},void 0,!0,{fileName:Ao,lineNumber:100,columnNumber:9},this),(0,j.jsxDEV)(`div`,{className:`p-4 px-6 border-t border-[#f4f4f6] flex items-center justify-between bg-white`,children:[(0,j.jsxDEV)(`div`,{className:`text-[11.5px] text-[#86868b]`,children:[`Creates a new standalone project with `,o.length,` real responsive pages and design tokens.`]},void 0,!0,{fileName:Ao,lineNumber:150,columnNumber:11},this),(0,j.jsxDEV)(`div`,{className:`flex items-center gap-2`,children:[(0,j.jsxDEV)(Ui,{variant:`secondary`,size:`sm`,onClick:n,children:`Cancel`},void 0,!1,{fileName:Ao,lineNumber:155,columnNumber:13},this),(0,j.jsxDEV)(Ui,{variant:`primary`,size:`sm`,isLoading:l,onClick:async()=>{try{u(!0);let t=await To(e);r(t),i(t.pages[0]?.id||``),a(`Created new project from "${e.name}"`,`success`),n()}catch(e){console.error(`Failed to instantiate template:`,e),a(`Error applying template`,`error`)}finally{u(!1)}},icon:(0,j.jsxDEV)(Ln,{className:`w-3.5 h-3.5`},void 0,!1,{fileName:Ao,lineNumber:163,columnNumber:21},this),children:`Use This Template`},void 0,!1,{fileName:Ao,lineNumber:158,columnNumber:13},this)]},void 0,!0,{fileName:Ao,lineNumber:154,columnNumber:11},this)]},void 0,!0,{fileName:Ao,lineNumber:149,columnNumber:9},this)]},void 0,!0,{fileName:Ao,lineNumber:62,columnNumber:7},this)},void 0,!1,{fileName:Ao,lineNumber:58,columnNumber:5},this)}var Mo=`C:/Users/Shadow/Desktop/cyrus/src/editor/sidebar/TemplatesPanel.tsx`;function No(){let{activeProject:e}=M(),{addToast:t}=Vr(),[n,r]=(0,k.useState)(``),[i,a]=(0,k.useState)([]),[o,s]=(0,k.useState)(null),c=async()=>{let e=await Eo();a(e)};(0,k.useEffect)(()=>{c()},[]);let l=(0,k.useMemo)(()=>[...sa,...i],[i]),u=(0,k.useMemo)(()=>{if(!n.trim())return l;let e=n.toLowerCase();return l.filter(t=>t.name.toLowerCase().includes(e)||t.description.toLowerCase().includes(e)||t.category.toLowerCase().includes(e))},[l,n]),d=async(e,n)=>{e.stopPropagation(),await Do(n),await c(),t(`Template deleted`,`info`)};return(0,j.jsxDEV)(`div`,{className:`flex flex-col h-full select-none text-[12px] bg-white dark:bg-[#1c1c1e]`,children:[(0,j.jsxDEV)(`div`,{className:`p-3 border-b border-[#f4f4f6] dark:border-[#2c2c2e] flex flex-col gap-2.5`,children:[(0,j.jsxDEV)(`div`,{className:`relative flex items-center`,children:[(0,j.jsxDEV)(`input`,{type:`text`,value:n,onChange:e=>r(e.target.value),placeholder:`+ Describe your ideal design`,className:`w-full h-10 pl-4 pr-10 bg-[#f4f4f6] dark:bg-[#2c2c2e] text-[12.5px] text-[#1d1d1f] dark:text-[#f5f5f7] placeholder:text-[#86868b] dark:placeholder:text-[#636366] rounded-full border border-[#e5e5ea] dark:border-[#38383a] focus:border-[#7d2ae8] focus:bg-white dark:focus:bg-[#1c1c1e] outline-none transition-all`},void 0,!1,{fileName:Mo,lineNumber:63,columnNumber:11},this),(0,j.jsxDEV)(`button`,{type:`button`,className:`absolute right-3 p-1 text-[#6e6e73] dark:text-[#8e8e93] hover:text-[#7d2ae8] transition-colors`,title:`Voice Prompt`,children:(0,j.jsxDEV)(wt,{className:`w-4 h-4`},void 0,!1,{fileName:Mo,lineNumber:75,columnNumber:13},this)},void 0,!1,{fileName:Mo,lineNumber:70,columnNumber:11},this)]},void 0,!0,{fileName:Mo,lineNumber:62,columnNumber:9},this),(0,j.jsxDEV)(`div`,{className:`flex items-center gap-2`,children:[(0,j.jsxDEV)(`button`,{type:`button`,className:`flex-1 h-9 px-3 rounded-xl bg-[#f4f4f6] dark:bg-[#2c2c2e] border border-[#e5e5ea] dark:border-[#38383a] text-[#1d1d1f] dark:text-[#f5f5f7] text-[12px] font-medium flex items-center justify-center gap-1.5 hover:bg-[#ebebee] dark:hover:bg-[#3a3a3c] transition-colors cursor-pointer`,children:[(0,j.jsxDEV)(he,{className:`w-3.5 h-3.5 text-[#7d2ae8] dark:text-[#9d52ff]`},void 0,!1,{fileName:Mo,lineNumber:85,columnNumber:13},this),(0,j.jsxDEV)(`span`,{children:`Generate`},void 0,!1,{fileName:Mo,lineNumber:86,columnNumber:13},this),(0,j.jsxDEV)(qe,{className:`w-3 h-3 text-[#86868b]`},void 0,!1,{fileName:Mo,lineNumber:87,columnNumber:13},this)]},void 0,!0,{fileName:Mo,lineNumber:81,columnNumber:11},this),(0,j.jsxDEV)(`button`,{type:`button`,onClick:()=>{n.trim()&&t(`Searching templates for "${n}"`,`info`)},className:`flex-1 h-9 px-4 rounded-xl bg-[#7d2ae8] hover:bg-[#6b21ce] text-white text-[12.5px] font-semibold flex items-center justify-center shadow-apple-sm transition-all active:scale-[0.98] cursor-pointer`,children:`Search`},void 0,!1,{fileName:Mo,lineNumber:90,columnNumber:11},this)]},void 0,!0,{fileName:Mo,lineNumber:80,columnNumber:9},this)]},void 0,!0,{fileName:Mo,lineNumber:60,columnNumber:7},this),(0,j.jsxDEV)(`div`,{className:`flex-1 overflow-y-auto p-3 grid grid-cols-2 gap-2.5`,children:u.map(e=>{let t=e.project.pages[0];return(0,j.jsxDEV)(`div`,{onClick:()=>s(e),className:`group rounded-xl border border-[#e5e5ea] dark:border-[#38383a] bg-white dark:bg-[#2c2c2e] hover:border-[#7d2ae8] hover:shadow-apple-sm transition-all cursor-pointer flex flex-col overflow-hidden select-none`,children:[(0,j.jsxDEV)(`div`,{className:`w-full h-24 bg-[#f4f4f6] dark:bg-[#1c1c1e] relative overflow-hidden flex items-center justify-center`,children:[t?(0,j.jsxDEV)(ko,{page:t,className:`h-full w-full object-cover`},void 0,!1,{fileName:Mo,lineNumber:118,columnNumber:19},this):(0,j.jsxDEV)(`div`,{className:`text-[11px] text-[#86868b]`,children:e.name},void 0,!1,{fileName:Mo,lineNumber:120,columnNumber:19},this),(0,j.jsxDEV)(`div`,{className:`absolute bottom-1.5 left-1.5 w-5 h-5 rounded-full bg-black/40 text-white flex items-center justify-center backdrop-blur-xs`,children:(0,j.jsxDEV)(w,{className:`w-2.5 h-2.5 fill-current ml-0.5`},void 0,!1,{fileName:Mo,lineNumber:124,columnNumber:19},this)},void 0,!1,{fileName:Mo,lineNumber:123,columnNumber:17},this)]},void 0,!0,{fileName:Mo,lineNumber:116,columnNumber:15},this),(0,j.jsxDEV)(`div`,{className:`p-2 flex items-center justify-between min-w-0`,children:[(0,j.jsxDEV)(`span`,{className:`text-[11.5px] font-bold text-[#1d1d1f] dark:text-[#f5f5f7] group-hover:text-[#7d2ae8] dark:group-hover:text-[#9d52ff] transition-colors truncate`,children:e.name},void 0,!1,{fileName:Mo,lineNumber:130,columnNumber:17},this),e.isUserTemplate&&(0,j.jsxDEV)(`button`,{type:`button`,onClick:t=>d(t,e.id),className:`p-1 rounded text-[#86868b] hover:text-[#ff3b30]`,children:(0,j.jsxDEV)(x,{className:`w-3 h-3`},void 0,!1,{fileName:Mo,lineNumber:139,columnNumber:21},this)},void 0,!1,{fileName:Mo,lineNumber:134,columnNumber:19},this)]},void 0,!0,{fileName:Mo,lineNumber:129,columnNumber:15},this)]},e.id,!0,{fileName:Mo,lineNumber:110,columnNumber:13},this)})},void 0,!1,{fileName:Mo,lineNumber:105,columnNumber:7},this),o&&(0,j.jsxDEV)(jo,{template:o,isOpen:!!o,onClose:()=>s(null)},void 0,!1,{fileName:Mo,lineNumber:150,columnNumber:9},this)]},void 0,!0,{fileName:Mo,lineNumber:58,columnNumber:5},this)}var z=`C:/Users/Shadow/Desktop/cyrus/src/editor/sidebar/AssetsPanel.tsx`,Po=[{id:`all`,label:`All`},{id:`images`,label:`Images`},{id:`illustrations`,label:`Illustrations`},{id:`videos`,label:`Videos`},{id:`uploaded`,label:`Uploaded`}],Fo={ArrowRight:Ln,ArrowLeft:tr,ArrowUp:un,ArrowDown:Rt,ChevronRight:pe,ChevronLeft:Te,Search:Vt,Home:S,Menu:Nn,Plus:nt,Check:Mr,X:ln,Trash2:x,Edit2:Ve,Copy:sn,Download:Tn,Share2:pn,RotateCcw:cn,User:he,Settings:He,Lock:zt,Unlock:wn,Eye:fn,Sparkles:he,Zap:Yn,Heart:yn,Star:rt,Bell:or,Mail:At,Calendar:ae,CreditCard:Un,Layers:hr,Globe:we,Shield:Fn,Smartphone:ht,Monitor:ve};function Io(){let{activeProject:e,addElement:t}=M(),{addToast:n}=Vr(),[r,i]=(0,k.useState)([]),[a,o]=(0,k.useState)(``),[s,c]=(0,k.useState)(`all`),[l,u]=(0,k.useState)(!1),[d,f]=(0,k.useState)(null),[p,m]=(0,k.useState)(``),h=(0,k.useRef)(null),g=async()=>{let t=await Si(e?.id);i(t)};(0,k.useEffect)(()=>{g()},[e?.id]);let _=(0,k.useMemo)(()=>{let e=r;if(s===`images`?e=e.filter(e=>e.type===`image`||e.type===`background`):s===`icons`?e=e.filter(e=>e.type===`icon`):s===`illustrations`?e=e.filter(e=>e.type===`illustration`):s===`videos`?e=e.filter(e=>e.type===`video`):s===`uploaded`&&(e=e.filter(e=>!e.isPreset)),!a.trim())return e;let t=a.toLowerCase();return e.filter(e=>e.name.toLowerCase().includes(t)||e.type.toLowerCase().includes(t)||e.keywords?.some(e=>e.toLowerCase().includes(t)))},[r,s,a]),v=async t=>{let r=t.target.files;if(!r||r.length===0)return;u(!0);let i=0;for(let t=0;t<r.length;t++){let a=r[t];try{await ki(a,e?.id),i++}catch(e){n(e.message||`Failed to upload ${a.name}`,`error`)}}i>0&&(n(`Uploaded ${i} asset(s)`,`success`),await g()),u(!1),h.current&&(h.current.value=``)},y=e=>{let r=`image`,i=360,a=240,o={url:e.url};e.type===`video`?(r=`video`,i=480,a=270,o={url:e.url,autoplay:!0,loop:!0,muted:!0,controls:!0}):e.type===`icon`?(r=`icon`,i=48,a=48,o={iconName:e.metadata?.iconName||e.url||`Sparkles`}):e.type===`svg`&&(r=`svg`,i=120,a=120,o={svg:e.url}),t({type:r,name:e.name,width:i,height:a,styles:{borderRadius:r===`icon`?0:12},content:o}),n(`Inserted "${e.name}" into canvas`,`success`)},b=(e,t)=>{e.dataTransfer.setData(`application/cyrus-asset`,JSON.stringify(t)),e.dataTransfer.effectAllowed=`copy`},S=async(e,t)=>{e.stopPropagation(),await Ti(t),await g(),n(`Asset deleted`,`info`)},C=async e=>{p.trim()&&(await Ei(e,p.trim()),f(null),await g(),n(`Asset renamed`,`success`))};return(0,j.jsxDEV)(`div`,{className:`flex flex-col h-full select-none text-[12px] bg-white`,children:[(0,j.jsxDEV)(`input`,{ref:h,type:`file`,multiple:!0,accept:`image/png,image/jpeg,image/jpg,image/webp,image/svg+xml,image/gif,video/mp4`,onChange:v,className:`hidden`},void 0,!1,{fileName:z,lineNumber:243,columnNumber:7},this),(0,j.jsxDEV)(`div`,{className:`p-3.5 border-b border-[#f4f4f6] flex items-center justify-between`,children:[(0,j.jsxDEV)(`div`,{children:[(0,j.jsxDEV)(`div`,{className:`text-[13px] font-semibold text-[#1d1d1f] flex items-center gap-1.5`,children:[(0,j.jsxDEV)(yr,{className:`w-3.5 h-3.5 text-[#0071e3]`},void 0,!1,{fileName:z,lineNumber:256,columnNumber:13},this),(0,j.jsxDEV)(`span`,{children:`Asset Library`},void 0,!1,{fileName:z,lineNumber:257,columnNumber:13},this)]},void 0,!0,{fileName:z,lineNumber:255,columnNumber:11},this),(0,j.jsxDEV)(`div`,{className:`text-[11px] text-[#86868b] mt-0.5`,children:[r.length,` images, icons & media assets`]},void 0,!0,{fileName:z,lineNumber:259,columnNumber:11},this)]},void 0,!0,{fileName:z,lineNumber:254,columnNumber:9},this),(0,j.jsxDEV)(`button`,{type:`button`,disabled:l,onClick:()=>h.current?.click(),className:`flex items-center gap-1 px-2.5 py-1.5 bg-[#0071e3] hover:bg-[#0077ed] text-white rounded-[7px] text-[11px] font-medium transition-apple shadow-2xs cursor-pointer`,children:[(0,j.jsxDEV)(mr,{className:`w-3.5 h-3.5`},void 0,!1,{fileName:z,lineNumber:270,columnNumber:11},this),(0,j.jsxDEV)(`span`,{children:l?`Uploading...`:`Upload`},void 0,!1,{fileName:z,lineNumber:271,columnNumber:11},this)]},void 0,!0,{fileName:z,lineNumber:264,columnNumber:9},this)]},void 0,!0,{fileName:z,lineNumber:253,columnNumber:7},this),(0,j.jsxDEV)(`div`,{className:`p-2.5 border-b border-[#f4f4f6]`,children:(0,j.jsxDEV)(`div`,{className:`relative flex items-center`,children:[(0,j.jsxDEV)(Vt,{className:`w-3.5 h-3.5 text-[#86868b] absolute left-2.5 pointer-events-none`},void 0,!1,{fileName:z,lineNumber:278,columnNumber:11},this),(0,j.jsxDEV)(`input`,{type:`text`,value:a,onChange:e=>o(e.target.value),placeholder:`Search assets (e.g. arrow, workspace)...`,className:`w-full h-7.5 pl-7 pr-7 bg-[#f4f4f6] text-[11.5px] text-[#1d1d1f] placeholder:text-[#86868b] rounded-[6px] border border-transparent focus:border-[#0071e3] focus:bg-white focus:outline-none transition-apple`},void 0,!1,{fileName:z,lineNumber:279,columnNumber:11},this),a&&(0,j.jsxDEV)(`button`,{type:`button`,onClick:()=>o(``),className:`absolute right-2 p-0.5 rounded text-[#86868b] hover:text-[#1d1d1f]`,children:(0,j.jsxDEV)(ln,{className:`w-3 h-3`},void 0,!1,{fileName:z,lineNumber:292,columnNumber:15},this)},void 0,!1,{fileName:z,lineNumber:287,columnNumber:13},this)]},void 0,!0,{fileName:z,lineNumber:277,columnNumber:9},this)},void 0,!1,{fileName:z,lineNumber:276,columnNumber:7},this),(0,j.jsxDEV)(`div`,{className:`flex items-center gap-1 overflow-x-auto no-scrollbar p-2 border-b border-[#f4f4f6] bg-[#fafafc]`,children:Po.map(e=>(0,j.jsxDEV)(`button`,{type:`button`,onClick:()=>c(e.id),className:D(`px-2.5 py-1 rounded-full text-[10.5px] font-medium whitespace-nowrap transition-apple cursor-pointer`,s===e.id?`bg-[#0071e3] text-white shadow-2xs`:`bg-white border border-[#e5e5ea] text-[#6e6e73] hover:text-[#1d1d1f]`),children:e.label},e.id,!1,{fileName:z,lineNumber:301,columnNumber:11},this))},void 0,!1,{fileName:z,lineNumber:299,columnNumber:7},this),(0,j.jsxDEV)(`div`,{className:`flex-1 overflow-y-auto p-3`,children:_.length===0?(0,j.jsxDEV)(`div`,{className:`py-8 flex flex-col items-center justify-center p-4 text-center`,children:[(0,j.jsxDEV)(`div`,{className:`w-10 h-10 rounded-2xl bg-[#0071e3]/10 text-[#0071e3] flex items-center justify-center mb-3 shadow-xs`,children:(0,j.jsxDEV)(yr,{className:`w-5 h-5`},void 0,!1,{fileName:z,lineNumber:322,columnNumber:15},this)},void 0,!1,{fileName:z,lineNumber:321,columnNumber:13},this),(0,j.jsxDEV)(`p`,{className:`text-[13px] font-bold text-[#1d1d1f] dark:text-[#f5f5f7]`,children:`No assets in library`},void 0,!1,{fileName:z,lineNumber:324,columnNumber:13},this),(0,j.jsxDEV)(`p`,{className:`text-[11px] text-[#86868b] mt-1 mb-4 max-w-[210px] leading-relaxed`,children:`Upload photography, vectors, and media to organize your design assets and drag them onto the artboard.`},void 0,!1,{fileName:z,lineNumber:327,columnNumber:13},this),(0,j.jsxDEV)(`button`,{type:`button`,onClick:()=>h.current?.click(),className:`w-full flex items-center justify-center gap-1.5 px-3 py-1.5 rounded-lg bg-[#0071e3] text-white text-[11.5px] font-semibold hover:bg-[#0062c4] transition-colors cursor-pointer shadow-xs`,children:[(0,j.jsxDEV)(nt,{className:`w-3.5 h-3.5`},void 0,!1,{fileName:z,lineNumber:336,columnNumber:15},this),(0,j.jsxDEV)(`span`,{children:`Upload Local Images`},void 0,!1,{fileName:z,lineNumber:337,columnNumber:15},this)]},void 0,!0,{fileName:z,lineNumber:331,columnNumber:13},this)]},void 0,!0,{fileName:z,lineNumber:320,columnNumber:11},this):(0,j.jsxDEV)(`div`,{className:`grid grid-cols-2 gap-2.5`,children:_.map(e=>{let t=d===e.id,n=e.type===`icon`?Fo[e.metadata?.iconName||e.url]||he:null;return(0,j.jsxDEV)(`div`,{draggable:!0,onDragStart:t=>b(t,e),onClick:()=>y(e),className:`group relative flex flex-col rounded-[10px] border border-[#e5e5ea] bg-white overflow-hidden hover:border-[#0071e3] hover:shadow-apple-sm transition-apple cursor-pointer select-none`,children:[(0,j.jsxDEV)(`div`,{className:`h-24 bg-[#f4f4f6] flex items-center justify-center overflow-hidden relative`,children:[e.type===`icon`&&n?(0,j.jsxDEV)(`div`,{className:`text-[#0071e3] group-hover:scale-110 transition-transform`,children:(0,j.jsxDEV)(n,{className:`w-8 h-8`},void 0,!1,{fileName:z,lineNumber:358,columnNumber:25},this)},void 0,!1,{fileName:z,lineNumber:357,columnNumber:23},this):e.type===`video`?(0,j.jsxDEV)(`div`,{className:`relative w-full h-full flex items-center justify-center bg-black/10`,children:(0,j.jsxDEV)(bt,{className:`w-6 h-6 text-white drop-shadow-md`},void 0,!1,{fileName:z,lineNumber:362,columnNumber:25},this)},void 0,!1,{fileName:z,lineNumber:361,columnNumber:23},this):(0,j.jsxDEV)(`img`,{src:e.thumbnailUrl||e.url,alt:e.name,loading:`lazy`,className:`w-full h-full object-cover group-hover:scale-105 transition-transform duration-200`},void 0,!1,{fileName:z,lineNumber:365,columnNumber:23},this),(0,j.jsxDEV)(`div`,{className:`absolute inset-0 bg-black/40 backdrop-blur-2xs opacity-0 group-hover:opacity-100 flex items-center justify-center transition-opacity`,children:(0,j.jsxDEV)(`span`,{className:`px-2.5 py-1 bg-white text-[#1d1d1f] font-semibold text-[10.5px] rounded-full shadow-apple-sm flex items-center gap-1`,children:[(0,j.jsxDEV)(nt,{className:`w-3 h-3`},void 0,!1,{fileName:z,lineNumber:376,columnNumber:25},this),(0,j.jsxDEV)(`span`,{children:`Insert`},void 0,!1,{fileName:z,lineNumber:377,columnNumber:25},this)]},void 0,!0,{fileName:z,lineNumber:375,columnNumber:23},this)},void 0,!1,{fileName:z,lineNumber:374,columnNumber:21},this)]},void 0,!0,{fileName:z,lineNumber:355,columnNumber:19},this),(0,j.jsxDEV)(`div`,{className:`p-2 flex flex-col gap-0.5 bg-white`,children:[t?(0,j.jsxDEV)(`div`,{className:`flex items-center gap-1`,onClick:e=>e.stopPropagation(),children:[(0,j.jsxDEV)(`input`,{type:`text`,value:p,autoFocus:!0,onChange:e=>m(e.target.value),onKeyDown:t=>{t.key===`Enter`&&C(e.id),t.key===`Escape`&&f(null)},className:`w-full h-5 px-1 bg-[#f4f4f6] rounded text-[10.5px] text-[#1d1d1f] border border-[#0071e3] focus:outline-none`},void 0,!1,{fileName:z,lineNumber:386,columnNumber:25},this),(0,j.jsxDEV)(`button`,{type:`button`,onClick:()=>C(e.id),className:`text-[#0071e3] hover:underline text-[10px]`,children:`Save`},void 0,!1,{fileName:z,lineNumber:397,columnNumber:25},this)]},void 0,!0,{fileName:z,lineNumber:385,columnNumber:23},this):(0,j.jsxDEV)(`div`,{className:`flex items-center justify-between`,children:[(0,j.jsxDEV)(`span`,{className:`text-[11px] font-medium text-[#1d1d1f] truncate flex-1`,title:e.name,children:e.name},void 0,!1,{fileName:z,lineNumber:407,columnNumber:25},this),!e.isPreset&&(0,j.jsxDEV)(`div`,{className:`flex items-center gap-0.5 opacity-0 group-hover:opacity-100 transition-opacity`,children:[(0,j.jsxDEV)(`button`,{type:`button`,onClick:t=>{t.stopPropagation(),f(e.id),m(e.name)},className:`p-0.5 text-[#86868b] hover:text-[#1d1d1f] rounded`,children:(0,j.jsxDEV)(Ve,{className:`w-2.5 h-2.5`},void 0,!1,{fileName:z,lineNumber:422,columnNumber:31},this)},void 0,!1,{fileName:z,lineNumber:413,columnNumber:29},this),(0,j.jsxDEV)(`button`,{type:`button`,onClick:t=>S(t,e.id),className:`p-0.5 text-[#86868b] hover:text-[#ff3b30] rounded`,children:(0,j.jsxDEV)(x,{className:`w-2.5 h-2.5`},void 0,!1,{fileName:z,lineNumber:429,columnNumber:31},this)},void 0,!1,{fileName:z,lineNumber:424,columnNumber:29},this)]},void 0,!0,{fileName:z,lineNumber:412,columnNumber:27},this)]},void 0,!0,{fileName:z,lineNumber:406,columnNumber:23},this),(0,j.jsxDEV)(`div`,{className:`flex items-center justify-between text-[9.5px] text-[#86868b]`,children:[(0,j.jsxDEV)(`span`,{className:`capitalize`,children:e.type},void 0,!1,{fileName:z,lineNumber:437,columnNumber:23},this),e.size&&(0,j.jsxDEV)(`span`,{children:[(e.size/1024).toFixed(0),` KB`]},void 0,!0,{fileName:z,lineNumber:439,columnNumber:25},this)]},void 0,!0,{fileName:z,lineNumber:436,columnNumber:21},this)]},void 0,!0,{fileName:z,lineNumber:383,columnNumber:19},this)]},e.id,!0,{fileName:z,lineNumber:347,columnNumber:17},this)})},void 0,!1,{fileName:z,lineNumber:341,columnNumber:11},this)},void 0,!1,{fileName:z,lineNumber:318,columnNumber:7},this)]},void 0,!0,{fileName:z,lineNumber:241,columnNumber:5},this)}var Lo=`C:/Users/Shadow/Desktop/cyrus/src/editor/sidebar/HistoryPanel.tsx`;function Ro(){let{activeProject:e,past:t,restoreSnapshot:n,setProject:r}=M(),{session:i}=zi(),{addToast:a}=Vr(),[o,s]=(0,k.useState)([]),[c,l]=(0,k.useState)(`versions`),[u,d]=(0,k.useState)(``),[f,p]=(0,k.useState)(!1),m=async()=>{if(!e)return;let t=await Ii.getVersions(e.id);s(t)};(0,k.useEffect)(()=>{m()},[e]);let h=async()=>{if(!(!e||!u.trim())){p(!0);try{await Ii.createVersion(e.id,u.trim(),e,i.user),d(``),await m(),a(`Created version snapshot`,`success`)}catch{a(`Failed to create version`,`error`)}finally{p(!1)}}},g=async t=>{if(e)try{let n=await Ii.restoreVersion(e.id,t);r(n),await m(),a(`Restored project version`,`success`)}catch{a(`Failed to restore version`,`error`)}},_=e=>{n(e),a(`Restored to "${e.description}"`,`success`)};return(0,j.jsxDEV)(`div`,{className:`flex flex-col h-full select-none text-[12px]`,children:[(0,j.jsxDEV)(`div`,{className:`p-3.5 border-b border-[#f4f4f6] flex flex-col gap-2.5`,children:[(0,j.jsxDEV)(`div`,{className:`flex items-center justify-between`,children:[(0,j.jsxDEV)(`div`,{className:`flex items-center gap-1.5`,children:[(0,j.jsxDEV)(rn,{className:`w-4 h-4 text-[#0071e3]`},void 0,!1,{fileName:Lo,lineNumber:73,columnNumber:13},this),(0,j.jsxDEV)(`span`,{className:`text-[13px] font-semibold text-[#1d1d1f]`,children:`Version History`},void 0,!1,{fileName:Lo,lineNumber:74,columnNumber:13},this)]},void 0,!0,{fileName:Lo,lineNumber:72,columnNumber:11},this),(0,j.jsxDEV)(`span`,{className:`text-[10px] text-[#86868b]`,children:[o.length,` versions`]},void 0,!0,{fileName:Lo,lineNumber:76,columnNumber:11},this)]},void 0,!0,{fileName:Lo,lineNumber:71,columnNumber:9},this),(0,j.jsxDEV)(`div`,{className:`flex items-center bg-[#f4f4f6] p-0.5 rounded-[8px]`,children:[(0,j.jsxDEV)(`button`,{type:`button`,onClick:()=>l(`versions`),className:`flex-1 py-1 rounded-[6px] text-[11px] font-medium transition-apple cursor-pointer ${c===`versions`?`bg-white text-[#1d1d1f] shadow-2xs`:`text-[#86868b] hover:text-[#1d1d1f]`}`,children:[`Named Versions (`,o.length,`)`]},void 0,!0,{fileName:Lo,lineNumber:81,columnNumber:11},this),(0,j.jsxDEV)(`button`,{type:`button`,onClick:()=>l(`session`),className:`flex-1 py-1 rounded-[6px] text-[11px] font-medium transition-apple cursor-pointer ${c===`session`?`bg-white text-[#1d1d1f] shadow-2xs`:`text-[#86868b] hover:text-[#1d1d1f]`}`,children:[`Session Undo (`,t.length,`)`]},void 0,!0,{fileName:Lo,lineNumber:90,columnNumber:11},this)]},void 0,!0,{fileName:Lo,lineNumber:80,columnNumber:9},this)]},void 0,!0,{fileName:Lo,lineNumber:70,columnNumber:7},this),(0,j.jsxDEV)(`div`,{className:`flex-1 overflow-y-auto p-3 flex flex-col gap-2.5`,children:c===`versions`?(0,j.jsxDEV)(j.Fragment,{children:[(0,j.jsxDEV)(`div`,{className:`flex flex-col gap-1.5 p-2.5 bg-[#fafafc] rounded-[10px] border border-[#e5e5ea]`,children:[(0,j.jsxDEV)(`input`,{type:`text`,value:u,onChange:e=>d(e.target.value),placeholder:`Name snapshot (e.g. 'Hero redesign')...`,className:`w-full h-7 px-2 bg-white rounded-[6px] border border-[#e5e5ea] text-[11.5px] text-[#1d1d1f] focus:outline-none focus:border-[#0071e3]`},void 0,!1,{fileName:Lo,lineNumber:108,columnNumber:15},this),(0,j.jsxDEV)(Ui,{variant:`primary`,size:`xs`,disabled:!u.trim(),isLoading:f,onClick:h,icon:(0,j.jsxDEV)(nt,{className:`w-3 h-3`},void 0,!1,{fileName:Lo,lineNumber:121,columnNumber:23},this),className:`w-full justify-center`,children:`Save Version Snapshot`},void 0,!1,{fileName:Lo,lineNumber:115,columnNumber:15},this)]},void 0,!0,{fileName:Lo,lineNumber:107,columnNumber:13},this),o.length===0?(0,j.jsxDEV)(`div`,{className:`py-12 text-center text-[#86868b] text-[11.5px]`,children:`No named versions saved yet.`},void 0,!1,{fileName:Lo,lineNumber:130,columnNumber:15},this):o.map(e=>(0,j.jsxDEV)(`div`,{className:`flex items-center justify-between p-2.5 rounded-[10px] border border-[#e5e5ea] bg-white hover:border-[#0071e3] transition-apple shadow-2xs`,children:[(0,j.jsxDEV)(`div`,{className:`min-w-0 pr-2`,children:[(0,j.jsxDEV)(`div`,{className:`text-[12px] font-semibold text-[#1d1d1f] truncate`,children:e.description},void 0,!1,{fileName:Lo,lineNumber:140,columnNumber:21},this),(0,j.jsxDEV)(`div`,{className:`text-[10px] text-[#86868b] flex items-center gap-1 mt-0.5`,children:[(0,j.jsxDEV)(y,{className:`w-2.5 h-2.5`},void 0,!1,{fileName:Lo,lineNumber:144,columnNumber:23},this),(0,j.jsxDEV)(`span`,{children:new Date(e.createdAt).toLocaleTimeString([],{hour:`2-digit`,minute:`2-digit`})},void 0,!1,{fileName:Lo,lineNumber:145,columnNumber:23},this),(0,j.jsxDEV)(`span`,{children:`•`},void 0,!1,{fileName:Lo,lineNumber:146,columnNumber:23},this),(0,j.jsxDEV)(`span`,{children:e.author.name},void 0,!1,{fileName:Lo,lineNumber:147,columnNumber:23},this)]},void 0,!0,{fileName:Lo,lineNumber:143,columnNumber:21},this)]},void 0,!0,{fileName:Lo,lineNumber:139,columnNumber:19},this),(0,j.jsxDEV)(Ui,{variant:`secondary`,size:`xs`,onClick:()=>g(e.id),icon:(0,j.jsxDEV)(cn,{className:`w-3 h-3`},void 0,!1,{fileName:Lo,lineNumber:154,columnNumber:27},this),children:`Restore`},void 0,!1,{fileName:Lo,lineNumber:150,columnNumber:19},this)]},e.id,!0,{fileName:Lo,lineNumber:135,columnNumber:17},this))]},void 0,!0,{fileName:Lo,lineNumber:105,columnNumber:11},this):t.length===0?(0,j.jsxDEV)(`div`,{className:`py-12 text-center text-[#86868b] text-[11.5px]`,children:`No modifications recorded in this session yet.`},void 0,!1,{fileName:Lo,lineNumber:165,columnNumber:13},this):t.map(e=>(0,j.jsxDEV)(`div`,{className:`flex items-center justify-between p-2.5 rounded-[10px] border border-[#e5e5ea] bg-white hover:border-[#0071e3] transition-apple shadow-2xs`,children:[(0,j.jsxDEV)(`div`,{className:`min-w-0 pr-2`,children:[(0,j.jsxDEV)(`div`,{className:`text-[12px] font-semibold text-[#1d1d1f] truncate`,children:e.description},void 0,!1,{fileName:Lo,lineNumber:175,columnNumber:19},this),(0,j.jsxDEV)(`div`,{className:`text-[10px] text-[#86868b]`,children:new Date(e.timestamp).toLocaleTimeString([],{hour:`2-digit`,minute:`2-digit`,second:`2-digit`})},void 0,!1,{fileName:Lo,lineNumber:178,columnNumber:19},this)]},void 0,!0,{fileName:Lo,lineNumber:174,columnNumber:17},this),(0,j.jsxDEV)(Ui,{variant:`secondary`,size:`xs`,onClick:()=>_(e),icon:(0,j.jsxDEV)(cn,{className:`w-3 h-3`},void 0,!1,{fileName:Lo,lineNumber:186,columnNumber:25},this),children:`Revert`},void 0,!1,{fileName:Lo,lineNumber:182,columnNumber:17},this)]},e.id,!0,{fileName:Lo,lineNumber:170,columnNumber:15},this))},void 0,!1,{fileName:Lo,lineNumber:103,columnNumber:7},this)]},void 0,!0,{fileName:Lo,lineNumber:68,columnNumber:5},this)}var zo=`C:/Users/Shadow/Desktop/cyrus/src/editor/sidebar/TextPanel.tsx`;function Bo(){let{addElement:e}=M(),{addToast:t}=Vr(),[n,r]=(0,k.useState)(``),[i,a]=(0,k.useState)(`all`),o=()=>{e({type:`heading`,name:`Heading`,width:600,height:70,styles:{fontSize:44,fontWeight:`800`,textColor:`#1d1d1f`,fontFamily:`Inter, sans-serif`},content:{text:`Add a heading`}}),t(`Added Heading to canvas`,`success`)},s=()=>{e({type:`heading`,name:`Subheading`,width:480,height:48,styles:{fontSize:24,fontWeight:`600`,textColor:`#424245`,fontFamily:`Inter, sans-serif`},content:{text:`Add a subheading`}}),t(`Added Subheading to canvas`,`success`)},c=()=>{e({type:`paragraph`,name:`Body Text`,width:440,height:60,styles:{fontSize:15,fontWeight:`400`,textColor:`#6e6e73`,fontFamily:`Inter, sans-serif`},content:{text:`Add a little bit of body text. Clear, legible, and perfectly aligned.`}}),t(`Added Body Text to canvas`,`success`)},l=[{id:`saas_hero`,category:`headings`,title:`AI Platform Hero`,preview:`Next-Gen Intelligence`,subtitle:`Build autonomous workflows in seconds.`,tag:`Tech / SaaS`,action:()=>{e({type:`heading`,name:`Hero Title`,width:640,height:80,styles:{fontSize:48,fontWeight:`800`,textColor:`#7d2ae8`,fontFamily:`Inter, sans-serif`,letterSpacing:`-1px`},content:{text:`Next-Gen Intelligence`}})}},{id:`cursive_hand`,category:`creative`,title:`Cursive Signature`,preview:`Handcrafted with Love`,subtitle:`Satisfy Script Font`,tag:`Creative Script`,action:()=>{e({type:`heading`,name:`Signature Text`,width:480,height:64,styles:{fontSize:38,fontWeight:`400`,textColor:`#0071e3`,fontFamily:`Satisfy, cursive`},content:{text:`Handcrafted with Love`}})}},{id:`cyber_mono`,category:`monospace`,title:`Monospace Code Badge`,preview:`SYSTEM_LOG // v2.4.0`,subtitle:`JetBrains Code Style`,tag:`Developer`,action:()=>{e({type:`paragraph`,name:`Monospace Badge`,width:320,height:36,styles:{fontSize:13,fontWeight:`600`,textColor:`#34c759`,backgroundColor:`#1c1c1e`,borderRadius:8,paddingLeft:14,paddingTop:8,fontFamily:`monospace`},content:{text:`SYSTEM_LOG // v2.4.0`}})}},{id:`pill_badge`,category:`badges`,title:`Status Pill Badge`,preview:`✦ NEW FEATURE 2026`,subtitle:`Rounded Accent Pill`,tag:`Badge`,action:()=>{e({type:`paragraph`,name:`Pill Label`,width:220,height:32,styles:{fontSize:11,fontWeight:`700`,textColor:`#7d2ae8`,backgroundColor:`#f0e6ff`,borderRadius:999,paddingLeft:16,paddingTop:7,letterSpacing:`1px`},content:{text:`✦ NEW FEATURE 2026`}})}},{id:`quote_block`,category:`creative`,title:`Editorial Quote Block`,preview:`“Simplicity is the ultimate sophistication.”`,subtitle:`— Leonardo da Vinci`,tag:`Serif Quote`,action:()=>{e({type:`paragraph`,name:`Quote Text`,width:520,height:80,styles:{fontSize:20,fontWeight:`500`,textColor:`#1d1d1f`,fontFamily:`Georgia, serif`,fontStyle:`italic`},content:{text:`“Simplicity is the ultimate sophistication.”`}})}},{id:`stat_counter`,category:`headings`,title:`Big KPI Metric`,preview:`99.9% Uptime`,subtitle:`High Impact Number`,tag:`Metric`,action:()=>{e({type:`heading`,name:`KPI Metric`,width:360,height:70,styles:{fontSize:52,fontWeight:`800`,textColor:`#1d1d1f`,letterSpacing:`-2px`},content:{text:`99.9% Uptime`}})}}],u=[{id:`all`,label:`All Styles`},{id:`headings`,label:`Headings`},{id:`creative`,label:`Creative`},{id:`monospace`,label:`Monospace`},{id:`badges`,label:`Badges`}],d=(0,k.useMemo)(()=>{let e=l;if(i!==`all`&&(e=e.filter(e=>e.category===i)),n.trim()){let t=n.toLowerCase();e=e.filter(e=>e.title.toLowerCase().includes(t)||e.preview.toLowerCase().includes(t))}return e},[i,n]);return(0,j.jsxDEV)(`div`,{className:`flex flex-col h-full bg-white dark:bg-[#1c1c1e] text-[12px] select-none`,children:[(0,j.jsxDEV)(`div`,{className:`p-3 border-b border-[#f4f4f6] dark:border-[#2c2c2e] space-y-2`,children:(0,j.jsxDEV)(`div`,{className:`relative flex items-center`,children:[(0,j.jsxDEV)(Vt,{className:`w-3.5 h-3.5 text-[#86868b] dark:text-[#636366] absolute left-3 pointer-events-none`},void 0,!1,{fileName:zo,lineNumber:199,columnNumber:11},this),(0,j.jsxDEV)(`input`,{type:`text`,value:n,onChange:e=>r(e.target.value),placeholder:`Search fonts & typography...`,className:`w-full h-8 pl-8 pr-3 bg-[#f4f4f6] dark:bg-[#2c2c2e] text-[12px] text-[#1d1d1f] dark:text-[#f5f5f7] placeholder:text-[#86868b] dark:placeholder:text-[#636366] rounded-xl border border-transparent focus:border-[#7d2ae8] outline-none transition-all`},void 0,!1,{fileName:zo,lineNumber:200,columnNumber:11},this)]},void 0,!0,{fileName:zo,lineNumber:198,columnNumber:9},this)},void 0,!1,{fileName:zo,lineNumber:197,columnNumber:7},this),(0,j.jsxDEV)(`div`,{className:`flex-1 overflow-y-auto p-3 space-y-4`,children:[(0,j.jsxDEV)(`div`,{className:`space-y-2`,children:[(0,j.jsxDEV)(`div`,{className:`text-[11px] font-bold text-[#86868b] dark:text-[#636366] uppercase tracking-wider px-1`,children:`Default Text Styles`},void 0,!1,{fileName:zo,lineNumber:213,columnNumber:11},this),(0,j.jsxDEV)(`button`,{type:`button`,onClick:o,className:`w-full p-3.5 rounded-2xl bg-gradient-to-r from-[#7d2ae8] to-[#9d52ff] hover:opacity-95 text-white flex items-center justify-between shadow-apple-sm transition-all active:scale-[0.98] cursor-pointer group`,children:[(0,j.jsxDEV)(`div`,{className:`flex items-center gap-3`,children:[(0,j.jsxDEV)(`div`,{className:`w-8 h-8 rounded-xl bg-white/20 flex items-center justify-center`,children:(0,j.jsxDEV)(je,{className:`w-4 h-4 text-white`},void 0,!1,{fileName:zo,lineNumber:225,columnNumber:17},this)},void 0,!1,{fileName:zo,lineNumber:224,columnNumber:15},this),(0,j.jsxDEV)(`span`,{className:`text-[18px] font-extrabold tracking-tight`,children:`Add a heading`},void 0,!1,{fileName:zo,lineNumber:227,columnNumber:15},this)]},void 0,!0,{fileName:zo,lineNumber:223,columnNumber:13},this),(0,j.jsxDEV)(nt,{className:`w-4 h-4 opacity-80 group-hover:scale-110 transition-transform`},void 0,!1,{fileName:zo,lineNumber:229,columnNumber:13},this)]},void 0,!0,{fileName:zo,lineNumber:218,columnNumber:11},this),(0,j.jsxDEV)(`button`,{type:`button`,onClick:s,className:`w-full p-3 rounded-xl bg-[#f4f4f6] dark:bg-[#2c2c2e] hover:bg-[#ebebee] dark:hover:bg-[#3a3a3c] text-[#1d1d1f] dark:text-[#f5f5f7] flex items-center justify-between border border-[#e5e5ea] dark:border-[#38383a] transition-all active:scale-[0.98] cursor-pointer group`,children:[(0,j.jsxDEV)(`div`,{className:`flex items-center gap-2.5`,children:[(0,j.jsxDEV)(De,{className:`w-4 h-4 text-[#7d2ae8] dark:text-[#9d52ff]`},void 0,!1,{fileName:zo,lineNumber:239,columnNumber:15},this),(0,j.jsxDEV)(`span`,{className:`text-[14px] font-bold`,children:`Add a subheading`},void 0,!1,{fileName:zo,lineNumber:240,columnNumber:15},this)]},void 0,!0,{fileName:zo,lineNumber:238,columnNumber:13},this),(0,j.jsxDEV)(nt,{className:`w-4 h-4 text-[#86868b]`},void 0,!1,{fileName:zo,lineNumber:242,columnNumber:13},this)]},void 0,!0,{fileName:zo,lineNumber:233,columnNumber:11},this),(0,j.jsxDEV)(`button`,{type:`button`,onClick:c,className:`w-full p-2.5 rounded-xl bg-[#f4f4f6] dark:bg-[#2c2c2e] hover:bg-[#ebebee] dark:hover:bg-[#3a3a3c] text-[#1d1d1f] dark:text-[#f5f5f7] flex items-center justify-between border border-[#e5e5ea] dark:border-[#38383a] transition-all active:scale-[0.98] cursor-pointer group`,children:[(0,j.jsxDEV)(`div`,{className:`flex items-center gap-2.5`,children:[(0,j.jsxDEV)(Ae,{className:`w-3.5 h-3.5 text-[#6e6e73]`},void 0,!1,{fileName:zo,lineNumber:252,columnNumber:15},this),(0,j.jsxDEV)(`span`,{className:`text-[12.5px] font-normal`,children:`Add a little bit of body text`},void 0,!1,{fileName:zo,lineNumber:253,columnNumber:15},this)]},void 0,!0,{fileName:zo,lineNumber:251,columnNumber:13},this),(0,j.jsxDEV)(nt,{className:`w-3.5 h-3.5 text-[#86868b]`},void 0,!1,{fileName:zo,lineNumber:255,columnNumber:13},this)]},void 0,!0,{fileName:zo,lineNumber:246,columnNumber:11},this)]},void 0,!0,{fileName:zo,lineNumber:212,columnNumber:9},this),(0,j.jsxDEV)(`div`,{className:`pt-2 border-t border-[#f4f4f6] dark:border-[#2c2c2e]`,children:[(0,j.jsxDEV)(`div`,{className:`flex items-center gap-1.5 overflow-x-auto no-scrollbar pb-2 mb-2`,children:u.map(e=>(0,j.jsxDEV)(`button`,{onClick:()=>a(e.id),className:D(`px-2.5 py-1 rounded-full text-[11px] font-medium whitespace-nowrap transition-colors cursor-pointer`,i===e.id?`bg-[#7d2ae8] text-white font-semibold`:`bg-[#f4f4f6] dark:bg-[#2c2c2e] text-[#6e6e73] dark:text-[#8e8e93] hover:text-[#1d1d1f] dark:hover:text-[#f5f5f7]`),children:e.label},e.id,!1,{fileName:zo,lineNumber:263,columnNumber:15},this))},void 0,!1,{fileName:zo,lineNumber:261,columnNumber:11},this),(0,j.jsxDEV)(`div`,{className:`space-y-2`,children:[d.map(e=>(0,j.jsxDEV)(`button`,{type:`button`,onClick:e.action,className:`w-full p-3 rounded-xl border border-[#e5e5ea] dark:border-[#38383a] bg-white dark:bg-[#1c1c1e] hover:border-[#7d2ae8]/50 hover:shadow-apple-sm transition-all flex flex-col items-center justify-center gap-1.5 text-center cursor-pointer group`,children:[(0,j.jsxDEV)(`span`,{className:`block font-medium text-[#1d1d1f] dark:text-[#f5f5f7] truncate w-full`,style:{fontSize:e.id===`saas_hero`?`22px`:e.id===`stat_counter`?`26px`:`18px`,fontFamily:e.id===`cursive_hand`?`Satisfy, cursive`:e.id===`cyber_mono`?`monospace`:e.id===`quote_block`?`Georgia, serif`:`Inter, sans-serif`,fontWeight:e.id.includes(`hero`)||e.id.includes(`stat`)?`800`:`400`,fontStyle:e.id===`quote_block`?`italic`:`normal`},children:e.preview},void 0,!1,{fileName:zo,lineNumber:286,columnNumber:17},this),(0,j.jsxDEV)(`div`,{className:`flex items-center gap-2`,children:[(0,j.jsxDEV)(`span`,{className:`text-[10px] text-[#86868b] dark:text-[#636366] font-medium`,children:e.subtitle},void 0,!1,{fileName:zo,lineNumber:298,columnNumber:19},this),(0,j.jsxDEV)(`span`,{className:`px-1.5 py-0.5 rounded-full bg-[#f4f4f6] dark:bg-[#2c2c2e] text-[#6e6e73] dark:text-[#8e8e93] text-[9px] font-semibold uppercase tracking-wider`,children:e.tag},void 0,!1,{fileName:zo,lineNumber:301,columnNumber:19},this)]},void 0,!0,{fileName:zo,lineNumber:297,columnNumber:17},this)]},e.id,!0,{fileName:zo,lineNumber:280,columnNumber:15},this)),d.length===0&&(0,j.jsxDEV)(`div`,{className:`py-6 text-center text-[11.5px] text-[#86868b] dark:text-[#636366]`,children:`No presets found`},void 0,!1,{fileName:zo,lineNumber:308,columnNumber:15},this)]},void 0,!0,{fileName:zo,lineNumber:278,columnNumber:11},this)]},void 0,!0,{fileName:zo,lineNumber:260,columnNumber:9},this)]},void 0,!0,{fileName:zo,lineNumber:210,columnNumber:7},this)]},void 0,!0,{fileName:zo,lineNumber:195,columnNumber:5},this)}var Vo=`C:/Users/Shadow/Desktop/cyrus/src/editor/sidebar/IconsPanel.tsx`,Ho=[{name:`ArrowRight`,category:`actions`,icon:Ln},{name:`ArrowLeft`,category:`actions`,icon:tr},{name:`ArrowUp`,category:`actions`,icon:un},{name:`ArrowDown`,category:`actions`,icon:Rt},{name:`ChevronRight`,category:`actions`,icon:pe},{name:`ChevronLeft`,category:`actions`,icon:Te},{name:`ChevronUp`,category:`actions`,icon:T},{name:`ChevronDown`,category:`actions`,icon:qe},{name:`Plus`,category:`actions`,icon:nt},{name:`Minus`,category:`actions`,icon:xt},{name:`X`,category:`actions`,icon:ln},{name:`Check`,category:`actions`,icon:Mr},{name:`Search`,category:`actions`,icon:Vt},{name:`Edit`,category:`actions`,icon:re},{name:`Trash2`,category:`actions`,icon:x},{name:`Copy`,category:`actions`,icon:sn},{name:`Download`,category:`actions`,icon:Tn},{name:`Upload`,category:`actions`,icon:mr},{name:`Share2`,category:`actions`,icon:pn},{name:`Send`,category:`actions`,icon:ir},{name:`RefreshCw`,category:`actions`,icon:kr},{name:`RotateCcw`,category:`actions`,icon:cn},{name:`Filter`,category:`actions`,icon:ct},{name:`Sliders`,category:`actions`,icon:He},{name:`ZoomIn`,category:`actions`,icon:jn},{name:`ZoomOut`,category:`actions`,icon:ar},{name:`ExternalLink`,category:`actions`,icon:zn},{name:`Move`,category:`actions`,icon:oe},{name:`Home`,category:`interface`,icon:S},{name:`Menu`,category:`interface`,icon:Nn},{name:`Grid`,category:`interface`,icon:fe},{name:`List`,category:`interface`,icon:Wt},{name:`Layers`,category:`interface`,icon:hr},{name:`Settings`,category:`interface`,icon:Mt},{name:`User`,category:`interface`,icon:an},{name:`Users`,category:`interface`,icon:Dn},{name:`UserPlus`,category:`interface`,icon:en},{name:`UserCheck`,category:`interface`,icon:Tt},{name:`Bell`,category:`interface`,icon:or},{name:`Mail`,category:`interface`,icon:At},{name:`MessageSquare`,category:`interface`,icon:i},{name:`MessageCircle`,category:`interface`,icon:sr},{name:`Bookmark`,category:`interface`,icon:We},{name:`Tag`,category:`interface`,icon:Ke},{name:`Folder`,category:`interface`,icon:it},{name:`FileText`,category:`interface`,icon:gt},{name:`Layout`,category:`interface`,icon:Je},{name:`Sidebar`,category:`interface`,icon:f},{name:`PanelTop`,category:`interface`,icon:Nr},{name:`SlidersHorizontal`,category:`interface`,icon:t},{name:`Eye`,category:`interface`,icon:fn},{name:`EyeOff`,category:`interface`,icon:jt},{name:`Lock`,category:`interface`,icon:zt},{name:`Unlock`,category:`interface`,icon:wn},{name:`Key`,category:`interface`,icon:Cr},{name:`Power`,category:`interface`,icon:xr},{name:`LogOut`,category:`interface`,icon:nr},{name:`LogIn`,category:`interface`,icon:Rn},{name:`ShoppingBag`,category:`commerce`,icon:cr},{name:`ShoppingCart`,category:`commerce`,icon:Yt},{name:`CreditCard`,category:`commerce`,icon:Un},{name:`DollarSign`,category:`commerce`,icon:fr},{name:`Wallet`,category:`commerce`,icon:lr},{name:`Gift`,category:`commerce`,icon:jr},{name:`Percent`,category:`commerce`,icon:ke},{name:`Award`,category:`commerce`,icon:Xn},{name:`TrendingUp`,category:`commerce`,icon:vr},{name:`TrendingDown`,category:`commerce`,icon:$e},{name:`Coins`,category:`commerce`,icon:Or},{name:`Receipt`,category:`commerce`,icon:Tr},{name:`Package`,category:`commerce`,icon:ue},{name:`Truck`,category:`commerce`,icon:Ye},{name:`Scale`,category:`commerce`,icon:Kt},{name:`QrCode`,category:`commerce`,icon:g},{name:`BarChart2`,category:`analytics`,icon:le},{name:`PieChart`,category:`analytics`,icon:lt},{name:`Activity`,category:`analytics`,icon:ur},{name:`CheckSquare`,category:`productivity`,icon:Gn},{name:`ListTodo`,category:`productivity`,icon:Zt},{name:`FolderPlus`,category:`productivity`,icon:ft},{name:`FolderArchive`,category:`productivity`,icon:be},{name:`FileSpreadsheet`,category:`productivity`,icon:St},{name:`FileCheck`,category:`productivity`,icon:Pn},{name:`Clipboard`,category:`productivity`,icon:Ie},{name:`ClipboardList`,category:`productivity`,icon:bn},{name:`Pin`,category:`productivity`,icon:Le},{name:`History`,category:`productivity`,icon:rn},{name:`Hourglass`,category:`productivity`,icon:v},{name:`Timer`,category:`productivity`,icon:Pe},{name:`AlarmClock`,category:`productivity`,icon:Cn},{name:`Smartphone`,category:`tech`,icon:ht},{name:`Tablet`,category:`tech`,icon:Ar},{name:`Monitor`,category:`tech`,icon:ve},{name:`Laptop`,category:`tech`,icon:Dr},{name:`Cpu`,category:`tech`,icon:kn},{name:`Database`,category:`tech`,icon:Gt},{name:`Server`,category:`tech`,icon:Bn},{name:`HardDrive`,category:`tech`,icon:ze},{name:`Wifi`,category:`tech`,icon:er},{name:`WifiOff`,category:`tech`,icon:Lt},{name:`Bluetooth`,category:`tech`,icon:r},{name:`Battery`,category:`tech`,icon:Mn},{name:`Terminal`,category:`tech`,icon:Ce},{name:`Code2`,category:`tech`,icon:Ft},{name:`Globe`,category:`tech`,icon:we},{name:`Fingerprint`,category:`tech`,icon:ge},{name:`KeyRound`,category:`tech`,icon:Xe},{name:`Scan`,category:`tech`,icon:pr},{name:`Camera`,category:`media`,icon:pt},{name:`Video`,category:`media`,icon:Vn},{name:`Mic`,category:`media`,icon:wt},{name:`MicOff`,category:`media`,icon:Ge},{name:`Volume2`,category:`media`,icon:Xt},{name:`VolumeX`,category:`media`,icon:Ht},{name:`Play`,category:`media`,icon:w},{name:`Pause`,category:`media`,icon:E},{name:`Music`,category:`media`,icon:mt},{name:`Film`,category:`media`,icon:bt},{name:`Image`,category:`media`,icon:yr},{name:`Tv`,category:`media`,icon:Sr},{name:`Radio`,category:`media`,icon:Qe},{name:`Headphones`,category:`media`,icon:hn},{name:`Wand2`,category:`media`,icon:Sn},{name:`Palette`,category:`media`,icon:ut},{name:`Brush`,category:`media`,icon:_e},{name:`Crop`,category:`media`,icon:Qt},{name:`Scissors`,category:`media`,icon:En},{name:`FileAudio`,category:`media`,icon:n},{name:`FileVideo`,category:`media`,icon:Ue},{name:`ImagePlus`,category:`media`,icon:et},{name:`Sun`,category:`status`,icon:l},{name:`Moon`,category:`status`,icon:Jn},{name:`Cloud`,category:`status`,icon:wr},{name:`CloudRain`,category:`status`,icon:br},{name:`CloudSun`,category:`status`,icon:h},{name:`CloudMoon`,category:`status`,icon:tt},{name:`CloudLightning`,category:`status`,icon:C},{name:`Snowflake`,category:`status`,icon:yt},{name:`Wind`,category:`status`,icon:In},{name:`Droplet`,category:`status`,icon:Bt},{name:`Thermometer`,category:`status`,icon:mn},{name:`Leaf`,category:`status`,icon:tn},{name:`SunMedium`,category:`status`,icon:st},{name:`Sparkles`,category:`status`,icon:he},{name:`Zap`,category:`status`,icon:Yn},{name:`Flame`,category:`status`,icon:Kn},{name:`Shield`,category:`status`,icon:Fn},{name:`ShieldCheck`,category:`status`,icon:$n},{name:`CheckCircle2`,category:`status`,icon:Me},{name:`AlertCircle`,category:`status`,icon:Be},{name:`AlertTriangle`,category:`status`,icon:p},{name:`Info`,category:`status`,icon:m},{name:`HelpCircle`,category:`status`,icon:gn},{name:`Heart`,category:`status`,icon:yn},{name:`Star`,category:`status`,icon:rt},{name:`ThumbsUp`,category:`status`,icon:vn},{name:`ThumbsDown`,category:`status`,icon:a},{name:`Smile`,category:`status`,icon:Qn},{name:`Link`,category:`status`,icon:Hn},{name:`Phone`,category:`status`,icon:c},{name:`Clock`,category:`status`,icon:y},{name:`HeartPulse`,category:`status`,icon:o},{name:`Stethoscope`,category:`status`,icon:se},{name:`Pill`,category:`status`,icon:xn},{name:`Plane`,category:`travel`,icon:b},{name:`Car`,category:`travel`,icon:at},{name:`Bike`,category:`travel`,icon:qt},{name:`Train`,category:`travel`,icon:_},{name:`Fuel`,category:`travel`,icon:ce},{name:`Building`,category:`travel`,icon:xe},{name:`Hotel`,category:`travel`,icon:Fe},{name:`Compass`,category:`travel`,icon:Dt},{name:`MapPin`,category:`travel`,icon:dn},{name:`Navigation`,category:`travel`,icon:ot},{name:`Route`,category:`travel`,icon:Wn}],Uo=[{id:`all`,label:`All (150+)`},{id:`actions`,label:`Actions`},{id:`interface`,label:`UI & Nav`},{id:`commerce`,label:`Commerce`},{id:`analytics`,label:`Analytics`},{id:`tech`,label:`Tech`},{id:`media`,label:`Media`},{id:`productivity`,label:`Productivity`},{id:`travel`,label:`Travel & Maps`},{id:`status`,label:`Status & Badges`}],Wo=k.memo(function(){let[e,t]=(0,k.useState)(``),[n,r]=(0,k.useState)(`all`),[i,a]=(0,k.useState)(!1),o=(0,k.useMemo)(()=>Ho.filter(t=>{let r=n===`all`||t.category===n,i=e.trim()===``||t.name.toLowerCase().includes(e.toLowerCase());return r&&i}),[e,n]),s=(0,k.useCallback)(e=>{let t=M.getState(),n=(t.activeProject?.pages.find(e=>e.id===t.activePageId))?.elements.length||0,r=t.addElement({type:`icon`,name:`${e} Icon`,x:Math.min(320,100+n%4*40),y:Math.min(320,100+n%5*40),width:48,height:48,styles:{textColor:`#1d1d1f`,backgroundColor:`transparent`},content:{iconName:e,icon:e}});r?.id&&t.selectElement(r.id),Vr.getState().addToast(`Added ${e} icon to page`,`success`)},[]);return(0,j.jsxDEV)(`div`,{className:`flex flex-col h-full select-none bg-[#f2f2f6] dark:bg-[#161618] text-[#1d1d1f] dark:text-[#f5f5f7]`,children:[(0,j.jsxDEV)(`div`,{className:`p-3 bg-white dark:bg-[#1c1c1e] border-b border-[#e5e5ea] dark:border-[#2c2c2e] flex flex-col gap-2.5 shadow-2xs`,children:[(0,j.jsxDEV)(`div`,{className:D(`relative flex items-center bg-[#f4f4f6] dark:bg-[#2c2c2e] rounded-xl border transition-all duration-150`,i?`border-[#7d2ae8] bg-white dark:bg-[#1c1c1e] ring-2 ring-[#7d2ae8]/20`:`border-[#e5e5ea] dark:border-[#38383a]`),children:[(0,j.jsxDEV)(Vt,{className:`w-4 h-4 text-[#86868b] dark:text-[#636366] absolute left-3 pointer-events-none`},void 0,!1,{fileName:Vo,lineNumber:452,columnNumber:11},this),(0,j.jsxDEV)(`input`,{type:`text`,value:e,onChange:e=>t(e.target.value),onFocus:()=>a(!0),onBlur:()=>a(!1),placeholder:`Search 150+ icons (e.g. cart, chart, heart, wifi)...`,className:`w-full h-9 pl-9 pr-8 bg-transparent text-[12.5px] text-[#1d1d1f] dark:text-[#f5f5f7] placeholder:text-[#86868b] dark:placeholder:text-[#636366] focus:outline-none`},void 0,!1,{fileName:Vo,lineNumber:453,columnNumber:11},this),e&&(0,j.jsxDEV)(`button`,{type:`button`,onClick:()=>t(``),className:`absolute right-2.5 p-0.5 text-[#86868b] hover:text-[#1d1d1f] dark:hover:text-[#f5f5f7] rounded cursor-pointer`,children:(0,j.jsxDEV)(ln,{className:`w-3.5 h-3.5`},void 0,!1,{fileName:Vo,lineNumber:468,columnNumber:15},this)},void 0,!1,{fileName:Vo,lineNumber:463,columnNumber:13},this)]},void 0,!0,{fileName:Vo,lineNumber:444,columnNumber:9},this),(0,j.jsxDEV)(`div`,{className:`flex items-center gap-1.5 overflow-x-auto no-scrollbar pb-1 -mb-1`,children:Uo.map(e=>(0,j.jsxDEV)(`button`,{type:`button`,onClick:()=>r(e.id),className:D(`px-2.5 py-1 rounded-full text-[11px] font-medium whitespace-nowrap transition-all duration-150 cursor-pointer shrink-0`,n===e.id?`bg-[#7d2ae8] text-white font-semibold shadow-apple-xs`:`bg-[#f4f4f6] dark:bg-[#2c2c2e] text-[#6e6e73] dark:text-[#8e8e93] hover:text-[#1d1d1f] dark:hover:text-[#f5f5f7] hover:bg-[#e5e5ea] dark:hover:bg-[#38383a]`),children:e.label},e.id,!1,{fileName:Vo,lineNumber:476,columnNumber:13},this))},void 0,!1,{fileName:Vo,lineNumber:474,columnNumber:9},this)]},void 0,!0,{fileName:Vo,lineNumber:443,columnNumber:7},this),(0,j.jsxDEV)(`div`,{className:`flex-1 overflow-y-auto p-3 no-scrollbar`,children:o.length===0?(0,j.jsxDEV)(`div`,{className:`flex flex-col items-center justify-center h-48 text-center p-4`,children:[(0,j.jsxDEV)(Vt,{className:`w-8 h-8 text-[#86868b] dark:text-[#636366] mb-2 stroke-[1.5]`},void 0,!1,{fileName:Vo,lineNumber:497,columnNumber:13},this),(0,j.jsxDEV)(`p`,{className:`text-[13px] font-semibold text-[#1d1d1f] dark:text-[#f5f5f7]`,children:`No icons found`},void 0,!1,{fileName:Vo,lineNumber:498,columnNumber:13},this),(0,j.jsxDEV)(`p`,{className:`text-[11.5px] text-[#86868b] dark:text-[#636366] mt-0.5`,children:`Try a different keyword`},void 0,!1,{fileName:Vo,lineNumber:499,columnNumber:13},this)]},void 0,!0,{fileName:Vo,lineNumber:496,columnNumber:11},this):(0,j.jsxDEV)(`div`,{className:`grid grid-cols-4 gap-2`,children:o.map(e=>{let t=e.icon;return(0,j.jsxDEV)(`button`,{type:`button`,onClick:()=>s(e.name),title:`Add ${e.name} icon`,className:`group relative flex flex-col items-center justify-center p-2.5 rounded-xl bg-white dark:bg-[#1c1c1e] border border-[#e5e5ea] dark:border-[#2c2c2e] hover:border-[#7d2ae8] dark:hover:border-[#9d52ff] hover:shadow-apple-sm transition-all duration-150 cursor-pointer active:scale-95 text-[#1d1d1f] dark:text-[#f5f5f7]`,children:[(0,j.jsxDEV)(`div`,{className:`w-6 h-6 flex items-center justify-center group-hover:scale-115 transition-transform duration-150 text-[#1d1d1f] dark:text-[#f5f5f7] group-hover:text-[#7d2ae8] dark:group-hover:text-[#9d52ff]`,children:(0,j.jsxDEV)(t,{className:`w-5 h-5 stroke-[1.8]`},void 0,!1,{fileName:Vo,lineNumber:514,columnNumber:21},this)},void 0,!1,{fileName:Vo,lineNumber:513,columnNumber:19},this),(0,j.jsxDEV)(`span`,{className:`text-[10px] text-[#86868b] dark:text-[#636366] group-hover:text-[#1d1d1f] dark:group-hover:text-[#f5f5f7] truncate w-full text-center mt-1.5 transition-colors`,children:e.name},void 0,!1,{fileName:Vo,lineNumber:516,columnNumber:19},this)]},e.name,!0,{fileName:Vo,lineNumber:506,columnNumber:17},this)})},void 0,!1,{fileName:Vo,lineNumber:502,columnNumber:11},this)},void 0,!1,{fileName:Vo,lineNumber:494,columnNumber:7},this)]},void 0,!0,{fileName:Vo,lineNumber:441,columnNumber:5},this)}),B=`C:/Users/Shadow/Desktop/cyrus/src/editor/sidebar/ToolsPanel.tsx`,Go=[{id:`rectangle`,name:`Rectangle`,width:240,height:140,type:`container`,defaultStyles:{backgroundColor:`#ffffff`,borderRadius:12,borderWidth:1,borderColor:`#e5e5ea`,shadow:`sm`},content:{shapeType:`rectangle`},icon:(0,j.jsxDEV)(`svg`,{className:`w-5 h-5 text-[#1d1d1f] dark:text-white`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,children:(0,j.jsxDEV)(`rect`,{x:`3`,y:`6`,width:`18`,height:`12`,rx:`2`,fill:`currentColor`,fillOpacity:`0.1`},void 0,!1,{fileName:B,lineNumber:20,columnNumber:9},void 0)},void 0,!1,{fileName:B,lineNumber:19,columnNumber:7},void 0)},{id:`square`,name:`Square`,width:140,height:140,type:`container`,defaultStyles:{backgroundColor:`#ffffff`,borderRadius:12,borderWidth:1,borderColor:`#e5e5ea`,shadow:`sm`},content:{shapeType:`square`},icon:(0,j.jsxDEV)(`svg`,{className:`w-5 h-5 text-[#1d1d1f] dark:text-white`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,children:(0,j.jsxDEV)(`rect`,{x:`4`,y:`4`,width:`16`,height:`16`,rx:`2`,fill:`currentColor`,fillOpacity:`0.1`},void 0,!1,{fileName:B,lineNumber:34,columnNumber:9},void 0)},void 0,!1,{fileName:B,lineNumber:33,columnNumber:7},void 0)},{id:`circle`,name:`Circle`,width:140,height:140,type:`container`,defaultStyles:{backgroundColor:`#ffffff`,borderRadius:9999,borderWidth:1,borderColor:`#e5e5ea`,shadow:`sm`},content:{shapeType:`circle`},icon:(0,j.jsxDEV)(`svg`,{className:`w-5 h-5 text-[#1d1d1f] dark:text-white`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,children:(0,j.jsxDEV)(`circle`,{cx:`12`,cy:`12`,r:`9`,fill:`currentColor`,fillOpacity:`0.1`},void 0,!1,{fileName:B,lineNumber:48,columnNumber:9},void 0)},void 0,!1,{fileName:B,lineNumber:47,columnNumber:7},void 0)}];function Ko(){let e=A(e=>e.toolMode),t=A(e=>e.setToolMode),n=A(e=>e.setActiveSidebarTab),{addElement:r,selectElement:i}=M(),{addToast:a}=Vr(),[o,s]=(0,k.useState)(null),[c,l]=(0,k.useState)(!1),u=(e,n,r)=>{try{t(`select`);let i=M.getState();if(!i.activeProject)return;let o=i.activeProject.pages.find(e=>e.id===i.activePageId)||i.activeProject.pages[0];if(!o)return;let s=o.elements?.length||0,c=i.addElement({type:e,name:n,x:Math.min(360,140+s%4*35),y:Math.min(360,140+s%5*35),width:r.width||240,height:r.height||160,styles:r.styles||{},content:r.content||{}});c?.id&&i.selectElement(c.id),a(`Added ${n} to page`,`success`)}catch(e){console.error(`Error inserting element:`,e)}};return(0,j.jsxDEV)(`div`,{className:`flex flex-col items-center gap-2 select-none relative`,children:[(0,j.jsxDEV)(`button`,{type:`button`,onClick:()=>{l(!1),t(`select`),n(null)},className:`w-8 h-8 rounded-full bg-white dark:bg-[#1c1c1e] border border-[#e5e5ea] dark:border-[#38383a] shadow-apple-md flex items-center justify-center text-[#1d1d1f] dark:text-white hover:bg-[#f5f5f7] dark:hover:bg-[#2c2c2e] transition-all cursor-pointer`,title:`Close tools`,children:(0,j.jsxDEV)(ln,{className:`w-4 h-4 text-[#1d1d1f] dark:text-white stroke-[2.5]`},void 0,!1,{fileName:B,lineNumber:104,columnNumber:9},this)},void 0,!1,{fileName:B,lineNumber:94,columnNumber:7},this),(0,j.jsxDEV)(`div`,{className:`w-[50px] bg-white dark:bg-[#1c1c1e] border border-[#e5e5ea] dark:border-[#38383a] shadow-[0_12px_40px_rgba(0,0,0,0.14)] rounded-[28px] py-2 px-1 flex flex-col items-center gap-1.5 relative`,children:[(0,j.jsxDEV)(`div`,{className:`relative group flex items-center`,children:[(0,j.jsxDEV)(`button`,{type:`button`,onClick:()=>{l(!1),t(`select`),a(`Select Tool active`,`info`)},onMouseEnter:()=>s(`select`),onMouseLeave:()=>s(null),className:D(`w-10 h-10 rounded-[14px] flex items-center justify-center transition-all cursor-pointer`,e===`select`?`bg-[#f0e6ff] text-[#7d2ae8]`:`hover:bg-[#f5f5f7] dark:hover:bg-[#2c2c2e] text-[#5c24b8]`),"aria-label":`Select`,title:`Select`,children:(0,j.jsxDEV)(`svg`,{className:`w-5 h-5 text-[#6c28d9]`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2.2`,strokeLinecap:`round`,strokeLinejoin:`round`,children:(0,j.jsxDEV)(`path`,{d:`m3 3 7.07 16.97 2.51-7.39 7.39-2.51L3 3z`},void 0,!1,{fileName:B,lineNumber:138,columnNumber:15},this)},void 0,!1,{fileName:B,lineNumber:129,columnNumber:13},this)},void 0,!1,{fileName:B,lineNumber:111,columnNumber:11},this),o===`select`&&!c&&(0,j.jsxDEV)(`div`,{className:`absolute left-[54px] z-50 bg-[#1c1c1e] text-white text-[11px] font-semibold px-2.5 py-1 rounded-[8px] shadow-lg whitespace-nowrap pointer-events-none animate-in fade-in-50 zoom-in-95 duration-100`,children:[`Select`,(0,j.jsxDEV)(`div`,{className:`absolute -left-1 top-1/2 -translate-y-1/2 w-2 h-2 bg-[#1c1c1e] rotate-45`},void 0,!1,{fileName:B,lineNumber:144,columnNumber:15},this)]},void 0,!0,{fileName:B,lineNumber:142,columnNumber:13},this)]},void 0,!0,{fileName:B,lineNumber:110,columnNumber:9},this),(0,j.jsxDEV)(`div`,{className:`relative group flex items-center`,children:[(0,j.jsxDEV)(`button`,{type:`button`,onClick:()=>{l(!1),e===`draw`?(t(`select`),a(`Select Tool active`,`info`)):(t(`draw`),a(`Draw Tool active — Draw anywhere (Click pencil again or press Esc to exit)`,`info`))},onMouseEnter:()=>s(`draw`),onMouseLeave:()=>s(null),className:D(`w-10 h-10 rounded-[14px] flex items-center justify-center transition-all cursor-pointer`,e===`draw`?`bg-[#ffe5e5] ring-2 ring-[#ff3b30]/30`:`hover:bg-[#f5f5f7] dark:hover:bg-[#2c2c2e]`),"aria-label":e===`draw`?`Draw (Active - click to unequip)`:`Draw`,title:e===`draw`?`Draw (Active - click to unequip)`:`Draw`,children:(0,j.jsxDEV)(`svg`,{className:`w-5 h-5`,viewBox:`0 0 24 24`,fill:`none`,children:[(0,j.jsxDEV)(`path`,{d:`M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5L17 3z`,fill:`#ff3b30`},void 0,!1,{fileName:B,lineNumber:175,columnNumber:15},this),(0,j.jsxDEV)(`path`,{d:`M15 5l4 4`,stroke:`#ffffff`,strokeWidth:`1.5`,strokeLinecap:`round`},void 0,!1,{fileName:B,lineNumber:176,columnNumber:15},this),(0,j.jsxDEV)(`path`,{d:`M4 21c2-1 4-1 6-2s4 1 6 0`,stroke:`#ff3b30`,strokeWidth:`2`,strokeLinecap:`round`},void 0,!1,{fileName:B,lineNumber:177,columnNumber:15},this)]},void 0,!0,{fileName:B,lineNumber:174,columnNumber:13},this)},void 0,!1,{fileName:B,lineNumber:151,columnNumber:11},this),o===`draw`&&!c&&(0,j.jsxDEV)(`div`,{className:`absolute left-[54px] z-50 bg-[#1c1c1e] text-white text-[11px] font-semibold px-2.5 py-1 rounded-[8px] shadow-lg whitespace-nowrap pointer-events-none animate-in fade-in-50 zoom-in-95 duration-100`,children:[e===`draw`?`Draw (Click to exit)`:`Draw`,(0,j.jsxDEV)(`div`,{className:`absolute -left-1 top-1/2 -translate-y-1/2 w-2 h-2 bg-[#1c1c1e] rotate-45`},void 0,!1,{fileName:B,lineNumber:183,columnNumber:15},this)]},void 0,!0,{fileName:B,lineNumber:181,columnNumber:13},this)]},void 0,!0,{fileName:B,lineNumber:150,columnNumber:9},this),(0,j.jsxDEV)(`div`,{className:`relative group flex items-center`,children:[(0,j.jsxDEV)(`button`,{type:`button`,onClick:()=>{l(!1),e===`eraser`?(t(`select`),a(`Select Tool active`,`info`)):(t(`eraser`),a(`Eraser Tool active (Click eraser again or press Esc to exit)`,`info`))},onMouseEnter:()=>s(`eraser`),onMouseLeave:()=>s(null),className:D(`w-10 h-10 rounded-[14px] flex items-center justify-center transition-all cursor-pointer`,e===`eraser`?`bg-[#ffe8d6] ring-2 ring-[#ff9500]/30`:`hover:bg-[#f5f5f7] dark:hover:bg-[#2c2c2e]`),"aria-label":e===`eraser`?`Eraser (Active - click to unequip)`:`Eraser`,title:e===`eraser`?`Eraser (Active - click to unequip)`:`Eraser`,children:(0,j.jsxDEV)(`svg`,{className:`w-5 h-5`,viewBox:`0 0 24 24`,fill:`none`,stroke:`#ff9500`,strokeWidth:`2.2`,strokeLinecap:`round`,strokeLinejoin:`round`,children:[(0,j.jsxDEV)(`path`,{d:`m7 21-4.3-4.3c-1-1-1-2.5 0-3.4l9.6-9.6c1-1 2.5-1 3.4 0l5.6 5.6c1 1 1 2.5 0 3.4L13 21`},void 0,!1,{fileName:B,lineNumber:214,columnNumber:15},this),(0,j.jsxDEV)(`path`,{d:`M22 21H7`},void 0,!1,{fileName:B,lineNumber:215,columnNumber:15},this),(0,j.jsxDEV)(`path`,{d:`m5 11 9 9`},void 0,!1,{fileName:B,lineNumber:216,columnNumber:15},this)]},void 0,!0,{fileName:B,lineNumber:213,columnNumber:13},this)},void 0,!1,{fileName:B,lineNumber:190,columnNumber:11},this),o===`eraser`&&!c&&(0,j.jsxDEV)(`div`,{className:`absolute left-[54px] z-50 bg-[#1c1c1e] text-white text-[11px] font-semibold px-2.5 py-1 rounded-[8px] shadow-lg whitespace-nowrap pointer-events-none animate-in fade-in-50 zoom-in-95 duration-100 flex items-center`,children:[e===`eraser`?`Eraser (Click to exit)`:`Eraser`,(0,j.jsxDEV)(`div`,{className:`absolute -left-1 top-1/2 -translate-y-1/2 w-2 h-2 bg-[#1c1c1e] rotate-45`},void 0,!1,{fileName:B,lineNumber:222,columnNumber:15},this)]},void 0,!0,{fileName:B,lineNumber:220,columnNumber:13},this)]},void 0,!0,{fileName:B,lineNumber:189,columnNumber:9},this),(0,j.jsxDEV)(`div`,{className:`relative group flex items-center`,children:[(0,j.jsxDEV)(`button`,{type:`button`,onClick:()=>{l(!1),e===`pen`?(t(`select`),a(`Select Tool active`,`info`)):(t(`pen`),a(`Pen Tool active — Click to add points, drag handles. Enter to commit. Esc to cancel.`,`info`))},onMouseEnter:()=>s(`pen`),onMouseLeave:()=>s(null),className:D(`w-10 h-10 rounded-[14px] flex items-center justify-center transition-all cursor-pointer`,e===`pen`?`bg-[#f0e6ff] ring-2 ring-[#7d2ae8]/40`:`hover:bg-[#f5f5f7] dark:hover:bg-[#2c2c2e]`),"aria-label":e===`pen`?`Pen Tool (Active — click to exit)`:`Pen Tool [P]`,title:e===`pen`?`Pen Tool (Active — click to exit)`:`Pen Tool [P]`,children:(0,j.jsxDEV)(ne,{className:D(`w-5 h-5 transition-colors`,e===`pen`?`text-[#7d2ae8]`:`text-[#6c28d9]`)},void 0,!1,{fileName:B,lineNumber:252,columnNumber:13},this)},void 0,!1,{fileName:B,lineNumber:229,columnNumber:11},this),o===`pen`&&!c&&(0,j.jsxDEV)(`div`,{className:`absolute left-[54px] z-50 bg-[#1c1c1e] text-white text-[11px] font-semibold px-2.5 py-1 rounded-[8px] shadow-lg whitespace-nowrap pointer-events-none animate-in fade-in-50 zoom-in-95 duration-100 flex items-center gap-1`,children:[e===`pen`?`Pen (Click to exit)`:`Vector Pen [P]`,(0,j.jsxDEV)(`div`,{className:`absolute -left-1 top-1/2 -translate-y-1/2 w-2 h-2 bg-[#1c1c1e] rotate-45`},void 0,!1,{fileName:B,lineNumber:257,columnNumber:15},this)]},void 0,!0,{fileName:B,lineNumber:255,columnNumber:13},this)]},void 0,!0,{fileName:B,lineNumber:228,columnNumber:9},this),(0,j.jsxDEV)(`div`,{className:`relative group flex items-center`,children:[(0,j.jsxDEV)(`button`,{type:`button`,onClick:()=>l(e=>!e),onMouseEnter:()=>s(`shapes`),onMouseLeave:()=>s(null),className:D(`w-10 h-10 rounded-[14px] flex items-center justify-center transition-all cursor-pointer`,c?`bg-[#f0e6ff] ring-2 ring-[#7d2ae8]/30`:`hover:bg-[#f5f5f7] dark:hover:bg-[#2c2c2e]`),"aria-label":`Shapes`,title:`Shapes`,children:(0,j.jsxDEV)(`svg`,{className:`w-5 h-5`,viewBox:`0 0 24 24`,fill:`none`,children:[(0,j.jsxDEV)(`rect`,{x:`7`,y:`7`,width:`13`,height:`13`,rx:`3`,fill:`#1d1d1f`},void 0,!1,{fileName:B,lineNumber:280,columnNumber:15},this),(0,j.jsxDEV)(`circle`,{cx:`9`,cy:`9`,r:`6`,fill:`#6e6e73`},void 0,!1,{fileName:B,lineNumber:281,columnNumber:15},this)]},void 0,!0,{fileName:B,lineNumber:279,columnNumber:13},this)},void 0,!1,{fileName:B,lineNumber:265,columnNumber:11},this),o===`shapes`&&!c&&(0,j.jsxDEV)(`div`,{className:`absolute left-[54px] z-50 bg-[#1c1c1e] text-white text-[11px] font-semibold px-2.5 py-1 rounded-[8px] shadow-lg whitespace-nowrap pointer-events-none animate-in fade-in-50 zoom-in-95 duration-100`,children:[`Shapes`,(0,j.jsxDEV)(`div`,{className:`absolute -left-1 top-1/2 -translate-y-1/2 w-2 h-2 bg-[#1c1c1e] rotate-45`},void 0,!1,{fileName:B,lineNumber:287,columnNumber:15},this)]},void 0,!0,{fileName:B,lineNumber:285,columnNumber:13},this)]},void 0,!0,{fileName:B,lineNumber:264,columnNumber:9},this),c&&(0,j.jsxDEV)(`div`,{className:`absolute left-[58px] top-24 z-[60] w-[210px] bg-white dark:bg-[#1c1c1e] border border-[#e5e5ea] dark:border-[#38383a] shadow-[0_16px_40px_rgba(0,0,0,0.18)] rounded-2xl p-3 flex flex-col gap-2.5 animate-in fade-in-50 zoom-in-95 duration-150`,children:[(0,j.jsxDEV)(`div`,{className:`flex items-center justify-between px-0.5 border-b border-[#f4f4f6] dark:border-[#2c2c2e] pb-2`,children:[(0,j.jsxDEV)(`span`,{className:`text-[12px] font-bold text-[#1d1d1f] dark:text-white`,children:`Geometric Shapes`},void 0,!1,{fileName:B,lineNumber:296,columnNumber:15},this),(0,j.jsxDEV)(`button`,{type:`button`,onClick:()=>l(!1),className:`w-5 h-5 rounded-md flex items-center justify-center text-[#86868b] hover:text-[#1d1d1f] dark:hover:text-white hover:bg-[#f4f4f6] dark:hover:bg-[#2c2c2e] transition-colors cursor-pointer`,"aria-label":`Close shapes`,title:`Close shapes`,children:(0,j.jsxDEV)(ln,{className:`w-3.5 h-3.5`},void 0,!1,{fileName:B,lineNumber:306,columnNumber:17},this)},void 0,!1,{fileName:B,lineNumber:299,columnNumber:15},this)]},void 0,!0,{fileName:B,lineNumber:295,columnNumber:13},this),(0,j.jsxDEV)(`div`,{className:`grid grid-cols-3 gap-2`,children:Go.map(e=>(0,j.jsxDEV)(`button`,{type:`button`,onClick:()=>{u(e.type||`container`,e.name,{width:e.width,height:e.height,styles:e.defaultStyles,content:{...e.content}}),l(!1)},className:`h-12 rounded-xl bg-[#f4f4f6] dark:bg-[#2c2c2e] hover:bg-[#eaeaea] dark:hover:bg-[#38383a] hover:scale-105 transition-all flex flex-col items-center justify-center cursor-pointer shadow-2xs group gap-0.5`,"aria-label":e.name,title:e.name,children:[e.icon,(0,j.jsxDEV)(`span`,{className:`text-[9.5px] font-semibold text-[#1d1d1f] dark:text-white`,children:e.name},void 0,!1,{fileName:B,lineNumber:329,columnNumber:19},this)]},e.id,!0,{fileName:B,lineNumber:312,columnNumber:17},this))},void 0,!1,{fileName:B,lineNumber:310,columnNumber:13},this)]},void 0,!0,{fileName:B,lineNumber:294,columnNumber:11},this),(0,j.jsxDEV)(`div`,{className:`relative group flex items-center`,children:[(0,j.jsxDEV)(`button`,{type:`button`,onClick:()=>{l(!1),u(`line`,`Line`,{width:320,height:2,styles:{backgroundColor:`#0071e3`,borderRadius:1},content:{}})},onMouseEnter:()=>s(`line`),onMouseLeave:()=>s(null),className:`w-10 h-10 rounded-[14px] flex items-center justify-center hover:bg-[#f5f5f7] dark:hover:bg-[#2c2c2e] transition-all cursor-pointer`,"aria-label":`Line`,title:`Line`,children:(0,j.jsxDEV)(`svg`,{className:`w-5 h-5`,viewBox:`0 0 24 24`,fill:`none`,children:(0,j.jsxDEV)(`line`,{x1:`4`,y1:`12`,x2:`20`,y2:`12`,stroke:`#0071e3`,strokeWidth:`3`,strokeLinecap:`round`},void 0,!1,{fileName:B,lineNumber:355,columnNumber:15},this)},void 0,!1,{fileName:B,lineNumber:354,columnNumber:13},this)},void 0,!1,{fileName:B,lineNumber:337,columnNumber:11},this),o===`line`&&!c&&(0,j.jsxDEV)(`div`,{className:`absolute left-[54px] z-50 bg-[#1c1c1e] text-white text-[11px] font-semibold px-2.5 py-1 rounded-[8px] shadow-lg whitespace-nowrap pointer-events-none animate-in fade-in-50 zoom-in-95 duration-100`,children:[`Line`,(0,j.jsxDEV)(`div`,{className:`absolute -left-1 top-1/2 -translate-y-1/2 w-2 h-2 bg-[#1c1c1e] rotate-45`},void 0,!1,{fileName:B,lineNumber:361,columnNumber:15},this)]},void 0,!0,{fileName:B,lineNumber:359,columnNumber:13},this)]},void 0,!0,{fileName:B,lineNumber:336,columnNumber:9},this),(0,j.jsxDEV)(`div`,{className:`relative group flex items-center`,children:[(0,j.jsxDEV)(`button`,{type:`button`,onClick:()=>{l(!1),u(`card`,`Sticky Note`,{width:220,height:220,styles:{backgroundColor:`#fff4a3`,borderRadius:12,shadow:`md`},content:{title:`Sticky Note`}})},onMouseEnter:()=>s(`sticky`),onMouseLeave:()=>s(null),className:`w-10 h-10 rounded-[14px] flex items-center justify-center hover:bg-[#f5f5f7] dark:hover:bg-[#2c2c2e] transition-all cursor-pointer`,"aria-label":`Sticky note`,title:`Sticky note`,children:(0,j.jsxDEV)(`svg`,{className:`w-5 h-5`,viewBox:`0 0 24 24`,fill:`none`,children:[(0,j.jsxDEV)(`path`,{d:`M4 4a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v10l-6 6H6a2 2 0 0 1-2-2V4z`,fill:`#ffb700`},void 0,!1,{fileName:B,lineNumber:386,columnNumber:15},this),(0,j.jsxDEV)(`path`,{d:`M14 14h6l-6 6v-6z`,fill:`#e09e00`},void 0,!1,{fileName:B,lineNumber:387,columnNumber:15},this)]},void 0,!0,{fileName:B,lineNumber:385,columnNumber:13},this)},void 0,!1,{fileName:B,lineNumber:368,columnNumber:11},this),o===`sticky`&&!c&&(0,j.jsxDEV)(`div`,{className:`absolute left-[54px] z-50 bg-[#1c1c1e] text-white text-[11px] font-semibold px-2.5 py-1 rounded-[8px] shadow-lg whitespace-nowrap pointer-events-none animate-in fade-in-50 zoom-in-95 duration-100`,children:[`Sticky note`,(0,j.jsxDEV)(`div`,{className:`absolute -left-1 top-1/2 -translate-y-1/2 w-2 h-2 bg-[#1c1c1e] rotate-45`},void 0,!1,{fileName:B,lineNumber:393,columnNumber:15},this)]},void 0,!0,{fileName:B,lineNumber:391,columnNumber:13},this)]},void 0,!0,{fileName:B,lineNumber:367,columnNumber:9},this),(0,j.jsxDEV)(`div`,{className:`relative group flex items-center`,children:[(0,j.jsxDEV)(`button`,{type:`button`,onClick:()=>{l(!1),u(`heading`,`Headline Text`,{width:260,height:54,styles:{fontSize:26,fontWeight:`700`,textColor:`#1d1d1f`},content:{text:`Headline Text`}})},onMouseEnter:()=>s(`text`),onMouseLeave:()=>s(null),className:`w-10 h-10 rounded-[14px] flex items-center justify-center hover:bg-[#f5f5f7] dark:hover:bg-[#2c2c2e] transition-all cursor-pointer`,"aria-label":`Text`,title:`Text`,children:(0,j.jsxDEV)(`svg`,{className:`w-5 h-5`,viewBox:`0 0 24 24`,fill:`none`,children:(0,j.jsxDEV)(`path`,{d:`M4 6h16M12 6v14M8 20h8`,stroke:`#a855f7`,strokeWidth:`2.8`,strokeLinecap:`round`,strokeLinejoin:`round`},void 0,!1,{fileName:B,lineNumber:418,columnNumber:15},this)},void 0,!1,{fileName:B,lineNumber:417,columnNumber:13},this)},void 0,!1,{fileName:B,lineNumber:400,columnNumber:11},this),o===`text`&&!c&&(0,j.jsxDEV)(`div`,{className:`absolute left-[54px] z-50 bg-[#1c1c1e] text-white text-[11px] font-semibold px-2.5 py-1 rounded-[8px] shadow-lg whitespace-nowrap pointer-events-none animate-in fade-in-50 zoom-in-95 duration-100`,children:[`Text`,(0,j.jsxDEV)(`div`,{className:`absolute -left-1 top-1/2 -translate-y-1/2 w-2 h-2 bg-[#1c1c1e] rotate-45`},void 0,!1,{fileName:B,lineNumber:424,columnNumber:15},this)]},void 0,!0,{fileName:B,lineNumber:422,columnNumber:13},this)]},void 0,!0,{fileName:B,lineNumber:399,columnNumber:9},this),(0,j.jsxDEV)(`div`,{className:`relative group flex items-center`,children:[(0,j.jsxDEV)(`button`,{type:`button`,onClick:()=>{l(!1),u(`paragraph`,`Signature Line`,{width:280,height:44,styles:{fontSize:18,fontStyle:`italic`,textColor:`#1d1d1f`},content:{text:`Signed by Lead Designer`}})},onMouseEnter:()=>s(`signature`),onMouseLeave:()=>s(null),className:`w-10 h-10 rounded-[14px] flex items-center justify-center hover:bg-[#f5f5f7] dark:hover:bg-[#2c2c2e] transition-all cursor-pointer`,"aria-label":`Signature`,title:`Signature`,children:(0,j.jsxDEV)(`svg`,{className:`w-5 h-5 text-[#1d1d1f] dark:text-white`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,children:(0,j.jsxDEV)(`path`,{d:`M3 17c3-3 5-11 7-11s0 14 3 14 4-7 6-7 2 4 4 4`},void 0,!1,{fileName:B,lineNumber:449,columnNumber:15},this)},void 0,!1,{fileName:B,lineNumber:448,columnNumber:13},this)},void 0,!1,{fileName:B,lineNumber:431,columnNumber:11},this),o===`signature`&&!c&&(0,j.jsxDEV)(`div`,{className:`absolute left-[54px] z-50 bg-[#1c1c1e] text-white text-[11px] font-semibold px-2.5 py-1 rounded-[8px] shadow-lg whitespace-nowrap pointer-events-none animate-in fade-in-50 zoom-in-95 duration-100`,children:[`Signature`,(0,j.jsxDEV)(`div`,{className:`absolute -left-1 top-1/2 -translate-y-1/2 w-2 h-2 bg-[#1c1c1e] rotate-45`},void 0,!1,{fileName:B,lineNumber:455,columnNumber:15},this)]},void 0,!0,{fileName:B,lineNumber:453,columnNumber:13},this)]},void 0,!0,{fileName:B,lineNumber:430,columnNumber:9},this)]},void 0,!0,{fileName:B,lineNumber:108,columnNumber:7},this)]},void 0,!0,{fileName:B,lineNumber:92,columnNumber:5},this)}var qo=`C:/Users/Shadow/Desktop/cyrus/src/editor/sidebar/ProjectsPanel.tsx`;function Jo(e){try{let t=new Date,n=new Date(e),r=t.getTime()-n.getTime(),i=Math.floor(r/6e4),a=Math.floor(i/60),o=Math.floor(a/24);return i<1?`Just now`:i<60?`${i}m ago`:a<24?`${a}h ago`:o===1?`Yesterday`:o<7?`${o}d ago`:n.toLocaleDateString([],{month:`short`,day:`numeric`})}catch{return`Recently`}}function Yo(){let{activeProject:e,loadProjectFromStorage:t}=M(),{addToast:n}=Vr(),[r,i]=(0,k.useState)([]),[a,o]=(0,k.useState)(``),[s,c]=(0,k.useState)(`all`),[l,u]=(0,k.useState)(!0),d=async()=>{u(!0);let e=await Hr();i(e),u(!1)};(0,k.useEffect)(()=>{d()},[]);let f=(0,k.useMemo)(()=>{let e=r;if(s===`starred`&&(e=e.filter(e=>e.isFavorite)),a.trim()){let t=a.toLowerCase().trim();e=e.filter(e=>e.name.toLowerCase().includes(t)||e.type.toLowerCase().includes(t))}return e.sort((e,t)=>new Date(t.updatedAt).getTime()-new Date(e.updatedAt).getTime())},[r,a,s]),p=async(e,t)=>{e.stopPropagation();let r={...t,isFavorite:!t.isFavorite};await Zr(r),n(r.isFavorite?`Starred project`:`Unstarred project`,`info`),d()},m=async(e,t)=>{e.stopPropagation();let r={...t,id:`proj_${Date.now()}`,name:`${t.name} (Copy)`,createdAt:new Date().toISOString(),updatedAt:new Date().toISOString()};await Zr(r),n(`Duplicated "${t.name}"`,`success`),d()},h=async(e,t)=>{if(e.stopPropagation(),r.length<=1){n(`Cannot delete the only project`,`warning`);return}await Xr(t.id),n(`Deleted "${t.name}"`,`info`),d()};return(0,j.jsxDEV)(`div`,{className:`flex flex-col h-full bg-white dark:bg-[#1c1c1e] select-none text-[12px]`,children:[(0,j.jsxDEV)(`div`,{className:`p-3 border-b border-[#f4f4f6] dark:border-[#2c2c2e] space-y-2`,children:[(0,j.jsxDEV)(`div`,{className:`relative flex items-center`,children:[(0,j.jsxDEV)(Vt,{className:`w-3.5 h-3.5 text-[#86868b] dark:text-[#636366] absolute left-3 pointer-events-none`},void 0,!1,{fileName:qo,lineNumber:110,columnNumber:11},this),(0,j.jsxDEV)(`input`,{type:`text`,value:a,onChange:e=>o(e.target.value),placeholder:`Search recent projects...`,className:`w-full h-8 pl-8 pr-3 bg-[#f4f4f6] dark:bg-[#2c2c2e] text-[12px] text-[#1d1d1f] dark:text-[#f5f5f7] placeholder:text-[#86868b] dark:placeholder:text-[#636366] rounded-xl border border-transparent focus:border-[#7d2ae8] outline-none transition-all`},void 0,!1,{fileName:qo,lineNumber:111,columnNumber:11},this)]},void 0,!0,{fileName:qo,lineNumber:109,columnNumber:9},this),(0,j.jsxDEV)(`div`,{className:`flex items-center gap-1.5 pt-0.5`,children:[(0,j.jsxDEV)(`button`,{type:`button`,onClick:()=>c(`all`),className:D(`px-2.5 py-1 rounded-full text-[11px] font-medium transition-colors cursor-pointer`,s===`all`?`bg-[#7d2ae8] text-white font-semibold`:`bg-[#f4f4f6] dark:bg-[#2c2c2e] text-[#6e6e73] dark:text-[#8e8e93] hover:text-[#1d1d1f] dark:hover:text-[#f5f5f7]`),children:[`All Projects (`,r.length,`)`]},void 0,!0,{fileName:qo,lineNumber:122,columnNumber:11},this),(0,j.jsxDEV)(`button`,{type:`button`,onClick:()=>c(`starred`),className:D(`px-2.5 py-1 rounded-full text-[11px] font-medium transition-colors cursor-pointer flex items-center gap-1`,s===`starred`?`bg-amber-500 text-white font-semibold`:`bg-[#f4f4f6] dark:bg-[#2c2c2e] text-[#6e6e73] dark:text-[#8e8e93] hover:text-[#1d1d1f] dark:hover:text-[#f5f5f7]`),children:[(0,j.jsxDEV)(rt,{className:`w-3 h-3 fill-current`},void 0,!1,{fileName:qo,lineNumber:144,columnNumber:13},this),(0,j.jsxDEV)(`span`,{children:`Starred`},void 0,!1,{fileName:qo,lineNumber:145,columnNumber:13},this)]},void 0,!0,{fileName:qo,lineNumber:134,columnNumber:11},this)]},void 0,!0,{fileName:qo,lineNumber:121,columnNumber:9},this)]},void 0,!0,{fileName:qo,lineNumber:108,columnNumber:7},this),(0,j.jsxDEV)(`div`,{className:`flex-1 overflow-y-auto p-2 space-y-1.5`,children:l?(0,j.jsxDEV)(`div`,{className:`py-10 text-center text-[#86868b]`,children:`Loading projects...`},void 0,!1,{fileName:qo,lineNumber:153,columnNumber:11},this):f.length===0?(0,j.jsxDEV)(`div`,{className:`py-10 text-center text-[#86868b]`,children:`No projects found`},void 0,!1,{fileName:qo,lineNumber:155,columnNumber:11},this):f.map(i=>{let a=e?.id===i.id;return(0,j.jsxDEV)(`div`,{onClick:()=>{a||(t(i.id),n(`Switched to "${i.name}"`,`info`))},className:D(`group p-2.5 rounded-xl border transition-all cursor-pointer flex items-center justify-between gap-2.5`,a?`border-[#7d2ae8] bg-[#7d2ae8]/5 dark:bg-[#7d2ae8]/15 shadow-2xs`:`border-[#e5e5ea] dark:border-[#38383a] bg-white dark:bg-[#2c2c2e] hover:border-[#7d2ae8]/50`),children:[(0,j.jsxDEV)(`div`,{className:`flex items-center gap-2.5 min-w-0 flex-1`,children:[(0,j.jsxDEV)(`div`,{className:D(`w-8 h-8 rounded-lg flex items-center justify-center font-bold text-[12px] shrink-0`,a?`bg-[#7d2ae8] text-white`:`bg-[#f4f4f6] dark:bg-[#1c1c1e] text-[#7d2ae8] dark:text-[#9d52ff]`),children:i.name.charAt(0).toUpperCase()},void 0,!1,{fileName:qo,lineNumber:178,columnNumber:19},this),(0,j.jsxDEV)(`div`,{className:`min-w-0 flex-1`,children:[(0,j.jsxDEV)(`div`,{className:`flex items-center gap-1.5`,children:[(0,j.jsxDEV)(`h4`,{className:`text-[12.5px] font-bold text-[#1d1d1f] dark:text-[#f5f5f7] truncate`,children:i.name},void 0,!1,{fileName:qo,lineNumber:188,columnNumber:23},this),a&&(0,j.jsxDEV)(`span`,{className:`px-1.5 py-0.5 rounded bg-[#7d2ae8] text-white text-[9px] font-bold`,children:`Active`},void 0,!1,{fileName:qo,lineNumber:192,columnNumber:25},this)]},void 0,!0,{fileName:qo,lineNumber:187,columnNumber:21},this),(0,j.jsxDEV)(`div`,{className:`flex items-center gap-1 text-[10.5px] text-[#86868b] dark:text-[#636366] mt-0.5`,children:[(0,j.jsxDEV)(y,{className:`w-2.5 h-2.5`},void 0,!1,{fileName:qo,lineNumber:198,columnNumber:23},this),(0,j.jsxDEV)(`span`,{children:Jo(i.updatedAt)},void 0,!1,{fileName:qo,lineNumber:199,columnNumber:23},this),(0,j.jsxDEV)(`span`,{children:`•`},void 0,!1,{fileName:qo,lineNumber:200,columnNumber:23},this),(0,j.jsxDEV)(`span`,{children:[i.pages.length,` `,i.pages.length===1?`page`:`pages`]},void 0,!0,{fileName:qo,lineNumber:201,columnNumber:23},this)]},void 0,!0,{fileName:qo,lineNumber:197,columnNumber:21},this)]},void 0,!0,{fileName:qo,lineNumber:186,columnNumber:19},this)]},void 0,!0,{fileName:qo,lineNumber:177,columnNumber:17},this),(0,j.jsxDEV)(`div`,{className:`flex items-center gap-1 opacity-0 group-hover:opacity-100 transition-opacity`,children:[(0,j.jsxDEV)(`button`,{type:`button`,onClick:e=>p(e,i),className:D(`p-1.5 rounded-md transition-colors`,i.isFavorite?`text-amber-500 bg-amber-50`:`text-[#86868b] hover:text-[#1d1d1f] hover:bg-[#f4f4f6]`),title:i.isFavorite?`Starred`:`Star project`,children:(0,j.jsxDEV)(rt,{className:D(`w-3.5 h-3.5`,i.isFavorite&&`fill-current`)},void 0,!1,{fileName:qo,lineNumber:217,columnNumber:21},this)},void 0,!1,{fileName:qo,lineNumber:208,columnNumber:19},this),(0,j.jsxDEV)(`button`,{type:`button`,onClick:e=>m(e,i),className:`p-1.5 rounded-md text-[#86868b] hover:text-[#1d1d1f] hover:bg-[#f4f4f6] transition-colors`,title:`Duplicate project`,children:(0,j.jsxDEV)(sn,{className:`w-3.5 h-3.5`},void 0,!1,{fileName:qo,lineNumber:225,columnNumber:21},this)},void 0,!1,{fileName:qo,lineNumber:219,columnNumber:19},this),r.length>1&&(0,j.jsxDEV)(`button`,{type:`button`,onClick:e=>h(e,i),className:`p-1.5 rounded-md text-[#86868b] hover:text-rose-600 hover:bg-rose-50 transition-colors`,title:`Delete project`,children:(0,j.jsxDEV)(x,{className:`w-3.5 h-3.5`},void 0,!1,{fileName:qo,lineNumber:234,columnNumber:23},this)},void 0,!1,{fileName:qo,lineNumber:228,columnNumber:21},this)]},void 0,!0,{fileName:qo,lineNumber:207,columnNumber:17},this)]},i.id,!0,{fileName:qo,lineNumber:161,columnNumber:15},this)})},void 0,!1,{fileName:qo,lineNumber:151,columnNumber:7},this)]},void 0,!0,{fileName:qo,lineNumber:106,columnNumber:5},this)}var Xo=`C:/Users/Shadow/Desktop/cyrus/src/editor/sidebar/EditorSidebar.tsx`,Zo=[{id:`elements`,label:`Elements`,icon:(0,j.jsxDEV)(`svg`,{className:`w-[20px] h-[20px]`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,children:[(0,j.jsxDEV)(`path`,{d:`M4 14.5L9.5 5 15 14.5H4z`},void 0,!1,{fileName:Xo,lineNumber:57,columnNumber:9},void 0),(0,j.jsxDEV)(`circle`,{cx:`17.5`,cy:`8.5`,r:`3.5`},void 0,!1,{fileName:Xo,lineNumber:58,columnNumber:9},void 0),(0,j.jsxDEV)(`rect`,{x:`14`,y:`15`,width:`6`,height:`6`,rx:`1`},void 0,!1,{fileName:Xo,lineNumber:59,columnNumber:9},void 0)]},void 0,!0,{fileName:Xo,lineNumber:56,columnNumber:7},void 0)},{id:`icons`,label:`Icons`,icon:(0,j.jsxDEV)(nn,{className:`w-[20px] h-[20px]`},void 0,!1,{fileName:Xo,lineNumber:63,columnNumber:40},void 0)},{id:`text`,label:`Text`,icon:(0,j.jsxDEV)(Nt,{className:`w-[20px] h-[20px]`},void 0,!1,{fileName:Xo,lineNumber:64,columnNumber:38},void 0)},{id:`assets`,label:`Uploads`,icon:(0,j.jsxDEV)(Ze,{className:`w-[20px] h-[20px]`},void 0,!1,{fileName:Xo,lineNumber:65,columnNumber:43},void 0)},{id:`tools`,label:`Tools`,icon:(0,j.jsxDEV)(`div`,{className:`w-[26px] h-[26px] rounded-full bg-emerald-50 dark:bg-emerald-950/40 flex items-center justify-center text-emerald-600 dark:text-emerald-400`,children:(0,j.jsxDEV)(`svg`,{className:`w-4 h-4`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2.5`,strokeLinecap:`round`,strokeLinejoin:`round`,children:[(0,j.jsxDEV)(`path`,{d:`m18 2 4 4-14 14H4v-4L18 2z`},void 0,!1,{fileName:Xo,lineNumber:72,columnNumber:11},void 0),(0,j.jsxDEV)(`path`,{d:`M4 22h16`},void 0,!1,{fileName:Xo,lineNumber:73,columnNumber:11},void 0)]},void 0,!0,{fileName:Xo,lineNumber:71,columnNumber:9},void 0)},void 0,!1,{fileName:Xo,lineNumber:70,columnNumber:7},void 0)},{id:`pages`,label:`Projects`,icon:(0,j.jsxDEV)(ie,{className:`w-[20px] h-[20px]`},void 0,!1,{fileName:Xo,lineNumber:78,columnNumber:43},void 0)},{id:`templates`,label:`Templates`,icon:(0,j.jsxDEV)(Et,{className:`w-[20px] h-[20px]`},void 0,!1,{fileName:Xo,lineNumber:79,columnNumber:48},void 0)},{id:`ai`,label:`AI Magic`,icon:(0,j.jsxDEV)(la,{className:`w-[20px] h-[20px]`},void 0,!1,{fileName:Xo,lineNumber:80,columnNumber:40},void 0)}],Qo=[],$o=k.memo(function({onNavigateSettings:e}){let t=A(e=>e.activeSidebarTab),n=A(e=>e.isSidebarOpen),r=A(e=>e.toggleSidebarTab),i=A(e=>e.setActiveSidebarTab);A(e=>e.toolMode);let a=A(e=>e.setToolMode),o=()=>{switch(t){case`templates`:return`Design Templates`;case`elements`:return`Elements & Shapes`;case`icons`:return`Icons & Graphics`;case`text`:return`Text & Typography`;case`assets`:return`Uploads & Media`;case`pages`:return`Recent Projects`;case`ai`:return`AI Magic Studio`;case`history`:return`Version History`;default:return`Panel`}},s=()=>{switch(t){case`templates`:return(0,j.jsxDEV)(No,{},void 0,!1,{fileName:Xo,lineNumber:110,columnNumber:16},this);case`elements`:return(0,j.jsxDEV)(bo,{},void 0,!1,{fileName:Xo,lineNumber:112,columnNumber:16},this);case`icons`:return(0,j.jsxDEV)(Wo,{},void 0,!1,{fileName:Xo,lineNumber:114,columnNumber:16},this);case`text`:return(0,j.jsxDEV)(Bo,{},void 0,!1,{fileName:Xo,lineNumber:116,columnNumber:16},this);case`assets`:return(0,j.jsxDEV)(Io,{},void 0,!1,{fileName:Xo,lineNumber:118,columnNumber:16},this);case`pages`:return(0,j.jsxDEV)(Yo,{},void 0,!1,{fileName:Xo,lineNumber:120,columnNumber:16},this);case`ai`:return(0,j.jsxDEV)(Ra,{},void 0,!1,{fileName:Xo,lineNumber:122,columnNumber:16},this);case`layers`:return(0,j.jsxDEV)(Co,{},void 0,!1,{fileName:Xo,lineNumber:124,columnNumber:16},this);case`history`:return(0,j.jsxDEV)(Ro,{},void 0,!1,{fileName:Xo,lineNumber:126,columnNumber:16},this);default:return null}},c=n&&t!==null;return(0,j.jsxDEV)(`aside`,{className:`flex h-full z-30 select-none shrink-0 relative`,children:[(0,j.jsxDEV)(`div`,{className:`w-16 h-full bg-white dark:bg-[#1c1c1e] border-r border-[#e5e5ea] dark:border-[#38383a] flex flex-col items-center py-2 justify-between z-20 overflow-y-auto no-scrollbar`,children:[(0,j.jsxDEV)(`div`,{className:`flex flex-col items-center gap-1 w-full px-1`,children:Zo.map(e=>{let n=c&&t===e.id;return(0,j.jsxDEV)(`button`,{type:`button`,onClick:t=>{t.preventDefault(),t.stopPropagation(),e.id!==`tools`&&a(`select`),r(e.id)},className:D(`w-full py-2.5 px-1 rounded-xl flex flex-col items-center justify-center gap-1 transition-all cursor-pointer group`,n?`bg-[#7d2ae8]/10 text-[#7d2ae8] dark:text-[#9d52ff] font-semibold shadow-2xs`:`text-[#6e6e73] dark:text-[#8e8e93] hover:text-[#1d1d1f] dark:hover:text-[#f5f5f7] hover:bg-[#f4f4f6] dark:hover:bg-[#2c2c2e]`),"aria-label":e.label,children:[(0,j.jsxDEV)(`div`,{className:D(`transition-transform duration-200 group-hover:scale-115 group-hover:-translate-y-0.5`,n?`text-[#7d2ae8] dark:text-[#9d52ff]`:`text-[#6e6e73] dark:text-[#8e8e93]`),children:e.icon},void 0,!1,{fileName:Xo,lineNumber:162,columnNumber:17},this),(0,j.jsxDEV)(`span`,{className:`text-[10px] leading-none tracking-tight truncate max-w-full text-center`,children:e.label},void 0,!1,{fileName:Xo,lineNumber:165,columnNumber:17},this)]},e.id,!0,{fileName:Xo,lineNumber:143,columnNumber:15},this)})},void 0,!1,{fileName:Xo,lineNumber:139,columnNumber:9},this),(0,j.jsxDEV)(`div`,{className:`flex flex-col items-center gap-1 w-full px-1 pt-2 border-t border-[#f4f4f6] dark:border-[#2c2c2e]`,children:[Qo.map(e=>{let n=c&&t===e.id;return(0,j.jsxDEV)(`button`,{type:`button`,onClick:t=>{t.preventDefault(),t.stopPropagation(),r(e.id)},className:D(`w-full py-1.5 px-1 rounded-xl flex flex-col items-center justify-center gap-0.5 transition-all cursor-pointer`,n?`bg-[#7d2ae8]/10 text-[#7d2ae8] dark:text-[#9d52ff] font-semibold`:`text-[#86868b] dark:text-[#636366] hover:text-[#1d1d1f] dark:hover:text-[#f5f5f7] hover:bg-[#f4f4f6] dark:hover:bg-[#2c2c2e]`),"aria-label":e.label,children:[e.icon,(0,j.jsxDEV)(`span`,{className:`text-[9.5px] leading-none tracking-tight`,children:e.label},void 0,!1,{fileName:Xo,lineNumber:195,columnNumber:17},this)]},e.id,!0,{fileName:Xo,lineNumber:178,columnNumber:15},this)}),(0,j.jsxDEV)(`button`,{type:`button`,onClick:t=>{t.preventDefault(),t.stopPropagation(),e()},className:`w-full py-1.5 px-1 rounded-xl flex flex-col items-center justify-center gap-0.5 text-[#86868b] dark:text-[#636366] hover:text-[#1d1d1f] dark:hover:text-[#f5f5f7] hover:bg-[#f4f4f6] dark:hover:bg-[#2c2c2e] transition-colors cursor-pointer`,"aria-label":`Settings`,children:[(0,j.jsxDEV)(Mt,{className:`w-[18px] h-[18px]`},void 0,!1,{fileName:Xo,lineNumber:210,columnNumber:13},this),(0,j.jsxDEV)(`span`,{className:`text-[9.5px] leading-none tracking-tight`,children:`Settings`},void 0,!1,{fileName:Xo,lineNumber:211,columnNumber:13},this)]},void 0,!0,{fileName:Xo,lineNumber:200,columnNumber:11},this)]},void 0,!0,{fileName:Xo,lineNumber:174,columnNumber:9},this)]},void 0,!0,{fileName:Xo,lineNumber:137,columnNumber:7},this),c&&t===`tools`&&(0,j.jsxDEV)(`div`,{className:`absolute left-[72px] top-6 z-50 animate-in fade-in slide-in-from-left-2 duration-150`,children:(0,j.jsxDEV)(Ko,{},void 0,!1,{fileName:Xo,lineNumber:219,columnNumber:11},this)},void 0,!1,{fileName:Xo,lineNumber:218,columnNumber:9},this),c&&t!==`tools`&&(0,j.jsxDEV)(`div`,{className:`w-[300px] h-full bg-white dark:bg-[#1c1c1e] border-r border-[#e5e5ea] dark:border-[#38383a] flex flex-col z-10 animate-in fade-in slide-in-from-left-2 duration-150 shadow-sm`,children:[(0,j.jsxDEV)(`div`,{className:`h-10 px-3.5 border-b border-[#f4f4f6] dark:border-[#2c2c2e] flex items-center justify-between shrink-0 bg-[#fbfbfd] dark:bg-[#1c1c1e]`,children:[(0,j.jsxDEV)(`span`,{className:`text-[12.5px] font-semibold text-[#1d1d1f] dark:text-[#f5f5f7]`,children:o()},void 0,!1,{fileName:Xo,lineNumber:230,columnNumber:13},this),(0,j.jsxDEV)(`button`,{onClick:()=>i(null),className:`p-1 rounded-md text-[#86868b] dark:text-[#636366] hover:text-[#1d1d1f] dark:hover:text-[#f5f5f7] hover:bg-[#f4f4f6] dark:hover:bg-[#2c2c2e] transition-colors cursor-pointer`,title:`Close panel`,children:(0,j.jsxDEV)(ln,{className:`w-3.5 h-3.5`},void 0,!1,{fileName:Xo,lineNumber:238,columnNumber:15},this)},void 0,!1,{fileName:Xo,lineNumber:233,columnNumber:13},this)]},void 0,!0,{fileName:Xo,lineNumber:229,columnNumber:11},this),(0,j.jsxDEV)(`div`,{className:`flex-1 overflow-y-auto`,children:s()},void 0,!1,{fileName:Xo,lineNumber:243,columnNumber:11},this)]},void 0,!0,{fileName:Xo,lineNumber:225,columnNumber:9},this)]},void 0,!0,{fileName:Xo,lineNumber:135,columnNumber:5},this)});function es(e,t){if(e==null||!t)return;let n=t.trim(),r=!1;n.startsWith(`!`)&&(r=!0,n=n.slice(1).trim()),n=n.replace(/\[(\w+)\]/g,`.$1`);let i=n.split(`.`).filter(Boolean),a=e;for(let e of i){if(a==null)return;a=a[e]}return r?!a:a}function ts(e=[],t=!0){let n={};for(let r of e){let e=t&&r.sampleValue!==void 0?r.sampleValue:r.defaultValue;n[r.name]=e}return n}function ns(e,t=[],n=!0,r){let i={...ts(t,n)};r&&(i[r.alias||`item`]=r.data);let a={...e.content},o={...e.styles},s=!!e.hidden,c=[];if(!e.bindings||Object.keys(e.bindings).length===0)return{content:a,styles:o,hidden:s,boundProperties:c};for(let[t,n]of Object.entries(e.bindings)){if(!n)continue;let e=es(i,n);if(e!==void 0){if(c.push(t),t===`hidden`)s=!!e;else if(t.startsWith(`content.`)){let n=t.replace(`content.`,``);a[n]=e}else if(t.startsWith(`styles.`)){let n=t.replace(`styles.`,``);o[n]=e}else a[t]=e}}return{content:a,styles:o,hidden:s,boundProperties:c}}var rs=`1.0.0`;function is(e,t=rs){if(!e||e===`*`||e===`latest`)return!0;let n=e.trim(),[r,i,a]=t.split(`.`).map(Number);if(/^\d+\.\d+\.\d+$/.test(n))return n===t;if(n.startsWith(`^`))return r===Number(n.slice(1).split(`.`)[0]);if(n.startsWith(`~`)){let e=n.slice(1).split(`.`).map(Number);return r===e[0]&&i===e[1]}return!/^\d+\.(x|\*)/.test(n)||r===Number(n.split(`.`)[0])}function as(e,t){let n=t=>e.permissions.includes(t),r=(t,r)=>{if(!n(t))throw Error(`[Plugin Permission Error] Plugin "${e.name}" (${e.id}) attempted to ${r} without the required permission "${t}".`)},i=`cyrus_plugin_storage_${e.id}_`;return{pluginId:e.id,manifest:e,widgets:{register:n=>{r(`widgets:register`,`register widget "${n.name}"`),t.onRegisterWidget(e.id,n)},unregister:n=>{r(`widgets:register`,`unregister widget "${n}"`),t.onUnregisterWidget(e.id,n)}},ai:{registerTool:n=>{r(`ai:register_tool`,`register AI tool "${n.name}"`),t.onRegisterAITool(e.id,n)}},data:{registerConnector:n=>{r(`data:connector`,`register data connector "${n.name}"`),t.onRegisterDataConnector(e.id,n)}},export:{registerTarget:n=>{r(`export:target`,`register export target "${n.name}"`),t.onRegisterExportTarget(e.id,n)}},storage:{get:e=>{r(`storage:read_write`,`read isolated storage`);try{let t=localStorage.getItem(`${i}${e}`);return t?JSON.parse(t):null}catch{return null}},set:(t,n)=>{r(`storage:read_write`,`write to isolated storage`);try{localStorage.setItem(`${i}${t}`,JSON.stringify(n))}catch(n){console.warn(`[Plugin: ${e.name}] Failed to write storage key "${t}":`,n)}},remove:e=>{r(`storage:read_write`,`delete isolated storage key`);try{localStorage.removeItem(`${i}${e}`)}catch{}}},logger:{info:(t,...n)=>{console.log(`%c[Plugin: ${e.name}]%c ${t}`,`color: #0071e3; font-weight: bold;`,`color: inherit;`,...n)},warn:(t,...n)=>{console.warn(`[Plugin: ${e.name}] ${t}`,...n)},error:(t,...n)=>{console.error(`[Plugin: ${e.name}] ${t}`,...n)}}}}var os=new class{installed=new Map;widgetDefinitions=new Map;widgetRenderers=new Map;aiTools=new Map;dataConnectors=new Map;exportTargets=new Map;listeners=[];constructor(){this.loadPersistedState()}subscribe(e){return this.listeners.push(e),()=>{this.listeners=this.listeners.filter(t=>t!==e)}}notify(){this.listeners.forEach(e=>e())}async installPlugin(e,t){let n=is(e.targetCyrusVersion),r={manifest:e,implementation:t,status:n?`active`:`incompatible`,isCompatible:n,installedAt:new Date().toISOString(),registeredWidgetTypes:[]};if(!n)return this.installed.set(e.id,r),this.persistState(),this.notify(),{success:!1,error:`Incompatible version: Plugin requires Cyrus ${e.targetCyrusVersion}.`};try{let n=as(e,{onRegisterWidget:(e,t)=>{this.widgetDefinitions.set(t.type,t),this.widgetRenderers.set(t.type,t.renderer),r.registeredWidgetTypes.push(t.type)},onUnregisterWidget:(e,t)=>{this.widgetDefinitions.delete(t),this.widgetRenderers.delete(t)},onRegisterAITool:(e,t)=>{this.aiTools.set(t.name,t)},onRegisterDataConnector:(e,t)=>{this.dataConnectors.set(t.id,t)},onRegisterExportTarget:(e,t)=>{this.exportTargets.set(t.id,t)}});return await t.initialize(n),r.status=`active`,this.installed.set(e.id,r),this.persistState(),this.notify(),{success:!0}}catch(t){return console.error(`Failed to initialize plugin "${e.name}":`,t),r.status=`error`,r.error=t?.message||`Initialization failed`,this.installed.set(e.id,r),this.persistState(),this.notify(),{success:!1,error:r.error}}}async uninstallPlugin(e){let t=this.installed.get(e);if(!t)return!1;try{return t.implementation.destroy&&await t.implementation.destroy(),t.registeredWidgetTypes.forEach(e=>{this.widgetDefinitions.delete(e),this.widgetRenderers.delete(e)}),this.installed.delete(e),this.persistState(),this.notify(),!0}catch(t){return console.error(`Error during uninstall of plugin "${e}":`,t),!1}}async disablePlugin(e){let t=this.installed.get(e);return!t||t.status!==`active`?!1:(t.implementation.destroy&&await t.implementation.destroy(),t.registeredWidgetTypes.forEach(e=>{this.widgetDefinitions.delete(e),this.widgetRenderers.delete(e)}),t.status=`disabled`,this.persistState(),this.notify(),!0)}async enablePlugin(e){let t=this.installed.get(e);return!t||t.status===`active`?!1:(await this.installPlugin(t.manifest,t.implementation)).success}getInstalledPlugins(){return Array.from(this.installed.values())}isPluginInstalled(e){return this.installed.has(e)}getPlugin(e){return this.installed.get(e)}getCustomWidgetRenderer(e){return this.widgetRenderers.get(e)}getAllPluginWidgets(){return Array.from(this.widgetDefinitions.values())}persistState(){try{let e=Array.from(this.installed.keys());localStorage.setItem(`cyrus_active_plugin_ids`,JSON.stringify(e))}catch{}}loadPersistedState(){}},V=`C:/Users/Shadow/Desktop/cyrus/src/widgets/charts/ChartEngine.tsx`;function ss(e,t){if(e==null||isNaN(e))return`0`;switch(t){case`currency`:return`$${e.toLocaleString(`en-US`,{minimumFractionDigits:0,maximumFractionDigits:2})}`;case`percentage`:return`${e.toFixed(1)}%`;case`compact`:return Math.abs(e)>=1e6?`${(e/1e6).toFixed(1)}M`:Math.abs(e)>=1e3?`${(e/1e3).toFixed(1)}k`:e.toString();default:return e.toLocaleString(`en-US`)}}function cs({type:e,data:t,series:n,labels:r,width:i=360,height:a=200,showLegend:o=!0,showGrid:s=!0,showAxes:c=!0,format:l=`number`,color:u=`#0071e3`,title:d,subtitle:f,className:p,donutThickness:m=14,percentage:h=68}){let g=(0,k.useMemo)(()=>!t||!Array.isArray(t)||t.length===0?[{label:`Jan`,value:35},{label:`Feb`,value:48},{label:`Mar`,value:42},{label:`Apr`,value:65},{label:`May`,value:58},{label:`Jun`,value:84}]:typeof t[0]==`number`?t.map((e,t)=>({label:r&&r[t]?r[t]:`Pt ${t+1}`,value:e})):t,[t,r]),_=(0,k.useMemo)(()=>n&&n.length>0?n:[{name:`Value`,color:u,dataKey:`value`}],[n,u]),v=g.map(e=>e.value),y=Math.max(...v,10)-0||1,b=c?40:12,x=d?40:20,S=c?32:14,C=Math.max(i-b-16,50),w=Math.max(a-x-S,50),ee=(0,k.useMemo)(()=>{let t=ss(g[0]?.value||0,l),n=ss(g[g.length-1]?.value||0,l);return`${d||e.toUpperCase()+` Chart`}: Starts at ${t}, ends at ${n} across ${g.length} periods.`},[d,e,g,l]),te=(0,k.useMemo)(()=>g.map((e,t)=>({x:b+t/Math.max(g.length-1,1)*C,y:x+w-(e.value-0)/y*w,...e})),[g,b,x,C,w,0,y]),T=(0,k.useMemo)(()=>{if(te.length===0)return``;if(te.length===1)return`M ${te[0].x} ${te[0].y}`;let e=`M ${te[0].x} ${te[0].y}`;for(let t=0;t<te.length-1;t++){let n=te[t],r=te[t+1],i=n.x+(r.x-n.x)/3,a=n.y,o=n.x+(r.x-n.x)*2/3,s=r.y;e+=` C ${i} ${a}, ${o} ${s}, ${r.x} ${r.y}`}return e},[te]),ne=(0,k.useMemo)(()=>{if(te.length===0)return``;let e=x+w;return`${T} L ${te[te.length-1].x} ${e} L ${te[0].x} ${e} Z`},[T,te,x,w]),re=[0,.25,.5,.75,1];if(e===`progress`){let e=Math.min(Math.max(h,0),100);return(0,j.jsxDEV)(`div`,{className:D(`w-full flex flex-col gap-1.5 select-none`,p),children:[d&&(0,j.jsxDEV)(`div`,{className:`flex items-center justify-between text-[12px] font-semibold text-[#1d1d1f]`,children:[(0,j.jsxDEV)(`span`,{children:d},void 0,!1,{fileName:V,lineNumber:175,columnNumber:13},this),(0,j.jsxDEV)(`span`,{className:`font-mono text-[#0071e3]`,children:[e,`%`]},void 0,!0,{fileName:V,lineNumber:176,columnNumber:13},this)]},void 0,!0,{fileName:V,lineNumber:174,columnNumber:11},this),(0,j.jsxDEV)(`div`,{className:`w-full h-3 rounded-full bg-[#e5e5ea] overflow-hidden p-0.5`,children:(0,j.jsxDEV)(`div`,{style:{width:`${e}%`,backgroundColor:u},className:`h-full rounded-full transition-all duration-500 ease-out shadow-xs`},void 0,!1,{fileName:V,lineNumber:180,columnNumber:11},this)},void 0,!1,{fileName:V,lineNumber:179,columnNumber:9},this),f&&(0,j.jsxDEV)(`span`,{className:`text-[10.5px] text-[#86868b]`,children:f},void 0,!1,{fileName:V,lineNumber:185,columnNumber:22},this)]},void 0,!0,{fileName:V,lineNumber:172,columnNumber:7},this)}if(e===`donut`||e===`pie`){let t=g.reduce((e,t)=>e+t.value,0)||1,n=Math.min(i,a)/2,r=n-24,s=2*Math.PI*r,c=0,u=[`#0071e3`,`#34c759`,`#ff9500`,`#af52de`,`#ff2d55`,`#5856d6`];return(0,j.jsxDEV)(`div`,{className:D(`relative flex flex-col items-center select-none`,p),children:[d&&(0,j.jsxDEV)(`div`,{className:`w-full text-left mb-1`,children:[(0,j.jsxDEV)(`h4`,{className:`text-[13px] font-bold text-[#1d1d1f]`,children:d},void 0,!1,{fileName:V,lineNumber:204,columnNumber:13},this),f&&(0,j.jsxDEV)(`p`,{className:`text-[10.5px] text-[#86868b]`,children:f},void 0,!1,{fileName:V,lineNumber:205,columnNumber:26},this)]},void 0,!0,{fileName:V,lineNumber:203,columnNumber:11},this),(0,j.jsxDEV)(`div`,{className:`relative flex items-center justify-center`,children:[(0,j.jsxDEV)(`svg`,{width:i,height:a,viewBox:`0 0 ${i} ${a}`,role:`img`,"aria-label":ee,className:`overflow-visible`,children:(0,j.jsxDEV)(`g`,{transform:`rotate(-90 ${n} ${n})`,children:g.map((i,a)=>{let o=i.value/t,l=`${o*s} ${s}`,d=-c;c+=o*s;let f=u[a%u.length];return(0,j.jsxDEV)(`circle`,{cx:n,cy:n,r,fill:e===`pie`?f:`none`,stroke:f,strokeWidth:e===`pie`?0:m,strokeDasharray:l,strokeDashoffset:d,className:`transition-all duration-300`},a,!1,{fileName:V,lineNumber:227,columnNumber:19},this)})},void 0,!1,{fileName:V,lineNumber:218,columnNumber:13},this)},void 0,!1,{fileName:V,lineNumber:210,columnNumber:11},this),e===`donut`&&(0,j.jsxDEV)(`div`,{className:`absolute inset-0 flex flex-col items-center justify-center pointer-events-none text-center`,children:[(0,j.jsxDEV)(`span`,{className:`text-[10px] uppercase tracking-wider text-[#86868b] font-semibold`,children:`Total`},void 0,!1,{fileName:V,lineNumber:247,columnNumber:15},this),(0,j.jsxDEV)(`span`,{className:`text-[16px] font-extrabold text-[#1d1d1f]`,children:ss(t,l)},void 0,!1,{fileName:V,lineNumber:250,columnNumber:15},this)]},void 0,!0,{fileName:V,lineNumber:246,columnNumber:13},this)]},void 0,!0,{fileName:V,lineNumber:209,columnNumber:9},this),o&&(0,j.jsxDEV)(`div`,{className:`flex flex-wrap items-center justify-center gap-3 mt-3`,children:g.map((e,t)=>(0,j.jsxDEV)(`div`,{className:`flex items-center gap-1.5 text-[11px] text-[#6e6e73]`,children:[(0,j.jsxDEV)(`div`,{className:`w-2.5 h-2.5 rounded-full`,style:{backgroundColor:u[t%u.length]}},void 0,!1,{fileName:V,lineNumber:262,columnNumber:17},this),(0,j.jsxDEV)(`span`,{children:e.label},void 0,!1,{fileName:V,lineNumber:266,columnNumber:17},this),(0,j.jsxDEV)(`span`,{className:`font-semibold text-[#1d1d1f]`,children:ss(e.value,l)},void 0,!1,{fileName:V,lineNumber:267,columnNumber:17},this)]},t,!0,{fileName:V,lineNumber:261,columnNumber:15},this))},void 0,!1,{fileName:V,lineNumber:259,columnNumber:11},this)]},void 0,!0,{fileName:V,lineNumber:201,columnNumber:7},this)}return(0,j.jsxDEV)(`div`,{className:D(`relative w-full h-full flex flex-col select-none`,p),children:[d&&(0,j.jsxDEV)(`div`,{className:`flex items-center justify-between mb-1.5`,children:[(0,j.jsxDEV)(`div`,{children:[(0,j.jsxDEV)(`h4`,{className:`text-[13.5px] font-bold text-[#1d1d1f] tracking-tight`,children:d},void 0,!1,{fileName:V,lineNumber:284,columnNumber:13},this),f&&(0,j.jsxDEV)(`p`,{className:`text-[11px] text-[#86868b] mt-0.5`,children:f},void 0,!1,{fileName:V,lineNumber:285,columnNumber:26},this)]},void 0,!0,{fileName:V,lineNumber:283,columnNumber:11},this),o&&(0,j.jsxDEV)(`div`,{className:`flex items-center gap-2.5`,children:_.map((e,t)=>(0,j.jsxDEV)(`div`,{className:`flex items-center gap-1 text-[11px] text-[#6e6e73]`,children:[(0,j.jsxDEV)(`div`,{className:`w-2 h-2 rounded-full`,style:{backgroundColor:e.color}},void 0,!1,{fileName:V,lineNumber:291,columnNumber:19},this),(0,j.jsxDEV)(`span`,{children:e.name},void 0,!1,{fileName:V,lineNumber:292,columnNumber:19},this)]},t,!0,{fileName:V,lineNumber:290,columnNumber:17},this))},void 0,!1,{fileName:V,lineNumber:288,columnNumber:13},this)]},void 0,!0,{fileName:V,lineNumber:282,columnNumber:9},this),(0,j.jsxDEV)(`svg`,{width:`100%`,height:`100%`,viewBox:`0 0 ${i} ${a}`,preserveAspectRatio:`none`,role:`img`,"aria-label":ee,className:`flex-1 overflow-visible`,children:[(0,j.jsxDEV)(`defs`,{children:(0,j.jsxDEV)(`linearGradient`,{id:`grad_${u.replace(/[^a-zA-Z0-9]/g,``)}`,x1:`0`,y1:`0`,x2:`0`,y2:`1`,children:[(0,j.jsxDEV)(`stop`,{offset:`0%`,stopColor:u,stopOpacity:.28},void 0,!1,{fileName:V,lineNumber:311,columnNumber:13},this),(0,j.jsxDEV)(`stop`,{offset:`100%`,stopColor:u,stopOpacity:.01},void 0,!1,{fileName:V,lineNumber:312,columnNumber:13},this)]},void 0,!0,{fileName:V,lineNumber:310,columnNumber:11},this)},void 0,!1,{fileName:V,lineNumber:309,columnNumber:9},this),s&&re.map((e,t)=>{let n=x+w*(1-e),r=0+y*e;return(0,j.jsxDEV)(`g`,{children:[(0,j.jsxDEV)(`line`,{x1:b,y1:n,x2:b+C,y2:n,stroke:`#e5e5ea`,strokeDasharray:`3 3`,strokeWidth:`1`},void 0,!1,{fileName:V,lineNumber:323,columnNumber:17},this),c&&(0,j.jsxDEV)(`text`,{x:b-8,y:n+3.5,textAnchor:`end`,className:`text-[9.5px] fill-[#86868b] font-mono font-medium`,children:ss(r,`compact`)},void 0,!1,{fileName:V,lineNumber:333,columnNumber:19},this)]},t,!0,{fileName:V,lineNumber:322,columnNumber:15},this)}),e===`bar`&&(0,j.jsxDEV)(`g`,{children:g.map((e,t)=>{let n=g.length,r=C/n,i=Math.max(r*.55,8),a=(e.value-0)/y*w,o=b+t*r+(r-i)/2,s=x+w-a;return(0,j.jsxDEV)(`g`,{className:`group cursor-pointer`,children:[(0,j.jsxDEV)(`rect`,{x:o,y:s,width:i,height:Math.max(a,2),rx:4,fill:u,className:`hover:opacity-85 transition-opacity`},void 0,!1,{fileName:V,lineNumber:359,columnNumber:19},this),c&&(0,j.jsxDEV)(`text`,{x:o+i/2,y:x+w+18,textAnchor:`middle`,className:`text-[10px] fill-[#86868b] font-medium`,children:e.label},void 0,!1,{fileName:V,lineNumber:369,columnNumber:21},this)]},t,!0,{fileName:V,lineNumber:358,columnNumber:17},this)})},void 0,!1,{fileName:V,lineNumber:348,columnNumber:11},this),e===`area`&&(0,j.jsxDEV)(`path`,{d:ne,fill:`url(#grad_${u.replace(/[^a-zA-Z0-9]/g,``)})`,className:`transition-all duration-300`},void 0,!1,{fileName:V,lineNumber:386,columnNumber:11},this),(e===`line`||e===`area`)&&(0,j.jsxDEV)(`g`,{children:[(0,j.jsxDEV)(`path`,{d:T,fill:`none`,stroke:u,strokeWidth:`2.5`,strokeLinecap:`round`,strokeLinejoin:`round`},void 0,!1,{fileName:V,lineNumber:396,columnNumber:13},this),te.map((e,t)=>(0,j.jsxDEV)(`g`,{children:[(0,j.jsxDEV)(`circle`,{cx:e.x,cy:e.y,r:`4`,fill:`#ffffff`,stroke:u,strokeWidth:`2`,className:`hover:r-5 transition-all shadow-xs`},void 0,!1,{fileName:V,lineNumber:407,columnNumber:17},this),c&&(0,j.jsxDEV)(`text`,{x:e.x,y:x+w+18,textAnchor:`middle`,className:`text-[10px] fill-[#86868b] font-medium`,children:e.label},void 0,!1,{fileName:V,lineNumber:417,columnNumber:19},this)]},t,!0,{fileName:V,lineNumber:406,columnNumber:15},this))]},void 0,!0,{fileName:V,lineNumber:395,columnNumber:11},this)]},void 0,!0,{fileName:V,lineNumber:300,columnNumber:7},this)]},void 0,!0,{fileName:V,lineNumber:280,columnNumber:5},this)}var H=`C:/Users/Shadow/Desktop/cyrus/src/widgets/ElementRenderer.tsx`,ls={ArrowRight:Ln,ArrowLeft:tr,ArrowUp:un,ArrowDown:Rt,ChevronRight:pe,ChevronLeft:Te,ChevronUp:T,ChevronDown:qe,Compass:Dt,MapPin:dn,Navigation:ot,Route:Wn,ExternalLink:zn,Move:oe,Plus:nt,Minus:xt,X:ln,Check:Mr,Search:Vt,Edit:re,Trash2:x,Copy:sn,Download:Tn,Upload:mr,UploadCloud:Ze,Share2:pn,RefreshCw:kr,RotateCcw:cn,Filter:ct,Sliders:He,ZoomIn:jn,ZoomOut:ar,Eye:fn,EyeOff:jt,Maximize2:Zn,Minimize2:vt,Lock:zt,Unlock:wn,Key:Cr,Power:xr,LogOut:nr,LogIn:Rn,Home:S,Menu:Nn,Grid:fe,List:Wt,Layers:hr,Settings:Mt,User:an,Users:Dn,UserPlus:en,UserCheck:Tt,Bell:or,Mail:At,MessageSquare:i,MessageCircle:sr,Bookmark:We,Tag:Ke,Folder:it,FileText:gt,Layout:Je,Sidebar:f,PanelTop:Nr,SlidersHorizontal:t,Camera:pt,Video:Vn,Mic:wt,MicOff:Ge,Volume2:Xt,VolumeX:Ht,Play:w,Pause:E,Square:dt,Circle:s,Music:mt,Film:bt,Image:yr,Tv:Sr,Radio:Qe,Headphones:hn,ShoppingBag:cr,ShoppingCart:Yt,CreditCard:Un,DollarSign:fr,Wallet:lr,Gift:jr,Percent:ke,Award:Xn,TrendingUp:vr,TrendingDown:$e,Smartphone:ht,Tablet:Ar,Monitor:ve,Laptop:Dr,Cpu:kn,Database:Gt,Server:Bn,HardDrive:ze,Wifi:er,WifiOff:Lt,Bluetooth:r,Battery:Mn,Terminal:Ce,Code2:Ft,Globe:we,Sun:l,Moon:Jn,Cloud:wr,CloudRain:br,Sparkles:he,Zap:Yn,Flame:Kn,Shield:Fn,ShieldCheck:$n,CheckCircle2:Me,AlertCircle:Be,AlertTriangle:p,Info:m,HelpCircle:gn,Heart:yn,Star:rt,ThumbsUp:vn,ThumbsDown:a,Smile:Qn,Send:ir,Link:Hn,Phone:c,Clock:y,CircleDot:Oe,AlignLeft:Ae,TextCursorInput:Ee,CheckSquare:Gn,Gauge:u,FolderKanban:ie,Activity:ur};function us({element:e,isSelected:t,childElements:n,itemContext:r}){let i=M(e=>e.activeProject?.designSystem),a=M(e=>e.activeProject?.variables),o=M(e=>e.activeProject?.useSampleData??!0),s=ns(e,a,o,r),c=s.content,l=s.styles,{type:u}=e;if(s.hidden)return null;if(e.collectionBinding?.variableKey&&!r&&!n){let t=es(ts(a,o),e.collectionBinding.variableKey);if(Array.isArray(t)&&t.length>0){let{layout:n=`grid`,columns:r=3,gap:i=16,itemAlias:a=`item`}=e.collectionBinding;return(0,j.jsxDEV)(`div`,{style:{display:n===`grid`?`grid`:`flex`,gridTemplateColumns:n===`grid`?`repeat(${r}, 1fr)`:void 0,flexDirection:n===`column`?`column`:`row`,gap:`${i}px`,width:`100%`,height:`100%`},children:t.map((t,n)=>(0,j.jsxDEV)(ds,{element:{...e,collectionBinding:void 0},itemContext:{alias:a,data:t}},`${e.id}_rep_${n}`,!1,{fileName:H,lineNumber:323,columnNumber:13},this))},void 0,!1,{fileName:H,lineNumber:312,columnNumber:9},this)}}let d=i?.components,f=d?.button,p=d?.card;d?.input;let m=f?.primaryBackground||i?.colors?.primary||`#0071e3`,h=p?.background||i?.colors?.surface||`#ffffff`;i?.colors?.text,i?.colors?.textSecondary;let g=p?.border||i?.colors?.border||`#e5e5ea`,_=i?.typography?.body?.fontFamily,v={none:``,subtle:`shadow-apple-sm`,sm:`shadow-apple-sm`,md:`shadow-apple-md`,lg:`shadow-apple-lg`}[l.shadow||`none`]||``;switch(u){case`button`:{let e=l.backgroundColor||m,t=l.textColor||f?.primaryText||`#ffffff`,n=c.label||`Button`,r=c.icon,a=r&&r!==`none`?ls[r]:null,o=c.iconPosition||`right`,s=l.borderRadius??f?.borderRadius??i?.radius?.medium??10,u=l.paddingTop??f?.paddingY??10,d=l.paddingBottom??f?.paddingY??10,p=l.paddingLeft??f?.paddingX??18,h=l.paddingRight??f?.paddingX??18;return(0,j.jsxDEV)(`div`,{style:{width:`100%`,height:`100%`,boxSizing:`border-box`,fontFamily:l.fontFamily||_,background:l.backgroundGradient?l.backgroundGradient:e,backgroundColor:e,color:t,fontSize:`${l.fontSize||f?.fontSize||14}px`,fontWeight:l.fontWeight||f?.fontWeight||`500`,fontStyle:l.fontStyle||`normal`,borderRadius:`${s}px`,borderWidth:`${l.borderWidth??0}px`,borderColor:l.borderColor||g,borderStyle:l.borderStyle||`solid`,paddingTop:`${u}px`,paddingBottom:`${d}px`,paddingLeft:`${p}px`,paddingRight:`${h}px`,opacity:l.opacity??1,backdropFilter:l.backdropBlur?`blur(${l.backdropBlur}px)`:void 0},className:`inline-flex items-center justify-center gap-2 select-none pointer-events-none transition-apple ${v}`,children:[a&&o===`left`&&(0,j.jsxDEV)(a,{className:`w-4 h-4 shrink-0`},void 0,!1,{fileName:H,lineNumber:398,columnNumber:51},this),n&&(0,j.jsxDEV)(`span`,{className:`truncate`,children:n},void 0,!1,{fileName:H,lineNumber:399,columnNumber:21},this),a&&o===`right`&&(0,j.jsxDEV)(a,{className:`w-4 h-4 shrink-0`},void 0,!1,{fileName:H,lineNumber:400,columnNumber:52},this)]},void 0,!0,{fileName:H,lineNumber:373,columnNumber:9},this)}case`text`:case`heading`:{let e=c.text||`Heading`;return(0,j.jsxDEV)(`div`,{style:{width:`100%`,height:`100%`,fontFamily:l.fontFamily||_,fontSize:`${l.fontSize||32}px`,fontWeight:l.fontWeight||`700`,fontStyle:l.fontStyle||`normal`,color:l.textColor||`#1d1d1f`,backgroundColor:l.backgroundColor||`transparent`,borderRadius:`${l.borderRadius??0}px`,borderWidth:`${l.borderWidth??0}px`,borderColor:l.borderColor||`transparent`,borderStyle:(l.borderWidth??0)>0?`solid`:`none`,lineHeight:l.lineHeight||1.2,letterSpacing:l.letterSpacing||`-0.025em`,textAlign:l.textAlign||`left`,opacity:l.opacity??1},className:`flex items-center select-none pointer-events-none overflow-hidden ${v}`,children:(0,j.jsxDEV)(`span`,{className:`w-full`,children:e},void 0,!1,{fileName:H,lineNumber:430,columnNumber:11},this)},void 0,!1,{fileName:H,lineNumber:409,columnNumber:9},this)}case`paragraph`:{let e=c.text||`Text`;return(0,j.jsxDEV)(`div`,{style:{width:`100%`,height:`100%`,fontFamily:l.fontFamily||_,fontSize:`${l.fontSize||15}px`,fontWeight:l.fontWeight||`400`,fontStyle:l.fontStyle||`normal`,color:l.textColor||`#6e6e73`,backgroundColor:l.backgroundColor||`transparent`,borderRadius:`${l.borderRadius??0}px`,borderWidth:`${l.borderWidth??0}px`,borderColor:l.borderColor||`transparent`,borderStyle:(l.borderWidth??0)>0?`solid`:`none`,lineHeight:l.lineHeight||1.5,letterSpacing:l.letterSpacing||`-0.01em`,textAlign:l.textAlign||`left`,opacity:l.opacity??1},className:`flex items-center select-none pointer-events-none overflow-hidden ${v}`,children:(0,j.jsxDEV)(`span`,{className:`w-full`,children:e},void 0,!1,{fileName:H,lineNumber:459,columnNumber:11},this)},void 0,!1,{fileName:H,lineNumber:438,columnNumber:9},this)}case`badge`:{let e=c.label||`New`;return(0,j.jsxDEV)(`div`,{style:{width:`100%`,height:`100%`,backgroundColor:l.backgroundColor||`#e8f2fc`,color:l.textColor||`#0071e3`,borderRadius:`${l.borderRadius??999}px`,borderWidth:`${l.borderWidth??1}px`,borderColor:l.borderColor||`#d0e5fa`,borderStyle:(l.borderWidth??1)>0?`solid`:`none`,fontSize:`${l.fontSize||12}px`,fontWeight:l.fontWeight||`500`,opacity:l.opacity??1},className:`inline-flex items-center justify-center gap-1.5 px-3 py-1 select-none pointer-events-none`,children:[c.showDot!==!1&&(0,j.jsxDEV)(`span`,{className:`w-1.5 h-1.5 rounded-full bg-current`},void 0,!1,{fileName:H,lineNumber:484,columnNumber:13},this),(0,j.jsxDEV)(`span`,{className:`truncate`,children:e},void 0,!1,{fileName:H,lineNumber:486,columnNumber:11},this)]},void 0,!0,{fileName:H,lineNumber:467,columnNumber:9},this)}case`card`:case`featureCard`:{let e=c.title||c.headline||c.name||`Card`,t=c.description||c.text||c.subtitle||``,n=l.backgroundColor||h,r=l.borderColor||g,a=l.borderRadius??p?.borderRadius??i?.radius?.large??16,o=l.paddingTop??p?.padding??24,s=l.paddingBottom??p?.padding??24,u=l.paddingLeft??p?.padding??24,d=l.paddingRight??p?.padding??24,f=l.textColor,m=c.icon,_=m&&ls[m]?ls[m]:he;return(0,j.jsxDEV)(`div`,{style:{width:`100%`,height:`100%`,boxSizing:`border-box`,backgroundColor:n,color:f||`inherit`,borderRadius:`${a}px`,borderWidth:`${l.borderWidth??1}px`,borderColor:r,borderStyle:(l.borderWidth??1)>0?`solid`:`none`,paddingTop:`${o}px`,paddingBottom:`${s}px`,paddingLeft:`${u}px`,paddingRight:`${d}px`,opacity:l.opacity??1,backdropFilter:l.backdropBlur?`blur(${l.backdropBlur}px)`:void 0},className:`flex flex-col select-none pointer-events-none overflow-hidden ${v}`,children:[(0,j.jsxDEV)(`div`,{className:`w-9 h-9 rounded-[10px] bg-[#f4f4f6] dark:bg-white/10 border border-[#e5e5ea] dark:border-white/10 flex items-center justify-center text-[#0071e3] dark:text-[#9d52ff] mb-3.5 shrink-0`,children:(0,j.jsxDEV)(_,{className:`w-4.5 h-4.5`},void 0,!1,{fileName:H,lineNumber:528,columnNumber:13},this)},void 0,!1,{fileName:H,lineNumber:527,columnNumber:11},this),(0,j.jsxDEV)(`h3`,{style:{color:f||`#1d1d1f`},className:`text-[16px] font-semibold tracking-tight mb-1.5 truncate`,children:e},void 0,!1,{fileName:H,lineNumber:530,columnNumber:11},this),t&&(0,j.jsxDEV)(`p`,{style:{color:f?`${f}cc`:`#6e6e73`},className:`text-[13px] leading-relaxed line-clamp-3`,children:t},void 0,!1,{fileName:H,lineNumber:534,columnNumber:13},this)]},void 0,!0,{fileName:H,lineNumber:507,columnNumber:9},this)}case`metricCard`:{let e=c.title||c.headline||c.name||`Stats`,t=c.value||c.stat||c.price||`$0`,n=c.trend||c.change||``,r=c.isPositive!==!1,i=c.timeframe||c.subtitle||``,a=l.textColor;return(0,j.jsxDEV)(`div`,{style:{width:`100%`,height:`100%`,backgroundColor:l.backgroundColor||`#ffffff`,color:a||`#1d1d1f`,borderRadius:`${l.borderRadius??14}px`,borderWidth:`${l.borderWidth??1}px`,borderColor:l.borderColor||`#e5e5ea`,borderStyle:(l.borderWidth??1)>0?`solid`:`none`,paddingTop:`${l.paddingTop??16}px`,paddingBottom:`${l.paddingBottom??16}px`,paddingLeft:`${l.paddingLeft??20}px`,paddingRight:`${l.paddingRight??20}px`,opacity:l.opacity??1},className:`flex flex-col justify-between select-none pointer-events-none ${v}`,children:[(0,j.jsxDEV)(`div`,{className:`flex items-center justify-between`,children:[(0,j.jsxDEV)(`span`,{style:{color:a?`${a}bb`:`#86868b`},className:`text-[13px] font-medium truncate`,children:e},void 0,!1,{fileName:H,lineNumber:570,columnNumber:13},this),n&&(0,j.jsxDEV)(`span`,{className:`inline-flex items-center gap-0.5 text-[12px] font-semibold ${r?`text-[#34c759]`:`text-[#ff3b30]`}`,children:[r?(0,j.jsxDEV)(vr,{className:`w-3 h-3`},void 0,!1,{fileName:H,lineNumber:577,columnNumber:26},this):(0,j.jsxDEV)($e,{className:`w-3 h-3`},void 0,!1,{fileName:H,lineNumber:577,columnNumber:63},this),n]},void 0,!0,{fileName:H,lineNumber:572,columnNumber:15},this)]},void 0,!0,{fileName:H,lineNumber:569,columnNumber:11},this),(0,j.jsxDEV)(`div`,{children:[(0,j.jsxDEV)(`div`,{style:{color:a||`#1d1d1f`},className:`text-[26px] font-bold tracking-tight leading-none`,children:t},void 0,!1,{fileName:H,lineNumber:583,columnNumber:13},this),i&&(0,j.jsxDEV)(`div`,{style:{color:a?`${a}aa`:`#86868b`},className:`text-[11px] mt-1 truncate`,children:i},void 0,!1,{fileName:H,lineNumber:586,columnNumber:20},this)]},void 0,!0,{fileName:H,lineNumber:582,columnNumber:11},this)]},void 0,!0,{fileName:H,lineNumber:551,columnNumber:9},this)}case`pricingCard`:{let e=c.planName||c.title||`Pro`,t=c.price||`$29`,n=c.period||``,r=c.description||c.text||c.subtitle||``,i=c.buttonText||c.label||`Get Started`,a=l.textColor;return(0,j.jsxDEV)(`div`,{style:{width:`100%`,height:`100%`,backgroundColor:l.backgroundColor||`#ffffff`,color:a||`#1d1d1f`,borderRadius:`${l.borderRadius??18}px`,borderWidth:`${l.borderWidth??1}px`,borderColor:l.borderColor||`#e5e5ea`,borderStyle:(l.borderWidth??1)>0?`solid`:`none`,padding:`24px`,opacity:l.opacity??1},className:`flex flex-col justify-between select-none pointer-events-none ${v}`,children:[(0,j.jsxDEV)(`div`,{children:[(0,j.jsxDEV)(`span`,{className:`text-[13px] font-semibold text-[#0071e3] uppercase tracking-wider`,children:e},void 0,!1,{fileName:H,lineNumber:617,columnNumber:13},this),(0,j.jsxDEV)(`div`,{className:`mt-2 flex items-baseline gap-1`,children:[(0,j.jsxDEV)(`span`,{style:{color:a||`#1d1d1f`},className:`text-[34px] font-bold tracking-tight`,children:t},void 0,!1,{fileName:H,lineNumber:621,columnNumber:15},this),n&&(0,j.jsxDEV)(`span`,{style:{color:a?`${a}aa`:`#86868b`},className:`text-[13px]`,children:n},void 0,!1,{fileName:H,lineNumber:622,columnNumber:26},this)]},void 0,!0,{fileName:H,lineNumber:620,columnNumber:13},this),r&&(0,j.jsxDEV)(`p`,{style:{color:a?`${a}cc`:`#6e6e73`},className:`text-[12px] mt-2 line-clamp-2`,children:r},void 0,!1,{fileName:H,lineNumber:624,columnNumber:22},this)]},void 0,!0,{fileName:H,lineNumber:616,columnNumber:11},this),(0,j.jsxDEV)(`div`,{className:`w-full py-2.5 rounded-[10px] bg-[#0071e3] text-white text-[13px] font-medium text-center shadow-apple-sm`,children:i},void 0,!1,{fileName:H,lineNumber:626,columnNumber:11},this)]},void 0,!0,{fileName:H,lineNumber:601,columnNumber:9},this)}case`navbar`:{let e=c.brandName??c.title??``,t=Array.isArray(c.links)?c.links:[],n=c.ctaLabel??c.buttonText??c.label??``,r=l.textColor;return(0,j.jsxDEV)(`div`,{style:{width:`100%`,height:`100%`,backgroundColor:l.backgroundColor||`#ffffff`,color:r||`#1d1d1f`,borderRadius:`${l.borderRadius??12}px`,borderWidth:`${l.borderWidth??1}px`,borderColor:l.borderColor||`#e5e5ea`,borderStyle:(l.borderWidth??1)>0?`solid`:`none`,paddingLeft:`24px`,paddingRight:`24px`,opacity:l.opacity??1,backdropFilter:l.backdropBlur?`blur(${l.backdropBlur}px)`:void 0},className:`flex items-center justify-between select-none pointer-events-none ${v}`,children:[(e||t.length>0)&&(0,j.jsxDEV)(`div`,{className:`flex items-center gap-8`,children:[e&&(0,j.jsxDEV)(`div`,{style:{color:r||`#1d1d1f`},className:`text-[15px] font-bold tracking-tight`,children:e},void 0,!1,{fileName:H,lineNumber:660,columnNumber:17},this),t.length>0&&(0,j.jsxDEV)(`div`,{style:{color:r?`${r}cc`:`#6e6e73`},className:`flex items-center gap-6 text-[13px] font-medium`,children:t.map((e,t)=>(0,j.jsxDEV)(`span`,{children:e},t,!1,{fileName:H,lineNumber:667,columnNumber:21},this))},void 0,!1,{fileName:H,lineNumber:665,columnNumber:17},this)]},void 0,!0,{fileName:H,lineNumber:658,columnNumber:13},this),n&&(0,j.jsxDEV)(`div`,{className:`px-4 py-1.5 rounded-[8px] bg-[#0071e3] text-white text-[13px] font-medium shadow-apple-sm`,children:n},void 0,!1,{fileName:H,lineNumber:674,columnNumber:13},this)]},void 0,!0,{fileName:H,lineNumber:640,columnNumber:9},this)}case`sidebar`:{let e=c.brandName??``,t=Array.isArray(c.items)?c.items:[],n=c.userName??``,r=l.textColor;return(0,j.jsxDEV)(`div`,{style:{width:`100%`,height:`100%`,backgroundColor:l.backgroundColor||`#ffffff`,color:r||`#1d1d1f`,borderRadius:`${l.borderRadius??14}px`,borderWidth:`${l.borderWidth??1}px`,borderColor:l.borderColor||`#e5e5ea`,borderStyle:(l.borderWidth??1)>0?`solid`:`none`,padding:`20px 16px`,opacity:l.opacity??1},className:`flex flex-col justify-between select-none pointer-events-none ${v}`,children:[(e||t.length>0)&&(0,j.jsxDEV)(`div`,{className:`flex flex-col gap-5`,children:[e&&(0,j.jsxDEV)(`div`,{style:{color:r||`#1d1d1f`},className:`text-[14px] font-bold flex items-center gap-2 px-2`,children:[(0,j.jsxDEV)(`div`,{className:`w-6 h-6 rounded-[6px] bg-[#1d1d1f] text-white flex items-center justify-center text-[11px]`,children:`C`},void 0,!1,{fileName:H,lineNumber:708,columnNumber:19},this),(0,j.jsxDEV)(`span`,{children:e},void 0,!1,{fileName:H,lineNumber:711,columnNumber:19},this)]},void 0,!0,{fileName:H,lineNumber:707,columnNumber:17},this),t.length>0&&(0,j.jsxDEV)(`div`,{className:`flex flex-col gap-1`,children:t.map((e,t)=>(0,j.jsxDEV)(`div`,{className:`flex items-center gap-2.5 px-2.5 py-1.5 rounded-[7px] text-[13px] font-medium ${t===0?`bg-[#e8f2fc] text-[#0071e3]`:``}`,style:t===0?void 0:{color:r?`${r}cc`:`#6e6e73`},children:[(0,j.jsxDEV)(ie,{className:`w-4 h-4`},void 0,!1,{fileName:H,lineNumber:725,columnNumber:23},this),(0,j.jsxDEV)(`span`,{children:e},void 0,!1,{fileName:H,lineNumber:726,columnNumber:23},this)]},t,!0,{fileName:H,lineNumber:718,columnNumber:21},this))},void 0,!1,{fileName:H,lineNumber:716,columnNumber:17},this)]},void 0,!0,{fileName:H,lineNumber:705,columnNumber:13},this),n&&(0,j.jsxDEV)(`div`,{className:`pt-3 border-t border-[#f4f4f6] flex items-center justify-between px-1`,children:[(0,j.jsxDEV)(`div`,{className:`flex items-center gap-2`,children:[(0,j.jsxDEV)(`div`,{className:`w-7 h-7 rounded-full bg-[#f4f4f6] border border-[#e5e5ea] flex items-center justify-center text-[#6e6e73] text-[11px] font-semibold`,children:`AR`},void 0,!1,{fileName:H,lineNumber:737,columnNumber:17},this),(0,j.jsxDEV)(`span`,{style:{color:r||`#1d1d1f`},className:`text-[12px] font-medium`,children:n},void 0,!1,{fileName:H,lineNumber:740,columnNumber:17},this)]},void 0,!0,{fileName:H,lineNumber:736,columnNumber:15},this),(0,j.jsxDEV)(nr,{className:`w-3.5 h-3.5 text-[#86868b]`},void 0,!1,{fileName:H,lineNumber:742,columnNumber:15},this)]},void 0,!0,{fileName:H,lineNumber:735,columnNumber:13},this)]},void 0,!0,{fileName:H,lineNumber:689,columnNumber:9},this)}case`bottomNav`:{let e=c.items||[`Home`,`Search`,`Activity`,`Profile`],t=c.activeIndex||0,n=l.textColor;return(0,j.jsxDEV)(`div`,{style:{width:`100%`,height:`100%`,backgroundColor:l.backgroundColor||`#ffffff`,color:n||`#1d1d1f`,borderRadius:`${l.borderRadius??16}px`,borderWidth:`${l.borderWidth??1}px`,borderColor:l.borderColor||`#e5e5ea`,borderStyle:(l.borderWidth??1)>0?`solid`:`none`,opacity:l.opacity??1},className:`flex items-center justify-around px-4 select-none pointer-events-none ${v}`,children:e.map((e,r)=>{let i=r===t;return(0,j.jsxDEV)(`div`,{className:`flex flex-col items-center gap-0.5 text-[10px] font-medium ${i?`text-[#0071e3]`:``}`,style:i?void 0:{color:n?`${n}aa`:`#86868b`},children:[r===0&&(0,j.jsxDEV)(S,{className:`w-4 h-4`},void 0,!1,{fileName:H,lineNumber:779,columnNumber:31},this),r===1&&(0,j.jsxDEV)(Vt,{className:`w-4 h-4`},void 0,!1,{fileName:H,lineNumber:780,columnNumber:31},this),r===2&&(0,j.jsxDEV)(ur,{className:`w-4 h-4`},void 0,!1,{fileName:H,lineNumber:781,columnNumber:31},this),r===3&&(0,j.jsxDEV)(an,{className:`w-4 h-4`},void 0,!1,{fileName:H,lineNumber:782,columnNumber:31},this),(0,j.jsxDEV)(`span`,{children:e},void 0,!1,{fileName:H,lineNumber:783,columnNumber:17},this)]},r,!0,{fileName:H,lineNumber:772,columnNumber:15},this)})},void 0,!1,{fileName:H,lineNumber:755,columnNumber:9},this)}case`hero`:case`heroSection`:{let e=c.badge||`Featured`,t=c.headline||c.title||`Headline`,n=c.subhead||c.subtitle||c.text||``,r=c.primaryBtnText||c.buttonText||c.label||`Get Started`,i=c.secondaryBtnText||``,a=l.textColor;return(0,j.jsxDEV)(`div`,{style:{width:`100%`,height:`100%`,backgroundColor:l.backgroundColor||`transparent`,color:a||`#1d1d1f`,borderRadius:`${l.borderRadius??0}px`,borderWidth:`${l.borderWidth??0}px`,borderColor:l.borderColor||`transparent`,borderStyle:(l.borderWidth??0)>0?`solid`:`none`,opacity:l.opacity??1},className:`flex flex-col items-center justify-center text-center p-6 select-none pointer-events-none ${v}`,children:[(0,j.jsxDEV)(`div`,{className:`inline-flex items-center gap-1.5 px-3 py-1 rounded-full bg-[#e8f2fc] border border-[#d0e5fa] text-[#0071e3] text-[12px] font-semibold mb-3.5`,children:[(0,j.jsxDEV)(he,{className:`w-3.5 h-3.5`},void 0,!1,{fileName:H,lineNumber:816,columnNumber:13},this),(0,j.jsxDEV)(`span`,{children:e},void 0,!1,{fileName:H,lineNumber:817,columnNumber:13},this)]},void 0,!0,{fileName:H,lineNumber:815,columnNumber:11},this),(0,j.jsxDEV)(`h1`,{style:{color:a||`#1d1d1f`},className:`text-[40px] font-bold tracking-tight leading-tight max-w-3xl mb-3 line-clamp-2`,children:t},void 0,!1,{fileName:H,lineNumber:819,columnNumber:11},this),(0,j.jsxDEV)(`p`,{style:{color:a?`${a}cc`:`#6e6e73`},className:`text-[16px] max-w-2xl mb-6 line-clamp-2 leading-relaxed`,children:n},void 0,!1,{fileName:H,lineNumber:822,columnNumber:11},this),(0,j.jsxDEV)(`div`,{className:`flex items-center gap-3`,children:[(0,j.jsxDEV)(`div`,{className:`px-6 py-2.5 rounded-[10px] bg-[#0071e3] text-white text-[14px] font-medium shadow-apple-sm`,children:r},void 0,!1,{fileName:H,lineNumber:826,columnNumber:13},this),(0,j.jsxDEV)(`div`,{className:`px-6 py-2.5 rounded-[10px] bg-white border border-[#e5e5ea] text-[#1d1d1f] text-[14px] font-medium shadow-apple-sm`,children:i},void 0,!1,{fileName:H,lineNumber:829,columnNumber:13},this)]},void 0,!0,{fileName:H,lineNumber:825,columnNumber:11},this)]},void 0,!0,{fileName:H,lineNumber:801,columnNumber:9},this)}case`cta`:{let e=c.headline||`Ready to ship?`,t=c.subhead||`Start building today.`,n=c.buttonText||`Get Started`,r=l.textColor;return(0,j.jsxDEV)(`div`,{style:{width:`100%`,height:`100%`,backgroundColor:l.backgroundColor||`#1d1d1f`,color:r||`#ffffff`,borderRadius:`${l.borderRadius??18}px`,borderWidth:`${l.borderWidth??0}px`,borderColor:l.borderColor||`transparent`,borderStyle:(l.borderWidth??0)>0?`solid`:`none`,padding:`32px 40px`,opacity:l.opacity??1},className:`flex items-center justify-between select-none pointer-events-none ${v}`,children:[(0,j.jsxDEV)(`div`,{children:[(0,j.jsxDEV)(`h2`,{style:{color:r||`#ffffff`},className:`text-[24px] font-bold tracking-tight mb-1`,children:e},void 0,!1,{fileName:H,lineNumber:860,columnNumber:13},this),(0,j.jsxDEV)(`p`,{style:{color:r?`${r}cc`:`#a1a1a6`},className:`text-[14px]`,children:t},void 0,!1,{fileName:H,lineNumber:861,columnNumber:13},this)]},void 0,!0,{fileName:H,lineNumber:859,columnNumber:11},this),(0,j.jsxDEV)(`div`,{className:`px-6 py-3 rounded-[10px] bg-[#0071e3] text-white text-[14px] font-medium shadow-apple-sm`,children:n},void 0,!1,{fileName:H,lineNumber:863,columnNumber:11},this)]},void 0,!0,{fileName:H,lineNumber:844,columnNumber:9},this)}case`statCard`:{let e=c.title||`Total Revenue`,t=c.value||`$128,450.00`,n=c.change||`+14.2%`,r=c.isPositive!==!1,i=c.timeframe||`vs last month`,a=ls[c.icon]||vr,o=l.textColor;return(0,j.jsxDEV)(`div`,{style:{width:`100%`,height:`100%`,backgroundColor:l.backgroundColor||`#ffffff`,color:o||`#1d1d1f`,borderRadius:`${l.borderRadius??16}px`,borderWidth:`${l.borderWidth??1}px`,borderColor:l.borderColor||`#e5e5ea`,borderStyle:(l.borderWidth??1)>0?`solid`:`none`,paddingTop:`${l.paddingTop??18}px`,paddingBottom:`${l.paddingBottom??18}px`,paddingLeft:`${l.paddingLeft??20}px`,paddingRight:`${l.paddingRight??20}px`},className:`flex flex-col justify-between select-none pointer-events-none ${v}`,children:[(0,j.jsxDEV)(`div`,{className:`flex items-center justify-between`,children:[(0,j.jsxDEV)(`span`,{style:{color:o?`${o}bb`:`#86868b`},className:`text-[12px] font-semibold`,children:e},void 0,!1,{fileName:H,lineNumber:898,columnNumber:13},this),(0,j.jsxDEV)(`div`,{className:`w-7 h-7 rounded-lg bg-[#0071e3]/10 text-[#0071e3] flex items-center justify-center`,children:(0,j.jsxDEV)(a,{className:`w-3.5 h-3.5`},void 0,!1,{fileName:H,lineNumber:900,columnNumber:15},this)},void 0,!1,{fileName:H,lineNumber:899,columnNumber:13},this)]},void 0,!0,{fileName:H,lineNumber:897,columnNumber:11},this),(0,j.jsxDEV)(`div`,{children:[(0,j.jsxDEV)(`div`,{style:{color:o||`#1d1d1f`},className:`text-[24px] font-extrabold tracking-tight`,children:t},void 0,!1,{fileName:H,lineNumber:905,columnNumber:13},this),(0,j.jsxDEV)(`div`,{className:`flex items-center gap-1.5 mt-1 text-[11px]`,children:[(0,j.jsxDEV)(`span`,{className:D(`inline-flex items-center gap-0.5 font-bold px-1.5 py-0.2 rounded-full`,r?`bg-[#34c759]/10 text-[#34c759]`:`bg-[#ff3b30]/10 text-[#ff3b30]`),children:[r?(0,j.jsxDEV)(vr,{className:`w-3 h-3`},void 0,!1,{fileName:H,lineNumber:913,columnNumber:26},this):(0,j.jsxDEV)($e,{className:`w-3 h-3`},void 0,!1,{fileName:H,lineNumber:913,columnNumber:63},this),n]},void 0,!0,{fileName:H,lineNumber:907,columnNumber:15},this),(0,j.jsxDEV)(`span`,{style:{color:o?`${o}aa`:`#86868b`},children:i},void 0,!1,{fileName:H,lineNumber:916,columnNumber:15},this)]},void 0,!0,{fileName:H,lineNumber:906,columnNumber:13},this)]},void 0,!0,{fileName:H,lineNumber:904,columnNumber:11},this)]},void 0,!0,{fileName:H,lineNumber:880,columnNumber:9},this)}case`kpiCard`:{let e=c.title||`Quarterly Conversion Goal`,t=c.current||`$84,200`,n=c.target||`$100,000`,r=c.percentage||84,i=c.status||`On Track`,a=l.textColor;return(0,j.jsxDEV)(`div`,{style:{width:`100%`,height:`100%`,backgroundColor:l.backgroundColor||`#ffffff`,color:a||`#1d1d1f`,borderRadius:`${l.borderRadius??16}px`,borderWidth:`${l.borderWidth??1}px`,borderColor:l.borderColor||`#e5e5ea`,borderStyle:(l.borderWidth??1)>0?`solid`:`none`,paddingTop:`${l.paddingTop??18}px`,paddingBottom:`${l.paddingBottom??18}px`,paddingLeft:`${l.paddingLeft??20}px`,paddingRight:`${l.paddingRight??20}px`},className:`flex flex-col justify-between select-none pointer-events-none ${v}`,children:[(0,j.jsxDEV)(`div`,{className:`flex items-center justify-between`,children:[(0,j.jsxDEV)(`span`,{style:{color:a?`${a}bb`:`#86868b`},className:`text-[12px] font-semibold`,children:e},void 0,!1,{fileName:H,lineNumber:950,columnNumber:13},this),(0,j.jsxDEV)(`span`,{className:`px-2 py-0.5 rounded-full text-[10px] font-bold bg-[#34c759]/10 text-[#34c759]`,children:i},void 0,!1,{fileName:H,lineNumber:951,columnNumber:13},this)]},void 0,!0,{fileName:H,lineNumber:949,columnNumber:11},this),(0,j.jsxDEV)(`div`,{children:[(0,j.jsxDEV)(`div`,{className:`flex items-baseline justify-between mb-1.5`,children:[(0,j.jsxDEV)(`span`,{style:{color:a||`#1d1d1f`},className:`text-[22px] font-extrabold tracking-tight`,children:t},void 0,!1,{fileName:H,lineNumber:958,columnNumber:15},this),(0,j.jsxDEV)(`span`,{style:{color:a?`${a}aa`:`#86868b`},className:`text-[11.5px] font-medium`,children:[`Goal: `,n]},void 0,!0,{fileName:H,lineNumber:959,columnNumber:15},this)]},void 0,!0,{fileName:H,lineNumber:957,columnNumber:13},this),(0,j.jsxDEV)(`div`,{className:`w-full h-2 rounded-full bg-[#f4f4f6] overflow-hidden`,children:(0,j.jsxDEV)(`div`,{style:{width:`${Math.min(r,100)}%`},className:`h-full rounded-full bg-[#0071e3] transition-all`},void 0,!1,{fileName:H,lineNumber:963,columnNumber:15},this)},void 0,!1,{fileName:H,lineNumber:962,columnNumber:13},this)]},void 0,!0,{fileName:H,lineNumber:956,columnNumber:11},this)]},void 0,!0,{fileName:H,lineNumber:932,columnNumber:9},this)}case`metric`:{let e=c.label||`Active Users`,t=c.value||`48,290`,n=c.badge,r=l.textColor;return(0,j.jsxDEV)(`div`,{style:{width:`100%`,height:`100%`,backgroundColor:l.backgroundColor||`transparent`,color:r||`#1d1d1f`,borderRadius:`${l.borderRadius??0}px`,borderWidth:`${l.borderWidth??0}px`,borderColor:l.borderColor||`transparent`,borderStyle:(l.borderWidth??0)>0?`solid`:`none`,paddingLeft:`${l.paddingLeft??12}px`,paddingRight:`${l.paddingRight??12}px`,opacity:l.opacity??1},className:`flex flex-col justify-center select-none pointer-events-none ${v}`,children:[(0,j.jsxDEV)(`div`,{style:{color:r?`${r}bb`:`#86868b`},className:`flex items-center gap-1.5 text-[11px] font-semibold`,children:[(0,j.jsxDEV)(`span`,{children:e},void 0,!1,{fileName:H,lineNumber:997,columnNumber:13},this),n&&(0,j.jsxDEV)(`span`,{className:`px-1.5 py-0.2 rounded-full bg-[#34c759]/10 text-[#34c759] text-[9.5px] font-bold`,children:n},void 0,!1,{fileName:H,lineNumber:999,columnNumber:15},this)]},void 0,!0,{fileName:H,lineNumber:996,columnNumber:11},this),(0,j.jsxDEV)(`div`,{style:{color:r||`#1d1d1f`},className:`text-[28px] font-extrabold tracking-tight leading-none mt-1`,children:t},void 0,!1,{fileName:H,lineNumber:1004,columnNumber:11},this)]},void 0,!0,{fileName:H,lineNumber:980,columnNumber:9},this)}case`chart`:case`lineChart`:return(0,j.jsxDEV)(`div`,{style:{width:`100%`,height:`100%`,backgroundColor:l.backgroundColor||`#ffffff`,borderRadius:`${l.borderRadius??16}px`,borderWidth:`${l.borderWidth??1}px`,borderColor:l.borderColor||`#e5e5ea`,paddingTop:`${l.paddingTop??18}px`,paddingBottom:`${l.paddingBottom??18}px`,paddingLeft:`${l.paddingLeft??20}px`,paddingRight:`${l.paddingRight??20}px`},className:`flex flex-col select-none pointer-events-none ${v}`,children:(0,j.jsxDEV)(cs,{type:`line`,title:c.title||`Revenue Growth`,subtitle:c.subtitle,data:c.data,format:c.format||`currency`,color:l.textColor||`#0071e3`,width:e.width-40,height:e.height-40,showGrid:c.showGrid!==!1,showAxes:c.showAxes!==!1,showLegend:c.showLegend!==!1},void 0,!1,{fileName:H,lineNumber:1029,columnNumber:11},this)},void 0,!1,{fileName:H,lineNumber:1014,columnNumber:9},this);case`areaChart`:return(0,j.jsxDEV)(`div`,{style:{width:`100%`,height:`100%`,backgroundColor:l.backgroundColor||`#ffffff`,borderRadius:`${l.borderRadius??16}px`,borderWidth:`${l.borderWidth??1}px`,borderColor:l.borderColor||`#e5e5ea`,paddingTop:`${l.paddingTop??18}px`,paddingBottom:`${l.paddingBottom??18}px`,paddingLeft:`${l.paddingLeft??20}px`,paddingRight:`${l.paddingRight??20}px`},className:`flex flex-col select-none pointer-events-none ${v}`,children:(0,j.jsxDEV)(cs,{type:`area`,title:c.title||`Ingestion Volume`,subtitle:c.subtitle,data:c.data,format:c.format||`compact`,color:l.textColor||`#0071e3`,width:e.width-40,height:e.height-40,showGrid:c.showGrid!==!1,showAxes:c.showAxes!==!1},void 0,!1,{fileName:H,lineNumber:1063,columnNumber:11},this)},void 0,!1,{fileName:H,lineNumber:1048,columnNumber:9},this);case`barChart`:return(0,j.jsxDEV)(`div`,{style:{width:`100%`,height:`100%`,backgroundColor:l.backgroundColor||`#ffffff`,borderRadius:`${l.borderRadius??16}px`,borderWidth:`${l.borderWidth??1}px`,borderColor:l.borderColor||`#e5e5ea`,paddingTop:`${l.paddingTop??18}px`,paddingBottom:`${l.paddingBottom??18}px`,paddingLeft:`${l.paddingLeft??20}px`,paddingRight:`${l.paddingRight??20}px`},className:`flex flex-col select-none pointer-events-none ${v}`,children:(0,j.jsxDEV)(cs,{type:`bar`,title:c.title||`Orders by Product Tier`,subtitle:c.subtitle,data:c.data,format:c.format||`number`,color:l.textColor||`#0071e3`,width:e.width-40,height:e.height-40,showGrid:c.showGrid!==!1,showAxes:c.showAxes!==!1},void 0,!1,{fileName:H,lineNumber:1096,columnNumber:11},this)},void 0,!1,{fileName:H,lineNumber:1081,columnNumber:9},this);case`donutChart`:case`pieChart`:return(0,j.jsxDEV)(`div`,{style:{width:`100%`,height:`100%`,backgroundColor:l.backgroundColor||`#ffffff`,borderRadius:`${l.borderRadius??16}px`,borderWidth:`${l.borderWidth??1}px`,borderColor:l.borderColor||`#e5e5ea`,paddingTop:`${l.paddingTop??18}px`,paddingBottom:`${l.paddingBottom??18}px`,paddingLeft:`${l.paddingLeft??20}px`,paddingRight:`${l.paddingRight??20}px`},className:`flex flex-col select-none pointer-events-none ${v}`,children:(0,j.jsxDEV)(cs,{type:e.type===`pieChart`?`pie`:`donut`,title:c.title||`Traffic Acquisition`,subtitle:c.subtitle,data:c.data,format:c.format||`compact`,width:e.width-40,height:e.height-70,showLegend:c.showLegend!==!1},void 0,!1,{fileName:H,lineNumber:1130,columnNumber:11},this)},void 0,!1,{fileName:H,lineNumber:1115,columnNumber:9},this);case`progressBar`:case`progress`:return(0,j.jsxDEV)(`div`,{style:{width:`100%`,height:`100%`,backgroundColor:l.backgroundColor||`#ffffff`,borderRadius:`${l.borderRadius??14}px`,borderWidth:`${l.borderWidth??1}px`,borderColor:l.borderColor||`#e5e5ea`,paddingTop:`${l.paddingTop??14}px`,paddingBottom:`${l.paddingBottom??14}px`,paddingLeft:`${l.paddingLeft??16}px`,paddingRight:`${l.paddingRight??16}px`},className:`flex flex-col justify-center select-none pointer-events-none ${v}`,children:(0,j.jsxDEV)(cs,{type:`progress`,title:c.title||`Task Progress`,subtitle:c.subtitle,percentage:c.percentage??76,color:l.textColor||`#0071e3`},void 0,!1,{fileName:H,lineNumber:1162,columnNumber:11},this)},void 0,!1,{fileName:H,lineNumber:1147,columnNumber:9},this);case`table`:case`dataTable`:{let e=c.title||`Data Table`,t=c.columns||[`Customer`,`Plan`,`Amount`,`Status`,`Date`],n=c.rows||[{customer:`Acme Corp`,plan:`Enterprise`,amount:`$4,800.00`,status:`Completed`,date:`Just now`},{customer:`Linear Labs`,plan:`Pro Studio`,amount:`$590.00`,status:`Completed`,date:`5m ago`},{customer:`Vercel Edge`,plan:`Enterprise`,amount:`$12,400.00`,status:`Processing`,date:`22m ago`}],r=l.textColor;return(0,j.jsxDEV)(`div`,{style:{width:`100%`,height:`100%`,backgroundColor:l.backgroundColor||`#ffffff`,color:r||`#1d1d1f`,borderRadius:`${l.borderRadius??16}px`,borderWidth:`${l.borderWidth??1}px`,borderColor:l.borderColor||`#e5e5ea`,padding:`${l.paddingTop??18}px`},className:`flex flex-col select-none pointer-events-none ${v}`,children:[e&&(0,j.jsxDEV)(`div`,{className:`flex items-center justify-between mb-3`,children:[(0,j.jsxDEV)(`h4`,{style:{color:r||`#1d1d1f`},className:`text-[13.5px] font-bold`,children:e},void 0,!1,{fileName:H,lineNumber:1200,columnNumber:15},this),(0,j.jsxDEV)(`span`,{className:`text-[11px] text-[#0071e3] font-medium`,children:`Export CSV`},void 0,!1,{fileName:H,lineNumber:1201,columnNumber:15},this)]},void 0,!0,{fileName:H,lineNumber:1199,columnNumber:13},this),(0,j.jsxDEV)(`div`,{className:`w-full flex-1 flex flex-col justify-around text-[11.5px]`,children:[(0,j.jsxDEV)(`div`,{style:{color:r?`${r}bb`:`#86868b`},className:`grid grid-cols-5 pb-2 border-b border-[#f4f4f6] font-semibold`,children:t.map((e,t)=>(0,j.jsxDEV)(`span`,{children:e},t,!1,{fileName:H,lineNumber:1208,columnNumber:17},this))},void 0,!1,{fileName:H,lineNumber:1206,columnNumber:13},this),n.map((e,t)=>(0,j.jsxDEV)(`div`,{style:{color:r||`#1d1d1f`},className:`grid grid-cols-5 py-2 border-b border-[#f4f4f6] items-center`,children:[(0,j.jsxDEV)(`span`,{style:{color:r||`#1d1d1f`},className:`font-semibold`,children:e.customer||e.name},void 0,!1,{fileName:H,lineNumber:1214,columnNumber:17},this),(0,j.jsxDEV)(`span`,{style:{color:r?`${r}cc`:`#6e6e73`},children:e.plan||e.category||`-`},void 0,!1,{fileName:H,lineNumber:1215,columnNumber:17},this),(0,j.jsxDEV)(`span`,{className:`font-mono font-medium`,children:e.amount||e.value||`-`},void 0,!1,{fileName:H,lineNumber:1216,columnNumber:17},this),(0,j.jsxDEV)(`span`,{children:(0,j.jsxDEV)(`span`,{className:D(`inline-flex items-center px-2 py-0.5 rounded-full text-[10px] font-bold`,e.status===`Completed`||e.status===`Paid`?`bg-[#34c759]/10 text-[#34c759]`:`bg-[#ff9500]/10 text-[#ff9500]`),children:e.status||`Active`},void 0,!1,{fileName:H,lineNumber:1218,columnNumber:19},this)},void 0,!1,{fileName:H,lineNumber:1217,columnNumber:17},this),(0,j.jsxDEV)(`span`,{style:{color:r?`${r}aa`:`#86868b`},className:`text-[10.5px]`,children:e.date||`Today`},void 0,!1,{fileName:H,lineNumber:1229,columnNumber:17},this)]},t,!0,{fileName:H,lineNumber:1213,columnNumber:15},this))]},void 0,!0,{fileName:H,lineNumber:1205,columnNumber:11},this)]},void 0,!0,{fileName:H,lineNumber:1185,columnNumber:9},this)}case`dataList`:{let e=c.title||`Top Performing Items`,t=c.items||[{label:`North America (us-east)`,value:`$64,200`,badge:`52%`},{label:`Europe (eu-west)`,value:`$42,800`,badge:`34%`},{label:`Asia Pacific (ap-northeast)`,value:`$18,450`,badge:`14%`}],n=l.textColor;return(0,j.jsxDEV)(`div`,{style:{width:`100%`,height:`100%`,backgroundColor:l.backgroundColor||`#ffffff`,color:n||`#1d1d1f`,borderRadius:`${l.borderRadius??16}px`,borderWidth:`${l.borderWidth??1}px`,borderColor:l.borderColor||`#e5e5ea`,paddingTop:`${l.paddingTop??16}px`,paddingBottom:`${l.paddingBottom??16}px`,paddingLeft:`${l.paddingLeft??18}px`,paddingRight:`${l.paddingRight??18}px`},className:`flex flex-col select-none pointer-events-none ${v}`,children:[e&&(0,j.jsxDEV)(`h4`,{style:{color:n||`#1d1d1f`},className:`text-[13px] font-bold mb-2`,children:e},void 0,!1,{fileName:H,lineNumber:1263,columnNumber:21},this),(0,j.jsxDEV)(`div`,{className:`flex-1 flex flex-col justify-around divide-y divide-[#f4f4f6]`,children:t.map((e,t)=>(0,j.jsxDEV)(`div`,{className:`flex items-center justify-between py-1.5 text-[11.5px]`,children:[(0,j.jsxDEV)(`span`,{style:{color:n||`#1d1d1f`},className:`font-medium`,children:e.label},void 0,!1,{fileName:H,lineNumber:1268,columnNumber:17},this),(0,j.jsxDEV)(`div`,{className:`flex items-center gap-2`,children:[(0,j.jsxDEV)(`span`,{style:{color:n||`#1d1d1f`},className:`font-mono font-bold`,children:e.value},void 0,!1,{fileName:H,lineNumber:1270,columnNumber:19},this),e.badge&&(0,j.jsxDEV)(`span`,{className:`px-1.5 py-0.2 rounded bg-[#f4f4f6] text-[#6e6e73] font-semibold text-[10px]`,children:e.badge},void 0,!1,{fileName:H,lineNumber:1272,columnNumber:21},this)]},void 0,!0,{fileName:H,lineNumber:1269,columnNumber:17},this)]},t,!0,{fileName:H,lineNumber:1267,columnNumber:15},this))},void 0,!1,{fileName:H,lineNumber:1265,columnNumber:11},this)]},void 0,!0,{fileName:H,lineNumber:1247,columnNumber:9},this)}case`activityFeed`:{let e=c.title||`Live Activity Feed`,t=c.events||[{user:`Alex Rivera`,action:`upgraded to Enterprise`,time:`2m ago`,icon:`Sparkles`},{user:`Sarah Chen`,action:`invited 4 collaborators`,time:`14m ago`,icon:`User`},{user:`Cloud Scheduler`,action:`deployed 3 edge nodes`,time:`1h ago`,icon:`Zap`}],n=l.textColor;return(0,j.jsxDEV)(`div`,{style:{width:`100%`,height:`100%`,backgroundColor:l.backgroundColor||`#ffffff`,color:n||`#1d1d1f`,borderRadius:`${l.borderRadius??16}px`,borderWidth:`${l.borderWidth??1}px`,borderColor:l.borderColor||`#e5e5ea`,paddingTop:`${l.paddingTop??16}px`,paddingBottom:`${l.paddingBottom??16}px`,paddingLeft:`${l.paddingLeft??18}px`,paddingRight:`${l.paddingRight??18}px`},className:`flex flex-col select-none pointer-events-none ${v}`,children:[e&&(0,j.jsxDEV)(`h4`,{style:{color:n||`#1d1d1f`},className:`text-[13px] font-bold mb-2`,children:e},void 0,!1,{fileName:H,lineNumber:1310,columnNumber:21},this),(0,j.jsxDEV)(`div`,{className:`flex-1 flex flex-col justify-around`,children:t.map((e,t)=>{let r=ls[e.icon]||ur;return(0,j.jsxDEV)(`div`,{className:`flex items-center gap-2.5 py-1`,children:[(0,j.jsxDEV)(`div`,{className:`w-7 h-7 rounded-full bg-[#f4f4f6] text-[#0071e3] flex items-center justify-center shrink-0`,children:(0,j.jsxDEV)(r,{className:`w-3.5 h-3.5`},void 0,!1,{fileName:H,lineNumber:1318,columnNumber:21},this)},void 0,!1,{fileName:H,lineNumber:1317,columnNumber:19},this),(0,j.jsxDEV)(`div`,{className:`flex-1 min-w-0 text-[11.5px]`,children:[(0,j.jsxDEV)(`span`,{style:{color:n||`#1d1d1f`},className:`font-semibold`,children:[e.user,` `]},void 0,!0,{fileName:H,lineNumber:1321,columnNumber:21},this),(0,j.jsxDEV)(`span`,{style:{color:n?`${n}cc`:`#6e6e73`},children:e.action},void 0,!1,{fileName:H,lineNumber:1322,columnNumber:21},this)]},void 0,!0,{fileName:H,lineNumber:1320,columnNumber:19},this),(0,j.jsxDEV)(`span`,{style:{color:n?`${n}aa`:`#86868b`},className:`text-[10px] shrink-0`,children:e.time},void 0,!1,{fileName:H,lineNumber:1324,columnNumber:19},this)]},t,!0,{fileName:H,lineNumber:1316,columnNumber:17},this)})},void 0,!1,{fileName:H,lineNumber:1312,columnNumber:11},this)]},void 0,!0,{fileName:H,lineNumber:1294,columnNumber:9},this)}case`timeline`:{let e=c.title||`Deployment Timeline`,t=c.steps||[{label:`Production V2.4 Released`,date:`Today, 14:30`,completed:!0},{label:`WCAG 2.1 AA Audit Passed`,date:`Yesterday`,completed:!0},{label:`Database Sharding Migration`,date:`Scheduled Friday`,completed:!1}],n=l.textColor;return(0,j.jsxDEV)(`div`,{style:{width:`100%`,height:`100%`,backgroundColor:l.backgroundColor||`#ffffff`,color:n||`#1d1d1f`,borderRadius:`${l.borderRadius??16}px`,borderWidth:`${l.borderWidth??1}px`,borderColor:l.borderColor||`#e5e5ea`,paddingTop:`${l.paddingTop??16}px`,paddingBottom:`${l.paddingBottom??16}px`,paddingLeft:`${l.paddingLeft??18}px`,paddingRight:`${l.paddingRight??18}px`},className:`flex flex-col select-none pointer-events-none ${v}`,children:[e&&(0,j.jsxDEV)(`h4`,{style:{color:n||`#1d1d1f`},className:`text-[13px] font-bold mb-2`,children:e},void 0,!1,{fileName:H,lineNumber:1359,columnNumber:21},this),(0,j.jsxDEV)(`div`,{className:`flex-1 flex flex-col justify-around`,children:t.map((e,t)=>(0,j.jsxDEV)(`div`,{className:`flex items-start gap-2.5 relative`,children:[(0,j.jsxDEV)(`div`,{className:D(`w-4 h-4 rounded-full border-2 flex items-center justify-center shrink-0 mt-0.5`,e.completed?`border-[#0071e3] bg-[#0071e3] text-white`:`border-[#d1d1d6] bg-white`),children:e.completed&&(0,j.jsxDEV)(Mr,{className:`w-2.5 h-2.5 stroke-[3]`},void 0,!1,{fileName:H,lineNumber:1372,columnNumber:36},this)},void 0,!1,{fileName:H,lineNumber:1364,columnNumber:17},this),(0,j.jsxDEV)(`div`,{className:`flex-1`,children:[(0,j.jsxDEV)(`div`,{style:{color:n||`#1d1d1f`},className:`text-[12px] font-semibold`,children:e.label},void 0,!1,{fileName:H,lineNumber:1375,columnNumber:19},this),(0,j.jsxDEV)(`div`,{style:{color:n?`${n}aa`:`#86868b`},className:`text-[10px]`,children:e.date},void 0,!1,{fileName:H,lineNumber:1376,columnNumber:19},this)]},void 0,!0,{fileName:H,lineNumber:1374,columnNumber:17},this)]},t,!0,{fileName:H,lineNumber:1363,columnNumber:15},this))},void 0,!1,{fileName:H,lineNumber:1361,columnNumber:11},this)]},void 0,!0,{fileName:H,lineNumber:1343,columnNumber:9},this)}case`calendar`:{let e=c.month||`August 2026`,t=c.selectedDay||15,n=c.eventDays||[3,8,15,22,28],r=[`S`,`M`,`T`,`W`,`T`,`F`,`S`],i=l.textColor;return(0,j.jsxDEV)(`div`,{style:{width:`100%`,height:`100%`,backgroundColor:l.backgroundColor||`#ffffff`,color:i||`#1d1d1f`,borderRadius:`${l.borderRadius??16}px`,borderWidth:`${l.borderWidth??1}px`,borderColor:l.borderColor||`#e5e5ea`,padding:`16px`},className:`flex flex-col justify-between select-none pointer-events-none ${v}`,children:[(0,j.jsxDEV)(`div`,{className:`flex items-center justify-between mb-1`,children:[(0,j.jsxDEV)(`span`,{style:{color:i||`#1d1d1f`},className:`text-[12px] font-bold`,children:e},void 0,!1,{fileName:H,lineNumber:1407,columnNumber:13},this),(0,j.jsxDEV)(`div`,{style:{color:i?`${i}aa`:`#86868b`},className:`flex items-center gap-1`,children:[(0,j.jsxDEV)(Te,{className:`w-3.5 h-3.5`},void 0,!1,{fileName:H,lineNumber:1409,columnNumber:15},this),(0,j.jsxDEV)(pe,{className:`w-3.5 h-3.5`},void 0,!1,{fileName:H,lineNumber:1410,columnNumber:15},this)]},void 0,!0,{fileName:H,lineNumber:1408,columnNumber:13},this)]},void 0,!0,{fileName:H,lineNumber:1406,columnNumber:11},this),(0,j.jsxDEV)(`div`,{style:{color:i?`${i}aa`:`#86868b`},className:`grid grid-cols-7 text-center text-[10px] font-semibold mb-1`,children:r.map((e,t)=>(0,j.jsxDEV)(`span`,{children:e},t,!1,{fileName:H,lineNumber:1416,columnNumber:15},this))},void 0,!1,{fileName:H,lineNumber:1414,columnNumber:11},this),(0,j.jsxDEV)(`div`,{className:`grid grid-cols-7 gap-1 text-center text-[11px]`,children:Array.from({length:31},(e,t)=>t+1).map(e=>{let r=e===t,a=n.includes(e);return(0,j.jsxDEV)(`div`,{style:r?void 0:{color:i||`#1d1d1f`},className:D(`h-6 rounded-md flex items-center justify-center relative font-medium`,r?`bg-[#0071e3] text-white font-bold`:`hover:bg-[#f4f4f6]`),children:[(0,j.jsxDEV)(`span`,{children:e},void 0,!1,{fileName:H,lineNumber:1436,columnNumber:19},this),a&&!r&&(0,j.jsxDEV)(`span`,{className:`w-1 h-1 rounded-full bg-[#0071e3] absolute bottom-0.5`},void 0,!1,{fileName:H,lineNumber:1438,columnNumber:21},this)]},e,!0,{fileName:H,lineNumber:1426,columnNumber:17},this)})},void 0,!1,{fileName:H,lineNumber:1420,columnNumber:11},this)]},void 0,!0,{fileName:H,lineNumber:1393,columnNumber:9},this)}case`loginForm`:{let e=c.title||`Sign In`,t=c.subtitle||`Enter your email to continue`,n=c.buttonLabel||`Continue`;return(0,j.jsxDEV)(`div`,{style:{width:`100%`,height:`100%`,backgroundColor:l.backgroundColor||`#ffffff`,borderRadius:`${l.borderRadius??18}px`,borderWidth:`${l.borderWidth??1}px`,borderColor:l.borderColor||`#e5e5ea`,padding:`28px`,opacity:l.opacity??1},className:`flex flex-col justify-between select-none pointer-events-none ${v}`,children:[(0,j.jsxDEV)(`div`,{children:[(0,j.jsxDEV)(`h3`,{className:`text-[18px] font-bold text-[#1d1d1f] tracking-tight`,children:e},void 0,!1,{fileName:H,lineNumber:1468,columnNumber:13},this),(0,j.jsxDEV)(`p`,{className:`text-[12px] text-[#86868b] mt-1`,children:t},void 0,!1,{fileName:H,lineNumber:1469,columnNumber:13},this)]},void 0,!0,{fileName:H,lineNumber:1467,columnNumber:11},this),(0,j.jsxDEV)(`div`,{className:`flex flex-col gap-2.5 my-4`,children:[(0,j.jsxDEV)(`div`,{className:`h-9 px-3 rounded-[8px] bg-[#f4f4f6] border border-[#e5e5ea] flex items-center text-[12px] text-[#86868b]`,children:`name@work-email.com`},void 0,!1,{fileName:H,lineNumber:1472,columnNumber:13},this),(0,j.jsxDEV)(`div`,{className:`h-9 px-3 rounded-[8px] bg-[#f4f4f6] border border-[#e5e5ea] flex items-center text-[12px] text-[#86868b]`,children:`••••••••••••`},void 0,!1,{fileName:H,lineNumber:1475,columnNumber:13},this)]},void 0,!0,{fileName:H,lineNumber:1471,columnNumber:11},this),(0,j.jsxDEV)(`div`,{className:`w-full py-2.5 rounded-[10px] bg-[#0071e3] text-white text-[13px] font-medium text-center shadow-apple-sm`,children:n},void 0,!1,{fileName:H,lineNumber:1479,columnNumber:11},this)]},void 0,!0,{fileName:H,lineNumber:1454,columnNumber:9},this)}case`productCard`:{let e=c.title||c.name||`Product Item`,t=c.price||c.value||``,n=c.subtitle||c.description||c.text||``,r=c.image||c.imageUrl,i=c.buttonText||c.label||`Learn More`,a=c.icon,o=a&&ls[a]?ls[a]:kn,s=l.textColor;return(0,j.jsxDEV)(`div`,{style:{width:`100%`,height:`100%`,backgroundColor:l.backgroundColor||`#ffffff`,color:s||`#1d1d1f`,borderRadius:`${l.borderRadius??16}px`,borderWidth:`${l.borderWidth??1}px`,borderColor:l.borderColor||`#e5e5ea`,borderStyle:(l.borderWidth??1)>0?`solid`:`none`,opacity:l.opacity??1,backdropFilter:l.backdropBlur?`blur(${l.backdropBlur}px)`:void 0},className:`flex flex-col overflow-hidden select-none pointer-events-none ${v}`,children:[r?(0,j.jsxDEV)(`div`,{className:`w-full h-44 bg-[#f4f4f6] dark:bg-white/5 overflow-hidden`,children:(0,j.jsxDEV)(`img`,{src:r,alt:e,className:`w-full h-full object-cover`},void 0,!1,{fileName:H,lineNumber:1514,columnNumber:15},this)},void 0,!1,{fileName:H,lineNumber:1513,columnNumber:13},this):(0,j.jsxDEV)(`div`,{className:`w-full h-36 bg-gradient-to-br from-black/20 via-black/40 to-black/60 dark:from-white/5 dark:to-white/10 flex flex-col items-center justify-center p-4 border-b border-white/10 relative overflow-hidden`,children:[(0,j.jsxDEV)(`div`,{className:`w-12 h-12 rounded-2xl bg-white/10 border border-white/20 flex items-center justify-center text-[#0071e3] dark:text-[#9d52ff] mb-2 shadow-sm`,children:(0,j.jsxDEV)(o,{className:`w-6 h-6`},void 0,!1,{fileName:H,lineNumber:1519,columnNumber:17},this)},void 0,!1,{fileName:H,lineNumber:1518,columnNumber:15},this),t&&(0,j.jsxDEV)(`span`,{className:`px-2.5 py-0.5 rounded-full bg-white/10 border border-white/20 text-white text-[11px] font-bold`,children:t},void 0,!1,{fileName:H,lineNumber:1522,columnNumber:17},this)]},void 0,!0,{fileName:H,lineNumber:1517,columnNumber:13},this),(0,j.jsxDEV)(`div`,{className:`p-4 flex flex-col justify-between flex-1`,children:[(0,j.jsxDEV)(`div`,{children:[(0,j.jsxDEV)(`h4`,{style:{color:s||`#1d1d1f`},className:`text-[15px] font-bold truncate`,children:e},void 0,!1,{fileName:H,lineNumber:1530,columnNumber:15},this),n&&(0,j.jsxDEV)(`p`,{style:{color:s?`${s}cc`:`#86868b`},className:`text-[12px] mt-1 line-clamp-2 leading-relaxed`,children:n},void 0,!1,{fileName:H,lineNumber:1532,columnNumber:17},this),t&&r&&(0,j.jsxDEV)(`div`,{className:`text-[16px] font-bold text-[#0071e3] mt-1.5`,children:t},void 0,!1,{fileName:H,lineNumber:1536,columnNumber:32},this)]},void 0,!0,{fileName:H,lineNumber:1529,columnNumber:13},this),(0,j.jsxDEV)(`div`,{className:`w-full mt-3 py-2 rounded-[8px] bg-[#0071e3] text-white text-[12px] font-semibold text-center shadow-sm`,children:i},void 0,!1,{fileName:H,lineNumber:1538,columnNumber:13},this)]},void 0,!0,{fileName:H,lineNumber:1528,columnNumber:11},this)]},void 0,!0,{fileName:H,lineNumber:1497,columnNumber:9},this)}case`switch`:case`toggleSwitch`:case`toggle`:{let e=c.label||`Toggle Setting`,t=c.enabled!==!1,n=l.textColor;return(0,j.jsxDEV)(`div`,{style:{width:`100%`,height:`100%`,backgroundColor:l.backgroundColor||`#18181d`,borderRadius:`${l.borderRadius??12}px`,borderWidth:`${l.borderWidth??1}px`,borderColor:l.borderColor||`rgba(255, 255, 255, 0.1)`,paddingLeft:`16px`,paddingRight:`16px`,opacity:l.opacity??1},className:`flex items-center justify-between select-none pointer-events-none ${v}`,children:[(0,j.jsxDEV)(`span`,{style:{color:n||`#ffffff`},className:`text-[13px] font-medium`,children:e},void 0,!1,{fileName:H,lineNumber:1568,columnNumber:11},this),(0,j.jsxDEV)(`div`,{className:`w-11 h-6 rounded-full transition-colors flex items-center p-0.5 ${t?`bg-[#34c759] justify-end`:`bg-zinc-600 justify-start`}`,children:(0,j.jsxDEV)(`div`,{className:`w-5 h-5 rounded-full bg-white shadow-md`},void 0,!1,{fileName:H,lineNumber:1574,columnNumber:13},this)},void 0,!1,{fileName:H,lineNumber:1569,columnNumber:11},this)]},void 0,!0,{fileName:H,lineNumber:1554,columnNumber:9},this)}case`mobileHeader`:{let e=c.title||`Screen Title`,t=c.actionLabel||`Done`;return(0,j.jsxDEV)(`div`,{style:{width:`100%`,height:`100%`,backgroundColor:l.backgroundColor||`#ffffff`,borderRadius:`${l.borderRadius??12}px`,borderWidth:`${l.borderWidth??1}px`,borderColor:l.borderColor||`#e5e5ea`,paddingLeft:`16px`,paddingRight:`16px`,opacity:l.opacity??1},className:`flex items-center justify-between select-none pointer-events-none ${v}`,children:[(0,j.jsxDEV)(`div`,{className:`flex items-center gap-1 text-[#0071e3] text-[13px] font-medium`,children:[(0,j.jsxDEV)(Te,{className:`w-4 h-4`},void 0,!1,{fileName:H,lineNumber:1600,columnNumber:13},this),(0,j.jsxDEV)(`span`,{children:`Back`},void 0,!1,{fileName:H,lineNumber:1601,columnNumber:13},this)]},void 0,!0,{fileName:H,lineNumber:1599,columnNumber:11},this),(0,j.jsxDEV)(`span`,{className:`text-[14px] font-semibold text-[#1d1d1f]`,children:e},void 0,!1,{fileName:H,lineNumber:1603,columnNumber:11},this),(0,j.jsxDEV)(`span`,{className:`text-[#0071e3] text-[13px] font-semibold`,children:t},void 0,!1,{fileName:H,lineNumber:1604,columnNumber:11},this)]},void 0,!0,{fileName:H,lineNumber:1585,columnNumber:9},this)}case`footer`:{let e=c.brandName||`Cyrus`,t=c.copyright||`© 2026 Cyrus Software.`,n=c.col1Title||`Product`,r=c.col1Links||[`Features`,`Engine`,`Templates`],i=c.col2Title||`Resources`,a=c.col2Links||[`Documentation`,`API`,`Changelog`];return(0,j.jsxDEV)(`div`,{style:{width:`100%`,height:`100%`,backgroundColor:l.backgroundColor||`#ffffff`,borderRadius:`${l.borderRadius??14}px`,borderWidth:`${l.borderWidth??1}px`,borderColor:l.borderColor||`#e5e5ea`,padding:`24px 32px`,opacity:l.opacity??1},className:`flex items-start justify-between select-none pointer-events-none ${v}`,children:[(0,j.jsxDEV)(`div`,{className:`flex flex-col gap-2 max-w-xs`,children:[(0,j.jsxDEV)(`div`,{className:`text-[16px] font-bold text-[#1d1d1f] flex items-center gap-2`,children:[(0,j.jsxDEV)(`div`,{className:`w-5 h-5 rounded-[5px] bg-[#1d1d1f] text-white flex items-center justify-center text-[10px]`,children:`C`},void 0,!1,{fileName:H,lineNumber:1633,columnNumber:15},this),(0,j.jsxDEV)(`span`,{children:e},void 0,!1,{fileName:H,lineNumber:1636,columnNumber:15},this)]},void 0,!0,{fileName:H,lineNumber:1632,columnNumber:13},this),(0,j.jsxDEV)(`p`,{className:`text-[11px] text-[#86868b]`,children:t},void 0,!1,{fileName:H,lineNumber:1638,columnNumber:13},this)]},void 0,!0,{fileName:H,lineNumber:1631,columnNumber:11},this),(0,j.jsxDEV)(`div`,{className:`flex items-start gap-16`,children:[(0,j.jsxDEV)(`div`,{className:`flex flex-col gap-1.5`,children:[(0,j.jsxDEV)(`span`,{className:`text-[12px] font-semibold text-[#1d1d1f]`,children:n},void 0,!1,{fileName:H,lineNumber:1643,columnNumber:15},this),r.map((e,t)=>(0,j.jsxDEV)(`span`,{className:`text-[11px] text-[#6e6e73]`,children:e},t,!1,{fileName:H,lineNumber:1645,columnNumber:17},this))]},void 0,!0,{fileName:H,lineNumber:1642,columnNumber:13},this),(0,j.jsxDEV)(`div`,{className:`flex flex-col gap-1.5`,children:[(0,j.jsxDEV)(`span`,{className:`text-[12px] font-semibold text-[#1d1d1f]`,children:i},void 0,!1,{fileName:H,lineNumber:1651,columnNumber:15},this),a.map((e,t)=>(0,j.jsxDEV)(`span`,{className:`text-[11px] text-[#6e6e73]`,children:e},t,!1,{fileName:H,lineNumber:1653,columnNumber:17},this))]},void 0,!0,{fileName:H,lineNumber:1650,columnNumber:13},this)]},void 0,!0,{fileName:H,lineNumber:1641,columnNumber:11},this)]},void 0,!0,{fileName:H,lineNumber:1618,columnNumber:9},this)}case`input`:{let e=c.label,t=c.placeholder||c.text||`Enter value...`,n=c.shortcutKey;return(0,j.jsxDEV)(`div`,{style:{width:`100%`,height:`100%`,opacity:l.opacity??1},className:`flex flex-col justify-center gap-1.5 select-none pointer-events-none`,children:[e&&(0,j.jsxDEV)(`span`,{className:`text-[12px] font-medium text-[#6e6e73]`,children:e},void 0,!1,{fileName:H,lineNumber:1677,columnNumber:21},this),(0,j.jsxDEV)(`div`,{className:`w-full h-9 px-3 rounded-[8px] bg-white border border-[#e5e5ea] flex items-center justify-between text-[13px] text-[#86868b] shadow-2xs`,children:[(0,j.jsxDEV)(`div`,{className:`flex items-center gap-2`,children:[u===`searchBar`&&(0,j.jsxDEV)(Vt,{className:`w-3.5 h-3.5 text-[#86868b]`},void 0,!1,{fileName:H,lineNumber:1680,columnNumber:40},this),(0,j.jsxDEV)(`span`,{children:t},void 0,!1,{fileName:H,lineNumber:1681,columnNumber:15},this)]},void 0,!0,{fileName:H,lineNumber:1679,columnNumber:13},this),n&&(0,j.jsxDEV)(`kbd`,{className:`px-1.5 py-0.5 rounded bg-[#f4f4f6] text-[10px] font-mono border border-[#e5e5ea]`,children:n},void 0,!1,{fileName:H,lineNumber:1684,columnNumber:15},this)]},void 0,!0,{fileName:H,lineNumber:1678,columnNumber:11},this)]},void 0,!0,{fileName:H,lineNumber:1669,columnNumber:9},this)}case`searchBar`:case`inputBar`:{let e=l.backgroundColor||`#ffffff`,t=l.borderColor||`#e5e5ea`,n=l.borderWidth??1,r=l.borderRadius??12,i=c.text||c.placeholder||c.label||`Search...`;return(0,j.jsxDEV)(`div`,{style:{width:`100%`,height:`100%`,backgroundColor:e,borderRadius:`${r}px`,borderWidth:`${n}px`,borderColor:t,borderStyle:n>0?`solid`:`none`,opacity:l.opacity??1},className:`w-full h-full px-3.5 flex items-center pointer-events-none select-none text-[#86868b] shadow-2xs`,children:(0,j.jsxDEV)(`div`,{className:`flex items-center gap-2 min-w-0`,children:[(0,j.jsxDEV)(`svg`,{className:`w-4 h-4 text-[#86868b] shrink-0`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2.5`,children:[(0,j.jsxDEV)(`circle`,{cx:`11`,cy:`11`,r:`8`},void 0,!1,{fileName:H,lineNumber:1716,columnNumber:15},this),(0,j.jsxDEV)(`line`,{x1:`21`,y1:`21`,x2:`16.65`,y2:`16.65`},void 0,!1,{fileName:H,lineNumber:1717,columnNumber:15},this)]},void 0,!0,{fileName:H,lineNumber:1715,columnNumber:13},this),(0,j.jsxDEV)(`span`,{className:`text-[13px] text-[#1d1d1f] dark:text-white font-medium truncate`,children:i},void 0,!1,{fileName:H,lineNumber:1719,columnNumber:13},this)]},void 0,!0,{fileName:H,lineNumber:1714,columnNumber:11},this)},void 0,!1,{fileName:H,lineNumber:1701,columnNumber:9},this)}case`icon`:{let t=ls[c.iconName||c.icon||`Sparkles`]||he,n=l.textColor||m,r=c.label??c.text??``,i=Math.min(e.width,e.height)*(r?.5:.7);return(0,j.jsxDEV)(`div`,{style:{width:`100%`,height:`100%`,opacity:l.opacity??1,color:n,backgroundColor:l.backgroundColor||`transparent`,borderRadius:`${l.borderRadius??0}px`,borderWidth:`${l.borderWidth??0}px`,borderColor:l.borderColor||`transparent`,borderStyle:(l.borderWidth??0)>0?`solid`:`none`},className:`flex flex-col items-center justify-center select-none pointer-events-none gap-1 ${v}`,children:[(0,j.jsxDEV)(t,{style:{width:`${Math.max(14,i)}px`,height:`${Math.max(14,i)}px`}},void 0,!1,{fileName:H,lineNumber:1747,columnNumber:11},this),r&&(0,j.jsxDEV)(`span`,{style:{color:n},className:`text-[12px] font-medium text-center truncate max-w-full leading-tight px-1`,children:r},void 0,!1,{fileName:H,lineNumber:1749,columnNumber:13},this)]},void 0,!0,{fileName:H,lineNumber:1733,columnNumber:9},this)}case`shape`:{let e=c.shapeType||c.shape||`appCard`,t=l.backgroundColor||l.fill||`#ffffff`,n=l.borderColor||l.stroke||`#e5e5ea`,r=l.borderWidth??1,i=l.borderRadius??16;switch(e){case`appCard`:case`card`:return(0,j.jsxDEV)(`div`,{style:{width:`100%`,height:`100%`,backgroundColor:t,borderRadius:`${i}px`,borderWidth:`${r}px`,borderColor:n,borderStyle:r>0?`solid`:`none`,opacity:l.opacity??1},className:`w-full h-full p-4 flex flex-col justify-between pointer-events-none select-none ${v}`,children:[(0,j.jsxDEV)(`div`,{className:`flex items-center justify-between w-full`,children:[(0,j.jsxDEV)(`div`,{className:`w-8 h-2 rounded-full bg-[#e5e5ea] dark:bg-[#38383a]`},void 0,!1,{fileName:H,lineNumber:1783,columnNumber:17},this),(0,j.jsxDEV)(`div`,{className:`w-3 h-3 rounded-full bg-[#34c759]`},void 0,!1,{fileName:H,lineNumber:1784,columnNumber:17},this)]},void 0,!0,{fileName:H,lineNumber:1782,columnNumber:15},this),(0,j.jsxDEV)(`div`,{className:`flex flex-col gap-1.5`,children:[(0,j.jsxDEV)(`div`,{className:`w-3/4 h-3.5 rounded bg-[#1d1d1f]/80 dark:bg-white/80`},void 0,!1,{fileName:H,lineNumber:1787,columnNumber:17},this),(0,j.jsxDEV)(`div`,{className:`w-1/2 h-2.5 rounded bg-[#86868b]/50`},void 0,!1,{fileName:H,lineNumber:1788,columnNumber:17},this)]},void 0,!0,{fileName:H,lineNumber:1786,columnNumber:15},this)]},void 0,!0,{fileName:H,lineNumber:1769,columnNumber:13},this);case`pillChip`:case`pill`:case`chip`:return(0,j.jsxDEV)(`div`,{style:{width:`100%`,height:`100%`,backgroundColor:t||`#f2f2f7`,borderRadius:`9999px`,borderWidth:`${r}px`,borderColor:n,borderStyle:r>0?`solid`:`none`,opacity:l.opacity??1},className:`w-full h-full px-3 flex items-center justify-center gap-2 pointer-events-none select-none ${v}`,children:[(0,j.jsxDEV)(`span`,{className:`w-2 h-2 rounded-full bg-[#7d2ae8]`},void 0,!1,{fileName:H,lineNumber:1811,columnNumber:15},this),(0,j.jsxDEV)(`span`,{className:`text-[12px] font-semibold text-[#1d1d1f] dark:text-white truncate`,children:c.label||`Active Filter`},void 0,!1,{fileName:H,lineNumber:1812,columnNumber:15},this)]},void 0,!0,{fileName:H,lineNumber:1798,columnNumber:13},this);case`avatarCircle`:case`circle`:case`avatar`:return(0,j.jsxDEV)(`div`,{style:{width:`100%`,height:`100%`,backgroundColor:t||`#0071e3`,borderRadius:`9999px`,borderWidth:`${r}px`,borderColor:n||`#ffffff`,borderStyle:r>0?`solid`:`none`,opacity:l.opacity??1},className:`w-full h-full flex items-center justify-center pointer-events-none select-none text-white ${v}`,children:(0,j.jsxDEV)(`svg`,{className:`w-1/2 h-1/2`,viewBox:`0 0 24 24`,fill:`currentColor`,children:(0,j.jsxDEV)(`path`,{d:`M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z`},void 0,!1,{fileName:H,lineNumber:1837,columnNumber:17},this)},void 0,!1,{fileName:H,lineNumber:1836,columnNumber:15},this)},void 0,!1,{fileName:H,lineNumber:1823,columnNumber:13},this);case`appIconTile`:case`squircle`:return(0,j.jsxDEV)(`div`,{style:{width:`100%`,height:`100%`,backgroundColor:t||`#1d1d1f`,borderRadius:`22%`,borderWidth:`${r}px`,borderColor:n,borderStyle:r>0?`solid`:`none`,opacity:l.opacity??1},className:`w-full h-full flex items-center justify-center pointer-events-none select-none text-white shadow-apple-md`,children:(0,j.jsxDEV)(`div`,{className:`w-7 h-7 rounded-[9px] bg-white/20 flex items-center justify-center`,children:(0,j.jsxDEV)(`div`,{className:`w-3.5 h-3.5 rounded-full bg-white`},void 0,!1,{fileName:H,lineNumber:1860,columnNumber:17},this)},void 0,!1,{fileName:H,lineNumber:1859,columnNumber:15},this)},void 0,!1,{fileName:H,lineNumber:1846,columnNumber:13},this);case`actionButton`:case`buttonSurface`:return(0,j.jsxDEV)(`div`,{style:{width:`100%`,height:`100%`,backgroundColor:t||`#7d2ae8`,color:l.textColor||`#ffffff`,borderRadius:`${i||12}px`,borderWidth:`${r}px`,borderColor:n,borderStyle:r>0?`solid`:`none`,opacity:l.opacity??1},className:`w-full h-full flex items-center justify-center font-semibold text-[13px] px-4 pointer-events-none select-none shadow-apple-sm`,children:c.label||`Action Button`},void 0,!1,{fileName:H,lineNumber:1869,columnNumber:13},this);case`inputBar`:case`searchBar`:{let e=c.text||c.placeholder||c.label||`Search...`;return(0,j.jsxDEV)(`div`,{style:{width:`100%`,height:`100%`,backgroundColor:t||`#ffffff`,borderRadius:`${i||12}px`,borderWidth:`${r}px`,borderColor:n||`#e5e5ea`,borderStyle:r>0?`solid`:`none`,opacity:l.opacity??1},className:`w-full h-full px-3.5 flex items-center pointer-events-none select-none text-[#86868b] shadow-2xs`,children:(0,j.jsxDEV)(`div`,{className:`flex items-center gap-2 min-w-0`,children:[(0,j.jsxDEV)(`svg`,{className:`w-4 h-4 text-[#86868b] shrink-0`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2.5`,children:[(0,j.jsxDEV)(`circle`,{cx:`11`,cy:`11`,r:`8`},void 0,!1,{fileName:H,lineNumber:1907,columnNumber:19},this),(0,j.jsxDEV)(`line`,{x1:`21`,y1:`21`,x2:`16.65`,y2:`16.65`},void 0,!1,{fileName:H,lineNumber:1908,columnNumber:19},this)]},void 0,!0,{fileName:H,lineNumber:1906,columnNumber:17},this),(0,j.jsxDEV)(`span`,{className:`text-[13px] text-[#1d1d1f] dark:text-white font-medium truncate`,children:e},void 0,!1,{fileName:H,lineNumber:1910,columnNumber:17},this)]},void 0,!0,{fileName:H,lineNumber:1905,columnNumber:15},this)},void 0,!1,{fileName:H,lineNumber:1892,columnNumber:13},this)}case`tooltipBubble`:case`callout`:case`tooltip`:return(0,j.jsxDEV)(`svg`,{viewBox:`0 0 100 50`,preserveAspectRatio:`none`,style:{width:`100%`,height:`100%`,opacity:l.opacity??1},className:`w-full h-full pointer-events-none select-none overflow-visible ${v}`,children:[(0,j.jsxDEV)(`path`,{d:`M 6,4 H 94 Q 98,4 98,8 V 36 Q 98,40 94,40 H 56 L 50,48 L 44,40 H 6 Q 2,40 2,36 V 8 Q 2,4 6,4 Z`,fill:t||`#1d1d1f`,stroke:n,strokeWidth:r,strokeLinejoin:`round`},void 0,!1,{fileName:H,lineNumber:1927,columnNumber:15},this),(0,j.jsxDEV)(`text`,{x:`50`,y:`24`,fill:`#ffffff`,fontSize:`9`,fontWeight:`600`,textAnchor:`middle`,dominantBaseline:`middle`,children:c.text||`Hint Tooltip`},void 0,!1,{fileName:H,lineNumber:1934,columnNumber:15},this)]},void 0,!0,{fileName:H,lineNumber:1921,columnNumber:13},this);case`bottomSheet`:case`sheet`:return(0,j.jsxDEV)(`div`,{style:{width:`100%`,height:`100%`,backgroundColor:t||`#ffffff`,borderTopLeftRadius:`${i||20}px`,borderTopRightRadius:`${i||20}px`,borderWidth:`${r}px`,borderColor:n||`#e5e5ea`,borderStyle:r>0?`solid`:`none`,opacity:l.opacity??1},className:`w-full h-full pt-2.5 px-4 flex flex-col items-center gap-3 pointer-events-none select-none shadow-apple-lg`,children:[(0,j.jsxDEV)(`div`,{className:`w-10 h-1 rounded-full bg-[#d1d1d6] dark:bg-[#38383a]`},void 0,!1,{fileName:H,lineNumber:1958,columnNumber:15},this),(0,j.jsxDEV)(`div`,{className:`w-full flex items-center justify-between`,children:[(0,j.jsxDEV)(`span`,{className:`text-[13px] font-bold text-[#1d1d1f] dark:text-white`,children:c.title||`Sheet Modal`},void 0,!1,{fileName:H,lineNumber:1960,columnNumber:17},this),(0,j.jsxDEV)(`span`,{className:`text-[12px] font-semibold text-[#0071e3]`,children:`Done`},void 0,!1,{fileName:H,lineNumber:1961,columnNumber:17},this)]},void 0,!0,{fileName:H,lineNumber:1959,columnNumber:15},this),(0,j.jsxDEV)(`div`,{className:`w-full h-10 rounded-xl bg-[#f4f4f6] dark:bg-[#2c2c2e]`},void 0,!1,{fileName:H,lineNumber:1963,columnNumber:15},this)]},void 0,!0,{fileName:H,lineNumber:1944,columnNumber:13},this);default:return(0,j.jsxDEV)(`div`,{style:{width:`100%`,height:`100%`,backgroundColor:t,borderRadius:`${i}px`,borderWidth:`${r}px`,borderColor:n,borderStyle:r>0?`solid`:`none`,opacity:l.opacity??1},className:`w-full h-full pointer-events-none select-none ${v}`},void 0,!1,{fileName:H,lineNumber:1969,columnNumber:13},this)}}case`line`:case`divider`:return(0,j.jsxDEV)(`div`,{style:{width:`100%`,height:`100%`,backgroundColor:l.backgroundColor||l.borderColor||`#0071e3`,borderRadius:`${l.borderRadius??2}px`,opacity:l.opacity??1},className:`w-full h-full select-none pointer-events-none`},void 0,!1,{fileName:H,lineNumber:1989,columnNumber:9},this);case`video`:{let e=c.url||c.src||`https://assets.mixkit.co/videos/preview/mixkit-software-developer-working-on-code-screen-close-up-1728-large.mp4`,t=c.autoplay!==!1,n=c.loop!==!1,r=c.muted!==!1,i=c.controls===!0,a=l.objectFit||`cover`;return(0,j.jsxDEV)(`div`,{style:{width:`100%`,height:`100%`,borderRadius:`${l.borderRadius??14}px`,borderWidth:`${l.borderWidth??1}px`,borderColor:l.borderColor||`#e5e5ea`,opacity:l.opacity??1},className:`overflow-hidden bg-[#1d1d1f] pointer-events-none select-none ${v}`,children:(0,j.jsxDEV)(`video`,{src:e,autoPlay:t,loop:n,muted:r,controls:i,style:{width:`100%`,height:`100%`,objectFit:a}},void 0,!1,{fileName:H,lineNumber:2022,columnNumber:11},this)},void 0,!1,{fileName:H,lineNumber:2011,columnNumber:9},this)}case`image`:{let t=c.url||c.src||`https://images.unsplash.com/photo-1618005182384-a83a8bd57fbe?w=800&auto=format&fit=crop&q=80`,n=c.objectFit||l.objectFit||`fill`,r=e.accessibility||{},i=r.isDecorative?``:r.altText||e.name||`Asset Image`,a=c.flipH||c.flipV?`scaleX(${c.flipH?-1:1}) scaleY(${c.flipV?-1:1})`:void 0;return(0,j.jsxDEV)(`div`,{style:{width:`100%`,height:`100%`,borderRadius:`${l.borderRadius??0}px`,borderWidth:`${l.borderWidth??0}px`,borderColor:l.borderColor||`transparent`,borderStyle:(l.borderWidth??0)>0?`solid`:`none`,opacity:l.opacity??1,backgroundColor:l.backgroundColor||`transparent`},className:`overflow-hidden pointer-events-none select-none ${v}`,children:(0,j.jsxDEV)(`img`,{src:t,alt:i,"aria-hidden":r.isDecorative?!0:void 0,style:{objectFit:n,width:`100%`,height:`100%`,transform:a},className:`w-full h-full block`,draggable:!1},void 0,!1,{fileName:H,lineNumber:2057,columnNumber:11},this)},void 0,!1,{fileName:H,lineNumber:2044,columnNumber:9},this)}case`container`:{let t=c.title;return(0,j.jsxDEV)(`div`,{style:{width:`100%`,height:`100%`,backgroundColor:l.backgroundColor||`#ffffff`,borderRadius:`${l.borderRadius??16}px`,borderWidth:`${l.borderWidth??1}px`,borderColor:l.borderColor||`#e5e5ea`,padding:`16px`,opacity:l.opacity??1,backdropFilter:l.backdropBlur?`blur(${l.backdropBlur}px)`:void 0},className:`relative flex flex-col select-none pointer-events-none ${v}`,children:[t&&(0,j.jsxDEV)(`span`,{className:`text-[11px] font-medium text-[#86868b] uppercase tracking-wider mb-2`,children:t},void 0,!1,{fileName:H,lineNumber:2092,columnNumber:13},this),n&&n.map(t=>(0,j.jsxDEV)(`div`,{style:{position:`absolute`,left:`${t.x-e.x}px`,top:`${t.y-e.y}px`,width:`${t.width}px`,height:`${t.height}px`,transform:`rotate(${t.rotation}deg)`,zIndex:t.zIndex},children:(0,j.jsxDEV)(ds,{element:t},void 0,!1,{fileName:H,lineNumber:2109,columnNumber:15},this)},t.id,!1,{fileName:H,lineNumber:2097,columnNumber:13},this))]},void 0,!0,{fileName:H,lineNumber:2077,columnNumber:9},this)}case`form`:{let e=c.title||`Form`,t=c.subtitle||``,r=c.submitLabel||`Submit`,i=l.textColor;return(0,j.jsxDEV)(`div`,{style:{width:`100%`,height:`100%`,backgroundColor:l.backgroundColor||`#ffffff`,color:i||`#1d1d1f`,borderRadius:`${l.borderRadius??16}px`,borderWidth:`${l.borderWidth??1}px`,borderColor:l.borderColor||`#e5e5ea`,padding:`${l.padding??24}px`,opacity:l.opacity??1,display:`flex`,flexDirection:`column`,justifyContent:`space-between`,gap:`16px`},className:`select-none pointer-events-none ${v}`,children:[(0,j.jsxDEV)(`div`,{children:[e&&(0,j.jsxDEV)(`h3`,{style:{color:i||`#1d1d1f`},className:`text-[17px] font-bold tracking-tight`,children:e},void 0,!1,{fileName:H,lineNumber:2142,columnNumber:23},this),t&&(0,j.jsxDEV)(`p`,{style:{color:i?`${i}cc`:`#86868b`},className:`text-[12px] mt-0.5`,children:t},void 0,!1,{fileName:H,lineNumber:2143,columnNumber:26},this)]},void 0,!0,{fileName:H,lineNumber:2141,columnNumber:11},this),(0,j.jsxDEV)(`div`,{className:`flex-1 flex flex-col gap-3`,children:n&&n.length>0?n.map(e=>(0,j.jsxDEV)(`div`,{className:`w-full`,children:(0,j.jsxDEV)(ds,{element:e},void 0,!1,{fileName:H,lineNumber:2150,columnNumber:19},this)},e.id,!1,{fileName:H,lineNumber:2149,columnNumber:17},this)):(0,j.jsxDEV)(`div`,{className:`flex flex-col gap-2.5`,children:[(0,j.jsxDEV)(`div`,{style:{color:i?`${i}aa`:`#86868b`},className:`h-8 bg-[#f4f4f6] rounded-[8px] border border-[#e5e5ea] px-2.5 flex items-center text-[12px]`,children:`Name`},void 0,!1,{fileName:H,lineNumber:2155,columnNumber:17},this),(0,j.jsxDEV)(`div`,{style:{color:i?`${i}aa`:`#86868b`},className:`h-8 bg-[#f4f4f6] rounded-[8px] border border-[#e5e5ea] px-2.5 flex items-center text-[12px]`,children:`Email`},void 0,!1,{fileName:H,lineNumber:2158,columnNumber:17},this)]},void 0,!0,{fileName:H,lineNumber:2154,columnNumber:15},this)},void 0,!1,{fileName:H,lineNumber:2146,columnNumber:11},this),(0,j.jsxDEV)(`div`,{className:`w-full py-2.5 rounded-[10px] bg-[#0071e3] text-white text-[13px] font-semibold text-center shadow-apple-sm`,children:r},void 0,!1,{fileName:H,lineNumber:2165,columnNumber:11},this)]},void 0,!0,{fileName:H,lineNumber:2123,columnNumber:9},this)}case`input`:case`formField`:{let e=c.label||`Input Field`,t=c.placeholder||`Enter value...`,n=c.helperText,r=c.required===!0,i=c.value??``,a=c.state||`default`,o=l.textColor;return(0,j.jsxDEV)(`div`,{style:{width:`100%`,height:`100%`,opacity:l.opacity??(a===`disabled`?.6:1),color:o||`#1d1d1f`,display:`flex`,flexDirection:`column`,justifyContent:`center`,gap:`5px`},className:`select-none pointer-events-none`,children:[e&&(0,j.jsxDEV)(`label`,{style:{color:o||`#1d1d1f`},className:`text-[12px] font-semibold flex items-center gap-1`,children:[(0,j.jsxDEV)(`span`,{children:e},void 0,!1,{fileName:H,lineNumber:2206,columnNumber:15},this),r&&(0,j.jsxDEV)(`span`,{className:`text-[#ff3b30] text-[11px]`,children:`*`},void 0,!1,{fileName:H,lineNumber:2207,columnNumber:25},this)]},void 0,!0,{fileName:H,lineNumber:2205,columnNumber:13},this),(0,j.jsxDEV)(`div`,{style:{borderColor:{default:`#e5e5ea`,focused:`#0071e3`,error:`#ff3b30`,success:`#34c759`,disabled:`#e5e5ea`}[a]||l.borderColor||`#e5e5ea`,borderRadius:`${l.borderRadius??8}px`,backgroundColor:a===`disabled`?`#f4f4f6`:l.backgroundColor||`#ffffff`,color:o||`#1d1d1f`},className:`w-full h-9 px-3 border flex items-center text-[13px] shadow-2xs`,children:i?(0,j.jsxDEV)(`span`,{children:i},void 0,!1,{fileName:H,lineNumber:2220,columnNumber:15},this):(0,j.jsxDEV)(`span`,{style:{color:o?`${o}88`:`#86868b`},children:t},void 0,!1,{fileName:H,lineNumber:2222,columnNumber:15},this)},void 0,!1,{fileName:H,lineNumber:2210,columnNumber:11},this),n&&(0,j.jsxDEV)(`span`,{className:`text-[11px] ${a===`error`?`text-[#ff3b30] font-medium`:a===`success`?`text-[#34c759] font-medium`:`text-[#86868b]`}`,children:n},void 0,!1,{fileName:H,lineNumber:2226,columnNumber:13},this)]},void 0,!0,{fileName:H,lineNumber:2191,columnNumber:9},this)}case`textarea`:{let e=c.label||`Message Field`,t=c.placeholder||`Type here...`,n=c.required===!0,r=l.textColor;return(0,j.jsxDEV)(`div`,{style:{width:`100%`,height:`100%`,opacity:l.opacity??1,color:r||`#1d1d1f`,display:`flex`,flexDirection:`column`,gap:`5px`},className:`select-none pointer-events-none`,children:[e&&(0,j.jsxDEV)(`label`,{style:{color:r||`#1d1d1f`},className:`text-[12px] font-semibold flex items-center gap-1`,children:[(0,j.jsxDEV)(`span`,{children:e},void 0,!1,{fileName:H,lineNumber:2259,columnNumber:15},this),n&&(0,j.jsxDEV)(`span`,{className:`text-[#ff3b30] text-[11px]`,children:`*`},void 0,!1,{fileName:H,lineNumber:2260,columnNumber:25},this)]},void 0,!0,{fileName:H,lineNumber:2258,columnNumber:13},this),(0,j.jsxDEV)(`div`,{style:{borderRadius:`${l.borderRadius??8}px`,borderColor:l.borderColor||`#e5e5ea`,backgroundColor:l.backgroundColor||`#ffffff`,color:r||`#1d1d1f`},className:`w-full flex-1 p-2.5 border text-[12.5px] shadow-2xs flex flex-col justify-between`,children:[(0,j.jsxDEV)(`span`,{style:{color:r?`${r}aa`:`#86868b`},children:t},void 0,!1,{fileName:H,lineNumber:2272,columnNumber:13},this),(0,j.jsxDEV)(`div`,{className:`self-end text-[10px] text-[#c7c7cc]`,children:`0 / 500`},void 0,!1,{fileName:H,lineNumber:2273,columnNumber:13},this)]},void 0,!0,{fileName:H,lineNumber:2263,columnNumber:11},this)]},void 0,!0,{fileName:H,lineNumber:2245,columnNumber:9},this)}case`select`:{let e=c.label||`Select Option`,t=c.options||[`Option 1`,`Option 2`,`Option 3`],n=c.defaultValue||t[0]||`Select...`,r=l.textColor;return(0,j.jsxDEV)(`div`,{style:{width:`100%`,height:`100%`,color:r||`#1d1d1f`,display:`flex`,flexDirection:`column`,gap:`5px`},className:`select-none pointer-events-none`,children:[e&&(0,j.jsxDEV)(`label`,{style:{color:r||`#1d1d1f`},className:`text-[12px] font-semibold`,children:e},void 0,!1,{fileName:H,lineNumber:2297,columnNumber:21},this),(0,j.jsxDEV)(`div`,{style:{borderRadius:`${l.borderRadius??8}px`,borderColor:l.borderColor||`#e5e5ea`,backgroundColor:l.backgroundColor||`#ffffff`,color:r||`#1d1d1f`},className:`w-full h-9 px-3 border flex items-center justify-between text-[13px] shadow-2xs`,children:[(0,j.jsxDEV)(`span`,{children:n},void 0,!1,{fileName:H,lineNumber:2307,columnNumber:13},this),(0,j.jsxDEV)(pe,{className:`w-3.5 h-3.5 text-[#86868b] rotate-90`},void 0,!1,{fileName:H,lineNumber:2308,columnNumber:13},this)]},void 0,!0,{fileName:H,lineNumber:2298,columnNumber:11},this)]},void 0,!0,{fileName:H,lineNumber:2286,columnNumber:9},this)}case`checkbox`:{let e=c.label||`I agree to the terms`,t=c.checked!==!1,n=l.textColor;return(0,j.jsxDEV)(`div`,{style:{width:`100%`,height:`100%`,color:n||`#1d1d1f`},className:`flex items-center gap-2.5 select-none pointer-events-none`,children:[(0,j.jsxDEV)(`div`,{className:`w-4.5 h-4.5 rounded-[5px] border flex items-center justify-center transition-colors ${t?`bg-[#0071e3] border-[#0071e3] text-white`:`bg-white border-[#d2d2d7]`}`,children:t&&(0,j.jsxDEV)(Mr,{className:`w-3 h-3 stroke-[2.5]`},void 0,!1,{fileName:H,lineNumber:2329,columnNumber:25},this)},void 0,!1,{fileName:H,lineNumber:2324,columnNumber:11},this),(0,j.jsxDEV)(`span`,{style:{color:n||`#1d1d1f`},className:`text-[13px] font-medium leading-none`,children:e},void 0,!1,{fileName:H,lineNumber:2331,columnNumber:11},this)]},void 0,!0,{fileName:H,lineNumber:2320,columnNumber:9},this)}case`radioGroup`:{let e=c.label,t=c.options||[`Option A`,`Option B`],n=c.selectedIndex??0,r=l.textColor;return(0,j.jsxDEV)(`div`,{style:{width:`100%`,height:`100%`,color:r||`#1d1d1f`},className:`flex flex-col gap-2 select-none pointer-events-none`,children:[e&&(0,j.jsxDEV)(`span`,{style:{color:r||`#1d1d1f`},className:`text-[12px] font-semibold`,children:e},void 0,!1,{fileName:H,lineNumber:2347,columnNumber:21},this),t.map((e,t)=>(0,j.jsxDEV)(`div`,{className:`flex items-center gap-2.5`,children:[(0,j.jsxDEV)(`div`,{className:`w-4.5 h-4.5 rounded-full border flex items-center justify-center ${t===n?`border-[#0071e3]`:`border-[#d2d2d7]`}`,children:t===n&&(0,j.jsxDEV)(`div`,{className:`w-2.5 h-2.5 rounded-full bg-[#0071e3]`},void 0,!1,{fileName:H,lineNumber:2355,columnNumber:34},this)},void 0,!1,{fileName:H,lineNumber:2350,columnNumber:15},this),(0,j.jsxDEV)(`span`,{style:{color:r||`#1d1d1f`},className:`text-[13px]`,children:e},void 0,!1,{fileName:H,lineNumber:2357,columnNumber:15},this)]},e,!0,{fileName:H,lineNumber:2349,columnNumber:13},this))]},void 0,!0,{fileName:H,lineNumber:2343,columnNumber:9},this)}case`fileUpload`:{let e=c.label||`Upload Files`,t=c.helperText||`PNG, JPG or PDF up to 10MB`,n=c.buttonText||`Browse Files`,r=l.textColor;return(0,j.jsxDEV)(`div`,{style:{width:`100%`,height:`100%`,borderRadius:`${l.borderRadius??12}px`,borderColor:l.borderColor||`#d2d2d7`,backgroundColor:l.backgroundColor||`#fbfbfd`,color:r||`#1d1d1f`},className:`border-1.5 border-dashed flex flex-col items-center justify-center p-4 text-center select-none pointer-events-none gap-1.5`,children:[(0,j.jsxDEV)(`div`,{className:`w-9 h-9 rounded-full bg-[#f4f4f6] flex items-center justify-center text-[#0071e3] mb-1`,children:(0,j.jsxDEV)(Ze,{className:`w-5 h-5`},void 0,!1,{fileName:H,lineNumber:2383,columnNumber:13},this)},void 0,!1,{fileName:H,lineNumber:2382,columnNumber:11},this),(0,j.jsxDEV)(`span`,{style:{color:r||`#1d1d1f`},className:`text-[13px] font-semibold`,children:e},void 0,!1,{fileName:H,lineNumber:2385,columnNumber:11},this),(0,j.jsxDEV)(`span`,{style:{color:r?`${r}aa`:`#86868b`},className:`text-[11px]`,children:t},void 0,!1,{fileName:H,lineNumber:2386,columnNumber:11},this),(0,j.jsxDEV)(`div`,{className:`mt-1 px-3 py-1 rounded-[6px] bg-white border border-[#e5e5ea] text-[11.5px] font-medium text-[#1d1d1f] shadow-2xs`,children:n},void 0,!1,{fileName:H,lineNumber:2387,columnNumber:11},this)]},void 0,!0,{fileName:H,lineNumber:2371,columnNumber:9},this)}case`submitButton`:{let e=c.label||`Submit`;return(0,j.jsxDEV)(`div`,{style:{width:`100%`,height:`100%`,backgroundColor:l.backgroundColor||m,color:l.textColor||`#ffffff`,borderRadius:`${l.borderRadius??10}px`},className:`flex items-center justify-center gap-2 font-semibold text-[13.5px] select-none pointer-events-none ${v}`,children:[(0,j.jsxDEV)(ir,{className:`w-3.5 h-3.5`},void 0,!1,{fileName:H,lineNumber:2407,columnNumber:11},this),(0,j.jsxDEV)(`span`,{children:e},void 0,!1,{fileName:H,lineNumber:2408,columnNumber:11},this)]},void 0,!0,{fileName:H,lineNumber:2397,columnNumber:9},this)}case`loginForm`:{let e=c.title||`Sign In to Cyrus`,t=c.subtitle||`Enter your email and password`,n=c.submitLabel||`Sign In`,r=l.textColor;return(0,j.jsxDEV)(`div`,{style:{width:`100%`,height:`100%`,backgroundColor:l.backgroundColor||`#ffffff`,color:r||`#1d1d1f`,borderRadius:`${l.borderRadius??18}px`,borderWidth:`${l.borderWidth??1}px`,borderColor:l.borderColor||`#e5e5ea`,padding:`28px`},className:`flex flex-col justify-between select-none pointer-events-none ${v}`,children:[(0,j.jsxDEV)(`div`,{children:[(0,j.jsxDEV)(`div`,{className:`w-9 h-9 rounded-[10px] bg-[#0071e3] text-white flex items-center justify-center mb-3 shadow-apple-sm`,children:(0,j.jsxDEV)(zt,{className:`w-4.5 h-4.5`},void 0,!1,{fileName:H,lineNumber:2435,columnNumber:15},this)},void 0,!1,{fileName:H,lineNumber:2434,columnNumber:13},this),(0,j.jsxDEV)(`h3`,{style:{color:r||`#1d1d1f`},className:`text-[18px] font-bold tracking-tight`,children:e},void 0,!1,{fileName:H,lineNumber:2437,columnNumber:13},this),(0,j.jsxDEV)(`p`,{style:{color:r?`${r}cc`:`#86868b`},className:`text-[12px] mt-0.5`,children:t},void 0,!1,{fileName:H,lineNumber:2438,columnNumber:13},this)]},void 0,!0,{fileName:H,lineNumber:2433,columnNumber:11},this),(0,j.jsxDEV)(`div`,{className:`flex flex-col gap-3 my-2`,children:[(0,j.jsxDEV)(`div`,{className:`flex flex-col gap-1`,children:[(0,j.jsxDEV)(`span`,{style:{color:r?`${r}cc`:`#6e6e73`},className:`text-[11.5px] font-medium`,children:`Email Address`},void 0,!1,{fileName:H,lineNumber:2443,columnNumber:15},this),(0,j.jsxDEV)(`div`,{style:{color:r||`#1d1d1f`},className:`h-8.5 bg-[#f4f4f6] rounded-[8px] border border-[#e5e5ea] px-3 flex items-center text-[12px]`,children:`alex@apple.com`},void 0,!1,{fileName:H,lineNumber:2444,columnNumber:15},this)]},void 0,!0,{fileName:H,lineNumber:2442,columnNumber:13},this),(0,j.jsxDEV)(`div`,{className:`flex flex-col gap-1`,children:[(0,j.jsxDEV)(`div`,{className:`flex justify-between items-center text-[11.5px]`,children:[(0,j.jsxDEV)(`span`,{style:{color:r?`${r}cc`:`#6e6e73`},className:`font-medium`,children:`Password`},void 0,!1,{fileName:H,lineNumber:2450,columnNumber:17},this),(0,j.jsxDEV)(`span`,{className:`text-[#0071e3] font-medium`,children:`Forgot?`},void 0,!1,{fileName:H,lineNumber:2451,columnNumber:17},this)]},void 0,!0,{fileName:H,lineNumber:2449,columnNumber:15},this),(0,j.jsxDEV)(`div`,{style:{color:r?`${r}88`:`#86868b`},className:`h-8.5 bg-[#f4f4f6] rounded-[8px] border border-[#e5e5ea] px-3 flex items-center text-[12px]`,children:`••••••••••••`},void 0,!1,{fileName:H,lineNumber:2453,columnNumber:15},this)]},void 0,!0,{fileName:H,lineNumber:2448,columnNumber:13},this)]},void 0,!0,{fileName:H,lineNumber:2441,columnNumber:11},this),(0,j.jsxDEV)(`div`,{children:[(0,j.jsxDEV)(`div`,{className:`w-full py-2.5 rounded-[10px] bg-[#0071e3] text-white text-[13px] font-semibold text-center shadow-apple-sm`,children:n},void 0,!1,{fileName:H,lineNumber:2460,columnNumber:13},this),(0,j.jsxDEV)(`p`,{style:{color:r?`${r}aa`:`#86868b`},className:`text-[11.5px] text-center mt-2.5`,children:[`Don't have an account? `,(0,j.jsxDEV)(`span`,{className:`text-[#0071e3] font-medium`,children:`Sign up`},void 0,!1,{fileName:H,lineNumber:2464,columnNumber:38},this)]},void 0,!0,{fileName:H,lineNumber:2463,columnNumber:13},this)]},void 0,!0,{fileName:H,lineNumber:2459,columnNumber:11},this)]},void 0,!0,{fileName:H,lineNumber:2420,columnNumber:9},this)}case`signupForm`:{let e=c.title||`Create Your Account`,t=c.submitLabel||`Create Account`,n=l.textColor;return(0,j.jsxDEV)(`div`,{style:{width:`100%`,height:`100%`,backgroundColor:l.backgroundColor||`#ffffff`,color:n||`#1d1d1f`,borderRadius:`${l.borderRadius??18}px`,borderWidth:`${l.borderWidth??1}px`,borderColor:l.borderColor||`#e5e5ea`,padding:`28px`},className:`flex flex-col justify-between select-none pointer-events-none ${v}`,children:[(0,j.jsxDEV)(`div`,{children:[(0,j.jsxDEV)(`div`,{className:`w-9 h-9 rounded-[10px] bg-[#0071e3] text-white flex items-center justify-center mb-3 shadow-apple-sm`,children:(0,j.jsxDEV)(en,{className:`w-4.5 h-4.5`},void 0,!1,{fileName:H,lineNumber:2492,columnNumber:15},this)},void 0,!1,{fileName:H,lineNumber:2491,columnNumber:13},this),(0,j.jsxDEV)(`h3`,{style:{color:n||`#1d1d1f`},className:`text-[18px] font-bold tracking-tight`,children:e},void 0,!1,{fileName:H,lineNumber:2494,columnNumber:13},this)]},void 0,!0,{fileName:H,lineNumber:2490,columnNumber:11},this),(0,j.jsxDEV)(`div`,{className:`flex flex-col gap-2.5 my-2`,children:[(0,j.jsxDEV)(`div`,{style:{color:n?`${n}88`:`#86868b`},className:`h-8 bg-[#f4f4f6] rounded-[8px] border border-[#e5e5ea] px-3 flex items-center text-[12px]`,children:`Full Name`},void 0,!1,{fileName:H,lineNumber:2498,columnNumber:13},this),(0,j.jsxDEV)(`div`,{style:{color:n?`${n}88`:`#86868b`},className:`h-8 bg-[#f4f4f6] rounded-[8px] border border-[#e5e5ea] px-3 flex items-center text-[12px]`,children:`Work Email`},void 0,!1,{fileName:H,lineNumber:2501,columnNumber:13},this),(0,j.jsxDEV)(`div`,{style:{color:n?`${n}88`:`#86868b`},className:`h-8 bg-[#f4f4f6] rounded-[8px] border border-[#e5e5ea] px-3 flex items-center text-[12px]`,children:`Create Password`},void 0,!1,{fileName:H,lineNumber:2504,columnNumber:13},this)]},void 0,!0,{fileName:H,lineNumber:2497,columnNumber:11},this),(0,j.jsxDEV)(`div`,{children:[(0,j.jsxDEV)(`div`,{className:`w-full py-2.5 rounded-[10px] bg-[#0071e3] text-white text-[13px] font-semibold text-center shadow-apple-sm`,children:t},void 0,!1,{fileName:H,lineNumber:2510,columnNumber:13},this),(0,j.jsxDEV)(`p`,{style:{color:n?`${n}aa`:`#86868b`},className:`text-[11.5px] text-center mt-2.5`,children:[`Already registered? `,(0,j.jsxDEV)(`span`,{className:`text-[#0071e3] font-medium`,children:`Sign in`},void 0,!1,{fileName:H,lineNumber:2514,columnNumber:35},this)]},void 0,!0,{fileName:H,lineNumber:2513,columnNumber:13},this)]},void 0,!0,{fileName:H,lineNumber:2509,columnNumber:11},this)]},void 0,!0,{fileName:H,lineNumber:2477,columnNumber:9},this)}case`contactForm`:{let e=c.title||`Get in Touch`,t=c.submitLabel||`Send Inquiry`,n=l.textColor;return(0,j.jsxDEV)(`div`,{style:{width:`100%`,height:`100%`,backgroundColor:l.backgroundColor||`#ffffff`,color:n||`#1d1d1f`,borderRadius:`${l.borderRadius??18}px`,borderWidth:`${l.borderWidth??1}px`,borderColor:l.borderColor||`#e5e5ea`,padding:`28px`},className:`flex flex-col justify-between select-none pointer-events-none ${v}`,children:[(0,j.jsxDEV)(`div`,{children:[(0,j.jsxDEV)(`div`,{className:`w-9 h-9 rounded-[10px] bg-[#0071e3] text-white flex items-center justify-center mb-3 shadow-apple-sm`,children:(0,j.jsxDEV)(At,{className:`w-4.5 h-4.5`},void 0,!1,{fileName:H,lineNumber:2542,columnNumber:15},this)},void 0,!1,{fileName:H,lineNumber:2541,columnNumber:13},this),(0,j.jsxDEV)(`h3`,{style:{color:n||`#1d1d1f`},className:`text-[18px] font-bold tracking-tight`,children:e},void 0,!1,{fileName:H,lineNumber:2544,columnNumber:13},this)]},void 0,!0,{fileName:H,lineNumber:2540,columnNumber:11},this),(0,j.jsxDEV)(`div`,{className:`flex flex-col gap-2.5 my-2`,children:[(0,j.jsxDEV)(`div`,{style:{color:n?`${n}88`:`#86868b`},className:`h-8 bg-[#f4f4f6] rounded-[8px] border border-[#e5e5ea] px-3 flex items-center text-[12px]`,children:`Your Name`},void 0,!1,{fileName:H,lineNumber:2548,columnNumber:13},this),(0,j.jsxDEV)(`div`,{style:{color:n?`${n}88`:`#86868b`},className:`h-8 bg-[#f4f4f6] rounded-[8px] border border-[#e5e5ea] px-3 flex items-center text-[12px]`,children:`Your Email`},void 0,!1,{fileName:H,lineNumber:2551,columnNumber:13},this),(0,j.jsxDEV)(`div`,{style:{color:n?`${n}88`:`#86868b`},className:`h-16 bg-[#f4f4f6] rounded-[8px] border border-[#e5e5ea] p-2.5 text-[12px]`,children:`How can we help?`},void 0,!1,{fileName:H,lineNumber:2554,columnNumber:13},this)]},void 0,!0,{fileName:H,lineNumber:2547,columnNumber:11},this),(0,j.jsxDEV)(`div`,{className:`w-full py-2.5 rounded-[10px] bg-[#0071e3] text-white text-[13px] font-semibold text-center shadow-apple-sm`,children:t},void 0,!1,{fileName:H,lineNumber:2559,columnNumber:11},this)]},void 0,!0,{fileName:H,lineNumber:2527,columnNumber:9},this)}case`mobileHeader`:{let e=c.title||`Screen Title`,t=c.actionLabel||`Edit`,n=c.showBack!==!1,r=l.textColor;return(0,j.jsxDEV)(`div`,{style:{width:`100%`,height:`100%`,backgroundColor:l.backgroundColor||`#ffffff`,color:r||`#1d1d1f`,borderRadius:`${l.borderRadius??14}px`,borderWidth:`${l.borderWidth??1}px`,borderColor:l.borderColor||`#e5e5ea`,paddingLeft:`${l.paddingLeft??16}px`,paddingRight:`${l.paddingRight??16}px`},className:`flex items-center justify-between select-none pointer-events-none ${v}`,children:[(0,j.jsxDEV)(`div`,{className:`flex items-center gap-1.5 text-[#0071e3] font-medium text-[13px]`,children:[n&&(0,j.jsxDEV)(Te,{className:`w-4 h-4`},void 0,!1,{fileName:H,lineNumber:2588,columnNumber:26},this),(0,j.jsxDEV)(`span`,{className:`text-[12px]`,children:`Back`},void 0,!1,{fileName:H,lineNumber:2589,columnNumber:13},this)]},void 0,!0,{fileName:H,lineNumber:2587,columnNumber:11},this),(0,j.jsxDEV)(`h4`,{style:{color:r||`#1d1d1f`},className:`text-[14px] font-bold tracking-tight truncate max-w-[160px]`,children:e},void 0,!1,{fileName:H,lineNumber:2592,columnNumber:11},this),(0,j.jsxDEV)(`div`,{className:`text-[12px] font-semibold text-[#0071e3]`,children:t},void 0,!1,{fileName:H,lineNumber:2596,columnNumber:11},this)]},void 0,!0,{fileName:H,lineNumber:2573,columnNumber:9},this)}case`bottomNav`:case`tabBar`:{let e=c.activeTab||`Home`,t=c.tabs||[{label:`Home`,icon:`Home`,badge:``},{label:`Cards`,icon:`CreditCard`,badge:`2`},{label:`Transfer`,icon:`Send`,badge:``},{label:`Profile`,icon:`User`,badge:``}],n=l.textColor;return(0,j.jsxDEV)(`div`,{style:{width:`100%`,height:`100%`,backgroundColor:l.backgroundColor||`#ffffff`,color:n||`#1d1d1f`,borderRadius:`${l.borderRadius??20}px`,borderWidth:`${l.borderWidth??1}px`,borderColor:l.borderColor||`#e5e5ea`},className:`flex items-center justify-around px-2 select-none pointer-events-none ${v}`,children:t.map((t,r)=>{let i=t.label===e,a=ls[t.icon]||S;return(0,j.jsxDEV)(`div`,{className:D(`flex flex-col items-center gap-0.5 transition-apple relative py-1 px-2.5 rounded-xl`,i?`text-[#0071e3] font-bold`:`text-[#86868b]`),style:i?void 0:{color:n?`${n}aa`:`#86868b`},children:[(0,j.jsxDEV)(`div`,{className:`relative`,children:[(0,j.jsxDEV)(a,{className:`w-5 h-5`},void 0,!1,{fileName:H,lineNumber:2641,columnNumber:19},this),t.badge&&(0,j.jsxDEV)(`span`,{className:`absolute -top-1 -right-2 px-1 py-0.2 rounded-full bg-[#ff3b30] text-white text-[9px] font-bold leading-none`,children:t.badge},void 0,!1,{fileName:H,lineNumber:2643,columnNumber:21},this)]},void 0,!0,{fileName:H,lineNumber:2640,columnNumber:17},this),(0,j.jsxDEV)(`span`,{className:`text-[10px] tracking-tight`,children:t.label},void 0,!1,{fileName:H,lineNumber:2648,columnNumber:17},this)]},r,!0,{fileName:H,lineNumber:2632,columnNumber:15},this)})},void 0,!1,{fileName:H,lineNumber:2615,columnNumber:9},this)}case`mobileCard`:{let e=c.subtitle||`Available Balance`,t=c.amount||`$14,250.80`,n=c.tag||`Checking •• 4092`,r=c.trend||`+12.4% this month`,i=l.textColor;return(0,j.jsxDEV)(`div`,{style:{width:`100%`,height:`100%`,backgroundColor:l.backgroundColor||`#0071e3`,color:i||`#ffffff`,borderRadius:`${l.borderRadius??18}px`,borderWidth:`${l.borderWidth??0}px`,borderColor:l.borderColor||`transparent`,paddingTop:`${l.paddingTop??18}px`,paddingBottom:`${l.paddingBottom??18}px`,paddingLeft:`${l.paddingLeft??18}px`,paddingRight:`${l.paddingRight??18}px`},className:`flex flex-col justify-between select-none pointer-events-none ${v}`,children:[(0,j.jsxDEV)(`div`,{className:`flex items-center justify-between`,children:[(0,j.jsxDEV)(`span`,{style:{color:i?`${i}cc`:`rgba(255,255,255,0.8)`},className:`text-[11px] font-medium`,children:e},void 0,!1,{fileName:H,lineNumber:2681,columnNumber:13},this),(0,j.jsxDEV)(`span`,{className:`px-2 py-0.5 rounded-full text-[10px] font-semibold bg-white/20 backdrop-blur-xs`,children:n},void 0,!1,{fileName:H,lineNumber:2682,columnNumber:13},this)]},void 0,!0,{fileName:H,lineNumber:2680,columnNumber:11},this),(0,j.jsxDEV)(`div`,{children:[(0,j.jsxDEV)(`div`,{style:{color:i||`#ffffff`},className:`text-[26px] font-extrabold tracking-tight leading-tight`,children:t},void 0,!1,{fileName:H,lineNumber:2688,columnNumber:13},this),(0,j.jsxDEV)(`div`,{style:{color:i?`${i}dd`:`rgba(255,255,255,0.85)`},className:`text-[11px] font-medium mt-0.5 flex items-center gap-1`,children:[(0,j.jsxDEV)(vr,{className:`w-3.5 h-3.5`},void 0,!1,{fileName:H,lineNumber:2690,columnNumber:15},this),(0,j.jsxDEV)(`span`,{children:r},void 0,!1,{fileName:H,lineNumber:2691,columnNumber:15},this)]},void 0,!0,{fileName:H,lineNumber:2689,columnNumber:13},this)]},void 0,!0,{fileName:H,lineNumber:2687,columnNumber:11},this)]},void 0,!0,{fileName:H,lineNumber:2664,columnNumber:9},this)}case`mobileList`:{let e=c.title||`Recent Transactions`,t=c.items||[{title:`Apple Store`,subtitle:`Hardware & Tech`,amount:`-$1,299.00`,icon:`ShoppingBag`,isDebit:!0},{title:`Stripe Payout`,subtitle:`Direct Deposit`,amount:`+$4,820.00`,icon:`ArrowDownLeft`,isDebit:!1},{title:`Uber Rides`,subtitle:`Transportation`,amount:`-$24.50`,icon:`Car`,isDebit:!0}],n=l.textColor;return(0,j.jsxDEV)(`div`,{style:{width:`100%`,height:`100%`,backgroundColor:l.backgroundColor||`#ffffff`,color:n||`#1d1d1f`,borderRadius:`${l.borderRadius??16}px`,borderWidth:`${l.borderWidth??1}px`,borderColor:l.borderColor||`#e5e5ea`,paddingTop:`${l.paddingTop??14}px`,paddingBottom:`${l.paddingBottom??14}px`,paddingLeft:`${l.paddingLeft??16}px`,paddingRight:`${l.paddingRight??16}px`},className:`flex flex-col select-none pointer-events-none ${v}`,children:[e&&(0,j.jsxDEV)(`div`,{className:`text-[12px] font-bold mb-2 flex items-center justify-between`,children:[(0,j.jsxDEV)(`span`,{style:{color:n||`#1d1d1f`},children:e},void 0,!1,{fileName:H,lineNumber:2726,columnNumber:15},this),(0,j.jsxDEV)(`span`,{className:`text-[10.5px] text-[#0071e3] font-medium`,children:`See All`},void 0,!1,{fileName:H,lineNumber:2727,columnNumber:15},this)]},void 0,!0,{fileName:H,lineNumber:2725,columnNumber:13},this),(0,j.jsxDEV)(`div`,{className:`flex-1 flex flex-col justify-around divide-y divide-[#f5f5f7]`,children:t.map((e,t)=>{let r=ls[e.icon]||Un;return(0,j.jsxDEV)(`div`,{className:`flex items-center justify-between py-2`,children:[(0,j.jsxDEV)(`div`,{className:`flex items-center gap-2.5`,children:[(0,j.jsxDEV)(`div`,{className:`w-8 h-8 rounded-xl bg-[#f5f5f7] text-[#1d1d1f] flex items-center justify-center`,children:(0,j.jsxDEV)(r,{className:`w-4 h-4 text-[#0071e3]`},void 0,!1,{fileName:H,lineNumber:2739,columnNumber:23},this)},void 0,!1,{fileName:H,lineNumber:2738,columnNumber:21},this),(0,j.jsxDEV)(`div`,{children:[(0,j.jsxDEV)(`div`,{style:{color:n||`#1d1d1f`},className:`text-[12px] font-semibold`,children:e.title},void 0,!1,{fileName:H,lineNumber:2742,columnNumber:23},this),(0,j.jsxDEV)(`div`,{style:{color:n?`${n}aa`:`#86868b`},className:`text-[10px]`,children:e.subtitle},void 0,!1,{fileName:H,lineNumber:2743,columnNumber:23},this)]},void 0,!0,{fileName:H,lineNumber:2741,columnNumber:21},this)]},void 0,!0,{fileName:H,lineNumber:2737,columnNumber:19},this),(0,j.jsxDEV)(`div`,{className:`text-right`,children:[(0,j.jsxDEV)(`div`,{className:D(`text-[12px] font-bold`,e.isDebit?``:`text-[#34c759]`),style:e.isDebit?{color:n||`#1d1d1f`}:void 0,children:e.amount},void 0,!1,{fileName:H,lineNumber:2748,columnNumber:21},this),(0,j.jsxDEV)(pe,{className:`w-3 h-3 text-[#c7c7cc] inline-block ml-1`},void 0,!1,{fileName:H,lineNumber:2757,columnNumber:21},this)]},void 0,!0,{fileName:H,lineNumber:2747,columnNumber:19},this)]},t,!0,{fileName:H,lineNumber:2736,columnNumber:17},this)})},void 0,!1,{fileName:H,lineNumber:2731,columnNumber:11},this)]},void 0,!0,{fileName:H,lineNumber:2708,columnNumber:9},this)}case`mobileSheet`:{let e=c.title||`Transfer Money`,t=c.subtitle||`Select payment method or contact.`,n=c.primaryAction||`Send Money`;return(0,j.jsxDEV)(`div`,{style:{width:`100%`,height:`100%`,backgroundColor:l.backgroundColor||`#ffffff`,borderRadius:`${l.borderRadius??24}px`,borderWidth:`${l.borderWidth??1}px`,borderColor:l.borderColor||`#e5e5ea`,paddingTop:`${l.paddingTop??14}px`,paddingBottom:`${l.paddingBottom??16}px`,paddingLeft:`${l.paddingLeft??18}px`,paddingRight:`${l.paddingRight??18}px`},className:`flex flex-col justify-between select-none pointer-events-none ${v}`,children:[(0,j.jsxDEV)(`div`,{className:`w-10 h-1 rounded-full bg-[#d1d1d6] mx-auto mb-2`},void 0,!1,{fileName:H,lineNumber:2789,columnNumber:11},this),(0,j.jsxDEV)(`div`,{children:[(0,j.jsxDEV)(`h4`,{className:`text-[15px] font-bold text-[#1d1d1f]`,children:e},void 0,!1,{fileName:H,lineNumber:2792,columnNumber:13},this),(0,j.jsxDEV)(`p`,{className:`text-[11px] text-[#86868b] mt-0.5`,children:t},void 0,!1,{fileName:H,lineNumber:2793,columnNumber:13},this)]},void 0,!0,{fileName:H,lineNumber:2791,columnNumber:11},this),(0,j.jsxDEV)(`div`,{className:`p-3 rounded-xl bg-[#f5f5f7] border border-[#e5e5ea] flex items-center justify-between text-[11.5px]`,children:[(0,j.jsxDEV)(`span`,{className:`font-semibold text-[#1d1d1f]`,children:`Fast Wire Transfer`},void 0,!1,{fileName:H,lineNumber:2797,columnNumber:13},this),(0,j.jsxDEV)(`span`,{className:`text-[#0071e3] font-bold`,children:`Instant`},void 0,!1,{fileName:H,lineNumber:2798,columnNumber:13},this)]},void 0,!0,{fileName:H,lineNumber:2796,columnNumber:11},this),(0,j.jsxDEV)(`div`,{className:`w-full py-2.5 rounded-xl bg-[#0071e3] text-white text-[12.5px] font-semibold text-center shadow-2xs`,children:n},void 0,!1,{fileName:H,lineNumber:2801,columnNumber:11},this)]},void 0,!0,{fileName:H,lineNumber:2773,columnNumber:9},this)}case`mobileModal`:{let e=c.title||`Confirm Payment`,t=c.message||`Are you sure you want to send $500.00 to Alex Rivera?`,n=c.confirmLabel||`Confirm & Send`,r=c.cancelLabel||`Cancel`;return(0,j.jsxDEV)(`div`,{style:{width:`100%`,height:`100%`,backgroundColor:l.backgroundColor||`#ffffff`,borderRadius:`${l.borderRadius??20}px`,borderWidth:`${l.borderWidth??1}px`,borderColor:l.borderColor||`#e5e5ea`,paddingTop:`${l.paddingTop??20}px`,paddingBottom:`${l.paddingBottom??20}px`,paddingLeft:`${l.paddingLeft??18}px`,paddingRight:`${l.paddingRight??18}px`},className:`flex flex-col justify-between text-center select-none pointer-events-none ${v}`,children:[(0,j.jsxDEV)(`div`,{children:[(0,j.jsxDEV)(`div`,{className:`w-10 h-10 rounded-2xl bg-[#0071e3]/10 text-[#0071e3] flex items-center justify-center mx-auto mb-2`,children:(0,j.jsxDEV)(ir,{className:`w-5 h-5`},void 0,!1,{fileName:H,lineNumber:2832,columnNumber:15},this)},void 0,!1,{fileName:H,lineNumber:2831,columnNumber:13},this),(0,j.jsxDEV)(`h4`,{className:`text-[14px] font-bold text-[#1d1d1f]`,children:e},void 0,!1,{fileName:H,lineNumber:2834,columnNumber:13},this),(0,j.jsxDEV)(`p`,{className:`text-[11.5px] text-[#6e6e73] mt-1 leading-relaxed`,children:t},void 0,!1,{fileName:H,lineNumber:2835,columnNumber:13},this)]},void 0,!0,{fileName:H,lineNumber:2830,columnNumber:11},this),(0,j.jsxDEV)(`div`,{className:`flex gap-2`,children:[(0,j.jsxDEV)(`div`,{className:`flex-1 py-2 rounded-xl bg-[#f5f5f7] text-[#1d1d1f] text-[11.5px] font-semibold text-center`,children:r},void 0,!1,{fileName:H,lineNumber:2839,columnNumber:13},this),(0,j.jsxDEV)(`div`,{className:`flex-1 py-2 rounded-xl bg-[#0071e3] text-white text-[11.5px] font-semibold text-center shadow-2xs`,children:n},void 0,!1,{fileName:H,lineNumber:2842,columnNumber:13},this)]},void 0,!0,{fileName:H,lineNumber:2838,columnNumber:11},this)]},void 0,!0,{fileName:H,lineNumber:2815,columnNumber:9},this)}case`media`:{let e=c.src||c.url||c.image||`https://images.unsplash.com/photo-1618005182384-a83a8bd57fbe?w=800&auto=format&fit=crop&q=80`,t=c.alt||`Canvas image`,n=l.borderRadius??12;return(0,j.jsxDEV)(`div`,{style:{width:`100%`,height:`100%`,borderRadius:`${n}px`,overflow:`hidden`,opacity:l.opacity??1},className:`relative select-none pointer-events-none ${v}`,children:(0,j.jsxDEV)(`img`,{src:e,alt:t,style:{width:`100%`,height:`100%`,objectFit:c.objectFit||l.objectFit||`fill`,borderRadius:`${n}px`},className:`w-full h-full block`},void 0,!1,{fileName:H,lineNumber:2866,columnNumber:11},this)},void 0,!1,{fileName:H,lineNumber:2856,columnNumber:9},this)}case`mobileScreen`:return(0,j.jsxDEV)(`div`,{style:{width:`100%`,height:`100%`,backgroundColor:l.backgroundColor||`#f5f5f7`,borderRadius:`${l.borderRadius??28}px`,borderWidth:`${l.borderWidth??1}px`,borderColor:l.borderColor||`#e5e5ea`,paddingTop:`${l.paddingTop??16}px`,paddingBottom:`${l.paddingBottom??16}px`,paddingLeft:`${l.paddingLeft??16}px`,paddingRight:`${l.paddingRight??16}px`},className:`flex flex-col justify-between select-none pointer-events-none ${v}`,children:[(0,j.jsxDEV)(`div`,{className:`w-full flex items-center justify-between text-[10px] font-bold text-[#1d1d1f] px-2 py-0.5`,children:[(0,j.jsxDEV)(`span`,{children:`9:41`},void 0,!1,{fileName:H,lineNumber:2900,columnNumber:13},this),(0,j.jsxDEV)(`div`,{className:`w-20 h-4 rounded-full bg-black mx-auto`},void 0,!1,{fileName:H,lineNumber:2901,columnNumber:13},this),(0,j.jsxDEV)(`span`,{children:`5G 100%`},void 0,!1,{fileName:H,lineNumber:2902,columnNumber:13},this)]},void 0,!0,{fileName:H,lineNumber:2899,columnNumber:11},this),(0,j.jsxDEV)(`div`,{className:`flex-1 flex items-center justify-center text-[12px] text-[#86868b]`,children:e.name},void 0,!1,{fileName:H,lineNumber:2905,columnNumber:11},this),(0,j.jsxDEV)(`div`,{className:`w-28 h-1 rounded-full bg-black mx-auto`},void 0,!1,{fileName:H,lineNumber:2910,columnNumber:11},this)]},void 0,!0,{fileName:H,lineNumber:2883,columnNumber:9},this);case`svg`:case`sketch`:case`drawing`:{let t=l.strokeColor||l.textColor||l.borderColor||`#ff3b30`,n=l.strokeWidth||3.5;if(c.pathD)return(0,j.jsxDEV)(`svg`,{viewBox:`0 0 ${e.width} ${e.height}`,style:{width:`100%`,height:`100%`,opacity:l.opacity??1},className:`w-full h-full pointer-events-none select-none overflow-visible`,children:(0,j.jsxDEV)(`path`,{d:c.pathD,stroke:t,strokeWidth:n,fill:`none`,strokeLinecap:`round`,strokeLinejoin:`round`},void 0,!1,{fileName:H,lineNumber:2932,columnNumber:13},this)},void 0,!1,{fileName:H,lineNumber:2923,columnNumber:11},this);let r=c.svg||c.svgContent;return r&&typeof r==`string`&&r.trim().startsWith(`<svg`)?(0,j.jsxDEV)(`div`,{style:{width:`100%`,height:`100%`,opacity:l.opacity??1},className:`w-full h-full pointer-events-none select-none overflow-visible flex items-center justify-center [&_svg]:w-full [&_svg]:h-full`,dangerouslySetInnerHTML:{__html:r}},void 0,!1,{fileName:H,lineNumber:2947,columnNumber:11},this):(0,j.jsxDEV)(`div`,{style:{width:`100%`,height:`100%`,opacity:l.opacity??1},className:`w-full h-full pointer-events-none select-none`,children:(0,j.jsxDEV)(`svg`,{className:`w-full h-full`,viewBox:`0 0 100 100`,children:(0,j.jsxDEV)(`path`,{d:`M10 50 Q50 10 90 50`,stroke:t,strokeWidth:n,strokeLinecap:`round`,fill:`none`},void 0,!1,{fileName:H,lineNumber:2969,columnNumber:13},this)},void 0,!1,{fileName:H,lineNumber:2968,columnNumber:11},this)},void 0,!1,{fileName:H,lineNumber:2960,columnNumber:9},this)}default:{let n=os.getCustomWidgetRenderer(e.type);return n?(0,j.jsxDEV)(n,{element:e,isSelected:t},void 0,!1,{fileName:H,lineNumber:2978,columnNumber:16},this):(0,j.jsxDEV)(`div`,{style:{width:`100%`,height:`100%`,backgroundColor:l.backgroundColor||`#ffffff`,borderRadius:`10px`,borderWidth:`1px`,borderColor:`#e5e5ea`},className:`p-3 flex items-center justify-center text-[12px] text-[#86868b] pointer-events-none`,children:e.name},void 0,!1,{fileName:H,lineNumber:2982,columnNumber:9},this)}}}var ds=(0,k.memo)(us,(e,t)=>{if(e.isSelected!==t.isSelected||e.itemContext!==t.itemContext||e.childElements!==t.childElements)return!1;if(e.element===t.element)return!0;let n=e.element,r=t.element;return n.id===r.id&&n.type===r.type&&n.name===r.name&&n.x===r.x&&n.y===r.y&&n.width===r.width&&n.height===r.height&&n.rotation===r.rotation&&n.zIndex===r.zIndex&&n.locked===r.locked&&n.hidden===r.hidden&&n.styles===r.styles&&n.content===r.content&&n.interactions===r.interactions&&n.animations===r.animations&&n.collectionBinding===r.collectionBinding&&n.responsive===r.responsive&&n.autoLayout===r.autoLayout&&n.variants===r.variants&&n.activeVariantId===r.activeVariantId&&n.previewVariantState===r.previewVariantState}),fs=`C:/Users/Shadow/Desktop/cyrus/src/editor/canvas/SelectionOverlay.tsx`;function ps(e,t){if(!e||e===`transparent`||e.startsWith(`rgba`))return t;if(e.startsWith(`#`)){if(e.length===7)return e;if(e.length===4)return`#${e[1]}${e[1]}${e[2]}${e[2]}${e[3]}${e[3]}`}return t}function ms({element:e,selectedCount:t=1,onResizeStart:n,onRotateStart:r}){let{updateElement:i,duplicateSelectedElements:a,deleteSelectedElements:o,toggleLockSelectedElements:s}=M(),c=!!e.locked,l=e.y<55;return(0,j.jsxDEV)(`div`,{style:{position:`absolute`,left:e.x,top:e.y,width:e.width,height:e.height,transform:`rotate(${e.rotation}deg)`,pointerEvents:`none`,zIndex:9999},className:`select-none ${c?`ring-1.5 ring-[#ff9500] ring-dashed`:`ring-1.5 ring-[#0071e3]`}`,children:[(0,j.jsxDEV)(`div`,{style:{position:`absolute`,top:l?e.height+34:-48,left:`50%`,transform:`translateX(-50%)`,zIndex:1e4},className:`flex items-center gap-1 p-1 rounded-xl bg-white/95 dark:bg-[#1c1c1e]/95 border border-[#e5e5ea] dark:border-[#38383a] shadow-apple-md backdrop-blur-md pointer-events-auto select-none animate-fade-in text-[12px]`,children:[(0,j.jsxDEV)(`div`,{className:`flex items-center p-0.5 rounded-lg hover:bg-[#f4f4f6] dark:hover:bg-[#2c2c2e] transition-colors cursor-pointer`,title:`Background / Fill Color`,children:(0,j.jsxDEV)(`input`,{type:`color`,value:ps(e.styles?.backgroundColor,`#ffffff`),onChange:t=>{t.stopPropagation(),M.getState().updateElementStyles(e.id,{backgroundColor:t.target.value},!0)},className:`w-5 h-5 rounded-full border border-[#e5e5ea] dark:border-[#38383a] cursor-pointer p-0 overflow-hidden outline-none appearance-none shadow-2xs hover:scale-105 transition-transform`},void 0,!1,{fileName:fs,lineNumber:84,columnNumber:11},this)},void 0,!1,{fileName:fs,lineNumber:83,columnNumber:9},this),(0,j.jsxDEV)(`div`,{className:`flex items-center p-0.5 rounded-lg hover:bg-[#f4f4f6] dark:hover:bg-[#2c2c2e] transition-colors cursor-pointer`,title:`Text / Foreground Color`,children:(0,j.jsxDEV)(`input`,{type:`color`,value:ps(e.styles?.textColor,`#1d1d1f`),onChange:t=>{t.stopPropagation(),M.getState().updateElementStyles(e.id,{textColor:t.target.value},!0)},className:`w-5 h-5 rounded-full border border-[#e5e5ea] dark:border-[#38383a] cursor-pointer p-0 overflow-hidden outline-none appearance-none shadow-2xs hover:scale-105 transition-transform`},void 0,!1,{fileName:fs,lineNumber:97,columnNumber:11},this)},void 0,!1,{fileName:fs,lineNumber:96,columnNumber:9},this),(0,j.jsxDEV)(`div`,{className:`w-[1px] h-4 bg-[#e5e5ea] dark:bg-[#38383a] my-auto mx-0.5`},void 0,!1,{fileName:fs,lineNumber:108,columnNumber:9},this),(0,j.jsxDEV)(`button`,{type:`button`,onClick:e=>{e.stopPropagation(),a()},title:`Duplicate (⌘D)`,className:`p-1.5 rounded-lg text-[#6e6e73] dark:text-[#8e8e93] hover:text-[#7d2ae8] dark:hover:text-[#9d52ff] hover:bg-[#7d2ae8]/10 transition-all cursor-pointer hover:scale-110 active:scale-90`,children:(0,j.jsxDEV)(sn,{className:`w-3.5 h-3.5`},void 0,!1,{fileName:fs,lineNumber:120,columnNumber:11},this)},void 0,!1,{fileName:fs,lineNumber:111,columnNumber:9},this),(0,j.jsxDEV)(`button`,{type:`button`,onClick:e=>{e.stopPropagation(),o()},title:`Delete (⌫)`,className:`p-1.5 rounded-lg text-[#6e6e73] dark:text-[#8e8e93] hover:text-rose-600 hover:bg-rose-50 dark:hover:bg-rose-950/30 transition-all cursor-pointer hover:scale-110 active:scale-90`,children:(0,j.jsxDEV)(x,{className:`w-3.5 h-3.5`},void 0,!1,{fileName:fs,lineNumber:132,columnNumber:11},this)},void 0,!1,{fileName:fs,lineNumber:123,columnNumber:9},this),(0,j.jsxDEV)(`div`,{className:`w-[1px] h-4 bg-[#e5e5ea] dark:bg-[#38383a] my-auto mx-0.5`},void 0,!1,{fileName:fs,lineNumber:135,columnNumber:9},this),(0,j.jsxDEV)(`button`,{type:`button`,onClick:e=>{e.stopPropagation(),s()},title:c?`Unlock Position`:`Lock Position`,className:D(`p-1.5 rounded-lg transition-all cursor-pointer hover:scale-110 active:scale-90`,c?`text-amber-600 bg-amber-50 dark:bg-amber-950/40`:`text-[#6e6e73] dark:text-[#8e8e93] hover:text-[#1d1d1f] dark:hover:text-[#f5f5f7] hover:bg-[#f4f4f6] dark:hover:bg-[#2c2c2e]`),children:c?(0,j.jsxDEV)(zt,{className:`w-3.5 h-3.5`},void 0,!1,{fileName:fs,lineNumber:151,columnNumber:23},this):(0,j.jsxDEV)(wn,{className:`w-3.5 h-3.5`},void 0,!1,{fileName:fs,lineNumber:151,columnNumber:58},this)},void 0,!1,{fileName:fs,lineNumber:137,columnNumber:9},this)]},void 0,!0,{fileName:fs,lineNumber:72,columnNumber:7},this),c&&(0,j.jsxDEV)(`div`,{className:`absolute -top-7 right-0 flex items-center gap-1 px-2 py-0.5 rounded-[4px] bg-[#1d1d1f] text-white text-[10px] font-medium shadow-apple-sm pointer-events-auto`,children:[(0,j.jsxDEV)(zt,{className:`w-2.5 h-2.5 text-[#ff9500]`},void 0,!1,{fileName:fs,lineNumber:158,columnNumber:11},this),(0,j.jsxDEV)(`span`,{children:`Locked`},void 0,!1,{fileName:fs,lineNumber:159,columnNumber:11},this)]},void 0,!0,{fileName:fs,lineNumber:157,columnNumber:9},this),!c&&(0,j.jsxDEV)(`div`,{style:{position:`absolute`,top:l?-20:-24,left:`50%`,transform:`translateX(-50%)`},className:`flex flex-col items-center pointer-events-auto`,children:[(0,j.jsxDEV)(`div`,{onMouseDown:e=>r&&r(e),title:`Drag to rotate (Hold Shift to snap)`,className:`w-4 h-4 rounded-full bg-white border border-[#0071e3] shadow-apple-sm flex items-center justify-center text-[#0071e3] cursor-grab active:cursor-grabbing hover:scale-110 transition-transform`,children:(0,j.jsxDEV)(An,{className:`w-2.5 h-2.5`},void 0,!1,{fileName:fs,lineNumber:179,columnNumber:13},this)},void 0,!1,{fileName:fs,lineNumber:174,columnNumber:11},this),(0,j.jsxDEV)(`div`,{className:`w-[1px] h-2 bg-[#0071e3]`},void 0,!1,{fileName:fs,lineNumber:181,columnNumber:11},this)]},void 0,!0,{fileName:fs,lineNumber:165,columnNumber:9},this),!c&&[{id:`tl`,cursor:`nwse-resize`,style:{top:-4,left:-4}},{id:`t`,cursor:`ns-resize`,style:{top:-4,left:`calc(50% - 4px)`}},{id:`tr`,cursor:`nesw-resize`,style:{top:-4,right:-4}},{id:`r`,cursor:`ew-resize`,style:{top:`calc(50% - 4px)`,right:-4}},{id:`br`,cursor:`nwse-resize`,style:{bottom:-4,right:-4}},{id:`b`,cursor:`ns-resize`,style:{bottom:-4,left:`calc(50% - 4px)`}},{id:`bl`,cursor:`nesw-resize`,style:{bottom:-4,left:-4}},{id:`l`,cursor:`ew-resize`,style:{top:`calc(50% - 4px)`,left:-4}}].map(e=>(0,j.jsxDEV)(`div`,{style:{...e.style,cursor:e.cursor},onMouseDown:t=>n&&n(t,e.id),className:`absolute w-2 h-2 bg-white border border-[#0071e3] rounded-[1.5px] shadow-2xs pointer-events-auto hover:scale-130 transition-transform`},e.id,!1,{fileName:fs,lineNumber:188,columnNumber:11},this))]},void 0,!0,{fileName:fs,lineNumber:58,columnNumber:5},this)}var hs=`C:/Users/Shadow/Desktop/cyrus/src/editor/canvas/MultiSelectionOverlay.tsx`;function gs({elements:e,onResizeStart:t}){let{groupSelectedElements:n,deleteSelectedElements:r,alignSelectedElements:i}=M();if(!e||e.length<=1)return null;let a=wa(e);return(0,j.jsxDEV)(`div`,{style:{position:`absolute`,left:a.x,top:a.y,width:a.width,height:a.height,pointerEvents:`none`,zIndex:9998},className:`ring-1.5 ring-[#0071e3] ring-dashed select-none`,children:[(0,j.jsxDEV)(`div`,{className:`absolute -top-9 left-1/2 -translate-x-1/2 flex items-center gap-1.5 px-2 py-1 rounded-[8px] bg-[#1d1d1f] text-white shadow-apple-md pointer-events-auto text-[11px]`,children:[(0,j.jsxDEV)(`span`,{className:`font-semibold text-white/90 mr-1`,children:[e.length,` elements`]},void 0,!0,{fileName:hs,lineNumber:54,columnNumber:9},this),(0,j.jsxDEV)(`div`,{className:`h-3 w-[1px] bg-white/20`},void 0,!1,{fileName:hs,lineNumber:58,columnNumber:9},this),(0,j.jsxDEV)(`button`,{type:`button`,onClick:n,title:`Group Selection (⌘G)`,className:`flex items-center gap-1 px-1.5 py-0.5 rounded hover:bg-white/20 transition-colors text-[10.5px] cursor-pointer`,children:[(0,j.jsxDEV)(ft,{className:`w-3 h-3`},void 0,!1,{fileName:hs,lineNumber:66,columnNumber:11},this),(0,j.jsxDEV)(`span`,{children:`Group`},void 0,!1,{fileName:hs,lineNumber:67,columnNumber:11},this)]},void 0,!0,{fileName:hs,lineNumber:60,columnNumber:9},this),(0,j.jsxDEV)(`button`,{type:`button`,onClick:()=>i(`center-h`),title:`Align Center H`,className:`p-1 rounded hover:bg-white/20 transition-colors cursor-pointer`,children:(0,j.jsxDEV)(de,{className:`w-3 h-3`},void 0,!1,{fileName:hs,lineNumber:76,columnNumber:11},this)},void 0,!1,{fileName:hs,lineNumber:70,columnNumber:9},this),(0,j.jsxDEV)(`button`,{type:`button`,onClick:()=>i(`middle-v`),title:`Align Middle V`,className:`p-1 rounded hover:bg-white/20 transition-colors cursor-pointer`,children:(0,j.jsxDEV)(Re,{className:`w-3 h-3`},void 0,!1,{fileName:hs,lineNumber:85,columnNumber:11},this)},void 0,!1,{fileName:hs,lineNumber:79,columnNumber:9},this),(0,j.jsxDEV)(`button`,{type:`button`,onClick:r,title:`Delete Selection (⌫)`,className:`p-1 rounded hover:bg-[#ff453a] transition-colors text-[#ff453a] hover:text-white cursor-pointer`,children:(0,j.jsxDEV)(x,{className:`w-3 h-3`},void 0,!1,{fileName:hs,lineNumber:94,columnNumber:11},this)},void 0,!1,{fileName:hs,lineNumber:88,columnNumber:9},this)]},void 0,!0,{fileName:hs,lineNumber:53,columnNumber:7},this),[{id:`tl`,cursor:`nwse-resize`,style:{top:-4,left:-4}},{id:`t`,cursor:`ns-resize`,style:{top:-4,left:`calc(50% - 4px)`}},{id:`tr`,cursor:`nesw-resize`,style:{top:-4,right:-4}},{id:`r`,cursor:`ew-resize`,style:{top:`calc(50% - 4px)`,right:-4}},{id:`br`,cursor:`nwse-resize`,style:{bottom:-4,right:-4}},{id:`b`,cursor:`ns-resize`,style:{bottom:-4,left:`calc(50% - 4px)`}},{id:`bl`,cursor:`nesw-resize`,style:{bottom:-4,left:-4}},{id:`l`,cursor:`ew-resize`,style:{top:`calc(50% - 4px)`,left:-4}}].map(e=>(0,j.jsxDEV)(`div`,{style:{...e.style,cursor:e.cursor},onMouseDown:n=>t&&t(n,e.id),className:`absolute w-2 h-2 bg-white border border-[#0071e3] rounded-[1.5px] shadow-2xs pointer-events-auto hover:scale-130 transition-transform`},e.id,!1,{fileName:hs,lineNumber:100,columnNumber:9},this))]},void 0,!0,{fileName:hs,lineNumber:40,columnNumber:5},this)}var _s=`C:/Users/Shadow/Desktop/cyrus/src/editor/canvas/SmartGuidesOverlay.tsx`;function vs({guides:e,artboardWidth:t,artboardHeight:n}){return!e||e.length===0?null:(0,j.jsxDEV)(`div`,{style:{position:`absolute`,inset:0,pointerEvents:`none`,zIndex:99999},children:e.map((e,r)=>{let i=e.orientation===`vertical`;return(0,j.jsxDEV)(`div`,{style:{position:`absolute`,...i?{left:`${e.position}px`,top:0,width:`1px`,height:`${n}px`,backgroundColor:`#ff2d55`,boxShadow:`0 0 4px rgba(255, 45, 85, 0.6)`}:{top:`${e.position}px`,left:0,height:`1px`,width:`${t}px`,backgroundColor:`#ff2d55`,boxShadow:`0 0 4px rgba(255, 45, 85, 0.6)`}}},`guide_${r}_${e.position}`,!1,{fileName:_s,lineNumber:29,columnNumber:11},this)})},void 0,!1,{fileName:_s,lineNumber:18,columnNumber:5},this)}var ys=`C:/Users/Shadow/Desktop/cyrus/src/editor/canvas/SpacingMeasurementOverlay.tsx`;function bs({lines:e}){return!e||e.length===0?null:(0,j.jsxDEV)(`div`,{style:{position:`absolute`,inset:0,pointerEvents:`none`,zIndex:99998},children:e.map(e=>{let t=e.orientation===`horizontal`,n=Math.abs(t?e.x2-e.x1:e.y2-e.y1);if(n<2)return null;let r=Math.min(e.x1,e.x2),i=Math.min(e.y1,e.y2);return(0,j.jsxDEV)(k.Fragment,{children:[(0,j.jsxDEV)(`div`,{style:{position:`absolute`,left:`${r}px`,top:`${i}px`,width:t?`${n}px`:`1px`,height:t?`1px`:`${n}px`,backgroundColor:`#ff2d55`,borderStyle:`dashed`}},void 0,!1,{fileName:ys,lineNumber:31,columnNumber:13},this),t?(0,j.jsxDEV)(j.Fragment,{children:[(0,j.jsxDEV)(`div`,{style:{position:`absolute`,left:`${r}px`,top:`${i-3}px`,width:`1px`,height:`7px`,backgroundColor:`#ff2d55`}},void 0,!1,{fileName:ys,lineNumber:46,columnNumber:17},this),(0,j.jsxDEV)(`div`,{style:{position:`absolute`,left:`${r+n}px`,top:`${i-3}px`,width:`1px`,height:`7px`,backgroundColor:`#ff2d55`}},void 0,!1,{fileName:ys,lineNumber:56,columnNumber:17},this)]},void 0,!0,{fileName:ys,lineNumber:45,columnNumber:15},this):(0,j.jsxDEV)(j.Fragment,{children:[(0,j.jsxDEV)(`div`,{style:{position:`absolute`,left:`${r-3}px`,top:`${i}px`,width:`7px`,height:`1px`,backgroundColor:`#ff2d55`}},void 0,!1,{fileName:ys,lineNumber:69,columnNumber:17},this),(0,j.jsxDEV)(`div`,{style:{position:`absolute`,left:`${r-3}px`,top:`${i+n}px`,width:`7px`,height:`1px`,backgroundColor:`#ff2d55`}},void 0,!1,{fileName:ys,lineNumber:79,columnNumber:17},this)]},void 0,!0,{fileName:ys,lineNumber:68,columnNumber:15},this),(0,j.jsxDEV)(`div`,{style:{position:`absolute`,left:`${e.labelX}px`,top:`${e.labelY}px`,transform:`translate(-50%, -50%)`},className:`px-1.5 py-0.5 rounded-[4px] bg-[#ff2d55] text-white font-mono text-[9.5px] font-bold shadow-apple-sm whitespace-nowrap`,children:[e.distance,` px`]},void 0,!0,{fileName:ys,lineNumber:93,columnNumber:13},this)]},e.id,!0,{fileName:ys,lineNumber:29,columnNumber:11},this)})},void 0,!1,{fileName:ys,lineNumber:12,columnNumber:5},this)}var xs=`C:/Users/Shadow/Desktop/cyrus/src/editor/canvas/ResponsiveWarningBanner.tsx`;function Ss({issues:e}){return e.length===0?null:(0,j.jsxDEV)(`div`,{className:`absolute top-3 left-1/2 -translate-x-1/2 z-[99999] flex items-center gap-2 px-3 py-1.5 rounded-full bg-amber-500/10 border border-amber-500/30 backdrop-blur-md text-amber-700 text-[11px] font-medium shadow-apple-sm select-none pointer-events-auto animate-in fade-in slide-in-from-top-2 duration-150`,children:[(0,j.jsxDEV)(Be,{className:`w-3.5 h-3.5 text-amber-600 shrink-0`},void 0,!1,{fileName:xs,lineNumber:13,columnNumber:7},this),(0,j.jsxDEV)(`span`,{children:e.length===1?`Responsive Alert: ${e[0].elementName} ${e[0].message}`:`${e.length} responsive overflow issues detected`},void 0,!1,{fileName:xs,lineNumber:14,columnNumber:7},this)]},void 0,!0,{fileName:xs,lineNumber:12,columnNumber:5},this)}var Cs=`C:/Users/Shadow/Desktop/cyrus/src/editor/preview/InteractiveModal.tsx`;function ws({title:e,isOpen:t,onClose:n}){return t?(0,j.jsxDEV)(`div`,{onClick:n,className:`absolute inset-0 bg-black/30 backdrop-blur-xs flex items-center justify-center p-4 z-[999999] animate-in fade-in duration-150 select-none`,children:(0,j.jsxDEV)(`div`,{onClick:e=>e.stopPropagation(),className:`w-full max-w-sm bg-white/95 backdrop-blur-xl border border-[#e5e5ea] rounded-[16px] shadow-apple-lg p-5 flex flex-col gap-4 animate-in zoom-in-95 duration-150`,children:[(0,j.jsxDEV)(`div`,{className:`flex items-center justify-between`,children:[(0,j.jsxDEV)(`div`,{className:`flex items-center gap-2`,children:[(0,j.jsxDEV)(`div`,{className:`w-7 h-7 rounded-full bg-[#0071e3]/10 text-[#0071e3] flex items-center justify-center`,children:(0,j.jsxDEV)(he,{className:`w-3.5 h-3.5`},void 0,!1,{fileName:Cs,lineNumber:27,columnNumber:15},this)},void 0,!1,{fileName:Cs,lineNumber:26,columnNumber:13},this),(0,j.jsxDEV)(`h3`,{className:`text-[14px] font-semibold text-[#1d1d1f]`,children:e||`Interactive Dialog`},void 0,!1,{fileName:Cs,lineNumber:29,columnNumber:13},this)]},void 0,!0,{fileName:Cs,lineNumber:25,columnNumber:11},this),(0,j.jsxDEV)(`button`,{type:`button`,onClick:n,className:`w-6 h-6 rounded-full bg-[#f4f4f6] text-[#86868b] hover:text-[#1d1d1f] flex items-center justify-center transition-apple cursor-pointer`,children:(0,j.jsxDEV)(ln,{className:`w-3.5 h-3.5`},void 0,!1,{fileName:Cs,lineNumber:36,columnNumber:13},this)},void 0,!1,{fileName:Cs,lineNumber:31,columnNumber:11},this)]},void 0,!0,{fileName:Cs,lineNumber:24,columnNumber:9},this),(0,j.jsxDEV)(`div`,{className:`space-y-2.5 text-[12px]`,children:[(0,j.jsxDEV)(`p`,{className:`text-[11.5px] text-[#86868b] leading-relaxed`,children:`This interactive dialog was dynamically triggered by a Cyrus prototype interaction.`},void 0,!1,{fileName:Cs,lineNumber:42,columnNumber:11},this),(0,j.jsxDEV)(`div`,{className:`space-y-1`,children:[(0,j.jsxDEV)(`label`,{className:`text-[10.5px] font-semibold text-[#86868b]`,children:`Email Address`},void 0,!1,{fileName:Cs,lineNumber:47,columnNumber:13},this),(0,j.jsxDEV)(`input`,{type:`email`,placeholder:`user@example.com`,className:`w-full h-8 px-2.5 bg-[#f4f4f6] rounded-[6px] border border-[#e5e5ea] text-[#1d1d1f] focus:outline-none focus:border-[#0071e3]`},void 0,!1,{fileName:Cs,lineNumber:48,columnNumber:13},this)]},void 0,!0,{fileName:Cs,lineNumber:46,columnNumber:11},this),(0,j.jsxDEV)(`div`,{className:`space-y-1`,children:[(0,j.jsxDEV)(`label`,{className:`text-[10.5px] font-semibold text-[#86868b]`,children:`Security Password`},void 0,!1,{fileName:Cs,lineNumber:56,columnNumber:13},this),(0,j.jsxDEV)(`input`,{type:`password`,placeholder:`••••••••••••`,className:`w-full h-8 px-2.5 bg-[#f4f4f6] rounded-[6px] border border-[#e5e5ea] text-[#1d1d1f] focus:outline-none focus:border-[#0071e3]`},void 0,!1,{fileName:Cs,lineNumber:57,columnNumber:13},this)]},void 0,!0,{fileName:Cs,lineNumber:55,columnNumber:11},this)]},void 0,!0,{fileName:Cs,lineNumber:41,columnNumber:9},this),(0,j.jsxDEV)(`div`,{className:`flex items-center justify-end gap-2 pt-1 border-t border-[#f4f4f6]`,children:[(0,j.jsxDEV)(Ui,{variant:`secondary`,size:`xs`,onClick:n,children:`Cancel`},void 0,!1,{fileName:Cs,lineNumber:67,columnNumber:11},this),(0,j.jsxDEV)(Ui,{variant:`primary`,size:`xs`,onClick:n,icon:(0,j.jsxDEV)(Mr,{className:`w-3.5 h-3.5`},void 0,!1,{fileName:Cs,lineNumber:70,columnNumber:71},this),children:`Confirm Action`},void 0,!1,{fileName:Cs,lineNumber:70,columnNumber:11},this)]},void 0,!0,{fileName:Cs,lineNumber:66,columnNumber:9},this)]},void 0,!0,{fileName:Cs,lineNumber:19,columnNumber:7},this)},void 0,!1,{fileName:Cs,lineNumber:15,columnNumber:5},this):null}var Ts=`C:/Users/Shadow/Desktop/cyrus/src/components/ui/ErrorBoundary.tsx`,Es=class extends k.Component{state={hasError:!1,error:null};static getDerivedStateFromError(e){return{hasError:!0,error:e}}componentDidCatch(e,t){console.error(`Cyrus Error Boundary Caught Exception:`,e,t)}handleReset=()=>{this.setState({hasError:!1,error:null})};render(){return this.state.hasError?(0,j.jsxDEV)(`div`,{className:`h-screen w-screen flex flex-col items-center justify-center bg-[#f5f5f7] dark:bg-[#161618] text-[#1d1d1f] dark:text-[#f5f5f7] p-6 select-none`,children:(0,j.jsxDEV)(`div`,{className:`p-8 rounded-[24px] bg-white dark:bg-[#252528] border border-[#e5e5ea] dark:border-[#38383a] shadow-apple-lg max-w-md w-full flex flex-col items-center text-center gap-4 animate-in fade-in zoom-in-95`,children:[(0,j.jsxDEV)(`div`,{className:`w-12 h-12 rounded-2xl bg-[#ff3b30]/10 text-[#ff3b30] flex items-center justify-center`,children:(0,j.jsxDEV)(p,{className:`w-6 h-6`},void 0,!1,{fileName:Ts,lineNumber:37,columnNumber:15},this)},void 0,!1,{fileName:Ts,lineNumber:36,columnNumber:13},this),(0,j.jsxDEV)(`div`,{children:[(0,j.jsxDEV)(`h2`,{className:`text-[17px] font-bold text-[#1d1d1f] dark:text-white`,children:`Workspace Recovered`},void 0,!1,{fileName:Ts,lineNumber:40,columnNumber:15},this),(0,j.jsxDEV)(`p`,{className:`text-[12.5px] text-[#86868b] dark:text-[#8e8e93] mt-1.5 leading-relaxed`,children:`Click below to open your fresh design workspace canvas.`},void 0,!1,{fileName:Ts,lineNumber:41,columnNumber:15},this)]},void 0,!0,{fileName:Ts,lineNumber:39,columnNumber:13},this),this.state.error?.message&&(0,j.jsxDEV)(`div`,{className:`w-full p-2.5 rounded-xl bg-[#ff3b30]/10 text-[#ff3b30] text-[11px] font-mono break-all text-center`,children:this.state.error.message},void 0,!1,{fileName:Ts,lineNumber:46,columnNumber:15},this),(0,j.jsxDEV)(`button`,{type:`button`,onClick:this.handleReset,className:`w-full py-2.5 px-4 rounded-xl bg-[#0071e3] hover:bg-[#0077ed] text-white text-[13px] font-semibold flex items-center justify-center gap-2 shadow-2xs transition-all cursor-pointer`,children:[(0,j.jsxDEV)(kr,{className:`w-4 h-4`},void 0,!1,{fileName:Ts,lineNumber:55,columnNumber:15},this),(0,j.jsxDEV)(`span`,{children:`Enter Canvas Workspace`},void 0,!1,{fileName:Ts,lineNumber:56,columnNumber:15},this)]},void 0,!0,{fileName:Ts,lineNumber:50,columnNumber:13},this),(0,j.jsxDEV)(`button`,{type:`button`,onClick:()=>{this.setState({hasError:!1,error:null}),window.location.href=window.location.origin},className:`w-full py-2 px-4 rounded-xl bg-[#f4f4f6] dark:bg-[#2c2c2e] text-[#6e6e73] dark:text-[#8e8e93] text-[12px] font-medium hover:text-[#1d1d1f] dark:hover:text-white transition-colors cursor-pointer`,children:`Open Dashboard`},void 0,!1,{fileName:Ts,lineNumber:58,columnNumber:13},this)]},void 0,!0,{fileName:Ts,lineNumber:35,columnNumber:11},this)},void 0,!1,{fileName:Ts,lineNumber:34,columnNumber:9},this):this.props.children}},Ds=4e3,Os=12e3,ks=class{sessionId;channel=null;projectId=``;vectorClock={};messageHandlers=new Set;peerJoinHandlers=new Set;peerLeaveHandlers=new Set;heartbeatTimer=null;peerTimeouts=new Map;knownPeers=new Map;localInfo;constructor(e){this.sessionId=Za(),this.localInfo=e,this.vectorClock[this.sessionId]=0}connect(e){this.channel&&this.disconnect(),this.projectId=e,this.channel=new BroadcastChannel(`cyrus:collab:${e}`),this.channel.onmessage=e=>{let t=e.data;t.senderId!==this.sessionId&&(this.handleIncoming(t),this.messageHandlers.forEach(e=>e(t)))},this.broadcast(`peer_join`,{collaborator:this.buildSelfCollaborator()}),this.broadcast(`full_sync_request`,{}),this.heartbeatTimer=setInterval(()=>{this.vectorClock[this.sessionId]=(this.vectorClock[this.sessionId]||0)+1,this.broadcast(`presence_heartbeat`,{collaborator:this.buildSelfCollaborator(),vectorClock:{...this.vectorClock}})},Ds)}disconnect(){this.heartbeatTimer&&clearInterval(this.heartbeatTimer),this.peerTimeouts.forEach(e=>clearTimeout(e)),this.peerTimeouts.clear(),this.channel&&=(this.broadcast(`peer_leave`,{sessionId:this.sessionId}),this.channel.close(),null)}updateCursor(e){this.broadcast(`cursor_move`,{cursor:e})}updateSelection(e){this.broadcast(`selection_change`,{selection:e})}sendOperation(e){this.vectorClock[this.sessionId]=(this.vectorClock[this.sessionId]||0)+1;let t={...e,id:`op_${Math.random().toString(36).slice(2,11)}`,authorId:this.sessionId,timestamp:Date.now(),vectorClock:{...this.vectorClock}};this.broadcast(`operation`,{operation:t})}applyRemoteOperation(e){Object.entries(e.vectorClock).forEach(([e,t])=>{this.vectorClock[e]=Math.max(this.vectorClock[e]||0,t)})}sendComment(e){this.broadcast(`comment_add`,{comment:e})}sendCommentReply(e,t){this.broadcast(`comment_reply`,{commentId:e,reply:t})}resolveComment(e){this.broadcast(`comment_resolve`,{commentId:e,resolvedBy:this.sessionId})}reopenComment(e){this.broadcast(`comment_reopen`,{commentId:e})}deleteComment(e){this.broadcast(`comment_delete`,{commentId:e})}onMessage(e){return this.messageHandlers.add(e),()=>this.messageHandlers.delete(e)}onPeerJoin(e){return this.peerJoinHandlers.add(e),()=>this.peerJoinHandlers.delete(e)}onPeerLeave(e){return this.peerLeaveHandlers.add(e),()=>this.peerLeaveHandlers.delete(e)}broadcast(e,t){if(!this.channel)return;let n={type:e,senderId:this.sessionId,senderName:this.localInfo.name,senderColor:this.localInfo.color,payload:t,timestamp:Date.now()};this.channel.postMessage(n)}handleIncoming(e){switch(e.type){case`peer_join`:{let t=e.payload.collaborator;this.knownPeers.set(e.senderId,{...t,isOnline:!0}),this.peerJoinHandlers.forEach(e=>e(t)),this.broadcast(`presence_heartbeat`,{collaborator:this.buildSelfCollaborator(),vectorClock:{...this.vectorClock}});break}case`peer_leave`:this.knownPeers.delete(e.senderId),this.peerLeaveHandlers.forEach(t=>t(e.senderId));break;case`presence_heartbeat`:{let t=e.payload.collaborator;this.knownPeers.get(e.senderId)?this.knownPeers.set(e.senderId,{...t,isOnline:!0}):(this.knownPeers.set(e.senderId,{...t,isOnline:!0}),this.peerJoinHandlers.forEach(e=>e({...t,isOnline:!0})));let n=this.peerTimeouts.get(e.senderId);n&&clearTimeout(n);let r=setTimeout(()=>{this.knownPeers.delete(e.senderId),this.peerLeaveHandlers.forEach(t=>t(e.senderId)),this.peerTimeouts.delete(e.senderId)},Os);this.peerTimeouts.set(e.senderId,r),e.payload.vectorClock&&Object.entries(e.payload.vectorClock).forEach(([e,t])=>{this.vectorClock[e]=Math.max(this.vectorClock[e]||0,t)});break}case`operation`:{let t=e.payload.operation;this.applyRemoteOperation(t);break}}}buildSelfCollaborator(){return{id:this.sessionId,userId:this.localInfo.userId,name:this.localInfo.name,avatarUrl:this.localInfo.avatarUrl,color:this.localInfo.color,role:`editor`,isOnline:!0,lastSeenAt:Date.now()}}},As=null;function js(){return As}var Ms=1;function Ns(e){let{session:t}=zi(),{addCollaborator:n,removeCollaborator:r,updatePeerCursor:i,updatePeerSelection:a,selfId:o,loadComments:s,initSession:c}=co(),{applyCollabOperation:l}=M(),u=(0,k.useRef)(!1);return(0,k.useEffect)(()=>{if(!e||u.current)return;u.current=!0;let s=t.user?.name||`Guest ${o.slice(-4)}`,d=Xa[0],f=t.user?.avatarUrl,p=t.user?.id;c(e,{name:s,avatarUrl:f,userId:p});let m=new ks({name:s,color:d,avatarUrl:f,userId:p});As=m;let h=m.onPeerJoin(e=>{let t=Xa[Ms%Xa.length];Ms++,n({...e,color:t})}),g=m.onPeerLeave(e=>{r(e)}),_=m.onMessage(e=>{switch(e.type){case`cursor_move`:i(e.senderId,e.payload.cursor);break;case`selection_change`:a(e.senderId,e.payload.selection);break;case`presence_heartbeat`:{let t=e.payload.collaborator;n(t);break}case`operation`:{let t=e.payload.operation;m.applyRemoteOperation(t),l&&l(t);break}case`comment_add`:{let{addComment:t}=co.getState();co.getState().comments.find(t=>t.id===e.payload.comment.id)||co.setState(t=>({comments:[...t.comments,e.payload.comment]}));break}case`comment_reply`:{let{commentId:t,reply:n}=e.payload;co.getState().replyToComment(t,n);break}case`comment_resolve`:co.getState().resolveComment(e.payload.commentId,e.payload.resolvedBy);break;case`comment_reopen`:co.getState().reopenComment(e.payload.commentId);break;case`comment_delete`:co.getState().deleteComment(e.payload.commentId)}});return m.connect(e),()=>{h(),g(),_(),m.disconnect(),As=null,u.current=!1,Ms=1}},[e]),As}function Ps(e,t){let n=fi[t],r=t===`mobile`?16:t===`tablet`?24:32,i=n.width-r*2,a=e.x,o=e.y,s=e.width,c=e.height,l=!!e.hidden,u={...e.styles},d=e.responsive||{},f=!1;return t===`desktop`?d.desktop&&(f=!0,d.desktop.x!==void 0&&(a=d.desktop.x),d.desktop.y!==void 0&&(o=d.desktop.y),d.desktop.width!==void 0&&(s=d.desktop.width),d.desktop.height!==void 0&&(c=d.desktop.height),d.desktop.hidden!==void 0&&(l=d.desktop.hidden),u={...u,...d.desktop}):t===`tablet`?(d.desktop&&(d.desktop.x!==void 0&&(a=d.desktop.x),d.desktop.y!==void 0&&(o=d.desktop.y),d.desktop.width!==void 0&&(s=d.desktop.width),d.desktop.height!==void 0&&(c=d.desktop.height),d.desktop.hidden!==void 0&&(l=d.desktop.hidden),u={...u,...d.desktop}),d.tablet?(f=!0,d.tablet.x!==void 0&&(a=d.tablet.x),d.tablet.y!==void 0&&(o=d.tablet.y),d.tablet.width!==void 0&&(s=d.tablet.width),d.tablet.height!==void 0&&(c=d.tablet.height),d.tablet.hidden!==void 0&&(l=d.tablet.hidden),u={...u,...d.tablet}):(s>i&&(s=i),(a+s>n.width||a<r)&&(a=Math.max(r,Math.round((n.width-s)/2))),(e.type===`navbar`||e.type===`footer`||e.type===`hero`)&&(s=i,a=r))):t===`mobile`&&(d.desktop&&(d.desktop.x!==void 0&&(a=d.desktop.x),d.desktop.y!==void 0&&(o=d.desktop.y),d.desktop.width!==void 0&&(s=d.desktop.width),d.desktop.height!==void 0&&(c=d.desktop.height),d.desktop.hidden!==void 0&&(l=d.desktop.hidden),u={...u,...d.desktop}),d.tablet&&(d.tablet.x!==void 0&&(a=d.tablet.x),d.tablet.y!==void 0&&(o=d.tablet.y),d.tablet.width!==void 0&&(s=d.tablet.width),d.tablet.height!==void 0&&(c=d.tablet.height),d.tablet.hidden!==void 0&&(l=d.tablet.hidden),u={...u,...d.tablet}),d.mobile?(f=!0,d.mobile.x!==void 0&&(a=d.mobile.x),d.mobile.y!==void 0&&(o=d.mobile.y),d.mobile.width!==void 0&&(s=d.mobile.width),d.mobile.height!==void 0&&(c=d.mobile.height),d.mobile.hidden!==void 0&&(l=d.mobile.hidden),u={...u,...d.mobile}):(s>i&&(s=i),(a+s>n.width||a<r)&&(a=Math.max(r,Math.round((n.width-s)/2))),(e.type===`navbar`||e.type===`footer`||e.type===`hero`||e.type===`heroSection`||e.type===`cta`||e.type===`dataTable`)&&(s=i,a=r),u.fontSize&&u.fontSize>24&&(u.fontSize=Math.max(18,Math.round(u.fontSize*.75))))),{...e,effectiveX:a,effectiveY:o,effectiveWidth:s,effectiveHeight:c,effectiveHidden:l,isOverridden:f,styles:u}}function Fs(e,t){if(t===`desktop`)return e.map(e=>Ps(e,t));let n=fi[t],r=t===`mobile`?16:24,i=n.width-r*2,a=e.map(e=>Ps(e,t));if(a.filter(e=>!e.isOverridden).length<=1)return a;let o=[...a].sort((e,t)=>e.y-t.y||e.x-t.x),s=[],c=[],l=-999;for(let e of o)Math.abs(e.y-l)>30?(c.length>0&&s.push(c),c=[e],l=e.y):c.push(e);c.length>0&&s.push(c);let u=r;for(let e of s){e.sort((e,t)=>e.x-t.x);let a=t===`mobile`&&e.length>1,o=t===`tablet`&&e.length>2;if(a||o){for(let t of e)t.isOverridden||(t.effectiveWidth=Math.min(t.effectiveWidth,i),t.effectiveX=Math.max(r,Math.round((n.width-t.effectiveWidth)/2)),t.effectiveY=u),u+=t.effectiveHeight+16;u+=8}else{let t=0;for(let a of e)a.isOverridden||(a.effectiveWidth=Math.min(a.effectiveWidth,i),e.length===1&&(a.effectiveX=Math.max(r,Math.round((n.width-a.effectiveWidth)/2))),a.effectiveY=Math.max(a.effectiveY,u)),t=Math.max(t,a.effectiveHeight);u=Math.max(u+t+16,u+40)}}return a}function Is(e,t){let n=fi[t],r=[],i=e.map(e=>Ps(e,t));for(let e of i)e.effectiveHidden||(e.effectiveX+e.effectiveWidth>n.width+4&&r.push({elementId:e.id,elementName:e.name,message:`Extends ${Math.round(e.effectiveX+e.effectiveWidth-n.width)}px beyond ${n.label} edge`,type:`overflow`,severity:`warning`}),e.effectiveX<0&&r.push({elementId:e.id,elementName:e.name,message:`Positioned outside canvas boundary (X: ${e.effectiveX}px)`,type:`clipping`,severity:`warning`}));return r}function Ls(e,t=!1){if(!e||e.type===`none`)return{className:``,style:{}};let n=e.duration??.4,r=e.delay??0,i=e.easing===`spring`?`cubic-bezier(0.34, 1.56, 0.64, 1)`:e.easing===`ease-in-out`?`cubic-bezier(0.4, 0, 0.2, 1)`:e.easing===`linear`?`linear`:`cubic-bezier(0.16, 1, 0.3, 1)`,a=``;switch(e.type){case`fade`:a=`animate-fade-in`;break;case`fade-up`:a=`animate-fade-up`;break;case`fade-down`:a=`animate-fade-down`;break;case`slide-left`:a=`animate-slide-left`;break;case`slide-right`:a=`animate-slide-right`;break;case`scale`:a=`animate-scale-in`;break;case`zoom-spring`:a=`animate-zoom-spring`;break;case`blur`:a=`animate-blur-in`;break;case`bounce`:a=`animate-bounce-in`;break;case`flip-x`:a=`animate-flip-x`;break;case`flip-y`:a=`animate-flip-y`;break;case`rotate-in`:a=`animate-rotate-in`;break;case`wipe-right`:a=`animate-wipe-right`;break;case`slide-up-big`:a=`animate-slide-up-big`;break;case`drop-in`:a=`animate-drop-in`;break;case`float-loop`:a=`animate-float-loop`;break;case`pulse-glow`:a=`animate-pulse-glow-loop`;break;case`spin-slow`:a=`animate-spin-slow`;break;case`heartbeat`:a=`animate-heartbeat-loop`;break;case`swing`:a=`animate-swing-loop`;break;case`wiggle`:a=`animate-wiggle-loop`;break;case`lift`:a=`hover:-translate-y-1.5 hover:shadow-apple-md transition-all duration-200`;break;case`glow`:a=`hover:ring-4 hover:ring-[#0071e3]/40 transition-all duration-200`;break;case`pulse`:a=`hover:scale-[1.04] transition-transform duration-200`;break;case`jiggle`:a=`hover-jiggle`;break;case`squish`:a=`hover-squish`;break;case`tilt`:a=`hover-tilt`;break;case`neon`:a=`hover-neon-glow`;break;default:a=``}let o=e.iteration===`infinite`?`infinite`:typeof e.iteration==`number`?e.iteration:`1`;return{className:a,style:{animationDuration:`${n}s`,animationDelay:`${r}s`,animationTimingFunction:i,animationFillMode:`both`,...e.iteration?{animationIterationCount:o}:{}}}}var Rs=`C:/Users/Shadow/Desktop/cyrus/src/editor/canvas/PenToolOverlay.tsx`,zs=5,Bs=6;function Vs(e,t){if(e.length===0)return``;if(e.length===1)return`M `+e[0].x+` `+e[0].y;let n=`M `+e[0].x+` `+e[0].y;for(let t=1;t<e.length;t++){let r=e[t-1],i=e[t];n+=` C `+r.cp2.x+` `+r.cp2.y+` `+i.cp1.x+` `+i.cp1.y+` `+i.x+` `+i.y}if(t&&e.length>2){let t=e[e.length-1],r=e[0];n+=` C `+t.cp2.x+` `+t.cp2.y+` `+r.cp1.x+` `+r.cp1.y+` `+r.x+` `+r.y+` Z`}return n}function Hs({artboardWidth:e,artboardHeight:t,zoom:n,getCanvasCoords:r}){let i=A(e=>e.toolMode),a=A(e=>e.setToolMode),{addElement:o}=M(),{addToast:s}=Vr(),c=i===`pen`,[l,u]=(0,k.useState)([]),[d,f]=(0,k.useState)(null),[p,m]=(0,k.useState)(null),h=(0,k.useRef)(null),g=(0,k.useRef)([]);g.current=l;let _=(0,k.useCallback)((e,t)=>{if(e.length<2){u([]);return}let n=e.map(e=>e.x),r=e.map(e=>e.y),i=Math.min(...n),a=Math.min(...r),o=Math.max(...n),c=Math.max(...r),l=Math.max(0,i-10),d=Math.max(0,a-10),f=Math.max(50,o-i+20),p=Math.max(50,c-a+20),m=e.map(e=>({x:e.x-l,y:e.y-d,cp1:{x:e.cp1.x-l,y:e.cp1.y-d},cp2:{x:e.cp2.x-l,y:e.cp2.y-d}})),h=Vs(m,t),g=`#7d2ae8`,_=t?`rgba(125,42,232,0.1)`:`none`,v={points:m,isOpen:!t,strokeColor:g,strokeWidth:2.5,fillColor:_},y=`<svg viewBox="0 0 `+f+` `+p+`" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg"><path d="`+h+`" stroke="#7d2ae8" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" fill="`+_+`"/></svg>`;M.getState().addElement({type:`svg`,name:`Vector Path`,x:l,y:d,width:f,height:p,styles:{strokeColor:g,strokeWidth:2.5,backgroundColor:`transparent`},content:{svg:y,pathD:h,isPenPath:!0},penPath:v}),s(`Vector path saved`,`success`),u([])},[s]);(0,k.useEffect)(()=>{c||(g.current.length>=2?_(g.current,!1):u([]),f(null),m(null))},[c,_]);let v=(0,k.useCallback)(e=>{_(g.current,e),a(`select`)},[_,a]);(0,k.useEffect)(()=>{if(!c)return;let e=e=>{[`INPUT`,`TEXTAREA`].includes(e.target?.tagName)||(e.key===`Enter`&&v(!1),e.key===`Escape`&&(l.length>0?v(!1):a(`select`)))};return window.addEventListener(`keydown`,e),()=>window.removeEventListener(`keydown`,e)},[c,l,v,a]);let y=(0,k.useCallback)(e=>r(e.clientX,e.clientY),[r]),b=(0,k.useCallback)(e=>{if(!c)return;e.stopPropagation();let t=y(e);if(l.length>=3){let e=l[0];if(Math.hypot(e.x-t.x,e.y-t.y)<12/n){v(!0);return}}let r={x:t.x,y:t.y,cp1:{x:t.x-40,y:t.y},cp2:{x:t.x+40,y:t.y}};u(e=>[...e,r])},[c,l,n,y,v]),x=(0,k.useCallback)((e,t,n)=>{e.stopPropagation(),e.preventDefault(),m({pointIdx:t,which:n})},[]);(0,k.useEffect)(()=>{if(!p)return;let e=e=>{let t=r(e.clientX,e.clientY);u(e=>e.map((e,n)=>{if(n!==p.pointIdx)return e;let{which:r}=p;if(r===`node`){let n=t.x-e.x,r=t.y-e.y;return{...e,x:t.x,y:t.y,cp1:{x:e.cp1.x+n,y:e.cp1.y+r},cp2:{x:e.cp2.x+n,y:e.cp2.y+r}}}return r===`cp2`?{...e,cp2:{x:t.x,y:t.y},cp1:{x:e.x-(t.x-e.x),y:e.y-(t.y-e.y)}}:{...e,cp1:{x:t.x,y:t.y},cp2:{x:e.x-(t.x-e.x),y:e.y-(t.y-e.y)}}}))},t=()=>m(null);return window.addEventListener(`mousemove`,e),window.addEventListener(`mouseup`,t),()=>{window.removeEventListener(`mousemove`,e),window.removeEventListener(`mouseup`,t)}},[p,r]);let S=(0,k.useCallback)(e=>{c&&f(y(e))},[c,y]);if(!c)return null;let C=Vs(l,!1),w=Bs/n,ee=zs/n,te=null;if(l.length>0&&d){let e=l[l.length-1],t=`M `+e.x+` `+e.y+` C `+e.cp2.x+` `+e.cp2.y+` `+d.x+` `+d.y+` `+d.x+` `+d.y;te=(0,j.jsxDEV)(`path`,{d:t,stroke:`#a855f7`,strokeWidth:1.5/n,fill:`none`,strokeDasharray:4/n+` `+4/n,pointerEvents:`none`,opacity:.7},void 0,!1,{fileName:Rs,lineNumber:276,columnNumber:7},this)}return(0,j.jsxDEV)(`svg`,{ref:h,className:`absolute inset-0 pointer-events-auto`,style:{zIndex:200,cursor:`crosshair`,width:e,height:t},onClick:b,onMouseMove:S,onMouseLeave:()=>f(null),children:[C&&(0,j.jsxDEV)(`path`,{d:C,stroke:`#7d2ae8`,strokeWidth:2/n,fill:`none`,strokeLinecap:`round`,strokeLinejoin:`round`,pointerEvents:`none`},void 0,!1,{fileName:Rs,lineNumber:303,columnNumber:9},this),te,l.map((e,t)=>(0,j.jsxDEV)(`g`,{children:[(0,j.jsxDEV)(`line`,{x1:e.x,y1:e.y,x2:e.cp1.x,y2:e.cp1.y,stroke:`#a855f7`,strokeWidth:1/n,pointerEvents:`none`,opacity:.5},void 0,!1,{fileName:Rs,lineNumber:316,columnNumber:11},this),(0,j.jsxDEV)(`circle`,{cx:e.cp1.x,cy:e.cp1.y,r:ee,fill:`#7d2ae8`,stroke:`#ffffff`,strokeWidth:1/n,style:{cursor:`move`},onMouseDown:e=>x(e,t,`cp1`)},void 0,!1,{fileName:Rs,lineNumber:326,columnNumber:11},this),(0,j.jsxDEV)(`line`,{x1:e.x,y1:e.y,x2:e.cp2.x,y2:e.cp2.y,stroke:`#a855f7`,strokeWidth:1/n,pointerEvents:`none`,opacity:.5},void 0,!1,{fileName:Rs,lineNumber:336,columnNumber:11},this),(0,j.jsxDEV)(`circle`,{cx:e.cp2.x,cy:e.cp2.y,r:ee,fill:`#7d2ae8`,stroke:`#ffffff`,strokeWidth:1/n,style:{cursor:`move`},onMouseDown:e=>x(e,t,`cp2`)},void 0,!1,{fileName:Rs,lineNumber:346,columnNumber:11},this),(0,j.jsxDEV)(`circle`,{cx:e.x,cy:e.y,r:w,fill:`#ffffff`,stroke:t===0&&l.length>=3?`#34c759`:`#7d2ae8`,strokeWidth:1.5/n,style:{cursor:t===0&&l.length>=3?`pointer`:`move`},onMouseDown:e=>x(e,t,`node`)},void 0,!1,{fileName:Rs,lineNumber:356,columnNumber:11},this)]},t,!0,{fileName:Rs,lineNumber:315,columnNumber:9},this)),l.length===0&&(0,j.jsxDEV)(`text`,{x:e/2,y:t/2,textAnchor:`middle`,fontSize:14/n,fill:`#7d2ae8`,opacity:.6,pointerEvents:`none`,children:`Click to add anchor points | Enter to commit | Esc to cancel`},void 0,!1,{fileName:Rs,lineNumber:369,columnNumber:9},this)]},void 0,!0,{fileName:Rs,lineNumber:289,columnNumber:5},this)}var Us=`cyrus_live_cursors_v1`,Ws=[`#ff3b30`,`#ff9500`,`#34c759`,`#0071e3`,`#af52de`,`#5856d6`,`#ff2d55`,`#30b0c7`,`#32ade6`,`#ffcc00`];function Gs(e){let t=0;for(let n=0;n<e.length;n++)t=e.charCodeAt(n)+((t<<5)-t);return Ws[Math.abs(t)%Ws.length]}var Ks=`tab_`+Math.random().toString(36).slice(2,10),qs=`Collaborator `+Ks.slice(4,8).toUpperCase(),Js=Gs(Ks);function Ys(e){let t=(0,k.useRef)(null),{addCollaborator:n,updatePeerCursor:r,removeCollaborator:i}=co.getState(),a=(0,k.useRef)(0),o=(0,k.useCallback)(e=>{try{t.current?.postMessage(e)}catch{}},[]);return(0,k.useEffect)(()=>{if(typeof window>`u`||typeof BroadcastChannel>`u`)return;let a=new BroadcastChannel(Us);t.current=a;let o={type:`peer_hello`,peerId:Ks,peerName:qs,peerColor:Js};a.postMessage(o),a.onmessage=t=>{let o=t.data;if(!(!o||o.peerId===Ks))switch(o.type){case`peer_hello`:n({id:o.peerId,name:o.peerName,color:o.peerColor,role:`editor`,isOnline:!0,lastSeenAt:Date.now()}),a.postMessage({type:`peer_hello_ack`,peerId:Ks,peerName:qs,peerColor:Js});break;case`peer_hello_ack`:n({id:o.peerId,name:o.peerName,color:o.peerColor,role:`editor`,isOnline:!0,lastSeenAt:Date.now()});break;case`cursor_move`:n({id:o.peerId,name:o.peerName,color:o.peerColor,role:`editor`,isOnline:!0,lastSeenAt:Date.now()}),r(o.peerId,{x:o.x??0,y:o.y??0,pageId:o.pageId??e});break;case`cursor_leave`:case`peer_bye`:i(o.peerId)}};let s=()=>{a.postMessage({type:`peer_bye`,peerId:Ks,peerName:qs,peerColor:Js})};return window.addEventListener(`beforeunload`,s),()=>{s(),a.close(),t.current=null,window.removeEventListener(`beforeunload`,s)}},[e,n,r,i]),{broadcastCursorMove:(0,k.useCallback)((t,n)=>{let r=Date.now();r-a.current<40||(a.current=r,o({type:`cursor_move`,peerId:Ks,peerName:qs,peerColor:Js,x:t,y:n,pageId:e}))},[o,e]),broadcastCursorLeave:(0,k.useCallback)(()=>{o({type:`cursor_leave`,peerId:Ks,peerName:qs,peerColor:Js})},[o]),selfId:Ks,selfColor:Js}}function Xs(e){co(e=>e.selfId),co(e=>e.selfColor);let t=co(e=>e.collaborators),n=A(e=>e.spotlightUserId),r=A(e=>e.setPan),i=A(e=>e.zoom);return(0,k.useEffect)(()=>{if(!n)return;let e=t.get(n);if(e?.cursor){let t=window.innerWidth/2,n=window.innerHeight/2,a=t-e.cursor.x*i,o=n-e.cursor.y*i;r({x:Math.round(a),y:Math.round(o)})}},[n,t,i,r]),{isFollowing:!!n,spotlightTarget:n?t.get(n):null}}var Zs=`C:/Users/Shadow/Desktop/cyrus/src/collaboration/LiveVoiceOverlay.tsx`;function Qs(){let e=A(e=>e.isVoiceActive),t=A(e=>e.toggleVoiceActive),n=A(e=>e.isMicMuted),r=A(e=>e.toggleMicMuted),{addToast:i}=Vr(),a=co(e=>e.collaborators);co(e=>e.selfId);let o=co(e=>e.selfColor);(0,k.useMemo)(()=>Array.from(a.values()),[a]);let[s,c]=(0,k.useState)(0),[l,u]=(0,k.useState)(null),d=(0,k.useRef)(null),f=(0,k.useRef)(null),p=(0,k.useRef)(null),m=(0,k.useRef)(null);return(0,k.useEffect)(()=>{if(!e){p.current&&=(p.current.getTracks().forEach(e=>e.stop()),null),d.current&&=(d.current.close().catch(()=>{}),null),m.current&&cancelAnimationFrame(m.current),c(0);return}let t=!1;async function n(){try{let e=await navigator.mediaDevices.getUserMedia({audio:!0,video:!1});if(t){e.getTracks().forEach(e=>e.stop());return}p.current=e;let n=new(window.AudioContext||window.webkitAudioContext);d.current=n;let r=n.createMediaStreamSource(e),a=n.createAnalyser();a.fftSize=64,r.connect(a),f.current=a;let o=a.frequencyBinCount,s=new Uint8Array(o),l=()=>{if(!f.current||t)return;f.current.getByteFrequencyData(s);let e=0;for(let t=0;t<o;t++)e+=s[t];let n=e/o,r=Math.min(Math.round(n/128*100),100);c(r),u(r>15?`self`:null),m.current=requestAnimationFrame(l)};m.current=requestAnimationFrame(l),i(`Connected to Live Voice Room`,`success`)}catch(e){console.warn(`Microphone access not granted:`,e),i(`Voice Chat: Microphone permission required`,`info`)}}return n(),()=>{t=!0,m.current&&cancelAnimationFrame(m.current),p.current&&p.current.getTracks().forEach(e=>e.stop()),d.current&&d.current.close().catch(()=>{})}},[e,i]),(0,k.useEffect)(()=>{p.current&&p.current.getAudioTracks().forEach(e=>{e.enabled=!n})},[n]),e?(0,j.jsxDEV)(`div`,{className:`fixed bottom-6 right-6 z-50 bg-[#1c1c1e]/95 backdrop-blur-md text-white border border-[#38383a] rounded-2xl p-3.5 shadow-2xl flex items-center gap-3.5 select-none animate-in fade-in-50 zoom-in-95 duration-150`,children:[(0,j.jsxDEV)(`div`,{className:`flex items-center gap-2.5 pr-2 border-r border-[#38383a]`,children:[(0,j.jsxDEV)(`div`,{className:`relative`,children:[(0,j.jsxDEV)(`div`,{className:D(`w-8 h-8 rounded-full flex items-center justify-center font-bold text-[11px] text-white transition-transform`,l===`self`&&!n&&`scale-110 ring-4 ring-[#34c759]/40 shadow-lg`),style:{backgroundColor:o||`#0071e3`},children:`YOU`},void 0,!1,{fileName:Zs,lineNumber:137,columnNumber:11},this),!n&&s>15&&(0,j.jsxDEV)(`span`,{className:`absolute -top-1 -right-1 w-3 h-3 rounded-full bg-[#34c759] animate-ping`},void 0,!1,{fileName:Zs,lineNumber:149,columnNumber:13},this)]},void 0,!0,{fileName:Zs,lineNumber:136,columnNumber:9},this),(0,j.jsxDEV)(`div`,{children:[(0,j.jsxDEV)(`div`,{className:`flex items-center gap-1.5`,children:[(0,j.jsxDEV)(`span`,{className:`w-2 h-2 rounded-full bg-[#34c759]`},void 0,!1,{fileName:Zs,lineNumber:155,columnNumber:13},this),(0,j.jsxDEV)(`span`,{className:`text-[12px] font-bold text-white`,children:`Live Voice`},void 0,!1,{fileName:Zs,lineNumber:156,columnNumber:13},this)]},void 0,!0,{fileName:Zs,lineNumber:154,columnNumber:11},this),(0,j.jsxDEV)(`span`,{className:`text-[10px] text-[#8e8e93]`,children:n?`Muted`:l===`self`?`Speaking...`:`Listening`},void 0,!1,{fileName:Zs,lineNumber:158,columnNumber:11},this)]},void 0,!0,{fileName:Zs,lineNumber:153,columnNumber:9},this)]},void 0,!0,{fileName:Zs,lineNumber:135,columnNumber:7},this),(0,j.jsxDEV)(`button`,{type:`button`,onClick:r,className:D(`w-9 h-9 rounded-xl flex items-center justify-center transition-all cursor-pointer shadow-2xs`,n?`bg-[#ff3b30]/20 text-[#ff3b30] hover:bg-[#ff3b30]/30`:`bg-[#34c759]/20 text-[#34c759] hover:bg-[#34c759]/30`),title:n?`Unmute Microphone`:`Mute Microphone`,children:n?(0,j.jsxDEV)(Ge,{className:`w-4 h-4`},void 0,!1,{fileName:Zs,lineNumber:176,columnNumber:23},this):(0,j.jsxDEV)(wt,{className:`w-4 h-4`},void 0,!1,{fileName:Zs,lineNumber:176,columnNumber:56},this)},void 0,!1,{fileName:Zs,lineNumber:165,columnNumber:7},this),(0,j.jsxDEV)(`button`,{type:`button`,onClick:t,className:`w-9 h-9 rounded-xl bg-[#ff3b30] hover:bg-[#d70015] text-white flex items-center justify-center transition-all cursor-pointer shadow-2xs`,title:`Leave Voice Room`,children:(0,j.jsxDEV)(_n,{className:`w-4 h-4`},void 0,!1,{fileName:Zs,lineNumber:186,columnNumber:9},this)},void 0,!1,{fileName:Zs,lineNumber:180,columnNumber:7},this)]},void 0,!0,{fileName:Zs,lineNumber:133,columnNumber:5},this):null}var $s=`C:/Users/Shadow/Desktop/cyrus/src/editor/canvas/PerformanceHUD.tsx`;function ec({totalNodes:e,renderedNodes:t,culledNodes:n}){let r=A(e=>e.showPerformanceHUD),i=A(e=>e.togglePerformanceHUD),[a,o]=(0,k.useState)(60),[s,c]=(0,k.useState)(16.6),l=(0,k.useRef)(0),u=(0,k.useRef)(performance.now()),d=(0,k.useRef)(null);if((0,k.useEffect)(()=>{if(!r)return;let e=!0,t=n=>{l.current++;let r=n-u.current;if(r>=500){let e=Math.round(l.current*1e3/r),t=Number((r/l.current).toFixed(1));o(e),c(t),l.current=0,u.current=n}e&&(d.current=requestAnimationFrame(t))};return d.current=requestAnimationFrame(t),()=>{e=!1,d.current&&cancelAnimationFrame(d.current)}},[r]),!r)return null;let f=a>=55,p=a>=100;return(0,j.jsxDEV)(`div`,{className:`absolute top-4 left-4 z-50 bg-[#1c1c1e]/90 backdrop-blur-md text-white border border-[#38383a] rounded-xl p-3 shadow-apple-lg flex flex-col gap-2.5 min-w-[200px] select-none pointer-events-auto`,children:[(0,j.jsxDEV)(`div`,{className:`flex items-center justify-between border-b border-[#38383a] pb-1.5`,children:[(0,j.jsxDEV)(`div`,{className:`flex items-center gap-1.5 text-[11px] font-bold text-[#34c759]`,children:[(0,j.jsxDEV)(ur,{className:`w-3.5 h-3.5`},void 0,!1,{fileName:$s,lineNumber:68,columnNumber:11},this),(0,j.jsxDEV)(`span`,{children:`GPU Performance HUD`},void 0,!1,{fileName:$s,lineNumber:69,columnNumber:11},this)]},void 0,!0,{fileName:$s,lineNumber:67,columnNumber:9},this),(0,j.jsxDEV)(`button`,{type:`button`,onClick:i,className:`text-[#8e8e93] hover:text-white transition-colors cursor-pointer`,children:(0,j.jsxDEV)(ln,{className:`w-3.5 h-3.5`},void 0,!1,{fileName:$s,lineNumber:76,columnNumber:11},this)},void 0,!1,{fileName:$s,lineNumber:71,columnNumber:9},this)]},void 0,!0,{fileName:$s,lineNumber:66,columnNumber:7},this),(0,j.jsxDEV)(`div`,{className:`flex items-baseline justify-between`,children:[(0,j.jsxDEV)(`span`,{className:`text-[11px] text-[#8e8e93]`,children:`Frame Rate:`},void 0,!1,{fileName:$s,lineNumber:82,columnNumber:9},this),(0,j.jsxDEV)(`div`,{className:`flex items-baseline gap-1`,children:[(0,j.jsxDEV)(`span`,{className:D(`font-mono text-[18px] font-extrabold tracking-tight`,p?`text-[#a855f7]`:f?`text-[#34c759]`:`text-[#ff9500]`),children:a},void 0,!1,{fileName:$s,lineNumber:84,columnNumber:11},this),(0,j.jsxDEV)(`span`,{className:`text-[10px] text-[#8e8e93] font-bold`,children:`FPS`},void 0,!1,{fileName:$s,lineNumber:92,columnNumber:11},this)]},void 0,!0,{fileName:$s,lineNumber:83,columnNumber:9},this)]},void 0,!0,{fileName:$s,lineNumber:81,columnNumber:7},this),(0,j.jsxDEV)(`div`,{className:`flex items-center justify-between text-[11px]`,children:[(0,j.jsxDEV)(`span`,{className:`text-[#8e8e93]`,children:`Frame Latency:`},void 0,!1,{fileName:$s,lineNumber:98,columnNumber:9},this),(0,j.jsxDEV)(`span`,{className:`font-mono font-semibold text-white`,children:[s,` ms`]},void 0,!0,{fileName:$s,lineNumber:99,columnNumber:9},this)]},void 0,!0,{fileName:$s,lineNumber:97,columnNumber:7},this),(0,j.jsxDEV)(`div`,{className:`p-2 rounded-lg bg-[#2c2c2e]/60 space-y-1 text-[10.5px] border border-[#38383a]/60`,children:[(0,j.jsxDEV)(`div`,{className:`flex items-center justify-between`,children:[(0,j.jsxDEV)(`span`,{className:`text-[#8e8e93]`,children:`Rendered Nodes:`},void 0,!1,{fileName:$s,lineNumber:105,columnNumber:11},this),(0,j.jsxDEV)(`span`,{className:`font-mono font-bold text-[#34c759]`,children:t},void 0,!1,{fileName:$s,lineNumber:106,columnNumber:11},this)]},void 0,!0,{fileName:$s,lineNumber:104,columnNumber:9},this),(0,j.jsxDEV)(`div`,{className:`flex items-center justify-between`,children:[(0,j.jsxDEV)(`span`,{className:`text-[#8e8e93]`,children:`Spatial Culled:`},void 0,!1,{fileName:$s,lineNumber:109,columnNumber:11},this),(0,j.jsxDEV)(`span`,{className:`font-mono font-bold text-[#a855f7]`,children:n},void 0,!1,{fileName:$s,lineNumber:110,columnNumber:11},this)]},void 0,!0,{fileName:$s,lineNumber:108,columnNumber:9},this),(0,j.jsxDEV)(`div`,{className:`flex items-center justify-between`,children:[(0,j.jsxDEV)(`span`,{className:`text-[#8e8e93]`,children:`Total Canvas Nodes:`},void 0,!1,{fileName:$s,lineNumber:113,columnNumber:11},this),(0,j.jsxDEV)(`span`,{className:`font-mono font-bold text-white`,children:e},void 0,!1,{fileName:$s,lineNumber:114,columnNumber:11},this)]},void 0,!0,{fileName:$s,lineNumber:112,columnNumber:9},this)]},void 0,!0,{fileName:$s,lineNumber:103,columnNumber:7},this),(0,j.jsxDEV)(`div`,{className:`flex items-center gap-1.5 text-[9.5px] font-semibold text-[#34c759] bg-[#34c759]/10 px-2 py-1 rounded-md`,children:[(0,j.jsxDEV)(Yn,{className:`w-3 h-3 shrink-0`},void 0,!1,{fileName:$s,lineNumber:120,columnNumber:9},this),(0,j.jsxDEV)(`span`,{children:`Hardware GPU Composite Active`},void 0,!1,{fileName:$s,lineNumber:121,columnNumber:9},this)]},void 0,!0,{fileName:$s,lineNumber:119,columnNumber:7},this)]},void 0,!0,{fileName:$s,lineNumber:64,columnNumber:5},this)}function tc(e,t,n,r,i,a,o=300){let s=Math.max(n,.05),c=e/2,l=t/2;return{minX:i/2-(c+r.x)/s-o,minY:a/2-(l+r.y)/s-o,maxX:i/2+(c-r.x)/s+o,maxY:a/2+(l-r.y)/s+o}}function nc(e,t){let n=e.x,r=e.y,i=e.x+e.width,a=e.y+e.height;return!(i<t.minX||n>t.maxX||a<t.minY||r>t.maxY)}function rc(e,t,n=[]){if(e.length<40)return{visibleElements:e,culledCount:0};let r=new Set(n),i=[],a=0;for(let n=0;n<e.length;n++){let o=e[n];r.has(o.id)||nc(o,t)?i.push(o):a++}return{visibleElements:i,culledCount:a}}var ic=`C:/Users/Shadow/Desktop/cyrus/src/editor/canvas/ArtboardFrame.tsx`,ac=k.memo(function({page:e,viewportMode:t,isPreviewMode:n=!1}){let r=M(e=>e.selectedElementIds),i=M(e=>e.selectElement),a=M(e=>e.selectElements),o=M(e=>e.updateElement),s=M(e=>e.addElement);M(e=>e.deleteElement);let c=M(e=>e.duplicateSelectedElements),l=M(e=>e.pushSnapshot),u=M(e=>e.hoveredElementId),d=M(e=>e.setHoveredElement),f=M(e=>e.activeProject),p=M(e=>e.updatePageSettings);M(e=>e.activeProject?.settings?.platformTarget),M(e=>e.activeProject?.settings?.safeArea?.top),M(e=>e.activeProject?.settings?.safeArea?.bottom);let m=A(e=>e.snapToGrid),h=A(e=>e.snapGuides),g=A(e=>e.setSnapGuides),_=A(e=>e.marquee),v=A(e=>e.setMarquee),y=A(e=>e.isReviewMode),b=A(e=>e.toolMode),x=A(e=>e.setActiveSidebarTab),S=(0,k.useRef)(null),C=fi[t],[w,ee]=(0,k.useState)(null),[te,T]=(0,k.useState)(null),[ne,re]=(0,k.useState)(!1),[ie,ae]=(0,k.useState)(null),[oe,se]=(0,k.useState)(null),[ce,le]=(0,k.useState)(null),[ue,de]=(0,k.useState)(``);(0,k.useEffect)(()=>{let t=js();t&&t.updateSelection({elementIds:r,pageId:e.id})},[r,e.id]);let fe=(0,k.useMemo)(()=>Fs(e.elements,t),[e.elements,t]),pe=A(e=>e.zoom),me=A(e=>e.pan),{visibleElements:ge,culledCount:_e}=(0,k.useMemo)(()=>{let t=C.height;fe.forEach(e=>{let n=(e.effectiveY??e.y)+(e.effectiveHeight??e.height)+30;n>t&&(t=n)});let n=Math.max(C.height,e.settings.minHeight||0,t),i=tc(typeof window<`u`?window.innerWidth:1920,typeof window<`u`?window.innerHeight:1080,pe,me,C.width,n),a=rc(fe,i,r);return{visibleElements:a.visibleElements,culledCount:a.culledCount}},[fe,pe,me,r,C.height,C.width,e.settings.minHeight]),ve=(0,k.useMemo)(()=>{let t=new Map;for(let n of e.elements)t.set(n.id,n);return t},[e.elements]),ye=(0,k.useMemo)(()=>Is(e.elements,t),[e.elements,t]),{broadcastCursorMove:be,broadcastCursorLeave:xe}=Ys(e.id);Xs(e.id),(0,k.useEffect)(()=>{let e=e=>{if(e.key===`Alt`&&re(!0),e.key===`Escape`||(e.key===`v`||e.key===`V`)&&!e.metaKey&&!e.ctrlKey&&!e.altKey&&![`INPUT`,`TEXTAREA`].includes(e.target?.tagName)){let{toolMode:e,setToolMode:t}=A.getState();(e===`draw`||e===`eraser`)&&(t(`select`),Vr.getState().addToast(`Select Tool active`,`info`))}if((e.key===`p`||e.key===`P`)&&!e.metaKey&&!e.ctrlKey&&!e.altKey&&![`INPUT`,`TEXTAREA`].includes(e.target?.tagName)){let{setToolMode:e}=A.getState();e(`pen`),Vr.getState().addToast(`Pen Tool active — click to add anchor points`,`info`)}},t=e=>{e.key===`Alt`&&re(!1)};return window.addEventListener(`keydown`,e),window.addEventListener(`keyup`,t),()=>{window.removeEventListener(`keydown`,e),window.removeEventListener(`keyup`,t)}},[]);let[Se,Ce]=(0,k.useState)(null),[we,Te]=(0,k.useState)(null),[E,Ee]=(0,k.useState)(null),[De,Oe]=(0,k.useState)(null),[ke,Ae]=(0,k.useState)(null),[je,Me]=(0,k.useState)(!1),[Ne,Pe]=(0,k.useState)(null),Fe=(e,t)=>{if(!S.current)return{x:0,y:0};let n=S.current.getBoundingClientRect(),r=n.width>0?S.current.offsetWidth/n.width:1,i=n.height>0?S.current.offsetHeight/n.height:1;return{x:Math.round((e-n.left)*r),y:Math.round((t-n.top)*i)}},Ie=(e,t=3.5)=>{if(!e||e.length<=1)return e?[...e]:[];let n=[];for(let r=0;r<e.length-1;r++){let i=e[r],a=e[r+1];n.push(i);let o=a.x-i.x,s=a.y-i.y,c=Math.hypot(o,s);if(c>t){let e=Math.floor(c/t);for(let t=1;t<=e;t++){let r=t/(e+1);n.push({x:i.x+o*r,y:i.y+s*r})}}}return n.push(e[e.length-1]),n},Le=(e,t,n)=>{if(!e)return[];let r=[],i=[],a=e.match(/[ML][^ML]+/g);if(!a)return[];for(let e of a){let a=e[0],o=e.slice(1).trim().split(/[\s,]+/).map(Number);for(let e=0;e<o.length;e+=2){let s=o[e],c=o[e+1];if(!isNaN(s)&&!isNaN(c)){let e={x:s+t,y:c+n};a===`M`?(i.length>=2&&r.push(i),i=[e]):i.push(e)}}}return i.length>=2&&r.push(i),r},Re=e=>!!(e.type===`sketch`||e.type===`drawing`||e.name?.toLowerCase().includes(`sketch`)||e.name?.toLowerCase().includes(`pencil`)||e.name?.toLowerCase().includes(`draw`)||e.content&&(e.content.pathD||e.content.drawingPoints||e.content.segments)),ze=(e,t)=>{if(!S.current)return;let n=Fe(e,t),r=M.getState();r.activeProject&&fe.forEach(e=>{if(!Re(e))return;let t=e.effectiveX??e.x,i=e.effectiveY??e.y,a=e.effectiveWidth??e.width,o=e.effectiveHeight??e.height,s=t+a,c=i+o;if(n.x<t-18||n.x>s+18||n.y<i-18||n.y>c+18)return;let l=[];if(Array.isArray(e.content?.segments)&&e.content.segments.length>0)l=e.content.segments;else if(Array.isArray(e.content?.drawingPoints)&&e.content.drawingPoints.length>0)l=[e.content.drawingPoints];else if(e.content?.pathD)l=Le(e.content.pathD,t,i);else return;let u=!1,d=[];for(let e of l){let t=Ie(e,3.5),r=[];for(let e of t)(e.x-n.x)**2+(e.y-n.y)**2<=324?(u=!0,r.length>=2&&d.push(r),r=[]):r.push(e);r.length>=2&&d.push(r)}if(!u)return;if(d.length===0){r.deleteElement(e.id);return}let f=d.flat(),p=Math.min(...f.map(e=>e.x)),m=Math.min(...f.map(e=>e.y)),h=Math.max(...f.map(e=>e.x)),g=Math.max(...f.map(e=>e.y)),_=Math.max(0,p-6),v=Math.max(0,m-6),y=Math.max(16,h-p+12),b=Math.max(16,g-m+12),x=d.map(e=>e.reduce((e,t,n)=>{let r=t.x-_,i=t.y-v;return n===0?`M ${r} ${i}`:`${e} L ${r} ${i}`},``)).join(` `),S=`<svg viewBox="0 0 ${y} ${b}" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg"><path d="${x}" stroke="${e.styles?.strokeColor||e.styles?.textColor||`#ff3b30`}" stroke-width="${e.styles?.strokeWidth||3.5}" stroke-linecap="round" stroke-linejoin="round" fill="none"/></svg>`;r.updateElement(e.id,{x:_,y:v,width:y,height:b,content:{...e.content,svg:S,pathD:x,segments:d,drawingPoints:f}})})},Be=(n,r)=>{let i=e.elements.find(e=>e.id===n);if(i){if(t===`desktop`)o(n,r);else{let e=i.responsive||{},a=e[t]||{};o(n,{responsive:{...e,[t]:{...a,...r}}})}}},Ve=(t,r)=>{if(!n)return;t.stopPropagation();let i=(r.interactions||[]).find(e=>e.trigger===`onClick`);if(i)switch(i.action){case`navigate`:i.target&&M.getState().setActivePage(i.target);break;case`openModal`:ee({isOpen:!0,title:i.modalTitle||`Action Dialog`});break;case`closeModal`:ee(null);break;case`openUrl`:i.target&&/^https?:\/\//i.test(i.target.trim())&&window.open(i.target.trim(),`_blank`,`noopener,noreferrer`);break;case`toggleVisibility`:if(i.target){let t=e.elements.find(e=>e.id===i.target);t&&o(t.id,{hidden:!t.hidden})}}},He=(t,a)=>{if(n||t.button===2)return;if(t.stopPropagation(),b===`eraser`){Me(!0),ze(t.clientX,t.clientY);return}if(b===`draw`){let e=Fe(t.clientX,t.clientY);Te([e]);return}if(b===`comment`){let t=fe.find(e=>e.id===a.id)||a,n=t.effectiveX??a.x,r=t.effectiveY??a.y;co.getState().setPendingCommentAnchor({pageId:e.id,canvasX:n+24,canvasY:r-10,targetType:`element`,elementId:a.id,elementName:a.name});return}if(b===`hand`||(t.shiftKey||t.metaKey||t.ctrlKey?i(a.id,!0):r.includes(a.id)||i(a.id,!1),y))return;let o=r.includes(a.id)?r:[a.id];if(a.locked){Ce(null);return}let s;if(t.altKey){c();let e=M.getState();s=(e.activeProject?.pages.find(t=>t.id===e.activePageId))?.elements.filter(t=>e.selectedElementIds.includes(t.id)&&!t.locked).map(e=>({id:e.id,x:e.x,y:e.y,width:e.width||100,height:e.height||100}))||[]}else s=fe.filter(e=>o.includes(e.id)&&!e.locked).map(e=>({id:e.id,x:e.effectiveX??e.x,y:e.effectiveY??e.y,width:e.effectiveWidth??e.width??100,height:e.effectiveHeight??e.height??100}));Ce({startX:t.clientX,startY:t.clientY,initialElements:s,hasMoved:!1})},Ue=(e,t,r)=>{if(n||y)return;e.stopPropagation();let i=fe.find(e=>e.id===r.id)||r,a=i.effectiveWidth??r.width,o=i.effectiveHeight??r.height;Ee({elementId:r.id,handle:t,startX:e.clientX,startY:e.clientY,initialWidth:a,initialHeight:o,initialX:i.effectiveX??r.x,initialY:i.effectiveY??r.y,aspectRatio:a/Math.max(1,o)})},We=(e,t)=>{if(n||(e.stopPropagation(),!S.current))return;let r=fe.find(e=>e.id===t.id)||t,i=r.effectiveX??t.x,a=r.effectiveY??t.y,o=r.effectiveWidth??t.width,s=r.effectiveHeight??t.height,c=S.current.getBoundingClientRect(),l=c.width/S.current.offsetWidth,u=c.left+(i+o/2)*l,d=c.top+(a+s/2)*l,f=Math.atan2(e.clientY-d,e.clientX-u)*180/Math.PI;Oe({elementId:t.id,centerX:u,centerY:d,initialRotation:t.rotation||0,startAngle:f})},Ge=t=>{if(n||t.button===2)return;if(b===`draw`){let e=Fe(t.clientX,t.clientY);Te([e]);return}if(b===`comment`){let n=Fe(t.clientX,t.clientY);co.getState().setPendingCommentAnchor({pageId:e.id,canvasX:n.x,canvasY:n.y,targetType:`coordinate`});return}if(b===`eraser`){Me(!0),ze(t.clientX,t.clientY);return}if(b===`hand`||t.target!==S.current||(!t.shiftKey&&!t.metaKey&&i(null),y))return;let r=Fe(t.clientX,t.clientY);Ae(r),v({startX:r.x,startY:r.y,currentX:r.x,currentY:r.y})},Ke=(e,t)=>{e.preventDefault(),e.stopPropagation()};(0,k.useEffect)(()=>{if(!Se&&!E&&!De&&!ke&&!we)return;let e=e=>Je(e),t=e=>Ye();return window.addEventListener(`mousemove`,e),window.addEventListener(`mouseup`,t),()=>{window.removeEventListener(`mousemove`,e),window.removeEventListener(`mouseup`,t)}},[Se,E,De,ke,we]);let qe=(0,k.useRef)(null),Je=t=>{if(n||!S.current)return;let i=Fe(t.clientX,t.clientY);if(be(i.x,i.y),b===`eraser`){let e=Fe(t.clientX,t.clientY);Pe(e),je&&ze(t.clientX,t.clientY);return}if(we&&S.current){let e=Fe(t.clientX,t.clientY);Te(t=>t?[...t,e]:null);return}if(!Se&&!E&&!De&&!ke)return;let s=t.clientX,c=t.clientY;qe.current||=requestAnimationFrame(()=>{if(qe.current=null,!S.current)return;let n=S.current.getBoundingClientRect(),i=n.width>0?S.current.offsetWidth/n.width:1,l=n.height>0?S.current.offsetHeight/n.height:1;if(Se){let e=(s-Se.startX)*i,t=(c-Se.startY)*l;(Math.abs(e)>2||Math.abs(t)>2)&&(Se.hasMoved=!0);let n=fe.filter(e=>!r.includes(e.id)).map(e=>({x:e.effectiveX,y:e.effectiveY,width:e.effectiveWidth,height:e.effectiveHeight})),a=Se.initialElements[0],o=fe.find(e=>e.id===a?.id);if(o){let r=a.x+e,i=a.y+t,s=r,c=i,l=[];if(m){let e=ka({x:r,y:i,width:o.effectiveWidth,height:o.effectiveHeight},n,C.width,C.height,6);s=e.x,c=e.y,l=e.guides}g(l);let u=s-a.x,d=c-a.y;for(let e of Se.initialElements){let t=e.width||40;e.height;let n=Math.round(Math.max(0,Math.min(e.x+u,C.width-t))),r=Math.round(Math.max(0,e.y+d));Be(e.id,{x:n,y:r})}}}else if(E){let n=(s-E.startX)*i,r=(c-E.startY)*l;E.handle.includes(`l`)&&(n=Math.max(n,-E.initialX)),E.handle.includes(`r`)&&(n=Math.min(n,C.width-(E.initialX+E.initialWidth))),E.handle.includes(`t`)&&(r=Math.max(r,-E.initialY)),E.handle.includes(`b`)&&(r=Math.min(r,tt-(E.initialY+E.initialHeight)));let a=E.initialWidth,o=E.initialHeight,u=E.initialX,d=E.initialY,f=e.elements.find(e=>e.id===E.elementId),p=f?.type===`image`||f?.type===`video`||f?.type===`avatar`,m=[`tl`,`tr`,`bl`,`br`].includes(E.handle);if(p&&m||m&&t.shiftKey){let e=E.aspectRatio||E.initialWidth/Math.max(1,E.initialHeight);if(E.handle===`br`){let t=Math.abs(n)>Math.abs(r)?n/E.initialWidth:r/E.initialHeight;a=Math.max(20,E.initialWidth*(1+t)),o=Math.max(20,Math.round(a/e)),u=E.initialX,d=E.initialY}else if(E.handle===`tr`){let t=Math.abs(n)>Math.abs(r)?n/E.initialWidth:-r/E.initialHeight;a=Math.max(20,E.initialWidth*(1+t)),o=Math.max(20,Math.round(a/e)),u=E.initialX,d=E.initialY+(E.initialHeight-o)}else if(E.handle===`bl`){let t=Math.abs(n)>Math.abs(r)?-n/E.initialWidth:r/E.initialHeight;a=Math.max(20,E.initialWidth*(1+t)),o=Math.max(20,Math.round(a/e)),u=E.initialX+(E.initialWidth-a),d=E.initialY}else if(E.handle===`tl`){let t=Math.abs(n)>Math.abs(r)?-n/E.initialWidth:-r/E.initialHeight;a=Math.max(20,E.initialWidth*(1+t)),o=Math.max(20,Math.round(a/e)),u=E.initialX+(E.initialWidth-a),d=E.initialY+(E.initialHeight-o)}}else{let e=f?.type===`line`||f?.type===`divider`,t=e?2:20,i=e?1:20;E.handle.includes(`r`)&&(a=Math.max(t,E.initialWidth+n)),E.handle.includes(`b`)&&(o=Math.max(i,E.initialHeight+r)),E.handle.includes(`l`)&&(a=Math.max(t,E.initialWidth-n),u=E.initialX+(E.initialWidth-a)),E.handle.includes(`t`)&&(o=Math.max(i,E.initialHeight-r),d=E.initialY+(E.initialHeight-o))}Be(E.elementId,{x:Math.round(u),y:Math.round(d),width:Math.round(a),height:Math.round(o)})}else if(De){let e=Math.atan2(c-De.centerY,s-De.centerX)*180/Math.PI-De.startAngle,n=Math.round(De.initialRotation+e);t.shiftKey&&(n=Ta(n,15)),o(De.elementId,{rotation:(n+360)%360})}else if(ke){let e=Fe(s,c);v({startX:Math.min(ke.x,e.x),startY:Math.min(ke.y,e.y),currentX:Math.max(ke.x,e.x),currentY:Math.max(ke.y,e.y)});let t=Ca(ke.x,ke.y,e.x,e.y),n=fe.filter(e=>Sa(t,{x:e.effectiveX,y:e.effectiveY,width:e.effectiveWidth,height:e.effectiveHeight})).map(e=>e.id);a(n)}})},Ye=()=>{if(we&&we.length>=1){let t=Ie(we,3.5),n=Math.min(...t.map(e=>e.x)),r=Math.min(...t.map(e=>e.y)),i=Math.max(...t.map(e=>e.x)),a=Math.max(...t.map(e=>e.y)),o=Math.max(20,i-n+12),s=Math.max(20,a-r+12),c=``;c=t.length===1?`M 6 6 L 6.1 6.1`:t.reduce((e,t,i)=>{let a=t.x-n+6,o=t.y-r+6;return i===0?`M ${a} ${o}`:`${e} L ${a} ${o}`},``);let l=`<svg viewBox="0 0 ${o} ${s}" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg"><path d="${c}" stroke="#ff3b30" stroke-width="3.5" stroke-linecap="round" stroke-linejoin="round" fill="none"/></svg>`,u=M.getState(),d={id:`elem_${Date.now()}_${Math.random().toString(36).slice(2,7)}`,type:`svg`,name:`Pencil Sketch`,x:Math.max(0,n-6),y:Math.max(0,r-6),width:o,height:s,rotation:0,zIndex:e.elements.length+10,styles:{opacity:1,strokeColor:`#ff3b30`,strokeWidth:3.5},content:{svg:l,pathD:c,segments:[t],drawingPoints:t}},f=u.addElement(d);b===`draw`?u.selectElement(null):f?.id&&u.selectElement(f.id)}Te(null),Se?.hasMoved&&l(`Move Element(s)`),E&&l(`Resize Element`),De&&l(`Rotate Element`),Ce(null),Ee(null),Oe(null),Ae(null),v(null),g([]),Me(!1)};(0,k.useEffect)(()=>{if(!we)return;let e=e=>{if(!S.current)return;let t=Fe(e.clientX,e.clientY);Te(e=>e?[...e,t]:null)},t=()=>{Ye()};return window.addEventListener(`mousemove`,e),window.addEventListener(`mouseup`,t),()=>{window.removeEventListener(`mousemove`,e),window.removeEventListener(`mouseup`,t)}},[we]),(0,k.useEffect)(()=>{if(b!==`eraser`){Pe(null),Me(!1);return}let e=e=>{if(!S.current)return;let t=S.current.getBoundingClientRect();if(e.clientX>=t.left-40&&e.clientX<=t.right+40&&e.clientY>=t.top-40&&e.clientY<=t.bottom+40){let t=Fe(e.clientX,e.clientY);Pe(t),je&&ze(e.clientX,e.clientY)}else Pe(null)},t=()=>{Me(!1)};return window.addEventListener(`mousemove`,e),window.addEventListener(`mouseup`,t),()=>{window.removeEventListener(`mousemove`,e),window.removeEventListener(`mouseup`,t)}},[b,je]);let Xe=e=>{n||(e.preventDefault(),e.dataTransfer.dropEffect=`copy`)},Ze=e=>{if(n||!S.current)return;e.preventDefault();let t=Fe(e.clientX,e.clientY),r=t.x,i=t.y,a=e.dataTransfer.getData(`application/cyrus-asset`);if(a)try{let e=JSON.parse(a),t=fe.find(e=>r>=e.effectiveX&&r<=e.effectiveX+e.effectiveWidth&&i>=e.effectiveY&&i<=e.effectiveY+e.effectiveHeight);if(t&&(t.type===`image`||t.type===`video`)){o(t.id,{content:{...t.content,url:e.url,src:e.url}}),l(`Replace Asset`);return}let n=400,c=260,u=`image`,d={url:e.url};e.type===`video`?(n=480,c=270,u=`video`,d={url:e.url,autoplay:!0,loop:!0,muted:!0,controls:!0}):e.type===`icon`?(n=48,c=48,u=`icon`,d={iconName:e.metadata?.iconName||e.url||`Sparkles`}):e.type===`svg`&&(n=120,c=120,u=`svg`,d={svg:e.url});let f=r-n/2,p=i-c/2;m&&(f=xa(f,8),p=xa(p,8)),s({type:u,name:e.name||`New Asset`,x:Math.max(0,f),y:Math.max(0,p),width:n,height:c,content:d});return}catch(e){console.error(`Failed to parse dropped asset:`,e)}let c=e.dataTransfer.getData(`application/cyrus-widget`)||e.dataTransfer.getData(`text/plain`);if(!c)return;let u=po(c);if(!u)return;let d=r-u.defaultWidth/2,f=i-u.defaultHeight/2;m&&(d=xa(d,8),f=xa(f,8)),s({type:u.type,name:u.name,x:Math.max(0,d),y:Math.max(0,f),width:u.defaultWidth,height:u.defaultHeight,styles:{...u.defaultStyles},content:{...u.defaultContent}})},Qe=fe.filter(e=>r.includes(e.id)),$e=(0,k.useMemo)(()=>{if(!ne||Qe.length===0||n)return[];let e=Qe[0],t={x:e.effectiveX,y:e.effectiveY,width:e.effectiveWidth,height:e.effectiveHeight};if(u&&u!==e.id){let e=fe.find(e=>e.id===u);if(e)return Ea(t,{x:e.effectiveX,y:e.effectiveY,width:e.effectiveWidth,height:e.effectiveHeight})}return Da(t,C.width,C.height)},[ne,Qe,u,fe,C,n]),et=(0,k.useMemo)(()=>{let e=C.height;return fe.forEach(t=>{let n=(t.effectiveY??t.y)+(t.effectiveHeight??t.height)+30;n>e&&(e=n)}),e},[e.id,e.elements.length,C.height,t]),tt=Math.max(C.height,e.settings.minHeight||0,et);return(0,j.jsxDEV)(`div`,{ref:S,onMouseDown:Ge,onMouseMove:Je,onMouseUp:Ye,onMouseLeave:()=>{je||Pe(null),xe()},onDragOver:Xe,onDrop:Ze,onContextMenu:e=>Ke(e),style:{width:`${C.width}px`,minHeight:`${tt}px`,backgroundColor:e.settings.backgroundColor||`#ffffff`,cursor:n?`default`:b===`draw`||b===`pen`?`crosshair`:b===`comment`?`cell`:b===`eraser`?`none`:b===`hand`?`grab`:`default`},className:`relative mx-auto rounded-[6px] shadow-[0_16px_50px_rgba(0,0,0,0.08)] transition-apple select-none`,children:[w&&(0,j.jsxDEV)(ws,{title:w.title,isOpen:w.isOpen,onClose:()=>ee(null)},void 0,!1,{fileName:ic,lineNumber:1248,columnNumber:9},this),!n&&(0,j.jsxDEV)(Ss,{issues:ye},void 0,!1,{fileName:ic,lineNumber:1256,columnNumber:26},this),(f?.settings?.platformTarget===`mobile`||t===`mobile`)&&(0,j.jsxDEV)(j.Fragment,{children:[(0,j.jsxDEV)(`div`,{style:{position:`absolute`,top:0,left:0,right:0,height:`${f?.settings?.safeArea?.top||47}px`,pointerEvents:`none`,zIndex:9999},className:`flex items-center justify-between px-6 select-none border-b border-dashed border-[#0071e3]/20 bg-gradient-to-b from-black/5 to-transparent text-[11px] font-bold text-[#1d1d1f]`,children:[(0,j.jsxDEV)(`span`,{children:`9:41`},void 0,!1,{fileName:ic,lineNumber:1274,columnNumber:13},this),(0,j.jsxDEV)(`div`,{className:`w-24 h-5 rounded-full bg-black flex items-center justify-end px-2`,children:(0,j.jsxDEV)(`div`,{className:`w-2.5 h-2.5 rounded-full bg-[#1c1c1e] ring-1 ring-[#2c2c2e]`},void 0,!1,{fileName:ic,lineNumber:1277,columnNumber:15},this)},void 0,!1,{fileName:ic,lineNumber:1276,columnNumber:13},this),(0,j.jsxDEV)(`div`,{className:`flex items-center gap-1 text-[10px]`,children:[(0,j.jsxDEV)(`span`,{children:`5G`},void 0,!1,{fileName:ic,lineNumber:1280,columnNumber:15},this),(0,j.jsxDEV)(`div`,{className:`w-4 h-2.5 rounded-[3px] border border-black p-0.5 flex items-center`,children:(0,j.jsxDEV)(`div`,{className:`w-full h-full bg-black rounded-[1px]`},void 0,!1,{fileName:ic,lineNumber:1282,columnNumber:17},this)},void 0,!1,{fileName:ic,lineNumber:1281,columnNumber:15},this)]},void 0,!0,{fileName:ic,lineNumber:1279,columnNumber:13},this)]},void 0,!0,{fileName:ic,lineNumber:1262,columnNumber:11},this),(0,j.jsxDEV)(`div`,{style:{position:`absolute`,bottom:0,left:0,right:0,height:`${f?.settings?.safeArea?.bottom||34}px`,pointerEvents:`none`,zIndex:9999},className:`flex items-center justify-center select-none border-t border-dashed border-[#0071e3]/20 bg-gradient-to-t from-black/5 to-transparent`,children:(0,j.jsxDEV)(`div`,{className:`w-32 h-1 rounded-full bg-black/80`},void 0,!1,{fileName:ic,lineNumber:1300,columnNumber:13},this)},void 0,!1,{fileName:ic,lineNumber:1288,columnNumber:11},this)]},void 0,!0,{fileName:ic,lineNumber:1260,columnNumber:9},this),e.elements.length===0&&(0,j.jsxDEV)(`div`,{className:`absolute inset-0 flex flex-col items-center justify-center p-8 text-center pointer-events-none`,children:[(0,j.jsxDEV)(`div`,{className:`w-12 h-12 rounded-[12px] bg-[#f4f4f6] border border-[#e5e5ea] flex items-center justify-center text-[#0071e3] mb-3 shadow-apple-sm`,children:(0,j.jsxDEV)(he,{className:`w-6 h-6`},void 0,!1,{fileName:ic,lineNumber:1309,columnNumber:13},this)},void 0,!1,{fileName:ic,lineNumber:1308,columnNumber:11},this),(0,j.jsxDEV)(`h4`,{className:`text-[17px] font-semibold text-[#1d1d1f] mb-1`,children:`Visual Canvas Artboard`},void 0,!1,{fileName:ic,lineNumber:1311,columnNumber:11},this),(0,j.jsxDEV)(`p`,{className:`text-[13px] text-[#86868b] max-w-sm mb-4`,children:`Drag components from the sidebar or click below to build your layout.`},void 0,!1,{fileName:ic,lineNumber:1314,columnNumber:11},this),(0,j.jsxDEV)(`button`,{type:`button`,onClick:()=>x(`elements`),className:`pointer-events-auto inline-flex items-center gap-1.5 px-3.5 py-1.5 rounded-[8px] bg-[#0071e3] text-white text-[13px] font-medium shadow-apple-sm hover:bg-[#0077ed] active:scale-[0.98] transition-apple cursor-pointer`,children:[(0,j.jsxDEV)(nt,{className:`w-3.5 h-3.5`},void 0,!1,{fileName:ic,lineNumber:1322,columnNumber:13},this),`Add Elements`]},void 0,!0,{fileName:ic,lineNumber:1317,columnNumber:11},this)]},void 0,!0,{fileName:ic,lineNumber:1307,columnNumber:9},this),ge.filter(e=>!e.parentId).map(e=>{if(e.effectiveHidden)return null;let t=r.includes(e.id),i=e.children?e.children.map(e=>ve.get(e)).filter(Boolean):void 0,a=(e.animations||[]).find(e=>e.trigger===`load`),s=(e.animations||[]).find(e=>e.trigger===`loop`),c=(e.animations||[]).find(e=>e.trigger===`hover`),l=(e.animations||[]).find(e=>e.trigger===`click`),u=Ls(a),f=Ls(s),p=c?.type===`scale`?`hover:scale-[1.05] transition-transform duration-200`:c?.type===`lift`?`hover:-translate-y-1.5 hover:shadow-apple-md transition-all duration-200`:c?.type===`glow`?`hover:ring-4 hover:ring-[#0071e3]/40 transition-all duration-200`:c?.type===`pulse`?`hover:scale-[1.04] transition-transform duration-200`:c?.type===`jiggle`?`hover-jiggle`:c?.type===`squish`?`hover-squish`:c?.type===`tilt`?`hover-tilt`:c?.type===`neon`?`hover-neon-glow`:``,m=l?.type===`ripple`?`active:scale-[0.97] active:brightness-115 active:shadow-[0_0_0_10px_rgba(0,113,227,0.35)] transition-all duration-150 cursor-pointer`:l?.type===`bounce`?`active:scale-85 active:-translate-y-1 transition-transform duration-150 cursor-pointer`:l?.type===`scale`?`active:scale-90 transition-transform duration-150 cursor-pointer`:l?.type===`glow`?`active:ring-4 active:ring-[#0071e3] active:scale-105 active:shadow-[0_0_24px_rgba(0,113,227,0.6)] transition-all duration-150 cursor-pointer`:l?.type===`pulse`?`active:scale-110 active:opacity-75 transition-all duration-150 cursor-pointer`:``,h=D(u.className,f.className,p,m,`transition-all duration-150`),g=e.autoLayout,_=g?.enabled?{display:`flex`,flexDirection:g.direction===`row`?`row`:`column`,gap:`${g.gap??0}px`,paddingTop:`${g.paddingTop??0}px`,paddingRight:`${g.paddingRight??0}px`,paddingBottom:`${g.paddingBottom??0}px`,paddingLeft:`${g.paddingLeft??0}px`,boxSizing:`border-box`,alignItems:g.alignItems===`start`?`flex-start`:g.alignItems===`end`?`flex-end`:g.alignItems===`stretch`?`stretch`:`center`,justifyContent:g.justifyContent===`start`?`flex-start`:g.justifyContent===`end`?`flex-end`:g.justifyContent===`between`?`space-between`:g.justifyContent===`around`?`space-around`:`center`,flexWrap:g.wrap?`wrap`:`nowrap`,...g.hugsContent?{width:`fit-content`,height:`fit-content`}:{},...g.fillContainer?{width:`100%`,height:`100%`}:{}}:{boxSizing:`border-box`,paddingTop:e.styles?.paddingTop===void 0?void 0:`${e.styles.paddingTop}px`,paddingRight:e.styles?.paddingRight===void 0?void 0:`${e.styles.paddingRight}px`,paddingBottom:e.styles?.paddingBottom===void 0?void 0:`${e.styles.paddingBottom}px`,paddingLeft:e.styles?.paddingLeft===void 0?void 0:`${e.styles.paddingLeft}px`},v=e.variants||[],y=v.find(t=>t.id===e.activeVariantId)||v[0],x=`Default`;y&&(x=n?oe===e.id&&y.states.some(e=>e.name===`Pressed`)?`Pressed`:ie===e.id&&y.states.some(e=>e.name===`Hover`)?`Hover`:e.previewVariantState||y.activeState||`Default`:y.activeState||`Default`);let S=y?.states.find(e=>e.name===x),C=S?.styles||{},w=S?.content||{},ee={...e,x:e.effectiveX??e.x??0,y:e.effectiveY??e.y??0,width:e.effectiveWidth??e.width??100,height:e.effectiveHeight??e.height??100,styles:{...e.styles,...C},content:{...e.content,...w}};return(0,j.jsxDEV)(`div`,{onClick:t=>{Ve(t,e)},onDoubleClick:t=>{if(t.preventDefault(),t.stopPropagation(),[`image`,`line`,`divider`,`navbar`,`sidebar`,`container`].includes(e.type))return;let n=String(e.content.text??e.content.placeholder??e.content.label??e.content.title??e.content.headline??e.content.brandName??``);le(e.id),de(n)},onMouseDown:t=>{n&&se(e.id),He(t,e)},onMouseUp:()=>{n&&se(null)},onMouseEnter:()=>{n?ae(e.id):d(e.id)},onMouseLeave:()=>{n?(ae(null),se(null)):d(null)},onContextMenu:t=>Ke(t,e),style:{position:`absolute`,left:`${e.effectiveX}px`,top:`${e.effectiveY}px`,width:`${e.effectiveWidth}px`,height:`${e.effectiveHeight}px`,boxSizing:`border-box`,transform:`rotate(${e.rotation}deg)`,zIndex:e.zIndex,cursor:n?e.interactions&&e.interactions.length>0||l||y?`pointer`:`default`:b===`draw`?`crosshair`:b===`comment`?`cell`:b===`eraser`?`none`:b===`hand`?`grab`:e.locked?`default`:`move`,...u.style,...f.style,..._},className:`group ${h}`,children:ce===e.id?(0,j.jsxDEV)(`input`,{autoFocus:!0,type:`text`,value:ue,onChange:e=>de(e.target.value),onBlur:()=>{let t=ue,n={...e.content};[`button`,`text`,`heading`,`paragraph`,`badge`,`searchBar`,`inputBar`].includes(e.type)?(n.text=t,n.label=t,n.placeholder=t):`text`in e.content?n.text=t:`label`in e.content?n.label=t:`title`in e.content?n.title=t:`brandName`in e.content?n.brandName=t:n.text=t,o(e.id,{content:n}),le(null)},onKeyDown:e=>{(e.key===`Enter`||e.key===`Escape`)&&e.currentTarget.blur()},className:`absolute inset-0 w-full h-full bg-white/95 dark:bg-[#1c1c1e]/95 text-[#1d1d1f] dark:text-[#f5f5f7] px-2 text-[14px] font-semibold border-2 border-[#0071e3] rounded-lg outline-none z-50 shadow-apple-md`},void 0,!1,{fileName:ic,lineNumber:1513,columnNumber:15},this):(0,j.jsxDEV)(Es,{children:(0,j.jsxDEV)(ds,{element:ee,isSelected:t,childElements:i},void 0,!1,{fileName:ic,lineNumber:1548,columnNumber:17},this)},void 0,!1,{fileName:ic,lineNumber:1547,columnNumber:15},this)},e.id,!1,{fileName:ic,lineNumber:1443,columnNumber:11},this)}),!n&&Qe.length===1&&Qe.map(e=>(0,j.jsxDEV)(ms,{element:{...e,x:e.effectiveX,y:e.effectiveY,width:e.effectiveWidth,height:e.effectiveHeight},selectedCount:1,onResizeStart:(t,n)=>Ue(t,n,e),onRotateStart:t=>We(t,e)},`selection_${e.id}`,!1,{fileName:ic,lineNumber:1563,columnNumber:11},this)),!n&&Qe.length>1&&(0,j.jsxDEV)(gs,{elements:Qe.map(e=>({...e,x:e.effectiveX,y:e.effectiveY,width:e.effectiveWidth,height:e.effectiveHeight})),onResizeStart:(e,t)=>Ue(e,t,Qe[0])},void 0,!1,{fileName:ic,lineNumber:1580,columnNumber:9},this),!n&&ne&&(0,j.jsxDEV)(bs,{lines:$e},void 0,!1,{fileName:ic,lineNumber:1593,columnNumber:42},this),!n&&(0,j.jsxDEV)(vs,{guides:h,artboardWidth:C.width,artboardHeight:C.height},void 0,!1,{fileName:ic,lineNumber:1597,columnNumber:9},this),we&&we.length>0&&(0,j.jsxDEV)(`svg`,{style:{position:`absolute`,inset:0,width:`100%`,height:`100%`,pointerEvents:`none`,zIndex:99999},children:(0,j.jsxDEV)(`path`,{d:we.length===1?`M ${we[0].x} ${we[0].y} L ${we[0].x+.1} ${we[0].y+.1}`:we.reduce((e,t,n)=>n===0?`M ${t.x} ${t.y}`:`${e} L ${t.x} ${t.y}`,``),stroke:`#ff3b30`,strokeWidth:3.5,fill:`none`,strokeLinecap:`round`,strokeLinejoin:`round`},void 0,!1,{fileName:ic,lineNumber:1616,columnNumber:11},this)},void 0,!1,{fileName:ic,lineNumber:1606,columnNumber:9},this),!n&&_&&(0,j.jsxDEV)(`div`,{style:{position:`absolute`,left:`${Math.min(_.startX,_.currentX)}px`,top:`${Math.min(_.startY,_.currentY)}px`,width:`${Math.abs(_.currentX-_.startX)}px`,height:`${Math.abs(_.currentY-_.startY)}px`,pointerEvents:`none`,zIndex:99999},className:`border border-[#0071e3] bg-[#0071e3]/10 rounded-[2px]`},void 0,!1,{fileName:ic,lineNumber:1633,columnNumber:9},this),!n&&(0,j.jsxDEV)(`div`,{onMouseDown:t=>{t.stopPropagation();let n=t.clientY,r=tt,i=t=>{let i=t.clientY-n,a=Math.max(C.height,Math.round(r+i));p(e.id,{minHeight:a})},a=()=>{window.removeEventListener(`mousemove`,i),window.removeEventListener(`mouseup`,a),l(`Resize Page Height`)};window.addEventListener(`mousemove`,i),window.addEventListener(`mouseup`,a)},className:`absolute -bottom-7 left-0 right-0 h-6 flex items-center justify-center cursor-ns-resize group z-50 pointer-events-auto select-none`,title:`Drag down to extend page height`,children:(0,j.jsxDEV)(`div`,{className:`flex items-center gap-1.5 px-3 py-1 rounded-full bg-white dark:bg-[#1c1c1e] text-[#6e6e73] dark:text-[#8e8e93] hover:text-[#7d2ae8] dark:hover:text-[#9d52ff] border border-[#e5e5ea] dark:border-[#38383a] text-[11px] font-medium shadow-apple-sm transition-all group-hover:scale-105 group-hover:border-[#7d2ae8]`,children:[(0,j.jsxDEV)(`span`,{children:[`Page Height: `,Math.round(tt),`px`]},void 0,!0,{fileName:ic,lineNumber:1670,columnNumber:13},this),(0,j.jsxDEV)(`span`,{className:`text-[12px] font-bold text-[#7d2ae8] dark:text-[#9d52ff]`,children:`↕`},void 0,!1,{fileName:ic,lineNumber:1671,columnNumber:13},this)]},void 0,!0,{fileName:ic,lineNumber:1669,columnNumber:11},this)},void 0,!1,{fileName:ic,lineNumber:1648,columnNumber:9},this),b===`eraser`&&Ne&&(0,j.jsxDEV)(`div`,{style:{position:`absolute`,left:`${Ne.x}px`,top:`${Ne.y}px`,transform:`translate(-50%, -50%)`,pointerEvents:`none`,zIndex:999999},className:`flex flex-col items-center justify-center pointer-events-none select-none transition-transform duration-75`,children:(0,j.jsxDEV)(`div`,{className:D(`w-10 h-10 rounded-full border-2 border-[#ff9500] flex items-center justify-center transition-all duration-100 shadow-apple-md`,je?`bg-[#ff9500]/30 ring-4 ring-[#ff9500]/40 scale-110`:`bg-white/90 dark:bg-[#1c1c1e]/90 backdrop-blur-xs ring-2 ring-[#ff9500]/20`),children:(0,j.jsxDEV)(`svg`,{className:D(`w-5 h-5 transition-colors`,je?`text-[#ff3b30]`:`text-[#ff9500]`),viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2.2`,strokeLinecap:`round`,strokeLinejoin:`round`,children:[(0,j.jsxDEV)(`path`,{d:`m7 21-4.3-4.3c-1-1-1-2.5 0-3.4l9.6-9.6c1-1 2.5-1 3.4 0l5.6 5.6c1 1 1 2.5 0 3.4L13 21`},void 0,!1,{fileName:ic,lineNumber:1706,columnNumber:15},this),(0,j.jsxDEV)(`path`,{d:`M22 21H7`},void 0,!1,{fileName:ic,lineNumber:1707,columnNumber:15},this),(0,j.jsxDEV)(`path`,{d:`m5 11 9 9`},void 0,!1,{fileName:ic,lineNumber:1708,columnNumber:15},this)]},void 0,!0,{fileName:ic,lineNumber:1697,columnNumber:13},this)},void 0,!1,{fileName:ic,lineNumber:1689,columnNumber:11},this)},void 0,!1,{fileName:ic,lineNumber:1678,columnNumber:9},this),b===`pen`&&(0,j.jsxDEV)(Hs,{artboardWidth:C.width,artboardHeight:tt,zoom:1,getCanvasCoords:Fe},void 0,!1,{fileName:ic,lineNumber:1716,columnNumber:9},this),(0,j.jsxDEV)(ec,{totalNodes:fe.length,renderedNodes:ge.length,culledNodes:_e},void 0,!1,{fileName:ic,lineNumber:1725,columnNumber:7},this),(0,j.jsxDEV)(Qs,{},void 0,!1,{fileName:ic,lineNumber:1732,columnNumber:7},this)]},void 0,!0,{fileName:ic,lineNumber:1215,columnNumber:5},this)}),oc=`C:/Users/Shadow/Desktop/cyrus/src/editor/canvas/CollabCursorOverlay.tsx`;function sc({activePageId:e,zoom:t,pan:n}){let r=co(e=>e.collaborators),i=Array.from(r.values()).filter(t=>t.cursor&&t.cursor.pageId===e);return i.length===0?null:(0,j.jsxDEV)(`div`,{className:`absolute inset-0 pointer-events-none`,style:{zIndex:9999},children:i.map(e=>{if(!e.cursor)return null;let r=e.cursor.x*t+n.x,i=e.cursor.y*t+n.y;return(0,j.jsxDEV)(`div`,{className:`absolute transition-transform duration-75 ease-linear`,style:{left:r,top:i,transform:`translate(-2px, -2px)`},children:[(0,j.jsxDEV)(`svg`,{width:`20`,height:`22`,viewBox:`0 0 20 22`,fill:`none`,children:(0,j.jsxDEV)(`path`,{d:`M3 2L17 10L10 11.5L6.5 19L3 2Z`,fill:e.color,stroke:`white`,strokeWidth:`1.5`,strokeLinejoin:`round`},void 0,!1,{fileName:oc,lineNumber:39,columnNumber:15},this)},void 0,!1,{fileName:oc,lineNumber:38,columnNumber:13},this),(0,j.jsxDEV)(`div`,{className:`absolute top-5 left-3 px-2 py-0.5 rounded-full text-white text-[10px] font-semibold whitespace-nowrap shadow-apple-sm`,style:{backgroundColor:e.color},children:e.name},void 0,!1,{fileName:oc,lineNumber:48,columnNumber:13},this)]},e.id,!0,{fileName:oc,lineNumber:32,columnNumber:11},this)})},void 0,!1,{fileName:oc,lineNumber:23,columnNumber:5},this)}var cc=`C:/Users/Shadow/Desktop/cyrus/src/editor/canvas/CollabSelectionOverlay.tsx`;function lc({elements:e,activePageId:t,zoom:n,pan:r}){let i=co(e=>e.collaborators),a=new Map;return Array.from(i.values()).forEach(e=>{!e.selection||e.selection.pageId!==t||e.selection.elementIds.forEach(t=>{let n=a.get(t)||[];n.push({color:e.color,name:e.name}),a.set(t,n)})}),a.size===0?null:(0,j.jsxDEV)(`div`,{className:`absolute inset-0 pointer-events-none`,style:{zIndex:9998},children:e.map(e=>{let t=a.get(e.id);if(!t||t.length===0)return null;let i=t[0],o=e.x*n+r.x,s=e.y*n+r.y,c=e.width*n,l=e.height*n;return(0,j.jsxDEV)(`div`,{className:`absolute`,style:{left:o-2,top:s-2,width:c+4,height:l+4,border:`2px solid ${i.color}`,borderRadius:4},children:(0,j.jsxDEV)(`div`,{className:`absolute -top-6 left-0 px-1.5 py-0.5 rounded text-white text-[10px] font-semibold whitespace-nowrap flex items-center gap-1`,style:{backgroundColor:i.color},children:[t.length>1&&(0,j.jsxDEV)(`span`,{className:`opacity-80 font-normal`,children:[`+`,t.length-1]},void 0,!0,{fileName:cc,lineNumber:61,columnNumber:17},this),i.name]},void 0,!0,{fileName:cc,lineNumber:56,columnNumber:13},this)},e.id,!1,{fileName:cc,lineNumber:43,columnNumber:11},this)})},void 0,!1,{fileName:cc,lineNumber:31,columnNumber:5},this)}var U=`C:/Users/Shadow/Desktop/cyrus/src/editor/canvas/CommentPinPopover.tsx`;function uc(e){let t=Date.now()-e;return t<6e4?`just now`:t<36e5?`${Math.floor(t/6e4)}m ago`:t<864e5?`${Math.floor(t/36e5)}h ago`:new Date(e).toLocaleDateString()}function dc(e){return e.split(/(@\w+)/g).map((e,t)=>e.startsWith(`@`)?(0,j.jsxDEV)(`span`,{className:`text-[#0071e3] font-semibold`,children:e},t,!1,{fileName:U,lineNumber:34,columnNumber:7},this):(0,j.jsxDEV)(`span`,{children:e},t,!1,{fileName:U,lineNumber:36,columnNumber:7},this))}function fc(e){return e.split(` `).slice(0,2).map(e=>e[0]).join(``).toUpperCase()}function pc({comment:e,isNew:t=!1,position:n,onClose:r,pageId:a,canvasX:o,canvasY:s,elementId:c,elementName:l,versionNumber:u=1}){let{addComment:d,replyToComment:f,resolveComment:p,reopenComment:m,deleteComment:h,selfColor:g}=co(),{session:_}=zi(),[v,y]=(0,k.useState)(``),[b,S]=(0,k.useState)(``),[C,w]=(0,k.useState)(!1),ee=(0,k.useRef)(null),te=_.user?.name||`You`,T=co.getState().selfId;(0,k.useEffect)(()=>{ee.current?.focus()},[t,C]);let ne=()=>{if(!v.trim())return;let e=d({pageId:a,targetType:c?`element`:`coordinate`,elementId:c,elementName:l,canvasX:o,canvasY:s,versionNumber:u,body:v.trim(),authorName:te,authorId:T,authorColor:g});js()?.sendComment(e),r()},re=()=>{if(!e||!b.trim())return;let t={authorId:T,authorName:te,authorColor:g,body:b.trim()};f(e.id,t),js()?.sendCommentReply(e.id,{...t,id:``,createdAt:Date.now()}),S(``),w(!1)};return(0,j.jsxDEV)(`div`,{className:`absolute z-[10005] w-[320px] bg-white rounded-2xl shadow-apple-xl border border-[#e5e5ea] overflow-hidden animate-scale-up`,style:{left:n.x+16,top:n.y-12},onClick:e=>e.stopPropagation(),children:[(0,j.jsxDEV)(`div`,{className:`flex items-center justify-between px-3.5 py-2.5 bg-[#fbfbfd] border-b border-[#f0f0f2]`,children:[(0,j.jsxDEV)(`div`,{className:`flex items-center gap-2 min-w-0`,children:[(0,j.jsxDEV)(`div`,{className:`w-5 h-5 rounded-md bg-[#0071e3]/10 text-[#0071e3] flex items-center justify-center`,children:(0,j.jsxDEV)(i,{className:`w-3 h-3`},void 0,!1,{fileName:U,lineNumber:155,columnNumber:13},this)},void 0,!1,{fileName:U,lineNumber:154,columnNumber:11},this),(0,j.jsxDEV)(`div`,{className:`flex items-center gap-1.5 min-w-0`,children:[(0,j.jsxDEV)(`span`,{className:`text-[12px] font-semibold text-[#1d1d1f] truncate`,children:t?`New Feedback`:e?.elementName?e.elementName:`Review Note`},void 0,!1,{fileName:U,lineNumber:158,columnNumber:13},this),(0,j.jsxDEV)(`span`,{className:`text-[10px] font-medium text-[#86868b] bg-[#f5f5f7] px-1.5 py-0.5 rounded-full shrink-0`,children:[`v`,e?.versionNumber||u]},void 0,!0,{fileName:U,lineNumber:161,columnNumber:13},this)]},void 0,!0,{fileName:U,lineNumber:157,columnNumber:11},this)]},void 0,!0,{fileName:U,lineNumber:153,columnNumber:9},this),(0,j.jsxDEV)(`div`,{className:`flex items-center gap-1`,children:[e&&e.status===`open`&&(0,j.jsxDEV)(`button`,{type:`button`,onClick:()=>{e&&(p(e.id,T),js()?.resolveComment(e.id))},className:`px-2 py-1 rounded-lg text-[11px] font-medium text-[#34c759] bg-[#f0fdf4] hover:bg-[#dcfce7] transition-apple flex items-center gap-1`,title:`Resolve Thread`,children:[(0,j.jsxDEV)(Mr,{className:`w-3 h-3`},void 0,!1,{fileName:U,lineNumber:175,columnNumber:15},this),`Resolve`]},void 0,!0,{fileName:U,lineNumber:169,columnNumber:13},this),e&&e.status===`resolved`&&(0,j.jsxDEV)(`button`,{type:`button`,onClick:()=>{e&&(m(e.id),js()?.reopenComment(e.id))},className:`px-2 py-1 rounded-lg text-[11px] font-medium text-[#0071e3] bg-[#e8f2fc] hover:bg-[#d0e8fc] transition-apple flex items-center gap-1`,title:`Reopen Thread`,children:[(0,j.jsxDEV)(cn,{className:`w-3 h-3`},void 0,!1,{fileName:U,lineNumber:187,columnNumber:15},this),`Reopen`]},void 0,!0,{fileName:U,lineNumber:181,columnNumber:13},this),(0,j.jsxDEV)(`button`,{type:`button`,onClick:r,className:`w-6 h-6 rounded-full flex items-center justify-center text-[#86868b] hover:text-[#1d1d1f] hover:bg-[#f5f5f7] transition-apple`,children:(0,j.jsxDEV)(ln,{className:`w-3.5 h-3.5`},void 0,!1,{fileName:U,lineNumber:197,columnNumber:13},this)},void 0,!1,{fileName:U,lineNumber:192,columnNumber:11},this)]},void 0,!0,{fileName:U,lineNumber:167,columnNumber:9},this)]},void 0,!0,{fileName:U,lineNumber:152,columnNumber:7},this),t?(0,j.jsxDEV)(`div`,{className:`p-3`,children:[(0,j.jsxDEV)(`textarea`,{ref:ee,value:v,onChange:e=>y(e.target.value),onKeyDown:e=>{e.key===`Enter`&&(e.metaKey||e.ctrlKey)&&ne(),e.key===`Escape`&&r()},placeholder:`Add feedback on this element or area... (@mention teammates, ⌘↵ to post)`,rows:3,className:`w-full text-[12px] p-2.5 rounded-xl border border-[#e5e5ea] bg-[#fbfbfd] focus:bg-white focus:outline-none focus:border-[#0071e3] resize-none transition-apple`},void 0,!1,{fileName:U,lineNumber:205,columnNumber:11},this),(0,j.jsxDEV)(`div`,{className:`flex items-center justify-between mt-2 pt-1`,children:[(0,j.jsxDEV)(`span`,{className:`text-[10px] text-[#86868b]`,children:`Esc to cancel`},void 0,!1,{fileName:U,lineNumber:218,columnNumber:13},this),(0,j.jsxDEV)(`button`,{type:`button`,onClick:ne,disabled:!v.trim(),className:`px-3.5 py-1.5 rounded-xl bg-[#0071e3] text-white text-[11px] font-semibold hover:bg-[#0077ed] disabled:opacity-40 transition-apple shadow-apple-sm`,children:`Post Pin`},void 0,!1,{fileName:U,lineNumber:219,columnNumber:13},this)]},void 0,!0,{fileName:U,lineNumber:217,columnNumber:11},this)]},void 0,!0,{fileName:U,lineNumber:204,columnNumber:9},this):e?(0,j.jsxDEV)(`div`,{className:`p-3 space-y-3`,children:[(0,j.jsxDEV)(`div`,{className:`flex items-start gap-2.5`,children:[(0,j.jsxDEV)(`div`,{className:`w-6 h-6 rounded-full flex items-center justify-center text-white text-[9px] font-bold shrink-0 mt-0.5`,style:{backgroundColor:e.authorColor},children:fc(e.authorName)},void 0,!1,{fileName:U,lineNumber:233,columnNumber:13},this),(0,j.jsxDEV)(`div`,{className:`flex-1 min-w-0`,children:[(0,j.jsxDEV)(`div`,{className:`flex items-center justify-between`,children:[(0,j.jsxDEV)(`span`,{className:`text-[12px] font-semibold text-[#1d1d1f]`,children:e.authorName},void 0,!1,{fileName:U,lineNumber:241,columnNumber:17},this),(0,j.jsxDEV)(`span`,{className:`text-[10px] text-[#86868b]`,children:uc(e.createdAt)},void 0,!1,{fileName:U,lineNumber:242,columnNumber:17},this)]},void 0,!0,{fileName:U,lineNumber:240,columnNumber:15},this),(0,j.jsxDEV)(`p`,{className:`text-[12px] text-[#1d1d1f] mt-0.5 leading-relaxed`,children:dc(e.body)},void 0,!1,{fileName:U,lineNumber:244,columnNumber:15},this)]},void 0,!0,{fileName:U,lineNumber:239,columnNumber:13},this)]},void 0,!0,{fileName:U,lineNumber:232,columnNumber:11},this),e.replies.length>0&&(0,j.jsxDEV)(`div`,{className:`pl-4 ml-3 border-l-2 border-[#e5e5ea] space-y-2.5 pt-1`,children:e.replies.map(e=>(0,j.jsxDEV)(`div`,{className:`flex items-start gap-2`,children:[(0,j.jsxDEV)(`div`,{className:`w-5 h-5 rounded-full flex items-center justify-center text-white text-[8px] font-bold shrink-0 mt-0.5`,style:{backgroundColor:e.authorColor},children:fc(e.authorName)},void 0,!1,{fileName:U,lineNumber:255,columnNumber:19},this),(0,j.jsxDEV)(`div`,{className:`flex-1 min-w-0`,children:[(0,j.jsxDEV)(`div`,{className:`flex items-center justify-between`,children:[(0,j.jsxDEV)(`span`,{className:`text-[11px] font-semibold text-[#1d1d1f]`,children:e.authorName},void 0,!1,{fileName:U,lineNumber:263,columnNumber:23},this),(0,j.jsxDEV)(`span`,{className:`text-[9px] text-[#86868b]`,children:uc(e.createdAt)},void 0,!1,{fileName:U,lineNumber:264,columnNumber:23},this)]},void 0,!0,{fileName:U,lineNumber:262,columnNumber:21},this),(0,j.jsxDEV)(`p`,{className:`text-[11px] text-[#1d1d1f] mt-0.5 leading-relaxed`,children:dc(e.body)},void 0,!1,{fileName:U,lineNumber:266,columnNumber:21},this)]},void 0,!0,{fileName:U,lineNumber:261,columnNumber:19},this)]},e.id,!0,{fileName:U,lineNumber:254,columnNumber:17},this))},void 0,!1,{fileName:U,lineNumber:252,columnNumber:13},this),C?(0,j.jsxDEV)(`div`,{className:`mt-2 pt-2 border-t border-[#f0f0f2]`,children:[(0,j.jsxDEV)(`textarea`,{ref:ee,value:b,onChange:e=>S(e.target.value),onKeyDown:e=>{e.key===`Enter`&&(e.metaKey||e.ctrlKey)&&re(),e.key===`Escape`&&w(!1)},placeholder:`Write a reply... (⌘↵ to send)`,rows:2,className:`w-full text-[11px] p-2 rounded-lg border border-[#e5e5ea] bg-[#fbfbfd] focus:bg-white focus:outline-none focus:border-[#0071e3] resize-none`},void 0,!1,{fileName:U,lineNumber:278,columnNumber:15},this),(0,j.jsxDEV)(`div`,{className:`flex justify-end gap-1.5 mt-1.5`,children:[(0,j.jsxDEV)(`button`,{type:`button`,onClick:()=>w(!1),className:`px-2.5 py-1 text-[11px] text-[#86868b] hover:text-[#1d1d1f]`,children:`Cancel`},void 0,!1,{fileName:U,lineNumber:291,columnNumber:17},this),(0,j.jsxDEV)(`button`,{type:`button`,onClick:re,disabled:!b.trim(),className:`px-3 py-1 rounded-lg bg-[#0071e3] text-white text-[11px] font-semibold disabled:opacity-40 hover:bg-[#0077ed]`,children:`Reply`},void 0,!1,{fileName:U,lineNumber:298,columnNumber:17},this)]},void 0,!0,{fileName:U,lineNumber:290,columnNumber:15},this)]},void 0,!0,{fileName:U,lineNumber:277,columnNumber:13},this):(0,j.jsxDEV)(`div`,{className:`flex items-center justify-between pt-2 border-t border-[#f0f0f2]`,children:[(0,j.jsxDEV)(`button`,{type:`button`,onClick:()=>w(!0),className:`text-[11px] font-medium text-[#0071e3] hover:underline flex items-center gap-1`,children:[(0,j.jsxDEV)(_r,{className:`w-3 h-3`},void 0,!1,{fileName:U,lineNumber:315,columnNumber:17},this),`Reply in thread`]},void 0,!0,{fileName:U,lineNumber:310,columnNumber:15},this),(0,j.jsxDEV)(`button`,{type:`button`,onClick:()=>{e&&(h(e.id),js()?.deleteComment(e.id),r())},className:`text-[11px] text-[#86868b] hover:text-[#ff3b30] flex items-center gap-1 transition-apple`,children:(0,j.jsxDEV)(x,{className:`w-3 h-3`},void 0,!1,{fileName:U,lineNumber:324,columnNumber:17},this)},void 0,!1,{fileName:U,lineNumber:319,columnNumber:15},this)]},void 0,!0,{fileName:U,lineNumber:309,columnNumber:13},this)]},void 0,!0,{fileName:U,lineNumber:230,columnNumber:9},this):null]},void 0,!0,{fileName:U,lineNumber:143,columnNumber:5},this)}var mc=`C:/Users/Shadow/Desktop/cyrus/src/editor/canvas/CommentMarkersOverlay.tsx`;function hc({elements:e,activePageId:t,zoom:n,pan:r}){let{comments:a,activeCommentId:o,setActiveComment:s,pendingCommentAnchor:c,setPendingCommentAnchor:l,showResolvedOnCanvas:u}=co(),{isReviewMode:d,toolMode:f}=A(),p=a.filter(e=>!(e.pageId!==t||e.status===`resolved`&&!u));return(0,j.jsxDEV)(`div`,{className:`absolute inset-0 pointer-events-none`,style:{zIndex:1e4},children:[p.map((i,a)=>{let c=i.canvasX,u=i.canvasY;if((c===void 0||u===void 0)&&i.elementId){let t=e.find(e=>e.id===i.elementId);t&&(c=t.x+12,u=t.y-12)}(c===void 0||u===void 0)&&(c=40,u=40+a*44);let d=c*n+r.x,f=u*n+r.y,p=o===i.id,m=i.status===`resolved`;return(0,j.jsxDEV)(k.Fragment,{children:[(0,j.jsxDEV)(`div`,{className:`absolute pointer-events-auto cursor-pointer select-none group`,style:{left:d,top:f,transform:`translate(-50%, -50%)`},onClick:e=>{e.stopPropagation(),s(p?null:i.id),l(null)},children:(0,j.jsxDEV)(`div`,{className:D(`relative flex items-center justify-center transition-transform duration-150 ease-out`,p?`scale-125 z-50`:`hover:scale-115`,m?`opacity-70`:`opacity-100`),children:[(0,j.jsxDEV)(`div`,{className:D(`w-7 h-7 rounded-full flex items-center justify-center text-white text-[11px] font-bold shadow-apple-md border-2 transition-all`,p?`ring-4 ring-[#0071e3]/30 border-white`:`border-white hover:border-[#1d1d1f]`),style:{backgroundColor:m?`#34c759`:i.authorColor||`#0071e3`},children:m?(0,j.jsxDEV)(Mr,{className:`w-3.5 h-3.5`},void 0,!1,{fileName:mc,lineNumber:109,columnNumber:21},this):(0,j.jsxDEV)(`span`,{children:a+1},void 0,!1,{fileName:mc,lineNumber:111,columnNumber:21},this)},void 0,!1,{fileName:mc,lineNumber:97,columnNumber:17},this),i.replies.length>0&&!m&&(0,j.jsxDEV)(`span`,{className:`absolute -top-1 -right-1 bg-white text-[#1d1d1f] text-[9px] font-bold px-1 rounded-full border border-[#e5e5ea] shadow-2xs`,children:i.replies.length},void 0,!1,{fileName:mc,lineNumber:117,columnNumber:19},this),(0,j.jsxDEV)(`div`,{className:`absolute left-full ml-2 px-2 py-1 bg-[#1d1d1f] text-white text-[10px] rounded-lg whitespace-nowrap shadow-apple-md opacity-0 group-hover:opacity-100 transition-opacity pointer-events-none z-50`,children:[(0,j.jsxDEV)(`span`,{className:`font-semibold`,children:[i.authorName,`: `]},void 0,!0,{fileName:mc,lineNumber:124,columnNumber:19},this),(0,j.jsxDEV)(`span`,{children:[i.body.slice(0,30),i.body.length>30?`...`:``]},void 0,!0,{fileName:mc,lineNumber:125,columnNumber:19},this)]},void 0,!0,{fileName:mc,lineNumber:123,columnNumber:17},this)]},void 0,!0,{fileName:mc,lineNumber:89,columnNumber:15},this)},void 0,!1,{fileName:mc,lineNumber:75,columnNumber:13},this),p&&(0,j.jsxDEV)(`div`,{className:`pointer-events-auto`,children:(0,j.jsxDEV)(pc,{comment:i,position:{x:d,y:f},onClose:()=>s(null),pageId:t},void 0,!1,{fileName:mc,lineNumber:133,columnNumber:17},this)},void 0,!1,{fileName:mc,lineNumber:132,columnNumber:15},this)]},i.id,!0,{fileName:mc,lineNumber:74,columnNumber:11},this)}),c&&c.pageId===t&&(0,j.jsxDEV)(k.Fragment,{children:[(0,j.jsxDEV)(`div`,{className:`absolute pointer-events-auto`,style:{left:c.canvasX*n+r.x,top:c.canvasY*n+r.y,transform:`translate(-50%, -50%)`},children:(0,j.jsxDEV)(`div`,{className:`w-8 h-8 rounded-full bg-[#0071e3] text-white flex items-center justify-center shadow-apple-lg border-2 border-white animate-pulse`,children:(0,j.jsxDEV)(i,{className:`w-4 h-4`},void 0,!1,{fileName:mc,lineNumber:157,columnNumber:15},this)},void 0,!1,{fileName:mc,lineNumber:156,columnNumber:13},this)},void 0,!1,{fileName:mc,lineNumber:148,columnNumber:11},this),(0,j.jsxDEV)(`div`,{className:`pointer-events-auto`,children:(0,j.jsxDEV)(pc,{isNew:!0,position:{x:c.canvasX*n+r.x,y:c.canvasY*n+r.y},onClose:()=>l(null),pageId:t,canvasX:c.canvasX,canvasY:c.canvasY,elementId:c.elementId,elementName:c.elementName},void 0,!1,{fileName:mc,lineNumber:162,columnNumber:13},this)},void 0,!1,{fileName:mc,lineNumber:161,columnNumber:11},this)]},void 0,!0,{fileName:mc,lineNumber:147,columnNumber:9},this)]},void 0,!0,{fileName:mc,lineNumber:45,columnNumber:5},this)}function gc(){return typeof navigator>`u`?!1:/Mac|iPod|iPhone|iPad/.test(navigator.platform||navigator.userAgent)}function _c(e){let t=[],n=gc();e.mod&&t.push(n?`⌘`:`Ctrl`),e.ctrl&&!e.mod&&t.push(`Ctrl`),e.alt&&t.push(n?`⌥`:`Alt`),e.shift&&t.push(n?`⇧`:`Shift`);let r=e.key.toUpperCase();return e.key.toLowerCase()===`arrowup`?r=`↑`:e.key.toLowerCase()===`arrowdown`?r=`↓`:e.key.toLowerCase()===`arrowleft`?r=`←`:e.key.toLowerCase()===`arrowright`?r=`→`:e.key.toLowerCase()===`backspace`?r=n?`⌫`:`Backspace`:e.key.toLowerCase()===`delete`?r=`Del`:e.key.toLowerCase()===`escape`?r=`Esc`:e.key.toLowerCase()===`enter`?r=`↵`:e.key.toLowerCase()===`space`&&(r=`Space`),t.push(r),t}function vc(e,t){let n=gc()?e.metaKey:e.ctrlKey;if(!!t.mod!==n||!!t.shift!==e.shiftKey||!!t.alt!==e.altKey)return!1;let r=t.key.toLowerCase(),i=e.key.toLowerCase();return r===`space`&&(i===` `||e.code===`Space`)||r===`+`&&(i===`+`||i===`=`)||r===i}var yc=[{id:`undo`,name:`Undo`,description:`Revert the most recent change`,category:`general`,categoryLabel:`General & Document`,defaultBinding:{key:`z`,mod:!0},scope:`global`,allowInInput:!1},{id:`redo`,name:`Redo`,description:`Reapply the previously undone change`,category:`general`,categoryLabel:`General & Document`,defaultBinding:{key:`z`,mod:!0,shift:!0},scope:`global`,allowInInput:!1},{id:`save`,name:`Save Project`,description:`Persist project document to local storage`,category:`general`,categoryLabel:`General & Document`,defaultBinding:{key:`s`,mod:!0},scope:`global`,allowInInput:!0},{id:`commandPalette`,name:`Command Palette`,description:`Open the global Spotlight search & quick actions`,category:`general`,categoryLabel:`General & Document`,defaultBinding:{key:`k`,mod:!0},scope:`global`,allowInInput:!0},{id:`preview`,name:`Preview Prototype`,description:`Launch full interactive runtime preview`,category:`general`,categoryLabel:`General & Document`,defaultBinding:{key:`p`,mod:!0},scope:`global`,allowInInput:!0},{id:`helpShortcuts`,name:`Keyboard Shortcuts Help`,description:`View all keyboard shortcuts and customized bindings`,category:`general`,categoryLabel:`General & Document`,defaultBinding:{key:`/`,mod:!0},scope:`global`,allowInInput:!0},{id:`exportProject`,name:`Export Project`,description:`Open export modal to generate production ZIP`,category:`general`,categoryLabel:`General & Document`,defaultBinding:{key:`e`,mod:!0,shift:!0},scope:`global`,allowInInput:!1},{id:`createApp`,name:`Create App Target`,description:`Export to React Native, Next.js, or React app`,category:`general`,categoryLabel:`General & Document`,defaultBinding:{key:`b`,mod:!0},scope:`global`,allowInInput:!1},{id:`copy`,name:`Copy Selection`,description:`Copy selected elements to clipboard`,category:`editing`,categoryLabel:`Selection & Editing`,defaultBinding:{key:`c`,mod:!0},scope:`canvas`,allowInInput:!1},{id:`paste`,name:`Paste`,description:`Paste copied elements from clipboard`,category:`editing`,categoryLabel:`Selection & Editing`,defaultBinding:{key:`v`,mod:!0},scope:`canvas`,allowInInput:!1},{id:`duplicate`,name:`Duplicate`,description:`Clone selected elements with offset`,category:`editing`,categoryLabel:`Selection & Editing`,defaultBinding:{key:`d`,mod:!0},scope:`canvas`,allowInInput:!1},{id:`delete`,name:`Delete Selection`,description:`Remove selected elements from active page`,category:`editing`,categoryLabel:`Selection & Editing`,defaultBinding:{key:`backspace`},scope:`canvas`,allowInInput:!1},{id:`selectAll`,name:`Select All`,description:`Select all elements on active artboard`,category:`editing`,categoryLabel:`Selection & Editing`,defaultBinding:{key:`a`,mod:!0},scope:`canvas`,allowInInput:!1},{id:`group`,name:`Group Selection`,description:`Wrap selected elements in a container group`,category:`editing`,categoryLabel:`Selection & Editing`,defaultBinding:{key:`g`,mod:!0},scope:`canvas`,allowInInput:!1},{id:`ungroup`,name:`Ungroup Selection`,description:`Unwrap grouped container into individual elements`,category:`editing`,categoryLabel:`Selection & Editing`,defaultBinding:{key:`g`,mod:!0,shift:!0},scope:`canvas`,allowInInput:!1},{id:`lock`,name:`Lock / Unlock`,description:`Toggle lock state of selected elements`,category:`editing`,categoryLabel:`Selection & Editing`,defaultBinding:{key:`l`,mod:!0,shift:!0},scope:`canvas`,allowInInput:!1},{id:`hide`,name:`Hide / Show`,description:`Toggle visibility of selected elements`,category:`editing`,categoryLabel:`Selection & Editing`,defaultBinding:{key:`h`,mod:!0,shift:!0},scope:`canvas`,allowInInput:!1},{id:`deselect`,name:`Deselect / Escape`,description:`Clear current selection or dismiss modals`,category:`editing`,categoryLabel:`Selection & Editing`,defaultBinding:{key:`escape`},scope:`global`,allowInInput:!0},{id:`zoomIn`,name:`Zoom In`,description:`Increase canvas magnification (+10%)`,category:`canvas`,categoryLabel:`Canvas & Navigation`,defaultBinding:{key:`+`,mod:!0},scope:`global`,allowInInput:!1},{id:`zoomOut`,name:`Zoom Out`,description:`Decrease canvas magnification (-10%)`,category:`canvas`,categoryLabel:`Canvas & Navigation`,defaultBinding:{key:`-`,mod:!0},scope:`global`,allowInInput:!1},{id:`resetZoom`,name:`Reset Zoom (100%)`,description:`Reset zoom magnification to 100%`,category:`canvas`,categoryLabel:`Canvas & Navigation`,defaultBinding:{key:`0`,mod:!0},scope:`global`,allowInInput:!1},{id:`fitCanvas`,name:`Fit to Screen`,description:`Scale and center active artboard to screen`,category:`canvas`,categoryLabel:`Canvas & Navigation`,defaultBinding:{key:`0`,shift:!0},scope:`global`,allowInInput:!1},{id:`toggleGrid`,name:`Toggle Grid`,description:`Show or hide pixel snap grid overlay`,category:`canvas`,categoryLabel:`Canvas & Navigation`,defaultBinding:{key:`'`,mod:!0},scope:`global`,allowInInput:!1},{id:`toolSelect`,name:`Select Tool`,description:`Switch pointer to element select mode`,category:`canvas`,categoryLabel:`Canvas & Navigation`,defaultBinding:{key:`v`},scope:`canvas`,allowInInput:!1},{id:`toolHand`,name:`Hand / Pan Tool`,description:`Switch pointer to drag-pan mode`,category:`canvas`,categoryLabel:`Canvas & Navigation`,defaultBinding:{key:`h`},scope:`canvas`,allowInInput:!1},{id:`toolComment`,name:`Comment Mode`,description:`Click anywhere on canvas to drop a review pin`,category:`canvas`,categoryLabel:`Canvas & Navigation`,defaultBinding:{key:`c`},scope:`canvas`,allowInInput:!1},{id:`addText`,name:`Add Text`,description:`Insert a typography block on canvas`,category:`widgets`,categoryLabel:`Quick Widgets`,defaultBinding:{key:`t`},scope:`canvas`,allowInInput:!1},{id:`addRectangle`,name:`Add Container / Box`,description:`Insert a rounded surface container`,category:`widgets`,categoryLabel:`Quick Widgets`,defaultBinding:{key:`r`},scope:`canvas`,allowInInput:!1},{id:`addButton`,name:`Add Button`,description:`Insert an interactive primary button`,category:`widgets`,categoryLabel:`Quick Widgets`,defaultBinding:{key:`b`},scope:`canvas`,allowInInput:!1},{id:`addImage`,name:`Add Image`,description:`Insert an image media container`,category:`widgets`,categoryLabel:`Quick Widgets`,defaultBinding:{key:`i`},scope:`canvas`,allowInInput:!1},{id:`addStatCard`,name:`Add Stat Card`,description:`Insert a KPI metric scorecard`,category:`widgets`,categoryLabel:`Quick Widgets`,defaultBinding:{key:`s`},scope:`canvas`,allowInInput:!1},{id:`addLineChart`,name:`Add Line Chart`,description:`Insert an SVG line graph with metrics`,category:`widgets`,categoryLabel:`Quick Widgets`,defaultBinding:{key:`l`},scope:`canvas`,allowInInput:!1}],bc=[`mod+w`,`mod+t`,`mod+n`,`mod+q`,`mod+shift+n`,`mod+shift+w`];function xc(e){let t=[];return e.mod&&t.push(`mod`),e.ctrl&&!e.mod&&t.push(`ctrl`),e.alt&&t.push(`alt`),e.shift&&t.push(`shift`),t.push(e.key.toLowerCase()),t.join(`+`)}function Sc(e){let t=[],n=new Map;return e.forEach(r=>{let i=xc(r.customBinding||r.defaultBinding);if(bc.includes(i)&&t.push({shortcutId:r.id,conflictingWithId:`browser`,keyCombo:i,type:`reserved_browser`,message:`"${r.name}" uses a key combo (${i}) that is intercepted by the web browser.`}),n.has(i)){let a=n.get(i),o=e.find(e=>e.id===a);t.push({shortcutId:r.id,conflictingWithId:a,keyCombo:i,type:`duplicate`,message:`"${r.name}" conflicts with "${o?.name||a}" on key combo (${i}).`})}else n.set(i,r.id)}),t}var Cc=`cyrus_custom_shortcuts_v1`,wc=new class{shortcuts=[...yc];listeners=[];constructor(){this.loadCustomBindings()}subscribe(e){return this.listeners.push(e),()=>{this.listeners=this.listeners.filter(t=>t!==e)}}notify(){this.listeners.forEach(e=>e())}getShortcuts(){return this.shortcuts}getConflicts(){return Sc(this.shortcuts)}updateBinding(e,t){let n=this.shortcuts.find(t=>t.id===e);return n?(n.customBinding=t,this.saveCustomBindings(),this.notify(),!0):!1}resetBinding(e){let t=this.shortcuts.find(t=>t.id===e);t&&(delete t.customBinding,this.saveCustomBindings(),this.notify())}resetAllToDefaults(){this.shortcuts=yc.map(e=>({...e}));try{localStorage.removeItem(Cc)}catch{}this.notify()}saveCustomBindings(){try{let e={};this.shortcuts.forEach(t=>{t.customBinding&&(e[t.id]=t.customBinding)}),localStorage.setItem(Cc,JSON.stringify(e))}catch{}}loadCustomBindings(){try{let e=localStorage.getItem(Cc);if(!e)return;let t=JSON.parse(e);this.shortcuts.forEach(e=>{t[e.id]&&(e.customBinding=t[e.id])})}catch{}}},Tc=`C:/Users/Shadow/Desktop/cyrus/src/editor/canvas/ContextualHints.tsx`,Ec=`cyrus_hints_dismissed_v1`;function Dc(){let e=gc()?`⌘`:`Ctrl`,t=[{id:`cmd_k`,icon:he,text:`Press ${e}+K for Command Palette & instant widget search.`},{id:`quick_keys`,icon:Pt,text:`Hotkeys: T for Text, B for Button, S for Stat Card, L for Line Chart.`},{id:`pan_zoom`,icon:on,text:`Hold Space to Pan, ${e}+0 to reset zoom, ⇧+0 to fit canvas.`}],[n,r]=(0,k.useState)(0),[i,a]=(0,k.useState)(()=>{try{return localStorage.getItem(Ec)===`true`}catch{return!1}}),o=()=>{a(!0);try{localStorage.setItem(Ec,`true`)}catch{}},s=()=>{r(e=>(e+1)%t.length)};if(i)return null;let c=t[n],l=c.icon;return(0,j.jsxDEV)(`div`,{className:`absolute bottom-6 left-1/2 -translate-x-1/2 z-40 animate-in fade-in slide-in-from-bottom-2 duration-200`,children:(0,j.jsxDEV)(`div`,{className:`flex items-center gap-2.5 px-3.5 py-2 rounded-full bg-white/90 dark:bg-[#1c1c1e]/90 backdrop-blur-xl border border-[#e5e5ea] dark:border-[#38383a] shadow-lg text-[12px] text-[#1d1d1f] dark:text-[#f5f5f7]`,children:[(0,j.jsxDEV)(`div`,{className:`w-5 h-5 rounded-full bg-[#0071e3]/10 text-[#0071e3] flex items-center justify-center shrink-0`,children:(0,j.jsxDEV)(l,{className:`w-3 h-3`},void 0,!1,{fileName:Tc,lineNumber:65,columnNumber:11},this)},void 0,!1,{fileName:Tc,lineNumber:64,columnNumber:9},this),(0,j.jsxDEV)(`span`,{className:`font-medium max-w-[340px] truncate`,children:c.text},void 0,!1,{fileName:Tc,lineNumber:68,columnNumber:9},this),(0,j.jsxDEV)(`div`,{className:`flex items-center gap-1 pl-1 border-l border-[#e5e5ea] dark:border-[#38383a]`,children:[(0,j.jsxDEV)(`button`,{type:`button`,onClick:s,title:`Next tip`,className:`p-1 rounded-full hover:bg-[#f4f4f6] dark:hover:bg-[#2c2c2e] text-[#86868b] hover:text-[#1d1d1f] cursor-pointer`,children:(0,j.jsxDEV)(pe,{className:`w-3.5 h-3.5`},void 0,!1,{fileName:Tc,lineNumber:77,columnNumber:13},this)},void 0,!1,{fileName:Tc,lineNumber:71,columnNumber:11},this),(0,j.jsxDEV)(`button`,{type:`button`,onClick:o,title:`Dismiss tips`,className:`p-1 rounded-full hover:bg-[#f4f4f6] dark:hover:bg-[#2c2c2e] text-[#86868b] hover:text-[#1d1d1f] cursor-pointer`,children:(0,j.jsxDEV)(ln,{className:`w-3.5 h-3.5`},void 0,!1,{fileName:Tc,lineNumber:85,columnNumber:13},this)},void 0,!1,{fileName:Tc,lineNumber:79,columnNumber:11},this)]},void 0,!0,{fileName:Tc,lineNumber:70,columnNumber:9},this)]},void 0,!0,{fileName:Tc,lineNumber:63,columnNumber:7},this)},void 0,!1,{fileName:Tc,lineNumber:62,columnNumber:5},this)}var Oc=`C:/Users/Shadow/Desktop/cyrus/src/editor/canvas/CanvasWorkspace.tsx`,kc=k.memo(function({page:e}){let t=A(e=>e.viewportMode),n=A(e=>e.zoom),r=A(e=>e.setZoom),i=A(e=>e.fitToScreen),a=A(e=>e.fitSelection),o=A(e=>e.centerSelection),s=A(e=>e.pan),c=A(e=>e.setPan),l=A(e=>e.toolMode),u=A(e=>e.isPreviewMode),d=A(e=>e.isReviewMode),f=A(e=>e.toggleReviewMode),p=M(e=>e.selectedElementIds),m=(0,k.useRef)(null);fi[t];let[h,g]=(0,k.useState)(!1),_=(0,k.useRef)(null),[v,y]=(0,k.useState)(!1),[b,x]=(0,k.useState)(!1),S=(0,k.useRef)(null);(0,k.useEffect)(()=>{let e=e=>{e.code===`Space`&&![`INPUT`,`TEXTAREA`].includes(e.target?.tagName)&&y(!0)},t=e=>{e.code===`Space`&&(y(!1),x(!1),S.current=null)};return window.addEventListener(`keydown`,e),window.addEventListener(`keyup`,t),()=>{window.removeEventListener(`keydown`,e),window.removeEventListener(`keyup`,t)}},[]),(0,k.useEffect)(()=>{let e=e=>{_.current&&!_.current.contains(e.target)&&g(!1)};if(h)return window.addEventListener(`mousedown`,e),()=>window.removeEventListener(`mousedown`,e)},[h]),(0,k.useCallback)(()=>{if(!m.current)return;let{clientWidth:e,clientHeight:t}=m.current;i(e,t)},[i]),(0,k.useCallback)(()=>{if(!m.current||p.length===0)return;let t=e.elements.filter(e=>p.includes(e.id));if(t.length===0)return;let n=wa(t);a(m.current.clientWidth,m.current.clientHeight,n)},[e.elements,p,a]),(0,k.useCallback)(()=>{if(!m.current||p.length===0)return;let t=e.elements.filter(e=>p.includes(e.id));if(t.length===0)return;let n=wa(t);o(m.current.clientWidth,m.current.clientHeight,n)},[e.elements,p,o]);let C=e=>{(l===`hand`||v||e.button===1)&&(e.preventDefault(),x(!0),S.current={x:e.clientX,y:e.clientY,startPanX:s.x,startPanY:s.y})},w=e=>{if(b&&S.current){let t=e.clientX-S.current.x,n=e.clientY-S.current.y;c({x:Math.round(S.current.startPanX+t),y:Math.round(S.current.startPanY+n)})}},ee=()=>{x(!1),S.current=null};(0,k.useEffect)(()=>{if(!b)return;let e=e=>w(e),t=()=>ee();return window.addEventListener(`mousemove`,e),window.addEventListener(`mouseup`,t),()=>{window.removeEventListener(`mousemove`,e),window.removeEventListener(`mouseup`,t)}},[b,w,ee]);let te=(0,k.useCallback)(e=>{e.preventDefault();let t=-e.deltaY*.0025,i=Math.min(Math.max(n+t,.2),3);r(Number(i.toFixed(2)))},[n,r]);return(0,k.useEffect)(()=>{let e=m.current;if(e)return e.addEventListener(`wheel`,te,{passive:!1}),()=>e.removeEventListener(`wheel`,te)},[te]),(0,j.jsxDEV)(`div`,{ref:m,onMouseDown:C,onMouseMove:w,onMouseUp:ee,style:{cursor:b?`grabbing`:l===`hand`||v?`grab`:`default`,backgroundPosition:`center center`},className:`relative flex-1 h-full w-full overflow-hidden select-none bg-[#ebedf2] dark:bg-[#161618]`,children:[(0,j.jsxDEV)(`div`,{style:{position:`absolute`,left:`50%`,top:`50%`,transform:`translate(calc(-50% + ${s.x}px), calc(-50% + ${s.y}px)) scale(${n})`,transformOrigin:`center center`,transition:b?`none`:`transform 0.08s cubic-bezier(0.16, 1, 0.3, 1)`},className:`flex flex-col items-center`,children:[(0,j.jsxDEV)(ac,{page:e,viewportMode:t,isPreviewMode:u},void 0,!1,{fileName:Oc,lineNumber:200,columnNumber:9},this),(0,j.jsxDEV)(hc,{elements:e.elements,activePageId:e.id,zoom:1,pan:{x:0,y:0}},void 0,!1,{fileName:Oc,lineNumber:207,columnNumber:9},this)]},void 0,!0,{fileName:Oc,lineNumber:188,columnNumber:7},this),(0,j.jsxDEV)(sc,{activePageId:e.id,zoom:n,pan:{x:s.x,y:s.y}},void 0,!1,{fileName:Oc,lineNumber:211,columnNumber:7},this),(0,j.jsxDEV)(lc,{elements:e.elements,activePageId:e.id,zoom:n,pan:{x:s.x,y:s.y}},void 0,!1,{fileName:Oc,lineNumber:214,columnNumber:7},this),(0,j.jsxDEV)(Dc,{},void 0,!1,{fileName:Oc,lineNumber:217,columnNumber:7},this),d&&(0,j.jsxDEV)(`div`,{className:`absolute top-14 left-1/2 -translate-x-1/2 z-40 flex items-center gap-2.5 px-4 py-2 rounded-full bg-[#1d1d1f]/90 text-white text-[12px] font-medium shadow-apple-lg backdrop-blur-md animate-fade-in border border-white/10 select-none`,children:[(0,j.jsxDEV)(`span`,{className:`w-2 h-2 rounded-full bg-[#34c759] animate-pulse shrink-0`},void 0,!1,{fileName:Oc,lineNumber:222,columnNumber:11},this),(0,j.jsxDEV)(`span`,{children:`Review Mode Active — Canvas interaction enabled for feedback inspection`},void 0,!1,{fileName:Oc,lineNumber:223,columnNumber:11},this),(0,j.jsxDEV)(`button`,{type:`button`,onClick:f,className:`ml-1 px-2.5 py-0.5 rounded-full bg-white/20 hover:bg-white/30 text-white text-[11px] font-semibold transition-apple cursor-pointer`,children:`Exit Review`},void 0,!1,{fileName:Oc,lineNumber:224,columnNumber:11},this)]},void 0,!0,{fileName:Oc,lineNumber:221,columnNumber:9},this)]},void 0,!0,{fileName:Oc,lineNumber:177,columnNumber:5},this)});function Ac(e){let t=e.replace(/[^a-zA-Z0-9_]/g,``);return(!t||/^[0-9]/.test(t))&&(t=`Widget_`+t),t.charAt(0).toUpperCase()+t.slice(1)}function jc(e,t=`const Color(0xFF0071E3)`){if(!e||e===`transparent`)return`Colors.transparent`;let n=e.replace(`#`,``).trim();return n.length===3&&(n=n.split(``).map(e=>e+e).join(``)),n.length===6?`const Color(0xFF`+n.toUpperCase()+`)`:n.length===8?`const Color(0x`+n.slice(6,8).toUpperCase()+n.slice(0,6).toUpperCase()+`)`:t}function Mc(e,t=`Color(red: 0.0, green: 0.44, blue: 0.89)`){if(!e||e===`transparent`)return`Color.clear`;let n=e.replace(`#`,``).trim();if(n.length===3&&(n=n.split(``).map(e=>e+e).join(``)),n.length===6){let e=parseInt(n,16),t=(e>>16&255)/255,r=(e>>8&255)/255,i=(e&255)/255;return`Color(red: `+t.toFixed(2)+`, green: `+r.toFixed(2)+`, blue: `+i.toFixed(2)+`)`}if(n.length===8){let e=parseInt(n.slice(0,2),16)/255,t=parseInt(n.slice(2,4),16)/255,r=parseInt(n.slice(4,6),16)/255,i=parseInt(n.slice(6,8),16)/255;return`Color(red: `+e.toFixed(2)+`, green: `+t.toFixed(2)+`, blue: `+r.toFixed(2)+`, opacity: `+i.toFixed(2)+`)`}return t}function Nc(e){if(!e||e===`none`)return null;switch(e){case`ArrowRight`:return`<svg className="w-4 h-4 shrink-0" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"><path d="M5 12h14"/><path d="m12 5 7 7-7 7"/></svg>`;case`ArrowLeft`:return`<svg className="w-4 h-4 shrink-0" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"><path d="m12 19-7-7 7-7"/><path d="M19 12H5"/></svg>`;case`Sparkles`:return`<svg className="w-4 h-4 shrink-0" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"><path d="m12 3-1.912 5.813a2 2 0 0 1-1.275 1.275L3 12l5.813 1.912a2 2 0 0 1 1.275 1.275L12 21l1.912-5.813a2 2 0 0 1 1.275-1.275L21 12l-5.813-1.912a2 2 0 0 1-1.275-1.275L12 3Z"/></svg>`;case`Zap`:return`<svg className="w-4 h-4 shrink-0" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"><polygon points="13 2 3 14 12 14 11 22 21 10 12 10 13 2"/></svg>`;case`Send`:return`<svg className="w-4 h-4 shrink-0" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"><path d="m22 2-7 20-4-9-9-4Z"/><path d="M22 2 11 13"/></svg>`;case`Check`:return`<svg className="w-4 h-4 shrink-0" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"><polyline points="20 6 9 17 4 12"/></svg>`;case`Search`:return`<svg className="w-4 h-4 shrink-0" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"><circle cx="11" cy="11" r="8"/><path d="m21 21-4.3-4.3"/></svg>`;case`Download`:return`<svg className="w-4 h-4 shrink-0" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"/><polyline points="7 10 12 15 17 10"/><line x1="12" x2="12" y1="15" y2="3"/></svg>`;case`User`:return`<svg className="w-4 h-4 shrink-0" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"><path d="M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2"/><circle cx="12" cy="7" r="4"/></svg>`;case`Lock`:return`<svg className="w-4 h-4 shrink-0" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"><rect width="18" height="11" x="3" y="11" rx="2" ry="2"/><path d="M7 11V7a5 5 0 0 1 10 0v4"/></svg>`;case`Mail`:return`<svg className="w-4 h-4 shrink-0" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"><rect width="20" height="16" x="2" y="4" rx="2"/><path d="m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7"/></svg>`;case`Home`:return`<svg className="w-4 h-4 shrink-0" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"><path d="m3 9 9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"/><polyline points="9 22 9 12 15 12 15 22"/></svg>`;case`Star`:return`<svg className="w-4 h-4 shrink-0" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg>`;case`CreditCard`:return`<svg className="w-4 h-4 shrink-0" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"><rect width="22" height="16" x="1" y="4" rx="2" ry="2"/><line x1="1" x2="23" y1="10" y2="10"/></svg>`;case`Settings`:case`Gear`:return`<svg className="w-4 h-4 shrink-0" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"><circle cx="12" cy="12" r="3"/><path d="M12 1v2M12 21v2M4.22 4.22l1.42 1.42M18.36 18.36l1.42 1.42M1 12h2M21 12h2M4.22 19.78l1.42-1.42M18.36 5.64l1.42-1.42"/></svg>`;case`Heart`:return`<svg className="w-4 h-4 shrink-0" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"><path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"/></svg>`;case`ShoppingBag`:return`<svg className="w-4 h-4 shrink-0" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"><path d="M6 2 3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4z"/><line x1="3" x2="21" y1="6" y2="6"/><path d="M16 10a4 4 0 0 1-8 0"/></svg>`;case`Phone`:return`<svg className="w-4 h-4 shrink-0" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"><rect width="14" height="20" x="5" y="2" rx="2" ry="2"/><line x1="12" x2="12.01" y1="18" y2="18"/></svg>`;case`Calendar`:return`<svg className="w-4 h-4 shrink-0" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"><rect width="18" height="18" x="3" y="4" rx="2" ry="2"/><line x1="16" x2="16" y1="2" y2="6"/><line x1="8" x2="8" y1="2" y2="6"/><line x1="3" x2="21" y1="10" y2="10"/></svg>`;case`Clock`:return`<svg className="w-4 h-4 shrink-0" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"><circle cx="12" cy="12" r="10"/><polyline points="12 6 12 12 16 14"/></svg>`;case`Edit`:case`Pencil`:return`<svg className="w-4 h-4 shrink-0" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"><path d="M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z"/></svg>`;case`Trash`:return`<svg className="w-4 h-4 shrink-0" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"><path d="M3 6h18"/><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"/><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"/></svg>`;case`Plus`:return`<svg className="w-4 h-4 shrink-0" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"><line x1="12" x2="12" y1="5" y2="19"/><line x1="5" x2="19" y1="12" y2="12"/></svg>`;case`Minus`:return`<svg className="w-4 h-4 shrink-0" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"><line x1="5" x2="19" y1="12" y2="12"/></svg>`;case`X`:case`Close`:return`<svg className="w-4 h-4 shrink-0" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"><line x1="18" x2="6" y1="6" y2="18"/><line x1="6" x2="18" y1="6" y2="18"/></svg>`;case`Menu`:return`<svg className="w-4 h-4 shrink-0" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"><line x1="4" x2="20" y1="12" y2="12"/><line x1="4" x2="20" y1="6" y2="6"/><line x1="4" x2="20" y1="18" y2="18"/></svg>`;case`Eye`:return`<svg className="w-4 h-4 shrink-0" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"><path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"/><circle cx="12" cy="12" r="3"/></svg>`;case`Bell`:return`<svg className="w-4 h-4 shrink-0" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"><path d="M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9"/><path d="M13.73 21a2 2 0 0 1-3.46 0"/></svg>`;case`Filter`:return`<svg className="w-4 h-4 shrink-0" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"><polygon points="22 3 2 3 10 12.46 10 19 14 21 14 12.46 22 3"/></svg>`;case`Globe`:return`<svg className="w-4 h-4 shrink-0" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"><circle cx="12" cy="12" r="10"/><line x1="2" x2="22" y1="12" y2="12"/><path d="M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z"/></svg>`;case`BarChart2`:case`Chart`:return`<svg className="w-4 h-4 shrink-0" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"><line x1="18" x2="18" y1="20" y2="10"/><line x1="12" x2="12" y1="20" y2="4"/><line x1="6" x2="6" y1="20" y2="14"/></svg>`;case`PieChart`:return`<svg className="w-4 h-4 shrink-0" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"><path d="M21.21 15.89A10 10 0 1 1 8 2.83"/><path d="M22 12A10 10 0 0 0 12 2v10z"/></svg>`;case`Activity`:return`<svg className="w-4 h-4 shrink-0" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"><path d="M22 12h-4l-3 9L9 3l-3 9H2"/></svg>`;case`Package`:return`<svg className="w-4 h-4 shrink-0" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"><path d="m7.5 4.27 9 5.15"/><path d="M21 8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16Z"/><path d="m3.3 7 8.7 5 8.7-5"/><path d="M12 22V12"/></svg>`;case`Truck`:return`<svg className="w-4 h-4 shrink-0" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"><path d="M14 18V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v11a1 1 0 0 0 1 1h2"/><path d="M15 18H9"/><path d="M19 18h2a1 1 0 0 0 1-1v-3.65a1 1 0 0 0-.22-.624l-3.48-4.35A1 1 0 0 0 17.52 8H14"/><circle cx="17" cy="18.5" r="2.5"/><circle cx="7" cy="18.5" r="2.5"/></svg>`;case`Coins`:return`<svg className="w-4 h-4 shrink-0" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"><circle cx="8" cy="8" r="6"/><path d="M18.09 10.37A6 6 0 1 1 10.34 18"/><path d="M7 6h1v4"/><path d="m16.71 13.88.7.71-2.82 2.82"/></svg>`;case`ShieldCheck`:return`<svg className="w-4 h-4 shrink-0" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"><path d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z"/><path d="m9 12 2 2 4-4"/></svg>`;case`CheckCircle2`:return`<svg className="w-4 h-4 shrink-0" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"><circle cx="12" cy="12" r="10"/><path d="m9 12 2 2 4-4"/></svg>`;case`AlertTriangle`:return`<svg className="w-4 h-4 shrink-0" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"><path d="m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3Z"/><line x1="12" x2="12" y1="9" y2="13"/><line x1="12" x2="12.01" y1="17" y2="17"/></svg>`;case`Github`:return`<svg className="w-4 h-4 shrink-0" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"><path d="M15 22v-4a4.8 4.8 0 0 0-1-3.5c3 0 6-2 6-5.5.08-1.25-.27-2.48-1-3.5.28-1.15.28-2.35 0-3.5 0 0-1 0-3 1.5-2.64-.5-5.36-.5-8 0C6 2 5 2 5 2c-.3 1.15-.3 2.35 0 3.5A5.403 5.403 0 0 0 4 9c0 3.5 3 5.5 6 5.5-.39.49-.68 1.05-.85 1.65-.17.6-.22 1.23-.15 1.85v4"/><path d="M9 18c-4.51 2-5-2-7-2"/></svg>`;case`Twitter`:return`<svg className="w-4 h-4 shrink-0" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"><path d="M22 4s-.7 2.1-2 3.4c1.6 10-9.4 17.3-18 11.6 2.2.1 4.4-.6 6-2C3 15.5.5 9.6 3 5c2.2 2.6 5.6 4.1 9 4-.9-4.2 4-6.6 7-3.8 1.1 0 3-1.2 3-1.2z"/></svg>`;case`Linkedin`:return`<svg className="w-4 h-4 shrink-0" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"><path d="M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z"/><rect width="4" height="12" x="2" y="9"/><circle cx="4" cy="4" r="2"/></svg>`;case`Wand2`:return`<svg className="w-4 h-4 shrink-0" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"><path d="m21.64 3.64-1.28-1.28a1.21 1.21 0 0 0-1.72 0L2.36 18.64a1.21 1.21 0 0 0 0 1.72l1.28 1.28a1.21 1.21 0 0 0 1.72 0L21.64 5.36a1.21 1.21 0 0 0 0-1.72Z"/><path d="m14 7 3 3"/></svg>`;case`Palette`:return`<svg className="w-4 h-4 shrink-0" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"><circle cx="13.5" cy="6.5" r=".5" fill="currentColor"/><circle cx="17.5" cy="10.5" r=".5" fill="currentColor"/><circle cx="8.5" cy="7.5" r=".5" fill="currentColor"/><circle cx="6.5" cy="12.5" r=".5" fill="currentColor"/><path d="M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10c.926 0 1.648-.746 1.648-1.688 0-.437-.18-.835-.437-1.125-.29-.289-.438-.652-.438-1.125a1.64 1.64 0 0 1 1.668-1.668h1.996c3.051 0 5.555-2.503 5.555-5.554C21.965 6.012 17.461 2 12 2z"/></svg>`;default:return`<svg className="w-4 h-4 shrink-0" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"><circle cx="12" cy="12" r="10"/></svg>`}}function Pc(e){if(!e||e===`none`)return null;switch(e){case`ArrowRight`:return`<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="m12 5 7 7-7 7"/></svg>`;case`ArrowLeft`:return`<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m12 19-7-7 7-7"/><path d="M19 12H5"/></svg>`;case`Sparkles`:return`<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m12 3-1.912 5.813a2 2 0 0 1-1.275 1.275L3 12l5.813 1.912a2 2 0 0 1 1.275 1.275L12 21l1.912-5.813a2 2 0 0 1 1.275-1.275L21 12l-5.813-1.912a2 2 0 0 1-1.275-1.275L12 3Z"/></svg>`;case`Zap`:return`<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polygon points="13 2 3 14 12 14 11 22 21 10 12 10 13 2"/></svg>`;case`Send`:return`<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m22 2-7 20-4-9-9-4Z"/><path d="M22 2 11 13"/></svg>`;case`Check`:return`<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>`;case`Search`:return`<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="8"/><path d="m21 21-4.3-4.3"/></svg>`;case`Download`:return`<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"/><polyline points="7 10 12 15 17 10"/><line x1="12" x2="12" y1="15" y2="3"/></svg>`;case`User`:return`<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2"/><circle cx="12" cy="7" r="4"/></svg>`;case`Lock`:return`<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="18" height="11" x="3" y="11" rx="2" ry="2"/><path d="M7 11V7a5 5 0 0 1 10 0v4"/></svg>`;case`Mail`:return`<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="20" height="16" x="2" y="4" rx="2"/><path d="m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7"/></svg>`;case`Home`:return`<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m3 9 9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"/><polyline points="9 22 9 12 15 12 15 22"/></svg>`;case`Star`:return`<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg>`;case`CreditCard`:return`<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="22" height="16" x="1" y="4" rx="2" ry="2"/><line x1="1" x2="23" y1="10" y2="10"/></svg>`;case`Settings`:case`Gear`:return`<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="3"/><path d="M12 1v2M12 21v2M4.22 4.22l1.42 1.42M18.36 18.36l1.42 1.42M1 12h2M21 12h2M4.22 19.78l1.42-1.42M18.36 5.64l1.42-1.42"/></svg>`;case`Heart`:return`<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"/></svg>`;case`ShoppingBag`:return`<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M6 2 3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4z"/><line x1="3" x2="21" y1="6" y2="6"/><path d="M16 10a4 4 0 0 1-8 0"/></svg>`;case`Phone`:return`<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="14" height="20" x="5" y="2" rx="2" ry="2"/><line x1="12" x2="12.01" y1="18" y2="18"/></svg>`;case`Calendar`:return`<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="18" height="18" x="3" y="4" rx="2" ry="2"/><line x1="16" x2="16" y1="2" y2="6"/><line x1="8" x2="8" y1="2" y2="6"/><line x1="3" x2="21" y1="10" y2="10"/></svg>`;case`Clock`:return`<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><polyline points="12 6 12 12 16 14"/></svg>`;case`Edit`:case`Pencil`:return`<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z"/></svg>`;case`Trash`:return`<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18"/><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"/><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"/></svg>`;case`Plus`:return`<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="12" x2="12" y1="5" y2="19"/><line x1="5" x2="19" y1="12" y2="12"/></svg>`;case`Minus`:return`<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="5" x2="19" y1="12" y2="12"/></svg>`;case`X`:case`Close`:return`<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="18" x2="6" y1="6" y2="18"/><line x1="6" x2="18" y1="6" y2="18"/></svg>`;case`Menu`:return`<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="4" x2="20" y1="12" y2="12"/><line x1="4" x2="20" y1="6" y2="6"/><line x1="4" x2="20" y1="18" y2="18"/></svg>`;case`Eye`:return`<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"/><circle cx="12" cy="12" r="3"/></svg>`;case`Bell`:return`<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9"/><path d="M13.73 21a2 2 0 0 1-3.46 0"/></svg>`;case`Filter`:return`<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polygon points="22 3 2 3 10 12.46 10 19 14 21 14 12.46 22 3"/></svg>`;case`Globe`:return`<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><line x1="2" x2="22" y1="12" y2="12"/><path d="M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z"/></svg>`;case`BarChart2`:case`Chart`:return`<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="18" x2="18" y1="20" y2="10"/><line x1="12" x2="12" y1="20" y2="4"/><line x1="6" x2="6" y1="20" y2="14"/></svg>`;case`PieChart`:return`<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21.21 15.89A10 10 0 1 1 8 2.83"/><path d="M22 12A10 10 0 0 0 12 2v10z"/></svg>`;case`Activity`:return`<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 12h-4l-3 9L9 3l-3 9H2"/></svg>`;case`Package`:return`<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m7.5 4.27 9 5.15"/><path d="M21 8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16Z"/><path d="m3.3 7 8.7 5 8.7-5"/><path d="M12 22V12"/></svg>`;case`Truck`:return`<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M14 18V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v11a1 1 0 0 0 1 1h2"/><path d="M15 18H9"/><path d="M19 18h2a1 1 0 0 0 1-1v-3.65a1 1 0 0 0-.22-.624l-3.48-4.35A1 1 0 0 0 17.52 8H14"/><circle cx="17" cy="18.5" r="2.5"/><circle cx="7" cy="18.5" r="2.5"/></svg>`;case`Coins`:return`<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="8" cy="8" r="6"/><path d="M18.09 10.37A6 6 0 1 1 10.34 18"/><path d="M7 6h1v4"/><path d="m16.71 13.88.7.71-2.82 2.82"/></svg>`;case`ShieldCheck`:return`<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z"/><path d="m9 12 2 2 4-4"/></svg>`;case`CheckCircle2`:return`<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><path d="m9 12 2 2 4-4"/></svg>`;case`AlertTriangle`:return`<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3Z"/><line x1="12" x2="12" y1="9" y2="13"/><line x1="12" x2="12.01" y1="17" y2="17"/></svg>`;case`Github`:return`<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M15 22v-4a4.8 4.8 0 0 0-1-3.5c3 0 6-2 6-5.5.08-1.25-.27-2.48-1-3.5.28-1.15.28-2.35 0-3.5 0 0-1 0-3 1.5-2.64-.5-5.36-.5-8 0C6 2 5 2 5 2c-.3 1.15-.3 2.35 0 3.5A5.403 5.403 0 0 0 4 9c0 3.5 3 5.5 6 5.5-.39.49-.68 1.05-.85 1.65-.17.6-.22 1.23-.15 1.85v4"/><path d="M9 18c-4.51 2-5-2-7-2"/></svg>`;case`Twitter`:return`<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 4s-.7 2.1-2 3.4c1.6 10-9.4 17.3-18 11.6 2.2.1 4.4-.6 6-2C3 15.5.5 9.6 3 5c2.2 2.6 5.6 4.1 9 4-.9-4.2 4-6.6 7-3.8 1.1 0 3-1.2 3-1.2z"/></svg>`;case`Linkedin`:return`<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z"/><rect width="4" height="12" x="2" y="9"/><circle cx="4" cy="4" r="2"/></svg>`;case`Wand2`:return`<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m21.64 3.64-1.28-1.28a1.21 1.21 0 0 0-1.72 0L2.36 18.64a1.21 1.21 0 0 0 0 1.72l1.28 1.28a1.21 1.21 0 0 0 1.72 0L21.64 5.36a1.21 1.21 0 0 0 0-1.72Z"/><path d="m14 7 3 3"/></svg>`;case`Palette`:return`<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="13.5" cy="6.5" r=".5" fill="currentColor"/><circle cx="17.5" cy="10.5" r=".5" fill="currentColor"/><circle cx="8.5" cy="7.5" r=".5" fill="currentColor"/><circle cx="6.5" cy="12.5" r=".5" fill="currentColor"/><path d="M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10c.926 0 1.648-.746 1.648-1.688 0-.437-.18-.835-.437-1.125-.29-.289-.438-.652-.438-1.125a1.64 1.64 0 0 1 1.668-1.668h1.996c3.051 0 5.555-2.503 5.555-5.554C21.965 6.012 17.461 2 12 2z"/></svg>`;default:return`<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/></svg>`}}function Fc(e){if(!e||e===`none`)return null;switch(e){case`ArrowRight`:return`Icons.arrow_forward`;case`ArrowLeft`:return`Icons.arrow_back`;case`Sparkles`:return`Icons.auto_awesome`;case`Zap`:return`Icons.bolt`;case`Send`:return`Icons.send`;case`Check`:return`Icons.check`;case`Search`:return`Icons.search`;case`Download`:return`Icons.download`;default:return`Icons.circle`}}function Ic(e){if(!e||e===`none`)return null;switch(e){case`ArrowRight`:return`arrow.right`;case`ArrowLeft`:return`arrow.left`;case`Sparkles`:return`sparkles`;case`Zap`:return`bolt.fill`;case`Send`:return`paperplane.fill`;case`Check`:return`checkmark`;case`Search`:return`magnifyingglass`;case`Download`:return`arrow.down.circle`;default:return`circle`}}function Lc(e,t){if(!e)return`// No active page selected`;let n=Ac(e.name)+`Screen`,r=e.settings?.backgroundColor||`#ffffff`,i=Math.max(e.settings?.minHeight||900,900),a=e.elements||[],o=e=>e.replace(/\*\//g,`* /`).replace(/-->/g,`-- >`).replace(/\n/g,` `);switch(t){case`react-tailwind`:{let e=a.map(e=>{let t=e.styles.backgroundColor||`transparent`,n=e.styles.textColor||`#1d1d1f`,r=e.styles.borderRadius??0,i=e.styles.fontSize||14,a=e.styles.fontWeight||`500`,s=e.styles.borderWidth||0,c=e.styles.borderColor||`#e5e5ea`,l=e.styles.borderStyle||`solid`,u=Math.abs(e.width-e.height)<=6,d=u?0:10,f=u?0:16,p=e.styles.paddingTop??d,m=e.styles.paddingRight??f,h=e.styles.paddingBottom??d,g=e.styles.paddingLeft??f,_=e.content.icon,v=e.content.iconPosition||`left`,y=Nc(_),b=e.content.label===void 0?e.content.title||e.content.text||e.content.headline||(e.type===`button`||e.type===`submitButton`?`Button`:``):e.content.label,x=String(b).replace(/\{/g,`{'{'}`).replace(/\}/g,`{'}'}`),S=String(e.content.url||e.content.src||`https://images.unsplash.com/photo-1618005182384-a83a8bd57fbe?w=800`),C=``;e.styles.fontFamily&&(C+=`\n            fontFamily: '${e.styles.fontFamily}',`),e.styles.letterSpacing&&(C+=`\n            letterSpacing: ${e.styles.letterSpacing},`),e.styles.lineHeight&&(C+=`\n            lineHeight: ${e.styles.lineHeight},`),e.styles.backgroundGradient&&(C+=`\n            background: '${e.styles.backgroundGradient}',`),e.styles.shadow&&(C+=`\n            boxShadow: '${e.styles.shadow}',`),e.styles.backdropBlur&&(C+=`\n            backdropFilter: 'blur(${e.styles.backdropBlur}px)',`);let w=e.styles.backgroundGradient?``:`backgroundColor: '${t}',\n            `;if(e.type===`image`)return`        {/* ${o(e.name)} */}
+        <img
+          src="${S}"
+          alt="${x||o(e.name)}"
+          style={{
+            position: 'absolute',
+            left: ${Math.round(e.x)},
+            top: ${Math.round(e.y)},
+            width: ${Math.round(e.width)},
+            height: ${Math.round(e.height)},
+            borderRadius: ${r},
+            ${s?`border: '${s}px ${l} ${c}',\n            `:``}transform: 'rotate(${e.rotation||0}deg)',
+            zIndex: ${e.zIndex||1},${C}
+          }}
+          className="object-cover shadow-sm"
+        />`;if(e.type===`button`||e.type===`submitButton`)return`        {/* ${o(e.name)} */}
+        <button
+          type="button"
+          style={{
+            position: 'absolute',
+            left: ${Math.round(e.x)},
+            top: ${Math.round(e.y)},
+            width: ${Math.round(e.width)},
+            height: ${Math.round(e.height)},
+            ${w}color: '${n}',
+            borderRadius: ${r},
+            fontSize: ${i},
+            fontWeight: ${typeof a==`number`?a:`'${a}'`},
+            padding: '${p}px ${m}px ${h}px ${g}px',
+            ${s?`border: '${s}px ${l} ${c}',\n            `:`border: 'none',
+            `}transform: 'rotate(${e.rotation||0}deg)',
+            zIndex: ${e.zIndex||1},${C}
+          }}
+          className="inline-flex items-center justify-center gap-2 cursor-pointer transition-all hover:brightness-105 active:scale-[0.98] shadow-sm select-none"
+        >
+          ${y&&v===`left`?y:``}
+          ${x?`<span>${x}</span>`:``}
+          ${y&&v===`right`?y:``}
+        </button>`;if(e.type===`heading`||e.type===`paragraph`||e.type===`text`)return`        {/* ${o(e.name)} */}
+        <div
+          style={{
+            position: 'absolute',
+            left: ${Math.round(e.x)},
+            top: ${Math.round(e.y)},
+            width: ${Math.round(e.width)},
+            height: ${Math.round(e.height)},
+            color: '${n}',
+            fontSize: ${i},
+            fontWeight: ${typeof a==`number`?a:`'${a}'`},
+            textAlign: '${e.styles.textAlign||`left`}',
+            transform: 'rotate(${e.rotation||0}deg)',
+            zIndex: ${e.zIndex||1},${C}
+          }}
+          className="flex items-center select-none overflow-hidden"
+        >
+          <span>${x}</span>
+        </div>`;if(e.type===`switch`||e.type===`toggleSwitch`||e.type===`toggle`)return`        {/* ${o(e.name)} */}
+        <div
+          style={{
+            position: 'absolute',
+            left: ${Math.round(e.x)},
+            top: ${Math.round(e.y)},
+            width: ${Math.round(e.width)},
+            height: ${Math.round(e.height)},
+            ${w}color: '${n}',
+            borderRadius: ${r},
+            ${s?`border: '${s}px ${l} ${c}',\n            `:``}padding: '0 16px',
+            transform: 'rotate(${e.rotation||0}deg)',
+            zIndex: ${e.zIndex||1},${C}
+          }}
+          className="flex items-center justify-between shadow-sm select-none"
+        >
+          <span className="text-sm font-medium">${x||`Toggle`}</span>
+          <div className="w-11 h-6 rounded-full bg-[#34c759] flex items-center justify-end p-0.5 transition-colors">
+            <div className="w-5 h-5 rounded-full bg-white shadow-md" />
+          </div>
+        </div>`;if(e.type===`navbar`){let i=e.content.brandName||`Brand`;return`        {/* ${o(e.name)} */}
+        <nav
+          style={{
+            position: 'absolute',
+            left: ${Math.round(e.x)},
+            top: ${Math.round(e.y)},
+            width: ${Math.round(e.width)},
+            height: ${Math.round(e.height)},
+            backgroundColor: '${t===`transparent`?`#ffffff`:t}',
+            color: '${n}',
+            borderRadius: ${r||12},
+            ${s?`border: '${s}px ${l} ${c}',\n            `:``}transform: 'rotate(${e.rotation||0}deg)',
+            zIndex: ${e.zIndex||1},${C}
+          }}
+          className="flex items-center justify-between px-6 shadow-sm select-none"
+        >
+          <div className="flex items-center gap-8">
+            <span className="font-bold text-sm text-[#1d1d1f]">${i}</span>
+            <div className="flex items-center gap-5 text-xs text-[#6e6e73]">
+              ${[`Features`,`Pricing`,`Docs`].map(e=>`<span>${e}</span>`).join(`
+              `)}
+            </div>
+          </div>
+          <button type="button" className="px-3.5 py-1.5 rounded-lg bg-[#0071e3] text-white text-xs font-semibold">
+            Get Started
+          </button>
+        </nav>`}if(e.type===`searchBar`){let n=e.content.placeholder||`Search anything...`;return`        {/* ${o(e.name)} */}
+        <div
+          style={{
+            position: 'absolute',
+            left: ${Math.round(e.x)},
+            top: ${Math.round(e.y)},
+            width: ${Math.round(e.width)},
+            height: ${Math.round(e.height)},
+            backgroundColor: '${t===`transparent`?`#ffffff`:t}',
+            borderRadius: ${r||12},
+            ${s?`border: '${s}px ${l} ${c}',\n            `:`border: '1px solid #e5e5ea',
+            `}transform: 'rotate(${e.rotation||0}deg)',
+            zIndex: ${e.zIndex||1},${C}
+          }}
+          className="flex items-center gap-2.5 px-3.5 shadow-sm select-none"
+        >
+          <svg className="w-4 h-4 text-[#86868b] shrink-0" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2"><circle cx="11" cy="11" r="8"/><path d="m21 21-4.3-4.3"/></svg>
+          <input
+            type="text"
+            placeholder="${n}"
+            className="w-full bg-transparent text-sm text-[#1d1d1f] placeholder-[#86868b] focus:outline-none"
+            readOnly
+          />
+        </div>`}if(e.type===`lineChart`||e.type===`chart`){let n=e.content.title||`Revenue Growth`;return`        {/* ${o(e.name)} */}
+        <div
+          style={{
+            position: 'absolute',
+            left: ${Math.round(e.x)},
+            top: ${Math.round(e.y)},
+            width: ${Math.round(e.width)},
+            height: ${Math.round(e.height)},
+            backgroundColor: '${t===`transparent`?`#ffffff`:t}',
+            borderRadius: ${r||16},
+            ${s?`border: '${s}px ${l} ${c}',\n            `:`border: '1px solid #e5e5ea',
+            `}padding: '18px 20px',
+            transform: 'rotate(${e.rotation||0}deg)',
+            zIndex: ${e.zIndex||1},${C}
+          }}
+          className="flex flex-col justify-between shadow-sm select-none"
+        >
+          <div className="flex items-center justify-between">
+            <span className="font-bold text-sm text-[#1d1d1f]">${n}</span>
+            <span className="px-2 py-0.5 rounded-full text-[10px] font-bold bg-[#34c759]/10 text-[#34c759]">+18.4%</span>
+          </div>
+          <svg viewBox="0 0 400 140" className="w-full h-32 my-auto overflow-visible">
+            <defs>
+              <linearGradient id="chartGrad_${Math.round(e.x)}" x1="0" y1="0" x2="0" y2="1">
+                <stop offset="0%" stopColor="#0071e3" stopOpacity="0.25" />
+                <stop offset="100%" stopColor="#0071e3" stopOpacity="0" />
+              </linearGradient>
+            </defs>
+            <line x1="0" y1="25" x2="400" y2="25" stroke="#f4f4f6" strokeDasharray="3 3" />
+            <line x1="0" y1="65" x2="400" y2="65" stroke="#f4f4f6" strokeDasharray="3 3" />
+            <line x1="0" y1="105" x2="400" y2="105" stroke="#f4f4f6" strokeDasharray="3 3" />
+            <path d="M 0 100 Q 70 60, 140 85 T 280 40 T 400 20 L 400 135 L 0 135 Z" fill="url(#chartGrad_${Math.round(e.x)})" />
+            <path d="M 0 100 Q 70 60, 140 85 T 280 40 T 400 20" fill="none" stroke="#0071e3" strokeWidth="3" strokeLinecap="round" />
+            <circle cx="140" cy="85" r="4" fill="#0071e3" stroke="#ffffff" strokeWidth="2" />
+            <circle cx="280" cy="40" r="4" fill="#0071e3" stroke="#ffffff" strokeWidth="2" />
+            <circle cx="400" cy="20" r="4" fill="#0071e3" stroke="#ffffff" strokeWidth="2" />
+          </svg>
+          <div className="flex justify-between text-[10px] text-[#86868b]">
+            <span>Jan</span><span>Feb</span><span>Mar</span><span>Apr</span><span>May</span><span>Jun</span>
+          </div>
+        </div>`}return`        {/* ${o(e.name)} */}
+        <div
+          style={{
+            position: 'absolute',
+            left: ${Math.round(e.x)},
+            top: ${Math.round(e.y)},
+            width: ${Math.round(e.width)},
+            height: ${Math.round(e.height)},
+            ${w}color: '${n}',
+            borderRadius: ${r},
+            ${s?`border: '${s}px ${l} ${c}',\n            `:``}padding: '${p}px ${m}px ${h}px ${g}px',
+            transform: 'rotate(${e.rotation||0}deg)',
+            zIndex: ${e.zIndex||1},${C}
+          }}
+          className="box-border flex items-center justify-center shadow-sm"
+        >
+          ${x?`<span>${x}</span>`:``}
+        </div>`}).join(`
+
+`);return`import React from 'react';
+
+// ============================================================
+// ${n} - Generated by Cyrus Dev Mode 2.0
+// Screen Dimensions: 1440px width x ${i}px height
+// Total Elements: ${a.length}
+// ============================================================
+
+export default function ${n}() {
+  return (
+    <main className="relative w-full min-h-screen bg-[${r}] flex justify-center overflow-x-hidden">
+      <div 
+        style={{
+          position: 'relative',
+          width: '100%',
+          maxWidth: 1440,
+          minHeight: ${i},
+          backgroundColor: '${r}',
+        }}
+        className="relative overflow-hidden shadow-xl"
+      >
+${e}
+      </div>
+    </main>
+  );
+}`}case`flutter`:{let e=jc(r,`const Color(0xFFFFFFFF)`),t=a.map(e=>{let t=jc(e.styles.backgroundColor,`Colors.transparent`),n=jc(e.styles.textColor,`const Color(0xFF1D1D1F)`),r=e.styles.borderRadius??0,i=e.styles.fontSize||14,a=e.styles.borderWidth||0,s=jc(e.styles.borderColor,`const Color(0xFFE5E5EA)`),c=e.styles.paddingTop??10,l=e.styles.paddingRight??16,u=e.styles.paddingBottom??10,d=e.styles.paddingLeft??16,f=e.content.icon,p=e.content.iconPosition||`left`,m=Fc(f),h=e.content.label===void 0?e.content.title||e.content.text||e.content.headline||``:e.content.label,g=String(h).replace(/'/g,`\\'`).replace(/\$/g,`\\$`),_=String(e.content.url||e.content.src||`https://images.unsplash.com/photo-1618005182384-a83a8bd57fbe?w=800`),v=`color: ${n}, fontSize: ${i}.0, fontWeight: FontWeight.w600`;e.styles.fontFamily&&(v+=`, fontFamily: '${e.styles.fontFamily}'`),e.styles.letterSpacing&&(v+=`, letterSpacing: ${e.styles.letterSpacing}`),e.styles.lineHeight&&(v+=`, height: ${e.styles.lineHeight}`);let y=``;if(e.styles.backgroundGradient){let t=e.styles.backgroundGradient.match(/linear-gradient\(([^,]+),\s*(.+)\)/);if(t){let e=t[2].split(`,`).map(e=>jc(e.trim(),`Colors.transparent`)).join(`, `);y+=`gradient: LinearGradient(colors: [${e}]), `}}else y+=`color: ${t}, `;if(e.type===`image`)return`            // ${o(e.name)}
+            Positioned(
+              left: ${Math.round(e.x)}.0,
+              top: ${Math.round(e.y)}.0,
+              width: ${Math.round(e.width)}.0,
+              height: ${Math.round(e.height)}.0,
+              child: ClipRRect(
+                borderRadius: BorderRadius.circular(${r}.0),
+                child: Image.network(
+                  '${_}',
+                  fit: BoxFit.cover,
+                  errorBuilder: (context, error, stackTrace) => Container(color: Colors.grey.shade300),
+                ),
+              ),
+            ),`;if(e.type===`button`||e.type===`submitButton`){let t=[];return m&&p===`left`&&t.push(`Icon(${m}, size: 16.0, color: ${n})`),m&&g&&t.push(`const SizedBox(width: 8.0)`),g&&t.push(`Flexible(child: Text('${g}', overflow: TextOverflow.ellipsis, maxLines: 2, style: TextStyle(${v})))`),m&&p===`right`&&t.push(`Icon(${m}, size: 16.0, color: ${n})`),`            // ${o(e.name)}
+            Positioned(
+              left: ${Math.round(e.x)}.0,
+              top: ${Math.round(e.y)}.0,
+              width: ${Math.round(e.width)}.0,
+              height: ${Math.round(e.height)}.0,
+              child: Container(
+                padding: const EdgeInsets.only(top: ${c}.0, right: ${l}.0, bottom: ${u}.0, left: ${d}.0),
+                decoration: BoxDecoration(
+                  ${y}borderRadius: BorderRadius.circular(${r}.0),
+                  ${a>0?`border: Border.all(color: ${s}, width: ${a}.0),`:``}
+                ),
+                child: Center(
+                  child: Row(
+                    mainAxisSize: MainAxisSize.min,
+                    mainAxisAlignment: MainAxisAlignment.center,
+                    children: [
+                      ${t.join(`,
+                      `)}
+                    ],
+                  ),
+                ),
+              ),
+            ),`}return`            // ${o(e.name)}
+            Positioned(
+              left: ${Math.round(e.x)}.0,
+              top: ${Math.round(e.y)}.0,
+              width: ${Math.round(e.width)}.0,
+              height: ${Math.round(e.height)}.0,
+              child: Container(
+                padding: const EdgeInsets.only(top: ${c}.0, right: ${l}.0, bottom: ${u}.0, left: ${d}.0),
+                decoration: BoxDecoration(
+                  ${y}borderRadius: BorderRadius.circular(${r}.0),
+                  ${a>0?`border: Border.all(color: ${s}, width: ${a}.0),`:``}
+                ),
+                child: Align(
+                  alignment: Alignment.centerLeft,
+                  child: Text(
+                    '${g}',
+                    style: TextStyle(${v}),
+                  ),
+                ),
+              ),
+            ),`}).join(`
+
+`);return`import 'package:flutter/material.dart';
+
+// ============================================================
+// ${n} - Generated by Cyrus Dev Mode 2.0
+// Total Layers: ${a.length} | Canvas: 1440x${i}
+// ============================================================
+
+class ${n} extends StatelessWidget {
+  const ${n}({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      backgroundColor: ${e},
+      body: SingleChildScrollView(
+        child: Center(
+          child: SizedBox(
+            width: 1440.0,
+            height: ${i}.0,
+            child: Stack(
+              children: [
+${t}
+              ],
+            ),
+          ),
+        ),
+      ),
+    );
+  }
+}`}case`swiftui`:{let e=Mc(r,`Color.white`),t=a.map(e=>{let t=Mc(e.styles.backgroundColor,`Color.clear`),n=Mc(e.styles.textColor,`Color(red: 0.11, green: 0.11, blue: 0.12)`),r=e.styles.borderRadius??0,i=e.styles.fontSize||14,a=e.styles.borderWidth||0,s=Mc(e.styles.borderColor,`Color(red: 0.90, green: 0.90, blue: 0.92)`),c=e.content.icon,l=e.content.iconPosition||`left`,u=Ic(c),d=e.content.label===void 0?e.content.title||e.content.text||e.content.headline||``:e.content.label,f=String(d).replace(/"/g,`\\"`).replace(/\\/g,`\\\\`),p=String(e.content.url||e.content.src||`https://images.unsplash.com/photo-1618005182384-a83a8bd57fbe?w=800`),m=Math.round(e.x+e.width/2),h=Math.round(e.y+e.height/2),g=`.font(.system(size: ${i}, weight: .semibold))`;e.styles.fontFamily&&(g=`.font(.custom("${e.styles.fontFamily}", size: ${i}))`);let _=``;return e.styles.letterSpacing&&(_=`\n                            .tracking(${e.styles.letterSpacing})`),e.type===`image`?`                // ${o(e.name)}
+                AsyncImage(url: URL(string: "${p}")) { image in
+                    image.resizable().aspectRatio(contentMode: .fill)
+                } placeholder: {
+                    Rectangle().foregroundColor(Color.gray.opacity(0.2))
+                }
+                .frame(width: ${Math.round(e.width)}, height: ${Math.round(e.height)})
+                .cornerRadius(${r})
+                .position(x: ${m}, y: ${h})`:e.type===`button`||e.type===`submitButton`?`                // ${o(e.name)}
+                Button(action: {}) {
+                    HStack(spacing: 8) {
+                        ${u&&l===`left`?`Image(systemName: "${u}")\n                        `:``}${f?`Text("${f}")\n                            ${g}\n                            .foregroundColor(${n})${_}`:``}${u&&l===`right`?`\n                        Image(systemName: "${u}")`:``}
+                    }
+                    .frame(width: ${Math.round(e.width)}, height: ${Math.round(e.height)})
+                    .background(${t})
+                    .cornerRadius(${r})
+                    ${a>0?`.overlay(RoundedRectangle(cornerRadius: ${r}).stroke(${s}, lineWidth: ${a}))\n                    `:``}
+                }
+                .position(x: ${m}, y: ${h})`:`                // ${o(e.name)}
+                Text("${f}")
+                    ${g}
+                    .foregroundColor(${n})${_}
+                    .frame(width: ${Math.round(e.width)}, height: ${Math.round(e.height)}, alignment: .leading)
+                    .position(x: ${m}, y: ${h})`}).join(`
+
+`);return`import SwiftUI
+
+// ============================================================
+// ${n} - Generated by Cyrus Dev Mode 2.0
+// Total Layers: ${a.length} | Dimensions: 1440x${i}
+// ============================================================
+
+struct ${n}: View {
+    var body: some View {
+        ScrollView([.horizontal, .vertical]) {
+            ZStack(alignment: .topLeading) {
+                ${e}
+                    .frame(width: 1440, height: ${i})
+                
+${t}
+            }
+            .frame(width: 1440, height: ${i})
+        }
+    }
+}`}case`html-css`:{let t=a.map(e=>{let t=`layer-`+e.id.replace(/[^a-zA-Z0-9_]/g,`_`),n=e.content.icon,r=e.content.iconPosition||`left`,i=Pc(n),a=e.content.label===void 0?e.content.title||e.content.text||e.content.headline||(e.type===`button`||e.type===`submitButton`?`Button`:``):e.content.label,s=String(a).replace(/"/g,`&quot;`);if(String(e.content.url||e.content.src||`https://images.unsplash.com/photo-1618005182384-a83a8bd57fbe?w=800`),e.type===`hero`){let n=e.content.title||`Build Faster`,r=e.content.subtitle||``,i=e.content.buttonText||`Get Started`,a=e.content.badge||``;return`      <!-- ${o(e.name)} -->
+      <div class="layer ${t}" style="display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; gap:16px;">
+        ${a?`<div style="font-size:12px; font-weight:600; padding:4px 12px; background:rgba(0,113,227,0.1); color:#0071e3; border-radius:999px;">${a}</div>`:``}
+        <h1 style="font-size:36px; font-weight:700; margin:0; color:inherit;">${n}</h1>
+        ${r?`<p style="font-size:16px; opacity:0.8; margin:0; max-width:600px;">${r}</p>`:``}
+        <div style="display:flex; gap:12px; margin-top:8px;">
+          <button type="button" style="padding:10px 20px; background:#0071e3; color:#fff; border:none; border-radius:10px; font-size:14px; font-weight:600; cursor:pointer;">${i}</button>
+        </div>
+      </div>`}if(e.type===`navbar`){let n=e.content.brandName||`Studio`,r=Array.isArray(e.content.links)?e.content.links:[`Features`,`Pricing`,`Docs`],i=e.content.ctaLabel||`Get Started`;return`      <!-- ${o(e.name)} -->
+      <div class="layer ${t}" style="display:flex; align-items:center; justify-content:space-between;">
+        <div style="font-size:18px; font-weight:700;">${n}</div>
+        <div style="display:flex; gap:20px; font-size:14px; opacity:0.8;">
+          ${r.map(e=>`<a href="#" style="color:inherit; text-decoration:none;">${e}</a>`).join(`
+          `)}
+        </div>
+        <button type="button" style="padding:8px 16px; background:#0071e3; color:#fff; border:none; border-radius:8px; font-size:13px; font-weight:600; cursor:pointer;">${i}</button>
+      </div>`}if(e.type===`mobileHeader`||e.type===`headerNav`){let n=e.content.title||`Header`,r=e.content.actionLabel||`Save`,i=e.content.showBack!==!1;return`      <!-- ${o(e.name)} -->
+      <div class="layer ${t}" style="display:flex; align-items:center; justify-content:space-between;">
+        ${i?`<div style="display:flex; align-items:center; gap:4px; font-size:14px; color:#0071e3; cursor:pointer;"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="15 18 9 12 15 6"/></svg><span>Back</span></div>`:`<div/>`}
+        <div style="font-size:16px; font-weight:600;">${n}</div>
+        <div style="font-size:14px; font-weight:600; color:#0071e3; cursor:pointer;">${r}</div>
+      </div>`}if(e.type===`bottomNav`||e.type===`tabBar`){let n=Array.isArray(e.content.tabs)?e.content.tabs:[{label:`Home`,icon:`Home`},{label:`Search`,icon:`Search`},{label:`Activity`,icon:`Activity`},{label:`Profile`,icon:`User`}];return`      <!-- ${o(e.name)} -->
+      <div class="layer ${t}" style="display:flex; align-items:center; justify-content:space-around;">
+        ${n.map(e=>`<div style="display:flex; flex-direction:column; align-items:center; gap:2px; font-size:11px; font-weight:500; cursor:pointer;">
+            ${Pc(e.icon||`Home`)||`<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="8"/></svg>`}
+            <span>${e.label}</span>
+          </div>`).join(`
+        `)}
+      </div>`}if(e.type===`cta`){let n=e.content.title||`Ready to elevate your workflow?`,r=e.content.subtitle||``,i=e.content.buttonText||`Get Started Free`;return`      <!-- ${o(e.name)} -->
+      <div class="layer ${t}" style="display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; gap:12px;">
+        <h2 style="font-size:24px; font-weight:700; margin:0; color:inherit;">${n}</h2>
+        ${r?`<p style="font-size:14px; opacity:0.8; margin:0;">${r}</p>`:``}
+        <button type="button" style="margin-top:8px; padding:10px 20px; background:#ffffff; color:#0071e3; border:none; border-radius:10px; font-size:14px; font-weight:600; cursor:pointer;">${i}</button>
+      </div>`}return e.type===`button`||e.type===`submitButton`?`      <!-- ${o(e.name)} -->\n      <button type="button" class="layer ${t}">\n        ${i&&r===`left`?i+`
+        `:``}${s?`<span>${s}</span>`:``}${i&&r===`right`?`
+        `+i:``}\n      </button>`:`      <!-- ${o(e.name)} -->\n      <div class="layer ${t}">\n        ${s?`<span>${s}</span>`:``}\n      </div>`}).join(`
+
+`),n=a.map(e=>{let t=`layer-`+e.id.replace(/[^a-zA-Z0-9_]/g,`_`),n=e.styles.backgroundColor||`transparent`,r=e.styles.textColor||`#1d1d1f`,i=e.styles.borderRadius??0,a=e.styles.fontSize||14,o=e.styles.fontWeight||`500`,s=e.styles.borderWidth||0,c=e.styles.borderColor||`#e5e5ea`,l=e.styles.borderStyle||`solid`,u=Math.abs(e.width-e.height)<=6,d=u?0:10,f=u?0:16,p=e.styles.paddingTop??d,m=e.styles.paddingRight??f,h=e.styles.paddingBottom??d,g=e.styles.paddingLeft??f,_=``;return e.styles.fontFamily&&(_+=`\n      font-family: ${e.styles.fontFamily};`),e.styles.letterSpacing&&(_+=`\n      letter-spacing: ${e.styles.letterSpacing}px;`),e.styles.lineHeight&&(_+=`\n      line-height: ${e.styles.lineHeight};`),e.styles.backgroundGradient?_+=`\n      background: ${e.styles.backgroundGradient};`:_+=`\n      background-color: ${n};`,e.styles.shadow&&(_+=`\n      box-shadow: ${e.styles.shadow};`),e.styles.backdropBlur&&(_+=`\n      backdrop-filter: blur(${e.styles.backdropBlur}px);`),`    .${t} {
+      left: ${Math.round(e.x)}px;
+      top: ${Math.round(e.y)}px;
+      width: ${Math.round(e.width)}px;
+      height: ${Math.round(e.height)}px;${_}
+      color: ${r};
+      border-radius: ${i}px;
+      font-size: ${a}px;
+      font-weight: ${o};
+      padding: ${p}px ${m}px ${h}px ${g}px;
+      ${s>0?`border: ${s}px ${l} ${c};`:`border: none;`}
+      transform: rotate(${e.rotation||0}deg);
+      z-index: ${e.zIndex||1};
+    }`}).join(`
+
+`);return`<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>${e.name}</title>
+  <style>
+    * { box-sizing: border-box; }
+    body {
+      margin: 0;
+      padding: 0;
+      background-color: ${r};
+      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
+      display: flex;
+      justify-content: center;
+    }
+    .screen-canvas {
+      position: relative;
+      width: 1440px;
+      min-height: ${i}px;
+      background-color: ${r};
+      overflow: hidden;
+      box-shadow: 0 20px 40px rgba(0,0,0,0.08);
+    }
+    .layer {
+      position: absolute;
+      box-sizing: border-box;
+      display: inline-flex;
+      align-items: center;
+      justify-content: center;
+      gap: 8px;
+    }
+    button.layer {
+      cursor: pointer;
+      transition: all 0.15s ease;
+    }
+    button.layer:hover {
+      filter: brightness(1.05);
+    }
+    button.layer:active {
+      transform: scale(0.98);
+    }
+    img.layer {
+      object-fit: cover;
+    }
+
+${n}
+  </style>
+</head>
+<body>
+  <div class="screen-canvas">
+${t}
+  </div>
+</body>
+</html>`}}}var W=`C:/Users/Shadow/Desktop/cyrus/src/editor/properties/DevModeInspector.tsx`;function Rc(e){let t=e.replace(/[^a-zA-Z0-9_]/g,``);return(!t||/^[0-9]/.test(t))&&(t=`Widget_`+t),t.charAt(0).toUpperCase()+t.slice(1)}function zc(e,t=`const Color(0xFF0071E3)`){if(!e||e===`transparent`)return`Colors.transparent`;let n=e.replace(`#`,``).trim();return n.length===3&&(n=n.split(``).map(e=>e+e).join(``)),n.length===6?`const Color(0xFF`+n.toUpperCase()+`)`:n.length===8?`const Color(0x`+n.toUpperCase()+`)`:t}function Bc(e,t=`Color(red: 0.0, green: 0.44, blue: 0.89)`){if(!e||e===`transparent`)return`Color.clear`;let n=e.replace(`#`,``).trim();if(n.length===3&&(n=n.split(``).map(e=>e+e).join(``)),n.length===6){let e=parseInt(n,16),t=(e>>16&255)/255,r=(e>>8&255)/255,i=(e&255)/255;return`Color(red: `+t.toFixed(2)+`, green: `+r.toFixed(2)+`, blue: `+i.toFixed(2)+`)`}return t}function Vc({element:e}){let{addToast:t}=Vr(),n=A(e=>e.setDevMode),r=M(e=>e.activeProject?.pages.find(t=>t.id===e.activePageId)||e.activeProject?.pages[0]),[i,a]=(0,k.useState)(`react-tailwind`),[o,s]=(0,k.useState)(e?`element`:`page`),[c,l]=(0,k.useState)(!1),u=e?o:`page`,d=(0,k.useMemo)(()=>{if(u===`page`||!e)return Lc(r,i);let{type:t,name:n,width:a,height:o,styles:s,content:c}=e,l=Rc(n),d=s.backgroundColor||`#0071e3`,f=s.textColor||`#ffffff`,p=s.borderRadius??8,m=Math.abs(a-o)<=6,h=m?0:10,g=m?0:16,_=s.paddingTop??h,v=s.paddingRight??g,y=s.paddingBottom??h,b=s.paddingLeft??g,x=s.fontSize||14,S=s.fontWeight||`500`,C=s.borderWidth||0,w=s.borderColor||`#e5e5ea`,ee=s.borderStyle||`solid`,te=c.icon,T=c.iconPosition||`left`,ne=Nc(te),re=Fc(te),ie=Ic(te),ae=Pc(te),oe=c.label===void 0?c.title||c.text||c.headline||(t===`button`||t===`submitButton`?`Button`:``):c.label,se=String(oe).replace(/"/g,`\\"`).replace(/'/g,`\\'`),ce=String(c.url||c.src||`https://images.unsplash.com/photo-1618005182384-a83a8bd57fbe?w=800`);switch(i){case`react-tailwind`:return t===`image`?`import React from 'react';
+
+interface `+l+`Props {
+  className?: string;
+  alt?: string;
+}
+
+export function `+l+`({ className = '', alt = '`+(se||l)+`' }: `+l+`Props) {
+  return (
+    <img
+      src="`+ce+`"
+      alt={alt}
+      style={{
+        width: `+Math.round(a)+`,
+        height: `+Math.round(o)+`,
+        borderRadius: `+p+`,
+        `+(C>0?`border: '`+C+`px `+ee+` `+w+`',
+        `:``)+`objectFit: 'cover',
+      }}
+      className={\`shadow-sm \${className}\`}
+    />
+  );
+}`:t===`button`||t===`submitButton`?`import React from 'react';
+
+interface `+l+`Props {
+  onClick?: () => void;
+  children?: React.ReactNode;
+  disabled?: boolean;
+}
+
+export function `+l+`({ onClick, children, disabled = false }: `+l+`Props) {
+  return (
+    <button
+      type="button"
+      onClick={onClick}
+      disabled={disabled}
+      style={{
+        width: `+Math.round(a)+`,
+        height: `+Math.round(o)+`,
+        backgroundColor: '`+d+`',
+        color: '`+f+`',
+        borderRadius: `+p+`,
+        fontSize: `+x+`,
+        fontWeight: '`+S+`',
+        padding: '`+_+`px `+v+`px `+y+`px `+b+`px',
+        `+(C>0?`border: '`+C+`px `+ee+` `+w+`',
+        `:`border: 'none',
+        `)+`boxSizing: 'border-box',
+      }}
+      className="inline-flex items-center justify-center gap-2 cursor-pointer transition-all hover:brightness-105 active:scale-[0.98] shadow-sm select-none"
+    >
+      `+(ne&&T===`left`?ne+`
+      `:``)+`{children || `+(se?`"`+se+`"`:`null`)+`}`+(ne&&T===`right`?`
+      `+ne:``)+`
+    </button>
+  );
+}`:t===`heading`?`import React from 'react';
+
+interface `+l+`Props {
+  children?: React.ReactNode;
+  className?: string;
+}
+
+export function `+l+`({ children, className = '' }: `+l+`Props) {
+  return (
+    <h2
+      style={{
+        width: `+Math.round(a)+`,
+        height: `+Math.round(o)+`,
+        color: '`+f+`',
+        fontSize: `+x+`,
+        fontWeight: '`+S+`',
+        textAlign: '`+(s.textAlign||`left`)+`',
+      }}
+      className={\`flex items-center select-none overflow-hidden \${className}\`}
+    >
+      {children || "`+(se||l)+`"}
+    </h2>
+  );
+}`:`import React from 'react';
+
+interface `+l+`Props {
+  children?: React.ReactNode;
+  className?: string;
+}
+
+export function `+l+`({ children, className = '' }: `+l+`Props) {
+  return (
+    <div
+      style={{
+        width: `+Math.round(a)+`,
+        height: `+Math.round(o)+`,
+        backgroundColor: '`+d+`',
+        color: '`+f+`',
+        borderRadius: `+p+`,
+        `+(C>0?`border: '`+C+`px `+ee+` `+w+`',
+        `:``)+`padding: '`+_+`px `+v+`px `+y+`px `+b+`px',
+        boxSizing: 'border-box',
+      }}
+      className={\`flex items-center justify-center shadow-sm \${className}\`}
+    >
+      {children || `+(se?`"`+se+`"`:`null`)+`}
+    </div>
+  );
+}`;case`flutter`:{let e=zc(d,`Colors.transparent`),n=zc(f,`const Color(0xFF1D1D1F)`),r=zc(w,`const Color(0xFFE5E5EA)`);if(t===`image`)return`import 'package:flutter/material.dart';
+
+class `+l+` extends StatelessWidget {
+  final String? imageUrl;
+
+  const `+l+`({super.key, this.imageUrl});
+
+  @override
+  Widget build(BuildContext context) {
+    return ClipRRect(
+      borderRadius: BorderRadius.circular(`+p+`.0),
+      child: Image.network(
+        imageUrl ?? '`+ce+`',
+        width: `+Math.round(a)+`.0,
+        height: `+Math.round(o)+`.0,
+        fit: BoxFit.cover,
+        errorBuilder: (context, error, stackTrace) => Container(
+          width: `+Math.round(a)+`.0,
+          height: `+Math.round(o)+`.0,
+          color: Colors.grey.shade300,
+          child: const Icon(Icons.broken_image, color: Colors.grey),
+        ),
+      ),
+    );
+  }
+}`;let i=[];return re&&T===`left`&&i.push(`Icon(`+re+`, size: 16.0, color: `+n+`)`),re&&se&&i.push(`const SizedBox(width: 8.0)`),se&&i.push(`Text('`+se+`', style: TextStyle(color: `+n+`, fontSize: `+x+`.0, fontWeight: FontWeight.w600))`),re&&T===`right`&&i.push(`Icon(`+re+`, size: 16.0, color: `+n+`)`),`import 'package:flutter/material.dart';
+
+class `+l+` extends StatelessWidget {
+  final VoidCallback? onTap;
+
+  const `+l+`({super.key, this.onTap});
+
+  @override
+  Widget build(BuildContext context) {
+    return GestureDetector(
+      onTap: onTap,
+      child: Container(
+        width: `+Math.round(a)+`.0,
+        height: `+Math.round(o)+`.0,
+        padding: const EdgeInsets.only(
+          top: `+_+`.0,
+          right: `+v+`.0,
+          bottom: `+y+`.0,
+          left: `+b+`.0,
+        ),
+        decoration: BoxDecoration(
+          color: `+e+`,
+          borderRadius: BorderRadius.circular(`+p+`.0),
+          `+(C>0?`border: Border.all(color: `+r+`, width: `+C+`.0),`:``)+`
+        ),
+        child: Center(
+          child: Row(
+            mainAxisSize: MainAxisSize.min,
+            mainAxisAlignment: MainAxisAlignment.center,
+            children: [
+              `+i.join(`,
+              `)+`
+            ],
+          ),
+        ),
+      ),
+    );
+  }
+}`}case`swiftui`:{let e=Bc(d),n=Bc(f,`Color(red: 0.11, green: 0.11, blue: 0.12)`),r=Bc(w,`Color(red: 0.90, green: 0.90, blue: 0.92)`);return t===`image`?`import SwiftUI
+
+struct `+l+`: View {
+    var imageUrl: String = "`+ce+`"
+    
+    var body: some View {
+        AsyncImage(url: URL(string: imageUrl)) {
+            $0.resizable()
+              .aspectRatio(contentMode: .fill)
+        } placeholder: {
+            Rectangle()
+                .foregroundColor(Color.gray.opacity(0.3))
+        }
+        .frame(width: `+Math.round(a)+`, height: `+Math.round(o)+`)
+        .cornerRadius(`+p+`)
+        .clipped()
+    }
+}`:`import SwiftUI
+
+struct `+l+`: View {
+    var action: (() -> Void)? = nil
+    
+    var body: some View {
+        Button(action: { action?() }) {
+            HStack(spacing: 8) {
+                `+(ie&&T===`left`?`Image(systemName: "`+ie+`")
+                `:``)+(se?`Text("`+se+`")
+                    .font(.system(size: `+x+`, weight: .semibold))
+                    .foregroundColor(`+n+`)`:``)+(ie&&T===`right`?`
+                Image(systemName: "`+ie+`")`:``)+`
+            }
+            .frame(width: `+Math.round(a)+`, height: `+Math.round(o)+`)
+            .background(`+e+`)
+            .cornerRadius(`+p+`)
+            `+(C>0?`.overlay(RoundedRectangle(cornerRadius: `+p+`).stroke(`+r+`, lineWidth: `+C+`))
+            `:``)+`}
+        .buttonStyle(PlainButtonStyle())
+    }
+}`}case`html-css`:{let e=t===`image`,n=t===`button`||t===`submitButton`,r=t===`heading`,i=l.toLowerCase()+`-widget`;if(e)return`<style>
+.`+i+` {
+  width: `+Math.round(a)+`px;
+  height: `+Math.round(o)+`px;
+  border-radius: `+p+`px;
+  `+(C>0?`border: `+C+`px `+ee+` `+w+`;
+  `:``)+`object-fit: cover;
+  display: block;
+}
+</style>
+
+<img src="`+ce+`" alt="`+(se||l)+`" class="`+i+`" />`;let s=n?`button`:r?`h2`:`div`;return`<style>
+.`+i+` {
+  width: `+Math.round(a)+`px;
+  height: `+Math.round(o)+`px;
+  background-color: `+d+`;
+  color: `+f+`;
+  border-radius: `+p+`px;
+  padding: `+_+`px `+v+`px `+y+`px `+b+`px;
+  font-size: `+x+`px;
+  font-weight: `+S+`;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: 8px;
+  box-sizing: border-box;
+  `+(C>0?`border: `+C+`px `+ee+` `+w+`;
+  `:`border: none;
+  `)+`cursor: `+(n?`pointer`:`default`)+`;
+  transition: all 0.15s ease;
+}
+.`+i+`:hover {
+  filter: brightness(1.05);
+}
+.`+i+`:active {
+  transform: scale(0.98);
+}
+</style>
+
+<`+s+` `+(n?`type="button" `:``)+`class="`+i+`">
+  `+(ae&&T===`left`?ae+`
+  `:``)+(se?`<span>`+se+`</span>`:``)+(ae&&T===`right`?`
+  `+ae:``)+`
+</`+s+`>`}}},[e,r,u,i]),f=()=>{navigator.clipboard.writeText(d),l(!0),t(u===`page`?`Full page code copied ✓`:`Element code copied ✓`,`success`),setTimeout(()=>l(!1),2e3)},p=e?.styles.paddingTop??12,m=e?.styles.paddingRight??16,h=e?.styles.paddingBottom??12,g=e?.styles.paddingLeft??16,_=u===`page`?i===`react-tailwind`?Rc(r?.name||`Page`)+`Screen.tsx`:i===`flutter`?Rc(r?.name||`Page`).toLowerCase()+`_screen.dart`:i===`swiftui`?Rc(r?.name||`Page`)+`View.swift`:`index.html`:i===`react-tailwind`?Rc(e?.name||`Widget`)+`.tsx`:i===`flutter`?Rc(e?.name||`Widget`).toLowerCase()+`_widget.dart`:i===`swiftui`?Rc(e?.name||`Widget`)+`View.swift`:`styles.css`;return(0,j.jsxDEV)(`div`,{className:`flex flex-col h-full text-[12px] bg-white dark:bg-[#1c1c1e] text-[#1d1d1f] dark:text-[#f5f5f7]`,children:[(0,j.jsxDEV)(`div`,{className:`px-3.5 py-2 bg-[#34c759]/10 border-b border-[#34c759]/20 flex items-center justify-between shrink-0`,children:[(0,j.jsxDEV)(`div`,{className:`flex items-center gap-1.5 text-[#34c759] text-[11.5px] font-bold`,children:[(0,j.jsxDEV)(`span`,{className:`w-2 h-2 rounded-full bg-[#34c759] animate-pulse`},void 0,!1,{fileName:W,lineNumber:225,columnNumber:11},this),`Dev Mode 2.0`]},void 0,!0,{fileName:W,lineNumber:224,columnNumber:9},this),(0,j.jsxDEV)(`div`,{className:`flex items-center gap-2`,children:[(0,j.jsxDEV)(`span`,{className:`px-2 py-0.5 rounded bg-white/80 dark:bg-black/60 font-mono text-[10px] text-[#34c759] font-bold`,children:u===`page`?`Full Page`:e?.type||`Layer`},void 0,!1,{fileName:W,lineNumber:229,columnNumber:11},this),(0,j.jsxDEV)(`button`,{type:`button`,onClick:()=>n(!1),className:`p-1 rounded-md text-[#86868b] hover:text-[#1d1d1f] dark:hover:text-white hover:bg-black/10 dark:hover:bg-white/10 transition-colors cursor-pointer`,title:`Exit Dev Mode (Back to Design Properties)`,children:(0,j.jsxDEV)(ln,{className:`w-3.5 h-3.5`},void 0,!1,{fileName:W,lineNumber:238,columnNumber:13},this)},void 0,!1,{fileName:W,lineNumber:232,columnNumber:11},this)]},void 0,!0,{fileName:W,lineNumber:228,columnNumber:9},this)]},void 0,!0,{fileName:W,lineNumber:223,columnNumber:7},this),(0,j.jsxDEV)(`div`,{className:`p-2 border-b border-[#f4f4f6] dark:border-[#38383a] bg-[#fbfbfd] dark:bg-[#252528] shrink-0`,children:(0,j.jsxDEV)(`div`,{className:`grid grid-cols-2 gap-1 p-0.5 rounded-lg bg-[#e5e5ea] dark:bg-[#1c1c1e]`,children:[(0,j.jsxDEV)(`button`,{type:`button`,disabled:!e,onClick:()=>s(`element`),className:D(`flex items-center justify-center gap-1.5 py-1.5 rounded-md text-[11px] font-bold transition-all cursor-pointer select-none`,u===`element`?`bg-white dark:bg-[#2c2c2e] text-[#0071e3] dark:text-[#0a84ff] shadow-xs`:`text-[#86868b] hover:text-[#1d1d1f] dark:hover:text-white disabled:opacity-40 disabled:cursor-not-allowed`),title:e?`Inspect code for selected layer only`:`Select a canvas layer first to inspect`,children:[(0,j.jsxDEV)(hr,{className:`w-3.5 h-3.5`},void 0,!1,{fileName:W,lineNumber:258,columnNumber:13},this),(0,j.jsxDEV)(`span`,{children:`Selected Layer`},void 0,!1,{fileName:W,lineNumber:259,columnNumber:13},this)]},void 0,!0,{fileName:W,lineNumber:246,columnNumber:11},this),(0,j.jsxDEV)(`button`,{type:`button`,onClick:()=>s(`page`),className:D(`flex items-center justify-center gap-1.5 py-1.5 rounded-md text-[11px] font-bold transition-all cursor-pointer select-none`,u===`page`?`bg-white dark:bg-[#2c2c2e] text-[#34c759] shadow-xs`:`text-[#86868b] hover:text-[#1d1d1f] dark:hover:text-white`),title:`Generate full pixel-perfect production code for the entire screen`,children:[(0,j.jsxDEV)(Je,{className:`w-3.5 h-3.5`},void 0,!1,{fileName:W,lineNumber:273,columnNumber:13},this),(0,j.jsxDEV)(`span`,{children:[`Full Page (`,r?.elements.length||0,`)`]},void 0,!0,{fileName:W,lineNumber:274,columnNumber:13},this)]},void 0,!0,{fileName:W,lineNumber:262,columnNumber:11},this)]},void 0,!0,{fileName:W,lineNumber:245,columnNumber:9},this)},void 0,!1,{fileName:W,lineNumber:244,columnNumber:7},this),u===`element`&&e?(0,j.jsxDEV)(`div`,{className:`p-3.5 border-b border-[#f4f4f6] dark:border-[#38383a] space-y-2 shrink-0`,children:[(0,j.jsxDEV)(`div`,{className:`flex items-center justify-between`,children:[(0,j.jsxDEV)(`span`,{className:`font-bold text-[13px] text-[#1d1d1f] dark:text-white truncate max-w-[180px]`,children:e.name},void 0,!1,{fileName:W,lineNumber:283,columnNumber:13},this),(0,j.jsxDEV)(`span`,{className:`font-mono text-[11px] text-[#86868b]`,children:[Math.round(e.width),` × `,Math.round(e.height),` px`]},void 0,!0,{fileName:W,lineNumber:286,columnNumber:13},this)]},void 0,!0,{fileName:W,lineNumber:282,columnNumber:11},this),(0,j.jsxDEV)(`div`,{className:`p-2.5 rounded-xl bg-[#fbfbfd] dark:bg-[#2c2c2e] border border-[#e5e5ea] dark:border-[#38383a]`,children:[(0,j.jsxDEV)(`div`,{className:`text-center text-[9px] font-bold text-[#86868b] uppercase tracking-wider mb-1`,children:`CSS Box Model`},void 0,!1,{fileName:W,lineNumber:293,columnNumber:13},this),(0,j.jsxDEV)(`div`,{className:`relative border-2 border-dashed border-[#0071e3]/40 rounded-lg p-2 bg-[#0071e3]/5 text-center`,children:[(0,j.jsxDEV)(`span`,{className:`absolute top-0.5 left-1/2 -translate-x-1/2 text-[9px] font-mono text-[#0071e3]`,children:[`padding-top: `,p,`px`]},void 0,!0,{fileName:W,lineNumber:297,columnNumber:15},this),(0,j.jsxDEV)(`span`,{className:`absolute left-1 top-1/2 -translate-y-1/2 text-[9px] font-mono text-[#0071e3]`,children:[g,`px`]},void 0,!0,{fileName:W,lineNumber:300,columnNumber:15},this),(0,j.jsxDEV)(`span`,{className:`absolute right-1 top-1/2 -translate-y-1/2 text-[9px] font-mono text-[#0071e3]`,children:[m,`px`]},void 0,!0,{fileName:W,lineNumber:303,columnNumber:15},this),(0,j.jsxDEV)(`span`,{className:`absolute bottom-0.5 left-1/2 -translate-x-1/2 text-[9px] font-mono text-[#0071e3]`,children:[`padding-bottom: `,h,`px`]},void 0,!0,{fileName:W,lineNumber:306,columnNumber:15},this),(0,j.jsxDEV)(`div`,{className:`my-3 py-1.5 px-3 rounded bg-white dark:bg-[#1c1c1e] shadow-2xs border border-[#e5e5ea] dark:border-[#48484a] inline-block font-mono text-[11px] font-bold text-[#1d1d1f] dark:text-white`,children:[Math.round(e.width),` × `,Math.round(e.height)]},void 0,!0,{fileName:W,lineNumber:310,columnNumber:15},this)]},void 0,!0,{fileName:W,lineNumber:296,columnNumber:13},this)]},void 0,!0,{fileName:W,lineNumber:292,columnNumber:11},this)]},void 0,!0,{fileName:W,lineNumber:281,columnNumber:9},this):(0,j.jsxDEV)(`div`,{className:`p-3 border-b border-[#f4f4f6] dark:border-[#38383a] bg-[#fbfbfd] dark:bg-[#2c2c2e] flex items-center justify-between shrink-0`,children:[(0,j.jsxDEV)(`div`,{children:[(0,j.jsxDEV)(`div`,{className:`font-bold text-[12.5px] text-[#1d1d1f] dark:text-white`,children:[r?.name||`Page`,` Screen`]},void 0,!0,{fileName:W,lineNumber:319,columnNumber:13},this),(0,j.jsxDEV)(`div`,{className:`text-[10.5px] text-[#86868b]`,children:[r?.elements.length||0,` layers • Canvas: 1440 × `,r?.settings?.minHeight||900,`px`]},void 0,!0,{fileName:W,lineNumber:322,columnNumber:13},this)]},void 0,!0,{fileName:W,lineNumber:318,columnNumber:11},this),(0,j.jsxDEV)(`div`,{className:`flex items-center gap-1`,children:[(0,j.jsxDEV)(`span`,{className:`w-3.5 h-3.5 rounded-full border border-[#e5e5ea] dark:border-[#48484a]`,style:{backgroundColor:r?.settings?.backgroundColor||`#ffffff`}},void 0,!1,{fileName:W,lineNumber:327,columnNumber:13},this),(0,j.jsxDEV)(`span`,{className:`font-mono text-[10.5px] text-[#86868b]`,children:r?.settings?.backgroundColor||`#ffffff`},void 0,!1,{fileName:W,lineNumber:328,columnNumber:13},this)]},void 0,!0,{fileName:W,lineNumber:326,columnNumber:11},this)]},void 0,!0,{fileName:W,lineNumber:317,columnNumber:9},this),(0,j.jsxDEV)(`div`,{className:`p-3 space-y-2.5 flex-1 flex flex-col min-h-0`,children:[(0,j.jsxDEV)(`div`,{className:`flex items-center justify-between shrink-0`,children:[(0,j.jsxDEV)(`span`,{className:`text-[11px] font-semibold text-[#86868b] uppercase tracking-wider`,children:u===`page`?`Full Screen Code`:`Component Code`},void 0,!1,{fileName:W,lineNumber:336,columnNumber:11},this),(0,j.jsxDEV)(`button`,{type:`button`,onClick:f,className:`flex items-center gap-1 px-2.5 py-1 rounded-lg bg-[#34c759] text-white text-[11px] font-bold hover:bg-[#2fb350] active:scale-95 transition-all cursor-pointer shadow-2xs`,children:[c?(0,j.jsxDEV)(Mr,{className:`w-3.5 h-3.5`},void 0,!1,{fileName:W,lineNumber:344,columnNumber:23},this):(0,j.jsxDEV)(sn,{className:`w-3.5 h-3.5`},void 0,!1,{fileName:W,lineNumber:344,columnNumber:59},this),c?`Copied`:`Copy Code`]},void 0,!0,{fileName:W,lineNumber:339,columnNumber:11},this)]},void 0,!0,{fileName:W,lineNumber:335,columnNumber:9},this),(0,j.jsxDEV)(`div`,{className:`grid grid-cols-4 gap-1 p-1 rounded-lg bg-[#f4f4f6] dark:bg-[#2c2c2e] shrink-0`,children:[`react-tailwind`,`flutter`,`swiftui`,`html-css`].map(e=>(0,j.jsxDEV)(`button`,{type:`button`,onClick:()=>a(e),className:D(`py-1 rounded text-[10px] font-bold text-center transition-all cursor-pointer`,i===e?`bg-white dark:bg-[#1c1c1e] text-[#34c759] shadow-2xs`:`text-[#86868b] hover:text-[#1d1d1f] dark:hover:text-white`),children:e===`react-tailwind`?`React`:e===`flutter`?`Flutter`:e===`swiftui`?`SwiftUI`:`HTML/CSS`},e,!1,{fileName:W,lineNumber:352,columnNumber:13},this))},void 0,!1,{fileName:W,lineNumber:350,columnNumber:9},this),(0,j.jsxDEV)(`div`,{className:`relative flex-1 min-h-[200px] rounded-xl overflow-hidden bg-[#1e1e1e] border border-[#38383a] flex flex-col`,children:[(0,j.jsxDEV)(`div`,{className:`px-3 py-1.5 bg-[#252526] border-b border-[#38383a] flex items-center justify-between text-[10.5px] font-mono text-[#8e8e93] shrink-0`,children:[(0,j.jsxDEV)(`span`,{children:_},void 0,!1,{fileName:W,lineNumber:371,columnNumber:13},this),(0,j.jsxDEV)(`span`,{className:`text-[#34c759] font-semibold`,children:`Ready to Paste`},void 0,!1,{fileName:W,lineNumber:372,columnNumber:13},this)]},void 0,!0,{fileName:W,lineNumber:370,columnNumber:11},this),(0,j.jsxDEV)(`pre`,{className:`flex-1 p-3 font-mono text-[11px] text-[#d4d4d4] overflow-x-auto overflow-y-auto leading-relaxed whitespace-pre select-text`,children:d},void 0,!1,{fileName:W,lineNumber:374,columnNumber:11},this)]},void 0,!0,{fileName:W,lineNumber:369,columnNumber:9},this)]},void 0,!0,{fileName:W,lineNumber:334,columnNumber:7},this)]},void 0,!0,{fileName:W,lineNumber:221,columnNumber:5},this)}var G=`C:/Users/Shadow/Desktop/cyrus/src/editor/properties/PropertiesInspector.tsx`;function Hc(e,t){if(!e||e===`transparent`||e.startsWith(`rgba`))return t;if(e.startsWith(`#`)){if(e.length===7)return e;if(e.length===4)return`#${e[1]}${e[1]}${e[2]}${e[2]}${e[3]}${e[3]}`}return t}var Uc=k.memo(function(){let e=M(e=>e.selectedElementIds),t=M(e=>e.updateElement),n=M(e=>e.updateElementStyles),r=M(e=>e.deleteSelectedElements),i=M(e=>e.duplicateSelectedElements),a=M(e=>e.updatePageSettings),o=M(e=>e.activeProject?.pages.find(t=>t.id===e.activePageId)||e.activeProject?.pages[0]),s=M(e=>e.activeProject);A(e=>e.isPropertiesOpen);let c=A(e=>e.isDevMode);A(e=>e.toggleDevMode);let[l,u]=(0,k.useState)({appearance:!0,layout:!0,typography:!0,animation:!0,interaction:!1,advanced:!1}),d=e=>{u(t=>({...t,[e]:!t[e]}))};if(!s||!o)return null;let f=o.elements.filter(t=>e.includes(t.id))[0];if(c)return(0,j.jsxDEV)(`aside`,{className:`w-[290px] h-full bg-white dark:bg-[#1c1c1e] border-l border-[#e5e5ea] dark:border-[#38383a] flex flex-col z-20 select-none shrink-0 overflow-y-auto animate-slide-left`,children:(0,j.jsxDEV)(Vc,{element:f||null},void 0,!1,{fileName:G,lineNumber:71,columnNumber:9},this)},void 0,!1,{fileName:G,lineNumber:70,columnNumber:7},this);if(!f){let e=o.settings.minHeight||900;return(0,j.jsxDEV)(`aside`,{className:`w-[280px] h-full bg-white dark:bg-[#1c1c1e] border-l border-[#e5e5ea] dark:border-[#38383a] flex flex-col text-[#1d1d1f] dark:text-[#f5f5f7] select-none z-20 shrink-0 overflow-y-auto no-scrollbar`,children:[(0,j.jsxDEV)(`div`,{className:`h-[46px] px-3.5 border-b border-[#e5e5ea] dark:border-[#38383a] flex items-center justify-between font-semibold text-[12.5px] shrink-0`,children:[(0,j.jsxDEV)(`div`,{className:`flex items-center gap-1.5`,children:(0,j.jsxDEV)(`span`,{children:`Page & Canvas`},void 0,!1,{fileName:G,lineNumber:84,columnNumber:13},this)},void 0,!1,{fileName:G,lineNumber:83,columnNumber:11},this),(0,j.jsxDEV)(`div`,{className:`flex items-center gap-2`,children:(0,j.jsxDEV)(`span`,{className:`text-[10.5px] font-mono text-[#7d2ae8] dark:text-[#9d52ff] bg-[#7d2ae8]/10 px-2 py-0.5 rounded-full truncate max-w-[100px]`,children:o.name},void 0,!1,{fileName:G,lineNumber:87,columnNumber:13},this)},void 0,!1,{fileName:G,lineNumber:86,columnNumber:11},this)]},void 0,!0,{fileName:G,lineNumber:82,columnNumber:9},this),(0,j.jsxDEV)(`div`,{className:`p-3.5 space-y-4 text-[12px]`,children:[(0,j.jsxDEV)(`div`,{className:`space-y-2`,children:[(0,j.jsxDEV)(`div`,{className:`flex items-center justify-between font-medium`,children:[(0,j.jsxDEV)(`span`,{className:`text-[#1d1d1f] dark:text-[#f5f5f7]`,children:`Page Height (Canvas Scroll)`},void 0,!1,{fileName:G,lineNumber:97,columnNumber:15},this),(0,j.jsxDEV)(`span`,{className:`text-[11px] font-mono text-[#6e6e73] dark:text-[#8e8e93]`,children:[e,`px`]},void 0,!0,{fileName:G,lineNumber:98,columnNumber:15},this)]},void 0,!0,{fileName:G,lineNumber:96,columnNumber:13},this),(0,j.jsxDEV)(`div`,{className:`relative flex items-center`,children:[(0,j.jsxDEV)(`input`,{type:`number`,min:500,max:1e4,step:50,value:e,onChange:e=>a(o.id,{minHeight:Number(e.target.value)}),className:`w-full h-8 px-2.5 bg-[#f4f4f6] dark:bg-[#2c2c2e] text-[12px] text-[#1d1d1f] dark:text-[#f5f5f7] rounded-lg border border-transparent focus:border-[#7d2ae8] outline-none font-mono`},void 0,!1,{fileName:G,lineNumber:104,columnNumber:15},this),(0,j.jsxDEV)(`span`,{className:`absolute right-3 text-[11px] text-[#86868b] pointer-events-none`,children:`px`},void 0,!1,{fileName:G,lineNumber:113,columnNumber:15},this)]},void 0,!0,{fileName:G,lineNumber:103,columnNumber:13},this),(0,j.jsxDEV)(`div`,{className:`grid grid-cols-3 gap-1.5 pt-1`,children:[{label:`Standard`,h:900},{label:`Long`,h:1600},{label:`Landing`,h:2400}].map(t=>(0,j.jsxDEV)(`button`,{type:`button`,onClick:()=>a(o.id,{minHeight:t.h}),className:D(`py-1 rounded-md text-[11px] font-medium border transition-all cursor-pointer`,e===t.h?`bg-[#7d2ae8]/10 border-[#7d2ae8] text-[#7d2ae8] dark:text-[#9d52ff] font-bold`:`bg-[#f4f4f6] dark:bg-[#2c2c2e] border-transparent text-[#6e6e73] dark:text-[#8e8e93] hover:text-[#1d1d1f] dark:hover:text-white`),children:t.label},t.h,!1,{fileName:G,lineNumber:123,columnNumber:17},this))},void 0,!1,{fileName:G,lineNumber:117,columnNumber:13},this),(0,j.jsxDEV)(`p`,{className:`text-[10.5px] text-[#86868b] dark:text-[#636366] pt-1 leading-relaxed`,children:[`💡 Drag elements down or drag the `,(0,j.jsxDEV)(`strong`,{children:`Page Height (↕)`},void 0,!1,{fileName:G,lineNumber:140,columnNumber:49},this),` handle at the bottom of the canvas to extend page height.`]},void 0,!0,{fileName:G,lineNumber:139,columnNumber:13},this)]},void 0,!0,{fileName:G,lineNumber:95,columnNumber:11},this),(0,j.jsxDEV)(`div`,{className:`space-y-2 pt-3 border-t border-[#e5e5ea] dark:border-[#38383a]`,children:(0,j.jsxDEV)(`div`,{className:`flex items-center justify-between font-medium`,children:[(0,j.jsxDEV)(`span`,{className:`text-[#1d1d1f] dark:text-[#f5f5f7]`,children:`Artboard Fill Color`},void 0,!1,{fileName:G,lineNumber:147,columnNumber:15},this),(0,j.jsxDEV)(`div`,{className:`flex items-center gap-1.5`,children:[(0,j.jsxDEV)(`input`,{type:`color`,value:Hc(o.settings.backgroundColor,`#ffffff`),onChange:e=>a(o.id,{backgroundColor:e.target.value}),className:`w-5 h-5 rounded-full border border-[#e5e5ea] dark:border-[#38383a] cursor-pointer p-0 overflow-hidden`},void 0,!1,{fileName:G,lineNumber:149,columnNumber:17},this),(0,j.jsxDEV)(`span`,{className:`text-[11px] font-mono text-[#6e6e73] dark:text-[#8e8e93]`,children:o.settings.backgroundColor||`#ffffff`},void 0,!1,{fileName:G,lineNumber:155,columnNumber:17},this)]},void 0,!0,{fileName:G,lineNumber:148,columnNumber:15},this)]},void 0,!0,{fileName:G,lineNumber:146,columnNumber:13},this)},void 0,!1,{fileName:G,lineNumber:145,columnNumber:11},this)]},void 0,!0,{fileName:G,lineNumber:93,columnNumber:9},this)]},void 0,!0,{fileName:G,lineNumber:80,columnNumber:7},this)}let p=(e,t)=>{if(!f)return;let r={[e]:t};e===`backgroundColor`&&(r.backgroundGradient=``),n(f.id,r,!0)},m=(e,n)=>{if(!f)return;let r={...f.content,[e]:n};[`text`,`label`,`placeholder`,`title`,`brandName`,`buttonText`].includes(e)&&(r.text=n,r.placeholder=n,r.label=n),t(f.id,{content:r})},h=f.type===`image`,g=f.type===`button`,_=f.type===`heading`||f.type===`paragraph`||f.type===`badge`;return(0,j.jsxDEV)(`aside`,{className:`w-[280px] h-full bg-white dark:bg-[#1c1c1e] border-l border-[#e5e5ea] dark:border-[#38383a] flex flex-col z-20 select-none shrink-0 overflow-y-auto animate-slide-left`,children:[(0,j.jsxDEV)(`div`,{className:`p-3 border-b border-[#f4f4f6] dark:border-[#38383a] flex items-center justify-between bg-[#fbfbfd] dark:bg-[#1c1c1e]`,children:[(0,j.jsxDEV)(`div`,{className:`flex items-center gap-2 min-w-0`,children:[(0,j.jsxDEV)(`div`,{className:`w-6 h-6 rounded-md bg-[#e8f2fc] dark:bg-[#0a84ff]/15 text-[#0071e3] dark:text-[#0a84ff] flex items-center justify-center shrink-0`,children:g?(0,j.jsxDEV)(Se,{className:`w-3.5 h-3.5`},void 0,!1,{fileName:G,lineNumber:205,columnNumber:25},this):_?(0,j.jsxDEV)(Nt,{className:`w-3.5 h-3.5`},void 0,!1,{fileName:G,lineNumber:206,columnNumber:23},this):h?(0,j.jsxDEV)(yr,{className:`w-3.5 h-3.5`},void 0,!1,{fileName:G,lineNumber:207,columnNumber:24},this):(0,j.jsxDEV)(dt,{className:`w-3.5 h-3.5`},void 0,!1,{fileName:G,lineNumber:207,columnNumber:64},this)},void 0,!1,{fileName:G,lineNumber:204,columnNumber:11},this),(0,j.jsxDEV)(`input`,{type:`text`,value:f.name,onChange:e=>t(f.id,{name:e.target.value}),className:`text-[13px] font-semibold text-[#1d1d1f] dark:text-[#f5f5f7] bg-transparent hover:bg-[#f4f4f6] dark:hover:bg-[#2c2c2e] focus:bg-white dark:focus:bg-[#2c2c2e] focus:border focus:border-[#0071e3] rounded px-1 py-0.5 outline-none truncate`},void 0,!1,{fileName:G,lineNumber:209,columnNumber:11},this)]},void 0,!0,{fileName:G,lineNumber:203,columnNumber:9},this),(0,j.jsxDEV)(`div`,{className:`flex items-center gap-1`,children:[(0,j.jsxDEV)(`button`,{onClick:()=>i(),className:`p-1 text-[#86868b] dark:text-[#636366] hover:text-[#1d1d1f] dark:hover:text-[#f5f5f7] hover:bg-[#f4f4f6] dark:hover:bg-[#2c2c2e] rounded transition-colors`,title:`Duplicate (⌘D)`,children:(0,j.jsxDEV)(sn,{className:`w-3.5 h-3.5`},void 0,!1,{fileName:G,lineNumber:223,columnNumber:13},this)},void 0,!1,{fileName:G,lineNumber:218,columnNumber:11},this),(0,j.jsxDEV)(`button`,{onClick:()=>r(),className:`p-1 text-[#86868b] dark:text-[#636366] hover:text-[#ff3b30] hover:bg-[#ff3b30]/10 rounded transition-colors`,title:`Delete (⌫)`,children:(0,j.jsxDEV)(x,{className:`w-3.5 h-3.5`},void 0,!1,{fileName:G,lineNumber:230,columnNumber:13},this)},void 0,!1,{fileName:G,lineNumber:225,columnNumber:11},this)]},void 0,!0,{fileName:G,lineNumber:217,columnNumber:9},this)]},void 0,!0,{fileName:G,lineNumber:202,columnNumber:7},this),(0,j.jsxDEV)(`div`,{className:`border-b border-[#f4f4f6] dark:border-[#38383a]`,children:[(0,j.jsxDEV)(`button`,{onClick:()=>d(`appearance`),className:`w-full px-3.5 py-2.5 flex items-center justify-between text-[12px] font-semibold text-[#1d1d1f] dark:text-[#f5f5f7] hover:bg-[#fbfbfd] dark:hover:bg-[#2c2c2e] transition-colors`,children:[(0,j.jsxDEV)(`span`,{children:`Appearance`},void 0,!1,{fileName:G,lineNumber:241,columnNumber:11},this),l.appearance?(0,j.jsxDEV)(qe,{className:`w-3.5 h-3.5 text-[#86868b]`},void 0,!1,{fileName:G,lineNumber:242,columnNumber:38},this):(0,j.jsxDEV)(pe,{className:`w-3.5 h-3.5 text-[#86868b]`},void 0,!1,{fileName:G,lineNumber:242,columnNumber:95},this)]},void 0,!0,{fileName:G,lineNumber:237,columnNumber:9},this),l.appearance&&(0,j.jsxDEV)(`div`,{className:`px-3.5 pb-3 space-y-2.5 text-[12px]`,children:[h&&(0,j.jsxDEV)(`div`,{className:`space-y-2 pb-1 border-b border-[#f4f4f6]`,children:[(0,j.jsxDEV)(`div`,{children:[(0,j.jsxDEV)(`span`,{className:`text-[11px] text-[#6e6e73] block mb-1`,children:`Image URL / Source`},void 0,!1,{fileName:G,lineNumber:251,columnNumber:19},this),(0,j.jsxDEV)(`input`,{type:`text`,value:String(f.content.url||f.content.src||``),onChange:e=>{m(`url`,e.target.value),m(`src`,e.target.value)},placeholder:`https://...`,className:`w-full px-2 py-1 bg-[#f4f4f6] text-[11.5px] text-[#1d1d1f] rounded-md border border-transparent focus:border-[#0071e3] focus:bg-white outline-none`},void 0,!1,{fileName:G,lineNumber:252,columnNumber:19},this)]},void 0,!0,{fileName:G,lineNumber:250,columnNumber:17},this),(0,j.jsxDEV)(`div`,{className:`flex items-center justify-between`,children:[(0,j.jsxDEV)(`span`,{className:`text-[#6e6e73]`,children:`Object Fit`},void 0,!1,{fileName:G,lineNumber:264,columnNumber:19},this),(0,j.jsxDEV)(`select`,{value:f.styles.objectFit||`cover`,onChange:e=>p(`objectFit`,e.target.value),className:`w-28 px-2 py-1 bg-[#f4f4f6] text-[11.5px] text-[#1d1d1f] rounded-md border border-transparent focus:border-[#0071e3] focus:bg-white outline-none`,children:[(0,j.jsxDEV)(`option`,{value:`cover`,children:`Cover`},void 0,!1,{fileName:G,lineNumber:270,columnNumber:21},this),(0,j.jsxDEV)(`option`,{value:`contain`,children:`Contain`},void 0,!1,{fileName:G,lineNumber:271,columnNumber:21},this),(0,j.jsxDEV)(`option`,{value:`fill`,children:`Fill`},void 0,!1,{fileName:G,lineNumber:272,columnNumber:21},this)]},void 0,!0,{fileName:G,lineNumber:265,columnNumber:19},this)]},void 0,!0,{fileName:G,lineNumber:263,columnNumber:17},this)]},void 0,!0,{fileName:G,lineNumber:249,columnNumber:15},this),!h&&(0,j.jsxDEV)(`div`,{className:`flex items-center justify-between`,children:[(0,j.jsxDEV)(`span`,{className:`text-[#6e6e73]`,children:`Fill Color`},void 0,!1,{fileName:G,lineNumber:281,columnNumber:17},this),(0,j.jsxDEV)(`div`,{className:`flex items-center gap-1.5`,children:[(0,j.jsxDEV)(`input`,{type:`color`,value:Hc(f.styles.backgroundColor,`#ffffff`),onChange:e=>p(`backgroundColor`,e.target.value),className:`w-5 h-5 rounded-full border border-[#e5e5ea] cursor-pointer p-0 overflow-hidden`},void 0,!1,{fileName:G,lineNumber:283,columnNumber:19},this),(0,j.jsxDEV)(`span`,{className:`text-[11.5px] font-mono text-[#1d1d1f]`,children:f.styles.backgroundColor||`#ffffff`},void 0,!1,{fileName:G,lineNumber:289,columnNumber:19},this)]},void 0,!0,{fileName:G,lineNumber:282,columnNumber:17},this)]},void 0,!0,{fileName:G,lineNumber:280,columnNumber:15},this),(`text`in f.content||`label`in f.content||`placeholder`in f.content||`title`in f.content||`brandName`in f.content||g||_||f.type===`searchBar`||f.type===`icon`)&&(0,j.jsxDEV)(`div`,{className:`flex items-center justify-between`,children:[(0,j.jsxDEV)(`span`,{className:`text-[#6e6e73] dark:text-[#8e8e93]`,children:f.type===`icon`?`Icon Label`:`Text Content`},void 0,!1,{fileName:G,lineNumber:299,columnNumber:17},this),(0,j.jsxDEV)(`input`,{type:`text`,placeholder:f.type===`icon`?`Add label...`:``,value:String(f.content.label??f.content.text??f.content.placeholder??f.content.title??f.content.headline??f.content.brandName??``),onChange:e=>m(f.type===`icon`?`label`:`text`,e.target.value),className:`w-36 px-2 py-1 bg-[#f4f4f6] dark:bg-[#2c2c2e] text-[12px] text-[#1d1d1f] dark:text-[#f5f5f7] rounded-md border border-transparent focus:border-[#7d2ae8] focus:bg-white dark:focus:bg-[#1c1c1e] outline-none font-medium`},void 0,!1,{fileName:G,lineNumber:302,columnNumber:17},this)]},void 0,!0,{fileName:G,lineNumber:298,columnNumber:15},this),(0,j.jsxDEV)(`div`,{className:`flex flex-col gap-1 pt-1.5 border-t border-[#f4f4f6] dark:border-[#2c2c2e]`,children:[(0,j.jsxDEV)(`div`,{className:`flex items-center justify-between text-[11px] font-medium text-[#6e6e73] dark:text-[#8e8e93]`,children:[(0,j.jsxDEV)(`span`,{children:`Destination Link`},void 0,!1,{fileName:G,lineNumber:315,columnNumber:17},this),(0,j.jsxDEV)(`span`,{className:`text-[10px] text-[#7d2ae8] dark:text-[#9d52ff]`,children:`https://...`},void 0,!1,{fileName:G,lineNumber:316,columnNumber:17},this)]},void 0,!0,{fileName:G,lineNumber:314,columnNumber:15},this),(0,j.jsxDEV)(`div`,{className:`relative flex items-center`,children:[(0,j.jsxDEV)(Hn,{className:`w-3.5 h-3.5 text-[#86868b] dark:text-[#636366] absolute left-2 pointer-events-none`},void 0,!1,{fileName:G,lineNumber:319,columnNumber:17},this),(0,j.jsxDEV)(`input`,{type:`text`,value:f.content?.href||f.content?.linkUrl||f.interactions?.[0]?.target||``,onChange:e=>{let n=e.target.value,r=f.interactions?.[0]||{id:`inter_${Date.now()}`,trigger:`onClick`,action:`openUrl`};t(f.id,{interactions:[{...r,action:`openUrl`,target:n}],content:{...f.content,href:n,linkUrl:n}})},placeholder:`Paste link (e.g. https://google.com)`,className:`w-full h-7 pl-7 pr-2 bg-[#f4f4f6] dark:bg-[#2c2c2e] text-[11.5px] text-[#1d1d1f] dark:text-[#f5f5f7] rounded-md border border-transparent focus:border-[#7d2ae8] focus:bg-white dark:focus:bg-[#1c1c1e] outline-none`},void 0,!1,{fileName:G,lineNumber:320,columnNumber:17},this)]},void 0,!0,{fileName:G,lineNumber:318,columnNumber:15},this)]},void 0,!0,{fileName:G,lineNumber:313,columnNumber:13},this),(0,j.jsxDEV)(`div`,{className:`flex items-center justify-between`,children:[(0,j.jsxDEV)(`span`,{className:`text-[#6e6e73]`,children:`Corner Radius`},void 0,!1,{fileName:G,lineNumber:343,columnNumber:15},this),(0,j.jsxDEV)(`div`,{className:`flex items-center gap-1.5`,children:[(0,j.jsxDEV)(`input`,{type:`number`,min:`0`,max:`200`,value:f.styles.borderRadius??8,onChange:e=>p(`borderRadius`,Number(e.target.value)),className:`w-16 px-2 py-1 bg-[#f4f4f6] text-[12px] text-[#1d1d1f] text-right rounded-md border border-transparent focus:border-[#0071e3] focus:bg-white outline-none`},void 0,!1,{fileName:G,lineNumber:345,columnNumber:17},this),(0,j.jsxDEV)(`button`,{type:`button`,onClick:()=>p(`borderRadius`,999),className:`px-1.5 py-0.5 text-[10px] font-medium bg-[#f4f4f6] hover:bg-[#ebebee] rounded text-[#6e6e73]`,title:`Pill Shape`,children:`Pill`},void 0,!1,{fileName:G,lineNumber:353,columnNumber:17},this)]},void 0,!0,{fileName:G,lineNumber:344,columnNumber:15},this)]},void 0,!0,{fileName:G,lineNumber:342,columnNumber:13},this),(0,j.jsxDEV)(`div`,{className:`flex items-center justify-between`,children:[(0,j.jsxDEV)(`span`,{className:`text-[#6e6e73]`,children:`Opacity`},void 0,!1,{fileName:G,lineNumber:366,columnNumber:15},this),(0,j.jsxDEV)(`div`,{className:`flex items-center gap-2`,children:[(0,j.jsxDEV)(`input`,{type:`range`,min:`0`,max:`1`,step:`0.05`,value:f.styles.opacity??1,onChange:e=>p(`opacity`,Number(e.target.value)),className:`w-20 accent-[#0071e3]`},void 0,!1,{fileName:G,lineNumber:368,columnNumber:17},this),(0,j.jsxDEV)(`span`,{className:`text-[11px] font-mono text-[#6e6e73] w-8 text-right`,children:[Math.round((f.styles.opacity??1)*100),`%`]},void 0,!0,{fileName:G,lineNumber:377,columnNumber:17},this)]},void 0,!0,{fileName:G,lineNumber:367,columnNumber:15},this)]},void 0,!0,{fileName:G,lineNumber:365,columnNumber:13},this),(0,j.jsxDEV)(`div`,{className:`flex items-center justify-between`,children:[(0,j.jsxDEV)(`span`,{className:`text-[#6e6e73]`,children:`Border`},void 0,!1,{fileName:G,lineNumber:385,columnNumber:15},this),(0,j.jsxDEV)(`div`,{className:`flex items-center gap-1.5`,children:[(0,j.jsxDEV)(`input`,{type:`number`,min:`0`,max:`20`,value:f.styles.borderWidth??0,onChange:e=>p(`borderWidth`,Number(e.target.value)),placeholder:`0px`,className:`w-12 px-1.5 py-1 bg-[#f4f4f6] text-[12px] text-[#1d1d1f] text-right rounded-md outline-none`},void 0,!1,{fileName:G,lineNumber:387,columnNumber:17},this),(0,j.jsxDEV)(`input`,{type:`color`,value:Hc(f.styles.borderColor,`#e5e5ea`),onChange:e=>p(`borderColor`,e.target.value),className:`w-5 h-5 rounded-full border border-[#e5e5ea] cursor-pointer p-0 overflow-hidden`},void 0,!1,{fileName:G,lineNumber:396,columnNumber:17},this)]},void 0,!0,{fileName:G,lineNumber:386,columnNumber:15},this)]},void 0,!0,{fileName:G,lineNumber:384,columnNumber:13},this)]},void 0,!0,{fileName:G,lineNumber:246,columnNumber:11},this)]},void 0,!0,{fileName:G,lineNumber:236,columnNumber:7},this),(0,j.jsxDEV)(`div`,{className:`border-b border-[#f4f4f6]`,children:[(0,j.jsxDEV)(`button`,{onClick:()=>d(`layout`),className:`w-full px-3.5 py-2.5 flex items-center justify-between text-[12px] font-semibold text-[#1d1d1f] hover:bg-[#fbfbfd] transition-colors`,children:[(0,j.jsxDEV)(`span`,{children:`Layout & Size`},void 0,!1,{fileName:G,lineNumber:414,columnNumber:11},this),l.layout?(0,j.jsxDEV)(qe,{className:`w-3.5 h-3.5 text-[#86868b]`},void 0,!1,{fileName:G,lineNumber:415,columnNumber:34},this):(0,j.jsxDEV)(pe,{className:`w-3.5 h-3.5 text-[#86868b]`},void 0,!1,{fileName:G,lineNumber:415,columnNumber:91},this)]},void 0,!0,{fileName:G,lineNumber:410,columnNumber:9},this),l.layout&&(0,j.jsxDEV)(`div`,{className:`px-3.5 pb-3 space-y-2.5 text-[12px]`,children:[(0,j.jsxDEV)(`div`,{className:`grid grid-cols-2 gap-2`,children:[(0,j.jsxDEV)(`div`,{children:[(0,j.jsxDEV)(`span`,{className:`text-[10.5px] text-[#86868b]`,children:`Width`},void 0,!1,{fileName:G,lineNumber:423,columnNumber:17},this),(0,j.jsxDEV)(`input`,{type:`number`,value:Math.round(f.width),onChange:e=>t(f.id,{width:Math.max(10,Number(e.target.value))}),className:`w-full mt-0.5 px-2 py-1 bg-[#f4f4f6] text-[12px] text-[#1d1d1f] rounded-md border border-transparent focus:border-[#0071e3] focus:bg-white outline-none`},void 0,!1,{fileName:G,lineNumber:424,columnNumber:17},this)]},void 0,!0,{fileName:G,lineNumber:422,columnNumber:15},this),(0,j.jsxDEV)(`div`,{children:[(0,j.jsxDEV)(`span`,{className:`text-[10.5px] text-[#86868b]`,children:`Height`},void 0,!1,{fileName:G,lineNumber:432,columnNumber:17},this),(0,j.jsxDEV)(`input`,{type:`number`,value:Math.round(f.height),onChange:e=>t(f.id,{height:Math.max(10,Number(e.target.value))}),className:`w-full mt-0.5 px-2 py-1 bg-[#f4f4f6] text-[12px] text-[#1d1d1f] rounded-md border border-transparent focus:border-[#0071e3] focus:bg-white outline-none`},void 0,!1,{fileName:G,lineNumber:433,columnNumber:17},this)]},void 0,!0,{fileName:G,lineNumber:431,columnNumber:15},this)]},void 0,!0,{fileName:G,lineNumber:421,columnNumber:13},this),(0,j.jsxDEV)(`div`,{className:`pt-1.5 border-t border-[#f4f4f6] dark:border-[#2c2c2e]`,children:[(0,j.jsxDEV)(`span`,{className:`text-[10.5px] text-[#86868b] block mb-1`,children:`Padding (px)`},void 0,!1,{fileName:G,lineNumber:444,columnNumber:15},this),(0,j.jsxDEV)(`div`,{className:`grid grid-cols-2 gap-1.5`,children:[(0,j.jsxDEV)(`div`,{children:[(0,j.jsxDEV)(`span`,{className:`text-[9.5px] text-[#86868b]`,children:`Top`},void 0,!1,{fileName:G,lineNumber:447,columnNumber:19},this),(0,j.jsxDEV)(`input`,{type:`number`,min:`0`,max:`200`,value:f.styles.paddingTop??f.autoLayout?.paddingTop??0,onChange:e=>{let n=Number(e.target.value);p(`paddingTop`,n),f.autoLayout&&t(f.id,{autoLayout:{...f.autoLayout,paddingTop:n}})},className:`w-full mt-0.5 px-2 py-1 bg-[#f4f4f6] dark:bg-[#2c2c2e] text-[12px] text-[#1d1d1f] dark:text-[#f5f5f7] rounded-md outline-none`},void 0,!1,{fileName:G,lineNumber:448,columnNumber:19},this)]},void 0,!0,{fileName:G,lineNumber:446,columnNumber:17},this),(0,j.jsxDEV)(`div`,{children:[(0,j.jsxDEV)(`span`,{className:`text-[9.5px] text-[#86868b]`,children:`Right`},void 0,!1,{fileName:G,lineNumber:466,columnNumber:19},this),(0,j.jsxDEV)(`input`,{type:`number`,min:`0`,max:`200`,value:f.styles.paddingRight??f.autoLayout?.paddingRight??0,onChange:e=>{let n=Number(e.target.value);p(`paddingRight`,n),f.autoLayout&&t(f.id,{autoLayout:{...f.autoLayout,paddingRight:n}})},className:`w-full mt-0.5 px-2 py-1 bg-[#f4f4f6] dark:bg-[#2c2c2e] text-[12px] text-[#1d1d1f] dark:text-[#f5f5f7] rounded-md outline-none`},void 0,!1,{fileName:G,lineNumber:467,columnNumber:19},this)]},void 0,!0,{fileName:G,lineNumber:465,columnNumber:17},this),(0,j.jsxDEV)(`div`,{children:[(0,j.jsxDEV)(`span`,{className:`text-[9.5px] text-[#86868b]`,children:`Bottom`},void 0,!1,{fileName:G,lineNumber:485,columnNumber:19},this),(0,j.jsxDEV)(`input`,{type:`number`,min:`0`,max:`200`,value:f.styles.paddingBottom??f.autoLayout?.paddingBottom??0,onChange:e=>{let n=Number(e.target.value);p(`paddingBottom`,n),f.autoLayout&&t(f.id,{autoLayout:{...f.autoLayout,paddingBottom:n}})},className:`w-full mt-0.5 px-2 py-1 bg-[#f4f4f6] dark:bg-[#2c2c2e] text-[12px] text-[#1d1d1f] dark:text-[#f5f5f7] rounded-md outline-none`},void 0,!1,{fileName:G,lineNumber:486,columnNumber:19},this)]},void 0,!0,{fileName:G,lineNumber:484,columnNumber:17},this),(0,j.jsxDEV)(`div`,{children:[(0,j.jsxDEV)(`span`,{className:`text-[9.5px] text-[#86868b]`,children:`Left`},void 0,!1,{fileName:G,lineNumber:504,columnNumber:19},this),(0,j.jsxDEV)(`input`,{type:`number`,min:`0`,max:`200`,value:f.styles.paddingLeft??f.autoLayout?.paddingLeft??0,onChange:e=>{let n=Number(e.target.value);p(`paddingLeft`,n),f.autoLayout&&t(f.id,{autoLayout:{...f.autoLayout,paddingLeft:n}})},className:`w-full mt-0.5 px-2 py-1 bg-[#f4f4f6] dark:bg-[#2c2c2e] text-[12px] text-[#1d1d1f] dark:text-[#f5f5f7] rounded-md outline-none`},void 0,!1,{fileName:G,lineNumber:505,columnNumber:19},this)]},void 0,!0,{fileName:G,lineNumber:503,columnNumber:17},this)]},void 0,!0,{fileName:G,lineNumber:445,columnNumber:15},this)]},void 0,!0,{fileName:G,lineNumber:443,columnNumber:13},this)]},void 0,!0,{fileName:G,lineNumber:419,columnNumber:11},this)]},void 0,!0,{fileName:G,lineNumber:409,columnNumber:7},this),(0,j.jsxDEV)(`div`,{className:`border-b border-[#f4f4f6]`,children:[(0,j.jsxDEV)(`button`,{onClick:()=>d(`typography`),className:`w-full px-3.5 py-2.5 flex items-center justify-between text-[12px] font-semibold text-[#1d1d1f] hover:bg-[#fbfbfd] transition-colors`,children:[(0,j.jsxDEV)(`span`,{children:`Typography & Text Color`},void 0,!1,{fileName:G,lineNumber:535,columnNumber:11},this),l.typography?(0,j.jsxDEV)(qe,{className:`w-3.5 h-3.5 text-[#86868b]`},void 0,!1,{fileName:G,lineNumber:536,columnNumber:38},this):(0,j.jsxDEV)(pe,{className:`w-3.5 h-3.5 text-[#86868b]`},void 0,!1,{fileName:G,lineNumber:536,columnNumber:95},this)]},void 0,!0,{fileName:G,lineNumber:531,columnNumber:9},this),l.typography&&(0,j.jsxDEV)(`div`,{className:`px-3.5 pb-3 space-y-2.5 text-[12px]`,children:[(0,j.jsxDEV)(`div`,{className:`grid grid-cols-2 gap-2`,children:[(0,j.jsxDEV)(`div`,{children:[(0,j.jsxDEV)(`span`,{className:`text-[10.5px] text-[#86868b]`,children:`Size`},void 0,!1,{fileName:G,lineNumber:544,columnNumber:17},this),(0,j.jsxDEV)(`input`,{type:`number`,min:`8`,max:`120`,value:f.styles.fontSize??15,onChange:e=>p(`fontSize`,Number(e.target.value)),className:`w-full mt-0.5 px-2 py-1 bg-[#f4f4f6] text-[12px] text-[#1d1d1f] rounded-md outline-none`},void 0,!1,{fileName:G,lineNumber:545,columnNumber:17},this)]},void 0,!0,{fileName:G,lineNumber:543,columnNumber:15},this),(0,j.jsxDEV)(`div`,{children:[(0,j.jsxDEV)(`span`,{className:`text-[10.5px] text-[#86868b]`,children:`Weight`},void 0,!1,{fileName:G,lineNumber:555,columnNumber:17},this),(0,j.jsxDEV)(`select`,{value:f.styles.fontWeight||`400`,onChange:e=>p(`fontWeight`,e.target.value),className:`w-full mt-0.5 px-2 py-1 bg-[#f4f4f6] text-[12px] text-[#1d1d1f] rounded-md outline-none`,children:[(0,j.jsxDEV)(`option`,{value:`400`,children:`Regular`},void 0,!1,{fileName:G,lineNumber:561,columnNumber:19},this),(0,j.jsxDEV)(`option`,{value:`500`,children:`Medium`},void 0,!1,{fileName:G,lineNumber:562,columnNumber:19},this),(0,j.jsxDEV)(`option`,{value:`600`,children:`Semibold`},void 0,!1,{fileName:G,lineNumber:563,columnNumber:19},this),(0,j.jsxDEV)(`option`,{value:`700`,children:`Bold`},void 0,!1,{fileName:G,lineNumber:564,columnNumber:19},this)]},void 0,!0,{fileName:G,lineNumber:556,columnNumber:17},this)]},void 0,!0,{fileName:G,lineNumber:554,columnNumber:15},this)]},void 0,!0,{fileName:G,lineNumber:542,columnNumber:13},this),(0,j.jsxDEV)(`div`,{className:`flex items-center justify-between`,children:[(0,j.jsxDEV)(`span`,{className:`text-[#6e6e73]`,children:`Color`},void 0,!1,{fileName:G,lineNumber:571,columnNumber:15},this),(0,j.jsxDEV)(`div`,{className:`flex items-center gap-1.5`,children:[(0,j.jsxDEV)(`input`,{type:`color`,value:Hc(f.styles.textColor,`#1d1d1f`),onChange:e=>p(`textColor`,e.target.value),className:`w-5 h-5 rounded-full border border-[#e5e5ea] cursor-pointer p-0 overflow-hidden`},void 0,!1,{fileName:G,lineNumber:573,columnNumber:17},this),(0,j.jsxDEV)(`span`,{className:`text-[11.5px] font-mono text-[#1d1d1f]`,children:f.styles.textColor||`#1d1d1f`},void 0,!1,{fileName:G,lineNumber:579,columnNumber:17},this)]},void 0,!0,{fileName:G,lineNumber:572,columnNumber:15},this)]},void 0,!0,{fileName:G,lineNumber:570,columnNumber:13},this),(0,j.jsxDEV)(`div`,{className:`flex items-center justify-between`,children:[(0,j.jsxDEV)(`span`,{className:`text-[#6e6e73]`,children:`Alignment`},void 0,!1,{fileName:G,lineNumber:587,columnNumber:17},this),(0,j.jsxDEV)(`div`,{className:`flex items-center gap-1 bg-[#f4f4f6] p-0.5 rounded-md`,children:[(0,j.jsxDEV)(`button`,{type:`button`,onClick:()=>p(`textAlign`,`left`),className:D(`p-1 rounded`,f.styles.textAlign===`left`||!f.styles.textAlign?`bg-white shadow-2xs text-[#0071e3]`:`text-[#86868b]`),children:(0,j.jsxDEV)(Ae,{className:`w-3.5 h-3.5`},void 0,!1,{fileName:G,lineNumber:594,columnNumber:21},this)},void 0,!1,{fileName:G,lineNumber:589,columnNumber:19},this),(0,j.jsxDEV)(`button`,{type:`button`,onClick:()=>p(`textAlign`,`center`),className:D(`p-1 rounded`,f.styles.textAlign===`center`?`bg-white shadow-2xs text-[#0071e3]`:`text-[#86868b]`),children:(0,j.jsxDEV)(de,{className:`w-3.5 h-3.5`},void 0,!1,{fileName:G,lineNumber:601,columnNumber:21},this)},void 0,!1,{fileName:G,lineNumber:596,columnNumber:19},this),(0,j.jsxDEV)(`button`,{type:`button`,onClick:()=>p(`textAlign`,`right`),className:D(`p-1 rounded`,f.styles.textAlign===`right`?`bg-white shadow-2xs text-[#0071e3]`:`text-[#86868b]`),children:(0,j.jsxDEV)(ee,{className:`w-3.5 h-3.5`},void 0,!1,{fileName:G,lineNumber:608,columnNumber:21},this)},void 0,!1,{fileName:G,lineNumber:603,columnNumber:19},this)]},void 0,!0,{fileName:G,lineNumber:588,columnNumber:17},this)]},void 0,!0,{fileName:G,lineNumber:586,columnNumber:15},this)]},void 0,!0,{fileName:G,lineNumber:540,columnNumber:11},this)]},void 0,!0,{fileName:G,lineNumber:530,columnNumber:7},this),(0,j.jsxDEV)(`div`,{className:`border-b border-[#f4f4f6]`,children:[(0,j.jsxDEV)(`button`,{onClick:()=>d(`animation`),className:`w-full px-3.5 py-2.5 flex items-center justify-between text-[12px] font-semibold text-[#1d1d1f] hover:bg-[#fbfbfd] transition-colors`,children:[(0,j.jsxDEV)(`span`,{children:`Animation & Motion`},void 0,!1,{fileName:G,lineNumber:622,columnNumber:11},this),l.animation?(0,j.jsxDEV)(qe,{className:`w-3.5 h-3.5 text-[#86868b]`},void 0,!1,{fileName:G,lineNumber:623,columnNumber:37},this):(0,j.jsxDEV)(pe,{className:`w-3.5 h-3.5 text-[#86868b]`},void 0,!1,{fileName:G,lineNumber:623,columnNumber:94},this)]},void 0,!0,{fileName:G,lineNumber:618,columnNumber:9},this),l.animation&&(0,j.jsxDEV)(`div`,{className:`px-3.5 pb-3 space-y-2.5 text-[12px]`,children:[(0,j.jsxDEV)(`div`,{className:`flex items-center justify-between`,children:[(0,j.jsxDEV)(`span`,{className:`text-[#6e6e73] dark:text-[#8e8e93]`,children:`Entrance`},void 0,!1,{fileName:G,lineNumber:630,columnNumber:15},this),(0,j.jsxDEV)(`select`,{value:f.animations?.find(e=>e.trigger===`load`)?.type||`none`,onChange:e=>{let n=e.target.value,r=(f.animations||[]).filter(e=>e.trigger!==`load`);n!==`none`&&r.push({trigger:`load`,type:n,duration:.4,easing:`ease-out`}),t(f.id,{animations:r})},className:`w-32 px-2 py-1 bg-[#f4f4f6] dark:bg-[#2c2c2e] text-[12px] text-[#1d1d1f] dark:text-[#f5f5f7] rounded-md border border-transparent focus:border-[#7d2ae8] focus:bg-white outline-none`,children:[(0,j.jsxDEV)(`option`,{value:`none`,children:`None`},void 0,!1,{fileName:G,lineNumber:644,columnNumber:17},this),(0,j.jsxDEV)(`option`,{value:`fade`,children:`Fade In`},void 0,!1,{fileName:G,lineNumber:645,columnNumber:17},this),(0,j.jsxDEV)(`option`,{value:`fade-up`,children:`Fade Up`},void 0,!1,{fileName:G,lineNumber:646,columnNumber:17},this),(0,j.jsxDEV)(`option`,{value:`fade-down`,children:`Fade Down`},void 0,!1,{fileName:G,lineNumber:647,columnNumber:17},this),(0,j.jsxDEV)(`option`,{value:`slide-left`,children:`Slide Left`},void 0,!1,{fileName:G,lineNumber:648,columnNumber:17},this),(0,j.jsxDEV)(`option`,{value:`slide-right`,children:`Slide Right`},void 0,!1,{fileName:G,lineNumber:649,columnNumber:17},this),(0,j.jsxDEV)(`option`,{value:`scale`,children:`Scale In`},void 0,!1,{fileName:G,lineNumber:650,columnNumber:17},this),(0,j.jsxDEV)(`option`,{value:`blur`,children:`Blur In`},void 0,!1,{fileName:G,lineNumber:651,columnNumber:17},this),(0,j.jsxDEV)(`option`,{value:`bounce`,children:`Bounce`},void 0,!1,{fileName:G,lineNumber:652,columnNumber:17},this)]},void 0,!0,{fileName:G,lineNumber:631,columnNumber:15},this)]},void 0,!0,{fileName:G,lineNumber:629,columnNumber:13},this),(0,j.jsxDEV)(`div`,{className:`flex items-center justify-between`,children:[(0,j.jsxDEV)(`span`,{className:`text-[#6e6e73] dark:text-[#8e8e93]`,children:`On Click Effect`},void 0,!1,{fileName:G,lineNumber:658,columnNumber:15},this),(0,j.jsxDEV)(`select`,{value:f.animations?.find(e=>e.trigger===`click`)?.type||`none`,onChange:e=>{let n=e.target.value,r=(f.animations||[]).filter(e=>e.trigger!==`click`);n!==`none`&&r.push({trigger:`click`,type:n,duration:.2}),t(f.id,{animations:r})},className:`w-32 px-2 py-1 bg-[#f4f4f6] dark:bg-[#2c2c2e] text-[12px] text-[#1d1d1f] dark:text-[#f5f5f7] rounded-md border border-transparent focus:border-[#7d2ae8] focus:bg-white outline-none`,children:[(0,j.jsxDEV)(`option`,{value:`none`,children:`None`},void 0,!1,{fileName:G,lineNumber:672,columnNumber:17},this),(0,j.jsxDEV)(`option`,{value:`ripple`,children:`Ripple Tap 💧`},void 0,!1,{fileName:G,lineNumber:673,columnNumber:17},this),(0,j.jsxDEV)(`option`,{value:`bounce`,children:`Bounce Click 🏀`},void 0,!1,{fileName:G,lineNumber:674,columnNumber:17},this),(0,j.jsxDEV)(`option`,{value:`scale`,children:`Tap Shrink (0.95x)`},void 0,!1,{fileName:G,lineNumber:675,columnNumber:17},this),(0,j.jsxDEV)(`option`,{value:`glow`,children:`Glow Flash ✨`},void 0,!1,{fileName:G,lineNumber:676,columnNumber:17},this),(0,j.jsxDEV)(`option`,{value:`pulse`,children:`Pulse Click`},void 0,!1,{fileName:G,lineNumber:677,columnNumber:17},this)]},void 0,!0,{fileName:G,lineNumber:659,columnNumber:15},this)]},void 0,!0,{fileName:G,lineNumber:657,columnNumber:13},this),(0,j.jsxDEV)(`div`,{className:`flex items-center justify-between`,children:[(0,j.jsxDEV)(`span`,{className:`text-[#6e6e73] dark:text-[#8e8e93]`,children:`Hover Effect`},void 0,!1,{fileName:G,lineNumber:683,columnNumber:15},this),(0,j.jsxDEV)(`select`,{value:f.animations?.find(e=>e.trigger===`hover`)?.type||`none`,onChange:e=>{let n=e.target.value,r=(f.animations||[]).filter(e=>e.trigger!==`hover`);n!==`none`&&r.push({trigger:`hover`,type:n,duration:.2}),t(f.id,{animations:r})},className:`w-32 px-2 py-1 bg-[#f4f4f6] dark:bg-[#2c2c2e] text-[12px] text-[#1d1d1f] dark:text-[#f5f5f7] rounded-md border border-transparent focus:border-[#7d2ae8] focus:bg-white outline-none`,children:[(0,j.jsxDEV)(`option`,{value:`none`,children:`None`},void 0,!1,{fileName:G,lineNumber:697,columnNumber:17},this),(0,j.jsxDEV)(`option`,{value:`lift`,children:`Lift Up (-4px)`},void 0,!1,{fileName:G,lineNumber:698,columnNumber:17},this),(0,j.jsxDEV)(`option`,{value:`scale`,children:`Scale (1.05x)`},void 0,!1,{fileName:G,lineNumber:699,columnNumber:17},this),(0,j.jsxDEV)(`option`,{value:`glow`,children:`Cupertino Glow`},void 0,!1,{fileName:G,lineNumber:700,columnNumber:17},this),(0,j.jsxDEV)(`option`,{value:`pulse`,children:`Pulse`},void 0,!1,{fileName:G,lineNumber:701,columnNumber:17},this)]},void 0,!0,{fileName:G,lineNumber:684,columnNumber:15},this)]},void 0,!0,{fileName:G,lineNumber:682,columnNumber:13},this),(0,j.jsxDEV)(`div`,{className:`flex items-center justify-between`,children:[(0,j.jsxDEV)(`span`,{className:`text-[#6e6e73] dark:text-[#8e8e93]`,children:`Duration`},void 0,!1,{fileName:G,lineNumber:707,columnNumber:15},this),(0,j.jsxDEV)(`select`,{value:f.animations?.[0]?.duration??.4,onChange:e=>{let n=Number(e.target.value),r=(f.animations||[]).map(e=>({...e,duration:n}));t(f.id,{animations:r})},className:`w-24 px-2 py-1 bg-[#f4f4f6] dark:bg-[#2c2c2e] text-[12px] text-[#1d1d1f] dark:text-[#f5f5f7] rounded-md border border-transparent focus:border-[#7d2ae8] focus:bg-white outline-none`,children:[(0,j.jsxDEV)(`option`,{value:`0.2`,children:`0.2s Fast`},void 0,!1,{fileName:G,lineNumber:717,columnNumber:17},this),(0,j.jsxDEV)(`option`,{value:`0.4`,children:`0.4s Normal`},void 0,!1,{fileName:G,lineNumber:718,columnNumber:17},this),(0,j.jsxDEV)(`option`,{value:`0.6`,children:`0.6s Smooth`},void 0,!1,{fileName:G,lineNumber:719,columnNumber:17},this),(0,j.jsxDEV)(`option`,{value:`0.8`,children:`0.8s Slow`},void 0,!1,{fileName:G,lineNumber:720,columnNumber:17},this)]},void 0,!0,{fileName:G,lineNumber:708,columnNumber:15},this)]},void 0,!0,{fileName:G,lineNumber:706,columnNumber:13},this)]},void 0,!0,{fileName:G,lineNumber:627,columnNumber:11},this)]},void 0,!0,{fileName:G,lineNumber:617,columnNumber:7},this),(0,j.jsxDEV)(`div`,{children:[(0,j.jsxDEV)(`button`,{onClick:()=>d(`advanced`),className:`w-full px-3.5 py-2.5 flex items-center justify-between text-[12px] font-semibold text-[#86868b] hover:text-[#1d1d1f] hover:bg-[#fbfbfd] transition-colors`,children:[(0,j.jsxDEV)(`span`,{children:`Advanced Position & Rotation`},void 0,!1,{fileName:G,lineNumber:734,columnNumber:11},this),l.advanced?(0,j.jsxDEV)(qe,{className:`w-3.5 h-3.5 text-[#86868b]`},void 0,!1,{fileName:G,lineNumber:735,columnNumber:36},this):(0,j.jsxDEV)(pe,{className:`w-3.5 h-3.5 text-[#86868b]`},void 0,!1,{fileName:G,lineNumber:735,columnNumber:93},this)]},void 0,!0,{fileName:G,lineNumber:730,columnNumber:9},this),l.advanced&&(0,j.jsxDEV)(`div`,{className:`px-3.5 pb-3 space-y-2.5 text-[12px] bg-[#fbfbfd]`,children:[(0,j.jsxDEV)(`div`,{className:`grid grid-cols-2 gap-2`,children:[(0,j.jsxDEV)(`div`,{children:[(0,j.jsxDEV)(`span`,{className:`text-[10.5px] text-[#86868b]`,children:`X Position`},void 0,!1,{fileName:G,lineNumber:743,columnNumber:17},this),(0,j.jsxDEV)(`input`,{type:`number`,value:Math.round(f.x),onChange:e=>t(f.id,{x:Number(e.target.value)}),className:`w-full mt-0.5 px-2 py-1 bg-white text-[12px] text-[#1d1d1f] rounded-md border border-[#e5e5ea] outline-none`},void 0,!1,{fileName:G,lineNumber:744,columnNumber:17},this)]},void 0,!0,{fileName:G,lineNumber:742,columnNumber:15},this),(0,j.jsxDEV)(`div`,{children:[(0,j.jsxDEV)(`span`,{className:`text-[10.5px] text-[#86868b]`,children:`Y Position`},void 0,!1,{fileName:G,lineNumber:752,columnNumber:17},this),(0,j.jsxDEV)(`input`,{type:`number`,value:Math.round(f.y),onChange:e=>t(f.id,{y:Number(e.target.value)}),className:`w-full mt-0.5 px-2 py-1 bg-white text-[12px] text-[#1d1d1f] rounded-md border border-[#e5e5ea] outline-none`},void 0,!1,{fileName:G,lineNumber:753,columnNumber:17},this)]},void 0,!0,{fileName:G,lineNumber:751,columnNumber:15},this)]},void 0,!0,{fileName:G,lineNumber:741,columnNumber:13},this),(0,j.jsxDEV)(`div`,{className:`grid grid-cols-2 gap-2`,children:[(0,j.jsxDEV)(`div`,{children:[(0,j.jsxDEV)(`span`,{className:`text-[10.5px] text-[#86868b]`,children:`Rotation (°)`},void 0,!1,{fileName:G,lineNumber:765,columnNumber:17},this),(0,j.jsxDEV)(`input`,{type:`number`,value:f.rotation||0,onChange:e=>t(f.id,{rotation:Number(e.target.value)}),className:`w-full mt-0.5 px-2 py-1 bg-white text-[12px] text-[#1d1d1f] rounded-md border border-[#e5e5ea] outline-none`},void 0,!1,{fileName:G,lineNumber:766,columnNumber:17},this)]},void 0,!0,{fileName:G,lineNumber:764,columnNumber:15},this),(0,j.jsxDEV)(`div`,{children:[(0,j.jsxDEV)(`span`,{className:`text-[10.5px] text-[#86868b]`,children:`Z-Index`},void 0,!1,{fileName:G,lineNumber:774,columnNumber:17},this),(0,j.jsxDEV)(`input`,{type:`number`,value:f.zIndex||1,onChange:e=>t(f.id,{zIndex:Number(e.target.value)}),className:`w-full mt-0.5 px-2 py-1 bg-white text-[12px] text-[#1d1d1f] rounded-md border border-[#e5e5ea] outline-none`},void 0,!1,{fileName:G,lineNumber:775,columnNumber:17},this)]},void 0,!0,{fileName:G,lineNumber:773,columnNumber:15},this)]},void 0,!0,{fileName:G,lineNumber:763,columnNumber:13},this)]},void 0,!0,{fileName:G,lineNumber:739,columnNumber:11},this)]},void 0,!0,{fileName:G,lineNumber:729,columnNumber:7},this)]},void 0,!0,{fileName:G,lineNumber:200,columnNumber:5},this)}),K=`C:/Users/Shadow/Desktop/cyrus/src/editor/footer/BottomPagesFilmstrip.tsx`;function Wc(){let{activeProject:e,activePageId:t,setActivePage:n,addPage:r,duplicatePage:i,deletePage:a,renamePage:o}=M(),{zoom:s,setZoom:c,zoomIn:l,zoomOut:u,resetZoom:d,togglePreviewMode:f,isPreviewMode:p}=A(),[m,h]=(0,k.useState)(!0),[g,_]=(0,k.useState)(null),[v,y]=(0,k.useState)(null),[b,S]=(0,k.useState)(``),[C,w]=(0,k.useState)(!1),ee=e?.pages||[],te=ee.findIndex(e=>e.id===t),ne=(e,t)=>{e.stopPropagation(),y(t.id),S(t.name)},re=e=>{y(null),b.trim()&&o(e,b.trim())};return(0,j.jsxDEV)(j.Fragment,{children:[(0,j.jsxDEV)(`div`,{className:`w-full bg-white/95 dark:bg-[#1c1c1e]/95 backdrop-blur-md border-t border-[#e5e5ea] dark:border-[#38383a] flex flex-col z-30 select-none shrink-0 shadow-apple-sm transition-all`,children:[m&&(0,j.jsxDEV)(`div`,{className:`h-24 px-4 py-2.5 flex items-center gap-3 overflow-x-auto no-scrollbar border-b border-[#f4f4f6] bg-[#fbfbfd] dark:bg-[#1c1c1e]`,children:[ee.map((e,r)=>{let o=e.id===t,s=g===e.id,c=e.elements.length;return(0,j.jsxDEV)(`div`,{onClick:()=>n(e.id),onMouseEnter:()=>_(e.id),onMouseLeave:()=>_(null),className:D(`relative group flex flex-col items-center cursor-pointer transition-all shrink-0`,o?`scale-100`:`hover:scale-[1.02] opacity-80 hover:opacity-100`),children:[(0,j.jsxDEV)(`div`,{style:{backgroundColor:e.settings.backgroundColor||`#ffffff`},className:D(`w-28 h-16 rounded-[8px] border overflow-hidden relative shadow-xs flex flex-col p-1.5 transition-all`,o?`border-[#0071e3] ring-2 ring-[#0071e3]/30 shadow-apple-sm`:`border-[#e5e5ea] dark:border-[#38383a] group-hover:border-[#c7c7cc]`),children:[(0,j.jsxDEV)(`div`,{className:`w-full h-full relative overflow-hidden rounded-[4px] bg-[#f4f4f6] dark:bg-[#2c2c2e]`,children:[e.elements.slice(0,5).map((e,t)=>(0,j.jsxDEV)(`div`,{style:{position:`absolute`,left:`${Math.min(80,e.x/1200*100)}%`,top:`${Math.min(80,e.y/800*100)}%`,width:`${Math.max(8,Math.min(30,e.width/1200*100))}%`,height:`${Math.max(4,Math.min(20,e.height/800*100))}%`,backgroundColor:e.styles.backgroundColor||(e.type===`button`?`#0071e3`:`#1d1d1f`),opacity:e.styles.opacity??.8,borderRadius:`1px`}},e.id,!1,{fileName:K,lineNumber:96,columnNumber:25},this)),c===0&&(0,j.jsxDEV)(`div`,{className:`w-full h-full flex items-center justify-center text-[9px] text-[#86868b] dark:text-[#636366]`,children:`Empty`},void 0,!1,{fileName:K,lineNumber:111,columnNumber:25},this)]},void 0,!0,{fileName:K,lineNumber:94,columnNumber:21},this),(0,j.jsxDEV)(`div`,{className:`absolute bottom-1 left-1.5 px-1 py-0.5 bg-black/60 backdrop-blur-xs text-white text-[9px] font-bold rounded-[3px] shadow-2xs`,children:r+1},void 0,!1,{fileName:K,lineNumber:118,columnNumber:21},this),s&&(0,j.jsxDEV)(`div`,{className:`absolute top-1 right-1 flex items-center gap-1 bg-white/90 dark:bg-[#1c1c1e]/90 backdrop-blur-xs rounded-[4px] p-0.5 shadow-2xs`,onClick:e=>e.stopPropagation(),children:[(0,j.jsxDEV)(`button`,{type:`button`,onClick:()=>i(e.id),title:`Duplicate Page`,className:`p-1 hover:bg-[#ebebee] dark:hover:bg-[#3a3a3c] rounded text-[#1d1d1f] dark:text-[#f5f5f7] transition-colors`,children:(0,j.jsxDEV)(sn,{className:`w-2.5 h-2.5`},void 0,!1,{fileName:K,lineNumber:134,columnNumber:27},this)},void 0,!1,{fileName:K,lineNumber:128,columnNumber:25},this),ee.length>1&&(0,j.jsxDEV)(`button`,{type:`button`,onClick:()=>a(e.id),title:`Delete Page`,className:`p-1 hover:bg-rose-50 rounded text-rose-600 transition-colors`,children:(0,j.jsxDEV)(x,{className:`w-2.5 h-2.5`},void 0,!1,{fileName:K,lineNumber:143,columnNumber:29},this)},void 0,!1,{fileName:K,lineNumber:137,columnNumber:27},this)]},void 0,!0,{fileName:K,lineNumber:124,columnNumber:23},this)]},void 0,!0,{fileName:K,lineNumber:82,columnNumber:19},this),(0,j.jsxDEV)(`div`,{className:`w-28 text-center mt-1`,children:v===e.id?(0,j.jsxDEV)(`input`,{type:`text`,value:b,onChange:e=>S(e.target.value),onBlur:()=>re(e.id),onKeyDown:t=>{t.key===`Enter`&&re(e.id),t.key===`Escape`&&y(null)},autoFocus:!0,onClick:e=>e.stopPropagation(),className:`w-full text-[10px] text-center bg-white dark:bg-[#1c1c1e] border border-[#0071e3] rounded px-1 outline-none text-[#1d1d1f] dark:text-[#f5f5f7]`},void 0,!1,{fileName:K,lineNumber:153,columnNumber:23},this):(0,j.jsxDEV)(`span`,{onDoubleClick:t=>ne(t,e),title:`Double-click to rename`,className:D(`text-[10.5px] truncate block px-1 font-medium transition-colors`,o?`text-[#0071e3] dark:text-[#0a84ff] font-semibold`:`text-[#6e6e73] dark:text-[#8e8e93] group-hover:text-[#1d1d1f] dark:group-hover:text-[#f5f5f7]`),children:e.name},void 0,!1,{fileName:K,lineNumber:167,columnNumber:23},this)},void 0,!1,{fileName:K,lineNumber:151,columnNumber:19},this)]},e.id,!0,{fileName:K,lineNumber:71,columnNumber:17},this)}),(0,j.jsxDEV)(`button`,{type:`button`,onClick:()=>r(`Page ${ee.length+1}`),className:`w-20 h-16 rounded-[8px] border-2 border-dashed border-[#e5e5ea] dark:border-[#38383a] hover:border-[#0071e3]/60 bg-white/50 hover:bg-[#e8f2fc] dark:hover:bg-[#0a84ff]/15 flex flex-col items-center justify-center gap-1 text-[#86868b] dark:text-[#636366] hover:text-[#0071e3] dark:hover:text-[#0a84ff] transition-all cursor-pointer shrink-0 mb-4`,title:`Add New Page`,children:[(0,j.jsxDEV)(nt,{className:`w-4 h-4`},void 0,!1,{fileName:K,lineNumber:190,columnNumber:15},this),(0,j.jsxDEV)(`span`,{className:`text-[10px] font-medium`,children:`Add Page`},void 0,!1,{fileName:K,lineNumber:191,columnNumber:15},this)]},void 0,!0,{fileName:K,lineNumber:184,columnNumber:13},this)]},void 0,!0,{fileName:K,lineNumber:64,columnNumber:11},this),(0,j.jsxDEV)(`div`,{className:`h-8 px-4 flex items-center justify-between text-[11px] text-[#6e6e73] dark:text-[#8e8e93] bg-white/90 dark:bg-[#1c1c1e]/90 backdrop-blur-md border-t border-[#f4f4f6] dark:border-[#2c2c2e]`,children:[(0,j.jsxDEV)(`div`,{className:`flex items-center gap-2`,children:(0,j.jsxDEV)(`button`,{type:`button`,onClick:()=>h(!m),className:`flex items-center gap-1.5 px-2.5 py-0.5 rounded-full hover:bg-[#f4f4f6] dark:hover:bg-[#2c2c2e] text-[#1d1d1f] dark:text-[#f5f5f7] font-medium transition-colors cursor-pointer`,children:[(0,j.jsxDEV)(fe,{className:`w-3.5 h-3.5 text-[#7d2ae8] dark:text-[#9d52ff]`},void 0,!1,{fileName:K,lineNumber:205,columnNumber:15},this),(0,j.jsxDEV)(`span`,{children:`Pages`},void 0,!1,{fileName:K,lineNumber:206,columnNumber:15},this),(0,j.jsxDEV)(`span`,{className:`text-[#86868b] dark:text-[#636366] font-semibold`,children:[te+1,`/`,ee.length]},void 0,!0,{fileName:K,lineNumber:207,columnNumber:15},this),m?(0,j.jsxDEV)(qe,{className:`w-3.5 h-3.5 text-[#86868b] dark:text-[#636366]`},void 0,!1,{fileName:K,lineNumber:211,columnNumber:17},this):(0,j.jsxDEV)(T,{className:`w-3.5 h-3.5 text-[#86868b] dark:text-[#636366]`},void 0,!1,{fileName:K,lineNumber:213,columnNumber:17},this)]},void 0,!0,{fileName:K,lineNumber:200,columnNumber:13},this)},void 0,!1,{fileName:K,lineNumber:199,columnNumber:11},this),(0,j.jsxDEV)(`div`,{className:`flex items-center gap-3`,children:[(0,j.jsxDEV)(`button`,{type:`button`,onClick:()=>w(!0),className:`p-1 rounded hover:bg-[#f4f4f6] dark:hover:bg-[#2c2c2e] text-[#86868b] dark:text-[#636366] hover:text-[#1d1d1f] dark:hover:text-[#f5f5f7] transition-colors`,title:`View all pages in grid`,children:(0,j.jsxDEV)(fe,{className:`w-3.5 h-3.5`},void 0,!1,{fileName:K,lineNumber:225,columnNumber:15},this)},void 0,!1,{fileName:K,lineNumber:219,columnNumber:13},this),(0,j.jsxDEV)(`button`,{type:`button`,onClick:f,className:`p-1 rounded hover:bg-[#f4f4f6] dark:hover:bg-[#2c2c2e] text-[#86868b] dark:text-[#636366] hover:text-[#0071e3] dark:hover:text-[#0a84ff] transition-colors`,title:`Full Screen / Preview`,children:(0,j.jsxDEV)(Zn,{className:`w-3.5 h-3.5`},void 0,!1,{fileName:K,lineNumber:233,columnNumber:15},this)},void 0,!1,{fileName:K,lineNumber:227,columnNumber:13},this),(0,j.jsxDEV)(`span`,{className:`text-[10.5px] font-medium text-[#86868b]`,children:[Math.round(s*100),`%`]},void 0,!0,{fileName:K,lineNumber:235,columnNumber:13},this)]},void 0,!0,{fileName:K,lineNumber:218,columnNumber:11},this)]},void 0,!0,{fileName:K,lineNumber:197,columnNumber:9},this)]},void 0,!0,{fileName:K,lineNumber:61,columnNumber:7},this),C&&(0,j.jsxDEV)(`div`,{className:`fixed inset-0 z-[500] bg-black/60 backdrop-blur-sm flex flex-col p-6 select-none animate-fade-in`,onClick:()=>w(!1),children:(0,j.jsxDEV)(`div`,{className:`w-full max-w-5xl mx-auto bg-white dark:bg-[#1c1c1e] rounded-2xl shadow-2xl flex flex-col overflow-hidden max-h-[90vh]`,onClick:e=>e.stopPropagation(),children:[(0,j.jsxDEV)(`div`,{className:`px-6 py-4 border-b border-[#e5e5ea] dark:border-[#38383a] flex items-center justify-between`,children:[(0,j.jsxDEV)(`div`,{children:[(0,j.jsxDEV)(`h3`,{className:`text-[17px] font-bold text-[#1d1d1f] dark:text-[#f5f5f7]`,children:`Page Grid Sorter`},void 0,!1,{fileName:K,lineNumber:255,columnNumber:17},this),(0,j.jsxDEV)(`p`,{className:`text-[12px] text-[#86868b] dark:text-[#636366]`,children:[ee.length,` pages in this project`]},void 0,!0,{fileName:K,lineNumber:256,columnNumber:17},this)]},void 0,!0,{fileName:K,lineNumber:254,columnNumber:15},this),(0,j.jsxDEV)(`div`,{className:`flex items-center gap-2`,children:[(0,j.jsxDEV)(`button`,{type:`button`,onClick:()=>r(`Page ${ee.length+1}`),className:`inline-flex items-center gap-1.5 px-3 py-1.5 rounded-lg bg-[#0071e3] text-white text-[12px] font-semibold hover:bg-[#0077ed] transition-colors`,children:[(0,j.jsxDEV)(nt,{className:`w-3.5 h-3.5`},void 0,!1,{fileName:K,lineNumber:264,columnNumber:19},this),`Add Page`]},void 0,!0,{fileName:K,lineNumber:259,columnNumber:17},this),(0,j.jsxDEV)(`button`,{type:`button`,onClick:()=>w(!1),className:`px-3 py-1.5 rounded-lg border border-[#e5e5ea] dark:border-[#38383a] text-[12px] font-medium text-[#1d1d1f] dark:text-[#f5f5f7] hover:bg-[#f4f4f6] dark:hover:bg-[#2c2c2e] transition-colors`,children:`Close`},void 0,!1,{fileName:K,lineNumber:267,columnNumber:17},this)]},void 0,!0,{fileName:K,lineNumber:258,columnNumber:15},this)]},void 0,!0,{fileName:K,lineNumber:253,columnNumber:13},this),(0,j.jsxDEV)(`div`,{className:`flex-1 overflow-y-auto p-6 grid grid-cols-3 gap-6 bg-[#fbfbfd] dark:bg-[#1c1c1e]`,children:ee.map((e,r)=>(0,j.jsxDEV)(`div`,{onClick:()=>{n(e.id),w(!1)},className:D(`group relative rounded-xl border p-3 flex flex-col gap-2 cursor-pointer transition-all bg-white dark:bg-[#1c1c1e]`,e.id===t?`border-[#0071e3] ring-2 ring-[#0071e3]/30 shadow-apple-md`:`border-[#e5e5ea] dark:border-[#38383a] hover:border-[#0071e3]/50 hover:shadow-apple-sm`),children:[(0,j.jsxDEV)(`div`,{style:{backgroundColor:e.settings.backgroundColor||`#ffffff`},className:`w-full h-36 rounded-lg border border-[#e5e5ea] dark:border-[#38383a] relative overflow-hidden flex items-center justify-center`,children:[(0,j.jsxDEV)(`span`,{className:`text-[12px] font-semibold text-[#86868b] dark:text-[#636366]`,children:[e.elements.length,` elements`]},void 0,!0,{fileName:K,lineNumber:297,columnNumber:21},this),(0,j.jsxDEV)(`div`,{className:`absolute top-2 left-2 px-2 py-0.5 bg-black/60 text-white text-[10px] font-bold rounded`,children:r+1},void 0,!1,{fileName:K,lineNumber:300,columnNumber:21},this)]},void 0,!0,{fileName:K,lineNumber:293,columnNumber:19},this),(0,j.jsxDEV)(`div`,{className:`flex items-center justify-between`,children:[(0,j.jsxDEV)(`span`,{className:`text-[13px] font-semibold text-[#1d1d1f] dark:text-[#f5f5f7] truncate`,children:e.name},void 0,!1,{fileName:K,lineNumber:305,columnNumber:21},this),(0,j.jsxDEV)(`div`,{className:`flex items-center gap-1 opacity-0 group-hover:opacity-100 transition-opacity`,children:[(0,j.jsxDEV)(`button`,{type:`button`,onClick:t=>{t.stopPropagation(),i(e.id)},className:`p-1 rounded hover:bg-[#f4f4f6] dark:hover:bg-[#2c2c2e] text-[#86868b] dark:text-[#636366] hover:text-[#1d1d1f] dark:hover:text-[#f5f5f7]`,title:`Duplicate`,children:(0,j.jsxDEV)(sn,{className:`w-3.5 h-3.5`},void 0,!1,{fileName:K,lineNumber:318,columnNumber:25},this)},void 0,!1,{fileName:K,lineNumber:309,columnNumber:23},this),ee.length>1&&(0,j.jsxDEV)(`button`,{type:`button`,onClick:t=>{t.stopPropagation(),a(e.id)},className:`p-1 rounded hover:bg-rose-50 text-rose-600`,title:`Delete`,children:(0,j.jsxDEV)(x,{className:`w-3.5 h-3.5`},void 0,!1,{fileName:K,lineNumber:330,columnNumber:27},this)},void 0,!1,{fileName:K,lineNumber:321,columnNumber:25},this)]},void 0,!0,{fileName:K,lineNumber:308,columnNumber:21},this)]},void 0,!0,{fileName:K,lineNumber:304,columnNumber:19},this)]},e.id,!0,{fileName:K,lineNumber:280,columnNumber:17},this))},void 0,!1,{fileName:K,lineNumber:278,columnNumber:13},this)]},void 0,!0,{fileName:K,lineNumber:248,columnNumber:11},this)},void 0,!1,{fileName:K,lineNumber:244,columnNumber:9},this)]},void 0,!0,{fileName:K,lineNumber:60,columnNumber:5},this)}function Gc(e){return e?e.replace(/([a-z])([A-Z])/g,`$1 $2`).toLowerCase().split(/[\s,._\-/:;#~+*?!&|()[\]{}"'\\]+/).filter(e=>e.length>0):[]}var Kc=new class{itemsMap=new Map;tokenInvertedIndex=new Map;isIndexed=!1;currentProjectId=null;async rebuildIndex(e,t=[]){this.itemsMap.clear(),this.tokenInvertedIndex.clear(),e&&(this.currentProjectId=e.id,e.pages.forEach(e=>{let t={id:`page_${e.id}`,title:e.name,subtitle:`Route: /${e.slug} • ${e.elements?.length||0} elements`,type:`page`,typeLabel:`Pages`,iconName:`FileText`,pageId:e.id,pageName:e.name,keywords:[e.name,e.slug,`page`,`screen`,`route`,`view`],action:t=>{t.setActivePage?.(e.id),t.addToast?.(`Switched to page "${e.name}"`,`info`)}};this.addItem(t),(e.elements||[]).forEach(t=>{let n=this.extractContentSnippet(t.content),r={id:`el_${t.id}`,title:t.name||`Unnamed ${t.type}`,subtitle:`Page: ${e.name} • ${t.type}${n?` • "${n}"`:``}`,type:`element`,typeLabel:`Elements`,iconName:`Box`,pageId:e.id,pageName:e.name,elementId:t.id,bounds:{x:t.x,y:t.y,width:t.width,height:t.height},keywords:[t.name,t.type,e.name,...Gc(n),`element`,`widget`,`layer`],action:n=>{n.setActivePage?.(e.id),n.selectElement?.(t.id),n.addToast?.(`Selected "${t.name}" on ${e.name}`,`info`)}};this.addItem(r)})}),(e.components||[]).forEach(e=>{let t={id:`comp_${e.id}`,title:e.name,subtitle:`Master Component • ${e.category||e.templateElement?.type||`Component`}`,type:`component`,typeLabel:`Components`,iconName:`Component`,keywords:[e.name,e.templateElement?.type||``,e.category||``,`component`,`master`,`symbol`],action:t=>{t.setActiveSidebarTab?.(`design`),t.addToast?.(`Viewing component "${e.name}"`,`info`)}};this.addItem(t)}),(e.variables||[]).forEach(e=>{let t=typeof e.defaultValue==`object`?JSON.stringify(e.defaultValue).slice(0,32):String(e.defaultValue??``),n={id:`var_${e.id}`,title:e.name,subtitle:`Variable (${e.type}) • Value: ${t}`,type:`variable`,typeLabel:`Variables`,iconName:`Database`,keywords:[e.name,e.type,`variable`,`data`,`binding`,`state`],action:t=>{t.setActiveSidebarTab?.(`variables`),t.addToast?.(`Inspecting variable "${e.name}"`,`info`)}};this.addItem(n)}),(co.getState().comments||[]).forEach(e=>{let t={id:`comm_${e.id}`,title:`Comment: "${e.body.slice(0,40)}"`,subtitle:`By ${e.authorName||`Collaborator`} • ${e.status===`resolved`?`Resolved`:`Active`}`,type:`comment`,typeLabel:`Comments`,iconName:`MessageSquare`,pageId:e.pageId,elementId:e.elementId,keywords:[e.body,e.authorName||``,`comment`,`review`,`feedback`,`annotation`],action:t=>{e.pageId&&t.setActivePage?.(e.pageId),t.setCommentsOpen?.(!0),t.toggleReviewMode?.(),t.addToast?.(`Opened review comment`,`info`)}};this.addItem(t)}),[{path:`src/App.tsx`,name:`App.tsx`,desc:`Main React application root`},{path:`src/components/DashboardCharts.tsx`,name:`DashboardCharts.tsx`,desc:`SVG charts & data visualization`},{path:`src/components/Navbar.tsx`,name:`Navbar.tsx`,desc:`Responsive navigation bar component`},{path:`src/components/StatCards.tsx`,name:`StatCards.tsx`,desc:`KPI metric scorecards`},{path:`src/theme/tokens.ts`,name:`tokens.ts`,desc:`Design tokens & CSS custom variables`},{path:`package.json`,name:`package.json`,desc:`Project configuration & dependencies`}].forEach(e=>{let t={id:`code_${e.path}`,title:e.name,subtitle:`${e.path} • ${e.desc}`,type:`codeFile`,typeLabel:`Code Files`,iconName:`Code2`,keywords:[e.name,e.path,e.desc,`code`,`react`,`typescript`,`file`],action:t=>{t.setWorkspaceMode?.(`code`),t.addToast?.(`Opened file "${e.name}"`,`info`)}};this.addItem(t)})),sa.forEach(e=>{let t={id:`tmpl_${e.id}`,title:e.name,subtitle:`${e.category.toUpperCase()} • ${e.description.slice(0,50)}...`,type:`template`,typeLabel:`Templates`,iconName:`Package`,keywords:[e.name,e.category,...e.keywords||[],`template`,`starter`,`preset`],action:t=>{t.setActiveSidebarTab?.(`templates`),t.addToast?.(`Selected template "${e.name}"`,`info`)}};this.addItem(t)});try{(await Ci()).forEach(e=>{let t={id:`asset_${e.id}`,title:e.name,subtitle:`${e.type.toUpperCase()} • ${e.isPreset?`Stock Library`:`Uploaded Asset`}`,type:`asset`,typeLabel:`Assets & Media`,iconName:`Image`,keywords:[e.name,e.type,`asset`,`image`,`photo`,`vector`,`svg`,`media`,`logo`,`icon`],action:t=>{t.setActiveSidebarTab?.(`assets`),t.addToast?.(`Located asset "${e.name}"`,`info`)}};this.addItem(t)})}catch{}try{(t.length>0?t:await Hr()).forEach(t=>{if(e&&t.id===e.id)return;let n={id:`proj_${t.id}`,title:t.name,subtitle:`Project • ${t.pages?.length||1} pages • ${t.type||`web`}`,type:`project`,typeLabel:`Projects`,iconName:`FolderKanban`,keywords:[t.name,t.type||``,`project`,`workspace`,`document`],action:e=>{e.loadProject?.(t.id),e.addToast?.(`Switching to project "${t.name}"`,`info`)}};this.addItem(n)})}catch{}this.isIndexed=!0}extractContentSnippet(e){if(!e)return``;let t=[];return e.headline&&t.push(e.headline),e.title&&t.push(e.title),e.text&&t.push(e.text),e.subhead&&t.push(e.subhead),e.ctaLabel&&t.push(e.ctaLabel),e.badge&&t.push(e.badge),t.join(` `).slice(0,100)}addItem(e){this.itemsMap.set(e.id,e);let t=new Set;t.add(e.title.toLowerCase()),e.keywords.forEach(e=>{Gc(e).forEach(e=>t.add(e))}),t.forEach(t=>{this.tokenInvertedIndex.has(t)||this.tokenInvertedIndex.set(t,new Set),this.tokenInvertedIndex.get(t).add(e.id)})}search(e,t=30){let n=e.trim().toLowerCase();if(!n)return[];let r=Gc(n),i=new Map;r.forEach(e=>{let t=this.tokenInvertedIndex.get(e);t&&t.forEach(e=>{i.set(e,(i.get(e)||0)+10)});for(let[t,n]of this.tokenInvertedIndex.entries())t.startsWith(e)?n.forEach(e=>{i.set(e,(i.get(e)||0)+5)}):t.includes(e)&&n.forEach(e=>{i.set(e,(i.get(e)||0)+2)})});for(let[e,t]of this.itemsMap.entries()){let r=t.title.toLowerCase();r===n?i.set(e,(i.get(e)||0)+50):r.startsWith(n)?i.set(e,(i.get(e)||0)+25):r.includes(n)&&i.set(e,(i.get(e)||0)+15)}let a=[];i.forEach((e,t)=>{let n=this.itemsMap.get(t);n&&a.push({item:n,score:e})}),a.sort((e,t)=>t.score-e.score);let o=a.slice(0,t).map(e=>e.item),s=new Map;o.forEach(e=>{s.has(e.type)||s.set(e.type,[]),s.get(e.type).push(e)});let c=[];return[{type:`page`,label:`Pages`},{type:`element`,label:`Canvas Elements`},{type:`component`,label:`Components`},{type:`asset`,label:`Assets & Media`},{type:`template`,label:`Templates`},{type:`variable`,label:`Variables`},{type:`comment`,label:`Comments`},{type:`codeFile`,label:`Code Files`},{type:`project`,label:`Projects`}].forEach(({type:e,label:t})=>{let n=s.get(e);n&&n.length>0&&c.push({type:e,typeLabel:t,items:n})}),c}},qc=`C:/Users/Shadow/Desktop/cyrus/src/components/dialogs/CommandPaletteDialog.tsx`,Jc=`cyrus_recent_commands_v1`,Yc={FileText:gt,Box:Ct,Component:nn,Database:Gt,MessageSquare:i,Code2:Ft,Package:ue,Image:yr,FolderKanban:ie,Sparkles:he,Boxes:_t};function Xc(){let{isCommandPaletteOpen:e,setCommandPaletteOpen:t,setActiveSidebarTab:n,setCreateAppOpen:r,setShareOpen:a,setHistoryOpen:o,setShortcutsOpen:s,togglePreviewMode:c,toggleReviewMode:l,toggleGrid:u,zoomIn:d,zoomOut:f,resetZoom:p,fitToScreen:m,setViewportMode:h}=A(),{activeProject:g,activePageId:_,setActivePage:v,addPage:b,addElement:x,selectElement:S,undo:C,redo:ee,saveCurrentProject:te}=M(),{addToast:T}=Vr(),{setCommentsOpen:ne}=co(),[re,ie]=(0,k.useState)(``),[ae,oe]=(0,k.useState)(0),[se,ce]=(0,k.useState)(()=>{try{let e=localStorage.getItem(Jc);return e?JSON.parse(e):[`act_create_page`,`act_preview`,`act_ai`,`act_export`]}catch{return[`act_create_page`,`act_preview`,`act_ai`,`act_export`]}}),le=(0,k.useRef)(null),de=(0,k.useRef)(null);(0,k.useEffect)(()=>{g&&Kc.rebuildIndex(g)},[g]),(0,k.useEffect)(()=>{let n=n=>{(n.metaKey||n.ctrlKey)&&n.key.toLowerCase()===`k`&&(n.preventDefault(),t(!e))};return window.addEventListener(`keydown`,n),()=>window.removeEventListener(`keydown`,n)},[e,t]),(0,k.useEffect)(()=>{e&&(ie(``),oe(0),g&&Kc.rebuildIndex(g),setTimeout(()=>le.current?.focus(),50))},[e,g]);let pe=e=>{if(!e.startsWith(`ai_`))try{let t=[e,...se.filter(t=>t!==e)].slice(0,8);ce(t),localStorage.setItem(Jc,JSON.stringify(t))}catch{}},me=(e,t)=>{if(!g||!_)return;let n=fo.find(t=>t.id===e);if(!n)return;let r={id:O(),type:n.type,name:t,x:220,y:160,width:n.defaultWidth||360,height:n.defaultHeight||200,rotation:0,zIndex:10,styles:{...n.defaultStyles},content:{...n.defaultContent}};x(r),S(r.id),T(`Added ${t} to canvas`,`success`)},ge=(0,k.useMemo)(()=>({setActivePage:e=>v(e),selectElement:e=>S(e),setActiveSidebarTab:e=>n(e),setWorkspaceMode:e=>{e===`preview`&&c()},toggleReviewMode:()=>l(),setCommentsOpen:e=>ne(e),addToast:(e,t)=>T(e,t)}),[v,S,n,c,l,ne,T]),_e=(0,k.useMemo)(()=>{let e=[{id:`act_create_page`,title:`Create Page`,subtitle:`Add a new page to current project`,category:`actions`,categoryLabel:`Actions`,icon:nt,shortcut:`⌘N`,keywords:[`page`,`new`,`create`,`artboard`,`screen`],action:()=>{b(`New Page`)&&T(`Created new page`,`success`)}},{id:`act_preview`,title:`Preview Prototype`,subtitle:`Launch interactive runtime preview`,category:`actions`,categoryLabel:`Actions`,icon:w,iconColor:`#0071e3`,shortcut:`⌘P`,keywords:[`preview`,`run`,`prototype`,`interactive`,`test`,`live`],action:()=>c()},{id:`act_create_app`,title:`Create App & Code Target`,subtitle:`Generate React, Next.js, or React Native apps`,category:`actions`,categoryLabel:`Actions`,icon:Ft,iconColor:`#0071e3`,shortcut:`⌘B`,keywords:[`create app`,`react native`,`nextjs`,`export`,`build`,`mobile`,`ios`,`android`],action:()=>r(!0)},{id:`act_export`,title:`Export Project`,subtitle:`Download production ZIP bundle or single file`,category:`actions`,categoryLabel:`Actions`,icon:pn,shortcut:`⇧⌘E`,keywords:[`export`,`download`,`zip`,`code`,`deploy`,`share`],action:()=>a(!0)},{id:`act_save`,title:`Save Project`,subtitle:`Persist changes to local IndexedDB`,category:`actions`,categoryLabel:`Actions`,icon:$t,shortcut:`⌘S`,keywords:[`save`,`persist`,`storage`,`sync`],action:()=>te()},{id:`act_undo`,title:`Undo`,subtitle:`Revert last modification`,category:`actions`,categoryLabel:`Actions`,icon:Er,shortcut:`⌘Z`,keywords:[`undo`,`revert`,`back`],action:()=>C()},{id:`act_redo`,title:`Redo`,subtitle:`Reapply undone change`,category:`actions`,categoryLabel:`Actions`,icon:It,shortcut:`⇧⌘Z`,keywords:[`redo`,`forward`,`apply`],action:()=>ee()},{id:`act_review_mode`,title:`Toggle Review Mode`,subtitle:`Inspect comments, annotations & design review`,category:`actions`,categoryLabel:`Actions`,icon:i,keywords:[`review`,`comments`,`feedback`,`annotate`,`thread`],action:()=>l()},{id:`act_history`,title:`Version History & Checkpoints`,subtitle:`View rollback timeline and snapshots`,category:`actions`,categoryLabel:`Actions`,icon:y,keywords:[`history`,`timeline`,`checkpoint`,`version`,`restore`,`rollback`],action:()=>o(!0)},{id:`act_shortcuts`,title:`Keyboard Shortcuts`,subtitle:`View all keyboard shortcuts and navigation hotkeys`,category:`actions`,categoryLabel:`Actions`,icon:gn,shortcut:`?`,keywords:[`shortcuts`,`hotkeys`,`keyboard`,`help`],action:()=>s(!0)},{id:`nav_elements`,title:`Open Widget Library`,subtitle:`Browse all UI components, cards, and charts`,category:`navigation`,categoryLabel:`Panels & Navigation`,icon:_t,shortcut:`1`,keywords:[`widgets`,`elements`,`library`,`components`,`insert`],action:()=>n(`elements`)},{id:`nav_layers`,title:`Open Layers Tree`,subtitle:`Inspect artboard element hierarchy and z-index`,category:`navigation`,categoryLabel:`Panels & Navigation`,icon:hr,shortcut:`2`,keywords:[`layers`,`tree`,`hierarchy`,`order`,`zindex`],action:()=>n(`layers`)},{id:`nav_pages`,title:`Open Pages & Routes`,subtitle:`Manage multi-page navigation and screens`,category:`navigation`,categoryLabel:`Panels & Navigation`,icon:gt,shortcut:`3`,keywords:[`pages`,`screens`,`routes`,`views`],action:()=>n(`pages`)},{id:`nav_design_system`,title:`Open Design System & Theming`,subtitle:`Configure 3-tier tokens, colors, and theme modes`,category:`navigation`,categoryLabel:`Panels & Navigation`,icon:ut,shortcut:`4`,keywords:[`design system`,`tokens`,`colors`,`typography`,`theme`,`dark mode`],action:()=>n(`brand`)},{id:`nav_templates`,title:`Open Templates Catalog`,subtitle:`Explore SaaS, Dashboard, E-commerce, and Mobile templates`,category:`navigation`,categoryLabel:`Panels & Navigation`,icon:ue,shortcut:`5`,keywords:[`templates`,`starter`,`preset`,`catalog`,`dashboard`,`mobile`],action:()=>n(`templates`)},{id:`nav_ai`,title:`Open AI Assistant`,subtitle:`Autonomous layout generation and design token modifications`,category:`navigation`,categoryLabel:`Panels & Navigation`,icon:he,iconColor:`#0071e3`,shortcut:`6`,keywords:[`ai`,`agent`,`assistant`,`generate`,`prompt`,`smart`],action:()=>n(`ai`)},{id:`cv_fit`,title:`Fit Canvas to Screen`,subtitle:`Center and auto-scale artboard to viewport`,category:`canvas`,categoryLabel:`Canvas & Viewport`,icon:Zn,shortcut:`⇧0`,keywords:[`fit`,`canvas`,`center`,`screen`,`zoom to fit`],action:()=>m(window.innerWidth,window.innerHeight)},{id:`cv_zoom_in`,title:`Zoom In`,subtitle:`Increase canvas magnification`,category:`canvas`,categoryLabel:`Canvas & Viewport`,icon:jn,shortcut:`⌘+`,keywords:[`zoom in`,`magnify`,`scale`],action:()=>d()},{id:`cv_zoom_out`,title:`Zoom Out`,subtitle:`Decrease canvas magnification`,category:`canvas`,categoryLabel:`Canvas & Viewport`,icon:ar,shortcut:`⌘-`,keywords:[`zoom out`,`shrink`,`scale`],action:()=>f()},{id:`cv_reset_zoom`,title:`Reset Zoom (100%)`,subtitle:`Reset magnification to default scale`,category:`canvas`,categoryLabel:`Canvas & Viewport`,icon:Zn,shortcut:`⌘1`,keywords:[`reset zoom`,`100%`,`default scale`],action:()=>p()},{id:`cv_grid`,title:`Toggle Grid Guidelines`,subtitle:`Show or hide pixel snap grid`,category:`canvas`,categoryLabel:`Canvas & Viewport`,icon:fe,shortcut:`⌘'`,keywords:[`grid`,`guidelines`,`snap`,`rulers`],action:()=>u()}];return fo.forEach(t=>{e.push({id:`widget_${t.id}`,title:`Add ${t.name}`,subtitle:t.description,category:`widgets`,categoryLabel:`Insert Widgets`,icon:_t,keywords:[`add`,`insert`,t.name.toLowerCase(),...t.keywords||[]],action:()=>me(t.id,t.name)})}),e},[b,x,S,C,ee,te,c,r,a,o,s,l,n,m,d,f,p,u,T]),ve=(0,k.useMemo)(()=>{let e=re.trim().toLowerCase();if(!e){let e=se.map(e=>_e.find(t=>t.id===e)).filter(Boolean),t=_e.filter(e=>!se.includes(e.id)&&(e.id===`act_create_page`||e.id===`act_preview`||e.id===`act_create_app`||e.id===`act_export`||e.id===`nav_elements`||e.id===`nav_ai`||e.id===`widget_dash_stat_card`||e.id===`widget_chart_line`));return[...e,...t]}let t=Kc.search(e,40),r=[];t.forEach(e=>{e.items.forEach(e=>{let t=Yc[e.iconName]||gt;r.push({id:e.id,title:e.title,subtitle:e.subtitle,category:e.type,categoryLabel:e.typeLabel,icon:t,action:()=>e.action(ge)})})});let i=_e.filter(t=>{let n=t.title.toLowerCase().includes(e),r=t.subtitle?.toLowerCase().includes(e),i=t.keywords?.some(t=>t.toLowerCase().includes(e));return n||r||i}),a={id:`ai_${e}`,title:`Ask AI: "${re.trim()}"`,subtitle:`Synthesize components, layouts, or tokens with autonomous AI`,category:`ai`,categoryLabel:`AI Assistant`,icon:he,iconColor:`#0071e3`,shortcut:`↵`,action:()=>{n(`ai`),T(`Prompting AI: "${re.trim()}"`,`info`)}};return r.length>0||i.length>0?[...r,...i,a]:[a]},[re,_e,se,ge,n,T]);return(0,k.useEffect)(()=>{let e=de.current;if(!e)return;let t=e.querySelector(`[data-index="${ae}"]`);t&&t.scrollIntoView({block:`nearest`})},[ae]),e?(0,j.jsxDEV)(`div`,{onClick:()=>t(!1),className:`fixed inset-0 z-[99999] bg-black/40 backdrop-blur-xs flex items-start justify-center pt-[12vh] px-4 animate-in fade-in duration-150`,children:(0,j.jsxDEV)(`div`,{onClick:e=>e.stopPropagation(),onKeyDown:e=>{if(e.key===`ArrowDown`)e.preventDefault(),oe(e=>e+1<ve.length?e+1:0);else if(e.key===`ArrowUp`)e.preventDefault(),oe(e=>e-1>=0?e-1:ve.length-1);else if(e.key===`Enter`){e.preventDefault();let n=ve[ae];n&&(pe(n.id),n.action(ge),t(!1))}else e.key===`Escape`&&(e.preventDefault(),t(!1))},className:`w-full max-w-[620px] bg-white/95 dark:bg-[#1c1c1e]/95 backdrop-blur-2xl rounded-2xl border border-[#e5e5ea] dark:border-[#38383a] shadow-2xl overflow-hidden flex flex-col transition-all duration-200`,children:[(0,j.jsxDEV)(`div`,{className:`flex items-center gap-3 px-4 py-3.5 border-b border-[#e5e5ea] dark:border-[#2c2c2e]`,children:[(0,j.jsxDEV)(Vt,{className:`w-5 h-5 text-[#0071e3] shrink-0`},void 0,!1,{fileName:qc,lineNumber:619,columnNumber:11},this),(0,j.jsxDEV)(`input`,{ref:le,type:`text`,value:re,onChange:e=>{ie(e.target.value),oe(0)},placeholder:`Search projects, pages, elements, components, assets, code, or ask AI...`,className:`flex-1 bg-transparent border-0 outline-hidden text-[14.5px] text-[#1d1d1f] dark:text-[#f5f5f7] placeholder-[#86868b] font-medium`},void 0,!1,{fileName:qc,lineNumber:620,columnNumber:11},this),(0,j.jsxDEV)(`kbd`,{className:`px-2 py-0.5 rounded-md bg-[#f4f4f6] dark:bg-[#2c2c2e] text-[11px] font-semibold text-[#86868b] border border-[#e5e5ea] dark:border-[#38383a] shadow-2xs`,children:`ESC`},void 0,!1,{fileName:qc,lineNumber:631,columnNumber:11},this)]},void 0,!0,{fileName:qc,lineNumber:618,columnNumber:9},this),(0,j.jsxDEV)(`div`,{ref:de,className:`max-h-[420px] overflow-y-auto p-2 space-y-0.5 select-none`,children:ve.length===0?(0,j.jsxDEV)(`div`,{className:`py-12 text-center text-[#86868b] text-[13px]`,children:[`No results found for "`,re,`". Press Enter to Ask AI.`]},void 0,!0,{fileName:qc,lineNumber:642,columnNumber:13},this):ve.map((e,n)=>{let r=n===ae,i=e.icon;return(0,j.jsxDEV)(`div`,{"data-index":n,onClick:()=>{pe(e.id),e.action(ge),t(!1)},onMouseEnter:()=>oe(n),className:D(`flex items-center justify-between px-3 py-2.5 rounded-xl cursor-pointer transition-colors duration-100`,r?`bg-[#0071e3] text-white shadow-xs`:`text-[#1d1d1f] dark:text-[#f5f5f7] hover:bg-[#f4f4f6] dark:hover:bg-[#2c2c2e]`),children:[(0,j.jsxDEV)(`div`,{className:`flex items-center gap-3 min-w-0`,children:[(0,j.jsxDEV)(`div`,{className:D(`w-7 h-7 rounded-lg flex items-center justify-center shrink-0`,r?`bg-white/20 text-white`:`bg-[#f4f4f6] dark:bg-[#2c2c2e] text-[#0071e3]`),children:(0,j.jsxDEV)(i,{className:`w-4 h-4`},void 0,!1,{fileName:qc,lineNumber:676,columnNumber:23},this)},void 0,!1,{fileName:qc,lineNumber:668,columnNumber:21},this),(0,j.jsxDEV)(`div`,{className:`min-w-0`,children:[(0,j.jsxDEV)(`div`,{className:D(`text-[13.5px] font-semibold truncate`,r?`text-white`:`text-[#1d1d1f] dark:text-[#f5f5f7]`),children:e.title},void 0,!1,{fileName:qc,lineNumber:680,columnNumber:23},this),e.subtitle&&(0,j.jsxDEV)(`div`,{className:D(`text-[11px] truncate`,r?`text-white/80`:`text-[#86868b]`),children:e.subtitle},void 0,!1,{fileName:qc,lineNumber:689,columnNumber:25},this)]},void 0,!0,{fileName:qc,lineNumber:679,columnNumber:21},this)]},void 0,!0,{fileName:qc,lineNumber:667,columnNumber:19},this),(0,j.jsxDEV)(`div`,{className:`flex items-center gap-2 shrink-0 ml-3`,children:[(0,j.jsxDEV)(`span`,{className:D(`text-[10px] font-semibold px-2 py-0.5 rounded-md uppercase tracking-wider`,r?`bg-white/20 text-white`:`bg-[#f4f4f6] dark:bg-[#2c2c2e] text-[#86868b]`),children:e.categoryLabel},void 0,!1,{fileName:qc,lineNumber:702,columnNumber:21},this),e.shortcut&&(0,j.jsxDEV)(`kbd`,{className:D(`px-1.5 py-0.5 rounded text-[11px] font-mono font-bold`,r?`bg-white/25 text-white`:`bg-[#f4f4f6] dark:bg-[#2c2c2e] text-[#86868b] border border-[#e5e5ea] dark:border-[#38383a]`),children:e.shortcut},void 0,!1,{fileName:qc,lineNumber:714,columnNumber:23},this)]},void 0,!0,{fileName:qc,lineNumber:701,columnNumber:19},this)]},e.id,!0,{fileName:qc,lineNumber:651,columnNumber:17},this)})},void 0,!1,{fileName:qc,lineNumber:637,columnNumber:9},this),(0,j.jsxDEV)(`div`,{className:`flex items-center justify-between px-4 py-2 bg-[#fbfbfd] dark:bg-[#161618] border-t border-[#e5e5ea] dark:border-[#2c2c2e] text-[11px] text-[#86868b]`,children:[(0,j.jsxDEV)(`div`,{className:`flex items-center gap-4`,children:[(0,j.jsxDEV)(`span`,{className:`flex items-center gap-1`,children:[(0,j.jsxDEV)(`kbd`,{className:`px-1 py-0.5 rounded bg-white dark:bg-[#2c2c2e] border border-[#e5e5ea] dark:border-[#38383a] text-[10px] font-mono`,children:`↑↓`},void 0,!1,{fileName:qc,lineNumber:736,columnNumber:15},this),`to navigate`]},void 0,!0,{fileName:qc,lineNumber:735,columnNumber:13},this),(0,j.jsxDEV)(`span`,{className:`flex items-center gap-1`,children:[(0,j.jsxDEV)(`kbd`,{className:`px-1 py-0.5 rounded bg-white dark:bg-[#2c2c2e] border border-[#e5e5ea] dark:border-[#38383a] text-[10px] font-mono`,children:`↵`},void 0,!1,{fileName:qc,lineNumber:742,columnNumber:15},this),`to open / select`]},void 0,!0,{fileName:qc,lineNumber:741,columnNumber:13},this)]},void 0,!0,{fileName:qc,lineNumber:734,columnNumber:11},this),(0,j.jsxDEV)(`div`,{className:`flex items-center gap-1 font-medium`,children:(0,j.jsxDEV)(`span`,{children:`Global Search across 9 types`},void 0,!1,{fileName:qc,lineNumber:750,columnNumber:13},this)},void 0,!1,{fileName:qc,lineNumber:749,columnNumber:11},this)]},void 0,!0,{fileName:qc,lineNumber:733,columnNumber:9},this)]},void 0,!0,{fileName:qc,lineNumber:612,columnNumber:7},this)},void 0,!1,{fileName:qc,lineNumber:608,columnNumber:5},this):null}var q=`C:/Users/Shadow/Desktop/cyrus/src/editor/collaboration/SharePanel.tsx`;function Zc({onClose:e}){let{shareConfig:t,addInvite:n,revokeInvite:r,setShareLink:i,updateShareConfig:a,initShareConfig:o}=co(),{activeProject:s}=M(),{session:c}=zi(),{addToast:l}=Vr(),[u,d]=(0,k.useState)(``),[f,p]=(0,k.useState)(`editor`),[m,h]=(0,k.useState)(!1),[g,_]=(0,k.useState)(!1);!t&&s&&o(s.id);let v=t;function y(){v?.link&&navigator.clipboard.writeText(v.link.url).then(()=>{_(!0),l(`Link copied to clipboard`,`success`),setTimeout(()=>_(!1),2e3)})}function b(){if(!u.trim()||!u.includes(`@`)){l(`Please enter a valid email address`,`error`);return}if(v?.invites.some(e=>e.email===u.trim()&&e.status!==`revoked`)){l(`This email has already been invited`,`info`);return}n(u.trim(),f),l(`Invitation sent to ${u.trim()}`,`success`),d(``)}let x=v?.invites.filter(e=>e.status!==`revoked`)||[];return(0,j.jsxDEV)(`div`,{className:`fixed inset-0 z-[10000] flex items-center justify-center`,style:{backdropFilter:`blur(4px)`,backgroundColor:`rgba(0,0,0,0.35)`},children:(0,j.jsxDEV)(`div`,{className:`w-[500px] max-h-[90vh] overflow-y-auto bg-white rounded-2xl shadow-apple-lg border border-[#e5e5ea] flex flex-col`,onClick:e=>e.stopPropagation(),children:[(0,j.jsxDEV)(`div`,{className:`flex items-center justify-between px-6 py-4 border-b border-[#e5e5ea]`,children:[(0,j.jsxDEV)(`div`,{className:`flex items-center gap-2.5`,children:[(0,j.jsxDEV)(`div`,{className:`w-8 h-8 rounded-xl bg-[#e8f2fc] flex items-center justify-center`,children:(0,j.jsxDEV)(Dn,{className:`w-4 h-4 text-[#0071e3]`},void 0,!1,{fileName:q,lineNumber:102,columnNumber:15},this)},void 0,!1,{fileName:q,lineNumber:101,columnNumber:13},this),(0,j.jsxDEV)(`div`,{children:[(0,j.jsxDEV)(`h2`,{className:`text-[14px] font-semibold text-[#1d1d1f]`,children:`Share Project`},void 0,!1,{fileName:q,lineNumber:105,columnNumber:15},this),(0,j.jsxDEV)(`p`,{className:`text-[11px] text-[#86868b]`,children:s?.name},void 0,!1,{fileName:q,lineNumber:106,columnNumber:15},this)]},void 0,!0,{fileName:q,lineNumber:104,columnNumber:13},this)]},void 0,!0,{fileName:q,lineNumber:100,columnNumber:11},this),(0,j.jsxDEV)(`button`,{type:`button`,onClick:e,className:`w-7 h-7 rounded-full bg-[#f5f5f7] flex items-center justify-center text-[#6e6e73] hover:bg-[#e5e5ea] transition-apple`,children:(0,j.jsxDEV)(ln,{className:`w-3.5 h-3.5`},void 0,!1,{fileName:q,lineNumber:110,columnNumber:13},this)},void 0,!1,{fileName:q,lineNumber:109,columnNumber:11},this)]},void 0,!0,{fileName:q,lineNumber:99,columnNumber:9},this),(0,j.jsxDEV)(`div`,{className:`p-6 space-y-6`,children:[(0,j.jsxDEV)(`section`,{children:[(0,j.jsxDEV)(`label`,{className:`block text-[12px] font-semibold text-[#1d1d1f] mb-2`,children:`Invite collaborators`},void 0,!1,{fileName:q,lineNumber:117,columnNumber:13},this),(0,j.jsxDEV)(`div`,{className:`flex gap-2`,children:[(0,j.jsxDEV)(`div`,{className:`flex-1 flex items-center gap-2 bg-[#f5f5f7] border border-[#e5e5ea] rounded-xl px-3 focus-within:border-[#0071e3] focus-within:bg-white transition-apple`,children:[(0,j.jsxDEV)(At,{className:`w-3.5 h-3.5 text-[#86868b] shrink-0`},void 0,!1,{fileName:q,lineNumber:122,columnNumber:17},this),(0,j.jsxDEV)(`input`,{type:`email`,value:u,onChange:e=>d(e.target.value),onKeyDown:e=>e.key===`Enter`&&b(),placeholder:`colleague@company.com`,className:`flex-1 bg-transparent text-[13px] text-[#1d1d1f] outline-none py-2.5 placeholder:text-[#86868b]`},void 0,!1,{fileName:q,lineNumber:123,columnNumber:17},this)]},void 0,!0,{fileName:q,lineNumber:121,columnNumber:15},this),(0,j.jsxDEV)(`div`,{className:`relative`,children:[(0,j.jsxDEV)(`button`,{type:`button`,onClick:()=>h(!m),className:`flex items-center gap-1.5 h-full px-3 rounded-xl bg-[#f5f5f7] border border-[#e5e5ea] text-[12px] font-medium text-[#1d1d1f] hover:bg-[#ebebeb] transition-apple capitalize`,children:[f===`editor`?(0,j.jsxDEV)(Ne,{className:`w-3 h-3`},void 0,!1,{fileName:q,lineNumber:140,columnNumber:52},this):(0,j.jsxDEV)(fn,{className:`w-3 h-3`},void 0,!1,{fileName:q,lineNumber:140,columnNumber:85},this),f,(0,j.jsxDEV)(qe,{className:`w-3 h-3 text-[#86868b]`},void 0,!1,{fileName:q,lineNumber:142,columnNumber:19},this)]},void 0,!0,{fileName:q,lineNumber:135,columnNumber:17},this),m&&(0,j.jsxDEV)(`div`,{className:`absolute right-0 top-full mt-1 w-36 bg-white border border-[#e5e5ea] rounded-xl shadow-apple-md z-50 overflow-hidden`,children:[`editor`,`viewer`].map(e=>(0,j.jsxDEV)(`button`,{type:`button`,onClick:()=>{p(e),h(!1)},className:D(`w-full flex items-center gap-2 px-3 py-2 text-[12px] hover:bg-[#f5f5f7] transition-apple capitalize`,f===e?`text-[#0071e3] font-semibold`:`text-[#1d1d1f]`),children:[e===`editor`?(0,j.jsxDEV)(Ne,{className:`w-3 h-3`},void 0,!1,{fileName:q,lineNumber:156,columnNumber:43},this):(0,j.jsxDEV)(fn,{className:`w-3 h-3`},void 0,!1,{fileName:q,lineNumber:156,columnNumber:76},this),e===`editor`?`Can edit`:`Can view`,f===e&&(0,j.jsxDEV)(Mr,{className:`w-3 h-3 ml-auto`},void 0,!1,{fileName:q,lineNumber:158,columnNumber:52},this)]},e,!0,{fileName:q,lineNumber:147,columnNumber:23},this))},void 0,!1,{fileName:q,lineNumber:145,columnNumber:19},this)]},void 0,!0,{fileName:q,lineNumber:134,columnNumber:15},this),(0,j.jsxDEV)(`button`,{type:`button`,onClick:b,className:`px-4 py-2.5 rounded-xl bg-[#0071e3] text-white text-[12px] font-semibold hover:bg-[#0077ed] transition-apple shrink-0`,children:`Invite`},void 0,!1,{fileName:q,lineNumber:165,columnNumber:15},this)]},void 0,!0,{fileName:q,lineNumber:120,columnNumber:13},this),x.length>0&&(0,j.jsxDEV)(`div`,{className:`mt-3 space-y-1.5`,children:x.map(e=>(0,j.jsxDEV)(`div`,{className:`flex items-center gap-3 px-3 py-2 rounded-xl bg-[#f5f5f7] border border-[#e5e5ea]`,children:[(0,j.jsxDEV)(`div`,{className:`w-7 h-7 rounded-full bg-gradient-to-br from-[#6e6e73] to-[#86868b] flex items-center justify-center text-white text-[10px] font-bold shrink-0`,children:e.email[0].toUpperCase()},void 0,!1,{fileName:q,lineNumber:179,columnNumber:21},this),(0,j.jsxDEV)(`div`,{className:`flex-1 min-w-0`,children:[(0,j.jsxDEV)(`p`,{className:`text-[12px] text-[#1d1d1f] truncate`,children:e.email},void 0,!1,{fileName:q,lineNumber:183,columnNumber:23},this),(0,j.jsxDEV)(`p`,{className:`text-[10px] text-[#86868b] capitalize`,children:[e.status,` · `,e.permission]},void 0,!0,{fileName:q,lineNumber:184,columnNumber:23},this)]},void 0,!0,{fileName:q,lineNumber:182,columnNumber:21},this),(0,j.jsxDEV)(`button`,{type:`button`,onClick:()=>{r(e.id),l(`Removed ${e.email}`,`info`)},className:`text-[11px] text-[#ff3b30] hover:underline`,children:`Remove`},void 0,!1,{fileName:q,lineNumber:186,columnNumber:21},this)]},e.id,!0,{fileName:q,lineNumber:178,columnNumber:19},this))},void 0,!1,{fileName:q,lineNumber:176,columnNumber:15},this)]},void 0,!0,{fileName:q,lineNumber:116,columnNumber:11},this),(0,j.jsxDEV)(`section`,{children:[(0,j.jsxDEV)(`label`,{className:`block text-[12px] font-semibold text-[#1d1d1f] mb-2`,children:`Share link`},void 0,!1,{fileName:q,lineNumber:201,columnNumber:13},this),(0,j.jsxDEV)(`div`,{className:`rounded-xl border border-[#e5e5ea] overflow-hidden`,children:[(0,j.jsxDEV)(`div`,{className:`flex items-center justify-between px-4 py-3 bg-[#f5f5f7]`,children:[(0,j.jsxDEV)(`div`,{className:`flex items-center gap-2`,children:[v?.link?.isPublic?(0,j.jsxDEV)(we,{className:`w-4 h-4 text-[#0071e3]`},void 0,!1,{fileName:q,lineNumber:209,columnNumber:21},this):(0,j.jsxDEV)(zt,{className:`w-4 h-4 text-[#86868b]`},void 0,!1,{fileName:q,lineNumber:211,columnNumber:21},this),(0,j.jsxDEV)(`div`,{children:[(0,j.jsxDEV)(`p`,{className:`text-[12px] font-medium text-[#1d1d1f]`,children:v?.link?.isPublic?`Anyone with the link`:`Only invited people`},void 0,!1,{fileName:q,lineNumber:214,columnNumber:21},this),(0,j.jsxDEV)(`p`,{className:`text-[10px] text-[#86868b]`,children:v?.link?.isPublic?`Can ${v.link.permission} this project`:`Link is restricted`},void 0,!1,{fileName:q,lineNumber:217,columnNumber:21},this)]},void 0,!0,{fileName:q,lineNumber:213,columnNumber:19},this)]},void 0,!0,{fileName:q,lineNumber:207,columnNumber:17},this),(0,j.jsxDEV)(`button`,{type:`button`,onClick:()=>i(!v?.link?.isPublic,v?.link?.permission||`viewer`),className:D(`relative w-10 h-6 rounded-full transition-apple cursor-pointer`,v?.link?.isPublic?`bg-[#0071e3]`:`bg-[#d1d1d6]`),children:(0,j.jsxDEV)(`div`,{className:D(`absolute top-1 w-4 h-4 rounded-full bg-white shadow-sm transition-transform duration-200`,v?.link?.isPublic?`translate-x-5`:`translate-x-1`)},void 0,!1,{fileName:q,lineNumber:232,columnNumber:19},this)},void 0,!1,{fileName:q,lineNumber:224,columnNumber:17},this)]},void 0,!0,{fileName:q,lineNumber:206,columnNumber:15},this),v?.link?.isPublic&&(0,j.jsxDEV)(`div`,{className:`flex items-center gap-2 px-4 py-2 border-t border-[#e5e5ea] bg-white`,children:[(0,j.jsxDEV)(`span`,{className:`text-[11px] text-[#86868b]`,children:`Link permission:`},void 0,!1,{fileName:q,lineNumber:244,columnNumber:19},this),[`viewer`,`editor`].map(e=>(0,j.jsxDEV)(`button`,{type:`button`,onClick:()=>i(!0,e),className:D(`flex items-center gap-1 px-2.5 py-1 rounded-lg text-[11px] font-medium capitalize transition-apple`,v.link?.permission===e?`bg-[#0071e3] text-white`:`bg-[#f5f5f7] text-[#6e6e73] hover:bg-[#ebebeb]`),children:[e===`editor`?(0,j.jsxDEV)(Ne,{className:`w-3 h-3`},void 0,!1,{fileName:q,lineNumber:257,columnNumber:41},this):(0,j.jsxDEV)(fn,{className:`w-3 h-3`},void 0,!1,{fileName:q,lineNumber:257,columnNumber:74},this),e]},e,!0,{fileName:q,lineNumber:246,columnNumber:21},this))]},void 0,!0,{fileName:q,lineNumber:243,columnNumber:17},this),(0,j.jsxDEV)(`div`,{className:`flex items-center gap-2 px-4 py-3 border-t border-[#e5e5ea] bg-white`,children:[(0,j.jsxDEV)(On,{className:`w-3.5 h-3.5 text-[#86868b] shrink-0`},void 0,!1,{fileName:q,lineNumber:266,columnNumber:17},this),(0,j.jsxDEV)(`span`,{className:`flex-1 text-[11px] text-[#86868b] truncate font-mono`,children:v?.link?.url||`Generating link...`},void 0,!1,{fileName:q,lineNumber:267,columnNumber:17},this),(0,j.jsxDEV)(`button`,{type:`button`,onClick:y,className:D(`flex items-center gap-1.5 px-3 py-1.5 rounded-lg text-[11px] font-semibold transition-apple`,g?`bg-[#f0fdf4] text-[#34c759]`:`bg-[#f5f5f7] text-[#1d1d1f] hover:bg-[#ebebeb]`),children:[g?(0,j.jsxDEV)(Mr,{className:`w-3 h-3`},void 0,!1,{fileName:q,lineNumber:280,columnNumber:29},this):(0,j.jsxDEV)(sn,{className:`w-3 h-3`},void 0,!1,{fileName:q,lineNumber:280,columnNumber:61},this),g?`Copied`:`Copy`]},void 0,!0,{fileName:q,lineNumber:270,columnNumber:17},this)]},void 0,!0,{fileName:q,lineNumber:265,columnNumber:15},this)]},void 0,!0,{fileName:q,lineNumber:204,columnNumber:13},this)]},void 0,!0,{fileName:q,lineNumber:200,columnNumber:11},this),(0,j.jsxDEV)(`section`,{children:[(0,j.jsxDEV)(`label`,{className:`block text-[12px] font-semibold text-[#1d1d1f] mb-2`,children:`Permissions`},void 0,!1,{fileName:q,lineNumber:289,columnNumber:13},this),(0,j.jsxDEV)(`div`,{className:`space-y-2`,children:[{key:`allowComments`,label:`Viewers can comment`,desc:`Allow guests to add comments and annotations`},{key:`allowExport`,label:`Viewers can export`,desc:`Allow guests to export the project as code`}].map(({key:e,label:t,desc:n})=>(0,j.jsxDEV)(`div`,{className:`flex items-center justify-between px-4 py-3 rounded-xl bg-[#f5f5f7] border border-[#e5e5ea]`,children:[(0,j.jsxDEV)(`div`,{children:[(0,j.jsxDEV)(`p`,{className:`text-[12px] font-medium text-[#1d1d1f]`,children:t},void 0,!1,{fileName:q,lineNumber:299,columnNumber:21},this),(0,j.jsxDEV)(`p`,{className:`text-[10px] text-[#86868b]`,children:n},void 0,!1,{fileName:q,lineNumber:300,columnNumber:21},this)]},void 0,!0,{fileName:q,lineNumber:298,columnNumber:19},this),(0,j.jsxDEV)(`button`,{type:`button`,onClick:()=>a({[e]:!v?.[e]}),className:D(`relative w-10 h-6 rounded-full transition-apple cursor-pointer shrink-0`,v?.[e]?`bg-[#0071e3]`:`bg-[#d1d1d6]`),children:(0,j.jsxDEV)(`div`,{className:D(`absolute top-1 w-4 h-4 rounded-full bg-white shadow-sm transition-transform duration-200`,v?.[e]?`translate-x-5`:`translate-x-1`)},void 0,!1,{fileName:q,lineNumber:310,columnNumber:21},this)},void 0,!1,{fileName:q,lineNumber:302,columnNumber:19},this)]},e,!0,{fileName:q,lineNumber:297,columnNumber:17},this))},void 0,!1,{fileName:q,lineNumber:292,columnNumber:13},this)]},void 0,!0,{fileName:q,lineNumber:288,columnNumber:11},this)]},void 0,!0,{fileName:q,lineNumber:114,columnNumber:9},this),(0,j.jsxDEV)(`div`,{className:`px-6 py-4 border-t border-[#e5e5ea] bg-[#f5f5f7] flex justify-end`,children:(0,j.jsxDEV)(`button`,{type:`button`,onClick:e,className:`px-5 py-2 rounded-xl bg-[#0071e3] text-white text-[12px] font-semibold hover:bg-[#0077ed] transition-apple`,children:`Done`},void 0,!1,{fileName:q,lineNumber:325,columnNumber:11},this)},void 0,!1,{fileName:q,lineNumber:324,columnNumber:9},this)]},void 0,!0,{fileName:q,lineNumber:94,columnNumber:7},this)},void 0,!1,{fileName:q,lineNumber:93,columnNumber:5},this)}var J=`C:/Users/Shadow/Desktop/cyrus/src/components/activity/ActivityPanel.tsx`;function Qc(e){try{let t=new Date(e),n=Math.floor((new Date().getTime()-t.getTime())/1e3);return n<45?`Just now`:n<3600?`${Math.floor(n/60)}m ago`:n<86400?`${Math.floor(n/3600)}h ago`:n<604800?`${Math.floor(n/86400)}d ago`:t.toLocaleDateString(void 0,{month:`short`,day:`numeric`})}catch{return`Recently`}}var $c={project_created:{label:`Project Created`,icon:nt,color:`#0071e3`,bg:`bg-[#0071e3]/10`},page_created:{label:`Page Created`,icon:gt,color:`#34c759`,bg:`bg-[#34c759]/10`},ai_change:{label:`AI Change`,icon:he,color:`#5856d6`,bg:`bg-[#5856d6]/10`},version_created:{label:`Version Created`,icon:y,color:`#ff9500`,bg:`bg-[#ff9500]/10`},comment_added:{label:`Comment Added`,icon:i,color:`#0071e3`,bg:`bg-[#0071e3]/10`},comment_resolved:{label:`Comment Resolved`,icon:Me,color:`#34c759`,bg:`bg-[#34c759]/10`},deployment_completed:{label:`Deployment Succeeded`,icon:Ot,color:`#34c759`,bg:`bg-[#34c759]/10`},deployment_failed:{label:`Deployment Failed`,icon:p,color:`#ff3b30`,bg:`bg-[#ff3b30]/10`},mention:{label:`Mention`,icon:an,color:`#0071e3`,bg:`bg-[#0071e3]/10`},collaboration_joined:{label:`Collaborator Joined`,icon:an,color:`#5856d6`,bg:`bg-[#5856d6]/10`}};function el(){let{activities:e,isActivityPanelOpen:t,setActivityPanelOpen:n,markAllAsRead:r,markAsRead:i,clearActivities:a}=ro(),{setActivePage:o}=M(),{toggleReviewMode:s}=A(),{setCommentsOpen:c}=co(),[l,u]=(0,k.useState)(`all`),f=(0,k.useMemo)(()=>e.filter(e=>l===`all`?!0:l===`changes`?e.type===`page_created`||e.type===`version_created`||e.type===`project_created`:l===`ai`?e.type===`ai_change`:l===`comments`?e.type===`comment_added`||e.type===`comment_resolved`||e.type===`mention`:l!==`deployments`||e.type===`deployment_completed`||e.type===`deployment_failed`),[e,l]),p=e.filter(e=>e.isUnread).length;return t?(0,j.jsxDEV)(`div`,{className:`fixed inset-y-0 right-0 z-[99990] w-96 max-w-full bg-white/95 dark:bg-[#1c1c1e]/95 backdrop-blur-2xl border-l border-[#e5e5ea] dark:border-[#38383a] shadow-2xl flex flex-col animate-in slide-in-from-right duration-200`,children:[(0,j.jsxDEV)(`div`,{className:`p-4 border-b border-[#e5e5ea] dark:border-[#2c2c2e] flex items-center justify-between`,children:[(0,j.jsxDEV)(`div`,{className:`flex items-center gap-2`,children:[(0,j.jsxDEV)(`div`,{className:`w-8 h-8 rounded-xl bg-[#0071e3]/10 text-[#0071e3] flex items-center justify-center`,children:(0,j.jsxDEV)(y,{className:`w-4 h-4`},void 0,!1,{fileName:J,lineNumber:164,columnNumber:13},this)},void 0,!1,{fileName:J,lineNumber:163,columnNumber:11},this),(0,j.jsxDEV)(`div`,{children:[(0,j.jsxDEV)(`h2`,{className:`text-[14px] font-bold text-[#1d1d1f] dark:text-[#f5f5f7]`,children:`Project Activity`},void 0,!1,{fileName:J,lineNumber:167,columnNumber:13},this),(0,j.jsxDEV)(`p`,{className:`text-[11px] text-[#86868b]`,children:`Timeline of changes, AI tasks & deployments`},void 0,!1,{fileName:J,lineNumber:170,columnNumber:13},this)]},void 0,!0,{fileName:J,lineNumber:166,columnNumber:11},this)]},void 0,!0,{fileName:J,lineNumber:162,columnNumber:9},this),(0,j.jsxDEV)(`div`,{className:`flex items-center gap-1.5`,children:[p>0&&(0,j.jsxDEV)(`button`,{type:`button`,onClick:()=>r(),title:`Mark all as read`,className:`p-1.5 rounded-lg text-[#0071e3] hover:bg-[#f4f4f6] dark:hover:bg-[#2c2c2e] text-[11px] font-medium flex items-center gap-1 cursor-pointer transition-colors`,children:[(0,j.jsxDEV)(d,{className:`w-3.5 h-3.5`},void 0,!1,{fileName:J,lineNumber:184,columnNumber:15},this),(0,j.jsxDEV)(`span`,{children:`Read`},void 0,!1,{fileName:J,lineNumber:185,columnNumber:15},this)]},void 0,!0,{fileName:J,lineNumber:178,columnNumber:13},this),(0,j.jsxDEV)(`button`,{type:`button`,onClick:()=>n(!1),className:`p-1.5 rounded-lg text-[#86868b] hover:text-[#1d1d1f] dark:hover:text-[#f5f5f7] hover:bg-[#f4f4f6] dark:hover:bg-[#2c2c2e] cursor-pointer transition-colors`,children:(0,j.jsxDEV)(ln,{className:`w-4 h-4`},void 0,!1,{fileName:J,lineNumber:194,columnNumber:13},this)},void 0,!1,{fileName:J,lineNumber:189,columnNumber:11},this)]},void 0,!0,{fileName:J,lineNumber:176,columnNumber:9},this)]},void 0,!0,{fileName:J,lineNumber:161,columnNumber:7},this),(0,j.jsxDEV)(`div`,{className:`px-3 py-2 border-b border-[#f4f4f6] dark:border-[#2c2c2e] bg-[#fafafc] dark:bg-[#161618] flex items-center gap-1 overflow-x-auto no-scrollbar`,children:[{id:`all`,label:`All`},{id:`changes`,label:`Changes`},{id:`ai`,label:`AI Tasks`},{id:`comments`,label:`Comments`},{id:`deployments`,label:`Deploys`}].map(e=>(0,j.jsxDEV)(`button`,{type:`button`,onClick:()=>u(e.id),className:D(`px-2.5 py-1 rounded-full text-[11px] font-medium whitespace-nowrap transition-apple cursor-pointer`,l===e.id?`bg-[#1d1d1f] dark:bg-white text-white dark:text-[#1d1d1f] shadow-2xs`:`text-[#86868b] hover:text-[#1d1d1f] dark:hover:text-[#f5f5f7]`),children:e.label},e.id,!1,{fileName:J,lineNumber:210,columnNumber:11},this))},void 0,!1,{fileName:J,lineNumber:200,columnNumber:7},this),(0,j.jsxDEV)(`div`,{className:`flex-1 overflow-y-auto p-4 space-y-3 select-none`,children:f.length===0?(0,j.jsxDEV)(`div`,{className:`py-16 flex flex-col items-center justify-center text-center px-4`,children:[(0,j.jsxDEV)(`div`,{className:`w-10 h-10 rounded-2xl bg-[#f4f4f6] dark:bg-[#2c2c2e] text-[#86868b] flex items-center justify-center mb-2`,children:(0,j.jsxDEV)(y,{className:`w-5 h-5`},void 0,!1,{fileName:J,lineNumber:231,columnNumber:15},this)},void 0,!1,{fileName:J,lineNumber:230,columnNumber:13},this),(0,j.jsxDEV)(`span`,{className:`text-[13px] font-bold text-[#1d1d1f] dark:text-[#f5f5f7]`,children:`No activity yet`},void 0,!1,{fileName:J,lineNumber:233,columnNumber:13},this),(0,j.jsxDEV)(`p`,{className:`text-[11px] text-[#86868b] mt-1`,children:`Events will appear here as you edit pages, use AI, or deploy.`},void 0,!1,{fileName:J,lineNumber:236,columnNumber:13},this)]},void 0,!0,{fileName:J,lineNumber:229,columnNumber:11},this):f.map(e=>{let t=$c[e.type]||$c.project_created;return t.icon,(0,j.jsxDEV)(`div`,{onClick:()=>{e.isUnread&&i(e.id),e.metadata?.pageId&&o(e.metadata.pageId),(e.type===`comment_added`||e.type===`comment_resolved`)&&(s(),c(!0))},className:D(`p-3 rounded-2xl border transition-all duration-150 flex flex-col gap-2 relative cursor-pointer`,e.isUnread?`bg-white dark:bg-[#242426] border-[#0071e3]/30 shadow-xs`:`bg-[#fafafc] dark:bg-[#1c1c1e] border-[#e5e5ea] dark:border-[#2c2c2e] hover:border-[#d2d2d7]`),children:[e.isUnread&&(0,j.jsxDEV)(`span`,{className:`absolute top-3 right-3 w-2 h-2 rounded-full bg-[#0071e3]`},void 0,!1,{fileName:J,lineNumber:265,columnNumber:19},this),(0,j.jsxDEV)(`div`,{className:`flex items-center justify-between pr-4`,children:[(0,j.jsxDEV)(`div`,{className:`flex items-center gap-2`,children:[(0,j.jsxDEV)(`div`,{className:D(`w-7 h-7 rounded-full flex items-center justify-center text-[11px] font-bold text-white shrink-0`,e.actor.isAI?`bg-gradient-to-tr from-[#5856d6] to-[#af52de]`:`bg-[#0071e3]`),style:{backgroundColor:e.actor.color},children:e.actor.isAI?(0,j.jsxDEV)(he,{className:`w-3.5 h-3.5 text-white`},void 0,!1,{fileName:J,lineNumber:279,columnNumber:25},this):e.actor.name.slice(0,1).toUpperCase()},void 0,!1,{fileName:J,lineNumber:271,columnNumber:21},this),(0,j.jsxDEV)(`div`,{className:`flex flex-col min-w-0`,children:[(0,j.jsxDEV)(`span`,{className:`text-[12px] font-bold text-[#1d1d1f] dark:text-[#f5f5f7] truncate`,children:e.actor.name},void 0,!1,{fileName:J,lineNumber:285,columnNumber:23},this),(0,j.jsxDEV)(`span`,{className:`text-[10px] font-medium text-[#86868b]`,children:Qc(e.timestamp)},void 0,!1,{fileName:J,lineNumber:288,columnNumber:23},this)]},void 0,!0,{fileName:J,lineNumber:284,columnNumber:21},this)]},void 0,!0,{fileName:J,lineNumber:270,columnNumber:19},this),(0,j.jsxDEV)(`span`,{className:D(`text-[9.5px] font-semibold px-2 py-0.5 rounded-md uppercase tracking-wider`,t.bg),style:{color:t.color},children:t.label},void 0,!1,{fileName:J,lineNumber:294,columnNumber:19},this)]},void 0,!0,{fileName:J,lineNumber:269,columnNumber:17},this),(0,j.jsxDEV)(`div`,{children:[(0,j.jsxDEV)(`div`,{className:`text-[12.5px] font-semibold text-[#1d1d1f] dark:text-[#f5f5f7]`,children:e.title},void 0,!1,{fileName:J,lineNumber:307,columnNumber:19},this),(0,j.jsxDEV)(`p`,{className:`text-[11.5px] text-[#86868b] mt-0.5 leading-relaxed`,children:e.description},void 0,!1,{fileName:J,lineNumber:310,columnNumber:19},this)]},void 0,!0,{fileName:J,lineNumber:306,columnNumber:17},this),e.metadata?.changesSummary&&e.metadata.changesSummary.length>0&&(0,j.jsxDEV)(`div`,{className:`mt-1 p-2 rounded-xl bg-[#f4f4f6] dark:bg-[#2c2c2e] text-[11px] text-[#1d1d1f] dark:text-[#f5f5f7] space-y-1`,children:e.metadata.changesSummary.map((e,t)=>(0,j.jsxDEV)(`div`,{className:`flex items-center gap-1.5`,children:[(0,j.jsxDEV)(`span`,{className:`w-1.5 h-1.5 rounded-full bg-[#0071e3]`},void 0,!1,{fileName:J,lineNumber:320,columnNumber:25},this),(0,j.jsxDEV)(`span`,{children:e},void 0,!1,{fileName:J,lineNumber:321,columnNumber:25},this)]},t,!0,{fileName:J,lineNumber:319,columnNumber:23},this))},void 0,!1,{fileName:J,lineNumber:317,columnNumber:19},this),e.metadata?.deployUrl&&(0,j.jsxDEV)(`a`,{href:e.metadata.deployUrl,target:`_blank`,rel:`noreferrer`,onClick:e=>e.stopPropagation(),className:`inline-flex items-center gap-1 text-[11px] font-semibold text-[#0071e3] hover:underline mt-1`,children:[(0,j.jsxDEV)(`span`,{children:`View Deployment`},void 0,!1,{fileName:J,lineNumber:336,columnNumber:21},this),(0,j.jsxDEV)(zn,{className:`w-3 h-3`},void 0,!1,{fileName:J,lineNumber:337,columnNumber:21},this)]},void 0,!0,{fileName:J,lineNumber:329,columnNumber:19},this)]},e.id,!0,{fileName:J,lineNumber:246,columnNumber:15},this)})},void 0,!1,{fileName:J,lineNumber:227,columnNumber:7},this),(0,j.jsxDEV)(`div`,{className:`p-3 border-t border-[#e5e5ea] dark:border-[#2c2c2e] bg-[#fafafc] dark:bg-[#161618] flex items-center justify-between text-[11px] text-[#86868b]`,children:[(0,j.jsxDEV)(`span`,{children:[e.length,` total events recorded`]},void 0,!0,{fileName:J,lineNumber:348,columnNumber:9},this),e.length>0&&(0,j.jsxDEV)(`button`,{type:`button`,onClick:()=>a(),className:`text-[#ff3b30] hover:underline flex items-center gap-1 cursor-pointer`,children:[(0,j.jsxDEV)(x,{className:`w-3 h-3`},void 0,!1,{fileName:J,lineNumber:355,columnNumber:13},this),(0,j.jsxDEV)(`span`,{children:`Clear History`},void 0,!1,{fileName:J,lineNumber:356,columnNumber:13},this)]},void 0,!0,{fileName:J,lineNumber:350,columnNumber:11},this)]},void 0,!0,{fileName:J,lineNumber:347,columnNumber:7},this)]},void 0,!0,{fileName:J,lineNumber:159,columnNumber:5},this):null}function tl(e,t){return`${e.toLowerCase().replace(/[^a-z0-9_-]/gi,`_`).replace(/_+/g,`_`)||`design`}.${t}`}async function nl(e){let t=JSON.stringify(e,null,2),n=tl(e.name,`cyrus`);if(`showSaveFilePicker`in window&&typeof window.showSaveFilePicker==`function`)try{let e=await window.showSaveFilePicker({suggestedName:n,types:[{description:`Cyrus Design File (*.cyrus)`,accept:{"application/json":[`.cyrus`,`.json`]}}]}),r=await e.createWritable();return await r.write(t),await r.close(),{success:!0,filename:e.name||n}}catch(e){if(e.name===`AbortError`)return{success:!1,filename:n}}let r=new Blob([t],{type:`application/json;charset=utf-8`}),i=URL.createObjectURL(r),a=document.createElement(`a`);return a.href=i,a.download=n,a.style.display=`none`,document.body.appendChild(a),a.click(),document.body.removeChild(a),setTimeout(()=>URL.revokeObjectURL(i),1e3),{success:!0,filename:n}}async function rl(e,t){let n=Lc((t?e.pages.find(e=>e.id===t):e.pages[0])||e.pages[0],`html-css`),r=tl(e.name,`html`),i=new Blob([n],{type:`text/html;charset=utf-8`}),a=URL.createObjectURL(i),o=document.createElement(`a`);return o.href=a,o.download=r,document.body.appendChild(o),o.click(),document.body.removeChild(o),setTimeout(()=>URL.revokeObjectURL(a),1e3),{success:!0,filename:r}}async function il(e,t){let n=t?.settings?.width||1440,r=t?.settings?.height||900,i=`<?xml version="1.0" encoding="UTF-8"?>
+<svg width="${n}" height="${r}" viewBox="0 0 ${n} ${r}" xmlns="http://www.w3.org/2000/svg">
+  <rect width="${n}" height="${r}" fill="${t?.settings?.backgroundColor||`#ffffff`}"/>
+  ${(t.elements||[]).map(e=>{if(e.content?.svg)return`<g transform="translate(${e.x}, ${e.y})">${e.content.svg}</g>`;if(e.content?.pathD){let t=e.styles?.strokeColor||e.styles?.textColor||`#ff3b30`,n=e.styles?.strokeWidth||3.5;return`<g transform="translate(${e.x}, ${e.y})"><path d="${e.content.pathD}" stroke="${t}" stroke-width="${n}" fill="none" stroke-linecap="round" stroke-linejoin="round"/></g>`}let t=e.styles?.backgroundColor||`#ffffff`,n=e.styles?.borderColor||`none`,r=e.styles?.borderWidth||0,i=e.styles?.borderRadius||0,a=e.content?.text||e.content?.label||e.content?.title||``;return`<g transform="translate(${e.x}, ${e.y})">
+        <rect width="${e.width}" height="${e.height}" fill="${t}" stroke="${n}" stroke-width="${r}" rx="${i}"/>
+        ${a?`<text x="${e.width/2}" y="${e.height/2+5}" font-family="-apple-system, sans-serif" font-size="${e.styles?.fontSize||14}" fill="${e.styles?.textColor||`#1d1d1f`}" text-anchor="middle">${a}</text>`:``}
+      </g>`}).join(`
+  `)}
+</svg>`,a=tl(`${e.name}_${t.name}`,`svg`),o=new Blob([i],{type:`image/svg+xml;charset=utf-8`}),s=URL.createObjectURL(o),c=document.createElement(`a`);return c.href=s,c.download=a,document.body.appendChild(c),c.click(),document.body.removeChild(c),setTimeout(()=>URL.revokeObjectURL(s),1e3),{success:!0,filename:a}}function al(){(0,k.useEffect)(()=>{let e=(e,t)=>{let{activeProject:n,activePageId:r,addElement:i,selectElement:a}=M.getState();if(!n||!r)return;let o=fo.find(t=>t.id===e);if(!o)return;let s={id:O(),type:o.type,name:t,x:240,y:180,width:o.defaultWidth||320,height:o.defaultHeight||160,rotation:0,zIndex:10,styles:{...o.defaultStyles},content:{...o.defaultContent}};i(s),a(s.id),Vr.getState().addToast(`Added ${t}`,`success`)},t=t=>{let n=t.target,r=n.tagName===`INPUT`||n.tagName===`TEXTAREA`||n.isContentEditable,i=wc.getShortcuts(),a=M.getState(),o=A.getState();for(let n of i)if(vc(t,n.customBinding||n.defaultBinding)){if(r&&!n.allowInInput)continue;if(n.id===`paste`)return;switch(t.preventDefault(),n.id){case`undo`:a.undo();break;case`redo`:a.redo();break;case`save`:a.saveCurrentProject(),a.activeProject?nl(a.activeProject).then(e=>{e.success&&Vr.getState().addToast(`Saved to device: ${e.filename}`,`success`)}):Vr.getState().addToast(`Project saved`,`success`);break;case`commandPalette`:o.setCommandPaletteOpen(!o.isCommandPaletteOpen);break;case`preview`:o.togglePreviewMode();break;case`helpShortcuts`:o.setShortcutsOpen(!0);break;case`exportProject`:o.setShareOpen(!0);break;case`createApp`:o.setCreateAppOpen(!0);break;case`copy`:a.copySelectedElements();break;case`paste`:break;case`duplicate`:a.duplicateSelectedElements();break;case`delete`:a.deleteSelectedElements();break;case`selectAll`:a.selectAllElements();break;case`group`:a.groupSelectedElements();break;case`ungroup`:a.ungroupSelectedElements();break;case`lock`:a.toggleLockSelectedElements();break;case`hide`:a.toggleHideSelectedElements();break;case`deselect`:a.selectElement(null),o.setToolMode(`select`);break;case`zoomIn`:o.zoomIn();break;case`zoomOut`:o.zoomOut();break;case`resetZoom`:o.resetZoom();break;case`fitCanvas`:o.fitToScreen(window.innerWidth,window.innerHeight);break;case`toggleGrid`:o.toggleGrid();break;case`toolSelect`:o.setToolMode(`select`);break;case`toolHand`:o.setToolMode(o.toolMode===`hand`?`select`:`hand`);break;case`toolComment`:o.setToolMode(o.toolMode===`comment`?`select`:`comment`),co.getState().setCommentsOpen(!0);break;case`addText`:e(`text_heading_1`,`Heading`);break;case`addRectangle`:e(`card_glass`,`Container Box`);break;case`addButton`:e(`btn_primary`,`Button`);break;case`addImage`:e(`media_image`,`Image Container`);break;case`addStatCard`:e(`dash_stat_card`,`Stat Card`);break;case`addLineChart`:e(`chart_line`,`Line Chart`)}return}r||(t.key===`ArrowUp`?(t.preventDefault(),a.nudgeSelectedElements(0,t.shiftKey?-10:-1)):t.key===`ArrowDown`?(t.preventDefault(),a.nudgeSelectedElements(0,t.shiftKey?10:1)):t.key===`ArrowLeft`?(t.preventDefault(),a.nudgeSelectedElements(t.shiftKey?-10:-1,0)):t.key===`ArrowRight`&&(t.preventDefault(),a.nudgeSelectedElements(t.shiftKey?10:1,0)))},n=e=>{let t=e.target;if(t&&(t.tagName===`INPUT`||t.tagName===`TEXTAREA`||t.isContentEditable))return;let n=M.getState(),r=n.activeProject,i=n.activePageId;if(!r||!i)return;let a=e.clipboardData;if(!a)return;let o=[];if(a.files&&a.files.length>0&&(o=Array.from(a.files).filter(e=>e.type.startsWith(`image/`))),o.length===0&&a.items&&a.items.length>0){let e=Array.from(a.items);for(let t of e)if(t.type.startsWith(`image/`)){let e=t.getAsFile();e&&o.push(e)}}if(o.length>0){e.preventDefault(),e.stopPropagation(),o.forEach((e,t)=>{let n=new FileReader;n.onload=n=>{let r=n.target?.result;if(!r)return;let i=new Image;i.onload=()=>{let n=M.getState(),a=((n.activeProject?.pages.find(e=>e.id===n.activePageId))?.elements.length||0)+t,o=i.width||400,s=i.height||300;o>560&&(s=Math.round(s*560/o),o=560);let c={id:O(`elem`),type:`image`,name:e.name?`Pasted Image (${e.name})`:`Pasted Image`,x:Math.min(320,120+a%5*30),y:Math.min(380,120+a%5*30),width:o,height:s,rotation:0,zIndex:30+a,styles:{borderRadius:12,shadow:`md`,opacity:1},content:{url:r,src:r,alt:`Pasted image`}};n.addElement(c),n.selectElement(c.id),Vr.getState().addToast(`Pasted image onto craft page!`,`success`)},i.src=r},n.readAsDataURL(e)});return}let s=a.getData(`text/html`),c=s?s.match(/<img[^>]+src=["']([^"']+)["']/i):null,l=c?c[1]:null,u=a.getData(`text/plain`)?.trim(),d=u&&(u.startsWith(`data:image/`)||u.startsWith(`blob:`)||/^https?:\/\/.+/i.test(u)&&/\.(jpeg|jpg|gif|png|svg|webp)($|\?)/i.test(u)),f=l||(d?u:null);if(f){e.preventDefault(),e.stopPropagation();let t=new Image;t.crossOrigin=`anonymous`,t.onload=()=>{let e=M.getState(),n=(e.activeProject?.pages.find(t=>t.id===e.activePageId))?.elements.length||0,r=t.width||400,i=t.height||300;r>560&&(i=Math.round(i*560/r),r=560);let a={id:O(`elem`),type:`image`,name:`Pasted Web Image`,x:Math.min(320,120+n%5*30),y:Math.min(380,120+n%5*30),width:r,height:i,rotation:0,zIndex:30+n,styles:{borderRadius:12,shadow:`md`,opacity:1},content:{url:f,src:f,alt:`Pasted web image`}};e.addElement(a),e.selectElement(a.id),Vr.getState().addToast(`Pasted image onto craft page!`,`success`)},t.onerror=()=>{let e=M.getState();e.clipboard.length>0&&e.pasteElements()},t.src=f;return}n.clipboard.length>0&&(e.preventDefault(),n.pasteElements())};return window.addEventListener(`keydown`,t),window.addEventListener(`paste`,n),()=>{window.removeEventListener(`keydown`,t),window.removeEventListener(`paste`,n)}},[])}var ol=`C:/Users/Shadow/Desktop/cyrus/src/pages/EditorPage.tsx`,sl=(0,k.lazy)(()=>Ha(()=>import(`./CreateAppDialog-DrBGyMVl.js`).then(e=>({default:e.CreateAppDialog})),__vite__mapDeps([9,1,2,3,4,5,6,10,11,12]))),cl=(0,k.lazy)(()=>Ha(()=>import(`./ShareExportDialog-BKmEqa2s.js`).then(e=>({default:e.ShareExportDialog})),__vite__mapDeps([13,1,2,3,4,5,6]))),ll=(0,k.lazy)(()=>Ha(()=>import(`./CanvaSaveModal-BqSV1mos.js`).then(e=>({default:e.CanvaSaveModal})),__vite__mapDeps([14,1,2,3,4,5,6,10,11]))),ul=(0,k.lazy)(()=>Ha(()=>import(`./HistoryTimelineDialog-CAe6Hwyd.js`).then(e=>({default:e.HistoryTimelineDialog})),__vite__mapDeps([15,1,2,3,4,5,6]))),dl=(0,k.lazy)(()=>Ha(()=>import(`./KeyboardShortcutsDialog-DqFAVzC4.js`).then(e=>({default:e.KeyboardShortcutsDialog})),__vite__mapDeps([16,1,2,3,4]))),fl=(0,k.lazy)(()=>Ha(()=>import(`./LiveRuntimeWorkspace-yO2gI0_O.js`).then(e=>({default:e.LiveRuntimeWorkspace})),__vite__mapDeps([17,1,2,3,4,5,6]))),pl=(0,k.lazy)(()=>Ha(()=>import(`./CodingWorkspace-DXrWaTKZ.js`).then(e=>({default:e.CodingWorkspace})),__vite__mapDeps([18,1,2,3,4,5,6,10,11,12]))),ml=(0,k.lazy)(()=>Ha(()=>import(`./AuthDialog-DMFwGmtj.js`).then(e=>({default:e.AuthDialog})),__vite__mapDeps([19,1,2,3,5,4,6]))),hl=(0,k.lazy)(()=>Ha(()=>import(`./UserProfileDialog-BbU1jbKF.js`).then(e=>({default:e.UserProfileDialog})),__vite__mapDeps([20,1,2,3,5,4,6])));function gl({projectId:e,onNavigateDashboard:t,onNavigateSettings:n}){let[r,i]=(0,k.useState)(`design`),{initAuth:a}=zi(),{activeProject:o,activePageId:s,loadProjectFromStorage:c}=M(),{isPreviewMode:l,togglePreviewMode:u,isCreateAppOpen:d,setCreateAppOpen:f,isShareOpen:p,setShareOpen:m,isSaveDesignOpen:h,setSaveDesignOpen:g,isHistoryOpen:_,setHistoryOpen:v,isShortcutsOpen:y,setShortcutsOpen:b,isReviewMode:x,toggleReviewMode:S}=A(),{isCommentsOpen:C,setCommentsOpen:w,isSharePanelOpen:ee,setSharePanelOpen:te,selfId:T,selfColor:ne}=co(),[re,ie]=(0,k.useState)(!0),[ae,oe]=(0,k.useState)(!1);(0,k.useEffect)(()=>{x&&w(!0)},[x,w]),Ns(o?o.id:null);let se=(0,k.useRef)(null),ce=(0,k.useCallback)(e=>{if(se.current)return;se.current=setTimeout(()=>{se.current=null},50);let t=js();if(!t||!s)return;let n=e.currentTarget;if(!n)return;let r=n.getBoundingClientRect(),{zoom:i,pan:a}=A.getState(),o=(e.clientX-r.left-a.x)/i,c=(e.clientY-r.top-a.y)/i;t.updateCursor({x:o,y:c,pageId:s})},[s]);if((0,k.useEffect)(()=>{a();let t=!0;return ie(!0),oe(!1),c(e).then(e=>{t&&(ie(!1),e||oe(!0))}),()=>{t=!1}},[e]),(0,k.useEffect)(()=>{let e=()=>{M.getState().saveCurrentProject()};return window.addEventListener(`beforeunload`,e),()=>window.removeEventListener(`beforeunload`,e)},[]),al(),re)return(0,j.jsxDEV)(`div`,{className:`h-screen w-screen flex flex-col items-center justify-center bg-[#f5f5f7] dark:bg-[#000000] text-[#6e6e73] dark:text-[#8e8e93] gap-3`,children:[(0,j.jsxDEV)(dr,{className:`w-6 h-6 animate-spin text-[#0071e3] dark:text-[#0a84ff]`},void 0,!1,{fileName:ol,lineNumber:164,columnNumber:9},this),(0,j.jsxDEV)(`span`,{className:`text-[13px] font-medium text-[#1d1d1f] dark:text-[#f5f5f7]`,children:`Loading Cyrus Workspace...`},void 0,!1,{fileName:ol,lineNumber:165,columnNumber:9},this)]},void 0,!0,{fileName:ol,lineNumber:163,columnNumber:7},this);if(ae||!o)return(0,j.jsxDEV)(`div`,{className:`h-screen w-screen flex flex-col items-center justify-center bg-[#f5f5f7] dark:bg-[#000000] p-6 text-center`,children:(0,j.jsxDEV)(`div`,{className:`p-6 rounded-[16px] bg-white dark:bg-[#1c1c1e] border border-[#e5e5ea] dark:border-[#38383a] shadow-apple-md max-w-sm flex flex-col items-center gap-3`,children:[(0,j.jsxDEV)(`div`,{className:`text-[16px] font-semibold text-[#1d1d1f] dark:text-[#f5f5f7]`,children:`Project Not Found`},void 0,!1,{fileName:ol,lineNumber:174,columnNumber:11},this),(0,j.jsxDEV)(`p`,{className:`text-[13px] text-[#86868b] dark:text-[#636366]`,children:`The requested project could not be found or failed to load from local storage.`},void 0,!1,{fileName:ol,lineNumber:175,columnNumber:11},this),(0,j.jsxDEV)(Ui,{variant:`primary`,onClick:t,icon:(0,j.jsxDEV)(tr,{className:`w-4 h-4`},void 0,!1,{fileName:ol,lineNumber:178,columnNumber:73},this),children:`Return to Dashboard`},void 0,!1,{fileName:ol,lineNumber:178,columnNumber:11},this)]},void 0,!0,{fileName:ol,lineNumber:173,columnNumber:9},this)},void 0,!1,{fileName:ol,lineNumber:172,columnNumber:7},this);let le=o.pages.find(e=>e.id===s)||o.pages[0];return(0,j.jsxDEV)(`div`,{className:`h-screen w-screen flex flex-col overflow-hidden bg-[#f5f5f7] dark:bg-[#000000] text-[#1d1d1f] dark:text-[#f5f5f7]`,children:[(r===`preview`||l)&&(0,j.jsxDEV)(k.Suspense,{fallback:(0,j.jsxDEV)(`div`,{className:`h-screen w-screen flex items-center justify-center bg-[#1d1d1f] text-white`,children:(0,j.jsxDEV)(dr,{className:`w-6 h-6 animate-spin text-[#0071e3] dark:text-[#0a84ff]`},void 0,!1,{fileName:ol,lineNumber:193,columnNumber:121},this)},void 0,!1,{fileName:ol,lineNumber:193,columnNumber:29},this),children:(0,j.jsxDEV)(fl,{project:o,initialPageId:s,onBackToDesign:()=>{i(`design`),l&&u()},onOpenCodingMode:()=>{i(`code`),l&&u()},onExit:()=>{i(`design`),l&&u()}},void 0,!1,{fileName:ol,lineNumber:194,columnNumber:11},this)},void 0,!1,{fileName:ol,lineNumber:193,columnNumber:9},this),r===`code`&&(0,j.jsxDEV)(k.Suspense,{fallback:(0,j.jsxDEV)(`div`,{className:`h-screen w-screen flex items-center justify-center bg-[#1e1e1e] text-white`,children:(0,j.jsxDEV)(dr,{className:`w-6 h-6 animate-spin text-[#0071e3] dark:text-[#0a84ff]`},void 0,!1,{fileName:ol,lineNumber:215,columnNumber:121},this)},void 0,!1,{fileName:ol,lineNumber:215,columnNumber:29},this),children:(0,j.jsxDEV)(pl,{onBackToDesign:()=>i(`design`),onOpenPreview:()=>i(`preview`)},void 0,!1,{fileName:ol,lineNumber:216,columnNumber:11},this)},void 0,!1,{fileName:ol,lineNumber:215,columnNumber:9},this),(0,j.jsxDEV)(lo,{onBack:t,onOpenCodingMode:()=>i(`code`)},void 0,!1,{fileName:ol,lineNumber:224,columnNumber:7},this),(0,j.jsxDEV)(`div`,{className:`flex-1 flex overflow-hidden relative`,children:[(0,j.jsxDEV)($o,{onNavigateSettings:n},void 0,!1,{fileName:ol,lineNumber:231,columnNumber:9},this),(0,j.jsxDEV)(`div`,{className:`flex-1 relative overflow-hidden flex flex-col`,onMouseMove:e=>ce(e.nativeEvent),children:[(0,j.jsxDEV)(`div`,{className:`flex-1 relative overflow-hidden`,children:(0,j.jsxDEV)(kc,{page:le},void 0,!1,{fileName:ol,lineNumber:240,columnNumber:13},this)},void 0,!1,{fileName:ol,lineNumber:239,columnNumber:11},this),(0,j.jsxDEV)(Wc,{},void 0,!1,{fileName:ol,lineNumber:243,columnNumber:11},this)]},void 0,!0,{fileName:ol,lineNumber:235,columnNumber:9},this),(0,j.jsxDEV)(Uc,{},void 0,!1,{fileName:ol,lineNumber:245,columnNumber:9},this)]},void 0,!0,{fileName:ol,lineNumber:230,columnNumber:7},this),ee&&(0,j.jsxDEV)(Zc,{onClose:()=>te(!1)},void 0,!1,{fileName:ol,lineNumber:250,columnNumber:9},this),(0,j.jsxDEV)(k.Suspense,{fallback:null,children:[d&&(0,j.jsxDEV)(sl,{isOpen:d,onClose:()=>f(!1)},void 0,!1,{fileName:ol,lineNumber:256,columnNumber:11},this),p&&(0,j.jsxDEV)(cl,{isOpen:p,onClose:()=>m(!1)},void 0,!1,{fileName:ol,lineNumber:262,columnNumber:11},this),h&&(0,j.jsxDEV)(ll,{isOpen:h,onClose:()=>g(!1)},void 0,!1,{fileName:ol,lineNumber:268,columnNumber:11},this),_&&(0,j.jsxDEV)(ul,{isOpen:_,onClose:()=>v(!1)},void 0,!1,{fileName:ol,lineNumber:274,columnNumber:11},this),y&&(0,j.jsxDEV)(dl,{isOpen:y,onClose:()=>b(!1)},void 0,!1,{fileName:ol,lineNumber:280,columnNumber:11},this),(0,j.jsxDEV)(Xc,{},void 0,!1,{fileName:ol,lineNumber:285,columnNumber:9},this),(0,j.jsxDEV)(el,{},void 0,!1,{fileName:ol,lineNumber:286,columnNumber:9},this),(0,j.jsxDEV)(ml,{},void 0,!1,{fileName:ol,lineNumber:287,columnNumber:9},this),(0,j.jsxDEV)(hl,{},void 0,!1,{fileName:ol,lineNumber:288,columnNumber:9},this)]},void 0,!0,{fileName:ol,lineNumber:254,columnNumber:7},this)]},void 0,!0,{fileName:ol,lineNumber:190,columnNumber:5},this)}function _l(){try{let e=window.AudioContext||window.webkitAudioContext;if(!e)return;let t=new e,n=t.createOscillator(),r=t.createGain();n.type=`sine`,n.frequency.setValueAtTime(587.33,t.currentTime),n.frequency.setValueAtTime(880,t.currentTime+.08),r.gain.setValueAtTime(.08,t.currentTime),r.gain.exponentialRampToValueAtTime(.001,t.currentTime+.35),n.connect(r),r.connect(t.destination),n.start(t.currentTime),n.stop(t.currentTime+.35)}catch{}}var Y=`C:/Users/Shadow/Desktop/cyrus/src/pages/SettingsPage.tsx`,vl=[{id:`account`,label:`Account Profile`,icon:(0,j.jsxDEV)(an,{className:`w-4 h-4`},void 0,!1,{fileName:Y,lineNumber:56,columnNumber:52},void 0)},{id:`appearance`,label:`Appearance & Theme`,icon:(0,j.jsxDEV)(ut,{className:`w-4 h-4`},void 0,!1,{fileName:Y,lineNumber:57,columnNumber:58},void 0)},{id:`editor`,label:`Editor & Canvas`,icon:(0,j.jsxDEV)(He,{className:`w-4 h-4`},void 0,!1,{fileName:Y,lineNumber:58,columnNumber:51},void 0)},{id:`shortcuts`,label:`Keyboard Shortcuts`,icon:(0,j.jsxDEV)(Pt,{className:`w-4 h-4`},void 0,!1,{fileName:Y,lineNumber:59,columnNumber:57},void 0)},{id:`security`,label:`Security & Auth`,icon:(0,j.jsxDEV)(Fn,{className:`w-4 h-4`},void 0,!1,{fileName:Y,lineNumber:60,columnNumber:53},void 0)},{id:`data`,label:`Data & Backup`,icon:(0,j.jsxDEV)(Gt,{className:`w-4 h-4`},void 0,!1,{fileName:Y,lineNumber:61,columnNumber:47},void 0)},{id:`billing`,label:`Plan & Features`,icon:(0,j.jsxDEV)(Un,{className:`w-4 h-4`},void 0,!1,{fileName:Y,lineNumber:62,columnNumber:52},void 0)}];function yl(){let e=navigator.userAgent,t=`Modern Browser`;e.includes(`Chrome`)?t=`Google Chrome`:e.includes(`Firefox`)?t=`Mozilla Firefox`:e.includes(`Safari`)&&!e.includes(`Chrome`)?t=`Apple Safari`:e.includes(`Edg`)&&(t=`Microsoft Edge`);let n=`Desktop Client`;return e.includes(`Win`)?n=`Windows OS`:e.includes(`Mac`)?n=`macOS`:e.includes(`Linux`)?n=`Linux`:e.includes(`Android`)?n=`Android`:(e.includes(`iPhone`)||e.includes(`iPad`))&&(n=`iOS`),{browser:t,os:n}}function bl({onBack:e}){let[t,n]=(0,k.useState)(`account`),[r,i]=(0,k.useState)(0),[a,o]=(0,k.useState)(!1),[s,c]=(0,k.useState)(``),[u,d]=(0,k.useState)(!1),[f,m]=(0,k.useState)(!1),h=(0,k.useRef)(null),{account:g,appearance:_,editor:v,shortcuts:y,billing:b,updateAccount:x,updateAppearance:S,updateEditor:C,updateShortcuts:w,updateBilling:ee,resetToDefaults:te}=di(),{session:T,signOut:ne}=zi(),{addToast:re}=Vr(),[ie,ae]=(0,k.useState)(T.user?.name||g.name||`Cyrus Creator`),[oe,se]=(0,k.useState)(T.user?.avatarUrl||g.avatarUrl||``),ce=yl();return(0,k.useEffect)(()=>{Hr().then(e=>i(e.length))},[]),(0,k.useEffect)(()=>{T.user&&(ae(T.user.name),se(T.user.avatarUrl||``))},[T.user]),(0,j.jsxDEV)(`div`,{className:`h-full w-full overflow-y-auto bg-[#f5f5f7] dark:bg-[#000000] text-[#1d1d1f] dark:text-[#f5f5f7] flex flex-col font-sans selection:bg-[#7d2ae8] selection:text-white`,children:[(0,j.jsxDEV)(`header`,{className:`sticky top-0 z-30 h-14 bg-white/90 dark:bg-[#1c1c1e]/90 backdrop-blur-md border-b border-[#e5e5ea] dark:border-[#2c2c2e] px-6 sm:px-12 flex items-center justify-between shadow-2xs`,children:[(0,j.jsxDEV)(`div`,{className:`flex items-center gap-3`,children:[(0,j.jsxDEV)(Ui,{variant:`ghost`,size:`sm`,onClick:e,icon:(0,j.jsxDEV)(tr,{className:`w-4 h-4`},void 0,!1,{fileName:Y,lineNumber:257,columnNumber:19},this),children:`Back to Dashboard`},void 0,!1,{fileName:Y,lineNumber:253,columnNumber:11},this),(0,j.jsxDEV)(`div`,{className:`h-4 w-[1px] bg-[#e5e5ea] dark:bg-[#2c2c2e]`},void 0,!1,{fileName:Y,lineNumber:261,columnNumber:11},this),(0,j.jsxDEV)(Vi,{size:`sm`},void 0,!1,{fileName:Y,lineNumber:262,columnNumber:11},this),(0,j.jsxDEV)(`span`,{className:`text-xs font-bold text-[#7d2ae8] dark:text-[#9d52ff]`,children:`Settings`},void 0,!1,{fileName:Y,lineNumber:263,columnNumber:11},this)]},void 0,!0,{fileName:Y,lineNumber:252,columnNumber:9},this),(0,j.jsxDEV)(`button`,{type:`button`,onClick:()=>{ne(),re(`Signed out of Cyrus Workspace`,`info`),e()},className:`flex items-center gap-1.5 text-xs font-semibold text-rose-500 hover:text-rose-600 px-3 py-1.5 rounded-lg hover:bg-rose-500/10 transition-colors cursor-pointer`,children:[(0,j.jsxDEV)(nr,{className:`w-3.5 h-3.5`},void 0,!1,{fileName:Y,lineNumber:275,columnNumber:11},this),(0,j.jsxDEV)(`span`,{children:`Sign Out`},void 0,!1,{fileName:Y,lineNumber:276,columnNumber:11},this)]},void 0,!0,{fileName:Y,lineNumber:266,columnNumber:9},this)]},void 0,!0,{fileName:Y,lineNumber:251,columnNumber:7},this),(0,j.jsxDEV)(`div`,{className:`flex-1 max-w-6xl w-full mx-auto px-6 sm:px-12 py-8 flex flex-col md:flex-row gap-8`,children:[(0,j.jsxDEV)(`aside`,{className:`w-full md:w-60 shrink-0 flex flex-col gap-1 select-none`,children:[(0,j.jsxDEV)(`div`,{className:`px-3 pb-2 text-[11px] font-semibold text-[#86868b] dark:text-[#8e8e93] uppercase tracking-wider`,children:`Workspace Preferences`},void 0,!1,{fileName:Y,lineNumber:284,columnNumber:11},this),vl.map(e=>{let r=t===e.id;return(0,j.jsxDEV)(`button`,{type:`button`,onClick:()=>n(e.id),className:D(`flex items-center gap-2.5 px-3 py-2.5 rounded-[10px] text-[13px] font-medium transition-all text-left cursor-pointer`,r?`bg-white dark:bg-[#2c2c2e] text-[#7d2ae8] dark:text-[#9d52ff] shadow-apple-sm font-semibold`:`text-[#6e6e73] dark:text-[#8e8e93] hover:text-[#1d1d1f] dark:hover:text-[#ffffff] hover:bg-white/60 dark:hover:bg-[#1c1c1e]`),children:[(0,j.jsxDEV)(`span`,{className:D(r?`text-[#7d2ae8] dark:text-[#9d52ff]`:`text-[#86868b]`),children:e.icon},void 0,!1,{fileName:Y,lineNumber:301,columnNumber:17},this),(0,j.jsxDEV)(`span`,{children:e.label},void 0,!1,{fileName:Y,lineNumber:304,columnNumber:17},this)]},e.id,!0,{fileName:Y,lineNumber:290,columnNumber:15},this)})]},void 0,!0,{fileName:Y,lineNumber:283,columnNumber:9},this),(0,j.jsxDEV)(`main`,{className:`flex-1 min-w-0 flex flex-col gap-6`,children:[t===`account`&&(0,j.jsxDEV)(`div`,{className:`bg-white dark:bg-[#1c1c1e] rounded-[20px] border border-[#e5e5ea] dark:border-[#2c2c2e] p-6 sm:p-7 shadow-apple-sm flex flex-col gap-6`,children:[(0,j.jsxDEV)(`div`,{children:[(0,j.jsxDEV)(`h2`,{className:`text-[18px] font-bold text-[#1d1d1f] dark:text-[#f5f5f7]`,children:`Account Profile`},void 0,!1,{fileName:Y,lineNumber:316,columnNumber:17},this),(0,j.jsxDEV)(`p`,{className:`text-[12.5px] text-[#86868b] dark:text-[#8e8e93] mt-0.5`,children:`Your identity and authentication profile connected to Firebase.`},void 0,!1,{fileName:Y,lineNumber:317,columnNumber:17},this)]},void 0,!0,{fileName:Y,lineNumber:315,columnNumber:15},this),(0,j.jsxDEV)(`div`,{className:`flex items-center gap-4 p-4 rounded-2xl bg-[#fbfbfd] dark:bg-[#252528] border border-[#e5e5ea] dark:border-[#38383a]`,children:[(0,j.jsxDEV)(`div`,{className:`w-16 h-16 rounded-2xl bg-gradient-to-tr from-[#7d2ae8] to-[#0071e3] text-white flex items-center justify-center text-[20px] font-bold shadow-apple-sm overflow-hidden shrink-0`,children:oe?(0,j.jsxDEV)(`img`,{src:oe,alt:`Avatar`,className:`w-full h-full object-cover`},void 0,!1,{fileName:Y,lineNumber:326,columnNumber:21},this):(0,j.jsxDEV)(`span`,{children:(ie||`U`).split(` `).map(e=>e[0]).join(``).slice(0,2).toUpperCase()},void 0,!1,{fileName:Y,lineNumber:328,columnNumber:21},this)},void 0,!1,{fileName:Y,lineNumber:324,columnNumber:17},this),(0,j.jsxDEV)(`div`,{className:`flex flex-col gap-1 min-w-0`,children:[(0,j.jsxDEV)(`span`,{className:`text-[15px] font-bold text-[#1d1d1f] dark:text-[#f5f5f7] truncate`,children:T.user?.name||ie||`Cyrus Creator`},void 0,!1,{fileName:Y,lineNumber:332,columnNumber:19},this),(0,j.jsxDEV)(`span`,{className:`text-[12px] text-[#86868b] font-mono truncate`,children:T.user?.email||`Authenticated User`},void 0,!1,{fileName:Y,lineNumber:335,columnNumber:19},this),(0,j.jsxDEV)(`div`,{className:`flex items-center gap-2 mt-0.5`,children:[(0,j.jsxDEV)(`span`,{className:`inline-flex items-center gap-1 text-[11px] font-bold text-[#7d2ae8] dark:text-[#9d52ff] bg-[#7d2ae8]/10 px-2 py-0.5 rounded-md`,children:[(0,j.jsxDEV)(he,{className:`w-3 h-3`},void 0,!1,{fileName:Y,lineNumber:340,columnNumber:23},this),(0,j.jsxDEV)(`span`,{children:`Firebase Verified`},void 0,!1,{fileName:Y,lineNumber:341,columnNumber:23},this)]},void 0,!0,{fileName:Y,lineNumber:339,columnNumber:21},this),(0,j.jsxDEV)(`span`,{className:`text-[11px] text-[#86868b]`,children:[`UID: `,T.user?.id.slice(0,10),`...`]},void 0,!0,{fileName:Y,lineNumber:343,columnNumber:21},this)]},void 0,!0,{fileName:Y,lineNumber:338,columnNumber:19},this)]},void 0,!0,{fileName:Y,lineNumber:331,columnNumber:17},this)]},void 0,!0,{fileName:Y,lineNumber:323,columnNumber:15},this),(0,j.jsxDEV)(`div`,{className:`grid grid-cols-1 sm:grid-cols-2 gap-4`,children:[(0,j.jsxDEV)(Gi,{label:`Display Name`,value:ie,onChange:e=>ae(e.target.value),placeholder:`Your Name`},void 0,!1,{fileName:Y,lineNumber:352,columnNumber:17},this),(0,j.jsxDEV)(Gi,{label:`Email Address`,type:`email`,value:T.user?.email||g.email,disabled:!0,helperText:`Managed via Firebase Authentication`},void 0,!1,{fileName:Y,lineNumber:358,columnNumber:17},this),(0,j.jsxDEV)(`div`,{className:`sm:col-span-2`,children:(0,j.jsxDEV)(Gi,{label:`Avatar Image URL (Optional)`,placeholder:`https://...`,value:oe,onChange:e=>se(e.target.value),helperText:`Direct image URL for your profile picture`},void 0,!1,{fileName:Y,lineNumber:366,columnNumber:19},this)},void 0,!1,{fileName:Y,lineNumber:365,columnNumber:17},this)]},void 0,!0,{fileName:Y,lineNumber:351,columnNumber:15},this),(0,j.jsxDEV)(`div`,{className:`pt-2 border-t border-[#f4f4f6] dark:border-[#2c2c2e] flex justify-end`,children:(0,j.jsxDEV)(Ui,{variant:`primary`,size:`md`,isLoading:u,onClick:async()=>{d(!0);try{Pi.updateUserProfile&&await Pi.updateUserProfile({displayName:ie.trim(),photoURL:oe.trim()||void 0}),x({name:ie.trim(),avatarUrl:oe.trim()}),re(`Profile successfully saved and synced to Firebase`,`success`),_l()}catch(e){let t=e instanceof Error?e.message:`Failed to update profile`;re(t,`error`)}finally{d(!1)}},className:`bg-[#7d2ae8] hover:bg-[#6b21ce] text-white`,children:`Save Profile to Firebase`},void 0,!1,{fileName:Y,lineNumber:377,columnNumber:17},this)},void 0,!1,{fileName:Y,lineNumber:376,columnNumber:15},this)]},void 0,!0,{fileName:Y,lineNumber:314,columnNumber:13},this),t===`appearance`&&(0,j.jsxDEV)(`div`,{className:`bg-white dark:bg-[#1c1c1e] rounded-[20px] border border-[#e5e5ea] dark:border-[#2c2c2e] p-6 sm:p-7 shadow-apple-sm flex flex-col gap-6`,children:[(0,j.jsxDEV)(`div`,{children:[(0,j.jsxDEV)(`h2`,{className:`text-[18px] font-bold text-[#1d1d1f] dark:text-[#f5f5f7]`,children:`Appearance & Theme`},void 0,!1,{fileName:Y,lineNumber:394,columnNumber:17},this),(0,j.jsxDEV)(`p`,{className:`text-[12.5px] text-[#86868b] dark:text-[#8e8e93] mt-0.5`,children:`Customize the interface theme, accent color, and typography density.`},void 0,!1,{fileName:Y,lineNumber:395,columnNumber:17},this)]},void 0,!0,{fileName:Y,lineNumber:393,columnNumber:15},this),(0,j.jsxDEV)(`div`,{className:`flex flex-col gap-2.5`,children:[(0,j.jsxDEV)(`label`,{className:`text-[12px] font-bold text-[#1d1d1f] dark:text-[#f5f5f7] uppercase tracking-wider`,children:`Interface Theme`},void 0,!1,{fileName:Y,lineNumber:402,columnNumber:17},this),(0,j.jsxDEV)(`div`,{className:`grid grid-cols-3 gap-3`,children:[{id:`light`,label:`Light Mode`,icon:(0,j.jsxDEV)(l,{className:`w-5 h-5 text-amber-500`},void 0,!1,{fileName:Y,lineNumber:405,columnNumber:72},this)},{id:`dark`,label:`Dark Mode`,icon:(0,j.jsxDEV)(Jn,{className:`w-5 h-5 text-[#7d2ae8]`},void 0,!1,{fileName:Y,lineNumber:406,columnNumber:70},this)},{id:`system`,label:`System Sync`,icon:(0,j.jsxDEV)(ve,{className:`w-5 h-5 text-[#86868b]`},void 0,!1,{fileName:Y,lineNumber:407,columnNumber:74},this)}].map(e=>(0,j.jsxDEV)(`button`,{type:`button`,onClick:()=>{S({theme:e.id}),re(`Switched to ${e.label}`,`info`)},className:D(`p-4 rounded-2xl border flex flex-col items-center gap-2.5 transition-all cursor-pointer`,_.theme===e.id?`border-[#7d2ae8] bg-[#7d2ae8]/5 dark:bg-[#7d2ae8]/15 ring-2 ring-[#7d2ae8]/30 shadow-apple-xs`:`border-[#e5e5ea] dark:border-[#2c2c2e] bg-[#fbfbfd] dark:bg-[#252528] hover:border-[#7d2ae8]/40`),children:[e.icon,(0,j.jsxDEV)(`span`,{className:`text-[13px] font-bold text-[#1d1d1f] dark:text-[#f5f5f7]`,children:e.label},void 0,!1,{fileName:Y,lineNumber:424,columnNumber:23},this)]},e.id,!0,{fileName:Y,lineNumber:409,columnNumber:21},this))},void 0,!1,{fileName:Y,lineNumber:403,columnNumber:17},this)]},void 0,!0,{fileName:Y,lineNumber:401,columnNumber:15},this),(0,j.jsxDEV)(`div`,{className:`flex flex-col gap-2.5 pt-2`,children:[(0,j.jsxDEV)(`label`,{className:`text-[12px] font-bold text-[#1d1d1f] dark:text-[#f5f5f7] uppercase tracking-wider`,children:`Brand Accent Color`},void 0,!1,{fileName:Y,lineNumber:432,columnNumber:17},this),(0,j.jsxDEV)(`div`,{className:`flex items-center gap-3`,children:[`#7d2ae8`,`#0071e3`,`#34c759`,`#ff2d55`,`#ff9500`,`#5856d6`].map(e=>(0,j.jsxDEV)(`button`,{type:`button`,onClick:()=>{S({accentColor:e}),re(`Accent color updated`,`info`)},style:{backgroundColor:e},className:`w-8 h-8 rounded-full flex items-center justify-center transition-transform hover:scale-115 shadow-apple-sm cursor-pointer`,children:_.accentColor===e&&(0,j.jsxDEV)(Mr,{className:`w-4 h-4 text-white`},void 0,!1,{fileName:Y,lineNumber:445,columnNumber:60},this)},e,!1,{fileName:Y,lineNumber:435,columnNumber:21},this))},void 0,!1,{fileName:Y,lineNumber:433,columnNumber:17},this)]},void 0,!0,{fileName:Y,lineNumber:431,columnNumber:15},this),(0,j.jsxDEV)(`div`,{className:`flex flex-col gap-2.5 pt-2`,children:[(0,j.jsxDEV)(`label`,{className:`text-[12px] font-bold text-[#1d1d1f] dark:text-[#f5f5f7] uppercase tracking-wider`,children:`Interface Density`},void 0,!1,{fileName:Y,lineNumber:453,columnNumber:17},this),(0,j.jsxDEV)(`div`,{className:`grid grid-cols-3 gap-2.5`,children:[{id:`compact`,label:`Compact`},{id:`standard`,label:`Standard`},{id:`relaxed`,label:`Relaxed`}].map(e=>(0,j.jsxDEV)(`button`,{type:`button`,onClick:()=>{S({fontScaling:e.id}),re(`Interface density set to ${e.label}`,`info`)},className:D(`py-2.5 px-3 rounded-xl border text-[12px] font-bold transition-colors cursor-pointer text-center`,_.fontScaling===e.id?`bg-[#7d2ae8] text-white border-[#7d2ae8]`:`bg-[#fbfbfd] dark:bg-[#252528] text-[#6e6e73] hover:text-[#1d1d1f] border-[#e5e5ea] dark:border-[#38383a]`),children:e.label},e.id,!1,{fileName:Y,lineNumber:460,columnNumber:21},this))},void 0,!1,{fileName:Y,lineNumber:454,columnNumber:17},this)]},void 0,!0,{fileName:Y,lineNumber:452,columnNumber:15},this)]},void 0,!0,{fileName:Y,lineNumber:392,columnNumber:13},this),t===`editor`&&(0,j.jsxDEV)(`div`,{className:`bg-white dark:bg-[#1c1c1e] rounded-[20px] border border-[#e5e5ea] dark:border-[#2c2c2e] p-6 sm:p-7 shadow-apple-sm flex flex-col gap-5`,children:[(0,j.jsxDEV)(`div`,{children:[(0,j.jsxDEV)(`h2`,{className:`text-[18px] font-bold text-[#1d1d1f] dark:text-[#f5f5f7]`,children:`Canvas & Editor Preferences`},void 0,!1,{fileName:Y,lineNumber:486,columnNumber:17},this),(0,j.jsxDEV)(`p`,{className:`text-[12.5px] text-[#86868b] dark:text-[#8e8e93] mt-0.5`,children:`Tune precision snapping, grid displays, measurement units, and background auto-saving.`},void 0,!1,{fileName:Y,lineNumber:487,columnNumber:17},this)]},void 0,!0,{fileName:Y,lineNumber:485,columnNumber:15},this),(0,j.jsxDEV)(`div`,{className:`flex flex-col gap-4 pt-1`,children:[(0,j.jsxDEV)(`div`,{className:`flex items-center justify-between py-3 border-b border-[#f4f4f6] dark:border-[#2c2c2e]`,children:[(0,j.jsxDEV)(`div`,{children:[(0,j.jsxDEV)(`div`,{className:`text-[13.5px] font-bold text-[#1d1d1f] dark:text-[#f5f5f7]`,children:`Show Dot Grid by Default`},void 0,!1,{fileName:Y,lineNumber:495,columnNumber:21},this),(0,j.jsxDEV)(`div`,{className:`text-[11.5px] text-[#86868b]`,children:`Display dot matrix background when opening visual canvas`},void 0,!1,{fileName:Y,lineNumber:496,columnNumber:21},this)]},void 0,!0,{fileName:Y,lineNumber:494,columnNumber:19},this),(0,j.jsxDEV)(`input`,{type:`checkbox`,checked:v.showGridByDefault,onChange:e=>{C({showGridByDefault:e.target.checked}),re(e.target.checked?`Grid enabled by default`:`Grid hidden by default`,`info`)},className:`w-4 h-4 accent-[#7d2ae8] cursor-pointer`},void 0,!1,{fileName:Y,lineNumber:498,columnNumber:19},this)]},void 0,!0,{fileName:Y,lineNumber:493,columnNumber:17},this),(0,j.jsxDEV)(`div`,{className:`flex items-center justify-between py-3 border-b border-[#f4f4f6] dark:border-[#2c2c2e]`,children:[(0,j.jsxDEV)(`div`,{children:[(0,j.jsxDEV)(`div`,{className:`text-[13.5px] font-bold text-[#1d1d1f] dark:text-[#f5f5f7]`,children:`Smart Snapping Threshold`},void 0,!1,{fileName:Y,lineNumber:511,columnNumber:21},this),(0,j.jsxDEV)(`div`,{className:`text-[11.5px] text-[#86868b]`,children:[`Distance in pixels before snapping to adjacent guide lines (`,v.snapThreshold,`px)`]},void 0,!0,{fileName:Y,lineNumber:512,columnNumber:21},this)]},void 0,!0,{fileName:Y,lineNumber:510,columnNumber:19},this),(0,j.jsxDEV)(`input`,{type:`range`,min:2,max:16,step:1,value:v.snapThreshold,onChange:e=>C({snapThreshold:Number(e.target.value)}),className:`w-32 accent-[#7d2ae8] cursor-pointer`},void 0,!1,{fileName:Y,lineNumber:514,columnNumber:19},this)]},void 0,!0,{fileName:Y,lineNumber:509,columnNumber:17},this),(0,j.jsxDEV)(`div`,{className:`flex items-center justify-between py-3 border-b border-[#f4f4f6] dark:border-[#2c2c2e]`,children:[(0,j.jsxDEV)(`div`,{children:[(0,j.jsxDEV)(`div`,{className:`text-[13.5px] font-bold text-[#1d1d1f] dark:text-[#f5f5f7]`,children:`Smooth Canvas Transitions`},void 0,!1,{fileName:Y,lineNumber:527,columnNumber:21},this),(0,j.jsxDEV)(`div`,{className:`text-[11.5px] text-[#86868b]`,children:`Smooth zoom, pan, and transform easing animations`},void 0,!1,{fileName:Y,lineNumber:528,columnNumber:21},this)]},void 0,!0,{fileName:Y,lineNumber:526,columnNumber:19},this),(0,j.jsxDEV)(`input`,{type:`checkbox`,checked:v.canvasAnimations,onChange:e=>C({canvasAnimations:e.target.checked}),className:`w-4 h-4 accent-[#7d2ae8] cursor-pointer`},void 0,!1,{fileName:Y,lineNumber:530,columnNumber:19},this)]},void 0,!0,{fileName:Y,lineNumber:525,columnNumber:17},this),(0,j.jsxDEV)(`div`,{className:`flex items-center justify-between py-3 border-b border-[#f4f4f6] dark:border-[#2c2c2e]`,children:[(0,j.jsxDEV)(`div`,{children:[(0,j.jsxDEV)(`div`,{className:`text-[13.5px] font-bold text-[#1d1d1f] dark:text-[#f5f5f7]`,children:`Default Measurement Units`},void 0,!1,{fileName:Y,lineNumber:540,columnNumber:21},this),(0,j.jsxDEV)(`div`,{className:`text-[11.5px] text-[#86868b]`,children:`Unit format used for sizing and layout dimensions`},void 0,!1,{fileName:Y,lineNumber:541,columnNumber:21},this)]},void 0,!0,{fileName:Y,lineNumber:539,columnNumber:19},this),(0,j.jsxDEV)(`select`,{value:v.defaultUnit,onChange:e=>C({defaultUnit:e.target.value}),className:`bg-[#f4f4f6] dark:bg-[#2c2c2e] text-[#1d1d1f] dark:text-[#f5f5f7] border border-[#e5e5ea] dark:border-[#38383a] rounded-xl px-3 py-1.5 text-[12px] font-semibold cursor-pointer`,children:[(0,j.jsxDEV)(`option`,{value:`px`,children:`Pixels (px)`},void 0,!1,{fileName:Y,lineNumber:548,columnNumber:21},this),(0,j.jsxDEV)(`option`,{value:`rem`,children:`Relative (rem)`},void 0,!1,{fileName:Y,lineNumber:549,columnNumber:21},this)]},void 0,!0,{fileName:Y,lineNumber:543,columnNumber:19},this)]},void 0,!0,{fileName:Y,lineNumber:538,columnNumber:17},this),(0,j.jsxDEV)(`div`,{className:`flex items-center justify-between py-3`,children:[(0,j.jsxDEV)(`div`,{children:[(0,j.jsxDEV)(`div`,{className:`text-[13.5px] font-bold text-[#1d1d1f] dark:text-[#f5f5f7]`,children:`Background Auto-Save Timer`},void 0,!1,{fileName:Y,lineNumber:555,columnNumber:21},this),(0,j.jsxDEV)(`div`,{className:`text-[11.5px] text-[#86868b]`,children:`Frequency for saving design snapshots to local database`},void 0,!1,{fileName:Y,lineNumber:556,columnNumber:21},this)]},void 0,!0,{fileName:Y,lineNumber:554,columnNumber:19},this),(0,j.jsxDEV)(`select`,{value:v.autoSaveInterval||10,onChange:e=>C({autoSaveInterval:Number(e.target.value)}),className:`bg-[#f4f4f6] dark:bg-[#2c2c2e] text-[#1d1d1f] dark:text-[#f5f5f7] border border-[#e5e5ea] dark:border-[#38383a] rounded-xl px-3 py-1.5 text-[12px] font-semibold cursor-pointer`,children:[(0,j.jsxDEV)(`option`,{value:5,children:`Every 5 seconds`},void 0,!1,{fileName:Y,lineNumber:563,columnNumber:21},this),(0,j.jsxDEV)(`option`,{value:10,children:`Every 10 seconds (Default)`},void 0,!1,{fileName:Y,lineNumber:564,columnNumber:21},this),(0,j.jsxDEV)(`option`,{value:30,children:`Every 30 seconds`},void 0,!1,{fileName:Y,lineNumber:565,columnNumber:21},this),(0,j.jsxDEV)(`option`,{value:60,children:`Every 1 minute`},void 0,!1,{fileName:Y,lineNumber:566,columnNumber:21},this)]},void 0,!0,{fileName:Y,lineNumber:558,columnNumber:19},this)]},void 0,!0,{fileName:Y,lineNumber:553,columnNumber:17},this)]},void 0,!0,{fileName:Y,lineNumber:492,columnNumber:15},this)]},void 0,!0,{fileName:Y,lineNumber:484,columnNumber:13},this),t===`shortcuts`&&(0,j.jsxDEV)(`div`,{className:`bg-white dark:bg-[#1c1c1e] rounded-[20px] border border-[#e5e5ea] dark:border-[#2c2c2e] p-6 sm:p-7 shadow-apple-sm flex flex-col gap-5`,children:[(0,j.jsxDEV)(`div`,{className:`flex items-center justify-between`,children:[(0,j.jsxDEV)(`div`,{children:[(0,j.jsxDEV)(`h2`,{className:`text-[18px] font-bold text-[#1d1d1f] dark:text-[#f5f5f7]`,children:`Keyboard Shortcuts`},void 0,!1,{fileName:Y,lineNumber:578,columnNumber:19},this),(0,j.jsxDEV)(`p`,{className:`text-[12.5px] text-[#86868b] dark:text-[#8e8e93] mt-0.5`,children:`Standard keybindings configured for rapid visual development.`},void 0,!1,{fileName:Y,lineNumber:579,columnNumber:19},this)]},void 0,!0,{fileName:Y,lineNumber:577,columnNumber:17},this),(0,j.jsxDEV)(Ui,{variant:`secondary`,size:`xs`,onClick:()=>{wc.resetAllToDefaults(),re(`Reset shortcuts to defaults`,`success`)},icon:(0,j.jsxDEV)(cn,{className:`w-3 h-3`},void 0,!1,{fileName:Y,lineNumber:590,columnNumber:25},this),children:`Reset Defaults`},void 0,!1,{fileName:Y,lineNumber:583,columnNumber:17},this)]},void 0,!0,{fileName:Y,lineNumber:576,columnNumber:15},this),(0,j.jsxDEV)(`div`,{className:`grid grid-cols-1 sm:grid-cols-2 gap-2.5 text-[12px] pt-2`,children:[{action:`Save Design to Storage`,keys:`Ctrl/⌘ + S`},{action:`AI Magic Command Palette`,keys:`Ctrl/⌘ + K`},{action:`Undo Last Action`,keys:`Ctrl/⌘ + Z`},{action:`Redo Action`,keys:`Ctrl/⌘ + Shift + Z`},{action:`Live Interactive Preview`,keys:`Ctrl/⌘ + P`},{action:`Duplicate Selected Layer`,keys:`Ctrl/⌘ + D`},{action:`Group / Ungroup Selection`,keys:`Ctrl/⌘ + G`},{action:`Zoom to 100%`,keys:`Ctrl/⌘ + 1`},{action:`Zoom to Fit Canvas`,keys:`Ctrl/⌘ + 0`},{action:`Delete Selected Element`,keys:`Del / Backspace`}].map(e=>(0,j.jsxDEV)(`div`,{className:`p-3 rounded-xl bg-[#fbfbfd] dark:bg-[#252528] border border-[#e5e5ea] dark:border-[#38383a] flex items-center justify-between`,children:[(0,j.jsxDEV)(`span`,{className:`font-semibold text-[#1d1d1f] dark:text-[#f5f5f7]`,children:e.action},void 0,!1,{fileName:Y,lineNumber:610,columnNumber:21},this),(0,j.jsxDEV)(`kbd`,{className:`px-2.5 py-1 rounded-md bg-white dark:bg-[#1c1c1e] border border-[#e5e5ea] dark:border-[#38383a] text-[11px] font-mono text-[#7d2ae8] dark:text-[#9d52ff] font-bold shadow-2xs`,children:e.keys},void 0,!1,{fileName:Y,lineNumber:611,columnNumber:21},this)]},e.action,!0,{fileName:Y,lineNumber:609,columnNumber:19},this))},void 0,!1,{fileName:Y,lineNumber:596,columnNumber:15},this)]},void 0,!0,{fileName:Y,lineNumber:575,columnNumber:13},this),t===`security`&&(0,j.jsxDEV)(`div`,{className:`bg-white dark:bg-[#1c1c1e] rounded-[20px] border border-[#e5e5ea] dark:border-[#2c2c2e] p-6 sm:p-7 shadow-apple-sm flex flex-col gap-6`,children:[(0,j.jsxDEV)(`div`,{children:[(0,j.jsxDEV)(`h2`,{className:`text-[18px] font-bold text-[#1d1d1f] dark:text-[#f5f5f7]`,children:`Security & Password`},void 0,!1,{fileName:Y,lineNumber:624,columnNumber:17},this),(0,j.jsxDEV)(`p`,{className:`text-[12.5px] text-[#86868b] dark:text-[#8e8e93] mt-0.5`,children:`Manage your credentials and view real client session details.`},void 0,!1,{fileName:Y,lineNumber:625,columnNumber:17},this)]},void 0,!0,{fileName:Y,lineNumber:623,columnNumber:15},this),(0,j.jsxDEV)(`div`,{className:`p-4 rounded-2xl bg-[#fbfbfd] dark:bg-[#252528] border border-[#e5e5ea] dark:border-[#38383a] flex flex-col gap-3`,children:(0,j.jsxDEV)(`div`,{className:`flex items-center justify-between`,children:(0,j.jsxDEV)(`div`,{className:`flex items-center gap-3`,children:[(0,j.jsxDEV)(`div`,{className:`p-2.5 rounded-xl bg-[#7d2ae8]/10 text-[#7d2ae8] dark:text-[#9d52ff]`,children:(0,j.jsxDEV)(Dr,{className:`w-5 h-5`},void 0,!1,{fileName:Y,lineNumber:635,columnNumber:23},this)},void 0,!1,{fileName:Y,lineNumber:634,columnNumber:21},this),(0,j.jsxDEV)(`div`,{children:[(0,j.jsxDEV)(`div`,{className:`text-[13.5px] font-bold text-[#1d1d1f] dark:text-[#f5f5f7] flex items-center gap-2`,children:[(0,j.jsxDEV)(`span`,{children:[ce.os,` • `,ce.browser]},void 0,!0,{fileName:Y,lineNumber:639,columnNumber:25},this),(0,j.jsxDEV)(`span`,{className:`px-2 py-0.5 rounded-full bg-emerald-500/15 text-emerald-600 dark:text-emerald-400 text-[10px] font-bold`,children:`Active Client`},void 0,!1,{fileName:Y,lineNumber:640,columnNumber:25},this)]},void 0,!0,{fileName:Y,lineNumber:638,columnNumber:23},this),(0,j.jsxDEV)(`div`,{className:`text-[11.5px] text-[#86868b] mt-0.5 font-mono`,children:`Firebase Project: faah-canfig • Domain: localhost`},void 0,!1,{fileName:Y,lineNumber:644,columnNumber:23},this)]},void 0,!0,{fileName:Y,lineNumber:637,columnNumber:21},this)]},void 0,!0,{fileName:Y,lineNumber:633,columnNumber:19},this)},void 0,!1,{fileName:Y,lineNumber:632,columnNumber:17},this)},void 0,!1,{fileName:Y,lineNumber:631,columnNumber:15},this),(0,j.jsxDEV)(`div`,{className:`pt-4 border-t border-[#f4f4f6] dark:border-[#2c2c2e] flex flex-col gap-4`,children:[(0,j.jsxDEV)(`div`,{children:[(0,j.jsxDEV)(`div`,{className:`text-[14px] font-bold text-[#1d1d1f] dark:text-[#f5f5f7] flex items-center gap-2`,children:[(0,j.jsxDEV)(zt,{className:`w-4 h-4 text-[#7d2ae8]`},void 0,!1,{fileName:Y,lineNumber:656,columnNumber:21},this),(0,j.jsxDEV)(`span`,{children:`Password & Recovery Management`},void 0,!1,{fileName:Y,lineNumber:657,columnNumber:21},this)]},void 0,!0,{fileName:Y,lineNumber:655,columnNumber:19},this),(0,j.jsxDEV)(`p`,{className:`text-[12px] text-[#86868b] mt-1`,children:`Your password and authentication are managed securely by Firebase. Password changes must be authorized via verified email dispatch.`},void 0,!1,{fileName:Y,lineNumber:659,columnNumber:19},this)]},void 0,!0,{fileName:Y,lineNumber:654,columnNumber:17},this),(0,j.jsxDEV)(`div`,{className:`p-4 rounded-2xl bg-[#fbfbfd] dark:bg-[#252528] border border-[#e5e5ea] dark:border-[#38383a] flex items-center justify-between`,children:[(0,j.jsxDEV)(`div`,{children:[(0,j.jsxDEV)(`div`,{className:`text-[13px] font-bold text-[#1d1d1f] dark:text-[#f5f5f7]`,children:`Reset Password via Email`},void 0,!1,{fileName:Y,lineNumber:666,columnNumber:21},this),(0,j.jsxDEV)(`div`,{className:`text-[11.5px] text-[#86868b] mt-0.5`,children:[`Send a secure Firebase password reset link to `,(0,j.jsxDEV)(`strong`,{className:`text-[#1d1d1f] dark:text-white font-mono`,children:T.user?.email||g.email},void 0,!1,{fileName:Y,lineNumber:670,columnNumber:69},this)]},void 0,!0,{fileName:Y,lineNumber:669,columnNumber:21},this)]},void 0,!0,{fileName:Y,lineNumber:665,columnNumber:19},this),(0,j.jsxDEV)(Ui,{type:`button`,variant:`secondary`,size:`sm`,disabled:f,onClick:async()=>{let e=T.user?.email||g.email;if(!e){re(`No email address associated with this account.`,`error`);return}m(!0);try{Pi.sendPasswordReset&&(await Pi.sendPasswordReset(e),re(`Password reset link sent to ${e}`,`success`))}catch(e){let t=e instanceof Error?e.message:`Failed to send reset email`;re(t,`error`)}finally{m(!1)}},icon:(0,j.jsxDEV)(At,{className:`w-3.5 h-3.5 text-[#7d2ae8]`},void 0,!1,{fileName:Y,lineNumber:680,columnNumber:27},this),children:f?`Sending Link...`:`Send Reset Link`},void 0,!1,{fileName:Y,lineNumber:674,columnNumber:19},this)]},void 0,!0,{fileName:Y,lineNumber:664,columnNumber:17},this),(0,j.jsxDEV)(`div`,{className:`grid grid-cols-1 sm:grid-cols-3 gap-3 pt-2`,children:[(0,j.jsxDEV)(`div`,{className:`p-3 rounded-xl bg-[#fbfbfd] dark:bg-[#252528] border border-[#e5e5ea] dark:border-[#38383a] flex items-center gap-2.5`,children:[(0,j.jsxDEV)(Me,{className:`w-4 h-4 text-emerald-500 shrink-0`},void 0,!1,{fileName:Y,lineNumber:689,columnNumber:21},this),(0,j.jsxDEV)(`span`,{className:`text-[11.5px] font-semibold text-[#1d1d1f] dark:text-white`,children:`256-bit SSL Auth`},void 0,!1,{fileName:Y,lineNumber:690,columnNumber:21},this)]},void 0,!0,{fileName:Y,lineNumber:688,columnNumber:19},this),(0,j.jsxDEV)(`div`,{className:`p-3 rounded-xl bg-[#fbfbfd] dark:bg-[#252528] border border-[#e5e5ea] dark:border-[#38383a] flex items-center gap-2.5`,children:[(0,j.jsxDEV)(Me,{className:`w-4 h-4 text-emerald-500 shrink-0`},void 0,!1,{fileName:Y,lineNumber:693,columnNumber:21},this),(0,j.jsxDEV)(`span`,{className:`text-[11.5px] font-semibold text-[#1d1d1f] dark:text-white`,children:`Encrypted Tokens`},void 0,!1,{fileName:Y,lineNumber:694,columnNumber:21},this)]},void 0,!0,{fileName:Y,lineNumber:692,columnNumber:19},this),(0,j.jsxDEV)(`div`,{className:`p-3 rounded-xl bg-[#fbfbfd] dark:bg-[#252528] border border-[#e5e5ea] dark:border-[#38383a] flex items-center gap-2.5`,children:[(0,j.jsxDEV)(Me,{className:`w-4 h-4 text-emerald-500 shrink-0`},void 0,!1,{fileName:Y,lineNumber:697,columnNumber:21},this),(0,j.jsxDEV)(`span`,{className:`text-[11.5px] font-semibold text-[#1d1d1f] dark:text-white`,children:`Firebase Protected`},void 0,!1,{fileName:Y,lineNumber:698,columnNumber:21},this)]},void 0,!0,{fileName:Y,lineNumber:696,columnNumber:19},this)]},void 0,!0,{fileName:Y,lineNumber:687,columnNumber:17},this)]},void 0,!0,{fileName:Y,lineNumber:653,columnNumber:15},this)]},void 0,!0,{fileName:Y,lineNumber:622,columnNumber:13},this),t===`data`&&(0,j.jsxDEV)(`div`,{className:`bg-white dark:bg-[#1c1c1e] rounded-[20px] border border-[#e5e5ea] dark:border-[#2c2c2e] p-6 sm:p-7 shadow-apple-sm flex flex-col gap-6`,children:[(0,j.jsxDEV)(`div`,{children:[(0,j.jsxDEV)(`h2`,{className:`text-[18px] font-bold text-[#1d1d1f] dark:text-[#f5f5f7]`,children:`Data & Backup`},void 0,!1,{fileName:Y,lineNumber:709,columnNumber:17},this),(0,j.jsxDEV)(`p`,{className:`text-[12.5px] text-[#86868b] dark:text-[#8e8e93] mt-0.5`,children:`Export complete workspaces or import JSON archives into your local storage.`},void 0,!1,{fileName:Y,lineNumber:710,columnNumber:17},this)]},void 0,!0,{fileName:Y,lineNumber:708,columnNumber:15},this),(0,j.jsxDEV)(`input`,{ref:h,type:`file`,accept:`.json,application/json`,onChange:async e=>{let t=e.target.files?.[0];if(t)try{let e=await t.text(),n=JSON.parse(e);if(Array.isArray(n.projects)){for(let e of n.projects)e.id&&e.name&&await Zr(e);let e=await Hr();i(e.length),re(`Restored ${n.projects.length} projects into Cyrus!`,`success`),_l()}else re(`Invalid backup file format.`,`error`)}catch(e){console.error(e),re(`Failed to read or parse backup file.`,`error`)}finally{e.target&&(e.target.value=``)}},className:`hidden`},void 0,!1,{fileName:Y,lineNumber:716,columnNumber:15},this),(0,j.jsxDEV)(`div`,{className:`grid grid-cols-1 sm:grid-cols-2 gap-4`,children:[(0,j.jsxDEV)(`div`,{className:`p-5 rounded-2xl border border-[#e5e5ea] dark:border-[#38383a] bg-[#fbfbfd] dark:bg-[#252528] flex flex-col justify-between gap-4`,children:[(0,j.jsxDEV)(`div`,{children:[(0,j.jsxDEV)(`h3`,{className:`text-[14px] font-bold text-[#1d1d1f] dark:text-[#f5f5f7]`,children:`Export Full Workspace`},void 0,!1,{fileName:Y,lineNumber:727,columnNumber:21},this),(0,j.jsxDEV)(`p`,{className:`text-[12px] text-[#86868b] mt-1`,children:[`Download all `,r,` saved projects and configurations as a single portable JSON file.`]},void 0,!0,{fileName:Y,lineNumber:728,columnNumber:21},this)]},void 0,!0,{fileName:Y,lineNumber:726,columnNumber:19},this),(0,j.jsxDEV)(Ui,{variant:`secondary`,size:`md`,onClick:async()=>{let e=await Hr(),t={app:`Cyrus Design Studio`,version:`2.4.0`,exportedAt:new Date().toISOString(),user:T.user,settings:{appearance:_,editor:v,shortcuts:y,billing:b},projects:e},n=JSON.stringify(t,null,2),r=new Blob([n],{type:`application/json;charset=utf-8`}),i=URL.createObjectURL(r),a=document.createElement(`a`);a.href=i,a.download=`cyrus_workspace_backup_${Date.now()}.json`,document.body.appendChild(a),a.click(),document.body.removeChild(a),setTimeout(()=>URL.revokeObjectURL(i),1e3),re(`Exported full data backup with ${e.length} projects`,`success`)},icon:(0,j.jsxDEV)(Tn,{className:`w-4 h-4`},void 0,!1,{fileName:Y,lineNumber:732,columnNumber:93},this),children:`Download Workspace JSON`},void 0,!1,{fileName:Y,lineNumber:732,columnNumber:19},this)]},void 0,!0,{fileName:Y,lineNumber:725,columnNumber:17},this),(0,j.jsxDEV)(`div`,{className:`p-5 rounded-2xl border border-[#e5e5ea] dark:border-[#38383a] bg-[#fbfbfd] dark:bg-[#252528] flex flex-col justify-between gap-4`,children:[(0,j.jsxDEV)(`div`,{children:[(0,j.jsxDEV)(`h3`,{className:`text-[14px] font-bold text-[#1d1d1f] dark:text-[#f5f5f7]`,children:`Import Backup Archive`},void 0,!1,{fileName:Y,lineNumber:739,columnNumber:21},this),(0,j.jsxDEV)(`p`,{className:`text-[12px] text-[#86868b] mt-1`,children:`Restore projects and design systems from a previous Cyrus backup file on your device.`},void 0,!1,{fileName:Y,lineNumber:740,columnNumber:21},this)]},void 0,!0,{fileName:Y,lineNumber:738,columnNumber:19},this),(0,j.jsxDEV)(Ui,{variant:`secondary`,size:`md`,onClick:()=>h.current?.click(),icon:(0,j.jsxDEV)(mr,{className:`w-4 h-4 text-[#7d2ae8]`},void 0,!1,{fileName:Y,lineNumber:748,columnNumber:27},this),children:`Upload Backup JSON`},void 0,!1,{fileName:Y,lineNumber:744,columnNumber:19},this)]},void 0,!0,{fileName:Y,lineNumber:737,columnNumber:17},this)]},void 0,!0,{fileName:Y,lineNumber:724,columnNumber:15},this),(0,j.jsxDEV)(`div`,{className:`p-4 rounded-2xl border border-[#e5e5ea] dark:border-[#38383a] bg-[#fbfbfd] dark:bg-[#252528] flex items-center justify-between`,children:[(0,j.jsxDEV)(`div`,{children:[(0,j.jsxDEV)(`h3`,{className:`text-[13.5px] font-bold text-[#1d1d1f] dark:text-[#f5f5f7]`,children:`Restore Sample Templates`},void 0,!1,{fileName:Y,lineNumber:757,columnNumber:19},this),(0,j.jsxDEV)(`p`,{className:`text-[11.5px] text-[#86868b] mt-0.5`,children:`Re-seed default landing pages, mobile apps, and SaaS templates.`},void 0,!1,{fileName:Y,lineNumber:758,columnNumber:19},this)]},void 0,!0,{fileName:Y,lineNumber:756,columnNumber:17},this),(0,j.jsxDEV)(Ui,{variant:`secondary`,size:`sm`,onClick:async()=>{if(!window.confirm(`Are you sure you want to reset all projects back to default sample templates?`))return;await Wr();let e=await Hr();i(e.length),re(`Reset local database to default starter templates`,`success`)},icon:(0,j.jsxDEV)(cn,{className:`w-3.5 h-3.5`},void 0,!1,{fileName:Y,lineNumber:762,columnNumber:91},this),children:`Reset Templates`},void 0,!1,{fileName:Y,lineNumber:762,columnNumber:17},this)]},void 0,!0,{fileName:Y,lineNumber:755,columnNumber:15},this),(0,j.jsxDEV)(`div`,{className:`pt-4 border-t border-[#f4f4f6] dark:border-[#2c2c2e] flex flex-col gap-3`,children:[(0,j.jsxDEV)(`div`,{className:`text-[13px] font-bold text-rose-500 flex items-center gap-1.5`,children:[(0,j.jsxDEV)(p,{className:`w-4 h-4`},void 0,!1,{fileName:Y,lineNumber:770,columnNumber:19},this),` Danger Zone`]},void 0,!0,{fileName:Y,lineNumber:769,columnNumber:17},this),(0,j.jsxDEV)(`div`,{className:`flex items-center justify-between p-4 rounded-2xl bg-rose-500/5 border border-rose-500/20`,children:[(0,j.jsxDEV)(`div`,{children:[(0,j.jsxDEV)(`div`,{className:`text-[13px] font-bold text-[#1d1d1f] dark:text-[#f5f5f7]`,children:`Purge Local Workspace`},void 0,!1,{fileName:Y,lineNumber:774,columnNumber:21},this),(0,j.jsxDEV)(`div`,{className:`text-[11.5px] text-[#86868b]`,children:`Permanently wipe all locally stored projects, tokens, and preferences`},void 0,!1,{fileName:Y,lineNumber:775,columnNumber:21},this)]},void 0,!0,{fileName:Y,lineNumber:773,columnNumber:19},this),(0,j.jsxDEV)(Ui,{variant:`destructive`,size:`sm`,onClick:()=>o(!0),children:`Wipe Workspace`},void 0,!1,{fileName:Y,lineNumber:777,columnNumber:19},this)]},void 0,!0,{fileName:Y,lineNumber:772,columnNumber:17},this)]},void 0,!0,{fileName:Y,lineNumber:768,columnNumber:15},this)]},void 0,!0,{fileName:Y,lineNumber:707,columnNumber:13},this),t===`billing`&&(0,j.jsxDEV)(`div`,{className:`bg-white dark:bg-[#1c1c1e] rounded-[20px] border border-[#e5e5ea] dark:border-[#2c2c2e] p-6 sm:p-7 shadow-apple-sm flex flex-col gap-6`,children:[(0,j.jsxDEV)(`div`,{children:[(0,j.jsxDEV)(`h2`,{className:`text-[18px] font-bold text-[#1d1d1f] dark:text-[#f5f5f7]`,children:`Plan & Pro Capabilities`},void 0,!1,{fileName:Y,lineNumber:789,columnNumber:17},this),(0,j.jsxDEV)(`p`,{className:`text-[12.5px] text-[#86868b] dark:text-[#8e8e93] mt-0.5`,children:`All Pro studio tools, export engines, and visual code generators are fully enabled.`},void 0,!1,{fileName:Y,lineNumber:790,columnNumber:17},this)]},void 0,!0,{fileName:Y,lineNumber:788,columnNumber:15},this),(0,j.jsxDEV)(`div`,{className:`p-5 rounded-2xl bg-gradient-to-br from-[#7d2ae8]/10 via-[#0071e3]/10 to-transparent border border-[#7d2ae8]/30 flex items-center justify-between`,children:(0,j.jsxDEV)(`div`,{children:[(0,j.jsxDEV)(`div`,{className:`inline-flex items-center gap-1.5 px-2.5 py-0.5 rounded-full bg-[#7d2ae8] text-white text-[10.5px] font-bold uppercase tracking-wider mb-1.5`,children:[(0,j.jsxDEV)(he,{className:`w-3 h-3`},void 0,!1,{fileName:Y,lineNumber:799,columnNumber:21},this),` Pro Studio Developer Edition`]},void 0,!0,{fileName:Y,lineNumber:798,columnNumber:19},this),(0,j.jsxDEV)(`h3`,{className:`text-lg font-extrabold text-[#1d1d1f] dark:text-white`,children:`Full Visual Suite Active`},void 0,!1,{fileName:Y,lineNumber:801,columnNumber:19},this),(0,j.jsxDEV)(`p`,{className:`text-xs text-[#86868b] mt-0.5`,children:`Your local environment has unlimited artboards, multi-page routing, and code export enabled.`},void 0,!1,{fileName:Y,lineNumber:804,columnNumber:19},this)]},void 0,!0,{fileName:Y,lineNumber:797,columnNumber:17},this)},void 0,!1,{fileName:Y,lineNumber:796,columnNumber:15},this),(0,j.jsxDEV)(`div`,{className:`grid grid-cols-1 sm:grid-cols-2 gap-3.5`,children:[{title:`Multi-Framework Code Generation`,desc:`Real React (Tailwind), Flutter, SwiftUI, and HTML5 generators`},{title:`Full Project ZIP Exporter`,desc:`Direct zip bundles with package configs and source directories`},{title:`Unlimited Artboards & Pages`,desc:`Unlimited multi-page layouts per project document`},{title:`Firebase Authentication & Cloud Auth`,desc:`Connected directly to project faah-canfig`},{title:`Local Snapshot & Undo History`,desc:`Deep state snapshots preserving layout and token trees`},{title:`Interactive Feedback Engine`,desc:`User feedback and rating portal`}].map((e,t)=>(0,j.jsxDEV)(`div`,{className:`p-4 rounded-xl bg-[#fbfbfd] dark:bg-[#252528] border border-[#e5e5ea] dark:border-[#38383a] flex items-start gap-3`,children:[(0,j.jsxDEV)(Me,{className:`w-4 h-4 text-emerald-500 shrink-0 mt-0.5`},void 0,!1,{fileName:Y,lineNumber:821,columnNumber:21},this),(0,j.jsxDEV)(`div`,{children:[(0,j.jsxDEV)(`div`,{className:`text-xs font-bold text-[#1d1d1f] dark:text-white`,children:e.title},void 0,!1,{fileName:Y,lineNumber:823,columnNumber:23},this),(0,j.jsxDEV)(`div`,{className:`text-[11px] text-[#86868b] mt-0.5`,children:e.desc},void 0,!1,{fileName:Y,lineNumber:824,columnNumber:23},this)]},void 0,!0,{fileName:Y,lineNumber:822,columnNumber:21},this)]},t,!0,{fileName:Y,lineNumber:820,columnNumber:19},this))},void 0,!1,{fileName:Y,lineNumber:811,columnNumber:15},this)]},void 0,!0,{fileName:Y,lineNumber:787,columnNumber:13},this)]},void 0,!0,{fileName:Y,lineNumber:311,columnNumber:9},this)]},void 0,!0,{fileName:Y,lineNumber:281,columnNumber:7},this),a&&(0,j.jsxDEV)(qi,{isOpen:a,onClose:()=>o(!1),title:`Wipe Workspace & Storage`,subtitle:`This action is permanent. All saved projects and local database records will be erased.`,maxWidth:`sm`,footer:(0,j.jsxDEV)(`div`,{className:`flex items-center justify-end gap-2 w-full`,children:[(0,j.jsxDEV)(Ui,{variant:`secondary`,onClick:()=>o(!1),children:`Cancel`},void 0,!1,{fileName:Y,lineNumber:844,columnNumber:15},this),(0,j.jsxDEV)(Ui,{variant:`destructive`,disabled:s!==`DELETE`,onClick:async()=>{s===`DELETE`&&(await Wr(),localStorage.clear(),te(),o(!1),re(`Workspace data and cache wiped successfully`,`info`),e())},children:`Permanently Wipe`},void 0,!1,{fileName:Y,lineNumber:847,columnNumber:15},this)]},void 0,!0,{fileName:Y,lineNumber:843,columnNumber:13},this),children:(0,j.jsxDEV)(`div`,{className:`flex flex-col gap-3`,children:[(0,j.jsxDEV)(`p`,{className:`text-[12px] text-[#86868b]`,children:[`Please type `,(0,j.jsxDEV)(`strong`,{className:`text-rose-600 font-mono`,children:`DELETE`},void 0,!1,{fileName:Y,lineNumber:859,columnNumber:27},this),` below to confirm.`]},void 0,!0,{fileName:Y,lineNumber:858,columnNumber:13},this),(0,j.jsxDEV)(Gi,{value:s,onChange:e=>c(e.target.value),placeholder:`DELETE`,className:`font-mono text-center`},void 0,!1,{fileName:Y,lineNumber:861,columnNumber:13},this)]},void 0,!0,{fileName:Y,lineNumber:857,columnNumber:11},this)},void 0,!1,{fileName:Y,lineNumber:836,columnNumber:9},this)]},void 0,!0,{fileName:Y,lineNumber:249,columnNumber:5},this)}var X=`C:/Users/Shadow/Desktop/cyrus/src/runtime/RuntimeElement.tsx`,xl={ArrowRight:Ln,Sparkles:he,Zap:Yn,TrendingUp:vr,TrendingDown:$e,Download:Tn,Search:Vt,Layers:hr,Check:Mr,User:an,CreditCard:Un,Layout:Je,Gauge:u,Sliders:He,FolderKanban:ie,Smartphone:ht,ChevronLeft:Te,ChevronRight:pe,Home:S,Activity:ur,Lock:zt,Mail:At,UploadCloud:Ze,Send:ir,CheckSquare:Gn,CircleDot:Oe,AlignLeft:Ae,TextCursorInput:Ee,UserPlus:en};function Sl({element:e,designTokens:t,childElements:n,formValues:r,onFormChange:i,onTriggerInteraction:a,itemContext:o,onExecuteForm:s}){let c=M(e=>e.activeProject?.variables),l=M(e=>e.activeProject?.useSampleData??!0),u=ns(e,c,l,o),d=u.content,f=u.styles,{type:p}=e;if(u.hidden)return null;if(e.collectionBinding&&!o&&!n){let n=es(ts(c,l),e.collectionBinding.variableKey);if(Array.isArray(n)&&n.length>0){let{layout:o=`grid`,columns:c=3,gap:l=16,itemAlias:u=`item`}=e.collectionBinding;return(0,j.jsxDEV)(`div`,{style:{display:o===`grid`?`grid`:`flex`,gridTemplateColumns:o===`grid`?`repeat(${c}, 1fr)`:void 0,flexDirection:o===`column`?`column`:`row`,gap:`${l}px`,width:`100%`,height:`100%`},children:n.map((n,o)=>(0,j.jsxDEV)(Sl,{element:{...e,collectionBinding:void 0},designTokens:t,formValues:r,onFormChange:i,onTriggerInteraction:a,itemContext:{alias:u,data:n},onExecuteForm:s},`${e.id}_rep_${o}`,!1,{fileName:X,lineNumber:123,columnNumber:13},this))},void 0,!1,{fileName:X,lineNumber:112,columnNumber:9},this)}}let m=t?.components,h=m?.button,g=m?.card;m?.input;let _=h?.primaryBackground||t?.colors?.primary||`#0071e3`,v=g?.background||t?.colors?.surface||`#ffffff`;t?.colors?.text;let y=g?.border||t?.colors?.border||`#e5e5ea`,b=t?.typography?.body?.fontFamily,x={none:``,subtle:`shadow-apple-sm`,sm:`shadow-apple-sm`,md:`shadow-apple-md`,lg:`shadow-apple-lg`}[f.shadow||`none`]||``,C=(e.interactions||[]).find(e=>e.trigger===`onClick`),w=e=>{e&&e.stopPropagation(),C&&a(C)};switch(p){case`button`:{let e=f.backgroundColor===`#0071e3`||!f.backgroundColor?_:f.backgroundColor,n=f.textColor===`#ffffff`||!f.textColor?h?.primaryText||`#ffffff`:f.textColor,r=d.label||`Button`,i=d.icon,a=i&&i!==`none`?xl[i]:null,o=d.iconPosition||`right`,s=f.borderRadius??h?.borderRadius??t?.radius?.medium??10,c=f.paddingLeft??h?.paddingX??18;return(0,j.jsxDEV)(`button`,{type:`button`,onClick:w,style:{width:`100%`,height:`100%`,fontFamily:f.fontFamily||b,background:f.backgroundGradient||e,color:n,fontSize:`${f.fontSize||h?.fontSize||14}px`,fontWeight:f.fontWeight||h?.fontWeight||`500`,fontStyle:f.fontStyle||`normal`,borderRadius:`${s}px`,borderWidth:`${f.borderWidth??0}px`,borderColor:f.borderColor||y,borderStyle:f.borderStyle||`solid`,paddingLeft:`${c}px`,paddingRight:`${c}px`,opacity:f.opacity??1,cursor:`pointer`},className:`inline-flex items-center justify-center gap-2 px-4 select-none active:scale-[0.98] hover:opacity-95 transition-all ${x}`,children:[a&&o===`left`&&(0,j.jsxDEV)(a,{className:`w-4 h-4 shrink-0`},void 0,!1,{fileName:X,lineNumber:206,columnNumber:51},this),(0,j.jsxDEV)(`span`,{className:`truncate`,children:r},void 0,!1,{fileName:X,lineNumber:207,columnNumber:11},this),a&&o===`right`&&(0,j.jsxDEV)(a,{className:`w-4 h-4 shrink-0`},void 0,!1,{fileName:X,lineNumber:208,columnNumber:52},this)]},void 0,!0,{fileName:X,lineNumber:183,columnNumber:9},this)}case`text`:case`heading`:{let e=d.text||`Heading Title`;return(0,j.jsxDEV)(`div`,{onClick:w,style:{width:`100%`,height:`100%`,fontSize:`${f.fontSize||32}px`,fontWeight:f.fontWeight||`700`,fontStyle:f.fontStyle||`normal`,color:f.textColor||`#1d1d1f`,lineHeight:f.lineHeight||1.2,letterSpacing:f.letterSpacing||`-0.025em`,textAlign:f.textAlign||`left`,opacity:f.opacity??1,cursor:C?`pointer`:`default`},className:`flex items-center select-none overflow-hidden`,children:(0,j.jsxDEV)(`span`,{className:`w-full`,children:e},void 0,!1,{fileName:X,lineNumber:234,columnNumber:11},this)},void 0,!1,{fileName:X,lineNumber:217,columnNumber:9},this)}case`paragraph`:{let e=d.text||`Body text content...`;return(0,j.jsxDEV)(`div`,{onClick:w,style:{width:`100%`,height:`100%`,fontSize:`${f.fontSize||15}px`,fontWeight:f.fontWeight||`400`,fontStyle:f.fontStyle||`normal`,color:f.textColor||`#6e6e73`,lineHeight:f.lineHeight||1.5,letterSpacing:f.letterSpacing||`-0.01em`,textAlign:f.textAlign||`left`,opacity:f.opacity??1,cursor:C?`pointer`:`default`},className:`flex items-center select-none overflow-hidden`,children:(0,j.jsxDEV)(`span`,{className:`w-full`,children:e},void 0,!1,{fileName:X,lineNumber:259,columnNumber:11},this)},void 0,!1,{fileName:X,lineNumber:242,columnNumber:9},this)}case`navbar`:{let e=d.brandName||`Cyrus`,t=d.links||[`Platform`,`Pricing`,`Docs`],n=d.ctaLabel||`Get Started`;return(0,j.jsxDEV)(`header`,{style:{width:`100%`,height:`100%`,backgroundColor:f.backgroundColor||v,borderRadius:`${f.borderRadius??12}px`,borderWidth:`${f.borderWidth??1}px`,borderColor:f.borderColor||y,paddingLeft:`${f.paddingLeft??24}px`,paddingRight:`${f.paddingRight??24}px`,opacity:f.opacity??1},className:`flex items-center justify-between select-none ${x}`,children:[(0,j.jsxDEV)(`div`,{className:`flex items-center gap-2`,children:[(0,j.jsxDEV)(`div`,{className:`w-6 h-6 rounded-[6px] bg-[#0071e3] text-white flex items-center justify-center font-bold text-[12px]`,children:`C`},void 0,!1,{fileName:X,lineNumber:285,columnNumber:13},this),(0,j.jsxDEV)(`span`,{className:`text-[15px] font-semibold text-[#1d1d1f]`,children:e},void 0,!1,{fileName:X,lineNumber:288,columnNumber:13},this)]},void 0,!0,{fileName:X,lineNumber:284,columnNumber:11},this),(0,j.jsxDEV)(`nav`,{className:`flex items-center gap-6 text-[13px] font-medium text-[#6e6e73]`,children:t.map((e,t)=>(0,j.jsxDEV)(`button`,{type:`button`,onClick:w,className:`hover:text-[#1d1d1f] transition-colors cursor-pointer`,children:e},t,!1,{fileName:X,lineNumber:293,columnNumber:15},this))},void 0,!1,{fileName:X,lineNumber:291,columnNumber:11},this),(0,j.jsxDEV)(`button`,{type:`button`,onClick:w,className:`px-3.5 py-1.5 rounded-[8px] bg-[#0071e3] text-white text-[13px] font-medium shadow-apple-sm hover:bg-[#0077ed] active:scale-[0.98] transition-apple cursor-pointer`,children:n},void 0,!1,{fileName:X,lineNumber:304,columnNumber:11},this)]},void 0,!0,{fileName:X,lineNumber:270,columnNumber:9},this)}case`hero`:case`heroSection`:{let e=d.badge,t=d.headline||`The visual engine for modern software.`,n=d.subhead||`Design and deploy production-grade software visually.`,r=d.primaryBtnText||`Get Started`,i=d.secondaryBtnText||`Learn More`;return(0,j.jsxDEV)(`section`,{style:{width:`100%`,height:`100%`,opacity:f.opacity??1},className:`flex flex-col items-center justify-center text-center p-6 select-none`,children:[e&&(0,j.jsxDEV)(`div`,{className:`inline-flex items-center gap-1.5 px-3 py-1 rounded-full bg-[#f4f4f6] text-[#6e6e73] text-[12px] font-medium mb-4 shadow-2xs border border-[#e5e5ea]`,children:[(0,j.jsxDEV)(he,{className:`w-3.5 h-3.5 text-[#0071e3]`},void 0,!1,{fileName:X,lineNumber:334,columnNumber:15},this),(0,j.jsxDEV)(`span`,{children:e},void 0,!1,{fileName:X,lineNumber:335,columnNumber:15},this)]},void 0,!0,{fileName:X,lineNumber:333,columnNumber:13},this),(0,j.jsxDEV)(`h1`,{className:`text-[38px] font-extrabold tracking-tight text-[#1d1d1f] max-w-2xl leading-[1.1] mb-3`,children:t},void 0,!1,{fileName:X,lineNumber:338,columnNumber:11},this),(0,j.jsxDEV)(`p`,{className:`text-[16px] text-[#6e6e73] max-w-xl mb-6 leading-relaxed`,children:n},void 0,!1,{fileName:X,lineNumber:341,columnNumber:11},this),(0,j.jsxDEV)(`div`,{className:`flex items-center gap-3`,children:[(0,j.jsxDEV)(`button`,{type:`button`,onClick:w,className:`px-5 py-2.5 rounded-[10px] bg-[#0071e3] text-white text-[14px] font-semibold shadow-apple-sm hover:bg-[#0077ed] active:scale-[0.98] transition-apple cursor-pointer`,children:r},void 0,!1,{fileName:X,lineNumber:345,columnNumber:13},this),(0,j.jsxDEV)(`button`,{type:`button`,onClick:w,className:`px-5 py-2.5 rounded-[10px] bg-white text-[#1d1d1f] text-[14px] font-semibold border border-[#e5e5ea] hover:bg-[#f4f4f6] active:scale-[0.98] transition-apple cursor-pointer`,children:i},void 0,!1,{fileName:X,lineNumber:352,columnNumber:13},this)]},void 0,!0,{fileName:X,lineNumber:344,columnNumber:11},this)]},void 0,!0,{fileName:X,lineNumber:324,columnNumber:9},this)}case`input`:case`searchBar`:{let t=`field_${e.id}`,n=d.label,a=d.placeholder||`Enter value...`,o=r[t]??``;return(0,j.jsxDEV)(`div`,{style:{width:`100%`,height:`100%`,opacity:f.opacity??1},className:`flex flex-col justify-center gap-1.5`,children:[n&&(0,j.jsxDEV)(`label`,{className:`text-[12px] font-medium text-[#6e6e73]`,children:n},void 0,!1,{fileName:X,lineNumber:376,columnNumber:21},this),(0,j.jsxDEV)(`div`,{className:`relative flex items-center`,children:[p===`searchBar`&&(0,j.jsxDEV)(Vt,{className:`w-3.5 h-3.5 text-[#86868b] absolute left-3 pointer-events-none`},void 0,!1,{fileName:X,lineNumber:379,columnNumber:15},this),(0,j.jsxDEV)(`input`,{type:d.inputType||`text`,value:o,onChange:e=>i(t,e.target.value),placeholder:a,className:`w-full h-9 rounded-[8px] bg-white border border-[#e5e5ea] text-[13px] text-[#1d1d1f] focus:outline-none focus:border-[#0071e3] focus:ring-2 focus:ring-[#0071e3]/20 transition-all ${p===`searchBar`?`pl-8 pr-3`:`px-3`}`},void 0,!1,{fileName:X,lineNumber:381,columnNumber:13},this)]},void 0,!0,{fileName:X,lineNumber:377,columnNumber:11},this)]},void 0,!0,{fileName:X,lineNumber:372,columnNumber:9},this)}case`switch`:{let t=`switch_${e.id}`,n=d.label||`Toggle Setting`,a=r[t]===void 0?d.enabled!==!1:r[t];return(0,j.jsxDEV)(`div`,{onClick:()=>i(t,!a),style:{width:`100%`,height:`100%`,backgroundColor:f.backgroundColor||`#ffffff`,borderRadius:`${f.borderRadius??12}px`,borderWidth:`${f.borderWidth??1}px`,borderColor:f.borderColor||`#e5e5ea`,paddingLeft:`16px`,paddingRight:`16px`,opacity:f.opacity??1,cursor:`pointer`},className:`flex items-center justify-between select-none ${x}`,children:[(0,j.jsxDEV)(`span`,{className:`text-[13px] font-medium text-[#1d1d1f]`,children:n},void 0,!1,{fileName:X,lineNumber:417,columnNumber:11},this),(0,j.jsxDEV)(`div`,{className:`w-10 h-6 rounded-full transition-colors flex items-center p-0.5 ${a?`bg-[#34c759] justify-end`:`bg-[#e5e5ea] justify-start`}`,children:(0,j.jsxDEV)(`div`,{className:`w-5 h-5 rounded-full bg-white shadow-2xs`},void 0,!1,{fileName:X,lineNumber:423,columnNumber:13},this)},void 0,!1,{fileName:X,lineNumber:418,columnNumber:11},this)]},void 0,!0,{fileName:X,lineNumber:401,columnNumber:9},this)}case`loginForm`:{let e=d.title||`Sign In`,t=d.subtitle||`Enter your credentials to continue`,n=d.buttonText||`Sign In`;return(0,j.jsxDEV)(`form`,{onSubmit:e=>{e.preventDefault(),w(e)},style:{width:`100%`,height:`100%`,backgroundColor:f.backgroundColor||`#ffffff`,borderRadius:`${f.borderRadius??18}px`,borderWidth:`${f.borderWidth??1}px`,borderColor:f.borderColor||`#e5e5ea`,padding:`28px`,opacity:f.opacity??1},className:`flex flex-col justify-between ${x}`,children:[(0,j.jsxDEV)(`div`,{children:[(0,j.jsxDEV)(`h3`,{className:`text-[18px] font-bold text-[#1d1d1f] tracking-tight`,children:e},void 0,!1,{fileName:X,lineNumber:453,columnNumber:13},this),(0,j.jsxDEV)(`p`,{className:`text-[12px] text-[#86868b] mt-1`,children:t},void 0,!1,{fileName:X,lineNumber:454,columnNumber:13},this)]},void 0,!0,{fileName:X,lineNumber:452,columnNumber:11},this),(0,j.jsxDEV)(`div`,{className:`flex flex-col gap-2.5 my-4`,children:[(0,j.jsxDEV)(`input`,{type:`email`,required:!0,placeholder:`name@company.com`,className:`h-9 px-3 rounded-[8px] bg-[#f4f4f6] border border-[#e5e5ea] text-[12px] text-[#1d1d1f] focus:bg-white focus:outline-none focus:border-[#0071e3]`},void 0,!1,{fileName:X,lineNumber:457,columnNumber:13},this),(0,j.jsxDEV)(`input`,{type:`password`,required:!0,placeholder:`••••••••••••`,className:`h-9 px-3 rounded-[8px] bg-[#f4f4f6] border border-[#e5e5ea] text-[12px] text-[#1d1d1f] focus:bg-white focus:outline-none focus:border-[#0071e3]`},void 0,!1,{fileName:X,lineNumber:463,columnNumber:13},this)]},void 0,!0,{fileName:X,lineNumber:456,columnNumber:11},this),(0,j.jsxDEV)(`button`,{type:`submit`,className:`w-full py-2.5 rounded-[10px] bg-[#0071e3] text-white text-[13px] font-medium text-center shadow-apple-sm hover:bg-[#0077ed] active:scale-[0.98] transition-apple cursor-pointer`,children:n},void 0,!1,{fileName:X,lineNumber:470,columnNumber:11},this)]},void 0,!0,{fileName:X,lineNumber:435,columnNumber:9},this)}case`video`:{let e=d.url||d.src||`https://assets.mixkit.co/videos/preview/mixkit-software-developer-working-on-code-screen-close-up-1728-large.mp4`,t=d.autoplay!==!1,n=d.loop!==!1,r=d.muted!==!1,i=d.controls===!0,a=f.objectFit||`cover`;return(0,j.jsxDEV)(`div`,{style:{width:`100%`,height:`100%`,borderRadius:`${f.borderRadius??14}px`,borderWidth:`${f.borderWidth??1}px`,borderColor:f.borderColor||`#e5e5ea`,opacity:f.opacity??1},className:`overflow-hidden bg-[#1d1d1f] ${x}`,children:(0,j.jsxDEV)(`video`,{src:e,autoPlay:t,loop:n,muted:r,controls:i,style:{width:`100%`,height:`100%`,objectFit:a}},void 0,!1,{fileName:X,lineNumber:500,columnNumber:11},this)},void 0,!1,{fileName:X,lineNumber:489,columnNumber:9},this)}case`image`:{let t=d.url||`https://images.unsplash.com/photo-1618005182384-a83a8bd57fbe?w=800&auto=format&fit=crop&q=80`,n=f.objectFit||`cover`,r=e.accessibility||{},i=r.isDecorative?``:r.altText||e.name||`Asset Image`;return(0,j.jsxDEV)(`div`,{onClick:w,style:{width:`100%`,height:`100%`,borderRadius:`${f.borderRadius??14}px`,borderWidth:`${f.borderWidth??1}px`,borderColor:f.borderColor||`#e5e5ea`,opacity:f.opacity??1,cursor:C?`pointer`:`default`},className:`overflow-hidden bg-[#f4f4f6] select-none ${x}`,children:(0,j.jsxDEV)(`img`,{src:t,alt:i,"aria-hidden":r.isDecorative?!0:void 0,style:{objectFit:n},className:`w-full h-full`},void 0,!1,{fileName:X,lineNumber:532,columnNumber:11},this)},void 0,!1,{fileName:X,lineNumber:519,columnNumber:9},this)}case`pricingCard`:{let e=d.planName||`Pro Plan`,t=d.price||`$29`,n=d.period||`/month`,r=d.description||``,i=d.buttonText||`Subscribe`;return(0,j.jsxDEV)(`div`,{style:{width:`100%`,height:`100%`,backgroundColor:f.backgroundColor||`#ffffff`,borderRadius:`${f.borderRadius??18}px`,borderWidth:`${f.borderWidth??1}px`,borderColor:f.borderColor||`#e5e5ea`,padding:`24px`,opacity:f.opacity??1},className:`flex flex-col justify-between select-none ${x}`,children:[(0,j.jsxDEV)(`div`,{children:[(0,j.jsxDEV)(`h4`,{className:`text-[16px] font-semibold text-[#1d1d1f]`,children:e},void 0,!1,{fileName:X,lineNumber:565,columnNumber:13},this),(0,j.jsxDEV)(`div`,{className:`flex items-baseline gap-1 my-3`,children:[(0,j.jsxDEV)(`span`,{className:`text-[32px] font-extrabold text-[#1d1d1f] tracking-tight`,children:t},void 0,!1,{fileName:X,lineNumber:567,columnNumber:15},this),(0,j.jsxDEV)(`span`,{className:`text-[13px] text-[#86868b]`,children:n},void 0,!1,{fileName:X,lineNumber:568,columnNumber:15},this)]},void 0,!0,{fileName:X,lineNumber:566,columnNumber:13},this),(0,j.jsxDEV)(`p`,{className:`text-[12px] text-[#6e6e73] leading-relaxed`,children:r},void 0,!1,{fileName:X,lineNumber:570,columnNumber:13},this)]},void 0,!0,{fileName:X,lineNumber:564,columnNumber:11},this),(0,j.jsxDEV)(`button`,{type:`button`,onClick:w,className:`w-full py-2.5 rounded-[10px] bg-[#0071e3] text-white text-[13px] font-medium text-center shadow-apple-sm hover:bg-[#0077ed] active:scale-[0.98] transition-apple cursor-pointer`,children:i},void 0,!1,{fileName:X,lineNumber:572,columnNumber:11},this)]},void 0,!0,{fileName:X,lineNumber:551,columnNumber:9},this)}case`metricCard`:{let e=d.title||`KPI Metric`,t=d.value||`$0`,n=d.change||`+0.0%`,r=d.isPositive!==!1,i=d.timeframe||``;return(0,j.jsxDEV)(`div`,{onClick:w,style:{width:`100%`,height:`100%`,backgroundColor:f.backgroundColor||`#ffffff`,borderRadius:`${f.borderRadius??14}px`,borderWidth:`${f.borderWidth??1}px`,borderColor:f.borderColor||`#e5e5ea`,paddingTop:`${f.paddingTop??16}px`,paddingBottom:`${f.paddingBottom??16}px`,paddingLeft:`${f.paddingLeft??20}px`,paddingRight:`${f.paddingRight??20}px`,opacity:f.opacity??1,cursor:C?`pointer`:`default`},className:`flex flex-col justify-between select-none ${x}`,children:[(0,j.jsxDEV)(`div`,{className:`flex items-center justify-between`,children:[(0,j.jsxDEV)(`span`,{className:`text-[13px] font-medium text-[#86868b] truncate`,children:e},void 0,!1,{fileName:X,lineNumber:610,columnNumber:13},this),(0,j.jsxDEV)(`span`,{className:`inline-flex items-center gap-0.5 text-[12px] font-semibold ${r?`text-[#34c759]`:`text-[#ff3b30]`}`,children:[r?(0,j.jsxDEV)(vr,{className:`w-3 h-3`},void 0,!1,{fileName:X,lineNumber:616,columnNumber:24},this):(0,j.jsxDEV)($e,{className:`w-3 h-3`},void 0,!1,{fileName:X,lineNumber:616,columnNumber:61},this),n]},void 0,!0,{fileName:X,lineNumber:611,columnNumber:13},this)]},void 0,!0,{fileName:X,lineNumber:609,columnNumber:11},this),(0,j.jsxDEV)(`div`,{children:[(0,j.jsxDEV)(`div`,{className:`text-[26px] font-bold tracking-tight text-[#1d1d1f] leading-none`,children:t},void 0,!1,{fileName:X,lineNumber:621,columnNumber:13},this),i&&(0,j.jsxDEV)(`div`,{className:`text-[11px] text-[#86868b] mt-1 truncate`,children:i},void 0,!1,{fileName:X,lineNumber:624,columnNumber:20},this)]},void 0,!0,{fileName:X,lineNumber:620,columnNumber:11},this)]},void 0,!0,{fileName:X,lineNumber:591,columnNumber:9},this)}case`statCard`:{let e=d.title||`Total Revenue`,t=d.value||`$128,450.00`,n=d.change||`+14.2%`,r=d.isPositive!==!1,i=d.timeframe||`vs last month`,a=xl[d.icon]||vr;return(0,j.jsxDEV)(`div`,{onClick:w,style:{width:`100%`,height:`100%`,backgroundColor:f.backgroundColor||`#ffffff`,borderRadius:`${f.borderRadius??16}px`,borderWidth:`${f.borderWidth??1}px`,borderColor:f.borderColor||`#e5e5ea`,paddingTop:`${f.paddingTop??18}px`,paddingBottom:`${f.paddingBottom??18}px`,paddingLeft:`${f.paddingLeft??20}px`,paddingRight:`${f.paddingRight??20}px`,cursor:C?`pointer`:`default`},className:`flex flex-col justify-between select-none ${x}`,children:[(0,j.jsxDEV)(`div`,{className:`flex items-center justify-between`,children:[(0,j.jsxDEV)(`span`,{className:`text-[12px] font-semibold text-[#86868b]`,children:e},void 0,!1,{fileName:X,lineNumber:657,columnNumber:13},this),(0,j.jsxDEV)(`div`,{className:`w-7 h-7 rounded-lg bg-[#0071e3]/10 text-[#0071e3] flex items-center justify-center`,children:(0,j.jsxDEV)(a,{className:`w-3.5 h-3.5`},void 0,!1,{fileName:X,lineNumber:659,columnNumber:15},this)},void 0,!1,{fileName:X,lineNumber:658,columnNumber:13},this)]},void 0,!0,{fileName:X,lineNumber:656,columnNumber:11},this),(0,j.jsxDEV)(`div`,{children:[(0,j.jsxDEV)(`div`,{className:`text-[24px] font-extrabold text-[#1d1d1f] tracking-tight`,children:t},void 0,!1,{fileName:X,lineNumber:664,columnNumber:13},this),(0,j.jsxDEV)(`div`,{className:`flex items-center gap-1.5 mt-1 text-[11px]`,children:[(0,j.jsxDEV)(`span`,{className:`inline-flex items-center gap-0.5 font-bold px-1.5 py-0.2 rounded-full ${r?`bg-[#34c759]/10 text-[#34c759]`:`bg-[#ff3b30]/10 text-[#ff3b30]`}`,children:[r?(0,j.jsxDEV)(vr,{className:`w-3 h-3`},void 0,!1,{fileName:X,lineNumber:671,columnNumber:26},this):(0,j.jsxDEV)($e,{className:`w-3 h-3`},void 0,!1,{fileName:X,lineNumber:671,columnNumber:63},this),n]},void 0,!0,{fileName:X,lineNumber:666,columnNumber:15},this),(0,j.jsxDEV)(`span`,{className:`text-[#86868b]`,children:i},void 0,!1,{fileName:X,lineNumber:674,columnNumber:15},this)]},void 0,!0,{fileName:X,lineNumber:665,columnNumber:13},this)]},void 0,!0,{fileName:X,lineNumber:663,columnNumber:11},this)]},void 0,!0,{fileName:X,lineNumber:639,columnNumber:9},this)}case`kpiCard`:{let e=d.title||`Quarterly Goal`,t=d.current||`$84,200`,n=d.target||`$100,000`,r=d.percentage||84,i=d.status||`On Track`;return(0,j.jsxDEV)(`div`,{onClick:w,style:{width:`100%`,height:`100%`,backgroundColor:f.backgroundColor||`#ffffff`,borderRadius:`${f.borderRadius??16}px`,borderWidth:`${f.borderWidth??1}px`,borderColor:f.borderColor||`#e5e5ea`,paddingTop:`${f.paddingTop??18}px`,paddingBottom:`${f.paddingBottom??18}px`,paddingLeft:`${f.paddingLeft??20}px`,paddingRight:`${f.paddingRight??20}px`,cursor:C?`pointer`:`default`},className:`flex flex-col justify-between select-none ${x}`,children:[(0,j.jsxDEV)(`div`,{className:`flex items-center justify-between`,children:[(0,j.jsxDEV)(`span`,{className:`text-[12px] font-semibold text-[#86868b]`,children:e},void 0,!1,{fileName:X,lineNumber:707,columnNumber:13},this),(0,j.jsxDEV)(`span`,{className:`px-2 py-0.5 rounded-full text-[10px] font-bold bg-[#34c759]/10 text-[#34c759]`,children:i},void 0,!1,{fileName:X,lineNumber:708,columnNumber:13},this)]},void 0,!0,{fileName:X,lineNumber:706,columnNumber:11},this),(0,j.jsxDEV)(`div`,{children:[(0,j.jsxDEV)(`div`,{className:`flex items-baseline justify-between mb-1.5`,children:[(0,j.jsxDEV)(`span`,{className:`text-[22px] font-extrabold text-[#1d1d1f] tracking-tight`,children:t},void 0,!1,{fileName:X,lineNumber:715,columnNumber:15},this),(0,j.jsxDEV)(`span`,{className:`text-[11.5px] text-[#86868b] font-medium`,children:[`Goal: `,n]},void 0,!0,{fileName:X,lineNumber:716,columnNumber:15},this)]},void 0,!0,{fileName:X,lineNumber:714,columnNumber:13},this),(0,j.jsxDEV)(`div`,{className:`w-full h-2 rounded-full bg-[#f4f4f6] overflow-hidden`,children:(0,j.jsxDEV)(`div`,{style:{width:`${Math.min(r,100)}%`},className:`h-full rounded-full bg-[#0071e3] transition-all`},void 0,!1,{fileName:X,lineNumber:720,columnNumber:15},this)},void 0,!1,{fileName:X,lineNumber:719,columnNumber:13},this)]},void 0,!0,{fileName:X,lineNumber:713,columnNumber:11},this)]},void 0,!0,{fileName:X,lineNumber:689,columnNumber:9},this)}case`metric`:{let e=d.label||`Active Users`,t=d.value||`48,290`,n=d.badge;return(0,j.jsxDEV)(`div`,{onClick:w,style:{width:`100%`,height:`100%`,paddingLeft:`${f.paddingLeft??12}px`,paddingRight:`${f.paddingRight??12}px`,cursor:C?`pointer`:`default`},className:`flex flex-col justify-center select-none`,children:[(0,j.jsxDEV)(`div`,{className:`flex items-center gap-1.5 text-[11px] font-semibold text-[#86868b]`,children:[(0,j.jsxDEV)(`span`,{children:e},void 0,!1,{fileName:X,lineNumber:748,columnNumber:13},this),n&&(0,j.jsxDEV)(`span`,{className:`px-1.5 py-0.2 rounded-full text-[9px] font-bold bg-[#34c759]/15 text-[#34c759]`,children:n},void 0,!1,{fileName:X,lineNumber:750,columnNumber:15},this)]},void 0,!0,{fileName:X,lineNumber:747,columnNumber:11},this),(0,j.jsxDEV)(`div`,{className:`text-[28px] font-extrabold text-[#1d1d1f] tracking-tight leading-none mt-1`,children:t},void 0,!1,{fileName:X,lineNumber:755,columnNumber:11},this)]},void 0,!0,{fileName:X,lineNumber:736,columnNumber:9},this)}case`chart`:case`lineChart`:return(0,j.jsxDEV)(`div`,{onClick:w,style:{width:`100%`,height:`100%`,backgroundColor:f.backgroundColor||`#ffffff`,borderRadius:`${f.borderRadius??16}px`,borderWidth:`${f.borderWidth??1}px`,borderColor:f.borderColor||`#e5e5ea`,paddingTop:`${f.paddingTop??18}px`,paddingBottom:`${f.paddingBottom??18}px`,paddingLeft:`${f.paddingLeft??20}px`,paddingRight:`${f.paddingRight??20}px`,cursor:C?`pointer`:`default`},className:`flex flex-col select-none ${x}`,children:(0,j.jsxDEV)(cs,{type:`line`,title:d.title||`Revenue Growth`,subtitle:d.subtitle,data:d.data,format:d.format||`currency`,color:f.textColor||`#0071e3`,width:e.width-40,height:e.height-40,showGrid:d.showGrid!==!1,showAxes:d.showAxes!==!1,showLegend:d.showLegend!==!1},void 0,!1,{fileName:X,lineNumber:782,columnNumber:11},this)},void 0,!1,{fileName:X,lineNumber:765,columnNumber:9},this);case`areaChart`:return(0,j.jsxDEV)(`div`,{onClick:w,style:{width:`100%`,height:`100%`,backgroundColor:f.backgroundColor||`#ffffff`,borderRadius:`${f.borderRadius??16}px`,borderWidth:`${f.borderWidth??1}px`,borderColor:f.borderColor||`#e5e5ea`,paddingTop:`${f.paddingTop??18}px`,paddingBottom:`${f.paddingBottom??18}px`,paddingLeft:`${f.paddingLeft??20}px`,paddingRight:`${f.paddingRight??20}px`,cursor:C?`pointer`:`default`},className:`flex flex-col select-none ${x}`,children:(0,j.jsxDEV)(cs,{type:`area`,title:d.title||`Ingestion Volume`,subtitle:d.subtitle,data:d.data,format:d.format||`compact`,color:f.textColor||`#0071e3`,width:e.width-40,height:e.height-40,showGrid:d.showGrid!==!1,showAxes:d.showAxes!==!1},void 0,!1,{fileName:X,lineNumber:818,columnNumber:11},this)},void 0,!1,{fileName:X,lineNumber:801,columnNumber:9},this);case`barChart`:return(0,j.jsxDEV)(`div`,{onClick:w,style:{width:`100%`,height:`100%`,backgroundColor:f.backgroundColor||`#ffffff`,borderRadius:`${f.borderRadius??16}px`,borderWidth:`${f.borderWidth??1}px`,borderColor:f.borderColor||`#e5e5ea`,paddingTop:`${f.paddingTop??18}px`,paddingBottom:`${f.paddingBottom??18}px`,paddingLeft:`${f.paddingLeft??20}px`,paddingRight:`${f.paddingRight??20}px`,cursor:C?`pointer`:`default`},className:`flex flex-col select-none ${x}`,children:(0,j.jsxDEV)(cs,{type:`bar`,title:d.title||`Orders by Product Tier`,subtitle:d.subtitle,data:d.data,format:d.format||`number`,color:f.textColor||`#0071e3`,width:e.width-40,height:e.height-40,showGrid:d.showGrid!==!1,showAxes:d.showAxes!==!1},void 0,!1,{fileName:X,lineNumber:853,columnNumber:11},this)},void 0,!1,{fileName:X,lineNumber:836,columnNumber:9},this);case`donutChart`:case`pieChart`:return(0,j.jsxDEV)(`div`,{onClick:w,style:{width:`100%`,height:`100%`,backgroundColor:f.backgroundColor||`#ffffff`,borderRadius:`${f.borderRadius??16}px`,borderWidth:`${f.borderWidth??1}px`,borderColor:f.borderColor||`#e5e5ea`,paddingTop:`${f.paddingTop??18}px`,paddingBottom:`${f.paddingBottom??18}px`,paddingLeft:`${f.paddingLeft??20}px`,paddingRight:`${f.paddingRight??20}px`,cursor:C?`pointer`:`default`},className:`flex flex-col select-none ${x}`,children:(0,j.jsxDEV)(cs,{type:e.type===`pieChart`?`pie`:`donut`,title:d.title||`Traffic Acquisition`,subtitle:d.subtitle,data:d.data,format:d.format||`compact`,width:e.width-40,height:e.height-70,showLegend:d.showLegend!==!1},void 0,!1,{fileName:X,lineNumber:889,columnNumber:11},this)},void 0,!1,{fileName:X,lineNumber:872,columnNumber:9},this);case`progressBar`:case`progress`:return(0,j.jsxDEV)(`div`,{onClick:w,style:{width:`100%`,height:`100%`,backgroundColor:f.backgroundColor||`#ffffff`,borderRadius:`${f.borderRadius??14}px`,borderWidth:`${f.borderWidth??1}px`,borderColor:f.borderColor||`#e5e5ea`,paddingTop:`${f.paddingTop??14}px`,paddingBottom:`${f.paddingBottom??14}px`,paddingLeft:`${f.paddingLeft??16}px`,paddingRight:`${f.paddingRight??16}px`,cursor:C?`pointer`:`default`},className:`flex flex-col justify-center select-none ${x}`,children:(0,j.jsxDEV)(cs,{type:`progress`,title:d.title||`Task Progress`,subtitle:d.subtitle,percentage:d.percentage??76,color:f.textColor||`#0071e3`},void 0,!1,{fileName:X,lineNumber:923,columnNumber:11},this)},void 0,!1,{fileName:X,lineNumber:906,columnNumber:9},this);case`table`:case`dataTable`:{let e=d.title||`Data Table`,t=d.columns||[`Customer`,`Plan`,`Amount`,`Status`,`Date`],n=d.rows||[{customer:`Acme Corp`,plan:`Enterprise`,amount:`$4,800.00`,status:`Completed`,date:`Just now`},{customer:`Linear Labs`,plan:`Pro Studio`,amount:`$590.00`,status:`Completed`,date:`5m ago`},{customer:`Vercel Edge`,plan:`Enterprise`,amount:`$12,400.00`,status:`Processing`,date:`22m ago`}];return(0,j.jsxDEV)(`div`,{onClick:w,style:{width:`100%`,height:`100%`,backgroundColor:f.backgroundColor||`#ffffff`,borderRadius:`${f.borderRadius??16}px`,borderWidth:`${f.borderWidth??1}px`,borderColor:f.borderColor||`#e5e5ea`,padding:`${f.paddingTop??18}px`,cursor:C?`pointer`:`default`},className:`flex flex-col select-none ${x}`,children:[e&&(0,j.jsxDEV)(`div`,{className:`flex items-center justify-between mb-3`,children:[(0,j.jsxDEV)(`h4`,{className:`text-[13.5px] font-bold text-[#1d1d1f]`,children:e},void 0,!1,{fileName:X,lineNumber:961,columnNumber:15},this),(0,j.jsxDEV)(`span`,{className:`text-[11px] text-[#0071e3] font-medium cursor-pointer`,children:`Export CSV`},void 0,!1,{fileName:X,lineNumber:962,columnNumber:15},this)]},void 0,!0,{fileName:X,lineNumber:960,columnNumber:13},this),(0,j.jsxDEV)(`div`,{className:`w-full flex-1 flex flex-col justify-around text-[11.5px]`,children:[(0,j.jsxDEV)(`div`,{className:`grid grid-cols-5 pb-2 border-b border-[#f4f4f6] text-[#86868b] font-semibold`,children:t.map((e,t)=>(0,j.jsxDEV)(`span`,{children:e},t,!1,{fileName:X,lineNumber:969,columnNumber:17},this))},void 0,!1,{fileName:X,lineNumber:967,columnNumber:13},this),n.map((e,t)=>(0,j.jsxDEV)(`div`,{className:`grid grid-cols-5 py-2 border-b border-[#f4f4f6] text-[#1d1d1f] items-center`,children:[(0,j.jsxDEV)(`span`,{className:`font-semibold text-[#1d1d1f]`,children:e.customer||e.name},void 0,!1,{fileName:X,lineNumber:975,columnNumber:17},this),(0,j.jsxDEV)(`span`,{className:`text-[#6e6e73]`,children:e.plan||e.category||`-`},void 0,!1,{fileName:X,lineNumber:976,columnNumber:17},this),(0,j.jsxDEV)(`span`,{className:`font-mono font-medium`,children:e.amount||e.value||`-`},void 0,!1,{fileName:X,lineNumber:977,columnNumber:17},this),(0,j.jsxDEV)(`span`,{children:(0,j.jsxDEV)(`span`,{className:`inline-flex items-center px-2 py-0.5 rounded-full text-[10px] font-bold ${e.status===`Completed`||e.status===`Paid`?`bg-[#34c759]/10 text-[#34c759]`:`bg-[#ff9500]/10 text-[#ff9500]`}`,children:e.status||`Active`},void 0,!1,{fileName:X,lineNumber:979,columnNumber:19},this)},void 0,!1,{fileName:X,lineNumber:978,columnNumber:17},this),(0,j.jsxDEV)(`span`,{className:`text-[#86868b] text-[10.5px]`,children:e.date||`Today`},void 0,!1,{fileName:X,lineNumber:989,columnNumber:17},this)]},t,!0,{fileName:X,lineNumber:974,columnNumber:15},this))]},void 0,!0,{fileName:X,lineNumber:966,columnNumber:11},this)]},void 0,!0,{fileName:X,lineNumber:945,columnNumber:9},this)}case`dataList`:{let e=d.title||`Top Performing Items`,t=d.items||[{label:`North America (us-east)`,value:`$64,200`,badge:`52%`},{label:`Europe (eu-west)`,value:`$42,800`,badge:`34%`},{label:`Asia Pacific (ap-northeast)`,value:`$18,450`,badge:`14%`}];return(0,j.jsxDEV)(`div`,{onClick:w,style:{width:`100%`,height:`100%`,backgroundColor:f.backgroundColor||`#ffffff`,borderRadius:`${f.borderRadius??16}px`,borderWidth:`${f.borderWidth??1}px`,borderColor:f.borderColor||`#e5e5ea`,paddingTop:`${f.paddingTop??16}px`,paddingBottom:`${f.paddingBottom??16}px`,paddingLeft:`${f.paddingLeft??18}px`,paddingRight:`${f.paddingRight??18}px`,cursor:C?`pointer`:`default`},className:`flex flex-col select-none ${x}`,children:[e&&(0,j.jsxDEV)(`h4`,{className:`text-[13px] font-bold text-[#1d1d1f] mb-2`,children:e},void 0,!1,{fileName:X,lineNumber:1023,columnNumber:21},this),(0,j.jsxDEV)(`div`,{className:`flex-1 flex flex-col justify-around divide-y divide-[#f4f4f6]`,children:t.map((e,t)=>(0,j.jsxDEV)(`div`,{className:`flex items-center justify-between py-1.5 text-[11.5px]`,children:[(0,j.jsxDEV)(`span`,{className:`font-medium text-[#1d1d1f]`,children:e.label},void 0,!1,{fileName:X,lineNumber:1028,columnNumber:17},this),(0,j.jsxDEV)(`div`,{className:`flex items-center gap-2`,children:[(0,j.jsxDEV)(`span`,{className:`font-mono font-bold text-[#1d1d1f]`,children:e.value},void 0,!1,{fileName:X,lineNumber:1030,columnNumber:19},this),e.badge&&(0,j.jsxDEV)(`span`,{className:`px-1.5 py-0.2 rounded bg-[#f4f4f6] text-[#6e6e73] font-semibold text-[10px]`,children:e.badge},void 0,!1,{fileName:X,lineNumber:1032,columnNumber:21},this)]},void 0,!0,{fileName:X,lineNumber:1029,columnNumber:17},this)]},t,!0,{fileName:X,lineNumber:1027,columnNumber:15},this))},void 0,!1,{fileName:X,lineNumber:1025,columnNumber:11},this)]},void 0,!0,{fileName:X,lineNumber:1006,columnNumber:9},this)}case`activityFeed`:{let e=d.title||`Live Activity Feed`,t=d.events||[{user:`Alex Rivera`,action:`upgraded to Enterprise`,time:`2m ago`,icon:`Sparkles`},{user:`Sarah Chen`,action:`invited 4 collaborators`,time:`14m ago`,icon:`User`},{user:`Cloud Scheduler`,action:`deployed 3 edge nodes`,time:`1h ago`,icon:`Zap`}];return(0,j.jsxDEV)(`div`,{onClick:w,style:{width:`100%`,height:`100%`,backgroundColor:f.backgroundColor||`#ffffff`,borderRadius:`${f.borderRadius??16}px`,borderWidth:`${f.borderWidth??1}px`,borderColor:f.borderColor||`#e5e5ea`,paddingTop:`${f.paddingTop??16}px`,paddingBottom:`${f.paddingBottom??16}px`,paddingLeft:`${f.paddingLeft??18}px`,paddingRight:`${f.paddingRight??18}px`,cursor:C?`pointer`:`default`},className:`flex flex-col select-none ${x}`,children:[e&&(0,j.jsxDEV)(`h4`,{className:`text-[13px] font-bold text-[#1d1d1f] mb-2`,children:e},void 0,!1,{fileName:X,lineNumber:1070,columnNumber:21},this),(0,j.jsxDEV)(`div`,{className:`flex-1 flex flex-col justify-around`,children:t.map((e,t)=>{let n=xl[e.icon]||ur;return(0,j.jsxDEV)(`div`,{className:`flex items-center gap-2.5 py-1`,children:[(0,j.jsxDEV)(`div`,{className:`w-7 h-7 rounded-full bg-[#f4f4f6] text-[#0071e3] flex items-center justify-center shrink-0`,children:(0,j.jsxDEV)(n,{className:`w-3.5 h-3.5`},void 0,!1,{fileName:X,lineNumber:1078,columnNumber:21},this)},void 0,!1,{fileName:X,lineNumber:1077,columnNumber:19},this),(0,j.jsxDEV)(`div`,{className:`flex-1 min-w-0 text-[11.5px]`,children:[(0,j.jsxDEV)(`span`,{className:`font-semibold text-[#1d1d1f]`,children:[e.user,` `]},void 0,!0,{fileName:X,lineNumber:1081,columnNumber:21},this),(0,j.jsxDEV)(`span`,{className:`text-[#6e6e73]`,children:e.action},void 0,!1,{fileName:X,lineNumber:1082,columnNumber:21},this)]},void 0,!0,{fileName:X,lineNumber:1080,columnNumber:19},this),(0,j.jsxDEV)(`span`,{className:`text-[10px] text-[#86868b] shrink-0`,children:e.time},void 0,!1,{fileName:X,lineNumber:1084,columnNumber:19},this)]},t,!0,{fileName:X,lineNumber:1076,columnNumber:17},this)})},void 0,!1,{fileName:X,lineNumber:1072,columnNumber:11},this)]},void 0,!0,{fileName:X,lineNumber:1053,columnNumber:9},this)}case`timeline`:{let e=d.title||`Deployment Timeline`,t=d.steps||[{label:`Production V2.4 Released`,date:`Today, 14:30`,completed:!0},{label:`WCAG 2.1 AA Audit Passed`,date:`Yesterday`,completed:!0},{label:`Database Sharding Migration`,date:`Scheduled Friday`,completed:!1}];return(0,j.jsxDEV)(`div`,{onClick:w,style:{width:`100%`,height:`100%`,backgroundColor:f.backgroundColor||`#ffffff`,borderRadius:`${f.borderRadius??16}px`,borderWidth:`${f.borderWidth??1}px`,borderColor:f.borderColor||`#e5e5ea`,paddingTop:`${f.paddingTop??16}px`,paddingBottom:`${f.paddingBottom??16}px`,paddingLeft:`${f.paddingLeft??18}px`,paddingRight:`${f.paddingRight??18}px`,cursor:C?`pointer`:`default`},className:`flex flex-col select-none ${x}`,children:[e&&(0,j.jsxDEV)(`h4`,{className:`text-[13px] font-bold text-[#1d1d1f] mb-2`,children:e},void 0,!1,{fileName:X,lineNumber:1119,columnNumber:21},this),(0,j.jsxDEV)(`div`,{className:`flex-1 flex flex-col justify-around`,children:t.map((e,t)=>(0,j.jsxDEV)(`div`,{className:`flex items-start gap-2.5 relative`,children:[(0,j.jsxDEV)(`div`,{className:`w-4 h-4 rounded-full border-2 flex items-center justify-center shrink-0 mt-0.5 ${e.completed?`border-[#0071e3] bg-[#0071e3] text-white`:`border-[#d1d1d6] bg-white`}`,children:e.completed&&(0,j.jsxDEV)(Mr,{className:`w-2.5 h-2.5 stroke-[3]`},void 0,!1,{fileName:X,lineNumber:1131,columnNumber:36},this)},void 0,!1,{fileName:X,lineNumber:1124,columnNumber:17},this),(0,j.jsxDEV)(`div`,{className:`flex-1`,children:[(0,j.jsxDEV)(`div`,{className:`text-[12px] font-semibold text-[#1d1d1f]`,children:e.label},void 0,!1,{fileName:X,lineNumber:1134,columnNumber:19},this),(0,j.jsxDEV)(`div`,{className:`text-[10px] text-[#86868b]`,children:e.date},void 0,!1,{fileName:X,lineNumber:1135,columnNumber:19},this)]},void 0,!0,{fileName:X,lineNumber:1133,columnNumber:17},this)]},t,!0,{fileName:X,lineNumber:1123,columnNumber:15},this))},void 0,!1,{fileName:X,lineNumber:1121,columnNumber:11},this)]},void 0,!0,{fileName:X,lineNumber:1102,columnNumber:9},this)}case`calendar`:{let e=d.month||`August 2026`,t=d.selectedDay||15,n=d.eventDays||[3,8,15,22,28];return(0,j.jsxDEV)(`div`,{onClick:w,style:{width:`100%`,height:`100%`,backgroundColor:f.backgroundColor||`#ffffff`,borderRadius:`${f.borderRadius??16}px`,borderWidth:`${f.borderWidth??1}px`,borderColor:f.borderColor||`#e5e5ea`,padding:`16px`,cursor:C?`pointer`:`default`},className:`flex flex-col justify-between select-none ${x}`,children:[(0,j.jsxDEV)(`div`,{className:`flex items-center justify-between mb-1`,children:[(0,j.jsxDEV)(`span`,{className:`text-[12px] font-bold text-[#1d1d1f]`,children:e},void 0,!1,{fileName:X,lineNumber:1166,columnNumber:13},this),(0,j.jsxDEV)(`div`,{className:`flex items-center gap-1 text-[#86868b]`,children:[(0,j.jsxDEV)(Te,{className:`w-3.5 h-3.5`},void 0,!1,{fileName:X,lineNumber:1168,columnNumber:15},this),(0,j.jsxDEV)(pe,{className:`w-3.5 h-3.5`},void 0,!1,{fileName:X,lineNumber:1169,columnNumber:15},this)]},void 0,!0,{fileName:X,lineNumber:1167,columnNumber:13},this)]},void 0,!0,{fileName:X,lineNumber:1165,columnNumber:11},this),(0,j.jsxDEV)(`div`,{className:`grid grid-cols-7 text-center text-[10px] font-semibold text-[#86868b] mb-1`,children:[`S`,`M`,`T`,`W`,`T`,`F`,`S`].map((e,t)=>(0,j.jsxDEV)(`span`,{children:e},t,!1,{fileName:X,lineNumber:1175,columnNumber:15},this))},void 0,!1,{fileName:X,lineNumber:1173,columnNumber:11},this),(0,j.jsxDEV)(`div`,{className:`grid grid-cols-7 gap-1 text-center text-[11px]`,children:Array.from({length:31},(e,t)=>t+1).map(e=>{let r=e===t,i=n.includes(e);return(0,j.jsxDEV)(`div`,{className:`h-6 rounded-md flex items-center justify-center relative font-medium ${r?`bg-[#0071e3] text-white font-bold`:`text-[#1d1d1f] hover:bg-[#f4f4f6]`}`,children:[(0,j.jsxDEV)(`span`,{children:e},void 0,!1,{fileName:X,lineNumber:1193,columnNumber:19},this),i&&!r&&(0,j.jsxDEV)(`span`,{className:`w-1 h-1 rounded-full bg-[#0071e3] absolute bottom-0.5`},void 0,!1,{fileName:X,lineNumber:1195,columnNumber:21},this)]},e,!0,{fileName:X,lineNumber:1185,columnNumber:17},this)})},void 0,!1,{fileName:X,lineNumber:1179,columnNumber:11},this)]},void 0,!0,{fileName:X,lineNumber:1151,columnNumber:9},this)}case`featureCard`:{let e=d.title||`Feature Title`,t=d.description||`Feature description details`;return(0,j.jsxDEV)(`div`,{onClick:w,style:{width:`100%`,height:`100%`,backgroundColor:f.backgroundColor||`#ffffff`,borderRadius:`${f.borderRadius??16}px`,borderWidth:`${f.borderWidth??1}px`,borderColor:f.borderColor||`#e5e5ea`,paddingTop:`${f.paddingTop??24}px`,paddingBottom:`${f.paddingBottom??24}px`,paddingLeft:`${f.paddingLeft??24}px`,paddingRight:`${f.paddingRight??24}px`,opacity:f.opacity??1,cursor:C?`pointer`:`default`},className:`flex flex-col select-none overflow-hidden ${x}`,children:[(0,j.jsxDEV)(`div`,{className:`w-9 h-9 rounded-[10px] bg-[#f4f4f6] border border-[#e5e5ea] flex items-center justify-center text-[#0071e3] mb-3.5 shrink-0`,children:(0,j.jsxDEV)(he,{className:`w-4.5 h-4.5`},void 0,!1,{fileName:X,lineNumber:1229,columnNumber:13},this)},void 0,!1,{fileName:X,lineNumber:1228,columnNumber:11},this),(0,j.jsxDEV)(`h3`,{className:`text-[16px] font-semibold text-[#1d1d1f] tracking-tight mb-1.5 truncate`,children:e},void 0,!1,{fileName:X,lineNumber:1231,columnNumber:11},this),(0,j.jsxDEV)(`p`,{className:`text-[13px] text-[#6e6e73] leading-relaxed line-clamp-3`,children:t},void 0,!1,{fileName:X,lineNumber:1234,columnNumber:11},this)]},void 0,!0,{fileName:X,lineNumber:1210,columnNumber:9},this)}case`footer`:{let e=d.brandName||`Cyrus`,t=d.copyright||`© 2026 Cyrus Software.`,n=d.col1Title||`Product`,r=d.col1Links||[`Features`,`Engine`,`Templates`],i=d.col2Title||`Resources`,a=d.col2Links||[`Documentation`,`API`,`Changelog`];return(0,j.jsxDEV)(`footer`,{style:{width:`100%`,height:`100%`,backgroundColor:f.backgroundColor||`#ffffff`,borderRadius:`${f.borderRadius??14}px`,borderWidth:`${f.borderWidth??1}px`,borderColor:f.borderColor||`#e5e5ea`,padding:`24px 32px`,opacity:f.opacity??1},className:`flex items-start justify-between select-none ${x}`,children:[(0,j.jsxDEV)(`div`,{className:`flex flex-col gap-2 max-w-xs`,children:[(0,j.jsxDEV)(`div`,{className:`text-[16px] font-bold text-[#1d1d1f] flex items-center gap-2`,children:[(0,j.jsxDEV)(`div`,{className:`w-5 h-5 rounded-[5px] bg-[#1d1d1f] text-white flex items-center justify-center text-[10px]`,children:`C`},void 0,!1,{fileName:X,lineNumber:1265,columnNumber:15},this),(0,j.jsxDEV)(`span`,{children:e},void 0,!1,{fileName:X,lineNumber:1268,columnNumber:15},this)]},void 0,!0,{fileName:X,lineNumber:1264,columnNumber:13},this),(0,j.jsxDEV)(`p`,{className:`text-[11px] text-[#86868b]`,children:t},void 0,!1,{fileName:X,lineNumber:1270,columnNumber:13},this)]},void 0,!0,{fileName:X,lineNumber:1263,columnNumber:11},this),(0,j.jsxDEV)(`div`,{className:`flex items-start gap-16`,children:[(0,j.jsxDEV)(`div`,{className:`flex flex-col gap-1.5`,children:[(0,j.jsxDEV)(`span`,{className:`text-[12px] font-semibold text-[#1d1d1f]`,children:n},void 0,!1,{fileName:X,lineNumber:1275,columnNumber:15},this),r.map((e,t)=>(0,j.jsxDEV)(`span`,{className:`text-[11px] text-[#6e6e73]`,children:e},t,!1,{fileName:X,lineNumber:1277,columnNumber:17},this))]},void 0,!0,{fileName:X,lineNumber:1274,columnNumber:13},this),(0,j.jsxDEV)(`div`,{className:`flex flex-col gap-1.5`,children:[(0,j.jsxDEV)(`span`,{className:`text-[12px] font-semibold text-[#1d1d1f]`,children:i},void 0,!1,{fileName:X,lineNumber:1283,columnNumber:15},this),a.map((e,t)=>(0,j.jsxDEV)(`span`,{className:`text-[11px] text-[#6e6e73]`,children:e},t,!1,{fileName:X,lineNumber:1285,columnNumber:17},this))]},void 0,!0,{fileName:X,lineNumber:1282,columnNumber:13},this)]},void 0,!0,{fileName:X,lineNumber:1273,columnNumber:11},this)]},void 0,!0,{fileName:X,lineNumber:1250,columnNumber:9},this)}case`form`:{let o=d.title||`Form`,c=d.subtitle||``,l=d.submitLabel||`Submit`;return(0,j.jsxDEV)(`form`,{onSubmit:t=>{t.preventDefault(),s&&s(e)},style:{width:`100%`,height:`100%`,backgroundColor:f.backgroundColor||`#ffffff`,borderRadius:`${f.borderRadius??16}px`,borderWidth:`${f.borderWidth??1}px`,borderColor:f.borderColor||`#e5e5ea`,padding:`${f.padding??24}px`,opacity:f.opacity??1,display:`flex`,flexDirection:`column`,justifyContent:`space-between`,gap:`16px`},className:x,children:[(0,j.jsxDEV)(`div`,{children:[o&&(0,j.jsxDEV)(`h3`,{className:`text-[17px] font-bold text-[#1d1d1f] tracking-tight`,children:o},void 0,!1,{fileName:X,lineNumber:1325,columnNumber:23},this),c&&(0,j.jsxDEV)(`p`,{className:`text-[12px] text-[#86868b] mt-0.5`,children:c},void 0,!1,{fileName:X,lineNumber:1326,columnNumber:26},this)]},void 0,!0,{fileName:X,lineNumber:1324,columnNumber:11},this),(0,j.jsxDEV)(`div`,{className:`flex-1 flex flex-col gap-3`,children:n&&n.length>0?n.map(e=>(0,j.jsxDEV)(`div`,{className:`w-full`,children:(0,j.jsxDEV)(Sl,{element:e,designTokens:t,formValues:r,onFormChange:i,onTriggerInteraction:a,onExecuteForm:s},void 0,!1,{fileName:X,lineNumber:1333,columnNumber:19},this)},e.id,!1,{fileName:X,lineNumber:1332,columnNumber:17},this)):(0,j.jsxDEV)(`div`,{className:`flex flex-col gap-2.5`,children:[(0,j.jsxDEV)(`input`,{type:`text`,placeholder:`Name`,value:r[`field_name_${e.id}`]||``,onChange:t=>i(`field_name_${e.id}`,t.target.value),className:`h-8.5 px-3 bg-white rounded-[8px] border border-[#e5e5ea] text-[13px] text-[#1d1d1f] focus:outline-none focus:border-[#0071e3]`},void 0,!1,{fileName:X,lineNumber:1345,columnNumber:17},this),(0,j.jsxDEV)(`input`,{type:`email`,placeholder:`Email`,value:r[`field_email_${e.id}`]||``,onChange:t=>i(`field_email_${e.id}`,t.target.value),className:`h-8.5 px-3 bg-white rounded-[8px] border border-[#e5e5ea] text-[13px] text-[#1d1d1f] focus:outline-none focus:border-[#0071e3]`},void 0,!1,{fileName:X,lineNumber:1352,columnNumber:17},this)]},void 0,!0,{fileName:X,lineNumber:1344,columnNumber:15},this)},void 0,!1,{fileName:X,lineNumber:1329,columnNumber:11},this),(0,j.jsxDEV)(`button`,{type:`submit`,className:`w-full py-2.5 rounded-[10px] bg-[#0071e3] text-white text-[13px] font-semibold text-center shadow-apple-sm hover:bg-[#0077ed] active:scale-[0.98] transition-apple cursor-pointer`,children:l},void 0,!1,{fileName:X,lineNumber:1363,columnNumber:11},this)]},void 0,!0,{fileName:X,lineNumber:1306,columnNumber:9},this)}case`formField`:{let t=d.name||`field_${e.id}`,n=d.label,a=d.placeholder||`Enter value...`,o=d.required===!0,s=d.helperText,c=r[t]??``;return(0,j.jsxDEV)(`div`,{style:{width:`100%`,height:`100%`,opacity:f.opacity??1},className:`flex flex-col justify-center gap-1`,children:[n&&(0,j.jsxDEV)(`label`,{className:`text-[12px] font-semibold text-[#1d1d1f] flex items-center gap-1`,children:[(0,j.jsxDEV)(`span`,{children:n},void 0,!1,{fileName:X,lineNumber:1388,columnNumber:15},this),o&&(0,j.jsxDEV)(`span`,{className:`text-[#ff3b30] text-[11px]`,children:`*`},void 0,!1,{fileName:X,lineNumber:1389,columnNumber:25},this)]},void 0,!0,{fileName:X,lineNumber:1387,columnNumber:13},this),(0,j.jsxDEV)(`input`,{type:d.inputType||`text`,value:c,onChange:e=>i(t,e.target.value),placeholder:a,required:o,className:`w-full h-9 rounded-[8px] bg-white border border-[#e5e5ea] px-3 text-[13px] text-[#1d1d1f] focus:outline-none focus:border-[#0071e3] focus:ring-2 focus:ring-[#0071e3]/20 transition-all shadow-2xs`},void 0,!1,{fileName:X,lineNumber:1392,columnNumber:11},this),s&&(0,j.jsxDEV)(`span`,{className:`text-[11px] text-[#86868b]`,children:s},void 0,!1,{fileName:X,lineNumber:1400,columnNumber:22},this)]},void 0,!0,{fileName:X,lineNumber:1382,columnNumber:9},this)}case`textarea`:{let t=d.name||`field_${e.id}`,n=d.label||`Message`,a=d.placeholder||`Type here...`,o=d.required===!0,s=r[t]??``;return(0,j.jsxDEV)(`div`,{style:{width:`100%`,height:`100%`,opacity:f.opacity??1},className:`flex flex-col justify-center gap-1`,children:[n&&(0,j.jsxDEV)(`label`,{className:`text-[12px] font-semibold text-[#1d1d1f] flex items-center gap-1`,children:[(0,j.jsxDEV)(`span`,{children:n},void 0,!1,{fileName:X,lineNumber:1419,columnNumber:15},this),o&&(0,j.jsxDEV)(`span`,{className:`text-[#ff3b30] text-[11px]`,children:`*`},void 0,!1,{fileName:X,lineNumber:1420,columnNumber:25},this)]},void 0,!0,{fileName:X,lineNumber:1418,columnNumber:13},this),(0,j.jsxDEV)(`textarea`,{rows:d.rows||3,value:s,onChange:e=>i(t,e.target.value),placeholder:a,required:o,className:`w-full p-2.5 rounded-[8px] bg-white border border-[#e5e5ea] text-[12.5px] text-[#1d1d1f] focus:outline-none focus:border-[#0071e3] focus:ring-2 focus:ring-[#0071e3]/20 transition-all shadow-2xs resize-none`},void 0,!1,{fileName:X,lineNumber:1423,columnNumber:11},this)]},void 0,!0,{fileName:X,lineNumber:1413,columnNumber:9},this)}case`select`:{let t=d.name||`field_${e.id}`,n=d.label,a=d.options||[`Option 1`,`Option 2`],o=r[t]??d.defaultValue??a[0];return(0,j.jsxDEV)(`div`,{style:{width:`100%`,height:`100%`,opacity:f.opacity??1},className:`flex flex-col justify-center gap-1`,children:[n&&(0,j.jsxDEV)(`label`,{className:`text-[12px] font-semibold text-[#1d1d1f]`,children:n},void 0,!1,{fileName:X,lineNumber:1446,columnNumber:21},this),(0,j.jsxDEV)(`select`,{value:o,onChange:e=>i(t,e.target.value),className:`w-full h-9 rounded-[8px] bg-white border border-[#e5e5ea] px-3 text-[13px] text-[#1d1d1f] focus:outline-none focus:border-[#0071e3] cursor-pointer shadow-2xs`,children:a.map(e=>(0,j.jsxDEV)(`option`,{value:e,children:e},e,!1,{fileName:X,lineNumber:1453,columnNumber:15},this))},void 0,!1,{fileName:X,lineNumber:1447,columnNumber:11},this)]},void 0,!0,{fileName:X,lineNumber:1442,columnNumber:9},this)}case`checkbox`:{let t=d.name||`field_${e.id}`,n=d.label||`I agree`,a=r[t]===void 0?d.checked!==!1:!!r[t];return(0,j.jsxDEV)(`div`,{onClick:()=>i(t,!a),style:{width:`100%`,height:`100%`},className:`flex items-center gap-2.5 select-none cursor-pointer`,children:[(0,j.jsxDEV)(`div`,{className:`w-4.5 h-4.5 rounded-[5px] border flex items-center justify-center transition-colors ${a?`bg-[#0071e3] border-[#0071e3] text-white`:`bg-white border-[#d2d2d7]`}`,children:a&&(0,j.jsxDEV)(Mr,{className:`w-3 h-3 stroke-[2.5]`},void 0,!1,{fileName:X,lineNumber:1478,columnNumber:25},this)},void 0,!1,{fileName:X,lineNumber:1473,columnNumber:11},this),(0,j.jsxDEV)(`span`,{className:`text-[13px] text-[#1d1d1f] font-medium leading-none`,children:n},void 0,!1,{fileName:X,lineNumber:1480,columnNumber:11},this)]},void 0,!0,{fileName:X,lineNumber:1468,columnNumber:9},this)}case`radioGroup`:{let t=d.name||`field_${e.id}`,n=d.label,a=d.options||[`Option A`,`Option B`],o=r[t]??a[d.selectedIndex??0];return(0,j.jsxDEV)(`div`,{style:{width:`100%`,height:`100%`},className:`flex flex-col gap-2 select-none`,children:[n&&(0,j.jsxDEV)(`span`,{className:`text-[12px] font-semibold text-[#1d1d1f]`,children:n},void 0,!1,{fileName:X,lineNumber:1496,columnNumber:21},this),a.map(e=>{let n=o===e;return(0,j.jsxDEV)(`div`,{onClick:()=>i(t,e),className:`flex items-center gap-2.5 cursor-pointer`,children:[(0,j.jsxDEV)(`div`,{className:`w-4.5 h-4.5 rounded-full border flex items-center justify-center ${n?`border-[#0071e3]`:`border-[#d2d2d7]`}`,children:n&&(0,j.jsxDEV)(`div`,{className:`w-2.5 h-2.5 rounded-full bg-[#0071e3]`},void 0,!1,{fileName:X,lineNumber:1510,columnNumber:29},this)},void 0,!1,{fileName:X,lineNumber:1505,columnNumber:17},this),(0,j.jsxDEV)(`span`,{className:`text-[13px] text-[#1d1d1f]`,children:e},void 0,!1,{fileName:X,lineNumber:1512,columnNumber:17},this)]},e,!0,{fileName:X,lineNumber:1500,columnNumber:15},this)})]},void 0,!0,{fileName:X,lineNumber:1492,columnNumber:9},this)}case`fileUpload`:{d.name||`${e.id}`;let t=d.label||`Upload Files`,n=d.helperText||`PNG, JPG or PDF`,r=d.buttonText||`Browse Files`;return(0,j.jsxDEV)(`div`,{style:{width:`100%`,height:`100%`,borderRadius:`${f.borderRadius??12}px`,borderColor:f.borderColor||`#d2d2d7`,backgroundColor:f.backgroundColor||`#fbfbfd`},className:`border-1.5 border-dashed flex flex-col items-center justify-center p-4 text-center cursor-pointer hover:bg-[#f4f4f6] transition-apple gap-1.5`,children:[(0,j.jsxDEV)(`div`,{className:`w-9 h-9 rounded-full bg-white shadow-2xs flex items-center justify-center text-[#0071e3] mb-1`,children:(0,j.jsxDEV)(Ze,{className:`w-5 h-5`},void 0,!1,{fileName:X,lineNumber:1538,columnNumber:13},this)},void 0,!1,{fileName:X,lineNumber:1537,columnNumber:11},this),(0,j.jsxDEV)(`span`,{className:`text-[13px] font-semibold text-[#1d1d1f]`,children:t},void 0,!1,{fileName:X,lineNumber:1540,columnNumber:11},this),(0,j.jsxDEV)(`span`,{className:`text-[11px] text-[#86868b]`,children:n},void 0,!1,{fileName:X,lineNumber:1541,columnNumber:11},this),(0,j.jsxDEV)(`div`,{className:`mt-1 px-3 py-1 rounded-[6px] bg-white border border-[#e5e5ea] text-[11.5px] font-medium text-[#1d1d1f] shadow-2xs`,children:r},void 0,!1,{fileName:X,lineNumber:1542,columnNumber:11},this)]},void 0,!0,{fileName:X,lineNumber:1527,columnNumber:9},this)}case`submitButton`:{let t=d.label||`Submit`;return(0,j.jsxDEV)(`button`,{type:`button`,onClick:()=>{s&&s(e),w()},style:{width:`100%`,height:`100%`,backgroundColor:f.backgroundColor||_,color:f.textColor||`#ffffff`,borderRadius:`${f.borderRadius??10}px`},className:`flex items-center justify-center gap-2 font-semibold text-[13.5px] shadow-apple-sm hover:opacity-95 active:scale-[0.98] transition-apple cursor-pointer`,children:[(0,j.jsxDEV)(ir,{className:`w-3.5 h-3.5`},void 0,!1,{fileName:X,lineNumber:1567,columnNumber:11},this),(0,j.jsxDEV)(`span`,{children:t},void 0,!1,{fileName:X,lineNumber:1568,columnNumber:11},this)]},void 0,!0,{fileName:X,lineNumber:1552,columnNumber:9},this)}case`loginForm`:{let t=d.title||`Sign In to Cyrus`,n=d.subtitle||`Enter your email and password`,a=d.submitLabel||`Sign In`,o=`email_${e.id}`,c=`password_${e.id}`;return(0,j.jsxDEV)(`form`,{onSubmit:t=>{t.preventDefault(),s&&s(e)},style:{width:`100%`,height:`100%`,backgroundColor:f.backgroundColor||`#ffffff`,borderRadius:`${f.borderRadius??18}px`,borderWidth:`${f.borderWidth??1}px`,borderColor:f.borderColor||`#e5e5ea`,padding:`28px`},className:`flex flex-col justify-between ${x}`,children:[(0,j.jsxDEV)(`div`,{children:[(0,j.jsxDEV)(`div`,{className:`w-9 h-9 rounded-[10px] bg-[#0071e3] text-white flex items-center justify-center mb-3 shadow-apple-sm`,children:(0,j.jsxDEV)(zt,{className:`w-4.5 h-4.5`},void 0,!1,{fileName:X,lineNumber:1602,columnNumber:15},this)},void 0,!1,{fileName:X,lineNumber:1601,columnNumber:13},this),(0,j.jsxDEV)(`h3`,{className:`text-[18px] font-bold text-[#1d1d1f] tracking-tight`,children:t},void 0,!1,{fileName:X,lineNumber:1604,columnNumber:13},this),(0,j.jsxDEV)(`p`,{className:`text-[12px] text-[#86868b] mt-0.5`,children:n},void 0,!1,{fileName:X,lineNumber:1605,columnNumber:13},this)]},void 0,!0,{fileName:X,lineNumber:1600,columnNumber:11},this),(0,j.jsxDEV)(`div`,{className:`flex flex-col gap-3 my-2`,children:[(0,j.jsxDEV)(`div`,{className:`flex flex-col gap-1`,children:[(0,j.jsxDEV)(`span`,{className:`text-[11.5px] font-medium text-[#6e6e73]`,children:`Email Address`},void 0,!1,{fileName:X,lineNumber:1610,columnNumber:15},this),(0,j.jsxDEV)(`input`,{type:`email`,required:!0,value:r[o]||``,onChange:e=>i(o,e.target.value),placeholder:`alex@apple.com`,className:`h-8.5 bg-[#f4f4f6] rounded-[8px] border border-[#e5e5ea] px-3 text-[12.5px] text-[#1d1d1f] focus:outline-none focus:border-[#0071e3] focus:bg-white`},void 0,!1,{fileName:X,lineNumber:1611,columnNumber:15},this)]},void 0,!0,{fileName:X,lineNumber:1609,columnNumber:13},this),(0,j.jsxDEV)(`div`,{className:`flex flex-col gap-1`,children:[(0,j.jsxDEV)(`div`,{className:`flex justify-between items-center text-[11.5px]`,children:[(0,j.jsxDEV)(`span`,{className:`font-medium text-[#6e6e73]`,children:`Password`},void 0,!1,{fileName:X,lineNumber:1622,columnNumber:17},this),(0,j.jsxDEV)(`span`,{className:`text-[#0071e3] font-medium hover:underline cursor-pointer`,children:`Forgot?`},void 0,!1,{fileName:X,lineNumber:1623,columnNumber:17},this)]},void 0,!0,{fileName:X,lineNumber:1621,columnNumber:15},this),(0,j.jsxDEV)(`input`,{type:`password`,required:!0,value:r[c]||``,onChange:e=>i(c,e.target.value),placeholder:`••••••••••••`,className:`h-8.5 bg-[#f4f4f6] rounded-[8px] border border-[#e5e5ea] px-3 text-[12.5px] text-[#1d1d1f] focus:outline-none focus:border-[#0071e3] focus:bg-white`},void 0,!1,{fileName:X,lineNumber:1625,columnNumber:15},this)]},void 0,!0,{fileName:X,lineNumber:1620,columnNumber:13},this)]},void 0,!0,{fileName:X,lineNumber:1608,columnNumber:11},this),(0,j.jsxDEV)(`div`,{children:[(0,j.jsxDEV)(`button`,{type:`submit`,className:`w-full py-2.5 rounded-[10px] bg-[#0071e3] text-white text-[13px] font-semibold text-center shadow-apple-sm hover:bg-[#0077ed] active:scale-[0.98] transition-apple cursor-pointer`,children:a},void 0,!1,{fileName:X,lineNumber:1637,columnNumber:13},this),(0,j.jsxDEV)(`p`,{className:`text-[11.5px] text-[#86868b] text-center mt-2.5`,children:[`Don't have an account? `,(0,j.jsxDEV)(`span`,{className:`text-[#0071e3] font-medium hover:underline cursor-pointer`,children:`Sign up`},void 0,!1,{fileName:X,lineNumber:1644,columnNumber:38},this)]},void 0,!0,{fileName:X,lineNumber:1643,columnNumber:13},this)]},void 0,!0,{fileName:X,lineNumber:1636,columnNumber:11},this)]},void 0,!0,{fileName:X,lineNumber:1587,columnNumber:9},this)}case`signupForm`:{let t=d.title||`Create Your Account`,n=d.submitLabel||`Create Account`;return(0,j.jsxDEV)(`form`,{onSubmit:t=>{t.preventDefault(),s&&s(e)},style:{width:`100%`,height:`100%`,backgroundColor:f.backgroundColor||`#ffffff`,borderRadius:`${f.borderRadius??18}px`,borderWidth:`${f.borderWidth??1}px`,borderColor:f.borderColor||`#e5e5ea`,padding:`28px`},className:`flex flex-col justify-between ${x}`,children:[(0,j.jsxDEV)(`div`,{children:[(0,j.jsxDEV)(`div`,{className:`w-9 h-9 rounded-[10px] bg-[#0071e3] text-white flex items-center justify-center mb-3 shadow-apple-sm`,children:(0,j.jsxDEV)(en,{className:`w-4.5 h-4.5`},void 0,!1,{fileName:X,lineNumber:1676,columnNumber:15},this)},void 0,!1,{fileName:X,lineNumber:1675,columnNumber:13},this),(0,j.jsxDEV)(`h3`,{className:`text-[18px] font-bold text-[#1d1d1f] tracking-tight`,children:t},void 0,!1,{fileName:X,lineNumber:1678,columnNumber:13},this)]},void 0,!0,{fileName:X,lineNumber:1674,columnNumber:11},this),(0,j.jsxDEV)(`div`,{className:`flex flex-col gap-2.5 my-2`,children:[(0,j.jsxDEV)(`input`,{type:`text`,required:!0,placeholder:`Full Name`,value:r[`name_${e.id}`]||``,onChange:t=>i(`name_${e.id}`,t.target.value),className:`h-8.5 bg-[#f4f4f6] rounded-[8px] border border-[#e5e5ea] px-3 text-[12.5px] text-[#1d1d1f] focus:outline-none focus:border-[#0071e3] focus:bg-white`},void 0,!1,{fileName:X,lineNumber:1682,columnNumber:13},this),(0,j.jsxDEV)(`input`,{type:`email`,required:!0,placeholder:`Work Email`,value:r[`email_${e.id}`]||``,onChange:t=>i(`email_${e.id}`,t.target.value),className:`h-8.5 bg-[#f4f4f6] rounded-[8px] border border-[#e5e5ea] px-3 text-[12.5px] text-[#1d1d1f] focus:outline-none focus:border-[#0071e3] focus:bg-white`},void 0,!1,{fileName:X,lineNumber:1690,columnNumber:13},this),(0,j.jsxDEV)(`input`,{type:`password`,required:!0,placeholder:`Create Password`,value:r[`pass_${e.id}`]||``,onChange:t=>i(`pass_${e.id}`,t.target.value),className:`h-8.5 bg-[#f4f4f6] rounded-[8px] border border-[#e5e5ea] px-3 text-[12.5px] text-[#1d1d1f] focus:outline-none focus:border-[#0071e3] focus:bg-white`},void 0,!1,{fileName:X,lineNumber:1698,columnNumber:13},this)]},void 0,!0,{fileName:X,lineNumber:1681,columnNumber:11},this),(0,j.jsxDEV)(`div`,{children:[(0,j.jsxDEV)(`button`,{type:`submit`,className:`w-full py-2.5 rounded-[10px] bg-[#0071e3] text-white text-[13px] font-semibold text-center shadow-apple-sm hover:bg-[#0077ed] active:scale-[0.98] transition-apple cursor-pointer`,children:n},void 0,!1,{fileName:X,lineNumber:1709,columnNumber:13},this),(0,j.jsxDEV)(`p`,{className:`text-[11.5px] text-[#86868b] text-center mt-2.5`,children:[`Already registered? `,(0,j.jsxDEV)(`span`,{className:`text-[#0071e3] font-medium hover:underline cursor-pointer`,children:`Sign in`},void 0,!1,{fileName:X,lineNumber:1716,columnNumber:35},this)]},void 0,!0,{fileName:X,lineNumber:1715,columnNumber:13},this)]},void 0,!0,{fileName:X,lineNumber:1708,columnNumber:11},this)]},void 0,!0,{fileName:X,lineNumber:1661,columnNumber:9},this)}case`contactForm`:{let t=d.title||`Get in Touch`,n=d.submitLabel||`Send Inquiry`;return(0,j.jsxDEV)(`form`,{onSubmit:t=>{t.preventDefault(),s&&s(e)},style:{width:`100%`,height:`100%`,backgroundColor:f.backgroundColor||`#ffffff`,borderRadius:`${f.borderRadius??18}px`,borderWidth:`${f.borderWidth??1}px`,borderColor:f.borderColor||`#e5e5ea`,padding:`28px`},className:`flex flex-col justify-between ${x}`,children:[(0,j.jsxDEV)(`div`,{children:[(0,j.jsxDEV)(`div`,{className:`w-9 h-9 rounded-[10px] bg-[#0071e3] text-white flex items-center justify-center mb-3 shadow-apple-sm`,children:(0,j.jsxDEV)(At,{className:`w-4.5 h-4.5`},void 0,!1,{fileName:X,lineNumber:1748,columnNumber:15},this)},void 0,!1,{fileName:X,lineNumber:1747,columnNumber:13},this),(0,j.jsxDEV)(`h3`,{className:`text-[18px] font-bold text-[#1d1d1f] tracking-tight`,children:t},void 0,!1,{fileName:X,lineNumber:1750,columnNumber:13},this)]},void 0,!0,{fileName:X,lineNumber:1746,columnNumber:11},this),(0,j.jsxDEV)(`div`,{className:`flex flex-col gap-2.5 my-2`,children:[(0,j.jsxDEV)(`input`,{type:`text`,required:!0,placeholder:`Your Name`,value:r[`name_${e.id}`]||``,onChange:t=>i(`name_${e.id}`,t.target.value),className:`h-8.5 bg-[#f4f4f6] rounded-[8px] border border-[#e5e5ea] px-3 text-[12.5px] text-[#1d1d1f] focus:outline-none focus:border-[#0071e3] focus:bg-white`},void 0,!1,{fileName:X,lineNumber:1754,columnNumber:13},this),(0,j.jsxDEV)(`input`,{type:`email`,required:!0,placeholder:`Your Email`,value:r[`email_${e.id}`]||``,onChange:t=>i(`email_${e.id}`,t.target.value),className:`h-8.5 bg-[#f4f4f6] rounded-[8px] border border-[#e5e5ea] px-3 text-[12.5px] text-[#1d1d1f] focus:outline-none focus:border-[#0071e3] focus:bg-white`},void 0,!1,{fileName:X,lineNumber:1762,columnNumber:13},this),(0,j.jsxDEV)(`textarea`,{rows:3,required:!0,placeholder:`How can we help?`,value:r[`msg_${e.id}`]||``,onChange:t=>i(`msg_${e.id}`,t.target.value),className:`p-2.5 bg-[#f4f4f6] rounded-[8px] border border-[#e5e5ea] text-[12.5px] text-[#1d1d1f] focus:outline-none focus:border-[#0071e3] focus:bg-white resize-none`},void 0,!1,{fileName:X,lineNumber:1770,columnNumber:13},this)]},void 0,!0,{fileName:X,lineNumber:1753,columnNumber:11},this),(0,j.jsxDEV)(`button`,{type:`submit`,className:`w-full py-2.5 rounded-[10px] bg-[#0071e3] text-white text-[13px] font-semibold text-center shadow-apple-sm hover:bg-[#0077ed] active:scale-[0.98] transition-apple cursor-pointer`,children:n},void 0,!1,{fileName:X,lineNumber:1780,columnNumber:11},this)]},void 0,!0,{fileName:X,lineNumber:1733,columnNumber:9},this)}case`mobileHeader`:{let e=d.title||`Screen Title`,t=d.actionLabel||`Edit`,n=d.showBack!==!1;return(0,j.jsxDEV)(`div`,{onClick:w,style:{width:`100%`,height:`100%`,backgroundColor:f.backgroundColor||`#ffffff`,borderRadius:`${f.borderRadius??14}px`,borderWidth:`${f.borderWidth??1}px`,borderColor:f.borderColor||`#e5e5ea`,paddingLeft:`${f.paddingLeft??16}px`,paddingRight:`${f.paddingRight??16}px`},className:`flex items-center justify-between ${x}`,children:[(0,j.jsxDEV)(`div`,{className:`flex items-center gap-1.5 text-[#0071e3] font-medium text-[13px] cursor-pointer`,children:[n&&(0,j.jsxDEV)(Te,{className:`w-4 h-4`},void 0,!1,{fileName:X,lineNumber:1811,columnNumber:26},this),(0,j.jsxDEV)(`span`,{className:`text-[12px]`,children:`Back`},void 0,!1,{fileName:X,lineNumber:1812,columnNumber:13},this)]},void 0,!0,{fileName:X,lineNumber:1810,columnNumber:11},this),(0,j.jsxDEV)(`h4`,{className:`text-[14px] font-bold text-[#1d1d1f] tracking-tight truncate max-w-[160px]`,children:e},void 0,!1,{fileName:X,lineNumber:1815,columnNumber:11},this),(0,j.jsxDEV)(`div`,{className:`text-[12px] font-semibold text-[#0071e3] cursor-pointer`,children:t},void 0,!1,{fileName:X,lineNumber:1819,columnNumber:11},this)]},void 0,!0,{fileName:X,lineNumber:1796,columnNumber:9},this)}case`bottomNav`:case`tabBar`:{let e=d.activeTab||`Home`,t=d.tabs||[{label:`Home`,icon:`Home`,badge:``},{label:`Cards`,icon:`CreditCard`,badge:`2`},{label:`Transfer`,icon:`Send`,badge:``},{label:`Profile`,icon:`User`,badge:``}];return(0,j.jsxDEV)(`div`,{style:{width:`100%`,height:`100%`,backgroundColor:f.backgroundColor||`#ffffff`,borderRadius:`${f.borderRadius??20}px`,borderWidth:`${f.borderWidth??1}px`,borderColor:f.borderColor||`#e5e5ea`},className:`flex items-center justify-around px-2 ${x}`,children:t.map((t,n)=>{let r=t.label===e,i=xl[t.icon]||S;return(0,j.jsxDEV)(`button`,{type:`button`,onClick:()=>{C&&a(C)},className:`flex flex-col items-center gap-0.5 relative py-1 px-2.5 rounded-xl cursor-pointer transition-apple ${r?`text-[#0071e3] font-bold`:`text-[#86868b] hover:text-[#1d1d1f]`}`,children:[(0,j.jsxDEV)(`div`,{className:`relative`,children:[(0,j.jsxDEV)(i,{className:`w-5 h-5`},void 0,!1,{fileName:X,lineNumber:1864,columnNumber:19},this),t.badge&&(0,j.jsxDEV)(`span`,{className:`absolute -top-1 -right-2 px-1 py-0.2 rounded-full bg-[#ff3b30] text-white text-[9px] font-bold leading-none`,children:t.badge},void 0,!1,{fileName:X,lineNumber:1866,columnNumber:21},this)]},void 0,!0,{fileName:X,lineNumber:1863,columnNumber:17},this),(0,j.jsxDEV)(`span`,{className:`text-[10px] tracking-tight`,children:t.label},void 0,!1,{fileName:X,lineNumber:1871,columnNumber:17},this)]},n,!0,{fileName:X,lineNumber:1853,columnNumber:15},this)})},void 0,!1,{fileName:X,lineNumber:1837,columnNumber:9},this)}case`mobileCard`:{let e=d.subtitle||`Available Balance`,t=d.amount||`$14,250.80`,n=d.tag||`Checking •• 4092`,r=d.trend||`+12.4% this month`;return(0,j.jsxDEV)(`div`,{onClick:w,style:{width:`100%`,height:`100%`,backgroundColor:f.backgroundColor||`#0071e3`,color:f.textColor||`#ffffff`,borderRadius:`${f.borderRadius??18}px`,borderWidth:`${f.borderWidth??0}px`,borderColor:f.borderColor||`transparent`,paddingTop:`${f.paddingTop??18}px`,paddingBottom:`${f.paddingBottom??18}px`,paddingLeft:`${f.paddingLeft??18}px`,paddingRight:`${f.paddingRight??18}px`,cursor:C?`pointer`:`default`},className:`flex flex-col justify-between ${x}`,children:[(0,j.jsxDEV)(`div`,{className:`flex items-center justify-between`,children:[(0,j.jsxDEV)(`span`,{className:`text-[11px] font-medium opacity-80`,children:e},void 0,!1,{fileName:X,lineNumber:1905,columnNumber:13},this),(0,j.jsxDEV)(`span`,{className:`px-2 py-0.5 rounded-full text-[10px] font-semibold bg-white/20 backdrop-blur-xs`,children:n},void 0,!1,{fileName:X,lineNumber:1906,columnNumber:13},this)]},void 0,!0,{fileName:X,lineNumber:1904,columnNumber:11},this),(0,j.jsxDEV)(`div`,{children:[(0,j.jsxDEV)(`div`,{className:`text-[26px] font-extrabold tracking-tight leading-tight`,children:t},void 0,!1,{fileName:X,lineNumber:1912,columnNumber:13},this),(0,j.jsxDEV)(`div`,{className:`text-[11px] font-medium opacity-85 mt-0.5 flex items-center gap-1`,children:[(0,j.jsxDEV)(vr,{className:`w-3.5 h-3.5`},void 0,!1,{fileName:X,lineNumber:1914,columnNumber:15},this),(0,j.jsxDEV)(`span`,{children:r},void 0,!1,{fileName:X,lineNumber:1915,columnNumber:15},this)]},void 0,!0,{fileName:X,lineNumber:1913,columnNumber:13},this)]},void 0,!0,{fileName:X,lineNumber:1911,columnNumber:11},this)]},void 0,!0,{fileName:X,lineNumber:1886,columnNumber:9},this)}case`mobileList`:{let e=d.title||`Recent Transactions`,t=d.items||[{title:`Apple Store`,subtitle:`Hardware & Tech`,amount:`-$1,299.00`,icon:`ShoppingBag`,isDebit:!0},{title:`Stripe Payout`,subtitle:`Direct Deposit`,amount:`+$4,820.00`,icon:`ArrowDownLeft`,isDebit:!1},{title:`Uber Rides`,subtitle:`Transportation`,amount:`-$24.50`,icon:`Car`,isDebit:!0}];return(0,j.jsxDEV)(`div`,{style:{width:`100%`,height:`100%`,backgroundColor:f.backgroundColor||`#ffffff`,borderRadius:`${f.borderRadius??16}px`,borderWidth:`${f.borderWidth??1}px`,borderColor:f.borderColor||`#e5e5ea`,paddingTop:`${f.paddingTop??14}px`,paddingBottom:`${f.paddingBottom??14}px`,paddingLeft:`${f.paddingLeft??16}px`,paddingRight:`${f.paddingRight??16}px`},className:`flex flex-col ${x}`,children:[e&&(0,j.jsxDEV)(`div`,{className:`text-[12px] font-bold text-[#1d1d1f] mb-2 flex items-center justify-between`,children:[(0,j.jsxDEV)(`span`,{children:e},void 0,!1,{fileName:X,lineNumber:1948,columnNumber:15},this),(0,j.jsxDEV)(`span`,{className:`text-[10.5px] text-[#0071e3] font-medium cursor-pointer`,children:`See All`},void 0,!1,{fileName:X,lineNumber:1949,columnNumber:15},this)]},void 0,!0,{fileName:X,lineNumber:1947,columnNumber:13},this),(0,j.jsxDEV)(`div`,{className:`flex-1 flex flex-col justify-around divide-y divide-[#f5f5f7]`,children:t.map((e,t)=>{let n=xl[e.icon]||Un;return(0,j.jsxDEV)(`div`,{onClick:w,className:`flex items-center justify-between py-2 cursor-pointer hover:bg-[#f5f5f7]/60 rounded-lg px-1 transition-apple`,children:[(0,j.jsxDEV)(`div`,{className:`flex items-center gap-2.5`,children:[(0,j.jsxDEV)(`div`,{className:`w-8 h-8 rounded-xl bg-[#f5f5f7] text-[#1d1d1f] flex items-center justify-center`,children:(0,j.jsxDEV)(n,{className:`w-4 h-4 text-[#0071e3]`},void 0,!1,{fileName:X,lineNumber:1965,columnNumber:23},this)},void 0,!1,{fileName:X,lineNumber:1964,columnNumber:21},this),(0,j.jsxDEV)(`div`,{children:[(0,j.jsxDEV)(`div`,{className:`text-[12px] font-semibold text-[#1d1d1f]`,children:e.title},void 0,!1,{fileName:X,lineNumber:1968,columnNumber:23},this),(0,j.jsxDEV)(`div`,{className:`text-[10px] text-[#86868b]`,children:e.subtitle},void 0,!1,{fileName:X,lineNumber:1969,columnNumber:23},this)]},void 0,!0,{fileName:X,lineNumber:1967,columnNumber:21},this)]},void 0,!0,{fileName:X,lineNumber:1963,columnNumber:19},this),(0,j.jsxDEV)(`div`,{className:`text-right`,children:[(0,j.jsxDEV)(`div`,{className:`text-[12px] font-bold ${e.isDebit?`text-[#1d1d1f]`:`text-[#34c759]`}`,children:e.amount},void 0,!1,{fileName:X,lineNumber:1974,columnNumber:21},this),(0,j.jsxDEV)(pe,{className:`w-3 h-3 text-[#c7c7cc] inline-block ml-1`},void 0,!1,{fileName:X,lineNumber:1981,columnNumber:21},this)]},void 0,!0,{fileName:X,lineNumber:1973,columnNumber:19},this)]},t,!0,{fileName:X,lineNumber:1958,columnNumber:17},this)})},void 0,!1,{fileName:X,lineNumber:1953,columnNumber:11},this)]},void 0,!0,{fileName:X,lineNumber:1931,columnNumber:9},this)}case`mobileSheet`:{let e=d.title||`Transfer Money`,t=d.subtitle||`Select payment method or contact.`,n=d.primaryAction||`Send Money`;return(0,j.jsxDEV)(`div`,{style:{width:`100%`,height:`100%`,backgroundColor:f.backgroundColor||`#ffffff`,borderRadius:`${f.borderRadius??24}px`,borderWidth:`${f.borderWidth??1}px`,borderColor:f.borderColor||`#e5e5ea`,paddingTop:`${f.paddingTop??14}px`,paddingBottom:`${f.paddingBottom??16}px`,paddingLeft:`${f.paddingLeft??18}px`,paddingRight:`${f.paddingRight??18}px`},className:`flex flex-col justify-between ${x}`,children:[(0,j.jsxDEV)(`div`,{className:`w-10 h-1 rounded-full bg-[#d1d1d6] mx-auto mb-2`},void 0,!1,{fileName:X,lineNumber:2012,columnNumber:11},this),(0,j.jsxDEV)(`div`,{children:[(0,j.jsxDEV)(`h4`,{className:`text-[15px] font-bold text-[#1d1d1f]`,children:e},void 0,!1,{fileName:X,lineNumber:2015,columnNumber:13},this),(0,j.jsxDEV)(`p`,{className:`text-[11px] text-[#86868b] mt-0.5`,children:t},void 0,!1,{fileName:X,lineNumber:2016,columnNumber:13},this)]},void 0,!0,{fileName:X,lineNumber:2014,columnNumber:11},this),(0,j.jsxDEV)(`div`,{className:`p-3 rounded-xl bg-[#f5f5f7] border border-[#e5e5ea] flex items-center justify-between text-[11.5px]`,children:[(0,j.jsxDEV)(`span`,{className:`font-semibold text-[#1d1d1f]`,children:`Fast Wire Transfer`},void 0,!1,{fileName:X,lineNumber:2020,columnNumber:13},this),(0,j.jsxDEV)(`span`,{className:`text-[#0071e3] font-bold`,children:`Instant`},void 0,!1,{fileName:X,lineNumber:2021,columnNumber:13},this)]},void 0,!0,{fileName:X,lineNumber:2019,columnNumber:11},this),(0,j.jsxDEV)(`button`,{type:`button`,onClick:w,className:`w-full py-2.5 rounded-xl bg-[#0071e3] text-white text-[12.5px] font-semibold text-center shadow-2xs hover:bg-[#0077ed] transition-apple cursor-pointer`,children:n},void 0,!1,{fileName:X,lineNumber:2024,columnNumber:11},this)]},void 0,!0,{fileName:X,lineNumber:1997,columnNumber:9},this)}case`mobileModal`:{let e=d.title||`Confirm Payment`,t=d.message||`Are you sure you want to send $500.00 to Alex Rivera?`,n=d.confirmLabel||`Confirm & Send`,r=d.cancelLabel||`Cancel`;return(0,j.jsxDEV)(`div`,{style:{width:`100%`,height:`100%`,backgroundColor:f.backgroundColor||`#ffffff`,borderRadius:`${f.borderRadius??20}px`,borderWidth:`${f.borderWidth??1}px`,borderColor:f.borderColor||`#e5e5ea`,paddingTop:`${f.paddingTop??20}px`,paddingBottom:`${f.paddingBottom??20}px`,paddingLeft:`${f.paddingLeft??18}px`,paddingRight:`${f.paddingRight??18}px`},className:`flex flex-col justify-between text-center ${x}`,children:[(0,j.jsxDEV)(`div`,{children:[(0,j.jsxDEV)(`div`,{className:`w-10 h-10 rounded-2xl bg-[#0071e3]/10 text-[#0071e3] flex items-center justify-center mx-auto mb-2`,children:(0,j.jsxDEV)(ir,{className:`w-5 h-5`},void 0,!1,{fileName:X,lineNumber:2059,columnNumber:15},this)},void 0,!1,{fileName:X,lineNumber:2058,columnNumber:13},this),(0,j.jsxDEV)(`h4`,{className:`text-[14px] font-bold text-[#1d1d1f]`,children:e},void 0,!1,{fileName:X,lineNumber:2061,columnNumber:13},this),(0,j.jsxDEV)(`p`,{className:`text-[11.5px] text-[#6e6e73] mt-1 leading-relaxed`,children:t},void 0,!1,{fileName:X,lineNumber:2062,columnNumber:13},this)]},void 0,!0,{fileName:X,lineNumber:2057,columnNumber:11},this),(0,j.jsxDEV)(`div`,{className:`flex gap-2`,children:[(0,j.jsxDEV)(`button`,{type:`button`,onClick:w,className:`flex-1 py-2 rounded-xl bg-[#f5f5f7] text-[#1d1d1f] text-[11.5px] font-semibold text-center hover:bg-[#e5e5ea] transition-apple cursor-pointer`,children:r},void 0,!1,{fileName:X,lineNumber:2066,columnNumber:13},this),(0,j.jsxDEV)(`button`,{type:`button`,onClick:w,className:`flex-1 py-2 rounded-xl bg-[#0071e3] text-white text-[11.5px] font-semibold text-center shadow-2xs hover:bg-[#0077ed] transition-apple cursor-pointer`,children:n},void 0,!1,{fileName:X,lineNumber:2073,columnNumber:13},this)]},void 0,!0,{fileName:X,lineNumber:2065,columnNumber:11},this)]},void 0,!0,{fileName:X,lineNumber:2042,columnNumber:9},this)}case`mobileScreen`:return(0,j.jsxDEV)(`div`,{onClick:w,style:{width:`100%`,height:`100%`,backgroundColor:f.backgroundColor||`#f5f5f7`,borderRadius:`${f.borderRadius??28}px`,borderWidth:`${f.borderWidth??1}px`,borderColor:f.borderColor||`#e5e5ea`,paddingTop:`${f.paddingTop??16}px`,paddingBottom:`${f.paddingBottom??16}px`,paddingLeft:`${f.paddingLeft??16}px`,paddingRight:`${f.paddingRight??16}px`},className:`flex flex-col justify-between ${x}`,children:[(0,j.jsxDEV)(`div`,{className:`w-full flex items-center justify-between text-[10px] font-bold text-[#1d1d1f] px-2 py-0.5`,children:[(0,j.jsxDEV)(`span`,{children:`9:41`},void 0,!1,{fileName:X,lineNumber:2104,columnNumber:13},this),(0,j.jsxDEV)(`div`,{className:`w-20 h-4 rounded-full bg-black mx-auto`},void 0,!1,{fileName:X,lineNumber:2105,columnNumber:13},this),(0,j.jsxDEV)(`span`,{children:`5G 100%`},void 0,!1,{fileName:X,lineNumber:2106,columnNumber:13},this)]},void 0,!0,{fileName:X,lineNumber:2103,columnNumber:11},this),(0,j.jsxDEV)(`div`,{className:`flex-1 flex items-center justify-center text-[12px] text-[#86868b]`,children:e.name},void 0,!1,{fileName:X,lineNumber:2109,columnNumber:11},this),(0,j.jsxDEV)(`div`,{className:`w-28 h-1 rounded-full bg-black mx-auto`},void 0,!1,{fileName:X,lineNumber:2113,columnNumber:11},this)]},void 0,!0,{fileName:X,lineNumber:2087,columnNumber:9},this);default:{let t=os.getCustomWidgetRenderer(e.type);return t?(0,j.jsxDEV)(`div`,{onClick:w,className:`w-full h-full`,children:(0,j.jsxDEV)(t,{element:e},void 0,!1,{fileName:X,lineNumber:2123,columnNumber:13},this)},void 0,!1,{fileName:X,lineNumber:2122,columnNumber:11},this):(0,j.jsxDEV)(`div`,{onClick:w,style:{width:`100%`,height:`100%`,backgroundColor:f.backgroundColor||`#ffffff`,borderRadius:`10px`,borderWidth:`1px`,borderColor:`#e5e5ea`,cursor:C?`pointer`:`default`},className:`p-3 flex items-center justify-center text-[12px] text-[#86868b]`,children:e.name},void 0,!1,{fileName:X,lineNumber:2129,columnNumber:9},this)}}}var Cl=`C:/Users/Shadow/Desktop/cyrus/src/runtime/RuntimeErrorBoundary.tsx`,wl=class extends k.Component{state={hasError:!1};static getDerivedStateFromError(e){return{hasError:!0,error:e}}componentDidCatch(e,t){console.error(`Cyrus Runtime Element Error:`,e,t)}render(){return this.state.hasError?(0,j.jsxDEV)(`div`,{className:`w-full h-full p-4 rounded-[10px] bg-[#fff2f2] border border-[#ffcdd2] flex flex-col items-center justify-center text-center text-[12px] text-[#d32f2f] select-none shadow-2xs`,children:[(0,j.jsxDEV)(Be,{className:`w-5 h-5 mb-1 text-[#d32f2f]`},void 0,!1,{fileName:Cl,lineNumber:31,columnNumber:11},this),(0,j.jsxDEV)(`span`,{className:`font-semibold text-[13px]`,children:this.props.fallbackName||`Element Rendering Error`},void 0,!1,{fileName:Cl,lineNumber:32,columnNumber:11},this),(0,j.jsxDEV)(`p`,{className:`text-[10.5px] text-[#b71c1c] max-w-xs mt-0.5 line-clamp-2`,children:this.state.error?.message||`A runtime error occurred in this component.`},void 0,!1,{fileName:Cl,lineNumber:35,columnNumber:11},this),(0,j.jsxDEV)(`button`,{type:`button`,onClick:()=>this.setState({hasError:!1}),className:`mt-2.5 inline-flex items-center gap-1 px-2.5 py-1 bg-white border border-[#ffcdd2] rounded-[6px] text-[11px] font-medium text-[#d32f2f] hover:bg-[#ffebee] transition-apple cursor-pointer`,children:[(0,j.jsxDEV)(cn,{className:`w-3 h-3`},void 0,!1,{fileName:Cl,lineNumber:43,columnNumber:13},this),(0,j.jsxDEV)(`span`,{children:`Retry Element`},void 0,!1,{fileName:Cl,lineNumber:44,columnNumber:13},this)]},void 0,!0,{fileName:Cl,lineNumber:38,columnNumber:11},this)]},void 0,!0,{fileName:Cl,lineNumber:30,columnNumber:9},this):this.props.children}};async function Tl(e,t,n){let{actionType:r}=e;try{switch(r){case`api`:{if(!e.apiEndpoint)return{success:!1,message:`No API endpoint configured.`};let r=JSON.stringify(t);e.apiMethod===`GET`&&(r=void 0);let i=(e.apiMethod||`POST`).toUpperCase(),a=await fetch(e.apiEndpoint,{method:i,headers:{"Content-Type":`application/json`,...e.headers||{}},body:i===`GET`?void 0:r}),o=await a.json().catch(()=>null);if(!a.ok)throw Error(o&&(o.message||o.error)||`Request failed (${a.status})`);return n.addToast&&n.addToast(e.successMessage||`Form submitted successfully!`,`success`),e.targetVariable&&n.setVariable&&n.setVariable(e.targetVariable,o??t),e.targetPageId&&n.setActivePage&&n.setActivePage(e.targetPageId),{success:!0,message:e.successMessage||`Form submitted successfully!`,data:o??t}}case`setVariable`:return e.targetVariable&&n.setVariable&&n.setVariable(e.targetVariable,t),n.addToast&&n.addToast(e.successMessage||`Variables updated!`,`success`),e.targetPageId&&n.setActivePage&&n.setActivePage(e.targetPageId),{success:!0,message:`Updated variable state.`};case`navigate`:return e.targetPageId&&n.setActivePage&&n.setActivePage(e.targetPageId),e.targetUrl&&window.open(e.targetUrl,`_blank`),{success:!0};case`toast`:return n.addToast&&n.addToast(e.successMessage||`Action completed successfully!`,`success`),{success:!0};default:return n.addToast&&n.addToast(e.successMessage||`Submitted successfully!`,`success`),{success:!0}}}catch(t){let r=e.errorMessage||t?.message||`Failed to submit form.`;return n.addToast&&n.addToast(r,`error`),{success:!1,message:r}}}var El=`C:/Users/Shadow/Desktop/cyrus/src/runtime/RuntimeRenderer.tsx`;function Dl({project:e,initialPageId:t,viewportMode:n=`desktop`,previewTheme:r,onPageChange:i}){let{addToast:a}=Vr(),o=M(e=>e.setVariableValue),s=e.pages||[],[c,l]=(0,k.useState)(t||s[0]?.id||``),[u,d]=(0,k.useState)(null),[f,p]=(0,k.useState)({}),[m,h]=(0,k.useState)({}),g=(0,k.useMemo)(()=>s.find(e=>e.id===c||e.slug===c)||s[0],[s,c]),_=fi[n],v=r===`dark`||e.designSystem?.mode===`dark`,y=g?.settings?.backgroundColor===`#ffffff`||!g?.settings?.backgroundColor?v?`#1c1c1e`:`#ffffff`:g.settings.backgroundColor,b=(0,k.useMemo)(()=>g?g.elements.map(e=>Ps(e,n)):[],[g,n]),x=e=>{switch(e.action){case`navigate`:{let t=s.find(t=>t.id===e.target||t.slug===e.target);t?(l(t.id),i?.(t)):e.target&&l(e.target);break}case`openModal`:d({isOpen:!0,title:e.modalTitle||`Action Dialog`});break;case`closeModal`:d(null);break;case`openUrl`:e.target&&/^https?:\/\//i.test(e.target.trim())&&window.open(e.target.trim(),`_blank`,`noopener,noreferrer`);break;case`toggleVisibility`:e.target&&p(t=>({...t,[e.target]:!t[e.target]}));break;case`scrollTo`:e.target&&document.getElementById(`runtime_el_${e.target}`)?.scrollIntoView({behavior:`smooth`})}},S=(e,t)=>{h(n=>({...n,[e]:t}))},C=async e=>{let t=e.formConfig||{actionType:`api`,apiEndpoint:`/api/submit`,apiMethod:`POST`,successMessage:`Form submitted successfully!`,resetOnSuccess:!0};(await Tl(t,m,{setVariable:(e,t)=>o(e,t),addToast:(e,t)=>a(e,t),setActivePage:e=>{l(e);let t=s.find(t=>t.id===e);t&&i?.(t)}})).success&&t.resetOnSuccess!==!1&&h({})};if(!g)return(0,j.jsxDEV)(`div`,{className:`w-full h-full flex items-center justify-center text-[13px] text-[#86868b]`,children:`No pages found in this project.`},void 0,!1,{fileName:El,lineNumber:145,columnNumber:7},this);let w=(0,k.useMemo)(()=>{let e=_.height;return b.forEach(t=>{let n=(t.effectiveY??t.y)+(t.effectiveHeight??t.height)+140;n>e&&(e=n)}),e},[b,_.height]),ee=Math.max(_.height,g?.settings?.minHeight||0,w);return(0,j.jsxDEV)(`div`,{className:`w-full h-full relative overflow-y-auto flex flex-col items-center select-none bg-inherit`,children:[u&&(0,j.jsxDEV)(ws,{title:u.title,isOpen:u.isOpen,onClose:()=>d(null)},void 0,!1,{fileName:El,lineNumber:172,columnNumber:9},this),(0,j.jsxDEV)(`div`,{id:`cyrus-runtime-artboard`,"data-theme":v?`dark`:`light`,style:{width:`${_.width}px`,minHeight:`${ee}px`,backgroundColor:y,color:v?`#f5f5f7`:`#1d1d1f`},className:`relative mx-auto rounded-[12px] shadow-artboard transition-apple shrink-0 ${v?`dark bg-[#1c1c1e] text-[#f5f5f7]`:`bg-white text-[#1d1d1f]`}`,children:b.map(t=>{let n=f[t.id];if(n===void 0?t.effectiveHidden:n)return null;let r=(t.animations||[]).find(e=>e.trigger===`load`),i=(t.animations||[]).find(e=>e.trigger===`hover`),a=Ls(r),o=Ls(i).className,s=t.children?g.elements.filter(e=>t.children?.includes(e.id)):void 0;return(0,j.jsxDEV)(`div`,{id:`runtime_el_${t.id}`,style:{position:`absolute`,left:`${t.effectiveX}px`,top:`${t.effectiveY}px`,width:`${t.effectiveWidth}px`,height:`${t.effectiveHeight}px`,transform:`rotate(${t.rotation}deg)`,zIndex:t.zIndex,...a.style},className:`${a.className} ${o}`,children:(0,j.jsxDEV)(wl,{fallbackName:t.name,children:(0,j.jsxDEV)(Sl,{element:{...t,x:t.effectiveX,y:t.effectiveY,width:t.effectiveWidth,height:t.effectiveHeight},designTokens:e.designSystem,childElements:s,formValues:m,onFormChange:S,onTriggerInteraction:x,onExecuteForm:C},void 0,!1,{fileName:El,lineNumber:224,columnNumber:17},this)},void 0,!1,{fileName:El,lineNumber:223,columnNumber:15},this)},t.id,!1,{fileName:El,lineNumber:208,columnNumber:13},this)})},void 0,!1,{fileName:El,lineNumber:180,columnNumber:7},this)]},void 0,!0,{fileName:El,lineNumber:169,columnNumber:5},this)}var Ol=`C:/Users/Shadow/Desktop/cyrus/src/runtime/PreviewView.tsx`;function kl({project:e,initialPageId:t,onExit:n}){let{addToast:r}=Vr(),[i,a]=(0,k.useState)(`desktop`),[o,s]=(0,k.useState)(e.pages.find(e=>e.id===t)||e.pages[0]),[c,l]=(0,k.useState)(0);return(0,k.useEffect)(()=>{let e=e=>{e.key===`Escape`&&n()};return window.addEventListener(`keydown`,e),()=>window.removeEventListener(`keydown`,e)},[n]),(0,j.jsxDEV)(`div`,{className:`fixed inset-0 bg-[#e8e8ed] flex flex-col z-[9999999] select-none font-sans overflow-hidden`,children:[(0,j.jsxDEV)(`div`,{className:`h-12 bg-white/90 backdrop-blur-xl border-b border-[#e5e5ea] px-4 flex items-center justify-between shadow-2xs z-50`,children:[(0,j.jsxDEV)(`div`,{className:`flex items-center gap-2`,children:[(0,j.jsxDEV)(`div`,{className:`w-6 h-6 rounded-[6px] bg-[#0071e3] text-white flex items-center justify-center text-[11px] font-bold`,children:`C`},void 0,!1,{fileName:Ol,lineNumber:61,columnNumber:11},this),(0,j.jsxDEV)(`div`,{className:`flex items-center gap-1.5 text-[12px]`,children:[(0,j.jsxDEV)(`span`,{className:`font-semibold text-[#1d1d1f]`,children:e.name},void 0,!1,{fileName:Ol,lineNumber:65,columnNumber:13},this),(0,j.jsxDEV)(`span`,{className:`text-[#86868b]`,children:`/`},void 0,!1,{fileName:Ol,lineNumber:66,columnNumber:13},this),(0,j.jsxDEV)(`span`,{className:`text-[#0071e3] font-medium`,children:[o.name,` (/`,o.slug,`)`]},void 0,!0,{fileName:Ol,lineNumber:67,columnNumber:13},this)]},void 0,!0,{fileName:Ol,lineNumber:64,columnNumber:11},this)]},void 0,!0,{fileName:Ol,lineNumber:60,columnNumber:9},this),(0,j.jsxDEV)(`div`,{className:`flex items-center p-0.5 rounded-[8px] bg-[#f4f4f6] border border-[#e5e5ea]`,children:[{id:`desktop`,label:`Desktop`,icon:(0,j.jsxDEV)(ve,{className:`w-3.5 h-3.5`},void 0,!1,{fileName:Ol,lineNumber:76,columnNumber:70},this)},{id:`tablet`,label:`Tablet`,icon:(0,j.jsxDEV)(Ar,{className:`w-3.5 h-3.5`},void 0,!1,{fileName:Ol,lineNumber:77,columnNumber:68},this)},{id:`mobile`,label:`Mobile`,icon:(0,j.jsxDEV)(ht,{className:`w-3.5 h-3.5`},void 0,!1,{fileName:Ol,lineNumber:78,columnNumber:68},this)}].map(e=>(0,j.jsxDEV)(`button`,{type:`button`,onClick:()=>a(e.id),className:D(`flex items-center gap-1.5 px-3 py-1 rounded-[6px] text-[11.5px] font-medium transition-apple cursor-pointer`,i===e.id?`bg-white text-[#1d1d1f] shadow-2xs`:`text-[#86868b] hover:text-[#1d1d1f]`),children:[e.icon,(0,j.jsxDEV)(`span`,{children:e.label},void 0,!1,{fileName:Ol,lineNumber:92,columnNumber:15},this)]},e.id,!0,{fileName:Ol,lineNumber:80,columnNumber:13},this))},void 0,!1,{fileName:Ol,lineNumber:74,columnNumber:9},this),(0,j.jsxDEV)(`div`,{className:`flex items-center gap-2`,children:[(0,j.jsxDEV)(`button`,{type:`button`,onClick:()=>{l(e=>e+1),s(e.pages[0]),r(`Prototype restarted`,`info`)},title:`Restart Prototype`,className:`p-1.5 rounded-[7px] text-[#6e6e73] hover:text-[#1d1d1f] hover:bg-[#f4f4f6] transition-apple cursor-pointer`,children:(0,j.jsxDEV)(cn,{className:`w-4 h-4`},void 0,!1,{fileName:Ol,lineNumber:105,columnNumber:13},this)},void 0,!1,{fileName:Ol,lineNumber:99,columnNumber:11},this),(0,j.jsxDEV)(`button`,{type:`button`,onClick:()=>{let t=`${window.location.origin}#/preview/${e.id}`;navigator.clipboard.writeText(t),r(`Preview link copied to clipboard`,`success`)},title:`Copy Share Link`,className:`flex items-center gap-1 px-2.5 py-1.5 rounded-[7px] bg-[#f4f4f6] hover:bg-[#ebebee] text-[#1d1d1f] text-[11.5px] font-medium border border-[#e5e5ea] transition-apple cursor-pointer`,children:[(0,j.jsxDEV)(pn,{className:`w-3.5 h-3.5 text-[#0071e3]`},void 0,!1,{fileName:Ol,lineNumber:114,columnNumber:13},this),(0,j.jsxDEV)(`span`,{children:`Share`},void 0,!1,{fileName:Ol,lineNumber:115,columnNumber:13},this)]},void 0,!0,{fileName:Ol,lineNumber:108,columnNumber:11},this),(0,j.jsxDEV)(`button`,{type:`button`,onClick:n,className:`flex items-center gap-1 px-3 py-1.5 rounded-[7px] bg-[#1d1d1f] hover:bg-[#333336] text-white text-[11.5px] font-medium transition-apple shadow-2xs cursor-pointer ml-1`,children:[(0,j.jsxDEV)(ln,{className:`w-3.5 h-3.5`},void 0,!1,{fileName:Ol,lineNumber:123,columnNumber:13},this),(0,j.jsxDEV)(`span`,{children:`Exit Preview`},void 0,!1,{fileName:Ol,lineNumber:124,columnNumber:13},this)]},void 0,!0,{fileName:Ol,lineNumber:118,columnNumber:11},this)]},void 0,!0,{fileName:Ol,lineNumber:98,columnNumber:9},this)]},void 0,!0,{fileName:Ol,lineNumber:58,columnNumber:7},this),(0,j.jsxDEV)(`div`,{className:`flex-1 overflow-y-auto p-8 flex items-start justify-center`,children:(0,j.jsxDEV)(Dl,{project:e,initialPageId:o.id,viewportMode:i,onPageChange:e=>s(e)},c,!1,{fileName:Ol,lineNumber:131,columnNumber:9},this)},void 0,!1,{fileName:Ol,lineNumber:130,columnNumber:7},this)]},void 0,!0,{fileName:Ol,lineNumber:56,columnNumber:5},this)}var Al=`C:/Users/Shadow/Desktop/cyrus/src/pages/PreviewPage.tsx`;function jl({projectId:e,onExit:t}){let[n,r]=(0,k.useState)(null),[i,a]=(0,k.useState)(!0);return(0,k.useEffect)(()=>{qr(e).then(e=>{r(e),a(!1)})},[e]),i?(0,j.jsxDEV)(`div`,{className:`h-screen w-screen flex flex-col items-center justify-center bg-[#f5f5f7] text-[#6e6e73] gap-3`,children:[(0,j.jsxDEV)(dr,{className:`w-6 h-6 animate-spin text-[#0071e3]`},void 0,!1,{fileName:Al,lineNumber:27,columnNumber:9},this),(0,j.jsxDEV)(`span`,{className:`text-[13px] font-medium text-[#1d1d1f]`,children:`Loading Cyrus Prototype Runtime...`},void 0,!1,{fileName:Al,lineNumber:28,columnNumber:9},this)]},void 0,!0,{fileName:Al,lineNumber:26,columnNumber:7},this):n?(0,j.jsxDEV)(kl,{project:n,onExit:t},void 0,!1,{fileName:Al,lineNumber:49,columnNumber:10},this):(0,j.jsxDEV)(`div`,{className:`h-screen w-screen flex flex-col items-center justify-center bg-[#f5f5f7] p-6 text-center`,children:(0,j.jsxDEV)(`div`,{className:`p-5 rounded-[16px] bg-white border border-[#e5e5ea] shadow-apple-md max-w-sm flex flex-col items-center gap-3`,children:[(0,j.jsxDEV)(`div`,{className:`text-[16px] font-semibold text-[#1d1d1f]`,children:`Prototype Not Found`},void 0,!1,{fileName:Al,lineNumber:37,columnNumber:11},this),(0,j.jsxDEV)(`p`,{className:`text-[13px] text-[#86868b]`,children:`The requested project preview could not be loaded.`},void 0,!1,{fileName:Al,lineNumber:38,columnNumber:11},this),(0,j.jsxDEV)(Ui,{variant:`primary`,onClick:t,icon:(0,j.jsxDEV)(tr,{className:`w-4 h-4`},void 0,!1,{fileName:Al,lineNumber:41,columnNumber:60},this),children:`Return to Dashboard`},void 0,!1,{fileName:Al,lineNumber:41,columnNumber:11},this)]},void 0,!0,{fileName:Al,lineNumber:36,columnNumber:9},this)},void 0,!1,{fileName:Al,lineNumber:35,columnNumber:7},this)}var Z=`C:/Users/Shadow/Desktop/cyrus/src/pages/LoginPage.tsx`;function Ml({onAuthenticated:e}){let{signIn:t,signUp:n,signInWithProvider:r}=zi(),{addToast:i}=Vr(),[a,o]=(0,k.useState)(`signin`),[s,c]=(0,k.useState)(``),[l,u]=(0,k.useState)(``),[d,f]=(0,k.useState)(``),[p,m]=(0,k.useState)(!1),[h,g]=(0,k.useState)(!1),[_,v]=(0,k.useState)(null),[y,b]=(0,k.useState)(null),x=async r=>{if(r.preventDefault(),!s.trim()){b(`Please enter a valid email address.`);return}if(d.length<8){b(`Password must be at least 8 characters.`);return}g(!0),b(null);try{a===`signup`?(await n(s,l,d),i(`Account created successfully`,`success`)):(await t(s,d),i(`Signed in to Cyrus Workspace`,`success`)),e()}catch(e){let t=e instanceof Error?e.message:`Authentication failed. Please try again.`;b(t)}finally{g(!1)}},S=async t=>{v(t),b(null);try{await r(t),i(`Successfully signed in with ${t.charAt(0).toUpperCase()+t.slice(1)}`,`success`),e()}catch(e){let n=e instanceof Error?e.message:`Failed to sign in with ${t}`;b(n)}finally{v(null)}};return(0,j.jsxDEV)(`div`,{className:`relative min-h-screen w-full overflow-x-hidden overflow-y-auto bg-[#080b11] text-slate-100 flex flex-col justify-between selection:bg-[#0071e3] selection:text-white font-sans`,children:[(0,j.jsxDEV)(`div`,{className:`fixed inset-0 pointer-events-none z-0`,children:[(0,j.jsxDEV)(`div`,{className:`absolute top-0 left-1/2 -translate-x-1/2 w-[1000px] h-[500px] bg-gradient-to-b from-[#0071e3]/15 via-[#7d2ae8]/08 to-transparent rounded-full blur-3xl`},void 0,!1,{fileName:Z,lineNumber:76,columnNumber:9},this),(0,j.jsxDEV)(`div`,{className:`absolute bottom-0 right-0 w-[600px] h-[400px] bg-gradient-to-tl from-[#0071e3]/10 to-transparent rounded-full blur-3xl`},void 0,!1,{fileName:Z,lineNumber:77,columnNumber:9},this),(0,j.jsxDEV)(`div`,{className:`absolute inset-0 opacity-[0.18]`,style:{backgroundImage:`radial-gradient(circle at 1px 1px, rgba(255, 255, 255, 0.4) 1px, transparent 0)`,backgroundSize:`32px 32px`}},void 0,!1,{fileName:Z,lineNumber:80,columnNumber:9},this)]},void 0,!0,{fileName:Z,lineNumber:74,columnNumber:7},this),(0,j.jsxDEV)(`div`,{className:`relative z-10 min-h-screen flex flex-col items-center justify-center px-4 py-12`,children:[(0,j.jsxDEV)(`div`,{className:`flex items-center gap-3 mb-8`,children:[(0,j.jsxDEV)(`div`,{className:`p-2.5 rounded-2xl bg-slate-900/90 border border-slate-800 shadow-xl shadow-black/40 hover:scale-105 transition-all duration-300`,children:(0,j.jsxDEV)(Vi,{size:`md`},void 0,!1,{fileName:Z,lineNumber:94,columnNumber:13},this)},void 0,!1,{fileName:Z,lineNumber:93,columnNumber:11},this),(0,j.jsxDEV)(`span`,{className:`text-[11px] font-mono font-semibold tracking-wider uppercase text-slate-300 bg-slate-800/80 px-3 py-1 rounded-full border border-slate-700/60 backdrop-blur-md shadow-xs flex items-center gap-1.5`,children:[(0,j.jsxDEV)(he,{className:`w-3.5 h-3.5 text-[#0071e3]`},void 0,!1,{fileName:Z,lineNumber:97,columnNumber:13},this),` Cyrus Studio`]},void 0,!0,{fileName:Z,lineNumber:96,columnNumber:11},this)]},void 0,!0,{fileName:Z,lineNumber:92,columnNumber:9},this),(0,j.jsxDEV)(`div`,{className:`w-full max-w-[420px] bg-[#111622]/85 backdrop-blur-2xl rounded-2xl border border-slate-800/90 shadow-[0_24px_80px_rgba(0,0,0,0.65)] p-7 relative overflow-hidden transition-all duration-300`,children:[(0,j.jsxDEV)(`div`,{className:`absolute top-0 inset-x-0 h-1 bg-gradient-to-r from-[#0071e3] via-[#7d2ae8] to-[#34c759]`},void 0,!1,{fileName:Z,lineNumber:104,columnNumber:11},this),(0,j.jsxDEV)(`div`,{className:`text-center mb-6`,children:[(0,j.jsxDEV)(`h1`,{className:`text-2xl font-bold tracking-tight text-white`,children:a===`signin`?`Sign in to Cyrus`:`Create an Account`},void 0,!1,{fileName:Z,lineNumber:108,columnNumber:13},this),(0,j.jsxDEV)(`p`,{className:`mt-2 text-xs text-slate-400 leading-relaxed max-w-xs mx-auto`,children:a===`signin`?`Welcome back. Access your projects and visual workspace.`:`Start designing visual products and generating clean code.`},void 0,!1,{fileName:Z,lineNumber:111,columnNumber:13},this)]},void 0,!0,{fileName:Z,lineNumber:107,columnNumber:11},this),y&&(0,j.jsxDEV)(`div`,{className:`mb-5 p-3.5 rounded-xl bg-red-500/15 border border-red-500/40 text-red-300 text-xs flex items-start gap-2.5 leading-relaxed`,children:[(0,j.jsxDEV)($n,{className:`w-4 h-4 shrink-0 text-red-400 mt-0.5`},void 0,!1,{fileName:Z,lineNumber:121,columnNumber:15},this),(0,j.jsxDEV)(`span`,{children:y},void 0,!1,{fileName:Z,lineNumber:122,columnNumber:15},this)]},void 0,!0,{fileName:Z,lineNumber:120,columnNumber:13},this),(0,j.jsxDEV)(`div`,{className:`flex flex-col gap-2.5 mb-5`,children:[(0,j.jsxDEV)(`button`,{type:`button`,onClick:()=>S(`google`),disabled:_!==null||h,className:`w-full h-10 px-4 rounded-xl bg-slate-900/90 hover:bg-slate-800 active:bg-slate-800/80 border border-slate-700/80 text-slate-200 font-medium text-xs flex items-center justify-center gap-3 transition-all duration-150 shadow-xs cursor-pointer disabled:opacity-50 group`,children:[_===`google`?(0,j.jsxDEV)(`div`,{className:`w-4 h-4 border-2 border-slate-400 border-t-white rounded-full animate-spin`},void 0,!1,{fileName:Z,lineNumber:135,columnNumber:17},this):(0,j.jsxDEV)(`svg`,{className:`w-4 h-4 transition-transform group-hover:scale-110`,viewBox:`0 0 24 24`,children:[(0,j.jsxDEV)(`path`,{fill:`#4285F4`,d:`M23.745 12.27c0-.7-.06-1.4-.19-2.07H12v4.51h6.6c-.29 1.52-1.14 2.82-2.4 3.68v3.05h3.88c2.27-2.09 3.665-5.17 3.665-9.17z`},void 0,!1,{fileName:Z,lineNumber:138,columnNumber:19},this),(0,j.jsxDEV)(`path`,{fill:`#34A853`,d:`M12 24c3.24 0 5.95-1.08 7.93-2.91l-3.88-3.05c-1.08.72-2.45 1.16-4.05 1.16-3.12 0-5.77-2.1-6.72-4.93H1.29v3.15C3.26 21.3 7.31 24 12 24z`},void 0,!1,{fileName:Z,lineNumber:139,columnNumber:19},this),(0,j.jsxDEV)(`path`,{fill:`#FBBC05`,d:`M5.28 14.27A7.17 7.17 0 0 1 4.9 12c0-.79.14-1.56.38-2.27V6.58H1.29A11.96 11.96 0 0 0 0 12c0 1.92.46 3.74 1.29 5.42l3.99-3.15z`},void 0,!1,{fileName:Z,lineNumber:140,columnNumber:19},this),(0,j.jsxDEV)(`path`,{fill:`#EA4335`,d:`M12 4.75c1.77 0 3.35.61 4.6 1.8l3.42-3.42C17.95 1.19 15.24 0 12 0 7.31 0 3.26 2.7 1.29 6.58l3.99 3.15c.95-2.83 3.6-4.98 6.72-4.98z`},void 0,!1,{fileName:Z,lineNumber:141,columnNumber:19},this)]},void 0,!0,{fileName:Z,lineNumber:137,columnNumber:17},this),(0,j.jsxDEV)(`span`,{children:`Continue with Google`},void 0,!1,{fileName:Z,lineNumber:144,columnNumber:15},this)]},void 0,!0,{fileName:Z,lineNumber:128,columnNumber:13},this),(0,j.jsxDEV)(`button`,{type:`button`,onClick:()=>S(`github`),disabled:_!==null||h,className:`w-full h-10 px-4 rounded-xl bg-slate-900/90 hover:bg-slate-800 active:bg-slate-800/80 border border-slate-700/80 text-slate-200 font-medium text-xs flex items-center justify-center gap-3 transition-all duration-150 shadow-xs cursor-pointer disabled:opacity-50 group`,children:[_===`github`?(0,j.jsxDEV)(`div`,{className:`w-4 h-4 border-2 border-slate-400 border-t-white rounded-full animate-spin`},void 0,!1,{fileName:Z,lineNumber:154,columnNumber:17},this):(0,j.jsxDEV)(`svg`,{className:`w-4 h-4 shrink-0 fill-current text-white transition-transform group-hover:scale-110`,viewBox:`0 0 24 24`,children:(0,j.jsxDEV)(`path`,{d:`M12 0C5.37 0 0 5.37 0 12c0 5.31 3.435 9.795 8.205 11.385.6.105.825-.255.825-.57 0-.285-.015-1.23-.015-2.235-3.015.555-3.795-.735-4.035-1.41-.135-.345-.72-1.41-1.23-1.695-.42-.225-1.02-.78-.015-.795.945-.015 1.62.87 1.845 1.23 1.08 1.815 2.805 1.305 3.495.99.105-.78.42-1.305.765-1.605-2.67-.3-5.46-1.335-5.46-5.925 0-1.305.465-2.385 1.23-3.225-.12-.3-.54-1.53.12-3.18 0 0 1.005-.315 3.3 1.23.96-.27 1.98-.405 3-.405s2.04.135 3 .405c2.295-1.56 3.3-1.23 3.3-1.23.66 1.65.24 2.88.12 3.18.765.84 1.23 1.905 1.23 3.225 0 4.605-2.805 5.625-5.475 5.925.435.375.81 1.095.81 2.22 0 1.605-.015 2.895-.015 3.3 0 .315.225.69.825.57A12.02 12.02 0 0 0 24 12c0-6.63-5.37-12-12-12z`},void 0,!1,{fileName:Z,lineNumber:157,columnNumber:19},this)},void 0,!1,{fileName:Z,lineNumber:156,columnNumber:17},this),(0,j.jsxDEV)(`span`,{children:`Continue with GitHub`},void 0,!1,{fileName:Z,lineNumber:160,columnNumber:15},this)]},void 0,!0,{fileName:Z,lineNumber:147,columnNumber:13},this)]},void 0,!0,{fileName:Z,lineNumber:127,columnNumber:11},this),(0,j.jsxDEV)(`div`,{className:`relative flex items-center justify-center my-5`,children:[(0,j.jsxDEV)(`div`,{className:`border-t border-slate-800 w-full`},void 0,!1,{fileName:Z,lineNumber:166,columnNumber:13},this),(0,j.jsxDEV)(`span`,{className:`bg-[#111622] px-3 text-[10px] uppercase tracking-wider text-slate-500 font-mono absolute`,children:`Or email`},void 0,!1,{fileName:Z,lineNumber:167,columnNumber:13},this)]},void 0,!0,{fileName:Z,lineNumber:165,columnNumber:11},this),(0,j.jsxDEV)(`form`,{onSubmit:x,className:`flex flex-col gap-3.5`,children:[a===`signup`&&(0,j.jsxDEV)(`div`,{className:`flex flex-col gap-1.5`,children:[(0,j.jsxDEV)(`label`,{className:`text-xs font-medium text-slate-300`,children:`Full Name`},void 0,!1,{fileName:Z,lineNumber:177,columnNumber:17},this),(0,j.jsxDEV)(`div`,{className:`relative flex items-center`,children:[(0,j.jsxDEV)(an,{className:`w-4 h-4 text-slate-500 absolute left-3.5 pointer-events-none`},void 0,!1,{fileName:Z,lineNumber:179,columnNumber:19},this),(0,j.jsxDEV)(`input`,{type:`text`,value:l,onChange:e=>u(e.target.value),placeholder:`Alex Rivera`,className:`w-full h-10 pl-10 pr-4 rounded-xl border border-slate-800 bg-slate-900/90 focus:bg-slate-900 focus:border-[#0071e3] text-xs text-slate-100 placeholder:text-slate-600 focus:outline-none transition-all duration-150`},void 0,!1,{fileName:Z,lineNumber:180,columnNumber:19},this)]},void 0,!0,{fileName:Z,lineNumber:178,columnNumber:17},this)]},void 0,!0,{fileName:Z,lineNumber:176,columnNumber:15},this),(0,j.jsxDEV)(`div`,{className:`flex flex-col gap-1.5`,children:[(0,j.jsxDEV)(`label`,{className:`text-xs font-medium text-slate-300`,children:`Email Address`},void 0,!1,{fileName:Z,lineNumber:192,columnNumber:15},this),(0,j.jsxDEV)(`div`,{className:`relative flex items-center`,children:[(0,j.jsxDEV)(At,{className:`w-4 h-4 text-slate-500 absolute left-3.5 pointer-events-none`},void 0,!1,{fileName:Z,lineNumber:194,columnNumber:17},this),(0,j.jsxDEV)(`input`,{type:`email`,value:s,onChange:e=>c(e.target.value),placeholder:`name@work-email.com`,required:!0,className:`w-full h-10 pl-10 pr-4 rounded-xl border border-slate-800 bg-slate-900/90 focus:bg-slate-900 focus:border-[#0071e3] text-xs text-slate-100 placeholder:text-slate-600 focus:outline-none transition-all duration-150`},void 0,!1,{fileName:Z,lineNumber:195,columnNumber:17},this)]},void 0,!0,{fileName:Z,lineNumber:193,columnNumber:15},this)]},void 0,!0,{fileName:Z,lineNumber:191,columnNumber:13},this),(0,j.jsxDEV)(`div`,{className:`flex flex-col gap-1.5`,children:[(0,j.jsxDEV)(`div`,{className:`flex items-center justify-between`,children:[(0,j.jsxDEV)(`label`,{className:`text-xs font-medium text-slate-300`,children:`Password`},void 0,!1,{fileName:Z,lineNumber:208,columnNumber:17},this),a===`signin`&&(0,j.jsxDEV)(`button`,{type:`button`,onClick:()=>i(`Password reset link sent to email.`,`info`),className:`text-[11px] text-[#0071e3] hover:underline transition-colors`,children:`Forgot?`},void 0,!1,{fileName:Z,lineNumber:210,columnNumber:19},this)]},void 0,!0,{fileName:Z,lineNumber:207,columnNumber:15},this),(0,j.jsxDEV)(`div`,{className:`relative flex items-center`,children:[(0,j.jsxDEV)(zt,{className:`w-4 h-4 text-slate-500 absolute left-3.5 pointer-events-none`},void 0,!1,{fileName:Z,lineNumber:220,columnNumber:17},this),(0,j.jsxDEV)(`input`,{type:p?`text`:`password`,value:d,onChange:e=>f(e.target.value),placeholder:`••••••••••••`,required:!0,minLength:8,className:`w-full h-10 pl-10 pr-10 rounded-xl border border-slate-800 bg-slate-900/90 focus:bg-slate-900 focus:border-[#0071e3] text-xs text-slate-100 placeholder:text-slate-600 focus:outline-none transition-all duration-150`},void 0,!1,{fileName:Z,lineNumber:221,columnNumber:17},this),(0,j.jsxDEV)(`button`,{type:`button`,onClick:()=>m(!p),className:`absolute right-3.5 text-slate-500 hover:text-slate-300 transition-colors cursor-pointer`,children:p?(0,j.jsxDEV)(jt,{className:`w-4 h-4`},void 0,!1,{fileName:Z,lineNumber:235,columnNumber:35},this):(0,j.jsxDEV)(fn,{className:`w-4 h-4`},void 0,!1,{fileName:Z,lineNumber:235,columnNumber:68},this)},void 0,!1,{fileName:Z,lineNumber:230,columnNumber:17},this)]},void 0,!0,{fileName:Z,lineNumber:219,columnNumber:15},this)]},void 0,!0,{fileName:Z,lineNumber:206,columnNumber:13},this),(0,j.jsxDEV)(Ui,{variant:`primary`,size:`md`,type:`submit`,isLoading:h,icon:(0,j.jsxDEV)(Ln,{className:`w-4 h-4`},void 0,!1,{fileName:Z,lineNumber:245,columnNumber:21},this),className:`mt-2 w-full h-10 justify-center bg-[#0071e3] hover:bg-[#0077ed] active:bg-[#0062c4] text-white font-semibold text-xs rounded-xl shadow-md shadow-[#0071e3]/20 border border-white/10 transition-all duration-150 cursor-pointer`,children:a===`signin`?`Sign In`:`Create Account`},void 0,!1,{fileName:Z,lineNumber:240,columnNumber:13},this),(0,j.jsxDEV)(`div`,{className:`pt-3 mt-1 border-t border-slate-800/80 text-center text-xs text-slate-400`,children:a===`signin`?(0,j.jsxDEV)(`span`,{children:[`Don't have an account?`,` `,(0,j.jsxDEV)(`button`,{type:`button`,onClick:()=>{o(`signup`),b(null)},className:`text-[#0071e3] font-semibold hover:underline cursor-pointer transition-colors`,children:`Sign up`},void 0,!1,{fileName:Z,lineNumber:256,columnNumber:19},this)]},void 0,!0,{fileName:Z,lineNumber:254,columnNumber:17},this):(0,j.jsxDEV)(`span`,{children:[`Already have an account?`,` `,(0,j.jsxDEV)(`button`,{type:`button`,onClick:()=>{o(`signin`),b(null)},className:`text-[#0071e3] font-semibold hover:underline cursor-pointer transition-colors`,children:`Sign in`},void 0,!1,{fileName:Z,lineNumber:270,columnNumber:19},this)]},void 0,!0,{fileName:Z,lineNumber:268,columnNumber:17},this)},void 0,!1,{fileName:Z,lineNumber:252,columnNumber:13},this)]},void 0,!0,{fileName:Z,lineNumber:173,columnNumber:11},this)]},void 0,!0,{fileName:Z,lineNumber:102,columnNumber:9},this),(0,j.jsxDEV)(`div`,{className:`mt-8 flex items-center gap-4 text-[11px] text-slate-500 font-medium`,children:[(0,j.jsxDEV)(`div`,{className:`flex items-center gap-1.5`,children:[(0,j.jsxDEV)(Me,{className:`w-3.5 h-3.5 text-emerald-500`},void 0,!1,{fileName:Z,lineNumber:289,columnNumber:13},this),(0,j.jsxDEV)(`span`,{children:`256-bit SSL Encryption`},void 0,!1,{fileName:Z,lineNumber:290,columnNumber:13},this)]},void 0,!0,{fileName:Z,lineNumber:288,columnNumber:11},this),(0,j.jsxDEV)(`span`,{children:`•`},void 0,!1,{fileName:Z,lineNumber:292,columnNumber:11},this),(0,j.jsxDEV)(`span`,{children:`SOC2 Type II Certified`},void 0,!1,{fileName:Z,lineNumber:293,columnNumber:11},this)]},void 0,!0,{fileName:Z,lineNumber:287,columnNumber:9},this)]},void 0,!0,{fileName:Z,lineNumber:90,columnNumber:7},this)]},void 0,!0,{fileName:Z,lineNumber:72,columnNumber:5},this)}var Nl=[{id:`rev_1`,name:`Elena Rostova`,role:`Lead UI/UX Designer`,rating:5,category:`experience`,comment:`The canvas speed and the Canva-style file downloads are phenomenal! It is super easy to draw and prototype ideas directly in browser.`,likes:14,createdAt:new Date(Date.now()-108e5).toISOString()},{id:`rev_2`,name:`Marcus Vance`,role:`Full-Stack Developer`,rating:5,category:`enhancement`,comment:`Real .cyrus and .html exports saved right onto my laptop disk. Would love to see even more tailwind micro-animations!`,likes:9,createdAt:new Date(Date.now()-432e5).toISOString()},{id:`rev_3`,name:`Sarah Chen`,role:`Product Manager`,rating:5,category:`praise`,comment:`This project is near completion and already feels like a native desktop app. The real-life pencil carving eraser is brilliant.`,likes:19,createdAt:new Date(Date.now()-864e5).toISOString()},{id:`rev_4`,name:`Devin Thorne`,role:`Frontend Architect`,rating:4,category:`feature`,comment:`Can you add custom sound themes for notifications? Overall, 10/10 experience on desktop and mobile.`,likes:6,createdAt:new Date(Date.now()-1296e5).toISOString()}],Pl=Rr()(Ir((e,t)=>({reviews:Nl,addReview:t=>{let n={id:O(`rev`),...t,likes:0,likedByMe:!1,createdAt:new Date().toISOString()};return e(e=>({reviews:[n,...e.reviews]})),n},toggleLikeReview:t=>{e(e=>({reviews:e.reviews.map(e=>{if(e.id===t){let t=!e.likedByMe;return{...e,likedByMe:t,likes:t?e.likes+1:Math.max(0,e.likes-1)}}return e})}))},deleteReview:t=>{e(e=>({reviews:e.reviews.filter(e=>e.id!==t)}))}}),{name:`cyrus_community_reviews_v1`})),Fl=`C:/Users/Shadow/Desktop/cyrus/src/pages/ComentosReviewPage.tsx`;function Il(e){try{let t=new Date(e);return`${t.toLocaleDateString()} at ${t.toLocaleTimeString([],{hour:`2-digit`,minute:`2-digit`})}`}catch{return`Recently`}}function Ll({onBack:e}){let{reviews:t,deleteReview:n}=Pl(),{addToast:r}=Vr(),[a,o]=(0,k.useState)(``),s=t.filter(e=>{let t=a.toLowerCase().trim();return!t||e.name.toLowerCase().includes(t)||e.comment.toLowerCase().includes(t)||e.role&&e.role.toLowerCase().includes(t)});return(0,j.jsxDEV)(`div`,{className:`min-h-screen w-full bg-[#0d0e15] text-[#f5f5f7] flex flex-col font-sans selection:bg-[#7d2ae8] selection:text-white`,children:[(0,j.jsxDEV)(`header`,{className:`sticky top-0 z-30 h-14 bg-[#141522]/90 backdrop-blur-md border-b border-white/10 px-6 sm:px-12 flex items-center justify-between shadow-sm`,children:[(0,j.jsxDEV)(`div`,{className:`flex items-center gap-3`,children:[(0,j.jsxDEV)(Ui,{variant:`ghost`,size:`sm`,onClick:e,icon:(0,j.jsxDEV)(tr,{className:`w-4 h-4`},void 0,!1,{fileName:Fl,lineNumber:70,columnNumber:19},this),children:`Back`},void 0,!1,{fileName:Fl,lineNumber:66,columnNumber:11},this),(0,j.jsxDEV)(`div`,{className:`h-4 w-[1px] bg-white/15`},void 0,!1,{fileName:Fl,lineNumber:74,columnNumber:11},this),(0,j.jsxDEV)(Vi,{size:`sm`},void 0,!1,{fileName:Fl,lineNumber:75,columnNumber:11},this)]},void 0,!0,{fileName:Fl,lineNumber:65,columnNumber:9},this),(0,j.jsxDEV)(`div`,{className:`flex items-center gap-2`,children:(0,j.jsxDEV)(`span`,{className:`text-[11px] font-mono text-emerald-400 bg-emerald-500/10 px-2.5 py-1 rounded-full border border-emerald-500/20 flex items-center gap-1`,children:[(0,j.jsxDEV)($n,{className:`w-3.5 h-3.5`},void 0,!1,{fileName:Fl,lineNumber:80,columnNumber:13},this),(0,j.jsxDEV)(`span`,{children:`/#/comentos/review`},void 0,!1,{fileName:Fl,lineNumber:81,columnNumber:13},this)]},void 0,!0,{fileName:Fl,lineNumber:79,columnNumber:11},this)},void 0,!1,{fileName:Fl,lineNumber:78,columnNumber:9},this)]},void 0,!0,{fileName:Fl,lineNumber:64,columnNumber:7},this),(0,j.jsxDEV)(`main`,{className:`flex-1 max-w-4xl w-full mx-auto px-4 sm:px-6 py-8 flex flex-col gap-6`,children:[(0,j.jsxDEV)(`div`,{className:`flex flex-col sm:flex-row items-start sm:items-center justify-between gap-4`,children:[(0,j.jsxDEV)(`div`,{children:[(0,j.jsxDEV)(`h1`,{className:`text-xl font-bold text-white flex items-center gap-2`,children:[(0,j.jsxDEV)(i,{className:`w-5 h-5 text-[#9d52ff]`},void 0,!1,{fileName:Fl,lineNumber:92,columnNumber:15},this),(0,j.jsxDEV)(`span`,{children:`User Comments & Feedback Submissions`},void 0,!1,{fileName:Fl,lineNumber:93,columnNumber:15},this)]},void 0,!0,{fileName:Fl,lineNumber:91,columnNumber:13},this),(0,j.jsxDEV)(`p`,{className:`text-xs text-slate-400 mt-1`,children:`Read all experiences, suggestions, and enhancement reviews submitted by users.`},void 0,!1,{fileName:Fl,lineNumber:95,columnNumber:13},this)]},void 0,!0,{fileName:Fl,lineNumber:90,columnNumber:11},this),(0,j.jsxDEV)(Ui,{variant:`secondary`,size:`sm`,onClick:()=>{let e=JSON.stringify(t,null,2),n=new Blob([e],{type:`application/json`}),i=URL.createObjectURL(n),a=document.createElement(`a`);a.href=i,a.download=`cyrus_user_comments_${Date.now()}.json`,document.body.appendChild(a),a.click(),document.body.removeChild(a),setTimeout(()=>URL.revokeObjectURL(i),1e3),r(`Exported ${t.length} user comments to JSON file`,`success`)},icon:(0,j.jsxDEV)(Tn,{className:`w-3.5 h-3.5 text-[#9d52ff]`},void 0,!1,{fileName:Fl,lineNumber:104,columnNumber:19},this),children:[`Export All to JSON (`,t.length,`)`]},void 0,!0,{fileName:Fl,lineNumber:100,columnNumber:11},this)]},void 0,!0,{fileName:Fl,lineNumber:89,columnNumber:9},this),(0,j.jsxDEV)(`div`,{className:`relative`,children:[(0,j.jsxDEV)(Vt,{className:`w-4 h-4 text-slate-400 absolute left-3.5 top-1/2 -translate-y-1/2 pointer-events-none`},void 0,!1,{fileName:Fl,lineNumber:112,columnNumber:11},this),(0,j.jsxDEV)(`input`,{type:`text`,value:a,onChange:e=>o(e.target.value),placeholder:`Search submitted comments or authors...`,className:`w-full h-10 pl-10 pr-4 rounded-xl bg-[#171826] border border-white/10 text-xs text-white placeholder-slate-500 focus:outline-none focus:border-[#7d2ae8]`},void 0,!1,{fileName:Fl,lineNumber:113,columnNumber:11},this)]},void 0,!0,{fileName:Fl,lineNumber:111,columnNumber:9},this),(0,j.jsxDEV)(`div`,{className:`flex flex-col gap-3`,children:s.length===0?(0,j.jsxDEV)(`div`,{className:`p-8 text-center rounded-2xl bg-[#171826] border border-white/10 text-slate-400 text-xs`,children:`No comments match your search query.`},void 0,!1,{fileName:Fl,lineNumber:125,columnNumber:13},this):s.map(e=>(0,j.jsxDEV)(`div`,{className:`p-4 rounded-xl bg-[#171826] border border-white/10 flex flex-col gap-2.5 transition-all hover:border-white/20`,children:[(0,j.jsxDEV)(`div`,{className:`flex items-start justify-between`,children:[(0,j.jsxDEV)(`div`,{className:`flex items-center gap-2.5`,children:[(0,j.jsxDEV)(`div`,{className:`w-8 h-8 rounded-full bg-gradient-to-tr from-[#7d2ae8] to-[#0071e3] text-white flex items-center justify-center font-bold text-xs shrink-0`,children:e.name.charAt(0).toUpperCase()},void 0,!1,{fileName:Fl,lineNumber:136,columnNumber:21},this),(0,j.jsxDEV)(`div`,{children:[(0,j.jsxDEV)(`div`,{className:`flex items-center gap-2`,children:[(0,j.jsxDEV)(`span`,{className:`text-[13px] font-bold text-white`,children:e.name},void 0,!1,{fileName:Fl,lineNumber:141,columnNumber:25},this),e.role&&(0,j.jsxDEV)(`span`,{className:`text-[11px] text-slate-400`,children:[`• `,e.role]},void 0,!0,{fileName:Fl,lineNumber:143,columnNumber:27},this)]},void 0,!0,{fileName:Fl,lineNumber:140,columnNumber:23},this),(0,j.jsxDEV)(`div`,{className:`text-[10.5px] text-slate-500 flex items-center gap-1 mt-0.5`,children:[(0,j.jsxDEV)(y,{className:`w-3 h-3`},void 0,!1,{fileName:Fl,lineNumber:147,columnNumber:25},this),(0,j.jsxDEV)(`span`,{children:Il(e.createdAt)},void 0,!1,{fileName:Fl,lineNumber:148,columnNumber:25},this)]},void 0,!0,{fileName:Fl,lineNumber:146,columnNumber:23},this)]},void 0,!0,{fileName:Fl,lineNumber:139,columnNumber:21},this)]},void 0,!0,{fileName:Fl,lineNumber:135,columnNumber:19},this),(0,j.jsxDEV)(`button`,{type:`button`,onClick:()=>{window.confirm(`Delete comment from "${e.name}"?`)&&(n(e.id),r(`Comment removed`,`info`))},className:`p-1.5 rounded-lg text-slate-500 hover:text-rose-400 hover:bg-white/5 transition-colors cursor-pointer`,title:`Delete this comment`,children:(0,j.jsxDEV)(x,{className:`w-4 h-4`},void 0,!1,{fileName:Fl,lineNumber:164,columnNumber:21},this)},void 0,!1,{fileName:Fl,lineNumber:153,columnNumber:19},this)]},void 0,!0,{fileName:Fl,lineNumber:134,columnNumber:17},this),(0,j.jsxDEV)(`p`,{className:`text-xs text-slate-200 leading-relaxed pl-10`,children:e.comment},void 0,!1,{fileName:Fl,lineNumber:168,columnNumber:17},this)]},e.id,!0,{fileName:Fl,lineNumber:130,columnNumber:15},this))},void 0,!1,{fileName:Fl,lineNumber:123,columnNumber:9},this)]},void 0,!0,{fileName:Fl,lineNumber:87,columnNumber:7},this)]},void 0,!0,{fileName:Fl,lineNumber:62,columnNumber:5},this)}var Q=`C:/Users/Shadow/Desktop/cyrus/src/pages/FeedbackPage.tsx`,Rl=`cyrus_user_feedbacks`;function zl({onBack:e}){let{session:t}=zi(),{addToast:n}=Vr(),[r,i]=(0,k.useState)(`feature`),[a,o]=(0,k.useState)(``),[s,c]=(0,k.useState)(5),[l,u]=(0,k.useState)(null),[d,f]=(0,k.useState)(t.user?.email||``),[p,m]=(0,k.useState)(!1),[h,g]=(0,k.useState)(!1),_=[{id:`feature`,label:`Feature Request`,icon:(0,j.jsxDEV)(on,{className:`w-4 h-4 text-amber-500`},void 0,!1,{fileName:Q,lineNumber:54,columnNumber:13},this),desc:`Suggest new tools, canvas capabilities, or workflows`},{id:`bug`,label:`Bug Report`,icon:(0,j.jsxDEV)(qn,{className:`w-4 h-4 text-rose-500`},void 0,!1,{fileName:Q,lineNumber:60,columnNumber:13},this),desc:`Report an issue, visual glitch, or unexpected behavior`},{id:`design`,label:`Design & UX`,icon:(0,j.jsxDEV)(ut,{className:`w-4 h-4 text-[#0071e3]`},void 0,!1,{fileName:Q,lineNumber:66,columnNumber:13},this),desc:`Share feedback about layout, themes, or ease of use`},{id:`general`,label:`General Feedback`,icon:(0,j.jsxDEV)(sr,{className:`w-4 h-4 text-[#7d2ae8]`},void 0,!1,{fileName:Q,lineNumber:72,columnNumber:13},this),desc:`Tell us how you use Cyrus or what you love about it`}];return(0,j.jsxDEV)(`div`,{className:`h-full w-full overflow-y-auto bg-[#f4f4f7] dark:bg-[#000000] text-[#1d1d1f] dark:text-[#f5f5f7] flex flex-col font-sans selection:bg-[#7d2ae8] selection:text-white`,children:[(0,j.jsxDEV)(`header`,{className:`w-full bg-white dark:bg-[#1c1c1e] border-b border-[#e5e5ea] dark:border-[#38383a] px-6 py-3.5 flex items-center justify-between sticky top-0 z-30 shadow-xs`,children:[(0,j.jsxDEV)(`div`,{className:`flex items-center gap-4`,children:(0,j.jsxDEV)(`button`,{type:`button`,onClick:e,className:`flex items-center gap-2 text-xs font-semibold text-[#6e6e73] dark:text-[#8e8e93] hover:text-[#1d1d1f] dark:hover:text-white px-3 py-1.5 rounded-lg hover:bg-[#f4f4f6] dark:hover:bg-[#2c2c2e] transition-all cursor-pointer`,children:[(0,j.jsxDEV)(tr,{className:`w-4 h-4`},void 0,!1,{fileName:Q,lineNumber:131,columnNumber:13},this),(0,j.jsxDEV)(`span`,{children:`Back to Dashboard`},void 0,!1,{fileName:Q,lineNumber:132,columnNumber:13},this)]},void 0,!0,{fileName:Q,lineNumber:126,columnNumber:11},this)},void 0,!1,{fileName:Q,lineNumber:125,columnNumber:9},this),(0,j.jsxDEV)(`div`,{className:`flex items-center gap-2`,children:[(0,j.jsxDEV)(Vi,{size:`sm`},void 0,!1,{fileName:Q,lineNumber:137,columnNumber:11},this),(0,j.jsxDEV)(`span`,{className:`text-xs font-bold text-[#7d2ae8] dark:text-[#9d52ff]`,children:`Feedback Portal`},void 0,!1,{fileName:Q,lineNumber:138,columnNumber:11},this)]},void 0,!0,{fileName:Q,lineNumber:136,columnNumber:9},this)]},void 0,!0,{fileName:Q,lineNumber:124,columnNumber:7},this),(0,j.jsxDEV)(`main`,{className:`flex-1 max-w-3xl w-full mx-auto px-6 py-10 flex flex-col items-center`,children:h?(0,j.jsxDEV)(`div`,{className:`w-full bg-white dark:bg-[#1c1c1e] rounded-3xl border border-[#e5e5ea] dark:border-[#38383a] shadow-apple-md p-10 text-center flex flex-col items-center animate-in fade-in zoom-in-95 duration-200`,children:[(0,j.jsxDEV)(`div`,{className:`w-16 h-16 rounded-full bg-emerald-500/10 text-emerald-500 flex items-center justify-center mb-6`,children:(0,j.jsxDEV)(Me,{className:`w-9 h-9`},void 0,!1,{fileName:Q,lineNumber:147,columnNumber:15},this)},void 0,!1,{fileName:Q,lineNumber:146,columnNumber:13},this),(0,j.jsxDEV)(`h2`,{className:`text-2xl font-extrabold text-[#1d1d1f] dark:text-white mb-2`,children:`Thank You for Your Feedback!`},void 0,!1,{fileName:Q,lineNumber:150,columnNumber:13},this),(0,j.jsxDEV)(`p`,{className:`text-sm text-[#6e6e73] dark:text-[#8e8e93] max-w-md mb-8 leading-relaxed`,children:`Your insights and ideas directly help us improve Cyrus Studio. We review every single submission to build the best product design platform for you.`},void 0,!1,{fileName:Q,lineNumber:153,columnNumber:13},this),(0,j.jsxDEV)(`div`,{className:`flex items-center gap-3`,children:[(0,j.jsxDEV)(Ui,{variant:`secondary`,onClick:()=>{g(!1),o(``)},children:`Send Another Response`},void 0,!1,{fileName:Q,lineNumber:158,columnNumber:15},this),(0,j.jsxDEV)(Ui,{variant:`primary`,onClick:e,className:`bg-[#7d2ae8] hover:bg-[#6b21ce] text-white`,children:`Return to Dashboard`},void 0,!1,{fileName:Q,lineNumber:167,columnNumber:15},this)]},void 0,!0,{fileName:Q,lineNumber:157,columnNumber:13},this)]},void 0,!0,{fileName:Q,lineNumber:145,columnNumber:11},this):(0,j.jsxDEV)(`div`,{className:`w-full bg-white dark:bg-[#1c1c1e] rounded-3xl border border-[#e5e5ea] dark:border-[#38383a] shadow-apple-md p-8 sm:p-10 relative overflow-hidden`,children:[(0,j.jsxDEV)(`div`,{className:`mb-8`,children:[(0,j.jsxDEV)(`div`,{className:`inline-flex items-center gap-1.5 px-3 py-1 rounded-full bg-[#7d2ae8]/10 text-[#7d2ae8] dark:text-[#9d52ff] text-[11px] font-bold uppercase tracking-wider mb-3`,children:[(0,j.jsxDEV)(he,{className:`w-3.5 h-3.5`},void 0,!1,{fileName:Q,lineNumber:181,columnNumber:17},this),` Cyrus Studio Feedback`]},void 0,!0,{fileName:Q,lineNumber:180,columnNumber:15},this),(0,j.jsxDEV)(`h1`,{className:`text-2xl sm:text-3xl font-extrabold text-[#1d1d1f] dark:text-white tracking-tight`,children:`Share Your Thoughts & Ideas`},void 0,!1,{fileName:Q,lineNumber:183,columnNumber:15},this),(0,j.jsxDEV)(`p`,{className:`mt-1.5 text-xs sm:text-sm text-[#6e6e73] dark:text-[#8e8e93] leading-relaxed`,children:`Tell us what features you’d like to see, report an issue, or share your thoughts on the experience.`},void 0,!1,{fileName:Q,lineNumber:186,columnNumber:15},this)]},void 0,!0,{fileName:Q,lineNumber:179,columnNumber:13},this),(0,j.jsxDEV)(`form`,{onSubmit:async e=>{if(e.preventDefault(),!a.trim()){n(`Please enter your feedback message before submitting.`,`warning`);return}m(!0);try{let e={id:`fb_${Date.now()}_${Math.random().toString(36).substring(2,7)}`,type:r,message:a.trim(),rating:s,email:d.trim()||t.user?.email||`anonymous`,userName:t.user?.name||`Cyrus Creator`,userId:t.user?.id,timestamp:new Date().toISOString()};try{let t=localStorage.getItem(Rl),n=t?JSON.parse(t):[];n.unshift(e),localStorage.setItem(Rl,JSON.stringify(n.slice(0,100)))}catch(e){console.warn(`Could not save feedback to localStorage:`,e)}await new Promise(e=>setTimeout(e,600)),g(!0),n(`Thank you! Your feedback was submitted successfully.`,`success`)}catch(e){console.error(`Error submitting feedback:`,e),n(`Failed to submit feedback. Please try again.`,`error`)}finally{m(!1)}},className:`flex flex-col gap-6`,children:[(0,j.jsxDEV)(`div`,{className:`flex flex-col gap-2.5`,children:[(0,j.jsxDEV)(`label`,{className:`text-xs font-bold text-[#1d1d1f] dark:text-[#f5f5f7] uppercase tracking-wider text-[11px]`,children:`1. What kind of feedback do you have?`},void 0,!1,{fileName:Q,lineNumber:194,columnNumber:17},this),(0,j.jsxDEV)(`div`,{className:`grid grid-cols-1 sm:grid-cols-2 gap-2.5`,children:_.map(e=>(0,j.jsxDEV)(`button`,{type:`button`,onClick:()=>i(e.id),className:`p-3.5 rounded-2xl border text-left flex items-start gap-3 transition-all cursor-pointer ${r===e.id?`border-[#7d2ae8] bg-[#7d2ae8]/5 dark:bg-[#7d2ae8]/15 ring-2 ring-[#7d2ae8]/30 shadow-xs`:`border-[#e5e5ea] dark:border-[#38383a] bg-[#fbfbfd] dark:bg-[#252528] hover:border-[#7d2ae8]/40`}`,children:[(0,j.jsxDEV)(`div`,{className:`p-2 rounded-xl bg-white dark:bg-[#1c1c1e] shadow-2xs shrink-0`,children:e.icon},void 0,!1,{fileName:Q,lineNumber:209,columnNumber:23},this),(0,j.jsxDEV)(`div`,{children:[(0,j.jsxDEV)(`div`,{className:`text-xs font-bold text-[#1d1d1f] dark:text-white`,children:e.label},void 0,!1,{fileName:Q,lineNumber:213,columnNumber:25},this),(0,j.jsxDEV)(`div`,{className:`text-[11px] text-[#86868b] dark:text-[#a1a1a6] mt-0.5 leading-tight`,children:e.desc},void 0,!1,{fileName:Q,lineNumber:216,columnNumber:25},this)]},void 0,!0,{fileName:Q,lineNumber:212,columnNumber:23},this)]},e.id,!0,{fileName:Q,lineNumber:199,columnNumber:21},this))},void 0,!1,{fileName:Q,lineNumber:197,columnNumber:17},this)]},void 0,!0,{fileName:Q,lineNumber:193,columnNumber:15},this),(0,j.jsxDEV)(`div`,{className:`flex flex-col gap-2`,children:[(0,j.jsxDEV)(`div`,{className:`flex items-center justify-between`,children:[(0,j.jsxDEV)(`label`,{className:`text-xs font-bold text-[#1d1d1f] dark:text-[#f5f5f7] uppercase tracking-wider text-[11px]`,children:`2. Your Message / Feedback`},void 0,!1,{fileName:Q,lineNumber:228,columnNumber:19},this),(0,j.jsxDEV)(`span`,{className:`text-[11px] text-[#86868b]`,children:[a.length,` / 2000`]},void 0,!0,{fileName:Q,lineNumber:231,columnNumber:19},this)]},void 0,!0,{fileName:Q,lineNumber:227,columnNumber:17},this),(0,j.jsxDEV)(`textarea`,{value:a,onChange:e=>o(e.target.value),placeholder:r===`bug`?`Describe what happened, the steps to reproduce, or what you expected to see...`:r===`feature`?`Describe the feature or tool you would love to see added in Cyrus...`:`Share your thoughts, suggestions, or comments with the team...`,required:!0,rows:6,maxLength:2e3,className:`w-full p-4 rounded-2xl border border-[#e5e5ea] dark:border-[#38383a] bg-[#fbfbfd] dark:bg-[#252528] text-xs sm:text-sm text-[#1d1d1f] dark:text-[#f5f5f7] placeholder:text-[#86868b] focus:outline-none focus:border-[#7d2ae8] focus:ring-2 focus:ring-[#7d2ae8]/20 transition-all resize-none shadow-2xs`},void 0,!1,{fileName:Q,lineNumber:235,columnNumber:17},this)]},void 0,!0,{fileName:Q,lineNumber:226,columnNumber:15},this),(0,j.jsxDEV)(`div`,{className:`flex flex-col gap-2`,children:[(0,j.jsxDEV)(`label`,{className:`text-xs font-bold text-[#1d1d1f] dark:text-[#f5f5f7] uppercase tracking-wider text-[11px]`,children:`3. How satisfied are you with Cyrus Studio so far?`},void 0,!1,{fileName:Q,lineNumber:254,columnNumber:17},this),(0,j.jsxDEV)(`div`,{className:`flex items-center gap-2`,children:[[1,2,3,4,5].map(e=>(0,j.jsxDEV)(`button`,{type:`button`,onClick:()=>c(e),onMouseEnter:()=>u(e),onMouseLeave:()=>u(null),className:`p-1.5 transition-transform hover:scale-125 cursor-pointer`,children:(0,j.jsxDEV)(rt,{className:`w-6 h-6 transition-colors ${(l===null?s:l)>=e?`fill-amber-400 text-amber-400 drop-shadow-xs`:`text-slate-300 dark:text-slate-700`}`},void 0,!1,{fileName:Q,lineNumber:269,columnNumber:25},this)},e,!1,{fileName:Q,lineNumber:261,columnNumber:23},this)),(0,j.jsxDEV)(`span`,{className:`ml-2 text-xs font-semibold text-[#86868b]`,children:s===5?`⭐️ Amazing`:s===4?`Great`:s===3?`Good`:s===2?`Needs Work`:`Poor`},void 0,!1,{fileName:Q,lineNumber:279,columnNumber:19},this)]},void 0,!0,{fileName:Q,lineNumber:257,columnNumber:17},this)]},void 0,!0,{fileName:Q,lineNumber:253,columnNumber:15},this),(0,j.jsxDEV)(`div`,{className:`flex flex-col gap-1.5`,children:[(0,j.jsxDEV)(`label`,{className:`text-xs font-bold text-[#1d1d1f] dark:text-[#f5f5f7] uppercase tracking-wider text-[11px]`,children:`4. Your Email (Optional for updates)`},void 0,!1,{fileName:Q,lineNumber:287,columnNumber:17},this),(0,j.jsxDEV)(`input`,{type:`email`,value:d,onChange:e=>f(e.target.value),placeholder:`you@company.com`,className:`w-full h-11 px-4 rounded-xl border border-[#e5e5ea] dark:border-[#38383a] bg-[#fbfbfd] dark:bg-[#252528] text-xs text-[#1d1d1f] dark:text-[#f5f5f7] placeholder:text-[#86868b] focus:outline-none focus:border-[#7d2ae8] transition-all shadow-2xs`},void 0,!1,{fileName:Q,lineNumber:290,columnNumber:17},this)]},void 0,!0,{fileName:Q,lineNumber:286,columnNumber:15},this),(0,j.jsxDEV)(`div`,{className:`pt-3 border-t border-[#e5e5ea] dark:border-[#38383a] flex items-center justify-between gap-4`,children:[(0,j.jsxDEV)(`button`,{type:`button`,onClick:e,className:`text-xs font-semibold text-[#86868b] hover:text-[#1d1d1f] dark:hover:text-white transition-colors cursor-pointer`,children:`Cancel`},void 0,!1,{fileName:Q,lineNumber:301,columnNumber:17},this),(0,j.jsxDEV)(Ui,{variant:`primary`,type:`submit`,isLoading:p,icon:(0,j.jsxDEV)(ir,{className:`w-4 h-4`},void 0,!1,{fileName:Q,lineNumber:313,columnNumber:25},this),className:`px-6 py-2.5 rounded-xl bg-[#7d2ae8] hover:bg-[#6b21ce] active:bg-[#5b19b5] text-white font-bold text-xs shadow-md shadow-[#7d2ae8]/25 cursor-pointer transition-all`,children:`Submit Feedback`},void 0,!1,{fileName:Q,lineNumber:309,columnNumber:17},this)]},void 0,!0,{fileName:Q,lineNumber:300,columnNumber:15},this)]},void 0,!0,{fileName:Q,lineNumber:191,columnNumber:13},this)]},void 0,!0,{fileName:Q,lineNumber:177,columnNumber:11},this)},void 0,!1,{fileName:Q,lineNumber:143,columnNumber:7},this)]},void 0,!0,{fileName:Q,lineNumber:122,columnNumber:5},this)}var Bl=`C:/Users/Shadow/Desktop/cyrus/src/components/ui/Toast.tsx`;function Vl(){let{toasts:e,removeToast:t}=Vr();return e.length===0?null:(0,j.jsxDEV)(`div`,{className:`fixed bottom-5 right-5 z-50 flex flex-col gap-2 pointer-events-none`,children:e.map(e=>{let n={success:(0,j.jsxDEV)(Me,{className:`w-4 h-4 text-[#34c759] shrink-0`},void 0,!1,{fileName:Bl,lineNumber:14,columnNumber:20},this),info:(0,j.jsxDEV)(m,{className:`w-4 h-4 text-[#0071e3] shrink-0`},void 0,!1,{fileName:Bl,lineNumber:15,columnNumber:17},this),warning:(0,j.jsxDEV)(p,{className:`w-4 h-4 text-[#ff9500] shrink-0`},void 0,!1,{fileName:Bl,lineNumber:16,columnNumber:20},this),error:(0,j.jsxDEV)(Be,{className:`w-4 h-4 text-[#ff3b30] shrink-0`},void 0,!1,{fileName:Bl,lineNumber:17,columnNumber:18},this)};return(0,j.jsxDEV)(`div`,{className:D(`pointer-events-auto flex items-center gap-2.5 px-3.5 py-2.5 bg-white border border-[#e5e5ea] rounded-[12px] shadow-apple-lg text-[13px] text-[#1d1d1f] max-w-sm animate-in slide-in-from-bottom-2 fade-in duration-200`),children:[n[e.type],(0,j.jsxDEV)(`span`,{className:`font-medium flex-1`,children:e.text},void 0,!1,{fileName:Bl,lineNumber:28,columnNumber:13},this),(0,j.jsxDEV)(`button`,{onClick:()=>t(e.id),className:`p-1 text-[#86868b] hover:text-[#1d1d1f] rounded-[4px] hover:bg-[#f4f4f6] transition-apple`,children:(0,j.jsxDEV)(ln,{className:`w-3.5 h-3.5`},void 0,!1,{fileName:Bl,lineNumber:33,columnNumber:15},this)},void 0,!1,{fileName:Bl,lineNumber:29,columnNumber:13},this)]},e.id,!0,{fileName:Bl,lineNumber:21,columnNumber:11},this)})},void 0,!1,{fileName:Bl,lineNumber:11,columnNumber:5},this)}var Hl=`C:/Users/Shadow/Desktop/cyrus/src/plugins/builtins/qrCodePlugin.tsx`,Ul={id:`com.cyrus.plugin.qr-generator`,name:`QR Code & Barcode Suite`,version:`1.0.0`,description:`Generates dynamic SVG QR codes, scan badges, and payment tickets.`,author:`Cyrus Ecosystem`,targetCyrusVersion:`^1.0.0`,permissions:[`widgets:register`],category:`widgets`,icon:`QrCode`},Wl=({element:e})=>{let{content:t,styles:n}=e,r=t.value||`https://cyrus.design`,i=t.title||`Scan to Preview`,a=t.subtitle||`Point phone camera at code`,o=n.color||`#0071e3`,s=n.backgroundColor||`#ffffff`;return(0,j.jsxDEV)(`div`,{style:{width:`100%`,height:`100%`,backgroundColor:s,borderRadius:`${n.borderRadius??16}px`,borderWidth:`${n.borderWidth??1}px`,borderColor:n.borderColor||`#e5e5ea`,padding:`20px`},className:`flex flex-col items-center justify-between select-none pointer-events-none shadow-apple-sm`,children:[(0,j.jsxDEV)(`div`,{className:`text-center`,children:[(0,j.jsxDEV)(`h4`,{className:`text-[13px] font-bold text-[#1d1d1f] tracking-tight`,children:i},void 0,!1,{fileName:Hl,lineNumber:50,columnNumber:9},void 0),(0,j.jsxDEV)(`p`,{className:`text-[10px] text-[#86868b] mt-0.5`,children:a},void 0,!1,{fileName:Hl,lineNumber:51,columnNumber:9},void 0)]},void 0,!0,{fileName:Hl,lineNumber:49,columnNumber:7},void 0),(0,j.jsxDEV)(`div`,{className:`p-3 bg-white rounded-xl border border-[#e5e5ea] shadow-2xs my-2 flex items-center justify-center`,children:(0,j.jsxDEV)(`svg`,{width:`120`,height:`120`,viewBox:`0 0 120 120`,className:`shape-rendering-crispEdges`,children:[(0,j.jsxDEV)(`rect`,{x:`10`,y:`10`,width:`30`,height:`30`,fill:o,rx:`4`},void 0,!1,{fileName:Hl,lineNumber:58,columnNumber:11},void 0),(0,j.jsxDEV)(`rect`,{x:`16`,y:`16`,width:`18`,height:`18`,fill:`#ffffff`,rx:`2`},void 0,!1,{fileName:Hl,lineNumber:59,columnNumber:11},void 0),(0,j.jsxDEV)(`rect`,{x:`20`,y:`20`,width:`10`,height:`10`,fill:o,rx:`1`},void 0,!1,{fileName:Hl,lineNumber:60,columnNumber:11},void 0),(0,j.jsxDEV)(`rect`,{x:`80`,y:`10`,width:`30`,height:`30`,fill:o,rx:`4`},void 0,!1,{fileName:Hl,lineNumber:63,columnNumber:11},void 0),(0,j.jsxDEV)(`rect`,{x:`86`,y:`16`,width:`18`,height:`18`,fill:`#ffffff`,rx:`2`},void 0,!1,{fileName:Hl,lineNumber:64,columnNumber:11},void 0),(0,j.jsxDEV)(`rect`,{x:`90`,y:`20`,width:`10`,height:`10`,fill:o,rx:`1`},void 0,!1,{fileName:Hl,lineNumber:65,columnNumber:11},void 0),(0,j.jsxDEV)(`rect`,{x:`10`,y:`80`,width:`30`,height:`30`,fill:o,rx:`4`},void 0,!1,{fileName:Hl,lineNumber:68,columnNumber:11},void 0),(0,j.jsxDEV)(`rect`,{x:`16`,y:`86`,width:`18`,height:`18`,fill:`#ffffff`,rx:`2`},void 0,!1,{fileName:Hl,lineNumber:69,columnNumber:11},void 0),(0,j.jsxDEV)(`rect`,{x:`20`,y:`90`,width:`10`,height:`10`,fill:o,rx:`1`},void 0,!1,{fileName:Hl,lineNumber:70,columnNumber:11},void 0),(0,j.jsxDEV)(`rect`,{x:`48`,y:`15`,width:`6`,height:`6`,fill:o},void 0,!1,{fileName:Hl,lineNumber:73,columnNumber:11},void 0),(0,j.jsxDEV)(`rect`,{x:`58`,y:`25`,width:`6`,height:`6`,fill:o},void 0,!1,{fileName:Hl,lineNumber:74,columnNumber:11},void 0),(0,j.jsxDEV)(`rect`,{x:`48`,y:`35`,width:`6`,height:`6`,fill:o},void 0,!1,{fileName:Hl,lineNumber:75,columnNumber:11},void 0),(0,j.jsxDEV)(`rect`,{x:`68`,y:`15`,width:`6`,height:`6`,fill:o},void 0,!1,{fileName:Hl,lineNumber:76,columnNumber:11},void 0),(0,j.jsxDEV)(`rect`,{x:`15`,y:`48`,width:`6`,height:`6`,fill:o},void 0,!1,{fileName:Hl,lineNumber:78,columnNumber:11},void 0),(0,j.jsxDEV)(`rect`,{x:`25`,y:`58`,width:`6`,height:`6`,fill:o},void 0,!1,{fileName:Hl,lineNumber:79,columnNumber:11},void 0),(0,j.jsxDEV)(`rect`,{x:`35`,y:`48`,width:`6`,height:`6`,fill:o},void 0,!1,{fileName:Hl,lineNumber:80,columnNumber:11},void 0),(0,j.jsxDEV)(`rect`,{x:`15`,y:`68`,width:`6`,height:`6`,fill:o},void 0,!1,{fileName:Hl,lineNumber:81,columnNumber:11},void 0),(0,j.jsxDEV)(`rect`,{x:`50`,y:`50`,width:`20`,height:`20`,fill:o,rx:`3`},void 0,!1,{fileName:Hl,lineNumber:83,columnNumber:11},void 0),(0,j.jsxDEV)(`rect`,{x:`55`,y:`55`,width:`10`,height:`10`,fill:`#ffffff`,rx:`1`},void 0,!1,{fileName:Hl,lineNumber:84,columnNumber:11},void 0),(0,j.jsxDEV)(`rect`,{x:`80`,y:`50`,width:`6`,height:`6`,fill:o},void 0,!1,{fileName:Hl,lineNumber:86,columnNumber:11},void 0),(0,j.jsxDEV)(`rect`,{x:`90`,y:`60`,width:`6`,height:`6`,fill:o},void 0,!1,{fileName:Hl,lineNumber:87,columnNumber:11},void 0),(0,j.jsxDEV)(`rect`,{x:`100`,y:`50`,width:`6`,height:`6`,fill:o},void 0,!1,{fileName:Hl,lineNumber:88,columnNumber:11},void 0),(0,j.jsxDEV)(`rect`,{x:`85`,y:`70`,width:`6`,height:`6`,fill:o},void 0,!1,{fileName:Hl,lineNumber:89,columnNumber:11},void 0),(0,j.jsxDEV)(`rect`,{x:`50`,y:`80`,width:`6`,height:`6`,fill:o},void 0,!1,{fileName:Hl,lineNumber:91,columnNumber:11},void 0),(0,j.jsxDEV)(`rect`,{x:`60`,y:`90`,width:`6`,height:`6`,fill:o},void 0,!1,{fileName:Hl,lineNumber:92,columnNumber:11},void 0),(0,j.jsxDEV)(`rect`,{x:`70`,y:`80`,width:`6`,height:`6`,fill:o},void 0,!1,{fileName:Hl,lineNumber:93,columnNumber:11},void 0),(0,j.jsxDEV)(`rect`,{x:`85`,y:`95`,width:`6`,height:`6`,fill:o},void 0,!1,{fileName:Hl,lineNumber:94,columnNumber:11},void 0),(0,j.jsxDEV)(`rect`,{x:`95`,y:`85`,width:`6`,height:`6`,fill:o},void 0,!1,{fileName:Hl,lineNumber:95,columnNumber:11},void 0),(0,j.jsxDEV)(`rect`,{x:`100`,y:`100`,width:`6`,height:`6`,fill:o},void 0,!1,{fileName:Hl,lineNumber:96,columnNumber:11},void 0)]},void 0,!0,{fileName:Hl,lineNumber:56,columnNumber:9},void 0)},void 0,!1,{fileName:Hl,lineNumber:55,columnNumber:7},void 0),(0,j.jsxDEV)(`div`,{className:`w-full py-1.5 px-2.5 rounded-lg bg-[#f5f5f7] border border-[#e5e5ea] flex items-center justify-between text-[10px] text-[#6e6e73]`,children:[(0,j.jsxDEV)(`span`,{className:`truncate max-w-[140px] font-mono`,children:r},void 0,!1,{fileName:Hl,lineNumber:101,columnNumber:9},void 0),(0,j.jsxDEV)(`span`,{className:`text-[#0071e3] font-semibold`,children:`Active`},void 0,!1,{fileName:Hl,lineNumber:102,columnNumber:9},void 0)]},void 0,!0,{fileName:Hl,lineNumber:100,columnNumber:7},void 0)]},void 0,!0,{fileName:Hl,lineNumber:37,columnNumber:5},void 0)},Gl={initialize:e=>{e.logger.info(`Initializing QR Code & Barcode Suite plugin...`),e.widgets.register({id:`qr_code_widget`,type:`qrCodeWidget`,name:`QR Code Card`,category:`cards`,description:`Dynamic scannable QR Code and action card.`,icon:`QrCode`,defaultWidth:240,defaultHeight:270,defaultStyles:{backgroundColor:`#ffffff`,borderRadius:16,borderWidth:1,borderColor:`#e5e5ea`,color:`#0071e3`},defaultContent:{title:`Scan with Camera`,subtitle:`Instant mobile preview link`,value:`https://cyrus.design/preview`},propSchemas:[{key:`title`,label:`Title`,type:`text`,defaultValue:`Scan with Camera`},{key:`subtitle`,label:`Subtitle`,type:`text`,defaultValue:`Instant mobile preview link`},{key:`value`,label:`QR Target URL`,type:`text`,defaultValue:`https://cyrus.design/preview`}],renderer:Wl})},destroy:()=>{console.log(`[Plugin: QR Code Suite] Cleaned up resources.`)}},Kl=`C:/Users/Shadow/Desktop/cyrus/src/plugins/builtins/audioPlayerPlugin.tsx`,ql={id:`com.cyrus.plugin.audio-player`,name:`Audio Player Pro`,version:`1.0.0`,description:`Interactive audio player with waveform visuals and playback controls.`,author:`Cyrus Audio Labs`,targetCyrusVersion:`^1.0.0`,permissions:[`widgets:register`,`storage:read_write`],category:`widgets`,icon:`Music`},Jl=({element:e})=>{let{content:t,styles:n}=e,r=t.title||`Ambient Soundscapes`,i=t.artist||`Cyrus Audio Studio`,a=t.duration||`3:45`,o=typeof t.progress==`number`?t.progress:45;return(0,j.jsxDEV)(`div`,{style:{width:`100%`,height:`100%`,backgroundColor:n.backgroundColor||`#1c1c1e`,borderRadius:`${n.borderRadius??18}px`,borderWidth:`${n.borderWidth??1}px`,borderColor:n.borderColor||`#2c2c2e`,color:n.color||`#ffffff`,padding:`16px`},className:`flex flex-col justify-between select-none pointer-events-none shadow-apple-md`,children:[(0,j.jsxDEV)(`div`,{className:`flex items-center justify-between`,children:[(0,j.jsxDEV)(`div`,{className:`flex items-center gap-2.5`,children:[(0,j.jsxDEV)(`div`,{className:`w-8 h-8 rounded-lg bg-[#0071e3] text-white flex items-center justify-center shadow-apple-sm`,children:(0,j.jsxDEV)(mt,{className:`w-4 h-4`},void 0,!1,{fileName:Kl,lineNumber:51,columnNumber:13},void 0)},void 0,!1,{fileName:Kl,lineNumber:50,columnNumber:11},void 0),(0,j.jsxDEV)(`div`,{children:[(0,j.jsxDEV)(`div`,{className:`text-[12px] font-bold truncate max-w-[130px]`,children:r},void 0,!1,{fileName:Kl,lineNumber:54,columnNumber:13},void 0),(0,j.jsxDEV)(`div`,{className:`text-[9.5px] text-[#86868b] truncate max-w-[130px]`,children:i},void 0,!1,{fileName:Kl,lineNumber:55,columnNumber:13},void 0)]},void 0,!0,{fileName:Kl,lineNumber:53,columnNumber:11},void 0)]},void 0,!0,{fileName:Kl,lineNumber:49,columnNumber:9},void 0),(0,j.jsxDEV)(`div`,{className:`w-7 h-7 rounded-full bg-white/10 flex items-center justify-center text-white`,children:(0,j.jsxDEV)(w,{className:`w-3.5 h-3.5 fill-current ml-0.5`},void 0,!1,{fileName:Kl,lineNumber:60,columnNumber:11},void 0)},void 0,!1,{fileName:Kl,lineNumber:59,columnNumber:9},void 0)]},void 0,!0,{fileName:Kl,lineNumber:48,columnNumber:7},void 0),(0,j.jsxDEV)(`div`,{className:`flex items-end gap-1 h-8 my-1 px-1 justify-between`,children:[20,45,75,90,60,80,40,95,65,35,70,85,50,60,90,40,30].map((e,t)=>(0,j.jsxDEV)(`div`,{className:`w-1 rounded-full transition-all`,style:{height:`${e}%`,backgroundColor:t<8?`#0071e3`:`rgba(255,255,255,0.2)`}},t,!1,{fileName:Kl,lineNumber:67,columnNumber:11},void 0))},void 0,!1,{fileName:Kl,lineNumber:65,columnNumber:7},void 0),(0,j.jsxDEV)(`div`,{className:`space-y-1`,children:[(0,j.jsxDEV)(`div`,{className:`w-full h-1 bg-white/20 rounded-full overflow-hidden`,children:(0,j.jsxDEV)(`div`,{className:`h-full bg-[#0071e3] rounded-full`,style:{width:`${o}%`}},void 0,!1,{fileName:Kl,lineNumber:81,columnNumber:11},void 0)},void 0,!1,{fileName:Kl,lineNumber:80,columnNumber:9},void 0),(0,j.jsxDEV)(`div`,{className:`flex justify-between text-[9px] text-[#86868b]`,children:[(0,j.jsxDEV)(`span`,{children:`1:42`},void 0,!1,{fileName:Kl,lineNumber:84,columnNumber:11},void 0),(0,j.jsxDEV)(`span`,{children:a},void 0,!1,{fileName:Kl,lineNumber:85,columnNumber:11},void 0)]},void 0,!0,{fileName:Kl,lineNumber:83,columnNumber:9},void 0)]},void 0,!0,{fileName:Kl,lineNumber:79,columnNumber:7},void 0)]},void 0,!0,{fileName:Kl,lineNumber:35,columnNumber:5},void 0)},Yl=[{manifest:Ul,implementation:Gl,isInstalledByDefault:!0},{manifest:ql,implementation:{initialize:e=>{e.logger.info(`Initializing Audio Player Pro plugin...`),e.widgets.register({id:`audio_player_widget`,type:`audioPlayerWidget`,name:`Audio Player`,category:`cards`,description:`Audio playback card with waveform visualizer.`,icon:`Music`,defaultWidth:260,defaultHeight:140,defaultStyles:{backgroundColor:`#1c1c1e`,borderRadius:18,borderWidth:1,borderColor:`#2c2c2e`,color:`#ffffff`},defaultContent:{title:`Ambient Soundscapes`,artist:`Cyrus Studio`,duration:`3:45`,progress:45},propSchemas:[{key:`title`,label:`Track Title`,type:`text`,defaultValue:`Ambient Soundscapes`},{key:`artist`,label:`Artist Name`,type:`text`,defaultValue:`Cyrus Studio`},{key:`duration`,label:`Duration`,type:`text`,defaultValue:`3:45`},{key:`progress`,label:`Progress (%)`,type:`number`,defaultValue:45}],renderer:Jl})}},isInstalledByDefault:!0},{manifest:{id:`com.cyrus.plugin.lottie-player`,name:`Lottie Vector Animations`,version:`1.2.0`,description:`Embed dynamic lightweight JSON animations with interactive hover & scroll triggers.`,author:`Motion Labs`,targetCyrusVersion:`^1.0.0`,permissions:[`widgets:register`],category:`widgets`,icon:`Sparkles`},implementation:{initialize:()=>{}}},{manifest:{id:`com.cyrus.plugin.supabase-connector`,name:`Supabase Realtime Connector`,version:`1.0.0`,description:`Direct live synchronization with Supabase PostgreSQL tables & auth sessions.`,author:`Cloud Sync Team`,targetCyrusVersion:`^1.0.0`,permissions:[`data:connector`,`storage:read_write`],category:`data`,icon:`Database`},implementation:{initialize:()=>{}}}];async function Xl(){for(let e of Yl)e.isInstalledByDefault&&!os.isPluginInstalled(e.manifest.id)&&await os.installPlugin(e.manifest,e.implementation)}function Zl(e){let t=e;if(typeof e==`string`)try{let n=e.replace(/```json\s*/gi,``).replace(/```\s*$/gi,``).trim();t=JSON.parse(n)}catch{return eu(`AI Generated Application`)}if(!t||typeof t!=`object`)return eu(`AI Generated Application`);let n=String(t.projectTitle||t.name||t.title||`AI Generated Project`),r=[`webapp`,`website`,`dashboard`,`landing`,`mobile`].includes(t.type)?t.type:`webapp`,i=t.theme===`dark`?`dark`:`light`,a=Array.isArray(t.pages)?t.pages:[];a.length===0&&Array.isArray(t.elements)&&(a=[{name:`Home`,elements:t.elements}]),a.length===0&&(a=[{name:`Page 1`,elements:[]}]);let o=a.map((e,t)=>{let n=Array.isArray(e.elements)?e.elements:[],r=40,a=n.map((e,t)=>{let n=String(e.type||`button`),i=tu(n),a=typeof e.x==`number`?e.x:n===`navbar`?40:40+t%2*440,o=typeof e.y==`number`?e.y:r,s=typeof e.width==`number`?e.width:i.width,c=typeof e.height==`number`?e.height:i.height;return r=Math.max(r,o+c+20),{id:e.id||`el_ir_${O()}`,type:n,name:e.name||`${n.charAt(0).toUpperCase()+n.slice(1)} ${t+1}`,x:a,y:o,width:s,height:c,styles:{backgroundColor:e.styles?.backgroundColor||i.styles.backgroundColor,textColor:e.styles?.textColor||i.styles.textColor,borderRadius:e.styles?.borderRadius??i.styles.borderRadius,borderWidth:e.styles?.borderWidth??i.styles.borderWidth,borderColor:e.styles?.borderColor||i.styles.borderColor,fontSize:e.styles?.fontSize||i.styles.fontSize,fontWeight:e.styles?.fontWeight||i.styles.fontWeight,shadow:e.styles?.shadow||i.styles.shadow,...e.styles},content:{...e.content,...e.label?{label:e.label}:{},...e.title?{title:e.title}:{},...e.text?{text:e.text}:{},...e.brandName?{brandName:e.brandName}:{},...e.placeholder?{placeholder:e.placeholder}:{}}}});return{id:e.id||`page_ir_${t+1}`,name:e.name||`Page ${t+1}`,slug:e.slug||`page-${t+1}`,backgroundColor:e.backgroundColor||(i===`dark`?`#0f0f12`:`#ffffff`),elements:a}});return{version:`1.0`,projectTitle:n,type:r,theme:i,palette:{primary:t.palette?.primary||`#0071e3`,secondary:t.palette?.secondary||`#7d2ae8`,background:t.palette?.background||(i===`dark`?`#0f0f12`:`#ffffff`),surface:t.palette?.surface||(i===`dark`?`#1c1c1e`:`#f5f5f7`),text:t.palette?.text||(i===`dark`?`#f5f5f7`:`#1d1d1f`)},pages:o}}function Ql(e){let t=Zl(e);return{id:`proj_ir_${O()}`,name:t.projectTitle,type:t.type||`webapp`,createdAt:new Date().toISOString(),updatedAt:new Date().toISOString(),settings:{canvasBackground:t.theme===`dark`?`#0f0f12`:`#ffffff`,primaryColor:t.palette?.primary||`#0071e3`,accentColor:t.palette?.secondary||`#7d2ae8`,theme:t.theme},designSystem:{mode:t.theme||`light`,colors:{primary:t.palette?.primary||`#0071e3`,secondary:t.palette?.secondary||`#7d2ae8`,background:t.palette?.background||`#ffffff`,surface:t.palette?.surface||`#f5f5f7`,text:t.palette?.text||`#1d1d1f`,textSecondary:`#86868b`,border:`#e5e5ea`}},pages:t.pages.map(e=>({id:e.id||`p_${O()}`,name:e.name||`Page 1`,slug:e.slug||`page-1`,settings:{backgroundColor:e.backgroundColor||`#ffffff`,width:1440,height:900},elements:e.elements.map(e=>({id:e.id||`el_${O()}`,type:e.type,name:e.name||`Element`,x:e.x||40,y:e.y||40,width:e.width||200,height:e.height||50,rotation:0,zIndex:1,styles:e.styles,content:e.content||{}}))}))}}function $l(e){return{version:`1.0`,projectTitle:e.name,type:e.type||`webapp`,theme:e.designSystem?.mode||`light`,palette:{primary:e.designSystem?.colors?.primary||`#0071e3`,secondary:e.designSystem?.colors?.secondary||`#7d2ae8`,background:e.designSystem?.colors?.background||`#ffffff`,surface:e.designSystem?.colors?.surface||`#f5f5f7`,text:e.designSystem?.colors?.text||`#1d1d1f`},pages:e.pages.map(e=>({id:e.id,name:e.name,slug:e.slug,backgroundColor:e.settings.backgroundColor,elements:(e.elements||[]).map(e=>({id:e.id,type:e.type,name:e.name,x:e.x,y:e.y,width:e.width,height:e.height,styles:e.styles,content:e.content}))}))}}function eu(e){return{version:`1.0`,projectTitle:e,type:`webapp`,theme:`light`,pages:[{id:`p_1`,name:`Page 1`,slug:`page-1`,elements:[]}]}}function tu(e){switch(e){case`navbar`:return{width:800,height:64,styles:{backgroundColor:`#ffffff`,borderRadius:12,borderWidth:1,borderColor:`#e5e5ea`,shadow:`sm`}};case`sidebar`:return{width:260,height:600,styles:{backgroundColor:`#ffffff`,borderRadius:16,borderWidth:1,borderColor:`#e5e5ea`,shadow:`sm`}};case`lineChart`:return{width:460,height:260,styles:{backgroundColor:`#ffffff`,textColor:`#0071e3`,borderRadius:16,borderWidth:1,borderColor:`#e5e5ea`,shadow:`sm`}};case`searchBar`:return{width:320,height:44,styles:{backgroundColor:`#ffffff`,textColor:`#1d1d1f`,borderRadius:12,borderWidth:1,borderColor:`#e5e5ea`,shadow:`subtle`,fontSize:14}};case`toggleSwitch`:return{width:200,height:44,styles:{backgroundColor:`#ffffff`,textColor:`#1d1d1f`,borderRadius:12,borderWidth:1,borderColor:`#e5e5ea`,shadow:`subtle`}};case`heading`:return{width:480,height:50,styles:{fontSize:32,fontWeight:`700`,textColor:`#1d1d1f`}};case`paragraph`:return{width:480,height:40,styles:{fontSize:14,fontWeight:`400`,textColor:`#6e6e73`}};default:return{width:140,height:42,styles:{backgroundColor:`#0071e3`,textColor:`#ffffff`,borderRadius:10,fontSize:14,fontWeight:`600`,shadow:`sm`}}}}var nu={};function ru(e,t){nu[e]=t}function iu(e){return nu[e]||null}async function au(e,t,n,r=!1){if(!e)return{code:`// No active page selected`,source:`builtin`,providerName:`Cyrus Engine`};let i=iu(t);if(i&&!r)return{code:i,source:`host_ai`,providerName:`Host AI (Live)`};let a=di.getState().ai;if(a?.apiKey&&(r||a.provider!==`builtin`))try{let r=await ou(e,t,a,n);if(r)return{code:r,source:`connected_ai`,providerName:`${a.provider.toUpperCase()} (${a.model})`}}catch(e){console.warn(`[AI Code Service] Failed to generate with connected AI, falling back to built-in:`,e)}return{code:Lc(e,t),source:`builtin`,providerName:`Built-in Engine`}}async function ou(e,t,n,r){let i=r?$l(r):{pages:[e]},a=`You are a world-class frontend architect.
+Generate complete, clean, production-ready ${t} code matching this UI layout:
+${JSON.stringify(i,null,2)}
+
+Requirements:
+- Emit ONLY the final, runnable code file.
+- Do NOT include conversational filler.
+- Use responsive layout and modern syntax.`;if(n.provider===`openai`)return((await(await fetch(`https://api.openai.com/v1/chat/completions`,{method:`POST`,headers:{"Content-Type":`application/json`,Authorization:`Bearer ${n.apiKey}`},body:JSON.stringify({model:n.model||`gpt-4o`,messages:[{role:`user`,content:a}],temperature:.2})})).json()).choices?.[0]?.message?.content||``).replace(/^```[a-zA-Z]*\n/,``).replace(/\n```$/,``).trim();if(n.provider===`anthropic`)return((await(await fetch(`https://api.anthropic.com/v1/messages`,{method:`POST`,headers:{"Content-Type":`application/json`,"x-api-key":n.apiKey||``,"anthropic-version":`2023-06-01`},body:JSON.stringify({model:n.model||`claude-3-5-sonnet-20241022`,max_tokens:4096,messages:[{role:`user`,content:a}]})})).json()).content?.[0]?.text||``).replace(/^```[a-zA-Z]*\n/,``).replace(/\n```$/,``).trim();if(n.provider===`gemini`){let e=n.model||`gemini-1.5-pro`;return((await(await fetch(`https://generativelanguage.googleapis.com/v1beta/models/${e}:generateContent?key=${n.apiKey}`,{method:`POST`,headers:{"Content-Type":`application/json`},body:JSON.stringify({contents:[{parts:[{text:a}]}]})})).json()).candidates?.[0]?.content?.parts?.[0]?.text||``).replace(/^```[a-zA-Z]*\n/,``).replace(/\n```$/,``).trim()}return null}function su(){let{activeProject:e,setProject:t}=M();(0,k.useEffect)(()=>{if(!e||typeof window>`u`||window.parent===window)return;let t=$l(e);window.parent.postMessage({type:`CYRUS_STATE_CHANGED`,payload:{projectId:e.id,name:e.name,document:t}},`*`)},[e]),(0,k.useEffect)(()=>{if(typeof window>`u`)return;let e=e=>{let n=e.data;if(!(!n||typeof n!=`object`))switch(n.type){case`CYRUS_LOAD_IR`:if(n.payload){let e=Ql(Zl(n.payload));t(e)}break;case`CYRUS_SET_AI_CODE`:{let{framework:e,code:t}=n.payload||{};e&&t&&(ru(e,t),window.dispatchEvent(new CustomEvent(`cyrus-ai-code-updated`,{detail:{framework:e,code:t}})));break}case`CYRUS_UPDATE_ELEMENT`:{let{elementId:e,updates:t}=n.payload||{};if(e&&t){let n=M.getState();t.styles&&n.updateElementStyles(e,t.styles),t.content&&n.updateElementContent(e,t.content)}break}}};return window.addEventListener(`message`,e),()=>window.removeEventListener(`message`,e)},[t])}function cu(e,t){if(typeof window>`u`||window.parent===window)return;let n=$l(t);window.parent.postMessage({type:`CYRUS_REQUEST_AI_CODE`,payload:{framework:e,document:n}},`*`)}var $=`C:/Users/Shadow/Desktop/cyrus/src/embed/CyrusEmbedRuntime.tsx`;function lu({projectId:e,initialIR:t,theme:n=`dark`}){su();let r=M(e=>e.activeProject),i=M(e=>e.activePageId),a=M(e=>e.setProject),o=M(e=>e.addElement),{viewportMode:s,setViewportMode:c,zoom:l,setZoom:u,resetZoom:d}=A(),[f,p]=(0,k.useState)(`design`),[m,h]=(0,k.useState)(!1),[g,_]=(0,k.useState)(`react`),[v,y]=(0,k.useState)(!1),[b,x]=(0,k.useState)(!1),[S,C]=(0,k.useState)(!1),[ee,te]=(0,k.useState)({code:`// Initializing code engine...`,source:`builtin`,providerName:`Cyrus Engine`});(0,k.useEffect)(()=>{if(t){let e=Ql(t);a(e)}else e&&qr(e).then(t=>{if(t)a(t);else{let t=Ql({version:`1.0`,projectTitle:e===`demo`?`SaaS Analytics Studio`:`Interactive App`,type:`dashboard`,theme:`dark`,pages:[{name:`Overview`,elements:[{type:`navbar`,name:`Navbar`,content:{brandName:`Apex SaaS`}},{type:`heading`,name:`Header`,styles:{fontSize:36,fontWeight:`800`,textColor:`#ffffff`},content:{text:`Executive Dashboard`}},{type:`searchBar`,name:`Search`,content:{placeholder:`Search metrics or users...`}},{type:`lineChart`,name:`Revenue Chart`,content:{title:`Monthly Recurring Revenue (MRR)`}},{type:`button`,name:`CTA`,styles:{backgroundColor:`#0071e3`,textColor:`#ffffff`},content:{label:`Export Report`}}]}]});a(t)}})},[e,t,a]);let T=r?.pages.find(e=>e.id===i)||r?.pages[0],ne={react:`react-tailwind`,flutter:`flutter`,swiftui:`swiftui`,html:`html-css`},re=(0,k.useCallback)(async(e=!1)=>{if(!T)return;let t=ne[g];e&&C(!0);try{let n=await au(T,t,r||void 0,e);te(n)}finally{e&&C(!1)}},[T,g,r]);if((0,k.useEffect)(()=>{re(!1);let e=()=>re(!1);return window.addEventListener(`cyrus-ai-code-updated`,e),()=>window.removeEventListener(`cyrus-ai-code-updated`,e)},[re]),!r||!T)return(0,j.jsxDEV)(`div`,{className:`w-full h-screen bg-[#09090b] text-white flex flex-col items-center justify-center font-sans`,children:(0,j.jsxDEV)(`div`,{className:`flex flex-col items-center gap-3 p-8 rounded-3xl bg-[#121215] border border-white/10 shadow-2xl animate-pulse`,children:[(0,j.jsxDEV)(`div`,{className:`w-12 h-12 rounded-2xl bg-gradient-to-tr from-[#7d2ae8] to-[#0071e3] flex items-center justify-center shadow-lg shadow-[#7d2ae8]/30`,children:(0,j.jsxDEV)(he,{className:`w-6 h-6 text-white`},void 0,!1,{fileName:$,lineNumber:129,columnNumber:13},this)},void 0,!1,{fileName:$,lineNumber:128,columnNumber:11},this),(0,j.jsxDEV)(`span`,{className:`text-sm font-semibold tracking-wide text-zinc-300`,children:`Initializing Cyrus Studio Engine...`},void 0,!1,{fileName:$,lineNumber:131,columnNumber:11},this),(0,j.jsxDEV)(`span`,{className:`text-xs text-zinc-500 font-mono`,children:`Loading vector canvas & AI bridge`},void 0,!1,{fileName:$,lineNumber:132,columnNumber:11},this)]},void 0,!0,{fileName:$,lineNumber:127,columnNumber:9},this)},void 0,!1,{fileName:$,lineNumber:126,columnNumber:7},this);let ie=e=>{if(!T)return;let t=`el_${O()}`,n=e===`toggleSwitch`||e===`switch`,r=e===`lineChart`,i=e===`navbar`,a=e===`searchBar`,s=e===`button`,c={id:t,type:n?`switch`:e,name:`${e.charAt(0).toUpperCase()+e.slice(1)}`,x:100,y:150,width:i?800:r?480:n?220:a?260:160,height:r?260:i?64:n?48:44,rotation:0,zIndex:(T.elements?.length||0)+1,styles:{backgroundColor:s?`#0071e3`:`#18181d`,textColor:`#ffffff`,borderRadius:12,shadow:`sm`,borderWidth:+!s,borderColor:`rgba(255, 255, 255, 0.1)`},content:{label:s?`New Button`:n?`Enable Feature`:void 0,title:r?`Analytics Overview`:void 0,placeholder:a?`Search anything...`:void 0,brandName:i?`Brand Studio`:void 0,enabled:!0}};o(c),x(!1)};return(0,j.jsxDEV)(`div`,{className:`w-full h-screen flex flex-col bg-[#09090b] text-[#f4f4f5] font-sans select-none overflow-hidden relative`,children:[(0,j.jsxDEV)(`header`,{className:`h-14 px-5 bg-[#121215]/90 backdrop-blur-xl border-b border-white/[0.08] flex items-center justify-between z-40 shrink-0`,children:[(0,j.jsxDEV)(`div`,{className:`flex items-center gap-2.5`,children:(0,j.jsxDEV)(`div`,{className:`flex items-center gap-1.5 px-2.5 py-1 rounded-full bg-[#34c759]/10 border border-[#34c759]/20 text-[#34c759] text-[11px] font-semibold`,children:[(0,j.jsxDEV)(`span`,{className:`w-1.5 h-1.5 rounded-full bg-[#34c759] animate-pulse`},void 0,!1,{fileName:$,lineNumber:199,columnNumber:13},this),(0,j.jsxDEV)(`span`,{children:`LIVE BRIDGE`},void 0,!1,{fileName:$,lineNumber:200,columnNumber:13},this)]},void 0,!0,{fileName:$,lineNumber:198,columnNumber:11},this)},void 0,!1,{fileName:$,lineNumber:197,columnNumber:9},this),(0,j.jsxDEV)(`div`,{className:`flex items-center gap-2 bg-[#18181b]/80 p-1 rounded-2xl border border-white/[0.08]`,children:[(0,j.jsxDEV)(`button`,{onClick:()=>p(`design`),className:`flex items-center gap-1.5 px-3 py-1.5 rounded-xl text-xs font-semibold transition cursor-pointer ${f===`design`?`bg-gradient-to-r from-[#7d2ae8] to-[#6019c7] text-white shadow-md`:`text-zinc-400 hover:text-zinc-200`}`,children:[(0,j.jsxDEV)(me,{className:`w-3.5 h-3.5`},void 0,!1,{fileName:$,lineNumber:214,columnNumber:13},this),(0,j.jsxDEV)(`span`,{children:`Canvas`},void 0,!1,{fileName:$,lineNumber:215,columnNumber:13},this)]},void 0,!0,{fileName:$,lineNumber:206,columnNumber:11},this),(0,j.jsxDEV)(`button`,{onClick:()=>p(`interactive`),className:`flex items-center gap-1.5 px-3 py-1.5 rounded-xl text-xs font-semibold transition cursor-pointer ${f===`interactive`?`bg-gradient-to-r from-[#0071e3] to-[#005bb5] text-white shadow-md`:`text-zinc-400 hover:text-zinc-200`}`,children:[(0,j.jsxDEV)(w,{className:`w-3.5 h-3.5`},void 0,!1,{fileName:$,lineNumber:226,columnNumber:13},this),(0,j.jsxDEV)(`span`,{children:`Live Test`},void 0,!1,{fileName:$,lineNumber:227,columnNumber:13},this)]},void 0,!0,{fileName:$,lineNumber:218,columnNumber:11},this),(0,j.jsxDEV)(`div`,{className:`h-4 w-px bg-white/10 mx-1`},void 0,!1,{fileName:$,lineNumber:230,columnNumber:11},this),(0,j.jsxDEV)(`div`,{className:`flex items-center gap-0.5`,children:[(0,j.jsxDEV)(`button`,{onClick:()=>c(`desktop`),className:`p-1.5 rounded-lg transition cursor-pointer ${s===`desktop`?`bg-white/10 text-white`:`text-zinc-400 hover:text-zinc-200`}`,title:`Desktop View (1440px)`,children:(0,j.jsxDEV)(ve,{className:`w-3.5 h-3.5`},void 0,!1,{fileName:$,lineNumber:240,columnNumber:15},this)},void 0,!1,{fileName:$,lineNumber:233,columnNumber:13},this),(0,j.jsxDEV)(`button`,{onClick:()=>c(`tablet`),className:`p-1.5 rounded-lg transition cursor-pointer ${s===`tablet`?`bg-white/10 text-white`:`text-zinc-400 hover:text-zinc-200`}`,title:`Tablet View (768px)`,children:(0,j.jsxDEV)(Ar,{className:`w-3.5 h-3.5`},void 0,!1,{fileName:$,lineNumber:249,columnNumber:15},this)},void 0,!1,{fileName:$,lineNumber:242,columnNumber:13},this),(0,j.jsxDEV)(`button`,{onClick:()=>c(`mobile`),className:`p-1.5 rounded-lg transition cursor-pointer ${s===`mobile`?`bg-white/10 text-white`:`text-zinc-400 hover:text-zinc-200`}`,title:`Mobile View (390px)`,children:(0,j.jsxDEV)(ht,{className:`w-3.5 h-3.5`},void 0,!1,{fileName:$,lineNumber:258,columnNumber:15},this)},void 0,!1,{fileName:$,lineNumber:251,columnNumber:13},this)]},void 0,!0,{fileName:$,lineNumber:232,columnNumber:11},this)]},void 0,!0,{fileName:$,lineNumber:205,columnNumber:9},this),(0,j.jsxDEV)(`div`,{className:`flex items-center gap-2 relative`,children:[(0,j.jsxDEV)(`div`,{className:`relative`,children:[(0,j.jsxDEV)(`button`,{onClick:()=>x(!b),className:`flex items-center gap-1.5 px-3 py-1.5 rounded-xl bg-white/5 hover:bg-white/10 border border-white/10 text-zinc-200 text-xs font-semibold transition cursor-pointer`,children:[(0,j.jsxDEV)(nt,{className:`w-3.5 h-3.5`},void 0,!1,{fileName:$,lineNumber:272,columnNumber:15},this),(0,j.jsxDEV)(`span`,{children:`Add Element`},void 0,!1,{fileName:$,lineNumber:273,columnNumber:15},this)]},void 0,!0,{fileName:$,lineNumber:268,columnNumber:13},this),b&&(0,j.jsxDEV)(`div`,{className:`absolute right-0 top-11 w-48 p-1.5 bg-[#18181b] border border-white/10 rounded-2xl shadow-2xl z-50 flex flex-col gap-1 text-xs font-sans animate-in fade-in zoom-in-95 duration-150`,children:[(0,j.jsxDEV)(`button`,{onClick:()=>ie(`button`),className:`w-full px-3 py-2 rounded-xl text-left hover:bg-white/10 text-zinc-200 flex items-center justify-between cursor-pointer`,children:[(0,j.jsxDEV)(`span`,{children:`Button`},void 0,!1,{fileName:$,lineNumber:279,columnNumber:19},this),(0,j.jsxDEV)(`span`,{className:`text-[10px] text-zinc-500`,children:`UI`},void 0,!1,{fileName:$,lineNumber:280,columnNumber:19},this)]},void 0,!0,{fileName:$,lineNumber:278,columnNumber:17},this),(0,j.jsxDEV)(`button`,{onClick:()=>ie(`toggleSwitch`),className:`w-full px-3 py-2 rounded-xl text-left hover:bg-white/10 text-zinc-200 flex items-center justify-between cursor-pointer`,children:[(0,j.jsxDEV)(`span`,{children:`Toggle Switch`},void 0,!1,{fileName:$,lineNumber:283,columnNumber:19},this),(0,j.jsxDEV)(`span`,{className:`text-[10px] text-zinc-500`,children:`Form`},void 0,!1,{fileName:$,lineNumber:284,columnNumber:19},this)]},void 0,!0,{fileName:$,lineNumber:282,columnNumber:17},this),(0,j.jsxDEV)(`button`,{onClick:()=>ie(`searchBar`),className:`w-full px-3 py-2 rounded-xl text-left hover:bg-white/10 text-zinc-200 flex items-center justify-between cursor-pointer`,children:[(0,j.jsxDEV)(`span`,{children:`Search Bar`},void 0,!1,{fileName:$,lineNumber:287,columnNumber:19},this),(0,j.jsxDEV)(`span`,{className:`text-[10px] text-zinc-500`,children:`Input`},void 0,!1,{fileName:$,lineNumber:288,columnNumber:19},this)]},void 0,!0,{fileName:$,lineNumber:286,columnNumber:17},this),(0,j.jsxDEV)(`button`,{onClick:()=>ie(`lineChart`),className:`w-full px-3 py-2 rounded-xl text-left hover:bg-white/10 text-zinc-200 flex items-center justify-between cursor-pointer`,children:[(0,j.jsxDEV)(`span`,{children:`Analytics Chart`},void 0,!1,{fileName:$,lineNumber:291,columnNumber:19},this),(0,j.jsxDEV)(`span`,{className:`text-[10px] text-zinc-500`,children:`Data`},void 0,!1,{fileName:$,lineNumber:292,columnNumber:19},this)]},void 0,!0,{fileName:$,lineNumber:290,columnNumber:17},this),(0,j.jsxDEV)(`button`,{onClick:()=>ie(`navbar`),className:`w-full px-3 py-2 rounded-xl text-left hover:bg-white/10 text-zinc-200 flex items-center justify-between cursor-pointer`,children:[(0,j.jsxDEV)(`span`,{children:`Navbar`},void 0,!1,{fileName:$,lineNumber:295,columnNumber:19},this),(0,j.jsxDEV)(`span`,{className:`text-[10px] text-zinc-500`,children:`Header`},void 0,!1,{fileName:$,lineNumber:296,columnNumber:19},this)]},void 0,!0,{fileName:$,lineNumber:294,columnNumber:17},this)]},void 0,!0,{fileName:$,lineNumber:277,columnNumber:15},this)]},void 0,!0,{fileName:$,lineNumber:267,columnNumber:11},this),(0,j.jsxDEV)(`button`,{onClick:()=>h(!m),className:`flex items-center gap-1.5 px-3.5 py-1.5 rounded-xl font-semibold text-xs transition cursor-pointer ${m?`bg-white text-black font-bold`:`bg-gradient-to-r from-[#0071e3] to-[#005bb5] hover:opacity-95 text-white shadow-lg shadow-[#0071e3]/20`}`,children:[(0,j.jsxDEV)(Ft,{className:`w-3.5 h-3.5`},void 0,!1,{fileName:$,lineNumber:311,columnNumber:13},this),(0,j.jsxDEV)(`span`,{children:m?`Hide Code`:`Inspect Code`},void 0,!1,{fileName:$,lineNumber:312,columnNumber:13},this)]},void 0,!0,{fileName:$,lineNumber:303,columnNumber:11},this)]},void 0,!0,{fileName:$,lineNumber:264,columnNumber:9},this)]},void 0,!0,{fileName:$,lineNumber:194,columnNumber:7},this),(0,j.jsxDEV)(`div`,{className:`flex-1 w-full h-full relative overflow-hidden bg-[#0c0c0e]`,children:[f===`design`?(0,j.jsxDEV)(kc,{page:T},void 0,!1,{fileName:$,lineNumber:320,columnNumber:11},this):(0,j.jsxDEV)(`div`,{className:`w-full h-full overflow-auto flex justify-center p-6`,children:(0,j.jsxDEV)(`div`,{className:`w-full max-w-[1440px] bg-white rounded-3xl overflow-hidden shadow-2xl`,children:(0,j.jsxDEV)(Dl,{project:r,initialPageId:T.id},void 0,!1,{fileName:$,lineNumber:324,columnNumber:15},this)},void 0,!1,{fileName:$,lineNumber:323,columnNumber:13},this)},void 0,!1,{fileName:$,lineNumber:322,columnNumber:11},this),f===`design`&&(0,j.jsxDEV)(`div`,{className:`absolute bottom-6 left-6 flex items-center gap-1 p-1.5 rounded-2xl bg-[#18181b]/90 backdrop-blur-md border border-white/10 shadow-xl text-xs z-30`,children:[(0,j.jsxDEV)(`button`,{type:`button`,onClick:()=>u(Math.max(.2,Number((l-.1).toFixed(2)))),className:`p-1.5 rounded-xl hover:bg-white/10 text-zinc-300 transition cursor-pointer`,title:`Zoom Out`,children:(0,j.jsxDEV)(ar,{className:`w-3.5 h-3.5`},void 0,!1,{fileName:$,lineNumber:338,columnNumber:15},this)},void 0,!1,{fileName:$,lineNumber:332,columnNumber:13},this),(0,j.jsxDEV)(`button`,{type:`button`,onClick:()=>d(),className:`px-2 py-1 rounded-xl hover:bg-white/10 text-zinc-300 font-mono text-[11px] font-bold cursor-pointer`,title:`Reset Zoom to 100%`,children:[Math.round(l*100),`%`]},void 0,!0,{fileName:$,lineNumber:340,columnNumber:13},this),(0,j.jsxDEV)(`button`,{type:`button`,onClick:()=>u(Math.min(3,Number((l+.1).toFixed(2)))),className:`p-1.5 rounded-xl hover:bg-white/10 text-zinc-300 transition cursor-pointer`,title:`Zoom In`,children:(0,j.jsxDEV)(jn,{className:`w-3.5 h-3.5`},void 0,!1,{fileName:$,lineNumber:354,columnNumber:15},this)},void 0,!1,{fileName:$,lineNumber:348,columnNumber:13},this)]},void 0,!0,{fileName:$,lineNumber:331,columnNumber:11},this)]},void 0,!0,{fileName:$,lineNumber:318,columnNumber:7},this),m&&(0,j.jsxDEV)(`aside`,{className:`absolute right-0 top-14 bottom-0 w-full max-w-xl bg-[#121215]/95 backdrop-blur-2xl border-l border-white/10 shadow-2xl z-50 flex flex-col animate-in slide-in-from-right duration-200 font-mono`,children:[(0,j.jsxDEV)(`div`,{className:`h-12 px-4 border-b border-white/10 flex items-center justify-between text-xs bg-black/30`,children:[(0,j.jsxDEV)(`div`,{className:`flex items-center gap-1.5`,children:[(0,j.jsxDEV)(`button`,{onClick:()=>_(`react`),className:`px-3 py-1.5 rounded-lg text-xs font-sans font-semibold transition cursor-pointer ${g===`react`?`bg-[#0071e3] text-white`:`text-zinc-400 hover:text-white`}`,children:`React + Tailwind`},void 0,!1,{fileName:$,lineNumber:367,columnNumber:15},this),(0,j.jsxDEV)(`button`,{onClick:()=>_(`flutter`),className:`px-3 py-1.5 rounded-lg text-xs font-sans font-semibold transition cursor-pointer ${g===`flutter`?`bg-[#7d2ae8] text-white`:`text-zinc-400 hover:text-white`}`,children:`Flutter`},void 0,!1,{fileName:$,lineNumber:375,columnNumber:15},this),(0,j.jsxDEV)(`button`,{onClick:()=>_(`swiftui`),className:`px-3 py-1.5 rounded-lg text-xs font-sans font-semibold transition cursor-pointer ${g===`swiftui`?`bg-[#ff5f56] text-white`:`text-zinc-400 hover:text-white`}`,children:`Swift / SwiftUI`},void 0,!1,{fileName:$,lineNumber:383,columnNumber:15},this),(0,j.jsxDEV)(`button`,{onClick:()=>_(`html`),className:`px-3 py-1.5 rounded-lg text-xs font-sans font-semibold transition cursor-pointer ${g===`html`?`bg-zinc-700 text-white`:`text-zinc-400 hover:text-white`}`,children:`HTML / CSS`},void 0,!1,{fileName:$,lineNumber:391,columnNumber:15},this)]},void 0,!0,{fileName:$,lineNumber:366,columnNumber:13},this),(0,j.jsxDEV)(`div`,{className:`flex items-center gap-2`,children:[(0,j.jsxDEV)(`button`,{onClick:()=>{navigator.clipboard.writeText(ee.code),y(!0),setTimeout(()=>y(!1),2e3)},className:`flex items-center gap-1.5 px-3 py-1 rounded-lg bg-white/10 hover:bg-white/20 text-white font-sans text-xs transition cursor-pointer`,children:[v?(0,j.jsxDEV)(Mr,{className:`w-3.5 h-3.5 text-[#34c759]`},void 0,!1,{fileName:$,lineNumber:406,columnNumber:27},this):(0,j.jsxDEV)(sn,{className:`w-3.5 h-3.5`},void 0,!1,{fileName:$,lineNumber:406,columnNumber:78},this),(0,j.jsxDEV)(`span`,{children:v?`Copied`:`Copy`},void 0,!1,{fileName:$,lineNumber:407,columnNumber:17},this)]},void 0,!0,{fileName:$,lineNumber:402,columnNumber:15},this),(0,j.jsxDEV)(`button`,{onClick:()=>h(!1),className:`p-1 rounded-lg text-zinc-400 hover:text-white cursor-pointer`,children:(0,j.jsxDEV)(ln,{className:`w-4 h-4`},void 0,!1,{fileName:$,lineNumber:410,columnNumber:17},this)},void 0,!1,{fileName:$,lineNumber:409,columnNumber:15},this)]},void 0,!0,{fileName:$,lineNumber:401,columnNumber:13},this)]},void 0,!0,{fileName:$,lineNumber:365,columnNumber:11},this),(0,j.jsxDEV)(`div`,{className:`h-9 px-4 bg-[#0a0a0c] border-b border-white/[0.06] flex items-center justify-between text-[11px] font-sans`,children:[(0,j.jsxDEV)(`div`,{className:`flex items-center gap-2`,children:[(0,j.jsxDEV)(`span`,{className:`text-zinc-500 font-medium`,children:`Source:`},void 0,!1,{fileName:$,lineNumber:418,columnNumber:15},this),(0,j.jsxDEV)(`div`,{className:`flex items-center gap-1.5 px-2 py-0.5 rounded-md font-semibold text-[10.5px] ${ee.source===`host_ai`?`bg-[#34c759]/10 border border-[#34c759]/30 text-[#34c759]`:ee.source===`connected_ai`?`bg-[#7d2ae8]/15 border border-[#7d2ae8]/30 text-[#b37af7]`:`bg-white/5 border border-white/10 text-zinc-400`}`,children:[ee.source===`builtin`?(0,j.jsxDEV)(kn,{className:`w-3 h-3`},void 0,!1,{fileName:$,lineNumber:426,columnNumber:52},this):(0,j.jsxDEV)(he,{className:`w-3 h-3`},void 0,!1,{fileName:$,lineNumber:426,columnNumber:82},this),(0,j.jsxDEV)(`span`,{children:ee.providerName},void 0,!1,{fileName:$,lineNumber:427,columnNumber:17},this)]},void 0,!0,{fileName:$,lineNumber:419,columnNumber:15},this)]},void 0,!0,{fileName:$,lineNumber:417,columnNumber:13},this),(0,j.jsxDEV)(`button`,{onClick:()=>{r&&cu(ne[g],r),re(!0)},disabled:S,className:`flex items-center gap-1.5 px-2.5 py-1 rounded-md bg-white/5 hover:bg-white/10 text-zinc-300 text-[11px] font-medium transition cursor-pointer disabled:opacity-50`,title:`Request live AI compilation from connected host or API key`,children:[(0,j.jsxDEV)(kr,{className:`w-3 h-3 ${S?`animate-spin text-[#0071e3]`:``}`},void 0,!1,{fileName:$,lineNumber:437,columnNumber:15},this),(0,j.jsxDEV)(`span`,{children:S?`Synthesizing...`:`Synthesize with AI`},void 0,!1,{fileName:$,lineNumber:438,columnNumber:15},this)]},void 0,!0,{fileName:$,lineNumber:431,columnNumber:13},this)]},void 0,!0,{fileName:$,lineNumber:416,columnNumber:11},this),(0,j.jsxDEV)(`div`,{className:`flex-1 p-4 overflow-auto bg-[#0a0a0c] text-xs text-zinc-300 leading-relaxed font-mono`,children:(0,j.jsxDEV)(`pre`,{className:`whitespace-pre`,children:ee.code},void 0,!1,{fileName:$,lineNumber:444,columnNumber:13},this)},void 0,!1,{fileName:$,lineNumber:443,columnNumber:11},this)]},void 0,!0,{fileName:$,lineNumber:362,columnNumber:9},this)]},void 0,!0,{fileName:$,lineNumber:191,columnNumber:5},this)}var uu=`C:/Users/Shadow/Desktop/cyrus/src/app/Router.tsx`;function du(){let e=window.location.hash.replace(/^#\/?/,``),t=window.location.pathname.replace(/^\//,``),n=e||t||`dashboard`;return n===`feedback`||n===`dashboard/feedback`||n.endsWith(`/feedback`)||n===`feedbacks`?{path:`feedback`}:n===`comentos`||n===`comentos/review`||n.startsWith(`comentos`)?{path:`comentos`}:n.startsWith(`embed/`)?{path:`embed`,projectId:n.replace(`embed/`,``)}:n.startsWith(`editor/`)?{path:`editor`,projectId:n.replace(`editor/`,``)}:n.startsWith(`preview/`)||n.startsWith(`share/`)?{path:`preview`,projectId:n.replace(/^(preview|share)\//,``)}:n===`settings`?{path:`settings`}:n===`login`||n===`signup`?{path:`login`}:{path:`dashboard`}}function fu(){let[e,t]=(0,k.useState)(du),{session:n,isLoading:r,initAuth:i}=zi();(0,k.useEffect)(()=>{Ur(),Xl(),i();let e=()=>{t(du())};return window.addEventListener(`popstate`,e),window.addEventListener(`hashchange`,e),()=>{window.removeEventListener(`popstate`,e),window.removeEventListener(`hashchange`,e)}},[]);let a=e=>{t(e),e.path===`editor`?window.location.hash=`/editor/${e.projectId}`:e.path===`preview`?window.location.hash=`/preview/${e.projectId}`:e.path===`settings`?window.location.hash=`/settings`:e.path===`feedback`?window.location.hash=`/dashboard/feedback`:e.path===`comentos`?window.location.hash=`/comentos/review`:e.path===`login`?window.location.hash=`/login`:window.location.hash=`/dashboard`};return(0,k.useEffect)(()=>{!r&&e.path===`login`&&n.isAuthenticated&&a({path:`dashboard`})},[r,e.path,n.isAuthenticated]),r?(0,j.jsxDEV)(`div`,{className:`h-full w-full flex items-center justify-center bg-[#f5f5f7] dark:bg-black`,children:[(0,j.jsxDEV)(dr,{className:`w-6 h-6 animate-spin text-[#7d2ae8]`},void 0,!1,{fileName:uu,lineNumber:118,columnNumber:9},this),(0,j.jsxDEV)(Vl,{},void 0,!1,{fileName:uu,lineNumber:119,columnNumber:9},this)]},void 0,!0,{fileName:uu,lineNumber:117,columnNumber:7},this):e.path!==`login`&&e.path!==`preview`&&e.path!==`comentos`&&e.path!==`embed`&&!n.isAuthenticated?(0,j.jsxDEV)(`div`,{className:`h-full w-full`,children:[(0,j.jsxDEV)(Ml,{onAuthenticated:()=>a({path:`dashboard`})},void 0,!1,{fileName:uu,lineNumber:128,columnNumber:9},this),(0,j.jsxDEV)(Vl,{},void 0,!1,{fileName:uu,lineNumber:129,columnNumber:9},this)]},void 0,!0,{fileName:uu,lineNumber:127,columnNumber:7},this):(0,j.jsxDEV)(`div`,{className:`h-full w-full`,children:[e.path===`embed`?(0,j.jsxDEV)(lu,{projectId:e.projectId},void 0,!1,{fileName:uu,lineNumber:137,columnNumber:9},this):e.path===`feedback`?(0,j.jsxDEV)(zl,{onBack:()=>a({path:`dashboard`})},void 0,!1,{fileName:uu,lineNumber:139,columnNumber:9},this):e.path===`comentos`?(0,j.jsxDEV)(Ll,{onBack:()=>a({path:n.isAuthenticated?`dashboard`:`login`})},void 0,!1,{fileName:uu,lineNumber:141,columnNumber:9},this):e.path===`login`?(0,j.jsxDEV)(Ml,{onAuthenticated:()=>a({path:`dashboard`})},void 0,!1,{fileName:uu,lineNumber:143,columnNumber:9},this):e.path===`dashboard`||e.path===`projects`?(0,j.jsxDEV)(qa,{onOpenProject:e=>a({path:`editor`,projectId:e}),onOpenSettings:()=>a({path:`settings`}),onOpenFeedback:()=>a({path:`feedback`})},void 0,!1,{fileName:uu,lineNumber:145,columnNumber:9},this):e.path===`editor`?(0,j.jsxDEV)(gl,{projectId:e.projectId,onNavigateDashboard:()=>a({path:`dashboard`}),onNavigateSettings:()=>a({path:`settings`})},void 0,!1,{fileName:uu,lineNumber:151,columnNumber:9},this):e.path===`preview`?(0,j.jsxDEV)(jl,{projectId:e.projectId,onExit:()=>a({path:`editor`,projectId:e.projectId})},void 0,!1,{fileName:uu,lineNumber:157,columnNumber:9},this):(0,j.jsxDEV)(bl,{onBack:()=>a({path:`dashboard`})},void 0,!1,{fileName:uu,lineNumber:162,columnNumber:9},this),(0,j.jsxDEV)(Vl,{},void 0,!1,{fileName:uu,lineNumber:166,columnNumber:7},this)]},void 0,!0,{fileName:uu,lineNumber:135,columnNumber:5},this)}var pu=`C:/Users/Shadow/Desktop/cyrus/src/App.tsx`;function mu(){let e=di(e=>e.appearance.theme);return(0,k.useEffect)(()=>{if((e=>{let t=e===`dark`;e===`system`&&(t=window.matchMedia(`(prefers-color-scheme: dark)`).matches),t?(document.documentElement.classList.add(`dark`),document.documentElement.setAttribute(`data-theme`,`dark`)):(document.documentElement.classList.remove(`dark`),document.documentElement.setAttribute(`data-theme`,`light`))})(e),e===`system`){let e=window.matchMedia(`(prefers-color-scheme: dark)`),t=e=>{e.matches?(document.documentElement.classList.add(`dark`),document.documentElement.setAttribute(`data-theme`,`dark`)):(document.documentElement.classList.remove(`dark`),document.documentElement.setAttribute(`data-theme`,`light`))};return e.addEventListener(`change`,t),()=>e.removeEventListener(`change`,t)}},[e]),(0,j.jsxDEV)(Es,{children:(0,j.jsxDEV)(fu,{},void 0,!1,{fileName:pu,lineNumber:46,columnNumber:7},this)},void 0,!1,{fileName:pu,lineNumber:45,columnNumber:5},this)}var hu=`C:/Users/Shadow/Desktop/cyrus/src/main.tsx`;window.clsx=D,(0,li.createRoot)(document.getElementById(`root`)).render((0,j.jsxDEV)(k.StrictMode,{children:(0,j.jsxDEV)(mu,{},void 0,!1,{fileName:hu,lineNumber:11,columnNumber:5},void 0)},void 0,!1,{fileName:hu,lineNumber:10,columnNumber:3},void 0));export{Ii as _,_c as a,Es as c,sa as d,qi as f,Fi as g,zi as h,nl as i,M as l,Ui as m,rl as n,gc as o,Gi as p,il as r,wc as s,Dl as t,la as u,A as v,di as y};