@purpurds/tooltip 3.0.0

package/dist/tooltip.es.js

@@ -0,0 +1,2825 @@
+import { jsxs as Ue, jsx as I } from "react/jsx-runtime";
+import * as N from "react";
+import { forwardRef as M, useCallback as k, createContext as Ge, useMemo as ye, createElement as _, useContext as Tt, Fragment as $n, Children as se, isValidElement as Ie, cloneElement as Je, useEffect as R, useRef as L, useState as j, useLayoutEffect as Ct, useReducer as wn } from "react";
+import * as _n from "react-dom";
+import An, { flushSync as Rt } from "react-dom";
+const Pn = {
+  PRIMARY: "primary",
+  PRIMARY_NEGATIVE: "primary-negative",
+  SECONDARY: "secondary",
+  SECONDARY_NEGATIVE: "secondary-negative",
+  EXPRESSIVE: "expressive",
+  EXPRESSIVE_NEGATIVE: "expressive-negative"
+}, ft = {
+  SM: "sm",
+  MD: "md",
+  LG: "lg"
+};
+function En(e) {
+  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
+}
+var St = { exports: {} };
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/
+(function(e) {
+  (function() {
+    var t = {}.hasOwnProperty;
+    function n() {
+      for (var r = "", s = 0; s < arguments.length; s++) {
+        var a = arguments[s];
+        a && (r = i(r, o(a)));
+      }
+      return r;
+    }
+    function o(r) {
+      if (typeof r == "string" || typeof r == "number")
+        return r;
+      if (typeof r != "object")
+        return "";
+      if (Array.isArray(r))
+        return n.apply(null, r);
+      if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
+        return r.toString();
+      var s = "";
+      for (var a in r)
+        t.call(r, a) && r[a] && (s = i(s, a));
+      return s;
+    }
+    function i(r, s) {
+      return s ? r ? r + " " + s : r + s : r;
+    }
+    e.exports ? (n.default = n, e.exports = n) : window.classNames = n;
+  })();
+})(St);
+var On = St.exports;
+const pt = /* @__PURE__ */ En(On), Tn = "_rotate_7s2g1_1", Cn = "_dash_7s2g1_1", Te = {
+  "purpur-spinner": "_purpur-spinner_7s2g1_1",
+  rotate: Tn,
+  "purpur-spinner--xxs": "_purpur-spinner--xxs_7s2g1_4",
+  "purpur-spinner--xs": "_purpur-spinner--xs_7s2g1_8",
+  "purpur-spinner--sm": "_purpur-spinner--sm_7s2g1_12",
+  "purpur-spinner--md": "_purpur-spinner--md_7s2g1_16",
+  "purpur-spinner--lg": "_purpur-spinner--lg_7s2g1_20",
+  "purpur-spinner__circle": "_purpur-spinner__circle_7s2g1_24",
+  dash: Cn,
+  "purpur-spinner__circle--disabled": "_purpur-spinner__circle--disabled_7s2g1_33",
+  "purpur-spinner__circle--negative": "_purpur-spinner__circle--negative_7s2g1_36",
+  "purpur-spinner__circle--negative-disabled": "_purpur-spinner__circle--negative-disabled_7s2g1_39"
+}, Ce = "purpur-spinner", Rn = {
+  PRIMARY: "primary",
+  DISABLED: "disabled",
+  NEGATIVE: "negative",
+  NEGATIVE_DISABLED: "negative-disabled"
+}, Sn = {
+  XXS: "xxs",
+  XS: "xs",
+  SM: "sm",
+  MD: "md",
+  LG: "lg"
+}, Dn = ({
+  ["data-testid"]: e,
+  size: t = Sn.SM,
+  variant: n = Rn.PRIMARY,
+  ...o
+}) => /* @__PURE__ */ I(
+  "div",
+  {
+    className: pt([Te[Ce], Te[`${Ce}--${t}`]]),
+    "data-testid": e,
+    ...o,
+    children: /* @__PURE__ */ I("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ I(
+      "circle",
+      {
+        className: pt(
+          Te[`${Ce}__circle`],
+          Te[`${Ce}__circle--${n}`]
+        ),
+        cx: "25",
+        cy: "25",
+        r: "20"
+      }
+    ) })
+  }
+);
+function Nn(e) {
+  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
+}
+var Dt = { exports: {} };
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/
+(function(e) {
+  (function() {
+    var t = {}.hasOwnProperty;
+    function n() {
+      for (var r = "", s = 0; s < arguments.length; s++) {
+        var a = arguments[s];
+        a && (r = i(r, o(a)));
+      }
+      return r;
+    }
+    function o(r) {
+      if (typeof r == "string" || typeof r == "number")
+        return r;
+      if (typeof r != "object")
+        return "";
+      if (Array.isArray(r))
+        return n.apply(null, r);
+      if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
+        return r.toString();
+      var s = "";
+      for (var a in r)
+        t.call(r, a) && r[a] && (s = i(s, a));
+      return s;
+    }
+    function i(r, s) {
+      return s ? r ? r + " " + s : r + s : r;
+    }
+    e.exports ? (n.default = n, e.exports = n) : window.classNames = n;
+  })();
+})(Dt);
+var Ln = Dt.exports;
+const Mn = /* @__PURE__ */ Nn(Ln), re = {
+  "purpur-button": "_purpur-button_1fna2_1",
+  "purpur-button--sm": "_purpur-button--sm_1fna2_33",
+  "purpur-button--icon-only": "_purpur-button--icon-only_1fna2_36",
+  "purpur-button--md": "_purpur-button--md_1fna2_39",
+  "purpur-button--lg": "_purpur-button--lg_1fna2_45",
+  "purpur-button--full-width": "_purpur-button--full-width_1fna2_51",
+  "purpur-button--primary": "_purpur-button--primary_1fna2_54",
+  "purpur-button--disabled": "_purpur-button--disabled_1fna2_58",
+  "purpur-button--primary-negative": "_purpur-button--primary-negative_1fna2_64",
+  "purpur-button--secondary": "_purpur-button--secondary_1fna2_76",
+  "purpur-button--secondary-negative": "_purpur-button--secondary-negative_1fna2_87",
+  "purpur-button--expressive": "_purpur-button--expressive_1fna2_98",
+  "purpur-button--expressive-negative": "_purpur-button--expressive-negative_1fna2_108",
+  "purpur-button--negative": "_purpur-button--negative_1fna2_120",
+  "purpur-button--destructive": "_purpur-button--destructive_1fna2_127",
+  "purpur-button--destructive-negative": "_purpur-button--destructive-negative_1fna2_137",
+  "purpur-button--tertiary-purple": "_purpur-button--tertiary-purple_1fna2_147",
+  "purpur-button--tertiary-purple-negative": "_purpur-button--tertiary-purple-negative_1fna2_160",
+  "purpur-button--text-negative": "_purpur-button--text-negative_1fna2_175",
+  "purpur-button--text": "_purpur-button--text_1fna2_175"
+}, ht = {
+  ...Pn,
+  DESTRUCTIVE: "destructive",
+  DESTRUCTIVE_NEGATIVE: "destructive-negative",
+  TERTIARY_PURPLE: "tertiary-purple",
+  TERTIARY_PURPLE_NEGATVIE: "tertiary-purple-negative",
+  TEXT: "text",
+  TEXT_NEGATIVE: "text-negative"
+}, oe = "purpur-button", In = ({
+  children: e,
+  className: t,
+  ["data-testid"]: n,
+  disabled: o = !1,
+  fullWidth: i = !1,
+  iconOnly: r,
+  loading: s = !1,
+  onClick: a,
+  size: c = ft.MD,
+  variant: l,
+  type: d = "button",
+  ...u
+}, p) => {
+  if (r && l === "destructive")
+    return null;
+  const f = Mn(
+    [
+      re[oe],
+      re[`${oe}--${l}`],
+      re[`${oe}--${c}`]
+    ],
+    {
+      [re[`${oe}--icon-only`]]: r,
+      [re[`${oe}--negative`]]: l.endsWith("negative"),
+      [re[`${oe}--full-width`]]: i,
+      [re[`${oe}--disabled`]]: o || s
+    },
+    t
+  ), h = (m) => {
+    o || s ? m.preventDefault() : a && a(m);
+  }, g = () => l.endsWith("negative") ? "negative-disabled" : "disabled";
+  return /* @__PURE__ */ Ue(
+    "button",
+    {
+      className: f,
+      "data-testid": n,
+      type: d,
+      ref: p,
+      "aria-disabled": u["aria-disabled"] || o || s,
+      onClick: h,
+      ...u,
+      children: [
+        s && /* @__PURE__ */ I(Dn, { size: c === ft.LG ? "xs" : "xxs", variant: g() }),
+        " ",
+        e
+      ]
+    }
+  );
+}, Nt = M(In);
+Nt.displayName = "Button";
+function Fn(e) {
+  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
+}
+var Lt = { exports: {} };
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/
+(function(e) {
+  (function() {
+    var t = {}.hasOwnProperty;
+    function n() {
+      for (var r = "", s = 0; s < arguments.length; s++) {
+        var a = arguments[s];
+        a && (r = i(r, o.call(this, a)));
+      }
+      return r;
+    }
+    function o(r) {
+      if (typeof r == "string" || typeof r == "number")
+        return this && this[r] || r;
+      if (typeof r != "object")
+        return "";
+      if (Array.isArray(r))
+        return n.apply(this, r);
+      if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
+        return r.toString();
+      var s = "";
+      for (var a in r)
+        t.call(r, a) && r[a] && (s = i(s, this && this[a] || a));
+      return s;
+    }
+    function i(r, s) {
+      return s ? r ? r + " " + s : r + s : r;
+    }
+    e.exports ? (n.default = n, e.exports = n) : window.classNames = n;
+  })();
+})(Lt);
+var kn = Lt.exports;
+const Hn = /* @__PURE__ */ Fn(kn), Bn = {
+  "purpur-icon": "_purpur-icon_8u1lq_1",
+  "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
+  "purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
+  "purpur-icon--sm": "_purpur-icon--sm_8u1lq_12",
+  "purpur-icon--md": "_purpur-icon--md_8u1lq_16",
+  "purpur-icon--lg": "_purpur-icon--lg_8u1lq_20",
+  "purpur-icon--xl": "_purpur-icon--xl_8u1lq_24"
+}, jn = {
+  name: "info",
+  svg: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M11 8.18c0 .537.469.979 1.007.979.524 0 .993-.442.993-.98s-.469-.979-.993-.979c-.538 0-1.007.441-1.007.98Zm.152 1.958v6.897h1.696v-6.897h-1.696Z"/><path fill-rule="evenodd" d="M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10Zm-1.75 0a8.25 8.25 0 1 1-16.5 0 8.25 8.25 0 0 1 16.5 0Z" clip-rule="evenodd"/></svg>',
+  keywords: ["info"],
+  category: "status"
+}, Mt = (e) => /* @__PURE__ */ I(
+  Yn,
+  {
+    ...e,
+    svg: jn
+  }
+);
+Mt.displayName = "IconInfo";
+const Wn = Hn.bind(Bn), gt = "purpur-icon", Vn = "md", zn = (e) => e.filter((t) => Object.keys(t).length >= 1).map((t) => `${t.name}="${t.value}"`).join(" "), Un = ({ content: e = "", title: t } = {}) => {
+  const n = [
+    { name: "xmlns", value: "http://www.w3.org/2000/svg" },
+    { name: "fill", value: "currentColor" },
+    { name: "viewBox", value: "0 0 24 24" },
+    t ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
+  ], o = t ? `<title>${t}</title>` : "";
+  return `<svg ${zn(n)}>${o}${e}</svg>`;
+}, Gn = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), Yn = ({
+  ["data-testid"]: e,
+  svg: t,
+  allyTitle: n,
+  className: o = "",
+  size: i = Vn,
+  ...r
+}) => {
+  const s = Un({
+    content: Gn(t.svg),
+    title: n
+  }), a = Wn(o, gt, `${gt}--${i}`);
+  return /* @__PURE__ */ I(
+    "span",
+    {
+      "aria-label": n,
+      className: a,
+      "data-testid": e,
+      dangerouslySetInnerHTML: { __html: s },
+      ...r
+    }
+  );
+};
+function Xn(e) {
+  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
+}
+var It = { exports: {} };
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/
+(function(e) {
+  (function() {
+    var t = {}.hasOwnProperty;
+    function n() {
+      for (var r = "", s = 0; s < arguments.length; s++) {
+        var a = arguments[s];
+        a && (r = i(r, o(a)));
+      }
+      return r;
+    }
+    function o(r) {
+      if (typeof r == "string" || typeof r == "number")
+        return r;
+      if (typeof r != "object")
+        return "";
+      if (Array.isArray(r))
+        return n.apply(null, r);
+      if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
+        return r.toString();
+      var s = "";
+      for (var a in r)
+        t.call(r, a) && r[a] && (s = i(s, a));
+      return s;
+    }
+    function i(r, s) {
+      return s ? r ? r + " " + s : r + s : r;
+    }
+    e.exports ? (n.default = n, e.exports = n) : window.classNames = n;
+  })();
+})(It);
+var qn = It.exports;
+const Kn = /* @__PURE__ */ Xn(qn), Re = {
+  "purpur-paragraph": "_purpur-paragraph_hwaj6_1",
+  "purpur-paragraph--disabled": "_purpur-paragraph--disabled_hwaj6_7",
+  "purpur-paragraph--hyphens": "_purpur-paragraph--hyphens_hwaj6_10",
+  "purpur-paragraph--paragraph-100": "_purpur-paragraph--paragraph-100_hwaj6_13",
+  "purpur-paragraph--paragraph-100-medium": "_purpur-paragraph--paragraph-100-medium_hwaj6_19",
+  "purpur-paragraph--paragraph-100-bold": "_purpur-paragraph--paragraph-100-bold_hwaj6_26",
+  "purpur-paragraph--paragraph-200": "_purpur-paragraph--paragraph-200_hwaj6_33",
+  "purpur-paragraph--preamble-100": "_purpur-paragraph--preamble-100_hwaj6_39",
+  "purpur-paragraph--preamble-200": "_purpur-paragraph--preamble-200_hwaj6_45",
+  "purpur-paragraph--additional-100": "_purpur-paragraph--additional-100_hwaj6_51",
+  "purpur-paragraph--additional-100-medium": "_purpur-paragraph--additional-100-medium_hwaj6_57",
+  "purpur-paragraph--overline-100": "_purpur-paragraph--overline-100_hwaj6_64",
+  "purpur-paragraph--overline-200": "_purpur-paragraph--overline-200_hwaj6_71"
+}, Ft = {
+  PARAGRAPH100: "paragraph-100",
+  PARAGRAPH100MEDIUM: "paragraph-100-medium",
+  PARAGRAPH100BOLD: "paragraph-100-bold",
+  PARAGRAPH200: "paragraph-200",
+  PREAMBLE100: "preamble-100",
+  PREAMBLE200: "preamble-200",
+  ADDITIONAL100: "additional-100",
+  ADDITIONAL100MEDIUM: "additional-100-medium",
+  OVERLINE100: "overline-100",
+  OVERLINE200: "overline-200"
+}, Se = "purpur-paragraph", Zn = ({
+  ["data-testid"]: e,
+  children: t,
+  className: n = "",
+  disabled: o,
+  enableHyphenation: i = !1,
+  variant: r = Ft.PARAGRAPH100,
+  ...s
+}) => {
+  const a = Kn([
+    n,
+    Re[Se],
+    Re[`${Se}--${r}`],
+    {
+      [Re[`${Se}--hyphens`]]: i,
+      [Re[`${Se}--disabled`]]: o
+    }
+  ]);
+  return /* @__PURE__ */ I("p", { ...s, className: a, "data-testid": e, children: t });
+}, Jn = "400ms";
+function S() {
+  return S = Object.assign ? Object.assign.bind() : function(e) {
+    for (var t = 1; t < arguments.length; t++) {
+      var n = arguments[t];
+      for (var o in n)
+        Object.prototype.hasOwnProperty.call(n, o) && (e[o] = n[o]);
+    }
+    return e;
+  }, S.apply(this, arguments);
+}
+function G(e, t, { checkForDefaultPrevented: n = !0 } = {}) {
+  return function(i) {
+    if (e == null || e(i), n === !1 || !i.defaultPrevented)
+      return t == null ? void 0 : t(i);
+  };
+}
+function Qn(e, t) {
+  typeof e == "function" ? e(t) : e != null && (e.current = t);
+}
+function kt(...e) {
+  return (t) => e.forEach(
+    (n) => Qn(n, t)
+  );
+}
+function pe(...e) {
+  return k(kt(...e), e);
+}
+function Ht(e, t = []) {
+  let n = [];
+  function o(r, s) {
+    const a = /* @__PURE__ */ Ge(s), c = n.length;
+    n = [
+      ...n,
+      s
+    ];
+    function l(u) {
+      const { scope: p, children: f, ...h } = u, g = (p == null ? void 0 : p[e][c]) || a, m = ye(
+        () => h,
+        Object.values(h)
+      );
+      return /* @__PURE__ */ _(g.Provider, {
+        value: m
+      }, f);
+    }
+    function d(u, p) {
+      const f = (p == null ? void 0 : p[e][c]) || a, h = Tt(f);
+      if (h)
+        return h;
+      if (s !== void 0)
+        return s;
+      throw new Error(`\`${u}\` must be used within \`${r}\``);
+    }
+    return l.displayName = r + "Provider", [
+      l,
+      d
+    ];
+  }
+  const i = () => {
+    const r = n.map((s) => /* @__PURE__ */ Ge(s));
+    return function(a) {
+      const c = (a == null ? void 0 : a[e]) || r;
+      return ye(
+        () => ({
+          [`__scope${e}`]: {
+            ...a,
+            [e]: c
+          }
+        }),
+        [
+          a,
+          c
+        ]
+      );
+    };
+  };
+  return i.scopeName = e, [
+    o,
+    er(i, ...t)
+  ];
+}
+function er(...e) {
+  const t = e[0];
+  if (e.length === 1)
+    return t;
+  const n = () => {
+    const o = e.map(
+      (i) => ({
+        useScope: i(),
+        scopeName: i.scopeName
+      })
+    );
+    return function(r) {
+      const s = o.reduce((a, { useScope: c, scopeName: l }) => {
+        const u = c(r)[`__scope${l}`];
+        return {
+          ...a,
+          ...u
+        };
+      }, {});
+      return ye(
+        () => ({
+          [`__scope${t.scopeName}`]: s
+        }),
+        [
+          s
+        ]
+      );
+    };
+  };
+  return n.scopeName = t.scopeName, n;
+}
+const Bt = /* @__PURE__ */ M((e, t) => {
+  const { children: n, ...o } = e, i = se.toArray(n), r = i.find(tr);
+  if (r) {
+    const s = r.props.children, a = i.map((c) => c === r ? se.count(s) > 1 ? se.only(null) : /* @__PURE__ */ Ie(s) ? s.props.children : null : c);
+    return /* @__PURE__ */ _(Ye, S({}, o, {
+      ref: t
+    }), /* @__PURE__ */ Ie(s) ? /* @__PURE__ */ Je(s, void 0, a) : null);
+  }
+  return /* @__PURE__ */ _(Ye, S({}, o, {
+    ref: t
+  }), n);
+});
+Bt.displayName = "Slot";
+const Ye = /* @__PURE__ */ M((e, t) => {
+  const { children: n, ...o } = e;
+  return /* @__PURE__ */ Ie(n) ? /* @__PURE__ */ Je(n, {
+    ...nr(o, n.props),
+    ref: t ? kt(t, n.ref) : n.ref
+  }) : se.count(n) > 1 ? se.only(null) : null;
+});
+Ye.displayName = "SlotClone";
+const jt = ({ children: e }) => /* @__PURE__ */ _($n, null, e);
+function tr(e) {
+  return /* @__PURE__ */ Ie(e) && e.type === jt;
+}
+function nr(e, t) {
+  const n = {
+    ...t
+  };
+  for (const o in t) {
+    const i = e[o], r = t[o];
+    /^on[A-Z]/.test(o) ? i && r ? n[o] = (...a) => {
+      r(...a), i(...a);
+    } : i && (n[o] = i) : o === "style" ? n[o] = {
+      ...i,
+      ...r
+    } : o === "className" && (n[o] = [
+      i,
+      r
+    ].filter(Boolean).join(" "));
+  }
+  return {
+    ...e,
+    ...n
+  };
+}
+const rr = [
+  "a",
+  "button",
+  "div",
+  "form",
+  "h2",
+  "h3",
+  "img",
+  "input",
+  "label",
+  "li",
+  "nav",
+  "ol",
+  "p",
+  "span",
+  "svg",
+  "ul"
+], ce = rr.reduce((e, t) => {
+  const n = /* @__PURE__ */ M((o, i) => {
+    const { asChild: r, ...s } = o, a = r ? Bt : t;
+    return R(() => {
+      window[Symbol.for("radix-ui")] = !0;
+    }, []), /* @__PURE__ */ _(a, S({}, s, {
+      ref: i
+    }));
+  });
+  return n.displayName = `Primitive.${t}`, {
+    ...e,
+    [t]: n
+  };
+}, {});
+function or(e, t) {
+  e && Rt(
+    () => e.dispatchEvent(t)
+  );
+}
+function he(e) {
+  const t = L(e);
+  return R(() => {
+    t.current = e;
+  }), ye(
+    () => (...n) => {
+      var o;
+      return (o = t.current) === null || o === void 0 ? void 0 : o.call(t, ...n);
+    },
+    []
+  );
+}
+function ir(e, t = globalThis == null ? void 0 : globalThis.document) {
+  const n = he(e);
+  R(() => {
+    const o = (i) => {
+      i.key === "Escape" && n(i);
+    };
+    return t.addEventListener("keydown", o), () => t.removeEventListener("keydown", o);
+  }, [
+    n,
+    t
+  ]);
+}
+const Xe = "dismissableLayer.update", sr = "dismissableLayer.pointerDownOutside", ar = "dismissableLayer.focusOutside";
+let mt;
+const cr = /* @__PURE__ */ Ge({
+  layers: /* @__PURE__ */ new Set(),
+  layersWithOutsidePointerEventsDisabled: /* @__PURE__ */ new Set(),
+  branches: /* @__PURE__ */ new Set()
+}), lr = /* @__PURE__ */ M((e, t) => {
+  var n;
+  const { disableOutsidePointerEvents: o = !1, onEscapeKeyDown: i, onPointerDownOutside: r, onFocusOutside: s, onInteractOutside: a, onDismiss: c, ...l } = e, d = Tt(cr), [u, p] = j(null), f = (n = u == null ? void 0 : u.ownerDocument) !== null && n !== void 0 ? n : globalThis == null ? void 0 : globalThis.document, [, h] = j({}), g = pe(
+    t,
+    (A) => p(A)
+  ), m = Array.from(d.layers), [v] = [
+    ...d.layersWithOutsidePointerEventsDisabled
+  ].slice(-1), y = m.indexOf(v), x = u ? m.indexOf(u) : -1, $ = d.layersWithOutsidePointerEventsDisabled.size > 0, b = x >= y, w = ur((A) => {
+    const C = A.target, F = [
+      ...d.branches
+    ].some(
+      (T) => T.contains(C)
+    );
+    !b || F || (r == null || r(A), a == null || a(A), A.defaultPrevented || c == null || c());
+  }, f), E = dr((A) => {
+    const C = A.target;
+    [
+      ...d.branches
+    ].some(
+      (T) => T.contains(C)
+    ) || (s == null || s(A), a == null || a(A), A.defaultPrevented || c == null || c());
+  }, f);
+  return ir((A) => {
+    x === d.layers.size - 1 && (i == null || i(A), !A.defaultPrevented && c && (A.preventDefault(), c()));
+  }, f), R(() => {
+    if (u)
+      return o && (d.layersWithOutsidePointerEventsDisabled.size === 0 && (mt = f.body.style.pointerEvents, f.body.style.pointerEvents = "none"), d.layersWithOutsidePointerEventsDisabled.add(u)), d.layers.add(u), vt(), () => {
+        o && d.layersWithOutsidePointerEventsDisabled.size === 1 && (f.body.style.pointerEvents = mt);
+      };
+  }, [
+    u,
+    f,
+    o,
+    d
+  ]), R(() => () => {
+    u && (d.layers.delete(u), d.layersWithOutsidePointerEventsDisabled.delete(u), vt());
+  }, [
+    u,
+    d
+  ]), R(() => {
+    const A = () => h({});
+    return document.addEventListener(Xe, A), () => document.removeEventListener(Xe, A);
+  }, []), /* @__PURE__ */ _(ce.div, S({}, l, {
+    ref: g,
+    style: {
+      pointerEvents: $ ? b ? "auto" : "none" : void 0,
+      ...e.style
+    },
+    onFocusCapture: G(e.onFocusCapture, E.onFocusCapture),
+    onBlurCapture: G(e.onBlurCapture, E.onBlurCapture),
+    onPointerDownCapture: G(e.onPointerDownCapture, w.onPointerDownCapture)
+  }));
+});
+function ur(e, t = globalThis == null ? void 0 : globalThis.document) {
+  const n = he(e), o = L(!1), i = L(() => {
+  });
+  return R(() => {
+    const r = (a) => {
+      if (a.target && !o.current) {
+        let l = function() {
+          Wt(sr, n, c, {
+            discrete: !0
+          });
+        };
+        const c = {
+          originalEvent: a
+        };
+        a.pointerType === "touch" ? (t.removeEventListener("click", i.current), i.current = l, t.addEventListener("click", i.current, {
+          once: !0
+        })) : l();
+      } else
+        t.removeEventListener("click", i.current);
+      o.current = !1;
+    }, s = window.setTimeout(() => {
+      t.addEventListener("pointerdown", r);
+    }, 0);
+    return () => {
+      window.clearTimeout(s), t.removeEventListener("pointerdown", r), t.removeEventListener("click", i.current);
+    };
+  }, [
+    t,
+    n
+  ]), {
+    // ensures we check React component tree (not just DOM tree)
+    onPointerDownCapture: () => o.current = !0
+  };
+}
+function dr(e, t = globalThis == null ? void 0 : globalThis.document) {
+  const n = he(e), o = L(!1);
+  return R(() => {
+    const i = (r) => {
+      r.target && !o.current && Wt(ar, n, {
+        originalEvent: r
+      }, {
+        discrete: !1
+      });
+    };
+    return t.addEventListener("focusin", i), () => t.removeEventListener("focusin", i);
+  }, [
+    t,
+    n
+  ]), {
+    onFocusCapture: () => o.current = !0,
+    onBlurCapture: () => o.current = !1
+  };
+}
+function vt() {
+  const e = new CustomEvent(Xe);
+  document.dispatchEvent(e);
+}
+function Wt(e, t, n, { discrete: o }) {
+  const i = n.originalEvent.target, r = new CustomEvent(e, {
+    bubbles: !1,
+    cancelable: !0,
+    detail: n
+  });
+  t && i.addEventListener(e, t, {
+    once: !0
+  }), o ? or(i, r) : i.dispatchEvent(r);
+}
+const de = globalThis != null && globalThis.document ? Ct : () => {
+}, fr = N.useId || (() => {
+});
+let pr = 0;
+function hr(e) {
+  const [t, n] = N.useState(fr());
+  return de(() => {
+    e || n(
+      (o) => o ?? String(pr++)
+    );
+  }, [
+    e
+  ]), e || (t ? `radix-${t}` : "");
+}
+const gr = ["top", "right", "bottom", "left"], ee = Math.min, B = Math.max, Fe = Math.round, De = Math.floor, te = (e) => ({
+  x: e,
+  y: e
+}), mr = {
+  left: "right",
+  right: "left",
+  bottom: "top",
+  top: "bottom"
+}, vr = {
+  start: "end",
+  end: "start"
+};
+function qe(e, t, n) {
+  return B(e, ee(t, n));
+}
+function Y(e, t) {
+  return typeof e == "function" ? e(t) : e;
+}
+function X(e) {
+  return e.split("-")[0];
+}
+function ge(e) {
+  return e.split("-")[1];
+}
+function Qe(e) {
+  return e === "x" ? "y" : "x";
+}
+function et(e) {
+  return e === "y" ? "height" : "width";
+}
+function me(e) {
+  return ["top", "bottom"].includes(X(e)) ? "y" : "x";
+}
+function tt(e) {
+  return Qe(me(e));
+}
+function yr(e, t, n) {
+  n === void 0 && (n = !1);
+  const o = ge(e), i = tt(e), r = et(i);
+  let s = i === "x" ? o === (n ? "end" : "start") ? "right" : "left" : o === "start" ? "bottom" : "top";
+  return t.reference[r] > t.floating[r] && (s = ke(s)), [s, ke(s)];
+}
+function br(e) {
+  const t = ke(e);
+  return [Ke(e), t, Ke(t)];
+}
+function Ke(e) {
+  return e.replace(/start|end/g, (t) => vr[t]);
+}
+function xr(e, t, n) {
+  const o = ["left", "right"], i = ["right", "left"], r = ["top", "bottom"], s = ["bottom", "top"];
+  switch (e) {
+    case "top":
+    case "bottom":
+      return n ? t ? i : o : t ? o : i;
+    case "left":
+    case "right":
+      return t ? r : s;
+    default:
+      return [];
+  }
+}
+function $r(e, t, n, o) {
+  const i = ge(e);
+  let r = xr(X(e), n === "start", o);
+  return i && (r = r.map((s) => s + "-" + i), t && (r = r.concat(r.map(Ke)))), r;
+}
+function ke(e) {
+  return e.replace(/left|right|bottom|top/g, (t) => mr[t]);
+}
+function wr(e) {
+  return {
+    top: 0,
+    right: 0,
+    bottom: 0,
+    left: 0,
+    ...e
+  };
+}
+function Vt(e) {
+  return typeof e != "number" ? wr(e) : {
+    top: e,
+    right: e,
+    bottom: e,
+    left: e
+  };
+}
+function He(e) {
+  return {
+    ...e,
+    top: e.y,
+    left: e.x,
+    right: e.x + e.width,
+    bottom: e.y + e.height
+  };
+}
+function yt(e, t, n) {
+  let {
+    reference: o,
+    floating: i
+  } = e;
+  const r = me(t), s = tt(t), a = et(s), c = X(t), l = r === "y", d = o.x + o.width / 2 - i.width / 2, u = o.y + o.height / 2 - i.height / 2, p = o[a] / 2 - i[a] / 2;
+  let f;
+  switch (c) {
+    case "top":
+      f = {
+        x: d,
+        y: o.y - i.height
+      };
+      break;
+    case "bottom":
+      f = {
+        x: d,
+        y: o.y + o.height
+      };
+      break;
+    case "right":
+      f = {
+        x: o.x + o.width,
+        y: u
+      };
+      break;
+    case "left":
+      f = {
+        x: o.x - i.width,
+        y: u
+      };
+      break;
+    default:
+      f = {
+        x: o.x,
+        y: o.y
+      };
+  }
+  switch (ge(t)) {
+    case "start":
+      f[s] -= p * (n && l ? -1 : 1);
+      break;
+    case "end":
+      f[s] += p * (n && l ? -1 : 1);
+      break;
+  }
+  return f;
+}
+const _r = async (e, t, n) => {
+  const {
+    placement: o = "bottom",
+    strategy: i = "absolute",
+    middleware: r = [],
+    platform: s
+  } = n, a = r.filter(Boolean), c = await (s.isRTL == null ? void 0 : s.isRTL(t));
+  let l = await s.getElementRects({
+    reference: e,
+    floating: t,
+    strategy: i
+  }), {
+    x: d,
+    y: u
+  } = yt(l, o, c), p = o, f = {}, h = 0;
+  for (let g = 0; g < a.length; g++) {
+    const {
+      name: m,
+      fn: v
+    } = a[g], {
+      x: y,
+      y: x,
+      data: $,
+      reset: b
+    } = await v({
+      x: d,
+      y: u,
+      initialPlacement: o,
+      placement: p,
+      strategy: i,
+      middlewareData: f,
+      rects: l,
+      platform: s,
+      elements: {
+        reference: e,
+        floating: t
+      }
+    });
+    if (d = y ?? d, u = x ?? u, f = {
+      ...f,
+      [m]: {
+        ...f[m],
+        ...$
+      }
+    }, b && h <= 50) {
+      h++, typeof b == "object" && (b.placement && (p = b.placement), b.rects && (l = b.rects === !0 ? await s.getElementRects({
+        reference: e,
+        floating: t,
+        strategy: i
+      }) : b.rects), {
+        x: d,
+        y: u
+      } = yt(l, p, c)), g = -1;
+      continue;
+    }
+  }
+  return {
+    x: d,
+    y: u,
+    placement: p,
+    strategy: i,
+    middlewareData: f
+  };
+};
+async function be(e, t) {
+  var n;
+  t === void 0 && (t = {});
+  const {
+    x: o,
+    y: i,
+    platform: r,
+    rects: s,
+    elements: a,
+    strategy: c
+  } = e, {
+    boundary: l = "clippingAncestors",
+    rootBoundary: d = "viewport",
+    elementContext: u = "floating",
+    altBoundary: p = !1,
+    padding: f = 0
+  } = Y(t, e), h = Vt(f), m = a[p ? u === "floating" ? "reference" : "floating" : u], v = He(await r.getClippingRect({
+    element: (n = await (r.isElement == null ? void 0 : r.isElement(m))) == null || n ? m : m.contextElement || await (r.getDocumentElement == null ? void 0 : r.getDocumentElement(a.floating)),
+    boundary: l,
+    rootBoundary: d,
+    strategy: c
+  })), y = u === "floating" ? {
+    ...s.floating,
+    x: o,
+    y: i
+  } : s.reference, x = await (r.getOffsetParent == null ? void 0 : r.getOffsetParent(a.floating)), $ = await (r.isElement == null ? void 0 : r.isElement(x)) ? await (r.getScale == null ? void 0 : r.getScale(x)) || {
+    x: 1,
+    y: 1
+  } : {
+    x: 1,
+    y: 1
+  }, b = He(r.convertOffsetParentRelativeRectToViewportRelativeRect ? await r.convertOffsetParentRelativeRectToViewportRelativeRect({
+    rect: y,
+    offsetParent: x,
+    strategy: c
+  }) : y);
+  return {
+    top: (v.top - b.top + h.top) / $.y,
+    bottom: (b.bottom - v.bottom + h.bottom) / $.y,
+    left: (v.left - b.left + h.left) / $.x,
+    right: (b.right - v.right + h.right) / $.x
+  };
+}
+const bt = (e) => ({
+  name: "arrow",
+  options: e,
+  async fn(t) {
+    const {
+      x: n,
+      y: o,
+      placement: i,
+      rects: r,
+      platform: s,
+      elements: a
+    } = t, {
+      element: c,
+      padding: l = 0
+    } = Y(e, t) || {};
+    if (c == null)
+      return {};
+    const d = Vt(l), u = {
+      x: n,
+      y: o
+    }, p = tt(i), f = et(p), h = await s.getDimensions(c), g = p === "y", m = g ? "top" : "left", v = g ? "bottom" : "right", y = g ? "clientHeight" : "clientWidth", x = r.reference[f] + r.reference[p] - u[p] - r.floating[f], $ = u[p] - r.reference[p], b = await (s.getOffsetParent == null ? void 0 : s.getOffsetParent(c));
+    let w = b ? b[y] : 0;
+    (!w || !await (s.isElement == null ? void 0 : s.isElement(b))) && (w = a.floating[y] || r.floating[f]);
+    const E = x / 2 - $ / 2, A = w / 2 - h[f] / 2 - 1, C = ee(d[m], A), F = ee(d[v], A), T = C, H = w - h[f] - F, D = w / 2 - h[f] / 2 + E, O = qe(T, D, H), P = ge(i) != null && D != O && r.reference[f] / 2 - (D < T ? C : F) - h[f] / 2 < 0 ? D < T ? T - D : H - D : 0;
+    return {
+      [p]: u[p] - P,
+      data: {
+        [p]: O,
+        centerOffset: D - O + P
+      }
+    };
+  }
+}), Ar = function(e) {
+  return e === void 0 && (e = {}), {
+    name: "flip",
+    options: e,
+    async fn(t) {
+      var n;
+      const {
+        placement: o,
+        middlewareData: i,
+        rects: r,
+        initialPlacement: s,
+        platform: a,
+        elements: c
+      } = t, {
+        mainAxis: l = !0,
+        crossAxis: d = !0,
+        fallbackPlacements: u,
+        fallbackStrategy: p = "bestFit",
+        fallbackAxisSideDirection: f = "none",
+        flipAlignment: h = !0,
+        ...g
+      } = Y(e, t), m = X(o), v = X(s) === s, y = await (a.isRTL == null ? void 0 : a.isRTL(c.floating)), x = u || (v || !h ? [ke(s)] : br(s));
+      !u && f !== "none" && x.push(...$r(s, h, f, y));
+      const $ = [s, ...x], b = await be(t, g), w = [];
+      let E = ((n = i.flip) == null ? void 0 : n.overflows) || [];
+      if (l && w.push(b[m]), d) {
+        const T = yr(o, r, y);
+        w.push(b[T[0]], b[T[1]]);
+      }
+      if (E = [...E, {
+        placement: o,
+        overflows: w
+      }], !w.every((T) => T <= 0)) {
+        var A, C;
+        const T = (((A = i.flip) == null ? void 0 : A.index) || 0) + 1, H = $[T];
+        if (H)
+          return {
+            data: {
+              index: T,
+              overflows: E
+            },
+            reset: {
+              placement: H
+            }
+          };
+        let D = (C = E.filter((O) => O.overflows[0] <= 0).sort((O, V) => O.overflows[1] - V.overflows[1])[0]) == null ? void 0 : C.placement;
+        if (!D)
+          switch (p) {
+            case "bestFit": {
+              var F;
+              const O = (F = E.map((V) => [V.placement, V.overflows.filter((P) => P > 0).reduce((P, Z) => P + Z, 0)]).sort((V, P) => V[1] - P[1])[0]) == null ? void 0 : F[0];
+              O && (D = O);
+              break;
+            }
+            case "initialPlacement":
+              D = s;
+              break;
+          }
+        if (o !== D)
+          return {
+            reset: {
+              placement: D
+            }
+          };
+      }
+      return {};
+    }
+  };
+};
+function xt(e, t) {
+  return {
+    top: e.top - t.height,
+    right: e.right - t.width,
+    bottom: e.bottom - t.height,
+    left: e.left - t.width
+  };
+}
+function $t(e) {
+  return gr.some((t) => e[t] >= 0);
+}
+const Pr = function(e) {
+  return e === void 0 && (e = {}), {
+    name: "hide",
+    options: e,
+    async fn(t) {
+      const {
+        rects: n
+      } = t, {
+        strategy: o = "referenceHidden",
+        ...i
+      } = Y(e, t);
+      switch (o) {
+        case "referenceHidden": {
+          const r = await be(t, {
+            ...i,
+            elementContext: "reference"
+          }), s = xt(r, n.reference);
+          return {
+            data: {
+              referenceHiddenOffsets: s,
+              referenceHidden: $t(s)
+            }
+          };
+        }
+        case "escaped": {
+          const r = await be(t, {
+            ...i,
+            altBoundary: !0
+          }), s = xt(r, n.floating);
+          return {
+            data: {
+              escapedOffsets: s,
+              escaped: $t(s)
+            }
+          };
+        }
+        default:
+          return {};
+      }
+    }
+  };
+};
+async function Er(e, t) {
+  const {
+    placement: n,
+    platform: o,
+    elements: i
+  } = e, r = await (o.isRTL == null ? void 0 : o.isRTL(i.floating)), s = X(n), a = ge(n), c = me(n) === "y", l = ["left", "top"].includes(s) ? -1 : 1, d = r && c ? -1 : 1, u = Y(t, e);
+  let {
+    mainAxis: p,
+    crossAxis: f,
+    alignmentAxis: h
+  } = typeof u == "number" ? {
+    mainAxis: u,
+    crossAxis: 0,
+    alignmentAxis: null
+  } : {
+    mainAxis: 0,
+    crossAxis: 0,
+    alignmentAxis: null,
+    ...u
+  };
+  return a && typeof h == "number" && (f = a === "end" ? h * -1 : h), c ? {
+    x: f * d,
+    y: p * l
+  } : {
+    x: p * l,
+    y: f * d
+  };
+}
+const Or = function(e) {
+  return e === void 0 && (e = 0), {
+    name: "offset",
+    options: e,
+    async fn(t) {
+      const {
+        x: n,
+        y: o
+      } = t, i = await Er(t, e);
+      return {
+        x: n + i.x,
+        y: o + i.y,
+        data: i
+      };
+    }
+  };
+}, Tr = function(e) {
+  return e === void 0 && (e = {}), {
+    name: "shift",
+    options: e,
+    async fn(t) {
+      const {
+        x: n,
+        y: o,
+        placement: i
+      } = t, {
+        mainAxis: r = !0,
+        crossAxis: s = !1,
+        limiter: a = {
+          fn: (m) => {
+            let {
+              x: v,
+              y
+            } = m;
+            return {
+              x: v,
+              y
+            };
+          }
+        },
+        ...c
+      } = Y(e, t), l = {
+        x: n,
+        y: o
+      }, d = await be(t, c), u = me(X(i)), p = Qe(u);
+      let f = l[p], h = l[u];
+      if (r) {
+        const m = p === "y" ? "top" : "left", v = p === "y" ? "bottom" : "right", y = f + d[m], x = f - d[v];
+        f = qe(y, f, x);
+      }
+      if (s) {
+        const m = u === "y" ? "top" : "left", v = u === "y" ? "bottom" : "right", y = h + d[m], x = h - d[v];
+        h = qe(y, h, x);
+      }
+      const g = a.fn({
+        ...t,
+        [p]: f,
+        [u]: h
+      });
+      return {
+        ...g,
+        data: {
+          x: g.x - n,
+          y: g.y - o
+        }
+      };
+    }
+  };
+}, Cr = function(e) {
+  return e === void 0 && (e = {}), {
+    options: e,
+    fn(t) {
+      const {
+        x: n,
+        y: o,
+        placement: i,
+        rects: r,
+        middlewareData: s
+      } = t, {
+        offset: a = 0,
+        mainAxis: c = !0,
+        crossAxis: l = !0
+      } = Y(e, t), d = {
+        x: n,
+        y: o
+      }, u = me(i), p = Qe(u);
+      let f = d[p], h = d[u];
+      const g = Y(a, t), m = typeof g == "number" ? {
+        mainAxis: g,
+        crossAxis: 0
+      } : {
+        mainAxis: 0,
+        crossAxis: 0,
+        ...g
+      };
+      if (c) {
+        const x = p === "y" ? "height" : "width", $ = r.reference[p] - r.floating[x] + m.mainAxis, b = r.reference[p] + r.reference[x] - m.mainAxis;
+        f < $ ? f = $ : f > b && (f = b);
+      }
+      if (l) {
+        var v, y;
+        const x = p === "y" ? "width" : "height", $ = ["top", "left"].includes(X(i)), b = r.reference[u] - r.floating[x] + ($ && ((v = s.offset) == null ? void 0 : v[u]) || 0) + ($ ? 0 : m.crossAxis), w = r.reference[u] + r.reference[x] + ($ ? 0 : ((y = s.offset) == null ? void 0 : y[u]) || 0) - ($ ? m.crossAxis : 0);
+        h < b ? h = b : h > w && (h = w);
+      }
+      return {
+        [p]: f,
+        [u]: h
+      };
+    }
+  };
+}, Rr = function(e) {
+  return e === void 0 && (e = {}), {
+    name: "size",
+    options: e,
+    async fn(t) {
+      const {
+        placement: n,
+        rects: o,
+        platform: i,
+        elements: r
+      } = t, {
+        apply: s = () => {
+        },
+        ...a
+      } = Y(e, t), c = await be(t, a), l = X(n), d = ge(n), u = me(n) === "y", {
+        width: p,
+        height: f
+      } = o.floating;
+      let h, g;
+      l === "top" || l === "bottom" ? (h = l, g = d === (await (i.isRTL == null ? void 0 : i.isRTL(r.floating)) ? "start" : "end") ? "left" : "right") : (g = l, h = d === "end" ? "top" : "bottom");
+      const m = f - c[h], v = p - c[g], y = !t.middlewareData.shift;
+      let x = m, $ = v;
+      if (u) {
+        const w = p - c.left - c.right;
+        $ = d || y ? ee(v, w) : w;
+      } else {
+        const w = f - c.top - c.bottom;
+        x = d || y ? ee(m, w) : w;
+      }
+      if (y && !d) {
+        const w = B(c.left, 0), E = B(c.right, 0), A = B(c.top, 0), C = B(c.bottom, 0);
+        u ? $ = p - 2 * (w !== 0 || E !== 0 ? w + E : B(c.left, c.right)) : x = f - 2 * (A !== 0 || C !== 0 ? A + C : B(c.top, c.bottom));
+      }
+      await s({
+        ...t,
+        availableWidth: $,
+        availableHeight: x
+      });
+      const b = await i.getDimensions(r.floating);
+      return p !== b.width || f !== b.height ? {
+        reset: {
+          rects: !0
+        }
+      } : {};
+    }
+  };
+};
+function ne(e) {
+  return zt(e) ? (e.nodeName || "").toLowerCase() : "#document";
+}
+function W(e) {
+  var t;
+  return (e == null || (t = e.ownerDocument) == null ? void 0 : t.defaultView) || window;
+}
+function K(e) {
+  var t;
+  return (t = (zt(e) ? e.ownerDocument : e.document) || window.document) == null ? void 0 : t.documentElement;
+}
+function zt(e) {
+  return e instanceof Node || e instanceof W(e).Node;
+}
+function q(e) {
+  return e instanceof Element || e instanceof W(e).Element;
+}
+function U(e) {
+  return e instanceof HTMLElement || e instanceof W(e).HTMLElement;
+}
+function wt(e) {
+  return typeof ShadowRoot > "u" ? !1 : e instanceof ShadowRoot || e instanceof W(e).ShadowRoot;
+}
+function we(e) {
+  const {
+    overflow: t,
+    overflowX: n,
+    overflowY: o,
+    display: i
+  } = z(e);
+  return /auto|scroll|overlay|hidden|clip/.test(t + o + n) && !["inline", "contents"].includes(i);
+}
+function Sr(e) {
+  return ["table", "td", "th"].includes(ne(e));
+}
+function nt(e) {
+  const t = rt(), n = z(e);
+  return n.transform !== "none" || n.perspective !== "none" || (n.containerType ? n.containerType !== "normal" : !1) || !t && (n.backdropFilter ? n.backdropFilter !== "none" : !1) || !t && (n.filter ? n.filter !== "none" : !1) || ["transform", "perspective", "filter"].some((o) => (n.willChange || "").includes(o)) || ["paint", "layout", "strict", "content"].some((o) => (n.contain || "").includes(o));
+}
+function Dr(e) {
+  let t = fe(e);
+  for (; U(t) && !je(t); ) {
+    if (nt(t))
+      return t;
+    t = fe(t);
+  }
+  return null;
+}
+function rt() {
+  return typeof CSS > "u" || !CSS.supports ? !1 : CSS.supports("-webkit-backdrop-filter", "none");
+}
+function je(e) {
+  return ["html", "body", "#document"].includes(ne(e));
+}
+function z(e) {
+  return W(e).getComputedStyle(e);
+}
+function We(e) {
+  return q(e) ? {
+    scrollLeft: e.scrollLeft,
+    scrollTop: e.scrollTop
+  } : {
+    scrollLeft: e.pageXOffset,
+    scrollTop: e.pageYOffset
+  };
+}
+function fe(e) {
+  if (ne(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.
+    wt(e) && e.host || // Fallback.
+    K(e)
+  );
+  return wt(t) ? t.host : t;
+}
+function Ut(e) {
+  const t = fe(e);
+  return je(t) ? e.ownerDocument ? e.ownerDocument.body : e.body : U(t) && we(t) ? t : Ut(t);
+}
+function xe(e, t) {
+  var n;
+  t === void 0 && (t = []);
+  const o = Ut(e), i = o === ((n = e.ownerDocument) == null ? void 0 : n.body), r = W(o);
+  return i ? t.concat(r, r.visualViewport || [], we(o) ? o : [], r.frameElement ? xe(r.frameElement) : []) : t.concat(o, xe(o));
+}
+function Gt(e) {
+  const t = z(e);
+  let n = parseFloat(t.width) || 0, o = parseFloat(t.height) || 0;
+  const i = U(e), r = i ? e.offsetWidth : n, s = i ? e.offsetHeight : o, a = Fe(n) !== r || Fe(o) !== s;
+  return a && (n = r, o = s), {
+    width: n,
+    height: o,
+    $: a
+  };
+}
+function ot(e) {
+  return q(e) ? e : e.contextElement;
+}
+function ue(e) {
+  const t = ot(e);
+  if (!U(t))
+    return te(1);
+  const n = t.getBoundingClientRect(), {
+    width: o,
+    height: i,
+    $: r
+  } = Gt(t);
+  let s = (r ? Fe(n.width) : n.width) / o, a = (r ? Fe(n.height) : n.height) / i;
+  return (!s || !Number.isFinite(s)) && (s = 1), (!a || !Number.isFinite(a)) && (a = 1), {
+    x: s,
+    y: a
+  };
+}
+const Nr = /* @__PURE__ */ te(0);
+function Yt(e) {
+  const t = W(e);
+  return !rt() || !t.visualViewport ? Nr : {
+    x: t.visualViewport.offsetLeft,
+    y: t.visualViewport.offsetTop
+  };
+}
+function Lr(e, t, n) {
+  return t === void 0 && (t = !1), !n || t && n !== W(e) ? !1 : t;
+}
+function ae(e, t, n, o) {
+  t === void 0 && (t = !1), n === void 0 && (n = !1);
+  const i = e.getBoundingClientRect(), r = ot(e);
+  let s = te(1);
+  t && (o ? q(o) && (s = ue(o)) : s = ue(e));
+  const a = Lr(r, n, o) ? Yt(r) : te(0);
+  let c = (i.left + a.x) / s.x, l = (i.top + a.y) / s.y, d = i.width / s.x, u = i.height / s.y;
+  if (r) {
+    const p = W(r), f = o && q(o) ? W(o) : o;
+    let h = p.frameElement;
+    for (; h && o && f !== p; ) {
+      const g = ue(h), m = h.getBoundingClientRect(), v = z(h), y = m.left + (h.clientLeft + parseFloat(v.paddingLeft)) * g.x, x = m.top + (h.clientTop + parseFloat(v.paddingTop)) * g.y;
+      c *= g.x, l *= g.y, d *= g.x, u *= g.y, c += y, l += x, h = W(h).frameElement;
+    }
+  }
+  return He({
+    width: d,
+    height: u,
+    x: c,
+    y: l
+  });
+}
+function Mr(e) {
+  let {
+    rect: t,
+    offsetParent: n,
+    strategy: o
+  } = e;
+  const i = U(n), r = K(n);
+  if (n === r)
+    return t;
+  let s = {
+    scrollLeft: 0,
+    scrollTop: 0
+  }, a = te(1);
+  const c = te(0);
+  if ((i || !i && o !== "fixed") && ((ne(n) !== "body" || we(r)) && (s = We(n)), U(n))) {
+    const l = ae(n);
+    a = ue(n), c.x = l.x + n.clientLeft, c.y = l.y + n.clientTop;
+  }
+  return {
+    width: t.width * a.x,
+    height: t.height * a.y,
+    x: t.x * a.x - s.scrollLeft * a.x + c.x,
+    y: t.y * a.y - s.scrollTop * a.y + c.y
+  };
+}
+function Ir(e) {
+  return Array.from(e.getClientRects());
+}
+function Xt(e) {
+  return ae(K(e)).left + We(e).scrollLeft;
+}
+function Fr(e) {
+  const t = K(e), n = We(e), o = e.ownerDocument.body, i = B(t.scrollWidth, t.clientWidth, o.scrollWidth, o.clientWidth), r = B(t.scrollHeight, t.clientHeight, o.scrollHeight, o.clientHeight);
+  let s = -n.scrollLeft + Xt(e);
+  const a = -n.scrollTop;
+  return z(o).direction === "rtl" && (s += B(t.clientWidth, o.clientWidth) - i), {
+    width: i,
+    height: r,
+    x: s,
+    y: a
+  };
+}
+function kr(e, t) {
+  const n = W(e), o = K(e), i = n.visualViewport;
+  let r = o.clientWidth, s = o.clientHeight, a = 0, c = 0;
+  if (i) {
+    r = i.width, s = i.height;
+    const l = rt();
+    (!l || l && t === "fixed") && (a = i.offsetLeft, c = i.offsetTop);
+  }
+  return {
+    width: r,
+    height: s,
+    x: a,
+    y: c
+  };
+}
+function Hr(e, t) {
+  const n = ae(e, !0, t === "fixed"), o = n.top + e.clientTop, i = n.left + e.clientLeft, r = U(e) ? ue(e) : te(1), s = e.clientWidth * r.x, a = e.clientHeight * r.y, c = i * r.x, l = o * r.y;
+  return {
+    width: s,
+    height: a,
+    x: c,
+    y: l
+  };
+}
+function _t(e, t, n) {
+  let o;
+  if (t === "viewport")
+    o = kr(e, n);
+  else if (t === "document")
+    o = Fr(K(e));
+  else if (q(t))
+    o = Hr(t, n);
+  else {
+    const i = Yt(e);
+    o = {
+      ...t,
+      x: t.x - i.x,
+      y: t.y - i.y
+    };
+  }
+  return He(o);
+}
+function qt(e, t) {
+  const n = fe(e);
+  return n === t || !q(n) || je(n) ? !1 : z(n).position === "fixed" || qt(n, t);
+}
+function Br(e, t) {
+  const n = t.get(e);
+  if (n)
+    return n;
+  let o = xe(e).filter((a) => q(a) && ne(a) !== "body"), i = null;
+  const r = z(e).position === "fixed";
+  let s = r ? fe(e) : e;
+  for (; q(s) && !je(s); ) {
+    const a = z(s), c = nt(s);
+    !c && a.position === "fixed" && (i = null), (r ? !c && !i : !c && a.position === "static" && !!i && ["absolute", "fixed"].includes(i.position) || we(s) && !c && qt(e, s)) ? o = o.filter((d) => d !== s) : i = a, s = fe(s);
+  }
+  return t.set(e, o), o;
+}
+function jr(e) {
+  let {
+    element: t,
+    boundary: n,
+    rootBoundary: o,
+    strategy: i
+  } = e;
+  const s = [...n === "clippingAncestors" ? Br(t, this._c) : [].concat(n), o], a = s[0], c = s.reduce((l, d) => {
+    const u = _t(t, d, i);
+    return l.top = B(u.top, l.top), l.right = ee(u.right, l.right), l.bottom = ee(u.bottom, l.bottom), l.left = B(u.left, l.left), l;
+  }, _t(t, a, i));
+  return {
+    width: c.right - c.left,
+    height: c.bottom - c.top,
+    x: c.left,
+    y: c.top
+  };
+}
+function Wr(e) {
+  return Gt(e);
+}
+function Vr(e, t, n) {
+  const o = U(t), i = K(t), r = n === "fixed", s = ae(e, !0, r, t);
+  let a = {
+    scrollLeft: 0,
+    scrollTop: 0
+  };
+  const c = te(0);
+  if (o || !o && !r)
+    if ((ne(t) !== "body" || we(i)) && (a = We(t)), o) {
+      const l = ae(t, !0, r, t);
+      c.x = l.x + t.clientLeft, c.y = l.y + t.clientTop;
+    } else
+      i && (c.x = Xt(i));
+  return {
+    x: s.left + a.scrollLeft - c.x,
+    y: s.top + a.scrollTop - c.y,
+    width: s.width,
+    height: s.height
+  };
+}
+function At(e, t) {
+  return !U(e) || z(e).position === "fixed" ? null : t ? t(e) : e.offsetParent;
+}
+function Kt(e, t) {
+  const n = W(e);
+  if (!U(e))
+    return n;
+  let o = At(e, t);
+  for (; o && Sr(o) && z(o).position === "static"; )
+    o = At(o, t);
+  return o && (ne(o) === "html" || ne(o) === "body" && z(o).position === "static" && !nt(o)) ? n : o || Dr(e) || n;
+}
+const zr = async function(e) {
+  let {
+    reference: t,
+    floating: n,
+    strategy: o
+  } = e;
+  const i = this.getOffsetParent || Kt, r = this.getDimensions;
+  return {
+    reference: Vr(t, await i(n), o),
+    floating: {
+      x: 0,
+      y: 0,
+      ...await r(n)
+    }
+  };
+};
+function Ur(e) {
+  return z(e).direction === "rtl";
+}
+const Gr = {
+  convertOffsetParentRelativeRectToViewportRelativeRect: Mr,
+  getDocumentElement: K,
+  getClippingRect: jr,
+  getOffsetParent: Kt,
+  getElementRects: zr,
+  getClientRects: Ir,
+  getDimensions: Wr,
+  getScale: ue,
+  isElement: q,
+  isRTL: Ur
+};
+function Yr(e, t) {
+  let n = null, o;
+  const i = K(e);
+  function r() {
+    clearTimeout(o), n && n.disconnect(), n = null;
+  }
+  function s(a, c) {
+    a === void 0 && (a = !1), c === void 0 && (c = 1), r();
+    const {
+      left: l,
+      top: d,
+      width: u,
+      height: p
+    } = e.getBoundingClientRect();
+    if (a || t(), !u || !p)
+      return;
+    const f = De(d), h = De(i.clientWidth - (l + u)), g = De(i.clientHeight - (d + p)), m = De(l), y = {
+      rootMargin: -f + "px " + -h + "px " + -g + "px " + -m + "px",
+      threshold: B(0, ee(1, c)) || 1
+    };
+    let x = !0;
+    function $(b) {
+      const w = b[0].intersectionRatio;
+      if (w !== c) {
+        if (!x)
+          return s();
+        w ? s(!1, w) : o = setTimeout(() => {
+          s(!1, 1e-7);
+        }, 100);
+      }
+      x = !1;
+    }
+    try {
+      n = new IntersectionObserver($, {
+        ...y,
+        // Handle <iframe>s
+        root: i.ownerDocument
+      });
+    } catch {
+      n = new IntersectionObserver($, y);
+    }
+    n.observe(e);
+  }
+  return s(!0), r;
+}
+function Xr(e, t, n, o) {
+  o === void 0 && (o = {});
+  const {
+    ancestorScroll: i = !0,
+    ancestorResize: r = !0,
+    elementResize: s = typeof ResizeObserver == "function",
+    layoutShift: a = typeof IntersectionObserver == "function",
+    animationFrame: c = !1
+  } = o, l = ot(e), d = i || r ? [...l ? xe(l) : [], ...xe(t)] : [];
+  d.forEach((v) => {
+    i && v.addEventListener("scroll", n, {
+      passive: !0
+    }), r && v.addEventListener("resize", n);
+  });
+  const u = l && a ? Yr(l, n) : null;
+  let p = -1, f = null;
+  s && (f = new ResizeObserver((v) => {
+    let [y] = v;
+    y && y.target === l && f && (f.unobserve(t), cancelAnimationFrame(p), p = requestAnimationFrame(() => {
+      f && f.observe(t);
+    })), n();
+  }), l && !c && f.observe(l), f.observe(t));
+  let h, g = c ? ae(e) : null;
+  c && m();
+  function m() {
+    const v = ae(e);
+    g && (v.x !== g.x || v.y !== g.y || v.width !== g.width || v.height !== g.height) && n(), g = v, h = requestAnimationFrame(m);
+  }
+  return n(), () => {
+    d.forEach((v) => {
+      i && v.removeEventListener("scroll", n), r && v.removeEventListener("resize", n);
+    }), u && u(), f && f.disconnect(), f = null, c && cancelAnimationFrame(h);
+  };
+}
+const qr = (e, t, n) => {
+  const o = /* @__PURE__ */ new Map(), i = {
+    platform: Gr,
+    ...n
+  }, r = {
+    ...i.platform,
+    _c: o
+  };
+  return _r(e, t, {
+    ...i,
+    platform: r
+  });
+}, Kr = (e) => {
+  function t(n) {
+    return {}.hasOwnProperty.call(n, "current");
+  }
+  return {
+    name: "arrow",
+    options: e,
+    fn(n) {
+      const {
+        element: o,
+        padding: i
+      } = typeof e == "function" ? e(n) : e;
+      return o && t(o) ? o.current != null ? bt({
+        element: o.current,
+        padding: i
+      }).fn(n) : {} : o ? bt({
+        element: o,
+        padding: i
+      }).fn(n) : {};
+    }
+  };
+};
+var Me = typeof document < "u" ? Ct : R;
+function Be(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, i;
+  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 (!Be(e[o], t[o]))
+          return !1;
+      return !0;
+    }
+    if (i = Object.keys(e), n = i.length, n !== Object.keys(t).length)
+      return !1;
+    for (o = n; o-- !== 0; )
+      if (!{}.hasOwnProperty.call(t, i[o]))
+        return !1;
+    for (o = n; o-- !== 0; ) {
+      const r = i[o];
+      if (!(r === "_owner" && e.$$typeof) && !Be(e[r], t[r]))
+        return !1;
+    }
+    return !0;
+  }
+  return e !== e && t !== t;
+}
+function Zt(e) {
+  return typeof window > "u" ? 1 : (e.ownerDocument.defaultView || window).devicePixelRatio || 1;
+}
+function Pt(e, t) {
+  const n = Zt(e);
+  return Math.round(t * n) / n;
+}
+function Et(e) {
+  const t = N.useRef(e);
+  return Me(() => {
+    t.current = e;
+  }), t;
+}
+function Zr(e) {
+  e === void 0 && (e = {});
+  const {
+    placement: t = "bottom",
+    strategy: n = "absolute",
+    middleware: o = [],
+    platform: i,
+    elements: {
+      reference: r,
+      floating: s
+    } = {},
+    transform: a = !0,
+    whileElementsMounted: c,
+    open: l
+  } = e, [d, u] = N.useState({
+    x: 0,
+    y: 0,
+    strategy: n,
+    placement: t,
+    middlewareData: {},
+    isPositioned: !1
+  }), [p, f] = N.useState(o);
+  Be(p, o) || f(o);
+  const [h, g] = N.useState(null), [m, v] = N.useState(null), y = N.useCallback((P) => {
+    P != w.current && (w.current = P, g(P));
+  }, [g]), x = N.useCallback((P) => {
+    P !== E.current && (E.current = P, v(P));
+  }, [v]), $ = r || h, b = s || m, w = N.useRef(null), E = N.useRef(null), A = N.useRef(d), C = Et(c), F = Et(i), T = N.useCallback(() => {
+    if (!w.current || !E.current)
+      return;
+    const P = {
+      placement: t,
+      strategy: n,
+      middleware: p
+    };
+    F.current && (P.platform = F.current), qr(w.current, E.current, P).then((Z) => {
+      const J = {
+        ...Z,
+        isPositioned: !0
+      };
+      H.current && !Be(A.current, J) && (A.current = J, _n.flushSync(() => {
+        u(J);
+      }));
+    });
+  }, [p, t, n, F]);
+  Me(() => {
+    l === !1 && A.current.isPositioned && (A.current.isPositioned = !1, u((P) => ({
+      ...P,
+      isPositioned: !1
+    })));
+  }, [l]);
+  const H = N.useRef(!1);
+  Me(() => (H.current = !0, () => {
+    H.current = !1;
+  }), []), Me(() => {
+    if ($ && (w.current = $), b && (E.current = b), $ && b) {
+      if (C.current)
+        return C.current($, b, T);
+      T();
+    }
+  }, [$, b, T, C]);
+  const D = N.useMemo(() => ({
+    reference: w,
+    floating: E,
+    setReference: y,
+    setFloating: x
+  }), [y, x]), O = N.useMemo(() => ({
+    reference: $,
+    floating: b
+  }), [$, b]), V = N.useMemo(() => {
+    const P = {
+      position: n,
+      left: 0,
+      top: 0
+    };
+    if (!O.floating)
+      return P;
+    const Z = Pt(O.floating, d.x), J = Pt(O.floating, d.y);
+    return a ? {
+      ...P,
+      transform: "translate(" + Z + "px, " + J + "px)",
+      ...Zt(O.floating) >= 1.5 && {
+        willChange: "transform"
+      }
+    } : {
+      position: n,
+      left: Z,
+      top: J
+    };
+  }, [n, a, O.floating, d.x, d.y]);
+  return N.useMemo(() => ({
+    ...d,
+    update: T,
+    refs: D,
+    elements: O,
+    floatingStyles: V
+  }), [d, T, D, O, V]);
+}
+const Jr = /* @__PURE__ */ M((e, t) => {
+  const { children: n, width: o = 10, height: i = 5, ...r } = e;
+  return /* @__PURE__ */ _(ce.svg, S({}, r, {
+    ref: t,
+    width: o,
+    height: i,
+    viewBox: "0 0 30 10",
+    preserveAspectRatio: "none"
+  }), e.asChild ? n : /* @__PURE__ */ _("polygon", {
+    points: "0,0 30,0 15,10"
+  }));
+}), Qr = Jr;
+function eo(e) {
+  const [t, n] = j(void 0);
+  return de(() => {
+    if (e) {
+      n({
+        width: e.offsetWidth,
+        height: e.offsetHeight
+      });
+      const o = new ResizeObserver((i) => {
+        if (!Array.isArray(i) || !i.length)
+          return;
+        const r = i[0];
+        let s, a;
+        if ("borderBoxSize" in r) {
+          const c = r.borderBoxSize, l = Array.isArray(c) ? c[0] : c;
+          s = l.inlineSize, a = l.blockSize;
+        } else
+          s = e.offsetWidth, a = e.offsetHeight;
+        n({
+          width: s,
+          height: a
+        });
+      });
+      return o.observe(e, {
+        box: "border-box"
+      }), () => o.unobserve(e);
+    } else
+      n(void 0);
+  }, [
+    e
+  ]), t;
+}
+const Jt = "Popper", [Qt, en] = Ht(Jt), [to, tn] = Qt(Jt), no = (e) => {
+  const { __scopePopper: t, children: n } = e, [o, i] = j(null);
+  return /* @__PURE__ */ _(to, {
+    scope: t,
+    anchor: o,
+    onAnchorChange: i
+  }, n);
+}, ro = "PopperAnchor", oo = /* @__PURE__ */ M((e, t) => {
+  const { __scopePopper: n, virtualRef: o, ...i } = e, r = tn(ro, n), s = L(null), a = pe(t, s);
+  return R(() => {
+    r.onAnchorChange((o == null ? void 0 : o.current) || s.current);
+  }), o ? null : /* @__PURE__ */ _(ce.div, S({}, i, {
+    ref: a
+  }));
+}), nn = "PopperContent", [io, so] = Qt(nn), ao = /* @__PURE__ */ M((e, t) => {
+  var n, o, i, r, s, a, c, l;
+  const { __scopePopper: d, side: u = "bottom", sideOffset: p = 0, align: f = "center", alignOffset: h = 0, arrowPadding: g = 0, avoidCollisions: m = !0, collisionBoundary: v = [], collisionPadding: y = 0, sticky: x = "partial", hideWhenDetached: $ = !1, updatePositionStrategy: b = "optimized", onPlaced: w, ...E } = e, A = tn(nn, d), [C, F] = j(null), T = pe(
+    t,
+    (ve) => F(ve)
+  ), [H, D] = j(null), O = eo(H), V = (n = O == null ? void 0 : O.width) !== null && n !== void 0 ? n : 0, P = (o = O == null ? void 0 : O.height) !== null && o !== void 0 ? o : 0, Z = u + (f !== "center" ? "-" + f : ""), J = typeof y == "number" ? y : {
+    top: 0,
+    right: 0,
+    bottom: 0,
+    left: 0,
+    ...y
+  }, ct = Array.isArray(v) ? v : [
+    v
+  ], cn = ct.length > 0, Ae = {
+    padding: J,
+    boundary: ct.filter(fo),
+    // with `strategy: 'fixed'`, this is the only way to get it to respect boundaries
+    altBoundary: cn
+  }, { refs: ln, floatingStyles: lt, placement: un, isPositioned: Pe, middlewareData: le } = Zr({
+    // default to `fixed` strategy so users don't have to pick and we also avoid focus scroll issues
+    strategy: "fixed",
+    placement: Z,
+    whileElementsMounted: (...ve) => Xr(...ve, {
+      animationFrame: b === "always"
+    }),
+    elements: {
+      reference: A.anchor
+    },
+    middleware: [
+      Or({
+        mainAxis: p + P,
+        alignmentAxis: h
+      }),
+      m && Tr({
+        mainAxis: !0,
+        crossAxis: !1,
+        limiter: x === "partial" ? Cr() : void 0,
+        ...Ae
+      }),
+      m && Ar({
+        ...Ae
+      }),
+      Rr({
+        ...Ae,
+        apply: ({ elements: ve, rects: dt, availableWidth: vn, availableHeight: yn }) => {
+          const { width: bn, height: xn } = dt.reference, Oe = ve.floating.style;
+          Oe.setProperty("--radix-popper-available-width", `${vn}px`), Oe.setProperty("--radix-popper-available-height", `${yn}px`), Oe.setProperty("--radix-popper-anchor-width", `${bn}px`), Oe.setProperty("--radix-popper-anchor-height", `${xn}px`);
+        }
+      }),
+      H && Kr({
+        element: H,
+        padding: g
+      }),
+      po({
+        arrowWidth: V,
+        arrowHeight: P
+      }),
+      $ && Pr({
+        strategy: "referenceHidden",
+        ...Ae
+      })
+    ]
+  }), [ut, dn] = rn(un), Ee = he(w);
+  de(() => {
+    Pe && (Ee == null || Ee());
+  }, [
+    Pe,
+    Ee
+  ]);
+  const fn = (i = le.arrow) === null || i === void 0 ? void 0 : i.x, pn = (r = le.arrow) === null || r === void 0 ? void 0 : r.y, hn = ((s = le.arrow) === null || s === void 0 ? void 0 : s.centerOffset) !== 0, [gn, mn] = j();
+  return de(() => {
+    C && mn(window.getComputedStyle(C).zIndex);
+  }, [
+    C
+  ]), /* @__PURE__ */ _("div", {
+    ref: ln.setFloating,
+    "data-radix-popper-content-wrapper": "",
+    style: {
+      ...lt,
+      transform: Pe ? lt.transform : "translate(0, -200%)",
+      // keep off the page when measuring
+      minWidth: "max-content",
+      zIndex: gn,
+      "--radix-popper-transform-origin": [
+        (a = le.transformOrigin) === null || a === void 0 ? void 0 : a.x,
+        (c = le.transformOrigin) === null || c === void 0 ? void 0 : c.y
+      ].join(" ")
+    },
+    dir: e.dir
+  }, /* @__PURE__ */ _(io, {
+    scope: d,
+    placedSide: ut,
+    onArrowChange: D,
+    arrowX: fn,
+    arrowY: pn,
+    shouldHideArrow: hn
+  }, /* @__PURE__ */ _(ce.div, S({
+    "data-side": ut,
+    "data-align": dn
+  }, E, {
+    ref: T,
+    style: {
+      ...E.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: Pe ? void 0 : "none",
+      // hide the content if using the hide middleware and should be hidden
+      opacity: (l = le.hide) !== null && l !== void 0 && l.referenceHidden ? 0 : void 0
+    }
+  }))));
+}), co = "PopperArrow", lo = {
+  top: "bottom",
+  right: "left",
+  bottom: "top",
+  left: "right"
+}, uo = /* @__PURE__ */ M(function(t, n) {
+  const { __scopePopper: o, ...i } = t, r = so(co, o), s = lo[r.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__ */ _("span", {
+      ref: r.onArrowChange,
+      style: {
+        position: "absolute",
+        left: r.arrowX,
+        top: r.arrowY,
+        [s]: 0,
+        transformOrigin: {
+          top: "",
+          right: "0 0",
+          bottom: "center 0",
+          left: "100% 0"
+        }[r.placedSide],
+        transform: {
+          top: "translateY(100%)",
+          right: "translateY(50%) rotate(90deg) translateX(-50%)",
+          bottom: "rotate(180deg)",
+          left: "translateY(50%) rotate(-90deg) translateX(50%)"
+        }[r.placedSide],
+        visibility: r.shouldHideArrow ? "hidden" : void 0
+      }
+    }, /* @__PURE__ */ _(Qr, S({}, i, {
+      ref: n,
+      style: {
+        ...i.style,
+        // ensures the element can be measured correctly (mostly for if SVG)
+        display: "block"
+      }
+    })))
+  );
+});
+function fo(e) {
+  return e !== null;
+}
+const po = (e) => ({
+  name: "transformOrigin",
+  options: e,
+  fn(t) {
+    var n, o, i, r, s;
+    const { placement: a, rects: c, middlewareData: l } = t, u = ((n = l.arrow) === null || n === void 0 ? void 0 : n.centerOffset) !== 0, p = u ? 0 : e.arrowWidth, f = u ? 0 : e.arrowHeight, [h, g] = rn(a), m = {
+      start: "0%",
+      center: "50%",
+      end: "100%"
+    }[g], v = ((o = (i = l.arrow) === null || i === void 0 ? void 0 : i.x) !== null && o !== void 0 ? o : 0) + p / 2, y = ((r = (s = l.arrow) === null || s === void 0 ? void 0 : s.y) !== null && r !== void 0 ? r : 0) + f / 2;
+    let x = "", $ = "";
+    return h === "bottom" ? (x = u ? m : `${v}px`, $ = `${-f}px`) : h === "top" ? (x = u ? m : `${v}px`, $ = `${c.floating.height + f}px`) : h === "right" ? (x = `${-f}px`, $ = u ? m : `${y}px`) : h === "left" && (x = `${c.floating.width + f}px`, $ = u ? m : `${y}px`), {
+      data: {
+        x,
+        y: $
+      }
+    };
+  }
+});
+function rn(e) {
+  const [t, n = "center"] = e.split("-");
+  return [
+    t,
+    n
+  ];
+}
+const ho = no, go = oo, mo = ao, vo = uo, yo = /* @__PURE__ */ M((e, t) => {
+  var n;
+  const { container: o = globalThis == null || (n = globalThis.document) === null || n === void 0 ? void 0 : n.body, ...i } = e;
+  return o ? /* @__PURE__ */ An.createPortal(/* @__PURE__ */ _(ce.div, S({}, i, {
+    ref: t
+  })), o) : null;
+});
+function bo(e, t) {
+  return wn((n, o) => {
+    const i = t[n][o];
+    return i ?? n;
+  }, e);
+}
+const it = (e) => {
+  const { present: t, children: n } = e, o = xo(t), i = typeof n == "function" ? n({
+    present: o.isPresent
+  }) : se.only(n), r = pe(o.ref, i.ref);
+  return typeof n == "function" || o.isPresent ? /* @__PURE__ */ Je(i, {
+    ref: r
+  }) : null;
+};
+it.displayName = "Presence";
+function xo(e) {
+  const [t, n] = j(), o = L({}), i = L(e), r = L("none"), s = e ? "mounted" : "unmounted", [a, c] = bo(s, {
+    mounted: {
+      UNMOUNT: "unmounted",
+      ANIMATION_OUT: "unmountSuspended"
+    },
+    unmountSuspended: {
+      MOUNT: "mounted",
+      ANIMATION_END: "unmounted"
+    },
+    unmounted: {
+      MOUNT: "mounted"
+    }
+  });
+  return R(() => {
+    const l = Ne(o.current);
+    r.current = a === "mounted" ? l : "none";
+  }, [
+    a
+  ]), de(() => {
+    const l = o.current, d = i.current;
+    if (d !== e) {
+      const p = r.current, f = Ne(l);
+      e ? c("MOUNT") : f === "none" || (l == null ? void 0 : l.display) === "none" ? c("UNMOUNT") : c(d && p !== f ? "ANIMATION_OUT" : "UNMOUNT"), i.current = e;
+    }
+  }, [
+    e,
+    c
+  ]), de(() => {
+    if (t) {
+      const l = (u) => {
+        const f = Ne(o.current).includes(u.animationName);
+        u.target === t && f && Rt(
+          () => c("ANIMATION_END")
+        );
+      }, d = (u) => {
+        u.target === t && (r.current = Ne(o.current));
+      };
+      return t.addEventListener("animationstart", d), t.addEventListener("animationcancel", l), t.addEventListener("animationend", l), () => {
+        t.removeEventListener("animationstart", d), t.removeEventListener("animationcancel", l), t.removeEventListener("animationend", l);
+      };
+    } else
+      c("ANIMATION_END");
+  }, [
+    t,
+    c
+  ]), {
+    isPresent: [
+      "mounted",
+      "unmountSuspended"
+    ].includes(a),
+    ref: k((l) => {
+      l && (o.current = getComputedStyle(l)), n(l);
+    }, [])
+  };
+}
+function Ne(e) {
+  return (e == null ? void 0 : e.animationName) || "none";
+}
+function $o({ prop: e, defaultProp: t, onChange: n = () => {
+} }) {
+  const [o, i] = wo({
+    defaultProp: t,
+    onChange: n
+  }), r = e !== void 0, s = r ? e : o, a = he(n), c = k((l) => {
+    if (r) {
+      const u = typeof l == "function" ? l(e) : l;
+      u !== e && a(u);
+    } else
+      i(l);
+  }, [
+    r,
+    e,
+    i,
+    a
+  ]);
+  return [
+    s,
+    c
+  ];
+}
+function wo({ defaultProp: e, onChange: t }) {
+  const n = j(e), [o] = n, i = L(o), r = he(t);
+  return R(() => {
+    i.current !== o && (r(o), i.current = o);
+  }, [
+    o,
+    i,
+    r
+  ]), n;
+}
+const _o = /* @__PURE__ */ M((e, t) => /* @__PURE__ */ _(ce.span, S({}, e, {
+  ref: t,
+  style: {
+    // See: https://github.com/twbs/bootstrap/blob/master/scss/mixins/_screen-reader.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",
+    ...e.style
+  }
+}))), Ao = _o, [Ve, hi] = Ht("Tooltip", [
+  en
+]), ze = en(), Po = "TooltipProvider", Eo = 700, Ze = "tooltip.open", [Oo, st] = Ve(Po), To = (e) => {
+  const { __scopeTooltip: t, delayDuration: n = Eo, skipDelayDuration: o = 300, disableHoverableContent: i = !1, children: r } = e, [s, a] = j(!0), c = L(!1), l = L(0);
+  return R(() => {
+    const d = l.current;
+    return () => window.clearTimeout(d);
+  }, []), /* @__PURE__ */ _(Oo, {
+    scope: t,
+    isOpenDelayed: s,
+    delayDuration: n,
+    onOpen: k(() => {
+      window.clearTimeout(l.current), a(!1);
+    }, []),
+    onClose: k(() => {
+      window.clearTimeout(l.current), l.current = window.setTimeout(
+        () => a(!0),
+        o
+      );
+    }, [
+      o
+    ]),
+    isPointerInTransitRef: c,
+    onPointerInTransitChange: k((d) => {
+      c.current = d;
+    }, []),
+    disableHoverableContent: i
+  }, r);
+}, at = "Tooltip", [Co, _e] = Ve(at), Ro = (e) => {
+  const { __scopeTooltip: t, children: n, open: o, defaultOpen: i = !1, onOpenChange: r, disableHoverableContent: s, delayDuration: a } = e, c = st(at, e.__scopeTooltip), l = ze(t), [d, u] = j(null), p = hr(), f = L(0), h = s ?? c.disableHoverableContent, g = a ?? c.delayDuration, m = L(!1), [v = !1, y] = $o({
+    prop: o,
+    defaultProp: i,
+    onChange: (E) => {
+      E ? (c.onOpen(), document.dispatchEvent(new CustomEvent(Ze))) : c.onClose(), r == null || r(E);
+    }
+  }), x = ye(() => v ? m.current ? "delayed-open" : "instant-open" : "closed", [
+    v
+  ]), $ = k(() => {
+    window.clearTimeout(f.current), m.current = !1, y(!0);
+  }, [
+    y
+  ]), b = k(() => {
+    window.clearTimeout(f.current), y(!1);
+  }, [
+    y
+  ]), w = k(() => {
+    window.clearTimeout(f.current), f.current = window.setTimeout(() => {
+      m.current = !0, y(!0);
+    }, g);
+  }, [
+    g,
+    y
+  ]);
+  return R(() => () => window.clearTimeout(f.current), []), /* @__PURE__ */ _(ho, l, /* @__PURE__ */ _(Co, {
+    scope: t,
+    contentId: p,
+    open: v,
+    stateAttribute: x,
+    trigger: d,
+    onTriggerChange: u,
+    onTriggerEnter: k(() => {
+      c.isOpenDelayed ? w() : $();
+    }, [
+      c.isOpenDelayed,
+      w,
+      $
+    ]),
+    onTriggerLeave: k(() => {
+      h ? b() : window.clearTimeout(f.current);
+    }, [
+      b,
+      h
+    ]),
+    onOpen: $,
+    onClose: b,
+    disableHoverableContent: h
+  }, n));
+}, Ot = "TooltipTrigger", So = /* @__PURE__ */ M((e, t) => {
+  const { __scopeTooltip: n, ...o } = e, i = _e(Ot, n), r = st(Ot, n), s = ze(n), a = L(null), c = pe(t, a, i.onTriggerChange), l = L(!1), d = L(!1), u = k(
+    () => l.current = !1,
+    []
+  );
+  return R(() => () => document.removeEventListener("pointerup", u), [
+    u
+  ]), /* @__PURE__ */ _(go, S({
+    asChild: !0
+  }, s), /* @__PURE__ */ _(ce.button, S({
+    // We purposefully avoid adding `type=button` here because tooltip triggers are also
+    // commonly anchors and the anchor `type` attribute signifies MIME type.
+    "aria-describedby": i.open ? i.contentId : void 0,
+    "data-state": i.stateAttribute
+  }, o, {
+    ref: c,
+    onPointerMove: G(e.onPointerMove, (p) => {
+      p.pointerType !== "touch" && !d.current && !r.isPointerInTransitRef.current && (i.onTriggerEnter(), d.current = !0);
+    }),
+    onPointerLeave: G(e.onPointerLeave, () => {
+      i.onTriggerLeave(), d.current = !1;
+    }),
+    onPointerDown: G(e.onPointerDown, () => {
+      l.current = !0, document.addEventListener("pointerup", u, {
+        once: !0
+      });
+    }),
+    onFocus: G(e.onFocus, () => {
+      l.current || i.onOpen();
+    }),
+    onBlur: G(e.onBlur, i.onClose),
+    onClick: G(e.onClick, i.onClose)
+  })));
+}), on = "TooltipPortal", [Do, No] = Ve(on, {
+  forceMount: void 0
+}), Lo = (e) => {
+  const { __scopeTooltip: t, forceMount: n, children: o, container: i } = e, r = _e(on, t);
+  return /* @__PURE__ */ _(Do, {
+    scope: t,
+    forceMount: n
+  }, /* @__PURE__ */ _(it, {
+    present: n || r.open
+  }, /* @__PURE__ */ _(yo, {
+    asChild: !0,
+    container: i
+  }, o)));
+}, $e = "TooltipContent", Mo = /* @__PURE__ */ M((e, t) => {
+  const n = No($e, e.__scopeTooltip), { forceMount: o = n.forceMount, side: i = "top", ...r } = e, s = _e($e, e.__scopeTooltip);
+  return /* @__PURE__ */ _(it, {
+    present: o || s.open
+  }, s.disableHoverableContent ? /* @__PURE__ */ _(sn, S({
+    side: i
+  }, r, {
+    ref: t
+  })) : /* @__PURE__ */ _(Io, S({
+    side: i
+  }, r, {
+    ref: t
+  })));
+}), Io = /* @__PURE__ */ M((e, t) => {
+  const n = _e($e, e.__scopeTooltip), o = st($e, e.__scopeTooltip), i = L(null), r = pe(t, i), [s, a] = j(null), { trigger: c, onClose: l } = n, d = i.current, { onPointerInTransitChange: u } = o, p = k(() => {
+    a(null), u(!1);
+  }, [
+    u
+  ]), f = k((h, g) => {
+    const m = h.currentTarget, v = {
+      x: h.clientX,
+      y: h.clientY
+    }, y = jo(v, m.getBoundingClientRect()), x = Wo(v, y), $ = Vo(g.getBoundingClientRect()), b = Uo([
+      ...x,
+      ...$
+    ]);
+    a(b), u(!0);
+  }, [
+    u
+  ]);
+  return R(() => () => p(), [
+    p
+  ]), R(() => {
+    if (c && d) {
+      const h = (m) => f(m, d), g = (m) => f(m, c);
+      return c.addEventListener("pointerleave", h), d.addEventListener("pointerleave", g), () => {
+        c.removeEventListener("pointerleave", h), d.removeEventListener("pointerleave", g);
+      };
+    }
+  }, [
+    c,
+    d,
+    f,
+    p
+  ]), R(() => {
+    if (s) {
+      const h = (g) => {
+        const m = g.target, v = {
+          x: g.clientX,
+          y: g.clientY
+        }, y = (c == null ? void 0 : c.contains(m)) || (d == null ? void 0 : d.contains(m)), x = !zo(v, s);
+        y ? p() : x && (p(), l());
+      };
+      return document.addEventListener("pointermove", h), () => document.removeEventListener("pointermove", h);
+    }
+  }, [
+    c,
+    d,
+    s,
+    l,
+    p
+  ]), /* @__PURE__ */ _(sn, S({}, e, {
+    ref: r
+  }));
+}), [Fo, ko] = Ve(at, {
+  isInside: !1
+}), sn = /* @__PURE__ */ M((e, t) => {
+  const { __scopeTooltip: n, children: o, "aria-label": i, onEscapeKeyDown: r, onPointerDownOutside: s, ...a } = e, c = _e($e, n), l = ze(n), { onClose: d } = c;
+  return R(() => (document.addEventListener(Ze, d), () => document.removeEventListener(Ze, d)), [
+    d
+  ]), R(() => {
+    if (c.trigger) {
+      const u = (p) => {
+        const f = p.target;
+        f != null && f.contains(c.trigger) && d();
+      };
+      return window.addEventListener("scroll", u, {
+        capture: !0
+      }), () => window.removeEventListener("scroll", u, {
+        capture: !0
+      });
+    }
+  }, [
+    c.trigger,
+    d
+  ]), /* @__PURE__ */ _(lr, {
+    asChild: !0,
+    disableOutsidePointerEvents: !1,
+    onEscapeKeyDown: r,
+    onPointerDownOutside: s,
+    onFocusOutside: (u) => u.preventDefault(),
+    onDismiss: d
+  }, /* @__PURE__ */ _(mo, S({
+    "data-state": c.stateAttribute
+  }, l, a, {
+    ref: t,
+    style: {
+      ...a.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)"
+    }
+  }), /* @__PURE__ */ _(jt, null, o), /* @__PURE__ */ _(Fo, {
+    scope: n,
+    isInside: !0
+  }, /* @__PURE__ */ _(Ao, {
+    id: c.contentId,
+    role: "tooltip"
+  }, i || o))));
+}), Ho = "TooltipArrow", Bo = /* @__PURE__ */ M((e, t) => {
+  const { __scopeTooltip: n, ...o } = e, i = ze(n);
+  return ko(Ho, n).isInside ? null : /* @__PURE__ */ _(vo, S({}, i, o, {
+    ref: t
+  }));
+});
+function jo(e, t) {
+  const n = Math.abs(t.top - e.y), o = Math.abs(t.bottom - e.y), i = Math.abs(t.right - e.x), r = Math.abs(t.left - e.x);
+  switch (Math.min(n, o, i, r)) {
+    case r:
+      return "left";
+    case i:
+      return "right";
+    case n:
+      return "top";
+    case o:
+      return "bottom";
+    default:
+      throw new Error("unreachable");
+  }
+}
+function Wo(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 Vo(e) {
+  const { top: t, right: n, bottom: o, left: i } = e;
+  return [
+    {
+      x: i,
+      y: t
+    },
+    {
+      x: n,
+      y: t
+    },
+    {
+      x: n,
+      y: o
+    },
+    {
+      x: i,
+      y: o
+    }
+  ];
+}
+function zo(e, t) {
+  const { x: n, y: o } = e;
+  let i = !1;
+  for (let r = 0, s = t.length - 1; r < t.length; s = r++) {
+    const a = t[r].x, c = t[r].y, l = t[s].x, d = t[s].y;
+    c > o != d > o && n < (l - a) * (o - c) / (d - c) + a && (i = !i);
+  }
+  return i;
+}
+function Uo(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), Go(t);
+}
+function Go(e) {
+  if (e.length <= 1)
+    return e.slice();
+  const t = [];
+  for (let o = 0; o < e.length; o++) {
+    const i = e[o];
+    for (; t.length >= 2; ) {
+      const r = t[t.length - 1], s = t[t.length - 2];
+      if ((r.x - s.x) * (i.y - s.y) >= (r.y - s.y) * (i.x - s.x))
+        t.pop();
+      else
+        break;
+    }
+    t.push(i);
+  }
+  t.pop();
+  const n = [];
+  for (let o = e.length - 1; o >= 0; o--) {
+    const i = e[o];
+    for (; n.length >= 2; ) {
+      const r = n[n.length - 1], s = n[n.length - 2];
+      if ((r.x - s.x) * (i.y - s.y) >= (r.y - s.y) * (i.x - s.x))
+        n.pop();
+      else
+        break;
+    }
+    n.push(i);
+  }
+  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);
+}
+const Yo = To, Xo = Ro, qo = So, Ko = Lo, Zo = Mo, Jo = Bo;
+function Qo(e) {
+  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
+}
+var an = { exports: {} };
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/
+(function(e) {
+  (function() {
+    var t = {}.hasOwnProperty;
+    function n() {
+      for (var r = "", s = 0; s < arguments.length; s++) {
+        var a = arguments[s];
+        a && (r = i(r, o.call(this, a)));
+      }
+      return r;
+    }
+    function o(r) {
+      if (typeof r == "string" || typeof r == "number")
+        return this && this[r] || r;
+      if (typeof r != "object")
+        return "";
+      if (Array.isArray(r))
+        return n.apply(this, r);
+      if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
+        return r.toString();
+      var s = "";
+      for (var a in r)
+        t.call(r, a) && r[a] && (s = i(s, this && this[a] || a));
+      return s;
+    }
+    function i(r, s) {
+      return s ? r ? r + " " + s : r + s : r;
+    }
+    e.exports ? (n.default = n, e.exports = n) : window.classNames = n;
+  })();
+})(an);
+var ei = an.exports;
+const ti = /* @__PURE__ */ Qo(ei), ni = "_slideDownAndFade_1dyp8_1", ri = "_slideLeftAndFade_1dyp8_1", oi = "_slideUpAndFade_1dyp8_1", ii = "_slideRightAndFade_1dyp8_1", ie = {
+  "purpur-tooltip": "_purpur-tooltip_1dyp8_1",
+  "purpur-tooltip__content": "_purpur-tooltip__content_1dyp8_4",
+  "purpur-tooltip__content--primary": "_purpur-tooltip__content--primary_1dyp8_14",
+  "purpur-tooltip__content--primary-negative": "_purpur-tooltip__content--primary-negative_1dyp8_17",
+  slideDownAndFade: ni,
+  slideLeftAndFade: ri,
+  slideUpAndFade: oi,
+  slideRightAndFade: ii,
+  "purpur-tooltip__arrow--primary": "_purpur-tooltip__arrow--primary_1dyp8_32",
+  "purpur-tooltip__arrow--primary-negative": "_purpur-tooltip__arrow--primary-negative_1dyp8_35",
+  "purpur-tooltip__paragraph--primary": "_purpur-tooltip__paragraph--primary_1dyp8_38",
+  "purpur-tooltip__paragraph--primary-negative": "_purpur-tooltip__paragraph--primary-negative_1dyp8_41"
+}, Le = ti.bind(ie), si = {
+  PRIMARY: "primary",
+  PRIMARY_NEGATIVE: "primary-negative"
+}, ai = {
+  TOP: "top",
+  BOTTOM: "bottom",
+  LEFT: "left",
+  RIGHT: "right"
+}, ci = {
+  START: "start",
+  CENTER: "center",
+  END: "end"
+}, li = {
+  primary: ht.TERTIARY_PURPLE,
+  "primary-negative": ht.TERTIARY_PURPLE_NEGATVIE
+}, Q = "purpur-tooltip", ui = M(
+  ({
+    ["data-testid"]: e,
+    children: t,
+    className: n,
+    variant: o = si.PRIMARY,
+    position: i = ai.TOP,
+    align: r = ci.CENTER,
+    triggerAriaLabel: s = "",
+    triggerElement: a,
+    ...c
+  }, l) => {
+    const [d, u] = j(!1), p = Le([
+      n,
+      Q,
+      {
+        [`${Q}--${o}`]: o
+      }
+    ]), f = /* @__PURE__ */ I(
+      Nt,
+      {
+        ref: l,
+        "aria-label": s,
+        variant: li[o],
+        iconOnly: !0,
+        "data-testid": `${e}-trigger-button`,
+        children: /* @__PURE__ */ I(Mt, { size: "md" })
+      }
+    );
+    return /* @__PURE__ */ I("div", { "data-testid": e, className: p, children: /* @__PURE__ */ I(Yo, { delayDuration: parseInt(Jn), children: /* @__PURE__ */ Ue(Xo, { open: d, onOpenChange: u, ...c, children: [
+      /* @__PURE__ */ I(
+        qo,
+        {
+          asChild: !0,
+          onClick: (h) => {
+            h.preventDefault(), u(!0);
+          },
+          children: se.count(a) === 0 ? f : a
+        }
+      ),
+      /* @__PURE__ */ I(Ko, { children: /* @__PURE__ */ Ue(
+        Zo,
+        {
+          side: i,
+          align: r,
+          className: Le([
+            ie[`${Q}__content`],
+            ie[`${Q}__content--${o}`]
+          ]),
+          sideOffset: -5,
+          "data-testid": `${e}-content`,
+          children: [
+            typeof t == "string" ? /* @__PURE__ */ I(
+              Zn,
+              {
+                className: Le([
+                  ie[`${Q}__paragraph`],
+                  ie[`${Q}__paragraph--${o}`]
+                ]),
+                variant: Ft.PARAGRAPH100,
+                "data-testid": `${e}-paragraph`,
+                children: t
+              }
+            ) : t,
+            /* @__PURE__ */ I(
+              Jo,
+              {
+                className: Le([
+                  ie[`${Q}__arrow`],
+                  ie[`${Q}__arrow--${o}`]
+                ])
+              }
+            )
+          ]
+        }
+      ) })
+    ] }) }) });
+  }
+);
+ui.displayName = "Tooltip";
+export {
+  ci as TOOLTIP_ALIGN,
+  ai as TOOLTIP_POSITION,
+  si as TOOLTIP_VARIANT,
+  ui as Tooltip
+};
+//# sourceMappingURL=tooltip.es.js.map