@hortiview/shared-components 0.0.11176 → 0.0.11587

package/dist/react-tooltip.min-DSY6KDqS.js

@@ -0,0 +1,431 @@
+import ae, { createContext as bt, useState as g, useRef as z, useEffect as p, useContext as gt, useLayoutEffect as St, useCallback as Et, useImperativeHandle as At } from "react";
+import { a as kt, c as it, o as Ot, f as xt, s as Tt, b as Lt } from "./floating-ui.dom-CeD8zknG.js";
+import { g as Ct } from "./_commonjsHelpers-BkfeUUK-.js";
+var et = { exports: {} };
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/
+var ct;
+function Rt() {
+  return ct || (ct = 1, function(t) {
+    (function() {
+      var l = {}.hasOwnProperty;
+      function u() {
+        for (var s = "", f = 0; f < arguments.length; f++) {
+          var d = arguments[f];
+          d && (s = m(s, i(d)));
+        }
+        return s;
+      }
+      function i(s) {
+        if (typeof s == "string" || typeof s == "number")
+          return s;
+        if (typeof s != "object")
+          return "";
+        if (Array.isArray(s))
+          return u.apply(null, s);
+        if (s.toString !== Object.prototype.toString && !s.toString.toString().includes("[native code]"))
+          return s.toString();
+        var f = "";
+        for (var d in s)
+          l.call(s, d) && s[d] && (f = m(f, d));
+        return f;
+      }
+      function m(s, f) {
+        return f ? s ? s + " " + f : s + f : s;
+      }
+      t.exports ? (u.default = u, t.exports = u) : window.classNames = u;
+    })();
+  }(et)), et.exports;
+}
+var Nt = Rt();
+const ot = /* @__PURE__ */ Ct(Nt);
+/*
+* React Tooltip
+* {@link https://github.com/ReactTooltip/react-tooltip}
+* @copyright ReactTooltip Team
+* @license MIT
+*/
+const jt = "react-tooltip-core-styles", $t = "react-tooltip-base-styles", ut = { core: !1, base: !1 };
+function dt({ css: t, id: l = $t, type: u = "base", ref: i }) {
+  var m, s;
+  if (!t || typeof document > "u" || ut[u] || u === "core" && typeof process < "u" && (!((m = process == null ? void 0 : process.env) === null || m === void 0) && m.REACT_TOOLTIP_DISABLE_CORE_STYLES) || u !== "base" && typeof process < "u" && (!((s = process == null ? void 0 : process.env) === null || s === void 0) && s.REACT_TOOLTIP_DISABLE_BASE_STYLES)) return;
+  u === "core" && (l = jt), i || (i = {});
+  const { insertAt: f } = i;
+  if (document.getElementById(l)) return;
+  const d = document.head || document.getElementsByTagName("head")[0], h = document.createElement("style");
+  h.id = l, h.type = "text/css", f === "top" && d.firstChild ? d.insertBefore(h, d.firstChild) : d.appendChild(h), h.styleSheet ? h.styleSheet.cssText = t : h.appendChild(document.createTextNode(t)), ut[u] = !0;
+}
+const pt = async ({ elementReference: t = null, tooltipReference: l = null, tooltipArrowReference: u = null, place: i = "top", offset: m = 10, strategy: s = "absolute", middlewares: f = [Ot(Number(m)), xt({ fallbackAxisSideDirection: "start" }), Tt({ padding: 5 })], border: d }) => {
+  if (!t) return { tooltipStyles: {}, tooltipArrowStyles: {}, place: i };
+  if (l === null) return { tooltipStyles: {}, tooltipArrowStyles: {}, place: i };
+  const h = f;
+  return u ? (h.push(Lt({ element: u, padding: 5 })), it(t, l, { placement: i, strategy: s, middleware: h }).then(({ x: K, y: M, placement: T, middlewareData: ie }) => {
+    var X, j;
+    const $ = { left: `${K}px`, top: `${M}px`, border: d }, { x: Q, y: W } = (X = ie.arrow) !== null && X !== void 0 ? X : { x: 0, y: 0 }, U = (j = { top: "bottom", right: "left", bottom: "top", left: "right" }[T.split("-")[0]]) !== null && j !== void 0 ? j : "bottom", I = d && { borderBottom: d, borderRight: d };
+    let F = 0;
+    if (d) {
+      const ee = `${d}`.match(/(\d+)px/);
+      F = ee?.[1] ? Number(ee[1]) : 1;
+    }
+    return { tooltipStyles: $, tooltipArrowStyles: { left: Q != null ? `${Q}px` : "", top: W != null ? `${W}px` : "", right: "", bottom: "", ...I, [U]: `-${4 + F}px` }, place: T };
+  })) : it(t, l, { placement: "bottom", strategy: s, middleware: h }).then(({ x: K, y: M, placement: T }) => ({ tooltipStyles: { left: `${K}px`, top: `${M}px` }, tooltipArrowStyles: {}, place: T }));
+}, ft = (t, l) => !("CSS" in window && "supports" in window.CSS) || window.CSS.supports(t, l), vt = (t, l, u) => {
+  let i = null;
+  const m = function(...s) {
+    const f = () => {
+      i = null;
+    };
+    !i && (t.apply(this, s), i = setTimeout(f, l));
+  };
+  return m.cancel = () => {
+    i && (clearTimeout(i), i = null);
+  }, m;
+}, mt = (t) => t !== null && !Array.isArray(t) && typeof t == "object", rt = (t, l) => {
+  if (t === l) return !0;
+  if (Array.isArray(t) && Array.isArray(l)) return t.length === l.length && t.every((m, s) => rt(m, l[s]));
+  if (Array.isArray(t) !== Array.isArray(l)) return !1;
+  if (!mt(t) || !mt(l)) return t === l;
+  const u = Object.keys(t), i = Object.keys(l);
+  return u.length === i.length && u.every((m) => rt(t[m], l[m]));
+}, It = (t) => {
+  if (!(t instanceof HTMLElement || t instanceof SVGElement)) return !1;
+  const l = getComputedStyle(t);
+  return ["overflow", "overflow-x", "overflow-y"].some((u) => {
+    const i = l.getPropertyValue(u);
+    return i === "auto" || i === "scroll";
+  });
+}, yt = (t) => {
+  if (!t) return null;
+  let l = t.parentElement;
+  for (; l; ) {
+    if (It(l)) return l;
+    l = l.parentElement;
+  }
+  return document.scrollingElement || document.documentElement;
+}, Bt = typeof window < "u" ? St : p, N = (t) => {
+  t.current && (clearTimeout(t.current), t.current = null);
+}, Dt = "DEFAULT_TOOLTIP_ID", qt = { anchorRefs: /* @__PURE__ */ new Set(), activeAnchor: { current: null }, attach: () => {
+}, detach: () => {
+}, setActiveAnchor: () => {
+} }, zt = bt({ getTooltipData: () => qt });
+function ht(t = Dt) {
+  return gt(zt).getTooltipData(t);
+}
+var ge = { 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" }, tt = { 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 Kt = ({ forwardRef: t, id: l, className: u, classNameArrow: i, variant: m = "dark", anchorId: s, anchorSelect: f, place: d = "top", offset: h = 10, events: K = ["hover"], openOnClick: M = !1, positionStrategy: T = "absolute", middlewares: ie, wrapper: X, delayShow: j = 0, delayHide: $ = 0, float: Q = !1, hidden: W = !1, noArrow: U = !1, clickable: I = !1, closeOnEsc: F = !1, closeOnScroll: ee = !1, closeOnResize: Je = !1, openEvents: L, closeEvents: ce, globalCloseEvents: Se, imperativeModeOnly: Qe, style: qe, position: ze, afterShow: Ke, afterHide: H, disableTooltip: ue, content: Ee, contentWrapperRef: te, isOpen: B, defaultIsOpen: de = !1, setIsOpen: oe, activeAnchor: _, setActiveAnchor: pe, border: Me, opacity: We, arrowColor: He, role: Ue = "tooltip" }) => {
+  var Ae;
+  const A = z(null), fe = z(null), D = z(null), Y = z(null), ke = z(null), [Z, Ye] = g({ tooltipStyles: {}, tooltipArrowStyles: {}, place: d }), [O, Pe] = g(!1), [re, le] = g(!1), [y, Oe] = g(null), xe = z(!1), Te = z(null), { anchorRefs: Le, setActiveAnchor: Ve } = ht(l), ve = z(!1), [G, Ce] = g([]), ne = z(!1), me = M || K.includes("click"), Re = me || L?.click || L?.dblclick || L?.mousedown, ye = L ? { ...L } : { mouseover: !0, focus: !0, mouseenter: !1, click: !1, dblclick: !1, mousedown: !1 };
+  !L && me && Object.assign(ye, { mouseenter: !1, focus: !1, mouseover: !1, click: !0 });
+  const Ne = ce ? { ...ce } : { mouseout: !0, blur: !0, mouseleave: !1, click: !1, dblclick: !1, mouseup: !1 };
+  !ce && me && Object.assign(Ne, { mouseleave: !1, blur: !1, mouseout: !1 });
+  const q = Se ? { ...Se } : { escape: F || !1, scroll: ee || !1, resize: Je || !1, clickOutsideAnchor: Re || !1 };
+  Qe && (Object.assign(ye, { mouseenter: !1, focus: !1, click: !1, dblclick: !1, mousedown: !1 }), Object.assign(Ne, { mouseleave: !1, blur: !1, click: !1, dblclick: !1, mouseup: !1 }), Object.assign(q, { escape: !1, scroll: !1, resize: !1, clickOutsideAnchor: !1 })), Bt(() => (ne.current = !0, () => {
+    ne.current = !1;
+  }), []);
+  const w = (e) => {
+    ne.current && (e && le(!0), setTimeout(() => {
+      ne.current && (oe?.(e), B === void 0 && Pe(e));
+    }, 10));
+  };
+  p(() => {
+    if (B === void 0) return () => null;
+    B && le(!0);
+    const e = setTimeout(() => {
+      Pe(B);
+    }, 10);
+    return () => {
+      clearTimeout(e);
+    };
+  }, [B]), p(() => {
+    if (O !== xe.current) if (N(ke), xe.current = O, O) Ke?.();
+    else {
+      const e = ((r) => {
+        const n = r.match(/^([\d.]+)(ms|s)$/);
+        if (!n) return 0;
+        const [, b, E] = n;
+        return Number(b) * (E === "ms" ? 1 : 1e3);
+      })(getComputedStyle(document.body).getPropertyValue("--rt-transition-show-delay"));
+      ke.current = setTimeout(() => {
+        le(!1), Oe(null), H?.();
+      }, e + 25);
+    }
+  }, [O]);
+  const Xe = (e) => {
+    Ye((r) => rt(r, e) ? r : e);
+  }, je = (e = j) => {
+    N(D), re ? w(!0) : D.current = setTimeout(() => {
+      w(!0);
+    }, e);
+  }, he = (e = $) => {
+    N(Y), Y.current = setTimeout(() => {
+      ve.current || w(!1);
+    }, e);
+  }, $e = (e) => {
+    var r;
+    if (!e) return;
+    const n = (r = e.currentTarget) !== null && r !== void 0 ? r : e.target;
+    if (!n?.isConnected) return pe(null), void Ve({ current: null });
+    j ? je() : w(!0), pe(n), Ve({ current: n }), N(Y);
+  }, we = () => {
+    I ? he($ || 100) : $ ? he() : w(!1), N(D);
+  }, _e = ({ x: e, y: r }) => {
+    var n;
+    const b = { getBoundingClientRect: () => ({ x: e, y: r, width: 0, height: 0, top: r, left: e, right: e, bottom: r }) };
+    pt({ place: (n = y?.place) !== null && n !== void 0 ? n : d, offset: h, elementReference: b, tooltipReference: A.current, tooltipArrowReference: fe.current, strategy: T, middlewares: ie, border: Me }).then((E) => {
+      Xe(E);
+    });
+  }, be = (e) => {
+    if (!e) return;
+    const r = e, n = { x: r.clientX, y: r.clientY };
+    _e(n), Te.current = n;
+  }, Ie = (e) => {
+    var r;
+    if (!O) return;
+    const n = e.target;
+    n.isConnected && (!((r = A.current) === null || r === void 0) && r.contains(n) || [document.querySelector(`[id='${s}']`), ...G].some((b) => b?.contains(n)) || (w(!1), N(D)));
+  }, Fe = vt($e, 50), S = vt(we, 50), C = (e) => {
+    S.cancel(), Fe(e);
+  }, o = () => {
+    Fe.cancel(), S();
+  }, a = Et(() => {
+    var e, r;
+    const n = (e = y?.position) !== null && e !== void 0 ? e : ze;
+    n ? _e(n) : Q ? Te.current && _e(Te.current) : _?.isConnected && pt({ place: (r = y?.place) !== null && r !== void 0 ? r : d, offset: h, elementReference: _, tooltipReference: A.current, tooltipArrowReference: fe.current, strategy: T, middlewares: ie, border: Me }).then((b) => {
+      ne.current && Xe(b);
+    });
+  }, [O, _, Ee, qe, d, y?.place, h, T, ze, y?.position, Q]);
+  p(() => {
+    var e, r;
+    const n = new Set(Le);
+    G.forEach((c) => {
+      ue?.(c) || n.add({ current: c });
+    });
+    const b = document.querySelector(`[id='${s}']`);
+    b && !ue?.(b) && n.add({ current: b });
+    const E = () => {
+      w(!1);
+    }, P = yt(_), V = yt(A.current);
+    q.scroll && (window.addEventListener("scroll", E), P?.addEventListener("scroll", E), V?.addEventListener("scroll", E));
+    let k = null;
+    q.resize ? window.addEventListener("resize", E) : _ && A.current && (k = kt(_, A.current, a, { ancestorResize: !0, elementResize: !0, layoutShift: !0 }));
+    const R = (c) => {
+      c.key === "Escape" && w(!1);
+    };
+    q.escape && window.addEventListener("keydown", R), q.clickOutsideAnchor && window.addEventListener("click", Ie);
+    const v = [], Be = (c) => {
+      O && c?.target === _ || $e(c);
+    }, wt = (c) => {
+      O && c?.target === _ && we();
+    }, lt = ["mouseover", "mouseout", "mouseenter", "mouseleave", "focus", "blur"], nt = ["click", "dblclick", "mousedown", "mouseup"];
+    Object.entries(ye).forEach(([c, J]) => {
+      J && (lt.includes(c) ? v.push({ event: c, listener: C }) : nt.includes(c) && v.push({ event: c, listener: Be }));
+    }), Object.entries(Ne).forEach(([c, J]) => {
+      J && (lt.includes(c) ? v.push({ event: c, listener: o }) : nt.includes(c) && v.push({ event: c, listener: wt }));
+    }), Q && v.push({ event: "pointermove", listener: be });
+    const st = () => {
+      ve.current = !0;
+    }, at = () => {
+      ve.current = !1, we();
+    };
+    return I && !Re && ((e = A.current) === null || e === void 0 || e.addEventListener("mouseenter", st), (r = A.current) === null || r === void 0 || r.addEventListener("mouseleave", at)), v.forEach(({ event: c, listener: J }) => {
+      n.forEach((Ze) => {
+        var De;
+        (De = Ze.current) === null || De === void 0 || De.addEventListener(c, J);
+      });
+    }), () => {
+      var c, J;
+      q.scroll && (window.removeEventListener("scroll", E), P?.removeEventListener("scroll", E), V?.removeEventListener("scroll", E)), q.resize ? window.removeEventListener("resize", E) : k?.(), q.clickOutsideAnchor && window.removeEventListener("click", Ie), q.escape && window.removeEventListener("keydown", R), I && !Re && ((c = A.current) === null || c === void 0 || c.removeEventListener("mouseenter", st), (J = A.current) === null || J === void 0 || J.removeEventListener("mouseleave", at)), v.forEach(({ event: Ze, listener: De }) => {
+        n.forEach((_t) => {
+          var Ge;
+          (Ge = _t.current) === null || Ge === void 0 || Ge.removeEventListener(Ze, De);
+        });
+      });
+    };
+  }, [_, a, re, Le, G, L, ce, Se, me, j, $]), p(() => {
+    var e, r;
+    let n = (r = (e = y?.anchorSelect) !== null && e !== void 0 ? e : f) !== null && r !== void 0 ? r : "";
+    !n && l && (n = `[data-tooltip-id='${l.replace(/'/g, "\\'")}']`);
+    const b = new MutationObserver((E) => {
+      const P = [], V = [];
+      E.forEach((k) => {
+        if (k.type === "attributes" && k.attributeName === "data-tooltip-id" && (k.target.getAttribute("data-tooltip-id") === l ? P.push(k.target) : k.oldValue === l && V.push(k.target)), k.type === "childList") {
+          if (_) {
+            const R = [...k.removedNodes].filter((v) => v.nodeType === 1);
+            if (n) try {
+              V.push(...R.filter((v) => v.matches(n))), V.push(...R.flatMap((v) => [...v.querySelectorAll(n)]));
+            } catch {
+            }
+            R.some((v) => {
+              var Be;
+              return !!(!((Be = v?.contains) === null || Be === void 0) && Be.call(v, _)) && (le(!1), w(!1), pe(null), N(D), N(Y), !0);
+            });
+          }
+          if (n) try {
+            const R = [...k.addedNodes].filter((v) => v.nodeType === 1);
+            P.push(...R.filter((v) => v.matches(n))), P.push(...R.flatMap((v) => [...v.querySelectorAll(n)]));
+          } catch {
+          }
+        }
+      }), (P.length || V.length) && Ce((k) => [...k.filter((R) => !V.includes(R)), ...P]);
+    });
+    return b.observe(document.body, { childList: !0, subtree: !0, attributes: !0, attributeFilter: ["data-tooltip-id"], attributeOldValue: !0 }), () => {
+      b.disconnect();
+    };
+  }, [l, f, y?.anchorSelect, _]), p(() => {
+    a();
+  }, [a]), p(() => {
+    if (!te?.current) return () => null;
+    const e = new ResizeObserver(() => {
+      setTimeout(() => a());
+    });
+    return e.observe(te.current), () => {
+      e.disconnect();
+    };
+  }, [Ee, te?.current]), p(() => {
+    var e;
+    const r = document.querySelector(`[id='${s}']`), n = [...G, r];
+    _ && n.includes(_) || pe((e = G[0]) !== null && e !== void 0 ? e : r);
+  }, [s, G, _]), p(() => (de && w(!0), () => {
+    N(D), N(Y);
+  }), []), p(() => {
+    var e;
+    let r = (e = y?.anchorSelect) !== null && e !== void 0 ? e : f;
+    if (!r && l && (r = `[data-tooltip-id='${l.replace(/'/g, "\\'")}']`), r) try {
+      const n = Array.from(document.querySelectorAll(r));
+      Ce(n);
+    } catch {
+      Ce([]);
+    }
+  }, [l, f, y?.anchorSelect]), p(() => {
+    D.current && (N(D), je(j));
+  }, [j]);
+  const x = (Ae = y?.content) !== null && Ae !== void 0 ? Ae : Ee, se = O && Object.keys(Z.tooltipStyles).length > 0;
+  return At(t, () => ({ open: (e) => {
+    if (e?.anchorSelect) try {
+      document.querySelector(e.anchorSelect);
+    } catch {
+      return void console.warn(`[react-tooltip] "${e.anchorSelect}" is not a valid CSS selector`);
+    }
+    Oe(e ?? null), e?.delay ? je(e.delay) : w(!0);
+  }, close: (e) => {
+    e?.delay ? he(e.delay) : w(!1);
+  }, activeAnchor: _, place: Z.place, isOpen: !!(re && !W && x && se) })), re && !W && x ? ae.createElement(X, { id: l, role: Ue, className: ot("react-tooltip", ge.tooltip, tt.tooltip, tt[m], u, `react-tooltip__place-${Z.place}`, ge[se ? "show" : "closing"], se ? "react-tooltip__show" : "react-tooltip__closing", T === "fixed" && ge.fixed, I && ge.clickable), onTransitionEnd: (e) => {
+    N(ke), O || e.propertyName !== "opacity" || (le(!1), Oe(null), H?.());
+  }, style: { ...qe, ...Z.tooltipStyles, opacity: We !== void 0 && se ? We : void 0 }, ref: A }, x, ae.createElement(X, { className: ot("react-tooltip-arrow", ge.arrow, tt.arrow, i, U && ge.noArrow), style: { ...Z.tooltipArrowStyles, background: He ? `linear-gradient(to right bottom, transparent 50%, ${He} 50%)` : void 0 }, ref: fe })) : null;
+}, Mt = ({ content: t }) => ae.createElement("span", { dangerouslySetInnerHTML: { __html: t } }), Vt = ae.forwardRef(({ id: t, anchorId: l, anchorSelect: u, content: i, html: m, render: s, className: f, classNameArrow: d, variant: h = "dark", place: K = "top", offset: M = 10, wrapper: T = "div", children: ie = null, events: X = ["hover"], openOnClick: j = !1, positionStrategy: $ = "absolute", middlewares: Q, delayShow: W = 0, delayHide: U = 0, float: I = !1, hidden: F = !1, noArrow: ee = !1, clickable: Je = !1, closeOnEsc: L = !1, closeOnScroll: ce = !1, closeOnResize: Se = !1, openEvents: Qe, closeEvents: qe, globalCloseEvents: ze, imperativeModeOnly: Ke = !1, style: H, position: ue, isOpen: Ee, defaultIsOpen: te = !1, disableStyleInjection: B = !1, border: de, opacity: oe, arrowColor: _, setIsOpen: pe, afterShow: Me, afterHide: We, disableTooltip: He, role: Ue = "tooltip" }, Ae) => {
+  const [A, fe] = g(i), [D, Y] = g(m), [ke, Z] = g(K), [Ye, O] = g(h), [Pe, re] = g(M), [le, y] = g(W), [Oe, xe] = g(U), [Te, Le] = g(I), [Ve, ve] = g(F), [G, Ce] = g(T), [ne, me] = g(X), [Re, ye] = g($), [Ne, q] = g(null), [w, Xe] = g(null), je = z(B), { anchorRefs: he, activeAnchor: $e } = ht(t), we = (S) => S?.getAttributeNames().reduce((C, o) => {
+    var a;
+    return o.startsWith("data-tooltip-") && (C[o.replace(/^data-tooltip-/, "")] = (a = S?.getAttribute(o)) !== null && a !== void 0 ? a : null), C;
+  }, {}), _e = (S) => {
+    const C = { place: (o) => {
+      var a;
+      Z((a = o) !== null && a !== void 0 ? a : K);
+    }, content: (o) => {
+      fe(o ?? i);
+    }, html: (o) => {
+      Y(o ?? m);
+    }, variant: (o) => {
+      var a;
+      O((a = o) !== null && a !== void 0 ? a : h);
+    }, offset: (o) => {
+      re(o === null ? M : Number(o));
+    }, wrapper: (o) => {
+      var a;
+      Ce((a = o) !== null && a !== void 0 ? a : T);
+    }, events: (o) => {
+      const a = o?.split(" ");
+      me(a ?? X);
+    }, "position-strategy": (o) => {
+      var a;
+      ye((a = o) !== null && a !== void 0 ? a : $);
+    }, "delay-show": (o) => {
+      y(o === null ? W : Number(o));
+    }, "delay-hide": (o) => {
+      xe(o === null ? U : Number(o));
+    }, float: (o) => {
+      Le(o === null ? I : o === "true");
+    }, hidden: (o) => {
+      ve(o === null ? F : o === "true");
+    }, "class-name": (o) => {
+      q(o);
+    } };
+    Object.values(C).forEach((o) => o(null)), Object.entries(S).forEach(([o, a]) => {
+      var x;
+      (x = C[o]) === null || x === void 0 || x.call(C, a);
+    });
+  };
+  p(() => {
+    fe(i);
+  }, [i]), p(() => {
+    Y(m);
+  }, [m]), p(() => {
+    Z(K);
+  }, [K]), p(() => {
+    O(h);
+  }, [h]), p(() => {
+    re(M);
+  }, [M]), p(() => {
+    y(W);
+  }, [W]), p(() => {
+    xe(U);
+  }, [U]), p(() => {
+    Le(I);
+  }, [I]), p(() => {
+    ve(F);
+  }, [F]), p(() => {
+    ye($);
+  }, [$]), p(() => {
+    je.current !== B && console.warn("[react-tooltip] Do not change `disableStyleInjection` dynamically.");
+  }, [B]), p(() => {
+    typeof window < "u" && window.dispatchEvent(new CustomEvent("react-tooltip-inject-styles", { detail: { disableCore: B === "core", disableBase: B } }));
+  }, []), p(() => {
+    var S;
+    const C = new Set(he);
+    let o = u;
+    if (!o && t && (o = `[data-tooltip-id='${t.replace(/'/g, "\\'")}']`), o) try {
+      document.querySelectorAll(o).forEach((r) => {
+        C.add({ current: r });
+      });
+    } catch {
+      console.warn(`[react-tooltip] "${o}" is not a valid CSS selector`);
+    }
+    const a = document.querySelector(`[id='${l}']`);
+    if (a && C.add({ current: a }), !C.size) return () => null;
+    const x = (S = w ?? a) !== null && S !== void 0 ? S : $e.current, se = new MutationObserver((r) => {
+      r.forEach((n) => {
+        var b;
+        if (!x || n.type !== "attributes" || !(!((b = n.attributeName) === null || b === void 0) && b.startsWith("data-tooltip-"))) return;
+        const E = we(x);
+        _e(E);
+      });
+    }), e = { attributes: !0, childList: !1, subtree: !1 };
+    if (x) {
+      const r = we(x);
+      _e(r), se.observe(x, e);
+    }
+    return () => {
+      se.disconnect();
+    };
+  }, [he, $e, w, l, u]), p(() => {
+    H?.border && console.warn("[react-tooltip] Do not set `style.border`. Use `border` prop instead."), de && !ft("border", `${de}`) && console.warn(`[react-tooltip] "${de}" is not a valid \`border\`.`), H?.opacity && console.warn("[react-tooltip] Do not set `style.opacity`. Use `opacity` prop instead."), oe && !ft("opacity", `${oe}`) && console.warn(`[react-tooltip] "${oe}" is not a valid \`opacity\`.`);
+  }, []);
+  let be = ie;
+  const Ie = z(null);
+  if (s) {
+    const S = s({ content: w?.getAttribute("data-tooltip-content") || A || null, activeAnchor: w });
+    be = S ? ae.createElement("div", { ref: Ie, className: "react-tooltip-content-wrapper" }, S) : null;
+  } else A && (be = A);
+  D && (be = ae.createElement(Mt, { content: D }));
+  const Fe = { forwardRef: Ae, id: t, anchorId: l, anchorSelect: u, className: ot(f, Ne), classNameArrow: d, content: be, contentWrapperRef: Ie, place: ke, variant: Ye, offset: Pe, wrapper: G, events: ne, openOnClick: j, positionStrategy: Re, middlewares: Q, delayShow: le, delayHide: Oe, float: Te, hidden: Ve, noArrow: ee, clickable: Je, closeOnEsc: L, closeOnScroll: ce, closeOnResize: Se, openEvents: Qe, closeEvents: qe, globalCloseEvents: ze, imperativeModeOnly: Ke, style: H, position: ue, isOpen: Ee, defaultIsOpen: te, border: de, opacity: oe, arrowColor: _, setIsOpen: pe, afterShow: Me, afterHide: We, disableTooltip: He, activeAnchor: w, setActiveAnchor: (S) => Xe(S), role: Ue };
+  return ae.createElement(Kt, { ...Fe });
+});
+typeof window < "u" && window.addEventListener("react-tooltip-inject-styles", (t) => {
+  t.detail.disableCore || dt({ 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" }), t.detail.disableBase || dt({ 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" });
+});
+export {
+  Vt as M
+};