@pfct/purple 1.5.0-npm-next.7 → 1.5.0-npm-next.8

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

@@ -1,50 +1,51 @@
 import { j as r } from "../../chunks/jsx-runtime.OVHDjVDe.js";
 import * as p from "react";
-import { u as G, c as H, a as A, b as v, P as b } from "../../chunks/index.CRSD6wuV.js";
-import { u as j, c as K } from "../../chunks/index.6ZBAQokh.js";
-import { P as $, D as B } from "../../chunks/index.CiFVe164.js";
-import { h as U, R as W, u as Z, F as q } from "../../chunks/index.Ibth5ADB.js";
-import { u as J } from "../../chunks/index.DYkYoCrb.js";
-import { c as O, R as Q, A as y, a as X, C as Y } from "../../chunks/index.CKdg_c8_.js";
+import { u as G, c as H, P as A, a as P } from "../../chunks/index.ByATMvf3.js";
+import { u as b, c as K } from "../../chunks/index.6ZBAQokh.js";
+import { P as $, D as B } from "../../chunks/index.BiYcAxU7.js";
+import { h as U, R as W, u as Z, F as q } from "../../chunks/index.BCzFyP67.js";
+import { u as J } from "../../chunks/index.4M0spsbp.js";
+import { c as j, R as Q, A as y, a as X, C as Y } from "../../chunks/index.B1f1TmJo.js";
+import { P as O } from "../../chunks/index.BGfHe7LA.js";
 import { cn as oo } from "../../lib/utils.es.js";
 import { c as _ } from "../../chunks/index.Cc-miKAT.js";
 import "../../icons/src/icons/Alarm_fill.es.js";
-import eo from "../../icons/src/icons/Cancel.es.js";
 import "../../icons/src/icons/Cancel_circle.es.js";
-import "../../icons/src/icons/Calendar.es.js";
-import "../../icons/src/icons/Cart_fill.es.js";
 import "../../icons/src/icons/Check.es.js";
-import "../../icons/src/icons/Chevron_down.es.js";
 import "../../icons/src/icons/Chevron_left.es.js";
 import "../../icons/src/icons/Chevron_right.es.js";
+import "../../icons/src/icons/Chevron_down.es.js";
+import "../../icons/src/icons/Cart_fill.es.js";
 import "../../icons/src/icons/Chevron_up.es.js";
 import "../../icons/src/icons/Double_Chevron_right.es.js";
-import "../../icons/src/icons/Double_Chevron_left.es.js";
-import "../../icons/src/icons/Eye_fill.es.js";
 import "../../icons/src/icons/Eye_slash_fill.es.js";
 import "../../icons/src/icons/Filter.es.js";
-import "../../icons/src/icons/Information.es.js";
-import "../../icons/src/icons/Menu.es.js";
-import "../../icons/src/icons/More.es.js";
+import "../../icons/src/icons/Double_Chevron_left.es.js";
+import "../../icons/src/icons/Calendar.es.js";
+import "../../icons/src/icons/Eye_fill.es.js";
 import "../../icons/src/icons/Person_fill.es.js";
-import "../../icons/src/icons/Plus.es.js";
+import "../../icons/src/icons/More.es.js";
 import "../../icons/src/icons/Question_circle.es.js";
-import "../../icons/src/icons/Re.es.js";
 import "../../icons/src/icons/Search.es.js";
+import "../../icons/src/icons/Plus.es.js";
 import "../../icons/src/icons/Setting_fill.es.js";
-import "../../icons/src/icons/Store.es.js";
 import "../../icons/src/icons/Share.es.js";
-var x = "Popover", [w, ee] = H(x, [
-  O
-]), g = O(), [to, d] = w(x), E = (o) => {
+import "../../icons/src/icons/Information.es.js";
+import "../../icons/src/icons/Re.es.js";
+import "../../icons/src/icons/Menu.es.js";
+import eo from "../../icons/src/icons/Cancel.es.js";
+import "../../icons/src/icons/Store.es.js";
+var x = "Popover", [w, te] = H(x, [
+  j
+]), h = j(), [to, f] = w(x), E = (o) => {
   const {
-    __scopePopover: a,
-    children: n,
+    __scopePopover: n,
+    children: a,
     open: s,
     defaultOpen: e,
     onOpenChange: t,
     modal: i = !1
-  } = o, c = g(a), l = p.useRef(null), [u, P] = p.useState(!1), [h, f] = G({
+  } = o, c = h(n), l = p.useRef(null), [u, m] = p.useState(!1), [v, d] = G({
     prop: s,
     defaultProp: e ?? !1,
     onChange: t,
@@ -53,31 +54,31 @@ var x = "Popover", [w, ee] = H(x, [
   return /* @__PURE__ */ r.jsx(Q, { ...c, children: /* @__PURE__ */ r.jsx(
     to,
     {
-      scope: a,
+      scope: n,
       contentId: J(),
       triggerRef: l,
-      open: h,
-      onOpenChange: f,
-      onOpenToggle: p.useCallback(() => f((C) => !C), [f]),
+      open: v,
+      onOpenChange: d,
+      onOpenToggle: p.useCallback(() => d((C) => !C), [d]),
       hasCustomAnchor: u,
-      onCustomAnchorAdd: p.useCallback(() => P(!0), []),
-      onCustomAnchorRemove: p.useCallback(() => P(!1), []),
+      onCustomAnchorAdd: p.useCallback(() => m(!0), []),
+      onCustomAnchorRemove: p.useCallback(() => m(!1), []),
       modal: i,
-      children: n
+      children: a
     }
   ) });
 };
 E.displayName = x;
 var N = "PopoverAnchor", T = p.forwardRef(
-  (o, a) => {
-    const { __scopePopover: n, ...s } = o, e = d(N, n), t = g(n), { onCustomAnchorAdd: i, onCustomAnchorRemove: c } = e;
-    return p.useEffect(() => (i(), () => c()), [i, c]), /* @__PURE__ */ r.jsx(y, { ...t, ...s, ref: a });
+  (o, n) => {
+    const { __scopePopover: a, ...s } = o, e = f(N, a), t = h(a), { onCustomAnchorAdd: i, onCustomAnchorRemove: c } = e;
+    return p.useEffect(() => (i(), () => c()), [i, c]), /* @__PURE__ */ r.jsx(y, { ...t, ...s, ref: n });
   }
 );
 T.displayName = N;
 var F = "PopoverTrigger", S = p.forwardRef(
-  (o, a) => {
-    const { __scopePopover: n, ...s } = o, e = d(F, n), t = g(n), i = j(a, e.triggerRef), c = /* @__PURE__ */ r.jsx(
+  (o, n) => {
+    const { __scopePopover: a, ...s } = o, e = f(F, a), t = h(a), i = b(n, e.triggerRef), c = /* @__PURE__ */ r.jsx(
       A.button,
       {
         type: "button",
@@ -87,7 +88,7 @@ var F = "PopoverTrigger", S = p.forwardRef(
         "data-state": L(e.open),
         ...s,
         ref: i,
-        onClick: v(o.onClick, e.onOpenToggle)
+        onClick: P(o.onClick, e.onOpenToggle)
       }
     );
     return e.hasCustomAnchor ? c : /* @__PURE__ */ r.jsx(y, { asChild: !0, ...t, children: c });
@@ -97,35 +98,35 @@ S.displayName = F;
 var R = "PopoverPortal", [ro, no] = w(R, {
   forceMount: void 0
 }), I = (o) => {
-  const { __scopePopover: a, forceMount: n, children: s, container: e } = o, t = d(R, a);
-  return /* @__PURE__ */ r.jsx(ro, { scope: a, forceMount: n, children: /* @__PURE__ */ r.jsx(b, { present: n || t.open, children: /* @__PURE__ */ r.jsx($, { asChild: !0, container: e, children: s }) }) });
+  const { __scopePopover: n, forceMount: a, children: s, container: e } = o, t = f(R, n);
+  return /* @__PURE__ */ r.jsx(ro, { scope: n, forceMount: a, children: /* @__PURE__ */ r.jsx(O, { present: a || t.open, children: /* @__PURE__ */ r.jsx($, { asChild: !0, container: e, children: s }) }) });
 };
 I.displayName = R;
-var m = "PopoverContent", k = p.forwardRef(
-  (o, a) => {
-    const n = no(m, o.__scopePopover), { forceMount: s = n.forceMount, ...e } = o, t = d(m, o.__scopePopover);
-    return /* @__PURE__ */ r.jsx(b, { present: s || t.open, children: t.modal ? /* @__PURE__ */ r.jsx(so, { ...e, ref: a }) : /* @__PURE__ */ r.jsx(io, { ...e, ref: a }) });
+var g = "PopoverContent", k = p.forwardRef(
+  (o, n) => {
+    const a = no(g, o.__scopePopover), { forceMount: s = a.forceMount, ...e } = o, t = f(g, o.__scopePopover);
+    return /* @__PURE__ */ r.jsx(O, { present: s || t.open, children: t.modal ? /* @__PURE__ */ r.jsx(so, { ...e, ref: n }) : /* @__PURE__ */ r.jsx(io, { ...e, ref: n }) });
   }
 );
-k.displayName = m;
+k.displayName = g;
 var ao = K("PopoverContent.RemoveScroll"), so = p.forwardRef(
-  (o, a) => {
-    const n = d(m, o.__scopePopover), s = p.useRef(null), e = j(a, s), t = p.useRef(!1);
+  (o, n) => {
+    const a = f(g, o.__scopePopover), s = p.useRef(null), e = b(n, s), t = p.useRef(!1);
     return p.useEffect(() => {
       const i = s.current;
       if (i) return U(i);
     }, []), /* @__PURE__ */ r.jsx(W, { as: ao, allowPinchZoom: !0, children: /* @__PURE__ */ r.jsx(
-      D,
+      M,
       {
         ...o,
         ref: e,
-        trapFocus: n.open,
+        trapFocus: a.open,
         disableOutsidePointerEvents: !0,
-        onCloseAutoFocus: v(o.onCloseAutoFocus, (i) => {
+        onCloseAutoFocus: P(o.onCloseAutoFocus, (i) => {
           var c;
-          i.preventDefault(), t.current || (c = n.triggerRef.current) == null || c.focus();
+          i.preventDefault(), t.current || (c = a.triggerRef.current) == null || c.focus();
         }),
-        onPointerDownOutside: v(
+        onPointerDownOutside: P(
           o.onPointerDownOutside,
           (i) => {
             const c = i.detail.originalEvent, l = c.button === 0 && c.ctrlKey === !0, u = c.button === 2 || l;
@@ -133,7 +134,7 @@ var ao = K("PopoverContent.RemoveScroll"), so = p.forwardRef(
           },
           { checkForDefaultPrevented: !1 }
         ),
-        onFocusOutside: v(
+        onFocusOutside: P(
           o.onFocusOutside,
           (i) => i.preventDefault(),
           { checkForDefaultPrevented: !1 }
@@ -142,32 +143,32 @@ var ao = K("PopoverContent.RemoveScroll"), so = p.forwardRef(
     ) });
   }
 ), io = p.forwardRef(
-  (o, a) => {
-    const n = d(m, o.__scopePopover), s = p.useRef(!1), e = p.useRef(!1);
+  (o, n) => {
+    const a = f(g, o.__scopePopover), s = p.useRef(!1), e = p.useRef(!1);
     return /* @__PURE__ */ r.jsx(
-      D,
+      M,
       {
         ...o,
-        ref: a,
+        ref: n,
         trapFocus: !1,
         disableOutsidePointerEvents: !1,
         onCloseAutoFocus: (t) => {
           var i, c;
-          (i = o.onCloseAutoFocus) == null || i.call(o, t), t.defaultPrevented || (s.current || (c = n.triggerRef.current) == null || c.focus(), t.preventDefault()), s.current = !1, e.current = !1;
+          (i = o.onCloseAutoFocus) == null || i.call(o, t), t.defaultPrevented || (s.current || (c = a.triggerRef.current) == null || c.focus(), t.preventDefault()), s.current = !1, e.current = !1;
         },
         onInteractOutside: (t) => {
           var l, u;
           (l = o.onInteractOutside) == null || l.call(o, t), t.defaultPrevented || (s.current = !0, t.detail.originalEvent.type === "pointerdown" && (e.current = !0));
           const i = t.target;
-          ((u = n.triggerRef.current) == null ? void 0 : u.contains(i)) && t.preventDefault(), t.detail.originalEvent.type === "focusin" && e.current && t.preventDefault();
+          ((u = a.triggerRef.current) == null ? void 0 : u.contains(i)) && t.preventDefault(), t.detail.originalEvent.type === "focusin" && e.current && t.preventDefault();
         }
       }
     );
   }
-), D = p.forwardRef(
-  (o, a) => {
+), M = p.forwardRef(
+  (o, n) => {
     const {
-      __scopePopover: n,
+      __scopePopover: a,
       trapFocus: s,
       onOpenAutoFocus: e,
       onCloseAutoFocus: t,
@@ -175,9 +176,9 @@ var ao = K("PopoverContent.RemoveScroll"), so = p.forwardRef(
       onEscapeKeyDown: c,
       onPointerDownOutside: l,
       onFocusOutside: u,
-      onInteractOutside: P,
-      ...h
-    } = o, f = d(m, n), C = g(n);
+      onInteractOutside: m,
+      ...v
+    } = o, d = f(g, a), C = h(a);
     return Z(), /* @__PURE__ */ r.jsx(
       q,
       {
@@ -191,22 +192,22 @@ var ao = K("PopoverContent.RemoveScroll"), so = p.forwardRef(
           {
             asChild: !0,
             disableOutsidePointerEvents: i,
-            onInteractOutside: P,
+            onInteractOutside: m,
             onEscapeKeyDown: c,
             onPointerDownOutside: l,
             onFocusOutside: u,
-            onDismiss: () => f.onOpenChange(!1),
+            onDismiss: () => d.onOpenChange(!1),
             children: /* @__PURE__ */ r.jsx(
               Y,
               {
-                "data-state": L(f.open),
+                "data-state": L(d.open),
                 role: "dialog",
-                id: f.contentId,
+                id: d.contentId,
                 ...C,
-                ...h,
-                ref: a,
+                ...v,
+                ref: n,
                 style: {
-                  ...h.style,
+                  ...v.style,
                   "--radix-popover-content-transform-origin": "var(--radix-popper-transform-origin)",
                   "--radix-popover-content-available-width": "var(--radix-popper-available-width)",
                   "--radix-popover-content-available-height": "var(--radix-popper-available-height)",
@@ -220,34 +221,34 @@ var ao = K("PopoverContent.RemoveScroll"), so = p.forwardRef(
       }
     );
   }
-), M = "PopoverClose", V = p.forwardRef(
-  (o, a) => {
-    const { __scopePopover: n, ...s } = o, e = d(M, n);
+), D = "PopoverClose", z = p.forwardRef(
+  (o, n) => {
+    const { __scopePopover: a, ...s } = o, e = f(D, a);
     return /* @__PURE__ */ r.jsx(
       A.button,
       {
         type: "button",
         ...s,
-        ref: a,
-        onClick: v(o.onClick, () => e.onOpenChange(!1))
+        ref: n,
+        onClick: P(o.onClick, () => e.onOpenChange(!1))
       }
     );
   }
 );
-V.displayName = M;
-var co = "PopoverArrow", z = p.forwardRef(
-  (o, a) => {
-    const { __scopePopover: n, ...s } = o, e = g(n);
-    return /* @__PURE__ */ r.jsx(X, { ...e, ...s, ref: a });
+z.displayName = D;
+var co = "PopoverArrow", V = p.forwardRef(
+  (o, n) => {
+    const { __scopePopover: a, ...s } = o, e = h(a);
+    return /* @__PURE__ */ r.jsx(X, { ...e, ...s, ref: n });
   }
 );
-z.displayName = co;
+V.displayName = co;
 function L(o) {
   return o ? "open" : "closed";
 }
-var po = E, lo = T, uo = S, fo = I, mo = k, vo = V, go = z;
+var po = E, lo = T, uo = S, fo = I, mo = k, vo = z, go = V;
 const Po = _(
-  "z-50 overflow-hidden rounded-[8px] px-[15px] py-[12.5px] animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out 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 border-0 typo-b2",
+  "z-50 overflow-visible rounded-[8px] px-[15px] py-[12.5px] animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out 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 border-0 typo-b2",
   {
     variants: {
       color: {
@@ -274,56 +275,69 @@ const Po = _(
     color: "gray"
   }
 });
-function te({ defaultOpen: o = !0, ...a }) {
-  return /* @__PURE__ */ r.jsx(po, { "data-slot": "popover", defaultOpen: o, ...a });
+function re({ defaultOpen: o = !0, ...n }) {
+  return /* @__PURE__ */ r.jsx(po, { "data-slot": "impact-tooltip", defaultOpen: o, ...n });
+}
+function ne({ ...o }) {
+  return /* @__PURE__ */ r.jsx(uo, { "data-slot": "impact-tooltip-trigger", ...o });
 }
-function re({ ...o }) {
-  return /* @__PURE__ */ r.jsx(uo, { "data-slot": "popover-trigger", ...o });
+function ae({ className: o, ...n }) {
+  return /* @__PURE__ */ r.jsx(lo, { "data-slot": "impact-tooltip-anchor", className: o, ...n });
 }
-function ne({
+function se({
   color: o,
-  className: a,
-  align: n = "center",
-  sideOffset: s = 4,
-  collisionPadding: e = {
-    left: 20,
-    right: 20
-  },
-  arrowPadding: t = 7,
-  children: i,
-  closeButton: c = !1,
-  ...l
+  className: n,
+  align: a = "center",
+  side: s = "top",
+  sideOffset: e = 8,
+  collisionPadding: t = 20,
+  arrowPadding: i = 8.8,
+  children: c,
+  closeButton: l = !1,
+  avoidCollisions: u = !0,
+  hideWhenDetached: m = !1,
+  updatePositionStrategy: v = "optimized",
+  ...d
 }) {
-  return /* @__PURE__ */ r.jsx(fo, { children: /* @__PURE__ */ r.jsxs(
+  return /* @__PURE__ */ r.jsx(fo, { forceMount: d.forceMount, children: /* @__PURE__ */ r.jsxs(
     mo,
     {
-      "data-slot": "popover-content",
-      align: n,
-      sideOffset: s,
-      collisionPadding: e,
-      className: oo(Po({ color: o, className: a })),
-      arrowPadding: t,
-      ...l,
+      "data-slot": "impact-tooltip-content",
+      side: s,
+      align: a,
+      sideOffset: e,
+      collisionPadding: t,
+      arrowPadding: i,
+      className: oo(Po({ color: o, className: n })),
+      avoidCollisions: u,
+      hideWhenDetached: m,
+      updatePositionStrategy: v,
+      ...d,
       children: [
         /* @__PURE__ */ r.jsxs("div", { className: "flex items-center justify-between gap-1.25", children: [
-          i,
-          c && /* @__PURE__ */ r.jsx(xo, { asChild: !0, children: /* @__PURE__ */ r.jsx(eo, { size: 15 }) })
+          c,
+          l && /* @__PURE__ */ r.jsx(xo, { children: /* @__PURE__ */ r.jsx(eo, { size: 15 }) })
         ] }),
-        /* @__PURE__ */ r.jsx(go, { className: ho({ color: o }) })
+        /* @__PURE__ */ r.jsx(
+          go,
+          {
+            className: ho({ color: o }),
+            width: 12,
+            height: 6,
+            style: { visibility: "visible" }
+          }
+        )
       ]
     }
   ) });
 }
-function ae({ ...o }) {
-  return /* @__PURE__ */ r.jsx(lo, { "data-slot": "popover-anchor", ...o });
-}
 function xo({ ...o }) {
-  return /* @__PURE__ */ r.jsx(vo, { "data-slot": "popover-close", ...o });
+  return /* @__PURE__ */ r.jsx(vo, { "data-slot": "impact-tooltip-close", ...o });
 }
 export {
-  te as ImpactTooltip,
+  re as ImpactTooltip,
   ae as ImpactTooltipAnchor,
   xo as ImpactTooltipCloseButton,
-  ne as ImpactTooltipContent,
-  re as ImpactTooltipTrigger
+  se as ImpactTooltipContent,
+  ne as ImpactTooltipTrigger
 };

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

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

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

@@ -5,5 +5,6 @@ declare function Tooltip({ ...props }: React.ComponentProps<typeof TooltipPrimit
 declare function TooltipTrigger({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Trigger>): React.JSX.Element;
 type TooltipContentProps = React.ComponentProps<typeof TooltipPrimitive.Content>;
 declare function TooltipContent({ className, sideOffset, collisionPadding, children, ...props }: TooltipContentProps): React.JSX.Element;
-export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider };
+declare const TooltipArrow: React.ForwardRefExoticComponent<TooltipPrimitive.TooltipArrowProps & React.RefAttributes<SVGSVGElement>>;
+export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider, TooltipArrow };
 export type { TooltipContentProps };