1(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,990077,e=>{"use strict";var s=e.i(186595),t=e.i(975157);e.s(["BrowserMockup",0,function({title:e,children:a,className:l}){return(0,s.jsxs)("div",{className:(0,t.cn)("flex flex-col overflow-hidden rounded-lg border border-border bg-card shadow-xl",l),children:[(0,s.jsxs)("div",{className:"flex h-7 shrink-0 items-center border-b border-border bg-accent px-3",children:[(0,s.jsxs)("div",{className:"flex items-center gap-1.5",children:[(0,s.jsx)("div",{className:"size-2 rounded-full bg-[#FF5F57]"}),(0,s.jsx)("div",{className:"size-2 rounded-full bg-[#FEBC2E]"}),(0,s.jsx)("div",{className:"size-2 rounded-full bg-[#28C840]"})]}),e&&(0,s.jsx)("span",{className:"flex-1 text-center text-[10px] text-muted-foreground",children:e})]}),a]})}])},87507,e=>{"use strict";var s=e.i(186595);e.s(["Iphone17Pro",0,function({width:e=200,height:t=400,src:a,...l}){return(0,s.jsxs)("svg",{width:e,height:t,viewBox:`0 0 ${e} ${t}`,fill:"none",xmlns:"http://www.w3.org/2000/svg",...l,children:[(0,s.jsx)("path",{fill:"#303333",d:"M196.11,128.09c0-.25-.2-.45-.45-.45-.11.04-.37.03-.69,0V36.69c0-17.84-14.46-32.31-32.31-32.31H37.48C19.63,4.39,5.17,18.85,5.17,36.69v48.99c-.3.02-.55.03-.66-.02-.25,0-.45.2-.45.45,0,0,0,17.29,0,17.29-.03.41.5.49,1.11.48v13.63c-.61,0-1.14.08-1.11.48,0,0,0,28.54,0,28.54-.03.42.5.49,1.11.48v7.95c-.61,0-1.14.08-1.11.48,0,0,0,28.54,0,28.54-.03.42.5.49,1.11.48v178.86c0,17.84,14.46,32.31,32.31,32.31h125.2c17.84,0,32.31-14.46,32.31-32.31v-188.87c.32-.02.58-.03.69.04,1.26.1.03-45.94.45-46.38ZM186.07,362.63c0,13.56-10.99,24.56-24.56,24.56H38.64c-13.56,0-24.56-10.99-24.56-24.56V37.37c0-13.56,10.99-24.56,24.56-24.56h122.87c13.56,0,24.56,10.99,24.56,24.56v325.26Z"}),(0,s.jsx)("path",{fill:"#000000",d:"M161.38,7.29H38.78c-16.54,0-29.95,13.41-29.95,29.95v325.52c0,16.54,13.41,29.95,29.95,29.95h122.6c16.54,0,29.95-13.41,29.95-29.95V37.24c0-16.54-13.41-29.95-29.95-29.95ZM186.07,362.57c0,13.6-11.02,24.62-24.62,24.62H38.7c-13.6,0-24.62-11.02-24.62-24.62V37.43c0-13.6,11.02-24.62,24.62-24.62h122.75c13.6,0,24.62,11.02,24.62,24.62v325.14Z"}),(0,s.jsx)("rect",{fill:"currentColor",x:"14.08",y:"12.81",width:"171.98",height:"374.37",rx:"24.62",ry:"24.62"}),a&&(0,s.jsx)("image",{href:a,x:"14.08",y:"12.81",width:"171.98",height:"374.37",preserveAspectRatio:"xMidYMid slice",clipPath:"url(#roundedCorners)"}),(0,s.jsx)("path",{fill:"#000000",d:"M119.61,33.86h-38.93c-10.48-.18-10.5-15.78,0-15.96,0,0,38.93,0,38.93,0,4.41,0,7.98,3.57,7.98,7.98,0,4.41-3.57,7.98-7.98,7.98Z"}),(0,s.jsx)("path",{fill:"#080d4c",d:"M118.78,29.21c-4.32.06-4.32-6.73,0-6.66,4.32-.06,4.32-6.73,0,6.66Z"}
1),(0,s.jsx)("defs",{children:(0,s.jsx)("clipPath",{id:"roundedCorners",children:(0,s.jsx)("rect",{fill:"#ffffff",x:"14.08",y:"12.81",width:"171.98",height:"374.37",rx:"24.62",ry:"24.62"})})})]})}])},175304,377207,294698,220859,25631,e=>{"use strict";var s=e.i(186595),t=e.i(990077),a=e.i(87507),l=e.i(975157),i=e.i(988381),i=i,r=e.i(790460),r=r,n=e.i(687723),d=e.i(616165),c=e.i(724882),o=e.i(821699),x=e.i(94110),x=x,m=e.i(944556),u=e.i(940822),p=e.i(593562),p=p,f=e.i(92952);let h=[{key:"chat",label:"Chat",Icon:o.MessageSquareIcon},{key:"projects",label:"Project",Icon:c.ListTodoIcon},{key:"hr",label:"HR",Icon:f.UsersIcon},{key:"crm",label:"CRM",Icon:n.ChartPieIcon},{key:"canvas",label:"Canvas",Icon:u.SplinePointerIcon},{key:"board",label:"Board",Icon:r.default},{key:"wiki",label:"Wiki",Icon:p.default}],g="#0f0a3d";function b({className:e}){return(0,s.jsxs)("svg",{width:"20",height:"20",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:e,"aria-hidden":!0,children:[(0,s.jsx)("path",{d:"M3.33 5.36H2.49C1.83 5.36 1.2 5.08.73 4.57.26 4.07 0 3.39 0 2.68 0 1.97.26 1.29.73.78 1.2.28 1.83 0 2.49 0h.84c.66 0 1.29.28 1.76.78.47.5.73 1.19.73 1.9 0 .71-.26 1.39-.73 1.89-.47.51-1.1.79-1.76.79z",fill:"#AED580"}),(0,s.jsx)("path",{d:"M21.51 5.36H11.11c-.66 0-1.29-.28-1.76-.79a2.74 2.74 0 0 1 0-3.78A2.46 2.46 0 0 1 11.11 0H21.51c.66 0 1.29.28 1.76.78.47.5.73 1.19.73 1.9 0 .71-.26 1.39-.73 1.89-.47.51-1.1.79-1.76.79z",fill:"#78C2F8"}),(0,s.jsx)("path",{d:"M21.51 24h-.84a2.46 2.46 0 0 1-1.76-.78 2.74 2.74 0 0 1 0-3.79 2.46 2.46 0 0 1 1.76-.79h.84c.66 0 1.29.28 1.76.79a2.74 2.74 0 0 1 0 3.79c-.47.5-1.1.78-1.76.78z",fill:"#4DC6BA"}),(0,s.jsx)("path",{d:"M12.88 24H2.49a2.46 2.46 0 0 1-1.76-.78 2.74 2.74 0 0 1 0-3.79 2.46 2.46 0 0 1 1.76-.79h10.39c.66 0 1.29.28 1.76.79a2.74 2.74 0 0 1 0 3.79c-.47.5-1.1.78-1.76.78z",fill:"#FFD54E"}),(0,s.jsx)("path",{d:"M8.13 14.68H2.49A2.46 2.46 0 0 1 .73 13.9a2.74 2.74 0 0 1 0-3.79 2.46 2.46 0 0 1 1.76-.78h5.64c.66 0 1.29.28 1.76.78a2.74 2.74 0 0 1 0 3.79c-.47.51-1.1.79-1.76.79z",fill:"#F99272"}),(0,s.jsx)("path",{d:"M21.51 14.68h-5.59a2.46 2.46 0 0 1-1.76-.78 2.74 2.74 0 0 1 0-3.79 2.46 2.46 0 0 1 1.76-.78h5.59c.33 0 .65.07.95.2.3.14.58.34.81.59.23.25.41.54.54.87.13.32.19.67.19 1.02s-.06.69-.19 1.02c-.13.32-.31.62-.54.87-.23.25-.51.45-.81.58-.3.13-.62.2-.95.2z",fill:"#98A1FC"})]})}function j({activeModule:e,badges:t,onModuleChange:a,selectableModules:i}){return(0,s.jsx)("aside",{className:"hidden md:flex w-14 shrink-0 flex-col items-center gap-2.5 py-2 text-white",style:{backgroundColor:g},children:h.map(({key:r,label:n,Icon:d})=>{let c=r===e,o=t?.[r],x=!!a&&(!i||i.has(r));return(0,s.jsxs)("button",{type:"button",onClick:x?()=>a?.(r):void 0,disabled:!x,"aria-label":n,"aria-current":c?"page":void 0,className:(0,l.cn)("group relative flex flex-col items-center bg-transparent p-0",x?"cursor-pointer":"cursor-default"),children:[(0,s.jsxs)("div",{className:"relative",children:[(0,s.jsx)("div",{className:(0,l.cn)("flex size-8 items-center justify-center rounded-md transition-all",c?"bg-primary text-white":x?"text-white group-hover:bg-white/10":"text-white"),children:(0,s.jsx)(d,{className:"size-4"})}),o?(0,s.jsx)("span",{className:"absolute -right-1 -top-1 flex h-3.5 min-w-3.5 items-center justify-center rounded-full bg-rose-500 px-1 text-[8px] font-bold leading-none text-white ring-2",style:{"--tw-ring-color":g},children:o}):null]}),(0,s.jsx)("span",{className:"text-[12px] font-medium leading-4 text-white",children:n})]},r)})})}function N({workspace:e,workspaceInitials:t,workspaceColor:a,workspaceLogo:r,notificationCount:n,userImage:c}){return(0,s.jsxs)("header",{className:"flex h-11 shrink-0 items-center gap-2 px-2 text-white",style:{backgroundColor:g},children:[(0,s.jsx)("div",{className:"flex w-10 shrink-0 items-center justify-center",children:(0,s.jsx)(b,{className:"h-5 w-5"})}),(0,s.jsxs)("div",{className:"flex items-center gap-2",children:[r?(0,s.jsx)("img",{src:r,alt:e,width:24,height:24,className:"size-6 rounded-md object-cover outline outline-1 outline-black/10"}):(0,s.jsx)("div",{className:(0,l.cn)("flex size-6 items-center justify-center rounded-md text-[11px] font-bold text-white",a),children:t}),(0,s.jsx)("span",{className:"text-[13px] font-semibold text-white",children:e}),(0,s.jsx)(d.ChevronDownIcon,{className:"size-3.5 text-white/60"})]}),(0,s.jsxs)("div",{className:"flex flex-1 items-center justify-center gap-2",children:[(0,s.jsxs)("div",{className:"flex h-7 w-64 max-w-[45%] items-center gap-2 rounded-lg bg-white/10 pl-3 pr-3",children:[(0,s.jsx)(m.SearchIcon,{className:"size-3.5 text-white/70"}),(0,s.jsx)("span",{className:"text-[11px] text-white/70",children:"Search anything"}),(0,s.jsx)("span",{className:"ml-auto text-[10px] text-white/55",children:"(â+K)"})]}),(0,s.jsx)("button",{type:"button",className:"flex size-7 items-center justify-center rounded-full bg-primary text-primary-foreground","aria-label":"Create",children:(0,s.jsx)(x.default,{className:"size-3.5"})})]}),(0,s.jsxs)("div",{className:"flex shrink-0 items-center gap-3 pr-1",children:[(0,s.jsxs)("div",{className:"relative flex size-7 items-center justify-center",children:[(0,s.jsx)(i.default,{className:"size-[18px] text-white/85"}),n>0&&(0,s.jsx)("span",{className:"absolute -right-0.5 -top-0.5 flex h-3.5 min-w-3.5 items-center justify-center rounded-full bg-rose-500 px-1 text-[8px] font-bold leading-none text-white",style:{boxShadow:`0 0 0 1.5px ${g}`},children:n})]}),(0,s.jsxs)("div",{className:"flex items-center gap-1",children:[c?(0,s.jsx)("img",{src:c,alt:"User",width:28,height:28,className:"size-7 rounded-md object-cover outline outline-1 outline-black/10"}):(0,s.jsx)("div",{className:"flex size-7 items-center justify-center overflow-hidden rounded-md bg-amber-800 text-[10px] font-bold text-white",children:"U"}),(0,s.jsx)(d.ChevronDownIcon,{className:"size-3.5 text-white/70"})]})]})]})}function v({activeModule:e,workspace:t="The office",workspaceInitials:a="T",workspaceColor:i="bg-gradient-to-br from-violet-500 to-fuchsia-500",workspaceLogo:r="/images/mockups/dunder-mifflin.svg",notificationCount:n=16,userImage:d="/images/mockups/characters/pam-beesly.jpg",badges:c,onModuleChange:o,selectableModules:x,children:m,className:u}){return(0,s.jsxs)("div",{className:(0,l.cn)("flex h-full w-full flex-col overflow-hidden font-sans text-foreground",u),style:{backgroundColor:g},children:[(0,s.jsx)(N,{workspace:t,workspaceInitials:a,workspaceColor:i,workspaceLogo:r,notificationCount:n,userImage:d}),(0,s.jsxs)("div",{className:"flex min-h-0 flex-1",children:[(0,s.jsx)(j,{activeModule:e,badges:c,onModuleChange:o,selectableModules:x}),(0,s.jsx)("main",{className:"min-w-0 flex-1 overflow-hidden rounded-tl-md bg-background",children:m})]})]})}var y=e.i(59934),y=y,w=e.i(472160),w=w,k=e.i(373224),z=e.i(926654),z=z,I=e.i(515646),I=I,M=e.i(760048),M=M,C=e.i(831273),C=C,S=e.i(718770),S=S,A=e.i(694439),A=A,T=e.i(946895),T=T,P=e.i(854139),L=e.i(884061),L=L,R=e.i(111763),R=R,D=e.i(401694),D=D,H=e.i(28407),B=e.i(678048),B=B,W=e.i(615537),W=W,O=e.i(415526),O=O,F=e.i(422580),F=F,Q=e.i(10456),Q=Q,$=e.i(513267),$=$;let E="url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'><circle cx='1' cy='1' r='1' fill='rgb(15,23,42)' fill-opacity='0.08'/></svg>\")",q={indigo:"#6366f1",sky:"#0ea5e9",emerald:"#10b981",amber:"#f59e0b",rose:"#f43f5e"},J={indigo:"bg-indigo-50",sky:"bg-sky-50",emerald:"bg-emerald-50",amber:"bg-amber-50",rose:"bg-rose-50"},U={indigo:"border-indigo-300",sky:"border-sky-300",emerald:"border-emerald-300",amber:"border-amber-300",rose:"border-rose-300"}
1,V={indigo:"text-indigo-700",sky:"text-sky-700",emerald:"text-emerald-700",amber:"text-amber-700",rose:"text-rose-700"},_={indigo:"bg-indigo-500",sky:"bg-sky-500",emerald:"bg-emerald-500",amber:"bg-amber-500",rose:"bg-rose-500"},G=[{id:"cast",label:"Cast",color:"indigo",x:24,y:18,width:"92px",leaves:[{id:"michael",text:"Michael as Goldenface",x:5,y:9,width:"118px"},{id:"cz",text:"Catherine Zeta-Jones cameo",x:5,y:26,width:"128px"},{id:"jim",text:"Jim as Goldenface's brother",x:5,y:43,width:"130px"}]},{id:"locations",label:"Locations",color:"sky",x:76,y:18,width:"100px",leaves:[{id:"barn",text:"Schrute Farms barn",x:86,y:9,width:"108px"},{id:"lot",text:"Office parking lot",x:86,y:26,width:"104px"},{id:"river",text:"Scranton riverfront",x:86,y:43,width:"110px"}]},{id:"soundtrack",label:"Soundtrack",color:"emerald",x:24,y:82,width:"104px",leaves:[{id:"andy",text:"Andy Bernard original score",x:5,y:65,width:"138px"},{id:"fly",text:'"Fly Me Off the Handle"',x:5,y:82,width:"120px"},{id:"theme",text:"CZJ love theme ð¶",x:5,y:92,width:"108px"}]},{id:"marketing",label:"Marketing",color:"amber",x:76,y:82,width:"100px",leaves:[{id:"press",text:"Pretzel Day press tie-in ð¥¨",x:86,y:65,width:"130px"},{id:"premiere",text:"Premiere @ Schrute Farms",x:86,y:82,width:"132px"},{id:"tagline",text:'Tagline: "Boom. Roasted."',x:86,y:92,width:"130px"}]}];function Z(){return(0,s.jsxs)("div",{className:"flex h-10 shrink-0 items-center gap-2 border-b border-border/60 bg-background px-2.5",children:[(0,s.jsx)("button",{type:"button",className:"flex size-6 items-center justify-center rounded-md text-muted-foreground hover:bg-accent/50","aria-label":"Toggle sidebar",children:(0,s.jsx)(z.default,{className:"size-3.5"})}),(0,s.jsxs)("div",{className:"flex min-w-0 items-center gap-1.5",children:[(0,s.jsx)("span",{className:"text-[11px] text-muted-foreground",children:"Canvas"}),(0,s.jsx)(w.default,{className:"size-3 text-muted-foreground/60"}),(0,s.jsx)("span",{className:"size-1.5 rounded-full bg-amber-400"}),(0,s.jsx)("span",{className:"truncate text-[11px] font-semibold text-foreground",children:"Threat Level Midnight"}),(0,s.jsx)("span",{className:"ml-1 rounded bg-muted px-1 py-px text-[8px] font-medium text-muted-foreground",children:"Auto-saved"})]}),(0,s.jsxs)("div",{className:"ml-auto flex shrink-0 items-center gap-2",children:[(0,s.jsxs)("div",{className:"flex -space-x-1",children:[(0,s.jsxs)("div",{className:"relative",children:[(0,s.jsx)("img",{src:"/images/mockups/characters/michael-scott.jpg",alt:"Michael Scott",width:20,height:20,className:"size-5 rounded-sm object-cover ring-2 ring-background"}),(0,s.jsx)("span",{className:"absolute -bottom-px -right-px size-1.5 rounded-full bg-rose-500 ring-1 ring-background"})]}),(0,s.jsxs)("div",{className:"relative",children:[(0,s.jsx)("img",{src:"/images/mockups/characters/pam-beesly.jpg",alt:"Pam Beesly",width:20,height:20,className:"size-5 rounded-sm object-cover ring-2 ring-background"}),(0,s.jsx)("span",{className:"absolute -bottom-px -right-px size-1.5 rounded-full bg-emerald-500 ring-1 ring-background"})]}),(0,s.jsx)("div",{className:"relative",children:(0,s.jsx)("img",{src:"/images/mockups/characters/dwight-schrute.jpg",alt:"Dwight Schrute",width:20,height:20,className:"size-5 rounded-sm object-cover ring-2 ring-background"})})]}),(0,s.jsxs)("div",{className:"inline-flex h-6 items-center gap-1 rounded-md bg-primary px-2 text-primary-foreground",children:[(0,s.jsx)(W.default,{className:"size-3"}),(0,s.jsx)("span",{className:"text-[10px] font-semibold",children:"Share"})]}),(0,s.jsx)("button",{type:"button",className:"flex size-6 items-center justify-center rounded-md text-muted-foreground hover:bg-accent/50","aria-label":"Copy link",children:(0,s.jsx)(A.default,{className:"size-3.5"})})]})]})}function K(){return(0,s.jsxs)("div",{className:"absolute left-3 top-3 z-30 flex h-8 items-center gap-0.5 rounded-lg border border-border/60 bg-background/95 px-1 shadow-sm backdrop-blur",children:[(0,s.jsx)("button",{type:"button",className:"flex size-6 items-center justify-center rounded-md text-foreground
1/80 hover:bg-accent/50","aria-label":"Menu",children:(0,s.jsx)(T.default,{className:"size-3.5"})}),(0,s.jsx)("span",{className:"mx-0.5 h-4 w-px bg-border/60"}),(0,s.jsx)("button",{type:"button",className:"flex size-6 items-center justify-center rounded-md text-foreground/80 hover:bg-accent/50","aria-label":"Undo",children:(0,s.jsx)($.default,{className:"size-3.5"})}),(0,s.jsx)("button",{type:"button",className:"flex size-6 items-center justify-center rounded-md text-muted-foreground/50","aria-label":"Redo",disabled:!0,children:(0,s.jsx)(B.default,{className:"size-3.5"})}),(0,s.jsx)("span",{className:"mx-0.5 h-4 w-px bg-border/60"}),(0,s.jsx)("button",{type:"button",className:"flex size-6 items-center justify-center rounded-md text-muted-foreground/50","aria-label":"Delete",disabled:!0,children:(0,s.jsx)(F.default,{className:"size-3.5"})}),(0,s.jsx)("button",{type:"button",className:"flex size-6 items-center justify-center rounded-md text-muted-foreground/50","aria-label":"Duplicate",disabled:!0,children:(0,s.jsx)(I.default,{className:"size-3.5"})}),(0,s.jsx)("button",{type:"button",className:"flex size-6 items-center justify-center rounded-md text-foreground/80 hover:bg-accent/50","aria-label":"More",children:(0,s.jsx)(L.default,{className:"size-3.5"})})]})}let X=[{Icon:R.default,key:"select",active:!0},{Icon:C.default,key:"hand"},{Icon:D.default,key:"draw"},{Icon:M.default,key:"eraser"},{Icon:y.default,key:"arrow"},{Icon:Q.default,key:"text"},{Icon:O.default,key:"note"},{Icon:S.default,key:"asset"}];function Y(){return(0,s.jsx)("div",{className:"pointer-events-none absolute inset-x-0 bottom-3 z-30 flex justify-center",children:(0,s.jsxs)("div",{className:"pointer-events-auto flex h-10 items-center gap-0.5 rounded-xl border border-border/60 bg-background/95 px-1.5 shadow-lg backdrop-blur",children:[X.map(({Icon:e,key:t,active:a})=>(0,s.jsx)("button",{type:"button",className:(0,l.cn)("flex size-7 items-center justify-center rounded-md transition-colors",a?"bg-primary/10 text-primary":"text-foreground/75 hover:bg-accent/50"),"aria-label":t,children:(0,s.jsx)(e,{className:"size-3.5"})},t)),(0,s.jsx)("span",{className:"mx-1 h-4 w-px bg-border/60"}),(0,s.jsx)("button",{type:"button",className:"flex size-7 items-center justify-center rounded-md text-foreground/75 hover:bg-accent/50","aria-label":"More tools",children:(0,s.jsx)(k.ChevronUpIcon,{className:"size-3.5"})})]})})}function ee(){return(0,s.jsxs)("div",{className:"absolute bottom-3 left-3 z-30 inline-flex h-7 items-center gap-1 rounded-lg border border-border/60 bg-background/95 px-2 shadow-sm backdrop-blur",children:[(0,s.jsx)("span",{className:"text-[10px] font-medium tabular-nums text-foreground/85",children:"80%"}),(0,s.jsx)(z.default,{className:"size-3 text-muted-foreground"})]})}function es(){return(0,s.jsx)("div",{className:"absolute -translate-x-1/2 -translate-y-1/2",style:{left:"50%",top:"50%"},children:(0,s.jsxs)("div",{className:"relative flex w-[180px] flex-col items-center gap-1 rounded-2xl bg-gradient-to-br from-primary to-indigo-600 px-4 py-3 text-center text-white shadow-[0_10px_30px_rgba(99,102,241,0.35)] ring-1 ring-white/30",children:[(0,s.jsx)("span",{className:"text-[8px] font-semibold uppercase tracking-wider text-white/75",children:"Project"}),(0,s.jsx)("span",{className:"text-[13px] font-bold leading-tight",children:"Threat Level Midnight"}),(0,s.jsx)("span",{className:"text-[9px] font-medium text-white/80",children:"Q4 launch · Dunder Mifflin"})]})})}function et({branch:e}){return(0,s.jsx)("div",{className:"absolute -translate-x-1/2 -translate-y-1/2",style:{left:`${e.x}%`,top:`${e.y}%`,width:e.width},children:(0,s.jsxs)("div",{className:(0,l.cn)("flex items-center justify-center gap-1.5 rounded-full px-3 py-1.5 shadow-sm ring-1",J[e.color],V[e.color],U[e.color].replace("border-","ring-")),children:[(0,s.jsx)("span",{className:(0,l.cn)("size-1.5 rounded-full",_[e.color])}),(0,s.jsx)("span",{className:"text-[11px] font-bold",children:e.label})]})})}function ea({leaf:e,color:t}){return(0,s.jsx)("div",{className:"absolute -translate-x-1/2 -translate-y-1/2",style:{left:`${e.x}%`,top:`${e.y}%`,width:e.width},children:(0,s.jsx)("div",{className:(0,l.cn)("rounded-md border bg-background px-2 py-1 text-[9px] font-medium text-foreground
1/85 shadow-[0_1px_2px_rgba(15,23,42,0.06)]",U[t],"border-l-[3px]"),style:{borderLeftColor:q[t]},children:e.text})})}function el(e,s,t,a){let l=(t-e)*.5;return`M ${e} ${s} C ${e+l} ${s}, ${t-l} ${a}, ${t} ${a}`}function ei(){return(0,s.jsx)("svg",{className:"absolute inset-0 h-full w-full",viewBox:"0 0 100 100",preserveAspectRatio:"none","aria-hidden":!0,children:G.map(e=>(0,s.jsxs)("g",{children:[(0,s.jsx)("path",{d:el(50,50,e.x,e.y),stroke:q[e.color],strokeWidth:"0.5",strokeLinecap:"round",fill:"none",opacity:"0.85"}),e.leaves.map(t=>(0,s.jsx)("path",{d:el(e.x,e.y,t.x,t.y),stroke:q[e.color],strokeWidth:"0.32",strokeLinecap:"round",fill:"none",opacity:"0.55"},t.id))]},e.id))})}function er({left:e,top:t,pathClass:a,name:i,color:r,textColor:n="text-white"}){return(0,s.jsxs)("div",{className:(0,l.cn)("pointer-events-none absolute z-40",a),style:a?void 0:{left:e,top:t},children:[(0,s.jsx)("svg",{width:"14",height:"14",viewBox:"0 0 24 24",className:"drop-shadow-sm","aria-hidden":!0,children:(0,s.jsx)("path",{d:"M5 3l14 8-7 2-2 7-5-17z",fill:r,stroke:"white",strokeWidth:"1.2",strokeLinejoin:"round"})}),(0,s.jsx)("div",{className:(0,l.cn)("ml-2 mt-0 inline-block rounded-md px-1.5 py-px text-[8px] font-semibold shadow-sm",n),style:{backgroundColor:r},children:i})]})}function en({left:e,top:t,number:a}){return(0,s.jsxs)("div",{className:"absolute z-30 flex flex-col items-start",style:{left:e,top:t},children:[(0,s.jsxs)("div",{className:"relative flex h-5 w-5 items-center justify-center rounded-full rounded-bl-none border border-amber-500 bg-amber-400 text-[8px] font-bold text-amber-950 shadow-md",children:[a,(0,s.jsx)(P.MessageCircleIcon,{className:"absolute -right-0.5 -top-0.5 size-2 text-amber-700"})]}),(0,s.jsxs)("div",{className:"mt-1 max-w-[160px] rounded-md border border-border/60 bg-background/95 p-1.5 shadow-md backdrop-blur",children:[(0,s.jsxs)("div",{className:"mb-0.5 flex items-center gap-1",children:[(0,s.jsx)("div",{className:"flex size-3 items-center justify-center rounded-full bg-rose-500 text-[6px] font-bold text-white",children:"PB"}),(0,s.jsx)("span",{className:"text-[7px] font-semibold",children:"Pam Beesly"}),(0,s.jsx)("span",{className:"text-[7px] text-muted-foreground",children:"2m"})]}),(0,s.jsx)("div",{className:"text-[8px] leading-snug text-foreground/80",children:"Should we really cast actual celebrities?"})]})]})}function ed(){return(0,s.jsxs)("div",{className:"relative h-full w-full overflow-hidden bg-slate-50",style:{backgroundImage:E,backgroundSize:"24px 24px"},children:[(0,s.jsx)(K,{}),(0,s.jsx)(ei,{}),(0,s.jsx)(es,{}),G.map(e=>(0,s.jsxs)("div",{children:[e.leaves.map(t=>(0,s.jsx)(ea,{leaf:t,color:e.color},t.id)),(0,s.jsx)(et,{branch:e})]},e.id)),(0,s.jsx)(en,{left:"13%",top:"34%",number:2}),(0,s.jsx)(er,{pathClass:"canvas-cursor-pam",name:"Pam",color:"#ec4899"}),(0,s.jsx)(er,{pathClass:"canvas-cursor-dwight",name:"Dwight",color:"#16a34a"}),(0,s.jsx)(Y,{}),(0,s.jsx)(ee,{})]})}function ec(){return(0,s.jsxs)("div",{className:"flex h-full w-full flex-col overflow-hidden bg-background",children:[(0,s.jsx)(Z,{}),(0,s.jsx)("div",{className:"relative min-h-0 flex-1",children:(0,s.jsx)(ed,{})})]})}function eo(){return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsxs)("div",{className:"flex items-center justify-between px-3 pt-1.5 pb-0.5 text-[8px] font-semibold",children:[(0,s.jsx)("span",{children:"9:41"}),(0,s.jsxs)("span",{className:"flex items-center gap-0.5",children:[(0,s.jsx)("span",{className:"size-1 rounded-full bg-foreground"}),(0,s.jsx)("span",{className:"size-1 rounded-full bg-foreground"}),(0,s.jsx)("span",{className:"size-1 rounded-full bg-foreground
1/40"})]})]}),(0,s.jsxs)("div",{className:"flex items-center gap-1.5 border-b bg-background px-2 py-1.5",children:[(0,s.jsx)("div",{className:"flex size-5 items-center justify-center rounded-md bg-primary/10 text-primary",children:(0,s.jsx)(H.PencilLineIcon,{className:"size-2.5"})}),(0,s.jsxs)("div",{className:"min-w-0 flex-1",children:[(0,s.jsx)("div",{className:"truncate text-[9px] font-semibold leading-tight",children:"Threat Level Midnight"}),(0,s.jsx)("div",{className:"text-[7px] text-muted-foreground",children:"Edited 2m ago · 3 collaborators"})]}),(0,s.jsxs)("div",{className:"flex -space-x-1",children:[(0,s.jsx)("div",{className:"flex size-4 items-center justify-center rounded-full ring-2 ring-background bg-amber-500 text-[6px] font-bold text-white",children:"MS"}),(0,s.jsx)("div",{className:"flex size-4 items-center justify-center rounded-full ring-2 ring-background bg-rose-500 text-[6px] font-bold text-white",children:"PB"})]}),(0,s.jsx)("button",{type:"button",className:"flex size-5 items-center justify-center rounded-md text-muted-foreground hover:bg-accent/50","aria-label":"More",children:(0,s.jsx)(L.default,{className:"size-3"})})]})]})}let ex=[{id:"m-cast",label:"Cast",color:"indigo",x:30,y:25,width:"60px",leaves:[{id:"m-michael",text:"Goldenface ð¦¹",x:30,y:9,width:"76px"},{id:"m-cz",text:"CZ-Jones cameo",x:24,y:42,width:"82px"}]},{id:"m-marketing",label:"Marketing",color:"amber",x:70,y:75,width:"72px",leaves:[{id:"m-pretzel",text:"Pretzel Day ð¥¨",x:70,y:60,width:"78px"},{id:"m-tagline",text:'"Boom. Roasted."',x:72,y:92,width:"82px"}]}];function em(){return(0,s.jsxs)("div",{className:"relative flex-1 overflow-hidden bg-slate-50",style:{backgroundImage:E,backgroundSize:"20px 20px"},children:[(0,s.jsx)("svg",{className:"absolute inset-0 h-full w-full",viewBox:"0 0 100 100",preserveAspectRatio:"none","aria-hidden":!0,children:ex.map(e=>(0,s.jsxs)("g",{children:[(0,s.jsx)("path",{d:el(50,50,e.x,e.y),stroke:q[e.color],strokeWidth:"0.7",strokeLinecap:"round",fill:"none",opacity:"0.85"}),e.leaves.map(t=>(0,s.jsx)("path",{d:el(e.x,e.y,t.x,t.y),stroke:q[e.color],strokeWidth:"0.45",strokeLinecap:"round",fill:"none",opacity:"0.55"},t.id))]},e.id))}),(0,s.jsx)("div",{className:"absolute -translate-x-1/2 -translate-y-1/2",style:{left:"50%",top:"50%"},children:(0,s.jsxs)("div",{className:"flex w-[110px] flex-col items-center gap-0.5 rounded-xl bg-gradient-to-br from-primary to-indigo-600 px-2 py-1.5 text-center text-white shadow-lg",children:[(0,s.jsx)("span",{className:"text-[6px] font-semibold uppercase tracking-wider text-white/75",children:"Project"}),(0,s.jsx)("span",{className:"text-[9px] font-bold leading-tight",children:"Threat Level Midnight"})]})}),ex.map(e=>(0,s.jsxs)("div",{children:[e.leaves.map(t=>(0,s.jsx)(ea,{leaf:t,color:e.color},t.id)),(0,s.jsx)(et,{branch:e})]},e.id)),(0,s.jsx)("div",{className:"absolute bottom-2 right-2 flex size-7 items-center justify-center rounded-full bg-primary text-primary-foreground shadow-md",children:(0,s.jsx)(O.default,{className:"size-3.5"})}),(0,s.jsx)("div",{className:"absolute bottom-2 left-2 inline-flex h-5 items-center gap-1 rounded-full border border-border/60 bg-background/95 px-2 shadow-sm",children:(0,s.jsx)("span",{className:"text-[7px] font-semibold tabular-nums",children:"80%"})})]})}function eu(){return(0,s.jsxs)("div",{className:"flex h-full w-full flex-col overflow-hidden bg-background font-sans text-foreground",children:[(0,s.jsx)(eo,{}),(0,s.jsx)(em,{})]})}e.s(["MobileCanvasContent",0,eu,"TixioCanvasMockup",0,function({className:e,onModuleChange:i,selectableModules:r}){return(0,s.jsxs)("div",{className:(0,l.cn)("relative w-full",e),children:[(0,s.jsx)("div",{className:"hidden md:block",children:(0,s.jsx)(t.BrowserMockup,{title:"Tixio | Canvas",className:"h-[500px] lg:h-[600px] xl:h-[680px] rounded-b-none border-0 shadow-none",children:(0,s.jsx)(v,{activeModule:"canvas",onModuleChange:i,selectableModules:r,children:(0,s.jsx)(ec,{})})})}),(0,s.jsxs)("div",{className:"relative mx-auto block w-[260px] max-w-full text-background drop-shadow-2xl md:hidden",style:{containerType:"inline-size"},children:[(0,s.jsx)(a.Iphone17Pro,{className:"w-full h-auto"}),(0,s.jsxs)("div",{className:"absolute overflow-hidden",style:{left:"7.04%",top:`${.032025*100}%`,width:"85.99%",height:"93.5925%",borderRadius:"12.31cqi"},children:[(0,s.jsx)(eu,{}),(0,s.jsx)("div",{className:"absolute left-1/2 -translate-x-1/2 roun
1ded-full bg-black shadow-inner",style:{top:"1.4%",width:"24%",height:"3.3%"}})]})]})]})}],175304);var ep=e.i(615483),i=i,ef=e.i(892761),ef=ef,eh=e.i(457314),eh=eh,w=w,eg=e.i(77236),eg=eg,eb=e.i(397213),eb=eb,ej=e.i(526521),ej=ej,eN=e.i(694081),ev=e.i(131423),ev=ev,ey=e.i(982655),ey=ey,S=S,A=A,ew=e.i(170062),ew=ew,ek=e.i(403527),ek=ek,ez=e.i(330199),ez=ez,eI=e.i(736097),eI=eI,eM=e.i(32834),eM=eM,L=L,eC=e.i(81402),eC=eC,eS=e.i(207268),eS=eS,eA=e.i(921680),eA=eA,x=x,eT=e.i(820403),eT=eT,eP=e.i(280234),eP=eP,eL=e.i(654791),eL=eL,eR=e.i(881102),eR=eR,Q=Q,eD=e.i(645741),eD=eD,eH=e.i(679934),eB=e.i(295052),eW=e.i(56043),eO=e.i(768313);let eF="/images/mockups/characters/pam-beesly.jpg",eQ="/images/mockups/characters/jim-halpert.jpg",e$="/images/mockups/characters/michael-scott.jpg",eE="/images/mockups/characters/dwight-schrute.jpg",eq="/images/mockups/characters/andy-bernard.jpg",eJ="/images/mockups/characters/stanley-hudson.jpg",eU=[{id:"1",initials:"PB",color:"bg-sky-500",name:"Pam Beesly",time:"09:42 AM",text:"Pushed v3 of the banner ð¨",image:eF},{id:"2",initials:"JH",color:"bg-amber-500",name:"Jim Halpert",time:"10:15 AM",text:"Looks great.",image:eQ},{id:"3",initials:"MS",color:"bg-violet-500",name:"Michael Scott",time:"10:22 AM",text:"Add a dark variant? For drama.",image:e$},{id:"4",initials:"PB",color:"bg-sky-500",name:"Pam Beesly",time:"11:04 AM",text:"On it â by EOD âï¸",image:eF}],eV=[{icon:ey.default,label:"Home"},{icon:ez.default,label:"Unreads"},{icon:eI.default,label:"Threads"},{icon:eC.default,label:"Drafts"},{icon:eD.default,label:"Meetings"}],e_=[{name:"design-reviews",type:"public",unread:3},{name:"engineering",type:"public"},{name:"general",type:"public",badge:12},{name:"marketing",type:"public"},{name:"product-feedback",type:"public"},{name:"product-launch",type:"public",active:!0},{name:"random",type:"public"},{name:"support-triage",type:"public"}],eG=[{name:"Michael Scott",initials:"MS",color:"bg-violet-500",online:!0,unread:4,image:e$},{name:"Pam Beesly",initials:"PB",color:"bg-sky-500",online:!0,image:eF},{name:"Jim Halpert",initials:"JH",color:"bg-amber-500",online:!0,image:eQ},{name:"Dwight Schrute",initials:"DS",color:"bg-emerald-600",image:eE},{name:"Andy Bernard",initials:"AB",color:"bg-teal-500",image:eq},{name:"Stanley Hudson",initials:"SH",color:"bg-cyan-500",image:eJ},{name:"Toby Flenderson",initials:"TF",color:"bg-stone-700",image:"/images/mockups/characters/toby-flenderson.jpg"}],eZ=[{name:"company-news",type:"public"},{name:"product-updates",type:"public"}],eK=[{initials:"MS",color:"bg-violet-500",image:e$},{initials:"JH",color:"bg-amber-500",image:eQ},{initials:"PB",color:"bg-sky-500",image:eF},{initials:"DS",color:"bg-emerald-600",image:eE},{initials:"AB",color:"bg-teal-500",image:eq}],eX={key:"pam-cat",initials:"PB",color:"bg-sky-500",name:"Pam Beesly",time:"11:14 AM",image:eF,texts:["Office mascot signing off for lunch ð±"],attachment:{name:"office-cat.webp",image:"/images/mockups/office-cat.webp"},reactions:[{emoji:"ð»",count:6},{emoji:"ð±",count:3}],thread:{replyCount:2,lastReplyAt:"11:32 AM",replyAvatars:[{initials:"JH",color:"bg-amber-500",image:eQ},{initials:"DS",color:"bg-emerald-600",image:eE}]}},eY=[{key:"thread-jim",initials:"JH",color:"bg-amber-500",name:"Jim Halpert",time:"11:21 AM",image:eQ,texts:["Regal."]},{key:"thread-dwight",initials:"DS",color:"bg-emerald-600",name:"Dwight Schrute",time:"11:32 AM",image:eE,texts:["Cats are inferior to bears. Acceptable as a secondary mascot."]}],e0="+1 looks ready to ship ð",e1={key:"pam-pov",initials:"PB",color:"bg-sky-500",name:"Pam Beesly",time:"11:38 AM",image:eF,texts:[e0],reactions:[{emoji:"ð",count:1}]},e2=[{label:"Today",groups:[{key:"stanley",initials:"SH",color:"bg-cyan-500",name:"Stanley Hudson",time:"10:15 AM",image:eJ,texts:["Q2 forecast is in â numbers don't lie."],attachment:{name:"Q2_pipeline_forecast.xlsx",meta:"Spreadsheet · 1.8 MB"},reactions:[{emoji:"ð",count:4},{emoji:"ð¥",count:2}]},eX,{key:"jim",initials:"JH",color:"bg-amber-500",name:"Jim Halpert",time:"11:21 AM",image:eQ,texts:["Regal."],reactions:[{emoji:"ð",count:5}]},{key:"michael",initials:"MS",color:"bg-violet-500",name:"Michael Scott",time:"11:35 AM",image:e$,texts:["Mandatory fun meeting in 10. NOT optional ð"],reactions:[{emoji:"ð",count:3},{emoji:"ð",count:7}]}]}];function e5({label:e,leadingIcon:t=d.ChevronDownIcon,leadingClassName:a}){return(0,s.jsxs)("div",{className:"flex items-center gap-2 px-2 pt-3 pb-1 text-foreground
1/85",children:[(0,s.jsx)(t,{className:(0,l.cn)("size-3.5",a)}),(0,s.jsx)("span",{className:"text-[12px] font-semibold",children:e}),(0,s.jsx)(x.default,{className:"ml-auto size-3.5 text-foreground/55",strokeWidth:1.75})]})}function e3({channel:e}){let t="private"===e.type?ew.default:eN.HashIcon;return(0,s.jsxs)("div",{className:(0,l.cn)("flex h-6 items-center gap-2 rounded-sm px-2",e.active?"bg-indigo-100 text-indigo-600":"text-foreground/85 hover:bg-muted/70"),children:[(0,s.jsx)(t,{className:(0,l.cn)("size-4 shrink-0",e.active?"opacity-100":"opacity-75"),strokeWidth:1.75}),(0,s.jsx)("span",{className:(0,l.cn)("flex-1 truncate text-[12px]",e.active&&"font-medium"),children:e.name}),e.badge?(0,s.jsx)("span",{className:"flex size-[18px] shrink-0 items-center justify-center rounded-md bg-emerald-500 text-white",children:(0,s.jsx)(ev.default,{className:"size-3",strokeWidth:2.25})}):null,e.unread?(0,s.jsx)(e7,{count:e.unread}):null]})}function e7({count:e}){return(0,s.jsx)("span",{className:"flex h-[17px] min-w-[17px] shrink-0 items-center justify-center rounded-full bg-rose-500 px-1.5 text-[10px] font-semibold leading-none text-white tabular-nums",children:e})}function e4({conv:e}){return(0,s.jsxs)("div",{className:"flex h-6 items-center gap-2 rounded-sm px-2 text-foreground/85 hover:bg-muted/70",children:[(0,s.jsxs)("div",{className:"relative shrink-0",children:[e.image?(0,s.jsx)("img",{src:e.image,alt:e.name,width:18,height:18,className:"size-[18px] rounded-sm object-cover outline outline-1 outline-black/10"}):(0,s.jsx)("div",{className:(0,l.cn)("flex size-[18px] items-center justify-center rounded-sm text-[8px] font-bold text-white",e.color),children:e.letterOnly?e.initials.charAt(0):e.initials}),(0,s.jsx)("span",{className:(0,l.cn)("absolute -right-0.5 -bottom-0.5 size-1.5 rounded-full ring-2 ring-background",e.online?"bg-emerald-500":"bg-stone-400")})]}),(0,s.jsx)("span",{className:"flex-1 truncate text-[12px]",children:e.name}),e.unread?(0,s.jsx)(e7,{count:e.unread}):null]})}function e6(){return(0,s.jsxs)("aside",{className:"hidden w-[180px] shrink-0 flex-col overflow-hidden border-r bg-background text-foreground md:flex",children:[(0,s.jsx)("div",{className:"flex flex-col gap-0.5 px-1.5 pt-2",children:eV.map(({icon:e,label:t})=>(0,s.jsxs)("div",{className:"flex h-6 items-center gap-2 rounded-sm px-2 text-foreground/85 hover:bg-muted/70",children:[(0,s.jsx)(e,{className:"size-4 shrink-0",strokeWidth:1.75}),(0,s.jsx)("span",{className:"text-[12px]",children:t})]},t))}),(0,s.jsxs)("div",{className:"px-1.5",children:[(0,s.jsx)(e5,{label:"Conversations"}),(0,s.jsx)("div",{className:"flex flex-col gap-px",children:eG.map(e=>(0,s.jsx)(e4,{conv:e},e.name))})]}),(0,s.jsxs)("div",{className:"px-1.5",children:[(0,s.jsx)(e5,{label:"Channels"}),(0,s.jsx)("div",{className:"flex flex-col gap-px",children:e_.map(e=>(0,s.jsx)(e3,{channel:e},e.name))})]}),(0,s.jsxs)("div",{className:"flex-1 overflow-hidden px-1.5 pb-2",children:[(0,s.jsx)(e5,{label:"Announcements",leadingIcon:ek.default,leadingClassName:"text-rose-500"}),(0,s.jsx)("div",{className:"flex flex-col gap-px",children:eZ.map(e=>(0,s.jsx)(e3,{channel:e},e.name))})]})]})}function e8(){return(0,s.jsxs)("div",{className:"flex shrink-0 items-center border-b bg-background px-3 py-1.5 text-muted-foreground",children:[(0,s.jsxs)("div",{className:"flex items-center gap-1.5",children:[(0,s.jsx)(eS.default,{className:"size-4 text-foreground/60"}),(0,s.jsx)("span",{className:"text-[12px] text-muted-foreground",children:"Chat"}),(0,s.jsx)(w.default,{className:"size-3 text-foreground/40"}),(0,s.jsx)("span",{className:"text-[12px] text-muted-foreground",children:"Channel"}),(0,s.jsx)(w.default,{className:"size-3 text-foreground/40"}),(0,s.jsxs)("span",{className:"inline-flex items-center gap-0.5 text-[12px] text-muted-foreground",children:[(0,s.jsx)(eN.HashIcon,{className:"size-3"}),"product-launch"]})]}),(0,s.jsxs)("div",{className:"ml-auto flex items-center gap-3",children:[(0,s.jsx)(m.SearchIcon,{className:"size-4 text-foreground/70"}),(0,s.jsxs)("button",{type:"button",className:"flex h-6 items-center gap-1 rounded-md bg-indigo-50 px-2.5 text-[11px] font-medium text-indigo-600",children:[(0,s.jsx)(x.default,{className:"size-3",strokeWidth:2.25}),"New chat"]}
1),(0,s.jsx)(A.default,{className:"size-4 text-foreground/70"}),(0,s.jsx)(eP.default,{className:"size-4 text-foreground/70"})]})]})}function e9(){return(0,s.jsxs)("div",{className:"flex shrink-0 items-center gap-2.5 px-3 pt-3 pb-1",children:[(0,s.jsx)("div",{className:"flex size-10 items-center justify-center rounded-xl bg-muted",children:(0,s.jsx)(eN.HashIcon,{className:"size-5 text-foreground/80",strokeWidth:1.75})}),(0,s.jsxs)("div",{className:"min-w-0 flex-1",children:[(0,s.jsx)("div",{className:"text-[13px] font-semibold leading-tight text-foreground",children:"product-launch"}),(0,s.jsx)("div",{className:"mt-0.5 text-[11px] text-muted-foreground",children:"Public channel · Q2 release coordination"})]}),(0,s.jsxs)("div",{className:"flex items-center gap-2",children:[(0,s.jsx)("div",{className:"flex -space-x-1.5",children:eK.slice(0,3).map(e=>e.image?(0,s.jsx)("img",{src:e.image,alt:e.initials,width:24,height:24,className:"size-6 rounded-sm object-cover ring-2 ring-background outline outline-1 outline-black/10"},e.initials):(0,s.jsx)("div",{className:(0,l.cn)("flex size-6 items-center justify-center rounded-sm ring-2 ring-background text-[8px] font-bold text-white",e.color),children:e.initials},e.initials))}),(0,s.jsx)("div",{className:"flex size-6 items-center justify-center rounded-md border border-dashed border-border text-muted-foreground",children:(0,s.jsx)(x.default,{className:"size-3"})}),(0,s.jsxs)("button",{type:"button",className:"flex h-6 items-center gap-1 rounded-md bg-emerald-600 px-2.5 text-[11px] font-medium text-white",children:[(0,s.jsx)(ev.default,{className:"size-3",strokeWidth:2.25}),"Meet"]}),(0,s.jsx)(L.default,{className:"size-4 text-muted-foreground"})]})]})}function se(){let e=[{icon:o.MessageSquareIcon,label:"Messages",active:!0},{icon:ej.default,label:"Files"},{icon:ef.default,label:"Saved"},{icon:eA.default,label:"Pins"},{icon:eh.default,label:"Scheduled & reminder"},{icon:f.UsersIcon,label:"Members",badge:52}];return(0,s.jsx)("div",{className:"flex shrink-0 items-center gap-1 border-b px-3 text-muted-foreground",children:e.map(({icon:e,label:t,badge:a,active:i})=>(0,s.jsxs)("div",{className:(0,l.cn)("-mb-px flex items-center gap-1.5 px-2.5 py-1.5 text-[12px] font-medium",i?"border-b-2 border-indigo-600 text-foreground":"border-b-2 border-transparent text-muted-foreground"),children:[(0,s.jsx)(e,{className:"size-3.5",strokeWidth:1.75}),(0,s.jsx)("span",{children:t}),a?(0,s.jsx)("span",{className:"rounded-full bg-muted px-1.5 text-[10px] font-medium text-muted-foreground",children:a}):null]},t))})}function ss({reactions:e}){return(0,s.jsxs)("div",{className:"mt-1 flex items-center gap-1",children:[e.map(e=>(0,s.jsxs)("span",{className:"inline-flex items-center gap-1 rounded-full border border-border bg-background px-1.5 py-0.5 text-[9px] font-medium text-foreground/80",children:[(0,s.jsx)("span",{className:"text-[10px] leading-none",children:e.emoji}),(0,s.jsx)("span",{className:"tabular-nums",children:e.count})]},e.emoji)),(0,s.jsx)("span",{className:"inline-flex size-5 items-center justify-center rounded-full border border-border bg-background text-muted-foreground",children:(0,s.jsx)(eL.default,{className:"size-2.5"})})]})}function st({attachment:e,compact:t}){return e.image?(0,s.jsxs)("div",{className:(0,l.cn)("mt-1.5",t?"max-w-[170px]":"max-w-[260px]"),children:[(0,s.jsxs)("div",{className:"flex items-center gap-1 text-[11px] font-medium text-foreground/80",children:[(0,s.jsx)(d.ChevronDownIcon,{className:"size-3",strokeWidth:2}),(0,s.jsx)("span",{className:"truncate",children:e.name})]}),(0,s.jsx)("div",{className:(0,l.cn)("mt-1 overflow-hidden rounded-md border border-border bg-background",t?"h-[120px]":"h-[180px]"),children:(0,s.jsx)("img",{src:e.image,alt:e.name,width:260,height:180,className:"block h-full w-full object-cover"})})]}):(0,s.jsxs)("div",{className:"mt-1.5 inline-flex max-w-[260px] items-center gap-2 rounded-md border border-border bg-background px-2 py-1.5 shadow-xs",children:[(0,s.jsx)("div",{className:"flex size-7 shrink-0 items-center justify-center rounded bg-emerald-50 text-emerald-600",children:(0,s.jsx)(eb.default,{className:"size-3.5",strokeWidth:1.75})}),(0,s.jsxs)("div",{className:"min-w-0 flex-1",children:[(0,s.jsx)("div",{className:"truncate text-[11px] font-medium text-foreground",children:e.name}),(0,s.jsx)("div",{className:"text-[9px] text-muted-foreground",children:e.meta})]}),(0,s.jsx)(eg.default,{className:"size-3.5 shrink-0 text-muted-foreground",strokeWidth:1.75})]})}function sa({thread:e}){return(0,s.jsxs)("div",{className:"mt-1 flex items-center gap-1.5",children:[(0,s.jsx)("div",{className:"flex -sp
1ace-x-1",children:e.replyAvatars.map((e,t)=>e.image?(0,s.jsx)("img",{src:e.image,alt:e.initials,width:16,height:16,className:"size-4 shrink-0 rounded-sm object-cover ring-1 ring-background outline outline-1 outline-black/10"},t):(0,s.jsx)("div",{className:(0,l.cn)("flex size-4 shrink-0 items-center justify-center rounded-sm ring-1 ring-background text-[7px] font-bold text-white",e.color),children:e.initials},t))}),(0,s.jsxs)("button",{type:"button",className:"text-[10px] font-medium text-indigo-600 hover:underline",children:[e.replyCount," ",1===e.replyCount?"reply":"replies"]}),(0,s.jsxs)("span",{className:"text-[10px] text-muted-foreground",children:["Last reply at ",e.lastReplyAt]})]})}function sl({group:e,compact:t,showExtras:a=!0}){return(0,s.jsxs)("div",{className:"flex gap-2 px-3 py-1",children:[e.image?(0,s.jsx)("img",{src:e.image,alt:e.name,width:32,height:32,className:"size-8 shrink-0 rounded-md object-cover outline outline-1 outline-black/10"}):(0,s.jsx)("div",{className:(0,l.cn)("flex size-8 shrink-0 items-center justify-center rounded-md text-[10px] font-bold text-white",e.color),children:e.initials}),(0,s.jsxs)("div",{className:"min-w-0 flex-1",children:[(0,s.jsxs)("div",{className:"flex items-center gap-1.5",children:[(0,s.jsx)("span",{className:"text-[12px] font-semibold text-foreground",children:e.name}),(0,s.jsx)("span",{className:"text-[9px] text-muted-foreground",children:e.time})]}),(0,s.jsx)("div",{className:"flex flex-col gap-px",children:e.texts.map((e,t)=>(0,s.jsx)("p",{className:"text-[11px] leading-snug text-foreground/90",children:e},t))}),e.attachment&&(0,s.jsx)(st,{attachment:e.attachment,compact:t}),a&&e.thread&&(0,s.jsx)(sa,{thread:e.thread}),a&&e.reactions&&e.reactions.length>0&&(0,s.jsx)(ss,{reactions:e.reactions})]})]})}function si({shown:e,reacted:t}){let a=[...e2[0].groups,e1],l=(0,eO.useRef)(null);return(0,eO.useEffect)(()=>{let e=l.current;if(!e)return;let s=requestAnimationFrame(()=>{e.scrollTo({top:e.scrollHeight,behavior:"smooth"})});return()=>cancelAnimationFrame(s)},[e]),(0,s.jsx)("div",{ref:l,className:"mock-scrollbar min-h-0 flex-1 overflow-y-auto bg-background",children:(0,s.jsx)("div",{className:"flex min-h-full flex-col justify-end",children:(0,s.jsx)("div",{className:"flex flex-col gap-1.5 pt-2",children:(0,s.jsx)(eB.AnimatePresence,{initial:!1,children:a.map(a=>e.has(a.key)?(0,s.jsx)(eW.motion.div,{layout:!0,initial:{opacity:0,y:8},animate:{opacity:1,y:0},transition:{duration:.32,ease:[.16,1,.3,1]},children:(0,s.jsx)(sl,{group:a,compact:!0,showExtras:t.has(a.key)})},a.key):null)})})})})}function sr({name:e}){return(0,s.jsxs)("div",{className:"flex items-center gap-1.5 px-4 pt-0.5 pb-1 text-[10px] text-muted-foreground",children:[(0,s.jsx)("div",{className:"flex items-end gap-0.5",children:[0,150,300].map(e=>
1(0,s.jsx)("span",{className:"size-1 rounded-full bg-foreground/45 animate-bounce",style:{animationDelay:`${e}ms`,animationDuration:"1.1s"}},e))}),(0,s.jsxs)("span",{children:[(0,s.jsx)("span",{className:"font-medium text-foreground/70",children:e})," is typing"]})]})}function sn({placeholder:e="Message #product-launch",submitLabel:t="Send",draft:a,typingName:l}){return(0,s.jsxs)("div",{className:"shrink-0 px-3 pb-3",children:[l&&(0,s.jsx)(sr,{name:l}),(0,s.jsxs)("div",{className:"rounded-xl border bg-background",children:[(0,s.jsx)("div",{className:"px-3 py-2.5",children:a?(0,s.jsxs)("span",{className:"text-[11px] text-foreground",children:[a,(0,s.jsx)("span",{className:"ml-px inline-block h-[10px] w-px translate-y-[1px] bg-foreground animate-pulse"})]}):(0,s.jsx)("span",{className:"text-[11px] text-muted-foreground",children:e})}),(0,s.jsxs)("div",{className:"flex items-center justify-between px-2 pb-2",children:[(0,s.jsxs)("div",{className:"flex items-center gap-1 text-muted-foreground",children:[(0,s.jsxs)("div",{className:"flex items-center gap-0.5 rounded-md border border-border px-1 py-0.5",children:[(0,s.jsx)("div",{className:"flex size-4 items-center justify-center",children:(0,s.jsx)(x.default,{className:"size-3",strokeWidth:1.75})}),(0,s.jsx)("div",{className:"flex size-4 items-center justify-center",children:(0,s.jsx)(eM.default,{className:"size-3",strokeWidth:1.75})})]}),(0,s.jsxs)("div",{className:"ml-1 flex items-center gap-1.5 rounded-md border border-border px-1.5 py-0.5",children:[(0,s.jsx)(Q.default,{className:"size-3",strokeWidth:1.75}),(0,s.jsx)(eR.default,{className:"size-3",strokeWidth:1.75}),(0,s.jsx)(ep.AtSignIcon,{className:"size-3",strokeWidth:1.75}),(0,s.jsx)(S.default,{className:"size-3",strokeWidth:1.75})]})]}),(0,s.jsxs)("div",{className:"flex items-center overflow-hidden rounded-md bg-emerald-600 text-white",children:[(0,s.jsxs)("button",{type:"button",className:"flex items-center gap-1 px-2.5 py-1 text-[11px] font-medium",children:[(0,s.jsx)(eT.default,{className:"size-3",strokeWidth:2}),t]}),(0,s.jsx)("span",{className:"h-4 w-px bg-white/30"}),(0,s.jsx)("button",{type:"button",className:"flex items-center px-1.5 py-1","aria-label":"Send options",children:(0,s.jsx)(d.ChevronDownIcon,{className:"size-3"})})]})]})]})]})}function sd(){return(0,s.jsxs)("aside",{className:"hidden w-[320px] shrink-0 flex-col border-l bg-background lg:flex",children:[(0,s.jsxs)("div",{className:"flex shrink-0 items-center justify-between border-b px-3 py-2",children:[(0,s.jsx)("span",{className:"text-[12px] font-semibold text-foreground",children:"Thread"}),(0,s.jsx)(eH.XIcon,{className:"size-3.5 text-muted-foreground",strokeWidth:1.75})]}),(0,s.jsxs)("div",{className:"mock-scrollbar min-h-0 flex-1 overflow-y-auto py-2",children:[(0,s.jsx)(sl,{group:eX,compact:!0}),(0,s.jsxs)("div",{className:"flex items-center gap-2 px-3 py-2",children:[(0,s.jsx)("div",{className:"h-px flex-1 bg-border"}),(0,s.jsxs)("span",{className:"rounded-full border bg-background px-2 py-0.5 text-[10px] font-medium text-muted-foreground shadow-xs",children:[eY.length," replies"]}),(0,s.jsx)("div",{className:"h-px flex-1 bg-border"})]}),(0,s.jsx)("div",{className:"flex flex-col gap-1.5",children:eY.map((e,t)=>(0,s.jsx)(sl,{group:e},t))})]}),(0,s.jsx)(sn,{placeholder:"Reply in thread",submitLabel:"Reply"})]})}function sc(){let{shown:e,reacted:t,typingName:a,draft:l}=function(){let[e,s]=(0,eO.useState)(()=>new Set),[t,a]=(0,eO.useState)(()=>new Set),[l,i]=(0,eO.useState)("Stanley Hudson"),[r,n]=(0,eO.useState)("");return(0,eO.useEffect)(()=>{let e=[],t=(s,t)=>{e.push(setTimeout(t,s))},l=e=>s(s=>{let t=new Set(s);return t.add(e),t}),r=e=>a(s=>{let t=new Set(s);return t.add(e),t});t(500,()=>{l("stanley"),i("Pam Beesly")}),t(1300,()=>r("stanley")),t(2e3,()=>{l("pam-cat"),i("Jim Halpert")}),t(3200,()=>r("pam-cat")),t(3800,()=>{l("jim"),i("Michael Scott")}),t(4600,()=>r("jim")),t(5200,()=>{l("michael"),i(null)}),t(6e3,()=>r("michael"));let d=Array.from(e0);d.forEach((e,s)=>{t(6400+(s+1)*60,()=>n(d.slice(0,s+1).join("")))});let c=6400+60*d.length+500;
1return t(c,()=>{n(""),l("pam-pov")}),t(c+700,()=>r("pam-pov")),()=>e.forEach(clearTimeout)},[]),{shown:e,reacted:t,typingName:l,draft:r}}();return(0,s.jsxs)("div",{className:"flex h-full w-full bg-background",children:[(0,s.jsx)(e6,{}),(0,s.jsxs)("section",{className:"flex min-w-0 flex-1 flex-col bg-background",children:[(0,s.jsx)(e8,{}),(0,s.jsx)(e9,{}),(0,s.jsx)(se,{}),(0,s.jsx)(si,{shown:e,reacted:t}),(0,s.jsx)(sn,{draft:l,typingName:a??void 0})]}),(0,s.jsx)(sd,{})]})}function so(){return(0,s.jsxs)("div",{className:"flex h-full w-full flex-col overflow-hidden bg-background font-sans text-foreground",children:[(0,s.jsxs)("div",{className:"flex items-center justify-between px-3 pt-1.5 pb-0.5 text-[8px] font-semibold",children:[(0,s.jsx)("span",{children:"9:41"}),(0,s.jsxs)("span",{className:"flex items-center gap-0.5",children:[(0,s.jsx)("span",{className:"size-1 rounded-full bg-foreground"}),(0,s.jsx)("span",{className:"size-1 rounded-full bg-foreground"}),(0,s.jsx)("span",{className:"size-1 rounded-full bg-foreground/40"})]})]}),(0,s.jsxs)("div",{className:"flex items-center gap-2 border-b bg-[#0f0a3d] px-3 py-2 text-white",children:[(0,s.jsx)(d.ChevronDownIcon,{className:"size-3 rotate-90 text-white/70"}),(0,s.jsx)(eN.HashIcon,{className:"size-3 text-white/80"}),(0,s.jsxs)("div",{className:"min-w-0 flex-1",children:[(0,s.jsx)("div",{className:"truncate text-[10px] font-semibold",children:"design-reviews"}),(0,s.jsx)("div",{className:"text-[8px] text-white/60",children:"Public channel · 3 members"})]}),(0,s.jsx)(i.default,{className:"size-3 text-white/70"}),(0,s.jsx)(L.default,{className:"size-3 text-white/70"})]}),(0,s.jsxs)("div",{className:"flex-1 space-y-1 overflow-hidden bg-background py-1",children:[(0,s.jsxs)("div",{className:"flex items-center gap-1.5 px-2 py-1",children:[(0,s.jsx)("div",{className:"h-px flex-1 bg-border"}),(0,s.jsx)("span",{className:"rounded-full border bg-background px-1.5 py-0.5 text-[8px] font-medium text-muted-foreground",children:"Thursday, April 23"}),(0,s.jsx)("div",{className:"h-px flex-1 bg-border"})]}),eU.map(e=>(0,s.jsxs)("div",{className:"flex gap-1.5 px-2 py-1",children:[e.image?(0,s.jsx)("img",{src:e.image,alt:e.name,width:24,height:24,className:"size-6 shrink-0 rounded-md object-cover outline outline-1 outline-black/10"}):(0,s.jsx)("div",{className:(0,l.cn)("flex size-6 shrink-0 items-center justify-center rounded-md text-[8px] font-bold text-white",e.color),children:e.initials}),(0,s.jsxs)("div",{className:"min-w-0 flex-1",children:[(0,s.jsxs)("div",{className:"flex items-center gap-1",children:[(0,s.jsx)("span",{className:"text-[10px] font-semibold",children:e.name}),(0,s.jsx)("span",{className:"text-[8px] text-muted-foreground",children:e.time})]}),(0,s.jsx)("p",{className:"mt-0.5 text-[10px] leading-snug text-foreground/85",children:e.text})]})]},e.id))]}),(0,s.jsx)("div",{className:"border-t bg-background px-2 py-1.5",children:(0,s.jsxs)("div",{className:"flex items-center gap-1 rounded-full border bg-background px-2 py-1",children:[(0,s.jsx)(x.default,{className:"size-3 text-muted-foreground"}),(0,s.jsx)("span",{className:"flex-1 truncate text-[10px] text-muted-foreground",children:"Message #design-reviews"}),(0,s.jsx)(eR.default,{className:"size-3 text-muted-foreground"}),(0,s.jsx)("div",{className:"flex size-5 items-center justify-center rounded-full bg-emerald-500",children:(0,s.jsx)(eT.default,{className:"size-2.5 text-white"})})]})}),(0,s.jsx)("div",{className:"flex items-center justify-around border-t bg-background px-2 py-1.5",children:[{icon:o.MessageSquareIcon,label:"Chat",active:!0},{icon:ep.AtSignIcon,label:"Mentions"},{icon:i.default,label:"Activity"},{icon:m.SearchIcon,label:"Search"}].map(e=>(0,s.jsxs)("div",{className:"flex flex-col items-center gap-0.5",children:[(0,s.jsx)(e.icon,{className:(0,l.cn)("size-3",e.active?"text-primary":"text-muted-foreground")}),(0,s.jsx)("span",{className:(0,l.cn)("text-[7px]",e.active?"font-semibold text-primary":"text-muted-foreground"),children:e.label})]},e.label))})]})}e.s(["MobileChatContent",0,so,"TixioChatMockup",0,function({className:e,onModuleChange:i,selectableModules:r}){return(0,s.jsxs)("div",{className:(0,l.cn)("relative w-full",e),children:[(0,s.jsx)("div",{className:"hidden md:block",children:(0,s.jsx)(t.BrowserMockup,{title:"Tixio | Chat",className:"h-[500px] lg:h-[600px] xl:h-[680px] rounded-b-none border-0 shadow-none",children:(0,s.jsx)(v,{activeModule:"chat",onModuleChange:i,selectableModules:r,children:(0,s.jsx)(sc,{})})})}),(0,s.jsxs)("div",{className:"relative mx-auto block w-[260px] max-w-full text-background drop-shadow-2xl md:hidden",style:{containerType:"inline-size"},children:[(0,s.jsx)(a.Iphone17Pro,{className:"w-full h-auto"}),(0,s.jsxs)("div",{className:"absolute overflow-hidden",style:{left:"7.04%",top:`${.032025*100}%`,width:"85.99%",height:"93.5925%",borderRadius:"12.31cqi"},children:[(0,s.jsx)(so,{}),(0,s.jsx)("div",{className:"absolute left-1/2 -translate-x-1/2 roun
1ded-full bg-black shadow-inner",style:{top:"1.4%",width:"24%",height:"3.3%"}})]})]})]})}],377207);var sx=e.i(587812),sx=sx,sm=e.i(489752),sm=sm,su=e.i(424387),su=su,w=w,sp=e.i(40560),sp=sp,sf=e.i(2847),sf=sf,sh=e.i(758518),sh=sh,sg=e.i(298636),sg=sg,sb=e.i(672e3),sb=sb,sj=e.i(999988),sj=sj,sN=e.i(263400),sN=sN,sv=e.i(125498),sv=sv,sy=e.i(100153),sy=sy,sw=e.i(131391),sw=sw,L=L,sk=e.i(771356),sk=sk,x=x,eP=eP,sz=e.i(772676),sz=sz,sI=e.i(102785),sI=sI,sM=e.i(978657),sM=sM,sC=e.i(153250),sC=sC;let sS={pending:{label:"Pending",headerBg:"bg-yellow-50",headerText:"text-yellow-700",accent:"border-yellow-200",dot:"bg-yellow-700"},qualified:{label:"Qualified",headerBg:"bg-green-50",headerText:"text-green-700",accent:"border-green-200",dot:"bg-green-700"},disqualified:{label:"Disqualified",headerBg:"bg-red-50",headerText:"text-red-700",accent:"border-red-200",dot:"bg-red-700"},random:{label:"Random",headerBg:"bg-green-50",headerText:"text-green-700",accent:"border-green-200",dot:"bg-green-700"}},sA=["pending","qualified","disqualified","random"],sT={pending:[{id:"p1",title:"Acme cloud migration",contact:"Olivia Bennett",contactInitials:"O",contactColor:"bg-rose-500",value:24500,company:"Acme Industries",companyInitials:"A",companyColor:"bg-slate-700",priority:"high"},{id:"p2",title:"Q3 enterprise plan",contact:"Marcus Weaver",contactInitials:"M",contactColor:"bg-violet-600",value:18e3,company:"Globex Corp",companyInitials:"G",companyColor:"bg-blue-700",priority:"medium"},{id:"p3",title:"Onsite workshop booking",contact:"Priya Nair",contactInitials:"P",contactColor:"bg-amber-600",value:7200,company:"Initech",companyInitials:"I",companyColor:"bg-emerald-700",priority:"low"},{id:"p4",title:"Annual license renewal",contact:"David Kim",contactInitials:"D",contactColor:"bg-indigo-600",value:42e3,company:"Stark Industries",companyInitials:"S",companyColor:"bg-zinc-800",priority:"high"}],qualified:[{id:"q1",title:"API integration scope",contact:"Sophie Laurent",contactInitials:"S",contactColor:"bg-fuchsia-500",value:15800,company:"Notion Labs",companyInitials:"N",companyColor:"bg-zinc-900",priority:"high"},{id:"q2",title:"Custom onboarding plan",contact:"Liam Foster",contactInitials:"L",contactColor:"bg-sky-500",value:9500,company:"Linear",companyInitials:"L",companyColor:"bg-indigo-700",priority:"medium"},{id:"q3",title:"Pilot program â design team",contact:"Anika Sharma",contactInitials:"A",contactColor:"bg-orange-500",value:12e3,company:"Figma",companyInitials:"F",companyColor:"bg-rose-600",priority:"high"}],disqualified:[{id:"d1",title:"Free tier upgrade",contact:"Ethan Brooks",contactInitials:"E",contactColor:"bg-pink-500",value:null,company:"Reddit",companyInitials:"R",companyColor:"bg-orange-600"},{id:"d2",title:"Self-serve trial",contact:"Mia Tanaka",contactInitials:"M",contactColor:"bg-cyan-500",value:null,company:"Discord",companyInitials:"D",companyColor:"bg-indigo-600"},{id:"d3",title:"POC discussion",contact:"Carlos Mendes",contactInitials:"C",contactColor:"bg-purple-500",value:null,company:"GitLab",companyInitials:"G",companyColor:"bg-orange-700"},{id:"d4",title:"Demo request",contact:"Hana Patel",contactInitials:"H",contactColor:"bg-lime-600",value:null,company:"Slack",companyInitials:"S",companyColor:"bg-purple-600"},{id:"d5",title:"Inbound lead",contact:"Tom Reynolds",contactInitials:"T",contactColor:"bg-yellow-600",value:null,company:"Asana",companyInitials:"A",companyColor:"bg-rose-500"}],random:[{id:"r1",title:"Partnership inquiry",contact:"Sam Choi",contactInitials:"S",contactColor:"bg-teal-500",value:null,company:"Apple",companyInitials:"A",companyColor:"bg-zinc-900"},{id:"r2",title:"Marketplace listing",contact:"Eva Rossi",contactInitials:"E",contactColor:"bg-blue-500",value:null,company:"Stripe",companyInitials:"S",companyColor:"bg-indigo-600"},{id:"r3",title:"Investor demo",contact:"Noah Green",contactInitials:"N",contactColor:"bg-red-500",value:null,company:"Sequoia",companyInitials:"S",companyColor:"bg-emerald-700"}]},sP=sA.reduce((e,s)=>e+sT[s].length,0);function sL({initials:e,color:t,size:a="sm"}){return(0,s.jsx)("div",{className:(0,l.cn)("flex shrink-0 items-center justify-center rounded-full font-bold text-white","xs"===a?"size-3.5 text-[7px]":"size-4 text-[8px]",t),children:e})}function sR({priority:e}){let t={high:{bg:"bg-rose-50",text:"text-rose-600",Icon:sm.default,label:"High"},medium:{bg:"bg-amber-50",text:"text-amber-700",Icon:sw.default,label:"Medium"},low:{bg:"bg-sky-50",text:"text-sky-700",Icon:sx.default,label:"Low"}}[e],a=t.Icon;return(0,s.jsxs)("span",{className:(0,l.cn)("inline-flex items-center gap-0.5 rounded px-1.5 py-px text-[10px] font-medium",t.bg,t.text),children:[(0,s.jsx)(a,{className:"size-2.5"}),t.label]})}function sD(){let e=[{label:"Dashboard",Icon:sv.default},{label:"Leads",Icon:sz.default,active:!0},{label:"Deals",Icon:sg.default},{label:"Contacts",Icon:sp.default},{label:"Companies",Icon:su.default}];return(0,s.jsx)("aside",{className:"hidden md:flex w-[180px] shrink-0 flex-col border-r bg-background py-2 text-foreground",children:(0,s.jsxs)("nav",{className:"flex flex-col gap-0.5 px-2",children:[e.map(({label:e,Icon:t,active:a})=>(0,s.jsxs)("div",{className:(0,l.cn)("flex h-7 items-center gap-2 rounded-md px-2 text-[12px]",a?"bg-primary/15 font-medium text-primary":"text-foreground
1/80 hover:bg-muted"),children:[(0,s.jsx)(t,{className:"size-3.5"}),e]},e)),(0,s.jsxs)("div",{className:"mt-1 flex h-7 items-center gap-2 rounded-md px-2 text-[12px] text-foreground/80 hover:bg-muted",children:[(0,s.jsx)(eP.default,{className:"size-3.5"}),"Settings"]})]})})}function sH(){return(0,s.jsxs)("div",{className:"flex h-11 shrink-0 items-center justify-between border-b bg-background px-3",children:[(0,s.jsxs)("div",{className:"flex items-center gap-2.5",children:[(0,s.jsx)(sk.default,{className:"size-4 text-muted-foreground"}),(0,s.jsxs)("div",{className:"flex items-center gap-1 text-[12px]",children:[(0,s.jsx)("span",{className:"text-muted-foreground",children:"CRM"}),(0,s.jsx)(w.default,{className:"size-3 text-muted-foreground"}),(0,s.jsx)("span",{className:"font-medium text-foreground",children:"Leads"})]})]}),(0,s.jsx)("div",{className:"flex items-center",children:(0,s.jsxs)("div",{className:"flex h-7 items-center gap-1 rounded-md border bg-background px-2 text-[11px] text-foreground",children:[(0,s.jsx)(x.default,{className:"size-3"}),"Quick add",(0,s.jsx)(d.ChevronDownIcon,{className:"ml-0.5 size-3 text-muted-foreground"})]})})]})}function sB(){return(0,s.jsxs)("div",{className:"flex shrink-0 items-center gap-2 bg-background px-3 py-2",children:[(0,s.jsxs)("div",{className:"flex items-center gap-0.5 rounded-md border bg-background p-0.5",children:[(0,s.jsxs)("div",{className:"flex items-center gap-1 rounded px-1.5 py-0.5 text-[11px] text-muted-foreground",children:[(0,s.jsx)(sy.default,{className:"size-3"}),"List"]}),(0,s.jsxs)("div",{className:"flex items-center gap-1 rounded bg-muted px-1.5 py-0.5 text-[11px] font-medium text-foreground shadow-xs",children:[(0,s.jsx)(sN.default,{className:"size-3"}),"Pipeline"]})]}),(0,s.jsxs)("div",{className:"ml-1 flex h-7 items-center gap-1 rounded-md border bg-background px-2 text-[11px] text-foreground",children:["Select view",(0,s.jsx)(d.ChevronDownIcon,{className:"ml-0.5 size-3 text-muted-foreground"})]}),(0,s.jsxs)("div",{className:"ml-auto flex items-center gap-1.5",children:[(0,s.jsx)("div",{className:"flex size-7 items-center justify-center rounded-md text-muted-foreground hover:bg-muted",children:(0,s.jsx)(m.SearchIcon,{className:"size-3.5"})}),(0,s.jsx)("div",{className:"flex size-7 items-center justify-center rounded-md text-muted-foreground hover:bg-muted",children:(0,s.jsx)(sf.default,{className:"size-3.5"})}),(0,s.jsxs)("div",{className:"flex h-7 items-center gap-1 rounded-md bg-primary px-2.5 text-[11px] font-medium text-primary-foreground",children:[(0,s.jsx)(x.default,{className:"size-3"}),"Add lead"]})]})]})}function sW({deal:e}){return(0,s.jsxs)("div",{className:"flex flex-col gap-2 rounded-lg border bg-background px-3 py-2.5 shadow-sm",children:[(0,s.jsxs)("div",{className:"flex items-center justify-between gap-2",children:[(0,s.jsxs)("div",{className:"flex min-w-0 items-center gap-1.5",children:[(0,s.jsx)("div",{className:"size-3 shrink-0 rounded border border-border"}),(0,s.jsx)("span",{className:"truncate text-[12px] text-foreground",children:e.title})]}),(0,s.jsxs)("div",{className:"flex shrink-0 items-center gap-0.5 text-muted-foreground/70",children:[(0,s.jsx)(L.default,{className:"size-3.5"}),(0,s.jsx)(sb.default,{className:"size-3.5"})]})]}),(0,s.jsxs)("div",{className:"flex flex-col gap-1.5",children:[(0,s.jsxs)("div",{className:"flex items-center gap-2 text-[11px] text-foreground/85",children:[(0,s.jsx)(sM.default,{className:"size-3 shrink-0 text-muted-foreground"}),e.contact?(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(sL,{initials:e.contactInitials,color:e.contactColor,size:"xs"}),(0,s.jsx)("span",{className:"truncate",children:e.contact})]}):(0,s.jsx)("span",{className:"text-muted-foreground",children:"-"})]}),(0,s.jsxs)("div",{className:"flex items-center gap-2 text-[11px] text-foreground/85",children:[(0,s.jsx)(sC.default,{className:"size-3 shrink-0 text-muted-foreground"}),null!==e.value?(0,s.jsxs)("span",{className:"tabular-nums",children:[e.value.toLocaleString()," ",(0,s.jsx)("span",{className:"text-muted-foreground",children:"USD"})]}):(0,s.jsx)("span",{className:"text-muted-foreground",children:"-"})]}),(0,s.jsxs)("div",{className:"flex items-center gap-2 text-[11px] text-foreground
1/85",children:[(0,s.jsx)(su.default,{className:"size-3 shrink-0 text-muted-foreground"}),(0,s.jsx)(sL,{initials:e.companyInitials,color:e.companyColor,size:"xs"}),(0,s.jsx)("span",{className:"truncate",children:e.company})]}),(0,s.jsxs)("div",{className:"flex items-center gap-2",children:[(0,s.jsx)(sh.default,{className:"size-3 shrink-0 text-muted-foreground"}),e.priority?(0,s.jsx)(sR,{priority:e.priority}):(0,s.jsx)("span",{className:"text-[11px] text-muted-foreground",children:"-"})]})]})]})}function sO({stage:e}){let t=sS[e],a=sT[e],i=a.reduce((e,s)=>e+(s.value??0),0);return(0,s.jsxs)("div",{className:"flex min-w-0 flex-1 flex-col gap-2",children:[(0,s.jsxs)("div",{className:"flex flex-col gap-1 px-1 pt-1",children:[(0,s.jsxs)("div",{className:"flex items-center gap-2",children:[(0,s.jsx)("span",{className:(0,l.cn)("size-2.5 rounded-full",t.dot)}),(0,s.jsx)("span",{className:(0,l.cn)("text-[13px] font-medium",t.headerText),children:t.label}),(0,s.jsx)("span",{className:"text-[12px] tabular-nums text-muted-foreground",children:a.length})]}),(0,s.jsxs)("div",{className:"flex items-center gap-1 text-[11px] text-muted-foreground",children:[(0,s.jsx)(sj.default,{className:"size-2.5"}),"Total $",i.toLocaleString()]})]}),(0,s.jsx)("div",{className:"flex flex-col gap-2",children:a.map(e=>(0,s.jsx)(sW,{deal:e},e.id))})]})}function sF(){return(0,s.jsx)("div",{className:"shrink-0 pt-1",children:(0,s.jsx)("div",{className:"flex size-7 items-center justify-center rounded-md border border-dashed border-border bg-background/60 text-muted-foreground","aria-label":"Add new stage",children:(0,s.jsx)(x.default,{className:"size-3"})})})}function sQ(){return(0,s.jsxs)("div",{className:"flex h-full w-full overflow-hidden bg-background",children:[(0,s.jsx)(sD,{}),(0,s.jsxs)("div",{className:"flex min-w-0 flex-1 flex-col overflow-hidden",children:[(0,s.jsx)(sH,{}),(0,s.jsx)(sB,{}),(0,s.jsx)("div",{className:"mock-scrollbar flex-1 overflow-y-auto overflow-x-hidden bg-muted/20",children:(0,s.jsxs)("div",{className:"flex gap-2 p-2",children:[sA.map(e=>(0,s.jsx)(sO,{stage:e},e)),(0,s.jsx)(sF,{})]})})]})]})}let s$=[{deal:sT.pending[3],stage:"pending"},{deal:sT.qualified[0],stage:"qualified"},{deal:sT.pending[0],stage:"pending"},{deal:sT.qualified[2],stage:"qualified"},{deal:sT.pending[1],stage:"pending"}];function sE({deal:e,stage:t}){let a=sS[t];return(0,s.jsxs)("div",{className:"rounded-md border border-border/70 bg-card px-2 py-1.5",children:[(0,s.jsxs)("div",{className:"flex items-start justify-between gap-1.5",children:[(0,s.jsxs)("div",{className:"min-w-0 flex-1",children:[(0,s.jsxs)("div",{className:"flex items-center gap-1",children:[(0,s.jsx)(su.default,{className:"size-2.5 shrink-0 text-muted-foreground"}),(0,s.jsx)("span",{className:"truncate text-[10px] font-semibold",children:e.company})]}),(0,s.jsx)("p",{className:"mt-0.5 truncate text-[9px] text-muted-foreground",children:e.title})]}),null!==e.value&&(0,s.jsxs)("span",{className:"shrink-0 text-[10px] font-bold tabular-nums",children:["$",e.value.toLocaleString()]})]}),(0,s.jsxs)("div",{className:"mt-1 flex items-center justify-between gap-1",children:[(0,s.jsxs)("span",{className:(0,l.cn)("inline-flex items-center gap-0.5 rounded-full border px-1.5 py-px text-[8px] font-semibold",a.headerBg,a.headerText,a.accent),children:[(0,s.jsx)("span",{className:(0,l.cn)("size-1 rounded-full",a.dot)}),a.label]}),e.priority&&(0,s.jsx)(sR,{priority:e.priority})]}),e.contact&&(0,s.jsxs)("div",{className:"mt-1 flex items-center gap-1",children:[(0,s.jsx)(sL,{initials:e.contactInitials,color:e.contactColor,size:"xs"}),(0,s.jsx)("span",{className:"truncate text-[9px] text-foreground/80",children:e.contact})]})]})}function sq(){return(0,s.jsxs)("div",{className:"flex h-full w-full flex-col overflow-hidden bg-background font-sans text-foreground",children:[(0,s.jsxs)("div",{className:"flex items-center justify-between px-3 pt-1.5 pb-0.5 text-[8px] font-semibold",children:[(0,s.jsx)("span",{children:"9:41"}),(0,s.jsxs)("span",{className:"flex items-center gap-0.5",children:[(0,s.jsx)("span",{className:"size-1 rounded-full bg-foreground"}),(0,s.jsx)("span",{className:"size-1 rounded-full bg-foreground"}),(0,s.jsx)("span",{className:"size-1 rounded-full bg-foreground
1/40"})]})]}),(0,s.jsxs)("div",{className:"flex items-center gap-2 border-b bg-[#1f1147] px-3 py-2 text-white",children:[(0,s.jsx)(sz.default,{className:"size-3.5 text-primary-foreground"}),(0,s.jsxs)("div",{className:"min-w-0 flex-1",children:[(0,s.jsx)("div",{className:"text-[10px] font-semibold leading-tight",children:"Leads · Pipeline"}),(0,s.jsx)("div",{className:"text-[8px] text-white/60",children:"The office · 15 active"})]}),(0,s.jsx)(m.SearchIcon,{className:"size-3 text-white/70"}),(0,s.jsx)("div",{className:"flex size-5 items-center justify-center rounded-md bg-primary/90",children:(0,s.jsx)(x.default,{className:"size-2.5 text-white"})})]}),(0,s.jsxs)("div",{className:"grid shrink-0 grid-cols-2 gap-1.5 border-b bg-muted/30 p-2",children:[(0,s.jsxs)("div",{className:"rounded-md border bg-background px-2 py-1.5",children:[(0,s.jsxs)("div",{className:"flex items-center gap-1 text-[8px] text-muted-foreground",children:[(0,s.jsx)(sI.default,{className:"size-2.5 text-emerald-600"}),"Won this month"]}),(0,s.jsxs)("div",{className:"mt-0.5 flex items-baseline gap-1",children:[(0,s.jsx)("span",{className:"text-[13px] font-bold tabular-nums text-foreground",children:"$114.5k"}),(0,s.jsx)("span",{className:"text-[8px] font-semibold text-emerald-600",children:"+12%"})]})]}),(0,s.jsxs)("div",{className:"rounded-md border bg-background px-2 py-1.5",children:[(0,s.jsxs)("div",{className:"flex items-center gap-1 text-[8px] text-muted-foreground",children:[(0,s.jsx)(n.ChartPieIcon,{className:"size-2.5 text-cyan-600"}),"Active deals"]}),(0,s.jsxs)("div",{className:"mt-0.5 flex items-baseline gap-1",children:[(0,s.jsx)("span",{className:"text-[13px] font-bold tabular-nums text-foreground",children:sP}),(0,s.jsx)("span",{className:"text-[8px] text-muted-foreground",children:"across 4 stages"})]})]})]}),(0,s.jsx)("div",{className:"flex shrink-0 items-center gap-1 overflow-hidden border-b px-2 py-1.5",children:sA.map((e,t)=>{let a=sS[e],i=0===t;return(0,s.jsxs)("div",{className:(0,l.cn)("inline-flex shrink-0 items-center gap-1 rounded-full border px-1.5 py-0.5 text-[8px] font-semibold",i?"bg-primary text-primary-foreground border-primary":a.headerBg,i?"":a.headerText,i?"":a.accent),children:[(0,s.jsx)("span",{className:(0,l.cn)("size-1 rounded-full",i?"bg-white":a.dot)}),a.label,(0,s.jsx)("span",{className:(0,l.cn)("rounded-full px-0.5 text-[7px]",i?"bg-white/20":"bg-white/70"),children:sT[e].length})]},e)})}),(0,s.jsxs)("div",{className:"flex items-center justify-between border-b px-3 py-1.5",children:[(0,s.jsx)("div",{className:"text-[10px] font-semibold",children:"My open deals"}),(0,s.jsxs)("div",{className:"flex items-center gap-0.5 text-[9px] text-muted-foreground",children:[(0,s.jsx)(sf.default,{className:"size-2.5"}),"Sort: Hottest"]})]}),(0,s.jsx)("div",{className:"flex-1 space-y-1.5 overflow-hidden bg-muted/20 p-2",children:s$.map(({deal:e,stage:t})=>(0,s.jsx)(sE,{deal:e,stage:t},e.id))}),(0,s.jsx)("div",{className:"flex items-center justify-around border-t bg-background px-2 py-1.5",children:[{icon:sN.default,label:"Pipeline",active:!0},{icon:su.default,label:"Companies"},{icon:sy.default,label:"Tasks"},{icon:n.ChartPieIcon,label:"Reports"}].map(e=>(0,s.jsxs)("div",{className:"flex flex-col items-center gap-0.5",children:[(0,s.jsx)(e.icon,{className:(0,l.cn)("size-3",e.active?"text-primary":"text-muted-foreground")}),(0,s.jsx)("span",{className:(0,l.cn)("text-[7px]",e.active?"font-semibold text-primary":"text-muted-foreground"),children:e.label})]},e.label))})]})}e.s(["MobileCRMContent",0,sq,"TixioCRMMockup",0,function({className:e,onModuleChange:i,selectableModules:r}){return(0,s.jsxs)("div",{className:(0,l.cn)("relative w-full",e),children:[(0,s.jsx)("div",{className:"hidden md:block",children:(0,s.jsx)(t.BrowserMockup,{title:"Tixio | CRM",className:"h-[500px] lg:h-[600px] xl:h-[680px] rounded-b-none border-0 shadow-none",children:(0,s.jsx)(v,{activeModule:"crm",onModuleChange:i,selectableModules:r,children:(0,s.jsx)(sQ,{})})})}),(0,s.jsxs)("div",{className:"relative mx-auto block w-[260px] max-w-full text-background drop-shadow-2xl md:hidden",style:{containerType:"inline-size"},children:[(0,s.jsx)(a.Iphone17Pro,{className:"w-full h-auto"}),(0,s.jsxs)("div",{className:"absolute overflow-hidden",style:{left:"7.04%",top:`${.032025*100}%`,width:"85.99%",height:"93.5925%",borderRadius:"12.31cqi"},children:[(0,s.jsx)(sq,{}),(0,s.jsx)("div",{className:"absolute left-1/2 -translate-x-1/2 roun
1ded-full bg-black shadow-inner",style:{top:"1.4%",width:"24%",height:"3.3%"}})]})]})]})}],294698);var y=y,sJ=e.i(81585),sJ=sJ,sU=e.i(223629),sU=sU,sV=e.i(847),sV=sV,s_=e.i(743930),s_=s_,sG=e.i(52174),sG=sG,sZ=e.i(999540),w=w,sK=e.i(722036),sK=sK,sX=e.i(296350),sf=sf,ey=ey,sv=sv,sY=e.i(644541),sY=sY,s0=e.i(24481),s0=s0,sk=sk,s1=e.i(801592),s1=s1,s2=e.i(587161),s2=s2,eP=eP,eL=eL,s5=e.i(711031),s5=s5,sI=sI,s3=e.i(272922),s3=s3,s7=e.i(920101),s7=s7;let s4={name:"Pam Beesly",role:"Office Administrator",dept:"Admin",initials:"PB",hue:340,image:"/images/mockups/characters/pam-beesly.jpg"},s6={name:"Stanley Hudson",role:"Senior Sales",dept:"Sales",initials:"SH",hue:158,image:"/images/mockups/characters/stanley-hudson.jpg"},s8={name:"Kelly Kapoor",role:"Customer Service",dept:"Support",initials:"KK",hue:0,image:"/images/mockups/characters/kelly-kapoor.jpg"},s9={name:"Phyllis Vance",role:"Sales Rep",dept:"Sales",initials:"PV",hue:320},te={Sales:"bg-blue-100 text-blue-700",Accounting:"bg-amber-100 text-amber-800",HR:"bg-emerald-100 text-emerald-700",Admin:"bg-pink-100 text-pink-700",Support:"bg-rose-100 text-rose-700",QA:"bg-lime-100 text-lime-800",Procurement:"bg-indigo-100 text-indigo-700",Marketing:"bg-violet-100 text-violet-700",Management:"bg-orange-100 text-orange-800"};function ts({emp:e,size:t="md",rounded:a="md"}){let i={xs:"size-4 text-[7px]",sm:"size-5 text-[8px]",md:"size-6 text-[9px]",lg:"size-7 text-[10px]",xl:"size-9 text-[11px]"},r={xs:16,sm:20,md:24,lg:28,xl:36},n="full"===a?"rounded-full":"sm"===a?"rounded-sm":"rounded-md";return e.image?(0,s.jsx)("img",{src:e.image,alt:e.name,width:r[t],height:r[t],className:(0,l.cn)("shrink-0 object-cover",n,i[t])}):(0,s.jsx)("div",{className:(0,l.cn)("shrink-0 flex items-center justify-center font-bold text-white",n,i[t]),style:{backgroundColor:`oklch(0.62 0.14 ${e.hue})`},children:e.initials})}function tt({dept:e,className:t}){return(0,s.jsx)("span",{className:(0,l.cn)("inline-flex w-fit items-center rounded-full px-1.5 py-0.5 text-[9px] font-medium leading-tight",te[e],t),children:e})}function ta(){let e=[{label:"Dashboard",Icon:sv.default,active:!0},{label:"Directory",Icon:f.UsersIcon,count:142},{label:"Contracts",Icon:sX.FileTextIcon,count:12,highlight:!0},{label:"Leaves",Icon:sV.default,count:4,highlight:!0},{label:"Time tracking",Icon:sK.default},{label:"Roster",Icon:s_.default},{label:"Skills",Icon:sJ.default},{label:"eNPS",Icon:eL.default},{label:"Reports",Icon:sG.default},{label:"Org chart",Icon:sU.default}];return(0,s.jsxs)("aside",{className:"hidden md:flex w-[180px] shrink-0 flex-col border-r bg-background py-2 text-foreground",children:[(0,s.jsx)("div",{className:"px-3 pb-2 text-[9px] font-semibold uppercase tracking-wide text-muted-foreground",children:"Human Resources"}),(0,s.jsxs)("nav",{className:"flex flex-col gap-0.5 px-2",children:[e.map(({label:e,Icon:t,active:a,count:i,highlight:r})=>(0,s.jsxs)("div",{className:(0,l.cn)("flex h-7 items-center gap-2 rounded-md px-2 text-[12px]",a?"bg-primary/15 font-medium text-primary":"text-foreground/80"),children:[(0,s.jsx)(t,{className:"size-3.5"}),(0,s.jsx)("span",{className:"flex-1 truncate",children:e}),void 0!==i&&(0,s.jsx)("span",{className:(0,l.cn)("ml-auto rounded-full px-1.5 text-[9px] font-semibold tabular-nums",r?"bg-amber-100 text-amber-700":a?"bg-primary/20 text-primary":"bg-muted text-muted-foreground"),children:i})]},e)),(0,s.jsxs)("div",{className:"mt-1 flex h-7 items-center gap-2 rounded-md px-2 text-[12px] text-foreground/80",children:[(0,s.jsx)(eP.default,{className:"size-3.5"}),"Settings"]})]})]})}function tl(){return(0,s.jsxs)("div",{className:"flex h-11 shrink-0 items-center justify-between border-b bg-background px-3",children:[(0,s.jsxs)("div",{className:"flex items-center gap-2.5",children:[(0,s.jsx)(sk.default,{className:"size-4 text-muted-foreground"}),(0,s.jsxs)("div",{className:"flex items-center gap-1 text-[12px]",children:[(0,s.jsx)("span",{className:"text-muted-foreground",children:"HR"}),(0,s.jsx)(w.default,{className:"size-3 text-muted-foreground"}),(0,s.jsx)("span",{className:"font-medium text-foreground",children:"Dashboard"})]}),(0,s.jsxs)("span",{className:"ml-1 inline-flex items-center gap-1 rounded-md bg-emerald-50 px-1.5 py-0.5 text-[10px] font-semibold text-emerald-700",children:[(0,s.jsx)("span",{className:"size-1.5 rounded-full bg-emerald-500"}),"Q2 2026"]})]}),(0,s.jsxs)("div",{className:"flex items-center gap-2",children:[(0,s.jsxs)("div",{className:"flex h-7 w-44 items-center gap-1.5 rounded-md border border-border bg-background px-2 text-[10px] text-muted-foreground",children:[(0,s.jsx)(m.SearchIcon,{className:"size-3"}),(0,s.jsx)("span",{children:"Search people, contracts..."})]}),(0,s.jsxs)("button",{type:"button",className:"inline-flex h-7 items-center gap-1 rounded-md border bg-background px-2 text-[10px] font-medium text-foreground
1/80",children:[(0,s.jsx)(s3.default,{className:"size-3"}),"Export"]}),(0,s.jsxs)("button",{type:"button",className:"inline-flex h-7 items-center gap-1 rounded-md bg-primary px-2.5 text-[10px] font-semibold text-primary-foreground",children:[(0,s.jsx)(s7.default,{className:"size-3"}),"Add employee"]}),(0,s.jsx)(sY.default,{className:"size-3.5 text-foreground/60"}),(0,s.jsx)(s0.default,{className:"size-3.5 text-foreground/60"})]})]})}let ti={primary:"bg-primary/10 text-primary",amber:"bg-amber-100 text-amber-700",emerald:"bg-emerald-100 text-emerald-700",rose:"bg-rose-100 text-rose-700",sky:"bg-sky-100 text-sky-700"},tr=[{label:"Active employees",value:"142",sub:"+3 this month",Icon:f.UsersIcon,tone:"primary",trend:"up",trendValue:"+2.1%"},{label:"Employee NPS",value:"+62",sub:"Q2 pulse · 92% participation",Icon:eL.default,tone:"emerald",trend:"up",trendValue:"+8 pts"},{label:"Hours logged today",value:"1,096h",sub:"98 clocked in · 8 OT",Icon:sK.default,tone:"sky"},{label:"Contracts expiring",value:"12",sub:"Next 60 days · 3 urgent",Icon:sX.FileTextIcon,tone:"rose"}];function tn({tile:e}){return(0,s.jsxs)("div",{className:"rounded-lg border border-border/60 bg-card p-2.5 shadow-xs",children:[(0,s.jsxs)("div",{className:"flex items-center justify-between",children:[(0,s.jsx)("span",{className:"text-[10px] font-medium text-muted-foreground",children:e.label}),(0,s.jsx)("div",{className:(0,l.cn)("flex size-6 items-center justify-center rounded-md",ti[e.tone]),children:(0,s.jsx)(e.Icon,{className:"size-3"})})]}),(0,s.jsxs)("div",{className:"mt-1 flex items-baseline gap-1.5",children:[(0,s.jsx)("span",{className:"text-lg font-bold tracking-tight",children:e.value}),e.trendValue&&(0,s.jsxs)("span",{className:(0,l.cn)("inline-flex items-center gap-0.5 text-[9px] font-semibold","up"===e.trend?"text-emerald-600":"text-rose-600"),children:[(0,s.jsx)(y.default,{className:"size-2.5"}),e.trendValue]})]}),(0,s.jsx)("div",{className:"mt-0.5 truncate text-[10px] text-muted-foreground",children:e.sub})]})}function td({color:e,label:t,pct:a,count:i}){return(0,s.jsxs)("div",{children:[(0,s.jsxs)("div",{className:"flex items-center justify-between text-[10px]",children:[(0,s.jsxs)("span",{className:"flex items-center gap-1 font-medium",children:[(0,s.jsx)("span",{className:(0,l.cn)("size-1.5 rounded-full",e)}),t]}),(0,s.jsxs)("span",{className:"tabular-nums text-muted-foreground",children:[i," ",(0,s.jsxs)("span",{className:"text-foreground/60",children:["(",a,"%)"]})]})]}),(0,s.jsx)("div",{className:"mt-0.5 h-1 overflow-hidden rounded-full bg-muted",children:(0,s.jsx)("div",{className:(0,l.cn)("h-full rounded-full",e),style:{width:`${a}%`}})})]})}function tc(){let e=2*Math.PI*32;return(0,s.jsxs)("div",{className:"col-span-3 flex flex-col rounded-lg border border-border/60 bg-card p-3 shadow-xs",children:[(0,s.jsxs)("div",{className:"flex items-start justify-between",children:[(0,s.jsxs)("div",{children:[(0,s.jsx)("div",{className:"text-[11px] font-semibold",children:"Employee NPS"}),(0,s.jsx)("div",{className:"mt-0.5 text-[10px] text-muted-foreground",children:"Q2 pulse · 92% participation"})]}),(0,s.jsxs)("span",{className:"inline-flex items-center gap-0.5 rounded-full bg-emerald-100 px-1.5 py-0.5 text-[9px] font-semibold text-emerald-700",children:[(0,s.jsx)(y.default,{className:"size-2.5"}),"+8"]})]}),(0,s.jsxs)("div",{className:"mt-2 flex items-center gap-3",children:[(0,s.jsxs)("div",{className:"relative shrink-0",children:[(0,s.jsxs)("svg",{viewBox:"0 0 100 100",className:"size-24",children:[(0,s.jsx)("circle",{cx:"50",cy:"50",r:32,fill:"none",stroke:"currentColor",strokeOpacity:"0.06",strokeWidth:"14"}),(0,s.jsx)("circle",{cx:"50",cy:"50",r:32,fill:"none",stroke:"#10b981",strokeWidth:"14",strokeLinecap:"butt",strokeDasharray:`${.71*e} ${e}`,transform:"rotate(-90 50 50)"}),(0,s.jsx)("circle",{cx:"50",cy:"50",r:32,fill:"none",stroke:"#f59e0b",strokeWidth:"14",strokeDasharray:`${.2*e} ${e}`,strokeDashoffset:-(.71*e),transform:"rotate(-90 50 50)"}),(0,s.jsx)("circle",{cx:"50",cy:"50",r:32,fill:"none",stroke:"#ef4444",strokeWidth:"14",strokeDasharray:`${.09*e} ${e}`,strokeDashoffset:-(.91*e),transform:"rotate(-90 50 50)"})]}),(0,s.jsxs)("div",{className:"absolute inset-0 flex flex-col items-center justify-center",children:[(0,s.jsx)("div",{className:"text-[20px] font-bold leading-none tracking-tight",children:"+62"}),(0,s.jsx)("div",{className:"mt-0.5 text-[7px] uppercase tracking-wide text-muted-foreground",children:"eNPS"})]})]}),(0,s.jsxs)("div",{className:"flex-1 space-y-1.5",children:[(0,s.jsx)(td,{color:"bg-emerald-500",label:"Promoters",pct:71,count:101}
1),(0,s.jsx)(td,{color:"bg-amber-500",label:"Passives",pct:20,count:28}),(0,s.jsx)(td,{color:"bg-rose-500",label:"Detractors",pct:9,count:13})]})]}),(0,s.jsxs)("div",{className:"mt-2 flex items-start gap-1.5 rounded-md bg-emerald-50/80 px-2 py-1.5",children:[(0,s.jsx)(s5.default,{className:"size-3 shrink-0 text-emerald-600"}),(0,s.jsxs)("div",{className:"text-[9px] leading-tight text-emerald-800",children:[(0,s.jsx)("span",{className:"font-semibold",children:"Top driver:"})," âI have the tools to do my job wellâ â 87% positive"]})]})]})}let to=["Comms","Sales","Excel","Tech","Leader","Service"],tx=[{dept:"Sales",scores:[4,5,2,1,3,3]},{dept:"Accounting",scores:[2,1,5,3,2,1]},{dept:"Marketing",scores:[5,3,2,3,3,2]},{dept:"Support",scores:[4,2,2,3,2,5]},{dept:"HR",scores:[4,2,3,2,4,5]}];function tm(){return(0,s.jsxs)("div",{className:"col-span-4 flex flex-col rounded-lg border border-border/60 bg-card p-3 shadow-xs",children:[(0,s.jsxs)("div",{className:"flex items-start justify-between",children:[(0,s.jsxs)("div",{children:[(0,s.jsx)("div",{className:"text-[11px] font-semibold",children:"Skills coverage"}),(0,s.jsx)("div",{className:"mt-0.5 text-[10px] text-muted-foreground",children:"Department à competency · self-assessed average"})]}),(0,s.jsxs)("button",{className:"inline-flex items-center gap-1 rounded-md border border-border px-2 py-0.5 text-[9px] font-medium text-foreground/80",children:[(0,s.jsx)(sf.default,{className:"size-2.5"}),"All teams"]})]}),(0,s.jsxs)("div",{className:"mt-2 flex-1 space-y-0.5",children:[(0,s.jsxs)("div",{className:"grid grid-cols-[64px_repeat(6,minmax(0,1fr))] gap-0.5",children:[(0,s.jsx)("div",{}),to.map(e=>(0,s.jsx)("div",{className:"truncate py-0.5 text-center text-[8px] font-semibold uppercase tracking-wide text-muted-foreground",children:e},e))]}),tx.map(e=>(0,s.jsxs)("div",{className:"grid grid-cols-[64px_repeat(6,minmax(0,1fr))] gap-0.5",children:[(0,s.jsx)("div",{className:"flex items-center pr-1.5 text-[10px] font-medium",children:e.dept}),e.scores.map((e,t)=>(0,s.jsx)("div",{className:(0,l.cn)("flex h-5 items-center justify-center rounded-sm text-[8px] font-bold tabular-nums",e>=5?"bg-primary text-primary-foreground":e>=4?"bg-primary/70 text-white":e>=3?"bg-primary/40 text-primary":e>=2?"bg-primary/20 text-primary":"bg-primary/[0.06] text-muted-foreground"),children:e},t))]},e.dept))]}),(0,s.jsxs)("div",{className:"mt-2 flex items-center justify-between gap-2",children:[(0,s.jsxs)("div",{className:"flex items-center gap-1 rounded-md bg-amber-50 px-1.5 py-0.5 text-[9px] text-amber-800",children:[(0,s.jsx)(sJ.default,{className:"size-2.5"}),(0,s.jsx)("span",{className:"font-semibold",children:"Gap:"})," Tech in Sales (1.2)"]}),(0,s.jsxs)("div",{className:"flex items-center gap-1.5 text-[9px] text-muted-foreground",children:[(0,s.jsx)("span",{children:"Low"}),(0,s.jsxs)("div",{className:"flex h-1.5 w-16 overflow-hidden rounded-full",children:[(0,s.jsx)("div",{className:"flex-1 bg-primary/[0.06]"}),(0,s.jsx)("div",{className:"flex-1 bg-primary/20"}),(0,s.jsx)("div",{className:"flex-1 bg-primary/40"}),(0,s.jsx)("div",{className:"flex-1 bg-primary/70"}),(0,s.jsx)("div",{className:"flex-1 bg-primary"})]}),(0,s.jsx)("span",{children:"Expert"})]})]})]})}let tu=[{emp:{name:"Dwight Schrute",role:"Asst. Regional Manager",dept:"Sales",initials:"DS",hue:12,image:"/images/mockups/characters/dwight-schrute.jpg"},shift:"8:00 â 18:00",clockIn:"6:15a",hours:"7h 12m",status:"on-shift",note:"Beet farm 6am"},{emp:s4,shift:"9:00 â 17:30",clockIn:"8:42a",hours:"5h 18m",status:"on-shift"},{emp:{name:"Jim Halpert",role:"Sales Rep",dept:"Sales",initials:"JH",hue:215,image:"/images/mockups/characters/jim-halpert.jpg"},shift:"9:00 â 17:30",clockIn:"9:01a",hours:"4h 59m",status:"remote"},{emp:s6,shift:"â",hours:"â",status:"leave",note:"Pretzel Day PTO"},{emp:s8,shift:"9:00 â 17:30",clockIn:"9:14a",hours:"4h 46m",status:"on-shift"},{emp:{name:"Michael Scott",role:"Regional Manager",dept:"Management",initials:"MS",hue:38,image:"/images/mockups/characters/michael-scott.jpg"},shift:"9:00 â 17:30",clockIn:"9:47a",clockOut:"12:30p",hours:"2h 43m",status:"out",note:"Improv class"}];function tp({status:e}){let t={"on-shift":{label:"On shift",className:"bg-emerald-100 text-emerald-700",dot:"bg-emerald-500"},out:{label:"Clocked out",className:"bg-muted text-muted-foreground",dot:"bg-foreground
1/40"},leave:{label:"On leave",className:"bg-amber-100 text-amber-700",dot:"bg-amber-500"},remote:{label:"Remote",className:"bg-sky-100 text-sky-700",dot:"bg-sky-500"}}[e];return(0,s.jsxs)("span",{className:(0,l.cn)("inline-flex items-center gap-1 rounded-full px-1.5 py-0.5 text-[9px] font-medium leading-tight",t.className),children:[(0,s.jsx)("span",{className:(0,l.cn)("size-1.5 rounded-full",t.dot)}),t.label]})}function tf(){return(0,s.jsxs)("div",{className:"col-span-4 flex flex-col rounded-lg border border-border/60 bg-card p-3 shadow-xs",children:[(0,s.jsxs)("div",{className:"flex items-start justify-between",children:[(0,s.jsxs)("div",{children:[(0,s.jsxs)("div",{className:"flex items-center gap-1.5",children:[(0,s.jsx)("span",{className:"text-[11px] font-semibold",children:"Today's roster"}),(0,s.jsx)("span",{className:"rounded-full bg-emerald-500/15 px-1.5 py-0.5 text-[8px] font-bold uppercase tracking-wide text-emerald-700",children:"Live"})]}),(0,s.jsx)("div",{className:"mt-0.5 text-[10px] text-muted-foreground",children:"Tue Apr 29 · 98 clocked in · 8 on leave"})]}),(0,s.jsxs)("div",{className:"flex items-center gap-1 text-[10px] text-muted-foreground",children:[(0,s.jsx)(sK.default,{className:"size-3"}),(0,s.jsx)("span",{className:"tabular-nums",children:"1,096h"})]})]}),(0,s.jsxs)("div",{className:"-mx-1 mt-2 grid grid-cols-[1fr_88px_84px_88px] items-center gap-2 px-1 pb-1 text-[8px] font-semibold uppercase tracking-wide text-muted-foreground",children:[(0,s.jsx)("span",{children:"Employee"}),(0,s.jsx)("span",{children:"Shift"}),(0,s.jsx)("span",{children:"Clock-in"}),(0,s.jsx)("span",{className:"text-right",children:"Hours · status"})]}),(0,s.jsx)("div",{className:"-mx-1 flex-1 divide-y divide-border/60",children:tu.slice(0,6).map((e,t)=>(0,s.jsxs)("div",{className:"grid grid-cols-[1fr_88px_84px_88px] items-center gap-2 px-1 py-1",children:[(0,s.jsxs)("div",{className:"flex min-w-0 items-center gap-2",children:[(0,s.jsx)(ts,{emp:e.emp,size:"md"}),(0,s.jsxs)("div",{className:"min-w-0",children:[(0,s.jsx)("div",{className:"truncate text-[10px] font-medium leading-tight",children:e.emp.name}),(0,s.jsxs)("div",{className:"flex items-center gap-1 text-[9px] text-muted-foreground",children:[(0,s.jsx)(tt,{dept:e.emp.dept}),e.note&&(0,s.jsxs)("span",{className:"truncate italic",children:["· ",e.note]})]})]})]}),(0,s.jsx)("span",{className:"truncate text-[9px] tabular-nums text-foreground/70",children:e.shift}),(0,s.jsxs)("span",{className:(0,l.cn)("truncate text-[9px] tabular-nums","on-shift"===e.status||"remote"===e.status?"font-semibold text-emerald-700":"text-muted-foreground"),children:[e.clockIn??"â",e.clockOut&&(0,s.jsxs)("span",{className:"text-muted-foreground",children:[" · ",e.clockOut]})]}),(0,s.jsxs)("div",{className:"flex items-center justify-end gap-1.5",children:[(0,s.jsx)("span",{className:"text-[9px] font-semibold tabular-nums",children:e.hours}),(0,s.jsx)(tp,{status:e.status})]})]},t))})]})}let th=[{emp:s6,type:"PTO",reason:"Pretzel Day extension",days:"1 day"},{emp:{name:"Andy Bernard",role:"Sales Rep",dept:"Sales",initials:"AB",hue:50,image:"/images/mockups/characters/andy-bernard.jpg"},type:"Personal",reason:"Cornell reunion",days:"2 days"},{emp:{name:"Oscar Martinez",role:"Accountant",dept:"Accounting",initials:"OM",hue:192},type:"Sick",reason:"Flu",days:"3 days"}];function tg(){return(0,s.jsxs)("div",{className:"hr-admin-cursor pointer-events-none absolute z-40 will-change-transform",children:[(0,s.jsx)("svg",{width:"14",height:"14",viewBox:"0 0 16 16",className:"drop-shadow-md","aria-hidden":!0,children:(0,s.jsx)("path",{d:"M3 2L13 10L8 11L11 14L9 15L6 12L3 14V2Z",fill:"#10b981",stroke:"white",strokeWidth:"0.7"})}),(0,s.jsx)("span",{className:"absolute left-3 top-3 inline-flex items-center gap-1 whitespace-nowrap rounded-md bg-emerald-600 px-1.5 py-0.5 text-[8px] font-bold text-white shadow-sm",children:"Holly · HR"})]})}function tb(){return(0,s.jsxs)("div",{className:"relative col-span-3 flex flex-col rounded-lg border border-border/60 bg-card p-3 shadow-xs",children:[(0,s.jsxs)("div",{className:"flex items-start justify-between",children:[(0,s.jsxs)("div",{children:[(0,s.jsx)("div",{className:"text-[11px] font-semibold",children:"Leave requests"}),(0,s.jsx)("div",{className:"mt-0.5 text-[10px] text-muted-foreground",children:"3 awaiting approval · 4 total"})]}),(0,s.jsx)("span",{className:"inline-flex h-5 min-w-5 items-center justify-center rounded-full bg-amber-100 px-1.5 text-[10px] font-bold text-amber-700",children:"3"})]}),(0,s.jsx)("div",{className:"mt-2 flex-1 space-y-1.5",children:th.map((e,t)=>{let a=0===t;return(0,s.jsxs)("div",{className:(0,l.cn)("relative rounded-md border border-border/60 bg-card/40 px-2 py-1.5",a&&"hr-leave-row-flash"),children:[a&&(0,s.jsx)("span",{className:"hr-leave-new-badge pointer-events-none absolute -right-1 -top-1.5 inline-flex items-center gap-0.5 rounded-full bg-amber-500 px-1.5 py-0.5 text-[7px] font-bold uppercase tracking-wide text-white shadow-sm",children:"New"}),(0,s.jsxs)("div",{className:"flex items-center gap-2",children:[(0,s.jsx)(ts,{emp:e.emp,size:"md"}),(0,s.jsxs)("div",{className:"min-w-0 flex-1",children:[(0,s.jsx)("div",{className:"truncate text-[11px] font-medium leading-tight",children:e.emp.name}),(0,s.jsxs)("div",{className:"truncate text-[9px] text-muted-foreground",children:[e.type," · ",e.days," · ",e.reason]})]}),(0,s.jsxs)("div",{className:"flex shrink-0 items-center gap-1",children:[(0,s.jsx)("button",{className:"flex size-6 items-center justify-center rounded-md bg-emerald-600 text-white","aria-label":"Approve",children:(0,s.jsx)(sZ.CheckIcon,{className:"size-3"})}),(0,s.jsx)("button",{className:"flex size-6 items-center justify-center rounded-md border border-border bg-background text-foreground
1/70","aria-label":"Deny",children:(0,s.jsx)(eH.XIcon,{className:"size-3"})})]})]})]},t)})}),(0,s.jsx)(tg,{})]})}let tj=[{emp:s8,type:"Probation review",endsIn:"5 days",urgency:"probation"},{emp:{name:"Ryan Howard",role:"Marketing Lead",dept:"Marketing",initials:"RH",hue:270,image:"/images/mockups/characters/ryan-howard.jpg"},type:"Contract renewal",endsIn:"14 days",urgency:"soon"},{emp:{name:"Toby Flenderson",role:"HR Representative",dept:"HR",initials:"TF",hue:110,image:"/images/mockups/characters/toby-flenderson.jpg"},type:"Annual review",endsIn:"22 days",urgency:"normal"}];function tN(){let e={soon:"bg-rose-100 text-rose-700",probation:"bg-amber-100 text-amber-700",normal:"bg-muted text-muted-foreground"};return(0,s.jsxs)("div",{className:"col-span-3 flex flex-col rounded-lg border border-border/60 bg-card p-3 shadow-xs",children:[(0,s.jsxs)("div",{className:"flex items-start justify-between",children:[(0,s.jsxs)("div",{children:[(0,s.jsx)("div",{className:"text-[11px] font-semibold",children:"Contracts queue"}),(0,s.jsx)("div",{className:"mt-0.5 text-[10px] text-muted-foreground",children:"12 actions in next 60 days"})]}),(0,s.jsx)(sX.FileTextIcon,{className:"size-3.5 text-muted-foreground"})]}),(0,s.jsx)("div",{className:"mt-2 flex-1 space-y-1.5",children:tj.map((t,a)=>(0,s.jsxs)("div",{className:"flex items-center gap-2 rounded-md border border-border/60 bg-card/40 px-2 py-1.5",children:[(0,s.jsx)(ts,{emp:t.emp,size:"md"}),(0,s.jsxs)("div",{className:"min-w-0 flex-1",children:[(0,s.jsx)("div",{className:"truncate text-[11px] font-medium leading-tight",children:t.emp.name}),(0,s.jsxs)("div",{className:"flex items-center gap-1 text-[9px]",children:[(0,s.jsx)("span",{className:"text-muted-foreground",children:t.type}),(0,s.jsx)("span",{className:(0,l.cn)("rounded-full px-1.5 py-0.5 font-semibold",e[t.urgency]),children:t.endsIn})]})]}),(0,s.jsx)("button",{className:"shrink-0 rounded-md bg-primary px-2 py-1 text-[10px] font-semibold text-primary-foreground",children:"Renew"})]},a))})]})}let tv=[{day:"T",date:29,count:2,today:!0},{day:"W",date:30,count:6,peak:!0},{day:"T",date:1,count:3},{day:"F",date:2,count:5},{day:"M",date:5,count:2},{day:"T",date:6,count:1},{day:"W",date:7,count:4}];function ty(){let e=Math.max(...tv.map(e=>e.count));return(0,s.jsxs)("div",{className:"col-span-2 flex flex-col rounded-lg border border-border/60 bg-card p-3 shadow-xs",children:[(0,s.jsxs)("div",{children:[(0,s.jsx)("div",{className:"text-[11px] font-semibold",children:"Leave forecast"}),(0,s.jsx)("div",{className:"mt-0.5 text-[10px] text-muted-foreground",children:"Next 2 weeks · headcount impact"})]}),(0,s.jsx)("div",{className:"mt-2 flex flex-1 items-end gap-1",children:tv.map((t,a)=>{let i=t.count/e*100;return(0,s.jsxs)("div",{className:"flex flex-1 flex-col items-center gap-0.5",children:[(0,s.jsx)("div",{className:"flex h-12 w-full items-end justify-center",children:(0,s.jsx)("div",{className:(0,l.cn)("w-full rounded-sm",t.peak?"bg-rose-400":t.today?"bg-primary":"bg-primary/30"),style:{height:`${i}%`}})}),(0,s.jsx)("div",{className:"text-[8px] font-semibold text-muted-foreground",children:t.day}),(0,s.jsx)("div",{className:(0,l.cn)("text-[8px] tabular-nums",t.today?"font-bold text-primary":t.peak?"font-semibold text-rose-700":"text-muted-foreground"),children:t.count})]},a)})}),(0,s.jsxs)("div",{className:"mt-1.5 flex items-center justify-between text-[9px]",children:[(0,s.jsx)("span",{className:"text-muted-foreground",children:"Peak Wed"}),(0,s.jsxs)("span",{className:"inline-flex items-center gap-0.5 font-semibold text-rose-700",children:[(0,s.jsx)("span",{className:"size-1.5 rounded-full bg-rose-400"}),"6 out"]})]})]})}function tw(){let e=[89,90,91,89,92,93,91,92,94,93,92,95],t=e.map((s,t)=>{let a=t/(e.length-1)*100;return`${0===t?"M":"L"}${a.toFixed(1)},${(100-(s-85)/15*100).toFixed(1)}`}).join(" "),a=`${t} L100,100 L0,100 Z`;return(0,s.jsxs)("div",{className:"col-span-2 flex flex-col rounded-lg border border-border/60 bg-card p-3 shadow-xs",children:[(0,s.jsxs)("div",{className:"flex items-start justify-between",children:[(0,s.jsxs)("div",{children:[(0,s.jsx)("div",{className:"text-[11px] font-semibold",children:"Attendance trend"}),(0,s.jsx)("div",{className:"mt-0.5 text-[10px] text-muted-foreground",children:"Last 12 months"})]}),(0,s.jsxs)("span",{className:"inline-flex items-center gap-0.5 rounded-full bg-emerald-100 px-1.5 py-0.5 text-[9px] font-semibold text-emerald-700",children:[(0,s.jsx)(sI.default,{className:"size-2.5"}),"95%"]})]}),(0,s.jsx)("div",{className:"relative mt-2 h-12",children:(0,s.jsxs)("svg",{viewBox:"0 0 100 100",className:"h-full w-full",preserveAspectRatio:"none",children:[(0,s.jsx)("defs",{children:(0,s.jsxs)("linearGradient",{id:"area-grad",x1:"0",x2:"0",y1:"0",y2:"1",children:[(0,s.jsx)("stop",{offset:"0%",stopColor:"oklch(0.539 0.2648 273.33)",stopOpacity:"0.25"}),(0,s.jsx)("stop",{offset:"100%",stopColor:"oklch(0.539 0.2648 273.33)",stopOpacity:"0"})]})}),(0,s.jsx)("path",{d:a,fill:"url(#area-grad)"}),(0,s.jsx)("path",{d:t,fill:"none",stroke:"oklch(0.539 0.2648 273.33)",strokeWidth:"2",vectorEffect:"non-scaling-stroke"})]})}),(0,s.jsxs)("button",{className:"mt-2 inline-flex items-center justify-center gap-1 rounded-md border border-border bg-background py-1 text-[10px] font-medium text-foreground
1/80",children:[(0,s.jsx)(s2.default,{className:"size-3"}),"Open monthly report"]})]})}function tk(){return(0,s.jsxs)("div",{className:"flex h-full w-full overflow-hidden bg-background",children:[(0,s.jsx)(ta,{}),(0,s.jsxs)("div",{className:"flex min-w-0 flex-1 flex-col overflow-hidden",children:[(0,s.jsx)(tl,{}),(0,s.jsxs)("div",{className:"mock-scrollbar flex-1 space-y-2 overflow-y-auto overflow-x-hidden bg-muted/20 px-3 py-3",children:[(0,s.jsx)("div",{className:"grid grid-cols-4 gap-2",children:tr.map(e=>(0,s.jsx)(tn,{tile:e},e.label))}),(0,s.jsxs)("div",{className:"grid grid-cols-7 gap-2",children:[(0,s.jsx)(tc,{}),(0,s.jsx)(tm,{})]}),(0,s.jsxs)("div",{className:"grid grid-cols-7 gap-2",children:[(0,s.jsx)(tf,{}),(0,s.jsx)(tb,{})]}),(0,s.jsxs)("div",{className:"grid grid-cols-7 gap-2",children:[(0,s.jsx)(tN,{}),(0,s.jsx)(ty,{}),(0,s.jsx)(tw,{})]})]})]})]})}function tz(){return(0,s.jsxs)("div",{className:"flex h-full w-full flex-col overflow-hidden bg-background font-sans text-foreground",children:[(0,s.jsxs)("div",{className:"flex items-center justify-between px-3 pt-1.5 pb-0.5 text-[8px] font-semibold",children:[(0,s.jsx)("span",{children:"9:41"}),(0,s.jsxs)("span",{className:"flex items-center gap-0.5",children:[(0,s.jsx)("span",{className:"size-1 rounded-full bg-foreground"}),(0,s.jsx)("span",{className:"size-1 rounded-full bg-foreground"}),(0,s.jsx)("span",{className:"size-1 rounded-full bg-foreground
1/40"})]})]}),(0,s.jsxs)("div",{className:"flex items-center gap-2 border-b bg-[#1f1147] px-3 py-2 text-white",children:[(0,s.jsx)(f.UsersIcon,{className:"size-3.5"}),(0,s.jsx)("span",{className:"text-[11px] font-semibold",children:"HR · Dashboard"}),(0,s.jsx)("span",{className:"text-[9px] text-white/60",children:"· Dunder Mifflin"}),(0,s.jsx)("span",{className:"ml-auto flex size-5 items-center justify-center rounded-md bg-white/10",children:(0,s.jsx)(m.SearchIcon,{className:"size-2.5 text-white/80"})})]}),(0,s.jsxs)("div",{className:"flex-1 space-y-2 overflow-hidden bg-muted/20 px-2 py-2",children:[(0,s.jsxs)("div",{className:"rounded-lg border bg-card px-2.5 py-2 shadow-xs",children:[(0,s.jsxs)("div",{className:"flex items-center justify-between",children:[(0,s.jsxs)("div",{children:[(0,s.jsx)("div",{className:"text-[9px] font-semibold uppercase tracking-wide text-muted-foreground",children:"Employee NPS"}),(0,s.jsxs)("div",{className:"mt-0.5 flex items-baseline gap-1",children:[(0,s.jsx)("span",{className:"text-[20px] font-bold leading-none tracking-tight",children:"+62"}),(0,s.jsxs)("span",{className:"inline-flex items-center gap-0.5 rounded-full bg-emerald-100 px-1 text-[8px] font-semibold text-emerald-700",children:[(0,s.jsx)(y.default,{className:"size-2"}),"+8"]})]}),(0,s.jsx)("div",{className:"mt-0.5 text-[8px] text-muted-foreground",children:"Q2 pulse · 92% participation"})]}),(0,s.jsx)("div",{className:"flex items-center gap-0.5",children:(0,s.jsx)(eL.default,{className:"size-7 text-emerald-500"})})]}),(0,s.jsxs)("div",{className:"mt-2 flex h-1.5 overflow-hidden rounded-full",children:[(0,s.jsx)("div",{className:"h-full bg-emerald-500",style:{width:"71%"}}),(0,s.jsx)("div",{className:"h-full bg-amber-500",style:{width:"20%"}}),(0,s.jsx)("div",{className:"h-full bg-rose-500",style:{width:"9%"}})]}),(0,s.jsxs)("div",{className:"mt-1 flex items-center justify-between text-[7px] text-muted-foreground",children:[(0,s.jsx)("span",{children:"71% promoters"}),(0,s.jsx)("span",{children:"20% passives"}),(0,s.jsx)("span",{children:"9% detractors"})]})]}),(0,s.jsx)("div",{className:"grid grid-cols-2 gap-1.5",children:tr.slice(0,4).map(e=>(0,s.jsxs)("div",{className:"rounded-lg border bg-card p-2 shadow-xs",children:[(0,s.jsxs)("div",{className:"flex items-center gap-1.5",children:[(0,s.jsx)("div",{className:(0,l.cn)("flex size-4 items-center justify-center rounded",ti[e.tone]),children:(0,s.jsx)(e.Icon,{className:"size-2.5"})}),(0,s.jsx)("span",{className:"truncate text-[8px] font-medium text-muted-foreground",children:e.label})]}),(0,s.jsx)("div",{className:"mt-1 text-[13px] font-bold leading-none tracking-tight",children:e.value}),(0,s.jsx)("div",{className:"mt-0.5 text-[7px] text-muted-foreground",children:e.sub})]},e.label))}),(0,s.jsxs)("div",{className:"overflow-hidden rounded-lg border bg-card shadow-xs",children:[(0,s.jsxs)("div",{className:"flex items-center justify-between border-b px-2.5 py-1.5",children:[(0,s.jsxs)("div",{children:[(0,s.jsxs)("div",{className:"flex items-center gap-1",children:[(0,s.jsx)("span",{className:"text-[10px] font-semibold",children:"Today's roster"}),(0,s.jsx)("span",{className:"rounded-full bg-emerald-500/15 px-1 py-px text-[6px] font-bold uppercase text-emerald-700",children:"Live"})]}),(0,s.jsx)("div",{className:"text-[8px] text-muted-foreground",children:"98 in · 8 on leave · 1,096h"})]}),(0,s.jsx)(sK.default,{className:"size-3 text-emerald-600"})]}),(0,s.jsx)("div",{className:"divide-y divide-border/60",children:tu.slice(0,4).map((e,t)=>(0,s.jsxs)("div",{className:"flex items-center gap-1.5 px-2.5 py-1.5",children:[(0,s.jsx)(ts,{emp:e.emp,size:"sm"}),(0,s.jsxs)("div",{className:"min-w-0 flex-1",children:[(0,s.jsx)("div",{className:"truncate text-[10px] font-medium leading-tight",children:e.emp.name}),(0,s.jsxs)("div",{className:"flex items-center gap-1 text-[8px] text-muted-foreground",children:[(0,s.jsx)(tt,{dept:e.emp.dept,className:"text-[7px]"}),e.clockIn&&(0,s.jsx)("span",{className:"tabular-nums",children:e.clockIn})]})]}),(0,s.jsxs)("div",{className:"flex flex-col items-end gap-0.5",children:[(0,s.jsx)("span",{className:"text-[8px] font-bold tabular-nums",children:e.hours}),(0,s.jsx)(tp,{status:e.status})]})]},t))})]}),(0,s.jsxs)("div",{className:"overflow-hidden rounded-lg border bg-card shadow-xs",children:[(0,s.jsxs)("div",{className:"flex items-center justify-between border-b px-2.5 py-1.5",children:[(0,s.jsxs)("div",{children:[(0,s.jsx)("div",{className:"text-[10px] font-semibold",children:"Leave requests"}),(0,s.jsx)("div",{className:"text-[8px] text-muted-foreground",children:"3 pending · approve here"})]}),(0,s.jsx)(sV.default,{className:"size-3 text-amber-600"})]}),(0,s.jsx)("div",{className:"divide-y divide-border/60",children:th.slice(0,2).map((e,t)=>(0,s.jsxs)("div",{className:"flex items-center gap-1.5 px-2.5 py-1.5",children:[(0,s.jsx)(ts,{emp:e.emp,size:"sm"}),(0,s.jsxs)("div",{className:"min-w-0 flex-1",children:[(0,s.jsx)("div",{className:"truncate text-[10px] font-medium leading-tight",children:e.emp.name}),(0,s.jsxs)("div",{className:"truncate text-[8px] text-muted-foreground",children:[e.type," · ",e.days," · ",e.reason]})]}),(0,s.jsxs)("div",{className:"flex shrink-0 items-center gap-0.5",children:[(0,s.jsx)("button",{type:"button","aria-label":"Approve",className:"flex size-5 items-center justify-center rounded bg-emerald-600 text-white",children:(0,s.jsx)(sZ.CheckIcon,{className:"size-2.5"})}),(0,s.jsx)("button",{type:"button","aria-label":"Decline",className:"flex size-5 items-center justify-center rounded border border-border bg-background text-foreground
1/70",children:(0,s.jsx)(eH.XIcon,{className:"size-2.5"})})]})]},t))})]}),(0,s.jsxs)("div",{className:"rounded-lg border bg-card px-2.5 py-1.5 shadow-xs",children:[(0,s.jsxs)("div",{className:"flex items-center gap-1.5",children:[(0,s.jsx)(s1.default,{className:"size-3 text-pink-500"}),(0,s.jsx)("div",{className:"text-[10px] font-semibold",children:"This week"}),(0,s.jsx)("span",{className:"ml-auto text-[8px] text-muted-foreground",children:"3 events"})]}),(0,s.jsxs)("div",{className:"mt-1.5 flex items-center gap-2",children:[(0,s.jsxs)("div",{className:"flex items-center gap-1",children:[(0,s.jsx)(ts,{emp:s6,size:"sm"}),(0,s.jsxs)("div",{className:"text-[8px] leading-tight",children:[(0,s.jsx)("div",{className:"font-semibold",children:"Stanley"}),(0,s.jsx)("div",{className:"text-muted-foreground",children:"ð Friday"})]})]}),(0,s.jsxs)("div",{className:"flex items-center gap-1",children:[(0,s.jsx)(ts,{emp:s4,size:"sm"}),(0,s.jsxs)("div",{className:"text-[8px] leading-tight",children:[(0,s.jsx)("div",{className:"font-semibold",children:"Pam"}),(0,s.jsx)("div",{className:"text-muted-foreground",children:"ð Mon"})]})]}),(0,s.jsxs)("div",{className:"flex items-center gap-1",children:[(0,s.jsx)(ts,{emp:s9,size:"sm"}),(0,s.jsxs)("div",{className:"text-[8px] leading-tight",children:[(0,s.jsx)("div",{className:"font-semibold",children:"Phyllis"}),(0,s.jsx)("div",{className:"text-muted-foreground",children:"ð 10 yr"})]})]})]})]})]}),(0,s.jsx)("div",{className:"flex items-center justify-around border-t bg-background px-2 py-1.5",children:[{icon:ey.default,label:"Home"},{icon:f.UsersIcon,label:"HR",active:!0},{icon:sK.default,label:"Time"},{icon:sV.default,label:"Leaves"},{icon:sG.default,label:"Reports"}].map(e=>(0,s.jsxs)("div",{className:"flex flex-col items-center gap-0.5",children:[(0,s.jsx)(e.icon,{className:(0,l.cn)("size-3",e.active?"text-primary":"text-muted-foreground")}),(0,s.jsx)("span",{className:(0,l.cn)("text-[7px]",e.active?"font-semibold text-primary":"text-muted-foreground"),children:e.label})]},e.label))})]})}e.s(["MobileHRContent",0,tz,"TixioHRMockup",0,function({className:e,onModuleChange:i,selectableModules:r}){return(0,s.jsxs)("div",{className:(0,l.cn)("relative w-full",e),children:[(0,s.jsx)("div",{className:"hidden md:block",children:(0,s.jsx)(t.BrowserMockup,{title:"Tixio | HR",className:"h-[500px] lg:h-[600px] xl:h-[680px] rounded-b-none border-0 shadow-none",children:(0,s.jsx)(v,{activeModule:"hr",onModuleChange:i,selectableModules:r,children:(0,s.jsx)(tk,{})})})}),(0,s.jsxs)("div",{className:"relative mx-auto block w-[260px] max-w-full text-background drop-shadow-2xl md:hidden",style:{containerType:"inline-size"},children:[(0,s.jsx)(a.Iphone17Pro,{className:"w-full h-auto"}),(0,s.jsxs)("div",{className:"absolute overflow-hidden",style:{left:"7.04%",top:`${.032025*100}%`,width:"85.99%",height:"93.5925%",borderRadius:"12.31cqi"},children:[(0,s.jsx)(tz,{}),(0,s.jsx)("div",{className:"absolute left-1/2 -translate-x-1/2 rounded-full bg-black shadow-inner",style:{top:"1.4%",width:"24%",height:"3.3%"}})]})]})]})}],220859);var tI=e.i(402900),tI=tI,tM=e.i(117535),tM=tM,s_=s_,sG=sG,w=w,tC=e.i(627671),tC=tC,tS=e.i(9648),tS=tS,sf=sf,sh=sh,tA=e.i(983804),tA=tA,tT=e.i(283983),tT=tT,tP=e.i(608418),sN=sN,sY=sY,L=L,s0=s0,sk=sk,tL=e.i(353154),tL=tL,x=x,eP=eP,tR=e.i(319477),tR=tR,s3=s3,s7=s7,tD=e.i(676657);let tH={initials:"PV",color:"bg-rose-500"},tB={initials:"SH",color:"bg-orange-600"},tW={initials:"PB",color:"bg-pink-500"},tO={initials:"JH",color:"bg-indigo-500"},tF={initials:"OM",color:"bg-teal-600"},tQ={initials:"EH",color:"bg-fuchsia-500"},t$=[{key:"todo",label:"TODO",className:"bg-amber-400 text-amber-950",count:18},{key:"in-design",label:"IN DESIGN",className:"bg-cyan-400 text-cyan-950",count:12},{key:"in-development",label:"IN DEVELOPMENT",className:"bg-emerald-700 text-white",count:24},{key:"in-review",label:"IN REVIEW",className:"bg-rose-400 text-rose-950",count:9},{key:"ready",label:"READY",className:"bg-teal-800 text-white",count:31}],tE={"in-progress":{label:"In progress",className:"bg-orange-100 text-orange-700"},todo:{label:"To Do",className:"bg-indigo-100 text-indigo-700"},blocked:{label:"Blocked",className:"bg-rose-100 text-rose-700"}},tq={important:{label:"Important",Icon:tC.default,className:"bg-violet-100 text-violet-700"},critical:{label:"Critical",Icon:tA.default,className:"bg-red-100 text-red-700"}},tJ={todo:[{id:"todo-1",ticket:"Q2L-2",title:"Set p99 latency baseline for /search v2 endpoints",date:"Apr 29 - Apr 30",status:"in-progress",priority:"important",assignees:[],hasTimer:!0},{id:"todo-2",ticket:"Q2L-44",title:"Audit competitor pricing tiers ahead of Q2 reset",date:"Apr 29 - Apr 30",status:"in-progress",priority:"important",assignees:[],hasTimer:!0},{id:"todo-3",ticket:"Q2L-23",title:"Schema migration: split workspaces table by tenant id",date:"Apr 25 - Apr 30",status:"todo",priority:"critical",assignees:[tB],subtasks:20,hasTimer:!0},{id:"todo-4",ticket:"Q2L-71",title:"Draft RFC for cursor pagination on the public API",date:"Apr 25 - Apr 30",status:"todo",priority:"critical",assignees:[tB]}],"in-design":[{id:"des-1",ticket:"Q2L-550",title:"Empty state illustration set for boards and lists",date:"Apr 29 - Apr 30",status:"in-progress",priority:"important",assignees:[],hasTimer:!0},{id:"des-2",ticket:"Q2L-638",title:"Mobile bottom-sheet interaction for task detail",date:"Apr 25 - Apr 30",status:"todo",priority:"critical",assignees:[tW],subtasks:20,hasTimer:!0},{id:"des-3",ticket:"Q2L-681",title:"Refresh dashboard widget grid spacing & dividers",date:"Apr 29 - Apr 30",status:"in-progress",priority:"important",assignees:[],hasTimer:!0},{id:"des-4",ticket:"Q2L-712",title:"Onboarding tour: redesign step indicator chips",date:"Apr 25 - Apr 30",status:"todo",priority:"critical",assignees:[tW,tQ]}],"in-development":[{id:"dev-1",ticket:"Q2L-1058",title:"Wire OAuth flow into the new identity service",date:"Apr 29 - Apr 30",status:"in-progress",priority:"important",assignees:[],hasTimer:!0},{id:"dev-2",ticket:"Q2L-992",title:"Token-bucket rate limiter for public webhooks",date:"Apr 25 - Apr 30",status:"todo",priority:"critical",assignees:[tO],subtasks:20,hasTimer:!0},{id:"dev-3",ticket:"Q2L-991",title:"Postgres connection pooling for API workers",date:"Apr 29 - Apr 30",status:"in-progress",priority:"important",assignees:[],hasTimer:!0},{id:"dev-4",ticket:"Q2L-1004",title:"Real-time presence indicators on board cards",date:"Apr 25 - Apr 30",status:"todo",priority:"critical",assignees:[tO,tF]}],"in-review":[{id:"rev-1",ticket:"Q2L-1757",title:"PR review: drag-and-drop reorder for kanban columns",date:"Apr 25 - Apr 30",status:"todo",priority:"critical",assignees:[tF],subtasks:20,hasTimer:!0},{id:"rev-2",ticket:"Q2L-1778",title:"QA sweep on board real-time presence indicators",date:"Apr 29 - Apr 30",status:"in-progress",priority:"important",assignees:[],hasTimer:!0},{id:"rev-3",ticket:"Q2L-1780",title:"Verify timezone handling across reports module",date:"Apr 25 - Apr 30",status:"todo",priority:"critical",assignees:[tF],subtasks:20,hasTimer:!0},{id:"rev-4",ticket:"Q2L-1812",title:"Accessibility pass on settings & profile flows",date:"Apr 25 - Apr 30",status:"todo",priority:"critical",assignees:[tF]}],ready:[{id:"rdy-1",ticket:"Q2L-2672",title:"Update marketing site hero with
1new metric counters",date:"Apr 29 - Apr 30",status:"in-progress",priority:"important",assignees:[]},{id:"rdy-2",ticket:"Q2L-2673",title:"Cut release branch and tag rc.1 for staging deploy",date:"Apr 29 - Apr 30",status:"in-progress",priority:"important",assignees:[]},{id:"rdy-3",ticket:"Q2L-2651",title:"Ship v2 launch announcement to /changelog",date:"Apr 25 - Apr 30",status:"todo",priority:"critical",assignees:[tH]}]};function tU({status:e}){let t=tE[e];return(0,s.jsx)("span",{className:(0,l.cn)("inline-flex items-center rounded-full px-2 py-0.5 text-[9px] font-medium",t.className),children:t.label})}function tV({priority:e}){let t=tq[e];return(0,s.jsxs)("span",{className:(0,l.cn)("inline-flex items-center gap-0.5 rounded-full px-2 py-0.5 text-[9px] font-medium",t.className),children:[(0,s.jsx)(t.Icon,{className:"size-2.5"}),t.label]})}function t_({avatars:e}){return(0,s.jsxs)("div",{className:"flex items-center gap-1",children:[e.map((e,t)=>(0,s.jsx)("span",{className:(0,l.cn)("flex size-5 shrink-0 items-center justify-center rounded-md text-[8px] font-bold text-white",e.color),children:e.initials},t)),(0,s.jsx)("span",{className:"flex size-5 shrink-0 items-center justify-center rounded-md border border-dashed border-border text-muted-foreground",children:(0,s.jsx)(s7.default,{className:"size-2.5"})})]})}function tG({task:e}){return(0,s.jsxs)("div",{className:"rounded-lg border border-border/60 bg-card p-2.5 shadow-xs",children:[(0,s.jsxs)("div",{className:"flex items-start gap-2",children:[(0,s.jsx)("span",{className:"mt-[2px] inline-block size-3 shrink-0 rounded-sm border border-border"}),(0,s.jsx)("p",{className:"text-[11px] font-semibold leading-snug text-foreground",children:e.title})]}),(0,s.jsxs)("div",{className:"mt-2 flex flex-wrap items-center gap-1.5",children:[(0,s.jsxs)("span",{className:"inline-flex items-center gap-1 text-[9px] text-muted-foreground",children:[(0,s.jsx)(s_.default,{className:"size-2.5"}),e.date]}),e.status&&(0,s.jsx)(tU,{status:e.status}),e.priority&&(0,s.jsx)(tV,{priority:e.priority})]}),(0,s.jsx)("div",{className:"mt-2",children:(0,s.jsx)(t_,{avatars:e.assignees})}),(0,s.jsxs)("div",{className:"mt-2.5 flex items-center justify-between text-[9px] text-muted-foreground",children:[(0,s.jsx)("span",{className:"tabular-nums",children:e.ticket}),(0,s.jsxs)("div",{className:"flex items-center gap-2",children:[void 0!==e.subtasks&&(0,s.jsxs)("span",{className:"inline-flex items-center gap-0.5",children:[(0,s.jsx)(tP.GitBranchIcon,{className:"size-2.5"}),(0,s.jsx)("span",{className:"tabular-nums",children:e.subtasks})]}),e.hasTimer&&(0,s.jsx)(tS.default,{className:"size-2.5"})]})]})]})}function tZ({stage:e}){let t=tJ[e.key];return(0,s.jsxs)("div",{className:"flex w-[232px] shrink-0 flex-col gap-2",children:[(0,s.jsxs)("div",{className:"flex items-center justify-between rounded-md border border-border/60 bg-card px-2 py-1.5",children:[(0,s.jsxs)("div",{className:"flex items-center gap-1.5",children:[(0,s.jsx)("span",{className:"inline-block size-3 shrink-0 rounded-sm border border-border"}),(0,s.jsx)("span",{className:(0,l.cn)("inline-flex items-center rounded-md px-2 py-0.5 text-[9px] font-bold uppercase tracking-wide",e.className),children:e.label}),(0,s.jsx)("span",{className:"inline-flex h-4 items-center justify-center rounded-full border border-border bg-background px-1.5 text-[9px] font-medium text-muted-foreground tabular-nums",children:e.count})]}),(0,s.jsxs)("div",{className:"flex items-center gap-1.5 text-muted-foreground",children:[(0,s.jsx)(x.default,{className:"size-3"}),(0,s.jsx)(s0.default,{className:"size-3"})]})]}),(0,s.jsx)("div",{className:"flex flex-col gap-2",children:t.map(e=>(0,s.jsx)(tG,{task:e},e.id))}),(0,s.jsxs)("div",{className:"flex items-center gap-1 px-1.5 py-1 text-[10px] text-muted-foreground",children:[(0,s.jsx)(x.default,{className:"size-3"}),"Add new task"]})]})}function tK({label:e,expanded:t=!1,count:a,withPlus:l=!1}){let i=t?d.ChevronDownIcon:w.default;return(0,s.jsxs)("div",{className:"group flex items-center gap-1 px-1 py-1 text-[11px]",children:[(0,s.jsx)(i,{className:"size-3 shrink-0 text-foreground
1/70"}),(0,s.jsx)("span",{className:"font-semibold text-foreground/90",children:e}),void 0!==a&&(0,s.jsx)("span",{className:"inline-flex h-4 min-w-4 items-center justify-center rounded-full border border-border bg-background px-1 text-[9px] font-medium text-muted-foreground tabular-nums",children:a}),l&&(0,s.jsx)("span",{className:"ml-auto flex size-4 items-center justify-center rounded-md bg-primary/10 text-primary",children:(0,s.jsx)(x.default,{className:"size-2.5"})})]})}function tX({label:e,Icon:t,dot:a,active:i,indent:r=0}){return(0,s.jsxs)("div",{className:(0,l.cn)("flex items-center gap-1.5 rounded-md px-1.5 py-1 text-[11px]",i?"bg-primary/10 text-foreground":"text-foreground/80 hover:bg-muted/60"),style:{paddingLeft:6+14*r},children:[a?(0,s.jsx)("span",{className:"size-1.5 shrink-0 rounded-full bg-foreground/40"}):t?(0,s.jsx)(t,{className:"size-3.5 shrink-0 text-foreground/60"}):null,(0,s.jsx)("span",{className:"truncate",children:e})]})}function tY(){return(0,s.jsx)("aside",{className:"hidden md:flex w-[180px] shrink-0 flex-col gap-0.5 border-r bg-background py-3 text-foreground",children:(0,s.jsxs)("div",{className:"flex flex-col gap-0.5 px-2",children:[(0,s.jsx)(tX,{label:"Archived",Icon:tI.default}),(0,s.jsx)(tK,{label:"Favorites",count:0}),(0,s.jsx)(tK,{label:"Team Space",expanded:!0,count:3}),(0,s.jsx)(tX,{label:"Engineering",Icon:tT.default}),(0,s.jsx)(tX,{label:"Design system",dot:!0}),(0,s.jsx)(tX,{label:"Growth experiments",Icon:tT.default}),(0,s.jsx)(tK,{label:"My Project",expanded:!0,count:6,withPlus:!0}),(0,s.jsx)(tX,{label:"Q2 launch",dot:!0,active:!0}),(0,s.jsx)(tX,{label:"Marketing site",Icon:tT.default}),(0,s.jsx)(tX,{label:"Mobile app",Icon:tT.default}),(0,s.jsx)(tX,{label:"Platform",Icon:tT.default}),(0,s.jsx)(tX,{label:"Search v2",dot:!0,indent:1}),(0,s.jsx)(tX,{label:"Reporting",dot:!0}),(0,s.jsx)(tX,{label:"Internal tools",Icon:tT.default}),(0,s.jsx)(tX,{label:"Onboarding flow",dot:!0,indent:1}),(0,s.jsx)(tK,{label:"Shared With Me",expanded:!0,count:3}),(0,s.jsx)(tX,{label:"Brand refresh",dot:!0}),(0,s.jsx)(tX,{label:"API v3 spec",Icon:tT.default}),(0,s.jsx)(tX,{label:"Customer research",dot:!0})]})})}function t0(){return(0,s.jsxs)("div",{className:"flex items-center justify-between border-b px-3 py-2",children:[(0,s.jsxs)("div",{className:"flex items-center gap-1.5 text-[11px]",children:[(0,s.jsx)(sk.default,{className:"size-3.5 text-foreground/70"}),(0,s.jsx)("span",{className:"text-muted-foreground",children:"Sub-project"}),(0,s.jsx)(w.default,{className:"size-3 text-muted-foreground"}),(0,s.jsx)("span",{className:"size-1.5 rounded-full bg-foreground
1/40"}),(0,s.jsx)("span",{className:"font-medium text-foreground",children:"Q2 launch"})]}),(0,s.jsxs)("div",{className:"flex items-center gap-2",children:[(0,s.jsxs)("button",{type:"button",className:"inline-flex items-center gap-1 rounded-md bg-primary px-2.5 py-1 text-[10px] font-semibold text-primary-foreground",children:[(0,s.jsx)(f.UsersIcon,{className:"size-3"}),"Share"]}),(0,s.jsx)(sY.default,{className:"size-3.5 text-foreground/60"}),(0,s.jsx)(s0.default,{className:"size-3.5 text-foreground/60"})]})]})}let t1=[{label:"List View",Icon:c.ListTodoIcon},{label:"Board View",Icon:sN.default,active:!0},{label:"Calendar",Icon:s_.default},{label:"Roadmap",Icon:tD.WorkflowIcon},{label:"Reports",Icon:sG.default},{label:"Automations",Icon:tM.default},{label:"Trash",Icon:tR.default}];function t2(){return(0,s.jsx)("div",{className:"flex items-center gap-1 border-b px-3",children:t1.map(e=>(0,s.jsxs)("div",{className:(0,l.cn)("-mb-px inline-flex items-center gap-1.5 border-b-2 px-2.5 py-2 text-[11px]",e.active?"border-primary font-semibold text-primary":"border-transparent text-muted-foreground"),children:[(0,s.jsx)(e.Icon,{className:(0,l.cn)("size-3.5",e.active?"text-primary":"text-muted-foreground")}),e.label]},e.label))})}function t5(){return(0,s.jsxs)("div",{className:"flex items-center justify-between gap-2 px-3 py-2",children:[(0,s.jsxs)("div",{className:"flex items-center gap-2",children:[(0,s.jsxs)("div",{className:"flex h-7 w-48 items-center gap-1.5 rounded-md border border-border bg-background px-2 text-[10px] text-muted-foreground",children:[(0,s.jsx)(m.SearchIcon,{className:"size-3"}),(0,s.jsx)("span",{children:"Search tasks..."})]}),(0,s.jsxs)("button",{type:"button",className:"inline-flex h-7 items-center gap-1 rounded-md border border-border bg-background px-2 text-[10px] font-medium text-foreground/80",children:[(0,s.jsx)(sf.default,{className:"size-3"}),"Filter"]})]}),(0,s.jsxs)("div",{className:"flex items-center gap-1.5 text-foreground/70",children:[(0,s.jsx)("div",{className:"flex size-7 items-center justify-center rounded-md border border-border bg-background",children:(0,s.jsx)(s3.default,{className:"size-3.5"})}),(0,s.jsx)("div",{className:"flex size-7 items-center justify-center",children:(0,s.jsx)(x.default,{className:"size-4"})}),(0,s.jsx)("div",{className:"flex size-7 items-center justify-center",children:(0,s.jsx)(eP.default,{className:"size-4"})})]})]})}function t3(){return(0,s.jsx)("div",{className:"flex flex-1 min-h-0 flex-col bg-muted/30",children:(0,s.jsx)("div",{className:"mock-scrollbar flex flex-1 gap-3 overflow-x-auto overflow-y-auto p-3",children:t$.map(e=>(0,s.jsx)(tZ,{stage:e},e.key))})})}function t7(){return(0,s.jsxs)("div",{className:"flex h-full w-full overflow-hidden bg-background",children:[(0,s.jsx)(tY,{}),(0,s.jsxs)("div",{className:"flex min-w-0 flex-1 flex-col overflow-hidden",children:[(0,s.jsx)(t0,{}),(0,s.jsx)(t2,{}),(0,s.jsx)(t5,{}),(0,s.jsx)(t3,{})]})]})}let t4=[{id:"m1",title:"Q3 sales numbers â Stanley's region",assignees:[tB],priority:"High",due:"Today",comments:5,label:"Sales"},{id:"m2",title:"Launch Recyclops anti-recycling campaign",assignees:[{initials:"DS",color:"bg-amber-600"}],priority:"High",due:"Tomorrow",comments:3,files:2,label:"Marketing"},{id:"m3",title:"Pretzel Day vendor coordination",assignees:[tH],priority:"Med",due:"Tue",comments:8,label:"Events"},{id:"m4",title:"Threat Level Midnight pitch deck v3",assignees:[{initials:"MS",color:"bg-blue-600"}],priority:"Low",due:"Wed",comments:24,files:1,label:"Branding"},{id:"m5",title:"New employee onboarding deck â Erin",assignees:[tW,tQ],priority:"Med",due:"Today",label:"Ops"},{id:"m6",title:"Office safety training (CPR dummy)",assignees:[{initials:"TF",color:"bg-stone-500"}],priority:"Med",due:"Mon",label:"Ops"}];function t6({priority:e}){return(0,s.jsxs)("span",{className:(0,l.cn)("inline-flex items-center gap-0.5 rounded-md border px-1 py-0.5 text-[8px] font-medium",{High:"border-rose-500/30 bg-rose-500/10 text-rose-700 dark:text-rose-400",Med:"border-amber-500/30 bg-amber-500/10 text-amber-700 dark:text-amber-400",Low:"border-stone-400/30 bg-stone-500/10 text-stone-600 dar
1k:text-stone-400"}[e]),children:[(0,s.jsx)(sh.default,{className:"size-2"}),e]})}function t8({label:e}){return(0,s.jsx)("span",{className:(0,l.cn)("inline-flex items-center rounded px-1 py-0.5 text-[8px] font-medium",{Marketing:"bg-purple-100 text-purple-700",Events:"bg-orange-100 text-orange-700",Sales:"bg-blue-100 text-blue-700",Branding:"bg-rose-100 text-rose-700",Ops:"bg-emerald-100 text-emerald-700"}[e]),children:e})}function t9({avatars:e}){return(0,s.jsx)("div",{className:"flex items-center",children:e.map((e,t)=>(0,s.jsx)("span",{className:(0,l.cn)("rounded-full font-bold text-white flex items-center justify-center shrink-0 size-4 text-[7px] -ml-1 first:ml-0 ring-1 ring-card",e.color),children:e.initials},t))})}function ae({task:e}){return(0,s.jsxs)("div",{className:"rounded-lg border border-border/70 bg-card p-2 shadow-xs",children:[(0,s.jsxs)("div",{className:"flex items-center justify-between gap-2",children:[(0,s.jsxs)("div",{className:"flex items-center gap-1",children:[e.label&&(0,s.jsx)(t8,{label:e.label}),e.priority&&(0,s.jsx)(t6,{priority:e.priority})]}),(0,s.jsx)(L.default,{className:"size-3 text-muted-foreground"})]}),(0,s.jsx)("p",{className:"mt-1 text-[10px] font-medium leading-snug text-foreground",children:e.title}),(0,s.jsxs)("div",{className:"mt-1.5 flex items-center justify-between",children:[(0,s.jsxs)("div",{className:"flex items-center gap-1.5 text-[9px] text-muted-foreground",children:[e.due&&(0,s.jsxs)("span",{className:"inline-flex items-center gap-0.5",children:[(0,s.jsx)(s_.default,{className:"size-2.5"}),e.due]}),void 0!==e.comments&&(0,s.jsxs)("span",{className:"inline-flex items-center gap-0.5",children:[(0,s.jsx)(o.MessageSquareIcon,{className:"size-2.5"}),e.comments]}),void 0!==e.files&&(0,s.jsxs)("span",{className:"inline-flex items-center gap-0.5",children:[(0,s.jsx)(tL.default,{className:"size-2.5"}),e.files]})]}),(0,s.jsx)(t9,{avatars:e.assignees})]})]})}let as=[{label:"My Tasks",active:!0,count:6},{label:"Today",count:2},{label:"Upcoming",count:4},{label:"Done"}],at=[{Icon:sN.default,label:"Board",active:!0},{Icon:c.ListTodoIcon,label:"List"},{Icon:s_.default,label:"Calendar"},{Icon:sG.default,label:"Reports"}];function aa(){return(0,s.jsxs)("div",{className:"flex h-full w-full flex-col overflow-hidden bg-background font-sans text-foreground",children:[(0,s.jsxs)("div",{className:"flex items-center justify-between px-3 pt-1.5 pb-0.5 text-[8px] font-semibold",children:[(0,s.jsx)("span",{children:"9:41"}),(0,s.jsxs)("span",{className:"flex items-center gap-0.5",children:[(0,s.jsx)("span",{className:"size-1 rounded-full bg-foreground"}),(0,s.jsx)("span",{className:"size-1 rounded-full bg-foreground"}),(0,s.jsx)("span",{className:"size-1 rounded-full bg-foreground
1/40"})]})]}),(0,s.jsxs)("div",{className:"flex items-center gap-2 border-b px-3 py-2",children:[(0,s.jsx)("span",{className:"size-3 rounded-sm bg-blue-500"}),(0,s.jsxs)("div",{className:"min-w-0 flex-1",children:[(0,s.jsxs)("div",{className:"flex items-center gap-1",children:[(0,s.jsx)("span",{className:"text-[11px] font-semibold truncate",children:"Q3 Sales Push"}),(0,s.jsx)(d.ChevronDownIcon,{className:"size-3 text-muted-foreground"})]}),(0,s.jsx)("div",{className:"text-[8px] text-muted-foreground",children:"Dunder Mifflin · 6 members"})]}),(0,s.jsx)("div",{className:"flex size-6 items-center justify-center rounded-full bg-primary text-primary-foreground",children:(0,s.jsx)(x.default,{className:"size-3"})})]}),(0,s.jsxs)("div",{className:"flex items-center gap-2 border-b px-3 py-1.5",children:[(0,s.jsxs)("div",{className:"text-[8px] text-muted-foreground",children:[(0,s.jsx)("span",{className:"font-semibold text-foreground",children:"12"})," / 24 done"]}),(0,s.jsx)("div",{className:"relative flex h-1.5 flex-1 overflow-hidden rounded-full bg-muted",children:(0,s.jsx)("div",{className:"h-full w-1/2 bg-primary"})}),(0,s.jsx)("span",{className:"text-[8px] font-semibold text-primary",children:"50%"})]}),(0,s.jsx)("div",{className:"flex gap-1 border-b px-2 py-1.5 overflow-hidden",children:as.map(e=>(0,s.jsxs)("div",{className:(0,l.cn)("inline-flex shrink-0 items-center gap-0.5 rounded px-1.5 py-0.5 text-[9px] font-medium",e.active?"bg-primary text-primary-foreground":"bg-muted text-muted-foreground"),children:[e.label,void 0!==e.count&&(0,s.jsx)("span",{className:(0,l.cn)("rounded-full px-0.5 text-[7px]",e.active?"bg-primary-foreground/20":"bg-background"),children:e.count})]},e.label))}),(0,s.jsxs)("div",{className:"flex items-center justify-between border-b px-3 py-1",children:[(0,s.jsx)("span",{className:"text-[9px] font-semibold uppercase tracking-wide text-muted-foreground",children:"My Tasks"}),(0,s.jsx)(sf.default,{className:"size-3 text-muted-foreground"})]}),(0,s.jsx)("div",{className:"flex-1 space-y-1.5 overflow-hidden bg-muted/20 p-1.5",children:t4.map(e=>(0,s.jsx)(ae,{task:e},e.id))}),(0,s.jsx)("div",{className:"flex items-center justify-around border-t bg-background px-2 py-1.5",children:at.map(e=>(0,s.jsxs)("div",{className:"flex flex-col items-center gap-0.5",children:[(0,s.jsx)(e.Icon,{className:(0,l.cn)("size-3",e.active?"text-primary":"text-muted-foreground")}),(0,s.jsx)("span",{className:(0,l.cn)("text-[7px]",e.active?"font-semibold text-primary":"text-muted-foreground"),children:e.label})]},e.label))})]})}e.s(["MobileProjectsContent",0,aa,"TixioProjectsMockup",0,function({className:e,onModuleChange:i,selectableModules:r}){return(0,s.jsxs)("div",{className:(0,l.cn)("relative w-full",e),children:[(0,s.jsx)("div",{className:"hidden md:block",children:(0,s.jsx)(t.BrowserMockup,{title:"Tixio | Projects",className:"h-[500px] lg:h-[600px] xl:h-[680px] rounded-b-none border-0 shadow-none",children:(0,s.jsx)(v,{activeModule:"projects",onModuleChange:i,selectableModules:r,children:(0,s.jsx)(t7,{})})})}),(0,s.jsxs)("div",{className:"relative mx-auto block w-[260px] max-w-full text-background drop-shadow-2xl md:hidden",style:{containerType:"inline-size"},children:[(0,s.jsx)(a.Iphone17Pro,{className:"w-full h-auto"}),(0,s.jsxs)("div",{className:"absolute overflow-hidden",style:{left:"7.04%",top:`${.032025*100}%`,width:"85.99%",height:"93.5925%",borderRadius:"12.31cqi"},children:[(0,s.jsx)(aa,{}),(0,s.jsx)("div",{className:"absolute left-1/2 -translate-x-1/2 rounded-full bg-black shadow-inner",style:{top:"1.4%",width:"24%",height:"3.3%"}})]})]})]})}],25631)}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.