@popmelt.com/core 0.28.1 → 0.28.2

package/dist/{chunk-W4VRK56P.mjs → chunk-MIGCFNL4.mjs}

@@ -22,7 +22,7 @@ ${t}`,[o,i]=A({linked:!1,error:"",key:""});return D(()=>{if(i({linked:!1,error:"
         [data-popmelt-session-connection] .lucide-loader-circle { animation: popmelt-connection-spin .8s linear infinite; }
         [data-popmelt-session-connection] > svg { flex-shrink: 0; }
         @media (prefers-reduced-motion: reduce) { [data-popmelt-session-connection] .lucide-loader-circle { animation: none; } }
-      `}),y("button",{"data-popmelt-session-connection":!0,type:"button",disabled:v,title:_,"aria-label":`${F}. ${_}`,"aria-busy":v,onMouseEnter:()=>p(!0),onMouseLeave:()=>p(!1),onFocus:()=>m(!0),onBlur:()=>m(!1),onClick:()=>{de()},style:{...pn(Ie[e],$),cursor:v?"default":"pointer",minWidth:0,maxWidth:"100%"},children:[v||n&&!$?l(Xn,{size:14,strokeWidth:1.5,"aria-hidden":"true"}):$||S?l(Co,{size:14,strokeWidth:1.5,"aria-hidden":"true"}):l(ca,{size:14,strokeWidth:1.5,"aria-hidden":"true"}),y("span",{style:{display:"inline-grid",textAlign:"left",whiteSpace:"nowrap",position:"relative",minWidth:0},children:[L.map(me=>l("span",{"aria-hidden":"true",style:{gridArea:"1 / 1",visibility:"hidden",pointerEvents:"none",overflow:"hidden"},children:me},me)),l("span",{"data-popmelt-connection-label":!0,title:F,style:{position:"absolute",inset:0,overflow:"hidden",textOverflow:"ellipsis"},children:F})]})]})]})}function $n(e){return e<=767}function fn(e){return $n(e)?8:16}function wt(e){let t=fn(e);return e<=480?Math.max(0,e-t*2):Math.min(360,Math.max(0,e-t*2))}var hn=16,Je=40,Pt=8,va="popmelt-toolbar-snap-position";function mn(e){return e.startsWith("top-")}function An(e){return e.endsWith("-right")}function Kn(e){return e.endsWith("-center")}function xa(){try{let e=localStorage.getItem(va);if(e&&Oc(e))return e}catch{}return"bottom-right"}function wa(e){try{localStorage.setItem(va,e)}catch{}}function Oc(e){return["bottom-right","bottom-center","bottom-left","top-right","top-center","top-left"].includes(e)}function Wc(e,t,n){let r=$n(t),o=fn(t),i=mn(e)?r?`max(${o}px, env(safe-area-inset-top))`:o:r?"auto":n-o-Je,a=!mn(e)&&r?`max(${o}px, env(safe-area-inset-bottom))`:void 0;return Kn(e)?{position:"fixed",top:i,bottom:a,left:"50%",transform:"translateX(-50%)"}:An(e)?{position:"fixed",top:i,bottom:a,right:r?`max(${o}px, env(safe-area-inset-right))`:o,left:"auto"}:{position:"fixed",top:i,bottom:a,left:r?`max(${o}px, env(safe-area-inset-left))`:o,right:"auto"}}function Wt(e,t,n,r=12){let o=mn(e),i=$n(t),a=fn(t),s=o?{top:i?`calc(max(${a}px, env(safe-area-inset-top)) + ${Je+r}px)`:a+Je+r}:{bottom:i?`calc(max(${a}px, env(safe-area-inset-bottom)) + ${Je+r}px)`:a+Je+r},d;return Kn(e)?d={left:"50%",transform:"translateX(-50%)"}:An(e)?d={right:i?`max(${a}px, env(safe-area-inset-right))`:a}:d={left:i?`max(${a}px, env(safe-area-inset-left))`:a},{position:"fixed",...s,...d}}function Bc(e,t,n){let r=mn(e),o=$n(t),i=fn(t),a=r?{top:o?`calc(max(${i}px, env(safe-area-inset-top)) + ${Je+8}px)`:i+Je+8}:{bottom:o?`calc(max(${i}px, env(safe-area-inset-bottom)) + ${Je+8}px)`:i+Je+8},s,d;return Kn(e)?(s={left:"50%",transform:"translateX(-50%)"},d="center"):An(e)?(s={right:o?`max(${i}px, env(safe-area-inset-right))`:i},d="flex-end"):(s={left:o?`max(${i}px, env(safe-area-inset-left))`:i},d="flex-start"),{position:"fixed",...a,...s,zIndex:9999,display:"flex",flexDirection:"column",alignItems:d}}function Dc(e,t=typeof window<"u"?window.innerWidth:1920){let n=mn(e),r=An(e)||Kn(e),o=$n(t),i=fn(t),a=n&&r?i+Je+Pt:i,s=!n&&r?i+Je+Pt:i;return{position:"fixed",top:o?`max(${a}px, env(safe-area-inset-top))`:a,right:o?`max(${i}px, env(safe-area-inset-right))`:i,bottom:o?`max(${s}px, env(safe-area-inset-bottom))`:s,width:wt(t)}}function Fc(e,t,n){let r=wt(t),o=fn(t),i=mn(e),a,s;An(e)||Kn(e)?(a=t-o,s=a-r):(s=o,a=s+r);let d=i?o+Je+Pt:n-o-Je-Pt;return{left:s,right:a,y:d}}var Vc=["top-left","top-center","top-right","bottom-left","bottom-center","bottom-right"],Ca=100,It=200,Mr={surface:null,phase:"visible"};function So({openDelayMs:e=Ca,exitDurationMs:t=It,pinnedSurface:n=null}={}){let[r,o]=A(Mr),i=M(Mr),a=M(null),s=M(n);s.current=n;let d=M(null),c=M(null),u=ie(w=>{i.current.surface===w.surface&&i.current.phase===w.phase||(i.current=w,o(w))},[]),p=ie(()=>{d.current&&(clearTimeout(d.current),d.current=null)},[]),h=ie(()=>{c.current&&(clearTimeout(c.current),c.current=null)},[]),m=ie(w=>{a.current=w,p(),h(),u({surface:w,phase:"visible"})},[h,p,u]),v=ie(w=>{if(!(s.current&&i.current.surface===s.current&&w!==s.current)){if(a.current=w,p(),h(),i.current.surface!==null){u({surface:w,phase:"visible"});return}d.current=setTimeout(()=>{d.current=null,a.current===w&&u({surface:w,phase:"visible"})},e)}},[h,p,e,u]),x=ie(w=>{w!==s.current&&(a.current===w&&(a.current=null),p(),i.current.surface===w&&(h(),u({surface:w,phase:"exiting"}),c.current=setTimeout(()=>{c.current=null,a.current===null&&u(Mr)},t)))},[h,p,t,u]),T=ie(w=>{w&&i.current.surface!==w||(a.current=null,p(),h(),u(Mr))},[h,p,u]);return Ze(()=>{n&&i.current.surface===n&&m(n)},[n,m]),D(()=>()=>{p(),h()},[h,p]),{surface:r.surface,phase:r.phase,enter:v,leave:x,show:m,dismiss:T}}var Qc={version:"0.28.1"},ka=Qc.version;function Io({theme:e,expanded:t,width:n,snapPosition:r,viewport:o,toolbarRef:i,style:a,...s}){let d=Ie[e];return l("div",{...s,ref:i,id:"devtools-toolbar",role:"toolbar","data-popmelt-theme":e,style:{...Wc(r,o.w,o.h),zIndex:9999,display:"flex",alignItems:"center",fontFamily:"ui-monospace, SFMono-Regular, Menlo, Consolas, monospace",cursor:"pointer",overflow:"visible",transition:"none",backgroundColor:d.surface,color:d.primary,colorScheme:e,boxSizing:"border-box",border:t?0:`1px solid ${d.border}`,boxShadow:t?`0 0 0 1px ${d.border}`:void 0,borderRadius:20,padding:t?"4px 8px 4px 4px":0,width:t?n:40,height:40,gap:t?6:0,justifyContent:t?"flex-start":"center",...a}})}function Mo({expanded:e,active:t=!1,color:n,onSettlingChange:r,...o}){return l("button",{type:"button",title:e?"Collapse (\u2318\u2318)":"Open Popmelt (\u2318\u2318)",...o,style:{display:"flex",alignItems:"center",justifyContent:"center",width:e?24:40,height:e?32:40,flexShrink:0,border:"none",background:"none",padding:0,cursor:"pointer"},children:l(fa,{"data-popmelt-logo":!0,active:t,onSettlingChange:r,width:"24",height:"24",viewBox:"0 0 40 40",fill:e||t?n:"none",stroke:e||t?"none":n,strokeWidth:"1",strokeLinejoin:"round",xmlns:"http://www.w3.org/2000/svg"})})}function Sa({theme:e,active:t,busy:n,color:r,onSettlingChange:o,onOpen:i,onCrosshairHover:a,onMouseEnter:s,toolbarRef:d,...c}){let u=M(null);return D(()=>{let p=u.current;if(!p)return;let h=p.querySelector("[data-popmelt-logo]"),m=()=>{p.style.opacity="1",!n&&h&&(h.style.fill=Ie[e].primary,h.style.stroke="none")},v=()=>{p.style.opacity=n?"1":"0.2",!n&&h&&(h.style.fill="none",h.style.removeProperty("stroke"))};return p.addEventListener("mouseenter",m),p.addEventListener("mouseleave",v),()=>{p.removeEventListener("mouseenter",m),p.removeEventListener("mouseleave",v)}},[n,e]),l(Io,{...c,theme:e,expanded:!1,width:40,toolbarRef:p=>{u.current=p,typeof d=="function"?d(p):d&&(d.current=p)},onMouseEnter:s,style:{opacity:n?1:.2,...c.style},children:l(Mo,{expanded:!1,active:t,color:r,onSettlingChange:o,onClick:i,onMouseEnter:()=>a?.(!0),onMouseLeave:()=>a?.(!1)})})}function Ia(){let e=()=>typeof window>"u"?{w:1920,h:1080}:{w:window.visualViewport?.width??window.innerWidth,h:window.visualViewport?.height??window.innerHeight},[t,n]=A(e);return D(()=>{let r=()=>n(e());return window.addEventListener("resize",r),window.visualViewport?.addEventListener("resize",r),()=>{window.removeEventListener("resize",r),window.visualViewport?.removeEventListener("resize",r)}},[]),t}function Ma(e){let t=M(e);t.current=e,D(()=>{let n=0,r=0,o=a=>{if(a.key!=="Meta"&&a.key!=="Control"){r=0;return}let s=Date.now();r=s-n<wr.toolbar.toggleWindowMs?r+1:1,r>=2&&(t.current(),r=0),n=s},i=a=>{a.key!=="Meta"&&a.key!=="Control"&&(r=0)};return window.addEventListener("keydown",o),window.addEventListener("keyup",i),()=>{window.removeEventListener("keydown",o),window.removeEventListener("keyup",i)}},[])}var _c=(e,t)=>({display:"flex",width:t,height:32,borderRadius:16,overflow:"hidden",background:Ie[e].control});function Zc({theme:e,icon:t,menuOpen:n=!1,interactive:r=!0,primaryLabel:o="Cycle annotations",primaryCursor:i=!1,dotColor:a,onPrimary:s,onMenu:d}){let c=Ie[e];return y("div",{"data-popmelt-compact-tool-control":!0,style:{..._c(e,46),pointerEvents:r?void 0:"none"},children:[y("button",{type:"button","aria-label":o,"aria-disabled":!r,tabIndex:r?void 0:-1,onClick:s,style:{width:26,height:32,display:"flex",alignItems:"center",justifyContent:"flex-end",position:"relative",padding:0,border:0,background:"transparent",color:c.primary,cursor:r&&i?"pointer":"default"},children:[t,a&&l("span",{"aria-hidden":"true",style:{position:"absolute",left:16,top:14,width:4,height:4,borderRadius:"50%",background:a,pointerEvents:"none"}})]}),l("button",{type:"button","aria-label":"Choose tool","aria-haspopup":"menu","aria-expanded":n,"aria-disabled":!r,tabIndex:r?void 0:-1,onClick:d,style:{width:20,height:32,display:"flex",alignItems:"center",justifyContent:"center",boxSizing:"border-box",padding:"0 6px 0 2px",border:0,background:"transparent",color:c.mutedStrong,cursor:r?"pointer":"default"},children:l(wo,{size:12,strokeWidth:2,style:{transform:n?"rotate(180deg)":"rotate(0deg)",transition:"transform 120ms ease"}})})]})}function qc({theme:e,themePreference:t=e,onThemePreferenceChange:n,action:r,logoOnly:o=!1,connection:i,panel:a,deemphasizeControls:s=!1,onCollapse:d,ariaLabel:c="Popmelt admission"}){let[u,p]=A(()=>!o),[h,m]=A(xa),v=M(null),x=So(),{leave:T,dismiss:w}=x,S=x.surface!==null&&x.phase==="visible",H=Ia(),L=()=>{if(u){w(),d?.(),p(!1);return}p(!0),o&&x.show("popmelt-guide")};return Ma(L),D(()=>{let k=v.current;if(!k)return;let E=R=>{R.relatedTarget instanceof Node&&k.contains(R.relatedTarget)||T("popmelt-guide")};return k.addEventListener("pointerout",E),()=>k.removeEventListener("pointerout",E)},[u,T]),u?y("div",{ref:v,style:{display:"contents"},onKeyDown:k=>{k.key==="Escape"&&w()},onBlur:k=>{k.relatedTarget instanceof Node&&v.current?.contains(k.relatedTarget)||T("popmelt-guide")},children:[l("style",{children:`
+      `}),y("button",{"data-popmelt-session-connection":!0,type:"button",disabled:v,title:_,"aria-label":`${F}. ${_}`,"aria-busy":v,onMouseEnter:()=>p(!0),onMouseLeave:()=>p(!1),onFocus:()=>m(!0),onBlur:()=>m(!1),onClick:()=>{de()},style:{...pn(Ie[e],$),cursor:v?"default":"pointer",minWidth:0,maxWidth:"100%"},children:[v||n&&!$?l(Xn,{size:14,strokeWidth:1.5,"aria-hidden":"true"}):$||S?l(Co,{size:14,strokeWidth:1.5,"aria-hidden":"true"}):l(ca,{size:14,strokeWidth:1.5,"aria-hidden":"true"}),y("span",{style:{display:"inline-grid",textAlign:"left",whiteSpace:"nowrap",position:"relative",minWidth:0},children:[L.map(me=>l("span",{"aria-hidden":"true",style:{gridArea:"1 / 1",visibility:"hidden",pointerEvents:"none",overflow:"hidden"},children:me},me)),l("span",{"data-popmelt-connection-label":!0,title:F,style:{position:"absolute",inset:0,overflow:"hidden",textOverflow:"ellipsis"},children:F})]})]})]})}function $n(e){return e<=767}function fn(e){return $n(e)?8:16}function wt(e){let t=fn(e);return e<=480?Math.max(0,e-t*2):Math.min(360,Math.max(0,e-t*2))}var hn=16,Je=40,Pt=8,va="popmelt-toolbar-snap-position";function mn(e){return e.startsWith("top-")}function An(e){return e.endsWith("-right")}function Kn(e){return e.endsWith("-center")}function xa(){try{let e=localStorage.getItem(va);if(e&&Oc(e))return e}catch{}return"bottom-right"}function wa(e){try{localStorage.setItem(va,e)}catch{}}function Oc(e){return["bottom-right","bottom-center","bottom-left","top-right","top-center","top-left"].includes(e)}function Wc(e,t,n){let r=$n(t),o=fn(t),i=mn(e)?r?`max(${o}px, env(safe-area-inset-top))`:o:r?"auto":n-o-Je,a=!mn(e)&&r?`max(${o}px, env(safe-area-inset-bottom))`:void 0;return Kn(e)?{position:"fixed",top:i,bottom:a,left:"50%",transform:"translateX(-50%)"}:An(e)?{position:"fixed",top:i,bottom:a,right:r?`max(${o}px, env(safe-area-inset-right))`:o,left:"auto"}:{position:"fixed",top:i,bottom:a,left:r?`max(${o}px, env(safe-area-inset-left))`:o,right:"auto"}}function Wt(e,t,n,r=12){let o=mn(e),i=$n(t),a=fn(t),s=o?{top:i?`calc(max(${a}px, env(safe-area-inset-top)) + ${Je+r}px)`:a+Je+r}:{bottom:i?`calc(max(${a}px, env(safe-area-inset-bottom)) + ${Je+r}px)`:a+Je+r},d;return Kn(e)?d={left:"50%",transform:"translateX(-50%)"}:An(e)?d={right:i?`max(${a}px, env(safe-area-inset-right))`:a}:d={left:i?`max(${a}px, env(safe-area-inset-left))`:a},{position:"fixed",...s,...d}}function Bc(e,t,n){let r=mn(e),o=$n(t),i=fn(t),a=r?{top:o?`calc(max(${i}px, env(safe-area-inset-top)) + ${Je+8}px)`:i+Je+8}:{bottom:o?`calc(max(${i}px, env(safe-area-inset-bottom)) + ${Je+8}px)`:i+Je+8},s,d;return Kn(e)?(s={left:"50%",transform:"translateX(-50%)"},d="center"):An(e)?(s={right:o?`max(${i}px, env(safe-area-inset-right))`:i},d="flex-end"):(s={left:o?`max(${i}px, env(safe-area-inset-left))`:i},d="flex-start"),{position:"fixed",...a,...s,zIndex:9999,display:"flex",flexDirection:"column",alignItems:d}}function Dc(e,t=typeof window<"u"?window.innerWidth:1920){let n=mn(e),r=An(e)||Kn(e),o=$n(t),i=fn(t),a=n&&r?i+Je+Pt:i,s=!n&&r?i+Je+Pt:i;return{position:"fixed",top:o?`max(${a}px, env(safe-area-inset-top))`:a,right:o?`max(${i}px, env(safe-area-inset-right))`:i,bottom:o?`max(${s}px, env(safe-area-inset-bottom))`:s,width:wt(t)}}function Fc(e,t,n){let r=wt(t),o=fn(t),i=mn(e),a,s;An(e)||Kn(e)?(a=t-o,s=a-r):(s=o,a=s+r);let d=i?o+Je+Pt:n-o-Je-Pt;return{left:s,right:a,y:d}}var Vc=["top-left","top-center","top-right","bottom-left","bottom-center","bottom-right"],Ca=100,It=200,Mr={surface:null,phase:"visible"};function So({openDelayMs:e=Ca,exitDurationMs:t=It,pinnedSurface:n=null}={}){let[r,o]=A(Mr),i=M(Mr),a=M(null),s=M(n);s.current=n;let d=M(null),c=M(null),u=ie(w=>{i.current.surface===w.surface&&i.current.phase===w.phase||(i.current=w,o(w))},[]),p=ie(()=>{d.current&&(clearTimeout(d.current),d.current=null)},[]),h=ie(()=>{c.current&&(clearTimeout(c.current),c.current=null)},[]),m=ie(w=>{a.current=w,p(),h(),u({surface:w,phase:"visible"})},[h,p,u]),v=ie(w=>{if(!(s.current&&i.current.surface===s.current&&w!==s.current)){if(a.current=w,p(),h(),i.current.surface!==null){u({surface:w,phase:"visible"});return}d.current=setTimeout(()=>{d.current=null,a.current===w&&u({surface:w,phase:"visible"})},e)}},[h,p,e,u]),x=ie(w=>{w!==s.current&&(a.current===w&&(a.current=null),p(),i.current.surface===w&&(h(),u({surface:w,phase:"exiting"}),c.current=setTimeout(()=>{c.current=null,a.current===null&&u(Mr)},t)))},[h,p,t,u]),T=ie(w=>{w&&i.current.surface!==w||(a.current=null,p(),h(),u(Mr))},[h,p,u]);return Ze(()=>{n&&i.current.surface===n&&m(n)},[n,m]),D(()=>()=>{p(),h()},[h,p]),{surface:r.surface,phase:r.phase,enter:v,leave:x,show:m,dismiss:T}}var Qc={version:"0.28.2"},ka=Qc.version;function Io({theme:e,expanded:t,width:n,snapPosition:r,viewport:o,toolbarRef:i,style:a,...s}){let d=Ie[e];return l("div",{...s,ref:i,id:"devtools-toolbar",role:"toolbar","data-popmelt-theme":e,style:{...Wc(r,o.w,o.h),zIndex:9999,display:"flex",alignItems:"center",fontFamily:"ui-monospace, SFMono-Regular, Menlo, Consolas, monospace",cursor:"pointer",overflow:"visible",transition:"none",backgroundColor:d.surface,color:d.primary,colorScheme:e,boxSizing:"border-box",border:t?0:`1px solid ${d.border}`,boxShadow:t?`0 0 0 1px ${d.border}`:void 0,borderRadius:20,padding:t?"4px 8px 4px 4px":0,width:t?n:40,height:40,gap:t?6:0,justifyContent:t?"flex-start":"center",...a}})}function Mo({expanded:e,active:t=!1,color:n,onSettlingChange:r,...o}){return l("button",{type:"button",title:e?"Collapse (\u2318\u2318)":"Open Popmelt (\u2318\u2318)",...o,style:{display:"flex",alignItems:"center",justifyContent:"center",width:e?24:40,height:e?32:40,flexShrink:0,border:"none",background:"none",padding:0,cursor:"pointer"},children:l(fa,{"data-popmelt-logo":!0,active:t,onSettlingChange:r,width:"24",height:"24",viewBox:"0 0 40 40",fill:e||t?n:"none",stroke:e||t?"none":n,strokeWidth:"1",strokeLinejoin:"round",xmlns:"http://www.w3.org/2000/svg"})})}function Sa({theme:e,active:t,busy:n,color:r,onSettlingChange:o,onOpen:i,onCrosshairHover:a,onMouseEnter:s,toolbarRef:d,...c}){let u=M(null);return D(()=>{let p=u.current;if(!p)return;let h=p.querySelector("[data-popmelt-logo]"),m=()=>{p.style.opacity="1",!n&&h&&(h.style.fill=Ie[e].primary,h.style.stroke="none")},v=()=>{p.style.opacity=n?"1":"0.2",!n&&h&&(h.style.fill="none",h.style.removeProperty("stroke"))};return p.addEventListener("mouseenter",m),p.addEventListener("mouseleave",v),()=>{p.removeEventListener("mouseenter",m),p.removeEventListener("mouseleave",v)}},[n,e]),l(Io,{...c,theme:e,expanded:!1,width:40,toolbarRef:p=>{u.current=p,typeof d=="function"?d(p):d&&(d.current=p)},onMouseEnter:s,style:{opacity:n?1:.2,...c.style},children:l(Mo,{expanded:!1,active:t,color:r,onSettlingChange:o,onClick:i,onMouseEnter:()=>a?.(!0),onMouseLeave:()=>a?.(!1)})})}function Ia(){let e=()=>typeof window>"u"?{w:1920,h:1080}:{w:window.visualViewport?.width??window.innerWidth,h:window.visualViewport?.height??window.innerHeight},[t,n]=A(e);return D(()=>{let r=()=>n(e());return window.addEventListener("resize",r),window.visualViewport?.addEventListener("resize",r),()=>{window.removeEventListener("resize",r),window.visualViewport?.removeEventListener("resize",r)}},[]),t}function Ma(e){let t=M(e);t.current=e,D(()=>{let n=0,r=0,o=a=>{if(a.key!=="Meta"&&a.key!=="Control"){r=0;return}let s=Date.now();r=s-n<wr.toolbar.toggleWindowMs?r+1:1,r>=2&&(t.current(),r=0),n=s},i=a=>{a.key!=="Meta"&&a.key!=="Control"&&(r=0)};return window.addEventListener("keydown",o),window.addEventListener("keyup",i),()=>{window.removeEventListener("keydown",o),window.removeEventListener("keyup",i)}},[])}var _c=(e,t)=>({display:"flex",width:t,height:32,borderRadius:16,overflow:"hidden",background:Ie[e].control});function Zc({theme:e,icon:t,menuOpen:n=!1,interactive:r=!0,primaryLabel:o="Cycle annotations",primaryCursor:i=!1,dotColor:a,onPrimary:s,onMenu:d}){let c=Ie[e];return y("div",{"data-popmelt-compact-tool-control":!0,style:{..._c(e,46),pointerEvents:r?void 0:"none"},children:[y("button",{type:"button","aria-label":o,"aria-disabled":!r,tabIndex:r?void 0:-1,onClick:s,style:{width:26,height:32,display:"flex",alignItems:"center",justifyContent:"flex-end",position:"relative",padding:0,border:0,background:"transparent",color:c.primary,cursor:r&&i?"pointer":"default"},children:[t,a&&l("span",{"aria-hidden":"true",style:{position:"absolute",left:16,top:14,width:4,height:4,borderRadius:"50%",background:a,pointerEvents:"none"}})]}),l("button",{type:"button","aria-label":"Choose tool","aria-haspopup":"menu","aria-expanded":n,"aria-disabled":!r,tabIndex:r?void 0:-1,onClick:d,style:{width:20,height:32,display:"flex",alignItems:"center",justifyContent:"center",boxSizing:"border-box",padding:"0 6px 0 2px",border:0,background:"transparent",color:c.mutedStrong,cursor:r?"pointer":"default"},children:l(wo,{size:12,strokeWidth:2,style:{transform:n?"rotate(180deg)":"rotate(0deg)",transition:"transform 120ms ease"}})})]})}function qc({theme:e,themePreference:t=e,onThemePreferenceChange:n,action:r,logoOnly:o=!1,connection:i,panel:a,deemphasizeControls:s=!1,onCollapse:d,ariaLabel:c="Popmelt admission"}){let[u,p]=A(()=>!o),[h,m]=A(xa),v=M(null),x=So(),{leave:T,dismiss:w}=x,S=x.surface!==null&&x.phase==="visible",H=Ia(),L=()=>{if(u){w(),d?.(),p(!1);return}p(!0),o&&x.show("popmelt-guide")};return Ma(L),D(()=>{let k=v.current;if(!k)return;let E=R=>{R.relatedTarget instanceof Node&&k.contains(R.relatedTarget)||T("popmelt-guide")};return k.addEventListener("pointerout",E),()=>k.removeEventListener("pointerout",E)},[u,T]),u?y("div",{ref:v,style:{display:"contents"},onKeyDown:k=>{k.key==="Escape"&&w()},onBlur:k=>{k.relatedTarget instanceof Node&&v.current?.contains(k.relatedTarget)||T("popmelt-guide")},children:[l("style",{children:`
         [data-popmelt-entry-dimmed] [data-popmelt-entry-content],
         [data-popmelt-entry-dimmed] [data-popmelt-entry-control] > [data-popmelt-logo] {
           opacity: 1;