https://app.getwhys.io/assets/tooltip-DhX4j9YY.js

1import{c as e,n as t,t as n}from"./jsx-runtime-DQYatRE7.js";import{t as r}from"./compiler-runtime-B8YkK2wH.js";import{o as i}from"./button-Dzg4CpG5.js";import{t as a}from"./utils-ChdawfNN.js";import{a as o,b as s,c,d as l,g as u,h as d,i as f,m as p,y as m}from"./es2015-BXShVKHj.js";import{t as h}from"./dist-D5RF6m2a.js";import{a as g,i as _,n as v,r as y,t as b}from"./dist-B3mtkg9n.js";var x=r(),S=e(t(),1),C=e(n(),1),[w,T]=m(`Tooltip`,[g]),E=g(),D=`TooltipProvider`,O=700,k=`tooltip.open`,[A,j]=w(D),M=e=>{let{__scopeTooltip:t,delayDuration:n=O,skipDelayDuration:r=300,disableHoverableContent:i=!1,children:a}=e,o=S.useRef(!0),s=S.useRef(!1),c=S.useRef(0);return S.useEffect(()=>{let e=c.current;return()=>window.clearTimeout(e)},[]),(0,C.jsx)(A,{scope:t,isOpenDelayedRef:o,delayDuration:n,onOpen:S.useCallback(()=>{window.clearTimeout(c.current),o.current=!1},[]),onClose:S.useCallback(()=>{window.clearTimeout(c.current),c.current=window.setTimeout(()=>o.current=!0,r)},[r]),isPointerInTransitRef:s,onPointerInTransitChange:S.useCallback(e=>{s.current=e},[]),disableHoverableContent:i,children:a})};M.displayName=D;var N=`Tooltip`,[P,F]=w(N),I=e=>{let{__scopeTooltip:t,children:n,open:r,defaultOpen:i,onOpenChange:a,disableHoverableContent:o,delayDuration:s}=e,c=j(N,e.__scopeTooltip),l=E(t),[f,p]=S.useState(null),m=u(),h=S.useRef(0),g=o??c.disableHoverableContent,v=s??c.delayDuration,y=S.useRef(!1),[b,x]=d({prop:r,defaultProp:i??!1,onChange:e=>{e?(c.onOpen(),document.dispatchEvent(new CustomEvent(k))):c.onClose(),a?.(e)},caller:N}),w=S.useMemo(()=>b?y.current?`delayed-open`:`instant-open`:`closed`,[b]),T=S.useCallback(()=>{window.clearTimeout(h.current),h.current=0,y.current=!1,x(!0)},[x]),D=S.useCallback(()=>{window.clearTimeout(h.current),h.current=0,x(!1)},[x]),O=S.useCallback(()=>{window.clearTimeout(h.current),h.current=window.setTimeout(()=>{y.current=!0,x(!0),h.current=0},v)},[v,x]);return S.useEffect(()=>()=>{h.current&&=(window.clearTimeout(h.current),0)},[]),(0,C.jsx)(_,{...l,children:(0,C.jsx)(P,{scope:t,contentId:m,open:b,stateAttribute:w,trigger:f,onTriggerChange:p,onTriggerEnter:S.useCallback(()=>{c.isOpenDelayedRef.current?O():T()},[c.isOpenDelayedRef,O,T]),onTriggerLeave:S.useCallback(()=>{g?D():(window.clearTimeout(h.current),h.current=0)},[D,g]),onOpen:T,onClose:D,disableHoverableContent:g,children:n})})};I.displayName=N;var L=`TooltipTrigger`,R=S.forwardRef((e,t)=>{let{__scopeTooltip:n,...r}=e,a=F(L,n),o=j(L,n),c=E(n),u=S.useRef(null),d=i(t,u,a.onTriggerChange),f=S.useRef(!1),p=S.useRef(!1),m=S.useCallback(()=>f.current=!1,[]);return S.useEffect(()=>()=>document.removeEventListener(`pointerup`,m),[m]),(0,C.jsx)(b,{asChild:!0,...c,children:(0,C.jsx)(l.button,{"aria-describedby":a.open?a.contentId:void 0,"data-state":a.stateAttribute,...r,ref:d,onPointerMove:s(e.onPointerMove,e=>{e.pointerType!==`touch`&&!p.current&&!o.isPointerInTransitRef.current&&(a.onTriggerEnter(),p.current=!0)}),onPointerLeave:s(e.onPointerLeave,()=>{a.onTriggerLeave(),p.current=!1}),onPointerDown:s(e.onPointerDown,()=>{a.open&&a.onClose(),f.current=!0,document.addEventListener(`pointerup`,m,{once:!0})}),onFocus:s(e.onFocus,()=>{f.current||a.onOpen()}),onBlur:s(e.onBlur,a.onClose),onClick:s(e.onClick,a.onClose)})})});R.displayName=L;var z=`TooltipPortal`,[ee,B]=w(z,{forceMount:void 0}),V=e=>{let{__scopeTooltip:t,forceMount:n,children:r,container:i}=e,a=F(z,t);return(0,C.jsx)(ee,{scope:t,forceMount:n,children:(0,C.jsx)(f,{present:n||a.open,children:(0,C.jsx)(o,{asChild:!0,container:i,children:r})})})};V.displayName=z;var H=`TooltipContent`,U=S.forwardRef((e,t)=>{let n=B(H,e.__scopeTooltip),{forceMount:r=n.forceMount,side:i=`top`,...a}=e,o=F(H,e.__scopeTooltip);return(0,C.jsx)(f,{present:r||o.open,children:o.disableHoverableContent?(0,C.jsx)(G,{side:i,...a,ref:t}):(0,C.jsx)(te,{side:i,...a,ref:t})})}),te=S.forwardRef((e,t)=>{let n=F(H,e.__scopeTooltip),r=j(H,e.__scopeTooltip),a=S.useRef(null),o=i(t,a),[s,c]=S.useState(null),{trigger:l,onClose:u}=n,d=a.current,{onPointerInTransitChange:f}=r,p=S.useCallback(()=>{c(null),f(!1)},[f]),m=S.useCallback((e,t)=>{let n=e.currentTarget,r={x:e.clientX,y:e.clientY},i=Y(r,J(r,n.getBoundingClientRect())),a=ie(t.getBoundingClientRect()),o=oe([...i,...a]);c(o),f(!0)},[f]);return S.useEffect(()=>()=>

1p(),[p]),S.useEffect(()=>{if(l&&d){let e=e=>m(e,d),t=e=>m(e,l);return l.addEventListener(`pointerleave`,e),d.addEventListener(`pointerleave`,t),()=>{l.removeEventListener(`pointerleave`,e),d.removeEventListener(`pointerleave`,t)}}},[l,d,m,p]),S.useEffect(()=>{if(s){let e=e=>{let t=e.target,n={x:e.clientX,y:e.clientY},r=l?.contains(t)||d?.contains(t),i=!ae(n,s);r?p():i&&(p(),u())};return document.addEventListener(`pointermove`,e),()=>document.removeEventListener(`pointermove`,e)}},[l,d,s,u,p]),(0,C.jsx)(G,{...e,ref:o})}),[ne,re]=w(N,{isInside:!1}),W=p(`TooltipContent`),G=S.forwardRef((e,t)=>{let{__scopeTooltip:n,children:r,"aria-label":i,onEscapeKeyDown:a,onPointerDownOutside:o,...s}=e,l=F(H,n),u=E(n),{onClose:d}=l;return S.useEffect(()=>(document.addEventListener(k,d),()=>document.removeEventListener(k,d)),[d]),S.useEffect(()=>{if(l.trigger){let e=e=>{e.target?.contains(l.trigger)&&d()};return window.addEventListener(`scroll`,e,{capture:!0}),()=>window.removeEventListener(`scroll`,e,{capture:!0})}},[l.trigger,d]),(0,C.jsx)(c,{asChild:!0,disableOutsidePointerEvents:!1,onEscapeKeyDown:a,onPointerDownOutside:o,onFocusOutside:e=>e.preventDefault(),onDismiss:d,children:(0,C.jsxs)(y,{"data-state":l.stateAttribute,...u,...s,ref:t,style:{...s.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:[(0,C.jsx)(W,{children:r}),(0,C.jsx)(ne,{scope:n,isInside:!0,children:(0,C.jsx)(h,{id:l.contentId,role:`tooltip`,children:i||r})})]})})});U.displayName=H;var K=`TooltipArrow`,q=S.forwardRef((e,t)=>{let{__scopeTooltip:n,...r}=e,i=E(n);return re(K,n).isInside?null:(0,C.jsx)(v,{...i,...r,ref:t})});q.displayName=K;function J(e,t){let n=Math.abs(t.top-e.y),r=Math.abs(t.bottom-e.y),i=Math.abs(t.right-e.x),a=Math.abs(t.left-e.x);switch(Math.min(n,r,i,a)){case a:return`left`;case i:return`right`;case n:return`top`;case r:return`bottom`;default:throw Error(`unreachable`)}}function Y(e,t,n=5){let r=[];switch(t){case`top`:r.push({x:e.x-n,y:e.y+n},{x:e.x+n,y:e.y+n});break;case`bottom`:r.push({x:e.x-n,y:e.y-n},{x:e.x+n,y:e.y-n});break;case`left`:r.push({x:e.x+n,y:e.y-n},{x:e.x+n,y:e.y+n});break;case`right`:r.push({x:e.x-n,y:e.y-n},{x:e.x-n,y:e.y+n})}return r}function ie(e){let{top:t,right:n,bottom:r,left:i}=e;return[{x:i,y:t},{x:n,y:t},{x:n,y:r},{x:i,y:r}]}function ae(e,t){let{x:n,y:r}=e,i=!1;for(let e=0,a=t.length-1;e<t.length;a=e++){let o=t[e],s=t[a],c=o.x,l=o.y,u=s.x,d=s.y;l>r!=d>r&&n<(u-c)*(r-l)/(d-l)+c&&(i=!i)}return i}function oe(e){let t=e.slice();return t.sort((e,t)=>e.x<t.x?-1:e.x>t.x?1:e.y<t.y?-1:+(e.y>t.y)),se(t)}function se(e){if(e.length<=1)return e.slice();let t=[];for(let n=0;n<e.length;n++){let r=e[n];for(;t.length>=2;){let e=t[t.length-1],n=t[t.length-2];if((e.x-n.x)*(r.y-n.y)>=(e.y-n.y)*(r.x-n.x))t.pop();else break}t.push(r)}t.pop();let n=[];for(let t=e.length-1;t>=0;t--){let r=e[t];for(;n.length>=2;){let e=n[n.length-1],t=n[n.length-2];if((e.x-t.x)*(r.y-t.y)>=(e.y-t.y)*(r.x-t.x))n.pop();else break}n.push(r)}return n.pop(),t.length===1&&n.length===1&&t[0].x===n[0].x&&t[0].y===n[0].y?t:t.concat(n)}var ce=M,X=I,le=R,Z=V,Q=U,ue=q,de=ce,fe=e=>{let t=(0,x.c)(6),n,r;t[0]===e?(n=t[1],r=t[2]):({delayDuration:r,...n}=e,t[0]=e,t[1]=n,t[2]=r);let i=r===void 0?300:r,a;return t[3]!==i||t[4]!==n?(a=(0,C.jsx)(X,{...n,delayDuration:i}),t[3]=i,t[4]=n,t[5]=a):a=t[5],a},pe=e=>{let t=(0,x.c)(6),n,r;t[0]===e?(n=t[1],r=t[2]):({delayDuration:r,...n}=e,t[0]=e,t[1]=n,t[2]=r);let i=r===void 0?0:r,a;return t[3]!==i||t[4]!==n?(a=(0,C.jsx)(X,{...n,delayDuration:i}),t[3]=i,t[4]=n,t[5]=a):a=t[5],a},me=le,$=e=>{let t=(0,x.c)(16),n,r,i,o,s;t[0]===e?(n=t[1],r=t[2],i=t[3],o=t[4],s=t[5]):({className:r,children:n,variant:o,sideOffset:s,...i}=e,t[0]=e,t[1]=n,t[2]=r,t[3]=i,t[4]=o,t[5]=s);let c=o===void 0?`tooltip`:o,l=s===void 0?8:s,u;t[6]===r?u=t[7]:(u=a(`z-50`,`rounded-md px-3 py-1.5 drop-shadow-md`,`max-w-[min(40rem,calc(100dvw-2rem))] whitespace-normal`,` bg-popover text-popover-foreground text-sm`,`origin-[--radix-tooltip-content-transform-origin] animate-in fade-in-0 zoom-in-95 duration-150 ease-out data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=closed]:duration-100`,`border dark:border-transparent`,r),t[6]=r,t[7]=u);let d;t[8]===c?d=t[9]:(d=c===`tooltip`&&(0,C.jsx)(ue,{className:`fill-popover`}),t[8]=c,t[9]=d);let f;return t[10]!==n||t[11]!==i||t[12]!==l||t[13]!==u||t[14]!==d?(f=(0,C.jsx)(Z,{children:(0,C.jsxs)(Q,{align:`center`,side:`top`,alignOffset:0,...i,sideOffset:l,className:u,children:[n,d]})}),t[10]=n,t[11]=i,t[12]=l,t[13]=u,t[14]=d,t[15]=f):f=t[15],f};$.displayName=Q.displayName;var he=e=>{let t=(0,x.c)(2),n;return t[0]===e?n=t[1]:(n=(0,C.jsx)($,{...e,variant:`infotip`}),t[0]=e,t[1]=n),n};export{de as a,$ as i,he as n,me as o,fe as r,Z as s,pe as t};