@buoy-gg/shared-ui 7.0.46 → 7.0.48

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

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