https://shadcnui-boilerplate.vercel.app/assets/tooltip-CcI2SKKi.js

1import{j as d}from"./success-Cf8x2fCZ.js";import{r as s}from"./chunk-AYJ5UCUI-C1HMqFsr.js";import{u as X,c as g}from"./index-B006HNmI.js";import{a as K,u as N}from"./index-CprDHQeT.js";import{c as W}from"./index-BvWAPMhB.js";import{P as J,c as H,D as Q,C as Z,b as ee,R as te,A as oe,a as re}from"./index-CueblgiO.js";import{u as ne}from"./index-DSPuaJEE.js";import{P as S}from"./index-BtyeEc_a.js";import{P as se}from"./index-BmMtatnT.js";import{c as ae}from"./utils-D64OaFpV.js";var[_,He]=W("Tooltip",[H]),D=H(),G="TooltipProvider",ie=700,j="tooltip.open",[le,L]=_(G),F=t=>{const{__scopeTooltip:o,delayDuration:e=ie,skipDelayDuration:r=300,disableHoverableContent:n=!1,children:i}=t,[c,v]=s.useState(!0),a=s.useRef(!1),p=s.useRef(0);return s.useEffect(()=>{const l=p.current;return()=>window.clearTimeout(l)},[]),d.jsx(le,{scope:o,isOpenDelayed:c,delayDuration:e,onOpen:s.useCallback(()=>{window.clearTimeout(p.current),v(!1)},[]),onClose:s.useCallback(()=>{window.clearTimeout(p.current),p.current=window.setTimeout(()=>v(!0),r)},[r]),isPointerInTransitRef:a,onPointerInTransitChange:s.useCallback(l=>{a.current=l},[]),disableHoverableContent:n,children:i})};F.displayName=G;var O="Tooltip",[ce,R]=_(O),$=t=>{const{__scopeTooltip:o,children:e,open:r,defaultOpen:n=!1,onOpenChange:i,disableHoverableContent:c,delayDuration:v}=t,a=L(O,t.__scopeTooltip),p=D(o),[l,f]=s.useState(null),x=ne(),u=s.useRef(0),m=c??a.disableHoverableContent,T=v??a.delayDuration,h=s.useRef(!1),[C=!1,y]=X({prop:r,defaultProp:n,onChange:M=>{M?(a.onOpen(),document.dispatchEvent(new CustomEvent(j))):a.onClose(),i==null||i(M)}}),w=s.useMemo(()=>C?h.current?"delayed-open":"instant-open":"closed",[C]),P=s.useCallback(()=>{window.clearTimeout(u.current),u.current=0,h.current=!1,y(!0)},[y]),E=s.useCallback(()=>{window.clearTimeout(u.current),u.current=0,y(!1)},[y]),I=s.useCallback(()=>{window.clearTimeout(u.current),u.current=window.setTimeout(()=>{h.current=!0,y(!0),u.current=0},T)},[T,y]);return s.useEffect(()=>()=>{u.current&&(window.clearTimeout(u.current),u.current=0)},[]),d.jsx(te,{...p,children:d.jsx(ce,{scope:o,contentId:x,open:C,stateAttribute:w,trigger:l,onTriggerChange:f,onTriggerEnter:s.useCallback(()=>{a.isOpenDelayed?I():P()},[a.isOpenDelayed,I,P]),onTriggerLeave:s.useCallback(()=>{m?E():(window.clearTimeout(u.current),u.current=0)},[E,m]),onOpen:P,onClose:E,disableHoverableContent:m,children:e})})};$.displayName=O;var A="TooltipTrigger",B=s.forwardRef((t,o)=>{const{__scopeTooltip:e,...r}=t,n=R(A,e),i=L(A,e),c=D(e),v=s.useRef(null),a=N(o,v,n.onTriggerChange),p=s.useRef(!1),l=s.useRef(!1),f=s.useCallback(()=>p.current=!1,[]);return s.useEffect(()=>()=>document.removeEventListener("pointerup",f),[f]),d.jsx(oe,{asChild:!0,...c,children:d.jsx(se.button,{"aria-describedby":n.open?n.contentId:void 0,"data-state":n.stateAttribute,...r,ref:a,onPointerMove:g(t.onPointerMove,x=>{x.pointerType!=="touch"&&!l.current&&!i.isPointerInTransitRef.current&&(n.onTriggerEnter(),l.current=!0)}),onPointerLeave:g(t.onPointerLeave,()=>{n.onTriggerLeave(),l.current=!1}),onPointerDown:g(t.onPointerDown,()=>{p.current=!0,document.addEventListener("pointerup",f,{once:!0})}),onFocus:g(t.onFocus,()=>{p.current||n.onOpen()}),onBlur:g(t.onBlur,n.onClose),onClick:g(t.onClick,n.onClose)})})});B.displayName=A;var k="TooltipPortal",[ue,de]=_(k,{forceMount:void 0}),z=t=>{const{__scopeTooltip:o,forceMount:e,children:r,container:n}=t,i=R(k,o);return d.jsx(ue,{scope:o,forceMount:e,children:d.jsx(S,{present:e||i.open,children:d.jsx(J,{asChild:!0,container:n,children:r})})})};z.displayName=k;var b="TooltipContent",U=s.forwardRef((t,o)=>{const e=de(b,t.__scopeTooltip),{forceMount:r=e.forceMount,side:n="top",...i}=t,c=R(b,t.__scopeTooltip);return d.jsx(S,{present:r||c.open,children:c.disableHoverableContent?d.jsx(V,{side:n,...i,ref:o}):d.jsx(pe,{side:n,...i,ref:o})})}),pe=s.forwardRef((t,o)=>{const e=R(b,t.__scopeTooltip),r=L(b,t.__scopeTooltip),n=s.useRef(null),i=N(o,n),[c,v]=s.useState(null),{trigger:a,onClose:p}=e,l=n.current,{onPointerInTransitChange:f}=r,x=s.useCallback(()=>{v(null),f(!1)},[f]),u=s.useCallback((m,T)=>{const h=m.currentTarget,C={x:m.clientX,y:m.clientY},y=xe(C,h.getBoundingClientRect()),w=he(C,y),P=Te(T.getBoundingClientRect()),E=Ce([...w,...P]);v(E),f(!0)},[f]);return s.useEffect(()=>()=>x(),[x]),s.useEffect(()=>{if(a&&l){const m=h=>u(h,l),T=h=>u(h,a);return a.addEventListener("pointerleave",m),l.addEventListener("pointerleave",T),()=>{a.removeEventListener("pointerleave",m),l.removeEventListener("pointerleave",T)}}},[a,l,u,x]),s.useEffect(()=>{if(c){const m=T=>{const h=T.target,C={x:T.clientX,y:T.clientY},y=(a==null?void 0:a.contains(h))||(l==null?void 0:l.contains(h)),w=!ye(C,c);y?x():w&&(x(),p())};return document.addEventListener("pointermove",m),()=>document.removeEventListener("pointermove",m)}},[a,l,c,p,x]),d.jsx(V,{...t,ref:i})}),[fe,ve]=_(O,{isInside:!1}),V=s.forwardRef((t,o)=>{const{__scopeTooltip:e,children:r,"aria-label":n,onEscapeKeyDown:i,onPointerDownOutside:c,...v}=t,a=R(b,e),p=D(e),{onClose:l}=a;return s.useEffect(()=>(document.addEventListener(j,l),()=>document.removeEventListener(j,l)),[l]),s.useEffect(()=>{if(a.trigger){const f=x=>{const u=x.target;u!=null&&u.contains(a.trigger)&&l()};return window.addEventListener("scroll",f,{capture:!0}),()=>window.removeEventListener("scroll",f,{capture:!0})}},[a.trigger,l]),d.jsx(Q,{asChild:!0,disableOutsidePointerEvents:!1,onEscapeKeyDown:i,onPointerDownOutside:c,onFocusOutside:f=>f.preventDefault(),onDismiss:l,children:d.jsxs(Z,{"data-state":a.stateAttribute,...p,...v,ref:o,style:{...v.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:[d.jsx(K,{children:r}),d.jsx(fe,{scope:e,isInside:!0,children:d.jsx(ee,{id:a.contentId,role:"tooltip",children:n||r})})]})})});U.displayName=b;var Y="TooltipArrow",me=s.forwardRef((t,o)=>{const{__scopeTooltip:e,...r}=t,n=D(e);return ve(Y,e).isInside?null:d.jsx(re,{...n,...r,ref:o})});me.displayName=Y;function xe(t,o){const e=Math.abs(o.top-t.y),r=Math.abs(o.bottom-t.y),n=Math.abs(o.right-t.x),i=Math.abs(o.left-t.x);