https://clayread.com/assets/tooltip-BkD8N7aX.js

1import{r as a,j as c}from"./chunk-PVWAREVJ-kUNjteTa.js";import{a as He,u as Le,c as A,P as J,b as Ie,D as Me}from"./index-COWN96lV.js";import{u as H,a as $e}from"./index-DT0elAU7.js";import{c as Q,u as K,a as ze}from"./index-HIrZpceN.js";import{u as Ye,o as Fe,s as We,f as Ge,a as Be,b as Ve,h as Xe,l as Ue,c as qe}from"./floating-ui.react-dom-BFFC9I94.js";import{R as Ze}from"./index-CxKrAJ31.js";import{P as L}from"./index-Zi3s_Vvt.js";import{u as Ke}from"./index-BaAQVGBV.js";import{c as Je}from"./utils-Xss56_M8.js";var Y="Popper",[ee,te]=Q(Y),[Qe,re]=ee(Y),oe=e=>{const{__scopePopper:r,children:t}=e,[o,n]=a.useState(null);return c.jsx(Qe,{scope:r,anchor:o,onAnchorChange:n,children:t})};oe.displayName=Y;var ne="PopperAnchor",ae=a.forwardRef((e,r)=>{const{__scopePopper:t,virtualRef:o,...n}=e,l=re(ne,t),i=a.useRef(null),h=H(r,i),s=a.useRef(null);return a.useEffect(()=>{const p=s.current;s.current=o?.current||i.current,p!==s.current&&l.onAnchorChange(s.current)}),o?null:c.jsx(L.div,{...n,ref:h})});ae.displayName=ne;var F="PopperContent",[et,tt]=ee(F),se=a.forwardRef((e,r)=>{const{__scopePopper:t,side:o="bottom",sideOffset:n=0,align:l="center",alignOffset:i=0,arrowPadding:h=0,avoidCollisions:s=!0,collisionBoundary:p=[],collisionPadding:d=0,sticky:u="partial",hideWhenDetached:m=!1,updatePositionStrategy:f="optimized",onPlaced:x,...v}=e,g=re(F,t),[y,w]=a.useState(null),P=H(r,_=>w(_)),[C,T]=a.useState(null),R=Ke(C),S=R?.width??0,B=R?.height??0,we=o+(l!=="center"?"-"+l:""),Ce=typeof d=="number"?d:{top:0,right:0,bottom:0,left:0,...d},V=Array.isArray(p)?p:[p],Pe=V.length>0,N={padding:Ce,boundary:V.filter(ot),altBoundary:Pe},{refs:Te,floatingStyles:X,placement:be,isPositioned:D,middlewareData:b}=Ye({strategy:"fixed",placement:we,whileElementsMounted:(..._)=>qe(..._,{animationFrame:f==="always"}),elements:{reference:g.anchor},middleware:[Fe({mainAxis:n+B,alignmentAxis:i}),s&&We({mainAxis:!0,crossAxis:!1,limiter:u==="partial"?Ue():void 0,...N}),s&&Ge({...N}),Be({...N,apply:({elements:_,rects:Z,availableWidth:Se,availableHeight:Ne})=>{const{width:De,height:ke}=Z.reference,k=_.floating.style;k.setProperty("--radix-popper-available-width",`${Se}px`),k.setProperty("--radix-popper-available-height",`${Ne}px`),k.setProperty("--radix-popper-anchor-width",`${De}px`),k.setProperty("--radix-popper-anchor-height",`${ke}px`)}}),C&&Ve({element:C,padding:h}),nt({arrowWidth:S,arrowHeight:B}),m&&Xe({strategy:"referenceHidden",...N})]}),[U,Ae]=ce(be),q=He(x);K(()=>{D&&q?.()},[D,q]);const Ee=b.arrow?.x,Re=b.arrow?.y,_e=b.arrow?.centerOffset!==0,[Oe,je]=a.useState();return K(()=>{y&&je(window.getComputedStyle(y).zIndex)},[y]),c.jsx("div",{ref:Te.setFloating,"data-radix-popper-content-wrapper":"",style:{...X,transform:D?X.transform:"translate(0, -200%)",minWidth:"max-content",zIndex:Oe,"--radix-popper-transform-origin":[b.transformOrigin?.x,b.transformOrigin?.y].join(" "),...b.hide?.referenceHidden&&{visibility:"hidden",pointerEvents:"none"}},dir:e.dir,children:c.jsx(et,{scope:t,placedSide:U,onArrowChange:T,arrowX:Ee,arrowY:Re,shouldHideArrow:_e,children:c.jsx(L.div,{"data-side":U,"data-align":Ae,...v,ref:P,style:{...v.style,animation:D?void 0:"none"}})})})});se.displayName=F;var ie="PopperArrow",rt={top:"bottom",right:"left",bottom:"top",left:"right"},le=a.forwardRef(function(r,t){const{__scopePopper:o,...n}=r,l=tt(ie,o),i=rt[l.placedSide];return c.jsx("span",{ref:l.onArrowChange,style:{position:"absolute",left:l.arrowX,top:l.arrowY,[i]:0,transformOrigin:{top:"",right:"0 0",bottom:"center 0",left:"100% 0"}[l.placedSide],transform:{top:"translateY(100%)",right:"translateY(50%) rotate(90deg) translateX(-50%)",bottom:"rotate(180deg)",left:"translateY(50%) rotate(-90deg) translateX(50%)"}[l.placedSide],visibility:l.shouldHideArrow?"hidden":void 0},children:c.jsx(Ze,{...n,ref:t,style:{...n.style,display:"block"}})})});le.displayName=ie;function ot(e){return e!==null}var nt=e=>({name:"transformOrigin",options:e,fn(r){const{placement:t,rects:o,middlewareData:n}=r,i=n.arrow?.centerOffset!==0,h=i?0:e.arrowWidth,s=i?0:e.arrowHeight,[p,d]=ce(t),u={start:"0%",center:"50%",end:"100%"}[d],m=(n.arrow?.x??0)+h/2,f=(n.arrow?.y??0)+s/2;let x="",v="";return p==="bottom"?(x=i?u:`${m}px`,v=`${-s}px`):p==="top"?(x=i?u:`${m}px`,v=`${o.floating.height+s}px`):p==="right"?(x=`${-s}px`,v=i?u:`${f}px`):p==="left"&&(x=`${o.floating.width+s}px`,v=i?u:`${f}px`),{data:{x,y:v}}}});function ce(e){const[r,t="center"]=e.split("-");return[r,t]}var at=oe,st=ae,it=se,lt=le,ct=Object.freeze({position:"absolute",border:0,width:1,height:1,padding:0,margin:-1,overflow:"hidden",clip:"rect(0, 0, 0, 0)",whiteSpace:"nowrap",wordWrap:"normal"}),dt="VisuallyHidden",de=a.forwardRef((e,r)=>c.jsx(L.span,{...e,ref:r,style:{...ct,...e.style}}));de.displayName=dt;var pt=de,[I,Ft]=Q("Tooltip",[te]),M=te(),pe="TooltipProvider",ut=700,$="tooltip.open",[ft,W]=I(pe),ue=e=>{const{__scopeTooltip:r,delayDuration:t=ut,skipDelayDuration:o=300,disableHoverableContent:n=!1,children:l}=e,i=a.useRef(!0),h=a.useRef(!1),s=a.useRef(0);return a.useEffect(()=>{const p=s.current;return()=>window.clearTimeout(p)},[]),c.jsx(ft,{scope:r,isOpenDelayedRef:i,delayDuration:t,onOpen:a.useCallback(()=>{window.clearTimeout(s.current),i.current=!1},[]),onClose:a.useCallback(()=>{window.clearTimeout(s.current),s.current=window.setTimeout(()=>i.current=!0,o)},[o]),isPointerInTransitRef:h,onPointerInTransitChange:a.useCallback(p=>{h.current=p},[]),disableHoverableContent:n,children:l})};ue.displayName=pe;var O="Tooltip",[ht,j]=I(O),fe=e=>{const{__scopeTooltip:r,children:t,open:o,defaultOpen:n,onOpenChange:l,disableHoverableContent:i,delayDuration:h}=e,s=W(O,e.__scopeTooltip),p=M(r),[d,u]=a.useState(null),m=Le(),f=a.useRef(0),x=i??s.disableHoverableContent,v=h??s.delayDuration,g=a.useRef(!1),[y,w]=ze({prop:o,defaultProp:n??!1,onChange:S=>{S?(s.onOpen(),document.dispatchEvent(new CustomEvent($))):s.onClose(),l?.(S)},caller:O}),P=a.useMemo(()=>y?g.current?"delayed-open":"instant-open":"closed",[y]),C=a.useCallback(()=>{window.clearTimeout(f.current),f.current=0,g.current=!1,w(!0)},[w]),T=a.useCallback(()=>{window.clearTimeout(f.current),f.current=0,w(!1)},[w]),R=a.useCallback(()=>{window.clearTimeout(f.current),f.current=window.setTimeout(()=>{g.current=!0,w(!0),f.current=0},v)},[v,w]);return a.useEffect(()=>()=>{f.current&&(window.clearTimeout(f.current),f.current=0)},[]),c.jsx(at,{...p,children:c.jsx(ht,{scope:r,contentId:m,open:y,stateAttribute:P,trigger:d,onTriggerChange:u,onTriggerEnter:a.useCallback(()=>{s.isOpenDelayedRef.current?R():C()},[s.isOpenDelayedRef,R,C]),onTriggerLeave:a.useCallback(()=>{x?T():(window.clearTimeout(f.current),f.current=0)},[T,x]),onOpen:C,onClose:T,disableHoverableContent:x,children:t})})};fe.displayName=O;var z="TooltipTrigger",he=a.forwardRef((e,r)=>{const{__scopeTooltip:t,...o}=e,n=j(z,t),l=W(z,t),i=M(t),h=a.useRef(null),s=H(r,h,n.onTriggerChange),p=a.useRef(!1),d=a.useRef(!1),u=a.useCallback(()=>p.current=!1,[]);return a.useEffect(()=>()=>document.removeEventListener("pointerup",u),[u]),c.jsx(st,{asChild:!0,...i,children:c.jsx(L.button,{"aria-describedby":n.open?n.contentId:void 0,"data-state":n.stateAttribute,...o,ref:s,onPointerMove:A(e.onPointerMove,m=>{m.pointerType!=="touch"&&!d.current&&!l.isPointerInTransitRef.current&&(n.onTriggerEnter(),d.current=!0)}),onPointerLeave:A(e.onPointerLeave,()=>{n.onTriggerLeave(),d.current=!1}),onPointerDown:A(e.onPointerDown,()=>{n.open&&n.onClose(),p.current=!0,document.addEventListener("pointerup",u,{once:!0})}),onFocus:A(e.onFocus,()=>{p.current||n.onOpen()}),onBlur:A(e.onBlur,n.onClose),onClick:A(e.onClick,n.onClose)})})});he.displayName=z;var G="TooltipPortal",[xt,mt]=I(G,{forceMount:void 0}),xe=e=>{const{__scopeTooltip:r,forceMount:t,children:o,container:n}=e,l=j(G,r);return c.jsx(xt,{scope:r,forceMount:t,children:c.jsx(J,{present:t||l.open,children:c.jsx(Ie,{asChild:!0,container:n,children:o})})})};xe.displayName=G;var E="TooltipContent",me=a.forwardRef((e,r)=>{const t=mt(E,e.__scopeTooltip),{forceMount:o=t.forceMount,side:n="top",...l}=e,i=j(E,e.__scopeTooltip);return c.jsx(J,{present:o||i.open,children:i.disableHoverableContent?c.jsx(ve,{side:n,...l,ref:r}):c.jsx(vt,{side:n,...l,ref:r})})}),vt=a.forwardRef((e,r)=>{const t=j(E,e.__scopeTooltip),o=W(E,e.__scopeTooltip),n=a.useRef(null),l=H(r,n),[i,h]=a.useState(null),{trigger:s,onClose:p}=t,d=n.current,{onPointerInTransitChange:u}=o,m=a.useCallback(()=>{h(null),u(!1)},[u]),f=a.useCallback((x,v)=>{const g=x.currentTarget,y={x:x.clientX,y:x.clientY},w=Ct(y,g.getBoundingClientRect()),P=Pt(y,w),C=Tt(v.getBoundingClientRect()),T=At([...P,...C]);h(T),u(!0)},[u]);return a.useEffect(()=>()=>m(),[m]),a.useEffect(()=>{if(s&&d){const x=g=>f(g,d),v=g=>f(g,s);return s.addEventListener("pointerleave",x),d.addEventListener("pointerleave",v),()=>{s.removeEventListener("pointerleave",x),d.removeEventListener("pointerleave",v)}}},[s,d,f,m]),a.useEffect(()=>{if(i){const x=v=>{const g=v.target,y={x:v.clientX,y:v.clientY},w=s?.contains(g)||d?.contains(g),P=!bt(y,i);w?m():P&&(m(),p())};return document.addEventListener("pointermove",x),()=>document.removeEventListener("pointermove",x)}},[s,d,i,p,m]),c.jsx(ve,{...e,ref:l})}),[gt,yt]=I(O,{isInside:!1}),wt=$e("TooltipContent"),ve=a.forwardRef((e,r)=>{const{__scopeTooltip:t,children:o,"aria-label":n,onEscapeKeyDown:l,onPointerDownOutside:i,...h}=e,s=j(E,t),p=M(t),{onClose:d}=s;return a.useEffect(()=>(document.addEventListener($,d),()=>document.removeEventListener($,d)),[d]),a.useEffect(()=>{if(s.trigger){const u=m=>{m.target?.contains(s.trigger)&&d()};return window.addEventListener("scroll",u,{capture:!0}),()=>window.removeEventListener("scroll",u,{capture:!0})}},[s.trigger,d]),c.jsx(Me,{asChild:!0,disableOutsidePointerEvents:!1,onEscapeKeyDown:l,onPointerDownOutside:i,onFocusOutside:u=>u.preventDefault(),onDismiss:d,children:c.jsxs(it,{"data-state":s.stateAttribute,...p,...h,ref:r,style:{...h.style,"--radix-tooltip-content-transform-origin":"var(--radix-popper-transform-origin)","--radix-tooltip-content-available-width":"var(--radix-popper-available-width)","--radix-tooltip-content-available-height":"var(--radix-popper-available-height)","--radix-tooltip-trigger-width":"var(--radix-popper-anchor-width)","--radix-tooltip-trigger-height":"var(--radix-popper-anchor-height)"},children:[c.jsx(wt,{children:o}),c.jsx(gt,{scope:t,isInside:!0,children:c.jsx(pt,{id:s.contentId,role:"tooltip",children:n||o})})]})})});me.displayName=E;var ge="TooltipArrow",ye=a.forwardRef((e,r)=>{const{__scopeTooltip:t,...o}=e,n=M(t);return yt(ge,t).isInside?null:c.jsx(lt,{...n,...o,ref:r})});ye.displayName=ge;function Ct(e,r){const t=Math.abs(r.top-e.y),o=Math.abs(r.bottom-e.y),n=Math.abs(r.right-e.x),l=Math.abs(r.left-e.x);switch(Math.min(t,o,n,l)){case l:return"left";case n:return"right";case t:return"top";case o:return"bottom";default:throw new Error("unreachable")}}function Pt(e,r,t=5){const o=[];switch(r){case"top":o.push({x:e.x-t,y:e.y+t},{x:e.x+t,y:e.y+t});break;case"bottom":o.push({x:e.x-t,y:e.y-t},{x:e.x+t,y:e.y-t});break;case"left":o.push({x:e.x+t,y:e.y-t},{x:e.x+t,y:e.y+t});break;case"right":o.push({x:e.x-t,y:e.y-t},{x:e.x-t,y:e.y+t});break}return o}

1function Tt(e){const{top:r,right:t,bottom:o,left:n}=e;return[{x:n,y:r},{x:t,y:r},{x:t,y:o},{x:n,y:o}]}function bt(e,r){const{x:t,y:o}=e;let n=!1;for(let l=0,i=r.length-1;l<r.length;i=l++){const h=r[l],s=r[i],p=h.x,d=h.y,u=s.x,m=s.y;d>o!=m>o&&t<(u-p)*(o-d)/(m-d)+p&&(n=!n)}return n}function At(e){const r=e.slice();return r.sort((t,o)=>t.x<o.x?-1:t.x>o.x?1:t.y<o.y?-1:t.y>o.y?1:0),Et(r)}function Et(e){if(e.length<=1)return e.slice();const r=[];for(let o=0;o<e.length;o++){const n=e[o];for(;r.length>=2;){const l=r[r.length-1],i=r[r.length-2];if((l.x-i.x)*(n.y-i.y)>=(l.y-i.y)*(n.x-i.x))r.pop();else break}r.push(n)}r.pop();const t=[];for(let o=e.length-1;o>=0;o--){const n=e[o];for(;t.length>=2;){const l=t[t.length-1],i=t[t.length-2];if((l.x-i.x)*(n.y-i.y)>=(l.y-i.y)*(n.x-i.x))t.pop();else break}t.push(n)}return t.pop(),r.length===1&&t.length===1&&r[0].x===t[0].x&&r[0].y===t[0].y?r:r.concat(t)}var Rt=ue,_t=fe,Ot=he,jt=xe,St=me,Nt=ye;function Wt({delayDuration:e=0,...r}){return c.jsx(Rt,{"data-slot":"tooltip-provider",delayDuration:e,...r})}function Gt({...e}){return c.jsx(_t,{"data-slot":"tooltip",...e})}function Bt({...e}){return c.jsx(Ot,{"data-slot":"tooltip-trigger",...e})}function Vt({className:e,sideOffset:r=0,children:t,...o}){return c.jsx(jt,{children:c.jsxs(St,{"data-slot":"tooltip-content",sideOffset:r,className:Je("bg-black text-white animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin) rounded-md px-3 py-1.5 text-xs text-balance",e),...o,children:[t,c.jsx(Nt,{className:"bg-black fill-black z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]"})]})})}export{Gt as T,ct as V,Bt as a,Vt as b,Wt as c};