highsoft-ui 1.0.1 → 1.0.3

package/dist/components/PrefPanel/index.js

@@ -0,0 +1,3002 @@
+import { jsx as C, jsxs as J, Fragment as qn } from "react/jsx-runtime";
+import { z as Gn } from "../../index-CMegByeX.js";
+import * as a from "react";
+import { useState as Qn, useLayoutEffect as Jn, useEffect as er } from "react";
+import { _ as xe } from "../../extends-hS2Bh-Yp.js";
+import { c as tr } from "../../clsx-OuTLNxxd.js";
+import { Button as nr } from "../Button/index.js";
+import { r as rr } from "../../index-CWDYlYn8.js";
+function or(e) {
+  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
+}
+var ir = function(t) {
+  return /* @__PURE__ */ C("svg", xe({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24,
+    fill: "none",
+    viewBox: "0 0 24 24"
+  }, t, {
+    children: /* @__PURE__ */ C("path", {
+      stroke: "currentColor",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      strokeWidth: 2,
+      d: "M20 6 9 17l-5-5"
+    })
+  }));
+}, sr = function(t) {
+  return /* @__PURE__ */ C("svg", xe({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24,
+    fill: "none",
+    viewBox: "0 0 24 24"
+  }, t, {
+    children: /* @__PURE__ */ C("path", {
+      stroke: "currentColor",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      strokeWidth: 2,
+      d: "M15 17v4H9v-4m-3.8 0h13.6c1.1201 0 1.6802 0 2.108-.218a2 2 0 0 0 .874-.874C22 15.4802 22 14.9201 22 13.8V6.2c0-1.1201 0-1.6802-.218-2.108a2 2 0 0 0-.874-.874C20.4802 3 19.9201 3 18.8 3H5.2c-1.1201 0-1.6802 0-2.108.218a2 2 0 0 0-.874.874C2 4.5198 2 5.08 2 6.2v7.6c0 1.1201 0 1.6802.218 2.108.1917.3763.4977.6823.874.874C3.5198 17 4.08 17 5.2 17"
+    })
+  }));
+}, cr = function(t) {
+  return /* @__PURE__ */ C("svg", xe({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24,
+    fill: "none",
+    viewBox: "0 0 24 24"
+  }, t, {
+    children: /* @__PURE__ */ C("path", {
+      stroke: "currentColor",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      strokeWidth: 2,
+      d: "M21.9548 12.9564c-1.3769 2.4153-3.9757 4.0437-6.9548 4.0437-4.4183 0-8-3.5817-8-8 0-2.9794 1.6287-5.5783 4.0443-6.9552C5.9698 2.5261 2 6.7994 2 11.9998c0 5.5229 4.4772 10 10 10 5.2002 0 9.4733-3.9693 9.9548-9.0434"
+    })
+  }));
+}, ar = function(t) {
+  return /* @__PURE__ */ C("svg", xe({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24,
+    fill: "none",
+    viewBox: "0 0 24 24"
+  }, t, {
+    children: /* @__PURE__ */ C("path", {
+      stroke: "currentColor",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      strokeWidth: 2,
+      d: "M3 8h12m0 0c0 1.6569 1.3431 3 3 3s3-1.3431 3-3-1.3431-3-3-3-3 1.3431-3 3m-6 8h12M9 16c0 1.6569-1.3431 3-3 3s-3-1.3431-3-3 1.3431-3 3-3 3 1.3431 3 3"
+    })
+  }));
+}, lr = function(t) {
+  return /* @__PURE__ */ C("svg", xe({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24,
+    fill: "none",
+    viewBox: "0 0 24 24"
+  }, t, {
+    children: /* @__PURE__ */ C("path", {
+      stroke: "currentColor",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      strokeWidth: 2,
+      d: "M12 2v2m0 16v2M4 12H2m4.3141-5.6859L4.9 4.9m12.786 1.4142L19.1001 4.9M6.3141 17.69 4.9 19.1042M17.686 17.69l1.4142 1.4142M22 12h-2m-3 0c0 2.7614-2.2386 5-5 5s-5-2.2386-5-5 2.2386-5 5-5 5 2.2386 5 5"
+    })
+  }));
+}, ot = rr();
+const ur = /* @__PURE__ */ or(ot);
+function Ct(e, t) {
+  if (typeof e == "function")
+    return e(t);
+  e != null && (e.current = t);
+}
+function fr(...e) {
+  return (t) => {
+    let n = !1;
+    const r = e.map((o) => {
+      const i = Ct(o, t);
+      return !n && typeof i == "function" && (n = !0), i;
+    });
+    if (n)
+      return () => {
+        for (let o = 0; o < r.length; o++) {
+          const i = r[o];
+          typeof i == "function" ? i() : Ct(e[o], null);
+        }
+      };
+  };
+}
+function q(...e) {
+  return a.useCallback(fr(...e), e);
+}
+// @__NO_SIDE_EFFECTS__
+function Ut(e) {
+  const t = /* @__PURE__ */ dr(e), n = a.forwardRef((r, o) => {
+    const { children: i, ...c } = r, s = a.Children.toArray(i), u = s.find(pr);
+    if (u) {
+      const l = u.props.children, f = s.map((d) => d === u ? a.Children.count(l) > 1 ? a.Children.only(null) : a.isValidElement(l) ? l.props.children : null : d);
+      return /* @__PURE__ */ C(t, { ...c, ref: o, children: a.isValidElement(l) ? a.cloneElement(l, void 0, f) : null });
+    }
+    return /* @__PURE__ */ C(t, { ...c, ref: o, children: i });
+  });
+  return n.displayName = `${e}.Slot`, n;
+}
+// @__NO_SIDE_EFFECTS__
+function dr(e) {
+  const t = a.forwardRef((n, r) => {
+    const { children: o, ...i } = n, c = a.isValidElement(o) ? vr(o) : void 0, s = q(c, r);
+    if (a.isValidElement(o)) {
+      const u = mr(i, o.props);
+      return o.type !== a.Fragment && (u.ref = s), a.cloneElement(o, u);
+    }
+    return a.Children.count(o) > 1 ? a.Children.only(null) : null;
+  });
+  return t.displayName = `${e}.SlotClone`, t;
+}
+var hr = Symbol("radix.slottable");
+function pr(e) {
+  return a.isValidElement(e) && typeof e.type == "function" && "__radixId" in e.type && e.type.__radixId === hr;
+}
+function mr(e, t) {
+  const n = { ...t };
+  for (const r in t) {
+    const o = e[r], i = t[r];
+    /^on[A-Z]/.test(r) ? o && i ? n[r] = (...s) => {
+      const u = i(...s);
+      return o(...s), u;
+    } : o && (n[r] = o) : r === "style" ? n[r] = { ...o, ...i } : r === "className" && (n[r] = [o, i].filter(Boolean).join(" "));
+  }
+  return { ...e, ...n };
+}
+function vr(e) {
+  var r, o;
+  let t = (r = Object.getOwnPropertyDescriptor(e.props, "ref")) == null ? void 0 : r.get, n = t && "isReactWarning" in t && t.isReactWarning;
+  return n ? e.ref : (t = (o = Object.getOwnPropertyDescriptor(e, "ref")) == null ? void 0 : o.get, n = t && "isReactWarning" in t && t.isReactWarning, n ? e.props.ref : e.props.ref || e.ref);
+}
+var gr = [
+  "a",
+  "button",
+  "div",
+  "form",
+  "h2",
+  "h3",
+  "img",
+  "input",
+  "label",
+  "li",
+  "nav",
+  "ol",
+  "p",
+  "select",
+  "span",
+  "svg",
+  "ul"
+], G = gr.reduce((e, t) => {
+  const n = /* @__PURE__ */ Ut(`Primitive.${t}`), r = a.forwardRef((o, i) => {
+    const { asChild: c, ...s } = o, u = c ? n : t;
+    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ C(u, { ...s, ref: i });
+  });
+  return r.displayName = `Primitive.${t}`, { ...e, [t]: r };
+}, {});
+function yr(e, t) {
+  e && ot.flushSync(() => e.dispatchEvent(t));
+}
+function zt(e, t = []) {
+  let n = [];
+  function r(i, c) {
+    const s = a.createContext(c), u = n.length;
+    n = [...n, c];
+    const l = (d) => {
+      var y;
+      const { scope: p, children: m, ...g } = d, h = ((y = p == null ? void 0 : p[e]) == null ? void 0 : y[u]) || s, v = a.useMemo(() => g, Object.values(g));
+      return /* @__PURE__ */ C(h.Provider, { value: v, children: m });
+    };
+    l.displayName = i + "Provider";
+    function f(d, p) {
+      var h;
+      const m = ((h = p == null ? void 0 : p[e]) == null ? void 0 : h[u]) || s, g = a.useContext(m);
+      if (g) return g;
+      if (c !== void 0) return c;
+      throw new Error(`\`${d}\` must be used within \`${i}\``);
+    }
+    return [l, f];
+  }
+  const o = () => {
+    const i = n.map((c) => a.createContext(c));
+    return function(s) {
+      const u = (s == null ? void 0 : s[e]) || i;
+      return a.useMemo(
+        () => ({ [`__scope${e}`]: { ...s, [e]: u } }),
+        [s, u]
+      );
+    };
+  };
+  return o.scopeName = e, [r, wr(o, ...t)];
+}
+function wr(...e) {
+  const t = e[0];
+  if (e.length === 1) return t;
+  const n = () => {
+    const r = e.map((o) => ({
+      useScope: o(),
+      scopeName: o.scopeName
+    }));
+    return function(i) {
+      const c = r.reduce((s, { useScope: u, scopeName: l }) => {
+        const d = u(i)[`__scope${l}`];
+        return { ...s, ...d };
+      }, {});
+      return a.useMemo(() => ({ [`__scope${t.scopeName}`]: c }), [c]);
+    };
+  };
+  return n.scopeName = t.scopeName, n;
+}
+function ee(e, t, { checkForDefaultPrevented: n = !0 } = {}) {
+  return function(o) {
+    if (e == null || e(o), n === !1 || !o.defaultPrevented)
+      return t == null ? void 0 : t(o);
+  };
+}
+var te = globalThis != null && globalThis.document ? a.useLayoutEffect : () => {
+}, br = a[" useInsertionEffect ".trim().toString()] || te;
+function xr({
+  prop: e,
+  defaultProp: t,
+  onChange: n = () => {
+  },
+  caller: r
+}) {
+  const [o, i, c] = Er({
+    defaultProp: t,
+    onChange: n
+  }), s = e !== void 0, u = s ? e : o;
+  {
+    const f = a.useRef(e !== void 0);
+    a.useEffect(() => {
+      const d = f.current;
+      d !== s && console.warn(
+        `${r} is changing from ${d ? "controlled" : "uncontrolled"} to ${s ? "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 = s;
+    }, [s, r]);
+  }
+  const l = a.useCallback(
+    (f) => {
+      var d;
+      if (s) {
+        const p = Cr(f) ? f(e) : f;
+        p !== e && ((d = c.current) == null || d.call(c, p));
+      } else
+        i(f);
+    },
+    [s, e, i, c]
+  );
+  return [u, l];
+}
+function Er({
+  defaultProp: e,
+  onChange: t
+}) {
+  const [n, r] = a.useState(e), o = a.useRef(n), i = a.useRef(t);
+  return br(() => {
+    i.current = t;
+  }, [t]), a.useEffect(() => {
+    var c;
+    o.current !== n && ((c = i.current) == null || c.call(i, n), o.current = n);
+  }, [n, o]), [n, r, i];
+}
+function Cr(e) {
+  return typeof e == "function";
+}
+function Pr(e, t) {
+  return a.useReducer((n, r) => t[n][r] ?? n, e);
+}
+var it = (e) => {
+  const { present: t, children: n } = e, r = Sr(t), o = typeof n == "function" ? n({ present: r.isPresent }) : a.Children.only(n), i = q(r.ref, Ar(o));
+  return typeof n == "function" || r.isPresent ? a.cloneElement(o, { ref: i }) : null;
+};
+it.displayName = "Presence";
+function Sr(e) {
+  const [t, n] = a.useState(), r = a.useRef(null), o = a.useRef(e), i = a.useRef("none"), c = e ? "mounted" : "unmounted", [s, u] = Pr(c, {
+    mounted: {
+      UNMOUNT: "unmounted",
+      ANIMATION_OUT: "unmountSuspended"
+    },
+    unmountSuspended: {
+      MOUNT: "mounted",
+      ANIMATION_END: "unmounted"
+    },
+    unmounted: {
+      MOUNT: "mounted"
+    }
+  });
+  return a.useEffect(() => {
+    const l = Se(r.current);
+    i.current = s === "mounted" ? l : "none";
+  }, [s]), te(() => {
+    const l = r.current, f = o.current;
+    if (f !== e) {
+      const p = i.current, m = Se(l);
+      e ? u("MOUNT") : m === "none" || (l == null ? void 0 : l.display) === "none" ? u("UNMOUNT") : u(f && p !== m ? "ANIMATION_OUT" : "UNMOUNT"), o.current = e;
+    }
+  }, [e, u]), te(() => {
+    if (t) {
+      let l;
+      const f = t.ownerDocument.defaultView ?? window, d = (m) => {
+        const h = Se(r.current).includes(m.animationName);
+        if (m.target === t && h && (u("ANIMATION_END"), !o.current)) {
+          const v = t.style.animationFillMode;
+          t.style.animationFillMode = "forwards", l = f.setTimeout(() => {
+            t.style.animationFillMode === "forwards" && (t.style.animationFillMode = v);
+          });
+        }
+      }, p = (m) => {
+        m.target === t && (i.current = Se(r.current));
+      };
+      return t.addEventListener("animationstart", p), t.addEventListener("animationcancel", d), t.addEventListener("animationend", d), () => {
+        f.clearTimeout(l), t.removeEventListener("animationstart", p), t.removeEventListener("animationcancel", d), t.removeEventListener("animationend", d);
+      };
+    } else
+      u("ANIMATION_END");
+  }, [t, u]), {
+    isPresent: ["mounted", "unmountSuspended"].includes(s),
+    ref: a.useCallback((l) => {
+      r.current = l ? getComputedStyle(l) : null, n(l);
+    }, [])
+  };
+}
+function Se(e) {
+  return (e == null ? void 0 : e.animationName) || "none";
+}
+function Ar(e) {
+  var r, o;
+  let t = (r = Object.getOwnPropertyDescriptor(e.props, "ref")) == null ? void 0 : r.get, n = t && "isReactWarning" in t && t.isReactWarning;
+  return n ? e.ref : (t = (o = Object.getOwnPropertyDescriptor(e, "ref")) == null ? void 0 : o.get, n = t && "isReactWarning" in t && t.isReactWarning, n ? e.props.ref : e.props.ref || e.ref);
+}
+var Rr = a[" useId ".trim().toString()] || (() => {
+}), Or = 0;
+function Nr(e) {
+  const [t, n] = a.useState(Rr());
+  return te(() => {
+    n((r) => r ?? String(Or++));
+  }, [e]), e || (t ? `radix-${t}` : "");
+}
+function de(e) {
+  const t = a.useRef(e);
+  return a.useEffect(() => {
+    t.current = e;
+  }), a.useMemo(() => (...n) => {
+    var r;
+    return (r = t.current) == null ? void 0 : r.call(t, ...n);
+  }, []);
+}
+function Mr(e, t = globalThis == null ? void 0 : globalThis.document) {
+  const n = de(e);
+  a.useEffect(() => {
+    const r = (o) => {
+      o.key === "Escape" && n(o);
+    };
+    return t.addEventListener("keydown", r, { capture: !0 }), () => t.removeEventListener("keydown", r, { capture: !0 });
+  }, [n, t]);
+}
+var Tr = "DismissableLayer", Je = "dismissableLayer.update", kr = "dismissableLayer.pointerDownOutside", Lr = "dismissableLayer.focusOutside", Pt, Yt = a.createContext({
+  layers: /* @__PURE__ */ new Set(),
+  layersWithOutsidePointerEventsDisabled: /* @__PURE__ */ new Set(),
+  branches: /* @__PURE__ */ new Set()
+}), Xt = a.forwardRef(
+  (e, t) => {
+    const {
+      disableOutsidePointerEvents: n = !1,
+      onEscapeKeyDown: r,
+      onPointerDownOutside: o,
+      onFocusOutside: i,
+      onInteractOutside: c,
+      onDismiss: s,
+      ...u
+    } = e, l = a.useContext(Yt), [f, d] = a.useState(null), p = (f == null ? void 0 : f.ownerDocument) ?? (globalThis == null ? void 0 : globalThis.document), [, m] = a.useState({}), g = q(t, (P) => d(P)), h = Array.from(l.layers), [v] = [...l.layersWithOutsidePointerEventsDisabled].slice(-1), y = h.indexOf(v), x = f ? h.indexOf(f) : -1, b = l.layersWithOutsidePointerEventsDisabled.size > 0, w = x >= y, E = Fr((P) => {
+      const R = P.target, N = [...l.branches].some((O) => O.contains(R));
+      !w || N || (o == null || o(P), c == null || c(P), P.defaultPrevented || s == null || s());
+    }, p), S = Ir((P) => {
+      const R = P.target;
+      [...l.branches].some((O) => O.contains(R)) || (i == null || i(P), c == null || c(P), P.defaultPrevented || s == null || s());
+    }, p);
+    return Mr((P) => {
+      x === l.layers.size - 1 && (r == null || r(P), !P.defaultPrevented && s && (P.preventDefault(), s()));
+    }, p), a.useEffect(() => {
+      if (f)
+        return n && (l.layersWithOutsidePointerEventsDisabled.size === 0 && (Pt = p.body.style.pointerEvents, p.body.style.pointerEvents = "none"), l.layersWithOutsidePointerEventsDisabled.add(f)), l.layers.add(f), St(), () => {
+          n && l.layersWithOutsidePointerEventsDisabled.size === 1 && (p.body.style.pointerEvents = Pt);
+        };
+    }, [f, p, n, l]), a.useEffect(() => () => {
+      f && (l.layers.delete(f), l.layersWithOutsidePointerEventsDisabled.delete(f), St());
+    }, [f, l]), a.useEffect(() => {
+      const P = () => m({});
+      return document.addEventListener(Je, P), () => document.removeEventListener(Je, P);
+    }, []), /* @__PURE__ */ C(
+      G.div,
+      {
+        ...u,
+        ref: g,
+        style: {
+          pointerEvents: b ? w ? "auto" : "none" : void 0,
+          ...e.style
+        },
+        onFocusCapture: ee(e.onFocusCapture, S.onFocusCapture),
+        onBlurCapture: ee(e.onBlurCapture, S.onBlurCapture),
+        onPointerDownCapture: ee(
+          e.onPointerDownCapture,
+          E.onPointerDownCapture
+        )
+      }
+    );
+  }
+);
+Xt.displayName = Tr;
+var Dr = "DismissableLayerBranch", _r = a.forwardRef((e, t) => {
+  const n = a.useContext(Yt), r = a.useRef(null), o = q(t, r);
+  return a.useEffect(() => {
+    const i = r.current;
+    if (i)
+      return n.branches.add(i), () => {
+        n.branches.delete(i);
+      };
+  }, [n.branches]), /* @__PURE__ */ C(G.div, { ...e, ref: o });
+});
+_r.displayName = Dr;
+function Fr(e, t = globalThis == null ? void 0 : globalThis.document) {
+  const n = de(e), r = a.useRef(!1), o = a.useRef(() => {
+  });
+  return a.useEffect(() => {
+    const i = (s) => {
+      if (s.target && !r.current) {
+        let u = function() {
+          Kt(
+            kr,
+            n,
+            l,
+            { discrete: !0 }
+          );
+        };
+        const l = { originalEvent: s };
+        s.pointerType === "touch" ? (t.removeEventListener("click", o.current), o.current = u, t.addEventListener("click", o.current, { once: !0 })) : u();
+      } else
+        t.removeEventListener("click", o.current);
+      r.current = !1;
+    }, c = window.setTimeout(() => {
+      t.addEventListener("pointerdown", i);
+    }, 0);
+    return () => {
+      window.clearTimeout(c), t.removeEventListener("pointerdown", i), t.removeEventListener("click", o.current);
+    };
+  }, [t, n]), {
+    // ensures we check React component tree (not just DOM tree)
+    onPointerDownCapture: () => r.current = !0
+  };
+}
+function Ir(e, t = globalThis == null ? void 0 : globalThis.document) {
+  const n = de(e), r = a.useRef(!1);
+  return a.useEffect(() => {
+    const o = (i) => {
+      i.target && !r.current && Kt(Lr, n, { originalEvent: i }, {
+        discrete: !1
+      });
+    };
+    return t.addEventListener("focusin", o), () => t.removeEventListener("focusin", o);
+  }, [t, n]), {
+    onFocusCapture: () => r.current = !0,
+    onBlurCapture: () => r.current = !1
+  };
+}
+function St() {
+  const e = new CustomEvent(Je);
+  document.dispatchEvent(e);
+}
+function Kt(e, t, n, { discrete: r }) {
+  const o = n.originalEvent.target, i = new CustomEvent(e, { bubbles: !1, cancelable: !0, detail: n });
+  t && o.addEventListener(e, t, { once: !0 }), r ? yr(o, i) : o.dispatchEvent(i);
+}
+var je = "focusScope.autoFocusOnMount", Ue = "focusScope.autoFocusOnUnmount", At = { bubbles: !1, cancelable: !0 }, Wr = "FocusScope", Zt = a.forwardRef((e, t) => {
+  const {
+    loop: n = !1,
+    trapped: r = !1,
+    onMountAutoFocus: o,
+    onUnmountAutoFocus: i,
+    ...c
+  } = e, [s, u] = a.useState(null), l = de(o), f = de(i), d = a.useRef(null), p = q(t, (h) => u(h)), m = a.useRef({
+    paused: !1,
+    pause() {
+      this.paused = !0;
+    },
+    resume() {
+      this.paused = !1;
+    }
+  }).current;
+  a.useEffect(() => {
+    if (r) {
+      let h = function(b) {
+        if (m.paused || !s) return;
+        const w = b.target;
+        s.contains(w) ? d.current = w : Q(d.current, { select: !0 });
+      }, v = function(b) {
+        if (m.paused || !s) return;
+        const w = b.relatedTarget;
+        w !== null && (s.contains(w) || Q(d.current, { select: !0 }));
+      }, y = function(b) {
+        if (document.activeElement === document.body)
+          for (const E of b)
+            E.removedNodes.length > 0 && Q(s);
+      };
+      document.addEventListener("focusin", h), document.addEventListener("focusout", v);
+      const x = new MutationObserver(y);
+      return s && x.observe(s, { childList: !0, subtree: !0 }), () => {
+        document.removeEventListener("focusin", h), document.removeEventListener("focusout", v), x.disconnect();
+      };
+    }
+  }, [r, s, m.paused]), a.useEffect(() => {
+    if (s) {
+      Ot.add(m);
+      const h = document.activeElement;
+      if (!s.contains(h)) {
+        const y = new CustomEvent(je, At);
+        s.addEventListener(je, l), s.dispatchEvent(y), y.defaultPrevented || (Br(Ur(qt(s)), { select: !0 }), document.activeElement === h && Q(s));
+      }
+      return () => {
+        s.removeEventListener(je, l), setTimeout(() => {
+          const y = new CustomEvent(Ue, At);
+          s.addEventListener(Ue, f), s.dispatchEvent(y), y.defaultPrevented || Q(h ?? document.body, { select: !0 }), s.removeEventListener(Ue, f), Ot.remove(m);
+        }, 0);
+      };
+    }
+  }, [s, l, f, m]);
+  const g = a.useCallback(
+    (h) => {
+      if (!n && !r || m.paused) return;
+      const v = h.key === "Tab" && !h.altKey && !h.ctrlKey && !h.metaKey, y = document.activeElement;
+      if (v && y) {
+        const x = h.currentTarget, [b, w] = $r(x);
+        b && w ? !h.shiftKey && y === w ? (h.preventDefault(), n && Q(b, { select: !0 })) : h.shiftKey && y === b && (h.preventDefault(), n && Q(w, { select: !0 })) : y === x && h.preventDefault();
+      }
+    },
+    [n, r, m.paused]
+  );
+  return /* @__PURE__ */ C(G.div, { tabIndex: -1, ...c, ref: p, onKeyDown: g });
+});
+Zt.displayName = Wr;
+function Br(e, { select: t = !1 } = {}) {
+  const n = document.activeElement;
+  for (const r of e)
+    if (Q(r, { select: t }), document.activeElement !== n) return;
+}
+function $r(e) {
+  const t = qt(e), n = Rt(t, e), r = Rt(t.reverse(), e);
+  return [n, r];
+}
+function qt(e) {
+  const t = [], n = document.createTreeWalker(e, NodeFilter.SHOW_ELEMENT, {
+    acceptNode: (r) => {
+      const o = r.tagName === "INPUT" && r.type === "hidden";
+      return r.disabled || r.hidden || o ? NodeFilter.FILTER_SKIP : r.tabIndex >= 0 ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP;
+    }
+  });
+  for (; n.nextNode(); ) t.push(n.currentNode);
+  return t;
+}
+function Rt(e, t) {
+  for (const n of e)
+    if (!Hr(n, { upTo: t })) return n;
+}
+function Hr(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 Vr(e) {
+  return e instanceof HTMLInputElement && "select" in e;
+}
+function Q(e, { select: t = !1 } = {}) {
+  if (e && e.focus) {
+    const n = document.activeElement;
+    e.focus({ preventScroll: !0 }), e !== n && Vr(e) && t && e.select();
+  }
+}
+var Ot = jr();
+function jr() {
+  let e = [];
+  return {
+    add(t) {
+      const n = e[0];
+      t !== n && (n == null || n.pause()), e = Nt(e, t), e.unshift(t);
+    },
+    remove(t) {
+      var n;
+      e = Nt(e, t), (n = e[0]) == null || n.resume();
+    }
+  };
+}
+function Nt(e, t) {
+  const n = [...e], r = n.indexOf(t);
+  return r !== -1 && n.splice(r, 1), n;
+}
+function Ur(e) {
+  return e.filter((t) => t.tagName !== "A");
+}
+var zr = "Portal", Gt = a.forwardRef((e, t) => {
+  var s;
+  const { container: n, ...r } = e, [o, i] = a.useState(!1);
+  te(() => i(!0), []);
+  const c = n || o && ((s = globalThis == null ? void 0 : globalThis.document) == null ? void 0 : s.body);
+  return c ? ur.createPortal(/* @__PURE__ */ C(G.div, { ...r, ref: t }), c) : null;
+});
+Gt.displayName = zr;
+var ze = 0;
+function Yr() {
+  a.useEffect(() => {
+    const e = document.querySelectorAll("[data-radix-focus-guard]");
+    return document.body.insertAdjacentElement("afterbegin", e[0] ?? Mt()), document.body.insertAdjacentElement("beforeend", e[1] ?? Mt()), ze++, () => {
+      ze === 1 && document.querySelectorAll("[data-radix-focus-guard]").forEach((t) => t.remove()), ze--;
+    };
+  }, []);
+}
+function Mt() {
+  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 j = function() {
+  return j = Object.assign || function(t) {
+    for (var n, r = 1, o = arguments.length; r < o; r++) {
+      n = arguments[r];
+      for (var i in n) Object.prototype.hasOwnProperty.call(n, i) && (t[i] = n[i]);
+    }
+    return t;
+  }, j.apply(this, arguments);
+};
+function Qt(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 o = 0, r = Object.getOwnPropertySymbols(e); o < r.length; o++)
+      t.indexOf(r[o]) < 0 && Object.prototype.propertyIsEnumerable.call(e, r[o]) && (n[r[o]] = e[r[o]]);
+  return n;
+}
+function Xr(e, t, n) {
+  if (n || arguments.length === 2) for (var r = 0, o = t.length, i; r < o; r++)
+    (i || !(r in t)) && (i || (i = Array.prototype.slice.call(t, 0, r)), i[r] = t[r]);
+  return e.concat(i || Array.prototype.slice.call(t));
+}
+var Te = "right-scroll-bar-position", ke = "width-before-scroll-bar", Kr = "with-scroll-bars-hidden", Zr = "--removed-body-scroll-bar-size";
+function Ye(e, t) {
+  return typeof e == "function" ? e(t) : e && (e.current = t), e;
+}
+function qr(e, t) {
+  var n = Qn(function() {
+    return {
+      // value
+      value: e,
+      // last callback
+      callback: t,
+      // "memoized" public interface
+      facade: {
+        get current() {
+          return n.value;
+        },
+        set current(r) {
+          var o = n.value;
+          o !== r && (n.value = r, n.callback(r, o));
+        }
+      }
+    };
+  })[0];
+  return n.callback = t, n.facade;
+}
+var Gr = typeof window < "u" ? a.useLayoutEffect : a.useEffect, Tt = /* @__PURE__ */ new WeakMap();
+function Qr(e, t) {
+  var n = qr(null, function(r) {
+    return e.forEach(function(o) {
+      return Ye(o, r);
+    });
+  });
+  return Gr(function() {
+    var r = Tt.get(n);
+    if (r) {
+      var o = new Set(r), i = new Set(e), c = n.current;
+      o.forEach(function(s) {
+        i.has(s) || Ye(s, null);
+      }), i.forEach(function(s) {
+        o.has(s) || Ye(s, c);
+      });
+    }
+    Tt.set(n, e);
+  }, [e]), n;
+}
+function Jr(e) {
+  return e;
+}
+function eo(e, t) {
+  t === void 0 && (t = Jr);
+  var n = [], r = !1, o = {
+    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(i) {
+      var c = t(i, r);
+      return n.push(c), function() {
+        n = n.filter(function(s) {
+          return s !== c;
+        });
+      };
+    },
+    assignSyncMedium: function(i) {
+      for (r = !0; n.length; ) {
+        var c = n;
+        n = [], c.forEach(i);
+      }
+      n = {
+        push: function(s) {
+          return i(s);
+        },
+        filter: function() {
+          return n;
+        }
+      };
+    },
+    assignMedium: function(i) {
+      r = !0;
+      var c = [];
+      if (n.length) {
+        var s = n;
+        n = [], s.forEach(i), c = n;
+      }
+      var u = function() {
+        var f = c;
+        c = [], f.forEach(i);
+      }, l = function() {
+        return Promise.resolve().then(u);
+      };
+      l(), n = {
+        push: function(f) {
+          c.push(f), l();
+        },
+        filter: function(f) {
+          return c = c.filter(f), n;
+        }
+      };
+    }
+  };
+  return o;
+}
+function to(e) {
+  e === void 0 && (e = {});
+  var t = eo(null);
+  return t.options = j({ async: !0, ssr: !1 }, e), t;
+}
+var Jt = function(e) {
+  var t = e.sideCar, n = Qt(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 a.createElement(r, j({}, n));
+};
+Jt.isSideCarExport = !0;
+function no(e, t) {
+  return e.useMedium(t), Jt;
+}
+var en = to(), Xe = function() {
+}, We = a.forwardRef(function(e, t) {
+  var n = a.useRef(null), r = a.useState({
+    onScrollCapture: Xe,
+    onWheelCapture: Xe,
+    onTouchMoveCapture: Xe
+  }), o = r[0], i = r[1], c = e.forwardProps, s = e.children, u = e.className, l = e.removeScrollBar, f = e.enabled, d = e.shards, p = e.sideCar, m = e.noIsolation, g = e.inert, h = e.allowPinchZoom, v = e.as, y = v === void 0 ? "div" : v, x = e.gapMode, b = Qt(e, ["forwardProps", "children", "className", "removeScrollBar", "enabled", "shards", "sideCar", "noIsolation", "inert", "allowPinchZoom", "as", "gapMode"]), w = p, E = Qr([n, t]), S = j(j({}, b), o);
+  return a.createElement(
+    a.Fragment,
+    null,
+    f && a.createElement(w, { sideCar: en, removeScrollBar: l, shards: d, noIsolation: m, inert: g, setCallbacks: i, allowPinchZoom: !!h, lockRef: n, gapMode: x }),
+    c ? a.cloneElement(a.Children.only(s), j(j({}, S), { ref: E })) : a.createElement(y, j({}, S, { className: u, ref: E }), s)
+  );
+});
+We.defaultProps = {
+  enabled: !0,
+  removeScrollBar: !0,
+  inert: !1
+};
+We.classNames = {
+  fullWidth: ke,
+  zeroRight: Te
+};
+var ro = function() {
+  if (typeof __webpack_nonce__ < "u")
+    return __webpack_nonce__;
+};
+function oo() {
+  if (!document)
+    return null;
+  var e = document.createElement("style");
+  e.type = "text/css";
+  var t = ro();
+  return t && e.setAttribute("nonce", t), e;
+}
+function io(e, t) {
+  e.styleSheet ? e.styleSheet.cssText = t : e.appendChild(document.createTextNode(t));
+}
+function so(e) {
+  var t = document.head || document.getElementsByTagName("head")[0];
+  t.appendChild(e);
+}
+var co = function() {
+  var e = 0, t = null;
+  return {
+    add: function(n) {
+      e == 0 && (t = oo()) && (io(t, n), so(t)), e++;
+    },
+    remove: function() {
+      e--, !e && t && (t.parentNode && t.parentNode.removeChild(t), t = null);
+    }
+  };
+}, ao = function() {
+  var e = co();
+  return function(t, n) {
+    a.useEffect(function() {
+      return e.add(t), function() {
+        e.remove();
+      };
+    }, [t && n]);
+  };
+}, tn = function() {
+  var e = ao(), t = function(n) {
+    var r = n.styles, o = n.dynamic;
+    return e(r, o), null;
+  };
+  return t;
+}, lo = {
+  left: 0,
+  top: 0,
+  right: 0,
+  gap: 0
+}, Ke = function(e) {
+  return parseInt(e || "", 10) || 0;
+}, uo = function(e) {
+  var t = window.getComputedStyle(document.body), n = t[e === "padding" ? "paddingLeft" : "marginLeft"], r = t[e === "padding" ? "paddingTop" : "marginTop"], o = t[e === "padding" ? "paddingRight" : "marginRight"];
+  return [Ke(n), Ke(r), Ke(o)];
+}, fo = function(e) {
+  if (e === void 0 && (e = "margin"), typeof window > "u")
+    return lo;
+  var t = uo(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])
+  };
+}, ho = tn(), ue = "data-scroll-locked", po = function(e, t, n, r) {
+  var o = e.left, i = e.top, c = e.right, s = e.gap;
+  return n === void 0 && (n = "margin"), `
+  .`.concat(Kr, ` {
+   overflow: hidden `).concat(r, `;
+   padding-right: `).concat(s, "px ").concat(r, `;
+  }
+  body[`).concat(ue, `] {
+    overflow: hidden `).concat(r, `;
+    overscroll-behavior: contain;
+    `).concat([
+    t && "position: relative ".concat(r, ";"),
+    n === "margin" && `
+    padding-left: `.concat(o, `px;
+    padding-top: `).concat(i, `px;
+    padding-right: `).concat(c, `px;
+    margin-left:0;
+    margin-top:0;
+    margin-right: `).concat(s, "px ").concat(r, `;
+    `),
+    n === "padding" && "padding-right: ".concat(s, "px ").concat(r, ";")
+  ].filter(Boolean).join(""), `
+  }
+  
+  .`).concat(Te, ` {
+    right: `).concat(s, "px ").concat(r, `;
+  }
+  
+  .`).concat(ke, ` {
+    margin-right: `).concat(s, "px ").concat(r, `;
+  }
+  
+  .`).concat(Te, " .").concat(Te, ` {
+    right: 0 `).concat(r, `;
+  }
+  
+  .`).concat(ke, " .").concat(ke, ` {
+    margin-right: 0 `).concat(r, `;
+  }
+  
+  body[`).concat(ue, `] {
+    `).concat(Zr, ": ").concat(s, `px;
+  }
+`);
+}, kt = function() {
+  var e = parseInt(document.body.getAttribute(ue) || "0", 10);
+  return isFinite(e) ? e : 0;
+}, mo = function() {
+  a.useEffect(function() {
+    return document.body.setAttribute(ue, (kt() + 1).toString()), function() {
+      var e = kt() - 1;
+      e <= 0 ? document.body.removeAttribute(ue) : document.body.setAttribute(ue, e.toString());
+    };
+  }, []);
+}, vo = function(e) {
+  var t = e.noRelative, n = e.noImportant, r = e.gapMode, o = r === void 0 ? "margin" : r;
+  mo();
+  var i = a.useMemo(function() {
+    return fo(o);
+  }, [o]);
+  return a.createElement(ho, { styles: po(i, !t, o, n ? "" : "!important") });
+}, et = !1;
+if (typeof window < "u")
+  try {
+    var Ae = Object.defineProperty({}, "passive", {
+      get: function() {
+        return et = !0, !0;
+      }
+    });
+    window.addEventListener("test", Ae, Ae), window.removeEventListener("test", Ae, Ae);
+  } catch {
+    et = !1;
+  }
+var ce = et ? { passive: !1 } : !1, go = function(e) {
+  return e.tagName === "TEXTAREA";
+}, nn = 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 && !go(e) && n[t] === "visible")
+  );
+}, yo = function(e) {
+  return nn(e, "overflowY");
+}, wo = function(e) {
+  return nn(e, "overflowX");
+}, Lt = function(e, t) {
+  var n = t.ownerDocument, r = t;
+  do {
+    typeof ShadowRoot < "u" && r instanceof ShadowRoot && (r = r.host);
+    var o = rn(e, r);
+    if (o) {
+      var i = on(e, r), c = i[1], s = i[2];
+      if (c > s)
+        return !0;
+    }
+    r = r.parentNode;
+  } while (r && r !== n.body);
+  return !1;
+}, bo = function(e) {
+  var t = e.scrollTop, n = e.scrollHeight, r = e.clientHeight;
+  return [
+    t,
+    n,
+    r
+  ];
+}, xo = function(e) {
+  var t = e.scrollLeft, n = e.scrollWidth, r = e.clientWidth;
+  return [
+    t,
+    n,
+    r
+  ];
+}, rn = function(e, t) {
+  return e === "v" ? yo(t) : wo(t);
+}, on = function(e, t) {
+  return e === "v" ? bo(t) : xo(t);
+}, Eo = function(e, t) {
+  return e === "h" && t === "rtl" ? -1 : 1;
+}, Co = function(e, t, n, r, o) {
+  var i = Eo(e, window.getComputedStyle(t).direction), c = i * r, s = n.target, u = t.contains(s), l = !1, f = c > 0, d = 0, p = 0;
+  do {
+    var m = on(e, s), g = m[0], h = m[1], v = m[2], y = h - v - i * g;
+    (g || y) && rn(e, s) && (d += y, p += g), s instanceof ShadowRoot ? s = s.host : s = s.parentNode;
+  } while (
+    // portaled content
+    !u && s !== document.body || // self content
+    u && (t.contains(s) || t === s)
+  );
+  return (f && Math.abs(d) < 1 || !f && Math.abs(p) < 1) && (l = !0), l;
+}, Re = function(e) {
+  return "changedTouches" in e ? [e.changedTouches[0].clientX, e.changedTouches[0].clientY] : [0, 0];
+}, Dt = function(e) {
+  return [e.deltaX, e.deltaY];
+}, _t = function(e) {
+  return e && "current" in e ? e.current : e;
+}, Po = function(e, t) {
+  return e[0] === t[0] && e[1] === t[1];
+}, So = function(e) {
+  return `
+  .block-interactivity-`.concat(e, ` {pointer-events: none;}
+  .allow-interactivity-`).concat(e, ` {pointer-events: all;}
+`);
+}, Ao = 0, ae = [];
+function Ro(e) {
+  var t = a.useRef([]), n = a.useRef([0, 0]), r = a.useRef(), o = a.useState(Ao++)[0], i = a.useState(tn)[0], c = a.useRef(e);
+  a.useEffect(function() {
+    c.current = e;
+  }, [e]), a.useEffect(function() {
+    if (e.inert) {
+      document.body.classList.add("block-interactivity-".concat(o));
+      var h = Xr([e.lockRef.current], (e.shards || []).map(_t), !0).filter(Boolean);
+      return h.forEach(function(v) {
+        return v.classList.add("allow-interactivity-".concat(o));
+      }), function() {
+        document.body.classList.remove("block-interactivity-".concat(o)), h.forEach(function(v) {
+          return v.classList.remove("allow-interactivity-".concat(o));
+        });
+      };
+    }
+  }, [e.inert, e.lockRef.current, e.shards]);
+  var s = a.useCallback(function(h, v) {
+    if ("touches" in h && h.touches.length === 2 || h.type === "wheel" && h.ctrlKey)
+      return !c.current.allowPinchZoom;
+    var y = Re(h), x = n.current, b = "deltaX" in h ? h.deltaX : x[0] - y[0], w = "deltaY" in h ? h.deltaY : x[1] - y[1], E, S = h.target, P = Math.abs(b) > Math.abs(w) ? "h" : "v";
+    if ("touches" in h && P === "h" && S.type === "range")
+      return !1;
+    var R = Lt(P, S);
+    if (!R)
+      return !0;
+    if (R ? E = P : (E = P === "v" ? "h" : "v", R = Lt(P, S)), !R)
+      return !1;
+    if (!r.current && "changedTouches" in h && (b || w) && (r.current = E), !E)
+      return !0;
+    var N = r.current || E;
+    return Co(N, v, h, N === "h" ? b : w);
+  }, []), u = a.useCallback(function(h) {
+    var v = h;
+    if (!(!ae.length || ae[ae.length - 1] !== i)) {
+      var y = "deltaY" in v ? Dt(v) : Re(v), x = t.current.filter(function(E) {
+        return E.name === v.type && (E.target === v.target || v.target === E.shadowParent) && Po(E.delta, y);
+      })[0];
+      if (x && x.should) {
+        v.cancelable && v.preventDefault();
+        return;
+      }
+      if (!x) {
+        var b = (c.current.shards || []).map(_t).filter(Boolean).filter(function(E) {
+          return E.contains(v.target);
+        }), w = b.length > 0 ? s(v, b[0]) : !c.current.noIsolation;
+        w && v.cancelable && v.preventDefault();
+      }
+    }
+  }, []), l = a.useCallback(function(h, v, y, x) {
+    var b = { name: h, delta: v, target: y, should: x, shadowParent: Oo(y) };
+    t.current.push(b), setTimeout(function() {
+      t.current = t.current.filter(function(w) {
+        return w !== b;
+      });
+    }, 1);
+  }, []), f = a.useCallback(function(h) {
+    n.current = Re(h), r.current = void 0;
+  }, []), d = a.useCallback(function(h) {
+    l(h.type, Dt(h), h.target, s(h, e.lockRef.current));
+  }, []), p = a.useCallback(function(h) {
+    l(h.type, Re(h), h.target, s(h, e.lockRef.current));
+  }, []);
+  a.useEffect(function() {
+    return ae.push(i), e.setCallbacks({
+      onScrollCapture: d,
+      onWheelCapture: d,
+      onTouchMoveCapture: p
+    }), document.addEventListener("wheel", u, ce), document.addEventListener("touchmove", u, ce), document.addEventListener("touchstart", f, ce), function() {
+      ae = ae.filter(function(h) {
+        return h !== i;
+      }), document.removeEventListener("wheel", u, ce), document.removeEventListener("touchmove", u, ce), document.removeEventListener("touchstart", f, ce);
+    };
+  }, []);
+  var m = e.removeScrollBar, g = e.inert;
+  return a.createElement(
+    a.Fragment,
+    null,
+    g ? a.createElement(i, { styles: So(o) }) : null,
+    m ? a.createElement(vo, { gapMode: e.gapMode }) : null
+  );
+}
+function Oo(e) {
+  for (var t = null; e !== null; )
+    e instanceof ShadowRoot && (t = e.host, e = e.host), e = e.parentNode;
+  return t;
+}
+const No = no(en, Ro);
+var sn = a.forwardRef(function(e, t) {
+  return a.createElement(We, j({}, e, { ref: t, sideCar: No }));
+});
+sn.classNames = We.classNames;
+var Mo = function(e) {
+  if (typeof document > "u")
+    return null;
+  var t = Array.isArray(e) ? e[0] : e;
+  return t.ownerDocument.body;
+}, le = /* @__PURE__ */ new WeakMap(), Oe = /* @__PURE__ */ new WeakMap(), Ne = {}, Ze = 0, cn = function(e) {
+  return e && (e.host || cn(e.parentNode));
+}, To = function(e, t) {
+  return t.map(function(n) {
+    if (e.contains(n))
+      return n;
+    var r = cn(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;
+  });
+}, ko = function(e, t, n, r) {
+  var o = To(t, Array.isArray(e) ? e : [e]);
+  Ne[n] || (Ne[n] = /* @__PURE__ */ new WeakMap());
+  var i = Ne[n], c = [], s = /* @__PURE__ */ new Set(), u = new Set(o), l = function(d) {
+    !d || s.has(d) || (s.add(d), l(d.parentNode));
+  };
+  o.forEach(l);
+  var f = function(d) {
+    !d || u.has(d) || Array.prototype.forEach.call(d.children, function(p) {
+      if (s.has(p))
+        f(p);
+      else
+        try {
+          var m = p.getAttribute(r), g = m !== null && m !== "false", h = (le.get(p) || 0) + 1, v = (i.get(p) || 0) + 1;
+          le.set(p, h), i.set(p, v), c.push(p), h === 1 && g && Oe.set(p, !0), v === 1 && p.setAttribute(n, "true"), g || p.setAttribute(r, "true");
+        } catch (y) {
+          console.error("aria-hidden: cannot operate on ", p, y);
+        }
+    });
+  };
+  return f(t), s.clear(), Ze++, function() {
+    c.forEach(function(d) {
+      var p = le.get(d) - 1, m = i.get(d) - 1;
+      le.set(d, p), i.set(d, m), p || (Oe.has(d) || d.removeAttribute(r), Oe.delete(d)), m || d.removeAttribute(n);
+    }), Ze--, Ze || (le = /* @__PURE__ */ new WeakMap(), le = /* @__PURE__ */ new WeakMap(), Oe = /* @__PURE__ */ new WeakMap(), Ne = {});
+  };
+}, Lo = function(e, t, n) {
+  n === void 0 && (n = "data-aria-hidden");
+  var r = Array.from(Array.isArray(e) ? e : [e]), o = Mo(e);
+  return o ? (r.push.apply(r, Array.from(o.querySelectorAll("[aria-live]"))), ko(r, o, n, "aria-hidden")) : function() {
+    return null;
+  };
+};
+function Do(e) {
+  const [t, n] = a.useState(void 0);
+  return te(() => {
+    if (e) {
+      n({ width: e.offsetWidth, height: e.offsetHeight });
+      const r = new ResizeObserver((o) => {
+        if (!Array.isArray(o) || !o.length)
+          return;
+        const i = o[0];
+        let c, s;
+        if ("borderBoxSize" in i) {
+          const u = i.borderBoxSize, l = Array.isArray(u) ? u[0] : u;
+          c = l.inlineSize, s = l.blockSize;
+        } else
+          c = e.offsetWidth, s = e.offsetHeight;
+        n({ width: c, height: s });
+      });
+      return r.observe(e, { box: "border-box" }), () => r.unobserve(e);
+    } else
+      n(void 0);
+  }, [e]), t;
+}
+const _o = ["top", "right", "bottom", "left"], ne = Math.min, B = Math.max, De = Math.round, Me = Math.floor, U = (e) => ({
+  x: e,
+  y: e
+}), Fo = {
+  left: "right",
+  right: "left",
+  bottom: "top",
+  top: "bottom"
+}, Io = {
+  start: "end",
+  end: "start"
+};
+function tt(e, t, n) {
+  return B(e, ne(t, n));
+}
+function K(e, t) {
+  return typeof e == "function" ? e(t) : e;
+}
+function Z(e) {
+  return e.split("-")[0];
+}
+function me(e) {
+  return e.split("-")[1];
+}
+function st(e) {
+  return e === "x" ? "y" : "x";
+}
+function ct(e) {
+  return e === "y" ? "height" : "width";
+}
+function X(e) {
+  return ["top", "bottom"].includes(Z(e)) ? "y" : "x";
+}
+function at(e) {
+  return st(X(e));
+}
+function Wo(e, t, n) {
+  n === void 0 && (n = !1);
+  const r = me(e), o = at(e), i = ct(o);
+  let c = o === "x" ? r === (n ? "end" : "start") ? "right" : "left" : r === "start" ? "bottom" : "top";
+  return t.reference[i] > t.floating[i] && (c = _e(c)), [c, _e(c)];
+}
+function Bo(e) {
+  const t = _e(e);
+  return [nt(e), t, nt(t)];
+}
+function nt(e) {
+  return e.replace(/start|end/g, (t) => Io[t]);
+}
+function $o(e, t, n) {
+  const r = ["left", "right"], o = ["right", "left"], i = ["top", "bottom"], c = ["bottom", "top"];
+  switch (e) {
+    case "top":
+    case "bottom":
+      return n ? t ? o : r : t ? r : o;
+    case "left":
+    case "right":
+      return t ? i : c;
+    default:
+      return [];
+  }
+}
+function Ho(e, t, n, r) {
+  const o = me(e);
+  let i = $o(Z(e), n === "start", r);
+  return o && (i = i.map((c) => c + "-" + o), t && (i = i.concat(i.map(nt)))), i;
+}
+function _e(e) {
+  return e.replace(/left|right|bottom|top/g, (t) => Fo[t]);
+}
+function Vo(e) {
+  return {
+    top: 0,
+    right: 0,
+    bottom: 0,
+    left: 0,
+    ...e
+  };
+}
+function an(e) {
+  return typeof e != "number" ? Vo(e) : {
+    top: e,
+    right: e,
+    bottom: e,
+    left: e
+  };
+}
+function Fe(e) {
+  const {
+    x: t,
+    y: n,
+    width: r,
+    height: o
+  } = e;
+  return {
+    width: r,
+    height: o,
+    top: n,
+    left: t,
+    right: t + r,
+    bottom: n + o,
+    x: t,
+    y: n
+  };
+}
+function Ft(e, t, n) {
+  let {
+    reference: r,
+    floating: o
+  } = e;
+  const i = X(t), c = at(t), s = ct(c), u = Z(t), l = i === "y", f = r.x + r.width / 2 - o.width / 2, d = r.y + r.height / 2 - o.height / 2, p = r[s] / 2 - o[s] / 2;
+  let m;
+  switch (u) {
+    case "top":
+      m = {
+        x: f,
+        y: r.y - o.height
+      };
+      break;
+    case "bottom":
+      m = {
+        x: f,
+        y: r.y + r.height
+      };
+      break;
+    case "right":
+      m = {
+        x: r.x + r.width,
+        y: d
+      };
+      break;
+    case "left":
+      m = {
+        x: r.x - o.width,
+        y: d
+      };
+      break;
+    default:
+      m = {
+        x: r.x,
+        y: r.y
+      };
+  }
+  switch (me(t)) {
+    case "start":
+      m[c] -= p * (n && l ? -1 : 1);
+      break;
+    case "end":
+      m[c] += p * (n && l ? -1 : 1);
+      break;
+  }
+  return m;
+}
+const jo = async (e, t, n) => {
+  const {
+    placement: r = "bottom",
+    strategy: o = "absolute",
+    middleware: i = [],
+    platform: c
+  } = n, s = i.filter(Boolean), u = await (c.isRTL == null ? void 0 : c.isRTL(t));
+  let l = await c.getElementRects({
+    reference: e,
+    floating: t,
+    strategy: o
+  }), {
+    x: f,
+    y: d
+  } = Ft(l, r, u), p = r, m = {}, g = 0;
+  for (let h = 0; h < s.length; h++) {
+    const {
+      name: v,
+      fn: y
+    } = s[h], {
+      x,
+      y: b,
+      data: w,
+      reset: E
+    } = await y({
+      x: f,
+      y: d,
+      initialPlacement: r,
+      placement: p,
+      strategy: o,
+      middlewareData: m,
+      rects: l,
+      platform: c,
+      elements: {
+        reference: e,
+        floating: t
+      }
+    });
+    f = x ?? f, d = b ?? d, m = {
+      ...m,
+      [v]: {
+        ...m[v],
+        ...w
+      }
+    }, E && g <= 50 && (g++, typeof E == "object" && (E.placement && (p = E.placement), E.rects && (l = E.rects === !0 ? await c.getElementRects({
+      reference: e,
+      floating: t,
+      strategy: o
+    }) : E.rects), {
+      x: f,
+      y: d
+    } = Ft(l, p, u)), h = -1);
+  }
+  return {
+    x: f,
+    y: d,
+    placement: p,
+    strategy: o,
+    middlewareData: m
+  };
+};
+async function we(e, t) {
+  var n;
+  t === void 0 && (t = {});
+  const {
+    x: r,
+    y: o,
+    platform: i,
+    rects: c,
+    elements: s,
+    strategy: u
+  } = e, {
+    boundary: l = "clippingAncestors",
+    rootBoundary: f = "viewport",
+    elementContext: d = "floating",
+    altBoundary: p = !1,
+    padding: m = 0
+  } = K(t, e), g = an(m), v = s[p ? d === "floating" ? "reference" : "floating" : d], y = Fe(await i.getClippingRect({
+    element: (n = await (i.isElement == null ? void 0 : i.isElement(v))) == null || n ? v : v.contextElement || await (i.getDocumentElement == null ? void 0 : i.getDocumentElement(s.floating)),
+    boundary: l,
+    rootBoundary: f,
+    strategy: u
+  })), x = d === "floating" ? {
+    x: r,
+    y: o,
+    width: c.floating.width,
+    height: c.floating.height
+  } : c.reference, b = await (i.getOffsetParent == null ? void 0 : i.getOffsetParent(s.floating)), w = await (i.isElement == null ? void 0 : i.isElement(b)) ? await (i.getScale == null ? void 0 : i.getScale(b)) || {
+    x: 1,
+    y: 1
+  } : {
+    x: 1,
+    y: 1
+  }, E = Fe(i.convertOffsetParentRelativeRectToViewportRelativeRect ? await i.convertOffsetParentRelativeRectToViewportRelativeRect({
+    elements: s,
+    rect: x,
+    offsetParent: b,
+    strategy: u
+  }) : x);
+  return {
+    top: (y.top - E.top + g.top) / w.y,
+    bottom: (E.bottom - y.bottom + g.bottom) / w.y,
+    left: (y.left - E.left + g.left) / w.x,
+    right: (E.right - y.right + g.right) / w.x
+  };
+}
+const Uo = (e) => ({
+  name: "arrow",
+  options: e,
+  async fn(t) {
+    const {
+      x: n,
+      y: r,
+      placement: o,
+      rects: i,
+      platform: c,
+      elements: s,
+      middlewareData: u
+    } = t, {
+      element: l,
+      padding: f = 0
+    } = K(e, t) || {};
+    if (l == null)
+      return {};
+    const d = an(f), p = {
+      x: n,
+      y: r
+    }, m = at(o), g = ct(m), h = await c.getDimensions(l), v = m === "y", y = v ? "top" : "left", x = v ? "bottom" : "right", b = v ? "clientHeight" : "clientWidth", w = i.reference[g] + i.reference[m] - p[m] - i.floating[g], E = p[m] - i.reference[m], S = await (c.getOffsetParent == null ? void 0 : c.getOffsetParent(l));
+    let P = S ? S[b] : 0;
+    (!P || !await (c.isElement == null ? void 0 : c.isElement(S))) && (P = s.floating[b] || i.floating[g]);
+    const R = w / 2 - E / 2, N = P / 2 - h[g] / 2 - 1, O = ne(d[y], N), I = ne(d[x], N), W = O, M = P - h[g] - I, F = P / 2 - h[g] / 2 + R, k = tt(W, F, M), L = !u.arrow && me(o) != null && F !== k && i.reference[g] / 2 - (F < W ? O : I) - h[g] / 2 < 0, D = L ? F < W ? F - W : F - M : 0;
+    return {
+      [m]: p[m] + D,
+      data: {
+        [m]: k,
+        centerOffset: F - k - D,
+        ...L && {
+          alignmentOffset: D
+        }
+      },
+      reset: L
+    };
+  }
+}), zo = function(e) {
+  return e === void 0 && (e = {}), {
+    name: "flip",
+    options: e,
+    async fn(t) {
+      var n, r;
+      const {
+        placement: o,
+        middlewareData: i,
+        rects: c,
+        initialPlacement: s,
+        platform: u,
+        elements: l
+      } = t, {
+        mainAxis: f = !0,
+        crossAxis: d = !0,
+        fallbackPlacements: p,
+        fallbackStrategy: m = "bestFit",
+        fallbackAxisSideDirection: g = "none",
+        flipAlignment: h = !0,
+        ...v
+      } = K(e, t);
+      if ((n = i.arrow) != null && n.alignmentOffset)
+        return {};
+      const y = Z(o), x = X(s), b = Z(s) === s, w = await (u.isRTL == null ? void 0 : u.isRTL(l.floating)), E = p || (b || !h ? [_e(s)] : Bo(s)), S = g !== "none";
+      !p && S && E.push(...Ho(s, h, g, w));
+      const P = [s, ...E], R = await we(t, v), N = [];
+      let O = ((r = i.flip) == null ? void 0 : r.overflows) || [];
+      if (f && N.push(R[y]), d) {
+        const k = Wo(o, c, w);
+        N.push(R[k[0]], R[k[1]]);
+      }
+      if (O = [...O, {
+        placement: o,
+        overflows: N
+      }], !N.every((k) => k <= 0)) {
+        var I, W;
+        const k = (((I = i.flip) == null ? void 0 : I.index) || 0) + 1, L = P[k];
+        if (L) {
+          var M;
+          const A = d === "alignment" ? x !== X(L) : !1, T = ((M = O[0]) == null ? void 0 : M.overflows[0]) > 0;
+          if (!A || T)
+            return {
+              data: {
+                index: k,
+                overflows: O
+              },
+              reset: {
+                placement: L
+              }
+            };
+        }
+        let D = (W = O.filter((A) => A.overflows[0] <= 0).sort((A, T) => A.overflows[1] - T.overflows[1])[0]) == null ? void 0 : W.placement;
+        if (!D)
+          switch (m) {
+            case "bestFit": {
+              var F;
+              const A = (F = O.filter((T) => {
+                if (S) {
+                  const _ = X(T.placement);
+                  return _ === x || // Create a bias to the `y` side axis due to horizontal
+                  // reading directions favoring greater width.
+                  _ === "y";
+                }
+                return !0;
+              }).map((T) => [T.placement, T.overflows.filter((_) => _ > 0).reduce((_, se) => _ + se, 0)]).sort((T, _) => T[1] - _[1])[0]) == null ? void 0 : F[0];
+              A && (D = A);
+              break;
+            }
+            case "initialPlacement":
+              D = s;
+              break;
+          }
+        if (o !== D)
+          return {
+            reset: {
+              placement: D
+            }
+          };
+      }
+      return {};
+    }
+  };
+};
+function It(e, t) {
+  return {
+    top: e.top - t.height,
+    right: e.right - t.width,
+    bottom: e.bottom - t.height,
+    left: e.left - t.width
+  };
+}
+function Wt(e) {
+  return _o.some((t) => e[t] >= 0);
+}
+const Yo = function(e) {
+  return e === void 0 && (e = {}), {
+    name: "hide",
+    options: e,
+    async fn(t) {
+      const {
+        rects: n
+      } = t, {
+        strategy: r = "referenceHidden",
+        ...o
+      } = K(e, t);
+      switch (r) {
+        case "referenceHidden": {
+          const i = await we(t, {
+            ...o,
+            elementContext: "reference"
+          }), c = It(i, n.reference);
+          return {
+            data: {
+              referenceHiddenOffsets: c,
+              referenceHidden: Wt(c)
+            }
+          };
+        }
+        case "escaped": {
+          const i = await we(t, {
+            ...o,
+            altBoundary: !0
+          }), c = It(i, n.floating);
+          return {
+            data: {
+              escapedOffsets: c,
+              escaped: Wt(c)
+            }
+          };
+        }
+        default:
+          return {};
+      }
+    }
+  };
+};
+async function Xo(e, t) {
+  const {
+    placement: n,
+    platform: r,
+    elements: o
+  } = e, i = await (r.isRTL == null ? void 0 : r.isRTL(o.floating)), c = Z(n), s = me(n), u = X(n) === "y", l = ["left", "top"].includes(c) ? -1 : 1, f = i && u ? -1 : 1, d = K(t, e);
+  let {
+    mainAxis: p,
+    crossAxis: m,
+    alignmentAxis: g
+  } = typeof d == "number" ? {
+    mainAxis: d,
+    crossAxis: 0,
+    alignmentAxis: null
+  } : {
+    mainAxis: d.mainAxis || 0,
+    crossAxis: d.crossAxis || 0,
+    alignmentAxis: d.alignmentAxis
+  };
+  return s && typeof g == "number" && (m = s === "end" ? g * -1 : g), u ? {
+    x: m * f,
+    y: p * l
+  } : {
+    x: p * l,
+    y: m * f
+  };
+}
+const Ko = function(e) {
+  return e === void 0 && (e = 0), {
+    name: "offset",
+    options: e,
+    async fn(t) {
+      var n, r;
+      const {
+        x: o,
+        y: i,
+        placement: c,
+        middlewareData: s
+      } = t, u = await Xo(t, e);
+      return c === ((n = s.offset) == null ? void 0 : n.placement) && (r = s.arrow) != null && r.alignmentOffset ? {} : {
+        x: o + u.x,
+        y: i + u.y,
+        data: {
+          ...u,
+          placement: c
+        }
+      };
+    }
+  };
+}, Zo = function(e) {
+  return e === void 0 && (e = {}), {
+    name: "shift",
+    options: e,
+    async fn(t) {
+      const {
+        x: n,
+        y: r,
+        placement: o
+      } = t, {
+        mainAxis: i = !0,
+        crossAxis: c = !1,
+        limiter: s = {
+          fn: (v) => {
+            let {
+              x: y,
+              y: x
+            } = v;
+            return {
+              x: y,
+              y: x
+            };
+          }
+        },
+        ...u
+      } = K(e, t), l = {
+        x: n,
+        y: r
+      }, f = await we(t, u), d = X(Z(o)), p = st(d);
+      let m = l[p], g = l[d];
+      if (i) {
+        const v = p === "y" ? "top" : "left", y = p === "y" ? "bottom" : "right", x = m + f[v], b = m - f[y];
+        m = tt(x, m, b);
+      }
+      if (c) {
+        const v = d === "y" ? "top" : "left", y = d === "y" ? "bottom" : "right", x = g + f[v], b = g - f[y];
+        g = tt(x, g, b);
+      }
+      const h = s.fn({
+        ...t,
+        [p]: m,
+        [d]: g
+      });
+      return {
+        ...h,
+        data: {
+          x: h.x - n,
+          y: h.y - r,
+          enabled: {
+            [p]: i,
+            [d]: c
+          }
+        }
+      };
+    }
+  };
+}, qo = function(e) {
+  return e === void 0 && (e = {}), {
+    options: e,
+    fn(t) {
+      const {
+        x: n,
+        y: r,
+        placement: o,
+        rects: i,
+        middlewareData: c
+      } = t, {
+        offset: s = 0,
+        mainAxis: u = !0,
+        crossAxis: l = !0
+      } = K(e, t), f = {
+        x: n,
+        y: r
+      }, d = X(o), p = st(d);
+      let m = f[p], g = f[d];
+      const h = K(s, t), v = typeof h == "number" ? {
+        mainAxis: h,
+        crossAxis: 0
+      } : {
+        mainAxis: 0,
+        crossAxis: 0,
+        ...h
+      };
+      if (u) {
+        const b = p === "y" ? "height" : "width", w = i.reference[p] - i.floating[b] + v.mainAxis, E = i.reference[p] + i.reference[b] - v.mainAxis;
+        m < w ? m = w : m > E && (m = E);
+      }
+      if (l) {
+        var y, x;
+        const b = p === "y" ? "width" : "height", w = ["top", "left"].includes(Z(o)), E = i.reference[d] - i.floating[b] + (w && ((y = c.offset) == null ? void 0 : y[d]) || 0) + (w ? 0 : v.crossAxis), S = i.reference[d] + i.reference[b] + (w ? 0 : ((x = c.offset) == null ? void 0 : x[d]) || 0) - (w ? v.crossAxis : 0);
+        g < E ? g = E : g > S && (g = S);
+      }
+      return {
+        [p]: m,
+        [d]: g
+      };
+    }
+  };
+}, Go = function(e) {
+  return e === void 0 && (e = {}), {
+    name: "size",
+    options: e,
+    async fn(t) {
+      var n, r;
+      const {
+        placement: o,
+        rects: i,
+        platform: c,
+        elements: s
+      } = t, {
+        apply: u = () => {
+        },
+        ...l
+      } = K(e, t), f = await we(t, l), d = Z(o), p = me(o), m = X(o) === "y", {
+        width: g,
+        height: h
+      } = i.floating;
+      let v, y;
+      d === "top" || d === "bottom" ? (v = d, y = p === (await (c.isRTL == null ? void 0 : c.isRTL(s.floating)) ? "start" : "end") ? "left" : "right") : (y = d, v = p === "end" ? "top" : "bottom");
+      const x = h - f.top - f.bottom, b = g - f.left - f.right, w = ne(h - f[v], x), E = ne(g - f[y], b), S = !t.middlewareData.shift;
+      let P = w, R = E;
+      if ((n = t.middlewareData.shift) != null && n.enabled.x && (R = b), (r = t.middlewareData.shift) != null && r.enabled.y && (P = x), S && !p) {
+        const O = B(f.left, 0), I = B(f.right, 0), W = B(f.top, 0), M = B(f.bottom, 0);
+        m ? R = g - 2 * (O !== 0 || I !== 0 ? O + I : B(f.left, f.right)) : P = h - 2 * (W !== 0 || M !== 0 ? W + M : B(f.top, f.bottom));
+      }
+      await u({
+        ...t,
+        availableWidth: R,
+        availableHeight: P
+      });
+      const N = await c.getDimensions(s.floating);
+      return g !== N.width || h !== N.height ? {
+        reset: {
+          rects: !0
+        }
+      } : {};
+    }
+  };
+};
+function Be() {
+  return typeof window < "u";
+}
+function ve(e) {
+  return ln(e) ? (e.nodeName || "").toLowerCase() : "#document";
+}
+function $(e) {
+  var t;
+  return (e == null || (t = e.ownerDocument) == null ? void 0 : t.defaultView) || window;
+}
+function Y(e) {
+  var t;
+  return (t = (ln(e) ? e.ownerDocument : e.document) || window.document) == null ? void 0 : t.documentElement;
+}
+function ln(e) {
+  return Be() ? e instanceof Node || e instanceof $(e).Node : !1;
+}
+function H(e) {
+  return Be() ? e instanceof Element || e instanceof $(e).Element : !1;
+}
+function z(e) {
+  return Be() ? e instanceof HTMLElement || e instanceof $(e).HTMLElement : !1;
+}
+function Bt(e) {
+  return !Be() || typeof ShadowRoot > "u" ? !1 : e instanceof ShadowRoot || e instanceof $(e).ShadowRoot;
+}
+function Ee(e) {
+  const {
+    overflow: t,
+    overflowX: n,
+    overflowY: r,
+    display: o
+  } = V(e);
+  return /auto|scroll|overlay|hidden|clip/.test(t + r + n) && !["inline", "contents"].includes(o);
+}
+function Qo(e) {
+  return ["table", "td", "th"].includes(ve(e));
+}
+function $e(e) {
+  return [":popover-open", ":modal"].some((t) => {
+    try {
+      return e.matches(t);
+    } catch {
+      return !1;
+    }
+  });
+}
+function lt(e) {
+  const t = ut(), n = H(e) ? V(e) : e;
+  return ["transform", "translate", "scale", "rotate", "perspective"].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) || ["transform", "translate", "scale", "rotate", "perspective", "filter"].some((r) => (n.willChange || "").includes(r)) || ["paint", "layout", "strict", "content"].some((r) => (n.contain || "").includes(r));
+}
+function Jo(e) {
+  let t = re(e);
+  for (; z(t) && !he(t); ) {
+    if (lt(t))
+      return t;
+    if ($e(t))
+      return null;
+    t = re(t);
+  }
+  return null;
+}
+function ut() {
+  return typeof CSS > "u" || !CSS.supports ? !1 : CSS.supports("-webkit-backdrop-filter", "none");
+}
+function he(e) {
+  return ["html", "body", "#document"].includes(ve(e));
+}
+function V(e) {
+  return $(e).getComputedStyle(e);
+}
+function He(e) {
+  return H(e) ? {
+    scrollLeft: e.scrollLeft,
+    scrollTop: e.scrollTop
+  } : {
+    scrollLeft: e.scrollX,
+    scrollTop: e.scrollY
+  };
+}
+function re(e) {
+  if (ve(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.
+    Bt(e) && e.host || // Fallback.
+    Y(e)
+  );
+  return Bt(t) ? t.host : t;
+}
+function un(e) {
+  const t = re(e);
+  return he(t) ? e.ownerDocument ? e.ownerDocument.body : e.body : z(t) && Ee(t) ? t : un(t);
+}
+function be(e, t, n) {
+  var r;
+  t === void 0 && (t = []), n === void 0 && (n = !0);
+  const o = un(e), i = o === ((r = e.ownerDocument) == null ? void 0 : r.body), c = $(o);
+  if (i) {
+    const s = rt(c);
+    return t.concat(c, c.visualViewport || [], Ee(o) ? o : [], s && n ? be(s) : []);
+  }
+  return t.concat(o, be(o, [], n));
+}
+function rt(e) {
+  return e.parent && Object.getPrototypeOf(e.parent) ? e.frameElement : null;
+}
+function fn(e) {
+  const t = V(e);
+  let n = parseFloat(t.width) || 0, r = parseFloat(t.height) || 0;
+  const o = z(e), i = o ? e.offsetWidth : n, c = o ? e.offsetHeight : r, s = De(n) !== i || De(r) !== c;
+  return s && (n = i, r = c), {
+    width: n,
+    height: r,
+    $: s
+  };
+}
+function ft(e) {
+  return H(e) ? e : e.contextElement;
+}
+function fe(e) {
+  const t = ft(e);
+  if (!z(t))
+    return U(1);
+  const n = t.getBoundingClientRect(), {
+    width: r,
+    height: o,
+    $: i
+  } = fn(t);
+  let c = (i ? De(n.width) : n.width) / r, s = (i ? De(n.height) : n.height) / o;
+  return (!c || !Number.isFinite(c)) && (c = 1), (!s || !Number.isFinite(s)) && (s = 1), {
+    x: c,
+    y: s
+  };
+}
+const ei = /* @__PURE__ */ U(0);
+function dn(e) {
+  const t = $(e);
+  return !ut() || !t.visualViewport ? ei : {
+    x: t.visualViewport.offsetLeft,
+    y: t.visualViewport.offsetTop
+  };
+}
+function ti(e, t, n) {
+  return t === void 0 && (t = !1), !n || t && n !== $(e) ? !1 : t;
+}
+function ie(e, t, n, r) {
+  t === void 0 && (t = !1), n === void 0 && (n = !1);
+  const o = e.getBoundingClientRect(), i = ft(e);
+  let c = U(1);
+  t && (r ? H(r) && (c = fe(r)) : c = fe(e));
+  const s = ti(i, n, r) ? dn(i) : U(0);
+  let u = (o.left + s.x) / c.x, l = (o.top + s.y) / c.y, f = o.width / c.x, d = o.height / c.y;
+  if (i) {
+    const p = $(i), m = r && H(r) ? $(r) : r;
+    let g = p, h = rt(g);
+    for (; h && r && m !== g; ) {
+      const v = fe(h), y = h.getBoundingClientRect(), x = V(h), b = y.left + (h.clientLeft + parseFloat(x.paddingLeft)) * v.x, w = y.top + (h.clientTop + parseFloat(x.paddingTop)) * v.y;
+      u *= v.x, l *= v.y, f *= v.x, d *= v.y, u += b, l += w, g = $(h), h = rt(g);
+    }
+  }
+  return Fe({
+    width: f,
+    height: d,
+    x: u,
+    y: l
+  });
+}
+function dt(e, t) {
+  const n = He(e).scrollLeft;
+  return t ? t.left + n : ie(Y(e)).left + n;
+}
+function hn(e, t, n) {
+  n === void 0 && (n = !1);
+  const r = e.getBoundingClientRect(), o = r.left + t.scrollLeft - (n ? 0 : (
+    // RTL <body> scrollbar.
+    dt(e, r)
+  )), i = r.top + t.scrollTop;
+  return {
+    x: o,
+    y: i
+  };
+}
+function ni(e) {
+  let {
+    elements: t,
+    rect: n,
+    offsetParent: r,
+    strategy: o
+  } = e;
+  const i = o === "fixed", c = Y(r), s = t ? $e(t.floating) : !1;
+  if (r === c || s && i)
+    return n;
+  let u = {
+    scrollLeft: 0,
+    scrollTop: 0
+  }, l = U(1);
+  const f = U(0), d = z(r);
+  if ((d || !d && !i) && ((ve(r) !== "body" || Ee(c)) && (u = He(r)), z(r))) {
+    const m = ie(r);
+    l = fe(r), f.x = m.x + r.clientLeft, f.y = m.y + r.clientTop;
+  }
+  const p = c && !d && !i ? hn(c, u, !0) : U(0);
+  return {
+    width: n.width * l.x,
+    height: n.height * l.y,
+    x: n.x * l.x - u.scrollLeft * l.x + f.x + p.x,
+    y: n.y * l.y - u.scrollTop * l.y + f.y + p.y
+  };
+}
+function ri(e) {
+  return Array.from(e.getClientRects());
+}
+function oi(e) {
+  const t = Y(e), n = He(e), r = e.ownerDocument.body, o = B(t.scrollWidth, t.clientWidth, r.scrollWidth, r.clientWidth), i = B(t.scrollHeight, t.clientHeight, r.scrollHeight, r.clientHeight);
+  let c = -n.scrollLeft + dt(e);
+  const s = -n.scrollTop;
+  return V(r).direction === "rtl" && (c += B(t.clientWidth, r.clientWidth) - o), {
+    width: o,
+    height: i,
+    x: c,
+    y: s
+  };
+}
+function ii(e, t) {
+  const n = $(e), r = Y(e), o = n.visualViewport;
+  let i = r.clientWidth, c = r.clientHeight, s = 0, u = 0;
+  if (o) {
+    i = o.width, c = o.height;
+    const l = ut();
+    (!l || l && t === "fixed") && (s = o.offsetLeft, u = o.offsetTop);
+  }
+  return {
+    width: i,
+    height: c,
+    x: s,
+    y: u
+  };
+}
+function si(e, t) {
+  const n = ie(e, !0, t === "fixed"), r = n.top + e.clientTop, o = n.left + e.clientLeft, i = z(e) ? fe(e) : U(1), c = e.clientWidth * i.x, s = e.clientHeight * i.y, u = o * i.x, l = r * i.y;
+  return {
+    width: c,
+    height: s,
+    x: u,
+    y: l
+  };
+}
+function $t(e, t, n) {
+  let r;
+  if (t === "viewport")
+    r = ii(e, n);
+  else if (t === "document")
+    r = oi(Y(e));
+  else if (H(t))
+    r = si(t, n);
+  else {
+    const o = dn(e);
+    r = {
+      x: t.x - o.x,
+      y: t.y - o.y,
+      width: t.width,
+      height: t.height
+    };
+  }
+  return Fe(r);
+}
+function pn(e, t) {
+  const n = re(e);
+  return n === t || !H(n) || he(n) ? !1 : V(n).position === "fixed" || pn(n, t);
+}
+function ci(e, t) {
+  const n = t.get(e);
+  if (n)
+    return n;
+  let r = be(e, [], !1).filter((s) => H(s) && ve(s) !== "body"), o = null;
+  const i = V(e).position === "fixed";
+  let c = i ? re(e) : e;
+  for (; H(c) && !he(c); ) {
+    const s = V(c), u = lt(c);
+    !u && s.position === "fixed" && (o = null), (i ? !u && !o : !u && s.position === "static" && !!o && ["absolute", "fixed"].includes(o.position) || Ee(c) && !u && pn(e, c)) ? r = r.filter((f) => f !== c) : o = s, c = re(c);
+  }
+  return t.set(e, r), r;
+}
+function ai(e) {
+  let {
+    element: t,
+    boundary: n,
+    rootBoundary: r,
+    strategy: o
+  } = e;
+  const c = [...n === "clippingAncestors" ? $e(t) ? [] : ci(t, this._c) : [].concat(n), r], s = c[0], u = c.reduce((l, f) => {
+    const d = $t(t, f, o);
+    return l.top = B(d.top, l.top), l.right = ne(d.right, l.right), l.bottom = ne(d.bottom, l.bottom), l.left = B(d.left, l.left), l;
+  }, $t(t, s, o));
+  return {
+    width: u.right - u.left,
+    height: u.bottom - u.top,
+    x: u.left,
+    y: u.top
+  };
+}
+function li(e) {
+  const {
+    width: t,
+    height: n
+  } = fn(e);
+  return {
+    width: t,
+    height: n
+  };
+}
+function ui(e, t, n) {
+  const r = z(t), o = Y(t), i = n === "fixed", c = ie(e, !0, i, t);
+  let s = {
+    scrollLeft: 0,
+    scrollTop: 0
+  };
+  const u = U(0);
+  function l() {
+    u.x = dt(o);
+  }
+  if (r || !r && !i)
+    if ((ve(t) !== "body" || Ee(o)) && (s = He(t)), r) {
+      const m = ie(t, !0, i, t);
+      u.x = m.x + t.clientLeft, u.y = m.y + t.clientTop;
+    } else o && l();
+  i && !r && o && l();
+  const f = o && !r && !i ? hn(o, s) : U(0), d = c.left + s.scrollLeft - u.x - f.x, p = c.top + s.scrollTop - u.y - f.y;
+  return {
+    x: d,
+    y: p,
+    width: c.width,
+    height: c.height
+  };
+}
+function qe(e) {
+  return V(e).position === "static";
+}
+function Ht(e, t) {
+  if (!z(e) || V(e).position === "fixed")
+    return null;
+  if (t)
+    return t(e);
+  let n = e.offsetParent;
+  return Y(e) === n && (n = n.ownerDocument.body), n;
+}
+function mn(e, t) {
+  const n = $(e);
+  if ($e(e))
+    return n;
+  if (!z(e)) {
+    let o = re(e);
+    for (; o && !he(o); ) {
+      if (H(o) && !qe(o))
+        return o;
+      o = re(o);
+    }
+    return n;
+  }
+  let r = Ht(e, t);
+  for (; r && Qo(r) && qe(r); )
+    r = Ht(r, t);
+  return r && he(r) && qe(r) && !lt(r) ? n : r || Jo(e) || n;
+}
+const fi = async function(e) {
+  const t = this.getOffsetParent || mn, n = this.getDimensions, r = await n(e.floating);
+  return {
+    reference: ui(e.reference, await t(e.floating), e.strategy),
+    floating: {
+      x: 0,
+      y: 0,
+      width: r.width,
+      height: r.height
+    }
+  };
+};
+function di(e) {
+  return V(e).direction === "rtl";
+}
+const hi = {
+  convertOffsetParentRelativeRectToViewportRelativeRect: ni,
+  getDocumentElement: Y,
+  getClippingRect: ai,
+  getOffsetParent: mn,
+  getElementRects: fi,
+  getClientRects: ri,
+  getDimensions: li,
+  getScale: fe,
+  isElement: H,
+  isRTL: di
+};
+function vn(e, t) {
+  return e.x === t.x && e.y === t.y && e.width === t.width && e.height === t.height;
+}
+function pi(e, t) {
+  let n = null, r;
+  const o = Y(e);
+  function i() {
+    var s;
+    clearTimeout(r), (s = n) == null || s.disconnect(), n = null;
+  }
+  function c(s, u) {
+    s === void 0 && (s = !1), u === void 0 && (u = 1), i();
+    const l = e.getBoundingClientRect(), {
+      left: f,
+      top: d,
+      width: p,
+      height: m
+    } = l;
+    if (s || t(), !p || !m)
+      return;
+    const g = Me(d), h = Me(o.clientWidth - (f + p)), v = Me(o.clientHeight - (d + m)), y = Me(f), b = {
+      rootMargin: -g + "px " + -h + "px " + -v + "px " + -y + "px",
+      threshold: B(0, ne(1, u)) || 1
+    };
+    let w = !0;
+    function E(S) {
+      const P = S[0].intersectionRatio;
+      if (P !== u) {
+        if (!w)
+          return c();
+        P ? c(!1, P) : r = setTimeout(() => {
+          c(!1, 1e-7);
+        }, 1e3);
+      }
+      P === 1 && !vn(l, e.getBoundingClientRect()) && c(), w = !1;
+    }
+    try {
+      n = new IntersectionObserver(E, {
+        ...b,
+        // Handle <iframe>s
+        root: o.ownerDocument
+      });
+    } catch {
+      n = new IntersectionObserver(E, b);
+    }
+    n.observe(e);
+  }
+  return c(!0), i;
+}
+function mi(e, t, n, r) {
+  r === void 0 && (r = {});
+  const {
+    ancestorScroll: o = !0,
+    ancestorResize: i = !0,
+    elementResize: c = typeof ResizeObserver == "function",
+    layoutShift: s = typeof IntersectionObserver == "function",
+    animationFrame: u = !1
+  } = r, l = ft(e), f = o || i ? [...l ? be(l) : [], ...be(t)] : [];
+  f.forEach((y) => {
+    o && y.addEventListener("scroll", n, {
+      passive: !0
+    }), i && y.addEventListener("resize", n);
+  });
+  const d = l && s ? pi(l, n) : null;
+  let p = -1, m = null;
+  c && (m = new ResizeObserver((y) => {
+    let [x] = y;
+    x && x.target === l && m && (m.unobserve(t), cancelAnimationFrame(p), p = requestAnimationFrame(() => {
+      var b;
+      (b = m) == null || b.observe(t);
+    })), n();
+  }), l && !u && m.observe(l), m.observe(t));
+  let g, h = u ? ie(e) : null;
+  u && v();
+  function v() {
+    const y = ie(e);
+    h && !vn(h, y) && n(), h = y, g = requestAnimationFrame(v);
+  }
+  return n(), () => {
+    var y;
+    f.forEach((x) => {
+      o && x.removeEventListener("scroll", n), i && x.removeEventListener("resize", n);
+    }), d == null || d(), (y = m) == null || y.disconnect(), m = null, u && cancelAnimationFrame(g);
+  };
+}
+const vi = Ko, gi = Zo, yi = zo, wi = Go, bi = Yo, Vt = Uo, xi = qo, Ei = (e, t, n) => {
+  const r = /* @__PURE__ */ new Map(), o = {
+    platform: hi,
+    ...n
+  }, i = {
+    ...o.platform,
+    _c: r
+  };
+  return jo(e, t, {
+    ...o,
+    platform: i
+  });
+};
+var Le = typeof document < "u" ? Jn : er;
+function Ie(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, o;
+  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 (!Ie(e[r], t[r]))
+          return !1;
+      return !0;
+    }
+    if (o = Object.keys(e), n = o.length, n !== Object.keys(t).length)
+      return !1;
+    for (r = n; r-- !== 0; )
+      if (!{}.hasOwnProperty.call(t, o[r]))
+        return !1;
+    for (r = n; r-- !== 0; ) {
+      const i = o[r];
+      if (!(i === "_owner" && e.$$typeof) && !Ie(e[i], t[i]))
+        return !1;
+    }
+    return !0;
+  }
+  return e !== e && t !== t;
+}
+function gn(e) {
+  return typeof window > "u" ? 1 : (e.ownerDocument.defaultView || window).devicePixelRatio || 1;
+}
+function jt(e, t) {
+  const n = gn(e);
+  return Math.round(t * n) / n;
+}
+function Ge(e) {
+  const t = a.useRef(e);
+  return Le(() => {
+    t.current = e;
+  }), t;
+}
+function Ci(e) {
+  e === void 0 && (e = {});
+  const {
+    placement: t = "bottom",
+    strategy: n = "absolute",
+    middleware: r = [],
+    platform: o,
+    elements: {
+      reference: i,
+      floating: c
+    } = {},
+    transform: s = !0,
+    whileElementsMounted: u,
+    open: l
+  } = e, [f, d] = a.useState({
+    x: 0,
+    y: 0,
+    strategy: n,
+    placement: t,
+    middlewareData: {},
+    isPositioned: !1
+  }), [p, m] = a.useState(r);
+  Ie(p, r) || m(r);
+  const [g, h] = a.useState(null), [v, y] = a.useState(null), x = a.useCallback((A) => {
+    A !== S.current && (S.current = A, h(A));
+  }, []), b = a.useCallback((A) => {
+    A !== P.current && (P.current = A, y(A));
+  }, []), w = i || g, E = c || v, S = a.useRef(null), P = a.useRef(null), R = a.useRef(f), N = u != null, O = Ge(u), I = Ge(o), W = Ge(l), M = a.useCallback(() => {
+    if (!S.current || !P.current)
+      return;
+    const A = {
+      placement: t,
+      strategy: n,
+      middleware: p
+    };
+    I.current && (A.platform = I.current), Ei(S.current, P.current, A).then((T) => {
+      const _ = {
+        ...T,
+        // 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: W.current !== !1
+      };
+      F.current && !Ie(R.current, _) && (R.current = _, ot.flushSync(() => {
+        d(_);
+      }));
+    });
+  }, [p, t, n, I, W]);
+  Le(() => {
+    l === !1 && R.current.isPositioned && (R.current.isPositioned = !1, d((A) => ({
+      ...A,
+      isPositioned: !1
+    })));
+  }, [l]);
+  const F = a.useRef(!1);
+  Le(() => (F.current = !0, () => {
+    F.current = !1;
+  }), []), Le(() => {
+    if (w && (S.current = w), E && (P.current = E), w && E) {
+      if (O.current)
+        return O.current(w, E, M);
+      M();
+    }
+  }, [w, E, M, O, N]);
+  const k = a.useMemo(() => ({
+    reference: S,
+    floating: P,
+    setReference: x,
+    setFloating: b
+  }), [x, b]), L = a.useMemo(() => ({
+    reference: w,
+    floating: E
+  }), [w, E]), D = a.useMemo(() => {
+    const A = {
+      position: n,
+      left: 0,
+      top: 0
+    };
+    if (!L.floating)
+      return A;
+    const T = jt(L.floating, f.x), _ = jt(L.floating, f.y);
+    return s ? {
+      ...A,
+      transform: "translate(" + T + "px, " + _ + "px)",
+      ...gn(L.floating) >= 1.5 && {
+        willChange: "transform"
+      }
+    } : {
+      position: n,
+      left: T,
+      top: _
+    };
+  }, [n, s, L.floating, f.x, f.y]);
+  return a.useMemo(() => ({
+    ...f,
+    update: M,
+    refs: k,
+    elements: L,
+    floatingStyles: D
+  }), [f, M, k, L, D]);
+}
+const Pi = (e) => {
+  function t(n) {
+    return {}.hasOwnProperty.call(n, "current");
+  }
+  return {
+    name: "arrow",
+    options: e,
+    fn(n) {
+      const {
+        element: r,
+        padding: o
+      } = typeof e == "function" ? e(n) : e;
+      return r && t(r) ? r.current != null ? Vt({
+        element: r.current,
+        padding: o
+      }).fn(n) : {} : r ? Vt({
+        element: r,
+        padding: o
+      }).fn(n) : {};
+    }
+  };
+}, Si = (e, t) => ({
+  ...vi(e),
+  options: [e, t]
+}), Ai = (e, t) => ({
+  ...gi(e),
+  options: [e, t]
+}), Ri = (e, t) => ({
+  ...xi(e),
+  options: [e, t]
+}), Oi = (e, t) => ({
+  ...yi(e),
+  options: [e, t]
+}), Ni = (e, t) => ({
+  ...wi(e),
+  options: [e, t]
+}), Mi = (e, t) => ({
+  ...bi(e),
+  options: [e, t]
+}), Ti = (e, t) => ({
+  ...Pi(e),
+  options: [e, t]
+});
+var ki = "Arrow", yn = a.forwardRef((e, t) => {
+  const { children: n, width: r = 10, height: o = 5, ...i } = e;
+  return /* @__PURE__ */ C(
+    G.svg,
+    {
+      ...i,
+      ref: t,
+      width: r,
+      height: o,
+      viewBox: "0 0 30 10",
+      preserveAspectRatio: "none",
+      children: e.asChild ? n : /* @__PURE__ */ C("polygon", { points: "0,0 30,0 15,10" })
+    }
+  );
+});
+yn.displayName = ki;
+var Li = yn, ht = "Popper", [wn, bn] = zt(ht), [Di, xn] = wn(ht), En = (e) => {
+  const { __scopePopper: t, children: n } = e, [r, o] = a.useState(null);
+  return /* @__PURE__ */ C(Di, { scope: t, anchor: r, onAnchorChange: o, children: n });
+};
+En.displayName = ht;
+var Cn = "PopperAnchor", Pn = a.forwardRef(
+  (e, t) => {
+    const { __scopePopper: n, virtualRef: r, ...o } = e, i = xn(Cn, n), c = a.useRef(null), s = q(t, c);
+    return a.useEffect(() => {
+      i.onAnchorChange((r == null ? void 0 : r.current) || c.current);
+    }), r ? null : /* @__PURE__ */ C(G.div, { ...o, ref: s });
+  }
+);
+Pn.displayName = Cn;
+var pt = "PopperContent", [_i, Fi] = wn(pt), Sn = a.forwardRef(
+  (e, t) => {
+    var vt, gt, yt, wt, bt, xt;
+    const {
+      __scopePopper: n,
+      side: r = "bottom",
+      sideOffset: o = 0,
+      align: i = "center",
+      alignOffset: c = 0,
+      arrowPadding: s = 0,
+      avoidCollisions: u = !0,
+      collisionBoundary: l = [],
+      collisionPadding: f = 0,
+      sticky: d = "partial",
+      hideWhenDetached: p = !1,
+      updatePositionStrategy: m = "optimized",
+      onPlaced: g,
+      ...h
+    } = e, v = xn(pt, n), [y, x] = a.useState(null), b = q(t, (ge) => x(ge)), [w, E] = a.useState(null), S = Do(w), P = (S == null ? void 0 : S.width) ?? 0, R = (S == null ? void 0 : S.height) ?? 0, N = r + (i !== "center" ? "-" + i : ""), O = typeof f == "number" ? f : { top: 0, right: 0, bottom: 0, left: 0, ...f }, I = Array.isArray(l) ? l : [l], W = I.length > 0, M = {
+      padding: O,
+      boundary: I.filter(Wi),
+      // with `strategy: 'fixed'`, this is the only way to get it to respect boundaries
+      altBoundary: W
+    }, { refs: F, floatingStyles: k, placement: L, isPositioned: D, middlewareData: A } = Ci({
+      // default to `fixed` strategy so users don't have to pick and we also avoid focus scroll issues
+      strategy: "fixed",
+      placement: N,
+      whileElementsMounted: (...ge) => mi(...ge, {
+        animationFrame: m === "always"
+      }),
+      elements: {
+        reference: v.anchor
+      },
+      middleware: [
+        Si({ mainAxis: o + R, alignmentAxis: c }),
+        u && Ai({
+          mainAxis: !0,
+          crossAxis: !1,
+          limiter: d === "partial" ? Ri() : void 0,
+          ...M
+        }),
+        u && Oi({ ...M }),
+        Ni({
+          ...M,
+          apply: ({ elements: ge, rects: Et, availableWidth: Yn, availableHeight: Xn }) => {
+            const { width: Kn, height: Zn } = Et.reference, Pe = ge.floating.style;
+            Pe.setProperty("--radix-popper-available-width", `${Yn}px`), Pe.setProperty("--radix-popper-available-height", `${Xn}px`), Pe.setProperty("--radix-popper-anchor-width", `${Kn}px`), Pe.setProperty("--radix-popper-anchor-height", `${Zn}px`);
+          }
+        }),
+        w && Ti({ element: w, padding: s }),
+        Bi({ arrowWidth: P, arrowHeight: R }),
+        p && Mi({ strategy: "referenceHidden", ...M })
+      ]
+    }), [T, _] = On(L), se = de(g);
+    te(() => {
+      D && (se == null || se());
+    }, [D, se]);
+    const Hn = (vt = A.arrow) == null ? void 0 : vt.x, Vn = (gt = A.arrow) == null ? void 0 : gt.y, jn = ((yt = A.arrow) == null ? void 0 : yt.centerOffset) !== 0, [Un, zn] = a.useState();
+    return te(() => {
+      y && zn(window.getComputedStyle(y).zIndex);
+    }, [y]), /* @__PURE__ */ C(
+      "div",
+      {
+        ref: F.setFloating,
+        "data-radix-popper-content-wrapper": "",
+        style: {
+          ...k,
+          transform: D ? k.transform : "translate(0, -200%)",
+          // keep off the page when measuring
+          minWidth: "max-content",
+          zIndex: Un,
+          "--radix-popper-transform-origin": [
+            (wt = A.transformOrigin) == null ? void 0 : wt.x,
+            (bt = A.transformOrigin) == null ? void 0 : bt.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
+          ...((xt = A.hide) == null ? void 0 : xt.referenceHidden) && {
+            visibility: "hidden",
+            pointerEvents: "none"
+          }
+        },
+        dir: e.dir,
+        children: /* @__PURE__ */ C(
+          _i,
+          {
+            scope: n,
+            placedSide: T,
+            onArrowChange: E,
+            arrowX: Hn,
+            arrowY: Vn,
+            shouldHideArrow: jn,
+            children: /* @__PURE__ */ C(
+              G.div,
+              {
+                "data-side": T,
+                "data-align": _,
+                ...h,
+                ref: b,
+                style: {
+                  ...h.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"
+                }
+              }
+            )
+          }
+        )
+      }
+    );
+  }
+);
+Sn.displayName = pt;
+var An = "PopperArrow", Ii = {
+  top: "bottom",
+  right: "left",
+  bottom: "top",
+  left: "right"
+}, Rn = a.forwardRef(function(t, n) {
+  const { __scopePopper: r, ...o } = t, i = Fi(An, r), c = Ii[i.placedSide];
+  return (
+    // we have to use an extra wrapper because `ResizeObserver` (used by `useSize`)
+    // doesn't report size as we'd expect on SVG elements.
+    // it reports their bounding box which is effectively the largest path inside the SVG.
+    /* @__PURE__ */ C(
+      "span",
+      {
+        ref: i.onArrowChange,
+        style: {
+          position: "absolute",
+          left: i.arrowX,
+          top: i.arrowY,
+          [c]: 0,
+          transformOrigin: {
+            top: "",
+            right: "0 0",
+            bottom: "center 0",
+            left: "100% 0"
+          }[i.placedSide],
+          transform: {
+            top: "translateY(100%)",
+            right: "translateY(50%) rotate(90deg) translateX(-50%)",
+            bottom: "rotate(180deg)",
+            left: "translateY(50%) rotate(-90deg) translateX(50%)"
+          }[i.placedSide],
+          visibility: i.shouldHideArrow ? "hidden" : void 0
+        },
+        children: /* @__PURE__ */ C(
+          Li,
+          {
+            ...o,
+            ref: n,
+            style: {
+              ...o.style,
+              // ensures the element can be measured correctly (mostly for if SVG)
+              display: "block"
+            }
+          }
+        )
+      }
+    )
+  );
+});
+Rn.displayName = An;
+function Wi(e) {
+  return e !== null;
+}
+var Bi = (e) => ({
+  name: "transformOrigin",
+  options: e,
+  fn(t) {
+    var v, y, x;
+    const { placement: n, rects: r, middlewareData: o } = t, c = ((v = o.arrow) == null ? void 0 : v.centerOffset) !== 0, s = c ? 0 : e.arrowWidth, u = c ? 0 : e.arrowHeight, [l, f] = On(n), d = { start: "0%", center: "50%", end: "100%" }[f], p = (((y = o.arrow) == null ? void 0 : y.x) ?? 0) + s / 2, m = (((x = o.arrow) == null ? void 0 : x.y) ?? 0) + u / 2;
+    let g = "", h = "";
+    return l === "bottom" ? (g = c ? d : `${p}px`, h = `${-u}px`) : l === "top" ? (g = c ? d : `${p}px`, h = `${r.floating.height + u}px`) : l === "right" ? (g = `${-u}px`, h = c ? d : `${m}px`) : l === "left" && (g = `${r.floating.width + u}px`, h = c ? d : `${m}px`), { data: { x: g, y: h } };
+  }
+});
+function On(e) {
+  const [t, n = "center"] = e.split("-");
+  return [t, n];
+}
+var $i = En, Nn = Pn, Hi = Sn, Vi = Rn, Ve = "Popover", [Mn, ms] = zt(Ve, [
+  bn
+]), Ce = bn(), [ji, oe] = Mn(Ve), Tn = (e) => {
+  const {
+    __scopePopover: t,
+    children: n,
+    open: r,
+    defaultOpen: o,
+    onOpenChange: i,
+    modal: c = !1
+  } = e, s = Ce(t), u = a.useRef(null), [l, f] = a.useState(!1), [d, p] = xr({
+    prop: r,
+    defaultProp: o ?? !1,
+    onChange: i,
+    caller: Ve
+  });
+  return /* @__PURE__ */ C($i, { ...s, children: /* @__PURE__ */ C(
+    ji,
+    {
+      scope: t,
+      contentId: Nr(),
+      triggerRef: u,
+      open: d,
+      onOpenChange: p,
+      onOpenToggle: a.useCallback(() => p((m) => !m), [p]),
+      hasCustomAnchor: l,
+      onCustomAnchorAdd: a.useCallback(() => f(!0), []),
+      onCustomAnchorRemove: a.useCallback(() => f(!1), []),
+      modal: c,
+      children: n
+    }
+  ) });
+};
+Tn.displayName = Ve;
+var kn = "PopoverAnchor", Ln = a.forwardRef(
+  (e, t) => {
+    const { __scopePopover: n, ...r } = e, o = oe(kn, n), i = Ce(n), { onCustomAnchorAdd: c, onCustomAnchorRemove: s } = o;
+    return a.useEffect(() => (c(), () => s()), [c, s]), /* @__PURE__ */ C(Nn, { ...i, ...r, ref: t });
+  }
+);
+Ln.displayName = kn;
+var Dn = "PopoverTrigger", _n = a.forwardRef(
+  (e, t) => {
+    const { __scopePopover: n, ...r } = e, o = oe(Dn, n), i = Ce(n), c = q(t, o.triggerRef), s = /* @__PURE__ */ C(
+      G.button,
+      {
+        type: "button",
+        "aria-haspopup": "dialog",
+        "aria-expanded": o.open,
+        "aria-controls": o.contentId,
+        "data-state": $n(o.open),
+        ...r,
+        ref: c,
+        onClick: ee(e.onClick, o.onOpenToggle)
+      }
+    );
+    return o.hasCustomAnchor ? s : /* @__PURE__ */ C(Nn, { asChild: !0, ...i, children: s });
+  }
+);
+_n.displayName = Dn;
+var mt = "PopoverPortal", [Ui, zi] = Mn(mt, {
+  forceMount: void 0
+}), Fn = (e) => {
+  const { __scopePopover: t, forceMount: n, children: r, container: o } = e, i = oe(mt, t);
+  return /* @__PURE__ */ C(Ui, { scope: t, forceMount: n, children: /* @__PURE__ */ C(it, { present: n || i.open, children: /* @__PURE__ */ C(Gt, { asChild: !0, container: o, children: r }) }) });
+};
+Fn.displayName = mt;
+var pe = "PopoverContent", In = a.forwardRef(
+  (e, t) => {
+    const n = zi(pe, e.__scopePopover), { forceMount: r = n.forceMount, ...o } = e, i = oe(pe, e.__scopePopover);
+    return /* @__PURE__ */ C(it, { present: r || i.open, children: i.modal ? /* @__PURE__ */ C(Xi, { ...o, ref: t }) : /* @__PURE__ */ C(Ki, { ...o, ref: t }) });
+  }
+);
+In.displayName = pe;
+var Yi = /* @__PURE__ */ Ut("PopoverContent.RemoveScroll"), Xi = a.forwardRef(
+  (e, t) => {
+    const n = oe(pe, e.__scopePopover), r = a.useRef(null), o = q(t, r), i = a.useRef(!1);
+    return a.useEffect(() => {
+      const c = r.current;
+      if (c) return Lo(c);
+    }, []), /* @__PURE__ */ C(sn, { as: Yi, allowPinchZoom: !0, children: /* @__PURE__ */ C(
+      Wn,
+      {
+        ...e,
+        ref: o,
+        trapFocus: n.open,
+        disableOutsidePointerEvents: !0,
+        onCloseAutoFocus: ee(e.onCloseAutoFocus, (c) => {
+          var s;
+          c.preventDefault(), i.current || (s = n.triggerRef.current) == null || s.focus();
+        }),
+        onPointerDownOutside: ee(
+          e.onPointerDownOutside,
+          (c) => {
+            const s = c.detail.originalEvent, u = s.button === 0 && s.ctrlKey === !0, l = s.button === 2 || u;
+            i.current = l;
+          },
+          { checkForDefaultPrevented: !1 }
+        ),
+        onFocusOutside: ee(
+          e.onFocusOutside,
+          (c) => c.preventDefault(),
+          { checkForDefaultPrevented: !1 }
+        )
+      }
+    ) });
+  }
+), Ki = a.forwardRef(
+  (e, t) => {
+    const n = oe(pe, e.__scopePopover), r = a.useRef(!1), o = a.useRef(!1);
+    return /* @__PURE__ */ C(
+      Wn,
+      {
+        ...e,
+        ref: t,
+        trapFocus: !1,
+        disableOutsidePointerEvents: !1,
+        onCloseAutoFocus: (i) => {
+          var c, s;
+          (c = e.onCloseAutoFocus) == null || c.call(e, i), i.defaultPrevented || (r.current || (s = n.triggerRef.current) == null || s.focus(), i.preventDefault()), r.current = !1, o.current = !1;
+        },
+        onInteractOutside: (i) => {
+          var u, l;
+          (u = e.onInteractOutside) == null || u.call(e, i), i.defaultPrevented || (r.current = !0, i.detail.originalEvent.type === "pointerdown" && (o.current = !0));
+          const c = i.target;
+          ((l = n.triggerRef.current) == null ? void 0 : l.contains(c)) && i.preventDefault(), i.detail.originalEvent.type === "focusin" && o.current && i.preventDefault();
+        }
+      }
+    );
+  }
+), Wn = a.forwardRef(
+  (e, t) => {
+    const {
+      __scopePopover: n,
+      trapFocus: r,
+      onOpenAutoFocus: o,
+      onCloseAutoFocus: i,
+      disableOutsidePointerEvents: c,
+      onEscapeKeyDown: s,
+      onPointerDownOutside: u,
+      onFocusOutside: l,
+      onInteractOutside: f,
+      ...d
+    } = e, p = oe(pe, n), m = Ce(n);
+    return Yr(), /* @__PURE__ */ C(
+      Zt,
+      {
+        asChild: !0,
+        loop: !0,
+        trapped: r,
+        onMountAutoFocus: o,
+        onUnmountAutoFocus: i,
+        children: /* @__PURE__ */ C(
+          Xt,
+          {
+            asChild: !0,
+            disableOutsidePointerEvents: c,
+            onInteractOutside: f,
+            onEscapeKeyDown: s,
+            onPointerDownOutside: u,
+            onFocusOutside: l,
+            onDismiss: () => p.onOpenChange(!1),
+            children: /* @__PURE__ */ C(
+              Hi,
+              {
+                "data-state": $n(p.open),
+                role: "dialog",
+                id: p.contentId,
+                ...m,
+                ...d,
+                ref: t,
+                style: {
+                  ...d.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)"
+                }
+              }
+            )
+          }
+        )
+      }
+    );
+  }
+), Bn = "PopoverClose", Zi = a.forwardRef(
+  (e, t) => {
+    const { __scopePopover: n, ...r } = e, o = oe(Bn, n);
+    return /* @__PURE__ */ C(
+      G.button,
+      {
+        type: "button",
+        ...r,
+        ref: t,
+        onClick: ee(e.onClick, () => o.onOpenChange(!1))
+      }
+    );
+  }
+);
+Zi.displayName = Bn;
+var qi = "PopoverArrow", Gi = a.forwardRef(
+  (e, t) => {
+    const { __scopePopover: n, ...r } = e, o = Ce(n);
+    return /* @__PURE__ */ C(Vi, { ...o, ...r, ref: t });
+  }
+);
+Gi.displayName = qi;
+function $n(e) {
+  return e ? "open" : "closed";
+}
+var Qi = Tn, Ji = Ln, es = _n, ts = Fn, ns = In;
+const rs = "_anchor_12muw_17", os = "_container_12muw_22", is = "_radio_12muw_38", ss = "_check_12muw_50", cs = "_radioInput_12muw_58", ye = {
+  anchor: rs,
+  container: os,
+  radio: is,
+  check: ss,
+  radioInput: cs
+};
+function Qe({ children: e, id: t, ...n }) {
+  return /* @__PURE__ */ J(qn, { children: [
+    /* @__PURE__ */ C(
+      "input",
+      {
+        type: "radio",
+        id: t,
+        className: tr(ye.radioInput, "sr-only"),
+        ...n
+      }
+    ),
+    /* @__PURE__ */ J("label", { htmlFor: t, className: ye.radio, children: [
+      e,
+      /* @__PURE__ */ C(ir, { className: ye.check })
+    ] })
+  ] });
+}
+function vs() {
+  const { theme: e, systemTheme: t, setTheme: n } = Gn();
+  return (
+    // TODO: Find out why focus doesnt return to trigger after closing (probably need to forwardRef <Button>)
+    /* @__PURE__ */ J(Qi, { children: [
+      /* @__PURE__ */ C(es, { asChild: !0, children: /* @__PURE__ */ J(nr, { variant: "transparent", children: [
+        /* @__PURE__ */ C(ar, {}),
+        /* @__PURE__ */ C(Ji, { className: ye.anchor })
+      ] }) }),
+      /* @__PURE__ */ C(ts, { children: /* @__PURE__ */ J(ns, { sideOffset: 8, className: ye.container, children: [
+        /* @__PURE__ */ C("span", { children: "Appearance" }),
+        /* @__PURE__ */ J(
+          Qe,
+          {
+            id: "system",
+            name: "theme",
+            checked: e === "system",
+            onChange: () => n("system"),
+            children: [
+              /* @__PURE__ */ C(sr, {}),
+              "Auto (",
+              t,
+              ")"
+            ]
+          }
+        ),
+        /* @__PURE__ */ J(
+          Qe,
+          {
+            id: "light",
+            name: "theme",
+            checked: e === "light",
+            onChange: () => n("light"),
+            children: [
+              /* @__PURE__ */ C(lr, {}),
+              "Light"
+            ]
+          }
+        ),
+        /* @__PURE__ */ J(
+          Qe,
+          {
+            id: "dark",
+            name: "theme",
+            checked: e === "dark",
+            onChange: () => n("dark"),
+            children: [
+              /* @__PURE__ */ C(cr, {}),
+              "Dark"
+            ]
+          }
+        )
+      ] }) })
+    ] })
+  );
+}
+export {
+  vs as PrefPanel,
+  Qe as PrefRadio
+};