@buoy-gg/shared-ui 7.0.39 → 7.0.41

package/lib/web/chunks/chunk-PACPGYH7.mjs

@@ -0,0 +1,2 @@
+"use client";
+import{a as F}from"./chunk-GF5C5DVX.mjs";var Ie=-40,Ee=20,De=10;function ue(){return window.innerHeight/2}function ge(){return ue()-130}function Z(){return ge()+-40-20-10}import{useState as ne,useRef as R,useCallback as B,useEffect as w,useMemo as ee,Children as te}from"react";import{useFloatingTools as pe,FloatingToolsProvider as me,useFloatingToolsContext as fe,interleaveWithDividers as be,floatingToolsColors as f,withAlpha as P,getUserStatusConfig as he,getGripIconLayout as we,interpolatePosition as xe,easing as ye,VISIBLE_HANDLE_WIDTH as oe,ANIMATION_DURATION as ve}from"@buoy-gg/floating-tools-react/web/floating";import{jsx as d,jsxs as $}from"react/jsx-runtime";var _={getItem:e=>localStorage.getItem(e),setItem:(e,o)=>localStorage.setItem(e,o)},ie="#A0A0A0";function Re({size:e=24,color:o=P(ie,"CC")}){let n=we(e);return d("div",{style:{width:e,height:e,display:"flex",flexDirection:"row",alignItems:"center",justifyContent:"center"},children:[0,1].map(a=>d("div",{style:{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",marginLeft:n.columnGap/2,marginRight:n.columnGap/2},children:[0,1,2].map(p=>d("div",{style:{width:n.dotSize,height:n.dotSize,borderRadius:n.dotSize/2,backgroundColor:o,marginTop:n.rowGap/2,marginBottom:n.rowGap/2}},p))},a))})}function Te(){return d("div",{style:{width:1,height:12,backgroundColor:P(f.muted,"66"),flexShrink:0}})}var Pe={success:f.success,optional:f.optional,muted:f.muted,secondary:ie};function Oe({userRole:e,onPress:o}){let{isDragging:n}=fe(),a=he(e,Pe),p=c=>{!n&&o&&(c.stopPropagation(),c.currentTarget.focus(),o())};return $("button",{role:"button","aria-label":`User status: ${a.label}`,onClick:p,style:{display:"flex",flexDirection:"row",alignItems:"center",paddingTop:6,paddingBottom:6,paddingLeft:8,paddingRight:8,flexShrink:0,cursor:o&&!n?"pointer":"default",background:"none",border:"none",margin:0},children:[d("div",{style:{width:6,height:6,borderRadius:3,backgroundColor:a.dotColor,marginRight:4}}),d("span",{style:{fontSize:10,fontWeight:500,color:a.textColor,letterSpacing:.3,fontFamily:'-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif',lineHeight:"normal"},children:a.label})]})}function Se(){let e=R(null),[o,n]=ne({x:0,y:0}),a=B((p,c,T)=>{e.current&&cancelAnimationFrame(e.current);let S=performance.now(),l=x=>{let M=x-S,A=Math.min(M/ve,1),I=xe(p,c,A,ye.easeOutCubic);n(I),A<1?e.current=requestAnimationFrame(l):(n(c),T?.())};e.current=requestAnimationFrame(l)},[]);return w(()=>()=>{e.current&&cancelAnimationFrame(e.current)},[]),{position:o,setPosition:n,animateTo:a}}var re=null;function Ne(){return re}function We({id:e,revealToken:o,variant:n="bubble",dragFromSurface:a=!1,accessibilityLabel:p="Drag handle",accessory:c,handleAdornment:T,enablePositionPersistence:S=!0,children:l,pushToSide:x=!1,suspendPointerEvents:M=!1,centerOnboarding:A=!1,minimizedStack:I,hasMinimizedStack:q=!1}){let y=R(null),le=ee(()=>e?{getItem:t=>_.getItem(`@buoy/floating-tool/${e}/${t}`),setItem:(t,r)=>_.setItem(`@buoy/floating-tool/${e}/${t}`,r)}:_,[e]),{state:i,actions:s,isInitialized:g}=pe({screenSize:{width:window.innerWidth,height:window.innerHeight},enablePositionPersistence:S,storage:le}),{position:v,setPosition:E,animateTo:b}=Se();w(()=>{g&&E(i.position)},[g,i.position,E]),w(()=>{e||(re={x:v.x,y:v.y})},[v,e]),w(()=>{if(!g)return;let t=()=>{let m=y.current?.getBoundingClientRect();m&&m.width>0&&m.height>0&&s.setBubbleSize({width:m.width,height:m.height})},r=()=>{s.setScreenSize(window.innerWidth,window.innerHeight),t()};t();let h=typeof ResizeObserver<"u"?new ResizeObserver(t):null;return y.current&&h?.observe(y.current),window.addEventListener("resize",r),()=>{h?.disconnect(),window.removeEventListener("resize",r)}},[s,g]),w(()=>{let t=document.createElement("div");t.style.cssText="position:fixed;top:env(safe-area-inset-top);left:env(safe-area-inset-left);visibility:hidden;pointer-events:none",document.body.appendChild(t);let r=t.getBoundingClientRect();document.body.removeChild(t),(r.top>0||r.left>0)&&s.setMinPosition({x:Math.max(r.left,10),y:Math.max(r.top,10)})},[s]);let[j,K]=ne(!1),J=B(t=>{t.stopPropagation(),t.preventDefault(),K(!0),s.handleDragStart({clientX:t.clientX,clientY:t.clientY})},[s]),z=R(!1),ce=t=>{t.button!==0||!(t.target instanceof Element)||t.target.closest('button, a, input, select, textarea, [role="button"], [role="switch"], [role="slider"], [role="checkbox"], [role="radio"], [contenteditable="true"], [data-floating-accessory]')||(z.current=!0,J(t))},L=B(t=>{let r=s.handleDragMove({clientX:t.clientX,clientY:t.clientY});r.isDragging&&E(r.position)},[s,E]),C=B(t=>{K(!1);let r=s.handleDragEnd({clientX:t.clientX,clientY:t.clientY}),h=z.current;if(z.current=!1,r.wasTap&&!h){let m=s.toggleHideShow();b(i.position,m.targetPosition,()=>{s.commitPosition(m.targetPosition)})}else r.shouldHide&&b(i.position,r.position,()=>{s.commitPosition(r.position)})},[s,b,i.position]);w(()=>{if(j)return window.addEventListener("pointermove",L),window.addEventListener("pointerup",C),window.addEventListener("pointercancel",C),()=>{window.removeEventListener("pointermove",L),window.removeEventListener("pointerup",C),window.removeEventListener("pointercancel",C)}},[j,L,C]);let D=R(i.position);D.current=i.position;let O=R(i.isHidden);O.current=i.isHidden;let H=R(!1);w(()=>{if(g){if(x&&!H.current){if(O.current)return;H.current=!0;let{targetPosition:t}=s.forceHide();b(D.current,t,()=>{})}else if(!x&&H.current){if(H.current=!1,!O.current)return;let{targetPosition:t}=s.forceShow(),r=y.current?.getBoundingClientRect().width??100,h={x:Math.max(10,Math.min(t.x,window.innerWidth-r-10)),y:t.y};b(D.current,h,()=>{s.commitPosition(h)})}}},[x,g]),w(()=>{if(!A||!g)return;let t=y.current?.getBoundingClientRect().width??100,r=y.current?.getBoundingClientRect().height??32,h=Z(),m={x:(window.innerWidth-t)/2,y:window.innerHeight-h-r};b(D.current,m,()=>{})},[A,g]);let Q=R(void 0);w(()=>{if(!(!g||Q.current===o)&&(Q.current=o,o!==void 0&&o>0&&i.isHidden)){let{targetPosition:t}=s.forceShow();b(i.position,t,()=>s.commitPosition(t))}},[o,g,i.isHidden,i.position,s,b]);let de=ee(()=>n==="strip"?te.toArray(l):be(te.toArray(l),t=>d(Te,{},t)),[l,n]);if(!g)return null;let N=Math.max(0,v.y-8),W=Math.max(0,window.innerHeight-v.y-i.bubbleSize.height-8),k=N>W;return $("div",{ref:y,"data-testid":e??"buoy-floating-tool",role:"toolbar","aria-label":"Floating Tools",onPointerDown:a?ce:void 0,style:{position:"fixed",left:v.x,top:v.y,zIndex:x?8999:9999,display:"flex",flexDirection:"row",alignItems:"center",backgroundColor:f.panel,borderTopLeftRadius:q?0:6,borderTopRightRadius:6,borderBottomLeftRadius:6,borderBottomRightRadius:6,borderWidth:i.isDragging?2:1,borderTopWidth:i.isDragging?2:q?0:1,borderStyle:"solid",borderColor:i.isDragging?f.dragActive:P(f.muted,"66"),boxShadow:i.isDragging?`0 6px 12px ${P(f.dragActive,.36)}`:"0 4px 8px rgba(0, 0, 0, 0.3)",cursor:a?i.isDragging?"grabbing":"grab":void 0,userSelect:"none",touchAction:"none",pointerEvents:M?"none":"auto",...n==="strip"?{borderRadius:F.radius.card,minHeight:48,backgroundColor:F.color.surface,borderColor:i.isDragging?F.color.accentBorderStrong:F.color.separator,boxShadow:"0 4px 16px rgba(0, 0, 0, 0.24)"}:{}},children:[I&&d("div",{style:{position:"absolute",...k?{bottom:"100%"}:{top:"100%"},"--buoy-stack-bottom":k?"0px":"auto","--buoy-stack-top":k?"auto":"0px","--buoy-stack-space":`${Math.max(N,W)}px`,left:-1,width:oe,overflow:"visible",zIndex:1001},children:I}),$("div",{role:"button","aria-label":p,"data-testid":e?`${e}-grip`:"buoy-floating-grip",tabIndex:0,onPointerDown:J,onKeyDown:t=>{if(t.key!=="Enter"&&t.key!==" ")return;t.preventDefault();let r=s.toggleHideShow();b(i.position,r.targetPosition,()=>s.commitPosition(r.targetPosition))},style:{touchAction:"none",paddingLeft:6,paddingRight:6,paddingTop:6,paddingBottom:6,backgroundColor:P(f.muted,"1A"),display:"flex",alignItems:"center",justifyContent:"center",width:oe,boxSizing:"border-box",borderRight:`1px solid ${P(f.muted,"66")}`,cursor:i.isDragging?"grabbing":"grab",...n==="strip"?{minHeight:48,backgroundColor:"transparent",borderRight:"none",flexDirection:"column"}:{}},children:[d(Re,{size:n==="strip"?20:12}),T]}),d(me,{value:{isDragging:i.isDragging,isHidden:i.isHidden},children:d("div",{style:{display:"flex",flexDirection:"row",alignItems:"center",gap:6,paddingRight:8},children:de})}),!i.isHidden&&c&&d("div",{"data-floating-accessory":!0,style:{position:"absolute",...k?{bottom:"100%"}:{top:"100%"},left:0,width:"100%",maxHeight:Math.max(N,W),overflowY:"auto",zIndex:1002},children:c})]})}var u=[],Ae=0,U=new Set,Y=()=>U.forEach(e=>e()),X=()=>u,V=e=>(U.add(e),()=>{U.delete(e)});function Ue(e){if(!e.id.trim())throw new Error("Floating tools need a non-empty id");let o={...e,revealToken:++Ae};u=u.some(n=>n.id===e.id)?u.map(n=>n.id===e.id?o:n):[...u,o],Y()}function se(e){u.some(o=>o.id===e)&&(u=u.filter(o=>o.id!==e),Y())}function Ye(e,o){if(!e.id.trim())throw new Error("Floating tools need a non-empty id");let n=`@buoy/floating-tool/${e.id}/open`,a=!1,p=!1,c=u.some(l=>l.id===e.id),T=Promise.resolve(),S=V(()=>{let l=u.some(x=>x.id===e.id);l!==c&&(c=l,p=!0,T=T.then(()=>o.setItem(n,l?"1":"0")).then(()=>{},()=>{}))});return o.getItem(n).then(l=>{a||p||c||l!=="1"||(u=[...u,{...e,revealToken:0}],Y())}).catch(()=>{}),()=>{a=!0,S()}}import{Fragment as Ce,useSyncExternalStore as Fe}from"react";import{jsx as ae}from"react/jsx-runtime";function Ke(){let e=Fe(V,X,X);return ae("div",{style:{position:"fixed",inset:0,pointerEvents:"none",zIndex:1e4},children:e.map(o=>ae(Ce,{children:o.render({id:o.id,revealToken:o.revealToken,dismiss:()=>se(o.id)})},o.id))})}export{Ie as a,Ee as b,De as c,ue as d,ge as e,Z as f,Te as g,Oe as h,Ne as i,We as j,X as k,V as l,Ue as m,se as n,Ye as o,Ke as p};