@pfct/purple 1.7.0-next.4 → 1.8.0

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

@@ -1,8 +1,8 @@
-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", {
+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", {
   variants: {
     background: {
       default: "bg-transparent",
@@ -24,36 +24,36 @@ const h = c("flex items-center justify-between gap-3.75", {
     background: "default",
     type: "list"
   }
-}), 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 })
+}), 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 })
 );
-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 })
+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 })
 );
-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 })
+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 })
 );
-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 })
+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 })
 );
-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(
+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(
     "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"
     }
   )
-] }) }), 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(
+] }) }), 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(
     "path",
     {
       clipRule: "evenodd",
@@ -62,7 +62,7 @@ const x = (e) => /* @__PURE__ */ t(o, { ...e, children: /* @__PURE__ */ n("svg",
       fillRule: "evenodd"
     }
   ),
-  /* @__PURE__ */ t(
+  /* @__PURE__ */ e.jsx(
     "path",
     {
       clipRule: "evenodd",
@@ -71,7 +71,7 @@ const x = (e) => /* @__PURE__ */ t(o, { ...e, children: /* @__PURE__ */ n("svg",
       fillRule: "evenodd"
     }
   ),
-  /* @__PURE__ */ t(
+  /* @__PURE__ */ e.jsx(
     "rect",
     {
       fill: "white",
@@ -85,11 +85,11 @@ const x = (e) => /* @__PURE__ */ t(o, { ...e, children: /* @__PURE__ */ n("svg",
   )
 ] }) });
 export {
-  o as ShareButton,
-  C as ShareDescription,
-  x as ShareKakaoButton,
-  m as ShareTextContainer,
-  p as ShareTitle,
-  f as ShareUI,
-  y as ShareUrlButton
+  l as ShareButton,
+  x as ShareDescription,
+  u as ShareKakaoButton,
+  p as ShareTextContainer,
+  f as ShareTitle,
+  h as ShareUI,
+  g as ShareUrlButton
 };

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

@@ -1 +1 @@
-"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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("../../chunks/jsx-runtime.B0Vkbtvx.js"),J=require("react"),y=require("../../chunks/index.BTUe9yKh.js"),N=require("../../chunks/index.BIcga6m3.js"),M=require("../../chunks/index.DcvrUsoU.js"),Q=require("../../chunks/index.B04X8ryw.js"),R=require("../../chunks/index.mCMIO9lL.js"),q=require("../../chunks/index.BRcoZnsL.js"),Z=require("../../lib/utils.cjs.js");function ee(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=ee(J);var te=Symbol("radix.slottable");function oe(e){const o=({children:t})=>c.jsxRuntimeExports.jsx(c.jsxRuntimeExports.Fragment,{children:t});return o.displayName=`${e}.Slottable`,o.__radixId=te,o}var re=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"}),ne="VisuallyHidden",$=s.forwardRef((e,o)=>c.jsxRuntimeExports.jsx(y.Primitive.span,{...e,ref:o,style:{...re,...e.style}}));$.displayName=ne;var se=$,[O]=y.createContextScope("Tooltip",[R.createPopperScope]),D=R.createPopperScope(),F="TooltipProvider",ie=700,L="tooltip.open",[ae,S]=O(F),G=e=>{const{__scopeTooltip:o,delayDuration:t=ie,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(ae,{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",[le,_]=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=D(o),[u,x]=s.useState(null),v=Q.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(L))):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(le,{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 A="TooltipTrigger",z=s.forwardRef((e,o)=>{const{__scopeTooltip:t,...r}=e,n=_(A,t),l=S(A,t),a=D(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=A;var k="TooltipPortal",[ce,ue]=O(k,{forceMount:void 0}),B=e=>{const{__scopeTooltip:o,forceMount:t,children:r,container:n}=e,l=_(k,o);return c.jsxRuntimeExports.jsx(ce,{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=ue(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(pe,{side:n,...l,ref:o})})}),pe=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=ve(E,h.getBoundingClientRect()),C=me(E,T),j=he(g.getBoundingClientRect()),w=Te([...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=!ge(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})}),[de,xe]=O(P,{isInside:!1}),fe=oe("TooltipContent"),U=s.forwardRef((e,o)=>{const{__scopeTooltip:t,children:r,"aria-label":n,onEscapeKeyDown:l,onPointerDownOutside:a,...f}=e,i=_(b,t),d=D(t),{onClose:u}=i;return s.useEffect(()=>(document.addEventListener(L,u),()=>document.removeEventListener(L,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(fe,{children:r}),c.jsxRuntimeExports.jsx(de,{scope:t,isInside:!0,children:c.jsxRuntimeExports.jsx(se,{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=D(t);return xe(W,t).isInside?null:c.jsxRuntimeExports.jsx(R.Arrow,{...n,...r,ref:o})});X.displayName=W;function ve(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 me(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 he(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 ge(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 Te(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),ye(o)}function ye(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 Ee=G,be=V,Re=z,Ce=B,je=Y,we=X;function K({delayDuration:e=0,...o}){return c.jsxRuntimeExports.jsx(Ee,{"data-slot":"tooltip-provider",delayDuration:e,...o})}function Pe({...e}){return c.jsxRuntimeExports.jsx(K,{children:c.jsxRuntimeExports.jsx(be,{"data-slot":"tooltip",...e})})}function _e({...e}){return c.jsxRuntimeExports.jsx(Re,{"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(Ce,{children:c.jsxRuntimeExports.jsxs(je,{className:Z.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(we,{className:"-my-px border-none fill-white drop-shadow-[0_1px_0_var(--color-gray-100)]"})]})})}exports.Tooltip=Pe;exports.TooltipContent=Oe;exports.TooltipProvider=K;exports.TooltipTrigger=_e;

package/dist/components/ui/tooltip.d.ts

@@ -5,7 +5,6 @@ declare function Tooltip({ ...props }: React.ComponentProps<typeof TooltipPrimit
 declare function TooltipTrigger({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
 type TooltipContentProps = React.ComponentProps<typeof TooltipPrimitive.Content>;
 declare function TooltipContent({ className, sideOffset, collisionPadding, children, ...props }: TooltipContentProps): import("react/jsx-runtime").JSX.Element;
-declare const TooltipArrow: React.ForwardRefExoticComponent<TooltipPrimitive.TooltipArrowProps & React.RefAttributes<SVGSVGElement>>;
-export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider, TooltipArrow };
+export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider };
 export type { TooltipContentProps };
 //# sourceMappingURL=tooltip.d.ts.map

package/dist/components/ui/tooltip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../src/components/ui/tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,gBAAgB,MAAM,yBAAyB,CAAC;AAC5D,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAIpC,iBAAS,eAAe,CAAC,EAAE,aAAiB,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,QAAQ,CAAC,2CAE/G;AAED,iBAAS,OAAO,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,IAAI,CAAC,2CAMhF;AAED,iBAAS,cAAc,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,2CAE1F;AAED,KAAK,mBAAmB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,CAAC;AAEjF,iBAAS,cAAc,CAAC,EACvB,SAAS,EACT,UAAc,EACd,gBAGC,EACD,QAAQ,EACR,GAAG,KAAK,EACR,EAAE,mBAAmB,2CAkBrB;AAED,QAAA,MAAM,YAAY,0GAAyB,CAAC;AAE5C,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,eAAe,EAAE,YAAY,EAAE,CAAC;AAClF,YAAY,EAAE,mBAAmB,EAAE,CAAC"}
+{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../src/components/ui/tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,gBAAgB,MAAM,yBAAyB,CAAC;AAC5D,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAIpC,iBAAS,eAAe,CAAC,EAAE,aAAiB,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,QAAQ,CAAC,2CAE/G;AAED,iBAAS,OAAO,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,IAAI,CAAC,2CAMhF;AAED,iBAAS,cAAc,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,2CAE1F;AAED,KAAK,mBAAmB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,CAAC;AAEjF,iBAAS,cAAc,CAAC,EACvB,SAAS,EACT,UAAc,EACd,gBAGC,EACD,QAAQ,EACR,GAAG,KAAK,EACR,EAAE,mBAAmB,2CAkBrB;AAED,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,eAAe,EAAE,CAAC;AACpE,YAAY,EAAE,mBAAmB,EAAE,CAAC"}