@konstructio/ui 0.1.2-alpha.28 → 0.1.2-alpha.29

package/dist/components/VirtualizedTable/components/TruncateText/TruncateText.js

@@ -1,1898 +1,34 @@
-import { jsx as R, Fragment as zt, jsxs as nt } from "react/jsx-runtime";
-import * as g from "react";
-import { useLayoutEffect as jt, useRef as Yt, useState as Xt, useCallback as Gt, useEffect as ze } from "react";
-import { P as le, c as ot, u as je, a as qt, b as J } from "../../../../index-CIAmiWcw.js";
-import { u as we } from "../../../../index-DLcqcWxM.js";
-import { D as Ut } from "../../../../index-Dbt2vBmS.js";
-import { u as Kt } from "../../../../index-BbQkJE5L.js";
-import * as Zt from "react-dom";
-import { u as Jt } from "../../../../index-0ioNhtNM.js";
-import { u as Qt } from "../../../../index-ohdbKsws.js";
-import { P as en } from "../../../../index-mPY_8Y5v.js";
-import { d as tn } from "../../../../debounce-BFejQm9P.js";
-const nn = ["top", "right", "bottom", "left"], U = Math.min, F = Math.max, pe = Math.round, ue = Math.floor, j = (e) => ({
-  x: e,
-  y: e
-}), on = {
-  left: "right",
-  right: "left",
-  bottom: "top",
-  top: "bottom"
-}, rn = {
-  start: "end",
-  end: "start"
-};
-function Oe(e, t, n) {
-  return F(e, U(t, n));
-}
-function G(e, t) {
-  return typeof e == "function" ? e(t) : e;
-}
-function q(e) {
-  return e.split("-")[0];
-}
-function ne(e) {
-  return e.split("-")[1];
-}
-function Me(e) {
-  return e === "x" ? "y" : "x";
-}
-function ke(e) {
-  return e === "y" ? "height" : "width";
-}
-const sn = /* @__PURE__ */ new Set(["top", "bottom"]);
-function z(e) {
-  return sn.has(q(e)) ? "y" : "x";
-}
-function _e(e) {
-  return Me(z(e));
-}
-function cn(e, t, n) {
-  n === void 0 && (n = !1);
-  const o = ne(e), r = _e(e), i = ke(r);
-  let s = r === "x" ? o === (n ? "end" : "start") ? "right" : "left" : o === "start" ? "bottom" : "top";
-  return t.reference[i] > t.floating[i] && (s = he(s)), [s, he(s)];
-}
-function ln(e) {
-  const t = he(e);
-  return [Ee(e), t, Ee(t)];
-}
-function Ee(e) {
-  return e.replace(/start|end/g, (t) => rn[t]);
-}
-const Ye = ["left", "right"], Xe = ["right", "left"], an = ["top", "bottom"], fn = ["bottom", "top"];
-function un(e, t, n) {
-  switch (e) {
-    case "top":
-    case "bottom":
-      return n ? t ? Xe : Ye : t ? Ye : Xe;
-    case "left":
-    case "right":
-      return t ? an : fn;
-    default:
-      return [];
-  }
-}
-function dn(e, t, n, o) {
-  const r = ne(e);
-  let i = un(q(e), n === "start", o);
-  return r && (i = i.map((s) => s + "-" + r), t && (i = i.concat(i.map(Ee)))), i;
-}
-function he(e) {
-  return e.replace(/left|right|bottom|top/g, (t) => on[t]);
-}
-function pn(e) {
-  return {
-    top: 0,
-    right: 0,
-    bottom: 0,
-    left: 0,
-    ...e
-  };
-}
-function rt(e) {
-  return typeof e != "number" ? pn(e) : {
-    top: e,
-    right: e,
-    bottom: e,
-    left: e
-  };
-}
-function me(e) {
-  const {
-    x: t,
-    y: n,
-    width: o,
-    height: r
-  } = e;
-  return {
-    width: o,
-    height: r,
-    top: n,
-    left: t,
-    right: t + o,
-    bottom: n + r,
-    x: t,
-    y: n
-  };
-}
-function Ge(e, t, n) {
-  let {
-    reference: o,
-    floating: r
-  } = e;
-  const i = z(t), s = _e(t), l = ke(s), c = q(t), f = i === "y", a = o.x + o.width / 2 - r.width / 2, u = o.y + o.height / 2 - r.height / 2, p = o[l] / 2 - r[l] / 2;
-  let d;
-  switch (c) {
-    case "top":
-      d = {
-        x: a,
-        y: o.y - r.height
-      };
-      break;
-    case "bottom":
-      d = {
-        x: a,
-        y: o.y + o.height
-      };
-      break;
-    case "right":
-      d = {
-        x: o.x + o.width,
-        y: u
-      };
-      break;
-    case "left":
-      d = {
-        x: o.x - r.width,
-        y: u
-      };
-      break;
-    default:
-      d = {
-        x: o.x,
-        y: o.y
-      };
-  }
-  switch (ne(t)) {
-    case "start":
-      d[s] -= p * (n && f ? -1 : 1);
-      break;
-    case "end":
-      d[s] += p * (n && f ? -1 : 1);
-      break;
-  }
-  return d;
-}
-const hn = async (e, t, n) => {
-  const {
-    placement: o = "bottom",
-    strategy: r = "absolute",
-    middleware: i = [],
-    platform: s
-  } = n, l = i.filter(Boolean), c = await (s.isRTL == null ? void 0 : s.isRTL(t));
-  let f = await s.getElementRects({
-    reference: e,
-    floating: t,
-    strategy: r
-  }), {
-    x: a,
-    y: u
-  } = Ge(f, o, c), p = o, d = {}, h = 0;
-  for (let m = 0; m < l.length; m++) {
-    const {
-      name: w,
-      fn: x
-    } = l[m], {
-      x: y,
-      y: C,
-      data: v,
-      reset: b
-    } = await x({
-      x: a,
-      y: u,
-      initialPlacement: o,
-      placement: p,
-      strategy: r,
-      middlewareData: d,
-      rects: f,
-      platform: s,
-      elements: {
-        reference: e,
-        floating: t
-      }
-    });
-    a = y ?? a, u = C ?? u, d = {
-      ...d,
-      [w]: {
-        ...d[w],
-        ...v
-      }
-    }, b && h <= 50 && (h++, typeof b == "object" && (b.placement && (p = b.placement), b.rects && (f = b.rects === !0 ? await s.getElementRects({
-      reference: e,
-      floating: t,
-      strategy: r
-    }) : b.rects), {
-      x: a,
-      y: u
-    } = Ge(f, p, c)), m = -1);
-  }
-  return {
-    x: a,
-    y: u,
-    placement: p,
-    strategy: r,
-    middlewareData: d
-  };
-};
-async function ie(e, t) {
-  var n;
-  t === void 0 && (t = {});
-  const {
-    x: o,
-    y: r,
-    platform: i,
-    rects: s,
-    elements: l,
-    strategy: c
-  } = e, {
-    boundary: f = "clippingAncestors",
-    rootBoundary: a = "viewport",
-    elementContext: u = "floating",
-    altBoundary: p = !1,
-    padding: d = 0
-  } = G(t, e), h = rt(d), w = l[p ? u === "floating" ? "reference" : "floating" : u], x = me(await i.getClippingRect({
-    element: (n = await (i.isElement == null ? void 0 : i.isElement(w))) == null || n ? w : w.contextElement || await (i.getDocumentElement == null ? void 0 : i.getDocumentElement(l.floating)),
-    boundary: f,
-    rootBoundary: a,
-    strategy: c
-  })), y = u === "floating" ? {
-    x: o,
-    y: r,
-    width: s.floating.width,
-    height: s.floating.height
-  } : s.reference, C = await (i.getOffsetParent == null ? void 0 : i.getOffsetParent(l.floating)), v = await (i.isElement == null ? void 0 : i.isElement(C)) ? await (i.getScale == null ? void 0 : i.getScale(C)) || {
-    x: 1,
-    y: 1
-  } : {
-    x: 1,
-    y: 1
-  }, b = me(i.convertOffsetParentRelativeRectToViewportRelativeRect ? await i.convertOffsetParentRelativeRectToViewportRelativeRect({
-    elements: l,
-    rect: y,
-    offsetParent: C,
-    strategy: c
-  }) : y);
-  return {
-    top: (x.top - b.top + h.top) / v.y,
-    bottom: (b.bottom - x.bottom + h.bottom) / v.y,
-    left: (x.left - b.left + h.left) / v.x,
-    right: (b.right - x.right + h.right) / v.x
-  };
-}
-const mn = (e) => ({
-  name: "arrow",
-  options: e,
-  async fn(t) {
-    const {
-      x: n,
-      y: o,
-      placement: r,
-      rects: i,
-      platform: s,
-      elements: l,
-      middlewareData: c
-    } = t, {
-      element: f,
-      padding: a = 0
-    } = G(e, t) || {};
-    if (f == null)
-      return {};
-    const u = rt(a), p = {
-      x: n,
-      y: o
-    }, d = _e(r), h = ke(d), m = await s.getDimensions(f), w = d === "y", x = w ? "top" : "left", y = w ? "bottom" : "right", C = w ? "clientHeight" : "clientWidth", v = i.reference[h] + i.reference[d] - p[d] - i.floating[h], b = p[d] - i.reference[d], T = await (s.getOffsetParent == null ? void 0 : s.getOffsetParent(f));
-    let P = T ? T[C] : 0;
-    (!P || !await (s.isElement == null ? void 0 : s.isElement(T))) && (P = l.floating[C] || i.floating[h]);
-    const M = v / 2 - b / 2, H = P / 2 - m[h] / 2 - 1, D = U(u[x], H), _ = U(u[y], H), N = D, E = P - m[h] - _, O = P / 2 - m[h] / 2 + M, $ = Oe(N, O, E), S = !c.arrow && ne(r) != null && O !== $ && i.reference[h] / 2 - (O < N ? D : _) - m[h] / 2 < 0, L = S ? O < N ? O - N : O - E : 0;
-    return {
-      [d]: p[d] + L,
-      data: {
-        [d]: $,
-        centerOffset: O - $ - L,
-        ...S && {
-          alignmentOffset: L
-        }
-      },
-      reset: S
-    };
-  }
-}), gn = function(e) {
-  return e === void 0 && (e = {}), {
-    name: "flip",
-    options: e,
-    async fn(t) {
-      var n, o;
-      const {
-        placement: r,
-        middlewareData: i,
-        rects: s,
-        initialPlacement: l,
-        platform: c,
-        elements: f
-      } = t, {
-        mainAxis: a = !0,
-        crossAxis: u = !0,
-        fallbackPlacements: p,
-        fallbackStrategy: d = "bestFit",
-        fallbackAxisSideDirection: h = "none",
-        flipAlignment: m = !0,
-        ...w
-      } = G(e, t);
-      if ((n = i.arrow) != null && n.alignmentOffset)
-        return {};
-      const x = q(r), y = z(l), C = q(l) === l, v = await (c.isRTL == null ? void 0 : c.isRTL(f.floating)), b = p || (C || !m ? [he(l)] : ln(l)), T = h !== "none";
-      !p && T && b.push(...dn(l, m, h, v));
-      const P = [l, ...b], M = await ie(t, w), H = [];
-      let D = ((o = i.flip) == null ? void 0 : o.overflows) || [];
-      if (a && H.push(M[x]), u) {
-        const O = cn(r, s, v);
-        H.push(M[O[0]], M[O[1]]);
-      }
-      if (D = [...D, {
-        placement: r,
-        overflows: H
-      }], !H.every((O) => O <= 0)) {
-        var _, N;
-        const O = (((_ = i.flip) == null ? void 0 : _.index) || 0) + 1, $ = P[O];
-        if ($ && (!(u === "alignment" ? y !== z($) : !1) || // We leave the current main axis only if every placement on that axis
-        // overflows the main axis.
-        D.every((A) => z(A.placement) === y ? A.overflows[0] > 0 : !0)))
-          return {
-            data: {
-              index: O,
-              overflows: D
-            },
-            reset: {
-              placement: $
-            }
-          };
-        let S = (N = D.filter((L) => L.overflows[0] <= 0).sort((L, A) => L.overflows[1] - A.overflows[1])[0]) == null ? void 0 : N.placement;
-        if (!S)
-          switch (d) {
-            case "bestFit": {
-              var E;
-              const L = (E = D.filter((A) => {
-                if (T) {
-                  const k = z(A.placement);
-                  return k === y || // Create a bias to the `y` side axis due to horizontal
-                  // reading directions favoring greater width.
-                  k === "y";
-                }
-                return !0;
-              }).map((A) => [A.placement, A.overflows.filter((k) => k > 0).reduce((k, V) => k + V, 0)]).sort((A, k) => A[1] - k[1])[0]) == null ? void 0 : E[0];
-              L && (S = L);
-              break;
-            }
-            case "initialPlacement":
-              S = l;
-              break;
-          }
-        if (r !== S)
-          return {
-            reset: {
-              placement: S
-            }
-          };
-      }
-      return {};
-    }
-  };
-};
-function qe(e, t) {
-  return {
-    top: e.top - t.height,
-    right: e.right - t.width,
-    bottom: e.bottom - t.height,
-    left: e.left - t.width
-  };
-}
-function Ue(e) {
-  return nn.some((t) => e[t] >= 0);
-}
-const wn = function(e) {
-  return e === void 0 && (e = {}), {
-    name: "hide",
-    options: e,
-    async fn(t) {
-      const {
-        rects: n
-      } = t, {
-        strategy: o = "referenceHidden",
-        ...r
-      } = G(e, t);
-      switch (o) {
-        case "referenceHidden": {
-          const i = await ie(t, {
-            ...r,
-            elementContext: "reference"
-          }), s = qe(i, n.reference);
-          return {
-            data: {
-              referenceHiddenOffsets: s,
-              referenceHidden: Ue(s)
-            }
-          };
-        }
-        case "escaped": {
-          const i = await ie(t, {
-            ...r,
-            altBoundary: !0
-          }), s = qe(i, n.floating);
-          return {
-            data: {
-              escapedOffsets: s,
-              escaped: Ue(s)
-            }
-          };
-        }
-        default:
-          return {};
-      }
-    }
-  };
-}, it = /* @__PURE__ */ new Set(["left", "top"]);
-async function xn(e, t) {
-  const {
-    placement: n,
-    platform: o,
-    elements: r
-  } = e, i = await (o.isRTL == null ? void 0 : o.isRTL(r.floating)), s = q(n), l = ne(n), c = z(n) === "y", f = it.has(s) ? -1 : 1, a = i && c ? -1 : 1, u = G(t, e);
-  let {
-    mainAxis: p,
-    crossAxis: d,
-    alignmentAxis: h
-  } = typeof u == "number" ? {
-    mainAxis: u,
-    crossAxis: 0,
-    alignmentAxis: null
-  } : {
-    mainAxis: u.mainAxis || 0,
-    crossAxis: u.crossAxis || 0,
-    alignmentAxis: u.alignmentAxis
-  };
-  return l && typeof h == "number" && (d = l === "end" ? h * -1 : h), c ? {
-    x: d * a,
-    y: p * f
-  } : {
-    x: p * f,
-    y: d * a
-  };
-}
-const yn = function(e) {
-  return e === void 0 && (e = 0), {
-    name: "offset",
-    options: e,
-    async fn(t) {
-      var n, o;
-      const {
-        x: r,
-        y: i,
-        placement: s,
-        middlewareData: l
-      } = t, c = await xn(t, e);
-      return s === ((n = l.offset) == null ? void 0 : n.placement) && (o = l.arrow) != null && o.alignmentOffset ? {} : {
-        x: r + c.x,
-        y: i + c.y,
-        data: {
-          ...c,
-          placement: s
-        }
-      };
-    }
-  };
-}, vn = function(e) {
-  return e === void 0 && (e = {}), {
-    name: "shift",
-    options: e,
-    async fn(t) {
-      const {
-        x: n,
-        y: o,
-        placement: r
-      } = t, {
-        mainAxis: i = !0,
-        crossAxis: s = !1,
-        limiter: l = {
-          fn: (w) => {
-            let {
-              x,
-              y
-            } = w;
-            return {
-              x,
-              y
-            };
-          }
-        },
-        ...c
-      } = G(e, t), f = {
-        x: n,
-        y: o
-      }, a = await ie(t, c), u = z(q(r)), p = Me(u);
-      let d = f[p], h = f[u];
-      if (i) {
-        const w = p === "y" ? "top" : "left", x = p === "y" ? "bottom" : "right", y = d + a[w], C = d - a[x];
-        d = Oe(y, d, C);
-      }
-      if (s) {
-        const w = u === "y" ? "top" : "left", x = u === "y" ? "bottom" : "right", y = h + a[w], C = h - a[x];
-        h = Oe(y, h, C);
-      }
-      const m = l.fn({
-        ...t,
-        [p]: d,
-        [u]: h
-      });
-      return {
-        ...m,
-        data: {
-          x: m.x - n,
-          y: m.y - o,
-          enabled: {
-            [p]: i,
-            [u]: s
-          }
-        }
-      };
-    }
-  };
-}, bn = function(e) {
-  return e === void 0 && (e = {}), {
-    options: e,
-    fn(t) {
-      const {
-        x: n,
-        y: o,
-        placement: r,
-        rects: i,
-        middlewareData: s
-      } = t, {
-        offset: l = 0,
-        mainAxis: c = !0,
-        crossAxis: f = !0
-      } = G(e, t), a = {
-        x: n,
-        y: o
-      }, u = z(r), p = Me(u);
-      let d = a[p], h = a[u];
-      const m = G(l, t), w = typeof m == "number" ? {
-        mainAxis: m,
-        crossAxis: 0
-      } : {
-        mainAxis: 0,
-        crossAxis: 0,
-        ...m
-      };
-      if (c) {
-        const C = p === "y" ? "height" : "width", v = i.reference[p] - i.floating[C] + w.mainAxis, b = i.reference[p] + i.reference[C] - w.mainAxis;
-        d < v ? d = v : d > b && (d = b);
-      }
-      if (f) {
-        var x, y;
-        const C = p === "y" ? "width" : "height", v = it.has(q(r)), b = i.reference[u] - i.floating[C] + (v && ((x = s.offset) == null ? void 0 : x[u]) || 0) + (v ? 0 : w.crossAxis), T = i.reference[u] + i.reference[C] + (v ? 0 : ((y = s.offset) == null ? void 0 : y[u]) || 0) - (v ? w.crossAxis : 0);
-        h < b ? h = b : h > T && (h = T);
-      }
-      return {
-        [p]: d,
-        [u]: h
-      };
-    }
-  };
-}, Cn = function(e) {
-  return e === void 0 && (e = {}), {
-    name: "size",
-    options: e,
-    async fn(t) {
-      var n, o;
-      const {
-        placement: r,
-        rects: i,
-        platform: s,
-        elements: l
-      } = t, {
-        apply: c = () => {
-        },
-        ...f
-      } = G(e, t), a = await ie(t, f), u = q(r), p = ne(r), d = z(r) === "y", {
-        width: h,
-        height: m
-      } = i.floating;
-      let w, x;
-      u === "top" || u === "bottom" ? (w = u, x = p === (await (s.isRTL == null ? void 0 : s.isRTL(l.floating)) ? "start" : "end") ? "left" : "right") : (x = u, w = p === "end" ? "top" : "bottom");
-      const y = m - a.top - a.bottom, C = h - a.left - a.right, v = U(m - a[w], y), b = U(h - a[x], C), T = !t.middlewareData.shift;
-      let P = v, M = b;
-      if ((n = t.middlewareData.shift) != null && n.enabled.x && (M = C), (o = t.middlewareData.shift) != null && o.enabled.y && (P = y), T && !p) {
-        const D = F(a.left, 0), _ = F(a.right, 0), N = F(a.top, 0), E = F(a.bottom, 0);
-        d ? M = h - 2 * (D !== 0 || _ !== 0 ? D + _ : F(a.left, a.right)) : P = m - 2 * (N !== 0 || E !== 0 ? N + E : F(a.top, a.bottom));
-      }
-      await c({
-        ...t,
-        availableWidth: M,
-        availableHeight: P
-      });
-      const H = await s.getDimensions(l.floating);
-      return h !== H.width || m !== H.height ? {
-        reset: {
-          rects: !0
-        }
-      } : {};
-    }
-  };
-};
-function xe() {
-  return typeof window < "u";
-}
-function oe(e) {
-  return st(e) ? (e.nodeName || "").toLowerCase() : "#document";
-}
-function I(e) {
-  var t;
-  return (e == null || (t = e.ownerDocument) == null ? void 0 : t.defaultView) || window;
-}
-function X(e) {
-  var t;
-  return (t = (st(e) ? e.ownerDocument : e.document) || window.document) == null ? void 0 : t.documentElement;
-}
-function st(e) {
-  return xe() ? e instanceof Node || e instanceof I(e).Node : !1;
-}
-function W(e) {
-  return xe() ? e instanceof Element || e instanceof I(e).Element : !1;
-}
-function Y(e) {
-  return xe() ? e instanceof HTMLElement || e instanceof I(e).HTMLElement : !1;
-}
-function Ke(e) {
-  return !xe() || typeof ShadowRoot > "u" ? !1 : e instanceof ShadowRoot || e instanceof I(e).ShadowRoot;
-}
-const An = /* @__PURE__ */ new Set(["inline", "contents"]);
-function ae(e) {
-  const {
-    overflow: t,
-    overflowX: n,
-    overflowY: o,
-    display: r
-  } = B(e);
-  return /auto|scroll|overlay|hidden|clip/.test(t + o + n) && !An.has(r);
-}
-const Rn = /* @__PURE__ */ new Set(["table", "td", "th"]);
-function Pn(e) {
-  return Rn.has(oe(e));
-}
-const Tn = [":popover-open", ":modal"];
-function ye(e) {
-  return Tn.some((t) => {
-    try {
-      return e.matches(t);
-    } catch {
-      return !1;
-    }
-  });
-}
-const On = ["transform", "translate", "scale", "rotate", "perspective"], En = ["transform", "translate", "scale", "rotate", "perspective", "filter"], Sn = ["paint", "layout", "strict", "content"];
-function Ne(e) {
-  const t = He(), n = W(e) ? B(e) : e;
-  return On.some((o) => n[o] ? n[o] !== "none" : !1) || (n.containerType ? n.containerType !== "normal" : !1) || !t && (n.backdropFilter ? n.backdropFilter !== "none" : !1) || !t && (n.filter ? n.filter !== "none" : !1) || En.some((o) => (n.willChange || "").includes(o)) || Sn.some((o) => (n.contain || "").includes(o));
-}
-function Ln(e) {
-  let t = K(e);
-  for (; Y(t) && !ee(t); ) {
-    if (Ne(t))
-      return t;
-    if (ye(t))
-      return null;
-    t = K(t);
-  }
-  return null;
-}
-function He() {
-  return typeof CSS > "u" || !CSS.supports ? !1 : CSS.supports("-webkit-backdrop-filter", "none");
-}
-const Dn = /* @__PURE__ */ new Set(["html", "body", "#document"]);
-function ee(e) {
-  return Dn.has(oe(e));
-}
-function B(e) {
-  return I(e).getComputedStyle(e);
-}
-function ve(e) {
-  return W(e) ? {
-    scrollLeft: e.scrollLeft,
-    scrollTop: e.scrollTop
-  } : {
-    scrollLeft: e.scrollX,
-    scrollTop: e.scrollY
-  };
-}
-function K(e) {
-  if (oe(e) === "html")
-    return e;
-  const t = (
-    // Step into the shadow DOM of the parent of a slotted node.
-    e.assignedSlot || // DOM Element detected.
-    e.parentNode || // ShadowRoot detected.
-    Ke(e) && e.host || // Fallback.
-    X(e)
-  );
-  return Ke(t) ? t.host : t;
-}
-function ct(e) {
-  const t = K(e);
-  return ee(t) ? e.ownerDocument ? e.ownerDocument.body : e.body : Y(t) && ae(t) ? t : ct(t);
-}
-function se(e, t, n) {
-  var o;
-  t === void 0 && (t = []), n === void 0 && (n = !0);
-  const r = ct(e), i = r === ((o = e.ownerDocument) == null ? void 0 : o.body), s = I(r);
-  if (i) {
-    const l = Se(s);
-    return t.concat(s, s.visualViewport || [], ae(r) ? r : [], l && n ? se(l) : []);
-  }
-  return t.concat(r, se(r, [], n));
-}
-function Se(e) {
-  return e.parent && Object.getPrototypeOf(e.parent) ? e.frameElement : null;
-}
-function lt(e) {
-  const t = B(e);
-  let n = parseFloat(t.width) || 0, o = parseFloat(t.height) || 0;
-  const r = Y(e), i = r ? e.offsetWidth : n, s = r ? e.offsetHeight : o, l = pe(n) !== i || pe(o) !== s;
-  return l && (n = i, o = s), {
-    width: n,
-    height: o,
-    $: l
-  };
-}
-function $e(e) {
-  return W(e) ? e : e.contextElement;
-}
-function Q(e) {
-  const t = $e(e);
-  if (!Y(t))
-    return j(1);
-  const n = t.getBoundingClientRect(), {
-    width: o,
-    height: r,
-    $: i
-  } = lt(t);
-  let s = (i ? pe(n.width) : n.width) / o, l = (i ? pe(n.height) : n.height) / r;
-  return (!s || !Number.isFinite(s)) && (s = 1), (!l || !Number.isFinite(l)) && (l = 1), {
-    x: s,
-    y: l
-  };
-}
-const Mn = /* @__PURE__ */ j(0);
-function at(e) {
-  const t = I(e);
-  return !He() || !t.visualViewport ? Mn : {
-    x: t.visualViewport.offsetLeft,
-    y: t.visualViewport.offsetTop
-  };
-}
-function kn(e, t, n) {
-  return t === void 0 && (t = !1), !n || t && n !== I(e) ? !1 : t;
-}
-function Z(e, t, n, o) {
-  t === void 0 && (t = !1), n === void 0 && (n = !1);
-  const r = e.getBoundingClientRect(), i = $e(e);
-  let s = j(1);
-  t && (o ? W(o) && (s = Q(o)) : s = Q(e));
-  const l = kn(i, n, o) ? at(i) : j(0);
-  let c = (r.left + l.x) / s.x, f = (r.top + l.y) / s.y, a = r.width / s.x, u = r.height / s.y;
-  if (i) {
-    const p = I(i), d = o && W(o) ? I(o) : o;
-    let h = p, m = Se(h);
-    for (; m && o && d !== h; ) {
-      const w = Q(m), x = m.getBoundingClientRect(), y = B(m), C = x.left + (m.clientLeft + parseFloat(y.paddingLeft)) * w.x, v = x.top + (m.clientTop + parseFloat(y.paddingTop)) * w.y;
-      c *= w.x, f *= w.y, a *= w.x, u *= w.y, c += C, f += v, h = I(m), m = Se(h);
-    }
-  }
-  return me({
-    width: a,
-    height: u,
-    x: c,
-    y: f
-  });
-}
-function be(e, t) {
-  const n = ve(e).scrollLeft;
-  return t ? t.left + n : Z(X(e)).left + n;
-}
-function ft(e, t) {
-  const n = e.getBoundingClientRect(), o = n.left + t.scrollLeft - be(e, n), r = n.top + t.scrollTop;
-  return {
-    x: o,
-    y: r
-  };
-}
-function _n(e) {
-  let {
-    elements: t,
-    rect: n,
-    offsetParent: o,
-    strategy: r
-  } = e;
-  const i = r === "fixed", s = X(o), l = t ? ye(t.floating) : !1;
-  if (o === s || l && i)
-    return n;
-  let c = {
-    scrollLeft: 0,
-    scrollTop: 0
-  }, f = j(1);
-  const a = j(0), u = Y(o);
-  if ((u || !u && !i) && ((oe(o) !== "body" || ae(s)) && (c = ve(o)), Y(o))) {
-    const d = Z(o);
-    f = Q(o), a.x = d.x + o.clientLeft, a.y = d.y + o.clientTop;
-  }
-  const p = s && !u && !i ? ft(s, c) : j(0);
-  return {
-    width: n.width * f.x,
-    height: n.height * f.y,
-    x: n.x * f.x - c.scrollLeft * f.x + a.x + p.x,
-    y: n.y * f.y - c.scrollTop * f.y + a.y + p.y
-  };
-}
-function Nn(e) {
-  return Array.from(e.getClientRects());
-}
-function Hn(e) {
-  const t = X(e), n = ve(e), o = e.ownerDocument.body, r = F(t.scrollWidth, t.clientWidth, o.scrollWidth, o.clientWidth), i = F(t.scrollHeight, t.clientHeight, o.scrollHeight, o.clientHeight);
-  let s = -n.scrollLeft + be(e);
-  const l = -n.scrollTop;
-  return B(o).direction === "rtl" && (s += F(t.clientWidth, o.clientWidth) - r), {
-    width: r,
-    height: i,
-    x: s,
-    y: l
-  };
-}
-const Ze = 25;
-function $n(e, t) {
-  const n = I(e), o = X(e), r = n.visualViewport;
-  let i = o.clientWidth, s = o.clientHeight, l = 0, c = 0;
-  if (r) {
-    i = r.width, s = r.height;
-    const a = He();
-    (!a || a && t === "fixed") && (l = r.offsetLeft, c = r.offsetTop);
-  }
-  const f = be(o);
-  if (f <= 0) {
-    const a = o.ownerDocument, u = a.body, p = getComputedStyle(u), d = a.compatMode === "CSS1Compat" && parseFloat(p.marginLeft) + parseFloat(p.marginRight) || 0, h = Math.abs(o.clientWidth - u.clientWidth - d);
-    h <= Ze && (i -= h);
-  } else f <= Ze && (i += f);
-  return {
-    width: i,
-    height: s,
-    x: l,
-    y: c
-  };
-}
-const Fn = /* @__PURE__ */ new Set(["absolute", "fixed"]);
-function In(e, t) {
-  const n = Z(e, !0, t === "fixed"), o = n.top + e.clientTop, r = n.left + e.clientLeft, i = Y(e) ? Q(e) : j(1), s = e.clientWidth * i.x, l = e.clientHeight * i.y, c = r * i.x, f = o * i.y;
-  return {
-    width: s,
-    height: l,
-    x: c,
-    y: f
-  };
-}
-function Je(e, t, n) {
-  let o;
-  if (t === "viewport")
-    o = $n(e, n);
-  else if (t === "document")
-    o = Hn(X(e));
-  else if (W(t))
-    o = In(t, n);
-  else {
-    const r = at(e);
-    o = {
-      x: t.x - r.x,
-      y: t.y - r.y,
-      width: t.width,
-      height: t.height
-    };
-  }
-  return me(o);
-}
-function ut(e, t) {
-  const n = K(e);
-  return n === t || !W(n) || ee(n) ? !1 : B(n).position === "fixed" || ut(n, t);
-}
-function Wn(e, t) {
-  const n = t.get(e);
-  if (n)
-    return n;
-  let o = se(e, [], !1).filter((l) => W(l) && oe(l) !== "body"), r = null;
-  const i = B(e).position === "fixed";
-  let s = i ? K(e) : e;
-  for (; W(s) && !ee(s); ) {
-    const l = B(s), c = Ne(s);
-    !c && l.position === "fixed" && (r = null), (i ? !c && !r : !c && l.position === "static" && !!r && Fn.has(r.position) || ae(s) && !c && ut(e, s)) ? o = o.filter((a) => a !== s) : r = l, s = K(s);
-  }
-  return t.set(e, o), o;
-}
-function Bn(e) {
-  let {
-    element: t,
-    boundary: n,
-    rootBoundary: o,
-    strategy: r
-  } = e;
-  const s = [...n === "clippingAncestors" ? ye(t) ? [] : Wn(t, this._c) : [].concat(n), o], l = s[0], c = s.reduce((f, a) => {
-    const u = Je(t, a, r);
-    return f.top = F(u.top, f.top), f.right = U(u.right, f.right), f.bottom = U(u.bottom, f.bottom), f.left = F(u.left, f.left), f;
-  }, Je(t, l, r));
-  return {
-    width: c.right - c.left,
-    height: c.bottom - c.top,
-    x: c.left,
-    y: c.top
-  };
-}
-function Vn(e) {
-  const {
-    width: t,
-    height: n
-  } = lt(e);
-  return {
-    width: t,
-    height: n
-  };
-}
-function zn(e, t, n) {
-  const o = Y(t), r = X(t), i = n === "fixed", s = Z(e, !0, i, t);
-  let l = {
-    scrollLeft: 0,
-    scrollTop: 0
-  };
-  const c = j(0);
-  function f() {
-    c.x = be(r);
-  }
-  if (o || !o && !i)
-    if ((oe(t) !== "body" || ae(r)) && (l = ve(t)), o) {
-      const d = Z(t, !0, i, t);
-      c.x = d.x + t.clientLeft, c.y = d.y + t.clientTop;
-    } else r && f();
-  i && !o && r && f();
-  const a = r && !o && !i ? ft(r, l) : j(0), u = s.left + l.scrollLeft - c.x - a.x, p = s.top + l.scrollTop - c.y - a.y;
-  return {
-    x: u,
-    y: p,
-    width: s.width,
-    height: s.height
-  };
-}
-function Pe(e) {
-  return B(e).position === "static";
-}
-function Qe(e, t) {
-  if (!Y(e) || B(e).position === "fixed")
-    return null;
-  if (t)
-    return t(e);
-  let n = e.offsetParent;
-  return X(e) === n && (n = n.ownerDocument.body), n;
-}
-function dt(e, t) {
-  const n = I(e);
-  if (ye(e))
-    return n;
-  if (!Y(e)) {
-    let r = K(e);
-    for (; r && !ee(r); ) {
-      if (W(r) && !Pe(r))
-        return r;
-      r = K(r);
-    }
-    return n;
-  }
-  let o = Qe(e, t);
-  for (; o && Pn(o) && Pe(o); )
-    o = Qe(o, t);
-  return o && ee(o) && Pe(o) && !Ne(o) ? n : o || Ln(e) || n;
-}
-const jn = async function(e) {
-  const t = this.getOffsetParent || dt, n = this.getDimensions, o = await n(e.floating);
-  return {
-    reference: zn(e.reference, await t(e.floating), e.strategy),
-    floating: {
-      x: 0,
-      y: 0,
-      width: o.width,
-      height: o.height
-    }
-  };
-};
-function Yn(e) {
-  return B(e).direction === "rtl";
-}
-const Xn = {
-  convertOffsetParentRelativeRectToViewportRelativeRect: _n,
-  getDocumentElement: X,
-  getClippingRect: Bn,
-  getOffsetParent: dt,
-  getElementRects: jn,
-  getClientRects: Nn,
-  getDimensions: Vn,
-  getScale: Q,
-  isElement: W,
-  isRTL: Yn
-};
-function pt(e, t) {
-  return e.x === t.x && e.y === t.y && e.width === t.width && e.height === t.height;
-}
-function Gn(e, t) {
-  let n = null, o;
-  const r = X(e);
-  function i() {
-    var l;
-    clearTimeout(o), (l = n) == null || l.disconnect(), n = null;
-  }
-  function s(l, c) {
-    l === void 0 && (l = !1), c === void 0 && (c = 1), i();
-    const f = e.getBoundingClientRect(), {
-      left: a,
-      top: u,
-      width: p,
-      height: d
-    } = f;
-    if (l || t(), !p || !d)
-      return;
-    const h = ue(u), m = ue(r.clientWidth - (a + p)), w = ue(r.clientHeight - (u + d)), x = ue(a), C = {
-      rootMargin: -h + "px " + -m + "px " + -w + "px " + -x + "px",
-      threshold: F(0, U(1, c)) || 1
-    };
-    let v = !0;
-    function b(T) {
-      const P = T[0].intersectionRatio;
-      if (P !== c) {
-        if (!v)
-          return s();
-        P ? s(!1, P) : o = setTimeout(() => {
-          s(!1, 1e-7);
-        }, 1e3);
-      }
-      P === 1 && !pt(f, e.getBoundingClientRect()) && s(), v = !1;
-    }
-    try {
-      n = new IntersectionObserver(b, {
-        ...C,
-        // Handle <iframe>s
-        root: r.ownerDocument
-      });
-    } catch {
-      n = new IntersectionObserver(b, C);
-    }
-    n.observe(e);
-  }
-  return s(!0), i;
-}
-function qn(e, t, n, o) {
-  o === void 0 && (o = {});
-  const {
-    ancestorScroll: r = !0,
-    ancestorResize: i = !0,
-    elementResize: s = typeof ResizeObserver == "function",
-    layoutShift: l = typeof IntersectionObserver == "function",
-    animationFrame: c = !1
-  } = o, f = $e(e), a = r || i ? [...f ? se(f) : [], ...se(t)] : [];
-  a.forEach((x) => {
-    r && x.addEventListener("scroll", n, {
-      passive: !0
-    }), i && x.addEventListener("resize", n);
-  });
-  const u = f && l ? Gn(f, n) : null;
-  let p = -1, d = null;
-  s && (d = new ResizeObserver((x) => {
-    let [y] = x;
-    y && y.target === f && d && (d.unobserve(t), cancelAnimationFrame(p), p = requestAnimationFrame(() => {
-      var C;
-      (C = d) == null || C.observe(t);
-    })), n();
-  }), f && !c && d.observe(f), d.observe(t));
-  let h, m = c ? Z(e) : null;
-  c && w();
-  function w() {
-    const x = Z(e);
-    m && !pt(m, x) && n(), m = x, h = requestAnimationFrame(w);
-  }
-  return n(), () => {
-    var x;
-    a.forEach((y) => {
-      r && y.removeEventListener("scroll", n), i && y.removeEventListener("resize", n);
-    }), u?.(), (x = d) == null || x.disconnect(), d = null, c && cancelAnimationFrame(h);
-  };
-}
-const Un = yn, Kn = vn, Zn = gn, Jn = Cn, Qn = wn, et = mn, eo = bn, to = (e, t, n) => {
-  const o = /* @__PURE__ */ new Map(), r = {
-    platform: Xn,
-    ...n
-  }, i = {
-    ...r.platform,
-    _c: o
-  };
-  return hn(e, t, {
-    ...r,
-    platform: i
-  });
-};
-var no = typeof document < "u", oo = function() {
-}, de = no ? jt : oo;
-function ge(e, t) {
-  if (e === t)
-    return !0;
-  if (typeof e != typeof t)
-    return !1;
-  if (typeof e == "function" && e.toString() === t.toString())
-    return !0;
-  let n, o, r;
-  if (e && t && typeof e == "object") {
-    if (Array.isArray(e)) {
-      if (n = e.length, n !== t.length) return !1;
-      for (o = n; o-- !== 0; )
-        if (!ge(e[o], t[o]))
-          return !1;
-      return !0;
-    }
-    if (r = Object.keys(e), n = r.length, n !== Object.keys(t).length)
-      return !1;
-    for (o = n; o-- !== 0; )
-      if (!{}.hasOwnProperty.call(t, r[o]))
-        return !1;
-    for (o = n; o-- !== 0; ) {
-      const i = r[o];
-      if (!(i === "_owner" && e.$$typeof) && !ge(e[i], t[i]))
-        return !1;
-    }
-    return !0;
-  }
-  return e !== e && t !== t;
-}
-function ht(e) {
-  return typeof window > "u" ? 1 : (e.ownerDocument.defaultView || window).devicePixelRatio || 1;
-}
-function tt(e, t) {
-  const n = ht(e);
-  return Math.round(t * n) / n;
-}
-function Te(e) {
-  const t = g.useRef(e);
-  return de(() => {
-    t.current = e;
-  }), t;
-}
-function ro(e) {
-  e === void 0 && (e = {});
-  const {
-    placement: t = "bottom",
-    strategy: n = "absolute",
-    middleware: o = [],
-    platform: r,
-    elements: {
-      reference: i,
-      floating: s
-    } = {},
-    transform: l = !0,
-    whileElementsMounted: c,
-    open: f
-  } = e, [a, u] = g.useState({
-    x: 0,
-    y: 0,
-    strategy: n,
-    placement: t,
-    middlewareData: {},
-    isPositioned: !1
-  }), [p, d] = g.useState(o);
-  ge(p, o) || d(o);
-  const [h, m] = g.useState(null), [w, x] = g.useState(null), y = g.useCallback((A) => {
-    A !== T.current && (T.current = A, m(A));
-  }, []), C = g.useCallback((A) => {
-    A !== P.current && (P.current = A, x(A));
-  }, []), v = i || h, b = s || w, T = g.useRef(null), P = g.useRef(null), M = g.useRef(a), H = c != null, D = Te(c), _ = Te(r), N = Te(f), E = g.useCallback(() => {
-    if (!T.current || !P.current)
-      return;
-    const A = {
-      placement: t,
-      strategy: n,
-      middleware: p
-    };
-    _.current && (A.platform = _.current), to(T.current, P.current, A).then((k) => {
-      const V = {
-        ...k,
-        // The floating element's position may be recomputed while it's closed
-        // but still mounted (such as when transitioning out). To ensure
-        // `isPositioned` will be `false` initially on the next open, avoid
-        // setting it to `true` when `open === false` (must be specified).
-        isPositioned: N.current !== !1
-      };
-      O.current && !ge(M.current, V) && (M.current = V, Zt.flushSync(() => {
-        u(V);
-      }));
-    });
-  }, [p, t, n, _, N]);
-  de(() => {
-    f === !1 && M.current.isPositioned && (M.current.isPositioned = !1, u((A) => ({
-      ...A,
-      isPositioned: !1
-    })));
-  }, [f]);
-  const O = g.useRef(!1);
-  de(() => (O.current = !0, () => {
-    O.current = !1;
-  }), []), de(() => {
-    if (v && (T.current = v), b && (P.current = b), v && b) {
-      if (D.current)
-        return D.current(v, b, E);
-      E();
-    }
-  }, [v, b, E, D, H]);
-  const $ = g.useMemo(() => ({
-    reference: T,
-    floating: P,
-    setReference: y,
-    setFloating: C
-  }), [y, C]), S = g.useMemo(() => ({
-    reference: v,
-    floating: b
-  }), [v, b]), L = g.useMemo(() => {
-    const A = {
-      position: n,
-      left: 0,
-      top: 0
-    };
-    if (!S.floating)
-      return A;
-    const k = tt(S.floating, a.x), V = tt(S.floating, a.y);
-    return l ? {
-      ...A,
-      transform: "translate(" + k + "px, " + V + "px)",
-      ...ht(S.floating) >= 1.5 && {
-        willChange: "transform"
-      }
-    } : {
-      position: n,
-      left: k,
-      top: V
-    };
-  }, [n, l, S.floating, a.x, a.y]);
-  return g.useMemo(() => ({
-    ...a,
-    update: E,
-    refs: $,
-    elements: S,
-    floatingStyles: L
-  }), [a, E, $, S, L]);
-}
-const io = (e) => {
-  function t(n) {
-    return {}.hasOwnProperty.call(n, "current");
-  }
-  return {
-    name: "arrow",
-    options: e,
-    fn(n) {
-      const {
-        element: o,
-        padding: r
-      } = typeof e == "function" ? e(n) : e;
-      return o && t(o) ? o.current != null ? et({
-        element: o.current,
-        padding: r
-      }).fn(n) : {} : o ? et({
-        element: o,
-        padding: r
-      }).fn(n) : {};
-    }
-  };
-}, so = (e, t) => ({
-  ...Un(e),
-  options: [e, t]
-}), co = (e, t) => ({
-  ...Kn(e),
-  options: [e, t]
-}), lo = (e, t) => ({
-  ...eo(e),
-  options: [e, t]
-}), ao = (e, t) => ({
-  ...Zn(e),
-  options: [e, t]
-}), fo = (e, t) => ({
-  ...Jn(e),
-  options: [e, t]
-}), uo = (e, t) => ({
-  ...Qn(e),
-  options: [e, t]
-}), po = (e, t) => ({
-  ...io(e),
-  options: [e, t]
-});
-var ho = "Arrow", mt = g.forwardRef((e, t) => {
-  const { children: n, width: o = 10, height: r = 5, ...i } = e;
-  return /* @__PURE__ */ R(
-    le.svg,
-    {
-      ...i,
-      ref: t,
-      width: o,
-      height: r,
-      viewBox: "0 0 30 10",
-      preserveAspectRatio: "none",
-      children: e.asChild ? n : /* @__PURE__ */ R("polygon", { points: "0,0 30,0 15,10" })
-    }
-  );
-});
-mt.displayName = ho;
-var mo = mt, Fe = "Popper", [gt, wt] = ot(Fe), [go, xt] = gt(Fe), yt = (e) => {
-  const { __scopePopper: t, children: n } = e, [o, r] = g.useState(null);
-  return /* @__PURE__ */ R(go, { scope: t, anchor: o, onAnchorChange: r, children: n });
-};
-yt.displayName = Fe;
-var vt = "PopperAnchor", bt = g.forwardRef(
-  (e, t) => {
-    const { __scopePopper: n, virtualRef: o, ...r } = e, i = xt(vt, n), s = g.useRef(null), l = we(t, s), c = g.useRef(null);
-    return g.useEffect(() => {
-      const f = c.current;
-      c.current = o?.current || s.current, f !== c.current && i.onAnchorChange(c.current);
-    }), o ? null : /* @__PURE__ */ R(le.div, { ...r, ref: l });
-  }
-);
-bt.displayName = vt;
-var Ie = "PopperContent", [wo, xo] = gt(Ie), Ct = g.forwardRef(
-  (e, t) => {
-    const {
-      __scopePopper: n,
-      side: o = "bottom",
-      sideOffset: r = 0,
-      align: i = "center",
-      alignOffset: s = 0,
-      arrowPadding: l = 0,
-      avoidCollisions: c = !0,
-      collisionBoundary: f = [],
-      collisionPadding: a = 0,
-      sticky: u = "partial",
-      hideWhenDetached: p = !1,
-      updatePositionStrategy: d = "optimized",
-      onPlaced: h,
-      ...m
-    } = e, w = xt(Ie, n), [x, y] = g.useState(null), C = we(t, (re) => y(re)), [v, b] = g.useState(null), T = Qt(v), P = T?.width ?? 0, M = T?.height ?? 0, H = o + (i !== "center" ? "-" + i : ""), D = typeof a == "number" ? a : { top: 0, right: 0, bottom: 0, left: 0, ...a }, _ = Array.isArray(f) ? f : [f], N = _.length > 0, E = {
-      padding: D,
-      boundary: _.filter(vo),
-      // with `strategy: 'fixed'`, this is the only way to get it to respect boundaries
-      altBoundary: N
-    }, { refs: O, floatingStyles: $, placement: S, isPositioned: L, middlewareData: A } = ro({
-      // default to `fixed` strategy so users don't have to pick and we also avoid focus scroll issues
-      strategy: "fixed",
-      placement: H,
-      whileElementsMounted: (...re) => qn(...re, {
-        animationFrame: d === "always"
-      }),
-      elements: {
-        reference: w.anchor
-      },
-      middleware: [
-        so({ mainAxis: r + M, alignmentAxis: s }),
-        c && co({
-          mainAxis: !0,
-          crossAxis: !1,
-          limiter: u === "partial" ? lo() : void 0,
-          ...E
-        }),
-        c && ao({ ...E }),
-        fo({
-          ...E,
-          apply: ({ elements: re, rects: Ve, availableWidth: It, availableHeight: Wt }) => {
-            const { width: Bt, height: Vt } = Ve.reference, fe = re.floating.style;
-            fe.setProperty("--radix-popper-available-width", `${It}px`), fe.setProperty("--radix-popper-available-height", `${Wt}px`), fe.setProperty("--radix-popper-anchor-width", `${Bt}px`), fe.setProperty("--radix-popper-anchor-height", `${Vt}px`);
-          }
-        }),
-        v && po({ element: v, padding: l }),
-        bo({ arrowWidth: P, arrowHeight: M }),
-        p && uo({ strategy: "referenceHidden", ...E })
-      ]
-    }), [k, V] = Pt(S), Be = Jt(h);
-    je(() => {
-      L && Be?.();
-    }, [L, Be]);
-    const _t = A.arrow?.x, Nt = A.arrow?.y, Ht = A.arrow?.centerOffset !== 0, [$t, Ft] = g.useState();
-    return je(() => {
-      x && Ft(window.getComputedStyle(x).zIndex);
-    }, [x]), /* @__PURE__ */ R(
-      "div",
-      {
-        ref: O.setFloating,
-        "data-radix-popper-content-wrapper": "",
-        style: {
-          ...$,
-          transform: L ? $.transform : "translate(0, -200%)",
-          // keep off the page when measuring
-          minWidth: "max-content",
-          zIndex: $t,
-          "--radix-popper-transform-origin": [
-            A.transformOrigin?.x,
-            A.transformOrigin?.y
-          ].join(" "),
-          // hide the content if using the hide middleware and should be hidden
-          // set visibility to hidden and disable pointer events so the UI behaves
-          // as if the PopperContent isn't there at all
-          ...A.hide?.referenceHidden && {
-            visibility: "hidden",
-            pointerEvents: "none"
-          }
-        },
-        dir: e.dir,
-        children: /* @__PURE__ */ R(
-          wo,
-          {
-            scope: n,
-            placedSide: k,
-            onArrowChange: b,
-            arrowX: _t,
-            arrowY: Nt,
-            shouldHideArrow: Ht,
-            children: /* @__PURE__ */ R(
-              le.div,
-              {
-                "data-side": k,
-                "data-align": V,
-                ...m,
-                ref: C,
-                style: {
-                  ...m.style,
-                  // if the PopperContent hasn't been placed yet (not all measurements done)
-                  // we prevent animations so that users's animation don't kick in too early referring wrong sides
-                  animation: L ? void 0 : "none"
-                }
-              }
-            )
-          }
-        )
-      }
-    );
-  }
-);
-Ct.displayName = Ie;
-var At = "PopperArrow", yo = {
-  top: "bottom",
-  right: "left",
-  bottom: "top",
-  left: "right"
-}, Rt = g.forwardRef(function(t, n) {
-  const { __scopePopper: o, ...r } = t, i = xo(At, o), s = yo[i.placedSide];
-  return (
-    // we have to use an extra wrapper because `ResizeObserver` (used by `useSize`)
-    // doesn't report size as we'd expect on SVG elements.
-    // it reports their bounding box which is effectively the largest path inside the SVG.
-    /* @__PURE__ */ R(
-      "span",
-      {
-        ref: i.onArrowChange,
-        style: {
-          position: "absolute",
-          left: i.arrowX,
-          top: i.arrowY,
-          [s]: 0,
-          transformOrigin: {
-            top: "",
-            right: "0 0",
-            bottom: "center 0",
-            left: "100% 0"
-          }[i.placedSide],
-          transform: {
-            top: "translateY(100%)",
-            right: "translateY(50%) rotate(90deg) translateX(-50%)",
-            bottom: "rotate(180deg)",
-            left: "translateY(50%) rotate(-90deg) translateX(50%)"
-          }[i.placedSide],
-          visibility: i.shouldHideArrow ? "hidden" : void 0
-        },
-        children: /* @__PURE__ */ R(
-          mo,
-          {
-            ...r,
-            ref: n,
-            style: {
-              ...r.style,
-              // ensures the element can be measured correctly (mostly for if SVG)
-              display: "block"
-            }
-          }
-        )
-      }
-    )
-  );
-});
-Rt.displayName = At;
-function vo(e) {
-  return e !== null;
-}
-var bo = (e) => ({
-  name: "transformOrigin",
-  options: e,
-  fn(t) {
-    const { placement: n, rects: o, middlewareData: r } = t, s = r.arrow?.centerOffset !== 0, l = s ? 0 : e.arrowWidth, c = s ? 0 : e.arrowHeight, [f, a] = Pt(n), u = { start: "0%", center: "50%", end: "100%" }[a], p = (r.arrow?.x ?? 0) + l / 2, d = (r.arrow?.y ?? 0) + c / 2;
-    let h = "", m = "";
-    return f === "bottom" ? (h = s ? u : `${p}px`, m = `${-c}px`) : f === "top" ? (h = s ? u : `${p}px`, m = `${o.floating.height + c}px`) : f === "right" ? (h = `${-c}px`, m = s ? u : `${d}px`) : f === "left" && (h = `${o.floating.width + c}px`, m = s ? u : `${d}px`), { data: { x: h, y: m } };
-  }
-});
-function Pt(e) {
-  const [t, n = "center"] = e.split("-");
-  return [t, n];
-}
-var Co = yt, Ao = bt, Ro = Ct, Po = Rt, To = Symbol("radix.slottable");
-// @__NO_SIDE_EFFECTS__
-function Oo(e) {
-  const t = ({ children: n }) => /* @__PURE__ */ R(zt, { children: n });
-  return t.displayName = `${e}.Slottable`, t.__radixId = To, t;
-}
-var Eo = Object.freeze({
-  // See: https://github.com/twbs/bootstrap/blob/main/scss/mixins/_visually-hidden.scss
-  position: "absolute",
-  border: 0,
-  width: 1,
-  height: 1,
-  padding: 0,
-  margin: -1,
-  overflow: "hidden",
-  clip: "rect(0, 0, 0, 0)",
-  whiteSpace: "nowrap",
-  wordWrap: "normal"
-}), So = "VisuallyHidden", Tt = g.forwardRef(
-  (e, t) => /* @__PURE__ */ R(
-    le.span,
-    {
-      ...e,
-      ref: t,
-      style: { ...Eo, ...e.style }
-    }
-  )
-);
-Tt.displayName = So;
-var Lo = Tt, [Ce, cr] = ot("Tooltip", [
-  wt
-]), Ae = wt(), Ot = "TooltipProvider", Do = 700, Le = "tooltip.open", [Mo, We] = Ce(Ot), Et = (e) => {
-  const {
-    __scopeTooltip: t,
-    delayDuration: n = Do,
-    skipDelayDuration: o = 300,
-    disableHoverableContent: r = !1,
-    children: i
-  } = e, s = g.useRef(!0), l = g.useRef(!1), c = g.useRef(0);
-  return g.useEffect(() => {
-    const f = c.current;
-    return () => window.clearTimeout(f);
-  }, []), /* @__PURE__ */ R(
-    Mo,
-    {
-      scope: t,
-      isOpenDelayedRef: s,
-      delayDuration: n,
-      onOpen: g.useCallback(() => {
-        window.clearTimeout(c.current), s.current = !1;
-      }, []),
-      onClose: g.useCallback(() => {
-        window.clearTimeout(c.current), c.current = window.setTimeout(
-          () => s.current = !0,
-          o
-        );
-      }, [o]),
-      isPointerInTransitRef: l,
-      onPointerInTransitChange: g.useCallback((f) => {
-        l.current = f;
-      }, []),
-      disableHoverableContent: r,
-      children: i
-    }
-  );
-};
-Et.displayName = Ot;
-var ce = "Tooltip", [ko, Re] = Ce(ce), St = (e) => {
-  const {
-    __scopeTooltip: t,
-    children: n,
-    open: o,
-    defaultOpen: r,
-    onOpenChange: i,
-    disableHoverableContent: s,
-    delayDuration: l
-  } = e, c = We(ce, e.__scopeTooltip), f = Ae(t), [a, u] = g.useState(null), p = Kt(), d = g.useRef(0), h = s ?? c.disableHoverableContent, m = l ?? c.delayDuration, w = g.useRef(!1), [x, y] = qt({
-    prop: o,
-    defaultProp: r ?? !1,
-    onChange: (P) => {
-      P ? (c.onOpen(), document.dispatchEvent(new CustomEvent(Le))) : c.onClose(), i?.(P);
-    },
-    caller: ce
-  }), C = g.useMemo(() => x ? w.current ? "delayed-open" : "instant-open" : "closed", [x]), v = g.useCallback(() => {
-    window.clearTimeout(d.current), d.current = 0, w.current = !1, y(!0);
-  }, [y]), b = g.useCallback(() => {
-    window.clearTimeout(d.current), d.current = 0, y(!1);
-  }, [y]), T = g.useCallback(() => {
-    window.clearTimeout(d.current), d.current = window.setTimeout(() => {
-      w.current = !0, y(!0), d.current = 0;
-    }, m);
-  }, [m, y]);
-  return g.useEffect(() => () => {
-    d.current && (window.clearTimeout(d.current), d.current = 0);
-  }, []), /* @__PURE__ */ R(Co, { ...f, children: /* @__PURE__ */ R(
-    ko,
-    {
-      scope: t,
-      contentId: p,
-      open: x,
-      stateAttribute: C,
-      trigger: a,
-      onTriggerChange: u,
-      onTriggerEnter: g.useCallback(() => {
-        c.isOpenDelayedRef.current ? T() : v();
-      }, [c.isOpenDelayedRef, T, v]),
-      onTriggerLeave: g.useCallback(() => {
-        h ? b() : (window.clearTimeout(d.current), d.current = 0);
-      }, [b, h]),
-      onOpen: v,
-      onClose: b,
-      disableHoverableContent: h,
-      children: n
-    }
-  ) });
-};
-St.displayName = ce;
-var De = "TooltipTrigger", Lt = g.forwardRef(
-  (e, t) => {
-    const { __scopeTooltip: n, ...o } = e, r = Re(De, n), i = We(De, n), s = Ae(n), l = g.useRef(null), c = we(t, l, r.onTriggerChange), f = g.useRef(!1), a = g.useRef(!1), u = g.useCallback(() => f.current = !1, []);
-    return g.useEffect(() => () => document.removeEventListener("pointerup", u), [u]), /* @__PURE__ */ R(Ao, { asChild: !0, ...s, children: /* @__PURE__ */ R(
-      le.button,
-      {
-        "aria-describedby": r.open ? r.contentId : void 0,
-        "data-state": r.stateAttribute,
-        ...o,
-        ref: c,
-        onPointerMove: J(e.onPointerMove, (p) => {
-          p.pointerType !== "touch" && !a.current && !i.isPointerInTransitRef.current && (r.onTriggerEnter(), a.current = !0);
-        }),
-        onPointerLeave: J(e.onPointerLeave, () => {
-          r.onTriggerLeave(), a.current = !1;
-        }),
-        onPointerDown: J(e.onPointerDown, () => {
-          r.open && r.onClose(), f.current = !0, document.addEventListener("pointerup", u, { once: !0 });
-        }),
-        onFocus: J(e.onFocus, () => {
-          f.current || r.onOpen();
-        }),
-        onBlur: J(e.onBlur, r.onClose),
-        onClick: J(e.onClick, r.onClose)
-      }
-    ) });
-  }
-);
-Lt.displayName = De;
-var _o = "TooltipPortal", [lr, No] = Ce(_o, {
-  forceMount: void 0
-}), te = "TooltipContent", Dt = g.forwardRef(
-  (e, t) => {
-    const n = No(te, e.__scopeTooltip), { forceMount: o = n.forceMount, side: r = "top", ...i } = e, s = Re(te, e.__scopeTooltip);
-    return /* @__PURE__ */ R(en, { present: o || s.open, children: s.disableHoverableContent ? /* @__PURE__ */ R(Mt, { side: r, ...i, ref: t }) : /* @__PURE__ */ R(Ho, { side: r, ...i, ref: t }) });
-  }
-), Ho = g.forwardRef((e, t) => {
-  const n = Re(te, e.__scopeTooltip), o = We(te, e.__scopeTooltip), r = g.useRef(null), i = we(t, r), [s, l] = g.useState(null), { trigger: c, onClose: f } = n, a = r.current, { onPointerInTransitChange: u } = o, p = g.useCallback(() => {
-    l(null), u(!1);
-  }, [u]), d = g.useCallback(
-    (h, m) => {
-      const w = h.currentTarget, x = { x: h.clientX, y: h.clientY }, y = Bo(x, w.getBoundingClientRect()), C = Vo(x, y), v = zo(m.getBoundingClientRect()), b = Yo([...C, ...v]);
-      l(b), u(!0);
-    },
-    [u]
-  );
-  return g.useEffect(() => () => p(), [p]), g.useEffect(() => {
-    if (c && a) {
-      const h = (w) => d(w, a), m = (w) => d(w, c);
-      return c.addEventListener("pointerleave", h), a.addEventListener("pointerleave", m), () => {
-        c.removeEventListener("pointerleave", h), a.removeEventListener("pointerleave", m);
-      };
-    }
-  }, [c, a, d, p]), g.useEffect(() => {
-    if (s) {
-      const h = (m) => {
-        const w = m.target, x = { x: m.clientX, y: m.clientY }, y = c?.contains(w) || a?.contains(w), C = !jo(x, s);
-        y ? p() : C && (p(), f());
-      };
-      return document.addEventListener("pointermove", h), () => document.removeEventListener("pointermove", h);
-    }
-  }, [c, a, s, f, p]), /* @__PURE__ */ R(Mt, { ...e, ref: i });
-}), [$o, Fo] = Ce(ce, { isInside: !1 }), Io = /* @__PURE__ */ Oo("TooltipContent"), Mt = g.forwardRef(
-  (e, t) => {
-    const {
-      __scopeTooltip: n,
-      children: o,
-      "aria-label": r,
-      onEscapeKeyDown: i,
-      onPointerDownOutside: s,
-      ...l
-    } = e, c = Re(te, n), f = Ae(n), { onClose: a } = c;
-    return g.useEffect(() => (document.addEventListener(Le, a), () => document.removeEventListener(Le, a)), [a]), g.useEffect(() => {
-      if (c.trigger) {
-        const u = (p) => {
-          p.target?.contains(c.trigger) && a();
-        };
-        return window.addEventListener("scroll", u, { capture: !0 }), () => window.removeEventListener("scroll", u, { capture: !0 });
-      }
-    }, [c.trigger, a]), /* @__PURE__ */ R(
-      Ut,
-      {
-        asChild: !0,
-        disableOutsidePointerEvents: !1,
-        onEscapeKeyDown: i,
-        onPointerDownOutside: s,
-        onFocusOutside: (u) => u.preventDefault(),
-        onDismiss: a,
-        children: /* @__PURE__ */ nt(
-          Ro,
-          {
-            "data-state": c.stateAttribute,
-            ...f,
-            ...l,
-            ref: t,
-            style: {
-              ...l.style,
-              "--radix-tooltip-content-transform-origin": "var(--radix-popper-transform-origin)",
-              "--radix-tooltip-content-available-width": "var(--radix-popper-available-width)",
-              "--radix-tooltip-content-available-height": "var(--radix-popper-available-height)",
-              "--radix-tooltip-trigger-width": "var(--radix-popper-anchor-width)",
-              "--radix-tooltip-trigger-height": "var(--radix-popper-anchor-height)"
-            },
-            children: [
-              /* @__PURE__ */ R(Io, { children: o }),
-              /* @__PURE__ */ R($o, { scope: n, isInside: !0, children: /* @__PURE__ */ R(Lo, { id: c.contentId, role: "tooltip", children: r || o }) })
-            ]
-          }
-        )
-      }
-    );
-  }
-);
-Dt.displayName = te;
-var kt = "TooltipArrow", Wo = g.forwardRef(
-  (e, t) => {
-    const { __scopeTooltip: n, ...o } = e, r = Ae(n);
-    return Fo(
-      kt,
-      n
-    ).isInside ? null : /* @__PURE__ */ R(Po, { ...r, ...o, ref: t });
-  }
-);
-Wo.displayName = kt;
-function Bo(e, t) {
-  const n = Math.abs(t.top - e.y), o = Math.abs(t.bottom - e.y), r = Math.abs(t.right - e.x), i = Math.abs(t.left - e.x);
-  switch (Math.min(n, o, r, i)) {
-    case i:
-      return "left";
-    case r:
-      return "right";
-    case n:
-      return "top";
-    case o:
-      return "bottom";
-    default:
-      throw new Error("unreachable");
-  }
-}
-function Vo(e, t, n = 5) {
-  const o = [];
-  switch (t) {
-    case "top":
-      o.push(
-        { x: e.x - n, y: e.y + n },
-        { x: e.x + n, y: e.y + n }
-      );
-      break;
-    case "bottom":
-      o.push(
-        { x: e.x - n, y: e.y - n },
-        { x: e.x + n, y: e.y - n }
-      );
-      break;
-    case "left":
-      o.push(
-        { x: e.x + n, y: e.y - n },
-        { x: e.x + n, y: e.y + n }
-      );
-      break;
-    case "right":
-      o.push(
-        { x: e.x - n, y: e.y - n },
-        { x: e.x - n, y: e.y + n }
-      );
-      break;
-  }
-  return o;
-}
-function zo(e) {
-  const { top: t, right: n, bottom: o, left: r } = e;
-  return [
-    { x: r, y: t },
-    { x: n, y: t },
-    { x: n, y: o },
-    { x: r, y: o }
-  ];
-}
-function jo(e, t) {
-  const { x: n, y: o } = e;
-  let r = !1;
-  for (let i = 0, s = t.length - 1; i < t.length; s = i++) {
-    const l = t[i], c = t[s], f = l.x, a = l.y, u = c.x, p = c.y;
-    a > o != p > o && n < (u - f) * (o - a) / (p - a) + f && (r = !r);
-  }
-  return r;
-}
-function Yo(e) {
-  const t = e.slice();
-  return t.sort((n, o) => n.x < o.x ? -1 : n.x > o.x ? 1 : n.y < o.y ? -1 : n.y > o.y ? 1 : 0), Xo(t);
-}
-function Xo(e) {
-  if (e.length <= 1) return e.slice();
-  const t = [];
-  for (let o = 0; o < e.length; o++) {
-    const r = e[o];
-    for (; t.length >= 2; ) {
-      const i = t[t.length - 1], s = t[t.length - 2];
-      if ((i.x - s.x) * (r.y - s.y) >= (i.y - s.y) * (r.x - s.x)) t.pop();
-      else break;
-    }
-    t.push(r);
-  }
-  t.pop();
-  const n = [];
-  for (let o = e.length - 1; o >= 0; o--) {
-    const r = e[o];
-    for (; n.length >= 2; ) {
-      const i = n[n.length - 1], s = n[n.length - 2];
-      if ((i.x - s.x) * (r.y - s.y) >= (i.y - s.y) * (r.x - s.x)) n.pop();
-      else break;
-    }
-    n.push(r);
-  }
-  return n.pop(), t.length === 1 && n.length === 1 && t[0].x === n[0].x && t[0].y === n[0].y ? t : t.concat(n);
-}
-var Go = Et, qo = St, Uo = Lt, Ko = Dt;
-const ar = ({ getValue: e, value: t }) => {
-  const n = Yt(null), [o, r] = Xt(!1), i = t ?? e().toLocaleLowerCase(), s = Gt(() => {
-    const l = n.current;
-    l && r(l.scrollWidth > l.clientWidth);
+import { jsx as r, jsxs as d } from "react/jsx-runtime";
+import { P as u, R as b, T as m, C as p } from "../../../../index-2hB40Iuc.js";
+import { d as h } from "../../../../debounce-BFejQm9P.js";
+import { useRef as x, useState as w, useCallback as g, useEffect as s } from "react";
+const v = ({ getValue: l, value: i }) => {
+  const a = x(null), [c, f] = w(!1), n = i ?? l().toLocaleLowerCase(), t = g(() => {
+    const e = a.current;
+    e && f(e.scrollWidth > e.clientWidth);
   }, []);
-  return ze(() => {
-    const l = new AbortController(), c = tn(s, 300);
-    return window.addEventListener("resize", c, {
-      signal: l.signal
+  return s(() => {
+    const e = new AbortController(), o = h(t, 300);
+    return window.addEventListener("resize", o, {
+      signal: e.signal
     }), () => {
-      l.abort(), c.cancel();
+      e.abort(), o.cancel();
     };
-  }, [s]), ze(() => {
-    s();
-  }, [s]), o ? /* @__PURE__ */ R(Go, { delayDuration: 0, children: /* @__PURE__ */ nt(qo, { children: [
-    /* @__PURE__ */ R(Uo, { asChild: !0, children: /* @__PURE__ */ R("p", { ref: n, className: "w-full truncate cursor-pointer", children: i }) }),
-    /* @__PURE__ */ R(
-      Ko,
+  }, [t]), s(() => {
+    t();
+  }, [t]), c ? /* @__PURE__ */ r(u, { delayDuration: 0, children: /* @__PURE__ */ d(b, { children: [
+    /* @__PURE__ */ r(m, { asChild: !0, children: /* @__PURE__ */ r("p", { ref: a, className: "w-full truncate cursor-pointer", children: n }) }),
+    /* @__PURE__ */ r(
+      p,
       {
         side: "bottom",
         align: "center",
         className: "animate-in fade-in-0 relative mt-1.5 overflow-visible bg-kubefirst-dark-blue-900 text-white px-3 py-2 after:content-[''] after:absolute after:left-1/2 after:-translate-x-1/2 after:top-0 after:-translate-y-full after:border-l-8 after:border-l-transparent after:border-r-8 after:border-r-transparent after:border-b-8 after:border-kubefirst-dark-blue-900",
-        children: i
+        children: n
       }
     )
-  ] }) }) : /* @__PURE__ */ R("p", { ref: n, className: "w-full truncate", children: i });
+  ] }) }) : /* @__PURE__ */ r("p", { ref: a, className: "w-full truncate", children: n });
 };
 export {
-  ar as TruncateText
+  v as TruncateText
 };