CapturePage-DYpWSW1o.js

js tempo.new collected 2026-09-24 22:55:20 UTC 272,075 bytes, 840 lines download raw bytes

1import{c as S,r as m,j as t,R as Rr,q as xi,X as Tr,e as ta,x as Mr,A as Pr}from"./init-marketing-runtime-leva1PFQ.js";import{d as Ps,e as Ir,S as Ks,f as Er,P as $r,G as Lr,g as sa,h as Dr,Z as Wt,W as ia,R as na,C as aa,i as ra,K as Fr,H as Gr,j as Or,k as is,l as ns,m as gi,n as yi,D as vi,o as bi,p as ji,q as Ur,r as zr,B as Vr,F as Wr,s as Hr,V as qr,t as Zr}from"./main-VHfD_rrM.js";import{c3 as Yr,bD as Xr,bE as Js,bF as Qs}from"./factory-data-2WoKjiMj.js";import{i as ce,a as ei,b as Kr,f as V,c as K,d as Jr,e as oa,p as Qr,g as it,s as eo,m as to,h as L,j as Is,k as la,l as P,n as xt,o as so,q as io,r as no,t as ki,v as ao,w as Tt,x as ca,y as De,z as da,A as wi,B as ro,L as oo,S as lo,C as co,D as ha,E as pa,G as ua,H as fa,I as ho,J as _i,K as po,M as uo,N as fo,O as as,P as Ae,Q as gt,R as yt,T as Si,U as mo,V as xo,W as go,X as $e,Y as yo,Z as rs,_ as Ni,$ as vo,a0 as bo,a1 as jo,a2 as ko,a3 as wo,a4 as _o,u as So,F as Es,a5 as ma}from"./FadeInOnScroll-8Uwr-MUD.js";import{I as No,M as Co}from"./button-Dn3ax4sg.js";import{G as xa,F as Bo,C as Ao}from"./Navbar-DatN24vn.js";import{B as ga,R as Ro,G as ya}from"./radar-DoVavJki.js";import{C as To,G as Mo}from"./crew-Bv9YdMfq.js";import{C as Po}from"./GrainOverlay-D9f-jPas.js";import{F as Io}from"./SoftwareFactoryShippyIso-BT80c0yA.js";const Eo=[["path",{d:"M22 12h-2.48a2 2 0 0 0-1.93 1.46l-2.35 8.36a.25.25 0 0 1-.48 0L9.24 2.18a.25.25 0 0 0-.48 0l-2.35 8.36A2 2 0 0 1 4.49 12H2",key:"169zse"}]],va=S("activity",Eo);const $o=[["path",{d:"m15.477 12.89 1.515 8.526a.5.5 0 0 1-.81.47l-3.58-2.687a1 1 0 0 0-1.197 0l-3.586 2.686a.5.5 0 0 1-.81-.469l1.514-8.526",key:"1yiouv"}],["circle",{cx:"12",cy:"8",r:"6",key:"1vp47v"}]],Lo=S("award",$o);const Do=[["path",{d:"M2.97 12.92A2 2 0 0 0 2 14.63v3.24a2 2 0 0 0 .97 1.71l3 1.8a2 2 0 0 0 2.06 0L12 19v-5.5l-5-3-4.03 2.42Z",key:"lc1i9w"}],["path",{d:"m7 16.5-4.74-2.85",key:"1o9zyk"}],["path",{d:"m7 16.5 5-3",key:"va8pkn"}],["path",{d:"M7 16.5v5.17",key:"jnp8gn"}],["path",{d:"M12 13.5V19l3.97 2.38a2 2 0 0 0 2.06 0l3-1.8a2 2 0 0 0 .97-1.71v-3.24a2 2 0 0 0-.97-1.71L17 10.5l-5 3Z",key:"8zsnat"}],["path",{d:"m17 16.5-5-3",key:"8arw3v"}],["path",{d:"m17 16.5 4.74-2.85",key:"8rfmw"}],["path",{d:"M17 16.5v5.17",key:"k6z78m"}],["path",{d:"M7.97 4.42A2 2 0 0 0 7 6.13v4.37l5 3 5-3V6.13a2 2 0 0 0-.97-1.71l-3-1.8a2 2 0 0 0-2.06 0l-3 1.8Z",key:"1xygjf"}],["path",{d:"M12 8 7.26 5.15",key:"1vbdud"}],["path",{d:"m12 8 4.74-2.85",key:"3rx089"}],["path",{d:"M12 13.5V8",key:"1io7kd"}]],Fo=S("boxes",Do);const Go=[["path",{d:"M12 5a3 3 0 1 0-5.997.125 4 4 0 0 0-2.526 5.77 4 4 0 0 0 .556 6.588A4 4 0 1 0 12 18Z",key:"l5xja"}],["path",{d:"M12 5a3 3 0 1 1 5.997.125 4 4 0 0 1 2.526 5.77 4 4 0 0 1-.556 6.588A4 4 0 1 1 12 18Z",key:"ep3f8r"}],["path",{d:"M15 13a4.5 4.5 0 0 1-3-4 4.5 4.5 0 0 1-3 4",key:"1p4c4q"}],["path",{d:"M17.599 6.5a3 3 0 0 0 .399-1.375",key:"tmeiqw"}],["path",{d:"M6.003 5.125A3 3 0 0 0 6.401 6.5",key:"105sqy"}],["path",{d:"M3.477 10.896a4 4 0 0 1 .585-.396",key:"ql3yin"}],["path",{d:"M19.938 10.5a4 4 0 0 1 .585.396",key:"1qfode"}],["path",{d:"M6 18a4 4 0 0 1-1.967-.516",key:"2e4loj"}],["path",{d:"M19.967 17.484A4 4 0 0 1 18 18",key:"159ez6"}]],Oo=S("brain",Go);const Uo=[["path",{d:"M6 22V4a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v18Z",key:"1b4qmf"}],["path",{d:"M6 12H4a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h2",key:"i71pzd"}],["path",{d:"M18 9h2a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2h-2",key:"10jefs"}],["path",{d:"M10 6h4",key:"1itunk"}],["path",{d:"M10 10h4",key:"tcdvrf"}],["path",{d:"M10 14h4",key:"kelpxr"}],["path",{d:"M10 18h4",key:"1ulq68"}]],zo=S("building-2",Uo);const Vo=[["path",{d:"M22 20v-9H2v9a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2Z",key:"109fe4"}],["path",{d:"M18 11V4H6v7",key:"mon5oj"}],["path",{d:"M15 22v-4a3 3 0 0 0-3-3a3 3 0 0 0-3 3v4",key:"1k4jtn"}],["path",{d:"M22 11V9",key:"3zbp94"}],["path",{d:"M2 11V9",key:"1x5rnq"}],["path",{d:"M6 4V2",key:"1rsq15"}],["path",{d:"M18 4V2",key:"1jsdo1"}],["path",{d:"M10 4V2",key:"75d9ly"}],["path",{d:"M14 4V2",key:"8nj3z6"}]],Wo=S("castle",Vo);const Ho=[["path",{d:"m15 18-6-6 6-6",key:"1wnfg3"}]],ba=S("chevron-left",Ho);const qo=[["path",{d:"M12 20a8 8 0 1 0 0-16 8 8 0 0 0 0 16Z",key:"sobvz5"}],["path",{d:"M12 14a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z",key:"11i496"}],["path",{d:"M12 2v2",key:"tus03m"}],["path",{d:"M12 22v-2",key:"1osdcq"}],["path",{d:"m17 20.66-1-1.73",key:"eq3orb"}],["path",{d:"M11 10.27 7 3.34",key:"16pf9h"}

1],["path",{d:"m20.66 17-1.73-1",key:"sg0v6f"}],["path",{d:"m3.34 7 1.73 1",key:"1ulond"}],["path",{d:"M14 12h8",key:"4f43i9"}],["path",{d:"M2 12h2",key:"1t8f8n"}],["path",{d:"m20.66 7-1.73 1",key:"1ow05n"}],["path",{d:"m3.34 17 1.73-1",key:"nuk764"}],["path",{d:"m17 3.34-1 1.73",key:"2wel8s"}],["path",{d:"m11 13.73-4 6.93",key:"794ttg"}]],ja=S("cog",qo);const Zo=[["path",{d:"m16.24 7.76-1.804 5.411a2 2 0 0 1-1.265 1.265L7.76 16.24l1.804-5.411a2 2 0 0 1 1.265-1.265z",key:"9ktpf1"}],["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}]],Yo=S("compass",Zo);const Xo=[["path",{d:"M14 2v6a2 2 0 0 0 .245.96l5.51 10.08A2 2 0 0 1 18 22H6a2 2 0 0 1-1.755-2.96l5.51-10.08A2 2 0 0 0 10 8V2",key:"18mbvz"}],["path",{d:"M6.453 15h11.094",key:"3shlmq"}],["path",{d:"M8.5 2h7",key:"csnxdl"}]],ka=S("flask-conical",Xo);const Ko=[["path",{d:"M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z",key:"c3ymky"}]],$s=S("heart",Ko);const Jo=[["path",{d:"m15.5 7.5 2.3 2.3a1 1 0 0 0 1.4 0l2.1-2.1a1 1 0 0 0 0-1.4L19 4",key:"g0fldk"}],["path",{d:"m21 2-9.6 9.6",key:"1j0ho8"}],["circle",{cx:"7.5",cy:"15.5",r:"5.5",key:"yqb3hr"}]],Ci=S("key",Jo);const Qo=[["path",{d:"m3 17 2 2 4-4",key:"1jhpwq"}],["path",{d:"m3 7 2 2 4-4",key:"1obspn"}],["path",{d:"M13 6h8",key:"15sg57"}],["path",{d:"M13 12h8",key:"h98zly"}],["path",{d:"M13 18h8",key:"oe0vm4"}]],el=S("list-checks",Qo);const tl=[["path",{d:"m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7",key:"132q7q"}],["rect",{x:"2",y:"4",width:"20",height:"16",rx:"2",key:"izxlao"}]],sl=S("mail",tl);const il=[["path",{d:"M14.106 5.553a2 2 0 0 0 1.788 0l3.659-1.83A1 1 0 0 1 21 4.619v12.764a1 1 0 0 1-.553.894l-4.553 2.277a2 2 0 0 1-1.788 0l-4.212-2.106a2 2 0 0 0-1.788 0l-3.659 1.83A1 1 0 0 1 3 19.381V6.618a1 1 0 0 1 .553-.894l4.553-2.277a2 2 0 0 1 1.788 0z",key:"169xi5"}],["path",{d:"M15 5.764v15",key:"1pn4in"}],["path",{d:"M9 3.236v15",key:"1uimfh"}]],nl=S("map",il);const al=[["path",{d:"M4 12h16",key:"1lakjw"}],["path",{d:"M4 18h16",key:"19g7jn"}],["path",{d:"M4 6h16",key:"1o0s65"}]],rl=S("menu",al);const ol=[["path",{d:"m8 3 4 8 5-5 5 15H2L8 3z",key:"otkl63"}]],ll=S("mountain",ol);const cl=[["path",{d:"M14.536 21.686a.5.5 0 0 0 .937-.024l6.5-19a.496.496 0 0 0-.635-.635l-19 6.5a.5.5 0 0 0-.024.937l7.93 3.18a2 2 0 0 1 1.112 1.11z",key:"1ffxy3"}],["path",{d:"m21.854 2.147-10.94 10.939",key:"12cjpa"}]],wa=S("send",cl);const dl=[["path",{d:"M12 2v13",key:"1km8f5"}],["path",{d:"m16 6-4-4-4 4",key:"13yo43"}],["path",{d:"M4 12v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8",key:"1b2hhj"}]],hl=S("share",dl);const pl=[["path",{d:"M3.5 21 14 3",key:"1szst5"}],["path",{d:"M20.5 21 10 3",key:"1310c3"}],["path",{d:"M15.5 21 12 15l-3.5 6",key:"1ddtfw"}],["path",{d:"M2 21h20",key:"1nyx9w"}]],ul=S("tent",pl);const fl=[["path",{d:"M12 19h8",key:"baeox8"}],["path",{d:"m4 17 6-6-6-6",key:"1yngyt"}]],ml=S("terminal",fl);const xl=[["path",{d:"m17 14 3 3.3a1 1 0 0 1-.7 1.7H4.7a1 1 0 0 1-.7-1.7L7 14h-.3a1 1 0 0 1-.7-1.7L9 9h-.2A1 1 0 0 1 8 7.3L12 3l4 4.3a1 1 0 0 1-.8 1.7H15l3 3.3a1 1 0 0 1-.7 1.7H17Z",key:"cpyugq"}],["path",{d:"M12 22v-3",key:"kmzjlo"}]],gl=S("tree-pine",xl);const yl=[["path",{d:"M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2",key:"975kel"}],["circle",{cx:"12",cy:"7",r:"4",key:"17ys0d"}]],vl=S("user",yl);const bl=[["path",{d:"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2",key:"1yyitq"}],["path",{d:"M16 3.128a4 4 0 0 1 0 7.744",key:"16gr8j"}],["path",{d:"M22 21v-2a4 4 0 0 0-3-3.87",key:"kshegd"}],["circle",{cx:"9",cy:"7",r:"4",key:"nufk8"}]],jl=S("users",bl);const kl=[["path",{d:"m16 2-2.3 2.3a3 3 0 0 0 0 4.2l1.8 1.8a3 3 0 0 0 4.2 0L22 8",key:"n7qcjb"}],["path",{d:"M15 15 3.3 3.3a4.2 4.2 0 0 0 0 6l7.3 7.3c.7.7 2 .7 2.8 0L15 15Zm0 0 7 7",key:"d0u48b"}],["path",{d:"m2.1 21.8 6.4-6.3",key:"yn04lh"}],["path",{d:"m19 5-7 7",key:"194lzd"}]],wl=S("utensils-crossed",kl);const _l=[["path",{d:"M2 6c.6.5 1.2 1 2.5 1C7 7 7 5 9.5 5c2.6 0 2.4 2 5 2 2.5 0 2.5-2 5-2 1.3 0 1.9.5 2.5 1",key:"knzxuh"}],["path",{d:"M2 12c.6.5 1.2 1 2.5 1 2.5 0 2.5-2 5-2 2.6 0 2.4 2 5 2 2.5 0 2.5-2 5-2 1.3 0 1.9.5 2.5 1",key:"2jd2cc"}],["path",{d:"M2 18c.6.5 1.2 1 2.5 1 2.5 0 2.5-2 5-2 2.6 0 2.4 2 5 2 2.5 0 2.5-2 5-2 1.3 0 1.9.5 2.5 1",key:"rd2r6e"}]],_a=S("waves",_l);const Sl=[["circle",{cx:"12",cy:"4.5",r:"2.5",key:"r5ysbb"}],["path",{d:"m10.2 6.3-3.9 3.9",key:"1nzqf6"}],["circle",{cx:"4.5",cy:"12",r:"2.5",key:"jydg6v"}],["path",{d:"M7 12h10",key:"b7w52i"}],["circle",{cx:"19.5",cy:"12",r:"2.5",key:"1piiel"}],["path",{d:"m13.8 17.7 3.9-3.9",key:"1wyg1y"}],["circle",{cx:"12",cy:"19.5",r:"2.5",key:"13o1pw"}

vendor: 4,775 bytes, line 1

1]],Nl=S("waypoints",Sl);const Cl=[["path",{d:"M18 16.98h-5.99c-1.1 0-1.95.94-2.48 1.9A4 4 0 0 1 2 17c.01-.7.2-1.4.57-2",key:"q3hayz"}],["path",{d:"m6 17 3.13-5.78c.53-.97.1-2.18-.5-3.1a4 4 0 1 1 6.89-4.06",key:"1go1hn"}],["path",{d:"m12 6 3.13 5.73C15.66 12.7 16.9 13 18 13a4 4 0 0 1 0 8",key:"qlwsc0"}]],Sa=S("webhook",Cl);const Bl=[["path",{d:"M12 20h.01",key:"zekei9"}],["path",{d:"M2 8.82a15 15 0 0 1 20 0",key:"dnpr2z"}],["path",{d:"M5 12.859a10 10 0 0 1 14 0",key:"1x1e6c"}],["path",{d:"M8.5 16.429a5 5 0 0 1 7 0",key:"1bycff"}]],Al=S("wifi",Bl);const Rl=[["rect",{width:"8",height:"8",x:"3",y:"3",rx:"2",key:"by2w9f"}],["path",{d:"M7 11v4a2 2 0 0 0 2 2h4",key:"xkn7yn"}],["rect",{width:"8",height:"8",x:"13",y:"13",rx:"2",key:"1cgmvn"}]],Tl=S("workflow",Rl);function Ml(e){return e==="x"||e==="y"?ce[e]?null:(ce[e]=!0,()=>{ce[e]=!1}):ce.x||ce.y?null:(ce.x=ce.y=!0,()=>{ce.x=ce.y=!1})}function Ke(e,s,i,n){return ei(e,s,Kr(i),n)}const Bi=(e,s)=>Math.abs(e-s);function Pl(e,s){const i=Bi(e.x,s.x),n=Bi(e.y,s.y);return Math.sqrt(i**2+n**2)}class Na{constructor(s,i,{transformPagePoint:n,contextWindow:r,dragSnapToOrigin:l=!1}={}){if(this.startEvent=null,this.lastMoveEvent=null,this.lastMoveEventInfo=null,this.handlers={},this.contextWindow=window,this.updatePoint=()=>{if(!(this.lastMoveEvent&&this.lastMoveEventInfo))return;const p=ls(this.lastMoveEventInfo,this.history),u=this.startEvent!==null,f=Pl(p.offset,{x:0,y:0})>=3;if(!u&&!f)return;const{point:x}=p,{timestamp:g}=V;this.history.push({...x,timestamp:g});const{onStart:y,onMove:j}=this.handlers;u||(y&&y(this.lastMoveEvent,p),this.startEvent=this.lastMoveEvent),j&&j(this.lastMoveEvent,p)},this.handlePointerMove=(p,u)=>{this.lastMoveEvent=p,this.lastMoveEventInfo=os(u,this.transformPagePoint),K.update(this.updatePoint,!0)},this.handlePointerUp=(p,u)=>{this.end();const{onEnd:f,onSessionEnd:x,resumeAnimation:g}=this.handlers;if(this.dragSnapToOrigin&&g&&g(),!(this.lastMoveEvent&&this.lastMoveEventInfo))return;const y=ls(p.type==="pointercancel"?this.lastMoveEventInfo:os(u,this.transformPagePoint),this.history);this.startEvent&&f&&f(p,y),x&&x(p,y)},!Jr(s))return;this.dragSnapToOrigin=l,this.handlers=i,this.transformPagePoint=n,this.contextWindow=r||window;const a=oa(s),c=os(a,this.transformPagePoint),{point:o}=c,{timestamp:d}=V;this.history=[{...o,timestamp:d}];const{onSessionStart:h}=i;h&&h(s,ls(c,this.history)),this.removeListeners=Qr(Ke(this.contextWindow,"pointermove",this.handlePointerMove),Ke(this.contextWindow,"pointerup",this.handlePointerUp),Ke(this.contextWindow,"pointercancel",this.handlePointerUp))}updateHandlers(s){this.handlers=s}end(){this.removeListeners&&this.removeListeners(),it(this.updatePoint)}}function os(e,s){return s?{point:s(e.point)}:e}function Ai(e,s){return{x:e.x-s.x,y:e.y-s.y}}function ls({point:e},s){return{point:e,delta:Ai(e,Ca(s)),offset:Ai(e,Il(s)),velocity:El(s,.1)}}function Il(e){return e[0]}function Ca(e){return e[e.length-1]}function El(e,s){if(e.length<2)return{x:0,y:0};let i=e.length-1,n=null;const r=Ca(e);for(;i>=0&&(n=e[i],!(r.timestamp-n.timestamp>eo(s)));)i--;if(!n)return{x:0,y:0};const l=to(r.timestamp-n.timestamp);if(l===0)return{x:0,y:0};const a={x:(r.x-n.x)/l,y:(r.y-n.y)/l};return a.x===1/0&&(a.x=0),a.y===1/0&&(a.y=0),a}const Ba=1e-4,$l=1-Ba,Ll=1+Ba,Aa=.01,Dl=0-Aa,Fl=0+Aa;function W(e){return e.max-e.min}function Gl(e,s,i){return Math.abs(e-s)<=i}function Ri(e,s,i,n=.5){e.origin=n,e.originPoint=L(s.min,s.max,e.origin),e.scale=W(i)/W(s),e.translate=L(i.min,i.max,e.origin)-e.originPoint,(e.scale>=$l&&e.scale<=Ll||isNaN(e.scale))&&(e.scale=1),(e.translate>=Dl&&e.translate<=Fl||isNaN(e.translate))&&(e.translate=0)}function Je(e,s,i,n){Ri(e.x,s.x,i.x,n?n.originX:void 0),Ri(e.y,s.y,i.y,n?n.originY:void 0)}function Ti(e,s,i){e.min=i.min+s.min,e.max=e.min+W(s)}function Ol(e,s,i){Ti(e.x,s.x,i.x),Ti(e.y,s.y,i.y)}function Mi(e,s,i){e.min=s.min-i.min,e.max=e.min+W(s)}function Qe(e,s,i){Mi(e.x,s.x,i.x),Mi(e.y,s.y,i.y)}function Ul(e,{min:s,max:i},n){return s!==void 0&&e<s?e=n?L(s,e,n.min):Math.max(e,s):i!==void 0&&e>i&&(e=n?L(i,e,n.max):Math.min(e,i)),e}function Pi(e,s,i){return{min:s!==void 0?e.min+s:void 0,max:i!==void 0?e.max+i-(e.max-e.min):void 0}}function zl(e,{top:s,left:i,bottom:n,right:r}){return{x:Pi(e.x,i,r),y:Pi(e.y,s,n)}}function Ii(e,s){let i=s.min-e.min,n=s.max-e.max;return s.max-s.min<e.max-e.min&&([i,n]=[n,i]),{min:i,max:n}}function Vl(e,s){return{x:Ii(e.x,s.x),y:Ii(e.y,s.y)}}function Wl(e,s){let i=.5;const n=W(e),r=W(s);return r>n?i=Is(s.min,s.max-n,e.min):n>r&&(i=Is(e.min,e.max-r,s.min)),la(0,1,i)}function Hl(e,s){const i={};return s.min!==void 0&&(i.min=s.min-e.min),s.max!==void 0&&(i.max=s.max-e.min),i}const Ls=.35;function ql(e=Ls){return e===!1?e=0:e===!0&&(e=Ls),{x:Ei(e,"left","right"),y:Ei(e,"to

1p","bottom")}}function Ei(e,s,i){return{min:$i(e,s),max:$i(e,i)}}function $i(e,s){return typeof e=="number"?e:e[s]||0}function Y(e){return[e("x"),e("y")]}const Ra=({current:e})=>e?e.ownerDocument.defaultView:null,Zl=new WeakMap;class Yl{constructor(s){this.openDragLock=null,this.isDragging=!1,this.currentDirection=null,this.originPoint={x:0,y:0},this.constraints=!1,this.hasMutatedConstraints=!1,this.elastic=P(),this.visualElement=s}start(s,{snapToCursor:i=!1}={}){const{presenceContext:n}=this.visualElement;if(n&&n.isPresent===!1)return;const r=h=>{const{dragSnapToOrigin:p}=this.getProps();p?this.pauseAnimation():this.stopAnimation(),i&&this.snapToCursor(oa(h).point)},l=(h,p)=>{const{drag:u,dragPropagation:f,onDragStart:x}=this.getProps();if(u&&!f&&(this.openDragLock&&this.openDragLock(),this.openDragLock=Ml(u),!this.openDragLock))return;this.isDragging=!0,this.currentDirection=null,this.resolveConstraints(),this.visualElement.projection&&(this.visualElement.projection.isAnimationBlocked=!0,this.visualElement.projection.target=void 0),Y(y=>{let j=this.getAxisMotionValue(y).get()||0;if(Tt.test(j)){const{projection:b}=this.visualElement;if(b&&b.layout){const v=b.layout.layoutBox[y];v&&(j=W(v)*(parseFloat(j)/100))}}this.originPoint[y]=j}),x&&K.postRender(()=>x(h,p)),ki(this.visualElement,"transform");const{animationState:g}=this.visualElement;g&&g.setActive("whileDrag",!0)},a=(h,p)=>{const{dragPropagation:u,dragDirectionLock:f,onDirectionLock:x,onDrag:g}=this.getProps();if(!u&&!this.openDragLock)return;const{offset:y}=p;if(f&&this.currentDirection===null){this.currentDirection=Xl(y),this.currentDirection!==null&&x&&x(this.currentDirection);return}this.updateAxis("x",p.point,y),this.updateAxis("y",p.point,y),this.visualElement.render(),g&&g(h,p)},c=(h,p)=>this.stop(h,p),o=()=>Y(h=>{var p;return this.getAnimationState(h)==="paused"&&((p=this.getAxisMotionValue(h).animation)===null||p===void 0?void 0:p.play())}),{dragSnapToOrigin:d}=this.getProps();this.panSession=new Na(s,{onSessionStart:r,onStart:l,onMove:a,onSessionEnd:c,resumeAnimation:o},{transformPagePoint:this.visualElement.getTransformPagePoint(),dragSnapToOrigin:d,contextWindow:Ra(this.visualElement)})}stop(s,i){const n=this.isDragging;if(this.cancel(),!n)return;const{velocity:r}=i;this.startAnimation(r);const{onDragEnd:l}=this.getProps();l&&K.postRender(()=>l(s,i))}cancel(){this.isDragging=!1;const{projection:s,animationState:i}=this.visualElement;s&&(s.isAnimationBlocked=!1),this.panSession&&this.panSession.end(),this.panSession=void 0;const{dragPropagation:n}=this.getProps();!n&&this.openDragLock&&(this.openDragLock(),this.openDragLock=null),i&&i.setActive("whileDrag",!1)}updateAxis(s,i,n){const{drag:r}=this.getProps();if(!n||!vt(s,r,this.currentDirection))return;const l=this.getAxisMotionValue(s);let a=this.originPoint[s]+n[s];this.constraints&&this.constraints[s]&&(a=Ul(a,this.constraints[s],this.elastic[s])),l.set(a

vendor: 32,816 bytes, line 1

1)}resolveConstraints(){var s;const{dragConstraints:i,dragElastic:n}=this.getProps(),r=this.visualElement.projection&&!this.visualElement.projection.layout?this.visualElement.projection.measure(!1):(s=this.visualElement.projection)===null||s===void 0?void 0:s.layout,l=this.constraints;i&&xt(i)?this.constraints||(this.constraints=this.resolveRefConstraints()):i&&r?this.constraints=zl(r.layoutBox,i):this.constraints=!1,this.elastic=ql(n),l!==this.constraints&&r&&this.constraints&&!this.hasMutatedConstraints&&Y(a=>{this.constraints!==!1&&this.getAxisMotionValue(a)&&(this.constraints[a]=Hl(r.layoutBox[a],this.constraints[a]))})}resolveRefConstraints(){const{dragConstraints:s,onMeasureDragConstraints:i}=this.getProps();if(!s||!xt(s))return!1;const n=s.current,{projection:r}=this.visualElement;if(!r||!r.layout)return!1;const l=so(n,r.root,this.visualElement.getTransformPagePoint());let a=Vl(r.layout.layoutBox,l);if(i){const c=i(io(a));this.hasMutatedConstraints=!!c,c&&(a=no(c))}return a}startAnimation(s){const{drag:i,dragMomentum:n,dragElastic:r,dragTransition:l,dragSnapToOrigin:a,onDragTransitionEnd:c}=this.getProps(),o=this.constraints||{},d=Y(h=>{if(!vt(h,i,this.currentDirection))return;let p=o&&o[h]||{};a&&(p={min:0,max:0});const u=r?200:1e6,f=r?40:1e7,x={type:"inertia",velocity:n?s[h]:0,bounceStiffness:u,bounceDamping:f,timeConstant:750,restDelta:1,restSpeed:10,...l,...p};return this.startAxisValueAnimation(h,x)});return Promise.all(d).then(c)}startAxisValueAnimation(s,i){const n=this.getAxisMotionValue(s);return ki(this.visualElement,s),n.start(ao(s,n,0,i,this.visualElement,!1))}stopAnimation(){Y(s=>this.getAxisMotionValue(s).stop())}pauseAnimation(){Y(s=>{var i;return(i=this.getAxisMotionValue(s).animation)===null||i===void 0?void 0:i.pause()})}getAnimationState(s){var i;return(i=this.getAxisMotionValue(s).animation)===null||i===void 0?void 0:i.state}getAxisMotionValue(s){const i=`_drag${s.toUpperCase()}`,n=this.visualElement.getProps(),r=n[i];return r||this.visualElement.getValue(s,(n.initial?n.initial[s]:void 0)||0)}snapToCursor(s){Y(i=>{const{drag:n}=this.getProps();if(!vt(i,n,this.currentDirection))return;const{projection:r}=this.visualElement,l=this.getAxisMotionValue(i);if(r&&r.layout){const{min:a,max:c}=r.layout.layoutBox[i];l.set(s[i]-L(a,c,.5))}})}scalePositionWithinConstraints(){if(!this.visualElement.current)return;const{drag:s,dragConstraints:i}=this.getProps(),{projection:n}=this.visualElement;if(!xt(i)||!n||!this.constraints)return;this.stopAnimation();const r={x:0,y:0};Y(a=>{const c=this.getAxisMotionValue(a);if(c&&this.constraints!==!1){const o=c.get();r[a]=Wl({min:o,max:o},this.constraints[a])}});const{transformTemplate:l}=this.visualElement.getProps();this.visualElement.current.style.transform=l?l({},""):"none",n.root&&n.root.updateScroll(),n.updateLayout(),this.resolveConstraints(),Y(a=>{if(!vt(a,s,null))return;const c=this.getAxisMotionValue(a),{min:o,max:d}=this.constraints[a];c.set(L(o,d,r[a]))})}addListeners(){if(!this.visualElement.current)return;Zl.set(this.visualElement,this);const s=this.visualElement.current,i=Ke(s,"pointerdown",o=>{const{drag:d,dragListener:h=!0}=this.getProps();d&&h&&this.start(o)}),n=()=>{const{dragConstraints:o}=this.getProps();xt(o)&&o.current&&(this.constraints=this.resolveRefConstraints())},{projection:r}=this.visualElement,l=r.addEventListener("measure",n);r&&!r.layout&&(r.root&&r.root.updateScroll(),r.updateLayout()),K.read(n);const a=ei(window,"resize",()=>this.scalePositionWithinConstraints()),c=r.addEventListener("didUpdate",(({delta:o,hasLayoutChanged:d})=>{this.isDragging&&d&&(Y(h=>{const p=this.getAxisMotionValue(h);p&&(this.originPoint[h]+=o[h].translate,p.set(p.get()+o[h].translate))}),this.visualElement.render())}));return()=>{a(),i(),l(),c&&c()}}getProps(){const s=this.visualElement.getProps(),{drag:i=!1,dragDirectionLock:n=!1,dragPropagation:r=!1,dragConstraints:l=!1,dragElastic:a=Ls,dragMomentum:c=!0}=s;return{...s,drag:i,dragDirectionLock:n,dragPropagation:r,dragConstraints:l,dragElastic:a,dragMomentum:c}}}function vt(e,s,i){return(s===!0||s===e)&&(i===null||i===e)}function Xl(e,s=10){let i=null;return Math.abs(e.y)>s?i="y":Math.abs(e.x)>s&&(i="x"),i}class Kl extends ca{constructor(s){super(s),this.removeGroupControls=De,this.removeListeners=De,this.controls=new Yl(s)}mount(){const{dragControls:s}=this.node.getProps();s&&(this.removeGroupControls=s.subscribe(this.controls)),this.removeListeners=this.controls.addListeners()||De}unmount(){this.removeGroupControls(),this.removeListeners()}}const Li=e=>(s,i)=>{e&&K.postRender(()=>e(s,i))};class Jl extends ca{constructor(){super(...arguments),this.removePointerDownListener=De}onPointerDown(s){this.session=new Na(s,this.createPanHandlers(),{transformPagePoint:this.node.getTransformPagePoint(),contextWindow:Ra(this.node)})}createPanHandlers(){const{onPanSessionStart:s,onPanStart:i,onPan:n,onPanEnd:r}=this.node.getProps();return{onSessionStart:Li(s),onStart:Li(i),onMove:n,onEnd:(l,a)=>{delete this.session,r&&K.postRender(()=>r(l,a))}}}mount(){this.removePointerDownListener=Ke(this.node.current,"pointerdown",s=>this.onPointerDown(s))}update(){this.session&&this.session.updateHandlers(this.createPanHandlers())}unmount(){this.removePointerDownListener(),this.session&&this.session.end()}}const Ct={hasAnimatedSinceResize:!0,hasEverUpdated:!1};function Di(e,s){return s.max===s.min?0:e/(s.max-s.min)*100}const Ve={correct:(e,s)=>{if(!s.target)return e;if(typeof e=="string")if(da.test(e))e=parseFloat(e);else return e;const i=Di(e,s.target.x),n=Di(e,s.target.y);return`${i}% ${n}%`}},Ql={correct:(e,{treeScale:s,projectionDelta:i})=>{const n=e,r=wi.parse(e);if(r.length>5)return n;const l=wi.createTransformer(e),a=typeof r[0]!="number"?1:0,c=i.x.scale*s.x,o=i.y.scale*s.y;r[0+a]/=c,r[1+a]/=o;const d=L(c,o,.5);return typeof r[2+a]=="number"&&(r[2+a]/=d),typeof r[3+a]=="number"&&(r[3+a]/=d),l(r)}};class ec extends m.Component{componentDidMount(){const{visualElement:s,layoutGroup:i,switchLayoutGroup:n,layoutId:r}=this.props,{projection:l}=s;co(tc),l&&(i.group&&i.group.add(l),n&&n.register&&r&&n.register(l),l.root.didUpdate(),l.addEventListener("animationComplete",()=>{this.safeToRemove()}),l.setOptions({...l.options,onExitComplete:()=>this.safeToRemove()})),Ct.hasEverUpdated=!0}getSnapshotBeforeUpdate(s){const{layoutDependency:i,visualElement:n,drag:r,isPresent:l}=this.props,a=n.projection;return a&&(a.isPresent=l,r||s.layoutDependency!==i||i===void 0?a.willUpdate():this.safeToRemove(),s.isPresent!==l&&(l?a.promote():a.relegate()||K.postRender(()=>{const c=a.getStack();(!c||!c.members.length)&&this.safeToRemove()}))),null}componentDidUpdate(){const{projection:s}=this.props.visualElement;s&&(s.root.didUpdate(),ha.postRender(()=>{!s.currentAnimation&&s.isLead()&&this.safeToRemove()}))}componentWillUnmount(){const{visualElement:s,layoutGroup:i,switchLayoutGroup:n}=this.props,{projection:r}=s;r&&(r.scheduleCheckAfterUnmount(),i&&i.group&&i.group.remove(r),n&&n.deregister&&n.deregister(r))}safeToRemove(){const{safeToRemove:s}=this.props;s&&s()}render(){return null}}function Ta(e){const[s,i]=ro(),n=m.useContext(oo);return t.jsx(ec,{...e,layoutGroup:n,switchLayoutGroup:m.useContext(lo),isPresent:s,safeToRemove:i})}const tc={borderRadius:{...Ve,applyTo:["borderTopLeftRadius","borderTopRightRadius","borderBottomLeftRadius","borderBottomRightRadius"]},borderTopLeftRadius:Ve,borderTopRightRadius:Ve,borderBottomLeftRadius:Ve,borderBottomRightRadius:Ve,boxShadow:Ql},sc=(e,s)=>e.depth-s.depth;class ic{constructor(){this.children=[],this.isDirty=!1}add(s){pa(this.children,s),this.isDirty=!0}remove(s){ua(this.children,s),this.isDirty=!0}forEach(s){this.isDirty&&this.children.sort(sc),this.isDirty=!1,this.children.forEach(s)}}function nc(e,s){const i=fa.now(),n=({timestamp:r})=>{const l=r-i;l>=s&&(it(n),e(l-s))};return K.read(n,!0),()=>it(n)}const Ma=["TopLeft","TopRight","BottomLeft","BottomRight"],ac=Ma.length,Fi=e=>typeof e=="string"?parseFloat(e):e,Gi=e=>typeof e=="number"||da.test(e);function rc(e,s,i,n,r,l){r?(e.opacity=L(0,i.opacity!==void 0?i.opacity:1,oc(n)),e.opacityExit=L(s.opacity!==void 0?s.opacity:1,0,lc(n))):l&&(e.opacity=L(s.opacity!==void 0?s.opacity:1,i.opacity!==void 0?i.opacity:1,n));for(let a=0;a<ac;a++){const c=`border${Ma[a]}Radius`;let o=Oi(s,c),d=Oi(i,c);if(o===void 0&&d===void 0)continue;o||(o=0),d||(d=0),o===0||d===0||Gi(o)===Gi(d)?(e[c]=Math.max(L(Fi(o),Fi(d),n),0),(Tt.test(d)||Tt.test(o))&&(e[c]+="%")):e[c]=d}(s.rotate||i.rotate)&&(e.rotate=L(s.rotate||0,i.rotate||0,n))}function Oi(e,s){return e[s]!==void 0?e[s]:e.borderRadius}const oc=Pa(0,.5,ho),lc=Pa(.5,.95,De);function Pa(e,s,i){return n=>n<e?0:n>s?1:i(Is(e,s,n))}function Ui(e,s){e.min=s.min,e.max=s.max}function H(e,s){Ui(e.x,s.x),Ui(e.y,s.y)}function zi(e,s){e.translate=s.translate,e.scale=s.scale,e.originPoint=s.originPoint,e.origin=s.origin}function Vi(e,s,i,n,r){return e-=s,e=_i(e,1/i,n),r!==void 0&&(e=_i(e,1/r,n)),e}function cc(e,s=0,i=1,n=.5,r,l=e,a=e){if(Tt.test(s)&&(s=parseFloat(s),s=L(a.min,a.max,s/100)-a.min),typeof s!="number")return;let c=L(l.min,l.max,n);e===l&&(c-=s),e.min=Vi(e.min,s,i,c,r),e.max=Vi(e.max,s,i,c,r)}function Wi(e,s,[i,n,r],l,a){cc(e,s[i],s[n],s[r],s.scale,l,a)}const dc=["x","scaleX","originX"],hc=["y","scaleY","originY"];function Hi(e,s,i,n){Wi(e.x,s,dc,i?i.x:void 0,n?n.x:void 0),Wi(e.y,s,hc,i?i.y:void 0,n?n.y:void 0)}function qi(e){return e.translate===0&&e.scale===1}function Ia(e){return qi(e.x)&&qi(e.y)}function Zi(e,s){return e.min===s.min&&e.max===s.max}function pc(e,s){return Zi(e.x,s.x)&&Zi(e.y,s.y)}function Yi(e,s){return Math.round(e.min)===Math.round(s.min)&&Math.round(e.max)===Math.round(s.max)}function Ea(e,s){return Yi(e.x,s.x)&&Yi(e.y,s.y)}function Xi(e){return W(e.x)/W(e.y)}function Ki(e,s){return e.translate===s.translate&&e.scale===s.scale&&e.originPoint===s.originPoint}class uc{constructor(){this.members=[]}add(s){pa(this.members,s),s.scheduleRender()}remove(s){if(ua(this.members,s),s===this.prevLead&&(this.prevLead=void 0),s===this.lead){const i=this.members[this.members.length-1];i&&this.promote(i)}}relegate(s){const i=this.members.findIndex(r=>s===r);if(i===0)return!1;let n;for(let r=i;r>=0;r--){const l=this.members[r];if(l.isPresent!==!1){n=l;break}}return n?(this.promote(n),!0):!1}promote(s,i){const n=this.lead;if(s!==n&&(this.prevLead=n,this.lead=s,s.show(),n)){n.instance&&n.scheduleRender(),s.scheduleRender(),s.resumeFrom=n,i&&(s.resumeFrom.preserveOpacity=!0),n.snapshot&&(s.snapshot=n.snapshot,s.snapshot.latestValues=n.animationValues||n.latestValues),s.root&&s.root.isUpdating&&(s.isLayoutDirty=!0);const{crossfade:r}=s.options;r===!1&&n.hide()}}exitAnimationComplete(){this.members.forEach(s=>{const{options:i,resumingFrom:n}=s;i.onExitComplete&&i.onExitComplete(),n&&n.options.onExitComplete&&n.options.onExitComplete()})}scheduleRender(){this.members.forEach(s=>{s.instance&&s.scheduleRender(!1)})}removeLeadSnapshot(){this.lead&&this.lead.snapshot&&(this.lead.snapshot=void 0)}}function fc(e,s,i){let n="";const r=e.x.translate/s.x,l=e.y.translate/s.y,a=i?.z||0;if((r||l||a)&&(n=`translate3d(${r}px, ${l}px, ${a}px) `),(s.x!==1||s.y!==1)&&(n+=`scale(${1/s.x}, ${1/s.y}) `),i){const{transformPerspective:d,rotate:h,rotateX:p,rotateY:u,skewX:f,skewY:x}=i;d&&(n=`perspective(${d}px) ${n}`),h&&(n+=`rotate(${h}deg) `),p&&(n+=`rotateX(${p}deg) `),u&&(n+=`rotateY(${u}deg) `),f&&(n+=`skewX(${f}deg) `),x&&(n+=`skewY(${x}deg) `)}const c=e.x.scale*s.x,o=e.y.scale*s.y;return(c!==1||o!==1)&&(n+=`scale(${c}, ${o})`),n||"none"}const we={type:"projectionFrame",totalNodes:0,resolvedTargetDeltas:0,recalculatedProjection:0},Ye=typeof window<"u"&&window.MotionDebug!==void 0,cs=["","X","Y","Z"],mc={visibility:"hidden"},Ji=1e3;let xc=0;function ds(e,s,i,n){const{latestValues:r}=s;r[e]&&(i[e]=r[e],s.setStaticValue(e,0),n&&(n[e]=0))}function $a(e){if(e.hasCheckedOptimisedAppear=!0,e.root===e)return;const{visualElement:s}=e.options;if(!s)return;const i=vo(s);if(window.MotionHasOptimisedAnimation(i,"transform")){const{layout:r,layoutId:l}=e.options;window.MotionCancelOptimisedAnimation(i,"transform",K,!(r||l))}const{parent:n}=e;n&&!n.hasCheckedOptimisedAppear&&$a(n)}function La({attachResizeListener:e,defaultParent:s,measureScroll:i,checkIsScrollRoot:n,resetTransform:r}){return class{constructor(a={},c=s?.()){this.id=xc++,this.animationId=0,this.children=new Set,this.options={},this.isTreeAnimating=!1,this.isAnimationBlocked=!1,this.isLayoutDirty=!1,this.isProjectionDirty=!1,this.isSharedProjectionDirty=!1,this.isTransformDirty=!1,this.updateManuallyBlocked=!1,this.updateBlockedByResize=!1,this.isUpdating=!1,this.isSVG=!1,this.needsReset=!1,this.shouldResetTransform=!1,this.hasCheckedOptimisedAppear=!1,this.treeScale={x:1,y:1},this.eventHandlers=new Map,this.hasTreeAnimated=!1,this.updateScheduled=!1,this.scheduleUpdate=()=>this.update(),this.projectionUpdateScheduled=!1,this.checkUpdateFailed=()=>{this.isUpdating&&(this.isUpdating=!1,this.clearAllSnapshots())},this.updateProjection=()=>{this.projectionUpdateScheduled=!1,Ye&&(we.totalNodes=we.resolvedTargetDeltas=we.recalculatedProjection=0),this.nodes.forEach(vc),this.nodes.forEach(_c),this.nodes.forEach(Sc),this.nodes.forEach(bc),Ye&&window.MotionDebug.record(we)},this.resolvedRelativeTargetAt=0,this.hasProjected=!1,this.isVisible=!0,this.animationProgress=0,this.sharedNodes=new Map,this.latestValues=a,this.root=c?c.root||c:this,this.path=c?[...c.path,c]:[],this.parent=c,this.depth=c?c.depth+1:0;for(let o=0;o<this.path.length;o++)this.path[o].shouldResetTransform=!0;this.root===this&&(this.nodes=new ic)}addEventListener(a,c){return this.eventHandlers.has(a)||this.eventHandlers.set(a,new po),this.eventHandlers.get(a).add(c)}notifyListeners(a,...c){const o=this.eventHandlers.get(a);o&&o.notify(...c)}hasListeners(a){return this.eventHandlers.has(a)}mount(a,c=this.root.hasTreeAnimated){if(this.instance)return;this.isSVG=uo(a),this.instance=a;const{layoutId:o,layout:d,visualElement:h}=this.options;if(h&&!h.current&&h.mount(a),this.root.nodes.add(this),this.parent&&this.parent.children.add(this),c&&(d||o)&&(this.isLayoutDirty=!0),e){let p;const u=()=>this.root.updateBlockedByResize=!1;e(a,()=>{this.root.updateBlockedByResize=!0,p&&p(),p=nc(u,250),Ct.hasAnimatedSinceResize&&(Ct.hasAnimatedSinceResize=!1,this.nodes.forEach(en))})}o&&this.root.registerSharedNode(o,this),this.options.animate!==!1&&h&&(o||d)&&this.addEventListener("didUpdate",({delta:p,hasLayoutChanged:u,hasRelativeTargetChanged:f,layout:x})=>{if(this.isTreeAnimationBlocked()){this.target=void 0,this.relativeTarget=void 0;return}const g=this.options.transition||h.getDefaultTransition()||Rc,{onLayoutAnimationStart:y,onLayoutAnimationComplete:j}=h.getProps(),b=!this.targetLayout||!Ea(this.targetLayout,x)||f,v=!u&&f;if(this.options.layoutRoot||this.resumeFrom&&this.resumeFrom.instance||v||u&&(b||!this.currentAnimation)){this.resumeFrom&&(this.resumingFrom=this.resumeFrom,this.resumingFrom.resumingFrom=void 0),this.setAnimationOrigin(p,v);const w={...fo(g,"layout"),onPlay:y,onComplete:j};(h.shouldReduceMotion||this.options.layoutRoot)&&(w.delay=0,w.type=!1),this.startAnimation(w)}else u||en(this),this.isLead()&&this.options.onExitComplete&&this.options.onExitComplete();this.targetLayout=x})}unmount(){this.options.layoutId&&this.willUpdate(),this.root.nodes.remove(this);const a=this.getStack();a&&a.remove(this),this.parent&&this.parent.children.delete(this),this.instance=void 0,it(this.updateProjection)}blockUpdate(){this.updateManuallyBlocked=!0}unblockUpdate(){this.updateManuallyBlocked=!1}isUpdateBlocked(){return this.updateManuallyBlocked||this.updateBlockedByResize}isTreeAnimationBlocked(){return this.isAnimationBlocked||this.parent&&this.parent.isTreeAnimationBlocked()||!1}startUpdate(){this.isUpdateBlocked()||(this.isUpdating=!0,this.nodes&&this.nodes.forEach(Nc),this.animationId++)}getTransformTemplate(){const{visualElement:a}=this.options;return a&&a.getProps().transformTemplate}willUpdate(a=!0){if(this.root.hasTreeAnimated=!0,this.root.isUpdateBlocked()){this.options.onExitComplete&&this.options.onExitComplete();return}if(window.MotionCancelOptimisedAnimation&&!this.hasCheckedOptimisedAppear&&$a(this),!this.root.isUpdating&&this.root.startUpdate(),this.isLayoutDirty)return;this.isLayoutDirty=!0;for(let h=0;h<this.path.length;h++){const p=this.path[h];p.shouldResetTransform=!0,p.updateScroll("snapshot"),p.options.layoutRoot&&p.willUpdate(!1)}const{layoutId:c,layout:o}=this.options;if(c===void 0&&!o)return;const d=this.getTransformTemplate();this.prevTransformTemplateValue=d?d(this.latestValues,""):void 0,this.updateSnapshot(),a&&this.notifyListeners("willUpdate")}update(){if(this.updateScheduled=!1,this.isUpdateBlocked()){this.unblockUpdate(),this.clearAllSnapshots(),this.nodes.forEach(Qi);return}this.isUpdating||this.nodes.forEach(kc),this.isUpdating=!1,this.nodes.forEach(wc),this.nodes.forEach(gc),this.nodes.forEach(yc),this.clearAllSnapshots();const c=fa.now();V.delta=la(0,1e3/60,c-V.timestamp),V.timestamp=c,V.isProcessing=!0,as.update.process(V),as.preRender.process(V),as.render.process(V),V.isProcessing=!1}didUpdate(){this.updateScheduled||(this.updateScheduled=!0,ha.read(this.scheduleUpdate))}clearAllSnapshots(){this.nodes.forEach(jc),this.sharedNodes.forEach(Cc)}scheduleUpdateProjection(){this.projectionUpdateScheduled||(this.projectionUpdateScheduled=!0,K.preRender(this.updateProjection,!1,!0))}scheduleCheckAfterUnmount(){K.postRender(()=>{this.isLayoutDirty?this.root.didUpdate():this.root.checkUpdateFailed()})}updateSnapshot(){this.snapshot||!this.instance||(this.snapshot=this.measure())}updateLayout(){if(!this.instance||(this.updateScroll(),!(this.options.alwaysMeasureLayout&&this.isLead())&&!this.isLayoutDirty))return;if(this.resumeFrom&&!this.resumeFrom.instance)for(let o=0;o<this.path.length;o++)this.path[o].updateScroll();const a=this.layout;this.layout=this.measure(!1),this.layoutCorrected=P(),this.isLayoutDirty=!1,this.projectionDelta=void 0,this.notifyListeners("measure",this.layout.layoutBox);const{visualElement:c}=this.options;c&&c.notify("LayoutMeasure",this.layout.layoutBox,a?a.layoutBox:void 0)}updateScroll(a="measure"){let c=!!(this.options.layoutScroll&&this.instance);if(this.scroll&&this.scroll.animationId===this.root.animationId&&this.scroll.phase===a&&(c=!1),c){const o=n(this.instance);this.scroll={animationId:this.root.animationId,phase:a,isRoot:o,offset:i(this.instance),wasRoot:this.scroll?this.scroll.isRoot:o}}}resetTransform(){if(!r)return;const a=this.isLayoutDirty||this.shouldResetTransform||this.options.alwaysMeasureLayout,c=this.projectionDelta&&!Ia(this.projectionDelta),o=this.getTransformTemplate(),d=o?o(this.latestValues,""):void 0,h=d!==this.prevTransformTemplateValue;a&&(c||Ae(this.latestValues)||h)&&(r(this.instance,d),this.shouldResetTransform=!1,this.scheduleRender())}measure(a=!0){const c=this.measurePageBox();let o=this.removeElementScroll(c);return a&&(o=this.removeTransform(o)),Tc(o),{animationId:this.root.animationId,measuredBox:c,layoutBox:o,latestValues:{},source:this.id}}measurePageBox(){var a;const{visualElement:c}=this.options;if(!c)return P();const o=c.measureViewportBox();if(!(((a=this.scroll)===null||a===void 0?void 0:a.wasRoot)||this.path.some(Mc))){const{scroll:h}=this.root;h&&(gt(o.x,h.offset.x),gt(o.y,h.offset.y))}return o}removeElementScroll(a){var c;const o=P();if(H(o,a),!((c=this.scroll)===null||c===void 0)&&c.wasRoot)return o;for(let d=0;d<this.path.length;d++){const h=this.path[d],{scroll:p,options:u}=h;h!==this.root&&p&&u.layoutScroll&&(p.wasRoot&&H(o,a),gt(o.x,p.offset.x),gt(o.y,p.offset.y))}return o}applyTransform(a,c=!1){const o=P();H(o,a);for(let d=0;d<this.path.length;d++){const h=this.path[d];!c&&h.options.layoutScroll&&h.scroll&&h!==h.root&&yt(o,{x:-h.scroll.offset.x,y:-h.scroll.offset.y}),Ae(h.latestValues)&&yt(o,h.latestValues)}return Ae(this.latestValues)&&yt(o,this.latestValues),o}removeTransform(a){const c=P();H(c,a);for(let o=0;o<this.path.length;o++){const d=this.path[o];if(!d.instance||!Ae(d.latestValues))continue;Si(d.latestValues)&&d.updateSnapshot();const h=P(),p=d.measurePageBox();H(h,p),Hi(c,d.latestValues,d.snapshot?d.snapshot.layoutBox:void 0,h)}return Ae(this.latestValues)&&Hi(c,this.latestValues),c}setTargetDelta(a){this.targetDelta=a,this.root.scheduleUpdateProjection(),this.isProjectionDirty=!0}setOptions(a){this.options={...this.options,...a,crossfade:a.crossfade!==void 0?a.crossfade:!0}}clearMeasurements(){this.scroll=void 0,this.layout=void 0,this.snapshot=void 0,this.prevTransformTemplateValue=void 0,this.targetDelta=void 0,this.target=void 0,this.isLayoutDirty=!1}forceRelativeParentToResolveTarget(){this.relativeParent&&this.relativeParent.resolvedRelativeTargetAt!==V.timestamp&&this.relativeParent.resolveTargetDelta(!0)}resolveTargetDelta(a=!1){var c;const o=this.getLead();this.isProjectionDirty||(this.isProjectionDirty=o.isProjectionDirty),this.isTransformDirty||(this.isTransformDirty=o.isTransformDirty),this.isSharedProjectionDirty||(this.isSharedProjectionDirty=o.isSharedProjectionDirty);const d=!!this.resumingFrom||this!==o;if(!(a||d&&this.isSharedProjectionDirty||this.isProjectionDirty||!((c=this.parent)===null||c===void 0)&&c.isProjectionDirty||this.attemptToResolveRelativeTarget||this.root.updateBlockedByResize))return;const{layout:p,layoutId:u}=this.options;if(!(!this.layout||!(p||u))){if(this.resolvedRelativeTargetAt=V.timestamp,!this.targetDelta&&!this.relativeTarget){const f=this.getClosestProjectingParent();f&&f.layout&&this.animationProgress!==1?(this.relativeParent=f,this.forceRelativeParentToResolveTarget(),this.relativeTarget=P(),this.relativeTargetOrigin=P(),Qe(this.relativeTargetOrigin,this.layout.layoutBox,f.layout.layoutBox),H(this.relativeTarget,this.relativeTargetOrigin)):this.relativeParent=this.relativeTarget=void 0}if(!(!this.relativeTarget&&!this.targetDelta)){if(this.target||(this.target=P(),this.targetWithTransforms=P()),this.relativeTarget&&this.relativeTargetOrigin&&this.relativeParent&&this.relativeParent.target?(this.forceRelativeParentToResolveTarget(),Ol(this.target,this.relativeTarget,this.relativeParent.target)):this.targetDelta?(this.resumingFrom?this.target=this.applyTransform(this.layout.layoutBox):H(this.target,this.layout.layoutBox),mo(this.target,this.targetDelta)):H(this.target,this.layout.layoutBox),this.attemptToResolveRelativeTarget){this.attemptToResolveRelativeTarget=!1;const f=this.getClosestProjectingParent();f&&!!f.resumingFrom==!!this.resumingFrom&&!f.options.layoutScroll&&f.target&&this.animationProgress!==1?(this.relativeParent=f,this.forceRelativeParentToResolveTarget(),this.relativeTarget=P(),this.relativeTargetOrigin=P(),Qe(this.relativeTargetOrigin,this.target,f.target),H(this.relativeTarget,this.relativeTargetOrigin)):this.relativeParent=this.relativeTarget=void 0}Ye&&we.resolvedTargetDeltas++}}}getClosestProjectingParent(){if(!(!this.parent||Si(this.parent.latestValues)||xo(this.parent.latestValues)))return this.parent.isProjecting()?this.parent:this.parent.getClosestProjectingParent()}isProjecting(){return!!((this.relativeTarget||this.targetDelta||this.options.layoutRoot)&&this.layout)}calcProjection(){var a;const c=this.getLead(),o=!!this.resumingFrom||this!==c;let d=!0;if((this.isProjectionDirty||!((a=this.parent)===null||a===void 0)&&a.isProjectionDirty)&&(d=!1),o&&(this.isSharedProjectionDirty||this.isTransformDirty)&&(d=!1),this.resolvedRelativeTargetAt===V.timestamp&&(d=!1),d)return;const{layout:h,layoutId:p}=this.options;if(this.isTreeAnimating=!!(this.parent&&this.parent.isTreeAnimating||this.currentAnimation||this.pendingAnimation),this.isTreeAnimating||(this.targetDelta=this.relativeTarget=void 0),!this.layout||!(h||p))return;H(this.layoutCorrected,this.layout.layoutBox);const u=this.treeScale.x,f=this.treeScale.y;go(this.layoutCorrected,this.treeScale,this.path,o),c.layout&&!c.target&&(this.treeScale.x!==1||this.treeScale.y!==1)&&(c.target=c.layout.layoutBox,c.targetWithTransforms=P());const{target:x}=c;if(!x){this.prevProjectionDelta&&(this.createProjectionDeltas(),this.scheduleRender());return}!this.projectionDelta||!this.prevProjectionDelta?this.createProjectionDeltas():(zi(this.prevProjectionDelta.x,this.projectionDelta.x),zi(this.prevProjectionDelta.y,this.projectionDelta.y)),Je(this.projectionDelta,this.layoutCorrected,x,this.latestValues),(this.treeScale.x!==u||this.treeScale.y!==f||!Ki(this.projectionDelta.x,this.prevProjectionDelta.x)||!Ki(this.projectionDelta.y,this.prevProjectionDelta.y))&&(this.hasProjected=!0,this.scheduleRender(),this.notifyListeners("projectionUpdate",x)),Ye&&we.recalculatedProjection++}hide(){this.isVisible=!1}show(){this.isVisible=!0}scheduleRender(a=!0){var c;if((c=this.options.visualElement)===null||c===void 0||c.scheduleRender(),a){const o=this.getStack();o&&o.scheduleRender()}this.resumingFrom&&!this.resumingFrom.instance&&(this.resumingFrom=void 0)}createProjectionDeltas(){this.prevProjectionDelta=$e(),this.projectionDelta=$e(),this.projectionDeltaWithTransform=$e()}setAnimationOrigin(a,c=!1){const o=this.snapshot,d=o?o.latestValues:{},h={...this.latestValues},p=$e();(!this.relativeParent||!this.relativeParent.options.layoutRoot)&&(this.relativeTarget=this.relativeTargetOrigin=void 0),this.attemptToResolveRelativeTarget=!c;const u=P(),f=o?o.source:void 0,x=this.layout?this.layout.source:void 0,g=f!==x,y=this.getStack(),j=!y||y.members.length<=1,b=!!(g&&!j&&this.options.crossfade===!0&&!this.path.some(Ac));this.animationProgress=0;let v;this.mixTargetDelta=w=>{const O=w/1e3;tn(p.x,a.x,O),tn(p.y,a.y,O),this.setTargetDelta(p),this.relativeTarget&&this.relativeTargetOrigin&&this.layout&&this.relativeParent&&this.relativeParent.layout&&(Qe(u,this.layout.layoutBox,this.relativeParent.layout.layoutBox),Bc(this.relativeTarget,this.relativeTargetOrigin,u,O),v&&pc(this.relativeTarget,v)&&(this.isProjectionDirty=!1),v||(v=P()),H(v,this.relativeTarget)),g&&(this.animationValues=h,rc(h,d,this.latestValues,O,b,j)),this.root.scheduleUpdateProjection(),this.scheduleRender(),this.animationProgress=O},this.mixTargetDelta(this.options.layoutRoot?1e3:0)}startAnimation(a){this.notifyListeners("animationStart"),this.currentAnimation&&this.currentAnimation.stop(),this.resumingFrom&&this.resumingFrom.currentAnimation&&this.resumingFrom.currentAnimation.stop(),this.pendingAnimation&&(it(this.pendingAnimation),this.pendingAnimation=void 0),this.pendingAnimation=K.update(()=>{Ct.hasAnimatedSinceResize=!0,this.currentAnimation=yo(0,Ji,{...a,onUpdate:c=>{this.mixTargetDelta(c),a.onUpdate&&a.onUpdate(c)},onComplete:()=>{a.onComplete&&a.onComplete(),this.completeAnimation()}}),this.resumingFrom&&(this.resumingFrom.currentAnimation=this.currentAnimation),this.pendingAnimation=void 0})}completeAnimation(){this.resumingFrom&&(this.resumingFrom.currentAnimation=void 0,this.resumingFrom.preserveOpacity=void 0);const a=this.getStack();a&&a.exitAnimationComplete(),this.resumingFrom=this.currentAnimation=this.animationValues=void 0,this.notifyListeners("animationComplete")}finishAnimation(){this.currentAnimation&&(this.mixTargetDelta&&this.mixTargetDelta(Ji),this.currentAnimation.stop()),this.completeAnimation()}applyTransformsToTarget(){const a=this.getLead();let{targetWithTransforms:c,target:o,layout:d,latestValues:h}=a;if(!(!c||!o||!d)){if(this!==a&&this.layout&&d&&Da(this.options.animationType,this.layout.layoutBox,d.layoutBox)){o=this.target||P();const p=W(this.layout.layoutBox.x);o.x.min=a.target.x.min,o.x.max=o.x.min+p;const u=W(this.layout.layoutBox.y);o.y.min=a.target.y.min,o.y.max=o.y.min+u}H(c,o),yt(c,h),Je(this.projectionDeltaWithTransform,this.layoutCorrected,c,h)}}registerSharedNode(a,c){this.sharedNodes.has(a)||this.sharedNodes.set(a,new uc),this.sharedNodes.get(a).add(c);const d=c.options.initialPromotionConfig;c.promote({transition:d?d.transition:void 0,preserveFollowOpacity:d&&d.shouldPreserveFollowOpacity?d.shouldPreserveFollowOpacity(c):void 0})}isLead(){const a=this.getStack();return a?a.lead===this:!0}getLead(){var a;const{layoutId:c}=this.options;return c?((a=this.getStack())===null||a===void 0?void 0:a.lead)||this:this}getPrevLead(){var a;const{layoutId:c}=this.options;return c?(a=this.getStack())===null||a===void 0?void 0:a.prevLead:void 0}getStack(){const{layoutId:a}=this.options;if(a)return this.root.sharedNodes.get(a)}promote({needsReset:a,transition:c,preserveFollowOpacity:o}={}){const d=this.getStack();d&&d.promote(this,o),a&&(this.projectionDelta=void 0,this.needsReset=!0),c&&this.setOptions({transition:c})}relegate(){const a=this.getStack();return a?a.relegate(this):!1}resetSkewAndRotation(){const{visualElement:a}=this.options;if(!a)return;let c=!1;const{latestValues:o}=a;if((o.z||o.rotate||o.rotateX||o.rotateY||o.rotateZ||o.skewX||o.skewY)&&(c=!0),!c)return;const d={};o.z&&ds("z",a,d,this.animationValues);for(let h=0;h<cs.length;h++)ds(`rotate${cs[h]}`,a,d,this.animationValues),ds(`skew${cs[h]}`,a,d,this.animationValues);a.render();for(const h in d)a.setStaticValue(h,d[h]),this.animationValues&&(this.animationValues[h]=d[h]);a.scheduleRender()}getProjectionStyles(a){var c,o;if(!this.instance||this.isSVG)return;if(!this.isVisible)return mc;const d={visibility:""},h=this.getTransformTemplate();if(this.needsReset)return this.needsReset=!1,d.opacity="",d.pointerEvents=rs(a?.pointerEvents)||"",d.transform=h?h(this.latestValues,""):"none",d;const p=this.getLead();if(!this.projectionDelta||!this.layout||!p.target){const g={};return this.options.layoutId&&(g.opacity=this.latestValues.opacity!==void 0?this.latestValues.opacity:1,g.pointerEvents=rs(a?.pointerEvents)||""),this.hasProjected&&!Ae(this.latestValues)&&(g.transform=h?h({},""):"none",this.hasProjected=!1),g}const u=p.animationValues||p.latestValues;this.applyTransformsToTarget(),d.transform=fc(this.projectionDeltaWithTransform,this.treeScale,u),h&&(d.transform=h(u,d.transform));const{x:f,y:x}=this.projectionDelta;d.transformOrigin=`${f.origin*100}% ${x.origin*100}% 0`,p.animationValues?d.opacity=p===this?(o=(c=u.opacity)!==null&&c!==void 0?c:this.latestValues.opacity)!==null&&o!==void 0?o:1:this.preserveOpacity?this.latestValues.opacity:u.opacityExit:d.opacity=p===this?u.opacity!==void 0?u.opacity:"":u.opacityExit!==void 0?u.opacityExit:0;for(const g in Ni){if(u[g]===void 0)continue;const{correct:y,applyTo:j}=Ni[g],b=d.transform==="none"?u[g]:y(u[g],p);if(j){const v=j.length;for(let w=0;w<v;w++)d[j[w]]=b}else d[g]=b}return this.options.layoutId&&(d.pointerEvents=p===this?rs(a?.pointerEvents)||"":"none"),d}clearSnapshot(){this.resumeFrom=this.snapshot=void 0}resetTree(){this.root.nodes.forEach(a=>{var c;return(c=a.currentAnimation)===null||c===void 0?void 0:c.stop()}),this.root.nodes.forEach(Qi),this.root.sharedNodes.clear()}}}function gc(e){e.updateLayout()}function yc(e){var s;const i=((s=e.resumeFrom)===null||s===void 0?void 0:s.snapshot)||e.snapshot;if(e.isLead()&&e.layout&&i&&e.hasListeners("didUpdate")){const{layoutBox:n,measuredBox:r}=e.layout,{animationType:l}=e.options,a=i.source!==e.layout.source;l==="size"?Y(p=>{const u=a?i.measuredBox[p]:i.layoutBox[p],f=W(u);u.min=n[p].min,u.max=u.min+f}):Da(l,i.layoutBox,n)&&Y(p=>{const u=a?i.measuredBox[p]:i.layoutBox[p],f=W(n[p]);u.max=u.min+f,e.relativeTarget&&!e.currentAnimation&&(e.isProjectionDirty=!0,e.relativeTarget[p].max=e.relativeTarget[p].min+f)});const c=$e();Je(c,n,i.layoutBox);const o=$e();a?Je(o,e.applyTransform(r,!0),i.measuredBox):Je(o,n,i.layoutBox);const d=!Ia(c);let h=!1;if(!e.resumeFrom){const p=e.getClosestProjectingParent();if(p&&!p.resumeFrom){const{snapshot:u,layout:f}=p;if(u&&f){const x=P();Qe(x,i.layoutBox,u.layoutBox);const g=P();Qe(g,n,f.layoutBox),Ea(x,g)||(h=!0),p.options.layoutRoot&&(e.relativeTarget=g,e.relativeTargetOrigin=x,e.relativeParent=p)}}}e.notifyListeners("didUpdate",{layout:n,snapshot:i,delta:o,layoutDelta:c,hasLayoutChanged:d,hasRelativeTargetChanged:h})}else if(e.isLead()){const{onExitComplete:n}=e.options;n&&n()}e.options.transition=void 0}function vc(e){Ye&&we.totalNodes++,e.parent&&(e.isProjecting()||(e.isProjectionDirty=e.parent.isProjectionDirty),e.isSharedProjectionDirty||(e.isSharedProjectionDirty=!!(e.isProjectionDirty||e.parent.isProjectionDirty||e.parent.isSharedProjectionDirty)),e.isTransformDirty||(e.isTransformDirty=e.parent.isTransformDirty))}function bc(e){e.isProjectionDirty=e.isSharedProjectionDirty=e.isTransformDirty=!1}function jc(e){e.clearSnapshot()}function Qi(e){e.clearMeasurements()}function kc(e){e.isLayoutDirty=!1}function wc(e){const{visualElement:s}=e.options;s&&s.getProps().onBeforeLayoutMeasure&&s.notify("BeforeLayoutMeasure"),e.resetTransform()}function en(e){e.finishAnimation(),e.targetDelta=e.relativeTarget=e.target=void 0,e.isProjectionDirty=!0}function _c(e){e.resolveTargetDelta()}function Sc(e){e.calcProjection()}

1function Nc(e){e.resetSkewAndRotation()}function Cc(e){e.removeLeadSnapshot()}function tn(e,s,i){e.translate=L(s.translate,0,i),e.scale=L(s.scale,1,i),e.origin=s.origin,e.originPoint=s.originPoint}function sn(e,s,i,n){e.min=L(s.min,i.min,n),e.max=L(s.max,i.max,n)}function Bc(e,s,i,n){sn(e.x,s.x,i.x,n),sn(e.y,s.y,i.y,n)}function Ac(e){return e.animationValues&&e.animationValues.opacityExit!==void 0}const Rc={duration:.45,ease:[.4,0,.1,1]},nn=e=>typeof navigator<"u"&&navigator.userAgent&&navigator.userAgent.toLowerCase().includes(e),an=nn("applewebkit/")&&!nn("chrome/")?Math.round:De;function rn(e){e.min=an(e.min),e.max=an(e.max)}function Tc(e){rn(e.x),rn(e.y)}function Da(e,s,i){return e==="position"||e==="preserve-aspect"&&!Gl(Xi(s),Xi(i),.2)}function Mc(e){var s;return e!==e.root&&((s=e.scroll)===null||s===void 0?void 0:s.wasRoot)}const Pc=La({attachResizeListener:(e,s)=>ei(e,"resize",s),measureScroll:()=>({x:document.documentElement.scrollLeft||document.body.scrollLeft,y:document.documentElement.scrollTop||document.body.scrollTop}),checkIsScrollRoot:()=>!0}),hs={current:void 0},Fa=La({measureScroll:e=>({x:e.scrollLeft,y:e.scrollTop}),defaultParent:()=>{if(!hs.current){const e=new Pc({});e.mount(window),e.setOptions({layoutScroll:!0}),hs.current=e}return hs.current},resetTransform:(e,s)=>{e.style.transform=s!==void 0?s:"none"},checkIsScrollRoot:e=>window.getComputedStyle(e).position==="fixed"}),Ic={pan:{Feature:Jl},drag:{Feature:Kl,ProjectionNode:Fa,MeasureLayout:Ta}},Ec={layout:{ProjectionNode:Fa,MeasureLayout:Ta}},$c=bo({...wo,...ko,...Ic,...Ec},jo),nt=_o($c);function Mt(){return Mt=Object.assign?Object.assign.bind():function(e){for(var s=1;s<arguments.length;s++){var i=arguments[s];for(var n in i)Object.prototype.hasOwnProperty.call(i,n)&&(e[n]=i[n])}return e},Mt.apply(this,arguments)}var ge;(function(e){e.Pop="POP",e.Push="PUSH",e.Replace="REPLACE"})(ge||(ge={}));function Lc(e){e===void 0&&(e={});let{initialEntries:s=["/"],initialIndex:i,v5Compat:n=!1}=e,r;r=s.map((f,x)=>h(f,typeof f=="string"?null:f.state,x===0?"default":void 0));let l=o(i??r.length-1),a=ge.Pop,c=null;function o(f){return Math.min(Math.max(f,0),r.length-1)}function d(){return r[l]}function h(f,x,g){x===void 0&&(x=null);let y=Fc(r?d().pathname:"/",f,x,g);return Ht(y.pathname.charAt(0)==="/","relative pathnames are not supported in memory history: "+JSON.stringify(f)),y}function p(f){return typeof f=="string"?f:Ds(f)}return{get index(){return l},get action(){return a},get location(){return d()},createHref:p,createURL(f){return new URL(p(f),"http://localhost")},encodeLocation(f){let x=typeof f=="string"?Ce(f):f;return{pathname:x.pathname||"",search:x.search||"",hash:x.hash||""}},push(f,x){a=ge.Push;let g=h(f,x);l+=1,r.splice(l,r.length,g),n&&c&&c({action:a,location:g,delta:1})},replace(f,x){a=ge.Replace;let g=h(f,x);r[l]=g,n&&c&&c({action:a,location:g,delta:0})},go(f){a=ge.Pop;let x=o(l+f),g=r[x];l=x,c&&c({action:a,location:g,delta:f})},listen(f){return c=f,()=>{c=null}}}}function I(e,s){if(e===!1||e===null||typeof e>"u")throw new Error(s)}function Ht(e,s){if(!e){typeof console<"u"&&console.warn(s);try{throw new Error(s)}catch{}}}function Dc(){return Math.random().toString(36).substr(2,8)}function Fc(e,s,i,n){return i===void 0&&(i=null),Mt({pathname:typeof e=="string"?e:e.pathname,search:"",hash:""},typeof s=="string"?Ce(s):s,{state:i,key:s&&s.key||n||Dc()})}function Ds(e){let{pathname:s="/",search:i="",hash:n=""}=e;return i&&i!=="?"&&(s+=i.charAt(0)==="?"?i:"?"+i),n&&n!=="#"&&(s+=n.charAt(0)==="#"?n:"#"+n),s}function Ce(e){let s={};if(e){let i=e.indexOf("#");i>=0&&(s.hash=e.substr(i),e=e.substr(0,i));let n=e.indexOf("?");n>=0&&(s.search=e.substr(n),e=e.substr(0,n)),e&&(s.pathname=e)}return s}var on;(function(e){e.data="data",e.deferred="deferred",e.redirect="redirect",e.error="error"})(on||(on={}));function Gc(e,s,i){return i===void 0&&(i="/"),Oc(e,s,i)}function Oc(e,s,i,n){let r=typeof s=="string"?Ce(s):s,l=ti(r.pathname||"/",i);if(l==null)return null;let a=Ga(e);Uc(a);let c=null;for(let o=0;c==null&&o<a.length;++o){let d=ed(l);c=Kc(a[o],d)}return c}function Ga(e,s,i,n){s===void 0&&(s=[]),i===void 0&&(i=[]),n===void 0&&(n="");let r=(l,a,c)=>{let o={relativePath:c===void 0?l.path||"":c,caseSensitive:l.caseSensitive===!0,childrenIndex:a,route:l};o.relativePath.startsWith("/")&&(I(o.relativePath.startsWith(n),'Absolute route path "'+o.relativePath+'" nested under path '+('"'+n+'" is not val

1id. An absolute child route path ')+"must start with the combined path of all its parent routes."),o.relativePath=o.relativePath.slice(n.length));let d=ye([n,o.relativePath]),h=i.concat(o);l.children&&l.children.length>0&&(I(l.index!==!0,"Index routes must not have child routes. Please remove "+('all child routes from route path "'+d+'".')),Ga(l.children,s,h,d)),!(l.path==null&&!l.index)&&s.push({path:d,score:Yc(d,l.index),routesMeta:h})};return e.forEach((l,a)=>{var c;if(l.path===""||!((c=l.path)!=null&&c.includes("?")))r(l,a);else for(let o of Oa(l.path))r(l,a,o)}),s}function Oa(e){let s=e.split("/");if(s.length===0)return[];let[i,...n]=s,r=i.endsWith("?"),l=i.replace(/\?$/,"");if(n.length===0)return r?[l,""]:[l];let a=Oa(n.join("/")),c=[];return c.push(...a.map(o=>o===""?l:[l,o].join("/"))),r&&c.push(...a),c.map(o=>e.startsWith("/")&&o===""?"/":o)}function Uc(e){e.sort((s,i)=>s.score!==i.score?i.score-s.score:Xc(s.routesMeta.map(n=>n.childrenIndex),i.routesMeta.map(n=>n.childrenIndex)))}const zc=/^:[\w-]+$/,Vc=3,Wc=2,Hc=1,qc=10,Zc=-2,ln=e=>e==="*";function Yc(e,s){let i=e.split("/"),n=i.length;return i.some(ln)&&(n+=Zc),s&&(n+=Wc),i.filter(r=>!ln(r)).reduce((r,l)=>r+(zc.test(l)?Vc:l===""?Hc:qc),n)}function Xc(e,s){return e.length===s.length&&e.slice(0,-1).every((n,r)=>n===s[r])?e[e.length-1]-s[s.length-1]:0}function Kc(e,s,i){let{routesMeta:n}=e,r={},l="/",a=[];for(let c=0;c<n.length;++c){let o=n[c],d=c===n.length-1,h=l==="/"?s:s.slice(l.length)||"/",p=Jc({path:o.relativePath,caseSensitive:o.caseSensitive,end:d},h),u=o.route;if(!p)return null;

vendor: 6,940 bytes, line 1

1Object.assign(r,p.params),a.push({params:r,pathname:ye([l,p.pathname]),pathnameBase:ad(ye([l,p.pathnameBase])),route:u}),p.pathnameBase!=="/"&&(l=ye([l,p.pathnameBase]))}return a}function Jc(e,s){typeof e=="string"&&(e={path:e,caseSensitive:!1,end:!0});let[i,n]=Qc(e.path,e.caseSensitive,e.end),r=s.match(i);if(!r)return null;let l=r[0],a=l.replace(/(.)\/+$/,"$1"),c=r.slice(1);return{params:n.reduce((d,h,p)=>{let{paramName:u,isOptional:f}=h;if(u==="*"){let g=c[p]||"";a=l.slice(0,l.length-g.length).replace(/(.)\/+$/,"$1")}const x=c[p];return f&&!x?d[u]=void 0:d[u]=(x||"").replace(/%2F/g,"/"),d},{}),pathname:l,pathnameBase:a,pattern:e}}function Qc(e,s,i){s===void 0&&(s=!1),i===void 0&&(i=!0),Ht(e==="*"||!e.endsWith("*")||e.endsWith("/*"),'Route path "'+e+'" will be treated as if it were '+('"'+e.replace(/\*$/,"/*")+'" because the `*` character must ')+"always follow a `/` in the pattern. To get rid of this warning, "+('please change the route path to "'+e.replace(/\*$/,"/*")+'".'));let n=[],r="^"+e.replace(/\/*\*?$/,"").replace(/^\/*/,"/").replace(/[\\.*+^${}|()[\]]/g,"\\$&").replace(/\/:([\w-]+)(\?)?/g,(a,c,o)=>(n.push({paramName:c,isOptional:o!=null}),o?"/?([^\\/]+)?":"/([^\\/]+)"));return e.endsWith("*")?(n.push({paramName:"*"}),r+=e==="*"||e==="/*"?"(.*)$":"(?:\\/(.+)|\\/*)$"):i?r+="\\/*$":e!==""&&e!=="/"&&(r+="(?:(?=\\/|$))"),[new RegExp(r,s?void 0:"i"),n]}function ed(e){try{return e.split("/").map(s=>decodeURIComponent(s).replace(/\//g,"%2F")).join("/")}catch(s){return Ht(!1,'The URL path "'+e+'" could not be decoded because it is is a malformed URL segment. This is probably due to a bad percent '+("encoding ("+s+").")),e}}function ti(e,s){if(s==="/")return e;if(!e.toLowerCase().startsWith(s.toLowerCase()))return null;let i=s.endsWith("/")?s.length-1:s.length,n=e.charAt(i);return n&&n!=="/"?null:e.slice(i)||"/"}const td=/^(?:[a-z][a-z0-9+.-]*:|\/\/)/i,sd=e=>td.test(e);function id(e,s){s===void 0&&(s="/");let{pathname:i,search:n="",hash:r=""}=typeof e=="string"?Ce(e):e,l;if(i)if(sd(i))l=i;else{if(i.includes("//")){let a=i;i=i.replace(/\/\/+/g,"/"),Ht(!1,"Pathnames cannot have embedded double slashes - normalizing "+(a+" -> "+i))}i.startsWith("/")?l=cn(i.substring(1),"/"):l=cn(i,s)}else l=s;return{pathname:l,search:rd(n),hash:od(r)}}function cn(e,s){let i=s.replace(/\/+$/,"").split("/");return e.split("/").forEach(r=>{r===".."?i.length>1&&i.pop():r!=="."&&i.push(r)}),i.length>1?i.join("/"):"/"}function ps(e,s,i,n){return"Cannot include a '"+e+"' character in a manually specified "+("`to."+s+"` field ["+JSON.stringify(n)+"].  Please separate it out to the ")+("`to."+i+"` field. Alternatively you may provide the full path as ")+'a string in <Link to="..."> and the router will parse it for you.'}function nd(e){return e.filter((s,i)=>i===0||s.route.path&&s.route.path.length>0)}function Ua(e,s){let i=nd(e);return s?i.map((n,r)=>r===i.length-1?n.pathname:n.pathnameBase):i.map(n=>n.pathnameBase)}function za(e,s,i,n){n===void 0&&(n=!1);let r;typeof e=="string"?r=Ce(e):(r=Mt({},e),I(!r.pathname||!r.pathname.includes("?"),ps("?","pathname","search",r)),I(!r.pathname||!r.pathname.includes("#"),ps("#","pathname","hash",r)),I(!r.search||!r.search.includes("#"),ps("#","search","hash",r)));let l=e===""||r.pathname==="",a=l?"/":r.pathname,c;if(a==null)c=i;else{let p=s.length-1;if(!n&&a.startsWith("..")){let u=a.split("/");for(;u[0]==="..";)u.shift(),p-=1;r.pathname=u.join("/")}c=p>=0?s[p]:"/"}let o=id(r,c),d=a&&a!=="/"&&a.endsWith("/"),h=(l||a===".")&&i.endsWith("/");return!o.pathname.endsWith("/")&&(d||h)&&(o.pathname+="/"),o}const ye=e=>e.join("/").replace(/\/\/+/g,"/"),ad=e=>e.replace(/\/+$/,"").replace(/^\/*/,"/"),rd=e=>!e||e==="?"?"":e.startsWith("?")?e:"?"+e,od=e=>!e||e==="#"?"":e.startsWith("#")?e:"#"+e;function ld(e){return e!=null&&typeof e.status=="number"&&typeof e.statusText=="string"&&typeof e.internal=="boolean"&&"data"in e}const Va=["post","put","patch","delete"];new Set(Va);const cd=["get",...Va];new Set(cd);function at(){return at=Object.assign?Object.assign.bind():function(e){for(var s=1;s<arguments.length;s++){var i=arguments[s];for(var n in i)Object.prototype.hasOwnProperty.call(i,n)&&(e[n]=i[n])}return e},at.apply(this,arguments)}const si=m.createContext(null),dd=m.createContext(null),Be=m.createContext(null),qt=m.createContext(null),je=m.createContext({outlet:null,matches:[],isDataRoute:!1}),Wa=m.createContext(null);function hd(e,s){let{relative:i}=s===void 0?{}:s;ht()||I(!1);let{basename:n,navigator:r}=m.useContext(Be),{hash:l,pathname:a,search:c}=qa(e,{relative:i}),o=a;return n!=="/"&&(o=a==="/"?n:ye([n,a])),r.createHref({pathname:o,search:c,hash:l})}function ht(){return m.useContext(qt)!=null}function ze(){return ht()||I(!1),m.useContext(qt).location}function Ha(e){m.useContext(Be).static||m.useLayoutEffect(e)}function Zt(){let{isDataRoute:e}=m.useContext(je);return e?Sd():pd()}function pd(){ht()||I(!1);let e=m.useContext(si),{basename:s,future:i,navigator:n}=m.useContext(Be),{matches:r}=m.useContext(je),{pathname:l}=ze(),a=JSON.stringify(Ua(r,i.v7_relativeSplatPath)),c=m.useRef(!1);return Ha(()=>{c.current=!0}),m.useCallback(function(d,h){if(h===void 0&&(h={}),!c.current)return;if(typeof d=="number"){n.go(d);return}let p=za(d,JSON.parse(a),l,h.relative==="path");e==null&&s!=="/"&&(p.pathname=p.pathname==="/"?s:ye([s,p.pathname])),(h.replace?n.replace:n.push)(p,h.state,h)},[s,n,a,l,e])}function ud(){let{matches:e}=m.useContext(je),s=e[e.length-1];return s?s.params:{}}function qa(e,s){let{relative:i}=s===void 0?{}:s,{future:n}=m.useContext(Be),{matches:r}=m.useContext(je),{pathname:l}=ze(),a=JSON.stringify(Ua(r,n.v7_relativeSplatPath));return m.useMemo(()=>za(e,JSON.parse(a),l,i==="path"),[e,a,l,i])}function fd(e,s){return md(e,s)}function md(e,s,i,n){ht()||I(!1);let{navigator:r}=m.useContext(Be),{matches:l}=m.useContext(je),a=l[l.length-1],c=a?a.params:{};a&&a.pathname;let o=a?a.pathnameBase:"/";a&&a.route;let d=ze(),h;if(s){var p;let y=typeof s=="string"?Ce(s):s;o==="/"||(p=y.pathname)!=null&&p.startsWith(o)||I(!1),h=y}else h=d;let u=h.pathname||"/",f=u;if(o!=="/"){let y=o.replace(/^\//,"").split("/");f="/"+u.replace(/^\//,"").split("/").slice(y.length).join("/")}let x=Gc(e,{pathname:f}),g=bd(x&&x.map(y=>Object.assign({},y,{params:Object.assign({},c,y.params),pathname:ye([o,r.encodeLocation?r.encodeLocation(y.pathname).pathname:y.pathname]),pathnameBase:y.pathnameBase==="/"?o:ye([o,r.encodeLocation?r.encodeLocation(y.pathnameBase).pathname:y.pathnameBase])})),l,i,n);return s&&g?m.createElement(qt.Provider,{value:{location:at({pathname:"/",search:"",hash:"",state:null,key:"default"},h),navigationType:ge.Pop}},g):g}function xd(){let e=_d(),s=ld(e)?e.status+" "+e.statusText:e instanceof Error?e.message:JSON.stringify(e),i=e instanceof Error?e.stack:null,r={padding:"0.5rem",backgroundColor:"rgba(200,200,200, 0.5)"};return m.createElement(m.Fragment,null,m.createElement("h2",null,"Unexpected Application

1Error!"),m.createElement("h3",{style:{fontStyle:"italic"}},s),i?m.createElement("pre",{style:r},i):null,null)}const gd=m.createElement(xd,null);class yd extends m.Component{constructor(s){super(s),this.state={location:s.location,revalidation:s.revalidation,error:s.error}}static getDerivedStateFromError(s){return{error:s}}static getDerivedStateFromProps(s,i){return i.location!==s.location||i.revalidation!=="idle"&&s.revalidation==="idle"?{error:s.error,location:s.location,revalidation:s.revalidation}:{error:s.error!==void 0?s.error:i.error,location:i.location,revalidation:s.revalidation||i.revalidation}}componentDidCatch(s,i){console.error("React Router caught the following error during render",s,i)}render(){return this.state.error!==void 0?m.createElement(je.Provider,{value:this.props.routeContext},m.createElement(Wa.Provider,{value:this.state.error,children:this.props.component})):this.props.children}}function vd(e){let{routeContext:s,match:i,children:n}=e,r=m.useContext(si);return r&&r.static&&r.staticContext&&(i.route.errorElement||i.route.ErrorBoundary)&&(r.staticContext._deepestRenderedBoundaryId=i.route.id),m.createElement(je.Provider,{value:s},n)}function bd(e,s,i,n){var r;if(s===void 0&&(s=[]),i===void 0&&(i=null),n===void 0&&(n=null),e==null){var l;if(!i)return null;if(i.errors)e=i.matches;else if((l=n)!=null&&l.v7_partialHydration&&s.length===0&&!i.initialized&&i.matches.length>0)e=i.matches;else return null}let a=e,c=(r=i)==null?void 0:r.errors;if(c!=null){let h=a.findIndex(p=>p.route.id&&c?.[p.route.id]!==void 0);h>=0||I(!1),a=a.slice(0,Math.min(a.length,h+1))}let o=!1,d=-1;if(i&&n&&n.v7_partialHydration)for(let h=0;h<a.length;h++){let p=a[h];if((p.route.HydrateFallback||p.route.hydrateFallbackElement)&&(d=h),p.route.id){let{loaderData:u,errors:f}=i,x=p.route.loader&&u[p.route.id]===void 0&&(!f||f[p.route.id]===void 0);if(p.route.lazy||x){o=!0,d>=0?a=a.slice(0,d+1):a=[a[0]];break}}}return a.reduceRight((h,p,u)=>{let f,x=!1,g=null,y=null;i&&(f=c&&p.route.id?c[p.route.id]:void 0,g=p.route.errorElement||gd,o&&(d<0&&u===0?(Nd("route-fallback"),x=!0,y=null):d===u&&(x=!0,y=p.route.hydrateFallbackElement||null)));let j=s.concat(a.slice(0,u+1)),b=()=>{let v;return f?v=g:x?v=y:p.route.Component?v=m.createElement(p.route.Component,null):p.route.element?v=p.route.element:v=h,m.createElement(vd,{match:p,routeContext:{outlet:h,matches:j,isDataRoute:i!=null},children:v})};return i&&(p.route.ErrorBoundary||p.route.errorElement||u===0)?m.createElement(yd,{location:i.location,revalidation:i.revalidation,component:g,error:f,children:b(),routeContext:{outlet:null,matches:j,isDataRoute:!0}}):b()},null)}var Za=(function(e){return e.UseBlocker="useBlocker",e.UseRevalidator="useRevalidator",e.UseNavigateStable="useNavigate",e})(Za||{}),Ya=(function(e){return e.UseBlocker="useBlocker",e.UseLoaderData="useLoaderData",e.UseActionData="useActionData",e.UseRouteError="useRouteError",e.UseNavigation="useNavigation",e.UseRouteLoaderData="useRouteLoaderData",e.UseMatches="useMatches",e.UseRevalidator="useRevalidator",e.UseNavigateStable="useNavigate",e.UseRouteId="useRouteId",e})(Ya||{});

1function jd(e){let s=m.useContext(si);return s||I(!1),s}function kd(e){let s=m.useContext(dd);return s||I(!1),s}function wd(e){let s=m.useContext(je);return s||I(!1),s}function Xa(e){let s=wd(),i=s.matches[s.matches.length-1];return i.route.id||I(!1),i.route.id}function _d(){var e;let s=m.useContext(Wa),i=kd(),n=Xa();return s!==void 0?s:(e=i.errors)==null?void 0:e[n]}function Sd(){let{router:e}=jd(Za.UseNavigateStable),s=Xa(Ya.UseNavigateStable),i=m.useRef(!1);return Ha(()=>{i.current=!0}),m.useCallback(function(r,l){l===void 0&&(l={}),i.current&&(typeof r=="number"?e.navigate(r):e.navigate(r,at({fromRouteId:s},l)))},[e,s])}const dn={};function Nd(e,s,i){dn[e]||(dn[e]=!0)}function Cd(e,s){e?.v7_startTransition,e?.v7_relativeSplatPath}const Bd="startTransition",hn=Rr[Bd];function Ad(e){let{basename:s,children:i,initialEntries:n,initialIndex:r,future:l}=e,a=m.useRef();a.current==null&&(a.current=Lc({initialEntries:n,initialIndex:r,v5Compat:!0}));let c=a.current,[o,d]=m.useState({action:c.action,location:c.location}),{v7_startTransition:h}=l||{},p=m.useCallback(u=>{h&&hn?hn(()=>d(u)):d(u)},[d,h]);return m.useLayoutEffect(()=>c.listen(p),[c,p]),m.useEffect(()=>Cd(l),[l]),m.createElement(Rd,{basename:s,children:i,location:o.location,navigationType:o.action,navigator:c,future:l})}function Ka(e){I(!1)}function Rd(e){let{basename:s="/",children:i=null,location:n,navigationType:r=ge.Pop,navigator:l,static:a=!1,future:c}=e;ht()&&I(!1);let o=s.replace(/^\/*/,"/"),d=m.useMemo(()=>({basename:o,navigator:l,static:a,future:at({v7_relativeSplatPath:!1},c)}),[o,c,l,a]);typeof n=="string"&&(n=Ce(n));let{pathname:h="/",search:p="",hash:u="",state:f=null,key:x="default"}=n,g=m.useMemo(()=>{let y=ti(h,o);return y==null?null:{location:{pathname:y,search:p,hash:u,state:f,key:x},navigationType:r}},[o,h,p,u,f,x,r]);return g==null?null:m.createElement(Be.Provider,{value:d},m.createElement(qt.Provider,{children:i,value:g}))}function Td(e){let{children:s,location:i}=e;return fd(Fs(s),i)}new Promise(()=>{});function Fs(e,s){s===void 0&&(s=[]);let i=[];return m.Children.forEach(e,(n,r)=>{if(!m.isValidElement(n))return;let l=[...s,r];if(n.type===m.Fragment){i.push.apply(i,Fs(n.props.children,l));return}n.type!==Ka&&I(!1),!n.props.index||!n.props.children||I(!1);let a={id:n.props.id||l.join("-"),caseSensitive:n.props.caseSensitive,element:n.props.element,Component:n.props.Component,index:n.props.index,path:n.props.path,loader:n.props.loader,action:n.props.action,errorElement:n.props.errorElement,ErrorBoundary:n.props.ErrorBoundary,hasErrorBoundary:n.props.ErrorBoundary!=null||n.props.errorElement!=null,shouldRevalidate:n.props.shouldRevalidate,handle:n.props.handle,lazy:n.props.lazy};n.props.children&&(a.children=Fs(n.props.children,l)),i.push(a)}),i}function Gs(){return Gs=Object.assign?Object.assign.bind():function(e){for(var s=1;s<arguments.length;s++){var i=arguments[s];for(var n in i)Object.prototype.hasOwnProperty.call(i,n)&&(e[n]=i[n])}return e},Gs.apply(this,arguments)}function Md(e,s){if(e==null)return{};var i={},n=Object.keys(e),r,l;for(l=0;l<n.length;l++)r=n[l],!(s.indexOf(r)>=0)&&(i[r]=e[r]);return i}function Pd(e){return!!(e.metaKey||e.altKey||e.ctrlKey||e.shiftKey)}function Id(e,s){return e.button===0&&(!s||s==="_self")&&!Pd(e)}function Os(e){return e===void 0&&(e=""),new URLSearchParams(typeof e=="string"||Array.isArray(e)||e instanceof URLSearchParams?e:Object.keys(e).reduce((s,i)=>{let n=e[i];return s.concat(Array.isArray(n)?n.map(r=>[i,r]):[[i,n]])},[]))}function Ed(e,s){let i=Os(e);return s&&s.forEach((n,r)=>{i.has(r)||s.getAll(r).forEach(l=>{i.append(r,l)})}),i}const $d=["onClick","relative","reloadDocument","replace","state","target","to","preventScrollReset","viewTransition"],Ld="6";try{window.__reactRouterVersion=Ld}catch{}const Dd=typeof window<"u"&&typeof window.document<"u"&&typeof window.document.createElement<"u",Fd=/^(?:[a-z][a-z0-9+.-]*:|\/\/)/i,le=m.forwardRef(function(s,i){let{onClick:n,relative:r,reloadDocument:l,replace:a,state:c,target:o,to:d,preventScrollReset:h,viewTransition:p}=s,u=Md(s,$d),{basename:f}=m.useContext(Be),x,g=!1;

1if(typeof d=="string"&&Fd.test(d)&&(x=d,Dd))try{let v=new URL(window.location.href),w=d.startsWith("//")?new URL(v.protocol+d):new URL(d),O=ti(w.pathname,f);w.origin===v.origin&&O!=null?d=O+w.search+w.hash:g=!0}catch{}let y=hd(d,{relative:r}),j=Gd(d,{replace:a,state:c,target:o,preventScrollReset:h,relative:r,viewTransition:p});function b(v){n&&n(v),v.defaultPrevented||j(v)}return m.createElement("a",Gs({},u,{href:x||y,onClick:g||l?n:b,ref:i,target:o}))});var pn;(function(e){e.UseScrollRestoration="useScrollRestoration",e.UseSubmit="useSubmit",e.UseSubmitFetcher="useSubmitFetcher",e.UseFetcher="useFetcher",e.useViewTransitionState="useViewTransitionState"})(pn||(pn={}));var un;(function(e){e.UseFetcher="useFetcher",e.UseFetchers="useFetchers",e.UseScrollRestoration="useScrollRestoration"})(un||(un={}));function Gd(e,s){let{target:i,replace:n,state:r,preventScrollReset:l,relative:a,viewTransition:c}=s===void 0?{}:s,o=Zt(),d=ze(),h=qa(e,{relative:a});return m.useCallback(p=>{if(Id(p,i)){p.preventDefault();let u=n!==void 0?n:Ds(d)===Ds(h);o(e,{replace:u,state:r,preventScrollReset:l,relative:a,viewTransition:c})}},[d,o,h,n,r,i,e,l,a,c])}function Od(e){let s=m.useRef(Os(e)),i=m.useRef(!1),n=ze(),r=m.useMemo(()=>Ed(n.search,i.current?null:s.current),[n.search]),l=Zt(),a=m.useCallback((c,o)=>{const d=Os(typeof c=="function"?c(r):c);i.current=!0,l("?"+d,o)},[l,r]);return[r,a]}function A(...e){const s=[],i=n=>{if(!(!n&&n!==0)){if(Array.isArray(n)){n.forEach(i);return}if(typeof n=="string"){const r=n.trim();r&&s.push(r)}}};return e.forEach(i),s.join(" ")}function _e(e,s="USD"){return new Intl.NumberFormat("en-US",{style:"currency",currency:s,minimumFractionDigits:0,maximumFractionDigits:0}).format(e)}function fn(e){return(typeof e=="string"?new Date(e):e).toLocaleDateString("en-US",{month:"short",day:"numeric"})}const Ud={sm:"max-w-2xl",md:"max-w-4xl",lg:"max-w-6xl",xl:"max-w-7xl",full:"max-w-none"};function F({children:e,className:s,size:i="xl"}){return t.jsx("div",{className:A("mx-auto w-full px-4 sm:px-6 lg:px-8",Ud[i],s),children:e})}function Ja({compact:e=!1,defaultDestination:s="",onSearch:i,className:n}){const[r,l]=m.useState(s),[a]=m.useState(1);function c(){i?.({destination:r,guests:a})}return e?t.jsxs("button",{onClick:()=>i?.({destination:r,guests:a}),className:A("group flex items-center gap-3 h-12 pl-5 pr-1.5","bg-white border border-paper-deep rounded-full","shadow-pill hover:shadow-card-hover transition-shadow duration-200 text-left",n),children:[t.jsx("span",{className:"text-[14px] font-semibold text-ink",children:r||"Anywhere"}),t.jsx("span",{className:"w-px h-5 bg-paper-deep"}),t.jsx("span",{className:"text-[14px] text-ink-quiet font-medium",children:"Any week"}),t.jsx("span",{className:"w-px h-5 bg-paper-deep hidden sm:inline-block"}),t.jsx("span",{className:"text-[14px] text-ink-quiet hidden sm:inline",children:"Add guests"}),t.jsx("span",{className:"ml-auto w-9 h-9 rounded-full bg-havn-accent text-white grid place-items-center group-hover:bg-havn-accent-hover transition-colors",children:t.jsx(Ps,{size:14,strokeWidth:3})})]}):t.jsxs("div",{className:A("flex items-stretch","bg-white border border-paper-deep rounded-full","shadow-card hover:shadow-card-hover transition-shadow duration-200","p-2",n),children:[t.jsxs("label",{className:"flex flex-col flex-[1.4] px-6 py-2 rounded-full hover:bg-paper-warm transition-colors cursor-text",children:[t.jsx("span",{className:"text-[12px] font-semibold text-ink leading-tight",children:"Where"}),t.jsx("input",{type:"text",value:r,onChange:o=>l(o.target.value),placeholder:"Search destinations",className:"bg-transparent text-[14px] text-ink placeholder:text-ink-quiet focus:outline-none w-full mt-0.5 leading-tight"})]}),t.jsx(us,{}),t.jsxs("button",{type:"button",className:"flex flex-col flex-1 text-left px-6 py-2 rounded-full hover:bg-paper-warm transition-colors",children:[t.jsx("span",{className:"text-[12px] font-semibold text-ink leading-tight",children:"Check in"}),t.jsx("span",{className:"text-[14px] text-ink-quiet mt-0.5 leading-tight",children:"Add dates"})]}),t.jsx(us,{}),t.jsxs("button",{type:"button",className:"flex flex-col flex-1 text-left px-6 py-2 rounded-full hover:bg-paper-warm transition-colors",children:[t.jsx("span",{className:"text-[12px] font-semibold text-ink leading-tight",children:"Check out"}),t.jsx("span",{className:"text-[14px] text-ink-quiet mt-0.5 leading-tight",children:"Add dates"})]}),t.jsx(us,{}),t.jsxs("div",{className:"flex items-center flex-[1.2] pl-6 pr-1 rounded-full hover:bg-paper-warm transition-colors",children:[t.jsxs("button",{type:"button",className:"flex flex-col flex-1 text-left py-2",children:[t.jsx("span",{className:"text-[12px] font-semibold text-ink leading-tight",children:"Who"}),t.jsxs("span",{className:"text-[14px] text-ink-quiet mt-0.5 leading-tight tabular-nums",children:[a," guest",a!==1?"s":""]})]}),t.jsx("button",{onClick:c,className:"ml-2 h-12 w-12 rounded-full bg-havn-accent hover:bg-havn-accent-hover transition-colors text-white grid place-items-center","aria-label":"Search",children:t.jsx(Ps,{size:16,strokeWidth:3})})]})]})}function us(){return t.jsx("div",{className:"self-center w-px h-8 bg-paper-deep","aria-hidden":!0})}function rt({rating:e,count:s,size:i="sm",className:n}){const r=i==="sm"?12:14;return t.jsxs("span",{className:A("inline-flex items-center gap-1 text-ink",i==="sm"?"text-[14px]":"text-[15px]",n),children:[t.jsx(Ir,{size:r,className:"fill-ink text-ink"}),t.jsx("span",{className:"font-medium tabular-nums",children:e.toFixed(2)}),s!==void 0&&t.jsxs("span",{className:"text-ink-quiet",children:["(",s.toLocaleStr

1ing(),")"]})]})}const zd={sm:18,md:22,lg:26},Vd={sm:"w-8 h-8",md:"w-9 h-9",lg:"w-11 h-11"};function Pt({saved:e=!1,onToggle:s,className:i,size:n="md",surface:r="overlay"}){const[l,a]=m.useState(e),c=So(),o=zd[n];function d(h){h.preventDefault(),h.stopPropagation();const p=!l;a(p),s?.(p)}return t.jsx("div",{className:A("relative flex items-center justify-center",Vd[n],i),children:t.jsx(nt.button,{onClick:d,whileTap:c?{}:{scale:.85},animate:c?{}:l?{scale:[1,1.18,1]}:{scale:1},transition:{duration:.32,ease:[.2,.8,.2,1]},className:"relative z-10 flex items-center justify-center w-full h-full rounded-full","aria-label":l?"Remove from wishlist":"Save to wishlist","aria-pressed":l,children:t.jsx($s,{size:o,strokeWidth:2,className:A("transition-colors duration-150",l?"fill-havn-accent text-havn-accent":r==="overlay"?"fill-black/35 text-white drop-shadow-[0_1px_3px_rgba(0,0,0,0.4)]":"fill-transparent text-ink")})})})}function It({listing:e,saved:s=!1,onSaveToggle:i,className:n}){return t.jsxs("article",{className:A("group relative flex flex-col",n),children:[t.jsx(le,{to:`/listing/${e.id}`,className:"block",children:t.jsxs("div",{className:"relative w-full aspect-square rounded-2xl overflow-hidden bg-paper-warm",children:[t.jsx("img",{src:e.images[0],alt:e.title,className:"w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]",loading:"lazy"}),e.badge&&t.jsx("span",{className:"absolute top-3 left-3 bg-white text-ink text-[12px] font-semibold px-2.5 py-1 rounded-md shadow-sm",children:e.badge})]})}),t.jsx("div",{className:"absolute top-2.5 right-2.5",children:t.jsx(Pt,{saved:s,onToggle:r=>i?.(e.id,r),size:"md",surface:"overlay"})}),t.jsxs("div",{className:"mt-3 flex flex-col gap-0.5",children:[t.jsxs("div",{className:"flex items-start justify-between gap-2",children:[t.jsx(le,{to:`/listing/${e.id}`,className:"text-[15px] font-semibold text-ink leading-snug line-clamp-1 hover:underline",children:e.location}),t.jsx(rt,{rating:e.rating,className:"flex-shrink-0 mt-0.5 text-[14px]"})]}),t.jsx("p",{className:"text-[14px] text-ink-quiet line-clamp-1",children:e.title}),t.jsx("p",{className:"text-[14px] text-ink-quiet",children:e.dateRange}),t.jsxs("p",{className:"text-[14px] text-ink mt-1",children:[t.jsx("span",{className:"font-semibold underline",children:_e(e.pricePerNight)})," ",t.jsx("span",{className:"text-ink-quiet",children:"night"})]})]})]})}const Wd={primary:"bg-havn-accent hover:bg-havn-accent-hover active:bg-havn-accent-press text-white shadow-sm hover:shadow",ink:"bg-ink hover:bg-ink-soft active:bg-black text-white",secondary:"bg-paper-warm hover:bg-paper-dark text-ink",ghost:"bg-transparent hover:bg-paper-warm text-ink",destructive:"bg-ink hover:bg-ink-soft text-white",outline:"bg-transparent text-ink border border-paper-deep hover:border-ink hover:bg-paper-warm/50"},Hd={sm:"h-9 px-4 text-[14px] rounded-lg gap-1.5 font-medium",md:"h-11 px-5 text-[14px] rounded-lg gap-2 font-semibold",lg:"h-12 px-6 text-[15px] rounded-lg gap-2 font-semibold"},C=m.forwardRef(({className:e,variant:s="primary",size:i="md",loading:n,disabled:r,children:l,...a},c)=>t.jsxs("button",{ref:c,disabled:r||n,className:A("inline-flex items-center justify-center","transition-[background-color,color,box-shadow,transform] duration-150 ease-out","active:scale-[0.98]","disabled:opacity-50 disabled:cursor-not-allowed disabled:active:scale-100","select-none whitespace-nowrap",Wd[s],Hd[i],e,"w-full"),...a,children:[n?t.jsx("span",{className:"inline-block w-4 h-4 border-2 border-current border-t-transparent rounded-full animate-spin"}):null,l]}));C.displayName="Button";const re=[{id:"lst-001",title:"Coastal stone cottage with sea views",location:"Cinque Terre, Italy",region:"Italy",type:"entire",pricePerNight:248,rating:4.97,reviewCount:184,beds:2,baths:1,maxGuests:4,images:["https://images.unsplash.com/photo-1499793983690-e29da59ef1c2?w=800&q=80","https://images.unsplash.com/photo-1502672260266-1c1ef2d93688?w=800&q=80","https://images.unsplash.com/photo-1505691938895-1758d7feb511?w=800&q=80"],dateRange:"Jun 8â13",badge:"Guest favourite",amenities:["Wifi","Kitchen","Sea view","Terrace","Air conditioning","Washer"],description:"A sun-warmed stone cottage perched above the Ligurian coast. Wake to fishing boats and turquoise water. Walk to the village in eight minutes, or stay on the terrace all day with a glass of Vermentino.",host:{id:"h-001",name:"Lucia R.",avatar:"https://images.unsplash.com/photo-1438761681033-6461ffad8d80?w=100&q=80",responseRate:99,superhost:!0},coordinates:{lat:44.1461,lng:9.6439}},{id:"lst-002",title:"Riad with rooftop pool, medina views",location:"Marrakech, Morocco",region:"Morocco",type:"entire",pricePerNight:195,rating:4.93,reviewCount:312,beds:3,baths:2,maxGuests:6,images:["https://images.unsplash.com/photo-1539037116277-4db20889f2d4?w=800&q=80","https://images.unsplash.com/photo-1582719508461-905c673771fd?w=800&q=80"],dateRange:"Apr 3â8",badge:"Rare find",amenities:["Wifi","Pool","Breakfast included","Air conditioning","Concierge","Hammam"],description:"Hidden behind an unmarked door in the heart of the medina, this restored 18th-century riad opens onto a courtyard fountain and a rooftop plunge pool with Atlas Mountain views.",host:{id:"h-002",name:"Karim B.",avatar:"https://images.unsplash.com/photo-1472099645785-5658abf4ff4e?w=100&q=80",responseRate:97,superhost:!0},coordinates:{lat:31.6295,lng:-7.9811}},{id:"lst-003",title:"Timber treehouse in old-growth forest",location:"Olympic Peninsula, WA",region:"Pacific N

1orthwest",type:"entire",pricePerNight:320,rating:4.99,reviewCount:97,beds:1,baths:1,maxGuests:2,images:["https://images.unsplash.com/photo-1510798831971-661eb04b3739?w=800&q=80","https://images.unsplash.com/photo-1448375240586-882707db888b?w=800&q=80"],dateRange:"May 17â22",badge:"Guest favourite",amenities:["Wifi","Outdoor shower","Fire pit","Kitchen","EV charger","Telescope"],description:"Suspended 30 feet up in a 200-year-old Douglas fir. Rain sounds. Elk passing below. A wood-burning stove and a cloud of stars through the skylight.",host:{id:"h-003",name:"Dane & Mira K.",avatar:"https://images.unsplash.com/photo-1544005313-94ddf0286df2?w=100&q=80",responseRate:100,superhost:!0},coordinates:{lat:47.9731,lng:-123.4984}},{id:"lst-004",title:"Canal-front apartment, Jordaan",location:"Amsterdam, Netherlands",region:"Netherlands",type:"entire",pricePerNight:175,rating:4.88,reviewCount:256,beds:2,baths:1,maxGuests:4,images:["https://images.unsplash.com/photo-1512470876302-972faa2aa9a4?w=800&q=80","https://images.unsplash.com/photo-1534351590666-13e3e96b5017?w=800&q=80"],dateRange:"Mar 22â27",amenities:["Wifi","Bikes included","Washer","Kitchen","Canal view"],description:"A 17th-century merchant's house with original beams, steep Dutch stairs, and a canal view that looks like a Vermeer. Two bikes in the downstairs storage â the city is yours.",host:{id:"h-004",name:"Annelise V.",avatar:"https://images.unsplash.com/photo-1494790108377-be9c29b29330?w=100&q=80",responseRate:95,superhost:!1},coordinates:{lat:52.3722,lng:4.8841}},{id:"lst-005",title:"Modernist desert villa, Joshua Tree",location:"Joshua Tree, CA",region:"California",type:"entire",pricePerNight:440,rating:4.96,reviewCount:143,beds:3,baths:2,maxGuests:6,images:["https://images.unsplash.com/photo-1523217582562-09d0def993a6?w=800&q=80","https://images.unsplash.com/photo-1600596542815-ffad4c1539a9?w=800&q=80"],dateRange:"Oct 5â10",badge:"Guest favourite",amenities:["Wifi","Pool","Hot tub","Kitchen","Outdoor kitchen","Stargazing deck","EV charger"],description:"A 1960s Case Studyâinspired house with floor-to-ceiling glass, a concrete pool, and 10 acres of desert boulders. Dark sky certified â bring a star chart.",host:{id:"h-005",name:"Marcus T.",avatar:"https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=100&q=80",responseRate:98,superhost:!0},coordinates:{lat:34.1348,lng:-116.3136}},{id:"lst-006",title:"Fisherman's hut on stilts, Bacalar",location:"Bacalar, Mexico",region:"Mexico",type:"entire",pricePerNight:160,rating:4.91,reviewCount:78,beds:1,baths:1,maxGuests:2,images:["https://images.unsplash.com/photo-1571896349842-33c89424de2d?w=800&q=80","https://images.unsplash.com/photo-1540541338287-41700207dee6?w=800&q=80"],dateRange:"Feb 10â15",amenities:["Wifi","Kayak","Paddleboard","Fan","Breakfast included"],description:"A hand-built palapa perched over the Lagoon of Seven Colors. Swim off the dock. Kayak to cenotes. Fall asleep to the lap of jade water.",host:{id:"h-006",name:"Alejandro M.",avatar:"https://images.unsplash.com/photo-1500648767791-00dcc994a43e?w=100&q=80",responseRate:93,superhost:!1},coordinates:{lat:18.6813,lng:-88.3944}},{id:"lst-007",title:"Alpine lodge above the cloud line",location:"Grindelwald, Switzerland",region:"Switzerland",type:"entire",pricePerNight:520,rating:4.98,reviewCount:61,beds:4,baths:3,maxGuests:8,images:["https://images.unsplash.com/photo-1506905925346-21bda4d32df4?w=800&q=80","https://images.unsplash.com/photo-1520250497591-112f2f40a3f4?w=800&q=80"],dateRange:"Dec 20â27",badge:"Rare find",amenities:["Wifi","Sauna","Hot tub","Ski-in/ski-out","Fireplace","Full kitchen"],description:"A timber-and-glass chalet above the clouds with Eiger views from every window. Ski in, ski out. Sauna, fondue, repeat.",host:{id:"h-007",name:"Heidi & Thomas B.",avatar:"https://images.unsplash.com/photo-1517841905240-472988babdf9?w=100&q=80",responseRate:99,superhost:!0},coordinates:{lat:46.6241,lng:8.041}},{id:"lst-008",title:"Converted lighthouse keeper's cottage",location:"Orkney Islands, Scotland",region:"Scotland",type:"entire",pricePerNight:215,rating:4.94,reviewCount:112,beds:2,baths:1,maxGuests:4,images:["https://images.unsplash.com/photo-1543731068-7e0f5beff43a?w=800&q=80","https://images.unsplash.com/photo-1501084817091-a4f3d1d19e07?w=800&q=80"],dateRange:"Jul 14â19",amenities:["Wifi","Sea view","Fireplace","Kitchen","Binoculars"],description:"Stone walls two feet thick, a wood-burning stove, and Atlantic storms outside. Puffins nest nearby in summer. Silence so complete you hear your own heartbeat.",host:{id:"h-008",name:"Fiona M.",avatar:"https://images.unsplash.com/photo-1487412720507-e7ab37603c6f?w=100&q=80",responseRate:96,superhost:!0},coordinates:{lat:58.9785,lng:-2.9605}}];function qd(e){return re.find(s=>

1s.id===e)}const Zd=[{label:"Beachfront",icon:_a,q:"coastal"},{label:"Cabins",icon:gl,q:"forest"},{label:"Cities",icon:zo,q:"city"},{label:"Mountains",icon:ll,q:"mountain"},{label:"Camping",icon:ul,q:"camping"},{label:"Castles",icon:Wo,q:"castle"}],Yd=re.slice(0,4),Xd=re.slice(4,8);function Kd(){const e=Zt();function s({destination:i}){e(`/search${i?`?q=${encodeURIComponent(i)}`:""}`)}return t.jsxs("div",{className:"min-h-screen bg-white",children:[t.jsx("section",{className:"bg-paper-warm",children:t.jsxs(F,{className:"pt-12 pb-16 sm:pt-20 sm:pb-24",children:[t.jsxs("div",{className:"text-center mb-10",children:[t.jsx("h1",{className:"text-display-lg font-semibold text-ink tracking-tight text-balance",children:"Find your next favorite place to stay."}),t.jsx("p",{className:"mt-3 text-[16px] text-ink-quiet max-w-xl mx-auto",children:"Eight handpicked properties around the world. Search by where, when, and who's coming."})]}),t.jsx("div",{className:"max-w-4xl mx-auto",children:t.jsx(Ja,{onSearch:s})})]})}),t.jsx("section",{className:"border-b border-paper-deep",children:t.jsx(F,{children:t.jsx("div",{className:"flex items-center gap-8 overflow-x-auto scrollbar-none py-4",children:Zd.map(({label:i,icon:n,q:r})=>t.jsxs("button",{onClick:()=>e(`/search?q=${r}`),className:"flex flex-col items-center gap-2 min-w-[80px] flex-shrink-0 pb-2 border-b-2 border-transparent hover:border-ink-quiet transition-colors group",children:[t.jsx(n,{size:26,strokeWidth:1.5,className:"text-ink-quiet group-hover:text-ink transition-colors"}),t.jsx("span",{className:"text-[12px] font-medium text-ink-quiet group-hover:text-ink transition-colors whitespace-nowrap",children:i})]},r))})})}),t.jsx("section",{className:"py-10 sm:py-12",children:t.jsxs(F,{children:[t.jsxs("header",{className:"mb-6 flex items-end justify-between",children:[t.jsx("h2",{className:"text-[22px] sm:text-[24px] font-semibold text-ink",children:"Popular homes"}),t.jsxs(C,{variant:"ghost",size:"sm",onClick:()=>e("/search"),className:"hidden sm:inline-flex items-center gap-1 underline",children:["Show all ",t.jsx(xi,{size:14,strokeWidth:2})]})]}),t.jsx("div",{className:"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-x-6 gap-y-10 reveal-up",children:Yd.map(i=>t.jsx(It,{listing:i},i.id))})]})}),t.jsx("section",{className:"py-6 sm:py-12",children:t.jsxs(F,{children:[t.jsxs("header",{className:"mb-6 flex items-end justify-between",children:[t.jsx("h2",{className:"text-[22px] sm:text-[24px] font-semibold text-ink",children:"Available next month"}),t.jsxs(C,{variant:"ghost",size:"sm",onClick:()=>e("/search"),className:"hidden sm:inline-flex items-center gap-1 underline",children:["Show all ",t.jsx(xi,{size:14,strokeWidth:2})]})]}),t.jsx("div",{className:"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-x-6 gap-y-10",children:Xd.map(i=>t.jsx(It,{listing:i},i.id))})]})}),t.jsx("section",{className:"py-12 bg-paper-warm/60 border-t border-paper-deep",children:t.jsxs(F,{children:[t.jsx("h2",{className:"text-[22px] sm:text-[24px] font-semibold text-ink mb-6",children:"Inspiration for future getaways"}),t.jsx("div",{className:"grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-6 gap-x-6 gap-y-3",children:[["Family travel","Destinations for families"],["Outdoor escapes","Lakes, forests, hills"],["Beach getaways","Sun, sand, salt"],["Unique stays","Treehouses, riads, more"],["City breaks","Apartments in town"],["Mountain retreats","Cabins and lodges"]].map(([i,n])=>t.jsxs("a",{onClick:()=>e("/search"),className:"block py-3 border-t border-paper-deep cursor-pointer hover:opacity-70 transition-opacity",children:[t.jsx("p",{className:"text-[14px] font-semibold text-ink",children:i}),t.jsx("p",{className:"text-[13px] text-ink-quiet mt-0.5",children:n})]},i))})]})}),t.jsx("footer",{className:"bg-paper-warm border-t border-paper-deep",children:t.jsxs(F,{className:"py-8",children:[t.jsx("div",{className:"grid grid-cols-2 md:grid-cols-4 gap-8 mb-6",children:[{h:"Support",links:["Help Center","Cancellation options","Trust & Safety"]},{h:"Hosting",links:["Become a host","Resources","Community forum"]},{h:"Havn",links:["About","Careers","Press"]},{h:"Travel",links:["Gift cards","Travel insurance","Affiliates"]}].map(i=>t.jsxs("div",{children:[t.jsx("p",{className:"text-[13px] font-semibold text-ink mb-3",children:i.h}

1),t.jsx("ul",{className:"space-y-2",children:i.links.map(n=>t.jsx("li",{className:"text-[13px] text-ink-quiet hover:text-ink transition-colors cursor-pointer",children:n},n))})]},i.h))}),t.jsxs("div",{className:"border-t border-paper-deep pt-4 flex flex-wrap items-center justify-between gap-3 text-[13px] text-ink-quiet",children:[t.jsx("span",{children:"Â© 2026 Havn, Inc. Â· Privacy Â· Terms Â· Sitemap"}),t.jsx("span",{className:"flex items-center gap-1",children:"English (US) Â· USD"})]})]})})]})}const Xe=m.forwardRef(({className:e,label:s,hint:i,error:n,prefix:r,suffix:l,id:a,...c},o)=>{const d=a??s?.toLowerCase().replace(/\s+/g,"-");return t.jsxs("div",{className:"flex flex-col gap-1.5",children:[s&&t.jsx("label",{htmlFor:d,className:"text-[12px] font-semibold text-ink",children:s}),t.jsxs("div",{className:"relative flex items-center",children:[r&&t.jsx("span",{className:"absolute left-3.5 text-ink-quiet pointer-events-none",children:r}),t.jsx("input",{ref:o,id:d,className:A("w-full h-12 bg-white border border-paper-deep rounded-lg px-3.5","text-[14px] text-ink placeholder:text-ink-quiet","transition-[border-color,box-shadow] duration-150 ease-out","hover:border-ink-quiet","focus:border-ink focus:outline-none focus:shadow-[0_0_0_2px_rgba(0,0,0,0.06)]","disabled:opacity-50 disabled:cursor-not-allowed",r&&"pl-10",l&&"pr-10",n&&"border-havn-accent focus:border-havn-accent focus:shadow-[0_0_0_2px_rgba(255,56,92,0.10)]",e),...c}),l&&t.jsx("span",{className:"absolute right-3.5 text-ink-quiet pointer-events-none",children:l})]}),i&&!n&&t.jsx("p",{className:"text-[12px] text-ink-quiet",children:i}),n&&t.jsx("p",{className:"text-[12px] text-havn-accent",children:n})]})});Xe.displayName="Input";const Jd={default:"bg-paper-warm text-ink",success:"bg-[#e8f5e9] text-[#1b5e20]",warning:"bg-[#fff3e0] text-[#e65100]",error:"bg-[#ffebee] text-[#b71c1c]",muted:"bg-transparent text-ink-quiet border border-paper-deep",accent:"bg-havn-accent text-white",ink:"bg-ink text-white",gold:"bg-[#fef7e0] text-[#7d5a00]"};function he({children:e,variant:s="default",className:i,pulse:n}){return t.jsx("span",{className:A("inline-flex items-center gap-1 px-2.5 py-1 rounded-md","text-[12px] font-medium leading-none",Jd[s],n&&"animate-pulse-soft",i),children:e})}const Qd={xs:"w-6 h-6 text-[10px]",sm:"w-8 h-8 text-[11px]",md:"w-10 h-10 text-[13px]",lg:"w-14 h-14 text-[15px]",xl:"w-20 h-20 text-[18px]"};function eh(e){return e.split(" ").slice(0,2).map(s=>s[0]).join("").toUpperCase()}function ae({src:e,alt:s,size:i="md",className:n}){return t.jsx("div",{className:A("relative rounded-full overflow-hidden bg-paper-warm flex items-center justify-center flex-shrink-0",Qd[i],n),children:e?t.jsx("img",{src:e,alt:s,className:"w-full h-full object-cover",loading:"lazy"}):t.jsx("span",{className:"font-medium text-ink-soft",children:eh(s)})})}function Ie({label:e,count:s,active:i=!1,onClick:n,className:r}){return t.jsxs("button",{onClick:n,className:A("inline-flex items-center gap-1.5 h-9 px-4 rounded-full","text-[13px] font-medium","border transition-[border-color,background-color,color] duration-150 ease-out","whitespace-nowrap select-none",i?"bg-paper-warm text-ink border-ink":"bg-white text-ink border-paper-deep hover:border-ink",r),children:[t.jsx("span",{children:e}),s!==void 0&&s>0&&t.jsx("span",{className:A("min-w-[20px] h-5 inline-flex items-center justify-center px-1.5","text-[11px] font-semibold rounded-full tabular-nums",i?"bg-ink text-white":"bg-havn-accent text-white"),children:s})]})}function th(){return t.jsxs("div",{style:{minHeight:"100vh",background:"#e8e8e8",padding:"48px 56px",fontFamily:"Geist, -apple-system, BlinkMacSystemFont, 'InterVariable', 'Inter', 'Segoe UI', Roboto, sans-serif"},children:[t.jsxs("div",{style:{display:"flex",alignItems:"baseline",justifyContent:"space-between",marginBottom:40},children:[t.jsxs("div",{style:{display:"flex",alignItems:"baseline",gap:16},children:[t.jsx("span",{style:{fontSize:28,fontWeight:600,color:"#222",letterSpacing:"-0.02em"},children:"Havn"}),t.jsx("span",{style:{fontSize:14,color:"#717171"},children:"/"}),t.jsx("span",{style:{fontSize:14,color:"#717171"},children:"Design system"})]}),t.jsxs("div",{style:{display:"flex",gap:16,fontSize:12,color:"#717171"},children:[t.jsx("span",{children:"v0.1.0"}),t.jsx("span",{children:"Â·"}),t.jsx("span",{children:"9 components"}),t.jsx("span",{children:"Â·"}),t.jsx("span",{children:"32 tokens"})]})]}),t.jsx(Re,{children:"1 Â· Color"}),t.jsxs(Te,{children:[t.jsx(q,{label:"Surface",width:420,children:t.jsxs("div",{style:{display:"grid",gridTemplateColumns:"repeat(3, 1fr)",gap:12},children:[t.jsx(ue,{name:"paper",hex:"#FFFFFF"}),t.jsx(ue,{name:"paper-warm",hex:"#F7F7F7"}),t.jsx(ue,{name:"paper-deep",hex:"#DDDDDD"})]})}),t.jsx(q,{label:"Ink",width:420,children:t.jsxs("div",{style:{display:"grid",gridTemplateColumns:"repeat(3, 1fr)",gap:12},children:[t.jsx(ue,{name:"ink",hex:"#222222",dark:!0}),t.jsx(ue,{name:"ink-soft",hex:"#484848",dark:!0}),t.jsx(ue,{name:"ink-quiet",hex:"#717171",dark:!0})]})}),t.jsx(q,{label:"Brand",width:280,children:t.jsxs("div",{style:{display:"grid",gridTemplateColumns:"repeat(2, 1fr)",gap:12},children:[t.jsx(ue,{name:"accent",hex:"#FF385C",dark:!0}),t.jsx(ue,{name:"accent-soft",hex:"#FFF0F3"})]})})]}),t.jsx(Re,{children:"2 Â· Type"}),t.jsx(Te,{children:t.jsx(q,{label:"Type / Scale",width:1180,children:t.jsxs("div",{style:{display:"grid",gridTemplateColumns:"120px 1fr 80px",rowGap:16,columnGap:24,alignItems:"baseline"},children:[t.jsx(We,{token:"display-lg",size:48,weight:600,sample:"Stay anywhere worth going."}),t.jsx(We,{token:"display-md",size:32,weight:600,sample:"Popular homes this week"}),t.jsx(We,{token:"title",size:22,weight:600,sample:"Section heading"}),t.jsx(We,{token:"body",size:16,weight:400,sample:"Body copy at the default reading size."}),t.jsx(We,{token:"caption",size:13,weight:500,sample:"Used for metadata and form hints."})]})})}),t.jsx(Re,{children:"3 Â· Button"}),t.jsxs(Te,{children:[t.jsx(q,{label:"Button / Variant",width:760,children:t.jsxs("div",{style:{display:"grid",gridTemplateColumns:"repeat(4, 1fr)",columnGap:16,rowGap:24},children:[t.jsx(M,{name:"primary",children:t.jsx(C,{variant:"primary",size:"md",className:"!w-auto",children:"Reserve"})}),t.jsx(M,{name:"ink",children:t.jsx(C,{variant:"ink",size:"md",className:"!w-auto",children:"Send message"})}),t.jsx(M,{name:"outline",children:t.jsx(C,{variant:"outline",size:"md",className:"!w-auto",children:"Save"})}),t.jsx(M,{name:"ghost",children:t.jsx(C,{variant:"ghost",size:"md",className:"!w-auto",children:"Cancel"})})]})}),t.jsx(q,{label:"Button / Size",width:380,children:t.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:16,alignItems:"flex-start"},children:[t.jsx(M,{name:"sm",children:t.jsx(C,{variant:"primary",size:"sm",className:"!w-auto",children:"Reserve"})}),t.jsx(M,{name:"md",children:t.jsx(C,{variant:"primary",size:"md",className:"!w-auto",children:"Reserve"})}),t.jsx(M,{name:"lg",children:t.jsx(C,{variant:"primary",size:"lg",className:"!w-auto",children:"Reserve"})})]})})]}),t.jsx(Re,{children:"4 Â· Input"}),t.jsx(Te,{children:t.jsx(q,{label:"Input / States",width:1180,children:t.jsxs("div",{style:{display:"grid",gridTemplateColumns:"repeat(4, 1fr)",gap:24},children:[t.jsx(M,{name:"default",children:t.jsx(Xe,{label:"Destination",placeholder:"Search a city",prefix:t.jsx(Ps,{size:16,strokeWidth:2})})}),t.jsx(M,{name:"filled",children:t.jsx(Xe,{label:"Email",defaultValue:"[email protected]",prefix:t.jsx(sl,{size:16,strokeWidth:2})})}),t.jsx(M,{name:"hint",children:t.jsx(Xe,{label:"Guests",defaultValue:"6",hint:"Up to 8 for this listing."})}),t.jsx(M,{name:"error",children:t.jsx(Xe,{label:"Promo code",defaultValue:"HAVNUM",error:"That code expired."})})]})})}),t.jsx(Re,{children:"5 Â· Badge & Chip"}),t.jsxs(Te,{children:[t.jsx(q,{label:"Badge / Variant",width:580,children:t.jsxs("div",{style:{display:"flex",flexWrap:"wrap",gap:8},children:[t.jsx(he,{variant:"default",children:"Default"}),t.jsx(he,{variant:"accent",children:"Hot stay"}),t.jsx(he,{variant:"ink",children:"Guest favorite"}),t.jsx(he,{variant:"success",children:"Available"}),t.jsx(he,{variant:"warning",children:"Few left"}),t.jsx(he,{variant:"error",children:"Booked"}),t.jsx(he,{variant:"gold",children:"Superhost"}),t.jsx(he,{variant:"muted",children:"Outline"})]})}),t.jsx(q,{label:"FilterChip / State",width:560,children:t.jsxs("div",{style:{display:"flex",flexWrap:"wrap",gap:8},children:[t.jsx(Ie,{label:"Anywhere",active:!0}),t.jsx(Ie,{label:"Cabins",count:42}),t.jsx(Ie,{label:"Beachfront",count:18}),t.jsx(Ie,{label:"Cities"}

1),t.jsx(Ie,{label:"Pet-friendly",count:7})]})})]}),t.jsx(Re,{children:"6 Â· People & feedback"}),t.jsxs(Te,{children:[t.jsx(q,{label:"Avatar / Size",width:540,children:t.jsxs("div",{style:{display:"flex",alignItems:"flex-end",gap:20},children:[t.jsx(M,{name:"xs",children:t.jsx(ae,{alt:"Mira Reyes",size:"xs"})}),t.jsx(M,{name:"sm",children:t.jsx(ae,{alt:"Devon Liang",size:"sm"})}),t.jsx(M,{name:"md",children:t.jsx(ae,{alt:"Sasha Kim",size:"md"})}),t.jsx(M,{name:"lg",children:t.jsx(ae,{alt:"Priya Anand",size:"lg"})}),t.jsx(M,{name:"xl",children:t.jsx(ae,{alt:"Han Yoon",size:"xl"})})]})}),t.jsx(q,{label:"HeartButton",width:240,children:t.jsxs("div",{style:{display:"flex",gap:32},children:[t.jsx(M,{name:"default",children:t.jsx(Pt,{surface:"inline"})}),t.jsx(M,{name:"saved",children:t.jsx(Pt,{saved:!0,surface:"inline"})})]})}),t.jsx(q,{label:"RatingStars",width:340,children:t.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:12},children:[t.jsx(M,{name:"with count",children:t.jsx(rt,{rating:4.92,count:184})}),t.jsx(M,{name:"solo",children:t.jsx(rt,{rating:5,size:"md"})})]})})]})]})}function Re({children:e}){return t.jsxs("div",{style:{display:"flex",alignItems:"center",gap:12,margin:"32px 0 16px"},children:[t.jsx("span",{style:{fontSize:11,fontWeight:600,color:"#717171",textTransform:"uppercase",letterSpacing:"0.08em"},children:e}),t.jsx("span",{style:{flex:1,height:1,background:"#cfcfcf"}})]})}function Te({children:e}){return t.jsx("div",{style:{display:"flex",flexWrap:"wrap",gap:32,marginBottom:16},children:e})}function q({label:e,width:s,children:i}){return t.jsxs("div",{style:{width:s},children:[t.jsx("div",{style:{fontSize:10,fontWeight:600,color:"#ff385c",marginBottom:6,letterSpacing:.2},children:e}),t.jsx("div",{style:{background:"#ffffff",border:"1px solid #d8d8d8",borderRadius:6,padding:24},children:i})]})}function ue({name:e,hex:s,dark:i}){return t.jsxs("div",{children:[t.jsx("div",{style:{height:64,background:s,border:"1px solid #d8d8d8",borderRadius:4}}),t.jsxs("div",{style:{marginTop:6},children:[t.jsx("div",{style:{fontSize:11,fontWeight:600,color:"#222",lineHeight:1.2},children:e}),t.jsx("div",{style:{fontSize:10,color:"#717171",lineHeight:1.2,marginTop:1,fontVariantNumeric:"tabular-nums",textTransform:"uppercase"},children:s})]})]})}function We({token:e,size:s,weight:i,sample:n}){return t.jsxs(t.Fragment,{children:[t.jsx("div",{style:{fontSize:11,fontWeight:600,color:"#ff385c",alignSelf:"center",fontVariantNumeric:"tabular-nums"},children:e}),t.jsx("div",{style:{fontSize:s,fontWeight:i,color:"#222",letterSpacing:s>=22?"-0.015em":0,lineHeight:1.15},children:n}),t.jsxs("div",{style:{fontSize:11,color:"#717171",alignSelf:"center",fontVariantNumeric:"tabular-nums",textAlign:"right"},children:[s," / ",i]})]})}function M({name:e,children:s}){return t.jsxs("div",{children:[t.jsx("div",{style:{fontSize:10,color:"#717171",marginBottom:8,letterSpacing:.15},children:e}),t.jsx("div",{children:s})]})}const sh={Wifi:t.jsx(Al,{size:20,strokeWidth:1.5}),Kitchen:t.jsx(wl,{size:20,strokeWidth:1.5}),Pool:t.jsx(_a,{size:20,strokeWidth:1.5})};function ih(){const{id:e}=ud(),s=Zt(),i=qd(e??""),[n,r]=m.useState(!1),[l,a]=m.useState(!1);if(!i)return t.jsxs(F,{className:"py-32 text-center",children:[t.jsx("p",{className:"text-[24px] font-semibold",children:"Listing not found"}),t.jsx(C,{onClick:()=>s("/search"),className:"mt-6",children:"Back to search"})]});const c=5,o=85,d=Math.round(i.pricePerNight*c*.12),h=Math.round(i.pricePerNight*c*.08),p=i.pricePerNight*c+o+d+h;return t.jsxs("div",{className:"pb-32 lg:pb-12 bg-white min-h-screen",children:[t.jsx("div",{className:"sticky top-[120px] z-30 bg-white border-b border-paper-deep",children:t.jsxs(F,{className:"flex items-center justify-between h-12",children:[t.jsxs("button",{onClick:()=>s(-1),className:"flex items-center gap-1.5 text-[14px] font-medium text-ink hover:underline",children:[t.jsx(ba,{size:16,strokeWidth:2})," Back"]}),t.jsxs("div",{className:"flex items-center gap-1",children:[t.jsxs("button",{className:"flex items-center gap-1.5 text-[14px] font-medium text-ink hover:bg-paper-warm transition-colors px-3 py-2 rounded-full underline",children:[t.jsx(hl,{size:14,strokeWidth:2})," Share"]}),t.jsx("div",{className:"px-2",children:t.jsx(Pt,{size:"md",surface:"inline"})})]})]})}),t.jsxs(F,{className:"pt-6",children:[t.jsxs("div",{className:"mb-4",children:[t.jsx("h1",{className:"text-[26px] sm:text-[30px] font-semibold text-ink tracking-tight text-balance",children:i.title}),t.jsxs("div",{className:"mt-1 flex flex-wrap items-center gap-x-2 gap-y-1 text-[14px] text-ink",children:[t.jsx(rt,{rating:i.rating,count:i.reviewCount}),t.jsx("span",{className:"text-ink-quiet",children:"Â·"}),t.jsx("span",{className:"font-medium underline",children:i.location})]})]}),t.jsxs("div",{className:"grid grid-cols-4 grid-rows-2 gap-2 rounded-2xl overflow-hidden h-[280px] sm:h-[440px] mb-6",children:[t.jsx("div",{className:"col-span-4 sm:col-span-2 row-span-2 relative",children:t.jsx("img",{src:i.images[0],alt:i.title,className:"w-full h-full object-cover"})}),i.images.slice(1,3).map((u,f)=>t.jsx("div",{className:"hidden sm:block col-span-1 row-span-1 relative",children:t.jsx("img",{src:u,alt:"",className:"w-full h-full object-cover"})},f)),[...Array(Math.max(0,4-i.images.length))].map((u,f)=>t.jsx("div",{className:"hidden sm:block col-span-1 row-span-1 bg-paper-warm"},`ph-${f}`)),t.jsx("button",{className:"hidden sm:flex absolute bottom-6 right-6 items-center gap-2 bg-white border border-ink rounded-lg px-3 py-1.5 text-[13px] font-medium text-ink hover:bg-paper-warm transition-colors",children:"Show all photos"})]}),t.jsxs("div",{className:"lg:grid lg:grid-cols-[1fr_400px] lg:gap-16",children:[t.jsxs("div",{children:[t.jsxs("section",{className:"pb-6 border-b border-paper-deep",children:[t.jsxs("div",{className:"flex items-center justify-between gap-4",children:[t.jsxs("div",{children:[t.jsxs("h2",{className:"text-[22px] font-semibold text-ink",children:["Entire home in ",i.region]}),t.jsxs("p",{className:"text-[15px] text-ink mt-1",children:[i.maxGuests," guests Â· ",i.beds," beds Â· ",i.baths," ",i.baths===1?"bath":"baths"]})]}),t.jsx(ae,{src:i.host.avatar,alt:i.host.name,size:"lg"})]}),i.host.superhost&&t.jsxs("div",{className:"mt-4 flex items-center gap-2 text-[14px] text-ink",children:[t.jsx(Lo,{size:18,strokeWidth:1.75,className:"text-havn-accent"}),t.jsxs("span",{children:[t.jsx("span",{className:"font-semibold",children:i.host.name})," is a Superhost"]})]})]}),t.jsx("section",{className:"py-6 border-b border-paper-deep space-y-4",children:[{icon:Ci,title:"Self check-in",body:"Check yourself in with the smartlock."},{icon:Ks,title:"Great cleanliness",body:"Recent guests said this place is sparkling clean."},{icon:jl,title:`${i.host.responseRate}% response rate`,body:`${i.host.name} usually responds within an hour.`}].map(({icon:u,title:f,body:x})=>t.jsxs("div",{className:"flex gap-4",children:[t.jsx(u,{size:22,strokeWidth:1.5,className:"text-ink-quiet flex-shrink-0 mt-0.5"}),t.jsxs("div",{children:[t.jsx("p",{className:"text-[15px] font-semibold text-ink",children:f}),t.jsx("p",{className:"text-[14px] text-ink-quiet mt-0.5",children:x})]})]},f))}),t.jsx("section",{className:"py-6 border-b border-paper-deep",children:t.jsx("p",{className:"text-[15px] text-ink leading-relaxed",children:i.description})}),t.jsxs("section",{className:"py-6 border-b border-paper-deep",children:[t.jsx("h2",{className:"text-[20px] font-semibold text-ink mb-5",children:"What this place offers"}),t.jsx("div",{className:"grid grid-cols-1 sm:grid-cols-2 gap-x-8 gap-y-4",children:i.amenities.slice(0,8).map(u=>t.jsxs("div",{className:"flex items-center gap-4 text-[15px] text-ink",children:[t.jsx("span",{className:"text-ink-quiet",children:sh[u]??t.jsx(Ci,{size:20,strokeWidth:1.5})}),u]},u))}),i.amenities.length>8&&t.jsxs(C,{variant:"outline",size:"md",className:"mt-6",children:["Show all ",i.amenities.length," amenities"]})]}),t.jsxs("section",{className:"py-6",children:[t.jsx("div",{className:"flex items-center gap-2 mb-5",children:t.jsx(rt,{rating:i.rating,count:i.reviewCount,size:"md"})}),t.jsx("div",{className:"grid grid-cols-1 sm:grid-cols-2 gap-6",children:[{name:"Sarah M.",date:"March 2026",text:"Absolutely stunning. The views were exactly as advertised, and Lucia was incredibly responsive. One of our best trips."},{name:"Tom & Rie",date:"February 2026",text:"Perfect base for exploring the area. The cottage is charming and comfortable â we'd go back every year if we could."}].map(u=>t.jsxs("div",{children:[t.jsxs("div",{className:"flex items-center gap-3 mb-2",children:[t.jsx(ae,{alt:u.name,size:"md"}),t.jsxs("div",{children:[t.jsx("p",{className:"text-[14px] font-semibold text-ink",children:u.name}),t.jsx("p",{className:"text-[13px] text-ink-quiet",children:u.date})]})]}),t.jsx("p",{className:"text-[14px] text-ink leading-relaxed",children:u.text})]},u.name))}),t.jsxs(C,{variant:"outline",size:"md",className:"mt-6",children:["Show all ",i.reviewCount," reviews"]})]})]}),t.jsx("aside",{className:"hidden lg:block",children:t.jsxs("div",{className:"sticky top-[180px] rounded-2xl border border-paper-deep p-6 shadow-card bg-white",children:[t.jsxs("div",{className:"flex items-baseline gap-1.5 mb-5",children:[t.jsx("span",{className:"text-[22px] font-semibold text-ink",children:_e(i.pricePerNight)}),t.jsx("span",{className:"text-[15px] text-ink",children:"night"})]}),t.jsx("div",{className:"grid grid-cols-2 border border-paper-deep rounded-t-lg overflow-hidden",children:[{label:"CHECK-IN",val:i.dateRange.split("â")[0].trim()},{label:"CHECKOUT",val:i.dateRange.split("â")[1]?.trim()??"â"}].map((u,f)=>t.jsxs("button",{className:`p-3 text-left hover:bg-paper-warm transition-colors ${f===0?"border-r border-paper-deep":""}`,children:[t.jsx("p",{className:"text-[10px] font-bold text-ink tracking-[0.05em]",children:u.label}),t.jsx("p",{className:"text-[14px] text-ink mt-0.5",children:u.val})]},u.label))}),t.jsxs("button",{className:"w-full p-3 text-left border-x border-b border-paper-deep rounded-b-lg hover:bg-paper-warm transition-colors mb-4",children:[t.jsx("p",{className:"text-[10px] font-bold text-ink tracking-[0.05em]",children:"GUESTS"}),t.jsx("p",{className:"text-[14px] text-ink mt-0.5",children:"2 guests"})]}),t.jsx(C,{size:"lg",className:"w-full mb-3",onClick:()=>r(!0),children:"Reserve"}),t.jsx("p",{className:"text-center text-[14px] text-ink-quiet mb-5",children:"You won't be charged yet"}),t.jsxs("div",{className:"space-y-3 text-[14px]",children:[[{label:`${_e(i.pricePerNight)} Ã ${c} nights`,value:i.pricePerNight*c},{label:"Cleaning fee",value:o},{label:"Service fee",value:d},{label:"Taxes",value:h}].map(u=>t.jsxs("div",{className:"flex justify-between text-ink",children:[t.jsx("span",{className:"underline",children:u.label}),t.jsx("span",{className:"tabular-nums",children:_e(u.value)})]},u.label)),t.jsxs("div",{className:"border-t border-paper-deep pt-3 flex justify-between font-semibold text-ink",children:[t.jsx("span",{children:"Total before taxes"}),t.jsx("span",{className:"tabular-nums",children:_e(p)})]})]})]})})]})]}),t.jsxs("div",{className:"fixed bottom-0 left-0 right-0 lg:hidden bg-white border-t border-paper-deep px-5 py-3 flex items-center justify-between gap-4",children:[t.jsxs("div",{children:[t.jsxs("p",{className:"text-[15px] text-ink",children:[t.jsx("span",{className:"font-semibold",children:_e(i.pricePerNight)})," ",t.jsx("span",{className:"text-ink-quiet",children:"night"})]}),t.jsx("p",{className:"text-[12px] underline text-ink-quiet",children:i.dateRange})]}),t.jsx(C,{size:"lg",onClick:()=>r(!0),children:"Reserve"})]}),n&&t.jsx("div",{className:"fixed inset-0 z-50 flex items-end sm:items-center justify-center p-4 bg-black/50 backdrop-blur-sm",onClick:()=>r(!1),children:t.jsx(nt.div,{initial:{opacity:0,y:32}

1,animate:{opacity:1,y:0},transition:{duration:.32,ease:[.2,.8,.2,1]},className:"bg-white rounded-2xl shadow-modal w-full max-w-md p-7",onClick:u=>u.stopPropagation(),children:l?t.jsxs("div",{className:"text-center py-4",children:[t.jsx("div",{className:"text-5xl mb-4",children:"ð"}),t.jsx("h3",{className:"text-[24px] font-semibold text-ink mb-2",children:"Trip booked!"}),t.jsxs("p",{className:"text-[14px] text-ink-quiet",children:["Confirmation code:"," ",t.jsx("span",{className:"text-ink font-mono",children:"HMXK9W"})]}),t.jsx(C,{className:"mt-6 w-full",onClick:()=>r(!1),children:"Done"})]}):t.jsxs(t.Fragment,{children:[t.jsxs("div",{className:"flex items-center gap-3 mb-6",children:[t.jsx("img",{src:i.images[0],alt:"",className:"w-16 h-16 rounded-xl object-cover"}),t.jsxs("div",{className:"min-w-0",children:[t.jsx("p",{className:"text-[15px] font-semibold text-ink line-clamp-1",children:i.title}),t.jsx("p",{className:"text-[13px] text-ink-quiet",children:i.location})]})]}),t.jsxs("div",{className:"space-y-3 text-[14px] mb-6",children:[t.jsxs("div",{className:"flex justify-between text-ink",children:[t.jsx("span",{children:"Dates"}),t.jsx("span",{children:i.dateRange})]}),t.jsxs("div",{className:"flex justify-between text-ink",children:[t.jsx("span",{children:"Guests"}),t.jsx("span",{children:"2"})]}),t.jsxs("div",{className:"border-t border-paper-deep pt-3 flex justify-between font-semibold text-ink",children:[t.jsx("span",{children:"Total"}),t.jsx("span",{className:"tabular-nums",children:_e(p)})]})]}),t.jsxs("p",{className:"text-[12px] text-ink-quiet mb-5 bg-paper-warm rounded-xl p-3",children:[t.jsx("strong",{className:"text-ink",children:"Cancellation policy:"})," Free cancellation until 14 days before check-in, then 50% refund until 7 days before."]}),t.jsx(C,{size:"lg",className:"w-full mb-2",onClick:()=>a(!0),children:"Confirm and pay"}),t.jsx(C,{variant:"ghost",className:"w-full",onClick:()=>r(!1),children:"Cancel"})]})})})]})}const fs=[{id:"conv-001",tripId:"trp-001",hostName:"Lucia R.",hostAvatar:"https://images.unsplash.com/photo-1438761681033-6461ffad8d80?w=100&q=80",listingTitle:"Coastal stone cottage with sea views",listingThumbnail:"https://images.unsplash.com/photo-1499793983690-e29da59ef1c2?w=300&q=80",lastRead:"2026-05-01T10:00:00Z",messages:[{id:"m-001",senderId:"guest",text:"Hi Lucia! Really looking forward to staying at the cottage. Is parking available nearby?",timestamp:"2026-05-01T09:45:00Z",read:!0},{id:"m-002",senderId:"host",text:"Benvenuto! There's a public car park at the edge of the village, about 300m from the cottage â â¬8/day. I'd recommend arriving before noon as it fills up in June. Let me know if you need any other tips!",timestamp:"2026-05-01T10:12:00Z",read:!1}]},{id:"conv-002",tripId:"trp-003",hostName:"Marcus T.",hostAvatar:"https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=100&q=80",listingTitle:"Modernist desert villa, Joshua Tree",listingThumbnail:"https://images.unsplash.com/photo-1523217582562-09d0def993a6?w=300&q=80",lastRead:"2026-05-03T08:00:00Z",messages:[{id:"m-003",senderId:"host",text:"Hey! Excited for your stay. Pool is heated to 88Â°F. There's a star chart in the kitchen drawer â Scorpius is directly overhead this week.",timestamp:"2026-05-03T07:45:00Z",read:!1},{id:"m-004",senderId:"host",text:"Also the gate code changed last week â it's 1147 now. I'll update the listing, but wanted to let you know directly.",timestamp:"2026-05-03T07:46:00Z",read:!1}]},{id:"conv-003",tripId:"trp-002",hostName:"Heidi & Thomas B.",hostAvatar:"https://images.unsplash.com/photo-1517841905240-472988babdf9?w=100&q=80",listingTitle:"Alpine lodge above the cloud line",listingThumbnail:"https://images.unsplash.com/photo-1506905925346-21bda4d32df4?w=300&q=80",lastRead:"2026-04-20T15:00:00Z",messages:[{id:"m-005",senderId:"guest",text:"Hello! Is the ski pass included or do we arrange that separately?",timestamp:"2026-04-20T14:30:00Z",read:!0},{id:"m-006",senderId:"host",text:"GrÃ¼ezi! Ski passes are separate â we recommend the Jungfrau Region pass from the gondola office. We can arrange transport from Grindelwald station if you let us know your arrival time.",timestamp:"2026-04-20T15:02:00Z",read:!0}]}];function nh(){const[e,s]=m.useState(null),[i,n]=m.useState(""),[r,l]=m.useState({}),a=fs.find(d=>d.id===e),c=fs.reduce((d,h)=>d+h.messages.filter(p=>p.senderId==="host"&&!p.read).length,0);function o(){!i.trim()||!e||(l(d=>({...d,[e]:[...d[e]??[],i.trim()]})),n(""))}return t.jsx("div",{className:"min-h-screen pb-0 bg-white",children:t.jsx(F,{className:"pt-0 px-0 sm:px-6 max-w-5xl",children:t.jsxs("div",{className:"flex h-[calc(100vh-160px)] min-h-[520px] sm:rou

1nded-2xl sm:my-6 sm:border sm:border-paper-deep overflow-hidden bg-white",children:[t.jsxs("div",{className:A("w-full sm:w-80 flex-shrink-0 sm:border-r border-paper-deep flex flex-col",e&&"hidden sm:flex"),children:[t.jsx("header",{className:"px-5 py-5 border-b border-paper-deep",children:t.jsxs("h1",{className:"text-[24px] font-semibold text-ink",children:["Messages",c>0&&t.jsx("span",{className:"ml-2 inline-flex items-center justify-center w-5 h-5 text-[11px] font-bold bg-havn-accent text-white rounded-full align-middle",children:c})]})}),t.jsx("div",{className:"overflow-y-auto flex-1",children:fs.map(d=>{const h=d.messages.filter(u=>u.senderId==="host"&&!u.read).length,p=d.messages[d.messages.length-1];return t.jsxs("button",{onClick:()=>s(d.id),className:A("w-full flex items-start gap-3 px-5 py-4 text-left border-b border-paper-deep/60","hover:bg-paper-warm transition-colors",e===d.id&&"bg-paper-warm"),children:[t.jsx(ae,{src:d.hostAvatar,alt:d.hostName,size:"md",className:"flex-shrink-0 mt-0.5"}),t.jsxs("div",{className:"min-w-0 flex-1",children:[t.jsxs("div",{className:"flex items-center justify-between gap-2 mb-0.5",children:[t.jsx("p",{className:A("text-[14px] text-ink",h>0&&"font-semibold"),children:d.hostName}),h>0&&t.jsx("span",{className:"w-2 h-2 rounded-full bg-havn-accent flex-shrink-0"})]}),t.jsx("p",{className:"text-[12px] text-ink-quiet line-clamp-1",children:d.listingTitle}),t.jsxs("p",{className:A("text-[13px] mt-1 line-clamp-1",h>0?"text-ink font-medium":"text-ink-quiet"),children:[p?.senderId==="guest"?"You: ":"",p?.text]})]})]},d.id)})})]}),t.jsx("div",{className:A("flex-1 flex flex-col min-w-0",!e&&"hidden sm:flex"),children:a?t.jsxs(t.Fragment,{children:[t.jsxs("header",{className:"flex items-center gap-3 px-5 py-4 border-b border-paper-deep",children:[t.jsx("button",{onClick:()=>s(null),className:"sm:hidden text-ink-quiet hover:text-ink","aria-label":"Back to inbox",children:t.jsx(Yr,{size:18})}),t.jsx(ae,{src:a.hostAvatar,alt:a.hostName,size:"sm"}),t.jsxs("div",{className:"min-w-0",children:[t.jsx("p",{className:"text-[14px] font-semibold text-ink truncate",children:a.hostName}),t.jsx("p",{className:"text-[12px] text-ink-quiet truncate",children:a.listingTitle})]}),t.jsx(le,{to:`/trips/${a.tripId}`,className:"ml-auto text-[13px] font-medium text-havn-accent hover:underline",children:"View trip â"})]}),t.jsxs("div",{className:"flex-1 overflow-y-auto px-5 py-6 space-y-3",children:[a.messages.map(d=>t.jsxs(nt.div,{initial:{opacity:0,y:6},animate:{opacity:1,y:0},className:A("flex gap-2",d.senderId==="guest"?"flex-row-reverse":"flex-row"),children:[d.senderId==="host"&&t.jsx(ae,{src:a.hostAvatar,alt:a.hostName,size:"xs",className:"flex-shrink-0 mt-1"}),t.jsx("div",{className:A("max-w-[78%] px-4 py-2.5 rounded-3xl text-[14px] leading-relaxed",d.senderId==="guest"?"bg-paper-warm text-ink":"bg-ink text-white"),children:d.text})]},d.id)),(r[a.id]??[]).map((d,h)=>t.jsx(nt.div,{initial:{opacity:0,y:6},animate:{opacity:1,y:0},className:"flex flex-row-reverse",children:t.jsx("div",{className:"max-w-[78%] px-4 py-2.5 rounded-3xl text-[14px] bg-paper-warm text-ink leading-relaxed",children:d})},`local-${h}`))]}),t.jsxs("div",{className:"px-5 py-3 border-t border-paper-deep flex items-end gap-2 bg-white",children:[t.jsx("textarea",{value:i,onChange:d=>n(d.target.value),onKeyDown:d=>{d.key==="Enter"&&!d.shiftKey&&(d.preventDefault(),o())},placeholder:"Type a messageâ¦",rows:1,className:"flex-1 resize-none bg-paper-warm rounded-3xl px-4 py-3 text-[14px] text-ink placeholder:text-ink-quiet focus:outline-none focus:ring-2 focus:ring-ink/10 min-h-[44px] max-h-32"}),t.jsx("button",{onClick:o,disabled:!i.trim(),className:"w-11 h-11 rounded-full bg-havn-accent text-white flex items-center justify-center transition-opacity disabled:opacity-40 hover:bg-havn-accent-hover flex-shrink-0","aria-label":"Send",children:t.jsx(wa,{size:16,strokeWidth:2})})]})]}):t.jsx("div",{className:"flex-1 flex items-center justify-center px-6",children:t.jsxs("div",{className:"text-center max-w-sm",children:[t.jsx("p",{className:"text-[20px] font-semibold text-ink mb-1",children:"Your messages"}),t.jsx("p",{className:"text-[14px] text-ink-quiet",children:"Choose a conversation from the inbox to read or reply."})]})})})]})})})}const ah=["Price","Type of place","Beds","Amenities","Instant book","More filters"];function rh(){const[e]=Od(),[s,i]=m.useState({}),[n,r]=m.useState(null),l=e.get("q")??"",a=m.useMemo(()=>{let h=[...re];if(l){const p=l.toLowerCase();h=h.filter(u=>u.title.toLowerCase().includes(p)||u.location.toLowerCase().includes(p)||u.regi

1on.toLowerCase().includes(p))}return n&&(h=h.filter(p=>p.pricePerNight<=n)),h},[l,n]);function c(h){i(p=>({...p,[h]:!p[h]}))}function o(){i({}),r(null)}const d=Object.values(s).some(Boolean)||n!==null;return t.jsxs("div",{className:"min-h-screen pb-24 bg-white",children:[t.jsx("div",{className:"sticky top-[120px] z-30 bg-white border-b border-paper-deep",children:t.jsx(F,{className:"py-3",children:t.jsxs("div",{className:"flex items-center gap-3",children:[t.jsx("div",{className:"flex items-center gap-2 overflow-x-auto pb-1 scrollbar-none flex-1",children:ah.map(h=>t.jsx(Ie,{label:h,active:s[h],onClick:()=>c(h)},h))}),t.jsxs(C,{variant:"outline",size:"sm",className:"gap-2 flex-shrink-0",children:[t.jsx(Er,{size:14,strokeWidth:2}),"Filters"]}),d&&t.jsxs("button",{onClick:o,className:"hidden sm:inline-flex items-center gap-1 text-[14px] font-medium text-ink-quiet hover:text-ink underline transition-colors flex-shrink-0",children:[t.jsx(Tr,{size:14,strokeWidth:2})," Clear all"]})]})})}),t.jsx(F,{className:"pt-6 pb-2",children:t.jsxs("p",{className:"text-[13px] text-ink-quiet",children:[t.jsx("span",{className:"font-semibold text-ink",children:a.length})," ",a.length===1?"stay":"stays",l&&t.jsxs("span",{children:[" ","for"," ",t.jsxs("span",{className:"text-ink font-medium",children:['"',l,'"']})]}),t.jsx("span",{className:"mx-1.5",children:"Â·"}),"Prices include all fees"]})}),t.jsx(F,{children:a.length===0?t.jsxs("div",{className:"text-center py-32 max-w-md mx-auto",children:[t.jsx("p",{className:"text-[24px] font-semibold text-ink",children:"No exact matches"}),t.jsx("p",{className:"text-[14px] text-ink-quiet mt-2 mb-6",children:"Try adjusting or removing some of your filters."}),t.jsx(C,{onClick:o,variant:"outline",children:"Remove all filters"})]}):t.jsx("div",{className:"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-x-6 gap-y-10 reveal-up",children:a.map(h=>t.jsx(It,{listing:h},h.id))})}),t.jsxs("button",{type:"button",className:"fixed bottom-6 left-1/2 -translate-x-1/2 z-30 inline-flex items-center gap-2 h-12 px-5 rounded-full bg-ink text-white text-[14px] font-semibold shadow-modal hover:bg-ink-soft transition-colors",children:["Show map",t.jsx(nl,{size:16,strokeWidth:2})]})]})}const oh={confirmed:{label:"Confirmed",variant:"success",pulse:!1},"check-in-today":{label:"Check-in today",variant:"warning",pulse:!0},completed:{label:"Past",variant:"muted",pulse:!1},cancelled:{label:"Cancelled",variant:"error",pulse:!1}};function mn({trip:e,className:s}){const i=oh[e.status];return t.jsx(le,{to:`/trips/${e.id}`,className:A("block group",s),children:t.jsxs("div",{className:A("flex gap-4 p-4 rounded-2xl border border-paper-deep bg-white","hover:shadow-card transition-shadow duration-200","overflow-hidden"),children:[t.jsx("div",{className:"relative w-24 h-24 flex-shrink-0 rounded-xl overflow-hidden bg-paper-warm",children:t.jsx("img",{src:e.listing.images[0],alt:e.listing.title,className:"w-full h-full object-cover group-hover:scale-105 transition-transform duration-300",loading:"lazy"})}),t.jsxs("div",{className:"flex flex-col justify-between min-w-0 flex-1",children:[t.jsxs("div",{children:[t.jsx("p",{className:"text-[15px] font-semibold text-ink line-clamp-1",children:e.listing.location}),t.jsx("p",{className:"text-[13px] text-ink-quiet mt-0.5 line-clamp-1",children:e.listing.title})]}),t.jsxs("div",{className:"flex items-center justify-between gap-2",children:[t.jsxs("p",{className:"text-[13px] text-ink-quiet tabular-nums",children:[fn(e.checkIn)," â ",fn(e.checkOut)]}),t.jsx(he,{variant:i.variant,pulse:i.pulse,children:i.label})]})]})]})})}const Qa=[{id:"trp-001",listing:re[0],checkIn:"2026-06-08",checkOut:"2026-06-13",guests:2,status:"confirmed",totalPrice:1388,confirmationCode:"HMXK9W",checkInMethod:"lockbox",checkInInstructions:["Walk up Via Roma to the blue door on the left (look for #14).","The lockbox is mounted to the left of the door frame.","Code: 7421. Press the * button first, then enter the code.","Your key is inside. Replace it in the lockbox on checkout."],unreadMessages:1,cancellationPolicy:"moderate"},{id:"trp-002",listing:re[6],checkIn:"2026-12-20",checkOut:"2026-12-27",guests:6,status:"confirmed",totalPrice:3920,confirmationCode:"SWLP3T",checkInMethod:"host-greet",checkInInstructions:["Heidi will meet you at the base of the MÃ¤nnlichen gondola at 4pm.","She'll drive you up in the snowcat (about 15 minutes).","She'll give you a full orientation â ask her about the sauna."],unreadMessages:0,cancellationPolicy:"str

1ict"},{id:"trp-003",listing:re[4],checkIn:"2026-05-05",checkOut:"2026-05-10",guests:4,status:"check-in-today",totalPrice:2420,confirmationCode:"JTXV8R",checkInMethod:"smart-lock",checkInInstructions:["Your smart lock code is 4819. Works from 3pm on check-in day.","The gate code is 1147 â punch it in at the cattle grid on Quail Springs Rd.","Pool heat is on. Check the thermostat in the utility room."],unreadMessages:2,cancellationPolicy:"flexible"},{id:"trp-004",listing:re[2],checkIn:"2025-09-17",checkOut:"2025-09-22",guests:2,status:"completed",totalPrice:1760,confirmationCode:"OLYX5D",checkInMethod:"lockbox",checkInInstructions:[],unreadMessages:0,cancellationPolicy:"moderate"}],ms=Qa.filter(e=>e.status!=="completed"&&e.status!=="cancelled"),xs=Qa.filter(e=>e.status==="completed"||e.status==="cancelled");function lh(){return t.jsx("div",{className:"min-h-screen pb-24 bg-white",children:t.jsxs(F,{className:"pt-10 max-w-3xl",children:[t.jsx("h1",{className:"text-[32px] font-semibold text-ink mb-8 tracking-tight",children:"Trips"}),ms.length>0&&t.jsxs("section",{className:"mb-10",children:[t.jsx("h2",{className:"text-[18px] font-semibold text-ink mb-4",children:"Upcoming reservations"}),t.jsx("div",{className:"space-y-3 reveal-up",children:ms.map(e=>t.jsx(mn,{trip:e},e.id))})]}),xs.length>0&&t.jsxs("section",{children:[t.jsx("h2",{className:"text-[18px] font-semibold text-ink mb-4",children:"Where you've been"}),t.jsx("div",{className:"space-y-3 reveal-up",children:xs.map(e=>t.jsx(mn,{trip:e},e.id))})]}),ms.length===0&&xs.length===0&&t.jsxs("div",{className:"text-center py-20 max-w-md mx-auto border-t border-paper-deep",children:[t.jsx("p",{className:"text-[24px] font-semibold text-ink mt-12",children:"No trips booked... yet!"}),t.jsx("p",{className:"text-[14px] text-ink-quiet mt-2 mb-6",children:"Time to dust off your bags and start planning your next adventure."}),t.jsx(le,{to:"/search",children:t.jsx(C,{children:"Start searching"})})]})]})})}const ch=[{id:"wl-001",name:"Italy trip",listingIds:["lst-001","lst-004"],createdAt:"2026-02-10"},{id:"wl-002",name:"Nature escapes",listingIds:["lst-003","lst-007","lst-008"],createdAt:"2026-03-01"}];function dh(){const[e,s]=m.useState(ch),[i,n]=m.useState(null),[r,l]=m.useState(!1),[a,c]=m.useState(""),o=e.find(h=>h.id===i);function d(){if(!a.trim())return;const h=`wl-${Date.now()}`;s(p=>[...p,{id:h,name:a.trim(),listingIds:[],createdAt:new Date().toISOString()}]),c(""),l(!1)}if(o){const h=re.filter(p=>o.listingIds.includes(p.id));return t.jsx("div",{className:"min-h-screen pb-20 bg-white",children:t.jsxs(F,{className:"pt-8 max-w-6xl",children:[t.jsxs("button",{onClick:()=>n(null),className:"flex items-center gap-1.5 text-[14px] font-medium text-ink hover:underline mb-4",children:[t.jsx(ba,{size:16,strokeWidth:2})," All wishlists"]}),t.jsx("h1",{className:"text-[32px] font-semibold text-ink tracking-tight",children:o.name}),t.jsxs("p",{className:"text-[14px] text-ink-quiet mt-1 mb-8",children:[h.length," ",h.length===1?"place":"places"," ","saved"]}),h.length===0?t.jsxs("div",{className:"text-center py-16 border border-paper-deep rounded-2xl",children:[t.jsx($s,{size:32,className:"text-ink-quiet mx-auto mb-3"}),t.jsx("p",{className:"text-[15px] text-ink-quiet",children:"No listings saved to this wishlist yet."}),t.jsx(le,{to:"/search",children:t.jsx(C,{variant:"outline",className:"mt-4",children:"Browse stays"})})]}):t.jsx("div",{className:"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-x-6 gap-y-10 reveal-up",children:h.map(p=>t.jsx(It,{listing:p,saved:!0,onSaveToggle:u=>{s(f=>f.map(x=>x.id===o.id?{...x,listingIds:x.listingIds.filter(g=>g!==u)}:x))}},p.id))})]})})}return t.jsxs("div",{className:"min-h-screen pb-20",children:[t.jsxs(F,{className:"pt-8 max-w-6xl",children:[t.jsxs("div",{className:"flex items-end justify-between mb-8",children:[t.jsx("h1",{className:"text-[32px] font-semibold text-ink tracking-tight",children:"Wishlists"}),t.jsxs(C,{variant:"outline",size:"sm",className:"gap-2",onClick:()=>l(!0),children:[t.jsx($r,{size:14,strokeWidth:2})," Create"]})]}),e.length===0?t.jsxs("div",{className:"text-center py-24 border border-paper-deep rounded-2xl max-w-2xl mx-auto",children:[t.jsx($s,{size:40,className:"text-ink-quiet mx-auto mb-4"}),t.jsx("p",{className:"text-[20px] font-semibold text-ink",children:"No wishlists yet"}),t.jsx("p",{className:"text-[14px] text-ink-quiet mt-2 mb-6",children:"Create your first wishlist as you search."}),t.jsx(le,{to:"/search",children:t.jsx(C,{children:"Start exploring"})})]}):t.jsx("div",{className:"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-x-6 gap-y-10 reveal-up",children:e.map(h=>{const p=re.filter(u=>h.listingIds.includes(u.id));return t.jsxs(nt.button,{onClick:()=>n(h.id),className:"text-left group",children:[t.jsx("div",{className:"aspect-square rounded-2xl overflow-hidden bg-paper-warm grid grid-cols-2 grid-rows-2 gap-px",children:[...Array(4)].map((u,f)=>{const x=p[f]?.images[0];return x?t.jsx("img",{src:x,alt:"",className:"w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]"},f):t.jsx("div",{className:"bg-paper-deep"},f)})}),t.jsx("p",{className:"mt-3 text-[16px] font-semibold text-ink",children:h.name}),t.jsxs("p",{className:"text-[14px] text-ink-quiet",children:[p.length," ",p.length===1?"place":"places"]})]}

1,h.id)})})]}),r&&t.jsx("div",{className:"fixed inset-0 z-50 flex items-center justify-center p-4 bg-black/50 backdrop-blur-sm",onClick:()=>l(!1),children:t.jsxs("div",{className:"bg-white rounded-2xl shadow-modal w-full max-w-sm p-6",onClick:h=>h.stopPropagation(),children:[t.jsx("h3",{className:"text-[20px] font-semibold text-ink mb-4",children:"Create a new wishlist"}),t.jsx("input",{autoFocus:!0,type:"text",value:a,onChange:h=>c(h.target.value),onKeyDown:h=>{h.key==="Enter"&&d()},placeholder:"Name",className:"w-full h-12 bg-white border border-paper-deep focus:border-ink rounded-lg px-4 text-[15px] text-ink placeholder:text-ink-quiet focus:outline-none transition-colors mb-4"}),t.jsx(C,{className:"w-full mb-2",onClick:d,disabled:!a.trim(),children:"Create"}),t.jsx(C,{variant:"ghost",className:"w-full",onClick:()=>l(!1),children:"Cancel"})]})})]})}const hh=[{to:"/search",label:"Stays"},{to:"/wishlists",label:"Wishlists"},{to:"/trips",label:"Trips"},{to:"/messages",label:"Messages"}];function ph(){const e=ze(),s=e.pathname==="/";return t.jsx("header",{className:"sticky top-0 z-40 bg-white border-b border-paper-deep",children:t.jsxs("div",{className:"max-w-[1400px] mx-auto px-5 sm:px-10",children:[t.jsxs("div",{className:"grid grid-cols-[auto_1fr_auto] items-center gap-6 h-20",children:[t.jsxs(le,{to:"/",className:"flex items-center gap-1.5","aria-label":"Havn home",children:[t.jsx("svg",{width:"28",height:"28",viewBox:"0 0 32 32",fill:"none","aria-hidden":!0,children:t.jsx("path",{d:"M16 1c-1.1 0-2.1.6-2.7 1.6L1.6 22.4c-.5.9-.6 2-.3 3 .3 1 1 1.8 1.9 2.3.6.3 1.2.4 1.8.4 1.3 0 2.6-.7 3.3-1.9L16 14.5l7.6 11.7c.7 1.2 2 1.9 3.3 1.9.6 0 1.3-.1 1.8-.4.9-.5 1.6-1.3 1.9-2.3.3-1 .2-2-.3-3L18.7 2.6C18.1 1.6 17.1 1 16 1z",fill:"var(--accent)"})}),t.jsx("span",{className:"hidden sm:inline text-[22px] font-bold text-havn-accent tracking-tight",children:"havn"})]}),t.jsx("div",{className:"flex items-center justify-center min-w-0",children:!s&&t.jsx("div",{className:"hidden md:block w-full max-w-md",children:t.jsx(Ja,{compact:!0})})}),t.jsxs("nav",{className:"flex items-center gap-1 sm:gap-2",children:[t.jsx(le,{to:"/listing/lst-001",className:"hidden md:inline-block px-3 py-2.5 text-[14px] font-semibold text-ink hover:bg-paper-warm rounded-full transition-colors",children:"Become a host"}),t.jsx("button",{className:"hidden md:inline-flex w-10 h-10 items-center justify-center rounded-full hover:bg-paper-warm transition-colors","aria-label":"Choose a language and region",children:t.jsx(Lr,{size:16,strokeWidth:2,className:"text-ink"})}),t.jsxs("button",{className:A("h-12 pl-3 pr-1 inline-flex items-center gap-2 rounded-full","border border-paper-deep hover:shadow-card transition-shadow duration-200 bg-white"),"aria-label":"Account menu",children:[t.jsx(rl,{size:16,strokeWidth:2.25,className:"text-ink"}),t.jsx("span",{className:"w-8 h-8 rounded-full bg-ink text-white grid place-items-center",children:t.jsx(vl,{size:16,strokeWidth:2.25})})]})]})]}),t.jsx("nav",{className:"flex items-center gap-1 -mt-1",children:hh.map(i=>{const n=e.pathname.startsWith(i.to);return t.jsxs(le,{to:i.to,className:A("relative inline-flex items-center px-4 h-10 text-[14px] font-medium transition-colors",n?"text-ink":"text-ink-quiet hover:text-ink"),children:[i.label,n&&t.jsx("span",{"aria-hidden":!0,className:"absolute -bottom-px left-3 right-3 h-0.5 bg-ink rounded-full"})]},i.to)})})]})})}const uh=`<svg width="100%" height="100%" preserveAspectRatio="none" viewBox="9.39697 0 1901.2 891" fill="none" xmlns="http://www.w3.org/2000/svg">
2<g filter="url(#filter0_i_43_1153)" style="mix-blend-mode:overlay">
3<path d="M9.39697 0H95.8154V891H9.39697V0Z" fill="url(#paint0_linear_43_1153)"/>
4</g>
5<g filter="url(#filter1_f_43_1153)" style="mix-blend-mode:overlay">
6<path d="M9.39722 47.8896V843.109" stroke="url(#paint1_linear_43_1153)" stroke-width="16.8183" stroke-linecap="round"/>
7</g>
8<g filter="url(#filter2_i_43_1153)" style="mix-blend-mode:overlay">
9<path d="M95.8154 0H182.234V891H95.8154V0Z" fill="url(#paint2_linear_43_1153)"/>
10</g>
11<g filter="url(#filter3_f_43_1153)" style="mix-blend-mode:overlay">

12<path d="M95.8157 47.8896V843.109" stroke="url(#paint3_linear_43_1153)" stroke-width="16.8183" stroke-linecap="round"/>
13</g>
14<g filter="url(#filter4_i_43_1153)" style="mix-blend-mode:overlay">
15<path d="M182.234 0H268.652V891H182.234V0Z" fill="url(#paint4_linear_43_1153)"/>
16</g>
17<g filter="url(#filter5_f_43_1153)" style="mix-blend-mode:overlay">
18<path d="M182.234 47.8896V843.109" stroke="url(#paint5_linear_43_1153)" stroke-width="16.8183" stroke-linecap="round"/>
19</g>
20<g filter="url(#filter6_i_43_1153)" style="mix-blend-mode:overlay">
21<path d="M268.652 0H355.071V891H268.652V0Z" fill="url(#paint6_linear_43_1153)"/>
22</g>
23<g filter="url(#filter7_f_43_1153)" style="mix-blend-mode:overlay">
24<path d="M268.653 47.8896V843.109" stroke="url(#paint7_linear_43_1153)" stroke-width="16.8183" stroke-linecap="round"/>
25</g>
26<g filter="url(#filter8_i_43_1153)" style="mix-blend-mode:overlay">
27<path d="M355.071 0H441.489V891H355.071V0Z" fill="url(#paint8_linear_43_1153)"/>
28</g>
29<g filter="url(#filter9_f_43_1153)" style="mix-blend-mode:overlay">
30<path d="M355.071 47.8896V843.109" stroke="url(#paint9_linear_43_1153)" stroke-width="16.8183" stroke-linecap="round"/>
31</g>
32<g filter="url(#filter10_i_43_1153)" style="mix-blend-mode:overlay">
33<path d="M441.489 0H527.908V891H441.489V0Z" fill="url(#paint10_linear_43_1153)"/>
34</g>
35<g filter="url(#filter11_f_43_1153)" style="mix-blend-mode:overlay">
36<path d="M441.49 47.8896V843.109" stroke="url(#paint11_linear_43_1153)" stroke-width="16.8183" stroke-linecap="round"/>
37</g>
38<g filter="url(#filter12_i_43_1153)" style="mix-blend-mode:overlay">
39<path d="M527.908 0H614.326V891H527.908V0Z" fill="url(#paint12_linear_43_1153)"/>
40</g>
41<g filter="url(#filter13_f_43_1153)" style="mix-blend-mode:overlay">
42<path d="M527.908 47.8896V843.109" stroke="url(#paint13_linear_43_1153)" stroke-width="16.8183" stroke-linecap="round"/>
43</g>
44<g filter="url(#filter14_i_43_1153)" style="mix-blend-mode:overlay">
45<path d="M614.326 0H700.745V891H614.326V0Z" fill="url(#paint14_linear_43_1153)"/>
46</g>
47<g filter="url(#filter15_f_43_1153)" style="mix-blend-mode:overlay">
48<path d="M614.326 47.8896V843.109" stroke="url(#paint15_linear_43_1153)" stroke-width="16.8183" stroke-linecap="round"/>
49</g>
50<g filter="url(#filter16_i_43_1153)" style="mix-blend-mode:overlay">
51<path d="M700.745 0H787.163V891H700.745V0Z" fill="url(#paint16_linear_43_1153)"/>
52</g>
53<g filter="url(#filter17_f_43_1153)" style="mix-blend-mode:overlay">
54<path d="M700.745 47.8896V843.109" stroke="url(#paint17_linear_43_1153)" stroke-width="16.8183" stroke-linecap="round"/>
55</g>
56<g filter="url(#filter18_i_43_1153)" style="mix-blend-mode:overlay">
57<path d="M787.163 0H873.582V891H787.163V0Z" fill="url(#paint18_linear_43_1153)"/>
58</g>
59<g filter="url(#filter19_f_43_1153)" style="mix-blend-mode:overlay">
60<path d="M787.163 47.8896V843.109" stroke="url(#paint19_linear_43_1153)" stroke-width="16.8183" stroke-linecap="round"/>
61</g>
62<g filter="url(#filter20_i_43_1153)" style="mix-blend-mode:overlay">
63<path d="M873.582 0H960V891H873.582V0Z" fill="url(#paint20_linear_43_1153)"/>
64</g>
65<g filter="url(#filter21_f_43_1153)" style="mix-blend-mode:overlay">
66<path d="M873.582 47.8896V843.109" stroke="url(#paint21_linear_43_1153)" stroke-width="16.8183" stroke-linecap="round"/>
67</g>
68<g filter="url(#filter22_i_43_1153)" style="mix-blend-mode:overlay">
69<path d="M960 0H1046.42V891H960V0Z" fill="url(#paint22_linear_43_1153)"/>
70</g>
71<g filter="url(#filter23_f_43_1153)" style="mix-blend-mode:overlay">
72<path d="M960 47.8896V843.109" stroke="url(#paint23_linear_43_1153)" stroke-width="16.8183" stroke-linecap="round"/>
73</g>
74<g filter="url(#filter24_i_43_1153)" style="mix-blend-mode:overlay">
75<path d="M1046.42 0H1132.84V891H1046.42V0Z" fill="url(#paint24_linear_43_1153)"/>
76</g>
77<g filter="url(#filter25_f_43_1153)" style="mix-blend-mode:overlay">
78<path d="M1046.42 47.8896V843.109" stroke="url(#paint25_linear_43_1153)" stroke-width="16.8183" stroke-linecap="round"/>
79</g>
80<g filter="url(#filter26_i_43_1153)" style="mix-blend-mode:overlay">
81<path d="M1132.84 0H1219.26V891H1132.84V0Z" fill="url(#paint26_linear_43_1153)"/>
82</g>

83<g filter="url(#filter27_f_43_1153)" style="mix-blend-mode:overlay">
84<path d="M1132.84 47.8896V843.109" stroke="url(#paint27_linear_43_1153)" stroke-width="16.8183" stroke-linecap="round"/>
85</g>
86<g filter="url(#filter28_i_43_1153)" style="mix-blend-mode:overlay">
87<path d="M1219.26 0H1305.67V891H1219.26V0Z" fill="url(#paint28_linear_43_1153)"/>
88</g>
89<g filter="url(#filter29_f_43_1153)" style="mix-blend-mode:overlay">
90<path d="M1219.26 47.8896V843.109" stroke="url(#paint29_linear_43_1153)" stroke-width="16.8183" stroke-linecap="round"/>
91</g>
92<g filter="url(#filter30_i_43_1153)" style="mix-blend-mode:overlay">
93<path d="M1305.67 0H1392.09V891H1305.67V0Z" fill="url(#paint30_linear_43_1153)"/>
94</g>
95<g filter="url(#filter31_f_43_1153)" style="mix-blend-mode:overlay">
96<path d="M1305.67 47.8896V843.109" stroke="url(#paint31_linear_43_1153)" stroke-width="16.8183" stroke-linecap="round"/>
97</g>
98<g filter="url(#filter32_i_43_1153)" style="mix-blend-mode:overlay">
99<path d="M1392.09 0H1478.51V891H1392.09V0Z" fill="url(#paint32_linear_43_1153)"/>
100</g>
101<g filter="url(#filter33_f_43_1153)" style="mix-blend-mode:overlay">
102<path d="M1392.09 47.8896V843.109" stroke="url(#paint33_linear_43_1153)" stroke-width="16.8183" stroke-linecap="round"/>
103</g>
104<g filter="url(#filter34_i_43_1153)" style="mix-blend-mode:overlay">
105<path d="M1478.51 0H1564.93V891H1478.51V0Z" fill="url(#paint34_linear_43_1153)"/>
106</g>
107<g filter="url(#filter35_f_43_1153)" style="mix-blend-mode:overlay">
108<path d="M1478.51 47.8896V843.109" stroke="url(#paint35_linear_43_1153)" stroke-width="16.8183" stroke-linecap="round"/>
109</g>
110<g filter="url(#filter36_i_43_1153)" style="mix-blend-mode:overlay">
111<path d="M1564.93 0H1651.35V891H1564.93V0Z" fill="url(#paint36_linear_43_1153)"/>
112</g>
113<g filter="url(#filter37_f_43_1153)" style="mix-blend-mode:overlay">
114<path d="M1564.93 47.8896V843.109" stroke="url(#paint37_linear_43_1153)" stroke-width="16.8183" stroke-linecap="round"/>
115</g>
116<g filter="url(#filter38_i_43_1153)" style="mix-blend-mode:overlay">
117<path d="M1651.35 0H1737.77V891H1651.35V0Z" fill="url(#paint38_linear_43_1153)"/>
118</g>
119<g filter="url(#filter39_f_43_1153)" style="mix-blend-mode:overlay">
120<path d="M1651.35 47.8896V843.109" stroke="url(#paint39_linear_43_1153)" stroke-width="16.8183" stroke-linecap="round"/>
121</g>
122<g filter="url(#filter40_i_43_1153)" style="mix-blend-mode:overlay">
123<path d="M1737.77 0H1824.18V891H1737.77V0Z" fill="url(#paint40_linear_43_1153)"/>
124</g>
125<g filter="url(#filter41_f_43_1153)" style="mix-blend-mode:overlay">
126<path d="M1737.77 47.8896V843.109" stroke="url(#paint41_linear_43_1153)" stroke-width="16.8183" stroke-linecap="round"/>
127</g>
128<g filter="url(#filter42_i_43_1153)" style="mix-blend-mode:overlay">
129<path d="M1824.18 0H1910.6V891H1824.18V0Z" fill="url(#paint42_linear_43_1153)"/>
130</g>
131<g filter="url(#filter43_f_43_1153)" style="mix-blend-mode:overlay">
132<path d="M1824.18 47.8896V843.109" stroke="url(#paint43_linear_43_1153)" stroke-width="16.8183" stroke-linecap="round"/>
133</g>
134<defs>
135<filter id="filter0_i_43_1153" x="9.39697" y="0" width="86.4185" height="943.516" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
136<feFlood flood-opacity="0" result="BackgroundImageFix"/>
137<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
138<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
139<feOffset dy="140.041"/>
140<feGaussianBlur stdDeviation="26.2578"/>
141<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
142<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0"/>
143<feBlend mode="soft-light" in2="shape" result="effect1_innerShadow_43_1153"/>
144</filter>
145<filter id="filter1_f_43_1153" x="-11.012" y="27.4805" width="40.8184" height="836.038" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
146<feFlood flood-opacity="0" result="BackgroundImageFix"/>
147<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
148<feGaussianBlur stdDeviation="4.20457" result="effect1_foregroundBlur_43_1153"/>
149</filter>
150<filter id="filter2_i_43_1153" x="95.8154" y="0" width="86.4185" height="943.516" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">

151<feFlood flood-opacity="0" result="BackgroundImageFix"/>
152<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
153<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
154<feOffset dy="140.041"/>
155<feGaussianBlur stdDeviation="26.2578"/>
156<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
157<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0"/>
158<feBlend mode="soft-light" in2="shape" result="effect1_innerShadow_43_1153"/>
159</filter>
160<filter id="filter3_f_43_1153" x="75.4065" y="27.4805" width="40.8184" height="836.038" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
161<feFlood flood-opacity="0" result="BackgroundImageFix"/>
162<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
163<feGaussianBlur stdDeviation="4.20457" result="effect1_foregroundBlur_43_1153"/>
164</filter>
165<filter id="filter4_i_43_1153" x="182.234" y="0" width="86.4185" height="943.516" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
166<feFlood flood-opacity="0" result="BackgroundImageFix"/>
167<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
168<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
169<feOffset dy="140.041"/>
170<feGaussianBlur stdDeviation="26.2578"/>
171<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
172<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0"/>
173<feBlend mode="soft-light" in2="shape" result="effect1_innerShadow_43_1153"/>
174</filter>
175<filter id="filter5_f_43_1153" x="161.825" y="27.4805" width="40.8184" height="836.038" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
176<feFlood flood-opacity="0" result="BackgroundImageFix"/>
177<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
178<feGaussianBlur stdDeviation="4.20457" result="effect1_foregroundBlur_43_1153"/>
179</filter>
180<filter id="filter6_i_43_1153" x="268.652" y="0" width="86.4185" height="943.516" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
181<feFlood flood-opacity="0" result="BackgroundImageFix"/>
182<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
183<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
184<feOffset dy="140.041"/>
185<feGaussianBlur stdDeviation="26.2578"/>
186<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
187<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0"/>
188<feBlend mode="soft-light" in2="shape" result="effect1_innerShadow_43_1153"/>
189</filter>
190<filter id="filter7_f_43_1153" x="248.243" y="27.4805" width="40.8184" height="836.038" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
191<feFlood flood-opacity="0" result="BackgroundImageFix"/>
192<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
193<feGaussianBlur stdDeviation="4.20457" result="effect1_foregroundBlur_43_1153"/>
194</filter>
195<filter id="filter8_i_43_1153" x="355.071" y="0" width="86.4185" height="943.516" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
196<feFlood flood-opacity="0" result="BackgroundImageFix"/>
197<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
198<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
199<feOffset dy="140.041"/>
200<feGaussianBlur stdDeviation="26.2578"/>
201<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
202<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0"/>
203<feBlend mode="soft-light" in2="shape" result="effect1_innerShadow_43_1153"/>
204</filter>
205<filter id="filter9_f_43_1153" x="334.662" y="27.4805" width="40.8184" height="836.038" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
206<feFlood flood-opacity="0" result="BackgroundImageFix"/>

207<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
208<feGaussianBlur stdDeviation="4.20457" result="effect1_foregroundBlur_43_1153"/>
209</filter>
210<filter id="filter10_i_43_1153" x="441.489" y="0" width="86.4185" height="943.516" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
211<feFlood flood-opacity="0" result="BackgroundImageFix"/>
212<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
213<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
214<feOffset dy="140.041"/>
215<feGaussianBlur stdDeviation="26.2578"/>
216<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
217<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0"/>
218<feBlend mode="soft-light" in2="shape" result="effect1_innerShadow_43_1153"/>
219</filter>
220<filter id="filter11_f_43_1153" x="421.08" y="27.4805" width="40.8184" height="836.038" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
221<feFlood flood-opacity="0" result="BackgroundImageFix"/>
222<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
223<feGaussianBlur stdDeviation="4.20457" result="effect1_foregroundBlur_43_1153"/>
224</filter>
225<filter id="filter12_i_43_1153" x="527.908" y="0" width="86.4185" height="943.516" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
226<feFlood flood-opacity="0" result="BackgroundImageFix"/>
227<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
228<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
229<feOffset dy="140.041"/>
230<feGaussianBlur stdDeviation="26.2578"/>
231<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
232<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0"/>
233<feBlend mode="soft-light" in2="shape" result="effect1_innerShadow_43_1153"/>
234</filter>
235<filter id="filter13_f_43_1153" x="507.499" y="27.4805" width="40.8184" height="836.038" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
236<feFlood flood-opacity="0" result="BackgroundImageFix"/>
237<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
238<feGaussianBlur stdDeviation="4.20457" result="effect1_foregroundBlur_43_1153"/>
239</filter>
240<filter id="filter14_i_43_1153" x="614.326" y="0" width="86.4185" height="943.516" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
241<feFlood flood-opacity="0" result="BackgroundImageFix"/>
242<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
243<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
244<feOffset dy="140.041"/>
245<feGaussianBlur stdDeviation="26.2578"/>
246<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
247<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0"/>
248<feBlend mode="soft-light" in2="shape" result="effect1_innerShadow_43_1153"/>
249</filter>
250<filter id="filter15_f_43_1153" x="593.917" y="27.4805" width="40.8184" height="836.038" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
251<feFlood flood-opacity="0" result="BackgroundImageFix"/>
252<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
253<feGaussianBlur stdDeviation="4.20457" result="effect1_foregroundBlur_43_1153"/>
254</filter>
255<filter id="filter16_i_43_1153" x="700.745" y="0" width="86.4185" height="943.516" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
256<feFlood flood-opacity="0" result="BackgroundImageFix"/>
257<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
258<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
259<feOffset dy="140.041"/>
260<feGaussianBlur stdDeviation="26.2578"/>
261<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
262<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0"/>
263<feBlend mode="soft-light" in2="shape" result="effect1_innerShadow_43_1153"/>
264</filter>
265<filter id="filter17_f_43_1153" x="680.336" y="27.4805" width="40.8184" height="836.038" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">

266<feFlood flood-opacity="0" result="BackgroundImageFix"/>
267<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
268<feGaussianBlur stdDeviation="4.20457" result="effect1_foregroundBlur_43_1153"/>
269</filter>
270<filter id="filter18_i_43_1153" x="787.163" y="0" width="86.4185" height="943.516" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
271<feFlood flood-opacity="0" result="BackgroundImageFix"/>
272<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
273<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
274<feOffset dy="140.041"/>
275<feGaussianBlur stdDeviation="26.2578"/>
276<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
277<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0"/>
278<feBlend mode="soft-light" in2="shape" result="effect1_innerShadow_43_1153"/>
279</filter>
280<filter id="filter19_f_43_1153" x="766.754" y="27.4805" width="40.8184" height="836.038" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
281<feFlood flood-opacity="0" result="BackgroundImageFix"/>
282<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
283<feGaussianBlur stdDeviation="4.20457" result="effect1_foregroundBlur_43_1153"/>
284</filter>
285<filter id="filter20_i_43_1153" x="873.582" y="0" width="86.4185" height="943.516" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
286<feFlood flood-opacity="0" result="BackgroundImageFix"/>
287<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
288<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
289<feOffset dy="140.041"/>
290<feGaussianBlur stdDeviation="26.2578"/>
291<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
292<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0"/>
293<feBlend mode="soft-light" in2="shape" result="effect1_innerShadow_43_1153"/>
294</filter>
295<filter id="filter21_f_43_1153" x="853.173" y="27.4805" width="40.8184" height="836.038" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
296<feFlood flood-opacity="0" result="BackgroundImageFix"/>
297<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
298<feGaussianBlur stdDeviation="4.20457" result="effect1_foregroundBlur_43_1153"/>
299</filter>
300<filter id="filter22_i_43_1153" x="960" y="0" width="86.4185" height="943.516" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
301<feFlood flood-opacity="0" result="BackgroundImageFix"/>
302<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
303<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
304<feOffset dy="140.041"/>
305<feGaussianBlur stdDeviation="26.2578"/>
306<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
307<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0"/>
308<feBlend mode="soft-light" in2="shape" result="effect1_innerShadow_43_1153"/>
309</filter>
310<filter id="filter23_f_43_1153" x="939.591" y="27.4805" width="40.8184" height="836.038" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
311<feFlood flood-opacity="0" result="BackgroundImageFix"/>
312<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
313<feGaussianBlur stdDeviation="4.20457" result="effect1_foregroundBlur_43_1153"/>
314</filter>
315<filter id="filter24_i_43_1153" x="1046.42" y="0" width="86.4185" height="943.516" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
316<feFlood flood-opacity="0" result="BackgroundImageFix"/>
317<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
318<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
319<feOffset dy="140.041"/>
320<feGaussianBlur stdDeviation="26.2578"/>
321<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
322<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0"/>
323<feBlend mode="soft-light" in2="shape" result="effect1_innerShadow_43_1153"/>
324</filter>
325<filter id="filter25_f_43_1153" x="1026.01" y="27.4805" width="40.8184" height="836.038" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">

326<feFlood flood-opacity="0" result="BackgroundImageFix"/>
327<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
328<feGaussianBlur stdDeviation="4.20457" result="effect1_foregroundBlur_43_1153"/>
329</filter>
330<filter id="filter26_i_43_1153" x="1132.84" y="0" width="86.4185" height="943.516" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
331<feFlood flood-opacity="0" result="BackgroundImageFix"/>
332<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
333<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
334<feOffset dy="140.041"/>
335<feGaussianBlur stdDeviation="26.2578"/>
336<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
337<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0"/>
338<feBlend mode="soft-light" in2="shape" result="effect1_innerShadow_43_1153"/>
339</filter>
340<filter id="filter27_f_43_1153" x="1112.43" y="27.4805" width="40.8184" height="836.038" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
341<feFlood flood-opacity="0" result="BackgroundImageFix"/>
342<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
343<feGaussianBlur stdDeviation="4.20457" result="effect1_foregroundBlur_43_1153"/>
344</filter>
345<filter id="filter28_i_43_1153" x="1219.26" y="0" width="86.4185" height="943.516" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
346<feFlood flood-opacity="0" result="BackgroundImageFix"/>
347<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
348<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
349<feOffset dy="140.041"/>
350<feGaussianBlur stdDeviation="26.2578"/>
351<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
352<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0"/>
353<feBlend mode="soft-light" in2="shape" result="effect1_innerShadow_43_1153"/>
354</filter>
355<filter id="filter29_f_43_1153" x="1198.85" y="27.4805" width="40.8184" height="836.038" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
356<feFlood flood-opacity="0" result="BackgroundImageFix"/>
357<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
358<feGaussianBlur stdDeviation="4.20457" result="effect1_foregroundBlur_43_1153"/>
359</filter>
360<filter id="filter30_i_43_1153" x="1305.67" y="0" width="86.4185" height="943.516" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
361<feFlood flood-opacity="0" result="BackgroundImageFix"/>
362<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
363<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
364<feOffset dy="140.041"/>
365<feGaussianBlur stdDeviation="26.2578"/>
366<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
367<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0"/>
368<feBlend mode="soft-light" in2="shape" result="effect1_innerShadow_43_1153"/>
369</filter>
370<filter id="filter31_f_43_1153" x="1285.26" y="27.4805" width="40.8184" height="836.038" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
371<feFlood flood-opacity="0" result="BackgroundImageFix"/>
372<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
373<feGaussianBlur stdDeviation="4.20457" result="effect1_foregroundBlur_43_1153"/>
374</filter>
375<filter id="filter32_i_43_1153" x="1392.09" y="0" width="86.4185" height="943.516" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
376<feFlood flood-opacity="0" result="BackgroundImageFix"/>
377<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
378<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
379<feOffset dy="140.041"/>
380<feGaussianBlur stdDeviation="26.2578"/>
381<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
382<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0"/>
383<feBlend mode="soft-light" in2="shape" result="effect1_innerShadow_43_1153"/>
384</filter>
385<filter id="filter33_f_43_1153" x="1371.68" y="27.4805" width="40.8184" height="836.038" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">

386<feFlood flood-opacity="0" result="BackgroundImageFix"/>
387<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
388<feGaussianBlur stdDeviation="4.20457" result="effect1_foregroundBlur_43_1153"/>
389</filter>
390<filter id="filter34_i_43_1153" x="1478.51" y="0" width="86.4185" height="943.516" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
391<feFlood flood-opacity="0" result="BackgroundImageFix"/>
392<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
393<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
394<feOffset dy="140.041"/>
395<feGaussianBlur stdDeviation="26.2578"/>
396<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
397<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0"/>
398<feBlend mode="soft-light" in2="shape" result="effect1_innerShadow_43_1153"/>
399</filter>
400<filter id="filter35_f_43_1153" x="1458.1" y="27.4805" width="40.8184" height="836.038" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
401<feFlood flood-opacity="0" result="BackgroundImageFix"/>
402<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
403<feGaussianBlur stdDeviation="4.20457" result="effect1_foregroundBlur_43_1153"/>
404</filter>
405<filter id="filter36_i_43_1153" x="1564.93" y="0" width="86.4185" height="943.516" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
406<feFlood flood-opacity="0" result="BackgroundImageFix"/>
407<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
408<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
409<feOffset dy="140.041"/>
410<feGaussianBlur stdDeviation="26.2578"/>
411<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
412<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0"/>
413<feBlend mode="soft-light" in2="shape" result="effect1_innerShadow_43_1153"/>
414</filter>
415<filter id="filter37_f_43_1153" x="1544.52" y="27.4805" width="40.8184" height="836.038" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
416<feFlood flood-opacity="0" result="BackgroundImageFix"/>
417<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
418<feGaussianBlur stdDeviation="4.20457" result="effect1_foregroundBlur_43_1153"/>
419</filter>
420<filter id="filter38_i_43_1153" x="1651.35" y="0" width="86.4185" height="943.516" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
421<feFlood flood-opacity="0" result="BackgroundImageFix"/>
422<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
423<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
424<feOffset dy="140.041"/>
425<feGaussianBlur stdDeviation="26.2578"/>
426<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
427<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0"/>
428<feBlend mode="soft-light" in2="shape" result="effect1_innerShadow_43_1153"/>
429</filter>
430<filter id="filter39_f_43_1153" x="1630.94" y="27.4805" width="40.8184" height="836.038" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
431<feFlood flood-opacity="0" result="BackgroundImageFix"/>
432<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
433<feGaussianBlur stdDeviation="4.20457" result="effect1_foregroundBlur_43_1153"/>
434</filter>
435<filter id="filter40_i_43_1153" x="1737.77" y="0" width="86.4185" height="943.516" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
436<feFlood flood-opacity="0" result="BackgroundImageFix"/>
437<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
438<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
439<feOffset dy="140.041"/>
440<feGaussianBlur stdDeviation="26.2578"/>
441<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
442<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0"/>
443<feBlend mode="soft-light" in2="shape" result="effect1_innerShadow_43_1153"/>
444</filter>
445<filter id="filter41_f_43_1153" x="1717.36" y="27.4805" width="40.8184" height="836.038" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">

446<feFlood flood-opacity="0" result="BackgroundImageFix"/>
447<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
448<feGaussianBlur stdDeviation="4.20457" result="effect1_foregroundBlur_43_1153"/>
449</filter>
450<filter id="filter42_i_43_1153" x="1824.18" y="0" width="86.4185" height="943.516" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
451<feFlood flood-opacity="0" result="BackgroundImageFix"/>
452<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
453<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
454<feOffset dy="140.041"/>
455<feGaussianBlur stdDeviation="26.2578"/>
456<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
457<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0"/>
458<feBlend mode="soft-light" in2="shape" result="effect1_innerShadow_43_1153"/>
459</filter>
460<filter id="filter43_f_43_1153" x="1803.78" y="27.4805" width="40.8184" height="836.038" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
461<feFlood flood-opacity="0" result="BackgroundImageFix"/>
462<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
463<feGaussianBlur stdDeviation="4.20457" result="effect1_foregroundBlur_43_1153"/>
464</filter>
465<linearGradient id="paint0_linear_43_1153" x1="9.39697" y1="427.978" x2="95.8154" y2="427.978" gradientUnits="userSpaceOnUse">
466<stop stop-color="white" stop-opacity="0.25"/>
467<stop offset="1" stop-color="#363535" stop-opacity="0.25"/>
468</linearGradient>
469<linearGradient id="paint1_linear_43_1153" x1="9.39722" y1="130.659" x2="9.85593" y2="843.109" gradientUnits="userSpaceOnUse">
470<stop stop-color="white" stop-opacity="0"/>
471<stop offset="0.17739" stop-color="white" stop-opacity="0.2"/>
472<stop offset="0.288739" stop-color="white" stop-opacity="0.2"/>
473<stop offset="1" stop-color="white" stop-opacity="0"/>
474</linearGradient>
475<linearGradient id="paint2_linear_43_1153" x1="95.8154" y1="427.978" x2="182.234" y2="427.978" gradientUnits="userSpaceOnUse">
476<stop stop-color="white" stop-opacity="0.25"/>
477<stop offset="1" stop-color="#363535" stop-opacity="0.25"/>
478</linearGradient>
479<linearGradient id="paint3_linear_43_1153" x1="95.8157" y1="130.659" x2="96.2744" y2="843.109" gradientUnits="userSpaceOnUse">
480<stop stop-color="white" stop-opacity="0"/>
481<stop offset="0.17739" stop-color="white" stop-opacity="0.2"/>
482<stop offset="0.288739" stop-color="white" stop-opacity="0.2"/>
483<stop offset="1" stop-color="white" stop-opacity="0"/>
484</linearGradient>
485<linearGradient id="paint4_linear_43_1153" x1="182.234" y1="427.978" x2="268.652" y2="427.978" gradientUnits="userSpaceOnUse">
486<stop stop-color="white" stop-opacity="0.25"/>
487<stop offset="1" stop-color="#363535" stop-opacity="0.25"/>
488</linearGradient>
489<linearGradient id="paint5_linear_43_1153" x1="182.234" y1="130.659" x2="182.693" y2="843.109" gradientUnits="userSpaceOnUse">
490<stop stop-color="white" stop-opacity="0"/>
491<stop offset="0.17739" stop-color="white" stop-opacity="0.2"/>
492<stop offset="0.288739" stop-color="white" stop-opacity="0.2"/>
493<stop offset="1" stop-color="white" stop-opacity="0"/>
494</linearGradient>
495<linearGradient id="paint6_linear_43_1153" x1="268.652" y1="427.978" x2="355.071" y2="427.978" gradientUnits="userSpaceOnUse">
496<stop stop-color="white" stop-opacity="0.25"/>
497<stop offset="1" stop-color="#363535" stop-opacity="0.25"/>
498</linearGradient>
499<linearGradient id="paint7_linear_43_1153" x1="268.653" y1="130.659" x2="269.111" y2="843.109" gradientUnits="userSpaceOnUse">
500<stop stop-color="white" stop-opacity="0"/>
501<stop offset="0.17739" stop-color="white" stop-opacity="0.2"/>
502<stop offset="0.288739" stop-color="white" stop-opacity="0.2"/>
503<stop offset="1" stop-color="white" stop-opacity="0"/>
504</linearGradient>
505<linearGradient id="paint8_linear_43_1153" x1="355.071" y1="427.978" x2="441.489" y2="427.978" gradientUnits="userSpaceOnUse">
506<stop stop-color="white" stop-opacity="0.25"/>
507<stop offset="1" stop-color="#363535" stop-opacity="0.25"/>
508</linearGradient>
509<linearGradient id="paint9_linear_43_1153" x1="355.071" y1="130.659" x2="355.53" y2="843.109" gradientUnits="userSpaceOnUse">
510<stop stop-color="white" stop-opacity="0"/>
511<stop offset="0.17739" stop-color="white" stop-opacity="0.2"/>
512<stop offset="0.288739" stop-color="white" stop-opacity="0.2"/>
513<stop offset="1" stop-color="white" stop-opacity="0"/>
514</linearGradient>
515<linearGradient id="paint10_linear_43_1153" x1="441.489" y1="427.978" x2="527.908" y2="427.978" gradientUnits="userSpaceOnUse">
516<stop stop-color="white" stop-opacity="0.25"/>
517<stop offset="1" stop-color="#363535" stop-opacity="0.25"/>
518</linearGradient>
519<linearGradient id="paint11_linear_43_1153" x1="441.49" y1="130.659" x2="441.948" y2="843.109" gradientUnits="userSpaceOnUse">
520<stop stop-color="white" stop-opacity="0"/>
521<stop offset="0.17739" stop-color="white" stop-opacity="0.2"/>
522<stop offset="0.288739" stop-color="white" stop-opacity="0.2"/>
523<stop offset="1" stop-color="white" stop-opacity="0"/>
524</linearGradient>
525<linearGradient id="paint12_linear_43_1153" x1="527.908" y1="427.978" x2="614.326" y2="427.978" gradientUnits="userSpaceOnUse">
526<stop stop-color="white" stop-opacity="0.25"/>
527<stop offset="1" stop-color="#363535" stop-opacity="0.25"/>
528</linearGradient>
529<linearGradient id="paint13_linear_43_1153" x1="527.908" y1="130.659" x2="528.367" y2="843.109" gradientUnits="userSpaceOnUse">
530<stop stop-color="white" stop-opacity="0"/>
531<stop offset="0.17739" stop-color="white" stop-opacity="0.2"/>
532<stop offset="0.288739" stop-color="white" stop-opacity="0.2"/>
533<stop offset="1" stop-color="white" stop-opacity="0"/>
534</linearGradient>
535<linearGradient id="paint14_linear_43_1153" x1="614.326" y1="427.978" x2="700.745" y2="427.978" gradientUnits="userSpaceOnUse">
536<stop stop-color="white" stop-opacity="0.25"/>
537<stop offset="1" stop-color="#363535" stop-opacity="0.25"/>
538</linearGradient>
539<linearGradient id="paint15_linear_43_1153" x1="614.326" y1="130.659" x2="614.785" y2="843.109" gradientUnits="userSpaceOnUse">
540<stop stop-color="white" stop-opacity="0"/>
541<stop offset="0.17739" stop-color="white" stop-opacity="0.2"/>
542<stop offset="0.288739" stop-color="white" stop-opacity="0.2"/>
543<stop offset="1" stop-color="white" stop-opacity="0"/>
544</linearGradient>
545<linearGradient id="paint16_linear_43_1153" x1="700.745" y1="427.978" x2="787.163" y2="427.978" gradientUnits="userSpaceOnUse">
546<stop stop-color="white" stop-opacity="0.25"/>
547<stop offset="1" stop-color="#363535" stop-opacity="0.25"/>
548</linearGradient>
549<linearGradient id="paint17_linear_43_1153" x1="700.745" y1="130.659" x2="701.204" y2="843.109" gradientUnits="userSpaceOnUse">
550<stop stop-color="white" stop-opacity="0"/>
551<stop offset="0.17739" stop-color="white" stop-opacity="0.2"/>
552<stop offset="0.288739" stop-color="white" stop-opacity="0.2"/>
553<stop offset="1" stop-color="white" stop-opacity="0"/>
554</linearGradient>
555<linearGradient id="paint18_linear_43_1153" x1="787.163" y1="427.978" x2="873.582" y2="427.978" gradientUnits="userSpaceOnUse">
556<stop stop-color="white" stop-opacity="0.25"/>
557<stop offset="1" stop-color="#363535" stop-opacity="0.25"/>
558</linearGradient>
559<linearGradient id="paint19_linear_43_1153" x1="787.163" y1="130.659" x2="787.622" y2="843.109" gradientUnits="userSpaceOnUse">
560<stop stop-color="white" stop-opacity="0"/>
561<stop offset="0.17739" stop-color="white" stop-opacity="0.2"/>
562<stop offset="0.288739" stop-color="white" stop-opacity="0.2"/>
563<stop offset="1" stop-color="white" stop-opacity="0"/>
564</linearGradient>
565<linearGradient id="paint20_linear_43_1153" x1="873.582" y1="427.978" x2="960" y2="427.978" gradientUnits="userSpaceOnUse">
566<stop stop-color="white" stop-opacity="0.25"/>
567<stop offset="1" stop-color="#363535" stop-opacity="0.25"/>
568</linearGradient>
569<linearGradient id="paint21_linear_43_1153" x1="873.582" y1="130.659" x2="874.04" y2="843.109" gradientUnits="userSpaceOnUse">
570<stop stop-color="white" stop-opacity="0"/>
571<stop offset="0.17739" stop-color="white" stop-opacity="0.2"/>
572<stop offset="0.288739" stop-color="white" stop-opacity="0.2"/>
573<stop offset="1" stop-color="white" stop-opacity="0"/>
574</linearGradient>
575<linearGradient id="paint22_linear_43_1153" x1="960" y1="427.978" x2="1046.42" y2="427.978" gradientUnits="userSpaceOnUse">
576<stop stop-color="white" stop-opacity="0.25"/>
577<stop offset="1" stop-color="#363535" stop-opacity="0.25"/>
578</linearGradient>
579<linearGradient id="paint23_linear_43_1153" x1="960" y1="130.659" x2="960.459" y2="843.109" gradientUnits="userSpaceOnUse">
580<stop stop-color="white" stop-opacity="0"/>
581<stop offset="0.17739" stop-color="white" stop-opacity="0.2"/>
582<stop offset="0.288739" stop-color="white" stop-opacity="0.2"/>
583<stop offset="1" stop-color="white" stop-opacity="0"/>
584</linearGradient>
585<linearGradient id="paint24_linear_43_1153" x1="1046.42" y1="427.978" x2="1132.84" y2="427.978" gradientUnits="userSpaceOnUse">
586<stop stop-color="white" stop-opacity="0.25"/>
587<stop offset="1" stop-color="#363535" stop-opacity="0.25"/>
588</linearGradient>
589<linearGradient id="paint25_linear_43_1153" x1="1046.42" y1="130.659" x2="1046.88" y2="843.109" gradientUnits="userSpaceOnUse">
590<stop stop-color="white" stop-opacity="0"/>
591<stop offset="0.17739" stop-color="white" stop-opacity="0.2"/>
592<stop offset="0.288739" stop-color="white" stop-opacity="0.2"/>
593<stop offset="1" stop-color="white" stop-opacity="0"/>
594</linearGradient>
595<linearGradient id="paint26_linear_43_1153" x1="1132.84" y1="427.978" x2="1219.26" y2="427.978" gradientUnits="userSpaceOnUse">
596<stop stop-color="white" stop-opacity="0.25"/>
597<stop offset="1" stop-color="#363535" stop-opacity="0.25"/>
598</linearGradient>
599<linearGradient id="paint27_linear_43_1153" x1="1132.84" y1="130.659" x2="1133.3" y2="843.109" gradientUnits="userSpaceOnUse">
600<stop stop-color="white" stop-opacity="0"/>
601<stop offset="0.17739" stop-color="white" stop-opacity="0.2"/>
602<stop offset="0.288739" stop-color="white" stop-opacity="0.2"/>
603<stop offset="1" stop-color="white" stop-opacity="0"/>
604</linearGradient>
605<linearGradient id="paint28_linear_43_1153" x1="1219.26" y1="427.978" x2="1305.67" y2="427.978" gradientUnits="userSpaceOnUse">
606<stop stop-color="white" stop-opacity="0.25"/>
607<stop offset="1" stop-color="#363535" stop-opacity="0.25"/>
608</linearGradient>
609<linearGradient id="paint29_linear_43_1153" x1="1219.26" y1="130.659" x2="1219.71" y2="843.109" gradientUnits="userSpaceOnUse">
610<stop stop-color="white" stop-opacity="0"/>
611<stop offset="0.17739" stop-color="white" stop-opacity="0.2"/>
612<stop offset="0.288739" stop-color="white" stop-opacity="0.2"/>
613<stop offset="1" stop-color="white" stop-opacity="0"/>
614</linearGradient>
615<linearGradient id="paint30_linear_43_1153" x1="1305.67" y1="427.978" x2="1392.09" y2="427.978" gradientUnits="userSpaceOnUse">
616<stop stop-color="white" stop-opacity="0.25"/>
617<stop offset="1" stop-color="#363535" stop-opacity="0.25"/>
618</linearGradient>
619<linearGradient id="paint31_linear_43_1153" x1="1305.67" y1="130.659" x2="1306.13" y2="843.109" gradientUnits="userSpaceOnUse">
620<stop stop-color="white" stop-opacity="0"/>
621<stop offset="0.17739" stop-color="white" stop-opacity="0.2"/>
622<stop offset="0.288739" stop-color="white" stop-opacity="0.2"/>
623<stop offset="1" stop-color="white" stop-opacity="0"/>
624</linearGradient>
625<linearGradient id="paint32_linear_43_1153" x1="1392.09" y1="427.978" x2="1478.51" y2="427.978" gradientUnits="userSpaceOnUse">
626<stop stop-color="white" stop-opacity="0.25"/>
627<stop offset="1" stop-color="#363535" stop-opacity="0.25"/>
628</linearGradient>
629<linearGradient id="paint33_linear_43_1153" x1="1392.09" y1="130.659" x2="1392.55" y2="843.109" gradientUnits="userSpaceOnUse">
630<stop stop-color="white" stop-opacity="0"/>
631<stop offset="0.17739" stop-color="white" stop-opacity="0.2"/>
632<stop offset="0.288739" stop-color="white" stop-opacity="0.2"/>
633<stop offset="1" stop-color="white" stop-opacity="0"/>
634</linearGradient>
635<linearGradient id="paint34_linear_43_1153" x1="1478.51" y1="427.978" x2="1564.93" y2="427.978" gradientUnits="userSpaceOnUse">
636<stop stop-color="white" stop-opacity="0.25"/>
637<stop offset="1" stop-color="#363535" stop-opacity="0.25"/>
638</linearGradient>
639<linearGradient id="paint35_linear_43_1153" x1="1478.51" y1="130.659" x2="1478.97" y2="843.109" gradientUnits="userSpaceOnUse">
640<stop stop-color="white" stop-opacity="0"/>
641<stop offset="0.17739" stop-color="white" stop-opacity="0.2"/>
642<stop offset="0.288739" stop-color="white" stop-opacity="0.2"/>
643<stop offset="1" stop-color="white" stop-opacity="0"/>
644</linearGradient>
645<linearGradient id="paint36_linear_43_1153" x1="1564.93" y1="427.978" x2="1651.35" y2="427.978" gradientUnits="userSpaceOnUse">
646<stop stop-color="white" stop-opacity="0.25"/>
647<stop offset="1" stop-color="#363535" stop-opacity="0.25"/>
648</linearGradient>
649<linearGradient id="paint37_linear_43_1153" x1="1564.93" y1="130.659" x2="1565.39" y2="843.109" gradientUnits="userSpaceOnUse">
650<stop stop-color="white" stop-opacity="0"/>
651<stop offset="0.17739" stop-color="white" stop-opacity="0.2"/>
652<stop offset="0.288739" stop-color="white" stop-opacity="0.2"/>
653<stop offset="1" stop-color="white" stop-opacity="0"/>
654</linearGradient>
655<linearGradient id="paint38_linear_43_1153" x1="1651.35" y1="427.978" x2="1737.77" y2="427.978" gradientUnits="userSpaceOnUse">
656<stop stop-color="white" stop-opacity="0.25"/>
657<stop offset="1" stop-color="#363535" stop-opacity="0.25"/>
658</linearGradient>
659<linearGradient id="paint39_linear_43_1153" x1="1651.35" y1="130.659" x2="1651.81" y2="843.109" gradientUnits="userSpaceOnUse">
660<stop stop-color="white" stop-opacity="0"/>
661<stop offset="0.17739" stop-color="white" stop-opacity="0.2"/>
662<stop offset="0.288739" stop-color="white" stop-opacity="0.2"/>
663<stop offset="1" stop-color="white" stop-opacity="0"/>
664</linearGradient>
665<linearGradient id="paint40_linear_43_1153" x1="1737.77" y1="427.978" x2="1824.18" y2="427.978" gradientUnits="userSpaceOnUse">
666<stop stop-color="white" stop-opacity="0.25"/>
667<stop offset="1" stop-color="#363535" stop-opacity="0.25"/>
668</linearGradient>
669<linearGradient id="paint41_linear_43_1153" x1="1737.77" y1="130.659" x2="1738.23" y2="843.109" gradientUnits="userSpaceOnUse">
670<stop stop-color="white" stop-opacity="0"/>
671<stop offset="0.17739" stop-color="white" stop-opacity="0.2"/>
672<stop offset="0.288739" stop-color="white" stop-opacity="0.2"/>
673<stop offset="1" stop-color="white" stop-opacity="0"/>
674</linearGradient>
675<linearGradient id="paint42_linear_43_1153" x1="1824.18" y1="427.978" x2="1910.6" y2="427.978" gradientUnits="userSpaceOnUse">
676<stop stop-color="white" stop-opacity="0.25"/>
677<stop offset="1" stop-color="#363535" stop-opacity="0.25"/>
678</linearGradient>
679<linearGradient id="paint43_linear_43_1153" x1="1824.18" y1="130.659" x2="1824.64" y2="843.109" gradientUnits="userSpaceOnUse">
680<stop stop-color="white" stop-opacity="0"/>
681<stop offset="0.17739" stop-color="white" stop-opacity="0.2"/>
682<stop offset="0.288739" stop-color="white" stop-opacity="0.2"/>
683<stop offset="1" stop-color="white" stop-opacity="0"/>
684</linearGradient>
685</defs>
686</svg>
687`,fh="/assets/hero-textures-s5bzgfzc.webp";function Me({bgColor:e}){return t.jsxs("div",{className:"relative h-full w-full overflow-hidden",style:{backgroundColor:e},children:[t.jsx("div",{"aria-hidden":"true",className:"pointer-events-none absolute inset-0 [&>svg]:h-full [&>svg]:w-full [&_g]:opacity-50",dangerouslySetInnerHTML:{__html:uh}}),t.jsx("div",{"aria-hidden":"true",className:"pointer-events-none absolute inset-0",style:{background:"radial-gradient(120% 90% at 12% -15%, rgba(255,255,255,0.35) 0%, rgba(255,255,255,0) 55%), radial-gradient(95% 80% at 105% 115%, rgba(0,0,0,0.28) 0%, rgba(0,0,0,0) 60%)"}}),t.jsx("img",{"aria-hidden":"true",src:fh,alt:"",className:"pointer-events-none absolute inset-0 h-full w-full object-cover opacity-90 mix-blend-overlay",style:{filter:"contrast(1.8)"}})]})}

687const ot=48,lt=24,er=40,tr=352,sr=288,mh=720,xh=56,gh=402,E=(e,s)=>tr+(e-s)*ot,$=(e,s,i)=>sr+(e+s)*lt-i*er,D=(e,s,i)=>`${B(E(e,s))},${B($(e,s,i))}`,B=e=>Math.round(e*10)/10,k=1.15,_=.95,ir="#191c22",nr="#0d0f13",ar="#080a0c",gs="rgba(255,255,255,0.18)",yh="rgba(255,255,255,0.10)",vh="'JetBrains Mono', ui-monospace, monospace",et="'Inter', ui-sans-serif, system-ui, sans-serif",ee=[{key:"feedback",label:"Feedback",sub:"raw signal from users",accent:"#9aa3b2",wx:.86,wy:.6,h:.05,boxOpacity:.14},{key:"issue",label:"Issue",sub:"triaged & tracked",accent:"#ffc061",wx:1.24,wy:.66,h:.28,boxOpacity:1},{key:"doc",label:"Doc / PRD",sub:"the spec, written",accent:"#b0dd5c",wx:1.16,wy:1.02,h:.5,boxOpacity:1},{key:"canvas",label:"Canvas",sub:"designed on real code",accent:"#c3a5f7",wx:1.62,wy:1.12,h:.18,boxOpacity:1},{key:"shipped",label:"Shipped",sub:"built & merged",accent:"#6aa6ff",wx:1,wy:.82,h:1.66,boxOpacity:1}],ct=2.6,bh=1.55,Ne=ct+bh,bt=ee.length*Ne,Q=ct/Ne,te=e=>e<0?0:e>1?1:e,X=(e,s,i)=>e+(s-e)*i,jh=e=>{const s=te(e);return s*s*s*(s*(s*6-15)+10)},jt=e=>{const s=te(e);return s<.5?2*s*s:1-Math.pow(-2*s+2,2)/2},kh=(e,s=.34)=>{const i=te(e),n=i*i*i*(i*(i*6-15)+10),r=Math.sin(i*Math.PI)**2*(2*i-1),l=r>0?r:r*.55;return n+l*s};function xn(e){if(e[0]==="#")return[parseInt(e.slice(1,3),16),parseInt(e.slice(3,5),16),parseInt(e.slice(5,7),16)];const s=e.match(/\d+/g);return s?[Number(s[0]),Number(s[1]),Number(s[2])]:[0,0,0]}function Bt(e,s,i){const n=xn(e),r=xn(s),l=n.map((a,c)=>Math.round(X(a,r[c],i)));return`rgb(${l[0]},${l[1]},${l[2]})`}const wh=Bt,gn=[{x:250,y:150},{x:470,y:132},{x:300,y:96},{x:452,y:196}],Se=[{y:-.34,w:1.7,delay:0},{y:-.12,w:1.9,delay:.14},{y:.1,w:1.55,delay:.28},{y:.32,w:1.86,delay:.42}];function ys(e){const s=(e%bt+bt)%bt,i=Math.floor(s/Ne),n=(s-i*Ne)/Ne,r=n<Q,l=r?n*Ne:ct,a=r?0:(n-Q)/(1-Q),c=jh(a),o=r?0:kh(a),d=ee[i],h=ee[(i+1)%ee.length];let p=X(d.wx,h.wx,o),u=X(d.wy,h.wy,o),f=X(d.h,h.h,o);const x=wh(d.accent,h.accent,c),g=X(d.boxOpacity,h.boxOpacity,c),y=Math.sin(e*.85)*5.5+Math.sin(e*1.9+1.3)*1.6,j=Math.sin(e*.6+2.1)*2.4;let b=0;d.key==="canvas"&&r&&(b=Math.sin(l*1.9)*.16,p+=b,u+=b*.6);const v=ee.map(()=>0);if(r)v[i]=1;else{const T=jt((n-Q)/(1-Q));v[i]=te(1-T*1.35),v[(i+1)%ee.length]=te((T-.25)*1.6)}const w=k+p,O=_+u,Jt=T=>{switch(T){case"feedback":{const G=gn[0];return[G.x+44,G.y+18,!1]}case"issue":return[E(k+p*.5,_-u*.2),$(k+p*.5,_-u*.2,f)+2,!1];case"doc":return[E(k+.5,_+.32),$(k+.5,_+.32,f)-4,!1];case"canvas":return[E(w,O),$(w,O,f),!0];case"shipped":return[E(k,O)+6,$(k,O,f*.62),!1];default:return[tr,sr,!1]}};let Qt,es,ts;if(r){const[T,G,U]=Jt(d.key);Qt=T+Math.sin(l*1.6)*3,es=G+Math.cos(l*1.3)*2.4,ts=U}else{const[T,G,U]=Jt(d.key),[pe,z,J]=Jt(h.key),mt=jt((n-Q)/(1-Q));Qt=X(T,pe,mt),es=X(G,z,mt)-Math.sin(mt*Math.PI)*26,ts=mt<.5?U:J}const wr=1;let pi=-1;const ss=1;if(r&&(d.key==="issue"||d.key==="shipped")){const T=l-ss;T>=0&&T<.5&&(pi=T/.5)}const _r=d.key==="issue"&&r&&l>ss,Sr=d.key==="shipped"&&r?te((l-ss)*3):v[4]>.9?1:0,Nr=gn.map((T,G)=>{let U=0,pe=T.x,z=T.y+Math.sin(e*1.1+G*1.7)*4;if(i===0&&r)U=1;else if(i===0&&!r){const J=jt((n-Q)/(1-Q));U=te(1-J*1.4),pe=X(T.x,E(k,_),J),z=X(z,$(k,_,.3),J)}else if(i===4&&!r){const J=jt((n-Q)/(1-Q));U=te((J-.35)*1.8),pe=X(E(k,_),T.x,J),z=X($(k,_,1.4),T.y,J)}return{x:pe,y:z,o:U}}),ft=Se.map(()=>0);let ui=0,fi=0,mi=0;if(d.key==="doc"){const T=r?te(l/(ct*.82)):1;Se.forEach((z,J)=>{ft[J]=te((T-z.delay)/.24)});let G=Se.length-1;for(let z=0;z<Se.length;z++)if(ft[z]<1){G=z;break}const U=Se[G],pe=-U.w/2+U.w*ft[G];ui=E(k+pe,_+U.y),fi=$(k+pe,_+U.y,f),mi=v[2]*(r?Math.sin(e*6)>-.3?1:.25:0)}const Cr=v[3],Br=s/bt,Ar=ee.map((T,G)=>te((Br-G/ee.length)*ee.length));return{wx:p,wy:u,h:f,accent:x,boxOpacity:g,op:v,cx:Qt,cy:es,grab:ts,cursorOp:wr,ring:pi,chips:Nr,type:ft,caretX:ui,caretY:fi,caretOp:mi,handleOp:Cr,statusFlipped:_r,merged:Sr,stageIndex:r||c<.5?i:(i+1)%ee.length,label:(r||c<.5?d:h).label,sub:(r||c<.5?d:h).sub,dotFill:Ar,bobX:j,bobY:y}}const _h=e=>`matrix(${ot},${lt},${-ot},${lt},${B(E(k,_))},${B($(k,_,e))})`,Sh=(e,s)=>`matrix(${-ot},${lt},0,${-er},${B(E(e,s))},${B($(e,s,0))})`;function vs(e,s){const i=k-s.wx,n=k+s.wx,r=_-s.wy,l=_+s.wy,a=s.h;e.floatGroup&&e.floatGroup.setAttribute("transform",`translate(${B(s.bobX

687)},${B(s.bobY)})`),e.faceTop&&(e.faceTop.setAttribute("points",`${D(i,r,a)} ${D(n,r,a)} ${D(n,l,a)} ${D(i,l,a)}`),e.faceTop.setAttribute("fill",Bt(ir,s.accent,.16)),e.faceTop.style.opacity=String(s.boxOpacity)),e.faceRight&&(e.faceRight.setAttribute("points",`${D(n,r,0)} ${D(n,l,0)} ${D(n,l,a)} ${D(n,r,a)}`),e.faceRight.setAttribute("fill",Bt(nr,s.accent,.1)),e.faceRight.style.opacity=String(s.boxOpacity)),e.faceLeft&&(e.faceLeft.setAttribute("points",`${D(i,l,0)} ${D(n,l,0)} ${D(n,l,a)} ${D(i,l,a)}`),e.faceLeft.setAttribute("fill",Bt(ar,s.accent,.05)),e.faceLeft.style.opacity=String(s.boxOpacity)),e.shadow&&(e.shadow.setAttribute("cx",String(B(E(k,_)))),e.shadow.setAttribute("cy",String(B($(k,_,0)+6))),e.shadow.setAttribute("rx",String(B((s.wx+s.wy)*ot*.62))),e.shadow.setAttribute("ry",String(B((s.wx+s.wy)*lt*.62))),e.shadow.style.opacity=String(.32*s.boxOpacity+.04));const c=_h(a);if(e.content.forEach((o,d)=>{o&&(o.setAttribute("transform",c),o.style.opacity=String(s.op[d]),o.style.display=s.op[d]<.01?"none":"")}),e.rightShipped&&(e.rightShipped.setAttribute("transform",Sh(n,r)),e.rightShipped.style.opacity=String(s.op[4]),e.rightShipped.style.display=s.op[4]<.01?"none":""),e.statusTodo&&(e.statusTodo.style.opacity=String(s.statusFlipped?0:1)),e.statusProg&&(e.statusProg.style.opacity=String(s.statusFlipped?1:0)),e.docLines.forEach((o,d)=>{const h=Se[d].w;o.setAttribute("width",String(B(h*(s.type[d]??0))))}),e.caret&&(e.caret.style.opacity=String(s.caretOp),s.caretOp>0&&e.caret.setAttribute("transform",`translate(${B(s.caretX)},${B(s.caretY-8)})`)),e.selRect&&(e.selRect.setAttribute("points",`${D(i,r,a)} ${D(n,r,a)} ${D(n,l,a)} ${D(i,l,a)}`),e.selRect.style.opacity=String(s.handleOp)),e.handles.length){const o=(u,f)=>[E(u,f),$(u,f,a)],d=k,h=_,p=[o(i,r),o(n,r),o(n,l),o(i,l),o(d,r),o(n,h),o(d,l),o(i,h),[o(d,r)[0],o(d,r)[1]-30]];e.handles.forEach((u,f)=>{const x=p[f];x&&(u.setAttribute("transform",`translate(${B(x[0])},${B(x[1])})`),u.style.opacity=String(s.handleOp),u.style.display=s.handleOp<.02?"none":"")})}e.mergeBadge&&(e.mergeBadge.style.opacity=String(s.merged*s.op[4]),e.mergeBadge.style.transform=`scale(${X(.6,1,s.merged)})`),e.chips.forEach((o,d)=>{const h=s.chips[d];h&&(o.setAttribute("transform",`translate(${B(h.x)},${B(h.y)})`),o.style.opacity=String(h.o),o.style.display=h.o<.01?"none":"")}),e.cursor&&(e.cursor.setAttribute("transform",`translate(${B(s.cx+s.bobX)},${B(s.cy+s.bobY)})`),e.cursor.style.opacity=String(s.cursorOp)),e.cursorArrow&&(e.cursorArrow.style.opacity=String(s.grab?0:1)),e.cursorGrab&&(e.cursorGrab.style.opacity=String(s.grab?1:0)),e.clickRing&&(s.ring<0?e.clickRing.style.opacity="0":(e.clickRing.style.opacity=String((1-s.ring)*.9),e.clickRing.setAttribute("r",String(B(6+s.ring*15))))),(e.wrapper??e.root).style.setProperty("--accent",s.accent),e.label&&e.label.textContent!==s.label&&(e.label.textContent=s.label),e.sub&&e.sub.textContent!==s.sub&&(e.sub.textContent=s.sub),e.dots.forEach((o,d)=>{const h=o.firstElementChild;h&&(h.style.transform=`scaleX(${s.dotFill[d]??0})`),o.style.color=d===s.stageIndex?"var(--accent)":"rgba(255,255,255,0.5)"})}const oe={vectorEffect:"non-scaling-stroke"};function Nh(){return t.jsxs("g",{"data-content":"1",style:{opacity:0},children:[t.jsx("rect",{x:-1.16,y:-.18,width:.32,height:.32,rx:.06,fill:"none",style:{stroke:"var(--accent)"},strokeWidth:1.4,...oe}),t.jsx("path",{d:"M -1.07 0 L -1.0 0.08 L -0.87 -0.09",fill:"none",style:{stroke:"var(--accent)"},strokeWidth:1.4,strokeLinecap:"round",strokeLinejoin:"round",...oe}),t.jsx("rect",{x:-.72,y:-.14,width:1.06,height:.13,rx:.06,fill:"rgba(255,255,255,0.85)"}),t.jsx("rect",{x:-.72,y:.08,width:.66,height:.09,rx:.045,fill:"rgba(255,255,255,0.34)"}),t.jsx("text",{x:-.72,y:-.28,fontFamily:vh,fontSize:.22,style:{fill:"var(--accent)"},letterSpacing:"0.005",children:"TEM-241"}),t.jsxs("g",{"data-status-todo":"1",children:[t.jsx("rect",{x:.52,y:-.19,width:.72,height:.32,rx:.16,fill:"rgba(255,255,255,0.08)",stroke:"rgba(255,255,255,0.28)",strokeWidth:1,...oe}),t.jsx("circle",{cx:.66,cy:-.03,r:.055,fill:"rgba(255,255,255,0.5)"}),t.jsx("text",{x:.76,y:.04,fontFamily:et,fontSize:.2,fill:"rgba(255,255,255,0.72)",children:"Todo"})]}),t.jsxs("g",{"data-status-prog":"1",style:{opacity:0}

687,children:[t.jsx("rect",{x:.42,y:-.19,width:.86,height:.32,rx:.16,style:{fill:"color-mix(in srgb, var(--accent) 22%, transparent)",stroke:"var(--accent)"},strokeWidth:1,...oe}),t.jsx("circle",{cx:.56,cy:-.03,r:.055,style:{fill:"var(--accent)"}}),t.jsx("text",{x:.66,y:.04,fontFamily:et,fontSize:.2,style:{fill:"var(--accent)"},children:"In Progress"})]})]})}function Ch(){return t.jsxs("g",{"data-content":"2",style:{opacity:0},children:[t.jsx("rect",{x:-.85,y:-.58,width:.95,height:.15,rx:.06,fill:"rgba(255,255,255,0.82)"}),Se.map((e,s)=>t.jsx("rect",{"data-docline":s,x:-e.w/2,y:e.y,width:0,height:.085,rx:.04,fill:"rgba(255,255,255,0.4)"},s))]})}function Bh(){return t.jsxs("g",{"data-content":"3",style:{opacity:0},children:[t.jsx("rect",{x:-1.46,y:-.94,width:2.92,height:1.88,rx:.07,fill:"rgba(255,255,255,0.03)",stroke:"rgba(255,255,255,0.14)",strokeWidth:1,...oe}),t.jsx("rect",{x:-1.34,y:-.82,width:2.68,height:.24,rx:.05,fill:"rgba(255,255,255,0.07)"}),t.jsx("circle",{cx:-1.18,cy:-.7,r:.055,style:{fill:"var(--accent)"}}),t.jsx("rect",{x:.9,y:-.76,width:.36,height:.12,rx:.06,style:{fill:"var(--accent)"}}),t.jsx("rect",{x:-1.34,y:-.48,width:1.56,height:.76,rx:.06,style:{fill:"color-mix(in srgb, var(--accent) 20%, transparent)",stroke:"var(--accent)"},strokeWidth:1,...oe}),t.jsx("rect",{x:-1.22,y:-.36,width:.94,height:.11,rx:.05,fill:"rgba(255,255,255,0.68)"}),t.jsx("rect",{x:-1.22,y:-.16,width:1.2,height:.08,rx:.04,fill:"rgba(255,255,255,0.3)"}),t.jsx("rect",{x:-1.22,y:.06,width:.48,height:.15,rx:.075,style:{fill:"var(--accent)"}}),t.jsx("rect",{x:.36,y:-.48,width:.92,height:.36,rx:.05,fill:"rgba(255,255,255,0.06)",stroke:"rgba(255,255,255,0.12)",strokeWidth:1,...oe}),t.jsx("rect",{x:.36,y:-.04,width:.92,height:.36,rx:.05,fill:"rgba(255,255,255,0.06)",stroke:"rgba(255,255,255,0.12)",strokeWidth:1,...oe})]})}function Ah(){return t.jsxs("g",{"data-content":"4",style:{opacity:0},children:[t.jsx("rect",{x:-.82,y:-.62,width:1.64,height:1.24,rx:.1,fill:"rgba(255,255,255,0.05)",stroke:"rgba(255,255,255,0.18)",strokeWidth:1,...oe}),t.jsx("rect",{x:-.7,y:-.5,width:.74,height:.13,rx:.06,fill:"rgba(255,255,255,0.82)"}),t.jsx("rect",{x:-.7,y:-.28,width:1.26,height:.08,rx:.04,fill:"rgba(255,255,255,0.32)"}),t.jsx("rect",{x:-.7,y:-.14,width:1.04,height:.08,rx:.04,fill:"rgba(255,255,255,0.32)"}),t.jsx("rect",{x:-.7,y:.12,width:1.38,height:.36,rx:.06,style:{fill:"color-mix(in srgb, var(--accent) 16%, transparent)",stroke:"var(--accent)"},strokeWidth:1,...oe}),t.jsx("rect",{x:-.22,y:.2,width:.54,height:.2,rx:.1,style:{fill:"var(--accent)"}})]})}function yn({freezeStage:e,freezeT:s,className:i}){const n=m.useRef(null),r=m.useRef(null),l=m.useRef(null),a=m.useRef(null),c=m.useRef(null),o=m.useRef(null);return m.useLayoutEffect(()=>{const d=n.current;if(!d)return;const h=w=>d.querySelector(w),p=w=>Array.from(d.querySelectorAll(w)),u={root:d,wrapper:r.current,floatGroup:h("[data-node=floatGroup]"),shadow:h("[data-node=shadow]"),faceTop:h("[data-node=faceTop]"),faceLeft:h("[data-node=faceLeft]"),faceRight:h("[data-node=faceRight]"),content:[0,1,2,3,4].map(w=>h(`[data-content='${w===0?"0":w}']`)),rightShipped:h("[data-node=rightShipped]"),chips:p("[data-chip]"),docLines:p("[data-docline]"),caret:h("[data-node=caret]"),handles:p("[data-handle]"),selRect:h("[data-node=selRect]"),cursor:h("[data-node=cursor]"),cursorArrow:h("[data-node=cursorArrow]"),cursorGrab:h("[data-node=cursorGrab]"),clickRing:h("[data-node=clickRing]"),statusTodo:h("[data-status-todo]"),statusProg:h("[data-status-prog]"),mergeBadge:h("[data-node=mergeBadge]"),label:a.current,sub:c.current,dots:o.current?Array.from(o.current.children):[]};l.current=u;const f=typeof window<"u"&&window.matchMedia?.("(prefers-reduced-motion: reduce)").matches;if(s!=null){vs(u,ys(s));return}const x=e??(f?3:null);if(x!=null){vs(u,ys(x*Ne+ct*.6));return}let g=0,y=0,j=!0;const b=w=>{y||(y=w),j&&vs(u,ys((w-y)/1e3)),g=requestAnimationFrame(b)};g=requestAnimationFrame(b);let v=null;return typeof IntersectionObserver<"u"&&r.current&&(v=new IntersectionObserver(w=>{j=w[0]?.isIntersecting??!0,j&&(y=0)},{threshold:.05}),v.observe(r.current)),()=>{cancelAnimationFrame(g),v?.disconnect()}},[e,s]),t.jsxs("div",{ref:r,className:i,style:{"--accent":"#67cffd",width:"100%",maxWidth:760,margin:"0 auto"},children:[t.jsxs("svg",{ref:n,viewBox:`0 ${xh} ${mh} ${gh}`,style:{width:"100%",height:"auto",display:"block",overflow:"visible"}

687,"aria-hidden":!0,children:[t.jsx("defs",{children:t.jsxs("radialGradient",{id:"ftm-floor",cx:"50%",cy:"46%",r:"55%",children:[t.jsx("stop",{offset:"0%",stopColor:"rgba(255,255,255,0.05)"}),t.jsx("stop",{offset:"70%",stopColor:"rgba(255,255,255,0.012)"}),t.jsx("stop",{offset:"100%",stopColor:"rgba(255,255,255,0)"})]})}),t.jsx("ellipse",{cx:E(k,_),cy:$(k,_,0),rx:320,ry:168,fill:"url(#ftm-floor)"}),t.jsx("g",{stroke:yh,strokeWidth:1,fill:"none",children:Array.from({length:9},(d,h)=>{const p=h-4;return t.jsxs("g",{children:[t.jsx("line",{x1:E(k+p*.5,_-2.4),y1:$(k+p*.5,_-2.4,0),x2:E(k+p*.5,_+2.4),y2:$(k+p*.5,_+2.4,0)}),t.jsx("line",{x1:E(k-2.4,_+p*.5),y1:$(k-2.4,_+p*.5,0),x2:E(k+2.4,_+p*.5),y2:$(k+2.4,_+p*.5,0)})]},h)})}),t.jsx("ellipse",{"data-node":"shadow",fill:"rgba(0,0,0,0.55)"}),t.jsxs("g",{"data-node":"floatGroup",children:[t.jsx("polygon",{"data-node":"faceLeft",fill:ar,stroke:gs,strokeWidth:1,strokeLinejoin:"round"}),t.jsx("polygon",{"data-node":"faceRight",fill:nr,stroke:gs,strokeWidth:1,strokeLinejoin:"round"}),t.jsxs("g",{"data-node":"rightShipped",style:{opacity:0},children:[t.jsx("rect",{x:.16,y:1.06,width:1.34,height:.34,rx:.05,style:{fill:"color-mix(in srgb, var(--accent) 32%, #0d0f13)"}}),t.jsx("rect",{x:.16,y:.74,width:1.34,height:.22,rx:.04,fill:"rgba(255,255,255,0.06)"}),t.jsx("rect",{x:.16,y:.46,width:.9,height:.16,rx:.04,fill:"rgba(255,255,255,0.13)"}),t.jsx("rect",{x:.16,y:.22,width:1.18,height:.12,rx:.03,fill:"rgba(255,255,255,0.08)"})]}),t.jsx("polygon",{"data-node":"faceTop",fill:ir,stroke:gs,strokeWidth:1,strokeLinejoin:"round"}),t.jsx(Nh,{}),t.jsx(Ch,{}),t.jsx(Bh,{}),t.jsx(Ah,{}),t.jsx("rect",{"data-node":"caret",width:2,height:16,rx:1,fill:"#b0dd5c",style:{opacity:0}}),t.jsx("polygon",{"data-node":"selRect",fill:"none",style:{opacity:0,stroke:"var(--accent)"},strokeWidth:1.4,strokeDasharray:"5 4"}),Array.from({length:9},(d,h)=>t.jsx("g",{"data-handle":h,style:{opacity:0},children:h===8?t.jsx("circle",{r:4.5,fill:"#0b0c0e",style:{stroke:"var(--accent)"},strokeWidth:1.5}):t.jsx("rect",{x:-4,y:-4,width:8,height:8,rx:1.5,fill:"#0b0c0e",style:{stroke:"var(--accent)"},strokeWidth:1.5})},h)),t.jsx("g",{transform:`translate(${B(E(k+.62,_-.62))},${B($(k+.62,_-.62,1.66)-4)})`,children:t.jsxs("g",{"data-node":"mergeBadge",style:{opacity:0,transformBox:"fill-box",transformOrigin:"center"},children:[t.jsx("circle",{r:14,fill:"#0c1528",stroke:"#6aa6ff",strokeWidth:1.5}),t.jsx("path",{d:"M -5.5 0 L -1.5 4 L 6 -4.5",fill:"none",stroke:"#6aa6ff",strokeWidth:2.2,strokeLinecap:"round",strokeLinejoin:"round"})]})})]}),["â the onboarding is confusing â","â can't find export â","â love this, butâ¦ â","â slow on mobile â"].map((d,h)=>t.jsxs("g",{"data-chip":h,style:{opacity:0},children:[t.jsx("rect",{x:-4,y:-14,width:d.length*5.1+16,height:26,rx:13,fill:"rgba(20,22,28,0.9)",stroke:"rgba(255,255,255,0.16)",strokeWidth:1}),t.jsx("circle",{cx:9,cy:-1,r:3,fill:["#ffc061","#b0dd5c","#c3a5f7","#6aa6ff"][h]}),t.jsx("text",{x:19,y:3,fontFamily:et,fontSize:11,fill:"rgba(255,255,255,0.82)",children:d})]},h)),t.jsxs("g",{"data-node":"cursor",children:[t.jsx("circle",{"data-node":"clickRing",cx:0,cy:0,r:6,fill:"none",style:{opacity:0,stroke:"var(--accent)"},strokeWidth:2}),t.jsx("g",{"data-node":"cursorArrow",children:t.jsx("path",{d:"M0 0 L0 17 L4.2 12.8 L7 18.6 L9.4 17.4 L6.6 11.8 L12.4 11.6 Z",style:{fill:"var(--accent)"},stroke:"#0b0c0e",strokeWidth:1.2,strokeLinejoin:"round"})}),t.jsx("g",{"data-node":"cursorGrab",style:{opacity:0},children:t.jsx("path",{d:"M2 6 q0 -3 3 -2 q0 -3 3 -2 q1 -2 3 -1 l0 6 q3 -1 4 1 q1 2 -1 6 q-2 5 -7 5 q-5 0 -7 -4 q-2 -4 -1 -6 q1 -2 3 -1 Z",fill:"#f4f6fb",stroke:"#0b0c0e",strokeWidth:1.2,strokeLinejoin:"round"})}),t.jsxs("g",{transform:"translate(15,20)",children:[t.jsx("rect",{x:0,y:0,width:34,height:16,rx:4,style:{fill:"var(--accent)"}}),t.jsx("text",{x:17,y:11.5,textAnchor:"middle",fontFamily:et,fontSize:9.5,fontWeight:600,fill:"#141519",children:"You"})]})]})]}),t.jsxs("div",{style:{marginTop:18,textAlign:"center",fontFamily:et},children:[t.jsx("div",{ref:a,style:{fontSize:19,fontWeight:600,color:"#fff",letterSpacing:"-0.01em"},children:"Feedback"}),t.jsx("div",{ref:c,style:{fontSize:13,color:"rgba(255,255,255,0.5)",marginTop:3}

687,children:"raw signal from users"}),t.jsx("div",{ref:o,style:{display:"flex",gap:6,justifyContent:"center",marginTop:14},children:ee.map(d=>t.jsx("div",{style:{position:"relative",width:46,height:3,borderRadius:3,background:"rgba(255,255,255,0.1)",overflow:"hidden",color:"rgba(255,255,255,0.5)"},children:t.jsx("div",{style:{position:"absolute",inset:0,background:"currentColor",transformOrigin:"left",transform:"scaleX(0)"}})},d.key))})]})]})}const rr={fontFamily:"'JetBrains Mono', ui-monospace, monospace"},or="cubic-bezier(0.2, 0.7, 0.2, 1)",Us="cubic-bezier(0.34, 1.3, 0.5, 1)",vn="#a371f7",bs="var(--kiwi-500)",Rh=512,Th=`min(16px, calc(100cqw / ${Rh/16}))`,Mh="5 / 5.4",Ph="var(--surface-container-low)",Ih={kind:"trigger",agent:"Support Triage Agent",Icon:Wt,color:"#ff898c",blurb:"Maya flagged a broken checkout in #support. Taking a look right now.",source:{via:"slack",title:"Maya Chen",sub:"#support",message:"checkout dead-ends on payment, customers can't pay ð©"}},Eh={kind:"trigger",agent:"Monitoring Agent",Icon:va,color:"#ffd55f",blurb:"500s are spiking on /checkout. Pulling the trace now.",source:{via:"webhook",title:"Sentry",sub:"alert",message:"Checkout 500s up 240% in the last hour"}},$h={kind:"trigger",agent:"CI Agent",Icon:xa,color:"#34bffd",blurb:"CI went red on main. Bisecting the failing tests.",source:{via:"github",title:"havn/web",sub:"CI Â· main",message:"3 tests failing on main after the last merge"}},Lh={kind:"doc",title:"Drafted the checkout PRD",agent:"Spec Agent",Icon:Ks,color:"#34bffd",blurb:"Wrote up the checkout redesign spec. Take a look when you can."},Dh={kind:"canvas",title:"Designed the checkout flow",agent:"Design Agent",Icon:ka,color:"#9b3bf6",blurb:"Designed the new checkout: cart to payment in two steps."},Fh={kind:"pr",id:4179,title:"fix(api): retry billing webhooks",agent:"Backend Agent",Icon:ja,color:"#ffd55f",blurb:"Webhooks were dropping on 5xx, so I added retries with backoff."},Gh={kind:"pr",id:4184,title:"fix(mobile): safe-area insets on iOS",agent:"Mobile Agent",Icon:ia,color:"#ff898c",blurb:"Fixed the notch overlap on the iOS bottom bar."},Oh={kind:"issue",id:216,title:"Add Apple Pay at checkout",agent:"Feedback Agent",Icon:ga,color:"#ffd55f",blurb:"Filed this from the customer thread. Worth prioritising."},Uh={kind:"pr",id:4185,title:"feat(checkout): redesigned checkout flow",agent:"Feature Agent",Icon:na,color:"#33cd88",blurb:"Checkout redesign is done and the PR is up.",review:!0},js=[{do:"push",ping:Ih},{do:"push",ping:Lh},{do:"push",ping:Dh},{do:"push",ping:Uh,prState:"review"},{do:"ask"},{do:"approve"},{do:"state",prState:"merging"},{do:"push",ping:Eh},{do:"state",prState:"merged"},{do:"push",ping:Fh},{do:"push",ping:$h},{do:"push",ping:Gh},{do:"push",ping:Oh}],zh=[1150,950,1050,900,1150,700,700,750,1e3,1150,950,1150,1700];function Vh(e){for(let s=e.length-1;s>=0;s--){const i=e[s];if(i.type==="msg"&&i.ping.review)return i}}function bn(e,s,i){if(s.do==="push")return[...e,{key:i,type:"msg",ping:s.ping,prState:s.prState??"merged",showAsk:!1}].slice(-16);if(s.do==="approve")return[...e,{key:i,type:"approve"}].slice(-16);const n=Vh(e);return n?e.map(r=>r===n&&r.type==="msg"?s.do==="ask"?{...r,showAsk:!0}:{...r,prState:s.prState}:r):e}function Wh(e,s){const[i,n]=m.useState([]),r=m.useRef(0),l=m.useRef(0);return m.useEffect(()=>{if(ta()){let o=[];js.forEach((d,h)=>{o=bn(o,d,`s${h}`)}),n(o);return}if(!e||!s)return;let a=0;const c=()=>{const o=r.current;n(d=>bn(d,js[o],`${l.current}:${o}`)),r.current=o+1,r.current>=js.length&&(r.current=0,l.current+=1),a=window.setTimeout(c,zh[o])};return a=window.setTimeout(c,500),()=>window.clearTimeout(a)},[e,s]),i}const ii={trigger:{lucide:Wt,fg:"#ffdf87",bg:"rgba(255,223,135,0.16)",label:"Slack"},pr:{lucide:null,fg:"#a371f7",bg:"rgba(163,113,247,0.16)",label:"Pull request"},doc:{lucide:Bo,fg:"#75d9a6",bg:"rgba(51,205,136,0.16)",label:"Doc"},canvas:{lucide:ra,fg:"#b46cf8",bg:"rgba(180,108,248,0.18)",label:"Canvas"},issue:{lucide:aa,fg:"#ffdf87",bg:"rgba(255,223,135,0.16)",label:"Issue"}};function zs({size:e,color:s}){return t.jsx("svg",{viewBox:"0 0 16 16",width:e,height:e,fill:s,"aria-hidden":!0,

687children:t.jsx("path",{d:"M5.45 5.154A4.25 4.25 0 0 0 9.25 7.5h1.378a2.251 2.251 0 1 1 0 1.5H9.25A5.734 5.734 0 0 1 5 7.123v3.505a2.25 2.25 0 1 1-1.5 0V5.372a2.25 2.25 0 1 1 1.95-.218ZM4.25 13.5a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5Zm8.5-4.5a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5ZM5 3.25a.75.75 0 1 0-1.5 0 .75.75 0 0 0 1.5 0Z"})})}function Hh({size:e,color:s}){return t.jsx("svg",{viewBox:"0 0 16 16",width:e,height:e,fill:s,"aria-hidden":!0,children:t.jsx("path",{d:"M8 2c1.981 0 3.671.992 4.933 2.078 1.27 1.091 2.187 2.345 2.637 3.023a1.62 1.62 0 0 1 0 1.798c-.45.678-1.367 1.932-2.637 3.023C11.67 13.008 9.981 14 8 14c-1.981 0-3.671-.992-4.933-2.078C1.797 10.83.88 9.576.43 8.898a1.62 1.62 0 0 1 0-1.798c.45-.677 1.367-1.931 2.637-3.022C4.33 2.992 6.019 2 8 2ZM8 5.5a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5Z"})})}function qh(e){const s=e.replace("#",""),i=parseInt(s.substring(0,2),16)/255,n=parseInt(s.substring(2,4),16)/255,r=parseInt(s.substring(4,6),16)/255,l=a=>a<=.03928?a/12.92:((a+.055)/1.055)**2.4;return .2126*l(i)+.7152*l(n)+.0722*l(r)>.179}function Zh({ping:e}){const s=e.Icon;return t.jsx("span",{className:"flex shrink-0 items-center justify-center rounded-[calc(0.4375*var(--u))]",style:{width:"calc(1.875*var(--u))",height:"calc(1.875*var(--u))",backgroundColor:e.color},children:t.jsx(s,{strokeWidth:2.25,style:{width:"calc(1.0625*var(--u))",height:"calc(1.0625*var(--u))",color:qh(e.color)?"rgba(0,0,0,0.75)":"var(--text-primary)"},"aria-hidden":!0})})}function Yh({kind:e,prState:s}){const i=ii[e],n=i.lucide,r={width:"calc(1.25*var(--u))",height:"calc(1.25*var(--u))"},l=e==="pr"&&s!=="merged",a=l?"#48d597":i.fg,c=l?"rgba(72,213,151,0.16)":i.bg;return t.jsx("span",{className:"flex shrink-0 items-center justify-center rounded-[calc(0.625*var(--u))]",style:{width:"calc(2.5*var(--u))",height:"calc(2.5*var(--u))",backgroundColor:c,color:a},children:e==="pr"?l?t.jsx(ya,{style:r,"aria-hidden":!0}):t.jsx(zs,{size:"calc(1.25*var(--u))",color:a}):n?t.jsx(n,{style:r,"aria-hidden":!0}):t.jsx(zs,{size:"calc(1.25*var(--u))",color:a})})}function Xh({color:e}){return t.jsx("span",{className:"inbox-spin inline-block rounded-full align-[-0.1em]",style:{width:"calc(0.8125*var(--u))",height:"calc(0.8125*var(--u))",border:"calc(0.125*var(--u)) solid rgba(255,255,255,0.16)",borderTopColor:e}})}const Kh=m.memo(function(){return t.jsxs("div",{className:"mt-[calc(0.5625*var(--u))] rounded-[calc(0.5*var(--u))] px-[calc(0.875*var(--u))] py-[calc(0.75*var(--u))]",style:{backgroundColor:"rgba(255,255,255,0.035)"},children:[t.jsx("div",{className:"text-[calc(0.9375*var(--u))] font-semibold leading-[1.3em] text-text-primary",children:"Checkout redesign"}),t.jsx("p",{className:"mt-[calc(0.25*var(--u))] text-[calc(0.6875*var(--u))] leading-[1.5em] text-text-secondary",children:"Cut payment drop-off with a one-tap flow and guest checkout."}),t.jsx("div",{className:"mt-[calc(0.5625*var(--u))] text-[calc(0.75*var(--u))] font-semibold leading-none text-text-primary",children:"Goals"}),t.jsx("ul",{className:"mt-[calc(0.3125*var(--u))] flex flex-col gap-[calc(0.25*var(--u))]",children:["One-tap Apple Pay","Guest checkout, no account","Remember cards for returning users"].map(s=>t.jsxs("li",{className:"flex items-start gap-[calc(0.4375*var(--u))] text-[calc(0.6875*var(--u))] leading-[1.4em] text-text-secondary",children:[t.jsx("span",{className:"mt-[calc(0.4375*var(--u))] h-[calc(0.1875*var(--u))] w-[calc(0.1875*var(--u))] shrink-0 rounded-full",style:{backgroundColor:"var(--text-tertiary)"}}),s]},s))})]})});function de({w:e,c:s}){return t.jsx("div",{className:"h-[calc(0.25*var(--u))] rounded-full",style:{width:e,backgroundColor:s}})}const He="#3f3f46",jn="#a1a1aa",qe="#ededf0";function kn({variant:e}){return t.jsxs("div",{className:"flex w-[calc(6.25*var(--u))] flex-col overflow-hidden",style:{backgroundColor:"#ffffff"},children:[t.jsxs("div",{className:"flex items-center justify-between px-[calc(0.5625*var(--u))] py-[calc(0.5*var(--u))]",style:{borderBottom:`1px solid ${qe}`},children:[t.jsx(de,{w:"calc(2*var(--u))",c:He}

687),t.jsx("div",{className:"h-[calc(0.625*var(--u))] w-[calc(0.625*var(--u))] rounded-full",style:{backgroundColor:qe}})]}),e==="cart"?t.jsxs("div",{className:"flex flex-1 flex-col gap-[calc(0.4375*var(--u))] px-[calc(0.5625*var(--u))] py-[calc(0.5*var(--u))]",children:[[0,1].map(s=>t.jsxs("div",{className:"flex items-center gap-[calc(0.4375*var(--u))]",children:[t.jsx("div",{className:"h-[calc(1.375*var(--u))] w-[calc(1.375*var(--u))] shrink-0 rounded-[calc(0.3125*var(--u))]",style:{backgroundColor:qe}}),t.jsxs("div",{className:"flex flex-1 flex-col gap-[calc(0.25*var(--u))]",children:[t.jsx(de,{w:"78%",c:He}),t.jsx(de,{w:"46%",c:jn})]}),t.jsx(de,{w:"calc(1*var(--u))",c:He})]},s)),t.jsx("div",{className:"mt-[calc(0.125*var(--u))] h-px w-full",style:{backgroundColor:qe}}),t.jsxs("div",{className:"flex items-center justify-between",children:[t.jsx(de,{w:"calc(1.375*var(--u))",c:He}),t.jsx(de,{w:"calc(1.125*var(--u))",c:He})]})]}):t.jsxs("div",{className:"flex flex-1 flex-col gap-[calc(0.4375*var(--u))] px-[calc(0.5625*var(--u))] py-[calc(0.5*var(--u))]",children:[t.jsxs("div",{className:"flex items-center gap-[calc(0.375*var(--u))] rounded-[calc(0.3125*var(--u))] px-[calc(0.375*var(--u))]",style:{height:"calc(1.375*var(--u))",border:`1px solid ${qe}`},children:[t.jsx("div",{className:"h-[calc(0.625*var(--u))] w-[calc(0.9375*var(--u))] shrink-0 rounded-[calc(0.125*var(--u))]",style:{backgroundColor:"#dcdce0"}}),t.jsx(de,{w:"55%",c:jn})]}),t.jsx("div",{className:"flex items-center justify-center rounded-[calc(0.3125*var(--u))]",style:{height:"calc(1.375*var(--u))",backgroundColor:"#000000"},children:t.jsx(de,{w:"42%",c:"rgba(255,255,255,0.9)"})})]}),t.jsx("div",{className:"px-[calc(0.5625*var(--u))] pb-[calc(0.5625*var(--u))]",children:t.jsx("div",{className:"flex items-center justify-center rounded-[calc(0.3125*var(--u))]",style:{height:"calc(1.375*var(--u))",backgroundColor:"#18181b"},children:t.jsx(de,{w:"46%",c:"rgba(255,255,255,0.9)"})})})]})}function wn({label:e,children:s}){return t.jsxs("div",{className:"flex flex-col items-start gap-[calc(0.375*var(--u))]",children:[t.jsx("span",{className:"text-[calc(0.625*var(--u))] leading-none text-text-tertiary",style:rr,children:e}),t.jsx("div",{className:"overflow-hidden rounded-[calc(0.5*var(--u))]",style:{boxShadow:"0 calc(0.375*var(--u)) calc(1*var(--u)) rgba(0,0,0,0.45)"},children:s})]})}const Jh=m.memo(function(){return t.jsxs("div",{className:"mt-[calc(0.5625*var(--u))] flex items-center justify-center gap-[calc(0.75*var(--u))] overflow-hidden rounded-[calc(0.5*var(--u))] px-[calc(0.875*var(--u))] py-[calc(0.875*var(--u))]",style:{backgroundColor:"rgba(0,0,0,0.22)",border:"1px solid rgba(255,255,255,0.05)"},children:[t.jsx(wn,{label:"Cart",children:t.jsx(kn,{variant:"cart"})}),t.jsx("div",{className:"mt-[calc(0.75*var(--u))] h-[calc(0.1875*var(--u))] w-[calc(1*var(--u))] shrink-0 rounded-full",style:{backgroundColor:"rgba(255,255,255,0.25)"}}),t.jsx(wn,{label:"Payment",children:t.jsx(kn,{variant:"pay"})})]})});function Qh({size:e,color:s}){return t.jsx("svg",{viewBox:"0 0 16 16",width:e,height:e,fill:"none","aria-hidden":!0,children:t.jsx("circle",{cx:"8",cy:"8",r:"7",stroke:s,strokeWidth:"1.5",strokeDasharray:"2.2 2.2"})})}function ep({size:e}){const s="var(--text-primary)";return t.jsxs("svg",{viewBox:"0 0 16 16",width:e,height:e,fill:"none","aria-hidden":!0,children:[t.jsx("rect",{x:"2",y:"10",width:"3",height:"4",rx:"1",fill:s}),t.jsx("rect",{x:"6.5",y:"6",width:"3",height:"8",rx:"1",fill:s}),t.jsx("rect",{x:"11",y:"2",width:"3",height:"12",rx:"1",fill:s})]})}function tp({size:e,color:s}){return t.jsxs("svg",{viewBox:"-1 -1 18 18",width:e,height:e,fill:"none","aria-hidden":!0,children:[t.jsx("rect",{x:"1.64",y:"1.64",width:"12.73",height:"12.73",rx:"4",transform:"rotate(45 8 8)",stroke:s,strokeWidth:"1.2"}),t.jsx("line",{x1:"8",y1:"5",x2:"8",y2:"11",stroke:s,strokeWidth:"1.2",strokeLinecap:"round"}),t.jsx("line",{x1:"5",y1:"8",x2:"11",y2:"8",stroke:s,strokeWidth:"1.2",strokeLinecap:"round"})]})}function ks({children:e}

687){return t.jsx("span",{className:"flex h-[calc(1.125*var(--u))] shrink-0 items-center justify-center rounded-[calc(0.25*var(--u))] px-[calc(0.3125*var(--u))]",style:{border:"calc(0.03125*var(--u)) solid rgba(255,255,255,0.12)"},children:e})}function sp({ping:e}){return t.jsxs("div",{className:"mt-[calc(0.5*var(--u))] rounded-[calc(0.625*var(--u))] p-[calc(0.75*var(--u))]",style:{backgroundColor:"var(--surface-container)",outline:"calc(0.03125*var(--u)) solid rgba(255,255,255,0.08)"},children:[t.jsxs("div",{className:"mb-[calc(0.375*var(--u))] flex items-center gap-[calc(0.375*var(--u))]",children:[t.jsx("span",{className:"flex shrink-0 items-center justify-center rounded-[calc(0.375*var(--u))]",style:{width:"calc(1.25*var(--u))",height:"calc(1.25*var(--u))",backgroundColor:"rgba(255,223,135,0.16)",color:"#ffdf87"},children:t.jsx(aa,{style:{width:"calc(0.8125*var(--u))",height:"calc(0.8125*var(--u))"},"aria-hidden":!0})}),t.jsxs("span",{className:"text-[calc(0.6875*var(--u))] font-medium leading-none text-text-secondary",children:["HAV-",e.id]}),t.jsx("span",{className:"text-[calc(0.6875*var(--u))] leading-none text-text-tertiary",children:"Jul 21"}),t.jsx("span",{className:"ml-auto shrink-0 rounded-full",style:{width:"calc(1*var(--u))",height:"calc(1*var(--u))",border:"calc(0.0625*var(--u)) dashed rgba(255,255,255,0.24)"},"aria-hidden":!0})]}),t.jsxs("div",{className:"mb-[calc(0.5*var(--u))] flex items-start gap-[calc(0.375*var(--u))]",children:[t.jsx("span",{className:"mt-[calc(0.0625*var(--u))] shrink-0",children:t.jsx(Qh,{size:"calc(1*var(--u))",color:"#8f8f98"})}),t.jsx("p",{className:"text-[calc(0.8125*var(--u))] font-medium leading-[1.25em] text-text-primary",children:e.title})]}),t.jsxs("div",{className:"mb-[calc(0.5*var(--u))] flex items-center gap-[calc(0.375*var(--u))]",children:[t.jsx(ks,{children:t.jsx(ep,{size:"calc(0.875*var(--u))"})}),t.jsx(ks,{children:t.jsx(tp,{size:"calc(0.875*var(--u))",color:"#33cd88"})}),t.jsx(ks,{children:t.jsx("span",{className:"text-[calc(0.6875*var(--u))] leading-none text-text-tertiary",children:"â"})})]}),t.jsx("div",{className:"flex items-center gap-[calc(0.375*var(--u))]",children:t.jsx("span",{className:"inline-flex items-center rounded-[calc(0.25*var(--u))] px-[calc(0.375*var(--u))] py-[calc(0.125*var(--u))] text-[calc(0.625*var(--u))] font-medium leading-none",style:{backgroundColor:"rgba(52,191,253,0.16)",color:"#7cd2fb"},children:"payments"})})]})}function ip({size:e,color:s}){return t.jsx("svg",{viewBox:"0 0 16 16",width:e,height:e,fill:s,"aria-hidden":!0,children:t.jsx("path",{d:"M13.78 4.22a.75.75 0 0 1 0 1.06l-7.25 7.25a.75.75 0 0 1-1.06 0L2.22 9.28a.751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018L6 10.94l6.72-6.72a.75.75 0 0 1 1.06 0Z"})})}function np({ping:e,prState:s}){const i="flex shrink-0 items-center gap-[calc(0.3125*var(--u))] text-[calc(0.6875*var(--u))] font-medium leading-none whitespace-nowrap",n="calc(0.8125*var(--u))";if(e.kind!=="pr"){const r=ii[e.kind].fg,l=e.kind==="issue"?"Opened":"Created";return t.jsxs("span",{className:i,style:{color:r},children:[t.jsx(ip,{size:n,color:r}),l]})}return s==="review"?t.jsxs("span",{className:i,style:{color:bs},children:[t.jsx(Hh,{size:n,color:bs}),"Review"]}):s==="merging"?t.jsxs("span",{className:`${i} text-text-tertiary`,children:[t.jsx(Xh,{color:bs}),"Mergingâ¦"]}):t.jsxs("span",{className:i,style:{color:vn},children:[t.jsx(zs,{size:n,color:vn}),"Merged"]})}function ap({size:e}){return t.jsxs("svg",{viewBox:"0 0 122.8 122.8",width:e,height:e,"aria-hidden":!0,children:[t.jsx("path",{d:"M27.2 80c0 7.3-5.9 13.2-13.2 13.2C6.7 93.2.8 87.3.8 80c0-7.3 5.9-13.2 13.2-13.2h13.2V80zm6.6 0c0-7.3 5.9-13.2 13.2-13.2 7.3 0 13.2 5.9 13.2 13.2v33c0 7.3-5.9 13.2-13.2 13.2-7.3 0-13.2-5.9-13.2-13.2V80z",fill:"#E01E5A"}),t.jsx("path",{d:"M47 27.2c-7.3 0-13.2-5.9-13.2-13.2C33.8 6.7 39.7.8 47 .8c7.3 0 13.2 5.9 13.2 13.2v13.2H47zm0 6.6c7.3 0 13.2 5.9 13.2 13.2 0 7.3-5.9 13.2-13.2 13.2H13.9C6.6 60.2.7 54.3.7 47c0-7.3 5.9-13.2 13.2-13.2H47z",fill:"#36C5F0"}),t.jsx("path",{d:"M95.6 47c0-7.3 5.9-13.2 13.2-13.2 7.3 0 13.2 5.9 13.2 13.2 0 7.3-5.9 13.2-13.2 13.2H95.6V47zm-6.6 0c0 7.3-5.9 13.2-13.2 13.2-7.3 0-13.2-5.9-13.2-13.2V13.9C62.6 6.6 68.5.7 75.8.7c7.3 0 13.2 5.9 13.2 13.2V47z",fill:"#2EB67D"}),t.jsx("path",{d:"M75.8 95.6c7.3 0 13.2 5.9 13.2 13.2 0 7.3-5.9 13.2-13.2 13.2-7.3 0-13.2-5.9-13.2-13.2V95.6h13.2zm0-6.6c-7.3 0-13.2-5.9-13.2-13.2 0-7.3 5.9-13.2 13.2-13.2h33.1c7.3 0 13.2 5.9 13.2 13.2 0 7.3-5.9 13.2-13.2 13.2H75.8z",fill:"#ECB22E"})]})}function rp({size:e}){return t.jsx("svg",{viewBox:"0 0 24 24",width:e,height:e,"aria-hidden":!0,

687children:t.jsx("path",{fill:"#e6edf3",d:"M12 0C5.37 0 0 5.37 0 12c0 5.3 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61-.546-1.385-1.335-1.755-1.335-1.755-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.605-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 21.795 24 17.295 24 12c0-6.63-5.37-12-12-12z"})})}function op({via:e}){const s="flex shrink-0 items-center justify-center rounded-[calc(0.625*var(--u))]",i={width:"calc(2.5*var(--u))",height:"calc(2.5*var(--u))"};return e==="slack"?t.jsx("span",{className:`${s} bg-white`,style:i,children:t.jsx(ap,{size:"calc(1.375*var(--u))"})}):e==="github"?t.jsx("span",{className:s,style:{...i,backgroundColor:"rgba(255,255,255,0.08)"},children:t.jsx(rp,{size:"calc(1.375*var(--u))"})}):t.jsx("span",{className:s,style:{...i,backgroundColor:"rgba(255,223,135,0.16)",color:"#ffdf87"},children:t.jsx(Sa,{style:{width:"calc(1.25*var(--u))",height:"calc(1.25*var(--u))"},"aria-hidden":!0})})}function lp({source:e}){return t.jsxs("div",{className:"flex items-center gap-[calc(0.625*var(--u))]",children:[t.jsx(op,{via:e.via}),t.jsxs("div",{className:"min-w-0 flex-1",children:[t.jsxs("div",{className:"flex items-baseline gap-[calc(0.375*var(--u))]",children:[t.jsx("span",{className:"text-[calc(0.8125*var(--u))] font-medium leading-none text-text-primary",children:e.title}),t.jsx("span",{className:"text-[calc(0.6875*var(--u))] leading-none text-text-tertiary",style:rr,children:e.sub})]}),t.jsx("div",{className:"mt-[calc(0.25*var(--u))] truncate text-[calc(0.75*var(--u))] leading-[1.35em] text-text-secondary",children:e.message})]}),t.jsxs("span",{className:"flex shrink-0 items-center gap-[calc(0.3125*var(--u))] text-[calc(0.6875*var(--u))] font-medium leading-none",style:{color:"#ff898c"},children:[t.jsx(Wt,{style:{width:"calc(0.8125*var(--u))",height:"calc(0.8125*var(--u))"}}),"Triggered"]})]})}const cp=m.memo(function({ping:s,prState:i="merged",showAsk:n=!1}){const r=s.kind==="pr"?`Pull request Â· #${s.id}`:s.kind==="issue"?`Issue Â· HAV-${s.id}`:ii[s.kind].label;return t.jsxs("div",{"data-feature-anim":!0,className:"flex items-start gap-[calc(0.6875*var(--u))]",style:{animation:`inbox-notif-in 520ms ${Us} both`},children:[t.jsx(Zh,{ping:s}),t.jsxs("div",{className:"min-w-0 flex-1",children:[t.jsx("span",{className:"text-[calc(0.8125*var(--u))] font-semibold leading-none text-text-primary",children:s.agent}),t.jsx("p",{className:"mt-[calc(0.3125*var(--u))] text-[calc(0.75*var(--u))] leading-[1.45em] text-text-secondary",children:s.blurb}),s.kind==="issue"?t.jsx(sp,{ping:s}):t.jsx("div",{className:"mt-[calc(0.5*var(--u))] rounded-[calc(0.625*var(--u))] px-[calc(0.6875*var(--u))] py-[calc(0.625*var(--u))]",style:{backgroundColor:"var(--surface-container)"},children:s.kind==="trigger"&&s.source?t.jsx(lp,{source:s.source}):t.jsxs(t.Fragment,{children:[t.jsxs("div",{className:"flex items-center gap-[calc(0.625*var(--u))]",children:[t.jsx(Yh,{kind:s.kind,prState:i}),t.jsxs("div",{className:"min-w-0 flex-1",children:[t.jsx("div",{className:"truncate text-[calc(0.8125*var(--u))] leading-[1.35em] text-text-primary",children:s.title}),t.jsx("div",{className:"mt-[calc(0.1875*var(--u))] truncate font-sans text-[calc(0.6875*var(--u))] leading-none text-text-tertiary",children:r})]}),t.jsx(np,{ping:s,prState:i})]}),s.kind==="doc"&&t.jsx(Kh,{}),s.kind==="canvas"&&t.jsx(Jh,{})]})}),s.review&&n&&t.jsx("div",{className:"mt-[calc(0.5*var(--u))] flex justify-start",children:t.jsxs("div",{"data-feature-anim":!0,className:"max-w-[80%] rounded-[calc(0.625*var(--u))] rounded-tl-[calc(0.25*var(--u))] px-[calc(1*var(--u))] py-[calc(0.6875*var(--u))] text-[calc(0.9375*var(--u))] leading-[1.4em] text-text-primary",style:{backgroundColor:"var(--surface-container)",animation:`inbox-msg-in 460ms ${Us} both`}

687,children:[t.jsx("span",{className:"rounded-[calc(0.3125*var(--u))] px-[calc(0.25*var(--u))] font-medium",style:{backgroundColor:"rgba(155,59,246,0.22)",color:"#e6cefc"},children:"@Affan"})," ","I need you to approve this before I can merge ð"]})})]})]})}),dp=m.memo(function(){return t.jsxs("div",{"data-feature-anim":!0,className:"flex items-start justify-end gap-[calc(0.5625*var(--u))]",style:{animation:`inbox-msg-in 460ms ${Us} both`},children:[t.jsx("div",{className:"max-w-[80%] rounded-[calc(0.625*var(--u))] rounded-tr-[calc(0.25*var(--u))] px-[calc(1*var(--u))] py-[calc(0.6875*var(--u))] text-[calc(0.9375*var(--u))] leading-[1.4em] text-text-primary",style:{backgroundColor:"var(--surface-container)"},children:"yeah, approve. lgtm ð"}),t.jsx("span",{className:"mt-[calc(0.1875*var(--u))] flex shrink-0 items-center justify-center rounded-full text-[calc(0.6875*var(--u))] font-semibold leading-none",style:{width:"calc(1.875*var(--u))",height:"calc(1.875*var(--u))",backgroundColor:"#34bffd",color:"rgba(0,0,0,0.75)"},children:"AZ"})]})});function hp({entries:e,visible:s}){const i=m.useRef(null),[n,r]=m.useState(!1),l=e.length;return m.useEffect(()=>{const a=i.current;a&&(a.scrollTo({top:a.scrollHeight,behavior:"smooth"}),r(a.scrollHeight-a.clientHeight>4))},[l,e]),t.jsxs("div",{className:"relative flex h-full min-h-0 flex-col overflow-hidden rounded-[calc(0.75*var(--u))]",style:{backgroundColor:Ph},"data-inbox-paused":s?void 0:"",children:[t.jsx("div",{ref:i,className:"flex min-h-0 flex-1 flex-col gap-[calc(0.875*var(--u))] overflow-hidden px-[calc(1.25*var(--u))] py-[calc(1.25*var(--u))]",children:e.map(a=>a.type==="approve"?t.jsx(dp,{},a.key):t.jsx(cp,{ping:a.ping,prState:a.prState,showAsk:a.showAsk},a.key))}),t.jsx("div",{"aria-hidden":!0,className:"pointer-events-none absolute inset-x-0 top-0 h-[calc(3*var(--u))]",style:{opacity:n?1:0,transition:`opacity 400ms ${or}`,background:"linear-gradient(to bottom, var(--surface-container-low) 0%, transparent 100%)",backdropFilter:"blur(calc(0.1875*var(--u)))",WebkitBackdropFilter:"blur(calc(0.1875*var(--u)))",WebkitMaskImage:"linear-gradient(to bottom, #000 0, #000 45%, transparent 100%)",maskImage:"linear-gradient(to bottom, #000 0, #000 45%, transparent 100%)"}})]})}function pp(){const[e,s,i]=sa(),n=Wh(s,i);return t.jsx("div",{ref:e,className:"relative w-full",style:{aspectRatio:Mh,containerType:"inline-size"},children:t.jsx("div",{className:"feature-em-cascade absolute inset-0",style:{...Dr(Th),opacity:s?1:0,transition:`opacity 700ms ${or}`},children:t.jsx(hp,{entries:n,visible:i})})})}const ws=[Co,Ks,Wt,va,xa,ja,ia,ga,na,ka,Sa,Ro,Yo,ml,Fo,Oo,Tl,wa,Nl],_s=["#ff9799","#ffd977","#74caff","#88ddb2","#d7b3fb"],At=680,Rt=900;function _n(e){return e[Math.floor(Math.random()*e.length)]}function Sn(e,s){const i=[...e],n=[];for(let r=0;r<s;r++)i.length===0&&i.push(...e),n.push(i.splice(Math.floor(Math.random()*i.length),1)[0]);return n}const kt=4;function up({Icon:e,color:s,out:i}){return t.jsx("span",{className:"flex h-8 w-8 items-center justify-center md:h-9 md:w-9",style:{transformOrigin:"center",transform:i?"scale(0.34)":"scale(1)",filter:i?"blur(11px)":"blur(0px)",opacity:i?.12:1,transition:i?`transform ${At}ms cubic-bezier(.55,0,.85,.3), filter ${At}ms linear, opacity ${Math.round(At*.8)}ms linear`:`transform ${Rt}ms cubic-bezier(.2,1.35,.35,1), filter ${Rt}ms ease-out, opacity ${Math.round(Rt*.55)}ms ease-out`,willChange:"transform, filter, opacity"},children:t.jsx(e,{className:"h-[17px] w-[17px] md:h-[19px] md:w-[19px]",strokeWidth:2.1,style:{color:s,opacity:.7},"aria-hidden":!0})})}function fp(){const[e,,s]=sa(),[i,n]=m.useState(()=>{const a=Sn(_s,kt),c=Sn(ws,kt);return a.map((o,d)=>({Icon:c[d],color:o}))}),[r,l]=m.useState(null);return m.useEffect(()=>{if(!s||ta())return;let a=!1,c=-1;const o=[],d=(p,u)=>o.push(window.setTimeout(p,u)),h=()=>{let p=Math.floor(Math.random()*kt);for(;p===c;)p=Math.floor(Math.random()*kt);c=p,l(p),d(()=>{a||(n(u=>{const f=new Set(u.filter((b,v)=>v!==p).map(b=>b.color)),x=new Set(u.filter((b,v)=>v!==p).map(b=>b.Icon)),g=_s.filter(b=>!f.has(b)),y=ws.filter(b=>!x.has(b)),j=[...u];return j[p]={Icon:_n(y.length?y:ws),color:_n(g.length?g:_s)},j}

687),l(null),d(h,Rt+1600+Math.random()*2400))},At)};return d(h,900+Math.random()*900),()=>{a=!0;for(const p of o)window.clearTimeout(p)}},[s]),t.jsx("div",{ref:e,className:"mb-5 flex items-center gap-3.5","aria-hidden":!0,children:i.map((a,c)=>t.jsx(up,{Icon:a.Icon,color:a.color,out:r===c},c))})}function mp(){return t.jsxs("section",{id:"working-with-agents","aria-label":"Run hundreds of agents that prompt you",className:"relative w-full px-6 py-14 md:py-20",children:[t.jsx("style",{children:`
688        @keyframes inbox-msg-in {
689          from { opacity: 0; transform: translate3d(0, 0.9em, 0); }
690          60%  { opacity: 1; }
691          to   { opacity: 1; transform: translate3d(0, 0, 0); }
692        }
693        @keyframes inbox-notif-in {
694          from { opacity: 0; transform: translate3d(0, 0.9em, 0); }
695          60%  { opacity: 1; }
696          to   { opacity: 1; transform: translate3d(0, 0, 0); }
697        }
698        @keyframes inbox-spin { to { transform: rotate(360deg); } }
699        .inbox-spin { animation: inbox-spin 0.7s linear infinite; }
700        [data-inbox-paused] .inbox-spin { animation-play-state: paused !important; }
701        @media (prefers-reduced-motion: reduce) {
702          [data-feature-anim] { animation: none !important; opacity: 1 !important; transform: none !important; }
703        }
704      `}),t.jsxs("div",{className:"mx-auto grid w-full max-w-[1280px] grid-cols-1 items-center gap-12 md:grid-cols-[minmax(0,696fr)_minmax(0,520fr)] md:gap-16",children:[t.jsxs(Es,{className:"md:order-2",children:[t.jsx(fp,{}),t.jsxs("h2",{className:"text-[32px] font-medium leading-[38px] tracking-[-0.02em] text-text-primary md:text-[40px] md:leading-[46px]",children:["Run hundreds ofÂ agents that prompt"," ",t.jsx("span",{className:"italic",children:"you"}),"."]}),t.jsxs("p",{className:"mt-6 max-w-[520px] text-pretty text-[16px] leading-[26px] text-text-secondary md:text-[17px] md:leading-[28px]",children:["Most teams run two or three agents at a time, driving each by hand. Tempo makes the switch to hundreds running in the background, and the attention inverts."," ",t.jsx("span",{className:"text-text-primary",children:"Instead of you prompting the agents, they ping you when they need a decision."})]}),t.jsx("div",{className:"mt-8",children:t.jsx("a",{href:"https://docs.tempo.new/product/agents",target:"_blank",rel:"noreferrer",className:"inline-flex",children:t.jsx(No,{variant:"secondary",size:"lg",className:"h-10 rounded-[6px] border border-text-primary/25 bg-transparent px-5 text-text-primary hover:bg-text-primary/5",children:"Read the docs"})})})]}),t.jsx("div",{className:"mx-auto w-full max-w-[520px] md:order-1 md:mx-0 md:mr-auto",children:t.jsx(pp,{})})]})]})}const xp="clamp(13px, 5.2cqw, 16px)",Et=190,ve=8,$t=129,lr=$t+ve,N=e=>`calc(${e/16}*var(--u))`,gp=Date.now(),yp=1440*60*1e3;function R(e,s,i,n){return{id:e,title:s,createdAt:new Date(gp-i*yp).toISOString(),type:"feature",status:"triage",priority:"medium",stage:"inbox",assigneeId:null,labels:["platform"],estimate:2,...n}}const se=[{crew:"agenty",row:1,start:6,home:[140,-15],walk:7,carry:12,press:.88,hold:1.05,breath:4300,pop:[0,4]},{crew:"tickety",row:0,start:30,home:[96,-52],walk:6,carry:13,press:.9,hold:1.06,breath:5700,pop:[0,4]},{crew:"papery",row:0,start:54,home:[-2,280],walk:8,carry:11.5,press:.87,hold:1.045,breath:6900,pop:[52,56]}],tt=[R("T-247","Slack threads come in with a link back",2,{labels:["feedback"],estimate:3}),R("T-249","Board filters should survive a reload",1,{type:"bug",priority:"high",labels:["platform"]}),R("T-244","Empty states for the docs sidebar",2,{labels:["feedback","hero"]})],Ss=40,vp=30,bp=1.1,jp=1.3,Nn=86,Cn=98,kp=.4,wp=.3;function ni(e){const s=e.walk,i=s+bp,n=i+jp,r=n+e.carry;return{grab:s,down:i,up:n,apex:n+e.carry*kp,arrive:r-e.carry*wp,land:r,slotOpen:n,slotSet:n+3.5,walkBack:r+.6,homeAt:r+7}}const Bn=17e3,_p=.99,ai=1,cr=Et+ve,An="cubic-bezier(0.45, 0.05, 0.3, 1)",Rn="cubic-bezier(0.28, 0.3, 0.24, 1)",Sp="cubic-bezier(0.4, 0.04, 0.3, 1)",Np="cubic-bezier(0.24, 0.34, 0.28, 1)",dr="cubic-bezier(0.42, 0.03, 0.24, 1)",Lt="cubic-bezier(0.12, 0.72, 0.36, 1)",hr="cubic-bezier(0.42, 0, 0.24, 1)",pr="cubic-bezier(0.3, 0, 0.1, 1)",Fe="cubic-bezier(0.36, 0.03,

7040.2, 1)",Cp="0 14px 30px rgba(0, 0, 0, 0.55), 0 0 0 1px rgba(205, 157, 250, 0.45)",Ze="0 0 0 0 rgba(0, 0, 0, 0)",Bp=e=>Math.round(e*1e3)/1e3,be=(e,s)=>`@keyframes ${e} {
705${s.map(([i,n])=>`  ${(Array.isArray(i)?i:[i]).map(r=>`${Bp(r)}%`).join(", ")} { ${n} }`).join(`
706`)}
707}`,Le=(e,s)=>`transform: translate3d(${N(e)}, 0, 0);${s?` animation-timing-function: ${s};`:""}`,ne=(e,s)=>`transform: translate3d(0, ${N(e)}, 0);${s?` animation-timing-function: ${s};`:""}`,ur=-9;function Ap(e,s){const i=ni(s),[n,r]=s.home,l=(ai-s.row)*lr;return[be(`bz-ax-${e}`,[[[0,s.start],Le(n,An)],[[s.start+i.grab,s.start+i.up],Le(0,dr)],[[s.start+i.land,s.start+i.walkBack],Le(cr,Sp)],[[s.start+i.homeAt,100],Le(n,An)]]),be(`bz-ay-${e}`,[[[0,s.start],ne(r,Rn)],[[s.start+i.grab,s.start+i.down],ne(0,Lt)],[s.start+i.up,ne(ur,Lt)],[s.start+i.apex,ne(-24,hr)],[[s.start+i.land,s.start+i.walkBack],ne(l,Np)],[[s.start+i.homeAt,100],ne(r,Rn)]]),be(`bz-as-${e}`,[[[0,s.start+i.grab],`transform: scale(1); animation-timing-function: ${pr};`],[s.start+i.down,`transform: scale(${s.press});`],[[s.start+i.up,s.start+i.arrive],`transform: scale(${s.hold}); animation-timing-function: ${Fe};`],[[s.start+i.land,100],"transform: scale(1);"]])].join(`
708`)}function Rp(e,s){const i=ni(s),[n,r]=s.pop,l=(ai-s.row)*lr,a=s.start+i.land,c=d=>`scale(${d}) rotate(0deg)`;return[be(`bz-cx-${e}`,[[[0,s.start+i.up],Le(0,dr)],[[a,100],Le(cr)]]),be(`bz-cy-${e}`,[[[0,s.start+i.down],ne(0,Lt)],[s.start+i.up,ne(ur,Lt)],[s.start+i.apex,ne(-24,hr)],[[a,100],ne(l)]]),be(`bz-cf-${e}`,[[n,`opacity: 0; transform: ${c(.93)}; box-shadow: ${Ze}; animation-timing-function: ${Fe};`],...n>0?[[0,`opacity: 0; transform: ${c(.93)};`]]:[],[n+(r-n)*.55,`opacity: 1; transform: ${c(1.015)}; box-shadow: ${Ze};`],[[r,s.start+i.grab],`opacity: 1; transform: ${c(1)}; box-shadow: ${Ze}; animation-timing-function: ${pr};`],[s.start+i.down,`opacity: 1; transform: ${c(.985)};`],[[s.start+i.up,s.start+i.arrive],`opacity: 1; transform: scale(1.035) rotate(-2.4deg); box-shadow: ${Cp}; animation-timing-function: ${Fe};`],[a-.01,`opacity: 1; transform: ${c(1)}; box-shadow: ${Ze};`],[[a,100],`opacity: 0; transform: ${c(1)}; box-shadow: ${Ze};`]])].join(`
709`)}function Tp(e,s){const i=ni(s),n=s.start+i.land,r=`height: 0; margin-bottom: ${N(-ve)};`,l=`height: ${N($t)}; margin-bottom: 0;`;return[be(`bz-slot-${e}`,[[[0,s.start+i.slotOpen],`${r} animation-timing-function: ${Fe};`],[[s.start+i.slotSet,Nn],`${l} animation-timing-function: ${Fe};`],[[Cn,100],r]]),be(`bz-land-${e}`,[[[0,n-.01],"opacity: 0; transform: translate3d(0, 0, 0);"],[[n,Nn],`opacity: 1; transform: translate3d(0, 0, 0); animation-timing-function: ${Fe};`],[[Cn,100],`opacity: 1; transform: translate3d(0, ${N(-$t)}, 0);`]])].join(`
710`)}const Mp=`
711.bz-t {
712  animation-duration: ${Bn}ms;
713  animation-delay: ${-Bn*_p}ms;
714  animation-iteration-count: infinite;
715  animation-timing-function: linear;
716  animation-fill-mode: both;
717}
718.bz-cf { border-radius: ${N(8)}; }
719.bz-slot { overflow: hidden; }
720
721/* Breathing. Runs on its own clock, never a multiple of the cycle, so
722   the crew are never all still at the same moment. */
723@keyframes bz-breath {
724  0%, 100% { transform: translate3d(0, ${N(1.5)}, 0); }
725  50% { transform: translate3d(0, ${N(-2.5)}, 0); }
726}
727${se.map((e,s)=>`.bz-breath-${s} { animation: bz-breath ${e.breath}ms ease-in-out ${-e.breath*(.13+s*.29)}ms infinite; }`).join(`
728`)}
729
730${se.map((e,s)=>[`.bz-ax-${s} { animation-name: bz-ax-${s}; }`,`.bz-ay-${s} { animation-name: bz-ay-${s}; }`,`.bz-as-${s} { animation-name: bz-as-${s}; }`,`.bz-cx-${s} { animation-name: bz-cx-${s}; }`,`.bz-cy-${s} { animation-name: bz-cy-${s}; }`,`.bz-cf-${s} { animation-name: bz-cf-${s}; }`,`.bz-slot-${s} { animation-name: bz-slot-${s}; }`,`.bz-land-${s} { animation-name: bz-land-${s}; }`,Ap(s,e),Rp(s,e),Tp(s,e)].join(`
731`)).join(`
732`)}
733
734/* Offscreen: nothing repaints while the section is out of view â the
735   cards' own agent spinners included, hence the descendant selector. */
736[data-bz-paused] * { animation-play-state: paused !important; }
737
738/* No motion: a full backlog, the crew standing where they stand. */
739@media (prefers-reduced-motion: reduce) {
740  .bz-t, [class*="bz-breath-"] { animation: none; }
741  .bz-slot { height: 0; margin-bottom: ${N(-ve)}; }
742  .bz-land { opacity: 0; }
743${se.map((e,s)=>`  .bz-ax-${s} { transform: translate3d(${N(e.home[0])}, 0, 0); }
744  .bz-ay-${s} { transform: translate3d(0, ${N(e.home[1])}, 0); }${e.pop[0]>0?`
745  .bz-cf-${s} { display: none; }`:""}`).join(`
746`)}
747}
748`,Pp={id:"inbox",label:"To Do",color:"var(--graphite-500)",status:"triage"},Vs=[{id:"spec",label:"Spec",color:"var(--mustard-800)",status:"in-progress",cards:[R("T-241","Discovery flow v2 for search results",2,{status:"in-progress",priority:"high",assigneeId:"u-rk",labels:["feedback","hero"],estimate:5}),R("T-238","@-mentions and replies in doc comments",3,{status:"in-progress",assigneeId:"a-spec",labels:["feedback"]}),R("T-235","Filter chips wrap on narrow boards",4,{type:"bug",status:"in-progress",assigneeId:"u-js",labels:["platform"],estimate:1}),R("T-232","Saved views need a rename action",4,{type:"improvement",status:"in-progress",assigneeId:"a-spec",labels:["feedback"]})]},{id:"design",label:"Design",color:"var(--mustard-700)",status:"in-progress",cards:[R("T-236","Share sheet for the trip card",3,{status:"in-progress",priority:"low",assigneeId:"u-js",labels:["hero"],estimate:1}),R("T-234","Compact density for the issues board",4,{type:"improvement",status:"in-progress",assigneeId:"a-design",labels:["platform"]}),R("T-231","Empty board state for new projects",5,{status:"in-progress",assigneeId:"u-rk",labels:["hero"]}),R("T-226","Colour ramp for the priority bars",5,{type:"improvement",status:"in-progress",assigneeId:"a-design",labels:["platform"],estimate:1})]},{id:"build",label:"Build",color:"var(--mustard-600)",status:"in-progress",cards:[R("T-230","Persist board filters across sessions",4,{type:"bug",status:"in-progress",assigneeId:"a-build",labels:["feedback"],estimate:1}),R("T-233","Inline diff view in the review panel",4,{status:"in-progress",assigneeId:"a-build",priority:"high",labels:["platform","perf"],estimate:3}),R("T-228","Agent run log needs a copy button",5,{type:"improvement",status:"in-progress",priority:"low",assigneeId:"a-build",labels:["feedback"]}),R("T-224","Drag a doc into the issue sidebar",6,{status:"in-progress",assigneeId:"u-az",labels:["platform"],estimate:2})]},{id:"review",label:"Review",color:"var(--lavender-500)",status:"in-review",cards:[R("T-227","Faster canvas thumbnails on cold load",5,{type:"improvement",status:"in-review",priority:"high",assigneeId:"u-js",labels:["perf"],estimate:3}),R("T-225","Retry a failed agent run from the inbox",6,{status:"in-review",assigneeId:"u-az",labels:["platform"]}),R("T-223","Draft comments survive a refresh",6,{type:"bug",status:"in-review",assigneeId:"u-rk",labels:["feedback"],estimate:1}),R("T-220","Board scroll position on tab return",7,{type:"bug",status:"in-review",assigneeId:"u-js",labels:["platform"],estimate:1})]},{id:"merged",label:"Merged",color:"var(--kiwi-600)",status:"done",cards:[R("T-221","Dark-mode contrast pass on the board",6,{type:"improvement",status:"done",assigneeId:"u-az",labels:["platform"]}),R("T-218","Keyboard nav across the kanban board",7,{type:"improvement",status:"done",priority:"low",assigneeId:"u-rk",labels:["feedback"],estimate:1}),R("T-214","Cache the workspace tree between launches",8,{status:"done",assigneeId:"u-js",labels:["perf"],estimate:2}),R("T-211","Warn before closing a dirty canvas",9,{type:"bug",status:"done",assigneeId:"u-az",labels:["platform"],estimate:1})]}],Ip=[{...Pp,count:se.filter(e=>e.pop[0]===0).length},...Vs.map(({cards:e,...s})=>({...s,count:e.length}))];function Tn({children:e}){return t.jsx("div",{className:"shrink-0 rounded-t-[calc(0.375*var(--u))] bg-surface-container-low",style:{width:N(Et),padding:N(6),minHeight:N(620)},children:t.jsx("div",{className:"flex flex-col",style:{gap:N(ve)},children:e})})}function Ep({beats:e}){return t.jsxs("div",{className:"relative",children:[e.map((s,i)=>t.jsx("div",{className:`bz-t bz-cx-${s} ${i>0?"absolute inset-x-0 top-0":"relative"}`,style:{zIndex:20},children:t.jsx("div",{className:`bz-t bz-cy-${s}`,children:t.jsx("div",{className:`bz-t bz-cf bz-cf-${s}`,children:t.jsx(Js,{card:tt[s],lookup:Qs})})})},tt[s].id)),e.map(s=>t.jsx("span",{className:`bz-t bz-ax-${s} absolute block`,style:{left:N(vp),top:N(($t-Ss)/2),width:N(Ss),height:N(Ss),zIndex:30},children:t.jsx("span",{className:`bz-t bz-ay-${s} block h-full w-full`,children:t.jsx("span",{className:`bz-breath-${s} block h-full w-full`,children:t.jsx("span",{className:`bz-t bz-as-${s} block h-full w-full rounded-full`,style:{boxShadow:`0 0 0 ${N(2)} #fff, 0 ${N(7)} ${N(18)} rgba(0, 0, 0, 0.55)`},children:t.jsx(To,{id:se[s].crew,style:{width:"100%",height:"100%"}})})})})},`crew-${tt[s].id}`))]})}function $p({i:e}){return t.jsx("div",{className:`bz-t bz-slot bz-slot-${e}`,children:t.jsx("div",{className:`bz-t bz-land bz-land-${e}`,children:t.jsx(Js,{card:tt[e],lookup:Qs})})})}function Ws({className:e,paused:s=!1}

748){const[i,n]=ma({rootMargin:"200px"}),r=[se.map((l,a)=>a).filter(l=>se[l].row===0),se.map((l,a)=>a).filter(l=>se[l].row===1)];return t.jsxs("div",{ref:i,"aria-hidden":"true",className:`pointer-events-none overflow-hidden rounded-lg bg-[var(--base-925)] ${e??""}`,style:{containerType:"inline-size","--u":xp},...n&&!s?{}:{"data-bz-paused":""},children:[t.jsx("style",{children:Mp}),t.jsxs("div",{className:"absolute left-0 top-0 flex flex-col",style:{paddingTop:N(10),width:N((Vs.length+1)*(Et+ve))},children:[t.jsx("div",{className:"flex items-center",style:{gap:N(ve)},children:Ip.map(({count:l,...a})=>t.jsx(Fr,{group:a,count:l,groupBy:"status",columnWidth:Et,icon:t.jsx(Xr,{kind:a.status,width:N(14),height:N(14),style:{color:a.color}})},a.id))}),t.jsxs("div",{className:"flex items-start",style:{gap:N(ve)},children:[t.jsx(Tn,{children:r.map(l=>t.jsx(Ep,{beats:l},tt[l[0]].id))}),Vs.map((l,a)=>t.jsx(Tn,{children:l.cards.map((c,o)=>t.jsxs(m.Fragment,{children:[a===0&&o===ai&&se.map((d,h)=>se.length-1-h).map(d=>t.jsx($p,{i:d},d)),t.jsx(Js,{card:c,lookup:Qs})]},c.id))},l.id))]})]})]})}const Mn="/graphics/design-slop",dt=737,pt=520,ut=[129.5,228.7],Ge=[365.4,364.5],Yt=[601,228.7],Lp=[128,380.8],fr=[365.5,516.7],Dp=[602.5,380.8],mr=e=>e.map(([s,i])=>`${s},${i}`).join(" "),Dt=(e,s)=>`${(e/s*100).toFixed(3)}%`,Fp=e=>`polygon(${e.map(([s,i])=>`${Dt(s,dt)} ${Dt(i,pt)}`).join(", ")})`,Oe=60,Ft=([e,s],i)=>[e,s+i],Pn=mr([ut,Ge,Ft(fr,Oe),Ft(Lp,Oe)]),In=mr([Ge,Yt,Ft(Dp,Oe),Ft(fr,Oe)]),En="M359.526 93.8169L136.691 222.785C128.659 227.434 128.718 239.049 136.796 243.617L359.63 369.619C363.295 371.691 367.778 371.691 371.443 369.619L594.278 243.617C602.356 239.049 602.414 227.434 594.382 222.785L371.548 93.8169C367.829 91.6649 363.244 91.6649 359.526 93.8169Z",Gp="M126.037 239.39C126.037 231.527 130.233 224.262 137.043 220.333L354.543 94.8702C361.347 90.9459 369.727 90.9459 376.53 94.8702L594.03 220.333C600.84 224.262 605.037 231.527 605.037 239.39",Op=`M126.037 239.39V${369.791+Oe}M605.037 239.39V${369.791+Oe}`,Up="M605.037 369.791C605.037 377.651 600.843 384.914 594.037 388.844L376.537 514.417C369.73 518.347 361.343 518.347 354.537 514.417L137.037 388.844C130.23 384.914 126.037 377.651 126.037 369.791",zp=Fp([[0,0],[dt,0],[dt,369.791],[605.037,369.791],[604.274,375.532],[602.09,380.792],[598.627,385.289],[594.037,388.844],[376.537,514.417],[365.537,517.364],[354.537,514.417],[137.037,388.844],[131.633,385.439],[128.985,380.792],[126.86,375.721],[126.037,369.791],[0,369.791]]),Ns="#222222",Cs=4,Vp=18,Wp=-24,wt=Dt(Vp,pt),Bs=Dt(Wp,pt),_t={top:"var(--base-800)",left:"var(--base-900)",right:"var(--base-925)"},As={top:"#ffffff",left:"#e9e9e9",right:"#dedede"},$n={tempo:"var(--base-500)",figma:"var(--base-300)"},xr=Math.hypot(Yt[0]-Ge[0],ut[1]-Ge[1]),Gt=(Yt[0]-Ge[0])/xr,Ot=(ut[1]-Ge[1])/xr,gr=90*Math.PI/180,Xt=Math.cos(gr),Kt=Math.sin(gr),Ln=Gt*Xt+Gt*Kt,Dn=Ot*Xt-Ot*Kt,Fn=-Gt*Kt+Gt*Xt,Gn=-Ot*Kt-Ot*Xt,Hp=190,qp=(ut[0]+Yt[0])/2,Zp=ut[1],Pe=Hp/100,On=`matrix(${Ln*Pe} ${Dn*Pe} ${Fn*Pe} ${Gn*Pe} ${qp-50*Pe*(Ln+Fn)} ${Zp-50*Pe*(Dn+Gn)})`,Yp="4900ms",Xp=.5,St="cubic-bezier(0.45, 0, 0.9, 0.45)",Nt="cubic-bezier(0.34, 1.4, 0.64, 1)",Kp="cubic-bezier(0.16, 1, 0.3, 1)",Jp=`
749.dsb-lid, .dsb-cursor, .dsb-phase {
750  animation-duration: ${Yp};
751  animation-delay: ${-4900*Xp}ms;
752  animation-iteration-count: infinite;
753  animation-timing-function: ${Kp};
754}
755.dsb-lid { animation-name: dsb-lid; }
756.dsb-cursor { animation-name: dsb-cursor; }
757.dsb-figma { animation-name: dsb-figma; }
758/* Resting state for the half the loop starts hidden, so nothing double-
759   stamps in the frame before the animation applies. It lives here rather
760   than inline on the element: an inline opacity would outrank the
761   reduced-motion rule below and leave the lid blank. */
762.dsb-tempo { animation-name: dsb-tempo; opacity: 0; }
763
764@keyframes dsb-lid {
765  0%, 17% { transform: translateY(0); animation-timing-function: ${St}; }
766  19%, 31% { transform: translateY(${wt}); animation-timing-function: ${Nt}; }
767  35%, 67% { transform: translateY(0); animation-timing-function: ${St}; }
768  69%, 81% { transform: translateY(${wt}); animation-timing-function: ${Nt}; }
769  85%, 100% { transform: translateY(0); }
770}
771
772/* The cursor rides the lid down on the press, so the box reads as being
773   pushed rather than happening to sink at the same moment. */
774@keyframes dsb-cursor {
775  0%, 6% { transform: translateY(${Bs}); }
776  17% { transform: translateY(0); animation-timing-function: ${St}; }
777  19%, 31% { transform: translateY(${wt}); animation-timing-function: ${Nt}; }
778  35% { transform: translateY(0); }
779  45%, 56% { transform: translateY(${Bs}); }
780  67% { transform: translateY(0); animation-timing-function: ${St}; }
781  69%, 81% { transform: translateY(${wt}); animation-timing-function: ${Nt}; }
782  85% { transform: translateY(0); }
783  95%, 100% { transform: translateY(${Bs}); }
784}
785
786@keyframes dsb-figma {
787  0%, 18% { opacity: 1; }
788  20%, 68% { opacity: 0; }
789  70%, 100% { opacity: 1; }
790}
791@keyframes dsb-tempo {
792  0%, 18% { opacity: 0; }
793  20%, 68% { opacity: 1; }
794  70%, 100% { opacity: 0; }
795}
796
797/* Offscreen: nothing repaints while the section is out of view. */
798[data-dsb-paused] .dsb-lid,
799[data-dsb-paused] .dsb-cursor,
800[data-dsb-paused] .dsb-phase { animation-play-state: paused; }
801
802@media (prefers-reduced-motion: reduce) {
803  .dsb-lid, .dsb-cursor, .dsb-phase { animation: none; }
804  .dsb-figma { opacity: 0; }
805  .dsb-tempo { opacity: 1; }
806}
807`;function Un({src:e}){return t.jsx("img",{src:e,alt:"",loading:"lazy",decoding:"async",draggable:!1,

807className:"absolute inset-0 h-full w-full"})}function zn({children:e}){return t.jsx("svg",{viewBox:`0 0 ${dt} ${pt}`,className:"absolute inset-0 h-full w-full",fill:"none",children:e})}function Vn({id:e,shade:s,lift:i,drop:n,blur:r}){return t.jsxs("filter",{id:e,children:[t.jsx("feOffset",{in:"SourceAlpha",dx:0,dy:n,result:"dropped"}),t.jsx("feGaussianBlur",{in:"dropped",stdDeviation:r,result:"softDrop"}),t.jsx("feComposite",{in:"SourceAlpha",in2:"softDrop",operator:"out",result:"upperBand"}),t.jsx("feFlood",{floodColor:"#000",floodOpacity:s,result:"shadeInk"}),t.jsx("feComposite",{in:"shadeInk",in2:"upperBand",operator:"in",result:"upperWall"}),t.jsx("feOffset",{in:"SourceAlpha",dx:0,dy:-n,result:"raised"}),t.jsx("feGaussianBlur",{in:"raised",stdDeviation:r,result:"softRaise"}),t.jsx("feComposite",{in:"SourceAlpha",in2:"softRaise",operator:"out",result:"lowerBand"}),t.jsx("feFlood",{floodColor:"#fff",floodOpacity:i,result:"liftInk"}),t.jsx("feComposite",{in:"liftInk",in2:"lowerBand",operator:"in",result:"lowerWall"}),t.jsxs("feMerge",{children:[t.jsx("feMergeNode",{in:"SourceGraphic"}),t.jsx("feMergeNode",{in:"lowerWall"}),t.jsx("feMergeNode",{in:"upperWall"})]})]})}function Qp({fill:e,gap:s}){return t.jsx("svg",{x:28,y:17,width:44,height:66,viewBox:"0 0 38 57",children:t.jsxs("g",{fill:e,stroke:s,strokeWidth:.9,children:[t.jsx("path",{d:"M19 28.5a9.5 9.5 0 1 1 19 0 9.5 9.5 0 0 1-19 0Z"}),t.jsx("path",{d:"M0 47.5A9.5 9.5 0 0 1 9.5 38H19v9.5a9.5 9.5 0 1 1-19 0Z"}),t.jsx("path",{d:"M19 0v19h9.5a9.5 9.5 0 1 0 0-19H19Z"}),t.jsx("path",{d:"M0 9.5A9.5 9.5 0 0 0 9.5 19H19V0H9.5A9.5 9.5 0 0 0 0 9.5Z"}),t.jsx("path",{d:"M0 28.5A9.5 9.5 0 0 0 9.5 38H19V19H9.5A9.5 9.5 0 0 0 0 28.5Z"})]})})}function e0({className:e,paused:s=!1}){const[i,n]=ma({rootMargin:"200px"});return t.jsxs("div",{ref:i,"aria-hidden":"true",className:`pointer-events-none relative ${e??""}`,style:{aspectRatio:`${dt} / ${pt}`},...n&&!s?{}:{"data-dsb-paused":""},children:[t.jsx("style",{children:Jp}),t.jsx("div",{className:"absolute inset-0",style:{clipPath:zp},children:t.jsx("div",{className:"dsb-lid absolute inset-0",children:t.jsxs(zn,{children:[t.jsx("polygon",{points:Pn,fill:_t.left}),t.jsx("polygon",{points:In,fill:_t.right}),t.jsxs("g",{className:"dsb-phase dsb-tempo",children:[t.jsx("polygon",{points:Pn,fill:As.left}),t.jsx("polygon",{points:In,fill:As.right})]}),t.jsx("path",{d:Op,stroke:Ns,strokeWidth:Cs}),t.jsx("path",{d:En,fill:_t.top}),t.jsx("path",{d:En,fill:As.top,className:"dsb-phase dsb-tempo"}),t.jsx("path",{d:Gp,stroke:Ns,strokeWidth:Cs,strokeLinejoin:"round"}),t.jsxs("defs",{children:[t.jsx(Vn,{id:"dsb-cut-figma",shade:.45,lift:.2,drop:5.5,blur:2.2}),t.jsx(Vn,{id:"dsb-cut-tempo",shade:.3,lift:.5,drop:2.2,blur:1})]}),t.jsx("g",{className:"dsb-phase dsb-figma",filter:"url(#dsb-cut-figma)",children:t.jsx("g",{transform:On,children:t.jsx(Qp,{fill:$n.figma,gap:_t.top})})}),t.jsx("g",{className:"dsb-phase dsb-tempo",filter:"url(#dsb-cut-tempo)",children:t.jsx("g",{transform:On,children:t.jsx(Mr,{x:18.05,y:17,width:63.9,height:66,style:{color:$n.tempo}})})})]})})}),t.jsx(zn,{children:t.jsx("path",{d:Up,stroke:Ns,strokeWidth:Cs,strokeLinejoin:"round"})}),t.jsx(Un,{src:`${Mn}/selection.svg`}),t.jsx("div",{className:"dsb-cursor absolute inset-0",children:t.jsx(Un,{src:`${Mn}/cursor.svg`})})]})}const ri="group flex h-full flex-col overflow-hidden rounded-[14px] border-[0.5px] border-border-secondary bg-[#0b0b0c] p-6 md:p-7",Ut="'JetBrains Mono', ui-monospace, monospace",t0="${variant}",s0="text-[18px] font-medium leading-[24px] tracking-[-0.01em] text-text-primary md:text-[19px] md:leading-[25px]",yr="rounded-tr-none rounded-br-none rounded-bl-none",oi=`-mb-6 -mr-6 border-b-0 border-r-0 md:-mb-7 md:-mr-7 ${yr}`,Wn="min-h-[244px]";function zt({children:e,className:s,bare:i=!1}){const n=i?"":"overflow-hidden rounded-lg border-[0.5px] border-border-secondary bg-[#0d1117] grayscale group-hover:grayscale-0";return t.jsx("div",{className:`relative transition duration-700 ease-out ${n} ${s??""}`,children:e})}function vr(){const[e,s]=m.useState(!1),[i,n]=m.useState(0);return{playing:e,run:i,handlers:{onMouseEnter:()=>s(!0),onMouseLeave:()=>{s(!1),n(r=>r+1)}}}}function li({icon:e,title:s,body:i,heading:n="h3"}){const r=n;return t.jsxs("div",{className:"mb-6 md:mb-7",children:[t.jsxs("div",{className:"flex items-center gap-2",children:[t.jsx(e,{className:"size-[18px] shrink-0 text-text-tertiary",strokeWidth:1.75,"aria-hidden":"true"}),t.jsx(r,{className:s0,children:s})]}),t.jsx("p",{className:"mt-2.5 max-w-[440px] text-[15px] leading-[24px] text-text-secondary md:text-[16

807px] md:leading-[26px]",children:i})]})}function i0(){return t.jsxs("div",{className:"flex flex-col gap-2.5 p-4",children:[t.jsxs("div",{className:"flex items-center gap-2",children:[t.jsxs("span",{className:"flex shrink-0 items-center gap-1 rounded-full bg-[#8957e5] px-2 py-[3px] text-[10px] font-medium leading-none text-white",children:[t.jsx(Mo,{className:"h-3 w-3",strokeWidth:2.25}),"Merged"]}),t.jsx("span",{className:"truncate text-[13px] font-medium text-[#e6edf3]",children:"Add invoice export to billing"}),t.jsx("span",{className:"text-[11px] text-[#8b949e]",children:"#2481"})]}),t.jsxs("div",{className:"flex flex-wrap items-center gap-1.5 text-[10px] text-[#8b949e]",children:[t.jsx("span",{className:"h-3.5 w-3.5 rounded-full bg-[#30363d]"}),t.jsx("span",{children:"merged 4 commits into"}),t.jsx("span",{className:"rounded-md border border-[#30363d] bg-[#161b22] px-1.5 py-[1px] text-[9px] text-[#adbac7]",style:{fontFamily:Ut},children:"main"}),t.jsx("span",{children:"from"}),t.jsx("span",{className:"rounded-md border border-[#30363d] bg-[#161b22] px-1.5 py-[1px] text-[9px] text-[#adbac7]",style:{fontFamily:Ut},children:"feature/invoice-export"})]}),t.jsxs("div",{className:"flex items-center gap-1.5 text-[10px]",children:[t.jsx("span",{className:"flex h-3.5 w-3.5 items-center justify-center rounded-full bg-[#3fb950]",children:t.jsx(Po,{className:"h-2.5 w-2.5 text-[#0d1117]",strokeWidth:3.5})}),t.jsx("span",{className:"text-[#adbac7]",children:"All checks passed"})]})]})}function n0(){const e="#c792ea",s="#82aaff",i="#7fdbca",n="#c3e88d",r="#f78c6c",c=[t.jsxs(t.Fragment,{children:[t.jsx("span",{style:{color:e},children:"import"})," ","{ ",t.jsx("span",{style:{color:s},children:"cn"})," } ",t.jsx("span",{style:{color:e},children:"from"})," ",t.jsx("span",{style:{color:n},children:'"@/lib/utils"'}),";"]}),"Â ",t.jsxs(t.Fragment,{children:[t.jsx("span",{style:{color:e},children:"type"})," ",t.jsx("span",{style:{color:i},children:"Props"})," = ","{"]}),t.jsxs(t.Fragment,{children:["  ",t.jsx("span",{style:{color:r},children:"label"}),":"," ",t.jsx("span",{style:{color:i},children:"string"}),";"]}),t.jsxs(t.Fragment,{children:["  ",t.jsx("span",{style:{color:r},children:"variant"}),"?:"," ",t.jsx("span",{style:{color:n},children:'"primary"'})," |"," ",t.jsx("span",{style:{color:n},children:'"ghost"'}),";"]}),"};","Â ",t.jsxs(t.Fragment,{children:[t.jsx("span",{style:{color:e},children:"export function"})," ",t.jsx("span",{style:{color:s},children:"Button"}),"(","{ ",t.jsx("span",{style:{color:r},children:"label"}),","," ",t.jsx("span",{style:{color:r},children:"variant"})," ="," ",t.jsx("span",{style:{color:n},children:'"primary"'})," }: ",t.jsx("span",{style:{color:i},children:"Props"}),") ","{"]}),t.jsxs(t.Fragment,{children:["  ",t.jsx("span",{style:{color:e},children:"return"})," ("]}),t.jsxs(t.Fragment,{children:["    ","<",t.jsx("span",{style:{color:s},children:"button"})," ",t.jsx("span",{style:{color:i},children:"className"}),"=","{",t.jsx("span",{style:{color:s},children:"cn"}),"(",t.jsx("span",{style:{color:n},children:'"btn"'}),","," ",t.jsx("span",{style:{color:n},children:"`btn-"}),t.jsx("span",{style:{color:r},children:t0}),t.jsx("span",{style:{color:n},children:"`"}),")","}",">"]}),t.jsxs(t.Fragment,{children:["      {",t.jsx("span",{style:{color:r},children:"label"}),"}"]}),t.jsxs(t.Fragment,{children:["    ","</",t.jsx("span",{style:{color:s},children:"button"}),">"]}),"  );","}","Â ",t.jsxs(t.Fragment,{children:[t.jsx("span",{style:{color:e},children:"export function"})," ",t.jsx("span",{style:{color:s},children:"IconButton"}),"(","{ ",t.jsx("span",{style:{color:r},children:"icon"})," }: ",t.jsx("span",{style:{color:i},children:"IconProps"}),") ","{"]})];return t.jsxs("div",{className:"flex h-full flex-col",children:[t.jsxs("div",{className:"flex items-center gap-1.5 border-b-[0.5px] border-[#21262d] bg-[#161b22] px-3 py-2",children:[t.jsx("span",{className:"h-2.5 w-2.5 rounded-[2px]",style:{backgroundColor:"#67cffd"}}),t.jsx("span",{className:"text-[10px] text-[#adbac7]",style:{fontFamily:Ut},children:"Button.tsx"})]}),t.jsxs("div",{className:"flex gap-3 whitespace-pre px-3 py-2.5 text-[10px] leading-[16

807px]",style:{fontFamily:Ut},children:[t.jsx("div",{className:"flex select-none flex-col items-end text-[#484f58]",children:c.map((o,d)=>t.jsx("span",{children:d+1},d))}),t.jsx("div",{className:"flex flex-col text-[#adbac7]",children:c.map((o,d)=>t.jsx("span",{children:o},d))})]})]})}function a0(){const{playing:e,run:s,handlers:i}=vr();return t.jsxs("article",{className:ri,...i,children:[t.jsx(li,{icon:el,title:"Achieve backlog zero",body:"Agents work the queue alongside your team, so tickets move the day they land."}),t.jsx(zt,{className:`min-h-[360px] flex-1 ${oi}`,bare:!0,children:t.jsx(Ws,{className:`absolute inset-0 ${yr}`,paused:!e},s)})]})}function r0(){return t.jsxs("article",{className:ri,children:[t.jsx(li,{icon:ya,title:"Ready for dev in hours, not weeks.",body:"PMs turn feedback into buildable work the day it lands."}),t.jsx(zt,{className:`min-h-[124px] flex-1 ${oi}`,children:t.jsx(i0,{})})]})}function Hn({accent:e,icon:s,frame:i,stat:n,label:r,body:l}){const{playing:a,run:c,handlers:o}=vr();return t.jsxs("article",{className:ri,style:{"--accent":e},...o,children:[t.jsx(li,{icon:s,title:t.jsxs(t.Fragment,{children:[t.jsx("span",{className:"transition-colors duration-500 group-hover:text-[color:var(--accent)]",children:n})," ",t.jsx("span",{className:"text-text-secondary",children:r})]}),body:l}),i({playing:a,run:c})]})}function o0(){return t.jsx("section",{"aria-label":"The impact: work stops piling up",className:"relative w-full px-6 py-14 md:px-12 md:py-20",children:t.jsxs("div",{className:"mx-auto w-full max-w-[1120px]",children:[t.jsx(Es,{children:t.jsx("h2",{className:"max-w-[820px] text-balance text-[30px] font-medium leading-[36px] tracking-[-0.02em] text-text-primary md:text-[40px] md:leading-[46px]",children:"Work stops piling up."})}),t.jsx(Es,{delay:120,className:"mt-8 md:mt-12",children:t.jsxs("div",{className:"grid grid-cols-1 gap-3 md:grid-cols-3 md:gap-4",children:[t.jsx("div",{className:"md:row-span-2",children:t.jsx(a0,{})}),t.jsx("div",{className:"md:col-span-2",children:t.jsx(r0,{})}),t.jsx(Hn,{accent:"#75d9a6",icon:ra,frame:({playing:e,run:s})=>t.jsx(zt,{className:`flex-1 ${Wn}`,bare:!0,children:t.jsx("div",{className:"absolute inset-x-0 bottom-2 mx-auto max-w-[268px]",children:t.jsx(e0,{paused:!e},s)})}),stat:"50%",label:"less design slop",body:"Designers ship exactly what they designed. Nothing gets rebuilt."}),t.jsx(Hn,{accent:"#67cffd",icon:Ao,frame:()=>t.jsx(zt,{className:`flex-1 ${Wn} ${oi}`,children:t.jsx("div",{className:"absolute inset-x-0 top-0",children:t.jsx(n0,{})})}),stat:"35%",label:"more dev velocity",body:"Engineers start from working code, not mockups."})]})})]})})}const l0="var(--blueberry-500)",c0="103,207,253",d0="color-mix(in srgb, var(--graphite-400) 55%, transparent)",h0="154,154,154";function br(e,s){const i=Math.sin((e+1)*s)*43758.5453;return(i-Math.floor(i))*2-1}const jr=(e,s,i)=>Math.min(i,Math.max(s,e)),ie=60,Ee=30,p0=e=>5+45*e**1.35,Ue=Array.from({length:ie},(e,s)=>{const i=s/(ie-1);return jr(p0(i)+br(s,4.137)*3.2*i**.5,1,60)}),ci=Array.from({length:ie},(e,s)=>{if(s<Ee)return Number.NaN;if(s===Ee)return Ue[Ee];const i=(s-Ee)/(ie-1-Ee),n=3+50*i**1.7,r=br(s,12.9898)*4.5*i;return jr(Ue[s]+n+r,2,100)}),Vt={claude:Ue,tempo:ci};function di(e){const s=e.BASE-e.TOP,i=g=>e.PAD_X+g/(ie-1)*(e.VW-e.PAD_X*2),n=g=>e.BASE-g/100*s,r=g=>{let y=!1;const j=[];return g.forEach((b,v)=>{Number.isFinite(b)&&(j.push(`${y?"L":"M"} ${i(v).toFixed(1)} ${n(b).toFixed(1)}`),y=!0)}),j.join(" ")},l=r(ci),a=r(Ue),c=i(0).toFixed(1),o=i(ie-1).toFixed(1),d=n(0).toFixed(1),h=`${a} L ${o} ${d} L ${c} ${d} Z`,p=[];for(let g=ie-1;g>=Ee;g--)p.push(`L ${i(g).toFixed(1)} ${n(Ue[g]).toFixed(1)}`);const u=`${l} ${p.join(" ")} Z`,f=[.16,.34,.52,.7,.88,1.06].map(g=>g*e.VW),x=[.06,.12,.2,.29,.39,.5,.62,.75,.89].map(g=>({x:g*e.VW,y:e.TOP}));return{...e,field:s,gx:i,gy:n,demandPath:l,actualPath:a,actualFill:h,demandFill:u,rings:f,rays:x}}const u0={tempo:l0,tempoRgb:c0,claude:d0,claudeRgb:h0,ambient:"var(--graphite-400)"};di({id:"d",VW:1280,VH:272,TOP:40,BASE:258,PAD_X:20,strokeW:2,glowR:24,ringR:8,dotR:3.5,actR:3});di({id:"m",VW:430,VH:340,TOP:30,BASE:320,PAD_X:16,strokeW:2.4,glowR:22,ringR:9,dotR:4.5,actR:3.8});function f0({g:e,palette:s=u0}){const i=e.gx(ie-1),n=e.gy(ci[ie-1]),r=e.gx(ie-1),l=e.gy(Ue[ie-1]),a=`kpiGlow-${e.id}`,c=`kpiField-${e.id}`;return t.jsxs("svg",{viewBox:`0 0 ${e.VW} ${e.VH}`,className:"h-full w-full overflow-visible",preserveAspectRatio:"none","aria-hidden":"true",children:[t.jsxs("defs",{children:[t.jsxs("radialGradient",{id:a,cx:"50%",cy:"50%",r:"50%",children:[t.jsx("stop",{offset:"0%",stopColor:s.tempo,stopOpacity:"0.5"}),t.jsx("stop",{offset:"100%",stopColor:s.tempo,stopOpacity:"0"})]}),t.jsx("clipPath",{id:c,children:t.jsx("rect",{x:"0",y:e.TOP-12,width:e.VW,height:e.BASE-(e.TOP-12)+6})})]}),t.jsx("g",{className:"kpi-lattice",clipPath:`url(#${c})`,children:t.jsxs("g",{fill:"none",stroke:s.ambient,strokeWidth:"1",opacity:.09,children:[e.rings.map(o=>t.jsx("circle",{cx:e.PAD_X,cy:e.BASE,r:o},o)),e.rays.map(o=>t.jsx("line",{x1:e.PAD_X,y1:e.BASE,x2:o.x,y2:o.y},`${o.x}-${o.y}`))]})}),t.jsx("path",{className:"kpi-stip",d:e.actualFill,fill:`rgba(${s.claudeRgb},0.07)`}),t.jsx("path",{className:"kpi-stip",d:e.demandFill,fill:`rgba(${s.tempoRgb},0.12)`}),t.jsx("path",{className:"kpi-line",d:e.actualPath,fill:"none",stroke:s.claude,strokeWidth:e.strokeW,strokeLinecap:"round",strokeLinejoin:"round",pathLength:1}),t.jsx("path",{className:"kpi-line-b",d:e.demandPath,fill:"none",stroke:s.tempo,strokeWidth:e.strokeW,strokeLinecap:"round",strokeLinejoin:"round",pathLength:1}),t.jsxs("g",{className:"kpi-mark",children:[t.jsx("circle",{cx:i,cy:n,r:e.glowR,fill:`url(#${a})`}),t.jsx("circle",{cx:i,cy:n,r:e.ringR,fill:"none",stroke:s.tempo,strokeWidth:"1.25",opacity:"0.5"}),t.jsx("circle",{cx:i,cy:n,r:e.dotR,fill:s.tempo})]}),t.jsx("g",{className:"kpi-mark",children:t.jsx("circle",{cx:r,cy:l,r:e.actR,fill:s.claude})})]})}const kr="'JetBrains Mono', ui-monospace, monospace",m0="var(--lavender-400, #cd9dfa)",qn="var(--lavender-300, #ddc0fc)",Zn="#cd9dfa",x0="rgba(255,255,255,0.38)",g0="255,255,255",y0=.6,Yn="Double your velocity",Xn="with Tempo",st=56,Hs={id:"li",width:4200,height:700,graphTop:250,strokeW:4.5,starBandH:440,starScale:3,fontSize:104,headlineRise:22,labelFontSize:32,gapLabelFontSize:30,labelCenterNudge:-50,scrim:"56% 44% at 50% 43%"},qs={id:"x",width:1500,height:500,graphTop:170,strokeW:2,starBandH:300,starScale:1.1,fontSize:64,headlineRise:14,labelFontSize:17,gapLabelFontSize:16,labelCenterNudge:-18,scrim:"58% 46% at 50% 43%"},Zs={id:"yt",width:2560,height:1440,graphTop:620,strokeW:3.2,starBandH:880,starScale:1.9,fontSize:132,headlineRise:60,labelFontSize:26,gapLabelFontSize:24,labelCenterNudge:-30,scrim:"46% 24% at 50% 46%"};

807function v0(e){const s=di({id:e.id,VW:e.width,VH:e.height,TOP:e.graphTop,BASE:e.height,PAD_X:0,strokeW:e.strokeW,glowR:0,ringR:0,dotR:0,actR:0});return{geo:s,labelCenterX:s.gx(st)+e.labelCenterNudge,gapLabelY:(s.gy(Vt.tempo[st])+s.gy(Vt.claude[st]))/2,gradientId:`${e.id}-tempo-line`,embossId:`${e.id}-tempo-emboss`,bevelId:`${e.id}-tempo-bevel`}}function b0(e){return{tempo:`url(#${e})`,tempoRgb:"205,157,250",claude:x0,claudeRgb:g0,ambient:m0}}function j0({id:e}){return t.jsx("svg",{"aria-hidden":"true",width:"0",height:"0",style:{position:"absolute"},children:t.jsx("defs",{children:t.jsxs("linearGradient",{id:e,x1:"0",y1:"0",x2:"1",y2:"0",children:[t.jsx("stop",{offset:"0",stopColor:"#ffffff",stopOpacity:"0.38"}),t.jsx("stop",{offset:"0.18",stopColor:"#c0aee8",stopOpacity:"0.8"}),t.jsx("stop",{offset:"0.42",stopColor:Zn,stopOpacity:"1"}),t.jsx("stop",{offset:"1",stopColor:Zn,stopOpacity:"1"})]})})})}function Kn({spec:e,layout:s,value:i,color:n,above:r,glow:l,children:a}){return t.jsx("span",{style:{position:"absolute",left:`${s.labelCenterX/e.width*100}%`,top:`${s.geo.gy(i)/e.height*100}%`,transform:`translate(-50%, ${r?"-235%":"135%"})`,whiteSpace:"nowrap",fontFamily:kr,fontSize:e.labelFontSize,letterSpacing:"0.06em",lineHeight:1,color:n,textShadow:l?"0 0 12px rgba(205,157,250,0.85), 0 0 34px rgba(205,157,250,0.55), 0 0 70px rgba(205,157,250,0.3)":void 0},children:a})}function hi({spec:e}){const s=v0(e),i=`stage-${e.id}`,n=`emboss-${e.id}`;return t.jsxs("div",{style:{position:"relative",width:e.width,height:e.height,overflow:"hidden",background:"var(--surface-container-lowest, #0a0a0a)"},children:[t.jsx("style",{children:`
808        /* The graph's own loop only runs under .kpi-live, so the banner
809           gets the finished state for free â these just pin it. */
810        .${i} .kpi-line, .${i} .kpi-line-b {
811          stroke-dasharray: none; stroke-dashoffset: 0;
812        }
813        .${i} .kpi-stip, .${i} .kpi-mark, .${i} .kpi-lattice {
814          opacity: 1;
815        }
816        /* Claude Code's filled area sits further back than the default. */
817        .${i} svg > path.kpi-stip:first-of-type { opacity: 0.5; }
818        /* Same bevel/emboss as the hero headline: a top-lit gradient fill
819           for volume, a white rim above and a dark shadow below to lift
820           the glyphs off the graph behind them. Shadow offsets scale with
821           the type so they read the same at every artboard size. */
822        .${n} {
823          background: linear-gradient(180deg, #ffffff 0%, #f4f7fb 52%, #c6cdd9 100%);
824          -webkit-background-clip: text;
825          background-clip: text;
826          color: transparent;
827          filter:
828            drop-shadow(0 ${-.029*e.fontSize}px 0 rgba(255, 255, 255, 0.35))
829            drop-shadow(0 ${.048*e.fontSize}px ${.029*e.fontSize}px rgba(0, 0, 0, 0.75))
830            drop-shadow(0 ${.115*e.fontSize}px ${.154*e.fontSize}px rgba(0, 0, 0, 0.55));
831        }
832      `}),t.jsx("div",{"aria-hidden":"true",style:{position:"absolute",top:0,left:0,right:0,height:e.starBandH,overflow:"hidden",pointerEvents:"none",maskImage:"linear-gradient(to bottom, black 0%, black 40%, transparent 100%)",WebkitMaskImage:"linear-gradient(to bottom, black 0%, black 40%, transparent 100%)"},children:t.jsx(Pr,{starScale:e.starScale})}),t.jsxs("div",{className:i,style:{position:"absolute",inset:0,opacity:y0},children:[t.jsx(j0,{id:s.gradientId}),t.jsx(f0,{g:s.geo,palette:b0(s.gradientId)})]}),t.jsxs("div",{style:{position:"absolute",inset:0},children:[t.jsx(Kn,{spec:e,layout:s,value:Vt.tempo[st],color:qn,above:!0,glow:!0,children:"Tempo"}),t.jsx(Kn,{spec:e,layout:s,value:Vt.claude[st],color:"rgba(255,255,255,0.34)",above:!1,children:"Claude Code"}),t.jsx("span",{style:{position:"absolute",left:`${s.labelCenterX/e.width*100}%`,top:`${s.gapLabelY/e.height*100}%`,transform:"translate(-50%, -50%)",whiteSpace:"nowrap",fontFamily:kr,fontSize:e.gapLabelFontSize,letterSpacing:"0.06em",lineHeight:1,color:qn,opacity:.72},children:"2Ã merged PRs"})]}),t.jsx("div",{"aria-hidden":"true",style:{position:"absolute",inset:0,background:`radial-gradient(${e.scrim}, rgba(10,10,10,0.82) 0%, rgba(10,10,10,0.55) 48%, rgba(10,10,10,0) 100%)`}}),t.jsx("div",{style:{position:"absolute",inset:0,display:"flex",alignItems:"center",justifyContent:"center"},children:t.jsxs("h1",{"aria-label":`${Yn} ${Xn}`,style:{display:"flex",flexDirection:"column",alignItems:"center",margin:0,fontFamily:'var(--font-display, "Hedvig Letters Serif", Georgia, serif)',fontSize:e.fontSize,fontWeight:400,lineHeight:1.1,letterSpacing:"-0.034em",whiteSpace:"nowrap",transform:`translateY(-${e.headlineRise}px)`},children:[t.jsx("span",{className:n,children:Yn}),t.jsxs("span",{style:{display:"flex",alignItems:"center",gap:"0.3em"},children:[t.jsx("span",{className:n,children:Xn}),t.jsx(k0,{embossId:s.embossId,bevelId:s.bevelId,fontSize:e.fontSize})]})]})})]})}function k0({embossId:e,bevelId:s,fontSize:i}){const n=i/104;return t.jsxs("svg",{"aria-hidden":"true",viewBox:"0 0 25.13 25",style:{height:"0.98em",width:"auto",overflow:"visible",transform:"rotate(4deg)",transformOrigin:"center",filter:`drop-shadow(0 ${8*n}px ${10*n}px rgba(0,0,0,0.55)) drop-shadow(0 0 ${18*n}px rgba(255,255,255,0.34)) drop-shadow(0 0 ${40*n}px rgba(255,255,255,0.16))`},children:[t.jsxs("defs",{children:[t.jsxs("linearGradient",{id:e,x1:"0",y1:"0",x2:"0",y2:"1",children:[t.jsx("stop",{offset:"0",stopColor:"#ffffff"}),t.jsx("stop",{offset:"0.5",stopColor:"#eef1f5"}),t.jsx("stop",{offset:"1",stopColor:"#bfc6d0"})]}),t.jsxs("filter",{id:s,x:"-40%",y:"-40%",width:"180%",height:"180%",children:[t.jsx("feGaussianBlur",{in:"SourceAlpha",stdDeviation:"0.7",result:"blur"}),t.jsx("feSpecularLighting",{in:"blur",surfaceScale:"2.4",specularConstant:"

8320.95",specularExponent:"16",lightingColor:"#ffffff",result:"spec",children:t.jsx("fePointLight",{x:"-18",y:"-22",z:"34"})}),t.jsx("feComposite",{in:"spec",in2:"SourceAlpha",operator:"in",result:"specClip"}),t.jsxs("feMerge",{children:[t.jsx("feMergeNode",{in:"SourceGraphic"}),t.jsx("feMergeNode",{in:"specClip"})]})]})]}),t.jsx("path",{filter:`url(#${s})`,fill:`url(#${e})`,fillRule:"evenodd",clipRule:"evenodd",d:"M5.02564 0C2.25005 0 0 2.23857 0 5V20C0 22.7614 2.25005 25 5.02564 25H20.1026C22.8781 25 25.1282 22.7614 25.1282 20V5C25.1282 2.23857 22.8781 0 20.1026 0H5.02564ZM18.9538 7.4405L20.1026 5.83335H5.02564L6.1745 7.4405H11.6931L11.681 20.3411L12.5014 21.4125L13.3219 20.3411L13.3339 7.4405H18.9538ZM9.76733 17.619L11.1347 19.2262V7.9762H6.55761L7.51504 9.3155H9.77316L9.76733 17.619ZM13.8693 19.2262L15.2313 17.619V9.3155H17.6135L18.5708 7.9762H13.8693V19.2262Z"})]})}function w0(){return t.jsx(hi,{spec:Hs})}function _0(){return t.jsx(hi,{spec:qs})}function S0(){return t.jsx(hi,{spec:Zs})}const Ys=2100,N0=Math.round(Ys*.26),Jn="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='280' height='280'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E",C0="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='700' height='700'%3E%3Cfilter id='m'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.0045' numOctaves='4' seed='11' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23m)'/%3E%3C/svg%3E";function B0(){return t.jsxs("div",{style:{position:"relative",width:Ys,height:Ys,maskImage:"linear-gradient(black, black)",WebkitMaskImage:"linear-gradient(black, black)"},children:[t.jsxs("div",{style:{position:"absolute",inset:"5%",overflow:"hidden",borderRadius:"9999px",boxShadow:"inset 0 3px 24px rgba(255,255,255,0.7), inset 0 12px 80px rgba(255,207,139,0.34)"},children:[t.jsx("div",{style:{position:"absolute",inset:"-12%",borderRadius:"9999px",background:"conic-gradient(from -40deg, #67cffd, #cd9dfa 30%, #ffa48e 55%, #ffcf8b 76%, #ffa48e 88%, #67cffd)",opacity:.9}}),t.jsx("div",{style:{position:"absolute",inset:0,borderRadius:"9999px",backgroundImage:`url("${C0}")`,backgroundRepeat:"repeat",backgroundSize:"700px 700px",mixBlendMode:"overlay",opacity:.6}}),t.jsx("div",{style:{position:"absolute",inset:0,borderRadius:"9999px",background:"radial-gradient(ellipse 120% 60% at 50% 4%, rgba(255,255,255,0.46), rgba(255,255,255,0.1) 34%, transparent 60%), radial-gradient(closest-side, transparent 62%, rgba(8,8,8,0.38) 88%, rgba(8,8,8,0.62) 100%)"}}),t.jsx("div",{style:{position:"absolute",inset:0,borderRadius:"9999px",backgroundImage:`url("${Jn}")`,backgroundRepeat:"repeat",backgroundSize:"280px 280px",mixBlendMode:"overlay",opacity:.55}}),t.jsx("div",{style:{position:"absolute",inset:0,borderRadius:"9999px",backgroundImage:`url("${Jn}")`,backgroundRepeat:"repeat",backgroundSize:"280px 280px",mixBlendMode:"overlay",opacity:.9,maskImage:"radial-gradient(closest-side, transparent 84%, black 95%)",WebkitMaskImage:"radial-gradient(closest-side, transparent 84%, black 95%)"}})]}),t.jsx("div",{style:{position:"absolute",inset:"14% 0 74% 0"},children:[{blur:1.5,from:0,to:18},{blur:3,from:15,to:35},{blur:6,from:30,to:50},{blur:12,from:45,to:65}].map(({blur:e,from:s,to:i})=>t.jsx("div",{style:{position:"absolute",inset:0,backdropFilter:`blur(${e}px)`,WebkitBackdropFilter:`blur(${e}px)`,maskImage:`linear-gradient(to bottom, transparent ${s}%, black ${i}%)`,WebkitMaskImage:`linear-gradient(to bottom, transparent ${s}%, black ${i}%)`}},e))})]})}const me=1280,xe=900,fe=280,Qn=320,Rs=823,ea=673,Z=1280,Ts=114,Ms=158;function ke({Component:e,route:s,path:i,chromeless:n}){return t.jsx(Ad,{initialEntries:[s],children:t.jsxs("div",{style:{width:me,minHeight:xe,background:n?"#e8e8e8":"#ffffff"},children:[!n&&t.jsx(ph,{}),i?t.jsx(Td,{children:t.jsx(Ka,{path:i,element:t.jsx(e,{})})}):t.jsx(e,{})]})})}const Xs={"hero-v2":{width:1512,height:1341,background:"#010101",render:()=>t.jsx(Zr,{})},velocity:{width:1512,height:830,background:"#010101",render:()=>t.jsx(qr,{})},automate:{width:1512,height:844,background:"#010101",render:()=>t.jsx(Hr,{})},"footer-v2":{width:1920,height:815,background:"#000000",render:()=>t.jsx(Wr,{})},byoa:{width:1512,height:506,background:"#010101",render:()=>t.jsx(Vr,{})},...Object.fromEntries(["feedback","issue","doc","canvas","shipped"].map((e,s)=>[`morph-${e}`,{width:760,height:600,background:"#0b0c0e",render:()=>t.jsx(yn,{freezeStage:s})}])),"morph-live":{width:760,height:600,background:"#0b0c0e",render:()=>t.jsx(yn,{})},"factory-shippy":{width:760,height:620,background:"#0b0c0e",render:()=>t.jsx("div",{style:{width:720},children:t.jsx(Io,{})})},"impact-bento":{width:1240,height:900,background:"#0b0b0c",render:()=>t.jsx(o0,{})},"backlog-board":{width:308,height:551,background:"#0b0b0c",render:()=>t.jsx(Ws,{className:"relative h-full w-full"})},"backlog-board-wide":{width:1e3,height:360,background:"#0b0b0c",render:()=>t.jsx(Ws,{className:"relative h-full w-full"})},"agent-inbox":{width:1280,height:760,background:"#080808",render:()=>t.jsx(mp,{})},"linkedin-banner":{width:Hs.width,height:Hs.height,background:"#0a0a0a",render:()=>t.jsx(w0,{})},"x-banner":{width:qs.width,height:qs.height,background:"#0a0a0a",render:()=>t.jsx(_0,{})},"youtube-banner":{width:Zs.width,height:Zs.height,background:"#0a0a0a",render:()=>t.jsx(S0,{})},"havn-home":{width:me,height:xe,background:"#ffffff",render:()=>t.jsx(ke,{Component:Kd,route:"/"})},"havn-search":{width:me,height:xe,background:"#ffffff",render:()=>t.jsx(ke,{Component:rh,route:"/search"})},"havn-listing":{width:me,height:xe,background:"#ffffff",render:()=>t.jsx(ke,{Component:ih,route:"/listing/lst-001",path:"/listing/:id"})},"havn-trips":{width:me,height:xe,background:"#ffffff",render:()=>t.jsx(ke,{Component:lh,route:"/trips"})},"havn-messages":{width:me,height:xe,background:"#ffffff",render:()=>t.jsx(ke,{Component:nh,route:"/messages"})},"havn-wishlists":{width:me,height:xe,background:"#ffffff",render:()=>t.jsx(ke,{Component:dh,route:"/wishlists"})},"havn-library":{width:me,height:xe,background:"#e8e8e8",render:()=>t.jsx(ke,{Component:th,route:"/library",chromeless:!0})},"sidebar-chat-l":{width:fe,height:Rs,render:()=>t.jsx(ji,{tempoItems:zr,selectedThreadIds:[],defaultExpandedIds:Ur})},"sidebar-chat-r":{width:Qn,height:Rs,render:()=>t.jsxs("div",{"data-capture-sidebar-chat-r":!0,style:{height:"100%"},children:[t.jsx("style",{children:`
833          [data-capture-sidebar-chat-r] [data-testid="file-list-virtuoso"] {
834            --tree-item-py: 4px;
835          }
836          [data-capture-sidebar-chat-r]
837            div:has(> [data-testid="changes-section-header-staged"]) {
838            padding-bottom: 18px;
839          }
840        `}),t.jsx(bi,{activeTab:"changes",hideContextTab:!0,className:"h-full"})]})},"sidebar-chat-l-hero":{width:fe,height:760,render:()=>t.jsx(ji,{})},"sidebar-chat-r-hero":{width:Qn,height:760,render:()=>t.jsx(bi,{})},"sidebar-docs-l-hero":{width:fe,height:760,render:()=>t.jsx(vi,{})},"sidebar-canvas-l-hero":{width:fe,height:760,render:()=>t.jsx(yi,{})},"sidebar-factory-l-hero":{width:fe,height:760,render:()=>t.jsx(gi,{})},"sidebar-docs-l":{width:fe,height:Rs,render:()=>t.jsx(vi,{})},"sidebar-canvas-l":{width:fe,height:ea,render:()=>t.jsx(yi,{})},"sidebar-factory-l":{width:fe,height:ea,render:()=>t.jsx(gi,{})},"feature-bg-purple":{width:Z,height:Z,render:()=>t.jsx(Me,{bgColor:"#cd9dfa"})},"feature-bg-blue":{width:Z,height:Z,render:()=>t.jsx(Me,{bgColor:"#67cffd"})},"feature-bg-green":{width:Z,height:Z,render:()=>t.jsx(Me,{bgColor:"#75d9a6"})},"feature-bg-yellow":{width:Z,height:Z,render:()=>t.jsx(Me,{bgColor:"#ffdf87"})},"feature-bg-grey":{width:Z,height:Z,render:()=>t.jsx(Me,{bgColor:"#3a3a3a"})},"feature-bg-salmon":{width:Z,height:Z,render:()=>t.jsx(Me,{bgColor:"#ffa48e"})},"restaurant-card-ashleys":{width:Ts,height:Ms,render:()=>t.jsx(is,{restaurant:ns.ashleys})},"restaurant-card-banana":{width:Ts,height:Ms,render:()=>t.jsx(is,{restaurant:ns.banana})},"restaurant-card-partial":{width:Ts,height:Ms,render:()=>t.jsx(is,{restaurant:ns.partial})},"planet-arc":{width:2100,height:N0,render:()=>t.jsx(B0,{})},"agents-tab-shot":{width:1280,height:760,render:()=>t.jsx(Or,{})},"hero-factory-poster":{width:1280,height:800,render:()=>t.jsx("div",{style:{position:"relative",width:1280,height:800},children:t.jsx(Gr,{disablePilot:!0})})}};function G0(){const[e,s]=m.useState(()=>window.location.hash);m.useEffect(()=>{const r=()=>s(window.location.hash);return window.addEventListener("hashchange",r),()=>window.removeEventListener("hashchange",r)},[]);const i=e.replace(/^#capture\//,""),n=Xs[i];return m.useLayoutEffect(()=>{if(document.body.removeAttribute("data-capture-ready"),!n)return;let r=0;const l=requestAnimationFrame(()=>{r=requestAnimationFrame(()=>{document.body.setAttribute("data-capture-ready","true")})});return()=>{cancelAnimationFrame(l),cancelAnimationFrame(r),document.body.removeAttribute("data-capture-ready")}},[n]),n?t.jsx("div",{id:"capture-root","data-capture-key":i,style:{width:n.width,height:n.height,background:n.background??"transparent",overflow:"hidden"},children:n.render()}):t.jsxs("div",{style:{fontFamily:"monospace",padding:20,color:"#fff"},children:[t.jsxs("div",{children:["Unknown capture target: ",i||"<empty>"]}),t.jsx("div",{children:"Known targets:"}),t.jsx("ul",{children:Object.keys(Xs).map(r=>

840t.jsx("li",{children:t.jsxs("a",{href:`#capture/${r}`,style:{color:"#6cf"},children:["#capture/",r]})},r))})]})}const O0=Object.fromEntries(Object.entries(Xs).map(([e,s])=>[e,{width:s.width,height:s.height}]));export{O0 as CAPTURE_TARGETS,G0 as CapturePage};

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.