npm - @radix-ui/react-tooltip - Versions diffs - 0.1.3 → 0.1.5 - Mend

@radix-ui/react-tooltip 0.1.3 → 0.1.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (6) hide show

package/dist/index.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"mappings":"A;A;A;A;AAqBA,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,~~CAsEnC~~,CAAC;AAWF,4BAA4B,MAAM,wBAAwB,CAAC,OAAO,UAAU,MAAM,CAAC,CAAC;AACpF,oCAA8B,SAAQ,oBAAoB;CAAG;AAE7D,OAAA,MAAM,~~6GA2BL~~,CAAC;AAWF,oCAA8B,SAAQ,uBAAuB;IAC3D;A;A;OAGG;IACH,UAAU,CAAC,EAAE,IAAI,CAAC;CACnB;AAED,OAAA,MAAM,0GAUL,CAAC;AAGF,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,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AA0DD,wBAAwB,MAAM,wBAAwB,CAAC,OAAO,gBAAgB,KAAK,CAAC,CAAC;AACrF,kCAA4B,SAAQ,gBAAgB;CAAG;AAEvD,OAAA,MAAM,qGAML,CAAC;AA+BF,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"}
1	+ {"mappings":"A;A;A;A;AAqBA,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,6GAwCL,CAAC;AAWF,oCAA8B,SAAQ,uBAAuB;IAC3D;A;A;OAGG;IACH,UAAU,CAAC,EAAE,IAAI,CAAC;CACnB;AAED,OAAA,MAAM,0GAUL,CAAC;AAGF,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,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AA0DD,wBAAwB,MAAM,wBAAwB,CAAC,OAAO,gBAAgB,KAAK,CAAC,CAAC;AACrF,kCAA4B,SAAQ,gBAAgB;CAAG;AAEvD,OAAA,MAAM,qGAML,CAAC;AA+BF,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"}

package/dist/index.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e,o=require("@radix-ui/react-id").useId,t=v({},require("@radix-ui/react-visually-hidden")),r=require("@radix-ui/react-slot").Slottable,n=require("@radix-ui/react-portal").Portal,i=require("@radix-ui/react-popper"),l=v({},i),u=i.createPopperScope,a=require("@radix-ui/react-primitive").Primitive,s=require("@radix-ui/react-presence").Presence,c=require("@radix-ui/react-use-rect").useRect,p=require("@radix-ui/react-use-previous").usePrevious,d=require("@radix-ui/react-use-escape-keydown").useEscapeKeydown,T=require("@radix-ui/react-use-controllable-state").useControllableState,f=require("@radix-ui/react-context").createContextScope,m=require("@radix-ui/react-compose-refs").useComposedRefs,C=require("@radix-ui/primitive").composeEventHandlers,x=v({},require("react")),w=(e=require("@babel/runtime/helpers/extends"))&&e.__esModule?e.default:e;function v(e,o){return Object.keys(o).forEach((function(t){"default"!==t&&"__esModule"!==t&&Object.defineProperty(e,t,{enumerable:!0,get:function(){return o[t]}})})),e}const[g,E]=f("Tooltip",[u]);exports.createTooltipScope=E;const b=u(),_=700,[y,q]=g("TooltipProvider",{isOpenDelayed:!0,delayDuration:_,onTooltipOpen:()=>{},onTooltipClose:()=>{}}),h=e=>{const{__scopeTooltip:o,delayDuration:t=_,skipDelayDuration:r=300,children:n}=e,[i,l]=x.useState(!0),u=x.useRef(0);return x.useEffect((()=>{const e=u.current;return()=>window.clearTimeout(e)}),[]),/*#__PURE__*/x.createElement(y,{scope:o,isOpenDelayed:i,delayDuration:t,onTooltipOpen:x.useCallback((()=>{window.clearTimeout(u.current),l(!1)}),[]),onTooltipClose:x.useCallback((()=>{window.clearTimeout(u.current),u.current=window.setTimeout((()=>l(!0)),r)}),[r])},n)};exports.TooltipProvider=h;const[O,D]=g("Tooltip"),R=e=>{const{__scopeTooltip:t,children:r,open:n,defaultOpen:i=!1,onOpenChange:u,delayDuration:a}=e,s=q("Tooltip",t),c=b(t),[d,f]=x.useState(null),m=o(),C=x.useRef(0),w=x.useRef(!1),v=null!=a?a:s.delayDuration,g=!w.current&&s.isOpenDelayed?v:0,E=p(Boolean(g)),{onTooltipOpen:_,onTooltipClose:y}=s,[h=!1,D]=T({prop:n,defaultProp:i,onChange:e=>{e?(document.dispatchEvent(new CustomEvent("tooltip.open")),_()):(w.current=!1,y()),null==u||u(e)}}),R=x.useMemo((()=>h?E?"delayed-open":"instant-open":"closed"),[E,h]);return x.useEffect((()=>()=>window.clearTimeout(C.current)),[]),/*#__PURE__*/x.createElement(l.Root,c,/*#__PURE__*/x.createElement(O,{scope:t,contentId:m,open:h,stateAttribute:R,trigger:d,onTriggerChange:f,onFocus:x.useCallback((()=>{w.current=!0,D(!0)}),[D]),onOpen:x.useCallback((()=>{window.clearTimeout(C.current),C.current=window.setTimeout((()=>D(!0)),g)}),[g,D]),onClose:x.useCallback((()=>{window.clearTimeout(C.current),D(!1)}),[D])},r))};exports.Tooltip=R;const k=/*#__PURE__*/x.forwardRef(((e,o)=>{const{__scopeTooltip:t,...r}=e,n=D("TooltipTrigger",t),i=b(t),u=m(o,n.onTriggerChange);/*#__PURE__*/return x.createElement(l.Anchor,w({asChild:!0},i),/*#__PURE__*/x.createElement(a.button,w({"aria-describedby":n.open?n.contentId:void 0,"data-state":n.stateAttribute},r,{ref:u,onMouseOver:C(e.onMouseOver,n.onOpen),onMouseLeave:C(e.onMouseLeave,n.onClose),onMouseDown:C(e.onMouseDown,n.onClose),onFocus:C(e.onFocus,n.onFocus),onBlur:C(e.onBlur,n.onClose),onClick:C(e.onClick,n.onClose)})))}));exports.TooltipTrigger=k;const M=/*#__PURE__*/x.forwardRef(((e,o)=>{const{forceMount:t,...r}=e,n=D("TooltipContent",e.__scopeTooltip);/*#__PURE__*/return x.createElement(s,{present:t||n.open},/*#__PURE__*/x.createElement(P,w({ref:o},r)))}));exports.TooltipContent=M;const P=/*#__PURE__*/x.forwardRef(((e,o)=>{const{__scopeTooltip:i,children:u,"aria-label":a,portalled:s=!0,...c}=e,p=D("TooltipContent",i),T=b(i),f=s?n:x.Fragment,{onClose:m}=p;return d((()=>m())),x.useEffect((()=>(document.addEventListener("tooltip.open",m),()=>document.removeEventListener("tooltip.open",m))),[m]),/*#__PURE__*/x.createElement(f,null,/*#__PURE__*/x.createElement(S,{__scopeTooltip:i}),/*#__PURE__*/x.createElement(l.Content,w({"data-state":p.stateAttribute},T,c,{ref:o,style:{...c.style,"--radix-tooltip-content-transform-origin":"var(--radix-popper-transform-origin)"}}),/*#__PURE__*/x.createElement(r,null,u),/*#__PURE__*/x.createElement(t.Root,{id:p.contentId,role:"tooltip"},a||u)))})),A=/*#__PURE__*/x.forwardRef(((e,o)=>{const{__scopeTooltip:t,...r}=e,n=b(t);/*#__PURE__*/return x.createElement(l.Arrow,w({},n,r,{ref:o}))}));/*#__PURE__*/function S(e){const{__scopeTooltip:o}=e,t=D("CheckTriggerMoved",o),r=c(t.trigger),n=null==r?void 0:r.left,i=p(n),l=null==r?void 0:r.top,u=p(l),a=t.onClose;return x.useEffect((()=>{(void 0!==i&&i!==n||void 0!==u&&u!==l)&&a()}),[a,i,u,n,l]),null}exports.TooltipArrow=A;const F=h;exports.Provider=F;const I=R;exports.Root=I;const L=k;exports.Trigger=L;const B=M;exports.Content=B;const j=A;exports.Arrow=j;
+var e,o=require("@radix-ui/react-id").useId,t=x({},require("@radix-ui/react-visually-hidden")),r=require("@radix-ui/react-slot").Slottable,n=require("@radix-ui/react-portal").Portal,i=require("@radix-ui/react-popper"),u=x({},i),a=i.createPopperScope,l=require("@radix-ui/react-primitive").Primitive,c=require("@radix-ui/react-presence").Presence,s=require("@radix-ui/react-use-rect").useRect,p=require("@radix-ui/react-use-previous").usePrevious,d=require("@radix-ui/react-use-escape-keydown").useEscapeKeydown,m=require("@radix-ui/react-use-controllable-state").useControllableState,f=require("@radix-ui/react-context").createContextScope,T=require("@radix-ui/react-compose-refs").useComposedRefs,C=require("@radix-ui/primitive").composeEventHandlers,E=x({},require("react")),w=(e=require("@babel/runtime/helpers/extends"))&&e.__esModule?e.default:e;function x(e,o){return Object.keys(o).forEach((function(t){"default"!==t&&"__esModule"!==t&&Object.defineProperty(e,t,{enumerable:!0,get:function(){return o[t]}})})),e}const[g,v]=f("Tooltip",[a]);exports.createTooltipScope=v;const b=a(),_=700,[y,q]=g("TooltipProvider",{isOpenDelayed:!0,delayDuration:_,onOpen:()=>{},onClose:()=>{}}),h=e=>{const{__scopeTooltip:o,delayDuration:t=_,skipDelayDuration:r=300,children:n}=e,[i,u]=E.useState(!0),a=E.useRef(0);return E.useEffect((()=>{const e=a.current;return()=>window.clearTimeout(e)}),[]),/*#__PURE__*/E.createElement(y,{scope:o,isOpenDelayed:i,delayDuration:t,onOpen:E.useCallback((()=>{window.clearTimeout(a.current),u(!1)}),[]),onClose:E.useCallback((()=>{window.clearTimeout(a.current),a.current=window.setTimeout((()=>u(!0)),r)}),[r])},n)};exports.TooltipProvider=h;const[k,D]=g("Tooltip"),O=e=>{const{__scopeTooltip:t,children:r,open:n,defaultOpen:i=!1,onOpenChange:a,delayDuration:l}=e,c=q("Tooltip",t),s=b(t),[p,d]=E.useState(null),f=o(),T=E.useRef(0),C=null!=l?l:c.delayDuration,w=E.useRef(!1),{onOpen:x,onClose:g}=c,[v=!1,_]=m({prop:n,defaultProp:i,onChange:e=>{e&&(document.dispatchEvent(new CustomEvent("tooltip.open")),x()),null==a||a(e)}}),y=E.useMemo((()=>v?w.current?"delayed-open":"instant-open":"closed"),[v]),h=E.useCallback((()=>{window.clearTimeout(T.current),w.current=!1,_(!0)}),[_]),D=E.useCallback((()=>{window.clearTimeout(T.current),T.current=window.setTimeout((()=>{w.current=!0,_(!0)}),C)}),[C,_]);return E.useEffect((()=>()=>window.clearTimeout(T.current)),[]),/*#__PURE__*/E.createElement(u.Root,s,/*#__PURE__*/E.createElement(k,{scope:t,contentId:f,open:v,stateAttribute:y,trigger:p,onTriggerChange:d,onTriggerEnter:E.useCallback((()=>{c.isOpenDelayed?D():h()}),[c.isOpenDelayed,D,h]),onOpen:E.useCallback(h,[h]),onClose:E.useCallback((()=>{window.clearTimeout(T.current),_(!1),g()}),[_,g])},r))};exports.Tooltip=O;const R=/*#__PURE__*/E.forwardRef(((e,o)=>{const{__scopeTooltip:t,...r}=e,n=D("TooltipTrigger",t),i=b(t),a=T(o,n.onTriggerChange),c=E.useRef(!1),s=E.useCallback((()=>c.current=!1),[]);return E.useEffect((()=>()=>document.removeEventListener("mouseup",s)),[s]),/*#__PURE__*/E.createElement(u.Anchor,w({asChild:!0},i),/*#__PURE__*/E.createElement(l.button,w({"aria-describedby":n.open?n.contentId:void 0,"data-state":n.stateAttribute},r,{ref:a,onMouseEnter:C(e.onMouseEnter,n.onTriggerEnter),onMouseLeave:C(e.onMouseLeave,n.onClose),onMouseDown:C(e.onMouseDown,(()=>{n.onClose(),c.current=!0,document.addEventListener("mouseup",s,{once:!0})})),onFocus:C(e.onFocus,(()=>{c.current||n.onOpen()})),onBlur:C(e.onBlur,n.onClose),onClick:C(e.onClick,n.onClose)})))}));exports.TooltipTrigger=R;const M=/*#__PURE__*/E.forwardRef(((e,o)=>{const{forceMount:t,...r}=e,n=D("TooltipContent",e.__scopeTooltip);/*#__PURE__*/return E.createElement(c,{present:t||n.open},/*#__PURE__*/E.createElement(P,w({ref:o},r)))}));exports.TooltipContent=M;const P=/*#__PURE__*/E.forwardRef(((e,o)=>{const{__scopeTooltip:i,children:a,"aria-label":l,portalled:c=!0,...s}=e,p=D("TooltipContent",i),m=b(i),f=c?n:E.Fragment,{onClose:T}=p;return d((()=>T())),E.useEffect((()=>(document.addEventListener("tooltip.open",T),()=>document.removeEventListener("tooltip.open",T))),[T]),/*#__PURE__*/E.createElement(f,null,/*#__PURE__*/E.createElement(S,{__scopeTooltip:i}),/*#__PURE__*/E.createElement(u.Content,w({"data-state":p.stateAttribute},m,s,{ref:o,style:{...s.style,"--radix-tooltip-content-transform-origin":"var(--radix-popper-transform-origin)"}}),/*#__PURE__*/E.createElement(r,null,a),/*#__PURE__*/E.createElement(t.Root,{id:p.contentId,role:"tooltip"},l||a)))})),A=/*#__PURE__*/E.forwardRef(((e,o)=>{const{__scopeTooltip:t,...r}=e,n=b(t);/*#__PURE__*/return E.createElement(u.Arrow,w({},n,r,{ref:o}))}));/*#__PURE__*/function S(e){const{__scopeTooltip:o}=e,t=D("CheckTriggerMoved",o),r=s(t.trigger),n=null==r?void 0:r.left,i=p(n),u=null==r?void 0:r.top,a=p(u),l=t.onClose;return E.useEffect((()=>{(void 0!==i&&i!==n||void 0!==a&&a!==u)&&l()}),[l,i,a,n,u]),null}exports.TooltipArrow=A;const L=h;exports.Provider=L;const I=O;exports.Root=I;const F=R;exports.Trigger=F;const j=M;exports.Content=j;const B=A;exports.Arrow=B;
 //# sourceMappingURL=index.js.map

package/dist/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"mappings":"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","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 { useControllableState } from '@radix-ui/react-use-controllable-state';\nimport { useEscapeKeydown } from '@radix-ui/react-use-escape-keydown';\nimport { usePrevious } from '@radix-ui/react-use-previous';\nimport { useRect } from '@radix-ui/react-use-rect';\nimport { Presence } from '@radix-ui/react-presence';\nimport { Primitive } from '@radix-ui/react-primitive';\nimport * as PopperPrimitive from '@radix-ui/react-popper';\nimport { createPopperScope } from '@radix-ui/react-popper';\nimport { Portal } from '@radix-ui/react-portal';\nimport { Slottable } from '@radix-ui/react-slot';\nimport * as VisuallyHiddenPrimitive from '@radix-ui/react-visually-hidden';\nimport { useId } from '@radix-ui/react-id';\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 onTooltipOpen(): void;\n onTooltipClose(): void;\n};\n\nconst [TooltipProviderContextProvider, useTooltipProviderContext] =\n createTooltipContext<TooltipProviderContextValue>(PROVIDER_NAME, {\n isOpenDelayed: true,\n delayDuration: DEFAULT_DELAY_DURATION,\n onTooltipOpen: () => {},\n onTooltipClose: () => {},\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 onTooltipOpen={React.useCallback(() => {\n window.clearTimeout(skipDelayTimerRef.current);\n setIsOpenDelayed(false);\n }, [])}\n onTooltipClose={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 onFocus(): 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 isFocusOpenRef = React.useRef(false);\n const delayDuration = delayDurationProp ?? context.delayDuration;\n const openDelay = !isFocusOpenRef.current && context.isOpenDelayed ? delayDuration : 0;\n const wasOpenDelayed = usePrevious(Boolean(openDelay));\n const { onTooltipOpen, onTooltipClose } = 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 onTooltipOpen();\n } else {\n isFocusOpenRef.current = false;\n onTooltipClose();\n }\n onOpenChange?.(open);\n },\n });\n\n const stateAttribute = React.useMemo(() => {\n return open ? (wasOpenDelayed ? 'delayed-open' : 'instant-open') : 'closed';\n }, [wasOpenDelayed, open]);\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 onFocus={React.useCallback(() => {\n isFocusOpenRef.current = true;\n setOpen(true);\n }, [setOpen])}\n onOpen={React.useCallback(() => {\n window.clearTimeout(openTimerRef.current);\n openTimerRef.current = window.setTimeout(() => setOpen(true), openDelay);\n }, [openDelay, setOpen])}\n onClose={React.useCallback(() => {\n window.clearTimeout(openTimerRef.current);\n setOpen(false);\n }, [setOpen])}\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 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 onMouseOver={composeEventHandlers(props.onMouseOver, context.onOpen)}\n onMouseLeave={composeEventHandlers(props.onMouseLeave, context.onClose)}\n onMouseDown={composeEventHandlers(props.onMouseDown, context.onClose)}\n onFocus={composeEventHandlers(props.onFocus, context.onFocus)}\n onBlur={composeEventHandlers(props.onBlur, context.onClose)}\n // Handle anything that the browser considers a click for the element type if\n // not using pointer e.g. Space keyup and Enter keydown\n onClick={composeEventHandlers(props.onClick, context.onClose)}\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 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 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 ...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 useEscapeKeydown(() => onClose());\n\n React.useEffect(() => {\n // Close this tooltip if another one opens\n document.addEventListener(TOOLTIP_OPEN, onClose);\n return () => document.removeEventListener(TOOLTIP_OPEN, onClose);\n }, [onClose]);\n\n return (\n <PortalWrapper>\n <CheckTriggerMoved __scopeTooltip={__scopeTooltip} />\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 </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\nfunction CheckTriggerMoved(props: ScopedProps<{}>) {\n const { __scopeTooltip } = props;\n const context = useTooltipContext('CheckTriggerMoved', __scopeTooltip);\n\n const triggerRect = useRect(context.trigger);\n const triggerLeft = triggerRect?.left;\n const previousTriggerLeft = usePrevious(triggerLeft);\n const triggerTop = triggerRect?.top;\n const previousTriggerTop = usePrevious(triggerTop);\n const handleClose = context.onClose;\n\n React.useEffect(() => {\n // checking if the user has scrolled…\n const hasTriggerMoved =\n (previousTriggerLeft !== undefined && previousTriggerLeft !== triggerLeft) \|\|\n (previousTriggerTop !== undefined && previousTriggerTop !== triggerTop);\n\n if (hasTriggerMoved) {\n handleClose();\n }\n }, [handleClose, previousTriggerLeft, previousTriggerTop, triggerLeft, triggerTop]);\n\n return null;\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","onTooltipOpen","onTooltipClose","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","isFocusOpenRef","openDelay","wasOpenDelayed","usePrevious","Boolean","setOpen","useControllableState","prop","defaultProp","onChange","document","dispatchEvent","CustomEvent","stateAttribute","useMemo","_radixUiReactPopper","Root","$bfd2ef98f93cfd0786881e49eeb6a4$var$TooltipContextProvider","onTriggerChange","onFocus","onOpen","onClose","TooltipTrigger","forwardRef","forwardedRef","triggerProps","composedTriggerRef","useComposedRefs","Anchor","_babelRuntimeHelpersExtends","asChild","Primitive","button","undefined","ref","onMouseOver","composeEventHandlers","onMouseLeave","onMouseDown","onBlur","onClick","TooltipContent","forceMount","contentProps","Presence","present","$bfd2ef98f93cfd0786881e49eeb6a4$var$TooltipContentImpl","TooltipContentImpl","ariaLabel","portalled","PortalWrapper","Portal","Fragment","useEscapeKeydown","addEventListener","removeEventListener","$bfd2ef98f93cfd0786881e49eeb6a4$var$CheckTriggerMoved","Content","style","Slottable","_radixUiReactVisuallyHidden","id","role","TooltipArrow","arrowProps","Arrow","CheckTriggerMoved","triggerRect","useRect","triggerLeft","left","previousTriggerLeft","triggerTop","top","previousTriggerTop","handleClose","Provider","Trigger"],"version":3,"file":"index.js.map"}
1	+ {"mappings":"IAAgCA,wwBAAAA,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,ECLT,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,KACnD5C,EAAQ9B,UACR6D,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,SAGnD+E,QAASP,EAAqBtE,EAAM6E,QAASjD,EAAQ9B,yCAa/D,MAWMgF,eAAiBzE,EAAMiD,YAC3B,CAACtD,EAAyCuD,KACxC,MAAMwB,WAAEA,KAAeC,GAAiBhF,EAClC4B,EAAUP,EAdC,iBAc+BrB,EAAMC,6BACtD,OACEa,EAAAC,cAACkE,EAAD,CAAUC,QAASH,GAAcnD,EAAQL,mBACvCT,EAAAC,cAACoE,EAADpB,EAAA,CAAoBK,IAAKb,GAAkByB,iCAqBnD,MAAMI,eAAqB/E,EAAMiD,YAC/B,CAACtD,EAA6CuD,KAC5C,MAAMtD,eACJA,EADIE,SAEJA,EACA,aAAckF,EAHVC,UAIJA,GAAY,KACTN,GACDhF,EACE4B,EAAUP,EA/CC,iBA+C+BpB,GAC1C4B,EAActC,EAAeU,GAC7BsF,EAAgBD,EAAYE,EAASnF,EAAMoF,UAC3C3F,QAAEA,GAAY8B,EAUpB,OARA8D,GAAiB,IAAM5F,MAEvBO,EAAMI,WAAU,KAEdgC,SAASgC,iBA5SM,eA4SyB3E,GACjC,IAAM2C,SAASoB,oBA7SP,eA6SyC/D,KACvD,CAACA,iBAGFgB,EAAAC,cAACwE,EAAD,kBACEzE,EAAAC,cAAC4E,EAAD,CAAmB1F,eAAgBA,iBACnCa,EAAAC,cAACiC,EAAgB4C,QAAjB7B,EAAA,CACE,aAAYnC,EAAQgB,gBAChBf,EACAmD,EAHN,CAIEZ,IAAKb,EACLsC,MAAO,IACFb,EAAaa,MAEhB,2CACE,uDAGJ/E,EAAAC,cAAC+E,EAAD,KAAY3F,gBACZW,EAAAC,cAACgF,EAAwB9C,KAAzB,CAA8B+C,GAAIpE,EAAQI,UAAWiE,KAAK,WACvDZ,GAAalF,QAoBpB+F,eAAe7F,EAAMiD,YACzB,CAACtD,EAAuCuD,KACtC,MAAMtD,eAAEA,KAAmBkG,GAAenG,EACpC6B,EAActC,EAAeU,gBACnC,OAAOa,EAAAC,cAACiC,EAAgBoD,MAAjBrC,EAAA,GAA2BlC,EAAiBsE,EAA5C,CAAwD/B,IAAKb,qBAQxE,SAAS8C,EAAkBrG,GACzB,MAAMC,eAAEA,GAAmBD,EACrB4B,EAAUP,EAAkB,oBAAqBpB,GAEjDqG,EAAcC,EAAQ3E,EAAQE,SAC9B0E,EAAcF,MAAAA,OAAH,EAAGA,EAAaG,KAC3BC,EAAsBC,EAAYH,GAClCI,EAAaN,MAAAA,OAAH,EAAGA,EAAaO,IAC1BC,EAAqBH,EAAYC,GACjCG,EAAcnF,EAAQ9B,QAa5B,OAXAO,EAAMI,WAAU,WAGa0D,IAAxBuC,GAAqCA,IAAwBF,QACtCrC,IAAvB2C,GAAoCA,IAAuBF,IAG5DG,MAED,CAACA,EAAaL,EAAqBI,EAAoBN,EAAaI,IAEhE,4BAGT,MAAMI,EAAWjH,qBACjB,MAAMkD,EAAO3B,iBACb,MAAM2F,EAAU5D,oBAChB,MAAMuC,EAAUd,oBAChB,MAAMsB,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 { useControllableState } from '@radix-ui/react-use-controllable-state';\nimport { useEscapeKeydown } from '@radix-ui/react-use-escape-keydown';\nimport { usePrevious } from '@radix-ui/react-use-previous';\nimport { useRect } from '@radix-ui/react-use-rect';\nimport { Presence } from '@radix-ui/react-presence';\nimport { Primitive } from '@radix-ui/react-primitive';\nimport * as PopperPrimitive from '@radix-ui/react-popper';\nimport { createPopperScope } from '@radix-ui/react-popper';\nimport { Portal } from '@radix-ui/react-portal';\nimport { Slottable } from '@radix-ui/react-slot';\nimport * as VisuallyHiddenPrimitive from '@radix-ui/react-visually-hidden';\nimport { useId } from '@radix-ui/react-id';\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 context.onClose();\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 // Handle anything that the browser considers a click for the element type if\n // not using pointer e.g. Space keyup and Enter keydown\n onClick={composeEventHandlers(props.onClick, context.onClose)}\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 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 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 ...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 useEscapeKeydown(() => onClose());\n\n React.useEffect(() => {\n // Close this tooltip if another one opens\n document.addEventListener(TOOLTIP_OPEN, onClose);\n return () => document.removeEventListener(TOOLTIP_OPEN, onClose);\n }, [onClose]);\n\n return (\n <PortalWrapper>\n <CheckTriggerMoved __scopeTooltip={__scopeTooltip} />\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 </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\nfunction CheckTriggerMoved(props: ScopedProps<{}>) {\n const { __scopeTooltip } = props;\n const context = useTooltipContext('CheckTriggerMoved', __scopeTooltip);\n\n const triggerRect = useRect(context.trigger);\n const triggerLeft = triggerRect?.left;\n const previousTriggerLeft = usePrevious(triggerLeft);\n const triggerTop = triggerRect?.top;\n const previousTriggerTop = usePrevious(triggerTop);\n const handleClose = context.onClose;\n\n React.useEffect(() => {\n // checking if the user has scrolled…\n const hasTriggerMoved =\n (previousTriggerLeft !== undefined && previousTriggerLeft !== triggerLeft) \|\|\n (previousTriggerTop !== undefined && previousTriggerTop !== triggerTop);\n\n if (hasTriggerMoved) {\n handleClose();\n }\n }, [handleClose, previousTriggerLeft, previousTriggerTop, triggerLeft, triggerTop]);\n\n return null;\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","TooltipContent","forceMount","contentProps","Presence","present","$bfd2ef98f93cfd0786881e49eeb6a4$var$TooltipContentImpl","TooltipContentImpl","ariaLabel","portalled","PortalWrapper","Portal","Fragment","useEscapeKeydown","$bfd2ef98f93cfd0786881e49eeb6a4$var$CheckTriggerMoved","Content","style","Slottable","_radixUiReactVisuallyHidden","id","role","TooltipArrow","arrowProps","Arrow","CheckTriggerMoved","triggerRect","useRect","triggerLeft","left","previousTriggerLeft","usePrevious","triggerTop","top","previousTriggerTop","handleClose","Provider","Trigger"],"version":3,"file":"index.js.map"}

package/dist/index.module.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{useId as e}from"@radix-ui/react-id";import*as o from"@radix-ui/react-visually-hidden";import{Slottable as t}from"@radix-ui/react-slot";import{Portal as r}from"@radix-ui/react-portal";import*as n from"@radix-ui/react-popper";import{createPopperScope as i}from"@radix-ui/react-popper";import{Primitive as l}from"@radix-ui/react-primitive";import{Presence as a}from"@radix-ui/react-presence";import{useRect as p}from"@radix-ui/react-use-rect";import{usePrevious as c}from"@radix-ui/react-use-previous";import{useEscapeKeydown as s}from"@radix-ui/react-use-escape-keydown";import{useControllableState as u}from"@radix-ui/react-use-controllable-state";import{createContextScope as d}from"@radix-ui/react-context";import{useComposedRefs as m}from"@radix-ui/react-compose-refs";import{composeEventHandlers as f}from"@radix-ui/primitive";import*as T from"react";import x from"@babel/runtime/helpers/esm/extends";const[C,w]=d("Tooltip",[i]);export{w as createTooltipScope};const g=i(),v=700,[E,_]=C("TooltipProvider",{isOpenDelayed:!0,delayDuration:v,onTooltipOpen:()=>{},onTooltipClose:()=>{}});export const TooltipProvider=e=>{const{__scopeTooltip:o,delayDuration:t=v,skipDelayDuration:r=300,children:n}=e,[i,l]=T.useState(!0),a=T.useRef(0);return T.useEffect((()=>{const e=a.current;return()=>window.clearTimeout(e)}),[]),/*#__PURE__*/T.createElement(E,{scope:o,isOpenDelayed:i,delayDuration:t,onTooltipOpen:T.useCallback((()=>{window.clearTimeout(a.current),l(!1)}),[]),onTooltipClose:T.useCallback((()=>{window.clearTimeout(a.current),a.current=window.setTimeout((()=>l(!0)),r)}),[r])},n)};/*#__PURE__*/const[b,y]=C("Tooltip");export const Tooltip=o=>{const{__scopeTooltip:t,children:r,open:i,defaultOpen:l=!1,onOpenChange:a,delayDuration:p}=o,s=_("Tooltip",t),d=g(t),[m,f]=T.useState(null),x=e(),C=T.useRef(0),w=T.useRef(!1),v=null!=p?p:s.delayDuration,E=!w.current&&s.isOpenDelayed?v:0,y=c(Boolean(E)),{onTooltipOpen:h,onTooltipClose:D}=s,[O=!1,k]=u({prop:i,defaultProp:l,onChange:e=>{e?(document.dispatchEvent(new CustomEvent("tooltip.open")),h()):(w.current=!1,D()),null==a||a(e)}}),R=T.useMemo((()=>O?y?"delayed-open":"instant-open":"closed"),[y,O]);return T.useEffect((()=>()=>window.clearTimeout(C.current)),[]),/*#__PURE__*/T.createElement(n.Root,d,/*#__PURE__*/T.createElement(b,{scope:t,contentId:x,open:O,stateAttribute:R,trigger:m,onTriggerChange:f,onFocus:T.useCallback((()=>{w.current=!0,k(!0)}),[k]),onOpen:T.useCallback((()=>{window.clearTimeout(C.current),C.current=window.setTimeout((()=>k(!0)),E)}),[E,k]),onClose:T.useCallback((()=>{window.clearTimeout(C.current),k(!1)}),[k])},r))};/*#__PURE__*/export const TooltipTrigger=/*#__PURE__*/T.forwardRef(((e,o)=>{const{__scopeTooltip:t,...r}=e,i=y("TooltipTrigger",t),a=g(t),p=m(o,i.onTriggerChange);/*#__PURE__*/return T.createElement(n.Anchor,x({asChild:!0},a),/*#__PURE__*/T.createElement(l.button,x({"aria-describedby":i.open?i.contentId:void 0,"data-state":i.stateAttribute},r,{ref:p,onMouseOver:f(e.onMouseOver,i.onOpen),onMouseLeave:f(e.onMouseLeave,i.onClose),onMouseDown:f(e.onMouseDown,i.onClose),onFocus:f(e.onFocus,i.onFocus),onBlur:f(e.onBlur,i.onClose),onClick:f(e.onClick,i.onClose)})))}));/*#__PURE__*/export const TooltipContent=/*#__PURE__*/T.forwardRef(((e,o)=>{const{forceMount:t,...r}=e,n=y("TooltipContent",e.__scopeTooltip);/*#__PURE__*/return T.createElement(a,{present:t||n.open},/*#__PURE__*/T.createElement(h,x({ref:o},r)))}));const h=/*#__PURE__*/T.forwardRef(((e,i)=>{const{__scopeTooltip:l,children:a,"aria-label":p,portalled:c=!0,...u}=e,d=y("TooltipContent",l),m=g(l),f=c?r:T.Fragment,{onClose:C}=d;return s((()=>C())),T.useEffect((()=>(document.addEventListener("tooltip.open",C),()=>document.removeEventListener("tooltip.open",C))),[C]),/*#__PURE__*/T.createElement(f,null,/*#__PURE__*/T.createElement(D,{__scopeTooltip:l}),/*#__PURE__*/T.createElement(n.Content,x({"data-state":d.stateAttribute},m,u,{ref:i,style:{...u.style,"--radix-tooltip-content-transform-origin":"var(--radix-popper-transform-origin)"}}),/*#__PURE__*/T.createElement(t,null,a),/*#__PURE__*/T.createElement(o.Root,{id:d.contentId,role:"tooltip"},p||a)))}));/*#__PURE__*/export const TooltipArrow=/*#__PURE__*/T.forwardRef(((e,o)=>{const{__scopeTooltip:t,...r}=e,i=g(t);/*#__PURE__*/return T.createElement(n.Arrow,x({},i,r,{ref:o}))}));/*#__PURE__*/function D(e){const{__scopeTooltip:o}=e,t=y("CheckTriggerMoved",o),r=p(t.trigger),n=null==r?void 0:r.left,i=c(n),l=null==r?void 0:r.top,a=c(l),s=t.onClose;return T.useEffect((()=>{(void 0!==i&&i!==n||void 0!==a&&a!==l)&&s()}),[s,i,a,n,l]),null}export const Provider=TooltipProvider;export const Root=Tooltip;export const Trigger=TooltipTrigger;export const Content=TooltipContent;export const Arrow=TooltipArrow;
+import{useId as e}from"@radix-ui/react-id";import*as o from"@radix-ui/react-visually-hidden";import{Slottable as t}from"@radix-ui/react-slot";import{Portal as r}from"@radix-ui/react-portal";import*as n from"@radix-ui/react-popper";import{createPopperScope as i}from"@radix-ui/react-popper";import{Primitive as a}from"@radix-ui/react-primitive";import{Presence as l}from"@radix-ui/react-presence";import{useRect as c}from"@radix-ui/react-use-rect";import{usePrevious as s}from"@radix-ui/react-use-previous";import{useEscapeKeydown as u}from"@radix-ui/react-use-escape-keydown";import{useControllableState as p}from"@radix-ui/react-use-controllable-state";import{createContextScope as d}from"@radix-ui/react-context";import{useComposedRefs as m}from"@radix-ui/react-compose-refs";import{composeEventHandlers as f}from"@radix-ui/primitive";import*as T from"react";import C from"@babel/runtime/helpers/esm/extends";const[w,x]=d("Tooltip",[i]);export{x as createTooltipScope};const g=i(),E=700,[v,b]=w("TooltipProvider",{isOpenDelayed:!0,delayDuration:E,onOpen:()=>{},onClose:()=>{}});export const TooltipProvider=e=>{const{__scopeTooltip:o,delayDuration:t=E,skipDelayDuration:r=300,children:n}=e,[i,a]=T.useState(!0),l=T.useRef(0);return T.useEffect((()=>{const e=l.current;return()=>window.clearTimeout(e)}),[]),/*#__PURE__*/T.createElement(v,{scope:o,isOpenDelayed:i,delayDuration:t,onOpen:T.useCallback((()=>{window.clearTimeout(l.current),a(!1)}),[]),onClose:T.useCallback((()=>{window.clearTimeout(l.current),l.current=window.setTimeout((()=>a(!0)),r)}),[r])},n)};/*#__PURE__*/const[y,_]=w("Tooltip");export const Tooltip=o=>{const{__scopeTooltip:t,children:r,open:i,defaultOpen:a=!1,onOpenChange:l,delayDuration:c}=o,s=b("Tooltip",t),u=g(t),[d,m]=T.useState(null),f=e(),C=T.useRef(0),w=null!=c?c:s.delayDuration,x=T.useRef(!1),{onOpen:E,onClose:v}=s,[_=!1,h]=p({prop:i,defaultProp:a,onChange:e=>{e&&(document.dispatchEvent(new CustomEvent("tooltip.open")),E()),null==l||l(e)}}),k=T.useMemo((()=>_?x.current?"delayed-open":"instant-open":"closed"),[_]),D=T.useCallback((()=>{window.clearTimeout(C.current),x.current=!1,h(!0)}),[h]),O=T.useCallback((()=>{window.clearTimeout(C.current),C.current=window.setTimeout((()=>{x.current=!0,h(!0)}),w)}),[w,h]);return T.useEffect((()=>()=>window.clearTimeout(C.current)),[]),/*#__PURE__*/T.createElement(n.Root,u,/*#__PURE__*/T.createElement(y,{scope:t,contentId:f,open:_,stateAttribute:k,trigger:d,onTriggerChange:m,onTriggerEnter:T.useCallback((()=>{s.isOpenDelayed?O():D()}),[s.isOpenDelayed,O,D]),onOpen:T.useCallback(D,[D]),onClose:T.useCallback((()=>{window.clearTimeout(C.current),h(!1),v()}),[h,v])},r))};/*#__PURE__*/export const TooltipTrigger=/*#__PURE__*/T.forwardRef(((e,o)=>{const{__scopeTooltip:t,...r}=e,i=_("TooltipTrigger",t),l=g(t),c=m(o,i.onTriggerChange),s=T.useRef(!1),u=T.useCallback((()=>s.current=!1),[]);return T.useEffect((()=>()=>document.removeEventListener("mouseup",u)),[u]),/*#__PURE__*/T.createElement(n.Anchor,C({asChild:!0},l),/*#__PURE__*/T.createElement(a.button,C({"aria-describedby":i.open?i.contentId:void 0,"data-state":i.stateAttribute},r,{ref:c,onMouseEnter:f(e.onMouseEnter,i.onTriggerEnter),onMouseLeave:f(e.onMouseLeave,i.onClose),onMouseDown:f(e.onMouseDown,(()=>{i.onClose(),s.current=!0,document.addEventListener("mouseup",u,{once:!0})})),onFocus:f(e.onFocus,(()=>{s.current||i.onOpen()})),onBlur:f(e.onBlur,i.onClose),onClick:f(e.onClick,i.onClose)})))}));/*#__PURE__*/export const TooltipContent=/*#__PURE__*/T.forwardRef(((e,o)=>{const{forceMount:t,...r}=e,n=_("TooltipContent",e.__scopeTooltip);/*#__PURE__*/return T.createElement(l,{present:t||n.open},/*#__PURE__*/T.createElement(h,C({ref:o},r)))}));const h=/*#__PURE__*/T.forwardRef(((e,i)=>{const{__scopeTooltip:a,children:l,"aria-label":c,portalled:s=!0,...p}=e,d=_("TooltipContent",a),m=g(a),f=s?r:T.Fragment,{onClose:w}=d;return u((()=>w())),T.useEffect((()=>(document.addEventListener("tooltip.open",w),()=>document.removeEventListener("tooltip.open",w))),[w]),/*#__PURE__*/T.createElement(f,null,/*#__PURE__*/T.createElement(k,{__scopeTooltip:a}),/*#__PURE__*/T.createElement(n.Content,C({"data-state":d.stateAttribute},m,p,{ref:i,style:{...p.style,"--radix-tooltip-content-transform-origin":"var(--radix-popper-transform-origin)"}}),/*#__PURE__*/T.createElement(t,null,l),/*#__PURE__*/T.createElement(o.Root,{id:d.contentId,role:"tooltip"},c||l)))}));/*#__PURE__*/export const TooltipArrow=/*#__PURE__*/T.forwardRef(((e,o)=>{const{__scopeTooltip:t,...r}=e,i=g(t);/*#__PURE__*/return T.createElement(n.Arrow,C({},i,r,{ref:o}))}));/*#__PURE__*/function k(e){const{__scopeTooltip:o}=e,t=_("CheckTriggerMoved",o),r=c(t.trigger),n=null==r?void 0:r.left,i=s(n),a=null==r?void 0:r.top,l=s(a),u=t.onClose;return T.useEffect((()=>{(void 0!==i&&i!==n||void 0!==l&&l!==a)&&u()}),[u,i,l,n,a]),null}export const Provider=TooltipProvider;export const Root=Tooltip;export const Trigger=TooltipTrigger;export const Content=TooltipContent;export const Arrow=TooltipArrow;
 //# sourceMappingURL=index.module.js.map

package/dist/index.module.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"mappings":"+4BAqBA,MAAOA,EAAsBC,GAAsBC,EAAmB,UAAW,CAC/EC,oCAEF,MAAMC,EAAiBD,IAOjBE,EAAyB,KAUxBC,EAAgCC,GACrCP,EAZoB,kBAY6C,CAC/DQ,eAAe,EACfC,cAAeJ,EACfK,cAAe,OACfC,eAAgB,gBAiBpB,MAAMC,gBACJC,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,cAAeQ,EAAMa,aAAY,KAC/BN,OAAOC,aAAaN,EAAkBI,SACtCP,GAAiB,KAChB,IACHN,eAAgBO,EAAMa,aAAY,KAChCN,OAAOC,aAAaN,EAAkBI,SACtCJ,EAAkBI,QAAUC,OAAOO,YACjC,IAAMf,GAAiB,IACvBF,KAED,CAACA,KAEHC,iBAWP,MAaOiB,EAAwBC,GAC7BlC,EAdmB,kBA8BrB,MAAMmC,QAAmCtB,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,GAC5B2B,EAAiB9B,EAAMG,QAAO,GAC9BZ,EAAgB+B,MAAAA,EAAAA,EAAqBC,EAAQhC,cAC7CwC,GAAaD,EAAexB,SAAWiB,EAAQjC,cAAgBC,EAAgB,EAC/EyC,EAAiBC,EAAYC,QAAQH,KACrCvC,cAAEA,EAAFC,eAAiBA,GAAmB8B,GACnCL,GAAO,EAAOiB,GAAWC,EAAqB,CACnDC,KAAMlB,EACNmB,YAAalB,EACbmB,SAAWrB,IACLA,GAGFsB,SAASC,cAAc,IAAIC,YApId,iBAqIblD,MAEAsC,EAAexB,SAAU,EACzBb,KAEF4B,MAAAA,GAAAA,EAAeH,MAIbyB,EAAiB3C,EAAM4C,SAAQ,IAC5B1B,EAAQc,EAAiB,eAAiB,eAAkB,UAClE,CAACA,EAAgBd,IAMpB,OAJAlB,EAAMI,WAAU,IACP,IAAMG,OAAOC,aAAaqB,EAAavB,UAC7C,iBAGDG,EAAAC,cAACmC,EAAgBC,KAAStB,eACxBf,EAAAC,cAACqC,EAAD,CACEnC,MAAOhB,EACP+B,UAAWA,EACXT,KAAMA,EACNyB,eAAgBA,EAChBlB,QAASA,EACTuB,gBAAiBtB,EACjBuB,QAASjD,EAAMa,aAAY,KACzBiB,EAAexB,SAAU,EACzB6B,GAAQ,KACP,CAACA,IACJe,OAAQlD,EAAMa,aAAY,KACxBN,OAAOC,aAAaqB,EAAavB,SACjCuB,EAAavB,QAAUC,OAAOO,YAAW,IAAMqB,GAAQ,IAAOJ,KAC7D,CAACA,EAAWI,IACfgB,QAASnD,EAAMa,aAAY,KACzBN,OAAOC,aAAaqB,EAAavB,SACjC6B,GAAQ,KACP,CAACA,KAEHrC,yBAkBT,MAAMsD,4BAAiBpD,EAAMqD,YAC3B,CAAC1D,EAAyC2D,KACxC,MAAM1D,eAAEA,KAAmB2D,GAAiB5D,EACtC4B,EAAUP,EATC,iBAS+BpB,GAC1C4B,EAActC,EAAeU,GAC7B4D,EAAqBC,EAAgBH,EAAc/B,EAAQyB,8BACjE,OACEvC,EAAAC,cAACmC,EAAgBa,OAAjBC,EAAA,CAAwBC,SAAO,GAAKpC,gBAClCf,EAAAC,cAACmD,EAAUC,OAAXH,EAAA,CAGE,mBAAkBpC,EAAQL,KAAOK,EAAQI,eAAYoC,EACrD,aAAYxC,EAAQoB,gBAChBY,EALN,CAMES,IAAKR,EACLS,YAAaC,EAAqBvE,EAAMsE,YAAa1C,EAAQ2B,QAC7DiB,aAAcD,EAAqBvE,EAAMwE,aAAc5C,EAAQ4B,SAC/DiB,YAAaF,EAAqBvE,EAAMyE,YAAa7C,EAAQ4B,SAC7DF,QAASiB,EAAqBvE,EAAMsD,QAAS1B,EAAQ0B,SACrDoB,OAAQH,EAAqBvE,EAAM0E,OAAQ9C,EAAQ4B,SAGnDmB,QAASJ,EAAqBvE,EAAM2E,QAAS/C,EAAQ4B,oCAwB/D,MAAMoB,4BAAiBvE,EAAMqD,YAC3B,CAAC1D,EAAyC2D,KACxC,MAAMkB,WAAEA,KAAeC,GAAiB9E,EAClC4B,EAAUP,EAdC,iBAc+BrB,EAAMC,6BACtD,OACEa,EAAAC,cAACgE,EAAD,CAAUC,QAASH,GAAcjD,EAAQL,mBACvCT,EAAAC,cAACkE,EAADjB,EAAA,CAAoBK,IAAKV,GAAkBmB,QAqBnD,MAAMI,eAAqB7E,EAAMqD,YAC/B,CAAC1D,EAA6C2D,KAC5C,MAAM1D,eACJA,EADIE,SAEJA,EACA,aAAcgF,EAHVC,UAIJA,GAAY,KACTN,GACD9E,EACE4B,EAAUP,EA/CC,iBA+C+BpB,GAC1C4B,EAActC,EAAeU,GAC7BoF,EAAgBD,EAAYE,EAASjF,EAAMkF,UAC3C/B,QAAEA,GAAY5B,EAUpB,OARA4D,GAAiB,IAAMhC,MAEvBnD,EAAMI,WAAU,KAEdoC,SAAS4C,iBAzRM,eAyRyBjC,GACjC,IAAMX,SAAS6C,oBA1RP,eA0RyClC,KACvD,CAACA,iBAGF1C,EAAAC,cAACsE,EAAD,kBACEvE,EAAAC,cAAC4E,EAAD,CAAmB1F,eAAgBA,iBACnCa,EAAAC,cAACmC,EAAgB0C,QAAjB5B,EAAA,CACE,aAAYpC,EAAQoB,gBAChBnB,EACAiD,EAHN,CAIET,IAAKV,EACLkC,MAAO,IACFf,EAAae,MAEhB,2CACE,uDAGJ/E,EAAAC,cAAC+E,EAAD,KAAY3F,gBACZW,EAAAC,cAACgF,EAAwB5C,KAAzB,CAA8B6C,GAAIpE,EAAQI,UAAWiE,KAAK,WACvDd,GAAahF,4BAoB1B,MAAM+F,0BAAe7F,EAAMqD,YACzB,CAAC1D,EAAuC2D,KACtC,MAAM1D,eAAEA,KAAmBkG,GAAenG,EACpC6B,EAActC,EAAeU,gBACnC,OAAOa,EAAAC,cAACmC,EAAgBkD,MAAjBpC,EAAA,GAA2BnC,EAAiBsE,EAA5C,CAAwD9B,IAAKV,qBAQxE,SAAS0C,EAAkBrG,GACzB,MAAMC,eAAEA,GAAmBD,EACrB4B,EAAUP,EAAkB,oBAAqBpB,GAEjDqG,EAAcC,EAAQ3E,EAAQE,SAC9B0E,EAAcF,MAAAA,OAAH,EAAGA,EAAaG,KAC3BC,EAAsBpE,EAAYkE,GAClCG,EAAaL,MAAAA,OAAH,EAAGA,EAAaM,IAC1BC,EAAqBvE,EAAYqE,GACjCG,EAAclF,EAAQ4B,QAa5B,OAXAnD,EAAMI,WAAU,WAGa2D,IAAxBsC,GAAqCA,IAAwBF,QACtCpC,IAAvByC,GAAoCA,IAAuBF,IAG5DG,MAED,CAACA,EAAaJ,EAAqBG,EAAoBL,EAAaG,IAEhE,YAGT,MAAMI,SAAWhH,uBACjB,MAAMoD,KAAO7B,eACb,MAAM0F,QAAUvD,sBAChB,MAAMmC,QAAUhB,sBAChB,MAAMwB,MAAQF","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 { useControllableState } from '@radix-ui/react-use-controllable-state';\nimport { useEscapeKeydown } from '@radix-ui/react-use-escape-keydown';\nimport { usePrevious } from '@radix-ui/react-use-previous';\nimport { useRect } from '@radix-ui/react-use-rect';\nimport { Presence } from '@radix-ui/react-presence';\nimport { Primitive } from '@radix-ui/react-primitive';\nimport * as PopperPrimitive from '@radix-ui/react-popper';\nimport { createPopperScope } from '@radix-ui/react-popper';\nimport { Portal } from '@radix-ui/react-portal';\nimport { Slottable } from '@radix-ui/react-slot';\nimport * as VisuallyHiddenPrimitive from '@radix-ui/react-visually-hidden';\nimport { useId } from '@radix-ui/react-id';\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 onTooltipOpen(): void;\n onTooltipClose(): void;\n};\n\nconst [TooltipProviderContextProvider, useTooltipProviderContext] =\n createTooltipContext<TooltipProviderContextValue>(PROVIDER_NAME, {\n isOpenDelayed: true,\n delayDuration: DEFAULT_DELAY_DURATION,\n onTooltipOpen: () => {},\n onTooltipClose: () => {},\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 onTooltipOpen={React.useCallback(() => {\n window.clearTimeout(skipDelayTimerRef.current);\n setIsOpenDelayed(false);\n }, [])}\n onTooltipClose={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 onFocus(): 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 isFocusOpenRef = React.useRef(false);\n const delayDuration = delayDurationProp ?? context.delayDuration;\n const openDelay = !isFocusOpenRef.current && context.isOpenDelayed ? delayDuration : 0;\n const wasOpenDelayed = usePrevious(Boolean(openDelay));\n const { onTooltipOpen, onTooltipClose } = 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 onTooltipOpen();\n } else {\n isFocusOpenRef.current = false;\n onTooltipClose();\n }\n onOpenChange?.(open);\n },\n });\n\n const stateAttribute = React.useMemo(() => {\n return open ? (wasOpenDelayed ? 'delayed-open' : 'instant-open') : 'closed';\n }, [wasOpenDelayed, open]);\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 onFocus={React.useCallback(() => {\n isFocusOpenRef.current = true;\n setOpen(true);\n }, [setOpen])}\n onOpen={React.useCallback(() => {\n window.clearTimeout(openTimerRef.current);\n openTimerRef.current = window.setTimeout(() => setOpen(true), openDelay);\n }, [openDelay, setOpen])}\n onClose={React.useCallback(() => {\n window.clearTimeout(openTimerRef.current);\n setOpen(false);\n }, [setOpen])}\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 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 onMouseOver={composeEventHandlers(props.onMouseOver, context.onOpen)}\n onMouseLeave={composeEventHandlers(props.onMouseLeave, context.onClose)}\n onMouseDown={composeEventHandlers(props.onMouseDown, context.onClose)}\n onFocus={composeEventHandlers(props.onFocus, context.onFocus)}\n onBlur={composeEventHandlers(props.onBlur, context.onClose)}\n // Handle anything that the browser considers a click for the element type if\n // not using pointer e.g. Space keyup and Enter keydown\n onClick={composeEventHandlers(props.onClick, context.onClose)}\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 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 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 ...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 useEscapeKeydown(() => onClose());\n\n React.useEffect(() => {\n // Close this tooltip if another one opens\n document.addEventListener(TOOLTIP_OPEN, onClose);\n return () => document.removeEventListener(TOOLTIP_OPEN, onClose);\n }, [onClose]);\n\n return (\n <PortalWrapper>\n <CheckTriggerMoved __scopeTooltip={__scopeTooltip} />\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 </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\nfunction CheckTriggerMoved(props: ScopedProps<{}>) {\n const { __scopeTooltip } = props;\n const context = useTooltipContext('CheckTriggerMoved', __scopeTooltip);\n\n const triggerRect = useRect(context.trigger);\n const triggerLeft = triggerRect?.left;\n const previousTriggerLeft = usePrevious(triggerLeft);\n const triggerTop = triggerRect?.top;\n const previousTriggerTop = usePrevious(triggerTop);\n const handleClose = context.onClose;\n\n React.useEffect(() => {\n // checking if the user has scrolled…\n const hasTriggerMoved =\n (previousTriggerLeft !== undefined && previousTriggerLeft !== triggerLeft) \|\|\n (previousTriggerTop !== undefined && previousTriggerTop !== triggerTop);\n\n if (hasTriggerMoved) {\n handleClose();\n }\n }, [handleClose, previousTriggerLeft, previousTriggerTop, triggerLeft, triggerTop]);\n\n return null;\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","onTooltipOpen","onTooltipClose","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","isFocusOpenRef","openDelay","wasOpenDelayed","usePrevious","Boolean","setOpen","useControllableState","prop","defaultProp","onChange","document","dispatchEvent","CustomEvent","stateAttribute","useMemo","_radixUiReactPopper","Root","$badf5d6f88b7e9fa4e0bb85d71c0396a$var$TooltipContextProvider","onTriggerChange","onFocus","onOpen","onClose","TooltipTrigger","forwardRef","forwardedRef","triggerProps","composedTriggerRef","useComposedRefs","Anchor","_babelRuntimeHelpersEsmExtends","asChild","Primitive","button","undefined","ref","onMouseOver","composeEventHandlers","onMouseLeave","onMouseDown","onBlur","onClick","TooltipContent","forceMount","contentProps","Presence","present","$badf5d6f88b7e9fa4e0bb85d71c0396a$var$TooltipContentImpl","TooltipContentImpl","ariaLabel","portalled","PortalWrapper","Portal","Fragment","useEscapeKeydown","addEventListener","removeEventListener","$badf5d6f88b7e9fa4e0bb85d71c0396a$var$CheckTriggerMoved","Content","style","Slottable","_radixUiReactVisuallyHidden","id","role","TooltipArrow","arrowProps","Arrow","CheckTriggerMoved","triggerRect","useRect","triggerLeft","left","previousTriggerLeft","triggerTop","top","previousTriggerTop","handleClose","Provider","Trigger"],"version":3,"file":"index.module.js.map"}
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 { useControllableState } from '@radix-ui/react-use-controllable-state';\nimport { useEscapeKeydown } from '@radix-ui/react-use-escape-keydown';\nimport { usePrevious } from '@radix-ui/react-use-previous';\nimport { useRect } from '@radix-ui/react-use-rect';\nimport { Presence } from '@radix-ui/react-presence';\nimport { Primitive } from '@radix-ui/react-primitive';\nimport * as PopperPrimitive from '@radix-ui/react-popper';\nimport { createPopperScope } from '@radix-ui/react-popper';\nimport { Portal } from '@radix-ui/react-portal';\nimport { Slottable } from '@radix-ui/react-slot';\nimport * as VisuallyHiddenPrimitive from '@radix-ui/react-visually-hidden';\nimport { useId } from '@radix-ui/react-id';\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 context.onClose();\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 // Handle anything that the browser considers a click for the element type if\n // not using pointer e.g. Space keyup and Enter keydown\n onClick={composeEventHandlers(props.onClick, context.onClose)}\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 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 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 ...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 useEscapeKeydown(() => onClose());\n\n React.useEffect(() => {\n // Close this tooltip if another one opens\n document.addEventListener(TOOLTIP_OPEN, onClose);\n return () => document.removeEventListener(TOOLTIP_OPEN, onClose);\n }, [onClose]);\n\n return (\n <PortalWrapper>\n <CheckTriggerMoved __scopeTooltip={__scopeTooltip} />\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 </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\nfunction CheckTriggerMoved(props: ScopedProps<{}>) {\n const { __scopeTooltip } = props;\n const context = useTooltipContext('CheckTriggerMoved', __scopeTooltip);\n\n const triggerRect = useRect(context.trigger);\n const triggerLeft = triggerRect?.left;\n const previousTriggerLeft = usePrevious(triggerLeft);\n const triggerTop = triggerRect?.top;\n const previousTriggerTop = usePrevious(triggerTop);\n const handleClose = context.onClose;\n\n React.useEffect(() => {\n // checking if the user has scrolled…\n const hasTriggerMoved =\n (previousTriggerLeft !== undefined && previousTriggerLeft !== triggerLeft) \|\|\n (previousTriggerTop !== undefined && previousTriggerTop !== triggerTop);\n\n if (hasTriggerMoved) {\n handleClose();\n }\n }, [handleClose, previousTriggerLeft, previousTriggerTop, triggerLeft, triggerTop]);\n\n return null;\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","TooltipContent","forceMount","contentProps","Presence","present","$badf5d6f88b7e9fa4e0bb85d71c0396a$var$TooltipContentImpl","TooltipContentImpl","ariaLabel","portalled","PortalWrapper","Portal","Fragment","useEscapeKeydown","$badf5d6f88b7e9fa4e0bb85d71c0396a$var$CheckTriggerMoved","Content","style","Slottable","_radixUiReactVisuallyHidden","id","role","TooltipArrow","arrowProps","Arrow","CheckTriggerMoved","triggerRect","useRect","triggerLeft","left","previousTriggerLeft","usePrevious","triggerTop","top","previousTriggerTop","handleClose","Provider","Trigger"],"version":3,"file":"index.module.js.map"}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@radix-ui/react-tooltip",
-  "version": "0.1.3",
+  "version": "0.1.5",
   "license": "MIT",
   "source": "src/index.ts",
   "main": "dist/index.js",