@pfct/purple 1.7.0-next.3 → 1.7.0-next.4

package/dist/components/ui/share-ui.es.js

@@ -1,8 +1,8 @@
-import { j as e } from "../../chunks/jsx-runtime.C63F304d.js";
-import { c as d } from "../../chunks/index.N4cvkD9J.js";
-import * as s from "react";
-import { cn as i } from "../../lib/utils.es.js";
-const c = d("flex items-center justify-between gap-3.75", {
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import { c } from "../../chunks/index.N4cvkD9J.js";
+import * as i from "react";
+import { cn as l } from "../../lib/utils.es.js";
+const h = c("flex items-center justify-between gap-3.75", {
   variants: {
     background: {
       default: "bg-transparent",
@@ -24,36 +24,36 @@ const c = d("flex items-center justify-between gap-3.75", {
     background: "default",
     type: "list"
   }
-}), h = s.forwardRef(({ className: t, type: a, background: r, ...o }, n) => /* @__PURE__ */ e.jsx("div", { className: i(c({ type: a, background: r, className: t })), ref: n, ...o }));
-h.displayName = "ShareUI";
-const f = s.forwardRef(
-  ({ className: t, ...a }, r) => /* @__PURE__ */ e.jsx("div", { className: i("typo-h6 text-gray-900", t), ref: r, ...a })
+}), f = i.forwardRef(({ className: e, type: a, background: r, ...s }, d) => /* @__PURE__ */ t("div", { className: l(h({ type: a, background: r, className: e })), ref: d, ...s }));
+f.displayName = "ShareUI";
+const p = i.forwardRef(
+  ({ className: e, ...a }, r) => /* @__PURE__ */ t("div", { className: l("typo-h6 text-gray-900", e), ref: r, ...a })
 );
-f.displayName = "ShareTitle";
-const x = s.forwardRef(
-  ({ className: t, ...a }, r) => /* @__PURE__ */ e.jsx("div", { className: i("typo-t4 text-gray-500", t), ref: r, ...a })
+p.displayName = "ShareTitle";
+const C = i.forwardRef(
+  ({ className: e, ...a }, r) => /* @__PURE__ */ t("div", { className: l("typo-t4 text-gray-500", e), ref: r, ...a })
 );
-x.displayName = "ShareDescription";
-const p = s.forwardRef(
-  ({ className: t, ...a }, r) => /* @__PURE__ */ e.jsx("div", { className: i("m-0 flex flex-1 flex-col justify-between gap-1.25 p-0", t), ref: r, ...a })
+C.displayName = "ShareDescription";
+const m = i.forwardRef(
+  ({ className: e, ...a }, r) => /* @__PURE__ */ t("div", { className: l("m-0 flex flex-1 flex-col justify-between gap-1.25 p-0", e), ref: r, ...a })
 );
-p.displayName = "ShareTextContainer";
-const l = s.forwardRef(
-  ({ className: t, ...a }, r) => /* @__PURE__ */ e.jsx("button", { className: i("border-0 bg-none p-0", t), ref: r, ...a })
+m.displayName = "ShareTextContainer";
+const o = i.forwardRef(
+  ({ className: e, ...a }, r) => /* @__PURE__ */ t("button", { className: l("border-0 bg-none p-0", e), ref: r, ...a })
 );
-l.displayName = "ShareButton";
-const u = (t) => /* @__PURE__ */ e.jsx(l, { ...t, children: /* @__PURE__ */ e.jsxs("svg", { fill: "none", height: "40", viewBox: "0 0 41 40", width: "41", xmlns: "http://www.w3.org/2000/svg", children: [
-  /* @__PURE__ */ e.jsx("circle", { cx: "20.5", cy: "20", fill: "#F9E000", r: "20" }),
-  /* @__PURE__ */ e.jsx(
+o.displayName = "ShareButton";
+const x = (e) => /* @__PURE__ */ t(o, { ...e, children: /* @__PURE__ */ n("svg", { fill: "none", height: "40", viewBox: "0 0 41 40", width: "41", xmlns: "http://www.w3.org/2000/svg", children: [
+  /* @__PURE__ */ t("circle", { cx: "20.5", cy: "20", fill: "#F9E000", r: "20" }),
+  /* @__PURE__ */ t(
     "path",
     {
       d: "M20.5006 10.7233C14.5824 10.7233 9.78516 14.3347 9.78516 18.7921C9.78516 21.6924 11.8166 24.2343 14.8677 25.6565C14.6431 26.4524 14.0564 28.5433 13.939 28.9904C13.7933 29.5454 14.1515 29.5377 14.3882 29.3893C14.5723 29.2717 17.324 27.4892 18.5117 26.7202C19.1571 26.8108 19.8208 26.859 20.5006 26.859C26.4188 26.859 31.2161 23.2476 31.2161 18.7921C31.2161 14.3366 26.4188 10.7233 20.5006 10.7233Z",
       fill: "#371C1D"
     }
   )
-] }) }), g = (t) => /* @__PURE__ */ e.jsx(l, { ...t, children: /* @__PURE__ */ e.jsxs("svg", { fill: "none", height: "40", viewBox: "0 0 41 40", width: "41", xmlns: "http://www.w3.org/2000/svg", children: [
-  /* @__PURE__ */ e.jsx("circle", { cx: "20.5", cy: "20", fill: "#D2D2D2", r: "20" }),
-  /* @__PURE__ */ e.jsx(
+] }) }), y = (e) => /* @__PURE__ */ t(o, { ...e, children: /* @__PURE__ */ n("svg", { fill: "none", height: "40", viewBox: "0 0 41 40", width: "41", xmlns: "http://www.w3.org/2000/svg", children: [
+  /* @__PURE__ */ t("circle", { cx: "20.5", cy: "20", fill: "#D2D2D2", r: "20" }),
+  /* @__PURE__ */ t(
     "path",
     {
       clipRule: "evenodd",
@@ -62,7 +62,7 @@ const u = (t) => /* @__PURE__ */ e.jsx(l, { ...t, children: /* @__PURE__ */ e.js
       fillRule: "evenodd"
     }
   ),
-  /* @__PURE__ */ e.jsx(
+  /* @__PURE__ */ t(
     "path",
     {
       clipRule: "evenodd",
@@ -71,7 +71,7 @@ const u = (t) => /* @__PURE__ */ e.jsx(l, { ...t, children: /* @__PURE__ */ e.js
       fillRule: "evenodd"
     }
   ),
-  /* @__PURE__ */ e.jsx(
+  /* @__PURE__ */ t(
     "rect",
     {
       fill: "white",
@@ -85,11 +85,11 @@ const u = (t) => /* @__PURE__ */ e.jsx(l, { ...t, children: /* @__PURE__ */ e.js
   )
 ] }) });
 export {
-  l as ShareButton,
-  x as ShareDescription,
-  u as ShareKakaoButton,
-  p as ShareTextContainer,
-  f as ShareTitle,
-  h as ShareUI,
-  g as ShareUrlButton
+  o as ShareButton,
+  C as ShareDescription,
+  x as ShareKakaoButton,
+  m as ShareTextContainer,
+  p as ShareTitle,
+  f as ShareUI,
+  y as ShareUrlButton
 };

package/dist/components/ui/tooltip.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("../../chunks/jsx-runtime.B0Vkbtvx.js"),Q=require("react"),y=require("../../chunks/index.BTUe9yKh.js"),N=require("../../chunks/index.BIcga6m3.js"),M=require("../../chunks/index.DcvrUsoU.js"),Z=require("../../chunks/index.B04X8ryw.js"),R=require("../../chunks/index.mCMIO9lL.js"),q=require("../../chunks/index.BRcoZnsL.js"),ee=require("../../lib/utils.cjs.js");function te(e){if(e&&typeof e=="object"&&"default"in e)return e;const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(o,t,r.get?r:{enumerable:!0,get:()=>e[t]})}}return o.default=e,Object.freeze(o)}const s=te(Q);var oe=Symbol("radix.slottable");function re(e){const o=({children:t})=>c.jsxRuntimeExports.jsx(c.jsxRuntimeExports.Fragment,{children:t});return o.displayName=`${e}.Slottable`,o.__radixId=oe,o}var ne=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"}),se="VisuallyHidden",$=s.forwardRef((e,o)=>c.jsxRuntimeExports.jsx(y.Primitive.span,{...e,ref:o,style:{...ne,...e.style}}));$.displayName=se;var ie=$,[O]=y.createContextScope("Tooltip",[R.createPopperScope]),A=R.createPopperScope(),F="TooltipProvider",ae=700,D="tooltip.open",[le,S]=O(F),G=e=>{const{__scopeTooltip:o,delayDuration:t=ae,skipDelayDuration:r=300,disableHoverableContent:n=!1,children:l}=e,a=s.useRef(!0),f=s.useRef(!1),i=s.useRef(0);return s.useEffect(()=>{const d=i.current;return()=>window.clearTimeout(d)},[]),c.jsxRuntimeExports.jsx(le,{scope:o,isOpenDelayedRef:a,delayDuration:t,onOpen:s.useCallback(()=>{window.clearTimeout(i.current),a.current=!1},[]),onClose:s.useCallback(()=>{window.clearTimeout(i.current),i.current=window.setTimeout(()=>a.current=!0,r)},[r]),isPointerInTransitRef:f,onPointerInTransitChange:s.useCallback(d=>{f.current=d},[]),disableHoverableContent:n,children:l})};G.displayName=F;var P="Tooltip",[ce,_]=O(P),V=e=>{const{__scopeTooltip:o,children:t,open:r,defaultOpen:n,onOpenChange:l,disableHoverableContent:a,delayDuration:f}=e,i=S(P,e.__scopeTooltip),d=A(o),[u,x]=s.useState(null),v=Z.useId(),p=s.useRef(0),m=a??i.disableHoverableContent,g=f??i.delayDuration,h=s.useRef(!1),[E,T]=y.useControllableState({prop:r,defaultProp:n??!1,onChange:I=>{I?(i.onOpen(),document.dispatchEvent(new CustomEvent(D))):i.onClose(),l?.(I)},caller:P}),C=s.useMemo(()=>E?h.current?"delayed-open":"instant-open":"closed",[E]),j=s.useCallback(()=>{window.clearTimeout(p.current),p.current=0,h.current=!1,T(!0)},[T]),w=s.useCallback(()=>{window.clearTimeout(p.current),p.current=0,T(!1)},[T]),H=s.useCallback(()=>{window.clearTimeout(p.current),p.current=window.setTimeout(()=>{h.current=!0,T(!0),p.current=0},g)},[g,T]);return s.useEffect(()=>()=>{p.current&&(window.clearTimeout(p.current),p.current=0)},[]),c.jsxRuntimeExports.jsx(R.Root2,{...d,children:c.jsxRuntimeExports.jsx(ce,{scope:o,contentId:v,open:E,stateAttribute:C,trigger:u,onTriggerChange:x,onTriggerEnter:s.useCallback(()=>{i.isOpenDelayedRef.current?H():j()},[i.isOpenDelayedRef,H,j]),onTriggerLeave:s.useCallback(()=>{m?w():(window.clearTimeout(p.current),p.current=0)},[w,m]),onOpen:j,onClose:w,disableHoverableContent:m,children:t})})};V.displayName=P;var L="TooltipTrigger",z=s.forwardRef((e,o)=>{const{__scopeTooltip:t,...r}=e,n=_(L,t),l=S(L,t),a=A(t),f=s.useRef(null),i=N.useComposedRefs(o,f,n.onTriggerChange),d=s.useRef(!1),u=s.useRef(!1),x=s.useCallback(()=>d.current=!1,[]);return s.useEffect(()=>()=>document.removeEventListener("pointerup",x),[x]),c.jsxRuntimeExports.jsx(R.Anchor,{asChild:!0,...a,children:c.jsxRuntimeExports.jsx(y.Primitive.button,{"aria-describedby":n.open?n.contentId:void 0,"data-state":n.stateAttribute,...r,ref:i,onPointerMove:y.composeEventHandlers(e.onPointerMove,v=>{v.pointerType!=="touch"&&!u.current&&!l.isPointerInTransitRef.current&&(n.onTriggerEnter(),u.current=!0)}),onPointerLeave:y.composeEventHandlers(e.onPointerLeave,()=>{n.onTriggerLeave(),u.current=!1}),onPointerDown:y.composeEventHandlers(e.onPointerDown,()=>{n.open&&n.onClose(),d.current=!0,document.addEventListener("pointerup",x,{once:!0})}),onFocus:y.composeEventHandlers(e.onFocus,()=>{d.current||n.onOpen()}),onBlur:y.composeEventHandlers(e.onBlur,n.onClose),onClick:y.composeEventHandlers(e.onClick,n.onClose)})})});z.displayName=L;var k="TooltipPortal",[ue,pe]=O(k,{forceMount:void 0}),B=e=>{const{__scopeTooltip:o,forceMount:t,children:r,container:n}=e,l=_(k,o);return c.jsxRuntimeExports.jsx(ue,{scope:o,forceMount:t,children:c.jsxRuntimeExports.jsx(q.Presence,{present:t||l.open,children:c.jsxRuntimeExports.jsx(M.Portal,{asChild:!0,container:n,children:r})})})};B.displayName=k;var b="TooltipContent",Y=s.forwardRef((e,o)=>{const t=pe(b,e.__scopeTooltip),{forceMount:r=t.forceMount,side:n="top",...l}=e,a=_(b,e.__scopeTooltip);return c.jsxRuntimeExports.jsx(q.Presence,{present:r||a.open,children:a.disableHoverableContent?c.jsxRuntimeExports.jsx(U,{side:n,...l,ref:o}):c.jsxRuntimeExports.jsx(de,{side:n,...l,ref:o})})}),de=s.forwardRef((e,o)=>{const t=_(b,e.__scopeTooltip),r=S(b,e.__scopeTooltip),n=s.useRef(null),l=N.useComposedRefs(o,n),[a,f]=s.useState(null),{trigger:i,onClose:d}=t,u=n.current,{onPointerInTransitChange:x}=r,v=s.useCallback(()=>{f(null),x(!1)},[x]),p=s.useCallback((m,g)=>{const h=m.currentTarget,E={x:m.clientX,y:m.clientY},T=me(E,h.getBoundingClientRect()),C=he(E,T),j=ge(g.getBoundingClientRect()),w=ye([...C,...j]);f(w),x(!0)},[x]);return s.useEffect(()=>()=>v(),[v]),s.useEffect(()=>{if(i&&u){const m=h=>p(h,u),g=h=>p(h,i);return i.addEventListener("pointerleave",m),u.addEventListener("pointerleave",g),()=>{i.removeEventListener("pointerleave",m),u.removeEventListener("pointerleave",g)}}},[i,u,p,v]),s.useEffect(()=>{if(a){const m=g=>{const h=g.target,E={x:g.clientX,y:g.clientY},T=i?.contains(h)||u?.contains(h),C=!Te(E,a);T?v():C&&(v(),d())};return document.addEventListener("pointermove",m),()=>document.removeEventListener("pointermove",m)}},[i,u,a,d,v]),c.jsxRuntimeExports.jsx(U,{...e,ref:l})}),[xe,fe]=O(P,{isInside:!1}),ve=re("TooltipContent"),U=s.forwardRef((e,o)=>{const{__scopeTooltip:t,children:r,"aria-label":n,onEscapeKeyDown:l,onPointerDownOutside:a,...f}=e,i=_(b,t),d=A(t),{onClose:u}=i;return s.useEffect(()=>(document.addEventListener(D,u),()=>document.removeEventListener(D,u)),[u]),s.useEffect(()=>{if(i.trigger){const x=v=>{v.target?.contains(i.trigger)&&u()};return window.addEventListener("scroll",x,{capture:!0}),()=>window.removeEventListener("scroll",x,{capture:!0})}},[i.trigger,u]),c.jsxRuntimeExports.jsx(M.DismissableLayer,{asChild:!0,disableOutsidePointerEvents:!1,onEscapeKeyDown:l,onPointerDownOutside:a,onFocusOutside:x=>x.preventDefault(),onDismiss:u,children:c.jsxRuntimeExports.jsxs(R.Content,{"data-state":i.stateAttribute,...d,...f,ref:o,style:{...f.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.jsxRuntimeExports.jsx(ve,{children:r}),c.jsxRuntimeExports.jsx(xe,{scope:t,isInside:!0,children:c.jsxRuntimeExports.jsx(ie,{id:i.contentId,role:"tooltip",children:n||r})})]})})});Y.displayName=b;var W="TooltipArrow",X=s.forwardRef((e,o)=>{const{__scopeTooltip:t,...r}=e,n=A(t);return fe(W,t).isInside?null:c.jsxRuntimeExports.jsx(R.Arrow,{...n,...r,ref:o})});X.displayName=W;function me(e,o){const t=Math.abs(o.top-e.y),r=Math.abs(o.bottom-e.y),n=Math.abs(o.right-e.x),l=Math.abs(o.left-e.x);switch(Math.min(t,r,n,l)){case l:return"left";case n:return"right";case t:return"top";case r:return"bottom";default:throw new Error("unreachable")}}function he(e,o,t=5){const r=[];switch(o){case"top":r.push({x:e.x-t,y:e.y+t},{x:e.x+t,y:e.y+t});break;case"bottom":r.push({x:e.x-t,y:e.y-t},{x:e.x+t,y:e.y-t});break;case"left":r.push({x:e.x+t,y:e.y-t},{x:e.x+t,y:e.y+t});break;case"right":r.push({x:e.x-t,y:e.y-t},{x:e.x-t,y:e.y+t});break}return r}function ge(e){const{top:o,right:t,bottom:r,left:n}=e;return[{x:n,y:o},{x:t,y:o},{x:t,y:r},{x:n,y:r}]}function Te(e,o){const{x:t,y:r}=e;let n=!1;for(let l=0,a=o.length-1;l<o.length;a=l++){const f=o[l],i=o[a],d=f.x,u=f.y,x=i.x,v=i.y;u>r!=v>r&&t<(x-d)*(r-u)/(v-u)+d&&(n=!n)}return n}function ye(e){const o=e.slice();return o.sort((t,r)=>t.x<r.x?-1:t.x>r.x?1:t.y<r.y?-1:t.y>r.y?1:0),Ee(o)}function Ee(e){if(e.length<=1)return e.slice();const o=[];for(let r=0;r<e.length;r++){const n=e[r];for(;o.length>=2;){const l=o[o.length-1],a=o[o.length-2];if((l.x-a.x)*(n.y-a.y)>=(l.y-a.y)*(n.x-a.x))o.pop();else break}o.push(n)}o.pop();const t=[];for(let r=e.length-1;r>=0;r--){const n=e[r];for(;t.length>=2;){const l=t[t.length-1],a=t[t.length-2];if((l.x-a.x)*(n.y-a.y)>=(l.y-a.y)*(n.x-a.x))t.pop();else break}t.push(n)}return t.pop(),o.length===1&&t.length===1&&o[0].x===t[0].x&&o[0].y===t[0].y?o:o.concat(t)}var be=G,Re=V,Ce=z,je=B,we=Y,K=X;function J({delayDuration:e=0,...o}){return c.jsxRuntimeExports.jsx(be,{"data-slot":"tooltip-provider",delayDuration:e,...o})}function Pe({...e}){return c.jsxRuntimeExports.jsx(J,{children:c.jsxRuntimeExports.jsx(Re,{"data-slot":"tooltip",...e})})}function _e({...e}){return c.jsxRuntimeExports.jsx(Ce,{"data-slot":"tooltip-trigger",...e})}function Oe({className:e,sideOffset:o=5,collisionPadding:t={left:20,right:20},children:r,...n}){return c.jsxRuntimeExports.jsx(je,{children:c.jsxRuntimeExports.jsxs(we,{className:ee.cn("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:t,"data-slot":"tooltip-content",sideOffset:o,...n,children:[r,c.jsxRuntimeExports.jsx(K,{className:"-my-px border-none fill-white drop-shadow-[0_1px_0_var(--color-gray-100)]"})]})})}const Ae=K;exports.Tooltip=Pe;exports.TooltipArrow=Ae;exports.TooltipContent=Oe;exports.TooltipProvider=J;exports.TooltipTrigger=_e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),Q=require("react"),m=require("../../chunks/index.eYfYnSCV.js"),N=require("../../chunks/index.BIcga6m3.js"),M=require("../../chunks/index.B-Bfcjo7.js"),Z=require("../../chunks/index.BtGja8CI.js"),w=require("../../chunks/index.CqHp_goI.js"),q=require("../../chunks/index.BngGCpBd.js"),ee=require("../../lib/utils.cjs.js");function te(e){if(e&&typeof e=="object"&&"default"in e)return e;const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(o,t,r.get?r:{enumerable:!0,get:()=>e[t]})}}return o.default=e,Object.freeze(o)}const s=te(Q);var oe=Symbol("radix.slottable");function re(e){const o=({children:t})=>c.jsx(c.Fragment,{children:t});return o.displayName=`${e}.Slottable`,o.__radixId=oe,o}var ne=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"}),se="VisuallyHidden",$=s.forwardRef((e,o)=>c.jsx(m.Primitive.span,{...e,ref:o,style:{...ne,...e.style}}));$.displayName=se;var ie=$,[O]=m.createContextScope("Tooltip",[w.createPopperScope]),A=w.createPopperScope(),F="TooltipProvider",ae=700,D="tooltip.open",[le,S]=O(F),G=e=>{const{__scopeTooltip:o,delayDuration:t=ae,skipDelayDuration:r=300,disableHoverableContent:n=!1,children:l}=e,a=s.useRef(!0),v=s.useRef(!1),i=s.useRef(0);return s.useEffect(()=>{const p=i.current;return()=>window.clearTimeout(p)},[]),c.jsx(le,{scope:o,isOpenDelayedRef:a,delayDuration:t,onOpen:s.useCallback(()=>{window.clearTimeout(i.current),a.current=!1},[]),onClose:s.useCallback(()=>{window.clearTimeout(i.current),i.current=window.setTimeout(()=>a.current=!0,r)},[r]),isPointerInTransitRef:v,onPointerInTransitChange:s.useCallback(p=>{v.current=p},[]),disableHoverableContent:n,children:l})};G.displayName=F;var _="Tooltip",[ce,j]=O(_),V=e=>{const{__scopeTooltip:o,children:t,open:r,defaultOpen:n,onOpenChange:l,disableHoverableContent:a,delayDuration:v}=e,i=S(_,e.__scopeTooltip),p=A(o),[u,f]=s.useState(null),x=Z.useId(),d=s.useRef(0),h=a??i.disableHoverableContent,T=v??i.delayDuration,g=s.useRef(!1),[b,y]=m.useControllableState({prop:r,defaultProp:n??!1,onChange:I=>{I?(i.onOpen(),document.dispatchEvent(new CustomEvent(D))):i.onClose(),l?.(I)},caller:_}),E=s.useMemo(()=>b?g.current?"delayed-open":"instant-open":"closed",[b]),P=s.useCallback(()=>{window.clearTimeout(d.current),d.current=0,g.current=!1,y(!0)},[y]),R=s.useCallback(()=>{window.clearTimeout(d.current),d.current=0,y(!1)},[y]),H=s.useCallback(()=>{window.clearTimeout(d.current),d.current=window.setTimeout(()=>{g.current=!0,y(!0),d.current=0},T)},[T,y]);return s.useEffect(()=>()=>{d.current&&(window.clearTimeout(d.current),d.current=0)},[]),c.jsx(w.Root2,{...p,children:c.jsx(ce,{scope:o,contentId:x,open:b,stateAttribute:E,trigger:u,onTriggerChange:f,onTriggerEnter:s.useCallback(()=>{i.isOpenDelayedRef.current?H():P()},[i.isOpenDelayedRef,H,P]),onTriggerLeave:s.useCallback(()=>{h?R():(window.clearTimeout(d.current),d.current=0)},[R,h]),onOpen:P,onClose:R,disableHoverableContent:h,children:t})})};V.displayName=_;var L="TooltipTrigger",z=s.forwardRef((e,o)=>{const{__scopeTooltip:t,...r}=e,n=j(L,t),l=S(L,t),a=A(t),v=s.useRef(null),i=N.useComposedRefs(o,v,n.onTriggerChange),p=s.useRef(!1),u=s.useRef(!1),f=s.useCallback(()=>p.current=!1,[]);return s.useEffect(()=>()=>document.removeEventListener("pointerup",f),[f]),c.jsx(w.Anchor,{asChild:!0,...a,children:c.jsx(m.Primitive.button,{"aria-describedby":n.open?n.contentId:void 0,"data-state":n.stateAttribute,...r,ref:i,onPointerMove:m.composeEventHandlers(e.onPointerMove,x=>{x.pointerType!=="touch"&&!u.current&&!l.isPointerInTransitRef.current&&(n.onTriggerEnter(),u.current=!0)}),onPointerLeave:m.composeEventHandlers(e.onPointerLeave,()=>{n.onTriggerLeave(),u.current=!1}),onPointerDown:m.composeEventHandlers(e.onPointerDown,()=>{n.open&&n.onClose(),p.current=!0,document.addEventListener("pointerup",f,{once:!0})}),onFocus:m.composeEventHandlers(e.onFocus,()=>{p.current||n.onOpen()}),onBlur:m.composeEventHandlers(e.onBlur,n.onClose),onClick:m.composeEventHandlers(e.onClick,n.onClose)})})});z.displayName=L;var k="TooltipPortal",[ue,de]=O(k,{forceMount:void 0}),B=e=>{const{__scopeTooltip:o,forceMount:t,children:r,container:n}=e,l=j(k,o);return c.jsx(ue,{scope:o,forceMount:t,children:c.jsx(q.Presence,{present:t||l.open,children:c.jsx(M.Portal,{asChild:!0,container:n,children:r})})})};B.displayName=k;var C="TooltipContent",Y=s.forwardRef((e,o)=>{const t=de(C,e.__scopeTooltip),{forceMount:r=t.forceMount,side:n="top",...l}=e,a=j(C,e.__scopeTooltip);return c.jsx(q.Presence,{present:r||a.open,children:a.disableHoverableContent?c.jsx(U,{side:n,...l,ref:o}):c.jsx(pe,{side:n,...l,ref:o})})}),pe=s.forwardRef((e,o)=>{const t=j(C,e.__scopeTooltip),r=S(C,e.__scopeTooltip),n=s.useRef(null),l=N.useComposedRefs(o,n),[a,v]=s.useState(null),{trigger:i,onClose:p}=t,u=n.current,{onPointerInTransitChange:f}=r,x=s.useCallback(()=>{v(null),f(!1)},[f]),d=s.useCallback((h,T)=>{const g=h.currentTarget,b={x:h.clientX,y:h.clientY},y=he(b,g.getBoundingClientRect()),E=ge(b,y),P=Te(T.getBoundingClientRect()),R=me([...E,...P]);v(R),f(!0)},[f]);return s.useEffect(()=>()=>x(),[x]),s.useEffect(()=>{if(i&&u){const h=g=>d(g,u),T=g=>d(g,i);return i.addEventListener("pointerleave",h),u.addEventListener("pointerleave",T),()=>{i.removeEventListener("pointerleave",h),u.removeEventListener("pointerleave",T)}}},[i,u,d,x]),s.useEffect(()=>{if(a){const h=T=>{const g=T.target,b={x:T.clientX,y:T.clientY},y=i?.contains(g)||u?.contains(g),E=!ye(b,a);y?x():E&&(x(),p())};return document.addEventListener("pointermove",h),()=>document.removeEventListener("pointermove",h)}},[i,u,a,p,x]),c.jsx(U,{...e,ref:l})}),[fe,ve]=O(_,{isInside:!1}),xe=re("TooltipContent"),U=s.forwardRef((e,o)=>{const{__scopeTooltip:t,children:r,"aria-label":n,onEscapeKeyDown:l,onPointerDownOutside:a,...v}=e,i=j(C,t),p=A(t),{onClose:u}=i;return s.useEffect(()=>(document.addEventListener(D,u),()=>document.removeEventListener(D,u)),[u]),s.useEffect(()=>{if(i.trigger){const f=x=>{x.target?.contains(i.trigger)&&u()};return window.addEventListener("scroll",f,{capture:!0}),()=>window.removeEventListener("scroll",f,{capture:!0})}},[i.trigger,u]),c.jsx(M.DismissableLayer,{asChild:!0,disableOutsidePointerEvents:!1,onEscapeKeyDown:l,onPointerDownOutside:a,onFocusOutside:f=>f.preventDefault(),onDismiss:u,children:c.jsxs(w.Content,{"data-state":i.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:[c.jsx(xe,{children:r}),c.jsx(fe,{scope:t,isInside:!0,children:c.jsx(ie,{id:i.contentId,role:"tooltip",children:n||r})})]})})});Y.displayName=C;var W="TooltipArrow",X=s.forwardRef((e,o)=>{const{__scopeTooltip:t,...r}=e,n=A(t);return ve(W,t).isInside?null:c.jsx(w.Arrow,{...n,...r,ref:o})});X.displayName=W;function he(e,o){const t=Math.abs(o.top-e.y),r=Math.abs(o.bottom-e.y),n=Math.abs(o.right-e.x),l=Math.abs(o.left-e.x);switch(Math.min(t,r,n,l)){case l:return"left";case n:return"right";case t:return"top";case r:return"bottom";default:throw new Error("unreachable")}}function ge(e,o,t=5){const r=[];switch(o){case"top":r.push({x:e.x-t,y:e.y+t},{x:e.x+t,y:e.y+t});break;case"bottom":r.push({x:e.x-t,y:e.y-t},{x:e.x+t,y:e.y-t});break;case"left":r.push({x:e.x+t,y:e.y-t},{x:e.x+t,y:e.y+t});break;case"right":r.push({x:e.x-t,y:e.y-t},{x:e.x-t,y:e.y+t});break}return r}function Te(e){const{top:o,right:t,bottom:r,left:n}=e;return[{x:n,y:o},{x:t,y:o},{x:t,y:r},{x:n,y:r}]}function ye(e,o){const{x:t,y:r}=e;let n=!1;for(let l=0,a=o.length-1;l<o.length;a=l++){const v=o[l],i=o[a],p=v.x,u=v.y,f=i.x,x=i.y;u>r!=x>r&&t<(f-p)*(r-u)/(x-u)+p&&(n=!n)}return n}function me(e){const o=e.slice();return o.sort((t,r)=>t.x<r.x?-1:t.x>r.x?1:t.y<r.y?-1:t.y>r.y?1:0),be(o)}function be(e){if(e.length<=1)return e.slice();const o=[];for(let r=0;r<e.length;r++){const n=e[r];for(;o.length>=2;){const l=o[o.length-1],a=o[o.length-2];if((l.x-a.x)*(n.y-a.y)>=(l.y-a.y)*(n.x-a.x))o.pop();else break}o.push(n)}o.pop();const t=[];for(let r=e.length-1;r>=0;r--){const n=e[r];for(;t.length>=2;){const l=t[t.length-1],a=t[t.length-2];if((l.x-a.x)*(n.y-a.y)>=(l.y-a.y)*(n.x-a.x))t.pop();else break}t.push(n)}return t.pop(),o.length===1&&t.length===1&&o[0].x===t[0].x&&o[0].y===t[0].y?o:o.concat(t)}var Ce=G,we=V,Ee=z,Pe=B,Re=Y,K=X;function J({delayDuration:e=0,...o}){return c.jsx(Ce,{"data-slot":"tooltip-provider",delayDuration:e,...o})}function _e({...e}){return c.jsx(J,{children:c.jsx(we,{"data-slot":"tooltip",...e})})}function je({...e}){return c.jsx(Ee,{"data-slot":"tooltip-trigger",...e})}function Oe({className:e,sideOffset:o=5,collisionPadding:t={left:20,right:20},children:r,...n}){return c.jsx(Pe,{children:c.jsxs(Re,{className:ee.cn("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:t,"data-slot":"tooltip-content",sideOffset:o,...n,children:[r,c.jsx(K,{className:"-my-px border-none fill-white drop-shadow-[0_1px_0_var(--color-gray-100)]"})]})})}const Ae=K;exports.Tooltip=_e;exports.TooltipArrow=Ae;exports.TooltipContent=Oe;exports.TooltipProvider=J;exports.TooltipTrigger=je;

package/dist/components/ui/tooltip.es.js

@@ -1,19 +1,19 @@
-import { j as c } from "../../chunks/jsx-runtime.C63F304d.js";
-import * as s from "react";
-import { P as S, a as J, c as C, b as Q } from "../../chunks/index.Dud5PpT2.js";
-import { u as M } from "../../chunks/index.DLcqcWxM.js";
-import { P as Z, D as ee } from "../../chunks/index.-8MfVPUU.js";
-import { u as te } from "../../chunks/index.DIsmU7qE.js";
-import { a as oe, R as re, c as H, A as ne, C as se } from "../../chunks/index.BKkcGVEJ.js";
-import { P as F } from "../../chunks/index.CtswiKeA.js";
-import { cn as ae } from "../../lib/utils.es.js";
-var ie = /* @__PURE__ */ Symbol("radix.slottable");
+import { jsx as c, Fragment as Q, jsxs as M } from "react/jsx-runtime";
+import * as a from "react";
+import { P as H, a as Z, c as C, b as ee } from "../../chunks/index.BmifSqQX.js";
+import { u as j } from "../../chunks/index.DLcqcWxM.js";
+import { P as te, D as oe } from "../../chunks/index.DVHp5IZe.js";
+import { u as re } from "../../chunks/index.CVogEmtp.js";
+import { a as ne, R as ae, c as F, A as se, C as ie } from "../../chunks/index.C1WOc90r.js";
+import { P as G } from "../../chunks/index.CDVf4iB0.js";
+import { cn as le } from "../../lib/utils.es.js";
+var ce = /* @__PURE__ */ Symbol("radix.slottable");
 // @__NO_SIDE_EFFECTS__
-function le(e) {
-  const o = ({ children: t }) => /* @__PURE__ */ c.jsx(c.Fragment, { children: t });
-  return o.displayName = `${e}.Slottable`, o.__radixId = ie, o;
+function ue(e) {
+  const o = ({ children: t }) => /* @__PURE__ */ c(Q, { children: t });
+  return o.displayName = `${e}.Slottable`, o.__radixId = ce, o;
 }
-var ce = Object.freeze({
+var de = Object.freeze({
   // See: https://github.com/twbs/bootstrap/blob/main/scss/mixins/_visually-hidden.scss
   position: "absolute",
   border: 0,
@@ -25,47 +25,47 @@ var ce = Object.freeze({
   clip: "rect(0, 0, 0, 0)",
   whiteSpace: "nowrap",
   wordWrap: "normal"
-}), ue = "VisuallyHidden", G = s.forwardRef(
-  (e, o) => /* @__PURE__ */ c.jsx(
-    S.span,
+}), pe = "VisuallyHidden", $ = a.forwardRef(
+  (e, o) => /* @__PURE__ */ c(
+    H.span,
     {
       ...e,
       ref: o,
-      style: { ...ce, ...e.style }
+      style: { ...de, ...e.style }
     }
   )
 );
-G.displayName = ue;
-var de = G, [j] = Q("Tooltip", [
-  H
-]), A = H(), $ = "TooltipProvider", pe = 700, D = "tooltip.open", [fe, O] = j($), V = (e) => {
+$.displayName = pe;
+var fe = $, [A] = ee("Tooltip", [
+  F
+]), D = F(), V = "TooltipProvider", ve = 700, L = "tooltip.open", [he, I] = A(V), B = (e) => {
   const {
     __scopeTooltip: o,
-    delayDuration: t = pe,
+    delayDuration: t = ve,
     skipDelayDuration: r = 300,
     disableHoverableContent: n = !1,
     children: l
-  } = e, i = s.useRef(!0), v = s.useRef(!1), a = s.useRef(0);
-  return s.useEffect(() => {
-    const p = a.current;
+  } = e, i = a.useRef(!0), v = a.useRef(!1), s = a.useRef(0);
+  return a.useEffect(() => {
+    const p = s.current;
     return () => window.clearTimeout(p);
-  }, []), /* @__PURE__ */ c.jsx(
-    fe,
+  }, []), /* @__PURE__ */ c(
+    he,
     {
       scope: o,
       isOpenDelayedRef: i,
       delayDuration: t,
-      onOpen: s.useCallback(() => {
-        window.clearTimeout(a.current), i.current = !1;
+      onOpen: a.useCallback(() => {
+        window.clearTimeout(s.current), i.current = !1;
       }, []),
-      onClose: s.useCallback(() => {
-        window.clearTimeout(a.current), a.current = window.setTimeout(
+      onClose: a.useCallback(() => {
+        window.clearTimeout(s.current), s.current = window.setTimeout(
           () => i.current = !0,
           r
         );
       }, [r]),
       isPointerInTransitRef: v,
-      onPointerInTransitChange: s.useCallback((p) => {
+      onPointerInTransitChange: a.useCallback((p) => {
         v.current = p;
       }, []),
       disableHoverableContent: n,
@@ -73,8 +73,8 @@ var de = G, [j] = Q("Tooltip", [
     }
   );
 };
-V.displayName = $;
-var R = "Tooltip", [ve, _] = j(R), B = (e) => {
+B.displayName = V;
+var R = "Tooltip", [me, _] = A(R), Y = (e) => {
   const {
     __scopeTooltip: o,
     children: t,
@@ -83,59 +83,59 @@ var R = "Tooltip", [ve, _] = j(R), B = (e) => {
     onOpenChange: l,
     disableHoverableContent: i,
     delayDuration: v
-  } = e, a = O(R, e.__scopeTooltip), p = A(o), [u, f] = s.useState(null), x = te(), d = s.useRef(0), h = i ?? a.disableHoverableContent, T = v ?? a.delayDuration, m = s.useRef(!1), [y, g] = J({
+  } = e, s = I(R, e.__scopeTooltip), p = D(o), [u, f] = a.useState(null), h = re(), d = a.useRef(0), m = i ?? s.disableHoverableContent, g = v ?? s.delayDuration, T = a.useRef(!1), [x, y] = Z({
     prop: r,
     defaultProp: n ?? !1,
-    onChange: (N) => {
-      N ? (a.onOpen(), document.dispatchEvent(new CustomEvent(D))) : a.onClose(), l?.(N);
+    onChange: (S) => {
+      S ? (s.onOpen(), document.dispatchEvent(new CustomEvent(L))) : s.onClose(), l?.(S);
     },
     caller: R
-  }), w = s.useMemo(() => y ? m.current ? "delayed-open" : "instant-open" : "closed", [y]), E = s.useCallback(() => {
-    window.clearTimeout(d.current), d.current = 0, m.current = !1, g(!0);
-  }, [g]), P = s.useCallback(() => {
-    window.clearTimeout(d.current), d.current = 0, g(!1);
-  }, [g]), k = s.useCallback(() => {
+  }), w = a.useMemo(() => x ? T.current ? "delayed-open" : "instant-open" : "closed", [x]), E = a.useCallback(() => {
+    window.clearTimeout(d.current), d.current = 0, T.current = !1, y(!0);
+  }, [y]), P = a.useCallback(() => {
+    window.clearTimeout(d.current), d.current = 0, y(!1);
+  }, [y]), N = a.useCallback(() => {
     window.clearTimeout(d.current), d.current = window.setTimeout(() => {
-      m.current = !0, g(!0), d.current = 0;
-    }, T);
-  }, [T, g]);
-  return s.useEffect(() => () => {
+      T.current = !0, y(!0), d.current = 0;
+    }, g);
+  }, [g, y]);
+  return a.useEffect(() => () => {
     d.current && (window.clearTimeout(d.current), d.current = 0);
-  }, []), /* @__PURE__ */ c.jsx(re, { ...p, children: /* @__PURE__ */ c.jsx(
-    ve,
+  }, []), /* @__PURE__ */ c(ae, { ...p, children: /* @__PURE__ */ c(
+    me,
     {
       scope: o,
-      contentId: x,
-      open: y,
+      contentId: h,
+      open: x,
       stateAttribute: w,
       trigger: u,
       onTriggerChange: f,
-      onTriggerEnter: s.useCallback(() => {
-        a.isOpenDelayedRef.current ? k() : E();
-      }, [a.isOpenDelayedRef, k, E]),
-      onTriggerLeave: s.useCallback(() => {
-        h ? P() : (window.clearTimeout(d.current), d.current = 0);
-      }, [P, h]),
+      onTriggerEnter: a.useCallback(() => {
+        s.isOpenDelayedRef.current ? N() : E();
+      }, [s.isOpenDelayedRef, N, E]),
+      onTriggerLeave: a.useCallback(() => {
+        m ? P() : (window.clearTimeout(d.current), d.current = 0);
+      }, [P, m]),
       onOpen: E,
       onClose: P,
-      disableHoverableContent: h,
+      disableHoverableContent: m,
       children: t
     }
   ) });
 };
-B.displayName = R;
-var L = "TooltipTrigger", Y = s.forwardRef(
+Y.displayName = R;
+var O = "TooltipTrigger", z = a.forwardRef(
   (e, o) => {
-    const { __scopeTooltip: t, ...r } = e, n = _(L, t), l = O(L, t), i = A(t), v = s.useRef(null), a = M(o, v, n.onTriggerChange), p = s.useRef(!1), u = s.useRef(!1), f = s.useCallback(() => p.current = !1, []);
-    return s.useEffect(() => () => document.removeEventListener("pointerup", f), [f]), /* @__PURE__ */ c.jsx(ne, { asChild: !0, ...i, children: /* @__PURE__ */ c.jsx(
-      S.button,
+    const { __scopeTooltip: t, ...r } = e, n = _(O, t), l = I(O, t), i = D(t), v = a.useRef(null), s = j(o, v, n.onTriggerChange), p = a.useRef(!1), u = a.useRef(!1), f = a.useCallback(() => p.current = !1, []);
+    return a.useEffect(() => () => document.removeEventListener("pointerup", f), [f]), /* @__PURE__ */ c(se, { asChild: !0, ...i, children: /* @__PURE__ */ c(
+      H.button,
       {
         "aria-describedby": n.open ? n.contentId : void 0,
         "data-state": n.stateAttribute,
         ...r,
-        ref: a,
-        onPointerMove: C(e.onPointerMove, (x) => {
-          x.pointerType !== "touch" && !u.current && !l.isPointerInTransitRef.current && (n.onTriggerEnter(), u.current = !0);
+        ref: s,
+        onPointerMove: C(e.onPointerMove, (h) => {
+          h.pointerType !== "touch" && !u.current && !l.isPointerInTransitRef.current && (n.onTriggerEnter(), u.current = !0);
         }),
         onPointerLeave: C(e.onPointerLeave, () => {
           n.onTriggerLeave(), u.current = !1;
@@ -152,46 +152,46 @@ var L = "TooltipTrigger", Y = s.forwardRef(
     ) });
   }
 );
-Y.displayName = L;
-var I = "TooltipPortal", [xe, he] = j(I, {
+z.displayName = O;
+var k = "TooltipPortal", [Te, ge] = A(k, {
   forceMount: void 0
-}), z = (e) => {
-  const { __scopeTooltip: o, forceMount: t, children: r, container: n } = e, l = _(I, o);
-  return /* @__PURE__ */ c.jsx(xe, { scope: o, forceMount: t, children: /* @__PURE__ */ c.jsx(F, { present: t || l.open, children: /* @__PURE__ */ c.jsx(Z, { asChild: !0, container: n, children: r }) }) });
+}), U = (e) => {
+  const { __scopeTooltip: o, forceMount: t, children: r, container: n } = e, l = _(k, o);
+  return /* @__PURE__ */ c(Te, { scope: o, forceMount: t, children: /* @__PURE__ */ c(G, { present: t || l.open, children: /* @__PURE__ */ c(te, { asChild: !0, container: n, children: r }) }) });
 };
-z.displayName = I;
-var b = "TooltipContent", U = s.forwardRef(
+U.displayName = k;
+var b = "TooltipContent", q = a.forwardRef(
   (e, o) => {
-    const t = he(b, e.__scopeTooltip), { forceMount: r = t.forceMount, side: n = "top", ...l } = e, i = _(b, e.__scopeTooltip);
-    return /* @__PURE__ */ c.jsx(F, { present: r || i.open, children: i.disableHoverableContent ? /* @__PURE__ */ c.jsx(q, { side: n, ...l, ref: o }) : /* @__PURE__ */ c.jsx(me, { side: n, ...l, ref: o }) });
+    const t = ge(b, e.__scopeTooltip), { forceMount: r = t.forceMount, side: n = "top", ...l } = e, i = _(b, e.__scopeTooltip);
+    return /* @__PURE__ */ c(G, { present: r || i.open, children: i.disableHoverableContent ? /* @__PURE__ */ c(W, { side: n, ...l, ref: o }) : /* @__PURE__ */ c(ye, { side: n, ...l, ref: o }) });
   }
-), me = s.forwardRef((e, o) => {
-  const t = _(b, e.__scopeTooltip), r = O(b, e.__scopeTooltip), n = s.useRef(null), l = M(o, n), [i, v] = s.useState(null), { trigger: a, onClose: p } = t, u = n.current, { onPointerInTransitChange: f } = r, x = s.useCallback(() => {
+), ye = a.forwardRef((e, o) => {
+  const t = _(b, e.__scopeTooltip), r = I(b, e.__scopeTooltip), n = a.useRef(null), l = j(o, n), [i, v] = a.useState(null), { trigger: s, onClose: p } = t, u = n.current, { onPointerInTransitChange: f } = r, h = a.useCallback(() => {
     v(null), f(!1);
-  }, [f]), d = s.useCallback(
-    (h, T) => {
-      const m = h.currentTarget, y = { x: h.clientX, y: h.clientY }, g = Ce(y, m.getBoundingClientRect()), w = be(y, g), E = we(T.getBoundingClientRect()), P = Pe([...w, ...E]);
+  }, [f]), d = a.useCallback(
+    (m, g) => {
+      const T = m.currentTarget, x = { x: m.clientX, y: m.clientY }, y = we(x, T.getBoundingClientRect()), w = Ee(x, y), E = Pe(g.getBoundingClientRect()), P = _e([...w, ...E]);
       v(P), f(!0);
     },
     [f]
   );
-  return s.useEffect(() => () => x(), [x]), s.useEffect(() => {
-    if (a && u) {
-      const h = (m) => d(m, u), T = (m) => d(m, a);
-      return a.addEventListener("pointerleave", h), u.addEventListener("pointerleave", T), () => {
-        a.removeEventListener("pointerleave", h), u.removeEventListener("pointerleave", T);
+  return a.useEffect(() => () => h(), [h]), a.useEffect(() => {
+    if (s && u) {
+      const m = (T) => d(T, u), g = (T) => d(T, s);
+      return s.addEventListener("pointerleave", m), u.addEventListener("pointerleave", g), () => {
+        s.removeEventListener("pointerleave", m), u.removeEventListener("pointerleave", g);
       };
     }
-  }, [a, u, d, x]), s.useEffect(() => {
+  }, [s, u, d, h]), a.useEffect(() => {
     if (i) {
-      const h = (T) => {
-        const m = T.target, y = { x: T.clientX, y: T.clientY }, g = a?.contains(m) || u?.contains(m), w = !Ee(y, i);
-        g ? x() : w && (x(), p());
+      const m = (g) => {
+        const T = g.target, x = { x: g.clientX, y: g.clientY }, y = s?.contains(T) || u?.contains(T), w = !Re(x, i);
+        y ? h() : w && (h(), p());
       };
-      return document.addEventListener("pointermove", h), () => document.removeEventListener("pointermove", h);
+      return document.addEventListener("pointermove", m), () => document.removeEventListener("pointermove", m);
     }
-  }, [a, u, i, p, x]), /* @__PURE__ */ c.jsx(q, { ...e, ref: l });
-}), [Te, ge] = j(R, { isInside: !1 }), ye = /* @__PURE__ */ le("TooltipContent"), q = s.forwardRef(
+  }, [s, u, i, p, h]), /* @__PURE__ */ c(W, { ...e, ref: l });
+}), [xe, Ce] = A(R, { isInside: !1 }), be = /* @__PURE__ */ ue("TooltipContent"), W = a.forwardRef(
   (e, o) => {
     const {
       __scopeTooltip: t,
@@ -200,16 +200,16 @@ var b = "TooltipContent", U = s.forwardRef(
       onEscapeKeyDown: l,
       onPointerDownOutside: i,
       ...v
-    } = e, a = _(b, t), p = A(t), { onClose: u } = a;
-    return s.useEffect(() => (document.addEventListener(D, u), () => document.removeEventListener(D, u)), [u]), s.useEffect(() => {
-      if (a.trigger) {
-        const f = (x) => {
-          x.target?.contains(a.trigger) && u();
+    } = e, s = _(b, t), p = D(t), { onClose: u } = s;
+    return a.useEffect(() => (document.addEventListener(L, u), () => document.removeEventListener(L, u)), [u]), a.useEffect(() => {
+      if (s.trigger) {
+        const f = (h) => {
+          h.target?.contains(s.trigger) && u();
         };
         return window.addEventListener("scroll", f, { capture: !0 }), () => window.removeEventListener("scroll", f, { capture: !0 });
       }
-    }, [a.trigger, u]), /* @__PURE__ */ c.jsx(
-      ee,
+    }, [s.trigger, u]), /* @__PURE__ */ c(
+      oe,
       {
         asChild: !0,
         disableOutsidePointerEvents: !1,
@@ -217,10 +217,10 @@ var b = "TooltipContent", U = s.forwardRef(
         onPointerDownOutside: i,
         onFocusOutside: (f) => f.preventDefault(),
         onDismiss: u,
-        children: /* @__PURE__ */ c.jsxs(
-          se,
+        children: /* @__PURE__ */ M(
+          ie,
           {
-            "data-state": a.stateAttribute,
+            "data-state": s.stateAttribute,
             ...p,
             ...v,
             ref: o,
@@ -233,8 +233,8 @@ var b = "TooltipContent", U = s.forwardRef(
               "--radix-tooltip-trigger-height": "var(--radix-popper-anchor-height)"
             },
             children: [
-              /* @__PURE__ */ c.jsx(ye, { children: r }),
-              /* @__PURE__ */ c.jsx(Te, { scope: t, isInside: !0, children: /* @__PURE__ */ c.jsx(de, { id: a.contentId, role: "tooltip", children: n || r }) })
+              /* @__PURE__ */ c(be, { children: r }),
+              /* @__PURE__ */ c(xe, { scope: t, isInside: !0, children: /* @__PURE__ */ c(fe, { id: s.contentId, role: "tooltip", children: n || r }) })
             ]
           }
         )
@@ -242,18 +242,18 @@ var b = "TooltipContent", U = s.forwardRef(
     );
   }
 );
-U.displayName = b;
-var W = "TooltipArrow", X = s.forwardRef(
+q.displayName = b;
+var X = "TooltipArrow", K = a.forwardRef(
   (e, o) => {
-    const { __scopeTooltip: t, ...r } = e, n = A(t);
-    return ge(
-      W,
+    const { __scopeTooltip: t, ...r } = e, n = D(t);
+    return Ce(
+      X,
       t
-    ).isInside ? null : /* @__PURE__ */ c.jsx(oe, { ...n, ...r, ref: o });
+    ).isInside ? null : /* @__PURE__ */ c(ne, { ...n, ...r, ref: o });
   }
 );
-X.displayName = W;
-function Ce(e, o) {
+K.displayName = X;
+function we(e, o) {
   const t = Math.abs(o.top - e.y), r = Math.abs(o.bottom - e.y), n = Math.abs(o.right - e.x), l = Math.abs(o.left - e.x);
   switch (Math.min(t, r, n, l)) {
     case l:
@@ -268,7 +268,7 @@ function Ce(e, o) {
       throw new Error("unreachable");
   }
 }
-function be(e, o, t = 5) {
+function Ee(e, o, t = 5) {
   const r = [];
   switch (o) {
     case "top":
@@ -298,7 +298,7 @@ function be(e, o, t = 5) {
   }
   return r;
 }
-function we(e) {
+function Pe(e) {
   const { top: o, right: t, bottom: r, left: n } = e;
   return [
     { x: n, y: o },
@@ -307,20 +307,20 @@ function we(e) {
     { x: n, y: r }
   ];
 }
-function Ee(e, o) {
+function Re(e, o) {
   const { x: t, y: r } = e;
   let n = !1;
   for (let l = 0, i = o.length - 1; l < o.length; i = l++) {
-    const v = o[l], a = o[i], p = v.x, u = v.y, f = a.x, x = a.y;
-    u > r != x > r && t < (f - p) * (r - u) / (x - u) + p && (n = !n);
+    const v = o[l], s = o[i], p = v.x, u = v.y, f = s.x, h = s.y;
+    u > r != h > r && t < (f - p) * (r - u) / (h - u) + p && (n = !n);
   }
   return n;
 }
-function Pe(e) {
+function _e(e) {
   const o = e.slice();
-  return o.sort((t, r) => t.x < r.x ? -1 : t.x > r.x ? 1 : t.y < r.y ? -1 : t.y > r.y ? 1 : 0), Re(o);
+  return o.sort((t, r) => t.x < r.x ? -1 : t.x > r.x ? 1 : t.y < r.y ? -1 : t.y > r.y ? 1 : 0), Ae(o);
 }
-function Re(e) {
+function Ae(e) {
   if (e.length <= 1) return e.slice();
   const o = [];
   for (let r = 0; r < e.length; r++) {
@@ -345,17 +345,17 @@ function Re(e) {
   }
   return t.pop(), o.length === 1 && t.length === 1 && o[0].x === t[0].x && o[0].y === t[0].y ? o : o.concat(t);
 }
-var _e = V, je = B, Ae = Y, De = z, Le = U, K = X;
-function Oe({ delayDuration: e = 0, ...o }) {
-  return /* @__PURE__ */ c.jsx(_e, { "data-slot": "tooltip-provider", delayDuration: e, ...o });
+var De = B, Le = Y, Oe = z, Ie = U, ke = q, J = K;
+function Ne({ delayDuration: e = 0, ...o }) {
+  return /* @__PURE__ */ c(De, { "data-slot": "tooltip-provider", delayDuration: e, ...o });
 }
-function $e({ ...e }) {
-  return /* @__PURE__ */ c.jsx(Oe, { children: /* @__PURE__ */ c.jsx(je, { "data-slot": "tooltip", ...e }) });
+function Be({ ...e }) {
+  return /* @__PURE__ */ c(Ne, { children: /* @__PURE__ */ c(Le, { "data-slot": "tooltip", ...e }) });
 }
-function Ve({ ...e }) {
-  return /* @__PURE__ */ c.jsx(Ae, { "data-slot": "tooltip-trigger", ...e });
+function Ye({ ...e }) {
+  return /* @__PURE__ */ c(Oe, { "data-slot": "tooltip-trigger", ...e });
 }
-function Be({
+function ze({
   className: e,
   sideOffset: o = 5,
   collisionPadding: t = {
@@ -365,10 +365,10 @@ function Be({
   children: r,
   ...n
 }) {
-  return /* @__PURE__ */ c.jsx(De, { children: /* @__PURE__ */ c.jsxs(
-    Le,
+  return /* @__PURE__ */ c(Ie, { children: /* @__PURE__ */ M(
+    ke,
     {
-      className: ae(
+      className: le(
         "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
       ),
@@ -378,16 +378,16 @@ function Be({
       ...n,
       children: [
         r,
-        /* @__PURE__ */ c.jsx(K, { className: "-my-px border-none fill-white drop-shadow-[0_1px_0_var(--color-gray-100)]" })
+        /* @__PURE__ */ c(J, { className: "-my-px border-none fill-white drop-shadow-[0_1px_0_var(--color-gray-100)]" })
       ]
     }
   ) });
 }
-const Ye = K;
+const Ue = J;
 export {
-  $e as Tooltip,
-  Ye as TooltipArrow,
-  Be as TooltipContent,
-  Oe as TooltipProvider,
-  Ve as TooltipTrigger
+  Be as Tooltip,
+  Ue as TooltipArrow,
+  ze as TooltipContent,
+  Ne as TooltipProvider,
+  Ye as TooltipTrigger
 };