@purpurds/popover 0.0.1

package/dist/popover.es.js

@@ -0,0 +1,3849 @@
+import { jsxs as U, jsx as w, Fragment as Mn } from "react/jsx-runtime";
+import * as p from "react";
+import { forwardRef as Ge, createContext as bt, useContext as Ze, useState as ce, useCallback as B, useMemo as to, useEffect as he, useLayoutEffect as no, useRef as me } from "react";
+import * as kn from "react-dom";
+import ro from "react-dom";
+const oo = {
+  LG: "lg"
+};
+function io(e) {
+  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
+}
+var Ut = { exports: {} }, Yt;
+function so() {
+  return Yt || (Yt = 1, (function(e) {
+    (function() {
+      var t = {}.hasOwnProperty;
+      function n() {
+        for (var o = "", s = 0; s < arguments.length; s++) {
+          var a = arguments[s];
+          a && (o = i(o, r.call(this, a)));
+        }
+        return o;
+      }
+      function r(o) {
+        if (typeof o == "string" || typeof o == "number")
+          return this && this[o] || o;
+        if (typeof o != "object")
+          return "";
+        if (Array.isArray(o))
+          return n.apply(this, o);
+        if (o.toString !== Object.prototype.toString && !o.toString.toString().includes("[native code]"))
+          return o.toString();
+        var s = "";
+        for (var a in o)
+          t.call(o, a) && o[a] && (s = i(s, this && this[a] || a));
+        return s;
+      }
+      function i(o, s) {
+        return s ? o ? o + " " + s : o + s : o;
+      }
+      e.exports ? (n.default = n, e.exports = n) : window.classNames = n;
+    })();
+  })(Ut)), Ut.exports;
+}
+var ao = so();
+const co = /* @__PURE__ */ io(ao), uo = "_rotate_12t9p_1", lo = "_dash_12t9p_1", fo = {
+  "purpur-spinner": "_purpur-spinner_12t9p_2",
+  rotate: uo,
+  "purpur-spinner--xxs": "_purpur-spinner--xxs_12t9p_6",
+  "purpur-spinner--xs": "_purpur-spinner--xs_12t9p_10",
+  "purpur-spinner--sm": "_purpur-spinner--sm_12t9p_14",
+  "purpur-spinner--md": "_purpur-spinner--md_12t9p_18",
+  "purpur-spinner--lg": "_purpur-spinner--lg_12t9p_22",
+  "purpur-spinner__circle": "_purpur-spinner__circle_12t9p_26",
+  dash: lo,
+  "purpur-spinner__circle--disabled": "_purpur-spinner__circle--disabled_12t9p_41",
+  "purpur-spinner__circle--negative": "_purpur-spinner__circle--negative_12t9p_44"
+}, Xt = co.bind(fo), Ce = "purpur-spinner", po = {
+  SM: "sm"
+}, Fn = ({
+  disabled: e = !1,
+  negative: t = !1,
+  size: n = po.SM,
+  className: r,
+  ...i
+}) => /* @__PURE__ */ w("div", { className: Xt(Ce, `${Ce}--${n}`, r), ...i, children: /* @__PURE__ */ w("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ w(
+  "circle",
+  {
+    className: Xt(`${Ce}__circle`, {
+      [`${Ce}__circle--disabled`]: e,
+      [`${Ce}__circle--negative`]: t
+    }),
+    cx: "25",
+    cy: "25",
+    r: "20"
+  }
+) }) });
+Fn.displayName = "Spinner";
+function ho(e) {
+  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
+}
+var Kt = { exports: {} }, qt;
+function vo() {
+  return qt || (qt = 1, (function(e) {
+    (function() {
+      var t = {}.hasOwnProperty;
+      function n() {
+        for (var o = "", s = 0; s < arguments.length; s++) {
+          var a = arguments[s];
+          a && (o = i(o, r.call(this, a)));
+        }
+        return o;
+      }
+      function r(o) {
+        if (typeof o == "string" || typeof o == "number")
+          return this && this[o] || o;
+        if (typeof o != "object")
+          return "";
+        if (Array.isArray(o))
+          return n.apply(this, o);
+        if (o.toString !== Object.prototype.toString && !o.toString.toString().includes("[native code]"))
+          return o.toString();
+        var s = "";
+        for (var a in o)
+          t.call(o, a) && o[a] && (s = i(s, this && this[a] || a));
+        return s;
+      }
+      function i(o, s) {
+        return s ? o ? o + " " + s : o + s : o;
+      }
+      e.exports ? (n.default = n, e.exports = n) : window.classNames = n;
+    })();
+  })(Kt)), Kt.exports;
+}
+var go = vo();
+const mo = /* @__PURE__ */ ho(go), yo = {
+  "purpur-button": "_purpur-button_10jh0_1",
+  "purpur-button--xs": "_purpur-button--xs_10jh0_22",
+  "purpur-button--icon-only": "_purpur-button--icon-only_10jh0_25",
+  "purpur-button--sm": "_purpur-button--sm_10jh0_28",
+  "purpur-button--md": "_purpur-button--md_10jh0_34",
+  "purpur-button--lg": "_purpur-button--lg_10jh0_40",
+  "purpur-button--full-width": "_purpur-button--full-width_10jh0_46",
+  "purpur-button--primary": "_purpur-button--primary_10jh0_64",
+  "purpur-button--disabled": "_purpur-button--disabled_10jh0_68",
+  "purpur-button--primary-negative": "_purpur-button--primary-negative_10jh0_74",
+  "purpur-button--secondary": "_purpur-button--secondary_10jh0_86",
+  "purpur-button--secondary-negative": "_purpur-button--secondary-negative_10jh0_97",
+  "purpur-button--expressive": "_purpur-button--expressive_10jh0_108",
+  "purpur-button--expressive-negative": "_purpur-button--expressive-negative_10jh0_118",
+  "purpur-button--negative": "_purpur-button--negative_10jh0_130",
+  "purpur-button--destructive": "_purpur-button--destructive_10jh0_137",
+  "purpur-button--destructive-negative": "_purpur-button--destructive-negative_10jh0_147",
+  "purpur-button--tertiary-purple": "_purpur-button--tertiary-purple_10jh0_157",
+  "purpur-button--tertiary-purple-negative": "_purpur-button--tertiary-purple-negative_10jh0_170",
+  "purpur-button--text-negative": "_purpur-button--text-negative_10jh0_185",
+  "purpur-button--text": "_purpur-button--text_10jh0_185",
+  "purpur-button__spinner": "_purpur-button__spinner_10jh0_235"
+}, Gt = mo.bind(yo), J = "purpur-button", Ae = Ge(
+  ({
+    children: e,
+    className: t,
+    disabled: n = !1,
+    fullWidth: r = !1,
+    iconOnly: i,
+    loading: o = !1,
+    negative: s = !1,
+    onClick: a,
+    size: u = "md",
+    variant: c,
+    type: f = "button",
+    ...l
+  }, h) => {
+    if (i && c === "destructive")
+      return null;
+    const v = Gt(
+      [
+        J,
+        `${J}--${s ? `${c}-negative` : c}`,
+        `${J}--${u}`
+      ],
+      {
+        [`${J}--icon-only`]: i,
+        [`${J}--negative`]: s,
+        [`${J}--full-width`]: r,
+        [`${J}--disabled`]: n || o
+      },
+      t
+    ), g = (m) => {
+      n || o ? m.preventDefault() : a && a(m);
+    }, d = !!l["aria-disabled"] || n || o;
+    return /* @__PURE__ */ U(
+      "button",
+      {
+        className: v,
+        type: f,
+        ref: h,
+        "aria-disabled": d,
+        onClick: g,
+        ...l,
+        children: [
+          o && /* @__PURE__ */ w(
+            Fn,
+            {
+              size: u === oo.LG ? "xs" : "xxs",
+              negative: s,
+              disabled: d,
+              className: Gt(`${J}__spinner`)
+            }
+          ),
+          " ",
+          e
+        ]
+      }
+    );
+  }
+);
+Ae.displayName = "Button";
+const xt = bt(null), St = () => {
+  const e = Ze(xt);
+  if (!e)
+    throw new Error("usePopoverFlow must be used within a PopoverFlow provider");
+  return e;
+}, Re = () => Ze(xt), _o = ({
+  children: e,
+  initialStep: t = 1,
+  onComplete: n,
+  onDismiss: r,
+  separatorText: i,
+  stepText: o,
+  backLabel: s,
+  nextLabel: a,
+  finishLabel: u,
+  openDelay: c = 0
+}) => {
+  const [f, l] = ce(t), [h, v] = ce(/* @__PURE__ */ new Set()), g = B((_) => {
+    v((b) => {
+      const P = new Set(b);
+      return P.add(_), P;
+    });
+  }, []), d = B((_) => {
+    v((b) => {
+      const P = new Set(b);
+      return P.delete(_), P;
+    });
+  }, []), m = B(() => {
+    l((_) => {
+      const b = _ + 1;
+      return b > h.size ? (n?.(), _) : b;
+    });
+  }, [h.size, n]), y = B(() => {
+    l((_) => Math.max(1, _ - 1));
+  }, []), x = B(() => {
+    l(0), r?.();
+  }, [r]), S = to(
+    () => ({
+      currentStep: f,
+      totalSteps: h.size,
+      next: m,
+      back: y,
+      dismiss: x,
+      registerStep: g,
+      unregisterStep: d,
+      separatorText: i,
+      stepText: o,
+      backLabel: s,
+      nextLabel: a,
+      finishLabel: u,
+      openDelay: c
+    }),
+    [
+      f,
+      h.size,
+      m,
+      y,
+      x,
+      g,
+      d,
+      i,
+      o,
+      s,
+      a,
+      u,
+      c
+    ]
+  );
+  return /* @__PURE__ */ w(xt.Provider, { value: S, children: e });
+}, Ct = bt(null), Pt = () => Ze(Ct), Dn = bt({ negative: !1 }), Et = () => Ze(Dn), wo = "600px", bo = 150, Zt = {
+  MAX_MD: `(max-width: ${wo})`
+}, Ot = () => {
+  const e = window.matchMedia(Zt.MAX_MD);
+  function t() {
+    r(e.matches);
+  }
+  const [n, r] = ce(() => typeof window > "u" ? !1 : window.matchMedia(Zt.MAX_MD).matches), i = B(() => {
+    let o;
+    return () => {
+      clearTimeout(o), o = setTimeout(() => t(), bo);
+    };
+  }, [t]);
+  return he(() => {
+    if (!(typeof window > "u"))
+      return window.addEventListener("resize", i), () => window.removeEventListener("resize", i);
+  }, [i]), { isMdOrSmaller: n };
+}, At = ({
+  children: e,
+  onClick: t
+}) => {
+  const { back: n } = St(), { negative: r } = Et(), { isMdOrSmaller: i } = Ot();
+  return /* @__PURE__ */ w(
+    Ae,
+    {
+      size: "sm",
+      variant: "secondary",
+      onClick: () => {
+        t?.(), n();
+      },
+      negative: !r,
+      fullWidth: i,
+      children: e
+    }
+  );
+};
+At.displayName = "PopoverBack";
+function te(e, t, { checkForDefaultPrevented: n = !0 } = {}) {
+  return function(i) {
+    if (e?.(i), n === !1 || !i.defaultPrevented)
+      return t?.(i);
+  };
+}
+function Qt(e, t) {
+  if (typeof e == "function")
+    return e(t);
+  e != null && (e.current = t);
+}
+function Ln(...e) {
+  return (t) => {
+    let n = !1;
+    const r = e.map((i) => {
+      const o = Qt(i, t);
+      return !n && typeof o == "function" && (n = !0), o;
+    });
+    if (n)
+      return () => {
+        for (let i = 0; i < r.length; i++) {
+          const o = r[i];
+          typeof o == "function" ? o() : Qt(e[i], null);
+        }
+      };
+  };
+}
+function ie(...e) {
+  return p.useCallback(Ln(...e), e);
+}
+function $n(e, t = []) {
+  let n = [];
+  function r(o, s) {
+    const a = p.createContext(s), u = n.length;
+    n = [...n, s];
+    const c = (l) => {
+      const { scope: h, children: v, ...g } = l, d = h?.[e]?.[u] || a, m = p.useMemo(() => g, Object.values(g));
+      return /* @__PURE__ */ w(d.Provider, { value: m, children: v });
+    };
+    c.displayName = o + "Provider";
+    function f(l, h) {
+      const v = h?.[e]?.[u] || a, g = p.useContext(v);
+      if (g) return g;
+      if (s !== void 0) return s;
+      throw new Error(`\`${l}\` must be used within \`${o}\``);
+    }
+    return [c, f];
+  }
+  const i = () => {
+    const o = n.map((s) => p.createContext(s));
+    return function(a) {
+      const u = a?.[e] || o;
+      return p.useMemo(
+        () => ({ [`__scope${e}`]: { ...a, [e]: u } }),
+        [a, u]
+      );
+    };
+  };
+  return i.scopeName = e, [r, xo(i, ...t)];
+}
+function xo(...e) {
+  const t = e[0];
+  if (e.length === 1) return t;
+  const n = () => {
+    const r = e.map((i) => ({
+      useScope: i(),
+      scopeName: i.scopeName
+    }));
+    return function(o) {
+      const s = r.reduce((a, { useScope: u, scopeName: c }) => {
+        const l = u(o)[`__scope${c}`];
+        return { ...a, ...l };
+      }, {});
+      return p.useMemo(() => ({ [`__scope${t.scopeName}`]: s }), [s]);
+    };
+  };
+  return n.scopeName = t.scopeName, n;
+}
+// @__NO_SIDE_EFFECTS__
+function In(e) {
+  const t = /* @__PURE__ */ So(e), n = p.forwardRef((r, i) => {
+    const { children: o, ...s } = r, a = p.Children.toArray(o), u = a.find(Po);
+    if (u) {
+      const c = u.props.children, f = a.map((l) => l === u ? p.Children.count(c) > 1 ? p.Children.only(null) : p.isValidElement(c) ? c.props.children : null : l);
+      return /* @__PURE__ */ w(t, { ...s, ref: i, children: p.isValidElement(c) ? p.cloneElement(c, void 0, f) : null });
+    }
+    return /* @__PURE__ */ w(t, { ...s, ref: i, children: o });
+  });
+  return n.displayName = `${e}.Slot`, n;
+}
+// @__NO_SIDE_EFFECTS__
+function So(e) {
+  const t = p.forwardRef((n, r) => {
+    const { children: i, ...o } = n;
+    if (p.isValidElement(i)) {
+      const s = Oo(i), a = Eo(o, i.props);
+      return i.type !== p.Fragment && (a.ref = r ? Ln(r, s) : s), p.cloneElement(i, a);
+    }
+    return p.Children.count(i) > 1 ? p.Children.only(null) : null;
+  });
+  return t.displayName = `${e}.SlotClone`, t;
+}
+var Co = Symbol("radix.slottable");
+function Po(e) {
+  return p.isValidElement(e) && typeof e.type == "function" && "__radixId" in e.type && e.type.__radixId === Co;
+}
+function Eo(e, t) {
+  const n = { ...t };
+  for (const r in t) {
+    const i = e[r], o = t[r];
+    /^on[A-Z]/.test(r) ? i && o ? n[r] = (...a) => {
+      const u = o(...a);
+      return i(...a), u;
+    } : i && (n[r] = i) : r === "style" ? n[r] = { ...i, ...o } : r === "className" && (n[r] = [i, o].filter(Boolean).join(" "));
+  }
+  return { ...e, ...n };
+}
+function Oo(e) {
+  let t = Object.getOwnPropertyDescriptor(e.props, "ref")?.get, n = t && "isReactWarning" in t && t.isReactWarning;
+  return n ? e.ref : (t = Object.getOwnPropertyDescriptor(e, "ref")?.get, n = t && "isReactWarning" in t && t.isReactWarning, n ? e.props.ref : e.props.ref || e.ref);
+}
+var Ao = [
+  "a",
+  "button",
+  "div",
+  "form",
+  "h2",
+  "h3",
+  "img",
+  "input",
+  "label",
+  "li",
+  "nav",
+  "ol",
+  "p",
+  "select",
+  "span",
+  "svg",
+  "ul"
+], Q = Ao.reduce((e, t) => {
+  const n = /* @__PURE__ */ In(`Primitive.${t}`), r = p.forwardRef((i, o) => {
+    const { asChild: s, ...a } = i, u = s ? n : t;
+    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ w(u, { ...a, ref: o });
+  });
+  return r.displayName = `Primitive.${t}`, { ...e, [t]: r };
+}, {});
+function Ro(e, t) {
+  e && kn.flushSync(() => e.dispatchEvent(t));
+}
+function ye(e) {
+  const t = p.useRef(e);
+  return p.useEffect(() => {
+    t.current = e;
+  }), p.useMemo(() => (...n) => t.current?.(...n), []);
+}
+function No(e, t = globalThis?.document) {
+  const n = ye(e);
+  p.useEffect(() => {
+    const r = (i) => {
+      i.key === "Escape" && n(i);
+    };
+    return t.addEventListener("keydown", r, { capture: !0 }), () => t.removeEventListener("keydown", r, { capture: !0 });
+  }, [n, t]);
+}
+var To = "DismissableLayer", gt = "dismissableLayer.update", Mo = "dismissableLayer.pointerDownOutside", ko = "dismissableLayer.focusOutside", Jt, Wn = p.createContext({
+  layers: /* @__PURE__ */ new Set(),
+  layersWithOutsidePointerEventsDisabled: /* @__PURE__ */ new Set(),
+  branches: /* @__PURE__ */ new Set()
+}), Bn = p.forwardRef(
+  (e, t) => {
+    const {
+      disableOutsidePointerEvents: n = !1,
+      onEscapeKeyDown: r,
+      onPointerDownOutside: i,
+      onFocusOutside: o,
+      onInteractOutside: s,
+      onDismiss: a,
+      ...u
+    } = e, c = p.useContext(Wn), [f, l] = p.useState(null), h = f?.ownerDocument ?? globalThis?.document, [, v] = p.useState({}), g = ie(t, (C) => l(C)), d = Array.from(c.layers), [m] = [...c.layersWithOutsidePointerEventsDisabled].slice(-1), y = d.indexOf(m), x = f ? d.indexOf(f) : -1, S = c.layersWithOutsidePointerEventsDisabled.size > 0, _ = x >= y, b = Lo((C) => {
+      const A = C.target, T = [...c.branches].some((N) => N.contains(A));
+      !_ || T || (i?.(C), s?.(C), C.defaultPrevented || a?.());
+    }, h), P = $o((C) => {
+      const A = C.target;
+      [...c.branches].some((N) => N.contains(A)) || (o?.(C), s?.(C), C.defaultPrevented || a?.());
+    }, h);
+    return No((C) => {
+      x === c.layers.size - 1 && (r?.(C), !C.defaultPrevented && a && (C.preventDefault(), a()));
+    }, h), p.useEffect(() => {
+      if (f)
+        return n && (c.layersWithOutsidePointerEventsDisabled.size === 0 && (Jt = h.body.style.pointerEvents, h.body.style.pointerEvents = "none"), c.layersWithOutsidePointerEventsDisabled.add(f)), c.layers.add(f), en(), () => {
+          n && c.layersWithOutsidePointerEventsDisabled.size === 1 && (h.body.style.pointerEvents = Jt);
+        };
+    }, [f, h, n, c]), p.useEffect(() => () => {
+      f && (c.layers.delete(f), c.layersWithOutsidePointerEventsDisabled.delete(f), en());
+    }, [f, c]), p.useEffect(() => {
+      const C = () => v({});
+      return document.addEventListener(gt, C), () => document.removeEventListener(gt, C);
+    }, []), /* @__PURE__ */ w(
+      Q.div,
+      {
+        ...u,
+        ref: g,
+        style: {
+          pointerEvents: S ? _ ? "auto" : "none" : void 0,
+          ...e.style
+        },
+        onFocusCapture: te(e.onFocusCapture, P.onFocusCapture),
+        onBlurCapture: te(e.onBlurCapture, P.onBlurCapture),
+        onPointerDownCapture: te(
+          e.onPointerDownCapture,
+          b.onPointerDownCapture
+        )
+      }
+    );
+  }
+);
+Bn.displayName = To;
+var Fo = "DismissableLayerBranch", Do = p.forwardRef((e, t) => {
+  const n = p.useContext(Wn), r = p.useRef(null), i = ie(t, r);
+  return p.useEffect(() => {
+    const o = r.current;
+    if (o)
+      return n.branches.add(o), () => {
+        n.branches.delete(o);
+      };
+  }, [n.branches]), /* @__PURE__ */ w(Q.div, { ...e, ref: i });
+});
+Do.displayName = Fo;
+function Lo(e, t = globalThis?.document) {
+  const n = ye(e), r = p.useRef(!1), i = p.useRef(() => {
+  });
+  return p.useEffect(() => {
+    const o = (a) => {
+      if (a.target && !r.current) {
+        let u = function() {
+          jn(
+            Mo,
+            n,
+            c,
+            { discrete: !0 }
+          );
+        };
+        const c = { originalEvent: a };
+        a.pointerType === "touch" ? (t.removeEventListener("click", i.current), i.current = u, t.addEventListener("click", i.current, { once: !0 })) : u();
+      } else
+        t.removeEventListener("click", i.current);
+      r.current = !1;
+    }, s = window.setTimeout(() => {
+      t.addEventListener("pointerdown", o);
+    }, 0);
+    return () => {
+      window.clearTimeout(s), t.removeEventListener("pointerdown", o), t.removeEventListener("click", i.current);
+    };
+  }, [t, n]), {
+    // ensures we check React component tree (not just DOM tree)
+    onPointerDownCapture: () => r.current = !0
+  };
+}
+function $o(e, t = globalThis?.document) {
+  const n = ye(e), r = p.useRef(!1);
+  return p.useEffect(() => {
+    const i = (o) => {
+      o.target && !r.current && jn(ko, n, { originalEvent: o }, {
+        discrete: !1
+      });
+    };
+    return t.addEventListener("focusin", i), () => t.removeEventListener("focusin", i);
+  }, [t, n]), {
+    onFocusCapture: () => r.current = !0,
+    onBlurCapture: () => r.current = !1
+  };
+}
+function en() {
+  const e = new CustomEvent(gt);
+  document.dispatchEvent(e);
+}
+function jn(e, t, n, { discrete: r }) {
+  const i = n.originalEvent.target, o = new CustomEvent(e, { bubbles: !1, cancelable: !0, detail: n });
+  t && i.addEventListener(e, t, { once: !0 }), r ? Ro(i, o) : i.dispatchEvent(o);
+}
+var ot = 0;
+function Io() {
+  p.useEffect(() => {
+    const e = document.querySelectorAll("[data-radix-focus-guard]");
+    return document.body.insertAdjacentElement("afterbegin", e[0] ?? tn()), document.body.insertAdjacentElement("beforeend", e[1] ?? tn()), ot++, () => {
+      ot === 1 && document.querySelectorAll("[data-radix-focus-guard]").forEach((t) => t.remove()), ot--;
+    };
+  }, []);
+}
+function tn() {
+  const e = document.createElement("span");
+  return e.setAttribute("data-radix-focus-guard", ""), e.tabIndex = 0, e.style.outline = "none", e.style.opacity = "0", e.style.position = "fixed", e.style.pointerEvents = "none", e;
+}
+var it = "focusScope.autoFocusOnMount", st = "focusScope.autoFocusOnUnmount", nn = { bubbles: !1, cancelable: !0 }, Wo = "FocusScope", zn = p.forwardRef((e, t) => {
+  const {
+    loop: n = !1,
+    trapped: r = !1,
+    onMountAutoFocus: i,
+    onUnmountAutoFocus: o,
+    ...s
+  } = e, [a, u] = p.useState(null), c = ye(i), f = ye(o), l = p.useRef(null), h = ie(t, (d) => u(d)), v = p.useRef({
+    paused: !1,
+    pause() {
+      this.paused = !0;
+    },
+    resume() {
+      this.paused = !1;
+    }
+  }).current;
+  p.useEffect(() => {
+    if (r) {
+      let d = function(S) {
+        if (v.paused || !a) return;
+        const _ = S.target;
+        a.contains(_) ? l.current = _ : ee(l.current, { select: !0 });
+      }, m = function(S) {
+        if (v.paused || !a) return;
+        const _ = S.relatedTarget;
+        _ !== null && (a.contains(_) || ee(l.current, { select: !0 }));
+      }, y = function(S) {
+        if (document.activeElement === document.body)
+          for (const b of S)
+            b.removedNodes.length > 0 && ee(a);
+      };
+      document.addEventListener("focusin", d), document.addEventListener("focusout", m);
+      const x = new MutationObserver(y);
+      return a && x.observe(a, { childList: !0, subtree: !0 }), () => {
+        document.removeEventListener("focusin", d), document.removeEventListener("focusout", m), x.disconnect();
+      };
+    }
+  }, [r, a, v.paused]), p.useEffect(() => {
+    if (a) {
+      on.add(v);
+      const d = document.activeElement;
+      if (!a.contains(d)) {
+        const y = new CustomEvent(it, nn);
+        a.addEventListener(it, c), a.dispatchEvent(y), y.defaultPrevented || (Bo(Uo(Hn(a)), { select: !0 }), document.activeElement === d && ee(a));
+      }
+      return () => {
+        a.removeEventListener(it, c), setTimeout(() => {
+          const y = new CustomEvent(st, nn);
+          a.addEventListener(st, f), a.dispatchEvent(y), y.defaultPrevented || ee(d ?? document.body, { select: !0 }), a.removeEventListener(st, f), on.remove(v);
+        }, 0);
+      };
+    }
+  }, [a, c, f, v]);
+  const g = p.useCallback(
+    (d) => {
+      if (!n && !r || v.paused) return;
+      const m = d.key === "Tab" && !d.altKey && !d.ctrlKey && !d.metaKey, y = document.activeElement;
+      if (m && y) {
+        const x = d.currentTarget, [S, _] = jo(x);
+        S && _ ? !d.shiftKey && y === _ ? (d.preventDefault(), n && ee(S, { select: !0 })) : d.shiftKey && y === S && (d.preventDefault(), n && ee(_, { select: !0 })) : y === x && d.preventDefault();
+      }
+    },
+    [n, r, v.paused]
+  );
+  return /* @__PURE__ */ w(Q.div, { tabIndex: -1, ...s, ref: h, onKeyDown: g });
+});
+zn.displayName = Wo;
+function Bo(e, { select: t = !1 } = {}) {
+  const n = document.activeElement;
+  for (const r of e)
+    if (ee(r, { select: t }), document.activeElement !== n) return;
+}
+function jo(e) {
+  const t = Hn(e), n = rn(t, e), r = rn(t.reverse(), e);
+  return [n, r];
+}
+function Hn(e) {
+  const t = [], n = document.createTreeWalker(e, NodeFilter.SHOW_ELEMENT, {
+    acceptNode: (r) => {
+      const i = r.tagName === "INPUT" && r.type === "hidden";
+      return r.disabled || r.hidden || i ? NodeFilter.FILTER_SKIP : r.tabIndex >= 0 ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP;
+    }
+  });
+  for (; n.nextNode(); ) t.push(n.currentNode);
+  return t;
+}
+function rn(e, t) {
+  for (const n of e)
+    if (!zo(n, { upTo: t })) return n;
+}
+function zo(e, { upTo: t }) {
+  if (getComputedStyle(e).visibility === "hidden") return !0;
+  for (; e; ) {
+    if (t !== void 0 && e === t) return !1;
+    if (getComputedStyle(e).display === "none") return !0;
+    e = e.parentElement;
+  }
+  return !1;
+}
+function Ho(e) {
+  return e instanceof HTMLInputElement && "select" in e;
+}
+function ee(e, { select: t = !1 } = {}) {
+  if (e && e.focus) {
+    const n = document.activeElement;
+    e.focus({ preventScroll: !0 }), e !== n && Ho(e) && t && e.select();
+  }
+}
+var on = Vo();
+function Vo() {
+  let e = [];
+  return {
+    add(t) {
+      const n = e[0];
+      t !== n && n?.pause(), e = sn(e, t), e.unshift(t);
+    },
+    remove(t) {
+      e = sn(e, t), e[0]?.resume();
+    }
+  };
+}
+function sn(e, t) {
+  const n = [...e], r = n.indexOf(t);
+  return r !== -1 && n.splice(r, 1), n;
+}
+function Uo(e) {
+  return e.filter((t) => t.tagName !== "A");
+}
+var ne = globalThis?.document ? p.useLayoutEffect : () => {
+}, Yo = p[" useId ".trim().toString()] || (() => {
+}), Xo = 0;
+function Ko(e) {
+  const [t, n] = p.useState(Yo());
+  return ne(() => {
+    n((r) => r ?? String(Xo++));
+  }, [e]), e || (t ? `radix-${t}` : "");
+}
+const qo = ["top", "right", "bottom", "left"], re = Math.min, I = Math.max, Ye = Math.round, De = Math.floor, X = (e) => ({
+  x: e,
+  y: e
+}), Go = {
+  left: "right",
+  right: "left",
+  bottom: "top",
+  top: "bottom"
+}, Zo = {
+  start: "end",
+  end: "start"
+};
+function mt(e, t, n) {
+  return I(e, re(t, n));
+}
+function G(e, t) {
+  return typeof e == "function" ? e(t) : e;
+}
+function Z(e) {
+  return e.split("-")[0];
+}
+function be(e) {
+  return e.split("-")[1];
+}
+function Rt(e) {
+  return e === "x" ? "y" : "x";
+}
+function Nt(e) {
+  return e === "y" ? "height" : "width";
+}
+const Qo = /* @__PURE__ */ new Set(["top", "bottom"]);
+function Y(e) {
+  return Qo.has(Z(e)) ? "y" : "x";
+}
+function Tt(e) {
+  return Rt(Y(e));
+}
+function Jo(e, t, n) {
+  n === void 0 && (n = !1);
+  const r = be(e), i = Tt(e), o = Nt(i);
+  let s = i === "x" ? r === (n ? "end" : "start") ? "right" : "left" : r === "start" ? "bottom" : "top";
+  return t.reference[o] > t.floating[o] && (s = Xe(s)), [s, Xe(s)];
+}
+function ei(e) {
+  const t = Xe(e);
+  return [yt(e), t, yt(t)];
+}
+function yt(e) {
+  return e.replace(/start|end/g, (t) => Zo[t]);
+}
+const an = ["left", "right"], cn = ["right", "left"], ti = ["top", "bottom"], ni = ["bottom", "top"];
+function ri(e, t, n) {
+  switch (e) {
+    case "top":
+    case "bottom":
+      return n ? t ? cn : an : t ? an : cn;
+    case "left":
+    case "right":
+      return t ? ti : ni;
+    default:
+      return [];
+  }
+}
+function oi(e, t, n, r) {
+  const i = be(e);
+  let o = ri(Z(e), n === "start", r);
+  return i && (o = o.map((s) => s + "-" + i), t && (o = o.concat(o.map(yt)))), o;
+}
+function Xe(e) {
+  return e.replace(/left|right|bottom|top/g, (t) => Go[t]);
+}
+function ii(e) {
+  return {
+    top: 0,
+    right: 0,
+    bottom: 0,
+    left: 0,
+    ...e
+  };
+}
+function Vn(e) {
+  return typeof e != "number" ? ii(e) : {
+    top: e,
+    right: e,
+    bottom: e,
+    left: e
+  };
+}
+function Ke(e) {
+  const {
+    x: t,
+    y: n,
+    width: r,
+    height: i
+  } = e;
+  return {
+    width: r,
+    height: i,
+    top: n,
+    left: t,
+    right: t + r,
+    bottom: n + i,
+    x: t,
+    y: n
+  };
+}
+function un(e, t, n) {
+  let {
+    reference: r,
+    floating: i
+  } = e;
+  const o = Y(t), s = Tt(t), a = Nt(s), u = Z(t), c = o === "y", f = r.x + r.width / 2 - i.width / 2, l = r.y + r.height / 2 - i.height / 2, h = r[a] / 2 - i[a] / 2;
+  let v;
+  switch (u) {
+    case "top":
+      v = {
+        x: f,
+        y: r.y - i.height
+      };
+      break;
+    case "bottom":
+      v = {
+        x: f,
+        y: r.y + r.height
+      };
+      break;
+    case "right":
+      v = {
+        x: r.x + r.width,
+        y: l
+      };
+      break;
+    case "left":
+      v = {
+        x: r.x - i.width,
+        y: l
+      };
+      break;
+    default:
+      v = {
+        x: r.x,
+        y: r.y
+      };
+  }
+  switch (be(t)) {
+    case "start":
+      v[s] -= h * (n && c ? -1 : 1);
+      break;
+    case "end":
+      v[s] += h * (n && c ? -1 : 1);
+      break;
+  }
+  return v;
+}
+const si = async (e, t, n) => {
+  const {
+    placement: r = "bottom",
+    strategy: i = "absolute",
+    middleware: o = [],
+    platform: s
+  } = n, a = o.filter(Boolean), u = await (s.isRTL == null ? void 0 : s.isRTL(t));
+  let c = await s.getElementRects({
+    reference: e,
+    floating: t,
+    strategy: i
+  }), {
+    x: f,
+    y: l
+  } = un(c, r, u), h = r, v = {}, g = 0;
+  for (let d = 0; d < a.length; d++) {
+    const {
+      name: m,
+      fn: y
+    } = a[d], {
+      x,
+      y: S,
+      data: _,
+      reset: b
+    } = await y({
+      x: f,
+      y: l,
+      initialPlacement: r,
+      placement: h,
+      strategy: i,
+      middlewareData: v,
+      rects: c,
+      platform: s,
+      elements: {
+        reference: e,
+        floating: t
+      }
+    });
+    f = x ?? f, l = S ?? l, v = {
+      ...v,
+      [m]: {
+        ...v[m],
+        ..._
+      }
+    }, b && g <= 50 && (g++, typeof b == "object" && (b.placement && (h = b.placement), b.rects && (c = b.rects === !0 ? await s.getElementRects({
+      reference: e,
+      floating: t,
+      strategy: i
+    }) : b.rects), {
+      x: f,
+      y: l
+    } = un(c, h, u)), d = -1);
+  }
+  return {
+    x: f,
+    y: l,
+    placement: h,
+    strategy: i,
+    middlewareData: v
+  };
+};
+async function Ee(e, t) {
+  var n;
+  t === void 0 && (t = {});
+  const {
+    x: r,
+    y: i,
+    platform: o,
+    rects: s,
+    elements: a,
+    strategy: u
+  } = e, {
+    boundary: c = "clippingAncestors",
+    rootBoundary: f = "viewport",
+    elementContext: l = "floating",
+    altBoundary: h = !1,
+    padding: v = 0
+  } = G(t, e), g = Vn(v), m = a[h ? l === "floating" ? "reference" : "floating" : l], y = Ke(await o.getClippingRect({
+    element: (n = await (o.isElement == null ? void 0 : o.isElement(m))) == null || n ? m : m.contextElement || await (o.getDocumentElement == null ? void 0 : o.getDocumentElement(a.floating)),
+    boundary: c,
+    rootBoundary: f,
+    strategy: u
+  })), x = l === "floating" ? {
+    x: r,
+    y: i,
+    width: s.floating.width,
+    height: s.floating.height
+  } : s.reference, S = await (o.getOffsetParent == null ? void 0 : o.getOffsetParent(a.floating)), _ = await (o.isElement == null ? void 0 : o.isElement(S)) ? await (o.getScale == null ? void 0 : o.getScale(S)) || {
+    x: 1,
+    y: 1
+  } : {
+    x: 1,
+    y: 1
+  }, b = Ke(o.convertOffsetParentRelativeRectToViewportRelativeRect ? await o.convertOffsetParentRelativeRectToViewportRelativeRect({
+    elements: a,
+    rect: x,
+    offsetParent: S,
+    strategy: u
+  }) : x);
+  return {
+    top: (y.top - b.top + g.top) / _.y,
+    bottom: (b.bottom - y.bottom + g.bottom) / _.y,
+    left: (y.left - b.left + g.left) / _.x,
+    right: (b.right - y.right + g.right) / _.x
+  };
+}
+const ai = (e) => ({
+  name: "arrow",
+  options: e,
+  async fn(t) {
+    const {
+      x: n,
+      y: r,
+      placement: i,
+      rects: o,
+      platform: s,
+      elements: a,
+      middlewareData: u
+    } = t, {
+      element: c,
+      padding: f = 0
+    } = G(e, t) || {};
+    if (c == null)
+      return {};
+    const l = Vn(f), h = {
+      x: n,
+      y: r
+    }, v = Tt(i), g = Nt(v), d = await s.getDimensions(c), m = v === "y", y = m ? "top" : "left", x = m ? "bottom" : "right", S = m ? "clientHeight" : "clientWidth", _ = o.reference[g] + o.reference[v] - h[v] - o.floating[g], b = h[v] - o.reference[v], P = await (s.getOffsetParent == null ? void 0 : s.getOffsetParent(c));
+    let C = P ? P[S] : 0;
+    (!C || !await (s.isElement == null ? void 0 : s.isElement(P))) && (C = a.floating[S] || o.floating[g]);
+    const A = _ / 2 - b / 2, T = C / 2 - d[g] / 2 - 1, N = re(l[y], T), E = re(l[x], T), R = N, M = C - d[g] - E, k = C / 2 - d[g] / 2 + A, $ = mt(R, k, M), F = !u.arrow && be(i) != null && k !== $ && o.reference[g] / 2 - (k < R ? N : E) - d[g] / 2 < 0, D = F ? k < R ? k - R : k - M : 0;
+    return {
+      [v]: h[v] + D,
+      data: {
+        [v]: $,
+        centerOffset: k - $ - D,
+        ...F && {
+          alignmentOffset: D
+        }
+      },
+      reset: F
+    };
+  }
+}), ci = function(e) {
+  return e === void 0 && (e = {}), {
+    name: "flip",
+    options: e,
+    async fn(t) {
+      var n, r;
+      const {
+        placement: i,
+        middlewareData: o,
+        rects: s,
+        initialPlacement: a,
+        platform: u,
+        elements: c
+      } = t, {
+        mainAxis: f = !0,
+        crossAxis: l = !0,
+        fallbackPlacements: h,
+        fallbackStrategy: v = "bestFit",
+        fallbackAxisSideDirection: g = "none",
+        flipAlignment: d = !0,
+        ...m
+      } = G(e, t);
+      if ((n = o.arrow) != null && n.alignmentOffset)
+        return {};
+      const y = Z(i), x = Y(a), S = Z(a) === a, _ = await (u.isRTL == null ? void 0 : u.isRTL(c.floating)), b = h || (S || !d ? [Xe(a)] : ei(a)), P = g !== "none";
+      !h && P && b.push(...oi(a, d, g, _));
+      const C = [a, ...b], A = await Ee(t, m), T = [];
+      let N = ((r = o.flip) == null ? void 0 : r.overflows) || [];
+      if (f && T.push(A[y]), l) {
+        const k = Jo(i, s, _);
+        T.push(A[k[0]], A[k[1]]);
+      }
+      if (N = [...N, {
+        placement: i,
+        overflows: T
+      }], !T.every((k) => k <= 0)) {
+        var E, R;
+        const k = (((E = o.flip) == null ? void 0 : E.index) || 0) + 1, $ = C[k];
+        if ($ && (!(l === "alignment" ? x !== Y($) : !1) || // We leave the current main axis only if every placement on that axis
+        // overflows the main axis.
+        N.every((O) => Y(O.placement) === x ? O.overflows[0] > 0 : !0)))
+          return {
+            data: {
+              index: k,
+              overflows: N
+            },
+            reset: {
+              placement: $
+            }
+          };
+        let F = (R = N.filter((D) => D.overflows[0] <= 0).sort((D, O) => D.overflows[1] - O.overflows[1])[0]) == null ? void 0 : R.placement;
+        if (!F)
+          switch (v) {
+            case "bestFit": {
+              var M;
+              const D = (M = N.filter((O) => {
+                if (P) {
+                  const L = Y(O.placement);
+                  return L === x || // Create a bias to the `y` side axis due to horizontal
+                  // reading directions favoring greater width.
+                  L === "y";
+                }
+                return !0;
+              }).map((O) => [O.placement, O.overflows.filter((L) => L > 0).reduce((L, H) => L + H, 0)]).sort((O, L) => O[1] - L[1])[0]) == null ? void 0 : M[0];
+              D && (F = D);
+              break;
+            }
+            case "initialPlacement":
+              F = a;
+              break;
+          }
+        if (i !== F)
+          return {
+            reset: {
+              placement: F
+            }
+          };
+      }
+      return {};
+    }
+  };
+};
+function ln(e, t) {
+  return {
+    top: e.top - t.height,
+    right: e.right - t.width,
+    bottom: e.bottom - t.height,
+    left: e.left - t.width
+  };
+}
+function fn(e) {
+  return qo.some((t) => e[t] >= 0);
+}
+const ui = function(e) {
+  return e === void 0 && (e = {}), {
+    name: "hide",
+    options: e,
+    async fn(t) {
+      const {
+        rects: n
+      } = t, {
+        strategy: r = "referenceHidden",
+        ...i
+      } = G(e, t);
+      switch (r) {
+        case "referenceHidden": {
+          const o = await Ee(t, {
+            ...i,
+            elementContext: "reference"
+          }), s = ln(o, n.reference);
+          return {
+            data: {
+              referenceHiddenOffsets: s,
+              referenceHidden: fn(s)
+            }
+          };
+        }
+        case "escaped": {
+          const o = await Ee(t, {
+            ...i,
+            altBoundary: !0
+          }), s = ln(o, n.floating);
+          return {
+            data: {
+              escapedOffsets: s,
+              escaped: fn(s)
+            }
+          };
+        }
+        default:
+          return {};
+      }
+    }
+  };
+}, Un = /* @__PURE__ */ new Set(["left", "top"]);
+async function li(e, t) {
+  const {
+    placement: n,
+    platform: r,
+    elements: i
+  } = e, o = await (r.isRTL == null ? void 0 : r.isRTL(i.floating)), s = Z(n), a = be(n), u = Y(n) === "y", c = Un.has(s) ? -1 : 1, f = o && u ? -1 : 1, l = G(t, e);
+  let {
+    mainAxis: h,
+    crossAxis: v,
+    alignmentAxis: g
+  } = typeof l == "number" ? {
+    mainAxis: l,
+    crossAxis: 0,
+    alignmentAxis: null
+  } : {
+    mainAxis: l.mainAxis || 0,
+    crossAxis: l.crossAxis || 0,
+    alignmentAxis: l.alignmentAxis
+  };
+  return a && typeof g == "number" && (v = a === "end" ? g * -1 : g), u ? {
+    x: v * f,
+    y: h * c
+  } : {
+    x: h * c,
+    y: v * f
+  };
+}
+const fi = function(e) {
+  return e === void 0 && (e = 0), {
+    name: "offset",
+    options: e,
+    async fn(t) {
+      var n, r;
+      const {
+        x: i,
+        y: o,
+        placement: s,
+        middlewareData: a
+      } = t, u = await li(t, e);
+      return s === ((n = a.offset) == null ? void 0 : n.placement) && (r = a.arrow) != null && r.alignmentOffset ? {} : {
+        x: i + u.x,
+        y: o + u.y,
+        data: {
+          ...u,
+          placement: s
+        }
+      };
+    }
+  };
+}, pi = function(e) {
+  return e === void 0 && (e = {}), {
+    name: "shift",
+    options: e,
+    async fn(t) {
+      const {
+        x: n,
+        y: r,
+        placement: i
+      } = t, {
+        mainAxis: o = !0,
+        crossAxis: s = !1,
+        limiter: a = {
+          fn: (m) => {
+            let {
+              x: y,
+              y: x
+            } = m;
+            return {
+              x: y,
+              y: x
+            };
+          }
+        },
+        ...u
+      } = G(e, t), c = {
+        x: n,
+        y: r
+      }, f = await Ee(t, u), l = Y(Z(i)), h = Rt(l);
+      let v = c[h], g = c[l];
+      if (o) {
+        const m = h === "y" ? "top" : "left", y = h === "y" ? "bottom" : "right", x = v + f[m], S = v - f[y];
+        v = mt(x, v, S);
+      }
+      if (s) {
+        const m = l === "y" ? "top" : "left", y = l === "y" ? "bottom" : "right", x = g + f[m], S = g - f[y];
+        g = mt(x, g, S);
+      }
+      const d = a.fn({
+        ...t,
+        [h]: v,
+        [l]: g
+      });
+      return {
+        ...d,
+        data: {
+          x: d.x - n,
+          y: d.y - r,
+          enabled: {
+            [h]: o,
+            [l]: s
+          }
+        }
+      };
+    }
+  };
+}, di = function(e) {
+  return e === void 0 && (e = {}), {
+    options: e,
+    fn(t) {
+      const {
+        x: n,
+        y: r,
+        placement: i,
+        rects: o,
+        middlewareData: s
+      } = t, {
+        offset: a = 0,
+        mainAxis: u = !0,
+        crossAxis: c = !0
+      } = G(e, t), f = {
+        x: n,
+        y: r
+      }, l = Y(i), h = Rt(l);
+      let v = f[h], g = f[l];
+      const d = G(a, t), m = typeof d == "number" ? {
+        mainAxis: d,
+        crossAxis: 0
+      } : {
+        mainAxis: 0,
+        crossAxis: 0,
+        ...d
+      };
+      if (u) {
+        const S = h === "y" ? "height" : "width", _ = o.reference[h] - o.floating[S] + m.mainAxis, b = o.reference[h] + o.reference[S] - m.mainAxis;
+        v < _ ? v = _ : v > b && (v = b);
+      }
+      if (c) {
+        var y, x;
+        const S = h === "y" ? "width" : "height", _ = Un.has(Z(i)), b = o.reference[l] - o.floating[S] + (_ && ((y = s.offset) == null ? void 0 : y[l]) || 0) + (_ ? 0 : m.crossAxis), P = o.reference[l] + o.reference[S] + (_ ? 0 : ((x = s.offset) == null ? void 0 : x[l]) || 0) - (_ ? m.crossAxis : 0);
+        g < b ? g = b : g > P && (g = P);
+      }
+      return {
+        [h]: v,
+        [l]: g
+      };
+    }
+  };
+}, hi = function(e) {
+  return e === void 0 && (e = {}), {
+    name: "size",
+    options: e,
+    async fn(t) {
+      var n, r;
+      const {
+        placement: i,
+        rects: o,
+        platform: s,
+        elements: a
+      } = t, {
+        apply: u = () => {
+        },
+        ...c
+      } = G(e, t), f = await Ee(t, c), l = Z(i), h = be(i), v = Y(i) === "y", {
+        width: g,
+        height: d
+      } = o.floating;
+      let m, y;
+      l === "top" || l === "bottom" ? (m = l, y = h === (await (s.isRTL == null ? void 0 : s.isRTL(a.floating)) ? "start" : "end") ? "left" : "right") : (y = l, m = h === "end" ? "top" : "bottom");
+      const x = d - f.top - f.bottom, S = g - f.left - f.right, _ = re(d - f[m], x), b = re(g - f[y], S), P = !t.middlewareData.shift;
+      let C = _, A = b;
+      if ((n = t.middlewareData.shift) != null && n.enabled.x && (A = S), (r = t.middlewareData.shift) != null && r.enabled.y && (C = x), P && !h) {
+        const N = I(f.left, 0), E = I(f.right, 0), R = I(f.top, 0), M = I(f.bottom, 0);
+        v ? A = g - 2 * (N !== 0 || E !== 0 ? N + E : I(f.left, f.right)) : C = d - 2 * (R !== 0 || M !== 0 ? R + M : I(f.top, f.bottom));
+      }
+      await u({
+        ...t,
+        availableWidth: A,
+        availableHeight: C
+      });
+      const T = await s.getDimensions(a.floating);
+      return g !== T.width || d !== T.height ? {
+        reset: {
+          rects: !0
+        }
+      } : {};
+    }
+  };
+};
+function Qe() {
+  return typeof window < "u";
+}
+function xe(e) {
+  return Yn(e) ? (e.nodeName || "").toLowerCase() : "#document";
+}
+function W(e) {
+  var t;
+  return (e == null || (t = e.ownerDocument) == null ? void 0 : t.defaultView) || window;
+}
+function q(e) {
+  var t;
+  return (t = (Yn(e) ? e.ownerDocument : e.document) || window.document) == null ? void 0 : t.documentElement;
+}
+function Yn(e) {
+  return Qe() ? e instanceof Node || e instanceof W(e).Node : !1;
+}
+function j(e) {
+  return Qe() ? e instanceof Element || e instanceof W(e).Element : !1;
+}
+function K(e) {
+  return Qe() ? e instanceof HTMLElement || e instanceof W(e).HTMLElement : !1;
+}
+function pn(e) {
+  return !Qe() || typeof ShadowRoot > "u" ? !1 : e instanceof ShadowRoot || e instanceof W(e).ShadowRoot;
+}
+const vi = /* @__PURE__ */ new Set(["inline", "contents"]);
+function Ne(e) {
+  const {
+    overflow: t,
+    overflowX: n,
+    overflowY: r,
+    display: i
+  } = z(e);
+  return /auto|scroll|overlay|hidden|clip/.test(t + r + n) && !vi.has(i);
+}
+const gi = /* @__PURE__ */ new Set(["table", "td", "th"]);
+function mi(e) {
+  return gi.has(xe(e));
+}
+const yi = [":popover-open", ":modal"];
+function Je(e) {
+  return yi.some((t) => {
+    try {
+      return e.matches(t);
+    } catch {
+      return !1;
+    }
+  });
+}
+const _i = ["transform", "translate", "scale", "rotate", "perspective"], wi = ["transform", "translate", "scale", "rotate", "perspective", "filter"], bi = ["paint", "layout", "strict", "content"];
+function Mt(e) {
+  const t = kt(), n = j(e) ? z(e) : e;
+  return _i.some((r) => n[r] ? n[r] !== "none" : !1) || (n.containerType ? n.containerType !== "normal" : !1) || !t && (n.backdropFilter ? n.backdropFilter !== "none" : !1) || !t && (n.filter ? n.filter !== "none" : !1) || wi.some((r) => (n.willChange || "").includes(r)) || bi.some((r) => (n.contain || "").includes(r));
+}
+function xi(e) {
+  let t = oe(e);
+  for (; K(t) && !_e(t); ) {
+    if (Mt(t))
+      return t;
+    if (Je(t))
+      return null;
+    t = oe(t);
+  }
+  return null;
+}
+function kt() {
+  return typeof CSS > "u" || !CSS.supports ? !1 : CSS.supports("-webkit-backdrop-filter", "none");
+}
+const Si = /* @__PURE__ */ new Set(["html", "body", "#document"]);
+function _e(e) {
+  return Si.has(xe(e));
+}
+function z(e) {
+  return W(e).getComputedStyle(e);
+}
+function et(e) {
+  return j(e) ? {
+    scrollLeft: e.scrollLeft,
+    scrollTop: e.scrollTop
+  } : {
+    scrollLeft: e.scrollX,
+    scrollTop: e.scrollY
+  };
+}
+function oe(e) {
+  if (xe(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.
+    pn(e) && e.host || // Fallback.
+    q(e)
+  );
+  return pn(t) ? t.host : t;
+}
+function Xn(e) {
+  const t = oe(e);
+  return _e(t) ? e.ownerDocument ? e.ownerDocument.body : e.body : K(t) && Ne(t) ? t : Xn(t);
+}
+function Oe(e, t, n) {
+  var r;
+  t === void 0 && (t = []), n === void 0 && (n = !0);
+  const i = Xn(e), o = i === ((r = e.ownerDocument) == null ? void 0 : r.body), s = W(i);
+  if (o) {
+    const a = _t(s);
+    return t.concat(s, s.visualViewport || [], Ne(i) ? i : [], a && n ? Oe(a) : []);
+  }
+  return t.concat(i, Oe(i, [], n));
+}
+function _t(e) {
+  return e.parent && Object.getPrototypeOf(e.parent) ? e.frameElement : null;
+}
+function Kn(e) {
+  const t = z(e);
+  let n = parseFloat(t.width) || 0, r = parseFloat(t.height) || 0;
+  const i = K(e), o = i ? e.offsetWidth : n, s = i ? e.offsetHeight : r, a = Ye(n) !== o || Ye(r) !== s;
+  return a && (n = o, r = s), {
+    width: n,
+    height: r,
+    $: a
+  };
+}
+function Ft(e) {
+  return j(e) ? e : e.contextElement;
+}
+function ve(e) {
+  const t = Ft(e);
+  if (!K(t))
+    return X(1);
+  const n = t.getBoundingClientRect(), {
+    width: r,
+    height: i,
+    $: o
+  } = Kn(t);
+  let s = (o ? Ye(n.width) : n.width) / r, a = (o ? Ye(n.height) : n.height) / i;
+  return (!s || !Number.isFinite(s)) && (s = 1), (!a || !Number.isFinite(a)) && (a = 1), {
+    x: s,
+    y: a
+  };
+}
+const Ci = /* @__PURE__ */ X(0);
+function qn(e) {
+  const t = W(e);
+  return !kt() || !t.visualViewport ? Ci : {
+    x: t.visualViewport.offsetLeft,
+    y: t.visualViewport.offsetTop
+  };
+}
+function Pi(e, t, n) {
+  return t === void 0 && (t = !1), !n || t && n !== W(e) ? !1 : t;
+}
+function ue(e, t, n, r) {
+  t === void 0 && (t = !1), n === void 0 && (n = !1);
+  const i = e.getBoundingClientRect(), o = Ft(e);
+  let s = X(1);
+  t && (r ? j(r) && (s = ve(r)) : s = ve(e));
+  const a = Pi(o, n, r) ? qn(o) : X(0);
+  let u = (i.left + a.x) / s.x, c = (i.top + a.y) / s.y, f = i.width / s.x, l = i.height / s.y;
+  if (o) {
+    const h = W(o), v = r && j(r) ? W(r) : r;
+    let g = h, d = _t(g);
+    for (; d && r && v !== g; ) {
+      const m = ve(d), y = d.getBoundingClientRect(), x = z(d), S = y.left + (d.clientLeft + parseFloat(x.paddingLeft)) * m.x, _ = y.top + (d.clientTop + parseFloat(x.paddingTop)) * m.y;
+      u *= m.x, c *= m.y, f *= m.x, l *= m.y, u += S, c += _, g = W(d), d = _t(g);
+    }
+  }
+  return Ke({
+    width: f,
+    height: l,
+    x: u,
+    y: c
+  });
+}
+function tt(e, t) {
+  const n = et(e).scrollLeft;
+  return t ? t.left + n : ue(q(e)).left + n;
+}
+function Gn(e, t) {
+  const n = e.getBoundingClientRect(), r = n.left + t.scrollLeft - tt(e, n), i = n.top + t.scrollTop;
+  return {
+    x: r,
+    y: i
+  };
+}
+function Ei(e) {
+  let {
+    elements: t,
+    rect: n,
+    offsetParent: r,
+    strategy: i
+  } = e;
+  const o = i === "fixed", s = q(r), a = t ? Je(t.floating) : !1;
+  if (r === s || a && o)
+    return n;
+  let u = {
+    scrollLeft: 0,
+    scrollTop: 0
+  }, c = X(1);
+  const f = X(0), l = K(r);
+  if ((l || !l && !o) && ((xe(r) !== "body" || Ne(s)) && (u = et(r)), K(r))) {
+    const v = ue(r);
+    c = ve(r), f.x = v.x + r.clientLeft, f.y = v.y + r.clientTop;
+  }
+  const h = s && !l && !o ? Gn(s, u) : X(0);
+  return {
+    width: n.width * c.x,
+    height: n.height * c.y,
+    x: n.x * c.x - u.scrollLeft * c.x + f.x + h.x,
+    y: n.y * c.y - u.scrollTop * c.y + f.y + h.y
+  };
+}
+function Oi(e) {
+  return Array.from(e.getClientRects());
+}
+function Ai(e) {
+  const t = q(e), n = et(e), r = e.ownerDocument.body, i = I(t.scrollWidth, t.clientWidth, r.scrollWidth, r.clientWidth), o = I(t.scrollHeight, t.clientHeight, r.scrollHeight, r.clientHeight);
+  let s = -n.scrollLeft + tt(e);
+  const a = -n.scrollTop;
+  return z(r).direction === "rtl" && (s += I(t.clientWidth, r.clientWidth) - i), {
+    width: i,
+    height: o,
+    x: s,
+    y: a
+  };
+}
+const dn = 25;
+function Ri(e, t) {
+  const n = W(e), r = q(e), i = n.visualViewport;
+  let o = r.clientWidth, s = r.clientHeight, a = 0, u = 0;
+  if (i) {
+    o = i.width, s = i.height;
+    const f = kt();
+    (!f || f && t === "fixed") && (a = i.offsetLeft, u = i.offsetTop);
+  }
+  const c = tt(r);
+  if (c <= 0) {
+    const f = r.ownerDocument, l = f.body, h = getComputedStyle(l), v = f.compatMode === "CSS1Compat" && parseFloat(h.marginLeft) + parseFloat(h.marginRight) || 0, g = Math.abs(r.clientWidth - l.clientWidth - v);
+    g <= dn && (o -= g);
+  } else c <= dn && (o += c);
+  return {
+    width: o,
+    height: s,
+    x: a,
+    y: u
+  };
+}
+const Ni = /* @__PURE__ */ new Set(["absolute", "fixed"]);
+function Ti(e, t) {
+  const n = ue(e, !0, t === "fixed"), r = n.top + e.clientTop, i = n.left + e.clientLeft, o = K(e) ? ve(e) : X(1), s = e.clientWidth * o.x, a = e.clientHeight * o.y, u = i * o.x, c = r * o.y;
+  return {
+    width: s,
+    height: a,
+    x: u,
+    y: c
+  };
+}
+function hn(e, t, n) {
+  let r;
+  if (t === "viewport")
+    r = Ri(e, n);
+  else if (t === "document")
+    r = Ai(q(e));
+  else if (j(t))
+    r = Ti(t, n);
+  else {
+    const i = qn(e);
+    r = {
+      x: t.x - i.x,
+      y: t.y - i.y,
+      width: t.width,
+      height: t.height
+    };
+  }
+  return Ke(r);
+}
+function Zn(e, t) {
+  const n = oe(e);
+  return n === t || !j(n) || _e(n) ? !1 : z(n).position === "fixed" || Zn(n, t);
+}
+function Mi(e, t) {
+  const n = t.get(e);
+  if (n)
+    return n;
+  let r = Oe(e, [], !1).filter((a) => j(a) && xe(a) !== "body"), i = null;
+  const o = z(e).position === "fixed";
+  let s = o ? oe(e) : e;
+  for (; j(s) && !_e(s); ) {
+    const a = z(s), u = Mt(s);
+    !u && a.position === "fixed" && (i = null), (o ? !u && !i : !u && a.position === "static" && !!i && Ni.has(i.position) || Ne(s) && !u && Zn(e, s)) ? r = r.filter((f) => f !== s) : i = a, s = oe(s);
+  }
+  return t.set(e, r), r;
+}
+function ki(e) {
+  let {
+    element: t,
+    boundary: n,
+    rootBoundary: r,
+    strategy: i
+  } = e;
+  const s = [...n === "clippingAncestors" ? Je(t) ? [] : Mi(t, this._c) : [].concat(n), r], a = s[0], u = s.reduce((c, f) => {
+    const l = hn(t, f, i);
+    return c.top = I(l.top, c.top), c.right = re(l.right, c.right), c.bottom = re(l.bottom, c.bottom), c.left = I(l.left, c.left), c;
+  }, hn(t, a, i));
+  return {
+    width: u.right - u.left,
+    height: u.bottom - u.top,
+    x: u.left,
+    y: u.top
+  };
+}
+function Fi(e) {
+  const {
+    width: t,
+    height: n
+  } = Kn(e);
+  return {
+    width: t,
+    height: n
+  };
+}
+function Di(e, t, n) {
+  const r = K(t), i = q(t), o = n === "fixed", s = ue(e, !0, o, t);
+  let a = {
+    scrollLeft: 0,
+    scrollTop: 0
+  };
+  const u = X(0);
+  function c() {
+    u.x = tt(i);
+  }
+  if (r || !r && !o)
+    if ((xe(t) !== "body" || Ne(i)) && (a = et(t)), r) {
+      const v = ue(t, !0, o, t);
+      u.x = v.x + t.clientLeft, u.y = v.y + t.clientTop;
+    } else i && c();
+  o && !r && i && c();
+  const f = i && !r && !o ? Gn(i, a) : X(0), l = s.left + a.scrollLeft - u.x - f.x, h = s.top + a.scrollTop - u.y - f.y;
+  return {
+    x: l,
+    y: h,
+    width: s.width,
+    height: s.height
+  };
+}
+function at(e) {
+  return z(e).position === "static";
+}
+function vn(e, t) {
+  if (!K(e) || z(e).position === "fixed")
+    return null;
+  if (t)
+    return t(e);
+  let n = e.offsetParent;
+  return q(e) === n && (n = n.ownerDocument.body), n;
+}
+function Qn(e, t) {
+  const n = W(e);
+  if (Je(e))
+    return n;
+  if (!K(e)) {
+    let i = oe(e);
+    for (; i && !_e(i); ) {
+      if (j(i) && !at(i))
+        return i;
+      i = oe(i);
+    }
+    return n;
+  }
+  let r = vn(e, t);
+  for (; r && mi(r) && at(r); )
+    r = vn(r, t);
+  return r && _e(r) && at(r) && !Mt(r) ? n : r || xi(e) || n;
+}
+const Li = async function(e) {
+  const t = this.getOffsetParent || Qn, n = this.getDimensions, r = await n(e.floating);
+  return {
+    reference: Di(e.reference, await t(e.floating), e.strategy),
+    floating: {
+      x: 0,
+      y: 0,
+      width: r.width,
+      height: r.height
+    }
+  };
+};
+function $i(e) {
+  return z(e).direction === "rtl";
+}
+const Ii = {
+  convertOffsetParentRelativeRectToViewportRelativeRect: Ei,
+  getDocumentElement: q,
+  getClippingRect: ki,
+  getOffsetParent: Qn,
+  getElementRects: Li,
+  getClientRects: Oi,
+  getDimensions: Fi,
+  getScale: ve,
+  isElement: j,
+  isRTL: $i
+};
+function Jn(e, t) {
+  return e.x === t.x && e.y === t.y && e.width === t.width && e.height === t.height;
+}
+function Wi(e, t) {
+  let n = null, r;
+  const i = q(e);
+  function o() {
+    var a;
+    clearTimeout(r), (a = n) == null || a.disconnect(), n = null;
+  }
+  function s(a, u) {
+    a === void 0 && (a = !1), u === void 0 && (u = 1), o();
+    const c = e.getBoundingClientRect(), {
+      left: f,
+      top: l,
+      width: h,
+      height: v
+    } = c;
+    if (a || t(), !h || !v)
+      return;
+    const g = De(l), d = De(i.clientWidth - (f + h)), m = De(i.clientHeight - (l + v)), y = De(f), S = {
+      rootMargin: -g + "px " + -d + "px " + -m + "px " + -y + "px",
+      threshold: I(0, re(1, u)) || 1
+    };
+    let _ = !0;
+    function b(P) {
+      const C = P[0].intersectionRatio;
+      if (C !== u) {
+        if (!_)
+          return s();
+        C ? s(!1, C) : r = setTimeout(() => {
+          s(!1, 1e-7);
+        }, 1e3);
+      }
+      C === 1 && !Jn(c, e.getBoundingClientRect()) && s(), _ = !1;
+    }
+    try {
+      n = new IntersectionObserver(b, {
+        ...S,
+        // Handle <iframe>s
+        root: i.ownerDocument
+      });
+    } catch {
+      n = new IntersectionObserver(b, S);
+    }
+    n.observe(e);
+  }
+  return s(!0), o;
+}
+function Bi(e, t, n, r) {
+  r === void 0 && (r = {});
+  const {
+    ancestorScroll: i = !0,
+    ancestorResize: o = !0,
+    elementResize: s = typeof ResizeObserver == "function",
+    layoutShift: a = typeof IntersectionObserver == "function",
+    animationFrame: u = !1
+  } = r, c = Ft(e), f = i || o ? [...c ? Oe(c) : [], ...Oe(t)] : [];
+  f.forEach((y) => {
+    i && y.addEventListener("scroll", n, {
+      passive: !0
+    }), o && y.addEventListener("resize", n);
+  });
+  const l = c && a ? Wi(c, n) : null;
+  let h = -1, v = null;
+  s && (v = new ResizeObserver((y) => {
+    let [x] = y;
+    x && x.target === c && v && (v.unobserve(t), cancelAnimationFrame(h), h = requestAnimationFrame(() => {
+      var S;
+      (S = v) == null || S.observe(t);
+    })), n();
+  }), c && !u && v.observe(c), v.observe(t));
+  let g, d = u ? ue(e) : null;
+  u && m();
+  function m() {
+    const y = ue(e);
+    d && !Jn(d, y) && n(), d = y, g = requestAnimationFrame(m);
+  }
+  return n(), () => {
+    var y;
+    f.forEach((x) => {
+      i && x.removeEventListener("scroll", n), o && x.removeEventListener("resize", n);
+    }), l?.(), (y = v) == null || y.disconnect(), v = null, u && cancelAnimationFrame(g);
+  };
+}
+const ji = fi, zi = pi, Hi = ci, Vi = hi, Ui = ui, gn = ai, Yi = di, Xi = (e, t, n) => {
+  const r = /* @__PURE__ */ new Map(), i = {
+    platform: Ii,
+    ...n
+  }, o = {
+    ...i.platform,
+    _c: r
+  };
+  return si(e, t, {
+    ...i,
+    platform: o
+  });
+};
+var Ki = typeof document < "u", qi = function() {
+}, He = Ki ? no : qi;
+function qe(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, r, i;
+  if (e && t && typeof e == "object") {
+    if (Array.isArray(e)) {
+      if (n = e.length, n !== t.length) return !1;
+      for (r = n; r-- !== 0; )
+        if (!qe(e[r], t[r]))
+          return !1;
+      return !0;
+    }
+    if (i = Object.keys(e), n = i.length, n !== Object.keys(t).length)
+      return !1;
+    for (r = n; r-- !== 0; )
+      if (!{}.hasOwnProperty.call(t, i[r]))
+        return !1;
+    for (r = n; r-- !== 0; ) {
+      const o = i[r];
+      if (!(o === "_owner" && e.$$typeof) && !qe(e[o], t[o]))
+        return !1;
+    }
+    return !0;
+  }
+  return e !== e && t !== t;
+}
+function er(e) {
+  return typeof window > "u" ? 1 : (e.ownerDocument.defaultView || window).devicePixelRatio || 1;
+}
+function mn(e, t) {
+  const n = er(e);
+  return Math.round(t * n) / n;
+}
+function ct(e) {
+  const t = p.useRef(e);
+  return He(() => {
+    t.current = e;
+  }), t;
+}
+function Gi(e) {
+  e === void 0 && (e = {});
+  const {
+    placement: t = "bottom",
+    strategy: n = "absolute",
+    middleware: r = [],
+    platform: i,
+    elements: {
+      reference: o,
+      floating: s
+    } = {},
+    transform: a = !0,
+    whileElementsMounted: u,
+    open: c
+  } = e, [f, l] = p.useState({
+    x: 0,
+    y: 0,
+    strategy: n,
+    placement: t,
+    middlewareData: {},
+    isPositioned: !1
+  }), [h, v] = p.useState(r);
+  qe(h, r) || v(r);
+  const [g, d] = p.useState(null), [m, y] = p.useState(null), x = p.useCallback((O) => {
+    O !== P.current && (P.current = O, d(O));
+  }, []), S = p.useCallback((O) => {
+    O !== C.current && (C.current = O, y(O));
+  }, []), _ = o || g, b = s || m, P = p.useRef(null), C = p.useRef(null), A = p.useRef(f), T = u != null, N = ct(u), E = ct(i), R = ct(c), M = p.useCallback(() => {
+    if (!P.current || !C.current)
+      return;
+    const O = {
+      placement: t,
+      strategy: n,
+      middleware: h
+    };
+    E.current && (O.platform = E.current), Xi(P.current, C.current, O).then((L) => {
+      const H = {
+        ...L,
+        // 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: R.current !== !1
+      };
+      k.current && !qe(A.current, H) && (A.current = H, kn.flushSync(() => {
+        l(H);
+      }));
+    });
+  }, [h, t, n, E, R]);
+  He(() => {
+    c === !1 && A.current.isPositioned && (A.current.isPositioned = !1, l((O) => ({
+      ...O,
+      isPositioned: !1
+    })));
+  }, [c]);
+  const k = p.useRef(!1);
+  He(() => (k.current = !0, () => {
+    k.current = !1;
+  }), []), He(() => {
+    if (_ && (P.current = _), b && (C.current = b), _ && b) {
+      if (N.current)
+        return N.current(_, b, M);
+      M();
+    }
+  }, [_, b, M, N, T]);
+  const $ = p.useMemo(() => ({
+    reference: P,
+    floating: C,
+    setReference: x,
+    setFloating: S
+  }), [x, S]), F = p.useMemo(() => ({
+    reference: _,
+    floating: b
+  }), [_, b]), D = p.useMemo(() => {
+    const O = {
+      position: n,
+      left: 0,
+      top: 0
+    };
+    if (!F.floating)
+      return O;
+    const L = mn(F.floating, f.x), H = mn(F.floating, f.y);
+    return a ? {
+      ...O,
+      transform: "translate(" + L + "px, " + H + "px)",
+      ...er(F.floating) >= 1.5 && {
+        willChange: "transform"
+      }
+    } : {
+      position: n,
+      left: L,
+      top: H
+    };
+  }, [n, a, F.floating, f.x, f.y]);
+  return p.useMemo(() => ({
+    ...f,
+    update: M,
+    refs: $,
+    elements: F,
+    floatingStyles: D
+  }), [f, M, $, F, D]);
+}
+const Zi = (e) => {
+  function t(n) {
+    return {}.hasOwnProperty.call(n, "current");
+  }
+  return {
+    name: "arrow",
+    options: e,
+    fn(n) {
+      const {
+        element: r,
+        padding: i
+      } = typeof e == "function" ? e(n) : e;
+      return r && t(r) ? r.current != null ? gn({
+        element: r.current,
+        padding: i
+      }).fn(n) : {} : r ? gn({
+        element: r,
+        padding: i
+      }).fn(n) : {};
+    }
+  };
+}, Qi = (e, t) => ({
+  ...ji(e),
+  options: [e, t]
+}), Ji = (e, t) => ({
+  ...zi(e),
+  options: [e, t]
+}), es = (e, t) => ({
+  ...Yi(e),
+  options: [e, t]
+}), ts = (e, t) => ({
+  ...Hi(e),
+  options: [e, t]
+}), ns = (e, t) => ({
+  ...Vi(e),
+  options: [e, t]
+}), rs = (e, t) => ({
+  ...Ui(e),
+  options: [e, t]
+}), os = (e, t) => ({
+  ...Zi(e),
+  options: [e, t]
+});
+var is = "Arrow", tr = p.forwardRef((e, t) => {
+  const { children: n, width: r = 10, height: i = 5, ...o } = e;
+  return /* @__PURE__ */ w(
+    Q.svg,
+    {
+      ...o,
+      ref: t,
+      width: r,
+      height: i,
+      viewBox: "0 0 30 10",
+      preserveAspectRatio: "none",
+      children: e.asChild ? n : /* @__PURE__ */ w("polygon", { points: "0,0 30,0 15,10" })
+    }
+  );
+});
+tr.displayName = is;
+var ss = tr;
+function as(e) {
+  const [t, n] = p.useState(void 0);
+  return ne(() => {
+    if (e) {
+      n({ width: e.offsetWidth, height: e.offsetHeight });
+      const r = new ResizeObserver((i) => {
+        if (!Array.isArray(i) || !i.length)
+          return;
+        const o = i[0];
+        let s, a;
+        if ("borderBoxSize" in o) {
+          const u = o.borderBoxSize, c = Array.isArray(u) ? u[0] : u;
+          s = c.inlineSize, a = c.blockSize;
+        } else
+          s = e.offsetWidth, a = e.offsetHeight;
+        n({ width: s, height: a });
+      });
+      return r.observe(e, { box: "border-box" }), () => r.unobserve(e);
+    } else
+      n(void 0);
+  }, [e]), t;
+}
+var Dt = "Popper", [nr, rr] = $n(Dt), [cs, or] = nr(Dt), ir = (e) => {
+  const { __scopePopper: t, children: n } = e, [r, i] = p.useState(null);
+  return /* @__PURE__ */ w(cs, { scope: t, anchor: r, onAnchorChange: i, children: n });
+};
+ir.displayName = Dt;
+var sr = "PopperAnchor", ar = p.forwardRef(
+  (e, t) => {
+    const { __scopePopper: n, virtualRef: r, ...i } = e, o = or(sr, n), s = p.useRef(null), a = ie(t, s), u = p.useRef(null);
+    return p.useEffect(() => {
+      const c = u.current;
+      u.current = r?.current || s.current, c !== u.current && o.onAnchorChange(u.current);
+    }), r ? null : /* @__PURE__ */ w(Q.div, { ...i, ref: a });
+  }
+);
+ar.displayName = sr;
+var Lt = "PopperContent", [us, ls] = nr(Lt), cr = p.forwardRef(
+  (e, t) => {
+    const {
+      __scopePopper: n,
+      side: r = "bottom",
+      sideOffset: i = 0,
+      align: o = "center",
+      alignOffset: s = 0,
+      arrowPadding: a = 0,
+      avoidCollisions: u = !0,
+      collisionBoundary: c = [],
+      collisionPadding: f = 0,
+      sticky: l = "partial",
+      hideWhenDetached: h = !1,
+      updatePositionStrategy: v = "optimized",
+      onPlaced: g,
+      ...d
+    } = e, m = or(Lt, n), [y, x] = p.useState(null), S = ie(t, (Se) => x(Se)), [_, b] = p.useState(null), P = as(_), C = P?.width ?? 0, A = P?.height ?? 0, T = r + (o !== "center" ? "-" + o : ""), N = typeof f == "number" ? f : { top: 0, right: 0, bottom: 0, left: 0, ...f }, E = Array.isArray(c) ? c : [c], R = E.length > 0, M = {
+      padding: N,
+      boundary: E.filter(ps),
+      // with `strategy: 'fixed'`, this is the only way to get it to respect boundaries
+      altBoundary: R
+    }, { refs: k, floatingStyles: $, placement: F, isPositioned: D, middlewareData: O } = Gi({
+      // default to `fixed` strategy so users don't have to pick and we also avoid focus scroll issues
+      strategy: "fixed",
+      placement: T,
+      whileElementsMounted: (...Se) => Bi(...Se, {
+        animationFrame: v === "always"
+      }),
+      elements: {
+        reference: m.anchor
+      },
+      middleware: [
+        Qi({ mainAxis: i + A, alignmentAxis: s }),
+        u && Ji({
+          mainAxis: !0,
+          crossAxis: !1,
+          limiter: l === "partial" ? es() : void 0,
+          ...M
+        }),
+        u && ts({ ...M }),
+        ns({
+          ...M,
+          apply: ({ elements: Se, rects: Vt, availableWidth: Zr, availableHeight: Qr }) => {
+            const { width: Jr, height: eo } = Vt.reference, Fe = Se.floating.style;
+            Fe.setProperty("--radix-popper-available-width", `${Zr}px`), Fe.setProperty("--radix-popper-available-height", `${Qr}px`), Fe.setProperty("--radix-popper-anchor-width", `${Jr}px`), Fe.setProperty("--radix-popper-anchor-height", `${eo}px`);
+          }
+        }),
+        _ && os({ element: _, padding: a }),
+        ds({ arrowWidth: C, arrowHeight: A }),
+        h && rs({ strategy: "referenceHidden", ...M })
+      ]
+    }), [L, H] = fr(F), Ht = ye(g);
+    ne(() => {
+      D && Ht?.();
+    }, [D, Ht]);
+    const Yr = O.arrow?.x, Xr = O.arrow?.y, Kr = O.arrow?.centerOffset !== 0, [qr, Gr] = p.useState();
+    return ne(() => {
+      y && Gr(window.getComputedStyle(y).zIndex);
+    }, [y]), /* @__PURE__ */ w(
+      "div",
+      {
+        ref: k.setFloating,
+        "data-radix-popper-content-wrapper": "",
+        style: {
+          ...$,
+          transform: D ? $.transform : "translate(0, -200%)",
+          // keep off the page when measuring
+          minWidth: "max-content",
+          zIndex: qr,
+          "--radix-popper-transform-origin": [
+            O.transformOrigin?.x,
+            O.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
+          ...O.hide?.referenceHidden && {
+            visibility: "hidden",
+            pointerEvents: "none"
+          }
+        },
+        dir: e.dir,
+        children: /* @__PURE__ */ w(
+          us,
+          {
+            scope: n,
+            placedSide: L,
+            onArrowChange: b,
+            arrowX: Yr,
+            arrowY: Xr,
+            shouldHideArrow: Kr,
+            children: /* @__PURE__ */ w(
+              Q.div,
+              {
+                "data-side": L,
+                "data-align": H,
+                ...d,
+                ref: S,
+                style: {
+                  ...d.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: D ? void 0 : "none"
+                }
+              }
+            )
+          }
+        )
+      }
+    );
+  }
+);
+cr.displayName = Lt;
+var ur = "PopperArrow", fs = {
+  top: "bottom",
+  right: "left",
+  bottom: "top",
+  left: "right"
+}, lr = p.forwardRef(function(t, n) {
+  const { __scopePopper: r, ...i } = t, o = ls(ur, r), s = fs[o.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__ */ w(
+      "span",
+      {
+        ref: o.onArrowChange,
+        style: {
+          position: "absolute",
+          left: o.arrowX,
+          top: o.arrowY,
+          [s]: 0,
+          transformOrigin: {
+            top: "",
+            right: "0 0",
+            bottom: "center 0",
+            left: "100% 0"
+          }[o.placedSide],
+          transform: {
+            top: "translateY(100%)",
+            right: "translateY(50%) rotate(90deg) translateX(-50%)",
+            bottom: "rotate(180deg)",
+            left: "translateY(50%) rotate(-90deg) translateX(50%)"
+          }[o.placedSide],
+          visibility: o.shouldHideArrow ? "hidden" : void 0
+        },
+        children: /* @__PURE__ */ w(
+          ss,
+          {
+            ...i,
+            ref: n,
+            style: {
+              ...i.style,
+              // ensures the element can be measured correctly (mostly for if SVG)
+              display: "block"
+            }
+          }
+        )
+      }
+    )
+  );
+});
+lr.displayName = ur;
+function ps(e) {
+  return e !== null;
+}
+var ds = (e) => ({
+  name: "transformOrigin",
+  options: e,
+  fn(t) {
+    const { placement: n, rects: r, middlewareData: i } = t, s = i.arrow?.centerOffset !== 0, a = s ? 0 : e.arrowWidth, u = s ? 0 : e.arrowHeight, [c, f] = fr(n), l = { start: "0%", center: "50%", end: "100%" }[f], h = (i.arrow?.x ?? 0) + a / 2, v = (i.arrow?.y ?? 0) + u / 2;
+    let g = "", d = "";
+    return c === "bottom" ? (g = s ? l : `${h}px`, d = `${-u}px`) : c === "top" ? (g = s ? l : `${h}px`, d = `${r.floating.height + u}px`) : c === "right" ? (g = `${-u}px`, d = s ? l : `${v}px`) : c === "left" && (g = `${r.floating.width + u}px`, d = s ? l : `${v}px`), { data: { x: g, y: d } };
+  }
+});
+function fr(e) {
+  const [t, n = "center"] = e.split("-");
+  return [t, n];
+}
+var hs = ir, pr = ar, vs = cr, gs = lr, ms = "Portal", dr = p.forwardRef((e, t) => {
+  const { container: n, ...r } = e, [i, o] = p.useState(!1);
+  ne(() => o(!0), []);
+  const s = n || i && globalThis?.document?.body;
+  return s ? ro.createPortal(/* @__PURE__ */ w(Q.div, { ...r, ref: t }), s) : null;
+});
+dr.displayName = ms;
+function ys(e, t) {
+  return p.useReducer((n, r) => t[n][r] ?? n, e);
+}
+var $t = (e) => {
+  const { present: t, children: n } = e, r = _s(t), i = typeof n == "function" ? n({ present: r.isPresent }) : p.Children.only(n), o = ie(r.ref, ws(i));
+  return typeof n == "function" || r.isPresent ? p.cloneElement(i, { ref: o }) : null;
+};
+$t.displayName = "Presence";
+function _s(e) {
+  const [t, n] = p.useState(), r = p.useRef(null), i = p.useRef(e), o = p.useRef("none"), s = e ? "mounted" : "unmounted", [a, u] = ys(s, {
+    mounted: {
+      UNMOUNT: "unmounted",
+      ANIMATION_OUT: "unmountSuspended"
+    },
+    unmountSuspended: {
+      MOUNT: "mounted",
+      ANIMATION_END: "unmounted"
+    },
+    unmounted: {
+      MOUNT: "mounted"
+    }
+  });
+  return p.useEffect(() => {
+    const c = Le(r.current);
+    o.current = a === "mounted" ? c : "none";
+  }, [a]), ne(() => {
+    const c = r.current, f = i.current;
+    if (f !== e) {
+      const h = o.current, v = Le(c);
+      e ? u("MOUNT") : v === "none" || c?.display === "none" ? u("UNMOUNT") : u(f && h !== v ? "ANIMATION_OUT" : "UNMOUNT"), i.current = e;
+    }
+  }, [e, u]), ne(() => {
+    if (t) {
+      let c;
+      const f = t.ownerDocument.defaultView ?? window, l = (v) => {
+        const d = Le(r.current).includes(CSS.escape(v.animationName));
+        if (v.target === t && d && (u("ANIMATION_END"), !i.current)) {
+          const m = t.style.animationFillMode;
+          t.style.animationFillMode = "forwards", c = f.setTimeout(() => {
+            t.style.animationFillMode === "forwards" && (t.style.animationFillMode = m);
+          });
+        }
+      }, h = (v) => {
+        v.target === t && (o.current = Le(r.current));
+      };
+      return t.addEventListener("animationstart", h), t.addEventListener("animationcancel", l), t.addEventListener("animationend", l), () => {
+        f.clearTimeout(c), t.removeEventListener("animationstart", h), t.removeEventListener("animationcancel", l), t.removeEventListener("animationend", l);
+      };
+    } else
+      u("ANIMATION_END");
+  }, [t, u]), {
+    isPresent: ["mounted", "unmountSuspended"].includes(a),
+    ref: p.useCallback((c) => {
+      r.current = c ? getComputedStyle(c) : null, n(c);
+    }, [])
+  };
+}
+function Le(e) {
+  return e?.animationName || "none";
+}
+function ws(e) {
+  let t = Object.getOwnPropertyDescriptor(e.props, "ref")?.get, n = t && "isReactWarning" in t && t.isReactWarning;
+  return n ? e.ref : (t = Object.getOwnPropertyDescriptor(e, "ref")?.get, n = t && "isReactWarning" in t && t.isReactWarning, n ? e.props.ref : e.props.ref || e.ref);
+}
+var bs = p[" useInsertionEffect ".trim().toString()] || ne;
+function xs({
+  prop: e,
+  defaultProp: t,
+  onChange: n = () => {
+  },
+  caller: r
+}) {
+  const [i, o, s] = Ss({
+    defaultProp: t,
+    onChange: n
+  }), a = e !== void 0, u = a ? e : i;
+  {
+    const f = p.useRef(e !== void 0);
+    p.useEffect(() => {
+      const l = f.current;
+      l !== a && console.warn(
+        `${r} is changing from ${l ? "controlled" : "uncontrolled"} to ${a ? "controlled" : "uncontrolled"}. Components should not switch from controlled to uncontrolled (or vice versa). Decide between using a controlled or uncontrolled value for the lifetime of the component.`
+      ), f.current = a;
+    }, [a, r]);
+  }
+  const c = p.useCallback(
+    (f) => {
+      if (a) {
+        const l = Cs(f) ? f(e) : f;
+        l !== e && s.current?.(l);
+      } else
+        o(f);
+    },
+    [a, e, o, s]
+  );
+  return [u, c];
+}
+function Ss({
+  defaultProp: e,
+  onChange: t
+}) {
+  const [n, r] = p.useState(e), i = p.useRef(n), o = p.useRef(t);
+  return bs(() => {
+    o.current = t;
+  }, [t]), p.useEffect(() => {
+    i.current !== n && (o.current?.(n), i.current = n);
+  }, [n, i]), [n, r, o];
+}
+function Cs(e) {
+  return typeof e == "function";
+}
+var Ps = function(e) {
+  if (typeof document > "u")
+    return null;
+  var t = Array.isArray(e) ? e[0] : e;
+  return t.ownerDocument.body;
+}, le = /* @__PURE__ */ new WeakMap(), $e = /* @__PURE__ */ new WeakMap(), Ie = {}, ut = 0, hr = function(e) {
+  return e && (e.host || hr(e.parentNode));
+}, Es = function(e, t) {
+  return t.map(function(n) {
+    if (e.contains(n))
+      return n;
+    var r = hr(n);
+    return r && e.contains(r) ? r : (console.error("aria-hidden", n, "in not contained inside", e, ". Doing nothing"), null);
+  }).filter(function(n) {
+    return !!n;
+  });
+}, Os = function(e, t, n, r) {
+  var i = Es(t, Array.isArray(e) ? e : [e]);
+  Ie[n] || (Ie[n] = /* @__PURE__ */ new WeakMap());
+  var o = Ie[n], s = [], a = /* @__PURE__ */ new Set(), u = new Set(i), c = function(l) {
+    !l || a.has(l) || (a.add(l), c(l.parentNode));
+  };
+  i.forEach(c);
+  var f = function(l) {
+    !l || u.has(l) || Array.prototype.forEach.call(l.children, function(h) {
+      if (a.has(h))
+        f(h);
+      else
+        try {
+          var v = h.getAttribute(r), g = v !== null && v !== "false", d = (le.get(h) || 0) + 1, m = (o.get(h) || 0) + 1;
+          le.set(h, d), o.set(h, m), s.push(h), d === 1 && g && $e.set(h, !0), m === 1 && h.setAttribute(n, "true"), g || h.setAttribute(r, "true");
+        } catch (y) {
+          console.error("aria-hidden: cannot operate on ", h, y);
+        }
+    });
+  };
+  return f(t), a.clear(), ut++, function() {
+    s.forEach(function(l) {
+      var h = le.get(l) - 1, v = o.get(l) - 1;
+      le.set(l, h), o.set(l, v), h || ($e.has(l) || l.removeAttribute(r), $e.delete(l)), v || l.removeAttribute(n);
+    }), ut--, ut || (le = /* @__PURE__ */ new WeakMap(), le = /* @__PURE__ */ new WeakMap(), $e = /* @__PURE__ */ new WeakMap(), Ie = {});
+  };
+}, As = function(e, t, n) {
+  n === void 0 && (n = "data-aria-hidden");
+  var r = Array.from(Array.isArray(e) ? e : [e]), i = Ps(e);
+  return i ? (r.push.apply(r, Array.from(i.querySelectorAll("[aria-live], script"))), Os(r, i, n, "aria-hidden")) : function() {
+    return null;
+  };
+}, V = function() {
+  return V = Object.assign || function(t) {
+    for (var n, r = 1, i = arguments.length; r < i; r++) {
+      n = arguments[r];
+      for (var o in n) Object.prototype.hasOwnProperty.call(n, o) && (t[o] = n[o]);
+    }
+    return t;
+  }, V.apply(this, arguments);
+};
+function vr(e, t) {
+  var n = {};
+  for (var r in e) Object.prototype.hasOwnProperty.call(e, r) && t.indexOf(r) < 0 && (n[r] = e[r]);
+  if (e != null && typeof Object.getOwnPropertySymbols == "function")
+    for (var i = 0, r = Object.getOwnPropertySymbols(e); i < r.length; i++)
+      t.indexOf(r[i]) < 0 && Object.prototype.propertyIsEnumerable.call(e, r[i]) && (n[r[i]] = e[r[i]]);
+  return n;
+}
+function Rs(e, t, n) {
+  if (n || arguments.length === 2) for (var r = 0, i = t.length, o; r < i; r++)
+    (o || !(r in t)) && (o || (o = Array.prototype.slice.call(t, 0, r)), o[r] = t[r]);
+  return e.concat(o || Array.prototype.slice.call(t));
+}
+var Ve = "right-scroll-bar-position", Ue = "width-before-scroll-bar", Ns = "with-scroll-bars-hidden", Ts = "--removed-body-scroll-bar-size";
+function lt(e, t) {
+  return typeof e == "function" ? e(t) : e && (e.current = t), e;
+}
+function Ms(e, t) {
+  var n = ce(function() {
+    return {
+      // value
+      value: e,
+      // last callback
+      callback: t,
+      // "memoized" public interface
+      facade: {
+        get current() {
+          return n.value;
+        },
+        set current(r) {
+          var i = n.value;
+          i !== r && (n.value = r, n.callback(r, i));
+        }
+      }
+    };
+  })[0];
+  return n.callback = t, n.facade;
+}
+var ks = typeof window < "u" ? p.useLayoutEffect : p.useEffect, yn = /* @__PURE__ */ new WeakMap();
+function Fs(e, t) {
+  var n = Ms(null, function(r) {
+    return e.forEach(function(i) {
+      return lt(i, r);
+    });
+  });
+  return ks(function() {
+    var r = yn.get(n);
+    if (r) {
+      var i = new Set(r), o = new Set(e), s = n.current;
+      i.forEach(function(a) {
+        o.has(a) || lt(a, null);
+      }), o.forEach(function(a) {
+        i.has(a) || lt(a, s);
+      });
+    }
+    yn.set(n, e);
+  }, [e]), n;
+}
+function Ds(e) {
+  return e;
+}
+function Ls(e, t) {
+  t === void 0 && (t = Ds);
+  var n = [], r = !1, i = {
+    read: function() {
+      if (r)
+        throw new Error("Sidecar: could not `read` from an `assigned` medium. `read` could be used only with `useMedium`.");
+      return n.length ? n[n.length - 1] : e;
+    },
+    useMedium: function(o) {
+      var s = t(o, r);
+      return n.push(s), function() {
+        n = n.filter(function(a) {
+          return a !== s;
+        });
+      };
+    },
+    assignSyncMedium: function(o) {
+      for (r = !0; n.length; ) {
+        var s = n;
+        n = [], s.forEach(o);
+      }
+      n = {
+        push: function(a) {
+          return o(a);
+        },
+        filter: function() {
+          return n;
+        }
+      };
+    },
+    assignMedium: function(o) {
+      r = !0;
+      var s = [];
+      if (n.length) {
+        var a = n;
+        n = [], a.forEach(o), s = n;
+      }
+      var u = function() {
+        var f = s;
+        s = [], f.forEach(o);
+      }, c = function() {
+        return Promise.resolve().then(u);
+      };
+      c(), n = {
+        push: function(f) {
+          s.push(f), c();
+        },
+        filter: function(f) {
+          return s = s.filter(f), n;
+        }
+      };
+    }
+  };
+  return i;
+}
+function $s(e) {
+  e === void 0 && (e = {});
+  var t = Ls(null);
+  return t.options = V({ async: !0, ssr: !1 }, e), t;
+}
+var gr = function(e) {
+  var t = e.sideCar, n = vr(e, ["sideCar"]);
+  if (!t)
+    throw new Error("Sidecar: please provide `sideCar` property to import the right car");
+  var r = t.read();
+  if (!r)
+    throw new Error("Sidecar medium not found");
+  return p.createElement(r, V({}, n));
+};
+gr.isSideCarExport = !0;
+function Is(e, t) {
+  return e.useMedium(t), gr;
+}
+var mr = $s(), ft = function() {
+}, nt = p.forwardRef(function(e, t) {
+  var n = p.useRef(null), r = p.useState({
+    onScrollCapture: ft,
+    onWheelCapture: ft,
+    onTouchMoveCapture: ft
+  }), i = r[0], o = r[1], s = e.forwardProps, a = e.children, u = e.className, c = e.removeScrollBar, f = e.enabled, l = e.shards, h = e.sideCar, v = e.noRelative, g = e.noIsolation, d = e.inert, m = e.allowPinchZoom, y = e.as, x = y === void 0 ? "div" : y, S = e.gapMode, _ = vr(e, ["forwardProps", "children", "className", "removeScrollBar", "enabled", "shards", "sideCar", "noRelative", "noIsolation", "inert", "allowPinchZoom", "as", "gapMode"]), b = h, P = Fs([n, t]), C = V(V({}, _), i);
+  return p.createElement(
+    p.Fragment,
+    null,
+    f && p.createElement(b, { sideCar: mr, removeScrollBar: c, shards: l, noRelative: v, noIsolation: g, inert: d, setCallbacks: o, allowPinchZoom: !!m, lockRef: n, gapMode: S }),
+    s ? p.cloneElement(p.Children.only(a), V(V({}, C), { ref: P })) : p.createElement(x, V({}, C, { className: u, ref: P }), a)
+  );
+});
+nt.defaultProps = {
+  enabled: !0,
+  removeScrollBar: !0,
+  inert: !1
+};
+nt.classNames = {
+  fullWidth: Ue,
+  zeroRight: Ve
+};
+var Ws = function() {
+  if (typeof __webpack_nonce__ < "u")
+    return __webpack_nonce__;
+};
+function Bs() {
+  if (!document)
+    return null;
+  var e = document.createElement("style");
+  e.type = "text/css";
+  var t = Ws();
+  return t && e.setAttribute("nonce", t), e;
+}
+function js(e, t) {
+  e.styleSheet ? e.styleSheet.cssText = t : e.appendChild(document.createTextNode(t));
+}
+function zs(e) {
+  var t = document.head || document.getElementsByTagName("head")[0];
+  t.appendChild(e);
+}
+var Hs = function() {
+  var e = 0, t = null;
+  return {
+    add: function(n) {
+      e == 0 && (t = Bs()) && (js(t, n), zs(t)), e++;
+    },
+    remove: function() {
+      e--, !e && t && (t.parentNode && t.parentNode.removeChild(t), t = null);
+    }
+  };
+}, Vs = function() {
+  var e = Hs();
+  return function(t, n) {
+    p.useEffect(function() {
+      return e.add(t), function() {
+        e.remove();
+      };
+    }, [t && n]);
+  };
+}, yr = function() {
+  var e = Vs(), t = function(n) {
+    var r = n.styles, i = n.dynamic;
+    return e(r, i), null;
+  };
+  return t;
+}, Us = {
+  left: 0,
+  top: 0,
+  right: 0,
+  gap: 0
+}, pt = function(e) {
+  return parseInt(e || "", 10) || 0;
+}, Ys = function(e) {
+  var t = window.getComputedStyle(document.body), n = t[e === "padding" ? "paddingLeft" : "marginLeft"], r = t[e === "padding" ? "paddingTop" : "marginTop"], i = t[e === "padding" ? "paddingRight" : "marginRight"];
+  return [pt(n), pt(r), pt(i)];
+}, Xs = function(e) {
+  if (e === void 0 && (e = "margin"), typeof window > "u")
+    return Us;
+  var t = Ys(e), n = document.documentElement.clientWidth, r = window.innerWidth;
+  return {
+    left: t[0],
+    top: t[1],
+    right: t[2],
+    gap: Math.max(0, r - n + t[2] - t[0])
+  };
+}, Ks = yr(), ge = "data-scroll-locked", qs = function(e, t, n, r) {
+  var i = e.left, o = e.top, s = e.right, a = e.gap;
+  return n === void 0 && (n = "margin"), `
+  .`.concat(Ns, ` {
+   overflow: hidden `).concat(r, `;
+   padding-right: `).concat(a, "px ").concat(r, `;
+  }
+  body[`).concat(ge, `] {
+    overflow: hidden `).concat(r, `;
+    overscroll-behavior: contain;
+    `).concat([
+    t && "position: relative ".concat(r, ";"),
+    n === "margin" && `
+    padding-left: `.concat(i, `px;
+    padding-top: `).concat(o, `px;
+    padding-right: `).concat(s, `px;
+    margin-left:0;
+    margin-top:0;
+    margin-right: `).concat(a, "px ").concat(r, `;
+    `),
+    n === "padding" && "padding-right: ".concat(a, "px ").concat(r, ";")
+  ].filter(Boolean).join(""), `
+  }
+  
+  .`).concat(Ve, ` {
+    right: `).concat(a, "px ").concat(r, `;
+  }
+  
+  .`).concat(Ue, ` {
+    margin-right: `).concat(a, "px ").concat(r, `;
+  }
+  
+  .`).concat(Ve, " .").concat(Ve, ` {
+    right: 0 `).concat(r, `;
+  }
+  
+  .`).concat(Ue, " .").concat(Ue, ` {
+    margin-right: 0 `).concat(r, `;
+  }
+  
+  body[`).concat(ge, `] {
+    `).concat(Ts, ": ").concat(a, `px;
+  }
+`);
+}, _n = function() {
+  var e = parseInt(document.body.getAttribute(ge) || "0", 10);
+  return isFinite(e) ? e : 0;
+}, Gs = function() {
+  p.useEffect(function() {
+    return document.body.setAttribute(ge, (_n() + 1).toString()), function() {
+      var e = _n() - 1;
+      e <= 0 ? document.body.removeAttribute(ge) : document.body.setAttribute(ge, e.toString());
+    };
+  }, []);
+}, Zs = function(e) {
+  var t = e.noRelative, n = e.noImportant, r = e.gapMode, i = r === void 0 ? "margin" : r;
+  Gs();
+  var o = p.useMemo(function() {
+    return Xs(i);
+  }, [i]);
+  return p.createElement(Ks, { styles: qs(o, !t, i, n ? "" : "!important") });
+}, wt = !1;
+if (typeof window < "u")
+  try {
+    var We = Object.defineProperty({}, "passive", {
+      get: function() {
+        return wt = !0, !0;
+      }
+    });
+    window.addEventListener("test", We, We), window.removeEventListener("test", We, We);
+  } catch {
+    wt = !1;
+  }
+var fe = wt ? { passive: !1 } : !1, Qs = function(e) {
+  return e.tagName === "TEXTAREA";
+}, _r = function(e, t) {
+  if (!(e instanceof Element))
+    return !1;
+  var n = window.getComputedStyle(e);
+  return (
+    // not-not-scrollable
+    n[t] !== "hidden" && // contains scroll inside self
+    !(n.overflowY === n.overflowX && !Qs(e) && n[t] === "visible")
+  );
+}, Js = function(e) {
+  return _r(e, "overflowY");
+}, ea = function(e) {
+  return _r(e, "overflowX");
+}, wn = function(e, t) {
+  var n = t.ownerDocument, r = t;
+  do {
+    typeof ShadowRoot < "u" && r instanceof ShadowRoot && (r = r.host);
+    var i = wr(e, r);
+    if (i) {
+      var o = br(e, r), s = o[1], a = o[2];
+      if (s > a)
+        return !0;
+    }
+    r = r.parentNode;
+  } while (r && r !== n.body);
+  return !1;
+}, ta = function(e) {
+  var t = e.scrollTop, n = e.scrollHeight, r = e.clientHeight;
+  return [
+    t,
+    n,
+    r
+  ];
+}, na = function(e) {
+  var t = e.scrollLeft, n = e.scrollWidth, r = e.clientWidth;
+  return [
+    t,
+    n,
+    r
+  ];
+}, wr = function(e, t) {
+  return e === "v" ? Js(t) : ea(t);
+}, br = function(e, t) {
+  return e === "v" ? ta(t) : na(t);
+}, ra = function(e, t) {
+  return e === "h" && t === "rtl" ? -1 : 1;
+}, oa = function(e, t, n, r, i) {
+  var o = ra(e, window.getComputedStyle(t).direction), s = o * r, a = n.target, u = t.contains(a), c = !1, f = s > 0, l = 0, h = 0;
+  do {
+    if (!a)
+      break;
+    var v = br(e, a), g = v[0], d = v[1], m = v[2], y = d - m - o * g;
+    (g || y) && wr(e, a) && (l += y, h += g);
+    var x = a.parentNode;
+    a = x && x.nodeType === Node.DOCUMENT_FRAGMENT_NODE ? x.host : x;
+  } while (
+    // portaled content
+    !u && a !== document.body || // self content
+    u && (t.contains(a) || t === a)
+  );
+  return (f && Math.abs(l) < 1 || !f && Math.abs(h) < 1) && (c = !0), c;
+}, Be = function(e) {
+  return "changedTouches" in e ? [e.changedTouches[0].clientX, e.changedTouches[0].clientY] : [0, 0];
+}, bn = function(e) {
+  return [e.deltaX, e.deltaY];
+}, xn = function(e) {
+  return e && "current" in e ? e.current : e;
+}, ia = function(e, t) {
+  return e[0] === t[0] && e[1] === t[1];
+}, sa = function(e) {
+  return `
+  .block-interactivity-`.concat(e, ` {pointer-events: none;}
+  .allow-interactivity-`).concat(e, ` {pointer-events: all;}
+`);
+}, aa = 0, pe = [];
+function ca(e) {
+  var t = p.useRef([]), n = p.useRef([0, 0]), r = p.useRef(), i = p.useState(aa++)[0], o = p.useState(yr)[0], s = p.useRef(e);
+  p.useEffect(function() {
+    s.current = e;
+  }, [e]), p.useEffect(function() {
+    if (e.inert) {
+      document.body.classList.add("block-interactivity-".concat(i));
+      var d = Rs([e.lockRef.current], (e.shards || []).map(xn), !0).filter(Boolean);
+      return d.forEach(function(m) {
+        return m.classList.add("allow-interactivity-".concat(i));
+      }), function() {
+        document.body.classList.remove("block-interactivity-".concat(i)), d.forEach(function(m) {
+          return m.classList.remove("allow-interactivity-".concat(i));
+        });
+      };
+    }
+  }, [e.inert, e.lockRef.current, e.shards]);
+  var a = p.useCallback(function(d, m) {
+    if ("touches" in d && d.touches.length === 2 || d.type === "wheel" && d.ctrlKey)
+      return !s.current.allowPinchZoom;
+    var y = Be(d), x = n.current, S = "deltaX" in d ? d.deltaX : x[0] - y[0], _ = "deltaY" in d ? d.deltaY : x[1] - y[1], b, P = d.target, C = Math.abs(S) > Math.abs(_) ? "h" : "v";
+    if ("touches" in d && C === "h" && P.type === "range")
+      return !1;
+    var A = wn(C, P);
+    if (!A)
+      return !0;
+    if (A ? b = C : (b = C === "v" ? "h" : "v", A = wn(C, P)), !A)
+      return !1;
+    if (!r.current && "changedTouches" in d && (S || _) && (r.current = b), !b)
+      return !0;
+    var T = r.current || b;
+    return oa(T, m, d, T === "h" ? S : _);
+  }, []), u = p.useCallback(function(d) {
+    var m = d;
+    if (!(!pe.length || pe[pe.length - 1] !== o)) {
+      var y = "deltaY" in m ? bn(m) : Be(m), x = t.current.filter(function(b) {
+        return b.name === m.type && (b.target === m.target || m.target === b.shadowParent) && ia(b.delta, y);
+      })[0];
+      if (x && x.should) {
+        m.cancelable && m.preventDefault();
+        return;
+      }
+      if (!x) {
+        var S = (s.current.shards || []).map(xn).filter(Boolean).filter(function(b) {
+          return b.contains(m.target);
+        }), _ = S.length > 0 ? a(m, S[0]) : !s.current.noIsolation;
+        _ && m.cancelable && m.preventDefault();
+      }
+    }
+  }, []), c = p.useCallback(function(d, m, y, x) {
+    var S = { name: d, delta: m, target: y, should: x, shadowParent: ua(y) };
+    t.current.push(S), setTimeout(function() {
+      t.current = t.current.filter(function(_) {
+        return _ !== S;
+      });
+    }, 1);
+  }, []), f = p.useCallback(function(d) {
+    n.current = Be(d), r.current = void 0;
+  }, []), l = p.useCallback(function(d) {
+    c(d.type, bn(d), d.target, a(d, e.lockRef.current));
+  }, []), h = p.useCallback(function(d) {
+    c(d.type, Be(d), d.target, a(d, e.lockRef.current));
+  }, []);
+  p.useEffect(function() {
+    return pe.push(o), e.setCallbacks({
+      onScrollCapture: l,
+      onWheelCapture: l,
+      onTouchMoveCapture: h
+    }), document.addEventListener("wheel", u, fe), document.addEventListener("touchmove", u, fe), document.addEventListener("touchstart", f, fe), function() {
+      pe = pe.filter(function(d) {
+        return d !== o;
+      }), document.removeEventListener("wheel", u, fe), document.removeEventListener("touchmove", u, fe), document.removeEventListener("touchstart", f, fe);
+    };
+  }, []);
+  var v = e.removeScrollBar, g = e.inert;
+  return p.createElement(
+    p.Fragment,
+    null,
+    g ? p.createElement(o, { styles: sa(i) }) : null,
+    v ? p.createElement(Zs, { noRelative: e.noRelative, gapMode: e.gapMode }) : null
+  );
+}
+function ua(e) {
+  for (var t = null; e !== null; )
+    e instanceof ShadowRoot && (t = e.host, e = e.host), e = e.parentNode;
+  return t;
+}
+const la = Is(mr, ca);
+var xr = p.forwardRef(function(e, t) {
+  return p.createElement(nt, V({}, e, { ref: t, sideCar: la }));
+});
+xr.classNames = nt.classNames;
+var rt = "Popover", [Sr] = $n(rt, [
+  rr
+]), Te = rr(), [fa, se] = Sr(rt), Cr = (e) => {
+  const {
+    __scopePopover: t,
+    children: n,
+    open: r,
+    defaultOpen: i,
+    onOpenChange: o,
+    modal: s = !1
+  } = e, a = Te(t), u = p.useRef(null), [c, f] = p.useState(!1), [l, h] = xs({
+    prop: r,
+    defaultProp: i ?? !1,
+    onChange: o,
+    caller: rt
+  });
+  return /* @__PURE__ */ w(hs, { ...a, children: /* @__PURE__ */ w(
+    fa,
+    {
+      scope: t,
+      contentId: Ko(),
+      triggerRef: u,
+      open: l,
+      onOpenChange: h,
+      onOpenToggle: p.useCallback(() => h((v) => !v), [h]),
+      hasCustomAnchor: c,
+      onCustomAnchorAdd: p.useCallback(() => f(!0), []),
+      onCustomAnchorRemove: p.useCallback(() => f(!1), []),
+      modal: s,
+      children: n
+    }
+  ) });
+};
+Cr.displayName = rt;
+var Pr = "PopoverAnchor", pa = p.forwardRef(
+  (e, t) => {
+    const { __scopePopover: n, ...r } = e, i = se(Pr, n), o = Te(n), { onCustomAnchorAdd: s, onCustomAnchorRemove: a } = i;
+    return p.useEffect(() => (s(), () => a()), [s, a]), /* @__PURE__ */ w(pr, { ...o, ...r, ref: t });
+  }
+);
+pa.displayName = Pr;
+var Er = "PopoverTrigger", Or = p.forwardRef(
+  (e, t) => {
+    const { __scopePopover: n, ...r } = e, i = se(Er, n), o = Te(n), s = ie(t, i.triggerRef), a = /* @__PURE__ */ w(
+      Q.button,
+      {
+        type: "button",
+        "aria-haspopup": "dialog",
+        "aria-expanded": i.open,
+        "aria-controls": i.contentId,
+        "data-state": Fr(i.open),
+        ...r,
+        ref: s,
+        onClick: te(e.onClick, i.onOpenToggle)
+      }
+    );
+    return i.hasCustomAnchor ? a : /* @__PURE__ */ w(pr, { asChild: !0, ...o, children: a });
+  }
+);
+Or.displayName = Er;
+var It = "PopoverPortal", [da, ha] = Sr(It, {
+  forceMount: void 0
+}), Ar = (e) => {
+  const { __scopePopover: t, forceMount: n, children: r, container: i } = e, o = se(It, t);
+  return /* @__PURE__ */ w(da, { scope: t, forceMount: n, children: /* @__PURE__ */ w($t, { present: n || o.open, children: /* @__PURE__ */ w(dr, { asChild: !0, container: i, children: r }) }) });
+};
+Ar.displayName = It;
+var we = "PopoverContent", Rr = p.forwardRef(
+  (e, t) => {
+    const n = ha(we, e.__scopePopover), { forceMount: r = n.forceMount, ...i } = e, o = se(we, e.__scopePopover);
+    return /* @__PURE__ */ w($t, { present: r || o.open, children: o.modal ? /* @__PURE__ */ w(ga, { ...i, ref: t }) : /* @__PURE__ */ w(ma, { ...i, ref: t }) });
+  }
+);
+Rr.displayName = we;
+var va = /* @__PURE__ */ In("PopoverContent.RemoveScroll"), ga = p.forwardRef(
+  (e, t) => {
+    const n = se(we, e.__scopePopover), r = p.useRef(null), i = ie(t, r), o = p.useRef(!1);
+    return p.useEffect(() => {
+      const s = r.current;
+      if (s) return As(s);
+    }, []), /* @__PURE__ */ w(xr, { as: va, allowPinchZoom: !0, children: /* @__PURE__ */ w(
+      Nr,
+      {
+        ...e,
+        ref: i,
+        trapFocus: n.open,
+        disableOutsidePointerEvents: !0,
+        onCloseAutoFocus: te(e.onCloseAutoFocus, (s) => {
+          s.preventDefault(), o.current || n.triggerRef.current?.focus();
+        }),
+        onPointerDownOutside: te(
+          e.onPointerDownOutside,
+          (s) => {
+            const a = s.detail.originalEvent, u = a.button === 0 && a.ctrlKey === !0, c = a.button === 2 || u;
+            o.current = c;
+          },
+          { checkForDefaultPrevented: !1 }
+        ),
+        onFocusOutside: te(
+          e.onFocusOutside,
+          (s) => s.preventDefault(),
+          { checkForDefaultPrevented: !1 }
+        )
+      }
+    ) });
+  }
+), ma = p.forwardRef(
+  (e, t) => {
+    const n = se(we, e.__scopePopover), r = p.useRef(!1), i = p.useRef(!1);
+    return /* @__PURE__ */ w(
+      Nr,
+      {
+        ...e,
+        ref: t,
+        trapFocus: !1,
+        disableOutsidePointerEvents: !1,
+        onCloseAutoFocus: (o) => {
+          e.onCloseAutoFocus?.(o), o.defaultPrevented || (r.current || n.triggerRef.current?.focus(), o.preventDefault()), r.current = !1, i.current = !1;
+        },
+        onInteractOutside: (o) => {
+          e.onInteractOutside?.(o), o.defaultPrevented || (r.current = !0, o.detail.originalEvent.type === "pointerdown" && (i.current = !0));
+          const s = o.target;
+          n.triggerRef.current?.contains(s) && o.preventDefault(), o.detail.originalEvent.type === "focusin" && i.current && o.preventDefault();
+        }
+      }
+    );
+  }
+), Nr = p.forwardRef(
+  (e, t) => {
+    const {
+      __scopePopover: n,
+      trapFocus: r,
+      onOpenAutoFocus: i,
+      onCloseAutoFocus: o,
+      disableOutsidePointerEvents: s,
+      onEscapeKeyDown: a,
+      onPointerDownOutside: u,
+      onFocusOutside: c,
+      onInteractOutside: f,
+      ...l
+    } = e, h = se(we, n), v = Te(n);
+    return Io(), /* @__PURE__ */ w(
+      zn,
+      {
+        asChild: !0,
+        loop: !0,
+        trapped: r,
+        onMountAutoFocus: i,
+        onUnmountAutoFocus: o,
+        children: /* @__PURE__ */ w(
+          Bn,
+          {
+            asChild: !0,
+            disableOutsidePointerEvents: s,
+            onInteractOutside: f,
+            onEscapeKeyDown: a,
+            onPointerDownOutside: u,
+            onFocusOutside: c,
+            onDismiss: () => h.onOpenChange(!1),
+            children: /* @__PURE__ */ w(
+              vs,
+              {
+                "data-state": Fr(h.open),
+                role: "dialog",
+                id: h.contentId,
+                ...v,
+                ...l,
+                ref: t,
+                style: {
+                  ...l.style,
+                  "--radix-popover-content-transform-origin": "var(--radix-popper-transform-origin)",
+                  "--radix-popover-content-available-width": "var(--radix-popper-available-width)",
+                  "--radix-popover-content-available-height": "var(--radix-popper-available-height)",
+                  "--radix-popover-trigger-width": "var(--radix-popper-anchor-width)",
+                  "--radix-popover-trigger-height": "var(--radix-popper-anchor-height)"
+                }
+              }
+            )
+          }
+        )
+      }
+    );
+  }
+), Tr = "PopoverClose", Mr = p.forwardRef(
+  (e, t) => {
+    const { __scopePopover: n, ...r } = e, i = se(Tr, n);
+    return /* @__PURE__ */ w(
+      Q.button,
+      {
+        type: "button",
+        ...r,
+        ref: t,
+        onClick: te(e.onClick, () => i.onOpenChange(!1))
+      }
+    );
+  }
+);
+Mr.displayName = Tr;
+var ya = "PopoverArrow", kr = p.forwardRef(
+  (e, t) => {
+    const { __scopePopover: n, ...r } = e, i = Te(n);
+    return /* @__PURE__ */ w(gs, { ...i, ...r, ref: t });
+  }
+);
+kr.displayName = ya;
+function Fr(e) {
+  return e ? "open" : "closed";
+}
+var Dr = Cr, _a = Or, wa = Ar, ba = Rr, Lr = Mr, xa = kr;
+const Wt = ({
+  children: e,
+  asChild: t,
+  onClick: n,
+  variant: r = "primary",
+  dismiss: i = !0,
+  fullWidth: o
+}) => {
+  const s = Re(), { isMdOrSmaller: a } = Ot(), { negative: u } = Et(), h = t ? e : /* @__PURE__ */ w(
+    Ae,
+    {
+      variant: r,
+      size: "sm",
+      fullWidth: o ?? a,
+      negative: !u,
+      onClick: () => {
+        n?.(), i && s?.dismiss();
+      },
+      children: e
+    }
+  );
+  return i ? /* @__PURE__ */ w(Lr, { asChild: !0, children: h }) : h;
+};
+Wt.displayName = "PopoverButton";
+function Sa(e) {
+  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
+}
+var Sn = { exports: {} }, Cn;
+function Ca() {
+  return Cn || (Cn = 1, (function(e) {
+    (function() {
+      var t = {}.hasOwnProperty;
+      function n() {
+        for (var o = "", s = 0; s < arguments.length; s++) {
+          var a = arguments[s];
+          a && (o = i(o, r.call(this, a)));
+        }
+        return o;
+      }
+      function r(o) {
+        if (typeof o == "string" || typeof o == "number")
+          return this && this[o] || o;
+        if (typeof o != "object")
+          return "";
+        if (Array.isArray(o))
+          return n.apply(this, o);
+        if (o.toString !== Object.prototype.toString && !o.toString.toString().includes("[native code]"))
+          return o.toString();
+        var s = "";
+        for (var a in o)
+          t.call(o, a) && o[a] && (s = i(s, this && this[a] || a));
+        return s;
+      }
+      function i(o, s) {
+        return s ? o ? o + " " + s : o + s : o;
+      }
+      e.exports ? (n.default = n, e.exports = n) : window.classNames = n;
+    })();
+  })(Sn)), Sn.exports;
+}
+var Pa = Ca();
+const Ea = /* @__PURE__ */ Sa(Pa), Oa = {
+  "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"
+}, Aa = Ea.bind(Oa), Pn = "purpur-icon", Ra = "md", Na = (e) => e.filter((t) => Object.keys(t).length >= 1).map((t) => `${t.name}="${t.value}"`).join(" "), Ta = ({ 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" }
+  ], r = t ? `<title>${t}</title>` : "";
+  return `<svg ${Na(n)}>${r}${e}</svg>`;
+}, Ma = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), $r = ({ svg: e, allyTitle: t, className: n, size: r = Ra, ...i }) => {
+  const o = Ta({
+    content: Ma(e.svg),
+    title: t
+  }), s = Aa(Pn, `${Pn}--${r}`, n);
+  return /* @__PURE__ */ w("span", { className: s, dangerouslySetInnerHTML: { __html: o }, ...i });
+};
+$r.displayName = "Icon";
+const ka = {
+  name: "close",
+  svg: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M4.864 4.864a.9.9 0 0 1 1.273 0L12 10.727l5.864-5.863a.9.9 0 0 1 1.272 1.272L13.273 12l5.863 5.864a.9.9 0 1 1-1.272 1.272L12 13.273l-5.863 5.863a.9.9 0 0 1-1.273-1.272L10.727 12 4.864 6.136a.9.9 0 0 1 0-1.272Z" clip-rule="evenodd"/></svg>',
+  keywords: ["close"],
+  category: "utility"
+}, Ir = (e) => /* @__PURE__ */ w($r, { ...e, svg: ka });
+Ir.displayName = "IconClose";
+function Fa(e) {
+  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
+}
+var En = { exports: {} }, On;
+function Da() {
+  return On || (On = 1, (function(e) {
+    (function() {
+      var t = {}.hasOwnProperty;
+      function n() {
+        for (var o = "", s = 0; s < arguments.length; s++) {
+          var a = arguments[s];
+          a && (o = i(o, r.call(this, a)));
+        }
+        return o;
+      }
+      function r(o) {
+        if (typeof o == "string" || typeof o == "number")
+          return this && this[o] || o;
+        if (typeof o != "object")
+          return "";
+        if (Array.isArray(o))
+          return n.apply(this, o);
+        if (o.toString !== Object.prototype.toString && !o.toString.toString().includes("[native code]"))
+          return o.toString();
+        var s = "";
+        for (var a in o)
+          t.call(o, a) && o[a] && (s = i(s, this && this[a] || a));
+        return s;
+      }
+      function i(o, s) {
+        return s ? o ? o + " " + s : o + s : o;
+      }
+      e.exports ? (n.default = n, e.exports = n) : window.classNames = n;
+    })();
+  })(En)), En.exports;
+}
+var La = Da();
+const $a = /* @__PURE__ */ Fa(La), Ia = {
+  "purpur-paragraph": "_purpur-paragraph_1vz75_1",
+  "purpur-paragraph--disabled": "_purpur-paragraph--disabled_1vz75_7",
+  "purpur-paragraph--hyphens": "_purpur-paragraph--hyphens_1vz75_10",
+  "purpur-paragraph--negative": "_purpur-paragraph--negative_1vz75_13",
+  "purpur-paragraph--paragraph-100": "_purpur-paragraph--paragraph-100_1vz75_16",
+  "purpur-paragraph--paragraph-100-medium": "_purpur-paragraph--paragraph-100-medium_1vz75_22",
+  "purpur-paragraph--paragraph-100-bold": "_purpur-paragraph--paragraph-100-bold_1vz75_29",
+  "purpur-paragraph--paragraph-200": "_purpur-paragraph--paragraph-200_1vz75_36",
+  "purpur-paragraph--preamble-100": "_purpur-paragraph--preamble-100_1vz75_42",
+  "purpur-paragraph--preamble-200": "_purpur-paragraph--preamble-200_1vz75_48",
+  "purpur-paragraph--additional-100": "_purpur-paragraph--additional-100_1vz75_54",
+  "purpur-paragraph--additional-100-medium": "_purpur-paragraph--additional-100-medium_1vz75_60",
+  "purpur-paragraph--additional-100-bold": "_purpur-paragraph--additional-100-bold_1vz75_67",
+  "purpur-paragraph--overline-100": "_purpur-paragraph--overline-100_1vz75_74",
+  "purpur-paragraph--overline-200": "_purpur-paragraph--overline-200_1vz75_82"
+}, Wa = $a.bind(Ia), Ba = {
+  PARAGRAPH100: "paragraph-100"
+}, Pe = "purpur-paragraph", Bt = ({
+  children: e,
+  className: t,
+  disabled: n,
+  enableHyphenation: r = !1,
+  negative: i = !1,
+  variant: o = Ba.PARAGRAPH100,
+  ...s
+}) => {
+  const a = Wa(t, Pe, `${Pe}--${o}`, {
+    [`${Pe}--hyphens`]: r,
+    [`${Pe}--disabled`]: n,
+    [`${Pe}--negative`]: i
+  });
+  return /* @__PURE__ */ w("p", { ...s, className: a, children: e });
+};
+Bt.displayName = "Paragraph";
+function ja(e) {
+  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
+}
+var dt = { exports: {} };
+var An;
+function za() {
+  return An || (An = 1, (function(e) {
+    (function() {
+      var t = {}.hasOwnProperty;
+      function n() {
+        for (var o = "", s = 0; s < arguments.length; s++) {
+          var a = arguments[s];
+          a && (o = i(o, r.call(this, a)));
+        }
+        return o;
+      }
+      function r(o) {
+        if (typeof o == "string" || typeof o == "number")
+          return this && this[o] || o;
+        if (typeof o != "object")
+          return "";
+        if (Array.isArray(o))
+          return n.apply(this, o);
+        if (o.toString !== Object.prototype.toString && !o.toString.toString().includes("[native code]"))
+          return o.toString();
+        var s = "";
+        for (var a in o)
+          t.call(o, a) && o[a] && (s = i(s, this && this[a] || a));
+        return s;
+      }
+      function i(o, s) {
+        return s ? o ? o + " " + s : o + s : o;
+      }
+      e.exports ? (n.default = n, e.exports = n) : window.classNames = n;
+    })();
+  })(dt)), dt.exports;
+}
+var Ha = za();
+const Me = /* @__PURE__ */ ja(Ha), Va = "_highlightState1_10ko3_1", Ua = "_fadeIn_10ko3_1", Ya = "_slideFromTop_10ko3_1", Xa = "_slideFromBottom_10ko3_1", Ka = "_slideFromLeft_10ko3_1", qa = "_slideFromRight_10ko3_1", Ga = "_fadeOut_10ko3_1", Za = "_slideToTop_10ko3_1", Qa = "_slideToBottom_10ko3_1", Ja = "_slideToLeft_10ko3_1", ec = "_slideToRight_10ko3_1", ke = {
+  "purpur-popover__trigger": "_purpur-popover__trigger_10ko3_1",
+  "purpur-popover__trigger-highlight": "_purpur-popover__trigger-highlight_10ko3_5",
+  "purpur-popover__trigger-highlight--state1": "_purpur-popover__trigger-highlight--state1_10ko3_14",
+  highlightState1: Va,
+  "purpur-popover__trigger-highlight--negative": "_purpur-popover__trigger-highlight--negative_10ko3_29",
+  "purpur-popover__trigger-highlight--state2": "_purpur-popover__trigger-highlight--state2_10ko3_33",
+  "purpur-popover__inner": "_purpur-popover__inner_10ko3_45",
+  "purpur-popover__content": "_purpur-popover__content_10ko3_52",
+  fadeIn: Ua,
+  slideFromTop: Ya,
+  slideFromBottom: Xa,
+  slideFromLeft: Ka,
+  slideFromRight: qa,
+  fadeOut: Ga,
+  slideToTop: Za,
+  slideToBottom: Qa,
+  slideToLeft: Ja,
+  slideToRight: ec,
+  "purpur-popover__arrow": "_purpur-popover__arrow_10ko3_103",
+  "purpur-popover__body": "_purpur-popover__body_10ko3_106",
+  "purpur-popover__icon": "_purpur-popover__icon_10ko3_107",
+  "purpur-popover__steps": "_purpur-popover__steps_10ko3_108",
+  "purpur-popover__title": "_purpur-popover__title_10ko3_109",
+  "purpur-popover__content--negative": "_purpur-popover__content--negative_10ko3_112",
+  "purpur-popover__header-content": "_purpur-popover__header-content_10ko3_124",
+  "purpur-popover__close": "_purpur-popover__close_10ko3_137",
+  "purpur-popover__footer": "_purpur-popover__footer_10ko3_142",
+  "purpur-popover__footer-button-group": "_purpur-popover__footer-button-group_10ko3_155"
+}, tc = Me.bind(ke), Wr = () => {
+  const e = St(), n = Pt()?.walkthroughStep || e.currentStep, { totalSteps: r, separatorText: i, stepText: o } = e;
+  return /* @__PURE__ */ w(Mn, { children: /* @__PURE__ */ U(
+    Bt,
+    {
+      className: tc("purpur-popover__steps"),
+      role: "status",
+      "aria-live": "polite",
+      "aria-atomic": "true",
+      children: [
+        o,
+        " ",
+        n,
+        " ",
+        i,
+        " ",
+        r
+      ]
+    }
+  ) });
+};
+Wr.displayName = "PopoverSteps";
+const Rn = Me.bind(ke), jt = ({ children: e, className: t }) => {
+  const n = Re();
+  return /* @__PURE__ */ U("div", { className: Rn("purpur-popover__footer", t), children: [
+    n && /* @__PURE__ */ w(Wr, {}),
+    /* @__PURE__ */ w("div", { className: Rn("purpur-popover__footer-button-group"), children: e })
+  ] });
+};
+jt.displayName = "PopoverFooter";
+function nc(e) {
+  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
+}
+var Nn = { exports: {} }, Tn;
+function rc() {
+  return Tn || (Tn = 1, (function(e) {
+    (function() {
+      var t = {}.hasOwnProperty;
+      function n() {
+        for (var o = "", s = 0; s < arguments.length; s++) {
+          var a = arguments[s];
+          a && (o = i(o, r(a)));
+        }
+        return o;
+      }
+      function r(o) {
+        if (typeof o == "string" || typeof o == "number")
+          return o;
+        if (typeof o != "object")
+          return "";
+        if (Array.isArray(o))
+          return n.apply(null, o);
+        if (o.toString !== Object.prototype.toString && !o.toString.toString().includes("[native code]"))
+          return o.toString();
+        var s = "";
+        for (var a in o)
+          t.call(o, a) && o[a] && (s = i(s, a));
+        return s;
+      }
+      function i(o, s) {
+        return s ? o ? o + " " + s : o + s : o;
+      }
+      e.exports ? (n.default = n, e.exports = n) : window.classNames = n;
+    })();
+  })(Nn)), Nn.exports;
+}
+var oc = rc();
+const ic = /* @__PURE__ */ nc(oc), je = {
+  "purpur-heading": "_purpur-heading_vo751_1",
+  "purpur-heading--hyphens": "_purpur-heading--hyphens_vo751_8",
+  "purpur-heading--negative": "_purpur-heading--negative_vo751_11",
+  "purpur-heading--subsection-100": "_purpur-heading--subsection-100_vo751_14",
+  "purpur-heading--title-100": "_purpur-heading--title-100_vo751_20",
+  "purpur-heading--title-200": "_purpur-heading--title-200_vo751_26",
+  "purpur-heading--title-300": "_purpur-heading--title-300_vo751_32",
+  "purpur-heading--title-400": "_purpur-heading--title-400_vo751_38",
+  "purpur-heading--title-500": "_purpur-heading--title-500_vo751_44",
+  "purpur-heading--title-600": "_purpur-heading--title-600_vo751_50",
+  "purpur-heading--title-700": "_purpur-heading--title-700_vo751_56",
+  "purpur-heading--display-5": "_purpur-heading--display-5_vo751_62",
+  "purpur-heading--display-10": "_purpur-heading--display-10_vo751_68",
+  "purpur-heading--display-15": "_purpur-heading--display-15_vo751_74",
+  "purpur-heading--display-20": "_purpur-heading--display-20_vo751_80",
+  "purpur-heading--display-25": "_purpur-heading--display-25_vo751_86",
+  "purpur-heading--display-50": "_purpur-heading--display-50_vo751_92",
+  "purpur-heading--display-100": "_purpur-heading--display-100_vo751_98",
+  "purpur-heading--display-200": "_purpur-heading--display-200_vo751_104"
+}, sc = {
+  TITLE100: "title-100"
+}, ze = "purpur-heading", Br = ({
+  children: e,
+  className: t = "",
+  enableHyphenation: n = !1,
+  negative: r = !1,
+  tag: i,
+  variant: o = sc.TITLE100,
+  ...s
+}) => {
+  const a = i, u = ic([
+    t,
+    je[ze],
+    je[`${ze}--${o}`],
+    {
+      [je[`${ze}--hyphens`]]: n,
+      [je[`${ze}--negative`]]: r
+    }
+  ]);
+  return /* @__PURE__ */ w(a, { className: u, ...s, children: e });
+};
+Br.displayName = "Heading";
+const ht = Me.bind(ke), jr = Ge(
+  ({ title: e, icon: t }, n) => /* @__PURE__ */ U("div", { ref: n, className: ht("purpur-popover__header-content"), children: [
+    t && /* @__PURE__ */ w("span", { className: ht("purpur-popover__icon"), children: t }),
+    /* @__PURE__ */ w(
+      Br,
+      {
+        tag: "h2",
+        variant: "title-100",
+        className: ht("purpur-popover__title"),
+        id: "popover-heading",
+        children: e
+      }
+    )
+  ] })
+);
+jr.displayName = "PopoverHeader";
+const zt = ({
+  children: e,
+  onClick: t
+}) => {
+  const { next: n } = St(), { negative: r } = Et(), { isMdOrSmaller: i } = Ot();
+  return /* @__PURE__ */ w(
+    Ae,
+    {
+      size: "sm",
+      variant: "primary",
+      onClick: () => {
+        t?.(), n();
+      },
+      negative: !r,
+      fullWidth: i,
+      children: e
+    }
+  );
+};
+zt.displayName = "PopoverNext";
+const de = Me.bind(ke), zr = Ge(
+  ({
+    children: e,
+    className: t,
+    beakPosition: n = "down",
+    align: r = "center",
+    alignOffset: i = 0,
+    sideOffset: o = 5,
+    // How close or far the popover is from the trigger
+    negative: s = !1,
+    closeIconAriaLabel: a,
+    title: u,
+    icon: c,
+    body: f,
+    onAction: l,
+    zIndex: h = 210,
+    ...v
+  }, g) => {
+    const d = Re(), m = Pt(), y = me(null), S = {
+      up: "bottom",
+      right: "left",
+      down: "top",
+      left: "right",
+      none: "bottom"
+      // Default position when no arrow
+    }[n], _ = n !== "none";
+    let b = e;
+    if (d && !e) {
+      const E = m?.walkthroughStep || d.currentStep, R = E === 1, M = E === d.totalSteps;
+      b = /* @__PURE__ */ U(jt, { children: [
+        !R && /* @__PURE__ */ w(At, { onClick: () => l?.({ type: "back", step: E }), children: d.backLabel }),
+        M ? /* @__PURE__ */ w(
+          Wt,
+          {
+            onClick: () => l?.({ type: "finish", step: E }),
+            dismiss: !0,
+            children: d.finishLabel
+          }
+        ) : /* @__PURE__ */ w(zt, { onClick: () => l?.({ type: "next", step: E }), children: d.nextLabel })
+      ] });
+    }
+    const P = (E) => {
+      if (E.preventDefault(), d) {
+        const R = E.currentTarget;
+        setTimeout(() => {
+          R.setAttribute("tabindex", "-1"), R.focus();
+        }, 0);
+      }
+      v.onOpenAutoFocus?.(E);
+    }, C = (E) => {
+      d && E.preventDefault(), v.onCloseAutoFocus?.(E);
+    }, A = (E) => {
+      const R = window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+      d && !R ? (E.preventDefault(), setTimeout(() => {
+        l?.({ type: "dismiss", step: d.currentStep }), d.dismiss();
+      }, 200)) : (l?.({ type: "dismiss", step: d?.currentStep }), d?.dismiss());
+    }, T = (E) => {
+      const R = window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+      d && !R ? (E.preventDefault(), setTimeout(() => {
+        l?.({ type: "dismiss", step: d.currentStep }), d.dismiss();
+      }, 200)) : (l?.({ type: "dismiss", step: d?.currentStep }), d?.dismiss());
+    }, N = (E) => {
+      if (m?.disableClickOutside) {
+        E.preventDefault();
+        return;
+      }
+      if (d) {
+        const R = E.target;
+        R.closest("[role='dialog']") || R.closest(".purpur-popover__trigger") || R.closest("button[aria-haspopup='dialog']") || (l?.({ type: "dismiss", step: d.currentStep }), setTimeout(() => {
+          d.dismiss();
+        }, 0));
+      }
+    };
+    return /* @__PURE__ */ w(wa, { children: /* @__PURE__ */ U(
+      ba,
+      {
+        "data-testid": "popover-content",
+        role: "dialog",
+        "aria-modal": "true",
+        "aria-labelledby": v["aria-label"] ? void 0 : "popover-heading",
+        ref: g,
+        side: S,
+        sideOffset: o,
+        align: r,
+        alignOffset: i,
+        style: {
+          "--popover-z-index": h
+        },
+        className: de(
+          "purpur-popover__content",
+          { "purpur-popover__content--negative": s },
+          t
+        ),
+        onOpenAutoFocus: P,
+        onCloseAutoFocus: C,
+        onEscapeKeyDown: T,
+        onInteractOutside: N,
+        ...v,
+        children: [
+          /* @__PURE__ */ U(Dn.Provider, { value: { negative: s }, children: [
+            /* @__PURE__ */ U("div", { className: de("purpur-popover__inner"), children: [
+              /* @__PURE__ */ w(jr, { ref: y, title: u, icon: c }),
+              /* @__PURE__ */ w(Bt, { className: de("purpur-popover__body"), children: f })
+            ] }),
+            b,
+            /* @__PURE__ */ w(Lr, { asChild: !0, onClick: A, children: /* @__PURE__ */ w(
+              Ae,
+              {
+                variant: s ? "text" : "tertiary-purple",
+                size: "sm",
+                "aria-label": a,
+                className: de("purpur-popover__close"),
+                negative: !s,
+                iconOnly: !0,
+                children: /* @__PURE__ */ w(Ir, { size: "xs", className: de("purpur-popover__icon") })
+              }
+            ) })
+          ] }),
+          _ && /* @__PURE__ */ w(
+            xa,
+            {
+              className: de("purpur-popover__arrow"),
+              "aria-hidden": "true",
+              tabIndex: -1
+            }
+          )
+        ]
+      }
+    ) });
+  }
+);
+zr.displayName = "PopoverContent";
+const Hr = ({
+  children: e,
+  open: t,
+  defaultOpen: n = !1,
+  onOpenChange: r,
+  disableClickOutside: i,
+  ...o
+}) => {
+  const [s, a] = ce(n), u = t !== void 0, c = u ? t : s;
+  return /* @__PURE__ */ w(Dr, { open: c, onOpenChange: (l) => {
+    u || a(l), r?.(l);
+  }, ...o, children: /* @__PURE__ */ w(
+    Ct.Provider,
+    {
+      value: {
+        isOpen: c,
+        walkthroughStep: 0,
+        disableClickOutside: i
+      },
+      children: e
+    }
+  ) });
+};
+Hr.displayName = "PopoverStandalone";
+const ac = (e) => {
+  const t = me(null), n = B(() => {
+    t.current && (cancelAnimationFrame(t.current), t.current = null);
+  }, []);
+  return { scrollToElement: B(
+    (i, o = 600) => {
+      const s = window.matchMedia("(prefers-reduced-motion: reduce)").matches, a = i.getBoundingClientRect(), u = a.top + window.pageYOffset, c = a.height, f = window.innerHeight;
+      let l = u - f / 2 + c / 2;
+      const h = document.documentElement.scrollHeight, v = Math.max(0, h - f);
+      if (l = Math.max(0, Math.min(l, v)), s) {
+        window.scrollTo(0, l), e?.();
+        return;
+      }
+      const g = window.pageYOffset, d = l - g, m = performance.now(), y = (x) => {
+        const S = x - m, _ = Math.min(S / o, 1), b = _ < 0.5 ? 2 * _ * _ : 1 - Math.pow(-2 * _ + 2, 2) / 2, P = g + d * b;
+        window.scrollTo(0, P), _ < 1 ? t.current = requestAnimationFrame(y) : (t.current = null, e?.());
+      };
+      n(), t.current = requestAnimationFrame(y);
+    },
+    [e, n]
+  ), cancelScroll: n };
+};
+function cc(e) {
+  const t = me(null), n = Pt(), r = Re(), i = me(!1), { scrollToElement: o, cancelScroll: s } = ac(n?.onScrollComplete);
+  return he(() => {
+    typeof e == "function" ? e(t.current) : e && (e.current = t.current);
+  }, [e]), he(() => {
+    if (r && n?.walkthroughStep !== void 0 && r.currentStep === n.walkthroughStep && t.current && !i.current) {
+      const u = t.current, c = u.getBoundingClientRect(), f = 100;
+      c.top >= -f && c.bottom <= window.innerHeight + f && c.left >= -f && c.right <= window.innerWidth + f ? n?.onScrollComplete?.() : (n?.onScrollStart?.(), o(u)), i.current = !0;
+    } else r?.currentStep !== n?.walkthroughStep && (i.current = !1, s());
+  }, [r?.currentStep, n?.walkthroughStep, r, o, s, n]), he(() => s, [s]), { triggerRef: t, context: n };
+}
+const vt = Me.bind(ke), Vr = Ge(
+  ({ children: e, className: t, highlight: n = !0, negative: r = !1, ...i }, o) => {
+    const { triggerRef: s, context: a } = cc(o);
+    return /* @__PURE__ */ U(
+      "div",
+      {
+        className: vt(
+          "purpur-popover__trigger",
+          { "purpur-popover__trigger--highlight": a?.isOpen && n },
+          t
+        ),
+        children: [
+          a?.isOpen && n && /* @__PURE__ */ U(Mn, { children: [
+            /* @__PURE__ */ w(
+              "div",
+              {
+                className: vt(
+                  "purpur-popover__trigger-highlight",
+                  "purpur-popover__trigger-highlight--state1",
+                  { "purpur-popover__trigger-highlight--negative": r }
+                ),
+                "aria-hidden": "true"
+              }
+            ),
+            /* @__PURE__ */ w(
+              "div",
+              {
+                className: vt(
+                  "purpur-popover__trigger-highlight",
+                  "purpur-popover__trigger-highlight--state2",
+                  { "purpur-popover__trigger-highlight--negative": r }
+                ),
+                "aria-hidden": "true"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ w(
+            _a,
+            {
+              ref: s,
+              asChild: !0,
+              "aria-expanded": a?.isOpen ?? !1,
+              "aria-haspopup": "dialog",
+              ...i,
+              children: e
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+Vr.displayName = "PopoverTrigger";
+function uc(e) {
+  const t = Re(), [n, r] = ce(!1), [i, o] = ce(!1), s = me(null), a = me(0);
+  he(() => t ? (t.registerStep(e), () => t.unregisterStep(e)) : () => {
+  }, [t, e]);
+  const u = t?.currentStep === e, c = B(() => {
+    o(!0);
+  }, []), f = B(() => {
+    if (o(!1), u) {
+      const h = t.openDelay;
+      s.current = window.setTimeout(() => {
+        r(!0), a.current = Date.now();
+      }, h);
+    }
+  }, [u, t]);
+  he(() => {
+    if (s.current && (clearTimeout(s.current), s.current = null), u) {
+      if (!i) {
+        const h = t.openDelay;
+        s.current = window.setTimeout(() => {
+          r(!0), a.current = Date.now();
+        }, h);
+      }
+    } else
+      r(!1), o(!1), a.current = 0;
+    return () => {
+      s.current && (clearTimeout(s.current), s.current = null);
+    };
+  }, [u, i, t]);
+  const l = B(
+    (h, v) => {
+      if (v?.(h), !h && n && t && t.currentStep === e) {
+        if (Date.now() - a.current < 10 || s.current !== null)
+          return;
+        t.dismiss();
+      }
+    },
+    [n, t, e]
+  );
+  return {
+    actuallyOpen: n,
+    onScrollStart: c,
+    onScrollComplete: f,
+    handleOpenChange: l
+  };
+}
+const Ur = ({
+  children: e,
+  step: t,
+  onOpenChange: n,
+  disableClickOutside: r = !0,
+  ...i
+}) => {
+  const { actuallyOpen: o, onScrollStart: s, onScrollComplete: a, handleOpenChange: u } = uc(t);
+  return /* @__PURE__ */ w(
+    Dr,
+    {
+      open: o,
+      onOpenChange: (c) => u(c, n),
+      ...i,
+      children: /* @__PURE__ */ w(
+        Ct.Provider,
+        {
+          value: {
+            isOpen: o,
+            walkthroughStep: t,
+            onScrollStart: s,
+            onScrollComplete: a,
+            disableClickOutside: r
+          },
+          children: e
+        }
+      )
+    }
+  );
+};
+Ur.displayName = "PopoverWalkthrough";
+const ae = (e) => {
+  const { multistep: t = !1, disableClickOutside: n, ...r } = e;
+  return t ? /* @__PURE__ */ w(
+    Ur,
+    {
+      ...r,
+      disableClickOutside: n ?? !0
+    }
+  ) : /* @__PURE__ */ w(
+    Hr,
+    {
+      ...r,
+      disableClickOutside: n
+    }
+  );
+};
+ae.Back = At;
+ae.Button = Wt;
+ae.Content = zr;
+ae.Flow = _o;
+ae.Footer = jt;
+ae.Next = zt;
+ae.Trigger = Vr;
+ae.displayName = "Popover";
+export {
+  ae as Popover
+};
+//# sourceMappingURL=popover.es.js.map