@pismo/marola 0.0.1-alpha.9 → 1.0.0-beta.1

package/dist/components/Tooltip/Tooltip.js

@@ -1,1301 +1,61 @@
 import '../../assets/Tooltip.css';
-import { jsx as L } from "react/jsx-runtime";
-import * as w from "react";
-import { useLayoutEffect as qt, useEffect as Pt, useRef as Kt, useState as yt } from "react";
-import { _ as _t, a as et } from "../../objectWithoutPropertiesLoose-D7Cp0Pg_.js";
-import { g as Gt, a as Jt, u as Qt, b as Zt, P as p, c as te, d as ee } from "../../index-CqjC7P5Y.js";
-import { r as ne } from "../../index-BNWbc5Kh.js";
-import { u as oe } from "../../useEnhancedEffect-CJGo-L3B.js";
-import { P as ie, H as wt } from "../../Portal-BcdMtRGF.js";
-import { c as re } from "../../clsx-DB4S2d7J.js";
-import { C as se } from "../../ClickAwayListener-BKznXF1d.js";
-const ot = Math.min, I = Math.max, it = Math.round, tt = Math.floor, $ = (t) => ({
-  x: t,
-  y: t
-}), le = {
-  left: "right",
-  right: "left",
-  bottom: "top",
-  top: "bottom"
-}, ce = {
-  start: "end",
-  end: "start"
-};
-function vt(t, e, o) {
-  return I(t, ot(e, o));
-}
-function ct(t, e) {
-  return typeof t == "function" ? t(e) : t;
-}
-function U(t) {
-  return t.split("-")[0];
-}
-function at(t) {
-  return t.split("-")[1];
-}
-function St(t) {
-  return t === "x" ? "y" : "x";
-}
-function Lt(t) {
-  return t === "y" ? "height" : "width";
-}
-function ft(t) {
-  return ["top", "bottom"].includes(U(t)) ? "y" : "x";
-}
-function kt(t) {
-  return St(ft(t));
-}
-function ae(t, e, o) {
-  o === void 0 && (o = !1);
-  const n = at(t), i = kt(t), r = Lt(i);
-  let s = i === "x" ? n === (o ? "end" : "start") ? "right" : "left" : n === "start" ? "bottom" : "top";
-  return e.reference[r] > e.floating[r] && (s = rt(s)), [s, rt(s)];
-}
-function fe(t) {
-  const e = rt(t);
-  return [mt(t), e, mt(e)];
-}
-function mt(t) {
-  return t.replace(/start|end/g, (e) => ce[e]);
-}
-function ue(t, e, o) {
-  const n = ["left", "right"], i = ["right", "left"], r = ["top", "bottom"], s = ["bottom", "top"];
-  switch (t) {
-    case "top":
-    case "bottom":
-      return o ? e ? i : n : e ? n : i;
-    case "left":
-    case "right":
-      return e ? r : s;
-    default:
-      return [];
-  }
-}
-function de(t, e, o, n) {
-  const i = at(t);
-  let r = ue(U(t), o === "start", n);
-  return i && (r = r.map((s) => s + "-" + i), e && (r = r.concat(r.map(mt)))), r;
-}
-function rt(t) {
-  return t.replace(/left|right|bottom|top/g, (e) => le[e]);
-}
-function me(t) {
-  return {
-    top: 0,
-    right: 0,
-    bottom: 0,
-    left: 0,
-    ...t
-  };
-}
-function pe(t) {
-  return typeof t != "number" ? me(t) : {
-    top: t,
-    right: t,
-    bottom: t,
-    left: t
-  };
-}
-function st(t) {
-  const {
-    x: e,
-    y: o,
-    width: n,
-    height: i
-  } = t;
-  return {
-    width: n,
-    height: i,
-    top: o,
-    left: e,
-    right: e + n,
-    bottom: o + i,
-    x: e,
-    y: o
-  };
-}
-function bt(t, e, o) {
-  let {
-    reference: n,
-    floating: i
-  } = t;
-  const r = ft(e), s = kt(e), l = Lt(s), c = U(e), a = r === "y", f = n.x + n.width / 2 - i.width / 2, u = n.y + n.height / 2 - i.height / 2, m = n[l] / 2 - i[l] / 2;
-  let d;
-  switch (c) {
-    case "top":
-      d = {
-        x: f,
-        y: n.y - i.height
-      };
-      break;
-    case "bottom":
-      d = {
-        x: f,
-        y: n.y + n.height
-      };
-      break;
-    case "right":
-      d = {
-        x: n.x + n.width,
-        y: u
-      };
-      break;
-    case "left":
-      d = {
-        x: n.x - i.width,
-        y: u
-      };
-      break;
-    default:
-      d = {
-        x: n.x,
-        y: n.y
-      };
-  }
-  switch (at(e)) {
-    case "start":
-      d[s] -= m * (o && a ? -1 : 1);
-      break;
-    case "end":
-      d[s] += m * (o && a ? -1 : 1);
-      break;
-  }
-  return d;
-}
-const he = async (t, e, o) => {
-  const {
-    placement: n = "bottom",
-    strategy: i = "absolute",
-    middleware: r = [],
-    platform: s
-  } = o, l = r.filter(Boolean), c = await (s.isRTL == null ? void 0 : s.isRTL(e));
-  let a = await s.getElementRects({
-    reference: t,
-    floating: e,
-    strategy: i
-  }), {
-    x: f,
-    y: u
-  } = bt(a, n, c), m = n, d = {}, g = 0;
-  for (let x = 0; x < l.length; x++) {
-    const {
-      name: v,
-      fn: h
-    } = l[x], {
-      x: y,
-      y: b,
-      data: C,
-      reset: E
-    } = await h({
-      x: f,
-      y: u,
-      initialPlacement: n,
-      placement: m,
-      strategy: i,
-      middlewareData: d,
-      rects: a,
-      platform: s,
-      elements: {
-        reference: t,
-        floating: e
-      }
-    });
-    f = y ?? f, u = b ?? u, d = {
-      ...d,
-      [v]: {
-        ...d[v],
-        ...C
-      }
-    }, E && g <= 50 && (g++, typeof E == "object" && (E.placement && (m = E.placement), E.rects && (a = E.rects === !0 ? await s.getElementRects({
-      reference: t,
-      floating: e,
-      strategy: i
-    }) : E.rects), {
-      x: f,
-      y: u
-    } = bt(a, m, c)), x = -1);
-  }
-  return {
-    x: f,
-    y: u,
-    placement: m,
-    strategy: i,
-    middlewareData: d
-  };
-};
-async function Mt(t, e) {
-  var o;
-  e === void 0 && (e = {});
-  const {
-    x: n,
-    y: i,
-    platform: r,
-    rects: s,
-    elements: l,
-    strategy: c
-  } = t, {
-    boundary: a = "clippingAncestors",
-    rootBoundary: f = "viewport",
-    elementContext: u = "floating",
-    altBoundary: m = !1,
-    padding: d = 0
-  } = ct(e, t), g = pe(d), v = l[m ? u === "floating" ? "reference" : "floating" : u], h = st(await r.getClippingRect({
-    element: (o = await (r.isElement == null ? void 0 : r.isElement(v))) == null || o ? v : v.contextElement || await (r.getDocumentElement == null ? void 0 : r.getDocumentElement(l.floating)),
-    boundary: a,
-    rootBoundary: f,
-    strategy: c
-  })), y = u === "floating" ? {
-    x: n,
-    y: i,
-    width: s.floating.width,
-    height: s.floating.height
-  } : s.reference, b = await (r.getOffsetParent == null ? void 0 : r.getOffsetParent(l.floating)), C = await (r.isElement == null ? void 0 : r.isElement(b)) ? await (r.getScale == null ? void 0 : r.getScale(b)) || {
-    x: 1,
-    y: 1
-  } : {
-    x: 1,
-    y: 1
-  }, E = st(r.convertOffsetParentRelativeRectToViewportRelativeRect ? await r.convertOffsetParentRelativeRectToViewportRelativeRect({
-    elements: l,
-    rect: y,
-    offsetParent: b,
-    strategy: c
-  }) : y);
-  return {
-    top: (h.top - E.top + g.top) / C.y,
-    bottom: (E.bottom - h.bottom + g.bottom) / C.y,
-    left: (h.left - E.left + g.left) / C.x,
-    right: (E.right - h.right + g.right) / C.x
-  };
-}
-const ge = function(t) {
-  return t === void 0 && (t = {}), {
-    name: "flip",
-    options: t,
-    async fn(e) {
-      var o, n;
-      const {
-        placement: i,
-        middlewareData: r,
-        rects: s,
-        initialPlacement: l,
-        platform: c,
-        elements: a
-      } = e, {
-        mainAxis: f = !0,
-        crossAxis: u = !0,
-        fallbackPlacements: m,
-        fallbackStrategy: d = "bestFit",
-        fallbackAxisSideDirection: g = "none",
-        flipAlignment: x = !0,
-        ...v
-      } = ct(t, e);
-      if ((o = r.arrow) != null && o.alignmentOffset)
-        return {};
-      const h = U(i), y = U(l) === l, b = await (c.isRTL == null ? void 0 : c.isRTL(a.floating)), C = m || (y || !x ? [rt(l)] : fe(l));
-      !m && g !== "none" && C.push(...de(l, x, g, b));
-      const E = [l, ...C], A = await Mt(e, v), N = [];
-      let _ = ((n = r.flip) == null ? void 0 : n.overflows) || [];
-      if (f && N.push(A[h]), u) {
-        const T = ae(i, s, b);
-        N.push(A[T[0]], A[T[1]]);
-      }
-      if (_ = [..._, {
-        placement: i,
-        overflows: N
-      }], !N.every((T) => T <= 0)) {
-        var z, j;
-        const T = (((z = r.flip) == null ? void 0 : z.index) || 0) + 1, W = E[T];
-        if (W)
-          return {
-            data: {
-              index: T,
-              overflows: _
-            },
-            reset: {
-              placement: W
-            }
-          };
-        let k = (j = _.filter((O) => O.overflows[0] <= 0).sort((O, M) => O.overflows[1] - M.overflows[1])[0]) == null ? void 0 : j.placement;
-        if (!k)
-          switch (d) {
-            case "bestFit": {
-              var B;
-              const O = (B = _.map((M) => [M.placement, M.overflows.filter((R) => R > 0).reduce((R, Y) => R + Y, 0)]).sort((M, R) => M[1] - R[1])[0]) == null ? void 0 : B[0];
-              O && (k = O);
-              break;
-            }
-            case "initialPlacement":
-              k = l;
-              break;
-          }
-        if (i !== k)
-          return {
-            reset: {
-              placement: k
-            }
-          };
-      }
-      return {};
-    }
-  };
-};
-async function xe(t, e) {
-  const {
-    placement: o,
-    platform: n,
-    elements: i
-  } = t, r = await (n.isRTL == null ? void 0 : n.isRTL(i.floating)), s = U(o), l = at(o), c = ft(o) === "y", a = ["left", "top"].includes(s) ? -1 : 1, f = r && c ? -1 : 1, u = ct(e, t);
-  let {
-    mainAxis: m,
-    crossAxis: d,
-    alignmentAxis: g
-  } = typeof u == "number" ? {
-    mainAxis: u,
-    crossAxis: 0,
-    alignmentAxis: null
-  } : {
-    mainAxis: 0,
-    crossAxis: 0,
-    alignmentAxis: null,
-    ...u
-  };
-  return l && typeof g == "number" && (d = l === "end" ? g * -1 : g), c ? {
-    x: d * f,
-    y: m * a
-  } : {
-    x: m * a,
-    y: d * f
-  };
-}
-const ye = function(t) {
-  return t === void 0 && (t = 0), {
-    name: "offset",
-    options: t,
-    async fn(e) {
-      var o, n;
-      const {
-        x: i,
-        y: r,
-        placement: s,
-        middlewareData: l
-      } = e, c = await xe(e, t);
-      return s === ((o = l.offset) == null ? void 0 : o.placement) && (n = l.arrow) != null && n.alignmentOffset ? {} : {
-        x: i + c.x,
-        y: r + c.y,
-        data: {
-          ...c,
-          placement: s
-        }
-      };
-    }
-  };
-}, we = function(t) {
-  return t === void 0 && (t = {}), {
-    name: "shift",
-    options: t,
-    async fn(e) {
-      const {
-        x: o,
-        y: n,
-        placement: i
-      } = e, {
-        mainAxis: r = !0,
-        crossAxis: s = !1,
-        limiter: l = {
-          fn: (v) => {
-            let {
-              x: h,
-              y
-            } = v;
-            return {
-              x: h,
-              y
-            };
-          }
-        },
-        ...c
-      } = ct(t, e), a = {
-        x: o,
-        y: n
-      }, f = await Mt(e, c), u = ft(U(i)), m = St(u);
-      let d = a[m], g = a[u];
-      if (r) {
-        const v = m === "y" ? "top" : "left", h = m === "y" ? "bottom" : "right", y = d + f[v], b = d - f[h];
-        d = vt(y, d, b);
-      }
-      if (s) {
-        const v = u === "y" ? "top" : "left", h = u === "y" ? "bottom" : "right", y = g + f[v], b = g - f[h];
-        g = vt(y, g, b);
-      }
-      const x = l.fn({
-        ...e,
-        [m]: d,
-        [u]: g
-      });
-      return {
-        ...x,
-        data: {
-          x: x.x - o,
-          y: x.y - n
-        }
-      };
-    }
-  };
-};
-function H(t) {
-  return Dt(t) ? (t.nodeName || "").toLowerCase() : "#document";
-}
-function P(t) {
-  var e;
-  return (t == null || (e = t.ownerDocument) == null ? void 0 : e.defaultView) || window;
-}
-function V(t) {
-  var e;
-  return (e = (Dt(t) ? t.ownerDocument : t.document) || window.document) == null ? void 0 : e.documentElement;
-}
-function Dt(t) {
-  return t instanceof Node || t instanceof P(t).Node;
-}
-function F(t) {
-  return t instanceof Element || t instanceof P(t).Element;
-}
-function D(t) {
-  return t instanceof HTMLElement || t instanceof P(t).HTMLElement;
-}
-function Ct(t) {
-  return typeof ShadowRoot > "u" ? !1 : t instanceof ShadowRoot || t instanceof P(t).ShadowRoot;
-}
-function Z(t) {
-  const {
-    overflow: e,
-    overflowX: o,
-    overflowY: n,
-    display: i
-  } = S(t);
-  return /auto|scroll|overlay|hidden|clip/.test(e + n + o) && !["inline", "contents"].includes(i);
-}
-function ve(t) {
-  return ["table", "td", "th"].includes(H(t));
-}
-function pt(t) {
-  const e = ht(), o = S(t);
-  return o.transform !== "none" || o.perspective !== "none" || (o.containerType ? o.containerType !== "normal" : !1) || !e && (o.backdropFilter ? o.backdropFilter !== "none" : !1) || !e && (o.filter ? o.filter !== "none" : !1) || ["transform", "perspective", "filter"].some((n) => (o.willChange || "").includes(n)) || ["paint", "layout", "strict", "content"].some((n) => (o.contain || "").includes(n));
-}
-function be(t) {
-  let e = J(t);
-  for (; D(e) && !ut(e); ) {
-    if (pt(e))
-      return e;
-    e = J(e);
-  }
-  return null;
-}
-function ht() {
-  return typeof CSS > "u" || !CSS.supports ? !1 : CSS.supports("-webkit-backdrop-filter", "none");
-}
-function ut(t) {
-  return ["html", "body", "#document"].includes(H(t));
-}
-function S(t) {
-  return P(t).getComputedStyle(t);
-}
-function dt(t) {
-  return F(t) ? {
-    scrollLeft: t.scrollLeft,
-    scrollTop: t.scrollTop
-  } : {
-    scrollLeft: t.pageXOffset,
-    scrollTop: t.pageYOffset
-  };
-}
-function J(t) {
-  if (H(t) === "html")
-    return t;
-  const e = (
-    // Step into the shadow DOM of the parent of a slotted node.
-    t.assignedSlot || // DOM Element detected.
-    t.parentNode || // ShadowRoot detected.
-    Ct(t) && t.host || // Fallback.
-    V(t)
-  );
-  return Ct(e) ? e.host : e;
-}
-function Ft(t) {
-  const e = J(t);
-  return ut(e) ? t.ownerDocument ? t.ownerDocument.body : t.body : D(e) && Z(e) ? e : Ft(e);
-}
-function Q(t, e, o) {
-  var n;
-  e === void 0 && (e = []), o === void 0 && (o = !0);
-  const i = Ft(t), r = i === ((n = t.ownerDocument) == null ? void 0 : n.body), s = P(i);
-  return r ? e.concat(s, s.visualViewport || [], Z(i) ? i : [], s.frameElement && o ? Q(s.frameElement) : []) : e.concat(i, Q(i, [], o));
-}
-function Vt(t) {
-  const e = S(t);
-  let o = parseFloat(e.width) || 0, n = parseFloat(e.height) || 0;
-  const i = D(t), r = i ? t.offsetWidth : o, s = i ? t.offsetHeight : n, l = it(o) !== r || it(n) !== s;
-  return l && (o = r, n = s), {
-    width: o,
-    height: n,
-    $: l
-  };
-}
-function gt(t) {
-  return F(t) ? t : t.contextElement;
-}
-function G(t) {
-  const e = gt(t);
-  if (!D(e))
-    return $(1);
-  const o = e.getBoundingClientRect(), {
-    width: n,
-    height: i,
-    $: r
-  } = Vt(e);
-  let s = (r ? it(o.width) : o.width) / n, l = (r ? it(o.height) : o.height) / i;
-  return (!s || !Number.isFinite(s)) && (s = 1), (!l || !Number.isFinite(l)) && (l = 1), {
-    x: s,
-    y: l
-  };
-}
-const Ce = /* @__PURE__ */ $(0);
-function jt(t) {
-  const e = P(t);
-  return !ht() || !e.visualViewport ? Ce : {
-    x: e.visualViewport.offsetLeft,
-    y: e.visualViewport.offsetTop
-  };
-}
-function Ee(t, e, o) {
-  return e === void 0 && (e = !1), !o || e && o !== P(t) ? !1 : e;
-}
-function X(t, e, o, n) {
-  e === void 0 && (e = !1), o === void 0 && (o = !1);
-  const i = t.getBoundingClientRect(), r = gt(t);
-  let s = $(1);
-  e && (n ? F(n) && (s = G(n)) : s = G(t));
-  const l = Ee(r, o, n) ? jt(r) : $(0);
-  let c = (i.left + l.x) / s.x, a = (i.top + l.y) / s.y, f = i.width / s.x, u = i.height / s.y;
-  if (r) {
-    const m = P(r), d = n && F(n) ? P(n) : n;
-    let g = m, x = g.frameElement;
-    for (; x && n && d !== g; ) {
-      const v = G(x), h = x.getBoundingClientRect(), y = S(x), b = h.left + (x.clientLeft + parseFloat(y.paddingLeft)) * v.x, C = h.top + (x.clientTop + parseFloat(y.paddingTop)) * v.y;
-      c *= v.x, a *= v.y, f *= v.x, u *= v.y, c += b, a += C, g = P(x), x = g.frameElement;
-    }
-  }
-  return st({
-    width: f,
-    height: u,
-    x: c,
-    y: a
-  });
-}
-const Re = [":popover-open", ":modal"];
-function Bt(t) {
-  return Re.some((e) => {
-    try {
-      return t.matches(e);
-    } catch {
-      return !1;
-    }
-  });
-}
-function Ae(t) {
-  let {
-    elements: e,
-    rect: o,
-    offsetParent: n,
-    strategy: i
-  } = t;
-  const r = i === "fixed", s = V(n), l = e ? Bt(e.floating) : !1;
-  if (n === s || l && r)
-    return o;
-  let c = {
-    scrollLeft: 0,
-    scrollTop: 0
-  }, a = $(1);
-  const f = $(0), u = D(n);
-  if ((u || !u && !r) && ((H(n) !== "body" || Z(s)) && (c = dt(n)), D(n))) {
-    const m = X(n);
-    a = G(n), f.x = m.x + n.clientLeft, f.y = m.y + n.clientTop;
-  }
-  return {
-    width: o.width * a.x,
-    height: o.height * a.y,
-    x: o.x * a.x - c.scrollLeft * a.x + f.x,
-    y: o.y * a.y - c.scrollTop * a.y + f.y
-  };
-}
-function Te(t) {
-  return Array.from(t.getClientRects());
-}
-function Wt(t) {
-  return X(V(t)).left + dt(t).scrollLeft;
-}
-function Oe(t) {
-  const e = V(t), o = dt(t), n = t.ownerDocument.body, i = I(e.scrollWidth, e.clientWidth, n.scrollWidth, n.clientWidth), r = I(e.scrollHeight, e.clientHeight, n.scrollHeight, n.clientHeight);
-  let s = -o.scrollLeft + Wt(t);
-  const l = -o.scrollTop;
-  return S(n).direction === "rtl" && (s += I(e.clientWidth, n.clientWidth) - i), {
-    width: i,
-    height: r,
-    x: s,
-    y: l
-  };
-}
-function Ne(t, e) {
-  const o = P(t), n = V(t), i = o.visualViewport;
-  let r = n.clientWidth, s = n.clientHeight, l = 0, c = 0;
-  if (i) {
-    r = i.width, s = i.height;
-    const a = ht();
-    (!a || a && e === "fixed") && (l = i.offsetLeft, c = i.offsetTop);
-  }
-  return {
-    width: r,
-    height: s,
-    x: l,
-    y: c
-  };
-}
-function Pe(t, e) {
-  const o = X(t, !0, e === "fixed"), n = o.top + t.clientTop, i = o.left + t.clientLeft, r = D(t) ? G(t) : $(1), s = t.clientWidth * r.x, l = t.clientHeight * r.y, c = i * r.x, a = n * r.y;
-  return {
-    width: s,
-    height: l,
-    x: c,
-    y: a
-  };
-}
-function Et(t, e, o) {
-  let n;
-  if (e === "viewport")
-    n = Ne(t, o);
-  else if (e === "document")
-    n = Oe(V(t));
-  else if (F(e))
-    n = Pe(e, o);
-  else {
-    const i = jt(t);
-    n = {
-      ...e,
-      x: e.x - i.x,
-      y: e.y - i.y
-    };
-  }
-  return st(n);
-}
-function $t(t, e) {
-  const o = J(t);
-  return o === e || !F(o) || ut(o) ? !1 : S(o).position === "fixed" || $t(o, e);
-}
-function _e(t, e) {
-  const o = e.get(t);
-  if (o)
-    return o;
-  let n = Q(t, [], !1).filter((l) => F(l) && H(l) !== "body"), i = null;
-  const r = S(t).position === "fixed";
-  let s = r ? J(t) : t;
-  for (; F(s) && !ut(s); ) {
-    const l = S(s), c = pt(s);
-    !c && l.position === "fixed" && (i = null), (r ? !c && !i : !c && l.position === "static" && !!i && ["absolute", "fixed"].includes(i.position) || Z(s) && !c && $t(t, s)) ? n = n.filter((f) => f !== s) : i = l, s = J(s);
-  }
-  return e.set(t, n), n;
-}
-function Se(t) {
-  let {
-    element: e,
-    boundary: o,
-    rootBoundary: n,
-    strategy: i
-  } = t;
-  const s = [...o === "clippingAncestors" ? _e(e, this._c) : [].concat(o), n], l = s[0], c = s.reduce((a, f) => {
-    const u = Et(e, f, i);
-    return a.top = I(u.top, a.top), a.right = ot(u.right, a.right), a.bottom = ot(u.bottom, a.bottom), a.left = I(u.left, a.left), a;
-  }, Et(e, l, i));
-  return {
-    width: c.right - c.left,
-    height: c.bottom - c.top,
-    x: c.left,
-    y: c.top
-  };
-}
-function Le(t) {
-  const {
-    width: e,
-    height: o
-  } = Vt(t);
-  return {
-    width: e,
-    height: o
-  };
-}
-function ke(t, e, o) {
-  const n = D(e), i = V(e), r = o === "fixed", s = X(t, !0, r, e);
-  let l = {
-    scrollLeft: 0,
-    scrollTop: 0
-  };
-  const c = $(0);
-  if (n || !n && !r)
-    if ((H(e) !== "body" || Z(i)) && (l = dt(e)), n) {
-      const u = X(e, !0, r, e);
-      c.x = u.x + e.clientLeft, c.y = u.y + e.clientTop;
-    } else
-      i && (c.x = Wt(i));
-  const a = s.left + l.scrollLeft - c.x, f = s.top + l.scrollTop - c.y;
-  return {
-    x: a,
-    y: f,
-    width: s.width,
-    height: s.height
-  };
-}
-function Rt(t, e) {
-  return !D(t) || S(t).position === "fixed" ? null : e ? e(t) : t.offsetParent;
-}
-function Ht(t, e) {
-  const o = P(t);
-  if (!D(t) || Bt(t))
-    return o;
-  let n = Rt(t, e);
-  for (; n && ve(n) && S(n).position === "static"; )
-    n = Rt(n, e);
-  return n && (H(n) === "html" || H(n) === "body" && S(n).position === "static" && !pt(n)) ? o : n || be(t) || o;
-}
-const Me = async function(t) {
-  const e = this.getOffsetParent || Ht, o = this.getDimensions, n = await o(t.floating);
-  return {
-    reference: ke(t.reference, await e(t.floating), t.strategy),
-    floating: {
-      x: 0,
-      y: 0,
-      width: n.width,
-      height: n.height
-    }
-  };
-};
-function De(t) {
-  return S(t).direction === "rtl";
-}
-const Fe = {
-  convertOffsetParentRelativeRectToViewportRelativeRect: Ae,
-  getDocumentElement: V,
-  getClippingRect: Se,
-  getOffsetParent: Ht,
-  getElementRects: Me,
-  getClientRects: Te,
-  getDimensions: Le,
-  getScale: G,
-  isElement: F,
-  isRTL: De
-};
-function Ve(t, e) {
-  let o = null, n;
-  const i = V(t);
-  function r() {
-    var l;
-    clearTimeout(n), (l = o) == null || l.disconnect(), o = null;
-  }
-  function s(l, c) {
-    l === void 0 && (l = !1), c === void 0 && (c = 1), r();
-    const {
-      left: a,
-      top: f,
-      width: u,
-      height: m
-    } = t.getBoundingClientRect();
-    if (l || e(), !u || !m)
-      return;
-    const d = tt(f), g = tt(i.clientWidth - (a + u)), x = tt(i.clientHeight - (f + m)), v = tt(a), y = {
-      rootMargin: -d + "px " + -g + "px " + -x + "px " + -v + "px",
-      threshold: I(0, ot(1, c)) || 1
-    };
-    let b = !0;
-    function C(E) {
-      const A = E[0].intersectionRatio;
-      if (A !== c) {
-        if (!b)
-          return s();
-        A ? s(!1, A) : n = setTimeout(() => {
-          s(!1, 1e-7);
-        }, 1e3);
-      }
-      b = !1;
-    }
-    try {
-      o = new IntersectionObserver(C, {
-        ...y,
-        // Handle <iframe>s
-        root: i.ownerDocument
-      });
-    } catch {
-      o = new IntersectionObserver(C, y);
-    }
-    o.observe(t);
-  }
-  return s(!0), r;
-}
-function At(t, e, o, n) {
-  n === void 0 && (n = {});
-  const {
-    ancestorScroll: i = !0,
-    ancestorResize: r = !0,
-    elementResize: s = typeof ResizeObserver == "function",
-    layoutShift: l = typeof IntersectionObserver == "function",
-    animationFrame: c = !1
-  } = n, a = gt(t), f = i || r ? [...a ? Q(a) : [], ...Q(e)] : [];
-  f.forEach((h) => {
-    i && h.addEventListener("scroll", o, {
-      passive: !0
-    }), r && h.addEventListener("resize", o);
-  });
-  const u = a && l ? Ve(a, o) : null;
-  let m = -1, d = null;
-  s && (d = new ResizeObserver((h) => {
-    let [y] = h;
-    y && y.target === a && d && (d.unobserve(e), cancelAnimationFrame(m), m = requestAnimationFrame(() => {
-      var b;
-      (b = d) == null || b.observe(e);
-    })), o();
-  }), a && !c && d.observe(a), d.observe(e));
-  let g, x = c ? X(t) : null;
-  c && v();
-  function v() {
-    const h = X(t);
-    x && (h.x !== x.x || h.y !== x.y || h.width !== x.width || h.height !== x.height) && o(), x = h, g = requestAnimationFrame(v);
-  }
-  return o(), () => {
-    var h;
-    f.forEach((y) => {
-      i && y.removeEventListener("scroll", o), r && y.removeEventListener("resize", o);
-    }), u == null || u(), (h = d) == null || h.disconnect(), d = null, c && cancelAnimationFrame(g);
-  };
-}
-const Tt = ye, je = we, Be = ge, We = (t, e, o) => {
-  const n = /* @__PURE__ */ new Map(), i = {
-    platform: Fe,
-    ...o
-  }, r = {
-    ...i.platform,
-    _c: n
-  };
-  return he(t, e, {
-    ...i,
-    platform: r
-  });
-};
-var nt = typeof document < "u" ? qt : Pt;
-function lt(t, e) {
-  if (t === e)
-    return !0;
-  if (typeof t != typeof e)
-    return !1;
-  if (typeof t == "function" && t.toString() === e.toString())
-    return !0;
-  let o, n, i;
-  if (t && e && typeof t == "object") {
-    if (Array.isArray(t)) {
-      if (o = t.length, o !== e.length)
-        return !1;
-      for (n = o; n-- !== 0; )
-        if (!lt(t[n], e[n]))
-          return !1;
-      return !0;
-    }
-    if (i = Object.keys(t), o = i.length, o !== Object.keys(e).length)
-      return !1;
-    for (n = o; n-- !== 0; )
-      if (!{}.hasOwnProperty.call(e, i[n]))
-        return !1;
-    for (n = o; n-- !== 0; ) {
-      const r = i[n];
-      if (!(r === "_owner" && t.$$typeof) && !lt(t[r], e[r]))
-        return !1;
-    }
-    return !0;
-  }
-  return t !== t && e !== e;
-}
-function zt(t) {
-  return typeof window > "u" ? 1 : (t.ownerDocument.defaultView || window).devicePixelRatio || 1;
-}
-function Ot(t, e) {
-  const o = zt(t);
-  return Math.round(e * o) / o;
-}
-function Nt(t) {
-  const e = w.useRef(t);
-  return nt(() => {
-    e.current = t;
-  }), e;
-}
-function $e(t) {
-  t === void 0 && (t = {});
-  const {
-    placement: e = "bottom",
-    strategy: o = "absolute",
-    middleware: n = [],
-    platform: i,
-    elements: {
-      reference: r,
-      floating: s
-    } = {},
-    transform: l = !0,
-    whileElementsMounted: c,
-    open: a
-  } = t, [f, u] = w.useState({
-    x: 0,
-    y: 0,
-    strategy: o,
-    placement: e,
-    middlewareData: {},
-    isPositioned: !1
-  }), [m, d] = w.useState(n);
-  lt(m, n) || d(n);
-  const [g, x] = w.useState(null), [v, h] = w.useState(null), y = w.useCallback((R) => {
-    R !== A.current && (A.current = R, x(R));
-  }, []), b = w.useCallback((R) => {
-    R !== N.current && (N.current = R, h(R));
-  }, []), C = r || g, E = s || v, A = w.useRef(null), N = w.useRef(null), _ = w.useRef(f), z = c != null, j = Nt(c), B = Nt(i), T = w.useCallback(() => {
-    if (!A.current || !N.current)
-      return;
-    const R = {
-      placement: e,
-      strategy: o,
-      middleware: m
-    };
-    B.current && (R.platform = B.current), We(A.current, N.current, R).then((Y) => {
-      const q = {
-        ...Y,
-        isPositioned: !0
-      };
-      W.current && !lt(_.current, q) && (_.current = q, ne.flushSync(() => {
-        u(q);
-      }));
-    });
-  }, [m, e, o, B]);
-  nt(() => {
-    a === !1 && _.current.isPositioned && (_.current.isPositioned = !1, u((R) => ({
-      ...R,
-      isPositioned: !1
-    })));
-  }, [a]);
-  const W = w.useRef(!1);
-  nt(() => (W.current = !0, () => {
-    W.current = !1;
-  }), []), nt(() => {
-    if (C && (A.current = C), E && (N.current = E), C && E) {
-      if (j.current)
-        return j.current(C, E, T);
-      T();
-    }
-  }, [C, E, T, j, z]);
-  const k = w.useMemo(() => ({
-    reference: A,
-    floating: N,
-    setReference: y,
-    setFloating: b
-  }), [y, b]), O = w.useMemo(() => ({
-    reference: C,
-    floating: E
-  }), [C, E]), M = w.useMemo(() => {
-    const R = {
-      position: o,
-      left: 0,
-      top: 0
-    };
-    if (!O.floating)
-      return R;
-    const Y = Ot(O.floating, f.x), q = Ot(O.floating, f.y);
-    return l ? {
-      ...R,
-      transform: "translate(" + Y + "px, " + q + "px)",
-      ...zt(O.floating) >= 1.5 && {
-        willChange: "transform"
-      }
-    } : {
-      position: o,
-      left: Y,
-      top: q
-    };
-  }, [o, l, O.floating, f.x, f.y]);
-  return w.useMemo(() => ({
-    ...f,
-    update: T,
-    refs: k,
-    elements: O,
-    floatingStyles: M
-  }), [f, T, k, O, M]);
-}
-const It = "Popup";
-function He(t) {
-  return Gt(It, t);
-}
-Jt(It, ["root", "open"]);
-const xt = /* @__PURE__ */ w.createContext(null);
-process.env.NODE_ENV !== "production" && (xt.displayName = "TransitionContext");
-function ze() {
-  const t = w.useContext(xt);
-  if (!t)
+import { jsx as a, jsxs as v, Fragment as P } from "react/jsx-runtime";
+import * as u from "react";
+import { useRef as R, useState as T, useEffect as E, isValidElement as q, cloneElement as M } from "react";
+import { T as O, P as V } from "../../Popup-B6ZSGIEI.js";
+import { _ as $, b as z, P as l } from "../../index-CH45lKw7.js";
+import { c as D } from "../../clsx-DB4S2d7J.js";
+import { C as F } from "../../ClickAwayListener-BSW-Nd-y.js";
+function I() {
+  const e = u.useContext(O);
+  if (!e)
     throw new Error("Missing transition context");
   const {
-    registerTransition: e,
-    requestedEnter: o,
+    registerTransition: o,
+    requestedEnter: r,
     onExited: n
-  } = t;
-  return w.useEffect(() => e(), [e]), {
+  } = e;
+  return u.useEffect(() => o(), [o]), {
     onExited: n,
-    requestedEnter: o
+    requestedEnter: r
   };
 }
-function Ie(t) {
-  const [e, o] = w.useState(!0), n = w.useRef(!1), i = w.useRef(0), [r, s] = w.useState(!1), l = w.useRef(t);
-  w.useEffect(() => {
-    !t && // checking registeredTransitions.current instead of hasTransition to avoid this effect re-firing whenever hasTransition changes
-    i.current > 0 && // prevents waiting for a pending transition right after mounting
-    l.current !== t && (n.current = !0, o(!1)), l.current = t;
-  }, [t]);
-  const c = w.useCallback(() => {
-    n.current = !1, o(!0);
-  }, []), a = w.useCallback(() => (i.current += 1, s(!0), () => {
-    i.current -= 1, i.current === 0 && s(!1);
-  }), []);
-  let f;
-  return r ? t ? f = !1 : f = !n.current && e : f = !t, {
-    contextValue: w.useMemo(() => ({
-      requestedEnter: t,
-      onExited: c,
-      registerTransition: a,
-      hasExited: f
-    }), [c, t, a, f]),
-    hasExited: f
-  };
-}
-const Ut = /* @__PURE__ */ w.createContext(null);
-process.env.NODE_ENV !== "production" && (Ut.displayName = "PopupContext");
-const Ue = ["anchor", "children", "container", "disablePortal", "keepMounted", "middleware", "offset", "open", "placement", "slotProps", "slots", "strategy"];
-function Xe(t) {
+const W = ["children", "className", "enterAnimationName", "enterClassName", "exitAnimationName", "exitClassName"];
+function b(e) {
   const {
-    open: e
-  } = t;
-  return te({
-    root: ["root", e && "open"]
-  }, ee(He));
-}
-function Ye(t) {
-  return typeof t == "function" ? t() : t;
-}
-const Xt = /* @__PURE__ */ w.forwardRef(function(e, o) {
-  var n;
-  const {
-    anchor: i,
-    children: r,
-    container: s,
-    disablePortal: l = !1,
-    keepMounted: c = !1,
-    middleware: a,
-    offset: f = 0,
-    open: u = !1,
-    placement: m = "bottom",
-    slotProps: d = {},
-    slots: g = {},
-    strategy: x = "absolute"
-  } = e, v = _t(e, Ue), {
-    refs: h,
-    elements: y,
-    floatingStyles: b,
-    update: C,
-    placement: E
-  } = $e({
-    elements: {
-      reference: Ye(i)
-    },
-    open: u,
-    middleware: a ?? [Tt(f ?? 0), Be(), je()],
-    placement: m,
-    strategy: x,
-    whileElementsMounted: c ? void 0 : At
-  }), A = Qt(h.setFloating, o);
-  oe(() => {
-    if (c && u && y.reference && y.floating)
-      return At(y.reference, y.floating, C);
-  }, [c, u, y, C]);
-  const N = et({}, e, {
-    disablePortal: l,
-    keepMounted: c,
-    offset: Tt,
-    open: u,
-    placement: m,
-    finalPlacement: E,
-    strategy: x
-  }), {
-    contextValue: _,
-    hasExited: z
-  } = Ie(u), j = c && z ? "hidden" : void 0, B = Xe(N), T = (n = g == null ? void 0 : g.root) != null ? n : "div", W = Zt({
-    elementType: T,
-    externalSlotProps: d.root,
-    externalForwardedProps: v,
-    ownerState: N,
-    className: B.root,
-    additionalProps: {
-      ref: A,
-      role: "tooltip",
-      style: et({}, b, {
-        visibility: j
-      })
-    }
-  }), k = w.useMemo(() => ({
-    placement: E
-  }), [E]);
-  return c || !z ? /* @__PURE__ */ L(ie, {
-    disablePortal: l,
-    container: s,
-    children: /* @__PURE__ */ L(Ut.Provider, {
-      value: k,
-      children: /* @__PURE__ */ L(xt.Provider, {
-        value: _,
-        children: /* @__PURE__ */ L(T, et({}, W, {
-          children: r
-        }))
-      })
-    })
-  }) : null;
-});
-process.env.NODE_ENV !== "production" && (Xt.propTypes = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * An HTML element, [virtual element](https://floating-ui.com/docs/virtual-elements),
-   * or a function that returns either.
-   * It's used to set the position of the popup.
-   */
-  anchor: p.oneOfType([wt, p.object, p.func]),
-  /**
-   * @ignore
-   */
-  children: p.oneOfType([p.node, p.func]),
-  /**
-   * An HTML element or function that returns one. The container will have the portal children appended to it.
-   * By default, it uses the body of the top-level document object, so it's `document.body` in these cases.
-   */
-  container: p.oneOfType([wt, p.func]),
-  /**
-   * If `true`, the popup will be rendered where it is defined, without the use of portals.
-   * @default false
-   */
-  disablePortal: p.bool,
-  /**
-   * If `true`, the popup will exist in the DOM even if it's closed.
-   * Its visibility will be controlled by the `visibility` CSS property.
-   *
-   * Otherwise, a closed popup will be removed from the DOM.
-   *
-   * @default false
-   */
-  keepMounted: p.bool,
-  /**
-   * Collection of Floating UI middleware to use when positioning the popup.
-   * If not provided, the [`offset`](https://floating-ui.com/docs/offset)
-   * and [`flip`](https://floating-ui.com/docs/flip) functions will be used.
-   *
-   * @see https://floating-ui.com/docs/computePosition#middleware
-   */
-  middleware: p.arrayOf(p.oneOfType([p.oneOf([!1]), p.shape({
-    fn: p.func.isRequired,
-    name: p.string.isRequired,
-    options: p.any
-  })])),
-  /**
-   * Distance between a popup and the trigger element.
-   * This prop is ignored when custom `middleware` is provided.
-   *
-   * @default 0
-   * @see https://floating-ui.com/docs/offset
-   */
-  offset: p.oneOfType([p.func, p.number, p.shape({
-    alignmentAxis: p.number,
-    crossAxis: p.number,
-    mainAxis: p.number
-  })]),
-  /**
-   * If `true`, the popup is visible.
-   *
-   * @default false
-   */
-  open: p.bool,
-  /**
-   * Determines where to place the popup relative to the trigger element.
-   *
-   * @default 'bottom'
-   * @see https://floating-ui.com/docs/computePosition#placement
-   */
-  placement: p.oneOf(["bottom-end", "bottom-start", "bottom", "left-end", "left-start", "left", "right-end", "right-start", "right", "top-end", "top-start", "top"]),
-  /**
-   * The props used for each slot inside the Popup.
-   *
-   * @default {}
-   */
-  slotProps: p.shape({
-    root: p.oneOfType([p.func, p.object])
-  }),
-  /**
-   * The components used for each slot inside the Popup.
-   * Either a string to use a HTML element or a component.
-   *
-   * @default {}
-   */
-  slots: p.shape({
-    root: p.elementType
-  }),
-  /**
-   * The type of CSS position property to use (absolute or fixed).
-   *
-   * @default 'absolute'
-   * @see https://floating-ui.com/docs/computePosition#strategy
-   */
-  strategy: p.oneOf(["absolute", "fixed"])
-});
-const qe = ["children", "className", "enterAnimationName", "enterClassName", "exitAnimationName", "exitClassName"];
-function Yt(t) {
-  const {
-    children: e,
-    className: o,
+    children: o,
+    className: r,
     enterAnimationName: n,
-    enterClassName: i,
-    exitAnimationName: r,
-    exitClassName: s
-  } = t, l = _t(t, qe), {
-    requestedEnter: c,
-    onExited: a
-  } = ze(), f = w.useRef(!0);
-  w.useEffect(() => {
-    c && f.current && (f.current = !1);
-  }, [c]);
-  const u = w.useCallback((m) => {
-    m.animationName === r ? (a(), f.current = !0) : m.animationName === n && (f.current = !1);
-  }, [a, r, n]);
-  return /* @__PURE__ */ L("div", et({
-    onAnimationEnd: u,
-    className: re(o, c ? i : s)
-  }, l, {
-    children: e
+    enterClassName: c,
+    exitAnimationName: _,
+    exitClassName: f
+  } = e, p = $(e, W), {
+    requestedEnter: d,
+    onExited: s
+  } = I(), i = u.useRef(!0);
+  u.useEffect(() => {
+    d && i.current && (i.current = !1);
+  }, [d]);
+  const N = u.useCallback((t) => {
+    t.animationName === _ ? (s(), i.current = !0) : t.animationName === n && (i.current = !1);
+  }, [s, _, n]);
+  return /* @__PURE__ */ a("div", z({
+    onAnimationEnd: N,
+    className: D(r, d ? c : f)
+  }, p, {
+    children: o
   }));
 }
-process.env.NODE_ENV !== "production" && (Yt.propTypes = {
-  children: p.node,
-  className: p.string,
-  enterAnimationName: p.string,
-  enterClassName: p.string,
-  exitAnimationName: p.string,
-  exitClassName: p.string
+process.env.NODE_ENV !== "production" && (b.propTypes = {
+  children: l.node,
+  className: l.string,
+  enterAnimationName: l.string,
+  enterClassName: l.string,
+  exitAnimationName: l.string,
+  exitClassName: l.string
 });
-const Ke = "_tooltip_1dujm_1", K = {
-  tooltip: Ke,
+const B = "_tooltip_1dujm_1", m = {
+  tooltip: B,
   "tooltip--small-padding": "_tooltip--small-padding_1dujm_5",
   "tooltip--normal-padding": "_tooltip--normal-padding_1dujm_8",
   "tooltip--white-theme": "_tooltip--white-theme_1dujm_11",
@@ -1305,62 +65,77 @@ const Ke = "_tooltip_1dujm_1", K = {
   "tooltip--open-animation": "_tooltip--open-animation_1dujm_1",
   "tooltip--anim-close": "_tooltip--anim-close_1dujm_23",
   "tooltip--close-animation": "_tooltip--close-animation_1dujm_1"
-}, sn = ({
-  children: t,
-  show: e,
-  anchorRef: o,
-  onClose: n,
-  arialRole: i,
-  position: r = "bottom",
-  theme: s = "black",
-  padding: l = "small",
-  className: c,
-  disableHoverListener: a,
-  ...f
+}, X = ({
+  arialRole: e,
+  children: o,
+  className: r,
+  disableHoverListener: n,
+  onClose: c,
+  padding: _ = "small",
+  position: f = "bottom",
+  open: p,
+  theme: d = "black",
+  title: s,
+  onTargetCreated: i,
+  ...N
 }) => {
-  const u = Kt(null), [m, d] = yt(e || !1), [g, x] = yt(o || null);
-  Pt(() => {
-    var b;
-    if (!o && (u != null && u.current)) {
-      const C = (b = u == null ? void 0 : u.current) == null ? void 0 : b.parentElement;
-      C && (a || (C.onpointerenter = () => d(!0), C.onpointerleave = () => d(!1)), x(C));
+  const t = R(null), [y, h] = T(p || !1);
+  let j = y;
+  E(() => {
+    h(p || !1);
+  }, [p]);
+  const A = q(o) ? o : /* @__PURE__ */ a("span", { children: o });
+  !s && s !== 0 && (j = !1);
+  const k = () => {
+    c == null || c(), !n && h(!1);
+  };
+  E(() => {
+    var C;
+    if (t != null && t.current) {
+      i == null || i(t == null ? void 0 : t.current);
+      const x = (C = t == null ? void 0 : t.current) == null ? void 0 : C.parentElement;
+      x && (n || (x.onpointerenter = () => h(!0), x.onpointerleave = () => h(!1)));
     }
-  }, [u, a, o]);
-  const v = (b) => {
-    o != null && o.contains(b.target) || (n == null || n(), !a && d(!1));
-  }, h = {
-    padding: r.match(/(bottom|top)/) ? ".25rem 0" : "0 .25rem",
+  }, [t, n]);
+  const w = {
+    padding: f.match(/(bottom|top)/) ? ".25rem 0" : "0 .25rem",
     zIndex: 1
-  }, y = [
-    K.tooltip,
-    K[`tooltip--${s}-theme`],
-    K[`tooltip--${l}-padding`],
-    c || ""
-  ].join(" ").trim();
-  return /* @__PURE__ */ L("span", { ref: u, children: /* @__PURE__ */ L(
-    Xt,
-    {
-      ...f,
-      open: e || m,
-      anchor: g,
-      disablePortal: !0,
-      style: h,
-      role: i,
-      placement: r,
-      children: /* @__PURE__ */ L(
-        Yt,
-        {
-          className: K["tooltip--animation"],
-          enterClassName: K["tooltip--anim-open"],
-          exitClassName: K["tooltip--anim-close"],
-          enterAnimationName: "tooltip--open-animation",
-          exitAnimationName: "tooltip--close-animation",
-          children: /* @__PURE__ */ L("div", { className: y, children: /* @__PURE__ */ L(se, { onClickAway: v, children: /* @__PURE__ */ L("div", { children: t }) }) })
-        }
-      )
-    }
-  ) });
+  }, S = [
+    m.tooltip,
+    m[`tooltip--${d}-theme`],
+    m[`tooltip--${_}-padding`],
+    r || ""
+  ].join(" ").trim(), g = {
+    ...A.props,
+    ref: t
+  };
+  return /* @__PURE__ */ v(P, { children: [
+    M(A, g),
+    /* @__PURE__ */ a(
+      V,
+      {
+        ...N,
+        open: j,
+        anchor: t == null ? void 0 : t.current,
+        disablePortal: !0,
+        style: w,
+        role: e,
+        placement: f,
+        children: /* @__PURE__ */ a(
+          b,
+          {
+            className: m["tooltip--animation"],
+            enterClassName: m["tooltip--anim-open"],
+            exitClassName: m["tooltip--anim-close"],
+            enterAnimationName: "tooltip--open-animation",
+            exitAnimationName: "tooltip--close-animation",
+            children: /* @__PURE__ */ a("div", { className: S, children: /* @__PURE__ */ a(F, { onClickAway: k, children: /* @__PURE__ */ a("div", { children: s }) }) })
+          }
+        )
+      }
+    )
+  ] });
 };
 export {
-  sn as Tooltip
+  X as Tooltip
 };