highsoft-ui 1.0.111 → 1.0.113

package/dist/components/PrefPanel/index.js

@@ -1,1945 +1,2 @@
-import { jsx as w, jsxs as q, Fragment as oe } from "react/jsx-runtime";
-import { z as qe, c as Ue } from "../../utils-BKDJp1i0.js";
-import * as g from "react";
-import { useLayoutEffect as Ge } from "react";
-import { C as Ze } from "../../Check-Cm4roSEj.js";
-import { _ as yt } from "../../extends-hS2Bh-Yp.js";
-import { c as Je } from "../../clsx-OuTLNxxd.js";
-import { Button as tn } from "../Button/index.js";
-import { h as _t, P as ft, u as At, c as re, f as en, e as nn, b as on, d as ct, g as ie, i as rn, j as sn, R as cn, a as an, k as ln, F as fn, D as un } from "../../index-CYz8LhDn.js";
-import * as dn from "react-dom";
-var pn = function(e) {
-  return /* @__PURE__ */ w("svg", yt({
-    xmlns: "http://www.w3.org/2000/svg",
-    width: 24,
-    height: 24,
-    fill: "none",
-    viewBox: "0 0 24 24"
-  }, e, {
-    children: /* @__PURE__ */ w("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"
-    })
-  }));
-}, hn = function(e) {
-  return /* @__PURE__ */ w("svg", yt({
-    xmlns: "http://www.w3.org/2000/svg",
-    width: 24,
-    height: 24,
-    fill: "none",
-    viewBox: "0 0 24 24"
-  }, e, {
-    children: /* @__PURE__ */ w("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"
-    })
-  }));
-}, mn = function(e) {
-  return /* @__PURE__ */ w("svg", yt({
-    xmlns: "http://www.w3.org/2000/svg",
-    width: 24,
-    height: 24,
-    fill: "none",
-    viewBox: "0 0 24 24"
-  }, e, {
-    children: /* @__PURE__ */ w("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"
-    })
-  }));
-}, gn = function(e) {
-  return /* @__PURE__ */ w("svg", yt({
-    xmlns: "http://www.w3.org/2000/svg",
-    width: 24,
-    height: 24,
-    fill: "none",
-    viewBox: "0 0 24 24"
-  }, e, {
-    children: /* @__PURE__ */ w("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"
-    })
-  }));
-};
-function wn(t) {
-  const [e, n] = g.useState(void 0);
-  return _t(() => {
-    if (t) {
-      n({ width: t.offsetWidth, height: t.offsetHeight });
-      const o = new ResizeObserver((r) => {
-        if (!Array.isArray(r) || !r.length)
-          return;
-        const i = r[0];
-        let s, c;
-        if ("borderBoxSize" in i) {
-          const a = i.borderBoxSize, f = Array.isArray(a) ? a[0] : a;
-          s = f.inlineSize, c = f.blockSize;
-        } else
-          s = t.offsetWidth, c = t.offsetHeight;
-        n({ width: s, height: c });
-      });
-      return o.observe(t, { box: "border-box" }), () => o.unobserve(t);
-    } else
-      n(void 0);
-  }, [t]), e;
-}
-const vn = ["top", "right", "bottom", "left"], U = Math.min, W = Math.max, gt = Math.round, ht = Math.floor, j = (t) => ({
-  x: t,
-  y: t
-}), xn = {
-  left: "right",
-  right: "left",
-  bottom: "top",
-  top: "bottom"
-};
-function Dt(t, e, n) {
-  return W(t, U(e, n));
-}
-function Y(t, e) {
-  return typeof t == "function" ? t(e) : t;
-}
-function K(t) {
-  return t.split("-")[0];
-}
-function rt(t) {
-  return t.split("-")[1];
-}
-function Nt(t) {
-  return t === "x" ? "y" : "x";
-}
-function Ft(t) {
-  return t === "y" ? "height" : "width";
-}
-function V(t) {
-  const e = t[0];
-  return e === "t" || e === "b" ? "y" : "x";
-}
-function $t(t) {
-  return Nt(V(t));
-}
-function yn(t, e, n) {
-  n === void 0 && (n = !1);
-  const o = rt(t), r = $t(t), i = Ft(r);
-  let s = r === "x" ? o === (n ? "end" : "start") ? "right" : "left" : o === "start" ? "bottom" : "top";
-  return e.reference[i] > e.floating[i] && (s = wt(s)), [s, wt(s)];
-}
-function An(t) {
-  const e = wt(t);
-  return [Lt(t), e, Lt(e)];
-}
-function Lt(t) {
-  return t.includes("start") ? t.replace("start", "end") : t.replace("end", "start");
-}
-const Yt = ["left", "right"], Kt = ["right", "left"], Pn = ["top", "bottom"], bn = ["bottom", "top"];
-function Cn(t, e, n) {
-  switch (t) {
-    case "top":
-    case "bottom":
-      return n ? e ? Kt : Yt : e ? Yt : Kt;
-    case "left":
-    case "right":
-      return e ? Pn : bn;
-    default:
-      return [];
-  }
-}
-function Rn(t, e, n, o) {
-  const r = rt(t);
-  let i = Cn(K(t), n === "start", o);
-  return r && (i = i.map((s) => s + "-" + r), e && (i = i.concat(i.map(Lt)))), i;
-}
-function wt(t) {
-  const e = K(t);
-  return xn[e] + t.slice(e.length);
-}
-function On(t) {
-  return {
-    top: 0,
-    right: 0,
-    bottom: 0,
-    left: 0,
-    ...t
-  };
-}
-function se(t) {
-  return typeof t != "number" ? On(t) : {
-    top: t,
-    right: t,
-    bottom: t,
-    left: t
-  };
-}
-function vt(t) {
-  const {
-    x: e,
-    y: n,
-    width: o,
-    height: r
-  } = t;
-  return {
-    width: o,
-    height: r,
-    top: n,
-    left: e,
-    right: e + o,
-    bottom: n + r,
-    x: e,
-    y: n
-  };
-}
-function Qt(t, e, n) {
-  let {
-    reference: o,
-    floating: r
-  } = t;
-  const i = V(e), s = $t(e), c = Ft(s), a = K(e), f = i === "y", l = o.x + o.width / 2 - r.width / 2, u = o.y + o.height / 2 - r.height / 2, p = o[c] / 2 - r[c] / 2;
-  let d;
-  switch (a) {
-    case "top":
-      d = {
-        x: l,
-        y: o.y - r.height
-      };
-      break;
-    case "bottom":
-      d = {
-        x: l,
-        y: o.y + o.height
-      };
-      break;
-    case "right":
-      d = {
-        x: o.x + o.width,
-        y: u
-      };
-      break;
-    case "left":
-      d = {
-        x: o.x - r.width,
-        y: u
-      };
-      break;
-    default:
-      d = {
-        x: o.x,
-        y: o.y
-      };
-  }
-  switch (rt(e)) {
-    case "start":
-      d[s] -= p * (n && f ? -1 : 1);
-      break;
-    case "end":
-      d[s] += p * (n && f ? -1 : 1);
-      break;
-  }
-  return d;
-}
-async function Sn(t, e) {
-  var n;
-  e === void 0 && (e = {});
-  const {
-    x: o,
-    y: r,
-    platform: i,
-    rects: s,
-    elements: c,
-    strategy: a
-  } = t, {
-    boundary: f = "clippingAncestors",
-    rootBoundary: l = "viewport",
-    elementContext: u = "floating",
-    altBoundary: p = !1,
-    padding: d = 0
-  } = Y(e, t), h = se(d), y = c[p ? u === "floating" ? "reference" : "floating" : u], v = vt(await i.getClippingRect({
-    element: (n = await (i.isElement == null ? void 0 : i.isElement(y))) == null || n ? y : y.contextElement || await (i.getDocumentElement == null ? void 0 : i.getDocumentElement(c.floating)),
-    boundary: f,
-    rootBoundary: l,
-    strategy: a
-  })), P = u === "floating" ? {
-    x: o,
-    y: r,
-    width: s.floating.width,
-    height: s.floating.height
-  } : s.reference, A = await (i.getOffsetParent == null ? void 0 : i.getOffsetParent(c.floating)), x = await (i.isElement == null ? void 0 : i.isElement(A)) ? await (i.getScale == null ? void 0 : i.getScale(A)) || {
-    x: 1,
-    y: 1
-  } : {
-    x: 1,
-    y: 1
-  }, C = vt(i.convertOffsetParentRelativeRectToViewportRelativeRect ? await i.convertOffsetParentRelativeRectToViewportRelativeRect({
-    elements: c,
-    rect: P,
-    offsetParent: A,
-    strategy: a
-  }) : P);
-  return {
-    top: (v.top - C.top + h.top) / x.y,
-    bottom: (C.bottom - v.bottom + h.bottom) / x.y,
-    left: (v.left - C.left + h.left) / x.x,
-    right: (C.right - v.right + h.right) / x.x
-  };
-}
-const En = 50, Mn = async (t, e, n) => {
-  const {
-    placement: o = "bottom",
-    strategy: r = "absolute",
-    middleware: i = [],
-    platform: s
-  } = n, c = s.detectOverflow ? s : {
-    ...s,
-    detectOverflow: Sn
-  }, a = await (s.isRTL == null ? void 0 : s.isRTL(e));
-  let f = await s.getElementRects({
-    reference: t,
-    floating: e,
-    strategy: r
-  }), {
-    x: l,
-    y: u
-  } = Qt(f, o, a), p = o, d = 0;
-  const h = {};
-  for (let m = 0; m < i.length; m++) {
-    const y = i[m];
-    if (!y)
-      continue;
-    const {
-      name: v,
-      fn: P
-    } = y, {
-      x: A,
-      y: x,
-      data: C,
-      reset: R
-    } = await P({
-      x: l,
-      y: u,
-      initialPlacement: o,
-      placement: p,
-      strategy: r,
-      middlewareData: h,
-      rects: f,
-      platform: c,
-      elements: {
-        reference: t,
-        floating: e
-      }
-    });
-    l = A ?? l, u = x ?? u, h[v] = {
-      ...h[v],
-      ...C
-    }, R && d < En && (d++, typeof R == "object" && (R.placement && (p = R.placement), R.rects && (f = R.rects === !0 ? await s.getElementRects({
-      reference: t,
-      floating: e,
-      strategy: r
-    }) : R.rects), {
-      x: l,
-      y: u
-    } = Qt(f, p, a)), m = -1);
-  }
-  return {
-    x: l,
-    y: u,
-    placement: p,
-    strategy: r,
-    middlewareData: h
-  };
-}, kn = (t) => ({
-  name: "arrow",
-  options: t,
-  async fn(e) {
-    const {
-      x: n,
-      y: o,
-      placement: r,
-      rects: i,
-      platform: s,
-      elements: c,
-      middlewareData: a
-    } = e, {
-      element: f,
-      padding: l = 0
-    } = Y(t, e) || {};
-    if (f == null)
-      return {};
-    const u = se(l), p = {
-      x: n,
-      y: o
-    }, d = $t(r), h = Ft(d), m = await s.getDimensions(f), y = d === "y", v = y ? "top" : "left", P = y ? "bottom" : "right", A = y ? "clientHeight" : "clientWidth", x = i.reference[h] + i.reference[d] - p[d] - i.floating[h], C = p[d] - i.reference[d], R = await (s.getOffsetParent == null ? void 0 : s.getOffsetParent(f));
-    let O = R ? R[A] : 0;
-    (!O || !await (s.isElement == null ? void 0 : s.isElement(R))) && (O = c.floating[A] || i.floating[h]);
-    const D = x / 2 - C / 2, F = O / 2 - m[h] / 2 - 1, _ = U(u[v], F), T = U(u[P], F), N = _, E = O - m[h] - T, S = O / 2 - m[h] / 2 + D, $ = Dt(N, S, E), M = !a.arrow && rt(r) != null && S !== $ && i.reference[h] / 2 - (S < N ? _ : T) - m[h] / 2 < 0, k = M ? S < N ? S - N : S - E : 0;
-    return {
-      [d]: p[d] + k,
-      data: {
-        [d]: $,
-        centerOffset: S - $ - k,
-        ...M && {
-          alignmentOffset: k
-        }
-      },
-      reset: M
-    };
-  }
-}), _n = function(t) {
-  return t === void 0 && (t = {}), {
-    name: "flip",
-    options: t,
-    async fn(e) {
-      var n, o;
-      const {
-        placement: r,
-        middlewareData: i,
-        rects: s,
-        initialPlacement: c,
-        platform: a,
-        elements: f
-      } = e, {
-        mainAxis: l = !0,
-        crossAxis: u = !0,
-        fallbackPlacements: p,
-        fallbackStrategy: d = "bestFit",
-        fallbackAxisSideDirection: h = "none",
-        flipAlignment: m = !0,
-        ...y
-      } = Y(t, e);
-      if ((n = i.arrow) != null && n.alignmentOffset)
-        return {};
-      const v = K(r), P = V(c), A = K(c) === c, x = await (a.isRTL == null ? void 0 : a.isRTL(f.floating)), C = p || (A || !m ? [wt(c)] : An(c)), R = h !== "none";
-      !p && R && C.push(...Rn(c, m, h, x));
-      const O = [c, ...C], D = await a.detectOverflow(e, y), F = [];
-      let _ = ((o = i.flip) == null ? void 0 : o.overflows) || [];
-      if (l && F.push(D[v]), u) {
-        const S = yn(r, s, x);
-        F.push(D[S[0]], D[S[1]]);
-      }
-      if (_ = [..._, {
-        placement: r,
-        overflows: F
-      }], !F.every((S) => S <= 0)) {
-        var T, N;
-        const S = (((T = i.flip) == null ? void 0 : T.index) || 0) + 1, $ = O[S];
-        if ($ && (!(u === "alignment" ? P !== V($) : !1) || // We leave the current main axis only if every placement on that axis
-        // overflows the main axis.
-        _.every((b) => V(b.placement) === P ? b.overflows[0] > 0 : !0)))
-          return {
-            data: {
-              index: S,
-              overflows: _
-            },
-            reset: {
-              placement: $
-            }
-          };
-        let M = (N = _.filter((k) => k.overflows[0] <= 0).sort((k, b) => k.overflows[1] - b.overflows[1])[0]) == null ? void 0 : N.placement;
-        if (!M)
-          switch (d) {
-            case "bestFit": {
-              var E;
-              const k = (E = _.filter((b) => {
-                if (R) {
-                  const L = V(b.placement);
-                  return L === P || // Create a bias to the `y` side axis due to horizontal
-                  // reading directions favoring greater width.
-                  L === "y";
-                }
-                return !0;
-              }).map((b) => [b.placement, b.overflows.filter((L) => L > 0).reduce((L, z) => L + z, 0)]).sort((b, L) => b[1] - L[1])[0]) == null ? void 0 : E[0];
-              k && (M = k);
-              break;
-            }
-            case "initialPlacement":
-              M = c;
-              break;
-          }
-        if (r !== M)
-          return {
-            reset: {
-              placement: M
-            }
-          };
-      }
-      return {};
-    }
-  };
-};
-function qt(t, e) {
-  return {
-    top: t.top - e.height,
-    right: t.right - e.width,
-    bottom: t.bottom - e.height,
-    left: t.left - e.width
-  };
-}
-function Ut(t) {
-  return vn.some((e) => t[e] >= 0);
-}
-const Dn = function(t) {
-  return t === void 0 && (t = {}), {
-    name: "hide",
-    options: t,
-    async fn(e) {
-      const {
-        rects: n,
-        platform: o
-      } = e, {
-        strategy: r = "referenceHidden",
-        ...i
-      } = Y(t, e);
-      switch (r) {
-        case "referenceHidden": {
-          const s = await o.detectOverflow(e, {
-            ...i,
-            elementContext: "reference"
-          }), c = qt(s, n.reference);
-          return {
-            data: {
-              referenceHiddenOffsets: c,
-              referenceHidden: Ut(c)
-            }
-          };
-        }
-        case "escaped": {
-          const s = await o.detectOverflow(e, {
-            ...i,
-            altBoundary: !0
-          }), c = qt(s, n.floating);
-          return {
-            data: {
-              escapedOffsets: c,
-              escaped: Ut(c)
-            }
-          };
-        }
-        default:
-          return {};
-      }
-    }
-  };
-}, ce = /* @__PURE__ */ new Set(["left", "top"]);
-async function Ln(t, e) {
-  const {
-    placement: n,
-    platform: o,
-    elements: r
-  } = t, i = await (o.isRTL == null ? void 0 : o.isRTL(r.floating)), s = K(n), c = rt(n), a = V(n) === "y", f = ce.has(s) ? -1 : 1, l = i && a ? -1 : 1, u = Y(e, t);
-  let {
-    mainAxis: p,
-    crossAxis: d,
-    alignmentAxis: h
-  } = typeof u == "number" ? {
-    mainAxis: u,
-    crossAxis: 0,
-    alignmentAxis: null
-  } : {
-    mainAxis: u.mainAxis || 0,
-    crossAxis: u.crossAxis || 0,
-    alignmentAxis: u.alignmentAxis
-  };
-  return c && typeof h == "number" && (d = c === "end" ? h * -1 : h), a ? {
-    x: d * l,
-    y: p * f
-  } : {
-    x: p * f,
-    y: d * l
-  };
-}
-const Tn = function(t) {
-  return t === void 0 && (t = 0), {
-    name: "offset",
-    options: t,
-    async fn(e) {
-      var n, o;
-      const {
-        x: r,
-        y: i,
-        placement: s,
-        middlewareData: c
-      } = e, a = await Ln(e, t);
-      return s === ((n = c.offset) == null ? void 0 : n.placement) && (o = c.arrow) != null && o.alignmentOffset ? {} : {
-        x: r + a.x,
-        y: i + a.y,
-        data: {
-          ...a,
-          placement: s
-        }
-      };
-    }
-  };
-}, Nn = function(t) {
-  return t === void 0 && (t = {}), {
-    name: "shift",
-    options: t,
-    async fn(e) {
-      const {
-        x: n,
-        y: o,
-        placement: r,
-        platform: i
-      } = e, {
-        mainAxis: s = !0,
-        crossAxis: c = !1,
-        limiter: a = {
-          fn: (v) => {
-            let {
-              x: P,
-              y: A
-            } = v;
-            return {
-              x: P,
-              y: A
-            };
-          }
-        },
-        ...f
-      } = Y(t, e), l = {
-        x: n,
-        y: o
-      }, u = await i.detectOverflow(e, f), p = V(K(r)), d = Nt(p);
-      let h = l[d], m = l[p];
-      if (s) {
-        const v = d === "y" ? "top" : "left", P = d === "y" ? "bottom" : "right", A = h + u[v], x = h - u[P];
-        h = Dt(A, h, x);
-      }
-      if (c) {
-        const v = p === "y" ? "top" : "left", P = p === "y" ? "bottom" : "right", A = m + u[v], x = m - u[P];
-        m = Dt(A, m, x);
-      }
-      const y = a.fn({
-        ...e,
-        [d]: h,
-        [p]: m
-      });
-      return {
-        ...y,
-        data: {
-          x: y.x - n,
-          y: y.y - o,
-          enabled: {
-            [d]: s,
-            [p]: c
-          }
-        }
-      };
-    }
-  };
-}, Fn = function(t) {
-  return t === void 0 && (t = {}), {
-    options: t,
-    fn(e) {
-      const {
-        x: n,
-        y: o,
-        placement: r,
-        rects: i,
-        middlewareData: s
-      } = e, {
-        offset: c = 0,
-        mainAxis: a = !0,
-        crossAxis: f = !0
-      } = Y(t, e), l = {
-        x: n,
-        y: o
-      }, u = V(r), p = Nt(u);
-      let d = l[p], h = l[u];
-      const m = Y(c, e), y = typeof m == "number" ? {
-        mainAxis: m,
-        crossAxis: 0
-      } : {
-        mainAxis: 0,
-        crossAxis: 0,
-        ...m
-      };
-      if (a) {
-        const A = p === "y" ? "height" : "width", x = i.reference[p] - i.floating[A] + y.mainAxis, C = i.reference[p] + i.reference[A] - y.mainAxis;
-        d < x ? d = x : d > C && (d = C);
-      }
-      if (f) {
-        var v, P;
-        const A = p === "y" ? "width" : "height", x = ce.has(K(r)), C = i.reference[u] - i.floating[A] + (x && ((v = s.offset) == null ? void 0 : v[u]) || 0) + (x ? 0 : y.crossAxis), R = i.reference[u] + i.reference[A] + (x ? 0 : ((P = s.offset) == null ? void 0 : P[u]) || 0) - (x ? y.crossAxis : 0);
-        h < C ? h = C : h > R && (h = R);
-      }
-      return {
-        [p]: d,
-        [u]: h
-      };
-    }
-  };
-}, $n = function(t) {
-  return t === void 0 && (t = {}), {
-    name: "size",
-    options: t,
-    async fn(e) {
-      var n, o;
-      const {
-        placement: r,
-        rects: i,
-        platform: s,
-        elements: c
-      } = e, {
-        apply: a = () => {
-        },
-        ...f
-      } = Y(t, e), l = await s.detectOverflow(e, f), u = K(r), p = rt(r), d = V(r) === "y", {
-        width: h,
-        height: m
-      } = i.floating;
-      let y, v;
-      u === "top" || u === "bottom" ? (y = u, v = p === (await (s.isRTL == null ? void 0 : s.isRTL(c.floating)) ? "start" : "end") ? "left" : "right") : (v = u, y = p === "end" ? "top" : "bottom");
-      const P = m - l.top - l.bottom, A = h - l.left - l.right, x = U(m - l[y], P), C = U(h - l[v], A), R = !e.middlewareData.shift;
-      let O = x, D = C;
-      if ((n = e.middlewareData.shift) != null && n.enabled.x && (D = A), (o = e.middlewareData.shift) != null && o.enabled.y && (O = P), R && !p) {
-        const _ = W(l.left, 0), T = W(l.right, 0), N = W(l.top, 0), E = W(l.bottom, 0);
-        d ? D = h - 2 * (_ !== 0 || T !== 0 ? _ + T : W(l.left, l.right)) : O = m - 2 * (N !== 0 || E !== 0 ? N + E : W(l.top, l.bottom));
-      }
-      await a({
-        ...e,
-        availableWidth: D,
-        availableHeight: O
-      });
-      const F = await s.getDimensions(c.floating);
-      return h !== F.width || m !== F.height ? {
-        reset: {
-          rects: !0
-        }
-      } : {};
-    }
-  };
-};
-function Pt() {
-  return typeof window < "u";
-}
-function it(t) {
-  return ae(t) ? (t.nodeName || "").toLowerCase() : "#document";
-}
-function H(t) {
-  var e;
-  return (t == null || (e = t.ownerDocument) == null ? void 0 : e.defaultView) || window;
-}
-function X(t) {
-  var e;
-  return (e = (ae(t) ? t.ownerDocument : t.document) || window.document) == null ? void 0 : e.documentElement;
-}
-function ae(t) {
-  return Pt() ? t instanceof Node || t instanceof H(t).Node : !1;
-}
-function I(t) {
-  return Pt() ? t instanceof Element || t instanceof H(t).Element : !1;
-}
-function Q(t) {
-  return Pt() ? t instanceof HTMLElement || t instanceof H(t).HTMLElement : !1;
-}
-function Gt(t) {
-  return !Pt() || typeof ShadowRoot > "u" ? !1 : t instanceof ShadowRoot || t instanceof H(t).ShadowRoot;
-}
-function ut(t) {
-  const {
-    overflow: e,
-    overflowX: n,
-    overflowY: o,
-    display: r
-  } = B(t);
-  return /auto|scroll|overlay|hidden|clip/.test(e + o + n) && r !== "inline" && r !== "contents";
-}
-function Wn(t) {
-  return /^(table|td|th)$/.test(it(t));
-}
-function bt(t) {
-  try {
-    if (t.matches(":popover-open"))
-      return !0;
-  } catch {
-  }
-  try {
-    return t.matches(":modal");
-  } catch {
-    return !1;
-  }
-}
-const Hn = /transform|translate|scale|rotate|perspective|filter/, In = /paint|layout|strict|content/, J = (t) => !!t && t !== "none";
-let St;
-function Wt(t) {
-  const e = I(t) ? B(t) : t;
-  return J(e.transform) || J(e.translate) || J(e.scale) || J(e.rotate) || J(e.perspective) || !Ht() && (J(e.backdropFilter) || J(e.filter)) || Hn.test(e.willChange || "") || In.test(e.contain || "");
-}
-function Bn(t) {
-  let e = G(t);
-  for (; Q(e) && !nt(e); ) {
-    if (Wt(e))
-      return e;
-    if (bt(e))
-      return null;
-    e = G(e);
-  }
-  return null;
-}
-function Ht() {
-  return St == null && (St = typeof CSS < "u" && CSS.supports && CSS.supports("-webkit-backdrop-filter", "none")), St;
-}
-function nt(t) {
-  return /^(html|body|#document)$/.test(it(t));
-}
-function B(t) {
-  return H(t).getComputedStyle(t);
-}
-function Ct(t) {
-  return I(t) ? {
-    scrollLeft: t.scrollLeft,
-    scrollTop: t.scrollTop
-  } : {
-    scrollLeft: t.scrollX,
-    scrollTop: t.scrollY
-  };
-}
-function G(t) {
-  if (it(t) === "html")
-    return t;
-  const e = (
-    // Step into the shadow DOM of the parent of a slotted node.
-    t.assignedSlot || // DOM Element detected.
-    t.parentNode || // ShadowRoot detected.
-    Gt(t) && t.host || // Fallback.
-    X(t)
-  );
-  return Gt(e) ? e.host : e;
-}
-function le(t) {
-  const e = G(t);
-  return nt(e) ? t.ownerDocument ? t.ownerDocument.body : t.body : Q(e) && ut(e) ? e : le(e);
-}
-function lt(t, e, n) {
-  var o;
-  e === void 0 && (e = []), n === void 0 && (n = !0);
-  const r = le(t), i = r === ((o = t.ownerDocument) == null ? void 0 : o.body), s = H(r);
-  if (i) {
-    const c = Tt(s);
-    return e.concat(s, s.visualViewport || [], ut(r) ? r : [], c && n ? lt(c) : []);
-  } else
-    return e.concat(r, lt(r, [], n));
-}
-function Tt(t) {
-  return t.parent && Object.getPrototypeOf(t.parent) ? t.frameElement : null;
-}
-function fe(t) {
-  const e = B(t);
-  let n = parseFloat(e.width) || 0, o = parseFloat(e.height) || 0;
-  const r = Q(t), i = r ? t.offsetWidth : n, s = r ? t.offsetHeight : o, c = gt(n) !== i || gt(o) !== s;
-  return c && (n = i, o = s), {
-    width: n,
-    height: o,
-    $: c
-  };
-}
-function It(t) {
-  return I(t) ? t : t.contextElement;
-}
-function et(t) {
-  const e = It(t);
-  if (!Q(e))
-    return j(1);
-  const n = e.getBoundingClientRect(), {
-    width: o,
-    height: r,
-    $: i
-  } = fe(e);
-  let s = (i ? gt(n.width) : n.width) / o, c = (i ? gt(n.height) : n.height) / r;
-  return (!s || !Number.isFinite(s)) && (s = 1), (!c || !Number.isFinite(c)) && (c = 1), {
-    x: s,
-    y: c
-  };
-}
-const zn = /* @__PURE__ */ j(0);
-function ue(t) {
-  const e = H(t);
-  return !Ht() || !e.visualViewport ? zn : {
-    x: e.visualViewport.offsetLeft,
-    y: e.visualViewport.offsetTop
-  };
-}
-function Vn(t, e, n) {
-  return e === void 0 && (e = !1), !n || e && n !== H(t) ? !1 : e;
-}
-function tt(t, e, n, o) {
-  e === void 0 && (e = !1), n === void 0 && (n = !1);
-  const r = t.getBoundingClientRect(), i = It(t);
-  let s = j(1);
-  e && (o ? I(o) && (s = et(o)) : s = et(t));
-  const c = Vn(i, n, o) ? ue(i) : j(0);
-  let a = (r.left + c.x) / s.x, f = (r.top + c.y) / s.y, l = r.width / s.x, u = r.height / s.y;
-  if (i) {
-    const p = H(i), d = o && I(o) ? H(o) : o;
-    let h = p, m = Tt(h);
-    for (; m && o && d !== h; ) {
-      const y = et(m), v = m.getBoundingClientRect(), P = B(m), A = v.left + (m.clientLeft + parseFloat(P.paddingLeft)) * y.x, x = v.top + (m.clientTop + parseFloat(P.paddingTop)) * y.y;
-      a *= y.x, f *= y.y, l *= y.x, u *= y.y, a += A, f += x, h = H(m), m = Tt(h);
-    }
-  }
-  return vt({
-    width: l,
-    height: u,
-    x: a,
-    y: f
-  });
-}
-function Rt(t, e) {
-  const n = Ct(t).scrollLeft;
-  return e ? e.left + n : tt(X(t)).left + n;
-}
-function de(t, e) {
-  const n = t.getBoundingClientRect(), o = n.left + e.scrollLeft - Rt(t, n), r = n.top + e.scrollTop;
-  return {
-    x: o,
-    y: r
-  };
-}
-function jn(t) {
-  let {
-    elements: e,
-    rect: n,
-    offsetParent: o,
-    strategy: r
-  } = t;
-  const i = r === "fixed", s = X(o), c = e ? bt(e.floating) : !1;
-  if (o === s || c && i)
-    return n;
-  let a = {
-    scrollLeft: 0,
-    scrollTop: 0
-  }, f = j(1);
-  const l = j(0), u = Q(o);
-  if ((u || !u && !i) && ((it(o) !== "body" || ut(s)) && (a = Ct(o)), u)) {
-    const d = tt(o);
-    f = et(o), l.x = d.x + o.clientLeft, l.y = d.y + o.clientTop;
-  }
-  const p = s && !u && !i ? de(s, a) : j(0);
-  return {
-    width: n.width * f.x,
-    height: n.height * f.y,
-    x: n.x * f.x - a.scrollLeft * f.x + l.x + p.x,
-    y: n.y * f.y - a.scrollTop * f.y + l.y + p.y
-  };
-}
-function Xn(t) {
-  return Array.from(t.getClientRects());
-}
-function Yn(t) {
-  const e = X(t), n = Ct(t), o = t.ownerDocument.body, r = W(e.scrollWidth, e.clientWidth, o.scrollWidth, o.clientWidth), i = W(e.scrollHeight, e.clientHeight, o.scrollHeight, o.clientHeight);
-  let s = -n.scrollLeft + Rt(t);
-  const c = -n.scrollTop;
-  return B(o).direction === "rtl" && (s += W(e.clientWidth, o.clientWidth) - r), {
-    width: r,
-    height: i,
-    x: s,
-    y: c
-  };
-}
-const Zt = 25;
-function Kn(t, e) {
-  const n = H(t), o = X(t), r = n.visualViewport;
-  let i = o.clientWidth, s = o.clientHeight, c = 0, a = 0;
-  if (r) {
-    i = r.width, s = r.height;
-    const l = Ht();
-    (!l || l && e === "fixed") && (c = r.offsetLeft, a = r.offsetTop);
-  }
-  const f = Rt(o);
-  if (f <= 0) {
-    const l = o.ownerDocument, u = l.body, p = getComputedStyle(u), d = l.compatMode === "CSS1Compat" && parseFloat(p.marginLeft) + parseFloat(p.marginRight) || 0, h = Math.abs(o.clientWidth - u.clientWidth - d);
-    h <= Zt && (i -= h);
-  } else f <= Zt && (i += f);
-  return {
-    width: i,
-    height: s,
-    x: c,
-    y: a
-  };
-}
-function Qn(t, e) {
-  const n = tt(t, !0, e === "fixed"), o = n.top + t.clientTop, r = n.left + t.clientLeft, i = Q(t) ? et(t) : j(1), s = t.clientWidth * i.x, c = t.clientHeight * i.y, a = r * i.x, f = o * i.y;
-  return {
-    width: s,
-    height: c,
-    x: a,
-    y: f
-  };
-}
-function Jt(t, e, n) {
-  let o;
-  if (e === "viewport")
-    o = Kn(t, n);
-  else if (e === "document")
-    o = Yn(X(t));
-  else if (I(e))
-    o = Qn(e, n);
-  else {
-    const r = ue(t);
-    o = {
-      x: e.x - r.x,
-      y: e.y - r.y,
-      width: e.width,
-      height: e.height
-    };
-  }
-  return vt(o);
-}
-function pe(t, e) {
-  const n = G(t);
-  return n === e || !I(n) || nt(n) ? !1 : B(n).position === "fixed" || pe(n, e);
-}
-function qn(t, e) {
-  const n = e.get(t);
-  if (n)
-    return n;
-  let o = lt(t, [], !1).filter((c) => I(c) && it(c) !== "body"), r = null;
-  const i = B(t).position === "fixed";
-  let s = i ? G(t) : t;
-  for (; I(s) && !nt(s); ) {
-    const c = B(s), a = Wt(s);
-    !a && c.position === "fixed" && (r = null), (i ? !a && !r : !a && c.position === "static" && !!r && (r.position === "absolute" || r.position === "fixed") || ut(s) && !a && pe(t, s)) ? o = o.filter((l) => l !== s) : r = c, s = G(s);
-  }
-  return e.set(t, o), o;
-}
-function Un(t) {
-  let {
-    element: e,
-    boundary: n,
-    rootBoundary: o,
-    strategy: r
-  } = t;
-  const s = [...n === "clippingAncestors" ? bt(e) ? [] : qn(e, this._c) : [].concat(n), o], c = Jt(e, s[0], r);
-  let a = c.top, f = c.right, l = c.bottom, u = c.left;
-  for (let p = 1; p < s.length; p++) {
-    const d = Jt(e, s[p], r);
-    a = W(d.top, a), f = U(d.right, f), l = U(d.bottom, l), u = W(d.left, u);
-  }
-  return {
-    width: f - u,
-    height: l - a,
-    x: u,
-    y: a
-  };
-}
-function Gn(t) {
-  const {
-    width: e,
-    height: n
-  } = fe(t);
-  return {
-    width: e,
-    height: n
-  };
-}
-function Zn(t, e, n) {
-  const o = Q(e), r = X(e), i = n === "fixed", s = tt(t, !0, i, e);
-  let c = {
-    scrollLeft: 0,
-    scrollTop: 0
-  };
-  const a = j(0);
-  function f() {
-    a.x = Rt(r);
-  }
-  if (o || !o && !i)
-    if ((it(e) !== "body" || ut(r)) && (c = Ct(e)), o) {
-      const d = tt(e, !0, i, e);
-      a.x = d.x + e.clientLeft, a.y = d.y + e.clientTop;
-    } else r && f();
-  i && !o && r && f();
-  const l = r && !o && !i ? de(r, c) : j(0), u = s.left + c.scrollLeft - a.x - l.x, p = s.top + c.scrollTop - a.y - l.y;
-  return {
-    x: u,
-    y: p,
-    width: s.width,
-    height: s.height
-  };
-}
-function Et(t) {
-  return B(t).position === "static";
-}
-function te(t, e) {
-  if (!Q(t) || B(t).position === "fixed")
-    return null;
-  if (e)
-    return e(t);
-  let n = t.offsetParent;
-  return X(t) === n && (n = n.ownerDocument.body), n;
-}
-function he(t, e) {
-  const n = H(t);
-  if (bt(t))
-    return n;
-  if (!Q(t)) {
-    let r = G(t);
-    for (; r && !nt(r); ) {
-      if (I(r) && !Et(r))
-        return r;
-      r = G(r);
-    }
-    return n;
-  }
-  let o = te(t, e);
-  for (; o && Wn(o) && Et(o); )
-    o = te(o, e);
-  return o && nt(o) && Et(o) && !Wt(o) ? n : o || Bn(t) || n;
-}
-const Jn = async function(t) {
-  const e = this.getOffsetParent || he, n = this.getDimensions, o = await n(t.floating);
-  return {
-    reference: Zn(t.reference, await e(t.floating), t.strategy),
-    floating: {
-      x: 0,
-      y: 0,
-      width: o.width,
-      height: o.height
-    }
-  };
-};
-function to(t) {
-  return B(t).direction === "rtl";
-}
-const eo = {
-  convertOffsetParentRelativeRectToViewportRelativeRect: jn,
-  getDocumentElement: X,
-  getClippingRect: Un,
-  getOffsetParent: he,
-  getElementRects: Jn,
-  getClientRects: Xn,
-  getDimensions: Gn,
-  getScale: et,
-  isElement: I,
-  isRTL: to
-};
-function me(t, e) {
-  return t.x === e.x && t.y === e.y && t.width === e.width && t.height === e.height;
-}
-function no(t, e) {
-  let n = null, o;
-  const r = X(t);
-  function i() {
-    var c;
-    clearTimeout(o), (c = n) == null || c.disconnect(), n = null;
-  }
-  function s(c, a) {
-    c === void 0 && (c = !1), a === void 0 && (a = 1), i();
-    const f = t.getBoundingClientRect(), {
-      left: l,
-      top: u,
-      width: p,
-      height: d
-    } = f;
-    if (c || e(), !p || !d)
-      return;
-    const h = ht(u), m = ht(r.clientWidth - (l + p)), y = ht(r.clientHeight - (u + d)), v = ht(l), A = {
-      rootMargin: -h + "px " + -m + "px " + -y + "px " + -v + "px",
-      threshold: W(0, U(1, a)) || 1
-    };
-    let x = !0;
-    function C(R) {
-      const O = R[0].intersectionRatio;
-      if (O !== a) {
-        if (!x)
-          return s();
-        O ? s(!1, O) : o = setTimeout(() => {
-          s(!1, 1e-7);
-        }, 1e3);
-      }
-      O === 1 && !me(f, t.getBoundingClientRect()) && s(), x = !1;
-    }
-    try {
-      n = new IntersectionObserver(C, {
-        ...A,
-        // Handle <iframe>s
-        root: r.ownerDocument
-      });
-    } catch {
-      n = new IntersectionObserver(C, A);
-    }
-    n.observe(t);
-  }
-  return s(!0), i;
-}
-function oo(t, e, n, o) {
-  o === void 0 && (o = {});
-  const {
-    ancestorScroll: r = !0,
-    ancestorResize: i = !0,
-    elementResize: s = typeof ResizeObserver == "function",
-    layoutShift: c = typeof IntersectionObserver == "function",
-    animationFrame: a = !1
-  } = o, f = It(t), l = r || i ? [...f ? lt(f) : [], ...e ? lt(e) : []] : [];
-  l.forEach((v) => {
-    r && v.addEventListener("scroll", n, {
-      passive: !0
-    }), i && v.addEventListener("resize", n);
-  });
-  const u = f && c ? no(f, n) : null;
-  let p = -1, d = null;
-  s && (d = new ResizeObserver((v) => {
-    let [P] = v;
-    P && P.target === f && d && e && (d.unobserve(e), cancelAnimationFrame(p), p = requestAnimationFrame(() => {
-      var A;
-      (A = d) == null || A.observe(e);
-    })), n();
-  }), f && !a && d.observe(f), e && d.observe(e));
-  let h, m = a ? tt(t) : null;
-  a && y();
-  function y() {
-    const v = tt(t);
-    m && !me(m, v) && n(), m = v, h = requestAnimationFrame(y);
-  }
-  return n(), () => {
-    var v;
-    l.forEach((P) => {
-      r && P.removeEventListener("scroll", n), i && P.removeEventListener("resize", n);
-    }), u?.(), (v = d) == null || v.disconnect(), d = null, a && cancelAnimationFrame(h);
-  };
-}
-const ro = Tn, io = Nn, so = _n, co = $n, ao = Dn, ee = kn, lo = Fn, fo = (t, e, n) => {
-  const o = /* @__PURE__ */ new Map(), r = {
-    platform: eo,
-    ...n
-  }, i = {
-    ...r.platform,
-    _c: o
-  };
-  return Mn(t, e, {
-    ...r,
-    platform: i
-  });
-};
-var uo = typeof document < "u", po = function() {
-}, mt = uo ? Ge : po;
-function xt(t, e) {
-  if (t === e)
-    return !0;
-  if (typeof t != typeof e)
-    return !1;
-  if (typeof t == "function" && t.toString() === e.toString())
-    return !0;
-  let n, o, r;
-  if (t && e && typeof t == "object") {
-    if (Array.isArray(t)) {
-      if (n = t.length, n !== e.length) return !1;
-      for (o = n; o-- !== 0; )
-        if (!xt(t[o], e[o]))
-          return !1;
-      return !0;
-    }
-    if (r = Object.keys(t), n = r.length, n !== Object.keys(e).length)
-      return !1;
-    for (o = n; o-- !== 0; )
-      if (!{}.hasOwnProperty.call(e, r[o]))
-        return !1;
-    for (o = n; o-- !== 0; ) {
-      const i = r[o];
-      if (!(i === "_owner" && t.$$typeof) && !xt(t[i], e[i]))
-        return !1;
-    }
-    return !0;
-  }
-  return t !== t && e !== e;
-}
-function ge(t) {
-  return typeof window > "u" ? 1 : (t.ownerDocument.defaultView || window).devicePixelRatio || 1;
-}
-function ne(t, e) {
-  const n = ge(t);
-  return Math.round(e * n) / n;
-}
-function Mt(t) {
-  const e = g.useRef(t);
-  return mt(() => {
-    e.current = t;
-  }), e;
-}
-function ho(t) {
-  t === void 0 && (t = {});
-  const {
-    placement: e = "bottom",
-    strategy: n = "absolute",
-    middleware: o = [],
-    platform: r,
-    elements: {
-      reference: i,
-      floating: s
-    } = {},
-    transform: c = !0,
-    whileElementsMounted: a,
-    open: f
-  } = t, [l, u] = g.useState({
-    x: 0,
-    y: 0,
-    strategy: n,
-    placement: e,
-    middlewareData: {},
-    isPositioned: !1
-  }), [p, d] = g.useState(o);
-  xt(p, o) || d(o);
-  const [h, m] = g.useState(null), [y, v] = g.useState(null), P = g.useCallback((b) => {
-    b !== R.current && (R.current = b, m(b));
-  }, []), A = g.useCallback((b) => {
-    b !== O.current && (O.current = b, v(b));
-  }, []), x = i || h, C = s || y, R = g.useRef(null), O = g.useRef(null), D = g.useRef(l), F = a != null, _ = Mt(a), T = Mt(r), N = Mt(f), E = g.useCallback(() => {
-    if (!R.current || !O.current)
-      return;
-    const b = {
-      placement: e,
-      strategy: n,
-      middleware: p
-    };
-    T.current && (b.platform = T.current), fo(R.current, O.current, b).then((L) => {
-      const z = {
-        ...L,
-        // The floating element's position may be recomputed while it's closed
-        // but still mounted (such as when transitioning out). To ensure
-        // `isPositioned` will be `false` initially on the next open, avoid
-        // setting it to `true` when `open === false` (must be specified).
-        isPositioned: N.current !== !1
-      };
-      S.current && !xt(D.current, z) && (D.current = z, dn.flushSync(() => {
-        u(z);
-      }));
-    });
-  }, [p, e, n, T, N]);
-  mt(() => {
-    f === !1 && D.current.isPositioned && (D.current.isPositioned = !1, u((b) => ({
-      ...b,
-      isPositioned: !1
-    })));
-  }, [f]);
-  const S = g.useRef(!1);
-  mt(() => (S.current = !0, () => {
-    S.current = !1;
-  }), []), mt(() => {
-    if (x && (R.current = x), C && (O.current = C), x && C) {
-      if (_.current)
-        return _.current(x, C, E);
-      E();
-    }
-  }, [x, C, E, _, F]);
-  const $ = g.useMemo(() => ({
-    reference: R,
-    floating: O,
-    setReference: P,
-    setFloating: A
-  }), [P, A]), M = g.useMemo(() => ({
-    reference: x,
-    floating: C
-  }), [x, C]), k = g.useMemo(() => {
-    const b = {
-      position: n,
-      left: 0,
-      top: 0
-    };
-    if (!M.floating)
-      return b;
-    const L = ne(M.floating, l.x), z = ne(M.floating, l.y);
-    return c ? {
-      ...b,
-      transform: "translate(" + L + "px, " + z + "px)",
-      ...ge(M.floating) >= 1.5 && {
-        willChange: "transform"
-      }
-    } : {
-      position: n,
-      left: L,
-      top: z
-    };
-  }, [n, c, M.floating, l.x, l.y]);
-  return g.useMemo(() => ({
-    ...l,
-    update: E,
-    refs: $,
-    elements: M,
-    floatingStyles: k
-  }), [l, E, $, M, k]);
-}
-const mo = (t) => {
-  function e(n) {
-    return {}.hasOwnProperty.call(n, "current");
-  }
-  return {
-    name: "arrow",
-    options: t,
-    fn(n) {
-      const {
-        element: o,
-        padding: r
-      } = typeof t == "function" ? t(n) : t;
-      return o && e(o) ? o.current != null ? ee({
-        element: o.current,
-        padding: r
-      }).fn(n) : {} : o ? ee({
-        element: o,
-        padding: r
-      }).fn(n) : {};
-    }
-  };
-}, go = (t, e) => {
-  const n = ro(t);
-  return {
-    name: n.name,
-    fn: n.fn,
-    options: [t, e]
-  };
-}, wo = (t, e) => {
-  const n = io(t);
-  return {
-    name: n.name,
-    fn: n.fn,
-    options: [t, e]
-  };
-}, vo = (t, e) => ({
-  fn: lo(t).fn,
-  options: [t, e]
-}), xo = (t, e) => {
-  const n = so(t);
-  return {
-    name: n.name,
-    fn: n.fn,
-    options: [t, e]
-  };
-}, yo = (t, e) => {
-  const n = co(t);
-  return {
-    name: n.name,
-    fn: n.fn,
-    options: [t, e]
-  };
-}, Ao = (t, e) => {
-  const n = ao(t);
-  return {
-    name: n.name,
-    fn: n.fn,
-    options: [t, e]
-  };
-}, Po = (t, e) => {
-  const n = mo(t);
-  return {
-    name: n.name,
-    fn: n.fn,
-    options: [t, e]
-  };
-};
-var bo = "Arrow", we = g.forwardRef((t, e) => {
-  const { children: n, width: o = 10, height: r = 5, ...i } = t;
-  return /* @__PURE__ */ w(
-    ft.svg,
-    {
-      ...i,
-      ref: e,
-      width: o,
-      height: r,
-      viewBox: "0 0 30 10",
-      preserveAspectRatio: "none",
-      children: t.asChild ? n : /* @__PURE__ */ w("polygon", { points: "0,0 30,0 15,10" })
-    }
-  );
-});
-we.displayName = bo;
-var Co = we, Bt = "Popper", [ve, xe] = re(Bt), [Ro, ye] = ve(Bt), Ae = (t) => {
-  const { __scopePopper: e, children: n } = t, [o, r] = g.useState(null);
-  return /* @__PURE__ */ w(Ro, { scope: e, anchor: o, onAnchorChange: r, children: n });
-};
-Ae.displayName = Bt;
-var Pe = "PopperAnchor", be = g.forwardRef(
-  (t, e) => {
-    const { __scopePopper: n, virtualRef: o, ...r } = t, i = ye(Pe, n), s = g.useRef(null), c = At(e, s), a = g.useRef(null);
-    return g.useEffect(() => {
-      const f = a.current;
-      a.current = o?.current || s.current, f !== a.current && i.onAnchorChange(a.current);
-    }), o ? null : /* @__PURE__ */ w(ft.div, { ...r, ref: c });
-  }
-);
-be.displayName = Pe;
-var zt = "PopperContent", [Oo, So] = ve(zt), Ce = g.forwardRef(
-  (t, e) => {
-    const {
-      __scopePopper: n,
-      side: o = "bottom",
-      sideOffset: r = 0,
-      align: i = "center",
-      alignOffset: s = 0,
-      arrowPadding: c = 0,
-      avoidCollisions: a = !0,
-      collisionBoundary: f = [],
-      collisionPadding: l = 0,
-      sticky: u = "partial",
-      hideWhenDetached: p = !1,
-      updatePositionStrategy: d = "optimized",
-      onPlaced: h,
-      ...m
-    } = t, y = ye(zt, n), [v, P] = g.useState(null), A = At(e, (st) => P(st)), [x, C] = g.useState(null), R = wn(x), O = R?.width ?? 0, D = R?.height ?? 0, F = o + (i !== "center" ? "-" + i : ""), _ = typeof l == "number" ? l : { top: 0, right: 0, bottom: 0, left: 0, ...l }, T = Array.isArray(f) ? f : [f], N = T.length > 0, E = {
-      padding: _,
-      boundary: T.filter(Mo),
-      // with `strategy: 'fixed'`, this is the only way to get it to respect boundaries
-      altBoundary: N
-    }, { refs: S, floatingStyles: $, placement: M, isPositioned: k, middlewareData: b } = ho({
-      // default to `fixed` strategy so users don't have to pick and we also avoid focus scroll issues
-      strategy: "fixed",
-      placement: F,
-      whileElementsMounted: (...st) => oo(...st, {
-        animationFrame: d === "always"
-      }),
-      elements: {
-        reference: y.anchor
-      },
-      middleware: [
-        go({ mainAxis: r + D, alignmentAxis: s }),
-        a && wo({
-          mainAxis: !0,
-          crossAxis: !1,
-          limiter: u === "partial" ? vo() : void 0,
-          ...E
-        }),
-        a && xo({ ...E }),
-        yo({
-          ...E,
-          apply: ({ elements: st, rects: Xt, availableWidth: Xe, availableHeight: Ye }) => {
-            const { width: Ke, height: Qe } = Xt.reference, pt = st.floating.style;
-            pt.setProperty("--radix-popper-available-width", `${Xe}px`), pt.setProperty("--radix-popper-available-height", `${Ye}px`), pt.setProperty("--radix-popper-anchor-width", `${Ke}px`), pt.setProperty("--radix-popper-anchor-height", `${Qe}px`);
-          }
-        }),
-        x && Po({ element: x, padding: c }),
-        ko({ arrowWidth: O, arrowHeight: D }),
-        p && Ao({ strategy: "referenceHidden", ...E })
-      ]
-    }), [L, z] = Se(M), jt = en(h);
-    _t(() => {
-      k && jt?.();
-    }, [k, jt]);
-    const Ie = b.arrow?.x, Be = b.arrow?.y, ze = b.arrow?.centerOffset !== 0, [Ve, je] = g.useState();
-    return _t(() => {
-      v && je(window.getComputedStyle(v).zIndex);
-    }, [v]), /* @__PURE__ */ w(
-      "div",
-      {
-        ref: S.setFloating,
-        "data-radix-popper-content-wrapper": "",
-        style: {
-          ...$,
-          transform: k ? $.transform : "translate(0, -200%)",
-          // keep off the page when measuring
-          minWidth: "max-content",
-          zIndex: Ve,
-          "--radix-popper-transform-origin": [
-            b.transformOrigin?.x,
-            b.transformOrigin?.y
-          ].join(" "),
-          // hide the content if using the hide middleware and should be hidden
-          // set visibility to hidden and disable pointer events so the UI behaves
-          // as if the PopperContent isn't there at all
-          ...b.hide?.referenceHidden && {
-            visibility: "hidden",
-            pointerEvents: "none"
-          }
-        },
-        dir: t.dir,
-        children: /* @__PURE__ */ w(
-          Oo,
-          {
-            scope: n,
-            placedSide: L,
-            onArrowChange: C,
-            arrowX: Ie,
-            arrowY: Be,
-            shouldHideArrow: ze,
-            children: /* @__PURE__ */ w(
-              ft.div,
-              {
-                "data-side": L,
-                "data-align": z,
-                ...m,
-                ref: A,
-                style: {
-                  ...m.style,
-                  // if the PopperContent hasn't been placed yet (not all measurements done)
-                  // we prevent animations so that users's animation don't kick in too early referring wrong sides
-                  animation: k ? void 0 : "none"
-                }
-              }
-            )
-          }
-        )
-      }
-    );
-  }
-);
-Ce.displayName = zt;
-var Re = "PopperArrow", Eo = {
-  top: "bottom",
-  right: "left",
-  bottom: "top",
-  left: "right"
-}, Oe = g.forwardRef(function(e, n) {
-  const { __scopePopper: o, ...r } = e, i = So(Re, o), s = Eo[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__ */ w(
-      "span",
-      {
-        ref: i.onArrowChange,
-        style: {
-          position: "absolute",
-          left: i.arrowX,
-          top: i.arrowY,
-          [s]: 0,
-          transformOrigin: {
-            top: "",
-            right: "0 0",
-            bottom: "center 0",
-            left: "100% 0"
-          }[i.placedSide],
-          transform: {
-            top: "translateY(100%)",
-            right: "translateY(50%) rotate(90deg) translateX(-50%)",
-            bottom: "rotate(180deg)",
-            left: "translateY(50%) rotate(-90deg) translateX(50%)"
-          }[i.placedSide],
-          visibility: i.shouldHideArrow ? "hidden" : void 0
-        },
-        children: /* @__PURE__ */ w(
-          Co,
-          {
-            ...r,
-            ref: n,
-            style: {
-              ...r.style,
-              // ensures the element can be measured correctly (mostly for if SVG)
-              display: "block"
-            }
-          }
-        )
-      }
-    )
-  );
-});
-Oe.displayName = Re;
-function Mo(t) {
-  return t !== null;
-}
-var ko = (t) => ({
-  name: "transformOrigin",
-  options: t,
-  fn(e) {
-    const { placement: n, rects: o, middlewareData: r } = e, s = r.arrow?.centerOffset !== 0, c = s ? 0 : t.arrowWidth, a = s ? 0 : t.arrowHeight, [f, l] = Se(n), u = { start: "0%", center: "50%", end: "100%" }[l], p = (r.arrow?.x ?? 0) + c / 2, d = (r.arrow?.y ?? 0) + a / 2;
-    let h = "", m = "";
-    return f === "bottom" ? (h = s ? u : `${p}px`, m = `${-a}px`) : f === "top" ? (h = s ? u : `${p}px`, m = `${o.floating.height + a}px`) : f === "right" ? (h = `${-a}px`, m = s ? u : `${d}px`) : f === "left" && (h = `${o.floating.width + a}px`, m = s ? u : `${d}px`), { data: { x: h, y: m } };
-  }
-});
-function Se(t) {
-  const [e, n = "center"] = t.split("-");
-  return [e, n];
-}
-var _o = Ae, Ee = be, Do = Ce, Lo = Oe, Ot = "Popover", [Me] = re(Ot, [
-  xe
-]), dt = xe(), [To, Z] = Me(Ot), ke = (t) => {
-  const {
-    __scopePopover: e,
-    children: n,
-    open: o,
-    defaultOpen: r,
-    onOpenChange: i,
-    modal: s = !1
-  } = t, c = dt(e), a = g.useRef(null), [f, l] = g.useState(!1), [u, p] = nn({
-    prop: o,
-    defaultProp: r ?? !1,
-    onChange: i,
-    caller: Ot
-  });
-  return /* @__PURE__ */ w(_o, { ...c, children: /* @__PURE__ */ w(
-    To,
-    {
-      scope: e,
-      contentId: on(),
-      triggerRef: a,
-      open: u,
-      onOpenChange: p,
-      onOpenToggle: g.useCallback(() => p((d) => !d), [p]),
-      hasCustomAnchor: f,
-      onCustomAnchorAdd: g.useCallback(() => l(!0), []),
-      onCustomAnchorRemove: g.useCallback(() => l(!1), []),
-      modal: s,
-      children: n
-    }
-  ) });
-};
-ke.displayName = Ot;
-var _e = "PopoverAnchor", De = g.forwardRef(
-  (t, e) => {
-    const { __scopePopover: n, ...o } = t, r = Z(_e, n), i = dt(n), { onCustomAnchorAdd: s, onCustomAnchorRemove: c } = r;
-    return g.useEffect(() => (s(), () => c()), [s, c]), /* @__PURE__ */ w(Ee, { ...i, ...o, ref: e });
-  }
-);
-De.displayName = _e;
-var Le = "PopoverTrigger", Te = g.forwardRef(
-  (t, e) => {
-    const { __scopePopover: n, ...o } = t, r = Z(Le, n), i = dt(n), s = At(e, r.triggerRef), c = /* @__PURE__ */ w(
-      ft.button,
-      {
-        type: "button",
-        "aria-haspopup": "dialog",
-        "aria-expanded": r.open,
-        "aria-controls": r.contentId,
-        "data-state": He(r.open),
-        ...o,
-        ref: s,
-        onClick: ct(t.onClick, r.onOpenToggle)
-      }
-    );
-    return r.hasCustomAnchor ? c : /* @__PURE__ */ w(Ee, { asChild: !0, ...i, children: c });
-  }
-);
-Te.displayName = Le;
-var Vt = "PopoverPortal", [No, Fo] = Me(Vt, {
-  forceMount: void 0
-}), Ne = (t) => {
-  const { __scopePopover: e, forceMount: n, children: o, container: r } = t, i = Z(Vt, e);
-  return /* @__PURE__ */ w(No, { scope: e, forceMount: n, children: /* @__PURE__ */ w(ie, { present: n || i.open, children: /* @__PURE__ */ w(rn, { asChild: !0, container: r, children: o }) }) });
-};
-Ne.displayName = Vt;
-var ot = "PopoverContent", Fe = g.forwardRef(
-  (t, e) => {
-    const n = Fo(ot, t.__scopePopover), { forceMount: o = n.forceMount, ...r } = t, i = Z(ot, t.__scopePopover);
-    return /* @__PURE__ */ w(ie, { present: o || i.open, children: i.modal ? /* @__PURE__ */ w(Wo, { ...r, ref: e }) : /* @__PURE__ */ w(Ho, { ...r, ref: e }) });
-  }
-);
-Fe.displayName = ot;
-var $o = an("PopoverContent.RemoveScroll"), Wo = g.forwardRef(
-  (t, e) => {
-    const n = Z(ot, t.__scopePopover), o = g.useRef(null), r = At(e, o), i = g.useRef(!1);
-    return g.useEffect(() => {
-      const s = o.current;
-      if (s) return sn(s);
-    }, []), /* @__PURE__ */ w(cn, { as: $o, allowPinchZoom: !0, children: /* @__PURE__ */ w(
-      $e,
-      {
-        ...t,
-        ref: r,
-        trapFocus: n.open,
-        disableOutsidePointerEvents: !0,
-        onCloseAutoFocus: ct(t.onCloseAutoFocus, (s) => {
-          s.preventDefault(), i.current || n.triggerRef.current?.focus();
-        }),
-        onPointerDownOutside: ct(
-          t.onPointerDownOutside,
-          (s) => {
-            const c = s.detail.originalEvent, a = c.button === 0 && c.ctrlKey === !0, f = c.button === 2 || a;
-            i.current = f;
-          },
-          { checkForDefaultPrevented: !1 }
-        ),
-        onFocusOutside: ct(
-          t.onFocusOutside,
-          (s) => s.preventDefault(),
-          { checkForDefaultPrevented: !1 }
-        )
-      }
-    ) });
-  }
-), Ho = g.forwardRef(
-  (t, e) => {
-    const n = Z(ot, t.__scopePopover), o = g.useRef(!1), r = g.useRef(!1);
-    return /* @__PURE__ */ w(
-      $e,
-      {
-        ...t,
-        ref: e,
-        trapFocus: !1,
-        disableOutsidePointerEvents: !1,
-        onCloseAutoFocus: (i) => {
-          t.onCloseAutoFocus?.(i), i.defaultPrevented || (o.current || n.triggerRef.current?.focus(), i.preventDefault()), o.current = !1, r.current = !1;
-        },
-        onInteractOutside: (i) => {
-          t.onInteractOutside?.(i), i.defaultPrevented || (o.current = !0, i.detail.originalEvent.type === "pointerdown" && (r.current = !0));
-          const s = i.target;
-          n.triggerRef.current?.contains(s) && i.preventDefault(), i.detail.originalEvent.type === "focusin" && r.current && i.preventDefault();
-        }
-      }
-    );
-  }
-), $e = g.forwardRef(
-  (t, e) => {
-    const {
-      __scopePopover: n,
-      trapFocus: o,
-      onOpenAutoFocus: r,
-      onCloseAutoFocus: i,
-      disableOutsidePointerEvents: s,
-      onEscapeKeyDown: c,
-      onPointerDownOutside: a,
-      onFocusOutside: f,
-      onInteractOutside: l,
-      ...u
-    } = t, p = Z(ot, n), d = dt(n);
-    return ln(), /* @__PURE__ */ w(
-      fn,
-      {
-        asChild: !0,
-        loop: !0,
-        trapped: o,
-        onMountAutoFocus: r,
-        onUnmountAutoFocus: i,
-        children: /* @__PURE__ */ w(
-          un,
-          {
-            asChild: !0,
-            disableOutsidePointerEvents: s,
-            onInteractOutside: l,
-            onEscapeKeyDown: c,
-            onPointerDownOutside: a,
-            onFocusOutside: f,
-            onDismiss: () => p.onOpenChange(!1),
-            children: /* @__PURE__ */ w(
-              Do,
-              {
-                "data-state": He(p.open),
-                role: "dialog",
-                id: p.contentId,
-                ...d,
-                ...u,
-                ref: e,
-                style: {
-                  ...u.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)"
-                }
-              }
-            )
-          }
-        )
-      }
-    );
-  }
-), We = "PopoverClose", Io = g.forwardRef(
-  (t, e) => {
-    const { __scopePopover: n, ...o } = t, r = Z(We, n);
-    return /* @__PURE__ */ w(
-      ft.button,
-      {
-        type: "button",
-        ...o,
-        ref: e,
-        onClick: ct(t.onClick, () => r.onOpenChange(!1))
-      }
-    );
-  }
-);
-Io.displayName = We;
-var Bo = "PopoverArrow", zo = g.forwardRef(
-  (t, e) => {
-    const { __scopePopover: n, ...o } = t, r = dt(n);
-    return /* @__PURE__ */ w(Lo, { ...r, ...o, ref: e });
-  }
-);
-zo.displayName = Bo;
-function He(t) {
-  return t ? "open" : "closed";
-}
-var Vo = ke, jo = De, Xo = Te, Yo = Ne, Ko = Fe;
-const Qo = "gQIKVa_anchor", qo = "gQIKVa_check", Uo = "gQIKVa_container", Go = "gQIKVa_radio", Zo = "gQIKVa_radioInput", at = {
-  anchor: Qo,
-  check: qo,
-  container: Uo,
-  radio: Go,
-  radioInput: Zo
-};
-function kt({ children: t, id: e, ...n }) {
-  return /* @__PURE__ */ q(oe, { children: [
-    /* @__PURE__ */ w(
-      "input",
-      {
-        type: "radio",
-        id: e,
-        className: Je(at.radioInput, "sr-only"),
-        ...n
-      }
-    ),
-    /* @__PURE__ */ q("label", { htmlFor: e, className: at.radio, children: [
-      t,
-      /* @__PURE__ */ w(Ze, { className: at.check })
-    ] })
-  ] });
-}
-function cr() {
-  const { theme: t, systemTheme: e, setTheme: n } = qe(), o = Ue();
-  return /* @__PURE__ */ q(Vo, { children: [
-    /* @__PURE__ */ w(Xo, { asChild: !0, children: /* @__PURE__ */ q(tn, { variant: "transparent", "aria-label": "Preferences", children: [
-      /* @__PURE__ */ w(mn, {}),
-      /* @__PURE__ */ w(jo, { className: at.anchor })
-    ] }) }),
-    /* @__PURE__ */ w(Yo, { children: /* @__PURE__ */ w(
-      Ko,
-      {
-        sideOffset: 8,
-        hideWhenDetached: !0,
-        className: at.container,
-        children: o && /* @__PURE__ */ q(oe, { children: [
-          /* @__PURE__ */ w("span", { children: "Appearance" }),
-          /* @__PURE__ */ q(
-            kt,
-            {
-              id: "system",
-              name: "theme",
-              checked: t === "system",
-              onChange: () => n("system"),
-              children: [
-                /* @__PURE__ */ w(pn, {}),
-                "Auto (",
-                e,
-                ")"
-              ]
-            }
-          ),
-          /* @__PURE__ */ q(
-            kt,
-            {
-              id: "light",
-              name: "theme",
-              checked: t === "light",
-              onChange: () => n("light"),
-              children: [
-                /* @__PURE__ */ w(gn, {}),
-                "Light"
-              ]
-            }
-          ),
-          /* @__PURE__ */ q(
-            kt,
-            {
-              id: "dark",
-              name: "theme",
-              checked: t === "dark",
-              onChange: () => n("dark"),
-              children: [
-                /* @__PURE__ */ w(hn, {}),
-                "Dark"
-              ]
-            }
-          )
-        ] })
-      }
-    ) })
-  ] });
-}
-export {
-  cr as PrefPanel,
-  kt as PrefRadio
-};
+import { n as e, t } from "../../PrefPanel-DmiRZs1n.js";
+export { t as PrefPanel, e as PrefRadio };