react-tooltip 5.26.4 → 6.0.0-beta.1179.rc.1

package/dist/react-tooltip.d.ts

@@ -1,4 +1,4 @@
-import React$1, { ElementType, ReactNode, CSSProperties, PropsWithChildren } from 'react';
+import React$1, { ElementType, ReactNode, CSSProperties } from 'react';
 
 type PlacesType =
   | 'top'
@@ -18,20 +18,14 @@ type VariantType = 'dark' | 'light' | 'success' | 'warning' | 'error' | 'info'
 
 type WrapperType = ElementType | 'div' | 'span'
 
-type ChildrenType = Element | ElementType | ReactNode
-
-type EventsType = 'hover' | 'click'
-
 type PositionStrategy = 'absolute' | 'fixed'
 
 type DataAttribute =
   | 'place'
   | 'content'
-  | 'html'
   | 'variant'
   | 'offset'
   | 'wrapper'
-  | 'events'
   | 'position-strategy'
   | 'delay-show'
   | 'delay-hide'
@@ -54,7 +48,7 @@ interface TooltipImperativeOpenOptions {
   anchorSelect?: string
   position?: IPosition
   place?: PlacesType
-  content?: ChildrenType
+  content?: ReactNode
   /**
    * @description Delay (in ms) before opening the tooltip.
    */
@@ -110,27 +104,14 @@ interface ITooltipController {
   className?: string
   classNameArrow?: string
   content?: string
-  /**
-   * @deprecated Use `children` or `render` instead
-   */
-  html?: string
-  render?: (render: { content: string | null; activeAnchor: HTMLElement | null }) => ChildrenType
+  render?: (render: { content: string | null; activeAnchor: HTMLElement | null }) => ReactNode
   place?: PlacesType
   offset?: number
   id?: string
   variant?: VariantType
-  /**
-   * @deprecated Use the `data-tooltip-id` attribute, or the `anchorSelect` prop instead.
-   * See https://react-tooltip.com/docs/getting-started
-   */
-  anchorId?: string
   anchorSelect?: string
   wrapper?: WrapperType
-  children?: ChildrenType
-  /**
-   * @deprecated Use `openOnClick` or `openEvents`/`closeEvents` instead.
-   */
-  events?: EventsType[]
+  children?: ReactNode
   openOnClick?: boolean
   positionStrategy?: PositionStrategy
   middlewares?: Middleware[]
@@ -140,18 +121,6 @@ interface ITooltipController {
   hidden?: boolean
   noArrow?: boolean
   clickable?: boolean
-  /**
-   * @deprecated Use `globalCloseEvents={{ escape: true }}` instead.
-   */
-  closeOnEsc?: boolean
-  /**
-   * @deprecated Use `globalCloseEvents={{ scroll: true }}` instead.
-   */
-  closeOnScroll?: boolean
-  /**
-   * @deprecated Use `globalCloseEvents={{ resize: true }}` instead.
-   */
-  closeOnResize?: boolean
   /**
    * @description The events to be listened on anchor elements to open the tooltip.
    */
@@ -198,10 +167,6 @@ declare module 'react' {
     'data-tooltip-variant'?: VariantType
     'data-tooltip-offset'?: number
     'data-tooltip-wrapper'?: WrapperType
-    /**
-     * @deprecated Use `openOnClick` tooltip prop instead.
-     */
-    'data-tooltip-events'?: EventsType[]
     'data-tooltip-position-strategy'?: PositionStrategy
     'data-tooltip-delay-show'?: number
     'data-tooltip-delay-hide'?: number
@@ -211,48 +176,6 @@ declare module 'react' {
   }
 }
 
-/**
- * @deprecated Use the `data-tooltip-id` attribute, or the `anchorSelect` prop instead.
- * See https://react-tooltip.com/docs/getting-started
- */
-interface ITooltipWrapper {
-  tooltipId?: string
-  children: ReactNode
-  className?: string
-
-  place?: ITooltipController['place']
-  content?: ITooltipController['content']
-  html?: ITooltipController['html']
-  variant?: ITooltipController['variant']
-  offset?: ITooltipController['offset']
-  wrapper?: ITooltipController['wrapper']
-  events?: ITooltipController['events']
-  positionStrategy?: ITooltipController['positionStrategy']
-  delayShow?: ITooltipController['delayShow']
-  delayHide?: ITooltipController['delayHide']
-}
-
 declare const TooltipController: React$1.ForwardRefExoticComponent<ITooltipController & React$1.RefAttributes<TooltipRefProps>>;
 
-/**
- * @deprecated Use the `data-tooltip-id` attribute, or the `anchorSelect` prop instead.
- * See https://react-tooltip.com/docs/getting-started
- */
-declare const TooltipProvider: React$1.FC<PropsWithChildren<void>>;
-
-/**
- * @deprecated Use the `data-tooltip-id` attribute, or the `anchorSelect` prop instead.
- * See https://react-tooltip.com/docs/getting-started
- */
-declare const TooltipWrapper: ({ tooltipId, children, className, place, content, html, variant, offset, wrapper, events, positionStrategy, delayShow, delayHide, }: ITooltipWrapper) => React$1.JSX.Element;
-
-/**
- * @deprecated Use the `disableStyleInjection` tooltip prop instead.
- * See https://react-tooltip.com/docs/examples/styling#disabling-reacttooltip-css
- */
-declare function removeStyle({ type, id, }?: {
-    type?: 'core' | 'base';
-    id?: string;
-}): void;
-
-export { ChildrenType, DataAttribute, EventsType, IPosition, ITooltipController as ITooltip, ITooltipWrapper, Middleware, PlacesType, PositionStrategy, TooltipController as Tooltip, TooltipProvider, TooltipRefProps, TooltipWrapper, VariantType, WrapperType, removeStyle };
+export { type DataAttribute, type IPosition, type ITooltipController as ITooltip, type Middleware, type PlacesType, type PositionStrategy, TooltipController as Tooltip, type TooltipRefProps, type VariantType, type WrapperType };

package/dist/react-tooltip.min.cjs

@@ -4,5 +4,6 @@
 * @copyright ReactTooltip Team
 * @license MIT
 */
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("@floating-ui/dom"),o=require("classnames");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=r(e),n=r(o);const c="react-tooltip-core-styles",s="react-tooltip-base-styles",i={core:!1,base:!1};function a({css:e,id:t=s,type:o="base",ref:r}){var l,n;if(!e||"undefined"==typeof document||i[o])return;if("core"===o&&"undefined"!=typeof process&&(null===(l=null===process||void 0===process?void 0:process.env)||void 0===l?void 0:l.REACT_TOOLTIP_DISABLE_CORE_STYLES))return;if("base"!==o&&"undefined"!=typeof process&&(null===(n=null===process||void 0===process?void 0:process.env)||void 0===n?void 0:n.REACT_TOOLTIP_DISABLE_BASE_STYLES))return;"core"===o&&(t=c),r||(r={});const{insertAt:a}=r;if(document.getElementById(t))return void console.warn(`[react-tooltip] Element with id '${t}' already exists. Call \`removeStyle()\` first`);const u=document.head||document.getElementsByTagName("head")[0],d=document.createElement("style");d.id=t,d.type="text/css","top"===a&&u.firstChild?u.insertBefore(d,u.firstChild):u.appendChild(d),d.styleSheet?d.styleSheet.cssText=e:d.appendChild(document.createTextNode(e)),i[o]=!0}const u=async({elementReference:e=null,tooltipReference:o=null,tooltipArrowReference:r=null,place:l="top",offset:n=10,strategy:c="absolute",middlewares:s=[t.offset(Number(n)),t.flip({fallbackAxisSideDirection:"start"}),t.shift({padding:5})],border:i})=>{if(!e)return{tooltipStyles:{},tooltipArrowStyles:{},place:l};if(null===o)return{tooltipStyles:{},tooltipArrowStyles:{},place:l};const a=s;return r?(a.push(t.arrow({element:r,padding:5})),t.computePosition(e,o,{placement:l,strategy:c,middleware:a}).then((({x:e,y:t,placement:o,middlewareData:r})=>{var l,n;const c={left:`${e}px`,top:`${t}px`,border:i},{x:s,y:a}=null!==(l=r.arrow)&&void 0!==l?l:{x:0,y:0},u=null!==(n={top:"bottom",right:"left",bottom:"top",left:"right"}[o.split("-")[0]])&&void 0!==n?n:"bottom",d=i&&{borderBottom:i,borderRight:i};let p=0;if(i){const e=`${i}`.match(/(\d+)px/);p=(null==e?void 0:e[1])?Number(e[1]):1}return{tooltipStyles:c,tooltipArrowStyles:{left:null!=s?`${s}px`:"",top:null!=a?`${a}px`:"",right:"",bottom:"",...d,[u]:`-${4+p}px`},place:o}}))):t.computePosition(e,o,{placement:"bottom",strategy:c,middleware:a}).then((({x:e,y:t,placement:o})=>({tooltipStyles:{left:`${e}px`,top:`${t}px`},tooltipArrowStyles:{},place:o})))},d=(e,t)=>!("CSS"in window&&"supports"in window.CSS)||window.CSS.supports(e,t),p=(e,t,o)=>{let r=null;const l=function(...l){const n=()=>{r=null,o||e.apply(this,l)};o&&!r&&(e.apply(this,l),r=setTimeout(n,t)),o||(r&&clearTimeout(r),r=setTimeout(n,t))};return l.cancel=()=>{r&&(clearTimeout(r),r=null)},l},f=e=>null!==e&&!Array.isArray(e)&&"object"==typeof e,v=(e,t)=>{if(e===t)return!0;if(Array.isArray(e)&&Array.isArray(t))return e.length===t.length&&e.every(((e,o)=>v(e,t[o])));if(Array.isArray(e)!==Array.isArray(t))return!1;if(!f(e)||!f(t))return e===t;const o=Object.keys(e),r=Object.keys(t);return o.length===r.length&&o.every((o=>v(e[o],t[o])))},m=e=>{if(!(e instanceof HTMLElement||e instanceof SVGElement))return!1;const t=getComputedStyle(e);return["overflow","overflow-x","overflow-y"].some((e=>{const o=t.getPropertyValue(e);return"auto"===o||"scroll"===o}))},y=e=>{if(!e)return null;let t=e.parentElement;for(;t;){if(m(t))return t;t=t.parentElement}return document.scrollingElement||document.documentElement},h="undefined"!=typeof window?e.useLayoutEffect:e.useEffect,w="DEFAULT_TOOLTIP_ID",S={anchorRefs:new Set,activeAnchor:{current:null},attach:()=>{},detach:()=>{},setActiveAnchor:()=>{}},E={getTooltipData:()=>S},b=e.createContext(E);function g(t=w){return e.useContext(b).getTooltipData(t)}var A={tooltip:"core-styles-module_tooltip__3vRRp",fixed:"core-styles-module_fixed__pcSol",arrow:"core-styles-module_arrow__cvMwQ",noArrow:"core-styles-module_noArrow__xock6",clickable:"core-styles-module_clickable__ZuTTB",show:"core-styles-module_show__Nt9eE",closing:"core-styles-module_closing__sGnxF"},_={tooltip:"styles-module_tooltip__mnnfp",arrow:"styles-module_arrow__K0L3T",dark:"styles-module_dark__xNqje",light:"styles-module_light__Z6W-X",success:"styles-module_success__A2AKt",warning:"styles-module_warning__SCK0X",error:"styles-module_error__JvumD",info:"styles-module_info__BWdHW"};const O=({forwardRef:o,id:r,className:c,classNameArrow:s,variant:i="dark",anchorId:a,anchorSelect:d,place:f="top",offset:m=10,events:w=["hover"],openOnClick:S=!1,positionStrategy:E="absolute",middlewares:b,wrapper:O,delayShow:T=0,delayHide:k=0,float:R=!1,hidden:C=!1,noArrow:x=!1,clickable:L=!1,closeOnEsc:N=!1,closeOnScroll:$=!1,closeOnResize:I=!1,openEvents:j,closeEvents:B,globalCloseEvents:q,imperativeModeOnly:z,style:D,position:M,afterShow:H,afterHide:P,content:W,contentWrapperRef:V,isOpen:F,defaultIsOpen:U=!1,setIsOpen:K,activeAnchor:X,setActiveAnchor:Y,border:G,opacity:Z,arrowColor:J,role:Q="tooltip"})=>{var ee;const te=e.useRef(null),oe=e.useRef(null),re=e.useRef(null),le=e.useRef(null),ne=e.useRef(null),[ce,se]=e.useState({tooltipStyles:{},tooltipArrowStyles:{},place:f}),[ie,ae]=e.useState(!1),[ue,de]=e.useState(!1),[pe,fe]=e.useState(null),ve=e.useRef(!1),me=e.useRef(null),{anchorRefs:ye,setActiveAnchor:he}=g(r),we=e.useRef(!1),[Se,Ee]=e.useState([]),be=e.useRef(!1),ge=S||w.includes("click"),Ae=ge||(null==j?void 0:j.click)||(null==j?void 0:j.dblclick)||(null==j?void 0:j.mousedown),_e=j?{...j}:{mouseenter:!0,focus:!0,click:!1,dblclick:!1,mousedown:!1};!j&&ge&&Object.assign(_e,{mouseenter:!1,focus:!1,click:!0});const Oe=B?{...B}:{mouseleave:!0,blur:!0,click:!1,dblclick:!1,mouseup:!1};!B&&ge&&Object.assign(Oe,{mouseleave:!1,blur:!1});const Te=q?{...q}:{escape:N||!1,scroll:$||!1,resize:I||!1,clickOutsideAnchor:Ae||!1};z&&(Object.assign(_e,{mouseenter:!1,focus:!1,click:!1,dblclick:!1,mousedown:!1}),Object.assign(Oe,{mouseleave:!1,blur:!1,click:!1,dblclick:!1,mouseup:!1}),Object.assign(Te,{escape:!1,scroll:!1,resize:!1,clickOutsideAnchor:!1})),h((()=>(be.current=!0,()=>{be.current=!1})),[]);const ke=e=>{be.current&&(e&&de(!0),setTimeout((()=>{be.current&&(null==K||K(e),void 0===F&&ae(e))}),10))};e.useEffect((()=>{if(void 0===F)return()=>null;F&&de(!0);const e=setTimeout((()=>{ae(F)}),10);return()=>{clearTimeout(e)}}),[F]),e.useEffect((()=>{if(ie!==ve.current)if(ne.current&&clearTimeout(ne.current),ve.current=ie,ie)null==H||H();else{const e=(e=>{const t=e.match(/^([\d.]+)(ms|s)$/);if(!t)return 0;const[,o,r]=t;return Number(o)*("ms"===r?1:1e3)})(getComputedStyle(document.body).getPropertyValue("--rt-transition-show-delay"));ne.current=setTimeout((()=>{de(!1),fe(null),null==P||P()}),e+25)}}),[ie]);const Re=e=>{se((t=>v(t,e)?t:e))},Ce=(e=T)=>{re.current&&clearTimeout(re.current),ue?ke(!0):re.current=setTimeout((()=>{ke(!0)}),e)},xe=(e=k)=>{le.current&&clearTimeout(le.current),le.current=setTimeout((()=>{we.current||ke(!1)}),e)},Le=e=>{var t;if(!e)return;const o=null!==(t=e.currentTarget)&&void 0!==t?t:e.target;if(!(null==o?void 0:o.isConnected))return Y(null),void he({current:null});T?Ce():ke(!0),Y(o),he({current:o}),le.current&&clearTimeout(le.current)},Ne=()=>{L?xe(k||100):k?xe():ke(!1),re.current&&clearTimeout(re.current)},$e=({x:e,y:t})=>{var o;const r={getBoundingClientRect:()=>({x:e,y:t,width:0,height:0,top:t,left:e,right:e,bottom:t})};u({place:null!==(o=null==pe?void 0:pe.place)&&void 0!==o?o:f,offset:m,elementReference:r,tooltipReference:te.current,tooltipArrowReference:oe.current,strategy:E,middlewares:b,border:G}).then((e=>{Re(e)}))},Ie=e=>{if(!e)return;const t=e,o={x:t.clientX,y:t.clientY};$e(o),me.current=o},je=e=>{var t;if(!ie)return;const o=e.target;if(!o.isConnected)return;if(null===(t=te.current)||void 0===t?void 0:t.contains(o))return;[document.querySelector(`[id='${a}']`),...Se].some((e=>null==e?void 0:e.contains(o)))||(ke(!1),re.current&&clearTimeout(re.current))},Be=p(Le,50,!0),qe=p(Ne,50,!0),ze=e=>{qe.cancel(),Be(e)},De=()=>{Be.cancel(),qe()},Me=e.useCallback((()=>{var e,t;const o=null!==(e=null==pe?void 0:pe.position)&&void 0!==e?e:M;o?$e(o):R?me.current&&$e(me.current):(null==X?void 0:X.isConnected)&&u({place:null!==(t=null==pe?void 0:pe.place)&&void 0!==t?t:f,offset:m,elementReference:X,tooltipReference:te.current,tooltipArrowReference:oe.current,strategy:E,middlewares:b,border:G}).then((e=>{be.current&&Re(e)}))}),[ie,X,W,D,f,null==pe?void 0:pe.place,m,E,M,null==pe?void 0:pe.position,R]);e.useEffect((()=>{var e,o;const r=new Set(ye);Se.forEach((e=>{r.add({current:e})}));const l=document.querySelector(`[id='${a}']`);l&&r.add({current:l});const n=()=>{ke(!1)},c=y(X),s=y(te.current);Te.scroll&&(window.addEventListener("scroll",n),null==c||c.addEventListener("scroll",n),null==s||s.addEventListener("scroll",n));let i=null;Te.resize?window.addEventListener("resize",n):X&&te.current&&(i=t.autoUpdate(X,te.current,Me,{ancestorResize:!0,elementResize:!0,layoutShift:!0}));const u=e=>{"Escape"===e.key&&ke(!1)};Te.escape&&window.addEventListener("keydown",u),Te.clickOutsideAnchor&&window.addEventListener("click",je);const d=[],p=e=>{ie&&(null==e?void 0:e.target)===X||Le(e)},f=e=>{ie&&(null==e?void 0:e.target)===X&&Ne()},v=["mouseenter","mouseleave","focus","blur"],m=["click","dblclick","mousedown","mouseup"];Object.entries(_e).forEach((([e,t])=>{t&&(v.includes(e)?d.push({event:e,listener:ze}):m.includes(e)&&d.push({event:e,listener:p}))})),Object.entries(Oe).forEach((([e,t])=>{t&&(v.includes(e)?d.push({event:e,listener:De}):m.includes(e)&&d.push({event:e,listener:f}))})),R&&d.push({event:"pointermove",listener:Ie});const h=()=>{we.current=!0},w=()=>{we.current=!1,Ne()};return L&&!Ae&&(null===(e=te.current)||void 0===e||e.addEventListener("mouseenter",h),null===(o=te.current)||void 0===o||o.addEventListener("mouseleave",w)),d.forEach((({event:e,listener:t})=>{r.forEach((o=>{var r;null===(r=o.current)||void 0===r||r.addEventListener(e,t)}))})),()=>{var e,t;Te.scroll&&(window.removeEventListener("scroll",n),null==c||c.removeEventListener("scroll",n),null==s||s.removeEventListener("scroll",n)),Te.resize?window.removeEventListener("resize",n):null==i||i(),Te.clickOutsideAnchor&&window.removeEventListener("click",je),Te.escape&&window.removeEventListener("keydown",u),L&&!Ae&&(null===(e=te.current)||void 0===e||e.removeEventListener("mouseenter",h),null===(t=te.current)||void 0===t||t.removeEventListener("mouseleave",w)),d.forEach((({event:e,listener:t})=>{r.forEach((o=>{var r;null===(r=o.current)||void 0===r||r.removeEventListener(e,t)}))}))}}),[X,Me,ue,ye,Se,j,B,q,ge,T,k]),e.useEffect((()=>{var e,t;let o=null!==(t=null!==(e=null==pe?void 0:pe.anchorSelect)&&void 0!==e?e:d)&&void 0!==t?t:"";!o&&r&&(o=`[data-tooltip-id='${r.replace(/'/g,"\\'")}']`);const l=new MutationObserver((e=>{const t=[],l=[];e.forEach((e=>{if("attributes"===e.type&&"data-tooltip-id"===e.attributeName){e.target.getAttribute("data-tooltip-id")===r?t.push(e.target):e.oldValue===r&&l.push(e.target)}if("childList"===e.type){if(X){const t=[...e.removedNodes].filter((e=>1===e.nodeType));if(o)try{l.push(...t.filter((e=>e.matches(o)))),l.push(...t.flatMap((e=>[...e.querySelectorAll(o)])))}catch(e){}t.some((e=>{var t;return!!(null===(t=null==e?void 0:e.contains)||void 0===t?void 0:t.call(e,X))&&(de(!1),ke(!1),Y(null),re.current&&clearTimeout(re.current),le.current&&clearTimeout(le.current),!0)}))}if(o)try{const r=[...e.addedNodes].filter((e=>1===e.nodeType));t.push(...r.filter((e=>e.matches(o)))),t.push(...r.flatMap((e=>[...e.querySelectorAll(o)])))}catch(e){}}})),(t.length||l.length)&&Ee((e=>[...e.filter((e=>!l.includes(e))),...t]))}));return l.observe(document.body,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["data-tooltip-id"],attributeOldValue:!0}),()=>{l.disconnect()}}),[r,d,null==pe?void 0:pe.anchorSelect,X]),e.useEffect((()=>{Me()}),[Me]),e.useEffect((()=>{if(!(null==V?void 0:V.current))return()=>null;const e=new ResizeObserver((()=>{setTimeout((()=>Me()))}));return e.observe(V.current),()=>{e.disconnect()}}),[W,null==V?void 0:V.current]),e.useEffect((()=>{var e;const t=document.querySelector(`[id='${a}']`),o=[...Se,t];X&&o.includes(X)||Y(null!==(e=Se[0])&&void 0!==e?e:t)}),[a,Se,X]),e.useEffect((()=>(U&&ke(!0),()=>{re.current&&clearTimeout(re.current),le.current&&clearTimeout(le.current)})),[]),e.useEffect((()=>{var e;let t=null!==(e=null==pe?void 0:pe.anchorSelect)&&void 0!==e?e:d;if(!t&&r&&(t=`[data-tooltip-id='${r.replace(/'/g,"\\'")}']`),t)try{const e=Array.from(document.querySelectorAll(t));Ee(e)}catch(e){Ee([])}}),[r,d,null==pe?void 0:pe.anchorSelect]),e.useEffect((()=>{re.current&&(clearTimeout(re.current),Ce(T))}),[T]);const He=null!==(ee=null==pe?void 0:pe.content)&&void 0!==ee?ee:W,Pe=ie&&Object.keys(ce.tooltipStyles).length>0;return e.useImperativeHandle(o,(()=>({open:e=>{if(null==e?void 0:e.anchorSelect)try{document.querySelector(e.anchorSelect)}catch(t){return void console.warn(`[react-tooltip] "${e.anchorSelect}" is not a valid CSS selector`)}fe(null!=e?e:null),(null==e?void 0:e.delay)?Ce(e.delay):ke(!0)},close:e=>{(null==e?void 0:e.delay)?xe(e.delay):ke(!1)},activeAnchor:X,place:ce.place,isOpen:Boolean(ue&&!C&&He&&Pe)}))),ue&&!C&&He?l.default.createElement(O,{id:r,role:Q,className:n.default("react-tooltip",A.tooltip,_.tooltip,_[i],c,`react-tooltip__place-${ce.place}`,A[Pe?"show":"closing"],Pe?"react-tooltip__show":"react-tooltip__closing","fixed"===E&&A.fixed,L&&A.clickable),onTransitionEnd:e=>{ne.current&&clearTimeout(ne.current),ie||"opacity"!==e.propertyName||(de(!1),fe(null),null==P||P())},style:{...D,...ce.tooltipStyles,opacity:void 0!==Z&&Pe?Z:void 0},ref:te},He,l.default.createElement(O,{className:n.default("react-tooltip-arrow",A.arrow,_.arrow,s,x&&A.noArrow),style:{...ce.tooltipArrowStyles,background:J?`linear-gradient(to right bottom, transparent 50%, ${J} 50%)`:void 0},ref:oe})):null},T=({content:e})=>l.default.createElement("span",{dangerouslySetInnerHTML:{__html:e}}),k=l.default.forwardRef((({id:t,anchorId:o,anchorSelect:r,content:c,html:s,render:i,className:a,classNameArrow:u,variant:p="dark",place:f="top",offset:v=10,wrapper:m="div",children:y=null,events:h=["hover"],openOnClick:w=!1,positionStrategy:S="absolute",middlewares:E,delayShow:b=0,delayHide:A=0,float:_=!1,hidden:k=!1,noArrow:R=!1,clickable:C=!1,closeOnEsc:x=!1,closeOnScroll:L=!1,closeOnResize:N=!1,openEvents:$,closeEvents:I,globalCloseEvents:j,imperativeModeOnly:B=!1,style:q,position:z,isOpen:D,defaultIsOpen:M=!1,disableStyleInjection:H=!1,border:P,opacity:W,arrowColor:V,setIsOpen:F,afterShow:U,afterHide:K,role:X="tooltip"},Y)=>{const[G,Z]=e.useState(c),[J,Q]=e.useState(s),[ee,te]=e.useState(f),[oe,re]=e.useState(p),[le,ne]=e.useState(v),[ce,se]=e.useState(b),[ie,ae]=e.useState(A),[ue,de]=e.useState(_),[pe,fe]=e.useState(k),[ve,me]=e.useState(m),[ye,he]=e.useState(h),[we,Se]=e.useState(S),[Ee,be]=e.useState(null),[ge,Ae]=e.useState(null),_e=e.useRef(H),{anchorRefs:Oe,activeAnchor:Te}=g(t),ke=e=>null==e?void 0:e.getAttributeNames().reduce(((t,o)=>{var r;if(o.startsWith("data-tooltip-")){t[o.replace(/^data-tooltip-/,"")]=null!==(r=null==e?void 0:e.getAttribute(o))&&void 0!==r?r:null}return t}),{}),Re=e=>{const t={place:e=>{var t;te(null!==(t=e)&&void 0!==t?t:f)},content:e=>{Z(null!=e?e:c)},html:e=>{Q(null!=e?e:s)},variant:e=>{var t;re(null!==(t=e)&&void 0!==t?t:p)},offset:e=>{ne(null===e?v:Number(e))},wrapper:e=>{var t;me(null!==(t=e)&&void 0!==t?t:m)},events:e=>{const t=null==e?void 0:e.split(" ");he(null!=t?t:h)},"position-strategy":e=>{var t;Se(null!==(t=e)&&void 0!==t?t:S)},"delay-show":e=>{se(null===e?b:Number(e))},"delay-hide":e=>{ae(null===e?A:Number(e))},float:e=>{de(null===e?_:"true"===e)},hidden:e=>{fe(null===e?k:"true"===e)},"class-name":e=>{be(e)}};Object.values(t).forEach((e=>e(null))),Object.entries(e).forEach((([e,o])=>{var r;null===(r=t[e])||void 0===r||r.call(t,o)}))};e.useEffect((()=>{Z(c)}),[c]),e.useEffect((()=>{Q(s)}),[s]),e.useEffect((()=>{te(f)}),[f]),e.useEffect((()=>{re(p)}),[p]),e.useEffect((()=>{ne(v)}),[v]),e.useEffect((()=>{se(b)}),[b]),e.useEffect((()=>{ae(A)}),[A]),e.useEffect((()=>{de(_)}),[_]),e.useEffect((()=>{fe(k)}),[k]),e.useEffect((()=>{Se(S)}),[S]),e.useEffect((()=>{_e.current!==H&&console.warn("[react-tooltip] Do not change `disableStyleInjection` dynamically.")}),[H]),e.useEffect((()=>{"undefined"!=typeof window&&window.dispatchEvent(new CustomEvent("react-tooltip-inject-styles",{detail:{disableCore:"core"===H,disableBase:H}}))}),[]),e.useEffect((()=>{var e;const l=new Set(Oe);let n=r;if(!n&&t&&(n=`[data-tooltip-id='${t.replace(/'/g,"\\'")}']`),n)try{document.querySelectorAll(n).forEach((e=>{l.add({current:e})}))}catch(e){console.warn(`[react-tooltip] "${n}" is not a valid CSS selector`)}const c=document.querySelector(`[id='${o}']`);if(c&&l.add({current:c}),!l.size)return()=>null;const s=null!==(e=null!=ge?ge:c)&&void 0!==e?e:Te.current,i=new MutationObserver((e=>{e.forEach((e=>{var t;if(!s||"attributes"!==e.type||!(null===(t=e.attributeName)||void 0===t?void 0:t.startsWith("data-tooltip-")))return;const o=ke(s);Re(o)}))})),a={attributes:!0,childList:!1,subtree:!1};if(s){const e=ke(s);Re(e),i.observe(s,a)}return()=>{i.disconnect()}}),[Oe,Te,ge,o,r]),e.useEffect((()=>{(null==q?void 0:q.border)&&console.warn("[react-tooltip] Do not set `style.border`. Use `border` prop instead."),P&&!d("border",`${P}`)&&console.warn(`[react-tooltip] "${P}" is not a valid \`border\`.`),(null==q?void 0:q.opacity)&&console.warn("[react-tooltip] Do not set `style.opacity`. Use `opacity` prop instead."),W&&!d("opacity",`${W}`)&&console.warn(`[react-tooltip] "${W}" is not a valid \`opacity\`.`)}),[]);let Ce=y;const xe=e.useRef(null);if(i){const e=i({content:(null==ge?void 0:ge.getAttribute("data-tooltip-content"))||G||null,activeAnchor:ge});Ce=e?l.default.createElement("div",{ref:xe,className:"react-tooltip-content-wrapper"},e):null}else G&&(Ce=G);J&&(Ce=l.default.createElement(T,{content:J}));const Le={forwardRef:Y,id:t,anchorId:o,anchorSelect:r,className:n.default(a,Ee),classNameArrow:u,content:Ce,contentWrapperRef:xe,place:ee,variant:oe,offset:le,wrapper:ve,events:ye,openOnClick:w,positionStrategy:we,middlewares:E,delayShow:ce,delayHide:ie,float:ue,hidden:pe,noArrow:R,clickable:C,closeOnEsc:x,closeOnScroll:L,closeOnResize:N,openEvents:$,closeEvents:I,globalCloseEvents:j,imperativeModeOnly:B,style:q,position:z,isOpen:D,defaultIsOpen:M,border:P,opacity:W,arrowColor:V,setIsOpen:F,afterShow:U,afterHide:K,activeAnchor:ge,setActiveAnchor:e=>Ae(e),role:X};return l.default.createElement(O,{...Le})}));"undefined"!=typeof window&&window.addEventListener("react-tooltip-inject-styles",(e=>{e.detail.disableCore||a({css:`:root{--rt-color-white:#fff;--rt-color-dark:#222;--rt-color-success:#8dc572;--rt-color-error:#be6464;--rt-color-warning:#f0ad4e;--rt-color-info:#337ab7;--rt-opacity:0.9;--rt-transition-show-delay:0.15s;--rt-transition-closing-delay:0.15s}.core-styles-module_tooltip__3vRRp{position:absolute;top:0;left:0;pointer-events:none;opacity:0;will-change:opacity}.core-styles-module_fixed__pcSol{position:fixed}.core-styles-module_arrow__cvMwQ{position:absolute;background:inherit}.core-styles-module_noArrow__xock6{display:none}.core-styles-module_clickable__ZuTTB{pointer-events:auto}.core-styles-module_show__Nt9eE{opacity:var(--rt-opacity);transition:opacity var(--rt-transition-show-delay)ease-out}.core-styles-module_closing__sGnxF{opacity:0;transition:opacity var(--rt-transition-closing-delay)ease-in}`,type:"core"}),e.detail.disableBase||a({css:`
-.styles-module_tooltip__mnnfp{padding:8px 16px;border-radius:3px;font-size:90%;width:max-content}.styles-module_arrow__K0L3T{width:8px;height:8px}[class*='react-tooltip__place-top']>.styles-module_arrow__K0L3T{transform:rotate(45deg)}[class*='react-tooltip__place-right']>.styles-module_arrow__K0L3T{transform:rotate(135deg)}[class*='react-tooltip__place-bottom']>.styles-module_arrow__K0L3T{transform:rotate(225deg)}[class*='react-tooltip__place-left']>.styles-module_arrow__K0L3T{transform:rotate(315deg)}.styles-module_dark__xNqje{background:var(--rt-color-dark);color:var(--rt-color-white)}.styles-module_light__Z6W-X{background-color:var(--rt-color-white);color:var(--rt-color-dark)}.styles-module_success__A2AKt{background-color:var(--rt-color-success);color:var(--rt-color-white)}.styles-module_warning__SCK0X{background-color:var(--rt-color-warning);color:var(--rt-color-white)}.styles-module_error__JvumD{background-color:var(--rt-color-error);color:var(--rt-color-white)}.styles-module_info__BWdHW{background-color:var(--rt-color-info);color:var(--rt-color-white)}`,type:"base"})})),exports.Tooltip=k,exports.TooltipProvider=({children:t})=>{const[o,r]=e.useState({[w]:new Set}),[n,c]=e.useState({[w]:{current:null}}),s=(e,...t)=>{r((o=>{var r;const l=null!==(r=o[e])&&void 0!==r?r:new Set;return t.forEach((e=>l.add(e))),{...o,[e]:new Set(l)}}))},i=(e,...t)=>{r((o=>{const r=o[e];return r?(t.forEach((e=>r.delete(e))),{...o}):o}))},a=e.useCallback(((e=w)=>{var t,r;return{anchorRefs:null!==(t=o[e])&&void 0!==t?t:new Set,activeAnchor:null!==(r=n[e])&&void 0!==r?r:{current:null},attach:(...t)=>s(e,...t),detach:(...t)=>i(e,...t),setActiveAnchor:t=>((e,t)=>{c((o=>{var r;return(null===(r=o[e])||void 0===r?void 0:r.current)===t.current?o:{...o,[e]:t}}))})(e,t)}}),[o,n,s,i]),u=e.useMemo((()=>({getTooltipData:a})),[a]);return l.default.createElement(b.Provider,{value:u},t)},exports.TooltipWrapper=({tooltipId:t,children:o,className:r,place:c,content:s,html:i,variant:a,offset:u,wrapper:d,events:p,positionStrategy:f,delayShow:v,delayHide:m})=>{const{attach:y,detach:h}=g(t),w=e.useRef(null);return e.useEffect((()=>(y(w),()=>{h(w)})),[]),l.default.createElement("span",{ref:w,className:n.default("react-tooltip-wrapper",r),"data-tooltip-place":c,"data-tooltip-content":s,"data-tooltip-html":i,"data-tooltip-variant":a,"data-tooltip-offset":u,"data-tooltip-wrapper":d,"data-tooltip-events":p,"data-tooltip-position-strategy":f,"data-tooltip-delay-show":v,"data-tooltip-delay-hide":m},o)},exports.removeStyle=function({type:e="base",id:t=s}={}){if(!i[e])return;"core"===e&&(t=c);const o=document.getElementById(t);"style"===(null==o?void 0:o.tagName)?null==o||o.remove():console.warn(`[react-tooltip] Failed to remove 'style' element with id '${t}'. Call \`injectStyle()\` first`),i[e]=!1};
+"use strict";var e=require("react"),t=require("@floating-ui/dom"),o=require("clsx");const r={core:!1,base:!1};function l({css:e,id:t="react-tooltip-base-styles",type:o="base",ref:l}){var n,s;if(!e||"undefined"==typeof document||r[o])return;if("core"===o&&"undefined"!=typeof process&&(null===(n=null===process||void 0===process?void 0:process.env)||void 0===n?void 0:n.REACT_TOOLTIP_DISABLE_CORE_STYLES))return;if("base"!==o&&"undefined"!=typeof process&&(null===(s=null===process||void 0===process?void 0:process.env)||void 0===s?void 0:s.REACT_TOOLTIP_DISABLE_BASE_STYLES))return;"core"===o&&(t="react-tooltip-core-styles"),l||(l={});const{insertAt:c}=l;if(document.getElementById(t))return void console.warn(`[react-tooltip] Element with id '${t}' already exists. Call \`removeStyle()\` first`);const i=document.head||document.getElementsByTagName("head")[0],a=document.createElement("style");a.id=t,a.type="text/css","top"===c&&i.firstChild?i.insertBefore(a,i.firstChild):i.appendChild(a),a.styleSheet?a.styleSheet.cssText=e:a.appendChild(document.createTextNode(e)),r[o]=!0}const n=async({elementReference:e=null,tooltipReference:o=null,tooltipArrowReference:r=null,place:l="top",offset:n=10,strategy:s="absolute",middlewares:c=[t.offset(Number(n)),t.flip({fallbackAxisSideDirection:"start"}),t.shift({padding:5})],border:i})=>{if(!e)return{tooltipStyles:{},tooltipArrowStyles:{},place:l};if(null===o)return{tooltipStyles:{},tooltipArrowStyles:{},place:l};const a=c;return r?(a.push(t.arrow({element:r,padding:5})),t.computePosition(e,o,{placement:l,strategy:s,middleware:a}).then((({x:e,y:t,placement:o,middlewareData:r})=>{var l,n;const s={left:`${e}px`,top:`${t}px`,border:i},{x:c,y:a}=null!==(l=r.arrow)&&void 0!==l?l:{x:0,y:0},u=null!==(n={top:"bottom",right:"left",bottom:"top",left:"right"}[o.split("-")[0]])&&void 0!==n?n:"bottom",d=i&&{borderBottom:i,borderRight:i};let p=0;if(i){const e=`${i}`.match(/(\d+)px/);p=(null==e?void 0:e[1])?Number(e[1]):1}return{tooltipStyles:s,tooltipArrowStyles:{left:null!=c?`${c}px`:"",top:null!=a?`${a}px`:"",right:"",bottom:"",...d,[u]:`-${4+p}px`},place:o}}))):t.computePosition(e,o,{placement:"bottom",strategy:s,middleware:a}).then((({x:e,y:t,placement:o})=>({tooltipStyles:{left:`${e}px`,top:`${t}px`},tooltipArrowStyles:{},place:o})))},s=(e,t)=>!("CSS"in window&&"supports"in window.CSS)||window.CSS.supports(e,t),c=(e,t,o)=>{let r=null;const l=function(...o){const l=()=>{r=null};r||(e.apply(this,o),r=setTimeout(l,t))};return l.cancel=()=>{r&&(clearTimeout(r),r=null)},l},i=e=>null!==e&&!Array.isArray(e)&&"object"==typeof e,a=(e,t)=>{if(e===t)return!0;if(Array.isArray(e)&&Array.isArray(t))return e.length===t.length&&e.every(((e,o)=>a(e,t[o])));if(Array.isArray(e)!==Array.isArray(t))return!1;if(!i(e)||!i(t))return e===t;const o=Object.keys(e),r=Object.keys(t);return o.length===r.length&&o.every((o=>a(e[o],t[o])))},u=e=>{if(!(e instanceof HTMLElement||e instanceof SVGElement))return!1;const t=getComputedStyle(e);return["overflow","overflow-x","overflow-y"].some((e=>{const o=t.getPropertyValue(e);return"auto"===o||"scroll"===o}))},d=e=>{if(!e)return null;let t=e.parentElement;for(;t;){if(u(t))return t;t=t.parentElement}return document.scrollingElement||document.documentElement},p="undefined"!=typeof window?e.useLayoutEffect:e.useEffect;var f={tooltip:"core-styles-module_tooltip__3vRRp",fixed:"core-styles-module_fixed__pcSol",arrow:"core-styles-module_arrow__cvMwQ",noArrow:"core-styles-module_noArrow__xock6",clickable:"core-styles-module_clickable__ZuTTB",show:"core-styles-module_show__Nt9eE",closing:"core-styles-module_closing__sGnxF"},v={tooltip:"styles-module_tooltip__mnnfp",arrow:"styles-module_arrow__K0L3T",dark:"styles-module_dark__xNqje",light:"styles-module_light__Z6W-X",success:"styles-module_success__A2AKt",warning:"styles-module_warning__SCK0X",error:"styles-module_error__JvumD",info:"styles-module_info__BWdHW"};const m=({forwardRef:r,id:l,className:s,classNameArrow:i,variant:u="dark",anchorSelect:m,place:y="top",offset:w=10,openOnClick:h=!1,positionStrategy:b="absolute",middlewares:E,wrapper:S,delayShow:g=0,delayHide:_=0,float:A=!1,hidden:k=!1,noArrow:O=!1,clickable:T=!1,openEvents:C,closeEvents:R,globalCloseEvents:L,imperativeModeOnly:x,style:N,position:$,afterShow:j,afterHide:I,content:B,contentWrapperRef:z,isOpen:H,defaultIsOpen:q=!1,setIsOpen:D,activeAnchor:M,setActiveAnchor:W,border:P,opacity:V,arrowColor:K,role:U="tooltip"})=>{var X;const Y=e.useRef(null),F=e.useRef(null),G=e.useRef(null),Z=e.useRef(null),J=e.useRef(null),[Q,ee]=e.useState({tooltipStyles:{},tooltipArrowStyles:{},place:y}),[te,oe]=e.useState(!1),[re,le]=e.useState(!1),[ne,se]=e.useState(null),ce=e.useRef(!1),ie=e.useRef(null),ae=e.useRef(!1),[ue,de]=e.useState([]),pe=e.useRef(!1);p((()=>(pe.current=!0,()=>{pe.current=!1})),[]);const fe=e.useCallback((e=>{pe.current&&(e&&le(!0),setTimeout((()=>{pe.current&&(null==D||D(e),void 0===H&&oe(e))}),10))}),[H,D]);e.useEffect((()=>{if(void 0===H)return()=>null;H&&le(!0);const e=setTimeout((()=>{oe(H)}),10);return()=>{clearTimeout(e)}}),[H]),e.useEffect((()=>{if(te!==ce.current)if(J.current&&clearTimeout(J.current),ce.current=te,te)null==j||j();else{const e=(e=>{const t=e.match(/^([\d.]+)(m?s)$/);if(!t)return 0;const[,o,r]=t;return Number(o)*("ms"===r?1:1e3)})(getComputedStyle(document.body).getPropertyValue("--rt-transition-show-delay"));J.current=setTimeout((()=>{le(!1),se(null),null==I||I()}),e+25)}}),[I,j,te]);const ve=e=>{ee((t=>a(t,e)?t:e))},me=e.useCallback(((e=g)=>{G.current&&clearTimeout(G.current),re?fe(!0):G.current=setTimeout((()=>{fe(!0)}),e)}),[g,fe,re]),ye=e.useCallback(((e=_)=>{Z.current&&clearTimeout(Z.current),Z.current=setTimeout((()=>{ae.current||fe(!1)}),e)}),[_,fe]),we=e.useCallback((({x:e,y:t})=>{var o;const r={getBoundingClientRect:()=>({x:e,y:t,width:0,height:0,top:t,left:e,right:e,bottom:t})};n({place:null!==(o=null==ne?void 0:ne.place)&&void 0!==o?o:y,offset:w,elementReference:r,tooltipReference:Y.current,tooltipArrowReference:F.current,strategy:b,middlewares:E,border:P}).then((e=>{ve(e)}))}),[null==ne?void 0:ne.place,y,w,b,E,P]),he=e.useCallback((()=>{var e,t;const o=null!==(e=null==ne?void 0:ne.position)&&void 0!==e?e:$;o?we(o):A?ie.current&&we(ie.current):(null==M?void 0:M.isConnected)&&n({place:null!==(t=null==ne?void 0:ne.place)&&void 0!==t?t:y,offset:w,elementReference:M,tooltipReference:Y.current,tooltipArrowReference:F.current,strategy:b,middlewares:E,border:P}).then((e=>{pe.current&&ve(e)}))}),[null==ne?void 0:ne.position,null==ne?void 0:ne.place,$,A,M,y,w,b,E,P,we]);e.useEffect((()=>{const e=e=>{if(!e)return;const t=e,o={x:t.clientX,y:t.clientY};we(o),ie.current=o},o=e=>{var t;if(!te)return;const o=e.target;o.isConnected&&((null===(t=Y.current)||void 0===t?void 0:t.contains(o))||ue.some((e=>null==e?void 0:e.contains(o)))||(fe(!1),G.current&&clearTimeout(G.current)))},r=e=>{var t;if(!e)return;const o=null!==(t=e.currentTarget)&&void 0!==t?t:e.target;(null==o?void 0:o.isConnected)?(g?me():fe(!0),W(o),Z.current&&clearTimeout(Z.current)):W(null)},l=()=>{T?ye(_||100):_?ye():fe(!1),G.current&&clearTimeout(G.current)},n=c(r,50),s=c(l,50),i=e=>{s.cancel(),n(e)},a=()=>{n.cancel(),s()},u=()=>{fe(!1)},p=h||(null==C?void 0:C.click)||(null==C?void 0:C.dblclick)||(null==C?void 0:C.mousedown),f=C?{...C}:{mouseenter:!0,focus:!0,click:!1,dblclick:!1,mousedown:!1};!C&&h&&Object.assign(f,{mouseenter:!1,focus:!1,click:!0});const v=R?{...R}:{mouseleave:!0,blur:!0,click:!1,dblclick:!1,mouseup:!1};!R&&h&&Object.assign(v,{mouseleave:!1,blur:!1});const m=L?{...L}:{escape:!1,scroll:!1,resize:!1,clickOutsideAnchor:p||!1};x&&(Object.assign(f,{mouseenter:!1,focus:!1,click:!1,dblclick:!1,mousedown:!1}),Object.assign(v,{mouseleave:!1,blur:!1,click:!1,dblclick:!1,mouseup:!1}),Object.assign(m,{escape:!1,scroll:!1,resize:!1,clickOutsideAnchor:!1}));const y=Y.current,w=d(Y.current),b=d(M);m.scroll&&(window.addEventListener("scroll",u),null==b||b.addEventListener("scroll",u),null==w||w.addEventListener("scroll",u));let E=null;m.resize?window.addEventListener("resize",u):M&&Y.current&&(E=t.autoUpdate(M,Y.current,he,{ancestorResize:!0,elementResize:!0,layoutShift:!0}));const S=e=>{"Escape"===e.key&&fe(!1)};m.escape&&window.addEventListener("keydown",S),m.clickOutsideAnchor&&window.addEventListener("click",o);const k=[],O=e=>{te&&(null==e?void 0:e.target)===M||r(e)},N=e=>{te&&(null==e?void 0:e.target)===M&&l()},$=["mouseenter","mouseleave","focus","blur"],j=["click","dblclick","mousedown","mouseup"];Object.entries(f).forEach((([e,t])=>{t&&($.includes(e)?k.push({event:e,listener:i}):j.includes(e)&&k.push({event:e,listener:O}))})),Object.entries(v).forEach((([e,t])=>{t&&($.includes(e)?k.push({event:e,listener:a}):j.includes(e)&&k.push({event:e,listener:N}))})),A&&k.push({event:"pointermove",listener:e});const I=()=>{ae.current=!0},B=()=>{ae.current=!1,l()};return T&&!p&&(null==y||y.addEventListener("mouseenter",I),null==y||y.addEventListener("mouseleave",B)),k.forEach((({event:e,listener:t})=>{ue.forEach((o=>{o.addEventListener(e,t)}))})),()=>{m.scroll&&(window.removeEventListener("scroll",u),null==b||b.removeEventListener("scroll",u),null==w||w.removeEventListener("scroll",u)),m.resize?window.removeEventListener("resize",u):null==E||E(),m.clickOutsideAnchor&&window.removeEventListener("click",o),m.escape&&window.removeEventListener("keydown",S),T&&!p&&(null==y||y.removeEventListener("mouseenter",I),null==y||y.removeEventListener("mouseleave",B)),k.forEach((({event:e,listener:t})=>{ue.forEach((o=>{o.removeEventListener(e,t)}))}))}}),[M,ue,T,R,_,g,A,L,ye,fe,me,we,x,C,h,W,te,he]),e.useEffect((()=>{var e,t;let o=null!==(t=null!==(e=null==ne?void 0:ne.anchorSelect)&&void 0!==e?e:m)&&void 0!==t?t:"";!o&&l&&(o=`[data-tooltip-id='${l.replace(/'/g,"\\'")}']`);const r=new MutationObserver((e=>{const t=new Set,r=new Set;e.forEach((e=>{if("attributes"===e.type&&"data-tooltip-id"===e.attributeName){const o=e.target;o.getAttribute("data-tooltip-id")===l?t.add(o):e.oldValue===l&&r.add(o)}if("childList"!==e.type)return;const n=[...e.removedNodes].filter((e=>1===e.nodeType));if(M&&n.some((e=>{var t;return!!(null===(t=null==e?void 0:e.contains)||void 0===t?void 0:t.call(e,M))&&(le(!1),fe(!1),W(null),G.current&&clearTimeout(G.current),Z.current&&clearTimeout(Z.current),!0)})),o){try{n.forEach((e=>{const t=e;t.matches(o)?r.add(t):t.querySelectorAll(o).forEach((e=>r.add(e)))}))}catch(e){console.warn(`[react-tooltip] "${o}" is not a valid CSS selector`)}try{[...e.addedNodes].filter((e=>1===e.nodeType)).forEach((e=>{const r=e;r.matches(o)?t.add(r):r.querySelectorAll(o).forEach((e=>t.add(e)))}))}catch(e){console.warn(`[react-tooltip] "${o}" is not a valid CSS selector`)}}})),(t.size||r.size)&&de((e=>[...e.filter((e=>!r.has(e))),...t]))}));return r.observe(document.body,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["data-tooltip-id"],attributeOldValue:!0}),()=>{r.disconnect()}}),[l,m,null==ne?void 0:ne.anchorSelect,M,fe,W]),e.useEffect((()=>{he()}),[he]),e.useEffect((()=>{if(!(null==z?void 0:z.current))return()=>null;const e=new ResizeObserver((()=>{setTimeout((()=>he()))}));return e.observe(z.current),()=>{e.disconnect()}}),[B,z,he]),e.useEffect((()=>{var e;M&&ue.includes(M)||W(null!==(e=ue[0])&&void 0!==e?e:null)}),[ue,M,W]),e.useEffect((()=>(q&&fe(!0),()=>{G.current&&clearTimeout(G.current),Z.current&&clearTimeout(Z.current)})),[q,fe]),e.useEffect((()=>{var e;let t=null!==(e=null==ne?void 0:ne.anchorSelect)&&void 0!==e?e:m;if(!t&&l&&(t=`[data-tooltip-id='${l.replace(/'/g,"\\'")}']`),t)try{const e=Array.from(document.querySelectorAll(t));de(e)}catch(e){de([])}}),[l,m,null==ne?void 0:ne.anchorSelect]),e.useEffect((()=>{G.current&&(clearTimeout(G.current),me(g))}),[g,me]);const be=null!==(X=null==ne?void 0:ne.content)&&void 0!==X?X:B,Ee=te&&Object.keys(Q.tooltipStyles).length>0;return e.useImperativeHandle(r,(()=>({open:e=>{if(null==e?void 0:e.anchorSelect)try{document.querySelector(e.anchorSelect)}catch(t){return void console.warn(`[react-tooltip] "${e.anchorSelect}" is not a valid CSS selector`)}se(null!=e?e:null),(null==e?void 0:e.delay)?me(e.delay):fe(!0)},close:e=>{(null==e?void 0:e.delay)?ye(e.delay):fe(!1)},activeAnchor:M,place:Q.place,isOpen:Boolean(re&&!k&&be&&Ee)}))),re&&!k&&be?e.createElement(S,{id:l,role:U,className:o("react-tooltip",f.tooltip,v.tooltip,v[u],s,`react-tooltip__place-${Q.place}`,f[Ee?"show":"closing"],Ee?"react-tooltip__show":"react-tooltip__closing","fixed"===b&&f.fixed,T&&f.clickable),onTransitionEnd:e=>{J.current&&clearTimeout(J.current),te||"opacity"!==e.propertyName||(le(!1),se(null),null==I||I())},style:{...N,...Q.tooltipStyles,opacity:void 0!==V&&Ee?V:void 0},ref:Y},be,e.createElement(S,{className:o("react-tooltip-arrow",f.arrow,v.arrow,i,O&&f.noArrow),style:{...Q.tooltipArrowStyles,background:K?`linear-gradient(to right bottom, transparent 50%, ${K} 50%)`:void 0},ref:F})):null},y=e.forwardRef((({id:t,anchorSelect:r,content:l,render:n,className:c,classNameArrow:i,variant:a="dark",place:u="top",offset:d=10,wrapper:p="div",children:f=null,openOnClick:v=!1,positionStrategy:y="absolute",middlewares:w,delayShow:h=0,delayHide:b=0,float:E=!1,hidden:S=!1,noArrow:g=!1,clickable:_=!1,openEvents:A,closeEvents:k,globalCloseEvents:O,imperativeModeOnly:T=!1,style:C,position:R,isOpen:L,defaultIsOpen:x=!1,disableStyleInjection:N=!1,border:$,opacity:j,arrowColor:I,setIsOpen:B,afterShow:z,afterHide:H,role:q="tooltip"},D)=>{const[M,W]=e.useState(l),[P,V]=e.useState(u),[K,U]=e.useState(a),[X,Y]=e.useState(d),[F,G]=e.useState(h),[Z,J]=e.useState(b),[Q,ee]=e.useState(E),[te,oe]=e.useState(S),[re,le]=e.useState(p),[ne,se]=e.useState(y),[ce,ie]=e.useState(null),[ae,ue]=e.useState(null),de=e.useRef(N),pe=e=>null==e?void 0:e.getAttributeNames().reduce(((t,o)=>{var r;if(o.startsWith("data-tooltip-")){t[o.replace(/^data-tooltip-/,"")]=null!==(r=null==e?void 0:e.getAttribute(o))&&void 0!==r?r:null}return t}),{}),fe=e.useCallback((e=>{const t={place:e=>{var t;V(null!==(t=e)&&void 0!==t?t:u)},content:e=>{W(null!=e?e:l)},variant:e=>{var t;U(null!==(t=e)&&void 0!==t?t:a)},offset:e=>{Y(null===e?d:Number(e))},wrapper:e=>{var t;le(null!==(t=e)&&void 0!==t?t:p)},"position-strategy":e=>{var t;se(null!==(t=e)&&void 0!==t?t:y)},"delay-show":e=>{G(null===e?h:Number(e))},"delay-hide":e=>{J(null===e?b:Number(e))},float:e=>{ee(null===e?E:"true"===e)},hidden:e=>{oe(null===e?S:"true"===e)},"class-name":e=>{ie(e)}};Object.values(t).forEach((e=>e(null))),Object.entries(e).forEach((([e,o])=>{var r;null===(r=t[e])||void 0===r||r.call(t,o)}))}),[l,b,h,E,S,d,u,y,a,p]);e.useEffect((()=>{W(l)}),[l]),e.useEffect((()=>{V(u)}),[u]),e.useEffect((()=>{U(a)}),[a]),e.useEffect((()=>{Y(d)}),[d]),e.useEffect((()=>{G(h)}),[h]),e.useEffect((()=>{J(b)}),[b]),e.useEffect((()=>{ee(E)}),[E]),e.useEffect((()=>{oe(S)}),[S]),e.useEffect((()=>{se(y)}),[y]),e.useEffect((()=>{de.current!==N&&console.warn("[react-tooltip] Do not change `disableStyleInjection` dynamically.")}),[N]),e.useEffect((()=>{"undefined"!=typeof window&&window.dispatchEvent(new CustomEvent("react-tooltip-inject-styles",{detail:{disableCore:"core"===N,disableBase:N}}))}),[]),e.useEffect((()=>{const e=new MutationObserver((e=>{e.forEach((e=>{var t;if(!ae||"attributes"!==e.type||!(null===(t=e.attributeName)||void 0===t?void 0:t.startsWith("data-tooltip-")))return;const o=pe(ae);fe(o)}))})),t={attributes:!0,childList:!1,subtree:!1};if(ae){const o=pe(ae);fe(o),e.observe(ae,t)}return()=>{e.disconnect()}}),[ae,r,fe]),e.useEffect((()=>{(null==C?void 0:C.border)&&console.warn("[react-tooltip] Do not set `style.border`. Use `border` prop instead."),$&&!s("border",`${$}`)&&console.warn(`[react-tooltip] "${$}" is not a valid \`border\`.`),(null==C?void 0:C.opacity)&&console.warn("[react-tooltip] Do not set `style.opacity`. Use `opacity` prop instead."),j&&!s("opacity",`${j}`)&&console.warn(`[react-tooltip] "${j}" is not a valid \`opacity\`.`)}),[$,j,null==C?void 0:C.border,null==C?void 0:C.opacity]);let ve=f;const me=e.useRef(null);if(n){const t=n({content:(null==ae?void 0:ae.getAttribute("data-tooltip-content"))||M||null,activeAnchor:ae});ve=t?e.createElement("div",{ref:me,className:"react-tooltip-content-wrapper"},t):null}else M&&(ve=M);const ye={forwardRef:D,id:t,anchorSelect:r,className:o(c,ce),classNameArrow:i,content:ve,contentWrapperRef:me,place:P,variant:K,offset:X,wrapper:re,openOnClick:v,positionStrategy:ne,middlewares:w,delayShow:F,delayHide:Z,float:Q,hidden:te,noArrow:g,clickable:_,openEvents:A,closeEvents:k,globalCloseEvents:O,imperativeModeOnly:T,style:C,position:R,isOpen:L,defaultIsOpen:x,border:$,opacity:j,arrowColor:I,setIsOpen:B,afterShow:z,afterHide:H,activeAnchor:ae,setActiveAnchor:ue,role:q};return e.createElement(m,{...ye})}));"undefined"!=typeof window&&window.addEventListener("react-tooltip-inject-styles",(e=>{e.detail.disableCore||l({css:`:root{--rt-color-white:#fff;--rt-color-dark:#222;--rt-color-success:#8dc572;--rt-color-error:#be6464;--rt-color-warning:#f0ad4e;--rt-color-info:#337ab7;--rt-opacity:0.9;--rt-transition-show-delay:0.15s;--rt-transition-closing-delay:0.15s}.core-styles-module_tooltip__3vRRp{position:absolute;top:0;left:0;pointer-events:none;opacity:0;will-change:opacity}.core-styles-module_fixed__pcSol{position:fixed}.core-styles-module_arrow__cvMwQ{position:absolute;background:inherit}.core-styles-module_noArrow__xock6{display:none}.core-styles-module_clickable__ZuTTB{pointer-events:auto}.core-styles-module_show__Nt9eE{opacity:var(--rt-opacity);transition:opacity var(--rt-transition-show-delay)ease-out}.core-styles-module_closing__sGnxF{opacity:0;transition:opacity var(--rt-transition-closing-delay)ease-in}`,type:"core"}),e.detail.disableBase||l({css:`
+.styles-module_tooltip__mnnfp{padding:8px 16px;border-radius:3px;font-size:90%;width:max-content}.styles-module_arrow__K0L3T{width:8px;height:8px}[class*='react-tooltip__place-top']>.styles-module_arrow__K0L3T{transform:rotate(45deg)}[class*='react-tooltip__place-right']>.styles-module_arrow__K0L3T{transform:rotate(135deg)}[class*='react-tooltip__place-bottom']>.styles-module_arrow__K0L3T{transform:rotate(225deg)}[class*='react-tooltip__place-left']>.styles-module_arrow__K0L3T{transform:rotate(315deg)}.styles-module_dark__xNqje{background:var(--rt-color-dark);color:var(--rt-color-white)}.styles-module_light__Z6W-X{background-color:var(--rt-color-white);color:var(--rt-color-dark)}.styles-module_success__A2AKt{background-color:var(--rt-color-success);color:var(--rt-color-white)}.styles-module_warning__SCK0X{background-color:var(--rt-color-warning);color:var(--rt-color-white)}.styles-module_error__JvumD{background-color:var(--rt-color-error);color:var(--rt-color-white)}.styles-module_info__BWdHW{background-color:var(--rt-color-info);color:var(--rt-color-white)}`,type:"base"})})),exports.Tooltip=y;
+//# sourceMappingURL=react-tooltip.min.cjs.map