@pfct/purple 1.15.1 → 1.16.1

package/dist/chunks/tooltip.BIAjX12E.js

@@ -1 +0,0 @@
-const e=require("./rolldown-runtime.mLOUI7ql.js"),t=require("./dist.DciOZstR.js"),n=require("./dist.BWsA5f1f.js"),r=require("./dist.DKOi9kq6.js"),i=require("./dist.CmRTDXGG.js"),a=require("./dist.DV3oUYlD.js"),o=require("./dist.D3MzxMSH.js"),s=require("./utils.DxA7tdMJ.js"),c=require("../lib/useMediaQuery.cjs.js"),l=require("./dist.Cf37BjoU.js"),u=require("./dist.C6Y9cYZm.js");let d=require("react");d=e.r(d,1);let f=require("react/jsx-runtime");var p=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`}),m=`VisuallyHidden`,h=d.forwardRef((e,t)=>(0,f.jsx)(i.t.span,{...e,ref:t,style:{...p,...e.style}}));h.displayName=m;var g=h,[_,v]=t.o(`Tooltip`,[u.a]),y=u.a(),b=`TooltipProvider`,x=700,S=`tooltip.open`,[C,w]=_(b),T=e=>{let{__scopeTooltip:t,delayDuration:n=x,skipDelayDuration:r=300,disableHoverableContent:i=!1,children:a}=e,o=d.useRef(!0),s=d.useRef(!1),c=d.useRef(0);return d.useEffect(()=>{let e=c.current;return()=>window.clearTimeout(e)},[]),(0,f.jsx)(C,{scope:t,isOpenDelayedRef:o,delayDuration:n,onOpen:d.useCallback(()=>{r<=0||(window.clearTimeout(c.current),o.current=!1)},[r]),onClose:d.useCallback(()=>{r<=0||(window.clearTimeout(c.current),c.current=window.setTimeout(()=>o.current=!0,r))},[r]),isPointerInTransitRef:s,onPointerInTransitChange:d.useCallback(e=>{s.current=e},[]),disableHoverableContent:i,children:a})};T.displayName=b;var E=`Tooltip`,[D,O]=_(E),k=e=>{let{__scopeTooltip:n,children:r,open:i,defaultOpen:a,onOpenChange:s,disableHoverableContent:c,delayDuration:l}=e,p=w(E,e.__scopeTooltip),m=y(n),[h,g]=d.useState(null),_=o.t(),v=d.useRef(0),b=c??p.disableHoverableContent,x=l??p.delayDuration,C=d.useRef(!1),[T,O]=t.t({prop:i,defaultProp:a??!1,onChange:e=>{e?(p.onOpen(),document.dispatchEvent(new CustomEvent(S))):p.onClose(),s?.(e)},caller:E}),k=d.useMemo(()=>T?C.current?`delayed-open`:`instant-open`:`closed`,[T]),A=d.useCallback(()=>{window.clearTimeout(v.current),v.current=0,C.current=!1,O(!0)},[O]),j=d.useCallback(()=>{window.clearTimeout(v.current),v.current=0,O(!1)},[O]),M=d.useCallback(()=>{window.clearTimeout(v.current),v.current=window.setTimeout(()=>{C.current=!0,O(!0),v.current=0},x)},[x,O]);return d.useEffect(()=>()=>{v.current&&=(window.clearTimeout(v.current),0)},[]),(0,f.jsx)(u.i,{...m,children:(0,f.jsx)(D,{scope:n,contentId:_,open:T,stateAttribute:k,trigger:h,onTriggerChange:g,onTriggerEnter:d.useCallback(()=>{p.isOpenDelayedRef.current?M():A()},[p.isOpenDelayedRef,M,A]),onTriggerLeave:d.useCallback(()=>{b?j():(window.clearTimeout(v.current),v.current=0)},[j,b]),onOpen:A,onClose:j,disableHoverableContent:b,children:r})})};k.displayName=E;var A=`TooltipTrigger`,j=d.forwardRef((e,r)=>{let{__scopeTooltip:a,...o}=e,s=O(A,a),c=w(A,a),l=y(a),p=n.t(r,d.useRef(null),s.onTriggerChange),m=d.useRef(!1),h=d.useRef(!1),g=d.useCallback(()=>m.current=!1,[]);return d.useEffect(()=>()=>document.removeEventListener(`pointerup`,g),[g]),(0,f.jsx)(u.t,{asChild:!0,...l,children:(0,f.jsx)(i.t.button,{"aria-describedby":s.open?s.contentId:void 0,"data-state":s.stateAttribute,...o,ref:p,onPointerMove:t.i(e.onPointerMove,e=>{e.pointerType!==`touch`&&!h.current&&!c.isPointerInTransitRef.current&&(s.onTriggerEnter(),h.current=!0)}),onPointerLeave:t.i(e.onPointerLeave,()=>{s.onTriggerLeave(),h.current=!1}),onPointerDown:t.i(e.onPointerDown,()=>{s.open&&s.onClose(),m.current=!0,document.addEventListener(`pointerup`,g,{once:!0})}),onFocus:t.i(e.onFocus,()=>{m.current||s.onOpen()}),onBlur:t.i(e.onBlur,s.onClose),onClick:t.i(e.onClick,s.onClose)})})});j.displayName=A;var M=`TooltipPortal`,[N,ee]=_(M,{forceMount:void 0}),P=e=>{let{__scopeTooltip:t,forceMount:n,children:r,container:i}=e,o=O(M,t);return(0,f.jsx)(N,{scope:t,forceMount:n,children:(0,f.jsx)(a.t,{present:n||o.open,children:(0,f.jsx)(l.t,{asChild:!0,container:i,children:r})})})};P.displayName=M;var F=`TooltipContent`,I=d.forwardRef((e,t)=>{let n=ee(F,e.__scopeTooltip),{forceMount:r=n.forceMount,side:i=`top`,...o}=e,s=O(F,e.__scopeTooltip);return(0,f.jsx)(a.t,{present:r||s.open,children:s.disableHoverableContent?(0,f.jsx)(z,{side:i,...o,ref:t}):(0,f.jsx)(L,{side:i,...o,ref:t})})}),L=d.forwardRef((e,t)=>{let r=O(F,e.__scopeTooltip),i=w(F,e.__scopeTooltip),a=d.useRef(null),o=n.t(t,a),[s,c]=d.useState(null),{trigger:l,onClose:u}=r,p=a.current,{onPointerInTransitChange:m}=i,h=d.useCallback(()=>{c(null),m(!1)},[m]),g=d.useCallback((e,t)=>{let n=e.currentTarget,r={x:e.clientX,y:e.clientY},i=U(r,H(r,n.getBoundingClientRect())),a=W(t.getBoundingClientRect()),o=K([...i,...a]);c(o),m(!0)},[m]);return d.useEffect(()=>()=>h(),[h]),d.useEffect(()=>{if(l&&p){let e=e=>g(e,p),t=e=>g(e,l);return l.addEventListener(`pointerleave`,e),p.addEventListener(`pointerleave`,t),()=>{l.removeEventListener(`pointerleave`,e),p.removeEventListener(`pointerleave`,t)}}},[l,p,g,h]),d.useEffect(()=>{if(s){let e=e=>{let t=e.target,n={x:e.clientX,y:e.clientY},r=l?.contains(t)||p?.contains(t),i=!G(n,s);r?h():i&&(h(),u())};return document.addEventListener(`pointermove`,e),()=>document.removeEventListener(`pointermove`,e)}},[l,p,s,u,h]),(0,f.jsx)(z,{...e,ref:o})}),[R,te]=_(E,{isInside:!1}),ne=r.r(`TooltipContent`),z=d.forwardRef((e,t)=>{let{__scopeTooltip:n,children:r,"aria-label":i,onEscapeKeyDown:a,onPointerDownOutside:o,...s}=e,c=O(F,n),p=y(n),{onClose:m}=c;return d.useEffect(()=>(document.addEventListener(S,m),()=>document.removeEventListener(S,m)),[m]),d.useEffect(()=>{if(c.trigger){let e=e=>{e.target instanceof Node&&e.target.contains(c.trigger)&&m()};return window.addEventListener(`scroll`,e,{capture:!0}),()=>window.removeEventListener(`scroll`,e,{capture:!0})}},[c.trigger,m]),(0,f.jsx)(l.n,{asChild:!0,disableOutsidePointerEvents:!1,onEscapeKeyDown:a,onPointerDownOutside:o,onFocusOutside:e=>e.preventDefault(),onDismiss:m,children:(0,f.jsxs)(u.r,{"data-state":c.stateAttribute,...p,...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,f.jsx)(ne,{children:r}),(0,f.jsx)(R,{scope:n,isInside:!0,children:(0,f.jsx)(g,{id:c.contentId,role:`tooltip`,children:i||r})})]})})});I.displayName=F;var B=`TooltipArrow`,V=d.forwardRef((e,t)=>{let{__scopeTooltip:n,...r}=e,i=y(n);return te(B,n).isInside?null:(0,f.jsx)(u.n,{...i,...r,ref:t})});V.displayName=B;function H(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 U(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});break}return r}function W(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 G(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 K(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)),q(t)}function q(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 J=T,Y=k,X=j,re=P,ie=I,Z=V,Q=(0,d.createContext)(null);function $({delayDuration:e=0,...t}){return(0,f.jsx)(J,{"data-slot":`tooltip-provider`,delayDuration:e,...t})}function ae(e){return c.useMediaQuery(`(hover: none)`)?(0,f.jsx)(oe,{...e}):(0,f.jsx)($,{children:(0,f.jsx)(Y,{"data-slot":`tooltip`,...e})})}function oe({open:e,defaultOpen:t,onOpenChange:n,...r}){let i=(0,d.useId)(),[a,o]=(0,d.useState)(t??!1),s=e!==void 0,c=s?e:a,l=(0,d.useCallback)(e=>{s||o(e),n?.(e)},[s,n]),u=(0,d.useCallback)(()=>l(!c),[c,l]);(0,d.useEffect)(()=>{if(!c)return;let e=e=>{let t=e.target;t instanceof Element&&(t.closest(`[data-tooltip-id="${i}"]`)||l(!1))},t=window.setTimeout(()=>{document.addEventListener(`pointerdown`,e)},0);return()=>{window.clearTimeout(t),document.removeEventListener(`pointerdown`,e)}},[c,l,i]);let p=(0,d.useMemo)(()=>({tooltipId:i,toggle:u}),[i,u]);return(0,f.jsx)(Q.Provider,{value:p,children:(0,f.jsx)($,{children:(0,f.jsx)(Y,{"data-slot":`tooltip`,...r,open:c})})})}function se({onClick:e,type:t,...n}){let r=(0,d.useContext)(Q),i=t=>{e?.(t),r&&(t.preventDefault(),r.toggle())};return(0,f.jsx)(X,{"data-slot":`tooltip-trigger`,"data-tooltip-id":r?.tooltipId,type:`button`,...n,onClick:i})}function ce({className:e,sideOffset:t=5,collisionPadding:n={left:20,right:20},children:r,...i}){let a=(0,d.useContext)(Q);return(0,f.jsx)(re,{children:(0,f.jsxs)(ie,{className:s.t(`fade-in-0 zoom-in-95 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 typo-b2 z-50 animate-in overflow-hidden rounded-[8px] border border-gray-100 bg-white px-[15px] py-[12.5px] text-gray-400 data-[state=closed]:animate-out`,e),collisionPadding:n,"data-slot":`tooltip-content`,"data-tooltip-id":a?.tooltipId,sideOffset:t,...i,children:[r,(0,f.jsx)(Z,{className:`-my-px border-none fill-white drop-shadow-[0_1px_0_var(--color-gray-100)]`})]})})}var le=Z;Object.defineProperty(exports,"a",{enumerable:!0,get:function(){return se}}),Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return $}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return le}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return ce}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return ae}});