@radix-ui/react-tooltip 0.1.8-rc.3 → 0.1.8-rc.30

package/dist/index.d.ts

@@ -5,8 +5,9 @@ import * as Radix from "@radix-ui/react-primitive";
 import { Primitive } from "@radix-ui/react-primitive";
 export const createTooltipScope: import("@radix-ui/react-context").CreateScope;
 interface TooltipProviderProps {
+    children: React.ReactNode;
     /**
-     * The duration from when the mouse enters the trigger until the tooltip gets opened.
+     * The duration from when the pointer enters the trigger until the tooltip gets opened.
      * @defaultValue 700
      */
     delayDuration?: number;
@@ -15,20 +16,19 @@ interface TooltipProviderProps {
      * @defaultValue 300
      */
     skipDelayDuration?: number;
-    children: React.ReactNode;
 }
 export const TooltipProvider: React.FC<TooltipProviderProps>;
 export interface TooltipProps {
+    children?: React.ReactNode;
     open?: boolean;
     defaultOpen?: boolean;
     onOpenChange?: (open: boolean) => void;
     /**
-     * The duration from when the mouse enters the trigger until the tooltip gets opened. This will
+     * The duration from when the pointer enters the trigger until the tooltip gets opened. This will
      * override the prop with the same name passed to Provider.
      * @defaultValue 700
      */
     delayDuration?: number;
-    children?: React.ReactNode;
 }
 export const Tooltip: React.FC<TooltipProps>;
 type PrimitiveButtonProps = Radix.ComponentPropsWithoutRef<typeof Primitive.button>;

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"mappings":"A;A;A;A;A;AAmBA,OAAA,yFAEE,CAAC;AA0BH;IACE;A;A;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;A;A;OAGG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,QAAQ,EAAE,MAAM,SAAS,CAAC;CAC3B;AAED,OAAA,MAAM,iBAAiB,MAAM,EAAE,CAAC,oBAAoB,CAqCnD,CAAC;AAwBF;IACE,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAEvC;A;A;A;OAIG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,SAAS,CAAC;CAC5B;AAED,OAAA,MAAM,SAAS,MAAM,EAAE,CAAC,YAAY,CA4EnC,CAAC;AAWF,4BAA4B,MAAM,wBAAwB,CAAC,OAAO,UAAU,MAAM,CAAC,CAAC;AACpF,oCAA8B,SAAQ,oBAAoB;CAAG;AAE7D,OAAA,MAAM,6GA0CL,CAAC;AAWF,oCAA8B,SAAQ,uBAAuB;IAC3D;A;A;OAGG;IACH,UAAU,CAAC,EAAE,IAAI,CAAC;CACnB;AAED,OAAA,MAAM,0GAUL,CAAC;AAGF,6BAA6B,MAAM,wBAAwB,CAAC,uBAAuB,CAAC,CAAC;AACrF,0BAA0B,MAAM,wBAAwB,CAAC,OAAO,gBAAgB,OAAO,CAAC,CAAC;AACzF,iCAAkC,SAAQ,kBAAkB;IAC1D;A;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;A;A;OAGG;IACH,eAAe,CAAC,EAAE,qBAAqB,CAAC,iBAAiB,CAAC,CAAC;IAC3D;A;A;OAGG;IACH,oBAAoB,CAAC,EAAE,qBAAqB,CAAC,sBAAsB,CAAC,CAAC;IAErE;A;A;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AA8ED,wBAAwB,MAAM,wBAAwB,CAAC,OAAO,gBAAgB,KAAK,CAAC,CAAC;AACrF,kCAA4B,SAAQ,gBAAgB;CAAG;AAEvD,OAAA,MAAM,qGAML,CAAC;AAMF,OAAA,MAAM,wCAA0B,CAAC;AACjC,OAAA,MAAM,4BAAc,CAAC;AACrB,OAAA,MAAM,sGAAwB,CAAC;AAC/B,OAAA,MAAM,mGAAwB,CAAC;AAC/B,OAAA,MAAM,8FAAoB,CAAC","sources":["./packages/react/tooltip/src/packages/react/tooltip/src/Tooltip.tsx","./packages/react/tooltip/src/packages/react/tooltip/src/index.ts"],"sourcesContent":[null,null],"names":[],"version":3,"file":"index.d.ts.map"}
+{"mappings":";;;;;AAmBA,OAAA,yFAEE,CAAC;AA0BH;IACE,QAAQ,EAAE,MAAM,SAAS,CAAC;IAC1B;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;;OAGG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED,OAAA,MAAM,iBAAiB,MAAM,EAAE,CAAC,oBAAoB,CAqCnD,CAAC;AAwBF;IACE,QAAQ,CAAC,EAAE,MAAM,SAAS,CAAC;IAC3B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAEvC;;;;OAIG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,OAAA,MAAM,SAAS,MAAM,EAAE,CAAC,YAAY,CA+EnC,CAAC;AAWF,4BAA4B,MAAM,wBAAwB,CAAC,OAAO,UAAU,MAAM,CAAC,CAAC;AACpF,oCAA8B,SAAQ,oBAAoB;CAAG;AAE7D,OAAA,MAAM,6GA4CL,CAAC;AAWF,oCAA8B,SAAQ,uBAAuB;IAC3D;;;OAGG;IACH,UAAU,CAAC,EAAE,IAAI,CAAC;CACnB;AAED,OAAA,MAAM,0GAUL,CAAC;AAGF,6BAA6B,MAAM,wBAAwB,CAAC,uBAAuB,CAAC,CAAC;AACrF,0BAA0B,MAAM,wBAAwB,CAAC,OAAO,gBAAgB,OAAO,CAAC,CAAC;AACzF,iCAAkC,SAAQ,kBAAkB;IAC1D;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;;OAGG;IACH,eAAe,CAAC,EAAE,qBAAqB,CAAC,iBAAiB,CAAC,CAAC;IAC3D;;;OAGG;IACH,oBAAoB,CAAC,EAAE,qBAAqB,CAAC,sBAAsB,CAAC,CAAC;IAErE;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AA8ED,wBAAwB,MAAM,wBAAwB,CAAC,OAAO,gBAAgB,KAAK,CAAC,CAAC;AACrF,kCAA4B,SAAQ,gBAAgB;CAAG;AAEvD,OAAA,MAAM,qGAML,CAAC;AAMF,OAAA,MAAM,wCAA0B,CAAC;AACjC,OAAA,MAAM,4BAAc,CAAC;AACrB,OAAA,MAAM,sGAAwB,CAAC;AAC/B,OAAA,MAAM,mGAAwB,CAAC;AAC/B,OAAA,MAAM,8FAAoB,CAAC","sources":["packages/react/tooltip/src/packages/react/tooltip/src/Tooltip.tsx","packages/react/tooltip/src/packages/react/tooltip/src/index.ts","packages/react/tooltip/src/index.ts"],"sourcesContent":[null,null,"export * from './Tooltip';\n"],"names":[],"version":3,"file":"index.d.ts.map"}

package/dist/index.js

@@ -1,2 +1,339 @@
-var e,t=T({},require("@radix-ui/react-visually-hidden")),o=require("@radix-ui/react-use-controllable-state").useControllableState,r=require("@radix-ui/react-slot").Slottable,n=require("@radix-ui/react-primitive").Primitive,i=require("@radix-ui/react-presence").Presence,a=require("@radix-ui/react-portal").Portal,s=require("@radix-ui/react-popper"),l=T({},s),u=s.createPopperScope,c=require("@radix-ui/react-id").useId,p=require("@radix-ui/react-dismissable-layer").DismissableLayer,d=require("@radix-ui/react-context").createContextScope,m=require("@radix-ui/react-compose-refs").useComposedRefs,f=require("@radix-ui/primitive").composeEventHandlers,w=T({},require("react")),E=(e=require("@babel/runtime/helpers/extends"))&&e.__esModule?e.default:e;function T(e,t){return Object.keys(t).forEach((function(o){"default"!==o&&"__esModule"!==o&&Object.defineProperty(e,o,{enumerable:!0,get:function(){return t[o]}})})),e}const[C,g]=d("Tooltip",[u]);exports.createTooltipScope=g;const x=u(),b=700,[v,y]=C("TooltipProvider",{isOpenDelayed:!0,delayDuration:b,onOpen:()=>{},onClose:()=>{}}),D=e=>{const{__scopeTooltip:t,delayDuration:o=b,skipDelayDuration:r=300,children:n}=e,[i,a]=w.useState(!0),s=w.useRef(0);return w.useEffect((()=>{const e=s.current;return()=>window.clearTimeout(e)}),[]),/*#__PURE__*/w.createElement(v,{scope:t,isOpenDelayed:i,delayDuration:o,onOpen:w.useCallback((()=>{window.clearTimeout(s.current),a(!1)}),[]),onClose:w.useCallback((()=>{window.clearTimeout(s.current),s.current=window.setTimeout((()=>a(!0)),r)}),[r])},n)};exports.TooltipProvider=D;const[O,_]=C("Tooltip"),h=e=>{const{__scopeTooltip:t,children:r,open:n,defaultOpen:i=!1,onOpenChange:a,delayDuration:s}=e,u=y("Tooltip",t),p=x(t),[d,m]=w.useState(null),f=c(),E=w.useRef(0),T=null!=s?s:u.delayDuration,C=w.useRef(!1),{onOpen:g,onClose:b}=u,[v=!1,D]=o({prop:n,defaultProp:i,onChange:e=>{e&&(document.dispatchEvent(new CustomEvent("tooltip.open")),g()),null==a||a(e)}}),_=w.useMemo((()=>v?C.current?"delayed-open":"instant-open":"closed"),[v]),h=w.useCallback((()=>{window.clearTimeout(E.current),C.current=!1,D(!0)}),[D]),q=w.useCallback((()=>{window.clearTimeout(E.current),E.current=window.setTimeout((()=>{C.current=!0,D(!0)}),T)}),[T,D]);return w.useEffect((()=>()=>window.clearTimeout(E.current)),[]),/*#__PURE__*/w.createElement(l.Root,p,/*#__PURE__*/w.createElement(O,{scope:t,contentId:f,open:v,stateAttribute:_,trigger:d,onTriggerChange:m,onTriggerEnter:w.useCallback((()=>{u.isOpenDelayed?q():h()}),[u.isOpenDelayed,q,h]),onOpen:w.useCallback(h,[h]),onClose:w.useCallback((()=>{window.clearTimeout(E.current),D(!1),b()}),[D,b])},r))};exports.Tooltip=h;const q=/*#__PURE__*/w.forwardRef(((e,t)=>{const{__scopeTooltip:o,...r}=e,i=_("TooltipTrigger",o),a=x(o),s=m(t,i.onTriggerChange),u=w.useRef(!1),c=w.useCallback((()=>u.current=!1),[]);return w.useEffect((()=>()=>document.removeEventListener("mouseup",c)),[c]),/*#__PURE__*/w.createElement(l.Anchor,E({asChild:!0},a),/*#__PURE__*/w.createElement(n.button,E({"aria-describedby":i.open?i.contentId:void 0,"data-state":i.stateAttribute},r,{ref:s,onMouseEnter:f(e.onMouseEnter,i.onTriggerEnter),onMouseLeave:f(e.onMouseLeave,i.onClose),onMouseDown:f(e.onMouseDown,(()=>{u.current=!0,document.addEventListener("mouseup",c,{once:!0})})),onFocus:f(e.onFocus,(()=>{u.current||i.onOpen()})),onBlur:f(e.onBlur,i.onClose),onClick:f(e.onClick,(e=>{0===e.detail&&i.onClose()}))})))}));exports.TooltipTrigger=q;const k=/*#__PURE__*/w.forwardRef(((e,t)=>{const{forceMount:o,...r}=e,n=_("TooltipContent",e.__scopeTooltip);/*#__PURE__*/return w.createElement(i,{present:o||n.open},/*#__PURE__*/w.createElement(P,E({ref:t},r)))}));exports.TooltipContent=k;const P=/*#__PURE__*/w.forwardRef(((e,o)=>{const{__scopeTooltip:n,children:i,"aria-label":s,portalled:u=!0,onEscapeKeyDown:c,onPointerDownOutside:d,...m}=e,f=_("TooltipContent",n),T=x(n),C=u?a:w.Fragment,{onClose:g}=f;return w.useEffect((()=>(document.addEventListener("tooltip.open",g),()=>document.removeEventListener("tooltip.open",g))),[g]),w.useEffect((()=>{if(f.trigger){const e=e=>{const t=e.target;null!=t&&t.contains(f.trigger)&&g()};return window.addEventListener("scroll",e,{capture:!0}),()=>window.removeEventListener("scroll",e,{capture:!0})}}),[f.trigger,g]),/*#__PURE__*/w.createElement(C,null,/*#__PURE__*/w.createElement(p,{asChild:!0,disableOutsidePointerEvents:!1,onEscapeKeyDown:c,onPointerDownOutside:d,onFocusOutside:e=>e.preventDefault(),onDismiss:g},/*#__PURE__*/w.createElement(l.Content,E({"data-state":f.stateAttribute},T,m,{ref:o,style:{...m.style,"--radix-tooltip-content-transform-origin":"var(--radix-popper-transform-origin)"}}),/*#__PURE__*/w.createElement(r,null,i),/*#__PURE__*/w.createElement(t.Root,{id:f.contentId,role:"tooltip"},s||i))))})),R=/*#__PURE__*/w.forwardRef(((e,t)=>{const{__scopeTooltip:o,...r}=e,n=x(o);/*#__PURE__*/return w.createElement(l.Arrow,E({},n,r,{ref:t}))}));/*#__PURE__*/exports.TooltipArrow=R;const M=D;exports.Provider=M;const L=h;exports.Root=L;const A=q;exports.Trigger=A;const S=k;exports.Content=S;const F=R;exports.Arrow=F;
+var $iVrL9$babelruntimehelpersextends = require("@babel/runtime/helpers/extends");
+var $iVrL9$react = require("react");
+var $iVrL9$radixuiprimitive = require("@radix-ui/primitive");
+var $iVrL9$radixuireactcomposerefs = require("@radix-ui/react-compose-refs");
+var $iVrL9$radixuireactcontext = require("@radix-ui/react-context");
+var $iVrL9$radixuireactdismissablelayer = require("@radix-ui/react-dismissable-layer");
+var $iVrL9$radixuireactid = require("@radix-ui/react-id");
+var $iVrL9$radixuireactpopper = require("@radix-ui/react-popper");
+var $iVrL9$radixuireactportal = require("@radix-ui/react-portal");
+var $iVrL9$radixuireactpresence = require("@radix-ui/react-presence");
+var $iVrL9$radixuireactprimitive = require("@radix-ui/react-primitive");
+var $iVrL9$radixuireactslot = require("@radix-ui/react-slot");
+var $iVrL9$radixuireactusecontrollablestate = require("@radix-ui/react-use-controllable-state");
+var $iVrL9$radixuireactvisuallyhidden = require("@radix-ui/react-visually-hidden");
+
+function $parcel$exportWildcard(dest, source) {
+  Object.keys(source).forEach(function(key) {
+    if (key === 'default' || key === '__esModule' || dest.hasOwnProperty(key)) {
+      return;
+    }
+
+    Object.defineProperty(dest, key, {
+      enumerable: true,
+      get: function get() {
+        return source[key];
+      }
+    });
+  });
+
+  return dest;
+}
+function $parcel$interopDefault(a) {
+  return a && a.__esModule ? a.default : a;
+}
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+var $c34afbc43c90cc6f$exports = {};
+
+$parcel$export($c34afbc43c90cc6f$exports, "createTooltipScope", () => $c34afbc43c90cc6f$export$1c540a2224f0d865);
+$parcel$export($c34afbc43c90cc6f$exports, "TooltipProvider", () => $c34afbc43c90cc6f$export$f78649fb9ca566b8);
+$parcel$export($c34afbc43c90cc6f$exports, "Tooltip", () => $c34afbc43c90cc6f$export$28c660c63b792dea);
+$parcel$export($c34afbc43c90cc6f$exports, "TooltipTrigger", () => $c34afbc43c90cc6f$export$8c610744efcf8a1d);
+$parcel$export($c34afbc43c90cc6f$exports, "TooltipContent", () => $c34afbc43c90cc6f$export$e9003e2be37ec060);
+$parcel$export($c34afbc43c90cc6f$exports, "TooltipArrow", () => $c34afbc43c90cc6f$export$c27ee0ad710f7559);
+$parcel$export($c34afbc43c90cc6f$exports, "Provider", () => $c34afbc43c90cc6f$export$2881499e37b75b9a);
+$parcel$export($c34afbc43c90cc6f$exports, "Root", () => $c34afbc43c90cc6f$export$be92b6f5f03c0fe9);
+$parcel$export($c34afbc43c90cc6f$exports, "Trigger", () => $c34afbc43c90cc6f$export$41fb9f06171c75f4);
+$parcel$export($c34afbc43c90cc6f$exports, "Content", () => $c34afbc43c90cc6f$export$7c6e2c02157bb7d2);
+$parcel$export($c34afbc43c90cc6f$exports, "Arrow", () => $c34afbc43c90cc6f$export$21b07c8f274aebd5);
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+const [$c34afbc43c90cc6f$var$createTooltipContext, $c34afbc43c90cc6f$export$1c540a2224f0d865] = $iVrL9$radixuireactcontext.createContextScope('Tooltip', [
+    $iVrL9$radixuireactpopper.createPopperScope
+]);
+const $c34afbc43c90cc6f$var$usePopperScope = $iVrL9$radixuireactpopper.createPopperScope();
+/* -------------------------------------------------------------------------------------------------
+ * TooltipProvider
+ * -----------------------------------------------------------------------------------------------*/ const $c34afbc43c90cc6f$var$PROVIDER_NAME = 'TooltipProvider';
+const $c34afbc43c90cc6f$var$DEFAULT_DELAY_DURATION = 700;
+const $c34afbc43c90cc6f$var$TOOLTIP_OPEN = 'tooltip.open';
+const [$c34afbc43c90cc6f$var$TooltipProviderContextProvider, $c34afbc43c90cc6f$var$useTooltipProviderContext] = $c34afbc43c90cc6f$var$createTooltipContext($c34afbc43c90cc6f$var$PROVIDER_NAME, {
+    isOpenDelayed: true,
+    delayDuration: $c34afbc43c90cc6f$var$DEFAULT_DELAY_DURATION,
+    onOpen: ()=>{},
+    onClose: ()=>{}
+});
+const $c34afbc43c90cc6f$export$f78649fb9ca566b8 = (props)=>{
+    const { __scopeTooltip: __scopeTooltip , delayDuration: delayDuration = $c34afbc43c90cc6f$var$DEFAULT_DELAY_DURATION , skipDelayDuration: skipDelayDuration = 300 , children: children  } = props;
+    const [isOpenDelayed, setIsOpenDelayed] = $iVrL9$react.useState(true);
+    const skipDelayTimerRef = $iVrL9$react.useRef(0);
+    $iVrL9$react.useEffect(()=>{
+        const skipDelayTimer = skipDelayTimerRef.current;
+        return ()=>window.clearTimeout(skipDelayTimer)
+        ;
+    }, []);
+    return /*#__PURE__*/ $iVrL9$react.createElement($c34afbc43c90cc6f$var$TooltipProviderContextProvider, {
+        scope: __scopeTooltip,
+        isOpenDelayed: isOpenDelayed,
+        delayDuration: delayDuration,
+        onOpen: $iVrL9$react.useCallback(()=>{
+            window.clearTimeout(skipDelayTimerRef.current);
+            setIsOpenDelayed(false);
+        }, []),
+        onClose: $iVrL9$react.useCallback(()=>{
+            window.clearTimeout(skipDelayTimerRef.current);
+            skipDelayTimerRef.current = window.setTimeout(()=>setIsOpenDelayed(true)
+            , skipDelayDuration);
+        }, [
+            skipDelayDuration
+        ])
+    }, children);
+};
+/*#__PURE__*/ Object.assign($c34afbc43c90cc6f$export$f78649fb9ca566b8, {
+    displayName: $c34afbc43c90cc6f$var$PROVIDER_NAME
+});
+/* -------------------------------------------------------------------------------------------------
+ * Tooltip
+ * -----------------------------------------------------------------------------------------------*/ const $c34afbc43c90cc6f$var$TOOLTIP_NAME = 'Tooltip';
+const [$c34afbc43c90cc6f$var$TooltipContextProvider, $c34afbc43c90cc6f$var$useTooltipContext] = $c34afbc43c90cc6f$var$createTooltipContext($c34afbc43c90cc6f$var$TOOLTIP_NAME);
+const $c34afbc43c90cc6f$export$28c660c63b792dea = (props)=>{
+    const { __scopeTooltip: __scopeTooltip , children: children , open: openProp , defaultOpen: defaultOpen = false , onOpenChange: onOpenChange , delayDuration: delayDurationProp  } = props;
+    const context = $c34afbc43c90cc6f$var$useTooltipProviderContext($c34afbc43c90cc6f$var$TOOLTIP_NAME, __scopeTooltip);
+    const popperScope = $c34afbc43c90cc6f$var$usePopperScope(__scopeTooltip);
+    const [trigger, setTrigger] = $iVrL9$react.useState(null);
+    const contentId = $iVrL9$radixuireactid.useId();
+    const openTimerRef = $iVrL9$react.useRef(0);
+    const delayDuration = delayDurationProp !== null && delayDurationProp !== void 0 ? delayDurationProp : context.delayDuration;
+    const wasOpenDelayedRef = $iVrL9$react.useRef(false);
+    const { onOpen: onOpen , onClose: onClose  } = context;
+    const [open1 = false, setOpen] = $iVrL9$radixuireactusecontrollablestate.useControllableState({
+        prop: openProp,
+        defaultProp: defaultOpen,
+        onChange: (open)=>{
+            if (open) {
+                // we dispatch here so `TooltipProvider` isn't required to
+                // ensure other tooltips are aware of this one opening.
+                //
+                // as `onChange` is called within a lifecycle method we
+                // avoid dispatching via `dispatchDiscreteCustomEvent`.
+                document.dispatchEvent(new CustomEvent($c34afbc43c90cc6f$var$TOOLTIP_OPEN));
+                onOpen();
+            }
+            onOpenChange === null || onOpenChange === void 0 || onOpenChange(open);
+        }
+    });
+    const stateAttribute = $iVrL9$react.useMemo(()=>{
+        return open1 ? wasOpenDelayedRef.current ? 'delayed-open' : 'instant-open' : 'closed';
+    }, [
+        open1
+    ]);
+    const handleOpen = $iVrL9$react.useCallback(()=>{
+        window.clearTimeout(openTimerRef.current);
+        wasOpenDelayedRef.current = false;
+        setOpen(true);
+    }, [
+        setOpen
+    ]);
+    const handleDelayedOpen = $iVrL9$react.useCallback(()=>{
+        window.clearTimeout(openTimerRef.current);
+        openTimerRef.current = window.setTimeout(()=>{
+            wasOpenDelayedRef.current = true;
+            setOpen(true);
+        }, delayDuration);
+    }, [
+        delayDuration,
+        setOpen
+    ]);
+    $iVrL9$react.useEffect(()=>{
+        return ()=>window.clearTimeout(openTimerRef.current)
+        ;
+    }, []);
+    return /*#__PURE__*/ $iVrL9$react.createElement($iVrL9$radixuireactpopper.Root, popperScope, /*#__PURE__*/ $iVrL9$react.createElement($c34afbc43c90cc6f$var$TooltipContextProvider, {
+        scope: __scopeTooltip,
+        contentId: contentId,
+        open: open1,
+        stateAttribute: stateAttribute,
+        trigger: trigger,
+        onTriggerChange: setTrigger,
+        onTriggerEnter: $iVrL9$react.useCallback(()=>{
+            if (context.isOpenDelayed) handleDelayedOpen();
+            else handleOpen();
+        }, [
+            context.isOpenDelayed,
+            handleDelayedOpen,
+            handleOpen
+        ]),
+        onOpen: $iVrL9$react.useCallback(handleOpen, [
+            handleOpen
+        ]),
+        onClose: $iVrL9$react.useCallback(()=>{
+            window.clearTimeout(openTimerRef.current);
+            setOpen(false);
+            onClose();
+        }, [
+            setOpen,
+            onClose
+        ])
+    }, children));
+};
+/*#__PURE__*/ Object.assign($c34afbc43c90cc6f$export$28c660c63b792dea, {
+    displayName: $c34afbc43c90cc6f$var$TOOLTIP_NAME
+});
+/* -------------------------------------------------------------------------------------------------
+ * TooltipTrigger
+ * -----------------------------------------------------------------------------------------------*/ const $c34afbc43c90cc6f$var$TRIGGER_NAME = 'TooltipTrigger';
+const $c34afbc43c90cc6f$export$8c610744efcf8a1d = /*#__PURE__*/ $iVrL9$react.forwardRef((props, forwardedRef)=>{
+    const { __scopeTooltip: __scopeTooltip , ...triggerProps } = props;
+    const context = $c34afbc43c90cc6f$var$useTooltipContext($c34afbc43c90cc6f$var$TRIGGER_NAME, __scopeTooltip);
+    const popperScope = $c34afbc43c90cc6f$var$usePopperScope(__scopeTooltip);
+    const composedTriggerRef = $iVrL9$radixuireactcomposerefs.useComposedRefs(forwardedRef, context.onTriggerChange);
+    const isPointerDownRef = $iVrL9$react.useRef(false);
+    const handlePointerUp = $iVrL9$react.useCallback(()=>isPointerDownRef.current = false
+    , []);
+    $iVrL9$react.useEffect(()=>{
+        return ()=>document.removeEventListener('pointerup', handlePointerUp)
+        ;
+    }, [
+        handlePointerUp
+    ]);
+    return /*#__PURE__*/ $iVrL9$react.createElement($iVrL9$radixuireactpopper.Anchor, ($parcel$interopDefault($iVrL9$babelruntimehelpersextends))({
+        asChild: true
+    }, popperScope), /*#__PURE__*/ $iVrL9$react.createElement($iVrL9$radixuireactprimitive.Primitive.button, ($parcel$interopDefault($iVrL9$babelruntimehelpersextends))({
+        // We purposefully avoid adding `type=button` here because tooltip triggers are also
+        // commonly anchors and the anchor `type` attribute signifies MIME type.
+        "aria-describedby": context.open ? context.contentId : undefined,
+        "data-state": context.stateAttribute
+    }, triggerProps, {
+        ref: composedTriggerRef,
+        onPointerEnter: $iVrL9$radixuiprimitive.composeEventHandlers(props.onPointerEnter, (event)=>{
+            if (event.pointerType !== 'touch') context.onTriggerEnter();
+        }),
+        onPointerLeave: $iVrL9$radixuiprimitive.composeEventHandlers(props.onPointerLeave, context.onClose),
+        onPointerDown: $iVrL9$radixuiprimitive.composeEventHandlers(props.onPointerDown, ()=>{
+            isPointerDownRef.current = true;
+            document.addEventListener('pointerup', handlePointerUp, {
+                once: true
+            });
+        }),
+        onFocus: $iVrL9$radixuiprimitive.composeEventHandlers(props.onFocus, ()=>{
+            if (!isPointerDownRef.current) context.onOpen();
+        }),
+        onBlur: $iVrL9$radixuiprimitive.composeEventHandlers(props.onBlur, context.onClose),
+        onClick: $iVrL9$radixuiprimitive.composeEventHandlers(props.onClick, (event)=>{
+            // keyboard click will occur under different conditions for different node
+            // types so we use `onClick` instead of `onKeyDown` to respect that
+            const isKeyboardClick = event.detail === 0;
+            if (isKeyboardClick) context.onClose();
+        })
+    })));
+});
+/*#__PURE__*/ Object.assign($c34afbc43c90cc6f$export$8c610744efcf8a1d, {
+    displayName: $c34afbc43c90cc6f$var$TRIGGER_NAME
+});
+/* -------------------------------------------------------------------------------------------------
+ * TooltipContent
+ * -----------------------------------------------------------------------------------------------*/ const $c34afbc43c90cc6f$var$CONTENT_NAME = 'TooltipContent';
+const $c34afbc43c90cc6f$export$e9003e2be37ec060 = /*#__PURE__*/ $iVrL9$react.forwardRef((props, forwardedRef)=>{
+    const { forceMount: forceMount , ...contentProps } = props;
+    const context = $c34afbc43c90cc6f$var$useTooltipContext($c34afbc43c90cc6f$var$CONTENT_NAME, props.__scopeTooltip);
+    return /*#__PURE__*/ $iVrL9$react.createElement($iVrL9$radixuireactpresence.Presence, {
+        present: forceMount || context.open
+    }, /*#__PURE__*/ $iVrL9$react.createElement($c34afbc43c90cc6f$var$TooltipContentImpl, ($parcel$interopDefault($iVrL9$babelruntimehelpersextends))({
+        ref: forwardedRef
+    }, contentProps)));
+});
+const $c34afbc43c90cc6f$var$TooltipContentImpl = /*#__PURE__*/ $iVrL9$react.forwardRef((props, forwardedRef)=>{
+    const { __scopeTooltip: __scopeTooltip , children: children , 'aria-label': ariaLabel , portalled: portalled = true , onEscapeKeyDown: onEscapeKeyDown , onPointerDownOutside: onPointerDownOutside , ...contentProps } = props;
+    const context = $c34afbc43c90cc6f$var$useTooltipContext($c34afbc43c90cc6f$var$CONTENT_NAME, __scopeTooltip);
+    const popperScope = $c34afbc43c90cc6f$var$usePopperScope(__scopeTooltip);
+    const PortalWrapper = portalled ? $iVrL9$radixuireactportal.Portal : $iVrL9$react.Fragment;
+    const { onClose: onClose  } = context; // Close this tooltip if another one opens
+    $iVrL9$react.useEffect(()=>{
+        document.addEventListener($c34afbc43c90cc6f$var$TOOLTIP_OPEN, onClose);
+        return ()=>document.removeEventListener($c34afbc43c90cc6f$var$TOOLTIP_OPEN, onClose)
+        ;
+    }, [
+        onClose
+    ]); // Close the tooltip if the trigger is scrolled
+    $iVrL9$react.useEffect(()=>{
+        if (context.trigger) {
+            const handleScroll = (event)=>{
+                const target = event.target;
+                if (target !== null && target !== void 0 && target.contains(context.trigger)) onClose();
+            };
+            window.addEventListener('scroll', handleScroll, {
+                capture: true
+            });
+            return ()=>window.removeEventListener('scroll', handleScroll, {
+                    capture: true
+                })
+            ;
+        }
+    }, [
+        context.trigger,
+        onClose
+    ]);
+    return /*#__PURE__*/ $iVrL9$react.createElement(PortalWrapper, null, /*#__PURE__*/ $iVrL9$react.createElement($iVrL9$radixuireactdismissablelayer.DismissableLayer, {
+        asChild: true,
+        disableOutsidePointerEvents: false,
+        onEscapeKeyDown: onEscapeKeyDown,
+        onPointerDownOutside: onPointerDownOutside,
+        onFocusOutside: (event)=>event.preventDefault()
+        ,
+        onDismiss: onClose
+    }, /*#__PURE__*/ $iVrL9$react.createElement($iVrL9$radixuireactpopper.Content, ($parcel$interopDefault($iVrL9$babelruntimehelpersextends))({
+        "data-state": context.stateAttribute
+    }, popperScope, contentProps, {
+        ref: forwardedRef,
+        style: {
+            ...contentProps.style,
+            // re-namespace exposed content custom property
+            ['--radix-tooltip-content-transform-origin']: 'var(--radix-popper-transform-origin)'
+        }
+    }), /*#__PURE__*/ $iVrL9$react.createElement($iVrL9$radixuireactslot.Slottable, null, children), /*#__PURE__*/ $iVrL9$react.createElement($iVrL9$radixuireactvisuallyhidden.Root, {
+        id: context.contentId,
+        role: "tooltip"
+    }, ariaLabel || children))));
+});
+/*#__PURE__*/ Object.assign($c34afbc43c90cc6f$export$e9003e2be37ec060, {
+    displayName: $c34afbc43c90cc6f$var$CONTENT_NAME
+});
+/* -------------------------------------------------------------------------------------------------
+ * TooltipArrow
+ * -----------------------------------------------------------------------------------------------*/ const $c34afbc43c90cc6f$var$ARROW_NAME = 'TooltipArrow';
+const $c34afbc43c90cc6f$export$c27ee0ad710f7559 = /*#__PURE__*/ $iVrL9$react.forwardRef((props, forwardedRef)=>{
+    const { __scopeTooltip: __scopeTooltip , ...arrowProps } = props;
+    const popperScope = $c34afbc43c90cc6f$var$usePopperScope(__scopeTooltip);
+    return /*#__PURE__*/ $iVrL9$react.createElement($iVrL9$radixuireactpopper.Arrow, ($parcel$interopDefault($iVrL9$babelruntimehelpersextends))({}, popperScope, arrowProps, {
+        ref: forwardedRef
+    }));
+});
+/*#__PURE__*/ Object.assign($c34afbc43c90cc6f$export$c27ee0ad710f7559, {
+    displayName: $c34afbc43c90cc6f$var$ARROW_NAME
+});
+/* -----------------------------------------------------------------------------------------------*/ const $c34afbc43c90cc6f$export$2881499e37b75b9a = $c34afbc43c90cc6f$export$f78649fb9ca566b8;
+const $c34afbc43c90cc6f$export$be92b6f5f03c0fe9 = $c34afbc43c90cc6f$export$28c660c63b792dea;
+const $c34afbc43c90cc6f$export$41fb9f06171c75f4 = $c34afbc43c90cc6f$export$8c610744efcf8a1d;
+const $c34afbc43c90cc6f$export$7c6e2c02157bb7d2 = $c34afbc43c90cc6f$export$e9003e2be37ec060;
+const $c34afbc43c90cc6f$export$21b07c8f274aebd5 = $c34afbc43c90cc6f$export$c27ee0ad710f7559;
+
+
+$parcel$exportWildcard(module.exports, $c34afbc43c90cc6f$exports);
+
+
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"mappings":"IAAgCA,mqBAAAA,8CAClBA,EAAEC,WAAaD,EAAEE,QAAUF,EAWzC,SAASG,EAAuBC,EAAMC,GAcpC,OAbAC,OAAOC,KAAKF,GAAQG,SAAQ,SAASC,GACvB,YAARA,GAA6B,eAARA,GAIzBH,OAAOI,eAAeN,EAAMK,EAAK,CAC/BE,YAAY,EACZC,IAAK,WACH,OAAOP,EAAOI,SAKbL,ECPT,MAAOS,EAAsBC,GAAsBC,EAAmB,UAAW,CAC/EC,iCAEF,MAAMC,EAAiBD,IAOjBE,EAAyB,KAUxBC,EAAgCC,GACrCP,EAZoB,kBAY6C,CAC/DQ,eAAe,EACfC,cAAeJ,EACfK,OAAQ,OACRC,QAAS,SAiBPC,EACJC,IAEA,MAAMC,eACJA,EADIL,cAEJA,EAAgBJ,EAFZU,kBAGJA,EAAoB,IAHhBC,SAIJA,GACEH,GACGL,EAAeS,GAAoBC,EAAMC,UAAS,GACnDC,EAAoBF,EAAMG,OAAO,GAOvC,OALAH,EAAMI,WAAU,KACd,MAAMC,EAAiBH,EAAkBI,QACzC,MAAO,IAAMC,OAAOC,aAAaH,KAChC,iBAGDI,EAAAC,cAACC,EAAD,CACEC,MAAOhB,EACPN,cAAeA,EACfC,cAAeA,EACfC,OAAQQ,EAAMa,aAAY,KACxBN,OAAOC,aAAaN,EAAkBI,SACtCP,GAAiB,KAChB,IACHN,QAASO,EAAMa,aAAY,KACzBN,OAAOC,aAAaN,EAAkBI,SACtCJ,EAAkBI,QAAUC,OAAOO,YACjC,IAAMf,GAAiB,IACvBF,KAED,CAACA,KAEHC,8BAWP,MAaOiB,EAAwBC,GAC7BlC,EAdmB,WA8BfmC,EAAmCtB,IACvC,MAAMC,eACJA,EADIE,SAEJA,EACAoB,KAAMC,EAHFC,YAIJA,GAAc,EAJVC,aAKJA,EACA9B,cAAe+B,GACb3B,EACE4B,EAAUlC,EAvCG,UAuCqCO,GAClD4B,EAActC,EAAeU,IAC5B6B,EAASC,GAAc1B,EAAMC,SAAmC,MACjE0B,EAAYC,IACZC,EAAe7B,EAAMG,OAAO,GAC5BZ,EAAgB+B,MAAAA,EAAAA,EAAqBC,EAAQhC,cAC7CuC,EAAoB9B,EAAMG,QAAO,IACjCX,OAAEA,EAAFC,QAAUA,GAAY8B,GACrBL,GAAO,EAAOa,GAAWC,EAAqB,CACnDC,KAAMd,EACNe,YAAad,EACbe,SAAWjB,IACLA,IAGFkB,SAASC,cAAc,IAAIC,YAlId,iBAmIb9C,KAEF6B,MAAAA,GAAAA,EAAeH,MAGbqB,EAAiBvC,EAAMwC,SAAQ,IAC5BtB,EAAQY,EAAkBxB,QAAU,eAAiB,eAAkB,UAC7E,CAACY,IAEEuB,EAAazC,EAAMa,aAAY,KACnCN,OAAOC,aAAaqB,EAAavB,SACjCwB,EAAkBxB,SAAU,EAC5ByB,GAAQ,KACP,CAACA,IAEEW,EAAoB1C,EAAMa,aAAY,KAC1CN,OAAOC,aAAaqB,EAAavB,SACjCuB,EAAavB,QAAUC,OAAOO,YAAW,KACvCgB,EAAkBxB,SAAU,EAC5ByB,GAAQ,KACPxC,KACF,CAACA,EAAewC,IAMnB,OAJA/B,EAAMI,WAAU,IACP,IAAMG,OAAOC,aAAaqB,EAAavB,UAC7C,iBAGDG,EAAAC,cAACiC,EAAgBC,KAASpB,eACxBf,EAAAC,cAACmC,EAAD,CACEjC,MAAOhB,EACP+B,UAAWA,EACXT,KAAMA,EACNqB,eAAgBA,EAChBd,QAASA,EACTqB,gBAAiBpB,EACjBqB,eAAgB/C,EAAMa,aAAY,KAC5BU,EAAQjC,cAAeoD,IACtBD,MACJ,CAAClB,EAAQjC,cAAeoD,EAAmBD,IAC9CjD,OAAQQ,EAAMa,YAAY4B,EAAY,CAACA,IACvChD,QAASO,EAAMa,aAAY,KACzBN,OAAOC,aAAaqB,EAAavB,SACjCyB,GAAQ,GACRtC,MACC,CAACsC,EAAStC,KAEZK,uBAYT,MAMMkD,eAAiBhD,EAAMiD,YAC3B,CAACtD,EAAyCuD,KACxC,MAAMtD,eAAEA,KAAmBuD,GAAiBxD,EACtC4B,EAAUP,EATC,iBAS+BpB,GAC1C4B,EAActC,EAAeU,GAC7BwD,EAAqBC,EAAgBH,EAAc3B,EAAQuB,iBAC3DQ,EAAiBtD,EAAMG,QAAO,GAC9BoD,EAAgBvD,EAAMa,aAAY,IAAOyC,EAAehD,SAAU,GAAQ,IAMhF,OAJAN,EAAMI,WAAU,IACP,IAAMgC,SAASoB,oBAAoB,UAAWD,IACpD,CAACA,iBAGF9C,EAAAC,cAACiC,EAAgBc,OAAjBC,EAAA,CAAwBC,SAAO,GAAKnC,gBAClCf,EAAAC,cAACkD,EAAUC,OAAXH,EAAA,CAGE,mBAAkBnC,EAAQL,KAAOK,EAAQI,eAAYmC,EACrD,aAAYvC,EAAQgB,gBAChBY,EALN,CAMEY,IAAKX,EACLY,aAAcC,EAAqBtE,EAAMqE,aAAczC,EAAQwB,gBAC/DmB,aAAcD,EAAqBtE,EAAMuE,aAAc3C,EAAQ9B,SAC/D0E,YAAaF,EAAqBtE,EAAMwE,aAAa,KACnDb,EAAehD,SAAU,EACzB8B,SAASgC,iBAAiB,UAAWb,EAAe,CAAEc,MAAM,OAE9DC,QAASL,EAAqBtE,EAAM2E,SAAS,KACtChB,EAAehD,SAASiB,EAAQ/B,YAEvC+E,OAAQN,EAAqBtE,EAAM4E,OAAQhD,EAAQ9B,SACnD+E,QAASP,EAAqBtE,EAAM6E,SAAUC,IAGH,IAAjBA,EAAMC,QACTnD,EAAQ9B,6CAczC,MAWMkF,eAAiB3E,EAAMiD,YAC3B,CAACtD,EAAyCuD,KACxC,MAAM0B,WAAEA,KAAeC,GAAiBlF,EAClC4B,EAAUP,EAdC,iBAc+BrB,EAAMC,6BACtD,OACEa,EAAAC,cAACoE,EAAD,CAAUC,QAASH,GAAcrD,EAAQL,mBACvCT,EAAAC,cAACsE,EAADtB,EAAA,CAAoBK,IAAKb,GAAkB2B,iCAiCnD,MAAMI,eAAqBjF,EAAMiD,YAC/B,CAACtD,EAA6CuD,KAC5C,MAAMtD,eACJA,EADIE,SAEJA,EACA,aAAcoF,EAHVC,UAIJA,GAAY,EAJRC,gBAKJA,EALIC,qBAMJA,KACGR,GACDlF,EACE4B,EAAUP,EA7DC,iBA6D+BpB,GAC1C4B,EAActC,EAAeU,GAC7B0F,EAAgBH,EAAYI,EAASvF,EAAMwF,UAC3C/F,QAAEA,GAAY8B,EAoBpB,OAjBAvB,EAAMI,WAAU,KACdgC,SAASgC,iBA1TM,eA0TyB3E,GACjC,IAAM2C,SAASoB,oBA3TP,eA2TyC/D,KACvD,CAACA,IAGJO,EAAMI,WAAU,KACd,GAAImB,EAAQE,QAAS,CACnB,MAAMgE,EAAgBhB,IACpB,MAAMiB,EAASjB,EAAMiB,OACjBA,MAAAA,GAAAA,EAAQC,SAASpE,EAAQE,UAAUhC,KAGzC,OADAc,OAAO6D,iBAAiB,SAAUqB,EAAc,CAAEG,SAAS,IACpD,IAAMrF,OAAOiD,oBAAoB,SAAUiC,EAAc,CAAEG,SAAS,OAE5E,CAACrE,EAAQE,QAAShC,iBAGnBgB,EAAAC,cAAC4E,EAAD,kBACE7E,EAAAC,cAACmF,EAAD,CACElC,SAAO,EACPmC,6BAA6B,EAC7BV,gBAAiBA,EACjBC,qBAAsBA,EACtBU,eAAiBtB,GAAUA,EAAMuB,iBACjCC,UAAWxG,gBAEXgB,EAAAC,cAACiC,EAAgBuD,QAAjBxC,EAAA,CACE,aAAYnC,EAAQgB,gBAChBf,EACAqD,EAHN,CAIEd,IAAKb,EACLiD,MAAO,IACFtB,EAAasB,MAEhB,2CACE,uDAGJ1F,EAAAC,cAAC0F,EAAD,KAAYtG,gBACZW,EAAAC,cAAC2F,EAAwBzD,KAAzB,CAA8B0D,GAAI/E,EAAQI,UAAW4E,KAAK,WACvDrB,GAAapF,SAqBtB0G,eAAexG,EAAMiD,YACzB,CAACtD,EAAuCuD,KACtC,MAAMtD,eAAEA,KAAmB6G,GAAe9G,EACpC6B,EAActC,EAAeU,gBACnC,OAAOa,EAAAC,cAACiC,EAAgB+D,MAAjBhD,EAAA,GAA2BlC,EAAiBiF,EAA5C,CAAwD1C,IAAKb,4CAQxE,MAAMyD,EAAWjH,qBACjB,MAAMkD,EAAO3B,iBACb,MAAM2F,EAAU5D,oBAChB,MAAMkD,EAAUvB,oBAChB,MAAM+B,EAAQF","sources":["./node_modules/@parcel/scope-hoisting/lib/helpers.js","./packages/react/tooltip/src/Tooltip.tsx"],"sourcesContent":["function $parcel$interopDefault(a) {\n  return a && a.__esModule ? a.default : a;\n}\n\nfunction $parcel$defineInteropFlag(a) {\n  Object.defineProperty(a, '__esModule', {value: true});\n}\n\nfunction $parcel$reexport(e, n, v) {\n  Object.defineProperty(e, n, {get: v, enumerable: true});\n}\n\nfunction $parcel$exportWildcard(dest, source) {\n  Object.keys(source).forEach(function(key) {\n    if (key === 'default' || key === '__esModule') {\n      return;\n    }\n\n    Object.defineProperty(dest, key, {\n      enumerable: true,\n      get: function get() {\n        return source[key];\n      },\n    });\n  });\n\n  return dest;\n}\n\nfunction $parcel$missingModule(name) {\n  var err = new Error(\"Cannot find module '\" + name + \"'\");\n  err.code = 'MODULE_NOT_FOUND';\n  throw err;\n}\n\nvar $parcel$global =\n  typeof globalThis !== 'undefined'\n    ? globalThis\n    : typeof self !== 'undefined'\n    ? self\n    : typeof window !== 'undefined'\n    ? window\n    : typeof global !== 'undefined'\n    ? global\n    : {};\n","import * as React from 'react';\nimport { composeEventHandlers } from '@radix-ui/primitive';\nimport { useComposedRefs } from '@radix-ui/react-compose-refs';\nimport { createContextScope } from '@radix-ui/react-context';\nimport { DismissableLayer } from '@radix-ui/react-dismissable-layer';\nimport { useId } from '@radix-ui/react-id';\nimport * as PopperPrimitive from '@radix-ui/react-popper';\nimport { createPopperScope } from '@radix-ui/react-popper';\nimport { Portal } from '@radix-ui/react-portal';\nimport { Presence } from '@radix-ui/react-presence';\nimport { Primitive } from '@radix-ui/react-primitive';\nimport { Slottable } from '@radix-ui/react-slot';\nimport { useControllableState } from '@radix-ui/react-use-controllable-state';\nimport * as VisuallyHiddenPrimitive from '@radix-ui/react-visually-hidden';\n\nimport type * as Radix from '@radix-ui/react-primitive';\nimport type { Scope } from '@radix-ui/react-context';\n\ntype ScopedProps<P = {}> = P & { __scopeTooltip?: Scope };\nconst [createTooltipContext, createTooltipScope] = createContextScope('Tooltip', [\n  createPopperScope,\n]);\nconst usePopperScope = createPopperScope();\n\n/* -------------------------------------------------------------------------------------------------\n * TooltipProvider\n * -----------------------------------------------------------------------------------------------*/\n\nconst PROVIDER_NAME = 'TooltipProvider';\nconst DEFAULT_DELAY_DURATION = 700;\nconst TOOLTIP_OPEN = 'tooltip.open';\n\ntype TooltipProviderContextValue = {\n  isOpenDelayed: boolean;\n  delayDuration: number;\n  onOpen(): void;\n  onClose(): void;\n};\n\nconst [TooltipProviderContextProvider, useTooltipProviderContext] =\n  createTooltipContext<TooltipProviderContextValue>(PROVIDER_NAME, {\n    isOpenDelayed: true,\n    delayDuration: DEFAULT_DELAY_DURATION,\n    onOpen: () => {},\n    onClose: () => {},\n  });\n\ninterface TooltipProviderProps {\n  /**\n   * The duration from when the mouse enters the trigger until the tooltip gets opened.\n   * @defaultValue 700\n   */\n  delayDuration?: number;\n  /**\n   * How much time a user has to enter another trigger without incurring a delay again.\n   * @defaultValue 300\n   */\n  skipDelayDuration?: number;\n  children: React.ReactNode;\n}\n\nconst TooltipProvider: React.FC<TooltipProviderProps> = (\n  props: ScopedProps<TooltipProviderProps>\n) => {\n  const {\n    __scopeTooltip,\n    delayDuration = DEFAULT_DELAY_DURATION,\n    skipDelayDuration = 300,\n    children,\n  } = props;\n  const [isOpenDelayed, setIsOpenDelayed] = React.useState(true);\n  const skipDelayTimerRef = React.useRef(0);\n\n  React.useEffect(() => {\n    const skipDelayTimer = skipDelayTimerRef.current;\n    return () => window.clearTimeout(skipDelayTimer);\n  }, []);\n\n  return (\n    <TooltipProviderContextProvider\n      scope={__scopeTooltip}\n      isOpenDelayed={isOpenDelayed}\n      delayDuration={delayDuration}\n      onOpen={React.useCallback(() => {\n        window.clearTimeout(skipDelayTimerRef.current);\n        setIsOpenDelayed(false);\n      }, [])}\n      onClose={React.useCallback(() => {\n        window.clearTimeout(skipDelayTimerRef.current);\n        skipDelayTimerRef.current = window.setTimeout(\n          () => setIsOpenDelayed(true),\n          skipDelayDuration\n        );\n      }, [skipDelayDuration])}\n    >\n      {children}\n    </TooltipProviderContextProvider>\n  );\n};\n\nTooltipProvider.displayName = PROVIDER_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * Tooltip\n * -----------------------------------------------------------------------------------------------*/\n\nconst TOOLTIP_NAME = 'Tooltip';\n\ntype TooltipContextValue = {\n  contentId: string;\n  open: boolean;\n  stateAttribute: 'closed' | 'delayed-open' | 'instant-open';\n  trigger: TooltipTriggerElement | null;\n  onTriggerChange(trigger: TooltipTriggerElement | null): void;\n  onTriggerEnter(): void;\n  onOpen(): void;\n  onClose(): void;\n};\n\nconst [TooltipContextProvider, useTooltipContext] =\n  createTooltipContext<TooltipContextValue>(TOOLTIP_NAME);\n\ninterface TooltipProps {\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n\n  /**\n   * The duration from when the mouse enters the trigger until the tooltip gets opened. This will\n   * override the prop with the same name passed to Provider.\n   * @defaultValue 700\n   */\n  delayDuration?: number;\n  children?: React.ReactNode;\n}\n\nconst Tooltip: React.FC<TooltipProps> = (props: ScopedProps<TooltipProps>) => {\n  const {\n    __scopeTooltip,\n    children,\n    open: openProp,\n    defaultOpen = false,\n    onOpenChange,\n    delayDuration: delayDurationProp,\n  } = props;\n  const context = useTooltipProviderContext(TOOLTIP_NAME, __scopeTooltip);\n  const popperScope = usePopperScope(__scopeTooltip);\n  const [trigger, setTrigger] = React.useState<HTMLButtonElement | null>(null);\n  const contentId = useId();\n  const openTimerRef = React.useRef(0);\n  const delayDuration = delayDurationProp ?? context.delayDuration;\n  const wasOpenDelayedRef = React.useRef(false);\n  const { onOpen, onClose } = context;\n  const [open = false, setOpen] = useControllableState({\n    prop: openProp,\n    defaultProp: defaultOpen,\n    onChange: (open) => {\n      if (open) {\n        // we dispatch here so `TooltipProvider` isn't required to\n        // ensure other tooltips are aware of this one opening.\n        document.dispatchEvent(new CustomEvent(TOOLTIP_OPEN));\n        onOpen();\n      }\n      onOpenChange?.(open);\n    },\n  });\n  const stateAttribute = React.useMemo(() => {\n    return open ? (wasOpenDelayedRef.current ? 'delayed-open' : 'instant-open') : 'closed';\n  }, [open]);\n\n  const handleOpen = React.useCallback(() => {\n    window.clearTimeout(openTimerRef.current);\n    wasOpenDelayedRef.current = false;\n    setOpen(true);\n  }, [setOpen]);\n\n  const handleDelayedOpen = React.useCallback(() => {\n    window.clearTimeout(openTimerRef.current);\n    openTimerRef.current = window.setTimeout(() => {\n      wasOpenDelayedRef.current = true;\n      setOpen(true);\n    }, delayDuration);\n  }, [delayDuration, setOpen]);\n\n  React.useEffect(() => {\n    return () => window.clearTimeout(openTimerRef.current);\n  }, []);\n\n  return (\n    <PopperPrimitive.Root {...popperScope}>\n      <TooltipContextProvider\n        scope={__scopeTooltip}\n        contentId={contentId}\n        open={open}\n        stateAttribute={stateAttribute}\n        trigger={trigger}\n        onTriggerChange={setTrigger}\n        onTriggerEnter={React.useCallback(() => {\n          if (context.isOpenDelayed) handleDelayedOpen();\n          else handleOpen();\n        }, [context.isOpenDelayed, handleDelayedOpen, handleOpen])}\n        onOpen={React.useCallback(handleOpen, [handleOpen])}\n        onClose={React.useCallback(() => {\n          window.clearTimeout(openTimerRef.current);\n          setOpen(false);\n          onClose();\n        }, [setOpen, onClose])}\n      >\n        {children}\n      </TooltipContextProvider>\n    </PopperPrimitive.Root>\n  );\n};\n\nTooltip.displayName = TOOLTIP_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * TooltipTrigger\n * -----------------------------------------------------------------------------------------------*/\n\nconst TRIGGER_NAME = 'TooltipTrigger';\n\ntype TooltipTriggerElement = React.ElementRef<typeof Primitive.button>;\ntype PrimitiveButtonProps = Radix.ComponentPropsWithoutRef<typeof Primitive.button>;\ninterface TooltipTriggerProps extends PrimitiveButtonProps {}\n\nconst TooltipTrigger = React.forwardRef<TooltipTriggerElement, TooltipTriggerProps>(\n  (props: ScopedProps<TooltipTriggerProps>, forwardedRef) => {\n    const { __scopeTooltip, ...triggerProps } = props;\n    const context = useTooltipContext(TRIGGER_NAME, __scopeTooltip);\n    const popperScope = usePopperScope(__scopeTooltip);\n    const composedTriggerRef = useComposedRefs(forwardedRef, context.onTriggerChange);\n    const isMouseDownRef = React.useRef(false);\n    const handleMouseUp = React.useCallback(() => (isMouseDownRef.current = false), []);\n\n    React.useEffect(() => {\n      return () => document.removeEventListener('mouseup', handleMouseUp);\n    }, [handleMouseUp]);\n\n    return (\n      <PopperPrimitive.Anchor asChild {...popperScope}>\n        <Primitive.button\n          // We purposefully avoid adding `type=button` here because tooltip triggers are also\n          // commonly anchors and the anchor `type` attribute signifies MIME type.\n          aria-describedby={context.open ? context.contentId : undefined}\n          data-state={context.stateAttribute}\n          {...triggerProps}\n          ref={composedTriggerRef}\n          onMouseEnter={composeEventHandlers(props.onMouseEnter, context.onTriggerEnter)}\n          onMouseLeave={composeEventHandlers(props.onMouseLeave, context.onClose)}\n          onMouseDown={composeEventHandlers(props.onMouseDown, () => {\n            isMouseDownRef.current = true;\n            document.addEventListener('mouseup', handleMouseUp, { once: true });\n          })}\n          onFocus={composeEventHandlers(props.onFocus, () => {\n            if (!isMouseDownRef.current) context.onOpen();\n          })}\n          onBlur={composeEventHandlers(props.onBlur, context.onClose)}\n          onClick={composeEventHandlers(props.onClick, (event) => {\n            // keyboard click will occur under different conditions for different node\n            // types so we use `onClick` instead of `onKeyDown` to respect that\n            const isKeyboardClick = event.detail === 0;\n            if (isKeyboardClick) context.onClose();\n          })}\n        />\n      </PopperPrimitive.Anchor>\n    );\n  }\n);\n\nTooltipTrigger.displayName = TRIGGER_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * TooltipContent\n * -----------------------------------------------------------------------------------------------*/\n\nconst CONTENT_NAME = 'TooltipContent';\n\ntype TooltipContentElement = TooltipContentImplElement;\ninterface TooltipContentProps extends TooltipContentImplProps {\n  /**\n   * Used to force mounting when more control is needed. Useful when\n   * controlling animation with React animation libraries.\n   */\n  forceMount?: true;\n}\n\nconst TooltipContent = React.forwardRef<TooltipContentElement, TooltipContentProps>(\n  (props: ScopedProps<TooltipContentProps>, forwardedRef) => {\n    const { forceMount, ...contentProps } = props;\n    const context = useTooltipContext(CONTENT_NAME, props.__scopeTooltip);\n    return (\n      <Presence present={forceMount || context.open}>\n        <TooltipContentImpl ref={forwardedRef} {...contentProps} />\n      </Presence>\n    );\n  }\n);\n\ntype TooltipContentImplElement = React.ElementRef<typeof PopperPrimitive.Content>;\ntype DismissableLayerProps = Radix.ComponentPropsWithoutRef<typeof DismissableLayer>;\ntype PopperContentProps = Radix.ComponentPropsWithoutRef<typeof PopperPrimitive.Content>;\ninterface TooltipContentImplProps extends PopperContentProps {\n  /**\n   * A more descriptive label for accessibility purpose\n   */\n  'aria-label'?: string;\n\n  /**\n   * Event handler called when the escape key is down.\n   * Can be prevented.\n   */\n  onEscapeKeyDown?: DismissableLayerProps['onEscapeKeyDown'];\n  /**\n   * Event handler called when the a `pointerdown` event happens outside of the `Tooltip`.\n   * Can be prevented.\n   */\n  onPointerDownOutside?: DismissableLayerProps['onPointerDownOutside'];\n\n  /**\n   * Whether the Tooltip should render in a Portal\n   * (default: `true`)\n   */\n  portalled?: boolean;\n}\n\nconst TooltipContentImpl = React.forwardRef<TooltipContentImplElement, TooltipContentImplProps>(\n  (props: ScopedProps<TooltipContentImplProps>, forwardedRef) => {\n    const {\n      __scopeTooltip,\n      children,\n      'aria-label': ariaLabel,\n      portalled = true,\n      onEscapeKeyDown,\n      onPointerDownOutside,\n      ...contentProps\n    } = props;\n    const context = useTooltipContext(CONTENT_NAME, __scopeTooltip);\n    const popperScope = usePopperScope(__scopeTooltip);\n    const PortalWrapper = portalled ? Portal : React.Fragment;\n    const { onClose } = context;\n\n    // Close this tooltip if another one opens\n    React.useEffect(() => {\n      document.addEventListener(TOOLTIP_OPEN, onClose);\n      return () => document.removeEventListener(TOOLTIP_OPEN, onClose);\n    }, [onClose]);\n\n    // Close the tooltip if the trigger is scrolled\n    React.useEffect(() => {\n      if (context.trigger) {\n        const handleScroll = (event: Event) => {\n          const target = event.target as HTMLElement;\n          if (target?.contains(context.trigger)) onClose();\n        };\n        window.addEventListener('scroll', handleScroll, { capture: true });\n        return () => window.removeEventListener('scroll', handleScroll, { capture: true });\n      }\n    }, [context.trigger, onClose]);\n\n    return (\n      <PortalWrapper>\n        <DismissableLayer\n          asChild\n          disableOutsidePointerEvents={false}\n          onEscapeKeyDown={onEscapeKeyDown}\n          onPointerDownOutside={onPointerDownOutside}\n          onFocusOutside={(event) => event.preventDefault()}\n          onDismiss={onClose}\n        >\n          <PopperPrimitive.Content\n            data-state={context.stateAttribute}\n            {...popperScope}\n            {...contentProps}\n            ref={forwardedRef}\n            style={{\n              ...contentProps.style,\n              // re-namespace exposed content custom property\n              ['--radix-tooltip-content-transform-origin' as any]:\n                'var(--radix-popper-transform-origin)',\n            }}\n          >\n            <Slottable>{children}</Slottable>\n            <VisuallyHiddenPrimitive.Root id={context.contentId} role=\"tooltip\">\n              {ariaLabel || children}\n            </VisuallyHiddenPrimitive.Root>\n          </PopperPrimitive.Content>\n        </DismissableLayer>\n      </PortalWrapper>\n    );\n  }\n);\n\nTooltipContent.displayName = CONTENT_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * TooltipArrow\n * -----------------------------------------------------------------------------------------------*/\n\nconst ARROW_NAME = 'TooltipArrow';\n\ntype TooltipArrowElement = React.ElementRef<typeof PopperPrimitive.Arrow>;\ntype PopperArrowProps = Radix.ComponentPropsWithoutRef<typeof PopperPrimitive.Arrow>;\ninterface TooltipArrowProps extends PopperArrowProps {}\n\nconst TooltipArrow = React.forwardRef<TooltipArrowElement, TooltipArrowProps>(\n  (props: ScopedProps<TooltipArrowProps>, forwardedRef) => {\n    const { __scopeTooltip, ...arrowProps } = props;\n    const popperScope = usePopperScope(__scopeTooltip);\n    return <PopperPrimitive.Arrow {...popperScope} {...arrowProps} ref={forwardedRef} />;\n  }\n);\n\nTooltipArrow.displayName = ARROW_NAME;\n\n/* -----------------------------------------------------------------------------------------------*/\n\nconst Provider = TooltipProvider;\nconst Root = Tooltip;\nconst Trigger = TooltipTrigger;\nconst Content = TooltipContent;\nconst Arrow = TooltipArrow;\n\nexport {\n  createTooltipScope,\n  //\n  TooltipProvider,\n  Tooltip,\n  TooltipTrigger,\n  TooltipContent,\n  TooltipArrow,\n  //\n  Provider,\n  Root,\n  Trigger,\n  Content,\n  Arrow,\n};\nexport type { TooltipProps, TooltipTriggerProps, TooltipContentProps, TooltipArrowProps };\n"],"names":["a","__esModule","default","$parcel$exportWildcard","dest","source","Object","keys","forEach","key","defineProperty","enumerable","get","createTooltipContext","createTooltipScope","createContextScope","createPopperScope","usePopperScope","DEFAULT_DELAY_DURATION","TooltipProviderContextProvider","useTooltipProviderContext","isOpenDelayed","delayDuration","onOpen","onClose","TooltipProvider","props","__scopeTooltip","skipDelayDuration","children","setIsOpenDelayed","React","useState","skipDelayTimerRef","useRef","useEffect","skipDelayTimer","current","window","clearTimeout","_react","createElement","$bfd2ef98f93cfd0786881e49eeb6a4$var$TooltipProviderContextProvider","scope","useCallback","setTimeout","TooltipContextProvider","useTooltipContext","Tooltip","open","openProp","defaultOpen","onOpenChange","delayDurationProp","context","popperScope","trigger","setTrigger","contentId","useId","openTimerRef","wasOpenDelayedRef","setOpen","useControllableState","prop","defaultProp","onChange","document","dispatchEvent","CustomEvent","stateAttribute","useMemo","handleOpen","handleDelayedOpen","_radixUiReactPopper","Root","$bfd2ef98f93cfd0786881e49eeb6a4$var$TooltipContextProvider","onTriggerChange","onTriggerEnter","TooltipTrigger","forwardRef","forwardedRef","triggerProps","composedTriggerRef","useComposedRefs","isMouseDownRef","handleMouseUp","removeEventListener","Anchor","_babelRuntimeHelpersExtends","asChild","Primitive","button","undefined","ref","onMouseEnter","composeEventHandlers","onMouseLeave","onMouseDown","addEventListener","once","onFocus","onBlur","onClick","event","detail","TooltipContent","forceMount","contentProps","Presence","present","$bfd2ef98f93cfd0786881e49eeb6a4$var$TooltipContentImpl","TooltipContentImpl","ariaLabel","portalled","onEscapeKeyDown","onPointerDownOutside","PortalWrapper","Portal","Fragment","handleScroll","target","contains","capture","DismissableLayer","disableOutsidePointerEvents","onFocusOutside","preventDefault","onDismiss","Content","style","Slottable","_radixUiReactVisuallyHidden","id","role","TooltipArrow","arrowProps","Arrow","Provider","Trigger"],"version":3,"file":"index.js.map"}
+{"mappings":"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","sources":["packages/react/tooltip/src/index.ts","packages/react/tooltip/src/Tooltip.tsx"],"sourcesContent":["export * from './Tooltip';\n","import * as React from 'react';\nimport { composeEventHandlers } from '@radix-ui/primitive';\nimport { useComposedRefs } from '@radix-ui/react-compose-refs';\nimport { createContextScope } from '@radix-ui/react-context';\nimport { DismissableLayer } from '@radix-ui/react-dismissable-layer';\nimport { useId } from '@radix-ui/react-id';\nimport * as PopperPrimitive from '@radix-ui/react-popper';\nimport { createPopperScope } from '@radix-ui/react-popper';\nimport { Portal } from '@radix-ui/react-portal';\nimport { Presence } from '@radix-ui/react-presence';\nimport { Primitive } from '@radix-ui/react-primitive';\nimport { Slottable } from '@radix-ui/react-slot';\nimport { useControllableState } from '@radix-ui/react-use-controllable-state';\nimport * as VisuallyHiddenPrimitive from '@radix-ui/react-visually-hidden';\n\nimport type * as Radix from '@radix-ui/react-primitive';\nimport type { Scope } from '@radix-ui/react-context';\n\ntype ScopedProps<P = {}> = P & { __scopeTooltip?: Scope };\nconst [createTooltipContext, createTooltipScope] = createContextScope('Tooltip', [\n  createPopperScope,\n]);\nconst usePopperScope = createPopperScope();\n\n/* -------------------------------------------------------------------------------------------------\n * TooltipProvider\n * -----------------------------------------------------------------------------------------------*/\n\nconst PROVIDER_NAME = 'TooltipProvider';\nconst DEFAULT_DELAY_DURATION = 700;\nconst TOOLTIP_OPEN = 'tooltip.open';\n\ntype TooltipProviderContextValue = {\n  isOpenDelayed: boolean;\n  delayDuration: number;\n  onOpen(): void;\n  onClose(): void;\n};\n\nconst [TooltipProviderContextProvider, useTooltipProviderContext] =\n  createTooltipContext<TooltipProviderContextValue>(PROVIDER_NAME, {\n    isOpenDelayed: true,\n    delayDuration: DEFAULT_DELAY_DURATION,\n    onOpen: () => {},\n    onClose: () => {},\n  });\n\ninterface TooltipProviderProps {\n  children: React.ReactNode;\n  /**\n   * The duration from when the pointer enters the trigger until the tooltip gets opened.\n   * @defaultValue 700\n   */\n  delayDuration?: number;\n  /**\n   * How much time a user has to enter another trigger without incurring a delay again.\n   * @defaultValue 300\n   */\n  skipDelayDuration?: number;\n}\n\nconst TooltipProvider: React.FC<TooltipProviderProps> = (\n  props: ScopedProps<TooltipProviderProps>\n) => {\n  const {\n    __scopeTooltip,\n    delayDuration = DEFAULT_DELAY_DURATION,\n    skipDelayDuration = 300,\n    children,\n  } = props;\n  const [isOpenDelayed, setIsOpenDelayed] = React.useState(true);\n  const skipDelayTimerRef = React.useRef(0);\n\n  React.useEffect(() => {\n    const skipDelayTimer = skipDelayTimerRef.current;\n    return () => window.clearTimeout(skipDelayTimer);\n  }, []);\n\n  return (\n    <TooltipProviderContextProvider\n      scope={__scopeTooltip}\n      isOpenDelayed={isOpenDelayed}\n      delayDuration={delayDuration}\n      onOpen={React.useCallback(() => {\n        window.clearTimeout(skipDelayTimerRef.current);\n        setIsOpenDelayed(false);\n      }, [])}\n      onClose={React.useCallback(() => {\n        window.clearTimeout(skipDelayTimerRef.current);\n        skipDelayTimerRef.current = window.setTimeout(\n          () => setIsOpenDelayed(true),\n          skipDelayDuration\n        );\n      }, [skipDelayDuration])}\n    >\n      {children}\n    </TooltipProviderContextProvider>\n  );\n};\n\nTooltipProvider.displayName = PROVIDER_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * Tooltip\n * -----------------------------------------------------------------------------------------------*/\n\nconst TOOLTIP_NAME = 'Tooltip';\n\ntype TooltipContextValue = {\n  contentId: string;\n  open: boolean;\n  stateAttribute: 'closed' | 'delayed-open' | 'instant-open';\n  trigger: TooltipTriggerElement | null;\n  onTriggerChange(trigger: TooltipTriggerElement | null): void;\n  onTriggerEnter(): void;\n  onOpen(): void;\n  onClose(): void;\n};\n\nconst [TooltipContextProvider, useTooltipContext] =\n  createTooltipContext<TooltipContextValue>(TOOLTIP_NAME);\n\ninterface TooltipProps {\n  children?: React.ReactNode;\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n\n  /**\n   * The duration from when the pointer enters the trigger until the tooltip gets opened. This will\n   * override the prop with the same name passed to Provider.\n   * @defaultValue 700\n   */\n  delayDuration?: number;\n}\n\nconst Tooltip: React.FC<TooltipProps> = (props: ScopedProps<TooltipProps>) => {\n  const {\n    __scopeTooltip,\n    children,\n    open: openProp,\n    defaultOpen = false,\n    onOpenChange,\n    delayDuration: delayDurationProp,\n  } = props;\n  const context = useTooltipProviderContext(TOOLTIP_NAME, __scopeTooltip);\n  const popperScope = usePopperScope(__scopeTooltip);\n  const [trigger, setTrigger] = React.useState<HTMLButtonElement | null>(null);\n  const contentId = useId();\n  const openTimerRef = React.useRef(0);\n  const delayDuration = delayDurationProp ?? context.delayDuration;\n  const wasOpenDelayedRef = React.useRef(false);\n  const { onOpen, onClose } = context;\n  const [open = false, setOpen] = useControllableState({\n    prop: openProp,\n    defaultProp: defaultOpen,\n    onChange: (open) => {\n      if (open) {\n        // we dispatch here so `TooltipProvider` isn't required to\n        // ensure other tooltips are aware of this one opening.\n        //\n        // as `onChange` is called within a lifecycle method we\n        // avoid dispatching via `dispatchDiscreteCustomEvent`.\n        document.dispatchEvent(new CustomEvent(TOOLTIP_OPEN));\n        onOpen();\n      }\n      onOpenChange?.(open);\n    },\n  });\n  const stateAttribute = React.useMemo(() => {\n    return open ? (wasOpenDelayedRef.current ? 'delayed-open' : 'instant-open') : 'closed';\n  }, [open]);\n\n  const handleOpen = React.useCallback(() => {\n    window.clearTimeout(openTimerRef.current);\n    wasOpenDelayedRef.current = false;\n    setOpen(true);\n  }, [setOpen]);\n\n  const handleDelayedOpen = React.useCallback(() => {\n    window.clearTimeout(openTimerRef.current);\n    openTimerRef.current = window.setTimeout(() => {\n      wasOpenDelayedRef.current = true;\n      setOpen(true);\n    }, delayDuration);\n  }, [delayDuration, setOpen]);\n\n  React.useEffect(() => {\n    return () => window.clearTimeout(openTimerRef.current);\n  }, []);\n\n  return (\n    <PopperPrimitive.Root {...popperScope}>\n      <TooltipContextProvider\n        scope={__scopeTooltip}\n        contentId={contentId}\n        open={open}\n        stateAttribute={stateAttribute}\n        trigger={trigger}\n        onTriggerChange={setTrigger}\n        onTriggerEnter={React.useCallback(() => {\n          if (context.isOpenDelayed) handleDelayedOpen();\n          else handleOpen();\n        }, [context.isOpenDelayed, handleDelayedOpen, handleOpen])}\n        onOpen={React.useCallback(handleOpen, [handleOpen])}\n        onClose={React.useCallback(() => {\n          window.clearTimeout(openTimerRef.current);\n          setOpen(false);\n          onClose();\n        }, [setOpen, onClose])}\n      >\n        {children}\n      </TooltipContextProvider>\n    </PopperPrimitive.Root>\n  );\n};\n\nTooltip.displayName = TOOLTIP_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * TooltipTrigger\n * -----------------------------------------------------------------------------------------------*/\n\nconst TRIGGER_NAME = 'TooltipTrigger';\n\ntype TooltipTriggerElement = React.ElementRef<typeof Primitive.button>;\ntype PrimitiveButtonProps = Radix.ComponentPropsWithoutRef<typeof Primitive.button>;\ninterface TooltipTriggerProps extends PrimitiveButtonProps {}\n\nconst TooltipTrigger = React.forwardRef<TooltipTriggerElement, TooltipTriggerProps>(\n  (props: ScopedProps<TooltipTriggerProps>, forwardedRef) => {\n    const { __scopeTooltip, ...triggerProps } = props;\n    const context = useTooltipContext(TRIGGER_NAME, __scopeTooltip);\n    const popperScope = usePopperScope(__scopeTooltip);\n    const composedTriggerRef = useComposedRefs(forwardedRef, context.onTriggerChange);\n    const isPointerDownRef = React.useRef(false);\n    const handlePointerUp = React.useCallback(() => (isPointerDownRef.current = false), []);\n\n    React.useEffect(() => {\n      return () => document.removeEventListener('pointerup', handlePointerUp);\n    }, [handlePointerUp]);\n\n    return (\n      <PopperPrimitive.Anchor asChild {...popperScope}>\n        <Primitive.button\n          // We purposefully avoid adding `type=button` here because tooltip triggers are also\n          // commonly anchors and the anchor `type` attribute signifies MIME type.\n          aria-describedby={context.open ? context.contentId : undefined}\n          data-state={context.stateAttribute}\n          {...triggerProps}\n          ref={composedTriggerRef}\n          onPointerEnter={composeEventHandlers(props.onPointerEnter, (event) => {\n            if (event.pointerType !== 'touch') context.onTriggerEnter();\n          })}\n          onPointerLeave={composeEventHandlers(props.onPointerLeave, context.onClose)}\n          onPointerDown={composeEventHandlers(props.onPointerDown, () => {\n            isPointerDownRef.current = true;\n            document.addEventListener('pointerup', handlePointerUp, { once: true });\n          })}\n          onFocus={composeEventHandlers(props.onFocus, () => {\n            if (!isPointerDownRef.current) context.onOpen();\n          })}\n          onBlur={composeEventHandlers(props.onBlur, context.onClose)}\n          onClick={composeEventHandlers(props.onClick, (event) => {\n            // keyboard click will occur under different conditions for different node\n            // types so we use `onClick` instead of `onKeyDown` to respect that\n            const isKeyboardClick = event.detail === 0;\n            if (isKeyboardClick) context.onClose();\n          })}\n        />\n      </PopperPrimitive.Anchor>\n    );\n  }\n);\n\nTooltipTrigger.displayName = TRIGGER_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * TooltipContent\n * -----------------------------------------------------------------------------------------------*/\n\nconst CONTENT_NAME = 'TooltipContent';\n\ntype TooltipContentElement = TooltipContentImplElement;\ninterface TooltipContentProps extends TooltipContentImplProps {\n  /**\n   * Used to force mounting when more control is needed. Useful when\n   * controlling animation with React animation libraries.\n   */\n  forceMount?: true;\n}\n\nconst TooltipContent = React.forwardRef<TooltipContentElement, TooltipContentProps>(\n  (props: ScopedProps<TooltipContentProps>, forwardedRef) => {\n    const { forceMount, ...contentProps } = props;\n    const context = useTooltipContext(CONTENT_NAME, props.__scopeTooltip);\n    return (\n      <Presence present={forceMount || context.open}>\n        <TooltipContentImpl ref={forwardedRef} {...contentProps} />\n      </Presence>\n    );\n  }\n);\n\ntype TooltipContentImplElement = React.ElementRef<typeof PopperPrimitive.Content>;\ntype DismissableLayerProps = Radix.ComponentPropsWithoutRef<typeof DismissableLayer>;\ntype PopperContentProps = Radix.ComponentPropsWithoutRef<typeof PopperPrimitive.Content>;\ninterface TooltipContentImplProps extends PopperContentProps {\n  /**\n   * A more descriptive label for accessibility purpose\n   */\n  'aria-label'?: string;\n\n  /**\n   * Event handler called when the escape key is down.\n   * Can be prevented.\n   */\n  onEscapeKeyDown?: DismissableLayerProps['onEscapeKeyDown'];\n  /**\n   * Event handler called when the a `pointerdown` event happens outside of the `Tooltip`.\n   * Can be prevented.\n   */\n  onPointerDownOutside?: DismissableLayerProps['onPointerDownOutside'];\n\n  /**\n   * Whether the Tooltip should render in a Portal\n   * (default: `true`)\n   */\n  portalled?: boolean;\n}\n\nconst TooltipContentImpl = React.forwardRef<TooltipContentImplElement, TooltipContentImplProps>(\n  (props: ScopedProps<TooltipContentImplProps>, forwardedRef) => {\n    const {\n      __scopeTooltip,\n      children,\n      'aria-label': ariaLabel,\n      portalled = true,\n      onEscapeKeyDown,\n      onPointerDownOutside,\n      ...contentProps\n    } = props;\n    const context = useTooltipContext(CONTENT_NAME, __scopeTooltip);\n    const popperScope = usePopperScope(__scopeTooltip);\n    const PortalWrapper = portalled ? Portal : React.Fragment;\n    const { onClose } = context;\n\n    // Close this tooltip if another one opens\n    React.useEffect(() => {\n      document.addEventListener(TOOLTIP_OPEN, onClose);\n      return () => document.removeEventListener(TOOLTIP_OPEN, onClose);\n    }, [onClose]);\n\n    // Close the tooltip if the trigger is scrolled\n    React.useEffect(() => {\n      if (context.trigger) {\n        const handleScroll = (event: Event) => {\n          const target = event.target as HTMLElement;\n          if (target?.contains(context.trigger)) onClose();\n        };\n        window.addEventListener('scroll', handleScroll, { capture: true });\n        return () => window.removeEventListener('scroll', handleScroll, { capture: true });\n      }\n    }, [context.trigger, onClose]);\n\n    return (\n      <PortalWrapper>\n        <DismissableLayer\n          asChild\n          disableOutsidePointerEvents={false}\n          onEscapeKeyDown={onEscapeKeyDown}\n          onPointerDownOutside={onPointerDownOutside}\n          onFocusOutside={(event) => event.preventDefault()}\n          onDismiss={onClose}\n        >\n          <PopperPrimitive.Content\n            data-state={context.stateAttribute}\n            {...popperScope}\n            {...contentProps}\n            ref={forwardedRef}\n            style={{\n              ...contentProps.style,\n              // re-namespace exposed content custom property\n              ['--radix-tooltip-content-transform-origin' as any]:\n                'var(--radix-popper-transform-origin)',\n            }}\n          >\n            <Slottable>{children}</Slottable>\n            <VisuallyHiddenPrimitive.Root id={context.contentId} role=\"tooltip\">\n              {ariaLabel || children}\n            </VisuallyHiddenPrimitive.Root>\n          </PopperPrimitive.Content>\n        </DismissableLayer>\n      </PortalWrapper>\n    );\n  }\n);\n\nTooltipContent.displayName = CONTENT_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * TooltipArrow\n * -----------------------------------------------------------------------------------------------*/\n\nconst ARROW_NAME = 'TooltipArrow';\n\ntype TooltipArrowElement = React.ElementRef<typeof PopperPrimitive.Arrow>;\ntype PopperArrowProps = Radix.ComponentPropsWithoutRef<typeof PopperPrimitive.Arrow>;\ninterface TooltipArrowProps extends PopperArrowProps {}\n\nconst TooltipArrow = React.forwardRef<TooltipArrowElement, TooltipArrowProps>(\n  (props: ScopedProps<TooltipArrowProps>, forwardedRef) => {\n    const { __scopeTooltip, ...arrowProps } = props;\n    const popperScope = usePopperScope(__scopeTooltip);\n    return <PopperPrimitive.Arrow {...popperScope} {...arrowProps} ref={forwardedRef} />;\n  }\n);\n\nTooltipArrow.displayName = ARROW_NAME;\n\n/* -----------------------------------------------------------------------------------------------*/\n\nconst Provider = TooltipProvider;\nconst Root = Tooltip;\nconst Trigger = TooltipTrigger;\nconst Content = TooltipContent;\nconst Arrow = TooltipArrow;\n\nexport {\n  createTooltipScope,\n  //\n  TooltipProvider,\n  Tooltip,\n  TooltipTrigger,\n  TooltipContent,\n  TooltipArrow,\n  //\n  Provider,\n  Root,\n  Trigger,\n  Content,\n  Arrow,\n};\nexport type { TooltipProps, TooltipTriggerProps, TooltipContentProps, TooltipArrowProps };\n"],"names":["React","composeEventHandlers","useComposedRefs","createContextScope","DismissableLayer","useId","PopperPrimitive","createPopperScope","Portal","Presence","Primitive","Slottable","useControllableState","VisuallyHiddenPrimitive","createTooltipContext","createTooltipScope","usePopperScope","PROVIDER_NAME","DEFAULT_DELAY_DURATION","TOOLTIP_OPEN","TooltipProviderContextProvider","useTooltipProviderContext","isOpenDelayed","delayDuration","onOpen","onClose","TooltipProvider","props","__scopeTooltip","skipDelayDuration","children","setIsOpenDelayed","useState","skipDelayTimerRef","useRef","useEffect","skipDelayTimer","current","window","clearTimeout","useCallback","setTimeout","TOOLTIP_NAME","TooltipContextProvider","useTooltipContext","Tooltip","open","openProp","defaultOpen","onOpenChange","delayDurationProp","context","popperScope","trigger","setTrigger","contentId","openTimerRef","wasOpenDelayedRef","setOpen","prop","defaultProp","onChange","document","dispatchEvent","CustomEvent","stateAttribute","useMemo","handleOpen","handleDelayedOpen","TRIGGER_NAME","TooltipTrigger","forwardRef","forwardedRef","triggerProps","composedTriggerRef","onTriggerChange","isPointerDownRef","handlePointerUp","removeEventListener","undefined","onPointerEnter","event","pointerType","onTriggerEnter","onPointerLeave","onPointerDown","addEventListener","once","onFocus","onBlur","onClick","isKeyboardClick","detail","CONTENT_NAME","TooltipContent","forceMount","contentProps","TooltipContentImpl","ariaLabel","portalled","onEscapeKeyDown","onPointerDownOutside","PortalWrapper","Fragment","handleScroll","target","contains","capture","preventDefault","style","ARROW_NAME","TooltipArrow","arrowProps","Provider","Root","Trigger","Content","Arrow"],"version":3,"file":"index.js.map"}

package/dist/index.module.js

@@ -1,2 +1,320 @@
-import*as e from"@radix-ui/react-visually-hidden";import{useControllableState as o}from"@radix-ui/react-use-controllable-state";import{Slottable as t}from"@radix-ui/react-slot";import{Primitive as r}from"@radix-ui/react-primitive";import{Presence as n}from"@radix-ui/react-presence";import{Portal as i}from"@radix-ui/react-portal";import*as a from"@radix-ui/react-popper";import{createPopperScope as l}from"@radix-ui/react-popper";import{useId as s}from"@radix-ui/react-id";import{DismissableLayer as c}from"@radix-ui/react-dismissable-layer";import{createContextScope as u}from"@radix-ui/react-context";import{useComposedRefs as p}from"@radix-ui/react-compose-refs";import{composeEventHandlers as d}from"@radix-ui/primitive";import*as m from"react";import f from"@babel/runtime/helpers/esm/extends";const[T,w]=u("Tooltip",[l]);export{w as createTooltipScope};const E=l(),g=700,[C,x]=T("TooltipProvider",{isOpenDelayed:!0,delayDuration:g,onOpen:()=>{},onClose:()=>{}});export const TooltipProvider=e=>{const{__scopeTooltip:o,delayDuration:t=g,skipDelayDuration:r=300,children:n}=e,[i,a]=m.useState(!0),l=m.useRef(0);return m.useEffect((()=>{const e=l.current;return()=>window.clearTimeout(e)}),[]),/*#__PURE__*/m.createElement(C,{scope:o,isOpenDelayed:i,delayDuration:t,onOpen:m.useCallback((()=>{window.clearTimeout(l.current),a(!1)}),[]),onClose:m.useCallback((()=>{window.clearTimeout(l.current),l.current=window.setTimeout((()=>a(!0)),r)}),[r])},n)};/*#__PURE__*/const[v,b]=T("Tooltip");export const Tooltip=e=>{const{__scopeTooltip:t,children:r,open:n,defaultOpen:i=!1,onOpenChange:l,delayDuration:c}=e,u=x("Tooltip",t),p=E(t),[d,f]=m.useState(null),T=s(),w=m.useRef(0),g=null!=c?c:u.delayDuration,C=m.useRef(!1),{onOpen:b,onClose:D}=u,[y=!1,O]=o({prop:n,defaultProp:i,onChange:e=>{e&&(document.dispatchEvent(new CustomEvent("tooltip.open")),b()),null==l||l(e)}}),h=m.useMemo((()=>y?C.current?"delayed-open":"instant-open":"closed"),[y]),_=m.useCallback((()=>{window.clearTimeout(w.current),C.current=!1,O(!0)}),[O]),k=m.useCallback((()=>{window.clearTimeout(w.current),w.current=window.setTimeout((()=>{C.current=!0,O(!0)}),g)}),[g,O]);return m.useEffect((()=>()=>window.clearTimeout(w.current)),[]),/*#__PURE__*/m.createElement(a.Root,p,/*#__PURE__*/m.createElement(v,{scope:t,contentId:T,open:y,stateAttribute:h,trigger:d,onTriggerChange:f,onTriggerEnter:m.useCallback((()=>{u.isOpenDelayed?k():_()}),[u.isOpenDelayed,k,_]),onOpen:m.useCallback(_,[_]),onClose:m.useCallback((()=>{window.clearTimeout(w.current),O(!1),D()}),[O,D])},r))};/*#__PURE__*/export const TooltipTrigger=/*#__PURE__*/m.forwardRef(((e,o)=>{const{__scopeTooltip:t,...n}=e,i=b("TooltipTrigger",t),l=E(t),s=p(o,i.onTriggerChange),c=m.useRef(!1),u=m.useCallback((()=>c.current=!1),[]);return m.useEffect((()=>()=>document.removeEventListener("mouseup",u)),[u]),/*#__PURE__*/m.createElement(a.Anchor,f({asChild:!0},l),/*#__PURE__*/m.createElement(r.button,f({"aria-describedby":i.open?i.contentId:void 0,"data-state":i.stateAttribute},n,{ref:s,onMouseEnter:d(e.onMouseEnter,i.onTriggerEnter),onMouseLeave:d(e.onMouseLeave,i.onClose),onMouseDown:d(e.onMouseDown,(()=>{c.current=!0,document.addEventListener("mouseup",u,{once:!0})})),onFocus:d(e.onFocus,(()=>{c.current||i.onOpen()})),onBlur:d(e.onBlur,i.onClose),onClick:d(e.onClick,(e=>{0===e.detail&&i.onClose()}))})))}));/*#__PURE__*/export const TooltipContent=/*#__PURE__*/m.forwardRef(((e,o)=>{const{forceMount:t,...r}=e,i=b("TooltipContent",e.__scopeTooltip);/*#__PURE__*/return m.createElement(n,{present:t||i.open},/*#__PURE__*/m.createElement(D,f({ref:o},r)))}));const D=/*#__PURE__*/m.forwardRef(((o,r)=>{const{__scopeTooltip:n,children:l,"aria-label":s,portalled:u=!0,onEscapeKeyDown:p,onPointerDownOutside:d,...T}=o,w=b("TooltipContent",n),g=E(n),C=u?i:m.Fragment,{onClose:x}=w;return m.useEffect((()=>(document.addEventListener("tooltip.open",x),()=>document.removeEventListener("tooltip.open",x))),[x]),m.useEffect((()=>{if(w.trigger){const e=e=>{const o=e.target;null!=o&&o.contains(w.trigger)&&x()};return window.addEventListener("scroll",e,{capture:!0}),()=>window.removeEventListener("scroll",e,{capture:!0})}}),[w.trigger,x]),/*#__PURE__*/m.createElement(C,null,/*#__PURE__*/m.createElement(c,{asChild:!0,disableOutsidePointerEvents:!1,onEscapeKeyDown:p,onPointerDownOutside:d,onFocusOutside:e=>e.preventDefault(),onDismiss:x},/*#__PURE__*/m.createElement(a.Content,f({"data-state":w.stateAttribute},g,T,{ref:r,style:{...T.style,"--radix-tooltip-content-transform-origin":"var(--radix-popper-transform-origin)"}}),/*#__PURE__*/m.createElement(t,null,l),/*#__PURE__*/m.createElement(e.Root,{id:w.contentId,role:"tooltip"},s||l))))}));/*#__PURE__*/export const TooltipArrow=/*#__PURE__*/m.forwardRef(((e,o)=>{const{__scopeTooltip:t,...r}=e,n=E(t);/*#__PURE__*/return m.createElement(a.Arrow,f({},n,r,{ref:o}))}));/*#__PURE__*/export const Provider=TooltipProvider;export const Root=Tooltip;export const Trigger=TooltipTrigger;export const Content=TooltipContent;export const Arrow=TooltipArrow;
+import $8wepK$babelruntimehelpersesmextends from "@babel/runtime/helpers/esm/extends";
+import {useState as $8wepK$useState, useRef as $8wepK$useRef, useEffect as $8wepK$useEffect, createElement as $8wepK$createElement, useCallback as $8wepK$useCallback, useMemo as $8wepK$useMemo, forwardRef as $8wepK$forwardRef, Fragment as $8wepK$Fragment} from "react";
+import {composeEventHandlers as $8wepK$composeEventHandlers} from "@radix-ui/primitive";
+import {useComposedRefs as $8wepK$useComposedRefs} from "@radix-ui/react-compose-refs";
+import {createContextScope as $8wepK$createContextScope} from "@radix-ui/react-context";
+import {DismissableLayer as $8wepK$DismissableLayer} from "@radix-ui/react-dismissable-layer";
+import {useId as $8wepK$useId} from "@radix-ui/react-id";
+import {createPopperScope as $8wepK$createPopperScope, Root as $8wepK$Root, Anchor as $8wepK$Anchor, Content as $8wepK$Content, Arrow as $8wepK$Arrow} from "@radix-ui/react-popper";
+import {Portal as $8wepK$Portal} from "@radix-ui/react-portal";
+import {Presence as $8wepK$Presence} from "@radix-ui/react-presence";
+import {Primitive as $8wepK$Primitive} from "@radix-ui/react-primitive";
+import {Slottable as $8wepK$Slottable} from "@radix-ui/react-slot";
+import {useControllableState as $8wepK$useControllableState} from "@radix-ui/react-use-controllable-state";
+import {Root as $8wepK$Root1} from "@radix-ui/react-visually-hidden";
+
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+var $a093c7e1ec25a057$exports = {};
+
+$parcel$export($a093c7e1ec25a057$exports, "createTooltipScope", () => $a093c7e1ec25a057$export$1c540a2224f0d865);
+$parcel$export($a093c7e1ec25a057$exports, "TooltipProvider", () => $a093c7e1ec25a057$export$f78649fb9ca566b8);
+$parcel$export($a093c7e1ec25a057$exports, "Tooltip", () => $a093c7e1ec25a057$export$28c660c63b792dea);
+$parcel$export($a093c7e1ec25a057$exports, "TooltipTrigger", () => $a093c7e1ec25a057$export$8c610744efcf8a1d);
+$parcel$export($a093c7e1ec25a057$exports, "TooltipContent", () => $a093c7e1ec25a057$export$e9003e2be37ec060);
+$parcel$export($a093c7e1ec25a057$exports, "TooltipArrow", () => $a093c7e1ec25a057$export$c27ee0ad710f7559);
+$parcel$export($a093c7e1ec25a057$exports, "Provider", () => $a093c7e1ec25a057$export$2881499e37b75b9a);
+$parcel$export($a093c7e1ec25a057$exports, "Root", () => $a093c7e1ec25a057$export$be92b6f5f03c0fe9);
+$parcel$export($a093c7e1ec25a057$exports, "Trigger", () => $a093c7e1ec25a057$export$41fb9f06171c75f4);
+$parcel$export($a093c7e1ec25a057$exports, "Content", () => $a093c7e1ec25a057$export$7c6e2c02157bb7d2);
+$parcel$export($a093c7e1ec25a057$exports, "Arrow", () => $a093c7e1ec25a057$export$21b07c8f274aebd5);
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+const [$a093c7e1ec25a057$var$createTooltipContext, $a093c7e1ec25a057$export$1c540a2224f0d865] = $8wepK$createContextScope('Tooltip', [
+    $8wepK$createPopperScope
+]);
+const $a093c7e1ec25a057$var$usePopperScope = $8wepK$createPopperScope();
+/* -------------------------------------------------------------------------------------------------
+ * TooltipProvider
+ * -----------------------------------------------------------------------------------------------*/ const $a093c7e1ec25a057$var$PROVIDER_NAME = 'TooltipProvider';
+const $a093c7e1ec25a057$var$DEFAULT_DELAY_DURATION = 700;
+const $a093c7e1ec25a057$var$TOOLTIP_OPEN = 'tooltip.open';
+const [$a093c7e1ec25a057$var$TooltipProviderContextProvider, $a093c7e1ec25a057$var$useTooltipProviderContext] = $a093c7e1ec25a057$var$createTooltipContext($a093c7e1ec25a057$var$PROVIDER_NAME, {
+    isOpenDelayed: true,
+    delayDuration: $a093c7e1ec25a057$var$DEFAULT_DELAY_DURATION,
+    onOpen: ()=>{},
+    onClose: ()=>{}
+});
+const $a093c7e1ec25a057$export$f78649fb9ca566b8 = (props)=>{
+    const { __scopeTooltip: __scopeTooltip , delayDuration: delayDuration = $a093c7e1ec25a057$var$DEFAULT_DELAY_DURATION , skipDelayDuration: skipDelayDuration = 300 , children: children  } = props;
+    const [isOpenDelayed, setIsOpenDelayed] = $8wepK$useState(true);
+    const skipDelayTimerRef = $8wepK$useRef(0);
+    $8wepK$useEffect(()=>{
+        const skipDelayTimer = skipDelayTimerRef.current;
+        return ()=>window.clearTimeout(skipDelayTimer)
+        ;
+    }, []);
+    return /*#__PURE__*/ $8wepK$createElement($a093c7e1ec25a057$var$TooltipProviderContextProvider, {
+        scope: __scopeTooltip,
+        isOpenDelayed: isOpenDelayed,
+        delayDuration: delayDuration,
+        onOpen: $8wepK$useCallback(()=>{
+            window.clearTimeout(skipDelayTimerRef.current);
+            setIsOpenDelayed(false);
+        }, []),
+        onClose: $8wepK$useCallback(()=>{
+            window.clearTimeout(skipDelayTimerRef.current);
+            skipDelayTimerRef.current = window.setTimeout(()=>setIsOpenDelayed(true)
+            , skipDelayDuration);
+        }, [
+            skipDelayDuration
+        ])
+    }, children);
+};
+/*#__PURE__*/ Object.assign($a093c7e1ec25a057$export$f78649fb9ca566b8, {
+    displayName: $a093c7e1ec25a057$var$PROVIDER_NAME
+});
+/* -------------------------------------------------------------------------------------------------
+ * Tooltip
+ * -----------------------------------------------------------------------------------------------*/ const $a093c7e1ec25a057$var$TOOLTIP_NAME = 'Tooltip';
+const [$a093c7e1ec25a057$var$TooltipContextProvider, $a093c7e1ec25a057$var$useTooltipContext] = $a093c7e1ec25a057$var$createTooltipContext($a093c7e1ec25a057$var$TOOLTIP_NAME);
+const $a093c7e1ec25a057$export$28c660c63b792dea = (props)=>{
+    const { __scopeTooltip: __scopeTooltip , children: children , open: openProp , defaultOpen: defaultOpen = false , onOpenChange: onOpenChange , delayDuration: delayDurationProp  } = props;
+    const context = $a093c7e1ec25a057$var$useTooltipProviderContext($a093c7e1ec25a057$var$TOOLTIP_NAME, __scopeTooltip);
+    const popperScope = $a093c7e1ec25a057$var$usePopperScope(__scopeTooltip);
+    const [trigger, setTrigger] = $8wepK$useState(null);
+    const contentId = $8wepK$useId();
+    const openTimerRef = $8wepK$useRef(0);
+    const delayDuration = delayDurationProp !== null && delayDurationProp !== void 0 ? delayDurationProp : context.delayDuration;
+    const wasOpenDelayedRef = $8wepK$useRef(false);
+    const { onOpen: onOpen , onClose: onClose  } = context;
+    const [open1 = false, setOpen] = $8wepK$useControllableState({
+        prop: openProp,
+        defaultProp: defaultOpen,
+        onChange: (open)=>{
+            if (open) {
+                // we dispatch here so `TooltipProvider` isn't required to
+                // ensure other tooltips are aware of this one opening.
+                //
+                // as `onChange` is called within a lifecycle method we
+                // avoid dispatching via `dispatchDiscreteCustomEvent`.
+                document.dispatchEvent(new CustomEvent($a093c7e1ec25a057$var$TOOLTIP_OPEN));
+                onOpen();
+            }
+            onOpenChange === null || onOpenChange === void 0 || onOpenChange(open);
+        }
+    });
+    const stateAttribute = $8wepK$useMemo(()=>{
+        return open1 ? wasOpenDelayedRef.current ? 'delayed-open' : 'instant-open' : 'closed';
+    }, [
+        open1
+    ]);
+    const handleOpen = $8wepK$useCallback(()=>{
+        window.clearTimeout(openTimerRef.current);
+        wasOpenDelayedRef.current = false;
+        setOpen(true);
+    }, [
+        setOpen
+    ]);
+    const handleDelayedOpen = $8wepK$useCallback(()=>{
+        window.clearTimeout(openTimerRef.current);
+        openTimerRef.current = window.setTimeout(()=>{
+            wasOpenDelayedRef.current = true;
+            setOpen(true);
+        }, delayDuration);
+    }, [
+        delayDuration,
+        setOpen
+    ]);
+    $8wepK$useEffect(()=>{
+        return ()=>window.clearTimeout(openTimerRef.current)
+        ;
+    }, []);
+    return /*#__PURE__*/ $8wepK$createElement($8wepK$Root, popperScope, /*#__PURE__*/ $8wepK$createElement($a093c7e1ec25a057$var$TooltipContextProvider, {
+        scope: __scopeTooltip,
+        contentId: contentId,
+        open: open1,
+        stateAttribute: stateAttribute,
+        trigger: trigger,
+        onTriggerChange: setTrigger,
+        onTriggerEnter: $8wepK$useCallback(()=>{
+            if (context.isOpenDelayed) handleDelayedOpen();
+            else handleOpen();
+        }, [
+            context.isOpenDelayed,
+            handleDelayedOpen,
+            handleOpen
+        ]),
+        onOpen: $8wepK$useCallback(handleOpen, [
+            handleOpen
+        ]),
+        onClose: $8wepK$useCallback(()=>{
+            window.clearTimeout(openTimerRef.current);
+            setOpen(false);
+            onClose();
+        }, [
+            setOpen,
+            onClose
+        ])
+    }, children));
+};
+/*#__PURE__*/ Object.assign($a093c7e1ec25a057$export$28c660c63b792dea, {
+    displayName: $a093c7e1ec25a057$var$TOOLTIP_NAME
+});
+/* -------------------------------------------------------------------------------------------------
+ * TooltipTrigger
+ * -----------------------------------------------------------------------------------------------*/ const $a093c7e1ec25a057$var$TRIGGER_NAME = 'TooltipTrigger';
+const $a093c7e1ec25a057$export$8c610744efcf8a1d = /*#__PURE__*/ $8wepK$forwardRef((props, forwardedRef)=>{
+    const { __scopeTooltip: __scopeTooltip , ...triggerProps } = props;
+    const context = $a093c7e1ec25a057$var$useTooltipContext($a093c7e1ec25a057$var$TRIGGER_NAME, __scopeTooltip);
+    const popperScope = $a093c7e1ec25a057$var$usePopperScope(__scopeTooltip);
+    const composedTriggerRef = $8wepK$useComposedRefs(forwardedRef, context.onTriggerChange);
+    const isPointerDownRef = $8wepK$useRef(false);
+    const handlePointerUp = $8wepK$useCallback(()=>isPointerDownRef.current = false
+    , []);
+    $8wepK$useEffect(()=>{
+        return ()=>document.removeEventListener('pointerup', handlePointerUp)
+        ;
+    }, [
+        handlePointerUp
+    ]);
+    return /*#__PURE__*/ $8wepK$createElement($8wepK$Anchor, $8wepK$babelruntimehelpersesmextends({
+        asChild: true
+    }, popperScope), /*#__PURE__*/ $8wepK$createElement($8wepK$Primitive.button, $8wepK$babelruntimehelpersesmextends({
+        // We purposefully avoid adding `type=button` here because tooltip triggers are also
+        // commonly anchors and the anchor `type` attribute signifies MIME type.
+        "aria-describedby": context.open ? context.contentId : undefined,
+        "data-state": context.stateAttribute
+    }, triggerProps, {
+        ref: composedTriggerRef,
+        onPointerEnter: $8wepK$composeEventHandlers(props.onPointerEnter, (event)=>{
+            if (event.pointerType !== 'touch') context.onTriggerEnter();
+        }),
+        onPointerLeave: $8wepK$composeEventHandlers(props.onPointerLeave, context.onClose),
+        onPointerDown: $8wepK$composeEventHandlers(props.onPointerDown, ()=>{
+            isPointerDownRef.current = true;
+            document.addEventListener('pointerup', handlePointerUp, {
+                once: true
+            });
+        }),
+        onFocus: $8wepK$composeEventHandlers(props.onFocus, ()=>{
+            if (!isPointerDownRef.current) context.onOpen();
+        }),
+        onBlur: $8wepK$composeEventHandlers(props.onBlur, context.onClose),
+        onClick: $8wepK$composeEventHandlers(props.onClick, (event)=>{
+            // keyboard click will occur under different conditions for different node
+            // types so we use `onClick` instead of `onKeyDown` to respect that
+            const isKeyboardClick = event.detail === 0;
+            if (isKeyboardClick) context.onClose();
+        })
+    })));
+});
+/*#__PURE__*/ Object.assign($a093c7e1ec25a057$export$8c610744efcf8a1d, {
+    displayName: $a093c7e1ec25a057$var$TRIGGER_NAME
+});
+/* -------------------------------------------------------------------------------------------------
+ * TooltipContent
+ * -----------------------------------------------------------------------------------------------*/ const $a093c7e1ec25a057$var$CONTENT_NAME = 'TooltipContent';
+const $a093c7e1ec25a057$export$e9003e2be37ec060 = /*#__PURE__*/ $8wepK$forwardRef((props, forwardedRef)=>{
+    const { forceMount: forceMount , ...contentProps } = props;
+    const context = $a093c7e1ec25a057$var$useTooltipContext($a093c7e1ec25a057$var$CONTENT_NAME, props.__scopeTooltip);
+    return /*#__PURE__*/ $8wepK$createElement($8wepK$Presence, {
+        present: forceMount || context.open
+    }, /*#__PURE__*/ $8wepK$createElement($a093c7e1ec25a057$var$TooltipContentImpl, $8wepK$babelruntimehelpersesmextends({
+        ref: forwardedRef
+    }, contentProps)));
+});
+const $a093c7e1ec25a057$var$TooltipContentImpl = /*#__PURE__*/ $8wepK$forwardRef((props, forwardedRef)=>{
+    const { __scopeTooltip: __scopeTooltip , children: children , 'aria-label': ariaLabel , portalled: portalled = true , onEscapeKeyDown: onEscapeKeyDown , onPointerDownOutside: onPointerDownOutside , ...contentProps } = props;
+    const context = $a093c7e1ec25a057$var$useTooltipContext($a093c7e1ec25a057$var$CONTENT_NAME, __scopeTooltip);
+    const popperScope = $a093c7e1ec25a057$var$usePopperScope(__scopeTooltip);
+    const PortalWrapper = portalled ? $8wepK$Portal : $8wepK$Fragment;
+    const { onClose: onClose  } = context; // Close this tooltip if another one opens
+    $8wepK$useEffect(()=>{
+        document.addEventListener($a093c7e1ec25a057$var$TOOLTIP_OPEN, onClose);
+        return ()=>document.removeEventListener($a093c7e1ec25a057$var$TOOLTIP_OPEN, onClose)
+        ;
+    }, [
+        onClose
+    ]); // Close the tooltip if the trigger is scrolled
+    $8wepK$useEffect(()=>{
+        if (context.trigger) {
+            const handleScroll = (event)=>{
+                const target = event.target;
+                if (target !== null && target !== void 0 && target.contains(context.trigger)) onClose();
+            };
+            window.addEventListener('scroll', handleScroll, {
+                capture: true
+            });
+            return ()=>window.removeEventListener('scroll', handleScroll, {
+                    capture: true
+                })
+            ;
+        }
+    }, [
+        context.trigger,
+        onClose
+    ]);
+    return /*#__PURE__*/ $8wepK$createElement(PortalWrapper, null, /*#__PURE__*/ $8wepK$createElement($8wepK$DismissableLayer, {
+        asChild: true,
+        disableOutsidePointerEvents: false,
+        onEscapeKeyDown: onEscapeKeyDown,
+        onPointerDownOutside: onPointerDownOutside,
+        onFocusOutside: (event)=>event.preventDefault()
+        ,
+        onDismiss: onClose
+    }, /*#__PURE__*/ $8wepK$createElement($8wepK$Content, $8wepK$babelruntimehelpersesmextends({
+        "data-state": context.stateAttribute
+    }, popperScope, contentProps, {
+        ref: forwardedRef,
+        style: {
+            ...contentProps.style,
+            // re-namespace exposed content custom property
+            ['--radix-tooltip-content-transform-origin']: 'var(--radix-popper-transform-origin)'
+        }
+    }), /*#__PURE__*/ $8wepK$createElement($8wepK$Slottable, null, children), /*#__PURE__*/ $8wepK$createElement($8wepK$Root1, {
+        id: context.contentId,
+        role: "tooltip"
+    }, ariaLabel || children))));
+});
+/*#__PURE__*/ Object.assign($a093c7e1ec25a057$export$e9003e2be37ec060, {
+    displayName: $a093c7e1ec25a057$var$CONTENT_NAME
+});
+/* -------------------------------------------------------------------------------------------------
+ * TooltipArrow
+ * -----------------------------------------------------------------------------------------------*/ const $a093c7e1ec25a057$var$ARROW_NAME = 'TooltipArrow';
+const $a093c7e1ec25a057$export$c27ee0ad710f7559 = /*#__PURE__*/ $8wepK$forwardRef((props, forwardedRef)=>{
+    const { __scopeTooltip: __scopeTooltip , ...arrowProps } = props;
+    const popperScope = $a093c7e1ec25a057$var$usePopperScope(__scopeTooltip);
+    return /*#__PURE__*/ $8wepK$createElement($8wepK$Arrow, $8wepK$babelruntimehelpersesmextends({}, popperScope, arrowProps, {
+        ref: forwardedRef
+    }));
+});
+/*#__PURE__*/ Object.assign($a093c7e1ec25a057$export$c27ee0ad710f7559, {
+    displayName: $a093c7e1ec25a057$var$ARROW_NAME
+});
+/* -----------------------------------------------------------------------------------------------*/ const $a093c7e1ec25a057$export$2881499e37b75b9a = $a093c7e1ec25a057$export$f78649fb9ca566b8;
+const $a093c7e1ec25a057$export$be92b6f5f03c0fe9 = $a093c7e1ec25a057$export$28c660c63b792dea;
+const $a093c7e1ec25a057$export$41fb9f06171c75f4 = $a093c7e1ec25a057$export$8c610744efcf8a1d;
+const $a093c7e1ec25a057$export$7c6e2c02157bb7d2 = $a093c7e1ec25a057$export$e9003e2be37ec060;
+const $a093c7e1ec25a057$export$21b07c8f274aebd5 = $a093c7e1ec25a057$export$c27ee0ad710f7559;
+
+
+
+
+export {$a093c7e1ec25a057$export$1c540a2224f0d865 as createTooltipScope, $a093c7e1ec25a057$export$f78649fb9ca566b8 as TooltipProvider, $a093c7e1ec25a057$export$28c660c63b792dea as Tooltip, $a093c7e1ec25a057$export$8c610744efcf8a1d as TooltipTrigger, $a093c7e1ec25a057$export$e9003e2be37ec060 as TooltipContent, $a093c7e1ec25a057$export$c27ee0ad710f7559 as TooltipArrow, $a093c7e1ec25a057$export$2881499e37b75b9a as Provider, $a093c7e1ec25a057$export$be92b6f5f03c0fe9 as Root, $a093c7e1ec25a057$export$41fb9f06171c75f4 as Trigger, $a093c7e1ec25a057$export$7c6e2c02157bb7d2 as Content, $a093c7e1ec25a057$export$21b07c8f274aebd5 as Arrow};
 //# sourceMappingURL=index.module.js.map

package/dist/index.module.js.map

@@ -1 +1 @@
-{"mappings":"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","sources":["./packages/react/tooltip/src/Tooltip.tsx"],"sourcesContent":["import * as React from 'react';\nimport { composeEventHandlers } from '@radix-ui/primitive';\nimport { useComposedRefs } from '@radix-ui/react-compose-refs';\nimport { createContextScope } from '@radix-ui/react-context';\nimport { DismissableLayer } from '@radix-ui/react-dismissable-layer';\nimport { useId } from '@radix-ui/react-id';\nimport * as PopperPrimitive from '@radix-ui/react-popper';\nimport { createPopperScope } from '@radix-ui/react-popper';\nimport { Portal } from '@radix-ui/react-portal';\nimport { Presence } from '@radix-ui/react-presence';\nimport { Primitive } from '@radix-ui/react-primitive';\nimport { Slottable } from '@radix-ui/react-slot';\nimport { useControllableState } from '@radix-ui/react-use-controllable-state';\nimport * as VisuallyHiddenPrimitive from '@radix-ui/react-visually-hidden';\n\nimport type * as Radix from '@radix-ui/react-primitive';\nimport type { Scope } from '@radix-ui/react-context';\n\ntype ScopedProps<P = {}> = P & { __scopeTooltip?: Scope };\nconst [createTooltipContext, createTooltipScope] = createContextScope('Tooltip', [\n  createPopperScope,\n]);\nconst usePopperScope = createPopperScope();\n\n/* -------------------------------------------------------------------------------------------------\n * TooltipProvider\n * -----------------------------------------------------------------------------------------------*/\n\nconst PROVIDER_NAME = 'TooltipProvider';\nconst DEFAULT_DELAY_DURATION = 700;\nconst TOOLTIP_OPEN = 'tooltip.open';\n\ntype TooltipProviderContextValue = {\n  isOpenDelayed: boolean;\n  delayDuration: number;\n  onOpen(): void;\n  onClose(): void;\n};\n\nconst [TooltipProviderContextProvider, useTooltipProviderContext] =\n  createTooltipContext<TooltipProviderContextValue>(PROVIDER_NAME, {\n    isOpenDelayed: true,\n    delayDuration: DEFAULT_DELAY_DURATION,\n    onOpen: () => {},\n    onClose: () => {},\n  });\n\ninterface TooltipProviderProps {\n  /**\n   * The duration from when the mouse enters the trigger until the tooltip gets opened.\n   * @defaultValue 700\n   */\n  delayDuration?: number;\n  /**\n   * How much time a user has to enter another trigger without incurring a delay again.\n   * @defaultValue 300\n   */\n  skipDelayDuration?: number;\n  children: React.ReactNode;\n}\n\nconst TooltipProvider: React.FC<TooltipProviderProps> = (\n  props: ScopedProps<TooltipProviderProps>\n) => {\n  const {\n    __scopeTooltip,\n    delayDuration = DEFAULT_DELAY_DURATION,\n    skipDelayDuration = 300,\n    children,\n  } = props;\n  const [isOpenDelayed, setIsOpenDelayed] = React.useState(true);\n  const skipDelayTimerRef = React.useRef(0);\n\n  React.useEffect(() => {\n    const skipDelayTimer = skipDelayTimerRef.current;\n    return () => window.clearTimeout(skipDelayTimer);\n  }, []);\n\n  return (\n    <TooltipProviderContextProvider\n      scope={__scopeTooltip}\n      isOpenDelayed={isOpenDelayed}\n      delayDuration={delayDuration}\n      onOpen={React.useCallback(() => {\n        window.clearTimeout(skipDelayTimerRef.current);\n        setIsOpenDelayed(false);\n      }, [])}\n      onClose={React.useCallback(() => {\n        window.clearTimeout(skipDelayTimerRef.current);\n        skipDelayTimerRef.current = window.setTimeout(\n          () => setIsOpenDelayed(true),\n          skipDelayDuration\n        );\n      }, [skipDelayDuration])}\n    >\n      {children}\n    </TooltipProviderContextProvider>\n  );\n};\n\nTooltipProvider.displayName = PROVIDER_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * Tooltip\n * -----------------------------------------------------------------------------------------------*/\n\nconst TOOLTIP_NAME = 'Tooltip';\n\ntype TooltipContextValue = {\n  contentId: string;\n  open: boolean;\n  stateAttribute: 'closed' | 'delayed-open' | 'instant-open';\n  trigger: TooltipTriggerElement | null;\n  onTriggerChange(trigger: TooltipTriggerElement | null): void;\n  onTriggerEnter(): void;\n  onOpen(): void;\n  onClose(): void;\n};\n\nconst [TooltipContextProvider, useTooltipContext] =\n  createTooltipContext<TooltipContextValue>(TOOLTIP_NAME);\n\ninterface TooltipProps {\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n\n  /**\n   * The duration from when the mouse enters the trigger until the tooltip gets opened. This will\n   * override the prop with the same name passed to Provider.\n   * @defaultValue 700\n   */\n  delayDuration?: number;\n  children?: React.ReactNode;\n}\n\nconst Tooltip: React.FC<TooltipProps> = (props: ScopedProps<TooltipProps>) => {\n  const {\n    __scopeTooltip,\n    children,\n    open: openProp,\n    defaultOpen = false,\n    onOpenChange,\n    delayDuration: delayDurationProp,\n  } = props;\n  const context = useTooltipProviderContext(TOOLTIP_NAME, __scopeTooltip);\n  const popperScope = usePopperScope(__scopeTooltip);\n  const [trigger, setTrigger] = React.useState<HTMLButtonElement | null>(null);\n  const contentId = useId();\n  const openTimerRef = React.useRef(0);\n  const delayDuration = delayDurationProp ?? context.delayDuration;\n  const wasOpenDelayedRef = React.useRef(false);\n  const { onOpen, onClose } = context;\n  const [open = false, setOpen] = useControllableState({\n    prop: openProp,\n    defaultProp: defaultOpen,\n    onChange: (open) => {\n      if (open) {\n        // we dispatch here so `TooltipProvider` isn't required to\n        // ensure other tooltips are aware of this one opening.\n        document.dispatchEvent(new CustomEvent(TOOLTIP_OPEN));\n        onOpen();\n      }\n      onOpenChange?.(open);\n    },\n  });\n  const stateAttribute = React.useMemo(() => {\n    return open ? (wasOpenDelayedRef.current ? 'delayed-open' : 'instant-open') : 'closed';\n  }, [open]);\n\n  const handleOpen = React.useCallback(() => {\n    window.clearTimeout(openTimerRef.current);\n    wasOpenDelayedRef.current = false;\n    setOpen(true);\n  }, [setOpen]);\n\n  const handleDelayedOpen = React.useCallback(() => {\n    window.clearTimeout(openTimerRef.current);\n    openTimerRef.current = window.setTimeout(() => {\n      wasOpenDelayedRef.current = true;\n      setOpen(true);\n    }, delayDuration);\n  }, [delayDuration, setOpen]);\n\n  React.useEffect(() => {\n    return () => window.clearTimeout(openTimerRef.current);\n  }, []);\n\n  return (\n    <PopperPrimitive.Root {...popperScope}>\n      <TooltipContextProvider\n        scope={__scopeTooltip}\n        contentId={contentId}\n        open={open}\n        stateAttribute={stateAttribute}\n        trigger={trigger}\n        onTriggerChange={setTrigger}\n        onTriggerEnter={React.useCallback(() => {\n          if (context.isOpenDelayed) handleDelayedOpen();\n          else handleOpen();\n        }, [context.isOpenDelayed, handleDelayedOpen, handleOpen])}\n        onOpen={React.useCallback(handleOpen, [handleOpen])}\n        onClose={React.useCallback(() => {\n          window.clearTimeout(openTimerRef.current);\n          setOpen(false);\n          onClose();\n        }, [setOpen, onClose])}\n      >\n        {children}\n      </TooltipContextProvider>\n    </PopperPrimitive.Root>\n  );\n};\n\nTooltip.displayName = TOOLTIP_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * TooltipTrigger\n * -----------------------------------------------------------------------------------------------*/\n\nconst TRIGGER_NAME = 'TooltipTrigger';\n\ntype TooltipTriggerElement = React.ElementRef<typeof Primitive.button>;\ntype PrimitiveButtonProps = Radix.ComponentPropsWithoutRef<typeof Primitive.button>;\ninterface TooltipTriggerProps extends PrimitiveButtonProps {}\n\nconst TooltipTrigger = React.forwardRef<TooltipTriggerElement, TooltipTriggerProps>(\n  (props: ScopedProps<TooltipTriggerProps>, forwardedRef) => {\n    const { __scopeTooltip, ...triggerProps } = props;\n    const context = useTooltipContext(TRIGGER_NAME, __scopeTooltip);\n    const popperScope = usePopperScope(__scopeTooltip);\n    const composedTriggerRef = useComposedRefs(forwardedRef, context.onTriggerChange);\n    const isMouseDownRef = React.useRef(false);\n    const handleMouseUp = React.useCallback(() => (isMouseDownRef.current = false), []);\n\n    React.useEffect(() => {\n      return () => document.removeEventListener('mouseup', handleMouseUp);\n    }, [handleMouseUp]);\n\n    return (\n      <PopperPrimitive.Anchor asChild {...popperScope}>\n        <Primitive.button\n          // We purposefully avoid adding `type=button` here because tooltip triggers are also\n          // commonly anchors and the anchor `type` attribute signifies MIME type.\n          aria-describedby={context.open ? context.contentId : undefined}\n          data-state={context.stateAttribute}\n          {...triggerProps}\n          ref={composedTriggerRef}\n          onMouseEnter={composeEventHandlers(props.onMouseEnter, context.onTriggerEnter)}\n          onMouseLeave={composeEventHandlers(props.onMouseLeave, context.onClose)}\n          onMouseDown={composeEventHandlers(props.onMouseDown, () => {\n            isMouseDownRef.current = true;\n            document.addEventListener('mouseup', handleMouseUp, { once: true });\n          })}\n          onFocus={composeEventHandlers(props.onFocus, () => {\n            if (!isMouseDownRef.current) context.onOpen();\n          })}\n          onBlur={composeEventHandlers(props.onBlur, context.onClose)}\n          onClick={composeEventHandlers(props.onClick, (event) => {\n            // keyboard click will occur under different conditions for different node\n            // types so we use `onClick` instead of `onKeyDown` to respect that\n            const isKeyboardClick = event.detail === 0;\n            if (isKeyboardClick) context.onClose();\n          })}\n        />\n      </PopperPrimitive.Anchor>\n    );\n  }\n);\n\nTooltipTrigger.displayName = TRIGGER_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * TooltipContent\n * -----------------------------------------------------------------------------------------------*/\n\nconst CONTENT_NAME = 'TooltipContent';\n\ntype TooltipContentElement = TooltipContentImplElement;\ninterface TooltipContentProps extends TooltipContentImplProps {\n  /**\n   * Used to force mounting when more control is needed. Useful when\n   * controlling animation with React animation libraries.\n   */\n  forceMount?: true;\n}\n\nconst TooltipContent = React.forwardRef<TooltipContentElement, TooltipContentProps>(\n  (props: ScopedProps<TooltipContentProps>, forwardedRef) => {\n    const { forceMount, ...contentProps } = props;\n    const context = useTooltipContext(CONTENT_NAME, props.__scopeTooltip);\n    return (\n      <Presence present={forceMount || context.open}>\n        <TooltipContentImpl ref={forwardedRef} {...contentProps} />\n      </Presence>\n    );\n  }\n);\n\ntype TooltipContentImplElement = React.ElementRef<typeof PopperPrimitive.Content>;\ntype DismissableLayerProps = Radix.ComponentPropsWithoutRef<typeof DismissableLayer>;\ntype PopperContentProps = Radix.ComponentPropsWithoutRef<typeof PopperPrimitive.Content>;\ninterface TooltipContentImplProps extends PopperContentProps {\n  /**\n   * A more descriptive label for accessibility purpose\n   */\n  'aria-label'?: string;\n\n  /**\n   * Event handler called when the escape key is down.\n   * Can be prevented.\n   */\n  onEscapeKeyDown?: DismissableLayerProps['onEscapeKeyDown'];\n  /**\n   * Event handler called when the a `pointerdown` event happens outside of the `Tooltip`.\n   * Can be prevented.\n   */\n  onPointerDownOutside?: DismissableLayerProps['onPointerDownOutside'];\n\n  /**\n   * Whether the Tooltip should render in a Portal\n   * (default: `true`)\n   */\n  portalled?: boolean;\n}\n\nconst TooltipContentImpl = React.forwardRef<TooltipContentImplElement, TooltipContentImplProps>(\n  (props: ScopedProps<TooltipContentImplProps>, forwardedRef) => {\n    const {\n      __scopeTooltip,\n      children,\n      'aria-label': ariaLabel,\n      portalled = true,\n      onEscapeKeyDown,\n      onPointerDownOutside,\n      ...contentProps\n    } = props;\n    const context = useTooltipContext(CONTENT_NAME, __scopeTooltip);\n    const popperScope = usePopperScope(__scopeTooltip);\n    const PortalWrapper = portalled ? Portal : React.Fragment;\n    const { onClose } = context;\n\n    // Close this tooltip if another one opens\n    React.useEffect(() => {\n      document.addEventListener(TOOLTIP_OPEN, onClose);\n      return () => document.removeEventListener(TOOLTIP_OPEN, onClose);\n    }, [onClose]);\n\n    // Close the tooltip if the trigger is scrolled\n    React.useEffect(() => {\n      if (context.trigger) {\n        const handleScroll = (event: Event) => {\n          const target = event.target as HTMLElement;\n          if (target?.contains(context.trigger)) onClose();\n        };\n        window.addEventListener('scroll', handleScroll, { capture: true });\n        return () => window.removeEventListener('scroll', handleScroll, { capture: true });\n      }\n    }, [context.trigger, onClose]);\n\n    return (\n      <PortalWrapper>\n        <DismissableLayer\n          asChild\n          disableOutsidePointerEvents={false}\n          onEscapeKeyDown={onEscapeKeyDown}\n          onPointerDownOutside={onPointerDownOutside}\n          onFocusOutside={(event) => event.preventDefault()}\n          onDismiss={onClose}\n        >\n          <PopperPrimitive.Content\n            data-state={context.stateAttribute}\n            {...popperScope}\n            {...contentProps}\n            ref={forwardedRef}\n            style={{\n              ...contentProps.style,\n              // re-namespace exposed content custom property\n              ['--radix-tooltip-content-transform-origin' as any]:\n                'var(--radix-popper-transform-origin)',\n            }}\n          >\n            <Slottable>{children}</Slottable>\n            <VisuallyHiddenPrimitive.Root id={context.contentId} role=\"tooltip\">\n              {ariaLabel || children}\n            </VisuallyHiddenPrimitive.Root>\n          </PopperPrimitive.Content>\n        </DismissableLayer>\n      </PortalWrapper>\n    );\n  }\n);\n\nTooltipContent.displayName = CONTENT_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * TooltipArrow\n * -----------------------------------------------------------------------------------------------*/\n\nconst ARROW_NAME = 'TooltipArrow';\n\ntype TooltipArrowElement = React.ElementRef<typeof PopperPrimitive.Arrow>;\ntype PopperArrowProps = Radix.ComponentPropsWithoutRef<typeof PopperPrimitive.Arrow>;\ninterface TooltipArrowProps extends PopperArrowProps {}\n\nconst TooltipArrow = React.forwardRef<TooltipArrowElement, TooltipArrowProps>(\n  (props: ScopedProps<TooltipArrowProps>, forwardedRef) => {\n    const { __scopeTooltip, ...arrowProps } = props;\n    const popperScope = usePopperScope(__scopeTooltip);\n    return <PopperPrimitive.Arrow {...popperScope} {...arrowProps} ref={forwardedRef} />;\n  }\n);\n\nTooltipArrow.displayName = ARROW_NAME;\n\n/* -----------------------------------------------------------------------------------------------*/\n\nconst Provider = TooltipProvider;\nconst Root = Tooltip;\nconst Trigger = TooltipTrigger;\nconst Content = TooltipContent;\nconst Arrow = TooltipArrow;\n\nexport {\n  createTooltipScope,\n  //\n  TooltipProvider,\n  Tooltip,\n  TooltipTrigger,\n  TooltipContent,\n  TooltipArrow,\n  //\n  Provider,\n  Root,\n  Trigger,\n  Content,\n  Arrow,\n};\nexport type { TooltipProps, TooltipTriggerProps, TooltipContentProps, TooltipArrowProps };\n"],"names":["createTooltipContext","createTooltipScope","createContextScope","createPopperScope","usePopperScope","DEFAULT_DELAY_DURATION","TooltipProviderContextProvider","useTooltipProviderContext","isOpenDelayed","delayDuration","onOpen","onClose","TooltipProvider","props","__scopeTooltip","skipDelayDuration","children","setIsOpenDelayed","React","useState","skipDelayTimerRef","useRef","useEffect","skipDelayTimer","current","window","clearTimeout","_react","createElement","$badf5d6f88b7e9fa4e0bb85d71c0396a$var$TooltipProviderContextProvider","scope","useCallback","setTimeout","TooltipContextProvider","useTooltipContext","Tooltip","open","openProp","defaultOpen","onOpenChange","delayDurationProp","context","popperScope","trigger","setTrigger","contentId","useId","openTimerRef","wasOpenDelayedRef","setOpen","useControllableState","prop","defaultProp","onChange","document","dispatchEvent","CustomEvent","stateAttribute","useMemo","handleOpen","handleDelayedOpen","_radixUiReactPopper","Root","$badf5d6f88b7e9fa4e0bb85d71c0396a$var$TooltipContextProvider","onTriggerChange","onTriggerEnter","TooltipTrigger","forwardRef","forwardedRef","triggerProps","composedTriggerRef","useComposedRefs","isMouseDownRef","handleMouseUp","removeEventListener","Anchor","_babelRuntimeHelpersEsmExtends","asChild","Primitive","button","undefined","ref","onMouseEnter","composeEventHandlers","onMouseLeave","onMouseDown","addEventListener","once","onFocus","onBlur","onClick","event","detail","TooltipContent","forceMount","contentProps","Presence","present","$badf5d6f88b7e9fa4e0bb85d71c0396a$var$TooltipContentImpl","TooltipContentImpl","ariaLabel","portalled","onEscapeKeyDown","onPointerDownOutside","PortalWrapper","Portal","Fragment","handleScroll","target","contains","capture","DismissableLayer","disableOutsidePointerEvents","onFocusOutside","preventDefault","onDismiss","Content","style","Slottable","_radixUiReactVisuallyHidden","id","role","TooltipArrow","arrowProps","Arrow","Provider","Trigger"],"version":3,"file":"index.module.js.map"}
+{"mappings":"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","sources":["packages/react/tooltip/src/index.ts","packages/react/tooltip/src/Tooltip.tsx"],"sourcesContent":["export * from './Tooltip';\n","import * as React from 'react';\nimport { composeEventHandlers } from '@radix-ui/primitive';\nimport { useComposedRefs } from '@radix-ui/react-compose-refs';\nimport { createContextScope } from '@radix-ui/react-context';\nimport { DismissableLayer } from '@radix-ui/react-dismissable-layer';\nimport { useId } from '@radix-ui/react-id';\nimport * as PopperPrimitive from '@radix-ui/react-popper';\nimport { createPopperScope } from '@radix-ui/react-popper';\nimport { Portal } from '@radix-ui/react-portal';\nimport { Presence } from '@radix-ui/react-presence';\nimport { Primitive } from '@radix-ui/react-primitive';\nimport { Slottable } from '@radix-ui/react-slot';\nimport { useControllableState } from '@radix-ui/react-use-controllable-state';\nimport * as VisuallyHiddenPrimitive from '@radix-ui/react-visually-hidden';\n\nimport type * as Radix from '@radix-ui/react-primitive';\nimport type { Scope } from '@radix-ui/react-context';\n\ntype ScopedProps<P = {}> = P & { __scopeTooltip?: Scope };\nconst [createTooltipContext, createTooltipScope] = createContextScope('Tooltip', [\n  createPopperScope,\n]);\nconst usePopperScope = createPopperScope();\n\n/* -------------------------------------------------------------------------------------------------\n * TooltipProvider\n * -----------------------------------------------------------------------------------------------*/\n\nconst PROVIDER_NAME = 'TooltipProvider';\nconst DEFAULT_DELAY_DURATION = 700;\nconst TOOLTIP_OPEN = 'tooltip.open';\n\ntype TooltipProviderContextValue = {\n  isOpenDelayed: boolean;\n  delayDuration: number;\n  onOpen(): void;\n  onClose(): void;\n};\n\nconst [TooltipProviderContextProvider, useTooltipProviderContext] =\n  createTooltipContext<TooltipProviderContextValue>(PROVIDER_NAME, {\n    isOpenDelayed: true,\n    delayDuration: DEFAULT_DELAY_DURATION,\n    onOpen: () => {},\n    onClose: () => {},\n  });\n\ninterface TooltipProviderProps {\n  children: React.ReactNode;\n  /**\n   * The duration from when the pointer enters the trigger until the tooltip gets opened.\n   * @defaultValue 700\n   */\n  delayDuration?: number;\n  /**\n   * How much time a user has to enter another trigger without incurring a delay again.\n   * @defaultValue 300\n   */\n  skipDelayDuration?: number;\n}\n\nconst TooltipProvider: React.FC<TooltipProviderProps> = (\n  props: ScopedProps<TooltipProviderProps>\n) => {\n  const {\n    __scopeTooltip,\n    delayDuration = DEFAULT_DELAY_DURATION,\n    skipDelayDuration = 300,\n    children,\n  } = props;\n  const [isOpenDelayed, setIsOpenDelayed] = React.useState(true);\n  const skipDelayTimerRef = React.useRef(0);\n\n  React.useEffect(() => {\n    const skipDelayTimer = skipDelayTimerRef.current;\n    return () => window.clearTimeout(skipDelayTimer);\n  }, []);\n\n  return (\n    <TooltipProviderContextProvider\n      scope={__scopeTooltip}\n      isOpenDelayed={isOpenDelayed}\n      delayDuration={delayDuration}\n      onOpen={React.useCallback(() => {\n        window.clearTimeout(skipDelayTimerRef.current);\n        setIsOpenDelayed(false);\n      }, [])}\n      onClose={React.useCallback(() => {\n        window.clearTimeout(skipDelayTimerRef.current);\n        skipDelayTimerRef.current = window.setTimeout(\n          () => setIsOpenDelayed(true),\n          skipDelayDuration\n        );\n      }, [skipDelayDuration])}\n    >\n      {children}\n    </TooltipProviderContextProvider>\n  );\n};\n\nTooltipProvider.displayName = PROVIDER_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * Tooltip\n * -----------------------------------------------------------------------------------------------*/\n\nconst TOOLTIP_NAME = 'Tooltip';\n\ntype TooltipContextValue = {\n  contentId: string;\n  open: boolean;\n  stateAttribute: 'closed' | 'delayed-open' | 'instant-open';\n  trigger: TooltipTriggerElement | null;\n  onTriggerChange(trigger: TooltipTriggerElement | null): void;\n  onTriggerEnter(): void;\n  onOpen(): void;\n  onClose(): void;\n};\n\nconst [TooltipContextProvider, useTooltipContext] =\n  createTooltipContext<TooltipContextValue>(TOOLTIP_NAME);\n\ninterface TooltipProps {\n  children?: React.ReactNode;\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n\n  /**\n   * The duration from when the pointer enters the trigger until the tooltip gets opened. This will\n   * override the prop with the same name passed to Provider.\n   * @defaultValue 700\n   */\n  delayDuration?: number;\n}\n\nconst Tooltip: React.FC<TooltipProps> = (props: ScopedProps<TooltipProps>) => {\n  const {\n    __scopeTooltip,\n    children,\n    open: openProp,\n    defaultOpen = false,\n    onOpenChange,\n    delayDuration: delayDurationProp,\n  } = props;\n  const context = useTooltipProviderContext(TOOLTIP_NAME, __scopeTooltip);\n  const popperScope = usePopperScope(__scopeTooltip);\n  const [trigger, setTrigger] = React.useState<HTMLButtonElement | null>(null);\n  const contentId = useId();\n  const openTimerRef = React.useRef(0);\n  const delayDuration = delayDurationProp ?? context.delayDuration;\n  const wasOpenDelayedRef = React.useRef(false);\n  const { onOpen, onClose } = context;\n  const [open = false, setOpen] = useControllableState({\n    prop: openProp,\n    defaultProp: defaultOpen,\n    onChange: (open) => {\n      if (open) {\n        // we dispatch here so `TooltipProvider` isn't required to\n        // ensure other tooltips are aware of this one opening.\n        //\n        // as `onChange` is called within a lifecycle method we\n        // avoid dispatching via `dispatchDiscreteCustomEvent`.\n        document.dispatchEvent(new CustomEvent(TOOLTIP_OPEN));\n        onOpen();\n      }\n      onOpenChange?.(open);\n    },\n  });\n  const stateAttribute = React.useMemo(() => {\n    return open ? (wasOpenDelayedRef.current ? 'delayed-open' : 'instant-open') : 'closed';\n  }, [open]);\n\n  const handleOpen = React.useCallback(() => {\n    window.clearTimeout(openTimerRef.current);\n    wasOpenDelayedRef.current = false;\n    setOpen(true);\n  }, [setOpen]);\n\n  const handleDelayedOpen = React.useCallback(() => {\n    window.clearTimeout(openTimerRef.current);\n    openTimerRef.current = window.setTimeout(() => {\n      wasOpenDelayedRef.current = true;\n      setOpen(true);\n    }, delayDuration);\n  }, [delayDuration, setOpen]);\n\n  React.useEffect(() => {\n    return () => window.clearTimeout(openTimerRef.current);\n  }, []);\n\n  return (\n    <PopperPrimitive.Root {...popperScope}>\n      <TooltipContextProvider\n        scope={__scopeTooltip}\n        contentId={contentId}\n        open={open}\n        stateAttribute={stateAttribute}\n        trigger={trigger}\n        onTriggerChange={setTrigger}\n        onTriggerEnter={React.useCallback(() => {\n          if (context.isOpenDelayed) handleDelayedOpen();\n          else handleOpen();\n        }, [context.isOpenDelayed, handleDelayedOpen, handleOpen])}\n        onOpen={React.useCallback(handleOpen, [handleOpen])}\n        onClose={React.useCallback(() => {\n          window.clearTimeout(openTimerRef.current);\n          setOpen(false);\n          onClose();\n        }, [setOpen, onClose])}\n      >\n        {children}\n      </TooltipContextProvider>\n    </PopperPrimitive.Root>\n  );\n};\n\nTooltip.displayName = TOOLTIP_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * TooltipTrigger\n * -----------------------------------------------------------------------------------------------*/\n\nconst TRIGGER_NAME = 'TooltipTrigger';\n\ntype TooltipTriggerElement = React.ElementRef<typeof Primitive.button>;\ntype PrimitiveButtonProps = Radix.ComponentPropsWithoutRef<typeof Primitive.button>;\ninterface TooltipTriggerProps extends PrimitiveButtonProps {}\n\nconst TooltipTrigger = React.forwardRef<TooltipTriggerElement, TooltipTriggerProps>(\n  (props: ScopedProps<TooltipTriggerProps>, forwardedRef) => {\n    const { __scopeTooltip, ...triggerProps } = props;\n    const context = useTooltipContext(TRIGGER_NAME, __scopeTooltip);\n    const popperScope = usePopperScope(__scopeTooltip);\n    const composedTriggerRef = useComposedRefs(forwardedRef, context.onTriggerChange);\n    const isPointerDownRef = React.useRef(false);\n    const handlePointerUp = React.useCallback(() => (isPointerDownRef.current = false), []);\n\n    React.useEffect(() => {\n      return () => document.removeEventListener('pointerup', handlePointerUp);\n    }, [handlePointerUp]);\n\n    return (\n      <PopperPrimitive.Anchor asChild {...popperScope}>\n        <Primitive.button\n          // We purposefully avoid adding `type=button` here because tooltip triggers are also\n          // commonly anchors and the anchor `type` attribute signifies MIME type.\n          aria-describedby={context.open ? context.contentId : undefined}\n          data-state={context.stateAttribute}\n          {...triggerProps}\n          ref={composedTriggerRef}\n          onPointerEnter={composeEventHandlers(props.onPointerEnter, (event) => {\n            if (event.pointerType !== 'touch') context.onTriggerEnter();\n          })}\n          onPointerLeave={composeEventHandlers(props.onPointerLeave, context.onClose)}\n          onPointerDown={composeEventHandlers(props.onPointerDown, () => {\n            isPointerDownRef.current = true;\n            document.addEventListener('pointerup', handlePointerUp, { once: true });\n          })}\n          onFocus={composeEventHandlers(props.onFocus, () => {\n            if (!isPointerDownRef.current) context.onOpen();\n          })}\n          onBlur={composeEventHandlers(props.onBlur, context.onClose)}\n          onClick={composeEventHandlers(props.onClick, (event) => {\n            // keyboard click will occur under different conditions for different node\n            // types so we use `onClick` instead of `onKeyDown` to respect that\n            const isKeyboardClick = event.detail === 0;\n            if (isKeyboardClick) context.onClose();\n          })}\n        />\n      </PopperPrimitive.Anchor>\n    );\n  }\n);\n\nTooltipTrigger.displayName = TRIGGER_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * TooltipContent\n * -----------------------------------------------------------------------------------------------*/\n\nconst CONTENT_NAME = 'TooltipContent';\n\ntype TooltipContentElement = TooltipContentImplElement;\ninterface TooltipContentProps extends TooltipContentImplProps {\n  /**\n   * Used to force mounting when more control is needed. Useful when\n   * controlling animation with React animation libraries.\n   */\n  forceMount?: true;\n}\n\nconst TooltipContent = React.forwardRef<TooltipContentElement, TooltipContentProps>(\n  (props: ScopedProps<TooltipContentProps>, forwardedRef) => {\n    const { forceMount, ...contentProps } = props;\n    const context = useTooltipContext(CONTENT_NAME, props.__scopeTooltip);\n    return (\n      <Presence present={forceMount || context.open}>\n        <TooltipContentImpl ref={forwardedRef} {...contentProps} />\n      </Presence>\n    );\n  }\n);\n\ntype TooltipContentImplElement = React.ElementRef<typeof PopperPrimitive.Content>;\ntype DismissableLayerProps = Radix.ComponentPropsWithoutRef<typeof DismissableLayer>;\ntype PopperContentProps = Radix.ComponentPropsWithoutRef<typeof PopperPrimitive.Content>;\ninterface TooltipContentImplProps extends PopperContentProps {\n  /**\n   * A more descriptive label for accessibility purpose\n   */\n  'aria-label'?: string;\n\n  /**\n   * Event handler called when the escape key is down.\n   * Can be prevented.\n   */\n  onEscapeKeyDown?: DismissableLayerProps['onEscapeKeyDown'];\n  /**\n   * Event handler called when the a `pointerdown` event happens outside of the `Tooltip`.\n   * Can be prevented.\n   */\n  onPointerDownOutside?: DismissableLayerProps['onPointerDownOutside'];\n\n  /**\n   * Whether the Tooltip should render in a Portal\n   * (default: `true`)\n   */\n  portalled?: boolean;\n}\n\nconst TooltipContentImpl = React.forwardRef<TooltipContentImplElement, TooltipContentImplProps>(\n  (props: ScopedProps<TooltipContentImplProps>, forwardedRef) => {\n    const {\n      __scopeTooltip,\n      children,\n      'aria-label': ariaLabel,\n      portalled = true,\n      onEscapeKeyDown,\n      onPointerDownOutside,\n      ...contentProps\n    } = props;\n    const context = useTooltipContext(CONTENT_NAME, __scopeTooltip);\n    const popperScope = usePopperScope(__scopeTooltip);\n    const PortalWrapper = portalled ? Portal : React.Fragment;\n    const { onClose } = context;\n\n    // Close this tooltip if another one opens\n    React.useEffect(() => {\n      document.addEventListener(TOOLTIP_OPEN, onClose);\n      return () => document.removeEventListener(TOOLTIP_OPEN, onClose);\n    }, [onClose]);\n\n    // Close the tooltip if the trigger is scrolled\n    React.useEffect(() => {\n      if (context.trigger) {\n        const handleScroll = (event: Event) => {\n          const target = event.target as HTMLElement;\n          if (target?.contains(context.trigger)) onClose();\n        };\n        window.addEventListener('scroll', handleScroll, { capture: true });\n        return () => window.removeEventListener('scroll', handleScroll, { capture: true });\n      }\n    }, [context.trigger, onClose]);\n\n    return (\n      <PortalWrapper>\n        <DismissableLayer\n          asChild\n          disableOutsidePointerEvents={false}\n          onEscapeKeyDown={onEscapeKeyDown}\n          onPointerDownOutside={onPointerDownOutside}\n          onFocusOutside={(event) => event.preventDefault()}\n          onDismiss={onClose}\n        >\n          <PopperPrimitive.Content\n            data-state={context.stateAttribute}\n            {...popperScope}\n            {...contentProps}\n            ref={forwardedRef}\n            style={{\n              ...contentProps.style,\n              // re-namespace exposed content custom property\n              ['--radix-tooltip-content-transform-origin' as any]:\n                'var(--radix-popper-transform-origin)',\n            }}\n          >\n            <Slottable>{children}</Slottable>\n            <VisuallyHiddenPrimitive.Root id={context.contentId} role=\"tooltip\">\n              {ariaLabel || children}\n            </VisuallyHiddenPrimitive.Root>\n          </PopperPrimitive.Content>\n        </DismissableLayer>\n      </PortalWrapper>\n    );\n  }\n);\n\nTooltipContent.displayName = CONTENT_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * TooltipArrow\n * -----------------------------------------------------------------------------------------------*/\n\nconst ARROW_NAME = 'TooltipArrow';\n\ntype TooltipArrowElement = React.ElementRef<typeof PopperPrimitive.Arrow>;\ntype PopperArrowProps = Radix.ComponentPropsWithoutRef<typeof PopperPrimitive.Arrow>;\ninterface TooltipArrowProps extends PopperArrowProps {}\n\nconst TooltipArrow = React.forwardRef<TooltipArrowElement, TooltipArrowProps>(\n  (props: ScopedProps<TooltipArrowProps>, forwardedRef) => {\n    const { __scopeTooltip, ...arrowProps } = props;\n    const popperScope = usePopperScope(__scopeTooltip);\n    return <PopperPrimitive.Arrow {...popperScope} {...arrowProps} ref={forwardedRef} />;\n  }\n);\n\nTooltipArrow.displayName = ARROW_NAME;\n\n/* -----------------------------------------------------------------------------------------------*/\n\nconst Provider = TooltipProvider;\nconst Root = Tooltip;\nconst Trigger = TooltipTrigger;\nconst Content = TooltipContent;\nconst Arrow = TooltipArrow;\n\nexport {\n  createTooltipScope,\n  //\n  TooltipProvider,\n  Tooltip,\n  TooltipTrigger,\n  TooltipContent,\n  TooltipArrow,\n  //\n  Provider,\n  Root,\n  Trigger,\n  Content,\n  Arrow,\n};\nexport type { TooltipProps, TooltipTriggerProps, TooltipContentProps, TooltipArrowProps };\n"],"names":["React","composeEventHandlers","useComposedRefs","createContextScope","DismissableLayer","useId","PopperPrimitive","createPopperScope","Portal","Presence","Primitive","Slottable","useControllableState","VisuallyHiddenPrimitive","createTooltipContext","createTooltipScope","usePopperScope","PROVIDER_NAME","DEFAULT_DELAY_DURATION","TOOLTIP_OPEN","TooltipProviderContextProvider","useTooltipProviderContext","isOpenDelayed","delayDuration","onOpen","onClose","TooltipProvider","props","__scopeTooltip","skipDelayDuration","children","setIsOpenDelayed","useState","skipDelayTimerRef","useRef","useEffect","skipDelayTimer","current","window","clearTimeout","useCallback","setTimeout","TOOLTIP_NAME","TooltipContextProvider","useTooltipContext","Tooltip","open","openProp","defaultOpen","onOpenChange","delayDurationProp","context","popperScope","trigger","setTrigger","contentId","openTimerRef","wasOpenDelayedRef","setOpen","prop","defaultProp","onChange","document","dispatchEvent","CustomEvent","stateAttribute","useMemo","handleOpen","handleDelayedOpen","TRIGGER_NAME","TooltipTrigger","forwardRef","forwardedRef","triggerProps","composedTriggerRef","onTriggerChange","isPointerDownRef","handlePointerUp","removeEventListener","undefined","onPointerEnter","event","pointerType","onTriggerEnter","onPointerLeave","onPointerDown","addEventListener","once","onFocus","onBlur","onClick","isKeyboardClick","detail","CONTENT_NAME","TooltipContent","forceMount","contentProps","TooltipContentImpl","ariaLabel","portalled","onEscapeKeyDown","onPointerDownOutside","PortalWrapper","Fragment","handleScroll","target","contains","capture","preventDefault","style","ARROW_NAME","TooltipArrow","arrowProps","Provider","Root","Trigger","Content","Arrow"],"version":3,"file":"index.module.js.map"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@radix-ui/react-tooltip",
-  "version": "0.1.8-rc.3",
+  "version": "0.1.8-rc.30",
   "license": "MIT",
   "source": "src/index.ts",
   "main": "dist/index.js",
@@ -18,21 +18,21 @@
   "dependencies": {
     "@babel/runtime": "^7.13.10",
     "@radix-ui/primitive": "0.1.0",
-    "@radix-ui/react-compose-refs": "0.1.0",
-    "@radix-ui/react-context": "0.1.1",
-    "@radix-ui/react-dismissable-layer": "0.1.5",
-    "@radix-ui/react-id": "0.1.5",
-    "@radix-ui/react-popper": "0.1.4",
-    "@radix-ui/react-portal": "0.1.4",
-    "@radix-ui/react-presence": "0.1.2",
-    "@radix-ui/react-primitive": "0.1.4",
-    "@radix-ui/react-slot": "0.1.2",
-    "@radix-ui/react-use-controllable-state": "0.1.0",
-    "@radix-ui/react-visually-hidden": "0.1.4"
+    "@radix-ui/react-compose-refs": "0.1.1-rc.25",
+    "@radix-ui/react-context": "0.1.2-rc.25",
+    "@radix-ui/react-dismissable-layer": "0.1.6-rc.25",
+    "@radix-ui/react-id": "0.1.6-rc.25",
+    "@radix-ui/react-popper": "0.1.5-rc.25",
+    "@radix-ui/react-portal": "0.1.5-rc.25",
+    "@radix-ui/react-presence": "0.1.3-rc.25",
+    "@radix-ui/react-primitive": "0.1.5-rc.25",
+    "@radix-ui/react-slot": "0.1.3-rc.25",
+    "@radix-ui/react-use-controllable-state": "0.1.1-rc.25",
+    "@radix-ui/react-visually-hidden": "0.1.5-rc.25"
   },
   "peerDependencies": {
-    "react": "^16.8 || ^17.0",
-    "react-dom": "^16.8 || ^17.0"
+    "react": "^16.8 || ^17.0 || ^18.0",
+    "react-dom": "^16.8 || ^17.0 || ^18.0"
   },
   "homepage": "https://radix-ui.com/primitives",
   "repository": {