highsoft-ui 1.0.104 → 1.0.106

package/dist/components/PrefPanel/index.js

@@ -1,15 +1,15 @@
-import { jsx as w, jsxs as q, Fragment as ne } from "react/jsx-runtime";
-import { z as Qe, c as qe } from "../../utils-BKDJp1i0.js";
+import { jsx as w, jsxs as q, Fragment as ee } from "react/jsx-runtime";
+import { z as Ke, c as Qe } from "../../utils-BKDJp1i0.js";
 import * as g from "react";
-import { useLayoutEffect as Ge } from "react";
-import { C as Ue } from "../../Check-Cm4roSEj.js";
-import { _ as yt } from "../../extends-hS2Bh-Yp.js";
-import { c as Ze } from "../../clsx-OuTLNxxd.js";
-import { Button as Je } from "../Button/index.js";
-import { h as Mt, P as ft, u as bt, c as oe, f as tn, e as en, b as nn, d as st, g as re, i as on, j as rn, R as sn, a as cn, k as an, F as ln, D as fn } from "../../index-CYz8LhDn.js";
-import * as un from "react-dom";
-var dn = function(e) {
-  return /* @__PURE__ */ w("svg", yt({
+import { useLayoutEffect as qe } from "react";
+import { C as Ge } from "../../Check-Cm4roSEj.js";
+import { _ as xt } from "../../extends-hS2Bh-Yp.js";
+import { c as Ue } from "../../clsx-OuTLNxxd.js";
+import { Button as Ze } from "../Button/index.js";
+import { h as kt, P as lt, u as yt, c as ne, f as Je, e as tn, b as en, d as st, g as oe, i as nn, j as on, R as rn, a as sn, k as cn, F as an, D as ln } from "../../index-CYz8LhDn.js";
+import * as fn from "react-dom";
+var un = function(e) {
+  return /* @__PURE__ */ w("svg", xt({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
@@ -24,8 +24,8 @@ var dn = function(e) {
       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"
     })
   }));
-}, pn = function(e) {
-  return /* @__PURE__ */ w("svg", yt({
+}, dn = function(e) {
+  return /* @__PURE__ */ w("svg", xt({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
@@ -40,8 +40,8 @@ var dn = function(e) {
       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"
     })
   }));
-}, hn = function(e) {
-  return /* @__PURE__ */ w("svg", yt({
+}, pn = function(e) {
+  return /* @__PURE__ */ w("svg", xt({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
@@ -56,8 +56,8 @@ var dn = function(e) {
       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"
     })
   }));
-}, mn = function(e) {
-  return /* @__PURE__ */ w("svg", yt({
+}, hn = function(e) {
+  return /* @__PURE__ */ w("svg", xt({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
@@ -73,9 +73,9 @@ var dn = function(e) {
     })
   }));
 };
-function gn(t) {
+function mn(t) {
   const [e, n] = g.useState(void 0);
-  return Mt(() => {
+  return kt(() => {
     if (t) {
       n({ width: t.offsetWidth, height: t.offsetHeight });
       const o = new ResizeObserver((r) => {
@@ -95,19 +95,19 @@ function gn(t) {
       n(void 0);
   }, [t]), e;
 }
-const wn = ["top", "right", "bottom", "left"], G = Math.min, W = Math.max, gt = Math.round, ht = Math.floor, j = (t) => ({
+const gn = ["top", "right", "bottom", "left"], G = Math.min, W = Math.max, mt = Math.round, pt = Math.floor, j = (t) => ({
   x: t,
   y: t
-}), vn = {
+}), wn = {
   left: "right",
   right: "left",
   bottom: "top",
   top: "bottom"
-}, xn = {
+}, vn = {
   start: "end",
   end: "start"
 };
-function Dt(t, e, n) {
+function Mt(t, e, n) {
   return W(t, G(e, n));
 }
 function K(t, e) {
@@ -119,54 +119,54 @@ function Q(t) {
 function ot(t) {
   return t.split("-")[1];
 }
-function Tt(t) {
+function _t(t) {
   return t === "x" ? "y" : "x";
 }
-function Nt(t) {
+function Tt(t) {
   return t === "y" ? "height" : "width";
 }
-const yn = /* @__PURE__ */ new Set(["top", "bottom"]);
+const xn = /* @__PURE__ */ new Set(["top", "bottom"]);
 function V(t) {
-  return yn.has(Q(t)) ? "y" : "x";
+  return xn.has(Q(t)) ? "y" : "x";
 }
-function Ft(t) {
-  return Tt(V(t));
+function Nt(t) {
+  return _t(V(t));
 }
-function bn(t, e, n) {
+function yn(t, e, n) {
   n === void 0 && (n = !1);
-  const o = ot(t), r = Ft(t), i = Nt(r);
+  const o = ot(t), r = Nt(t), i = Tt(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)];
+  return e.reference[i] > e.floating[i] && (s = gt(s)), [s, gt(s)];
 }
-function An(t) {
-  const e = wt(t);
-  return [Lt(t), e, Lt(e)];
+function bn(t) {
+  const e = gt(t);
+  return [Dt(t), e, Dt(e)];
 }
-function Lt(t) {
-  return t.replace(/start|end/g, (e) => xn[e]);
+function Dt(t) {
+  return t.replace(/start|end/g, (e) => vn[e]);
 }
-const Xt = ["left", "right"], Yt = ["right", "left"], Pn = ["top", "bottom"], Cn = ["bottom", "top"];
-function Rn(t, e, n) {
+const jt = ["left", "right"], Xt = ["right", "left"], An = ["top", "bottom"], Pn = ["bottom", "top"];
+function Cn(t, e, n) {
   switch (t) {
     case "top":
     case "bottom":
-      return n ? e ? Yt : Xt : e ? Xt : Yt;
+      return n ? e ? Xt : jt : e ? jt : Xt;
     case "left":
     case "right":
-      return e ? Pn : Cn;
+      return e ? An : Pn;
     default:
       return [];
   }
 }
-function On(t, e, n, o) {
+function Rn(t, e, n, o) {
   const r = ot(t);
-  let i = Rn(Q(t), n === "start", o);
-  return r && (i = i.map((s) => s + "-" + r), e && (i = i.concat(i.map(Lt)))), i;
+  let i = Cn(Q(t), n === "start", o);
+  return r && (i = i.map((s) => s + "-" + r), e && (i = i.concat(i.map(Dt)))), i;
 }
-function wt(t) {
-  return t.replace(/left|right|bottom|top/g, (e) => vn[e]);
+function gt(t) {
+  return t.replace(/left|right|bottom|top/g, (e) => wn[e]);
 }
-function Sn(t) {
+function On(t) {
   return {
     top: 0,
     right: 0,
@@ -175,15 +175,15 @@ function Sn(t) {
     ...t
   };
 }
-function ie(t) {
-  return typeof t != "number" ? Sn(t) : {
+function re(t) {
+  return typeof t != "number" ? On(t) : {
     top: t,
     right: t,
     bottom: t,
     left: t
   };
 }
-function vt(t) {
+function wt(t) {
   const {
     x: e,
     y: n,
@@ -201,12 +201,12 @@ function vt(t) {
     y: n
   };
 }
-function Kt(t, e, n) {
+function Yt(t, e, n) {
   let {
     reference: o,
     floating: r
   } = t;
-  const i = V(e), s = Ft(e), c = Nt(s), a = Q(e), l = i === "y", f = o.x + o.width / 2 - r.width / 2, u = o.y + o.height / 2 - r.height / 2, p = o[c] / 2 - r[c] / 2;
+  const i = V(e), s = Nt(e), c = Tt(s), a = Q(e), l = i === "y", f = 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":
@@ -249,6 +249,51 @@ function Kt(t, e, n) {
   }
   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: l = "clippingAncestors",
+    rootBoundary: f = "viewport",
+    elementContext: u = "floating",
+    altBoundary: p = !1,
+    padding: d = 0
+  } = K(e, t), h = re(d), x = c[p ? u === "floating" ? "reference" : "floating" : u], v = wt(await i.getClippingRect({
+    element: (n = await (i.isElement == null ? void 0 : i.isElement(x))) == null || n ? x : x.contextElement || await (i.getDocumentElement == null ? void 0 : i.getDocumentElement(c.floating)),
+    boundary: l,
+    rootBoundary: f,
+    strategy: a
+  })), A = u === "floating" ? {
+    x: o,
+    y: r,
+    width: s.floating.width,
+    height: s.floating.height
+  } : s.reference, b = await (i.getOffsetParent == null ? void 0 : i.getOffsetParent(c.floating)), y = 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
+  }, C = wt(i.convertOffsetParentRelativeRectToViewportRelativeRect ? await i.convertOffsetParentRelativeRectToViewportRelativeRect({
+    elements: c,
+    rect: A,
+    offsetParent: b,
+    strategy: a
+  }) : A);
+  return {
+    top: (v.top - C.top + h.top) / y.y,
+    bottom: (C.bottom - v.bottom + h.bottom) / y.y,
+    left: (v.left - C.left + h.left) / y.x,
+    right: (C.right - v.right + h.right) / y.x
+  };
+}
 const En = async (t, e, n) => {
   const {
     placement: o = "bottom",
@@ -263,17 +308,18 @@ const En = async (t, e, n) => {
   }), {
     x: f,
     y: u
-  } = Kt(l, o, a), p = o, d = {}, h = 0;
-  for (let m = 0; m < c.length; m++) {
+  } = Yt(l, o, a), p = o, d = {}, h = 0;
+  for (let x = 0; x < c.length; x++) {
+    var m;
     const {
-      name: x,
-      fn: v
-    } = c[m], {
-      x: y,
-      y: P,
-      data: b,
-      reset: A
-    } = await v({
+      name: v,
+      fn: A
+    } = c[x], {
+      x: b,
+      y,
+      data: C,
+      reset: R
+    } = await A({
       x: f,
       y: u,
       initialPlacement: o,
@@ -281,26 +327,29 @@ const En = async (t, e, n) => {
       strategy: r,
       middlewareData: d,
       rects: l,
-      platform: s,
+      platform: {
+        ...s,
+        detectOverflow: (m = s.detectOverflow) != null ? m : Sn
+      },
       elements: {
         reference: t,
         floating: e
       }
     });
-    f = y ?? f, u = P ?? u, d = {
+    f = b ?? f, u = y ?? u, d = {
       ...d,
-      [x]: {
-        ...d[x],
-        ...b
+      [v]: {
+        ...d[v],
+        ...C
       }
-    }, A && h <= 50 && (h++, typeof A == "object" && (A.placement && (p = A.placement), A.rects && (l = A.rects === !0 ? await s.getElementRects({
+    }, R && h <= 50 && (h++, typeof R == "object" && (R.placement && (p = R.placement), R.rects && (l = R.rects === !0 ? await s.getElementRects({
       reference: t,
       floating: e,
       strategy: r
-    }) : A.rects), {
+    }) : R.rects), {
       x: f,
       y: u
-    } = Kt(l, p, a)), m = -1);
+    } = Yt(l, p, a)), x = -1);
   }
   return {
     x: f,
@@ -309,53 +358,7 @@ const En = async (t, e, n) => {
     strategy: r,
     middlewareData: d
   };
-};
-async function at(t, e) {
-  var n;
-  e === void 0 && (e = {});
-  const {
-    x: o,
-    y: r,
-    platform: i,
-    rects: s,
-    elements: c,
-    strategy: a
-  } = t, {
-    boundary: l = "clippingAncestors",
-    rootBoundary: f = "viewport",
-    elementContext: u = "floating",
-    altBoundary: p = !1,
-    padding: d = 0
-  } = K(e, t), h = ie(d), x = c[p ? u === "floating" ? "reference" : "floating" : u], v = vt(await i.getClippingRect({
-    element: (n = await (i.isElement == null ? void 0 : i.isElement(x))) == null || n ? x : x.contextElement || await (i.getDocumentElement == null ? void 0 : i.getDocumentElement(c.floating)),
-    boundary: l,
-    rootBoundary: f,
-    strategy: a
-  })), y = u === "floating" ? {
-    x: o,
-    y: r,
-    width: s.floating.width,
-    height: s.floating.height
-  } : s.reference, P = await (i.getOffsetParent == null ? void 0 : i.getOffsetParent(c.floating)), b = await (i.isElement == null ? void 0 : i.isElement(P)) ? await (i.getScale == null ? void 0 : i.getScale(P)) || {
-    x: 1,
-    y: 1
-  } : {
-    x: 1,
-    y: 1
-  }, A = vt(i.convertOffsetParentRelativeRectToViewportRelativeRect ? await i.convertOffsetParentRelativeRectToViewportRelativeRect({
-    elements: c,
-    rect: y,
-    offsetParent: P,
-    strategy: a
-  }) : y);
-  return {
-    top: (v.top - A.top + h.top) / b.y,
-    bottom: (A.bottom - v.bottom + h.bottom) / b.y,
-    left: (v.left - A.left + h.left) / b.x,
-    right: (A.right - v.right + h.right) / b.x
-  };
-}
-const kn = (t) => ({
+}, kn = (t) => ({
   name: "arrow",
   options: t,
   async fn(e) {
@@ -373,13 +376,13 @@ const kn = (t) => ({
     } = K(t, e) || {};
     if (l == null)
       return {};
-    const u = ie(f), p = {
+    const u = re(f), p = {
       x: n,
       y: o
-    }, d = Ft(r), h = Nt(d), m = await s.getDimensions(l), x = d === "y", v = x ? "top" : "left", y = x ? "bottom" : "right", P = x ? "clientHeight" : "clientWidth", b = i.reference[h] + i.reference[d] - p[d] - i.floating[h], A = p[d] - i.reference[d], O = await (s.getOffsetParent == null ? void 0 : s.getOffsetParent(l));
-    let R = O ? O[P] : 0;
-    (!R || !await (s.isElement == null ? void 0 : s.isElement(O))) && (R = c.floating[P] || i.floating[h]);
-    const L = b / 2 - A / 2, F = R / 2 - m[h] / 2 - 1, D = G(u[v], F), T = G(u[y], F), N = D, E = R - m[h] - T, S = R / 2 - m[h] / 2 + L, $ = Dt(N, S, E), k = !a.arrow && ot(r) != null && S !== $ && i.reference[h] / 2 - (S < N ? D : T) - m[h] / 2 < 0, M = k ? S < N ? S - N : S - E : 0;
+    }, d = Nt(r), h = Tt(d), m = await s.getDimensions(l), x = d === "y", v = x ? "top" : "left", A = x ? "bottom" : "right", b = x ? "clientHeight" : "clientWidth", y = 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(l));
+    let O = R ? R[b] : 0;
+    (!O || !await (s.isElement == null ? void 0 : s.isElement(R))) && (O = c.floating[b] || i.floating[h]);
+    const L = y / 2 - C / 2, F = O / 2 - m[h] / 2 - 1, D = G(u[v], F), T = G(u[A], F), N = D, E = O - m[h] - T, S = O / 2 - m[h] / 2 + L, $ = Mt(N, S, E), k = !a.arrow && ot(r) != null && S !== $ && i.reference[h] / 2 - (S < N ? D : T) - m[h] / 2 < 0, M = k ? S < N ? S - N : S - E : 0;
     return {
       [d]: p[d] + M,
       data: {
@@ -416,12 +419,12 @@ const kn = (t) => ({
       } = K(t, e);
       if ((n = i.arrow) != null && n.alignmentOffset)
         return {};
-      const v = Q(r), y = V(c), P = Q(c) === c, b = await (a.isRTL == null ? void 0 : a.isRTL(l.floating)), A = p || (P || !m ? [wt(c)] : An(c)), O = h !== "none";
-      !p && O && A.push(...On(c, m, h, b));
-      const R = [c, ...A], L = await at(e, x), F = [];
+      const v = Q(r), A = V(c), b = Q(c) === c, y = await (a.isRTL == null ? void 0 : a.isRTL(l.floating)), C = p || (b || !m ? [gt(c)] : bn(c)), R = h !== "none";
+      !p && R && C.push(...Rn(c, m, h, y));
+      const O = [c, ...C], L = await a.detectOverflow(e, x), F = [];
       let D = ((o = i.flip) == null ? void 0 : o.overflows) || [];
       if (f && F.push(L[v]), u) {
-        const S = bn(r, s, b);
+        const S = yn(r, s, y);
         F.push(L[S[0]], L[S[1]]);
       }
       if (D = [...D, {
@@ -429,10 +432,10 @@ const kn = (t) => ({
         overflows: F
       }], !F.every((S) => S <= 0)) {
         var T, N;
-        const S = (((T = i.flip) == null ? void 0 : T.index) || 0) + 1, $ = R[S];
-        if ($ && (!(u === "alignment" ? y !== V($) : !1) || // We leave the current main axis only if every placement on that axis
+        const S = (((T = i.flip) == null ? void 0 : T.index) || 0) + 1, $ = O[S];
+        if ($ && (!(u === "alignment" ? A !== V($) : !1) || // We leave the current main axis only if every placement on that axis
         // overflows the main axis.
-        D.every((C) => V(C.placement) === y ? C.overflows[0] > 0 : !0)))
+        D.every((P) => V(P.placement) === A ? P.overflows[0] > 0 : !0)))
           return {
             data: {
               index: S,
@@ -442,20 +445,20 @@ const kn = (t) => ({
               placement: $
             }
           };
-        let k = (N = D.filter((M) => M.overflows[0] <= 0).sort((M, C) => M.overflows[1] - C.overflows[1])[0]) == null ? void 0 : N.placement;
+        let k = (N = D.filter((M) => M.overflows[0] <= 0).sort((M, P) => M.overflows[1] - P.overflows[1])[0]) == null ? void 0 : N.placement;
         if (!k)
           switch (d) {
             case "bestFit": {
               var E;
-              const M = (E = D.filter((C) => {
-                if (O) {
-                  const _ = V(C.placement);
-                  return _ === y || // Create a bias to the `y` side axis due to horizontal
+              const M = (E = D.filter((P) => {
+                if (R) {
+                  const _ = V(P.placement);
+                  return _ === A || // Create a bias to the `y` side axis due to horizontal
                   // reading directions favoring greater width.
                   _ === "y";
                 }
                 return !0;
-              }).map((C) => [C.placement, C.overflows.filter((_) => _ > 0).reduce((_, z) => _ + z, 0)]).sort((C, _) => C[1] - _[1])[0]) == null ? void 0 : E[0];
+              }).map((P) => [P.placement, P.overflows.filter((_) => _ > 0).reduce((_, z) => _ + z, 0)]).sort((P, _) => P[1] - _[1])[0]) == null ? void 0 : E[0];
               M && (k = M);
               break;
             }
@@ -474,7 +477,7 @@ const kn = (t) => ({
     }
   };
 };
-function Qt(t, e) {
+function Kt(t, e) {
   return {
     top: t.top - e.height,
     right: t.right - e.width,
@@ -482,8 +485,8 @@ function Qt(t, e) {
     left: t.left - e.width
   };
 }
-function qt(t) {
-  return wn.some((e) => t[e] >= 0);
+function Qt(t) {
+  return gn.some((e) => t[e] >= 0);
 }
 const Dn = function(t) {
   return t === void 0 && (t = {}), {
@@ -491,33 +494,34 @@ const Dn = function(t) {
     options: t,
     async fn(e) {
       const {
-        rects: n
+        rects: n,
+        platform: o
       } = e, {
-        strategy: o = "referenceHidden",
-        ...r
+        strategy: r = "referenceHidden",
+        ...i
       } = K(t, e);
-      switch (o) {
+      switch (r) {
         case "referenceHidden": {
-          const i = await at(e, {
-            ...r,
+          const s = await o.detectOverflow(e, {
+            ...i,
             elementContext: "reference"
-          }), s = Qt(i, n.reference);
+          }), c = Kt(s, n.reference);
           return {
             data: {
-              referenceHiddenOffsets: s,
-              referenceHidden: qt(s)
+              referenceHiddenOffsets: c,
+              referenceHidden: Qt(c)
             }
           };
         }
         case "escaped": {
-          const i = await at(e, {
-            ...r,
+          const s = await o.detectOverflow(e, {
+            ...i,
             altBoundary: !0
-          }), s = Qt(i, n.floating);
+          }), c = Kt(s, n.floating);
           return {
             data: {
-              escapedOffsets: s,
-              escaped: qt(s)
+              escapedOffsets: c,
+              escaped: Qt(c)
             }
           };
         }
@@ -526,13 +530,13 @@ const Dn = function(t) {
       }
     }
   };
-}, se = /* @__PURE__ */ new Set(["left", "top"]);
+}, ie = /* @__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 = Q(n), c = ot(n), a = V(n) === "y", l = se.has(s) ? -1 : 1, f = i && a ? -1 : 1, u = K(e, t);
+  } = t, i = await (o.isRTL == null ? void 0 : o.isRTL(r.floating)), s = Q(n), c = ot(n), a = V(n) === "y", l = ie.has(s) ? -1 : 1, f = i && a ? -1 : 1, u = K(e, t);
   let {
     mainAxis: p,
     crossAxis: d,
@@ -584,49 +588,50 @@ const _n = function(t) {
       const {
         x: n,
         y: o,
-        placement: r
+        placement: r,
+        platform: i
       } = e, {
-        mainAxis: i = !0,
-        crossAxis: s = !1,
-        limiter: c = {
-          fn: (x) => {
+        mainAxis: s = !0,
+        crossAxis: c = !1,
+        limiter: a = {
+          fn: (v) => {
             let {
-              x: v,
-              y
-            } = x;
+              x: A,
+              y: b
+            } = v;
             return {
-              x: v,
-              y
+              x: A,
+              y: b
             };
           }
         },
-        ...a
-      } = K(t, e), l = {
+        ...l
+      } = K(t, e), f = {
         x: n,
         y: o
-      }, f = await at(e, a), u = V(Q(r)), p = Tt(u);
-      let d = l[p], h = l[u];
-      if (i) {
-        const x = p === "y" ? "top" : "left", v = p === "y" ? "bottom" : "right", y = d + f[x], P = d - f[v];
-        d = Dt(y, d, P);
-      }
+      }, u = await i.detectOverflow(e, l), p = V(Q(r)), d = _t(p);
+      let h = f[d], m = f[p];
       if (s) {
-        const x = u === "y" ? "top" : "left", v = u === "y" ? "bottom" : "right", y = h + f[x], P = h - f[v];
-        h = Dt(y, h, P);
+        const v = d === "y" ? "top" : "left", A = d === "y" ? "bottom" : "right", b = h + u[v], y = h - u[A];
+        h = Mt(b, h, y);
+      }
+      if (c) {
+        const v = p === "y" ? "top" : "left", A = p === "y" ? "bottom" : "right", b = m + u[v], y = m - u[A];
+        m = Mt(b, m, y);
       }
-      const m = c.fn({
+      const x = a.fn({
         ...e,
-        [p]: d,
-        [u]: h
+        [d]: h,
+        [p]: m
       });
       return {
-        ...m,
+        ...x,
         data: {
-          x: m.x - n,
-          y: m.y - o,
+          x: x.x - n,
+          y: x.y - o,
           enabled: {
-            [p]: i,
-            [u]: s
+            [d]: s,
+            [p]: c
           }
         }
       };
@@ -649,7 +654,7 @@ const _n = function(t) {
       } = K(t, e), f = {
         x: n,
         y: o
-      }, u = V(r), p = Tt(u);
+      }, u = V(r), p = _t(u);
       let d = f[p], h = f[u];
       const m = K(c, e), x = typeof m == "number" ? {
         mainAxis: m,
@@ -660,13 +665,13 @@ const _n = function(t) {
         ...m
       };
       if (a) {
-        const P = p === "y" ? "height" : "width", b = i.reference[p] - i.floating[P] + x.mainAxis, A = i.reference[p] + i.reference[P] - x.mainAxis;
-        d < b ? d = b : d > A && (d = A);
+        const b = p === "y" ? "height" : "width", y = i.reference[p] - i.floating[b] + x.mainAxis, C = i.reference[p] + i.reference[b] - x.mainAxis;
+        d < y ? d = y : d > C && (d = C);
       }
       if (l) {
-        var v, y;
-        const P = p === "y" ? "width" : "height", b = se.has(Q(r)), A = i.reference[u] - i.floating[P] + (b && ((v = s.offset) == null ? void 0 : v[u]) || 0) + (b ? 0 : x.crossAxis), O = i.reference[u] + i.reference[P] + (b ? 0 : ((y = s.offset) == null ? void 0 : y[u]) || 0) - (b ? x.crossAxis : 0);
-        h < A ? h = A : h > O && (h = O);
+        var v, A;
+        const b = p === "y" ? "width" : "height", y = ie.has(Q(r)), C = i.reference[u] - i.floating[b] + (y && ((v = s.offset) == null ? void 0 : v[u]) || 0) + (y ? 0 : x.crossAxis), R = i.reference[u] + i.reference[b] + (y ? 0 : ((A = s.offset) == null ? void 0 : A[u]) || 0) - (y ? x.crossAxis : 0);
+        h < C ? h = C : h > R && (h = R);
       }
       return {
         [p]: d,
@@ -689,22 +694,22 @@ const _n = function(t) {
         apply: a = () => {
         },
         ...l
-      } = K(t, e), f = await at(e, l), u = Q(r), p = ot(r), d = V(r) === "y", {
+      } = K(t, e), f = await s.detectOverflow(e, l), u = Q(r), p = ot(r), d = V(r) === "y", {
         width: h,
         height: m
       } = i.floating;
       let x, v;
       u === "top" || u === "bottom" ? (x = u, v = p === (await (s.isRTL == null ? void 0 : s.isRTL(c.floating)) ? "start" : "end") ? "left" : "right") : (v = u, x = p === "end" ? "top" : "bottom");
-      const y = m - f.top - f.bottom, P = h - f.left - f.right, b = G(m - f[x], y), A = G(h - f[v], P), O = !e.middlewareData.shift;
-      let R = b, L = A;
-      if ((n = e.middlewareData.shift) != null && n.enabled.x && (L = P), (o = e.middlewareData.shift) != null && o.enabled.y && (R = y), O && !p) {
+      const A = m - f.top - f.bottom, b = h - f.left - f.right, y = G(m - f[x], A), C = G(h - f[v], b), R = !e.middlewareData.shift;
+      let O = y, L = C;
+      if ((n = e.middlewareData.shift) != null && n.enabled.x && (L = b), (o = e.middlewareData.shift) != null && o.enabled.y && (O = A), R && !p) {
         const D = W(f.left, 0), T = W(f.right, 0), N = W(f.top, 0), E = W(f.bottom, 0);
-        d ? L = h - 2 * (D !== 0 || T !== 0 ? D + T : W(f.left, f.right)) : R = m - 2 * (N !== 0 || E !== 0 ? N + E : W(f.top, f.bottom));
+        d ? L = h - 2 * (D !== 0 || T !== 0 ? D + T : W(f.left, f.right)) : O = m - 2 * (N !== 0 || E !== 0 ? N + E : W(f.top, f.bottom));
       }
       await a({
         ...e,
         availableWidth: L,
-        availableHeight: R
+        availableHeight: O
       });
       const F = await s.getDimensions(c.floating);
       return h !== F.width || m !== F.height ? {
@@ -715,11 +720,11 @@ const _n = function(t) {
     }
   };
 };
-function At() {
+function bt() {
   return typeof window < "u";
 }
 function rt(t) {
-  return ce(t) ? (t.nodeName || "").toLowerCase() : "#document";
+  return se(t) ? (t.nodeName || "").toLowerCase() : "#document";
 }
 function H(t) {
   var e;
@@ -727,22 +732,22 @@ function H(t) {
 }
 function Y(t) {
   var e;
-  return (e = (ce(t) ? t.ownerDocument : t.document) || window.document) == null ? void 0 : e.documentElement;
+  return (e = (se(t) ? t.ownerDocument : t.document) || window.document) == null ? void 0 : e.documentElement;
 }
-function ce(t) {
-  return At() ? t instanceof Node || t instanceof H(t).Node : !1;
+function se(t) {
+  return bt() ? t instanceof Node || t instanceof H(t).Node : !1;
 }
 function I(t) {
-  return At() ? t instanceof Element || t instanceof H(t).Element : !1;
+  return bt() ? t instanceof Element || t instanceof H(t).Element : !1;
 }
 function X(t) {
-  return At() ? t instanceof HTMLElement || t instanceof H(t).HTMLElement : !1;
+  return bt() ? t instanceof HTMLElement || t instanceof H(t).HTMLElement : !1;
 }
-function Gt(t) {
-  return !At() || typeof ShadowRoot > "u" ? !1 : t instanceof ShadowRoot || t instanceof H(t).ShadowRoot;
+function qt(t) {
+  return !bt() || typeof ShadowRoot > "u" ? !1 : t instanceof ShadowRoot || t instanceof H(t).ShadowRoot;
 }
 const $n = /* @__PURE__ */ new Set(["inline", "contents"]);
-function ut(t) {
+function ft(t) {
   const {
     overflow: e,
     overflowX: n,
@@ -756,7 +761,7 @@ function Hn(t) {
   return Wn.has(rt(t));
 }
 const In = [":popover-open", ":modal"];
-function Pt(t) {
+function At(t) {
   return In.some((e) => {
     try {
       return t.matches(e);
@@ -766,22 +771,22 @@ function Pt(t) {
   });
 }
 const Bn = ["transform", "translate", "scale", "rotate", "perspective"], zn = ["transform", "translate", "scale", "rotate", "perspective", "filter"], Vn = ["paint", "layout", "strict", "content"];
-function $t(t) {
-  const e = Wt(), n = I(t) ? B(t) : t;
+function Ft(t) {
+  const e = $t(), n = I(t) ? B(t) : t;
   return Bn.some((o) => n[o] ? n[o] !== "none" : !1) || (n.containerType ? n.containerType !== "normal" : !1) || !e && (n.backdropFilter ? n.backdropFilter !== "none" : !1) || !e && (n.filter ? n.filter !== "none" : !1) || zn.some((o) => (n.willChange || "").includes(o)) || Vn.some((o) => (n.contain || "").includes(o));
 }
 function jn(t) {
   let e = U(t);
   for (; X(e) && !et(e); ) {
-    if ($t(e))
+    if (Ft(e))
       return e;
-    if (Pt(e))
+    if (At(e))
       return null;
     e = U(e);
   }
   return null;
 }
-function Wt() {
+function $t() {
   return typeof CSS > "u" || !CSS.supports ? !1 : CSS.supports("-webkit-backdrop-filter", "none");
 }
 const Xn = /* @__PURE__ */ new Set(["html", "body", "#document"]);
@@ -791,7 +796,7 @@ function et(t) {
 function B(t) {
   return H(t).getComputedStyle(t);
 }
-function Ct(t) {
+function Pt(t) {
   return I(t) ? {
     scrollLeft: t.scrollLeft,
     scrollTop: t.scrollTop
@@ -807,60 +812,60 @@ function U(t) {
     // 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.
+    qt(t) && t.host || // Fallback.
     Y(t)
   );
-  return Gt(e) ? e.host : e;
+  return qt(e) ? e.host : e;
 }
-function ae(t) {
+function ce(t) {
   const e = U(t);
-  return et(e) ? t.ownerDocument ? t.ownerDocument.body : t.body : X(e) && ut(e) ? e : ae(e);
+  return et(e) ? t.ownerDocument ? t.ownerDocument.body : t.body : X(e) && ft(e) ? e : ce(e);
 }
-function lt(t, e, n) {
+function at(t, e, n) {
   var o;
   e === void 0 && (e = []), n === void 0 && (n = !0);
-  const r = ae(t), i = r === ((o = t.ownerDocument) == null ? void 0 : o.body), s = H(r);
+  const r = ce(t), i = r === ((o = t.ownerDocument) == null ? void 0 : o.body), s = H(r);
   if (i) {
-    const c = _t(s);
-    return e.concat(s, s.visualViewport || [], ut(r) ? r : [], c && n ? lt(c) : []);
+    const c = Lt(s);
+    return e.concat(s, s.visualViewport || [], ft(r) ? r : [], c && n ? at(c) : []);
   }
-  return e.concat(r, lt(r, [], n));
+  return e.concat(r, at(r, [], n));
 }
-function _t(t) {
+function Lt(t) {
   return t.parent && Object.getPrototypeOf(t.parent) ? t.frameElement : null;
 }
-function le(t) {
+function ae(t) {
   const e = B(t);
   let n = parseFloat(e.width) || 0, o = parseFloat(e.height) || 0;
-  const r = X(t), i = r ? t.offsetWidth : n, s = r ? t.offsetHeight : o, c = gt(n) !== i || gt(o) !== s;
+  const r = X(t), i = r ? t.offsetWidth : n, s = r ? t.offsetHeight : o, c = mt(n) !== i || mt(o) !== s;
   return c && (n = i, o = s), {
     width: n,
     height: o,
     $: c
   };
 }
-function Ht(t) {
+function Wt(t) {
   return I(t) ? t : t.contextElement;
 }
 function tt(t) {
-  const e = Ht(t);
+  const e = Wt(t);
   if (!X(e))
     return j(1);
   const n = e.getBoundingClientRect(), {
     width: o,
     height: r,
     $: i
-  } = le(e);
-  let s = (i ? gt(n.width) : n.width) / o, c = (i ? gt(n.height) : n.height) / r;
+  } = ae(e);
+  let s = (i ? mt(n.width) : n.width) / o, c = (i ? mt(n.height) : n.height) / r;
   return (!s || !Number.isFinite(s)) && (s = 1), (!c || !Number.isFinite(c)) && (c = 1), {
     x: s,
     y: c
   };
 }
 const Yn = /* @__PURE__ */ j(0);
-function fe(t) {
+function le(t) {
   const e = H(t);
-  return !Wt() || !e.visualViewport ? Yn : {
+  return !$t() || !e.visualViewport ? Yn : {
     x: e.visualViewport.offsetLeft,
     y: e.visualViewport.offsetTop
   };
@@ -870,32 +875,32 @@ function Kn(t, e, n) {
 }
 function J(t, e, n, o) {
   e === void 0 && (e = !1), n === void 0 && (n = !1);
-  const r = t.getBoundingClientRect(), i = Ht(t);
+  const r = t.getBoundingClientRect(), i = Wt(t);
   let s = j(1);
   e && (o ? I(o) && (s = tt(o)) : s = tt(t));
-  const c = Kn(i, n, o) ? fe(i) : j(0);
+  const c = Kn(i, n, o) ? le(i) : j(0);
   let a = (r.left + c.x) / s.x, l = (r.top + c.y) / s.y, f = 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 = _t(h);
+    let h = p, m = Lt(h);
     for (; m && o && d !== h; ) {
-      const x = tt(m), v = m.getBoundingClientRect(), y = B(m), P = v.left + (m.clientLeft + parseFloat(y.paddingLeft)) * x.x, b = v.top + (m.clientTop + parseFloat(y.paddingTop)) * x.y;
-      a *= x.x, l *= x.y, f *= x.x, u *= x.y, a += P, l += b, h = H(m), m = _t(h);
+      const x = tt(m), v = m.getBoundingClientRect(), A = B(m), b = v.left + (m.clientLeft + parseFloat(A.paddingLeft)) * x.x, y = v.top + (m.clientTop + parseFloat(A.paddingTop)) * x.y;
+      a *= x.x, l *= x.y, f *= x.x, u *= x.y, a += b, l += y, h = H(m), m = Lt(h);
     }
   }
-  return vt({
+  return wt({
     width: f,
     height: u,
     x: a,
     y: l
   });
 }
-function Rt(t, e) {
-  const n = Ct(t).scrollLeft;
+function Ct(t, e) {
+  const n = Pt(t).scrollLeft;
   return e ? e.left + n : J(Y(t)).left + n;
 }
-function ue(t, e) {
-  const n = t.getBoundingClientRect(), o = n.left + e.scrollLeft - Rt(t, n), r = n.top + e.scrollTop;
+function fe(t, e) {
+  const n = t.getBoundingClientRect(), o = n.left + e.scrollLeft - Ct(t, n), r = n.top + e.scrollTop;
   return {
     x: o,
     y: r
@@ -908,7 +913,7 @@ function Qn(t) {
     offsetParent: o,
     strategy: r
   } = t;
-  const i = r === "fixed", s = Y(o), c = e ? Pt(e.floating) : !1;
+  const i = r === "fixed", s = Y(o), c = e ? At(e.floating) : !1;
   if (o === s || c && i)
     return n;
   let a = {
@@ -916,11 +921,11 @@ function Qn(t) {
     scrollTop: 0
   }, l = j(1);
   const f = j(0), u = X(o);
-  if ((u || !u && !i) && ((rt(o) !== "body" || ut(s)) && (a = Ct(o)), X(o))) {
+  if ((u || !u && !i) && ((rt(o) !== "body" || ft(s)) && (a = Pt(o)), X(o))) {
     const d = J(o);
     l = tt(o), f.x = d.x + o.clientLeft, f.y = d.y + o.clientTop;
   }
-  const p = s && !u && !i ? ue(s, a) : j(0);
+  const p = s && !u && !i ? fe(s, a) : j(0);
   return {
     width: n.width * l.x,
     height: n.height * l.y,
@@ -932,8 +937,8 @@ function qn(t) {
   return Array.from(t.getClientRects());
 }
 function Gn(t) {
-  const e = Y(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 e = Y(t), n = Pt(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 + Ct(t);
   const c = -n.scrollTop;
   return B(o).direction === "rtl" && (s += W(e.clientWidth, o.clientWidth) - r), {
     width: r,
@@ -942,20 +947,20 @@ function Gn(t) {
     y: c
   };
 }
-const Ut = 25;
+const Gt = 25;
 function Un(t, e) {
   const n = H(t), o = Y(t), r = n.visualViewport;
   let i = o.clientWidth, s = o.clientHeight, c = 0, a = 0;
   if (r) {
     i = r.width, s = r.height;
-    const f = Wt();
+    const f = $t();
     (!f || f && e === "fixed") && (c = r.offsetLeft, a = r.offsetTop);
   }
-  const l = Rt(o);
+  const l = Ct(o);
   if (l <= 0) {
     const f = o.ownerDocument, u = f.body, p = getComputedStyle(u), d = f.compatMode === "CSS1Compat" && parseFloat(p.marginLeft) + parseFloat(p.marginRight) || 0, h = Math.abs(o.clientWidth - u.clientWidth - d);
-    h <= Ut && (i -= h);
-  } else l <= Ut && (i += l);
+    h <= Gt && (i -= h);
+  } else l <= Gt && (i += l);
   return {
     width: i,
     height: s,
@@ -973,7 +978,7 @@ function Jn(t, e) {
     y: l
   };
 }
-function Zt(t, e, n) {
+function Ut(t, e, n) {
   let o;
   if (e === "viewport")
     o = Un(t, n);
@@ -982,7 +987,7 @@ function Zt(t, e, n) {
   else if (I(e))
     o = Jn(e, n);
   else {
-    const r = fe(t);
+    const r = le(t);
     o = {
       x: e.x - r.x,
       y: e.y - r.y,
@@ -990,22 +995,22 @@ function Zt(t, e, n) {
       height: e.height
     };
   }
-  return vt(o);
+  return wt(o);
 }
-function de(t, e) {
+function ue(t, e) {
   const n = U(t);
-  return n === e || !I(n) || et(n) ? !1 : B(n).position === "fixed" || de(n, e);
+  return n === e || !I(n) || et(n) ? !1 : B(n).position === "fixed" || ue(n, e);
 }
 function to(t, e) {
   const n = e.get(t);
   if (n)
     return n;
-  let o = lt(t, [], !1).filter((c) => I(c) && rt(c) !== "body"), r = null;
+  let o = at(t, [], !1).filter((c) => I(c) && rt(c) !== "body"), r = null;
   const i = B(t).position === "fixed";
   let s = i ? U(t) : t;
   for (; I(s) && !et(s); ) {
-    const c = B(s), a = $t(s);
-    !a && c.position === "fixed" && (r = null), (i ? !a && !r : !a && c.position === "static" && !!r && Zn.has(r.position) || ut(s) && !a && de(t, s)) ? o = o.filter((f) => f !== s) : r = c, s = U(s);
+    const c = B(s), a = Ft(s);
+    !a && c.position === "fixed" && (r = null), (i ? !a && !r : !a && c.position === "static" && !!r && Zn.has(r.position) || ft(s) && !a && ue(t, s)) ? o = o.filter((f) => f !== s) : r = c, s = U(s);
   }
   return e.set(t, o), o;
 }
@@ -1016,10 +1021,10 @@ function eo(t) {
     rootBoundary: o,
     strategy: r
   } = t;
-  const s = [...n === "clippingAncestors" ? Pt(e) ? [] : to(e, this._c) : [].concat(n), o], c = s[0], a = s.reduce((l, f) => {
-    const u = Zt(e, f, r);
+  const s = [...n === "clippingAncestors" ? At(e) ? [] : to(e, this._c) : [].concat(n), o], c = s[0], a = s.reduce((l, f) => {
+    const u = Ut(e, f, r);
     return l.top = W(u.top, l.top), l.right = G(u.right, l.right), l.bottom = G(u.bottom, l.bottom), l.left = W(u.left, l.left), l;
-  }, Zt(e, c, r));
+  }, Ut(e, c, r));
   return {
     width: a.right - a.left,
     height: a.bottom - a.top,
@@ -1031,7 +1036,7 @@ function no(t) {
   const {
     width: e,
     height: n
-  } = le(t);
+  } = ae(t);
   return {
     width: e,
     height: n
@@ -1045,15 +1050,15 @@ function oo(t, e, n) {
   };
   const a = j(0);
   function l() {
-    a.x = Rt(r);
+    a.x = Ct(r);
   }
   if (o || !o && !i)
-    if ((rt(e) !== "body" || ut(r)) && (c = Ct(e)), o) {
+    if ((rt(e) !== "body" || ft(r)) && (c = Pt(e)), o) {
       const d = J(e, !0, i, e);
       a.x = d.x + e.clientLeft, a.y = d.y + e.clientTop;
     } else r && l();
   i && !o && r && l();
-  const f = r && !o && !i ? ue(r, c) : j(0), u = s.left + c.scrollLeft - a.x - f.x, p = s.top + c.scrollTop - a.y - f.y;
+  const f = r && !o && !i ? fe(r, c) : j(0), u = s.left + c.scrollLeft - a.x - f.x, p = s.top + c.scrollTop - a.y - f.y;
   return {
     x: u,
     y: p,
@@ -1061,10 +1066,10 @@ function oo(t, e, n) {
     height: s.height
   };
 }
-function St(t) {
+function Ot(t) {
   return B(t).position === "static";
 }
-function Jt(t, e) {
+function Zt(t, e) {
   if (!X(t) || B(t).position === "fixed")
     return null;
   if (e)
@@ -1072,26 +1077,26 @@ function Jt(t, e) {
   let n = t.offsetParent;
   return Y(t) === n && (n = n.ownerDocument.body), n;
 }
-function pe(t, e) {
+function de(t, e) {
   const n = H(t);
-  if (Pt(t))
+  if (At(t))
     return n;
   if (!X(t)) {
     let r = U(t);
     for (; r && !et(r); ) {
-      if (I(r) && !St(r))
+      if (I(r) && !Ot(r))
         return r;
       r = U(r);
     }
     return n;
   }
-  let o = Jt(t, e);
-  for (; o && Hn(o) && St(o); )
-    o = Jt(o, e);
-  return o && et(o) && St(o) && !$t(o) ? n : o || jn(t) || n;
+  let o = Zt(t, e);
+  for (; o && Hn(o) && Ot(o); )
+    o = Zt(o, e);
+  return o && et(o) && Ot(o) && !Ft(o) ? n : o || jn(t) || n;
 }
 const ro = async function(t) {
-  const e = this.getOffsetParent || pe, n = this.getDimensions, o = await n(t.floating);
+  const e = this.getOffsetParent || de, n = this.getDimensions, o = await n(t.floating);
   return {
     reference: oo(t.reference, await e(t.floating), t.strategy),
     floating: {
@@ -1109,7 +1114,7 @@ const so = {
   convertOffsetParentRelativeRectToViewportRelativeRect: Qn,
   getDocumentElement: Y,
   getClippingRect: eo,
-  getOffsetParent: pe,
+  getOffsetParent: de,
   getElementRects: ro,
   getClientRects: qn,
   getDimensions: no,
@@ -1117,7 +1122,7 @@ const so = {
   isElement: I,
   isRTL: io
 };
-function he(t, e) {
+function pe(t, e) {
   return t.x === e.x && t.y === e.y && t.width === e.width && t.height === e.height;
 }
 function co(t, e) {
@@ -1137,30 +1142,30 @@ function co(t, e) {
     } = l;
     if (c || e(), !p || !d)
       return;
-    const h = ht(u), m = ht(r.clientWidth - (f + p)), x = ht(r.clientHeight - (u + d)), v = ht(f), P = {
+    const h = pt(u), m = pt(r.clientWidth - (f + p)), x = pt(r.clientHeight - (u + d)), v = pt(f), b = {
       rootMargin: -h + "px " + -m + "px " + -x + "px " + -v + "px",
       threshold: W(0, G(1, a)) || 1
     };
-    let b = !0;
-    function A(O) {
-      const R = O[0].intersectionRatio;
-      if (R !== a) {
-        if (!b)
+    let y = !0;
+    function C(R) {
+      const O = R[0].intersectionRatio;
+      if (O !== a) {
+        if (!y)
           return s();
-        R ? s(!1, R) : o = setTimeout(() => {
+        O ? s(!1, O) : o = setTimeout(() => {
           s(!1, 1e-7);
         }, 1e3);
       }
-      R === 1 && !he(l, t.getBoundingClientRect()) && s(), b = !1;
+      O === 1 && !pe(l, t.getBoundingClientRect()) && s(), y = !1;
     }
     try {
-      n = new IntersectionObserver(A, {
-        ...P,
+      n = new IntersectionObserver(C, {
+        ...b,
         // Handle <iframe>s
         root: r.ownerDocument
       });
     } catch {
-      n = new IntersectionObserver(A, P);
+      n = new IntersectionObserver(C, b);
     }
     n.observe(t);
   }
@@ -1174,7 +1179,7 @@ function ao(t, e, n, o) {
     elementResize: s = typeof ResizeObserver == "function",
     layoutShift: c = typeof IntersectionObserver == "function",
     animationFrame: a = !1
-  } = o, l = Ht(t), f = r || i ? [...l ? lt(l) : [], ...lt(e)] : [];
+  } = o, l = Wt(t), f = r || i ? [...l ? at(l) : [], ...at(e)] : [];
   f.forEach((v) => {
     r && v.addEventListener("scroll", n, {
       passive: !0
@@ -1183,26 +1188,26 @@ function ao(t, e, n, o) {
   const u = l && c ? co(l, n) : null;
   let p = -1, d = null;
   s && (d = new ResizeObserver((v) => {
-    let [y] = v;
-    y && y.target === l && d && (d.unobserve(e), cancelAnimationFrame(p), p = requestAnimationFrame(() => {
-      var P;
-      (P = d) == null || P.observe(e);
+    let [A] = v;
+    A && A.target === l && d && (d.unobserve(e), cancelAnimationFrame(p), p = requestAnimationFrame(() => {
+      var b;
+      (b = d) == null || b.observe(e);
     })), n();
   }), l && !a && d.observe(l), d.observe(e));
   let h, m = a ? J(t) : null;
   a && x();
   function x() {
     const v = J(t);
-    m && !he(m, v) && n(), m = v, h = requestAnimationFrame(x);
+    m && !pe(m, v) && n(), m = v, h = requestAnimationFrame(x);
   }
   return n(), () => {
     var v;
-    f.forEach((y) => {
-      r && y.removeEventListener("scroll", n), i && y.removeEventListener("resize", n);
+    f.forEach((A) => {
+      r && A.removeEventListener("scroll", n), i && A.removeEventListener("resize", n);
     }), u?.(), (v = d) == null || v.disconnect(), d = null, a && cancelAnimationFrame(h);
   };
 }
-const lo = _n, fo = Tn, uo = Mn, po = Fn, ho = Dn, te = kn, mo = Nn, go = (t, e, n) => {
+const lo = _n, fo = Tn, uo = Mn, po = Fn, ho = Dn, Jt = kn, mo = Nn, go = (t, e, n) => {
   const o = /* @__PURE__ */ new Map(), r = {
     platform: so,
     ...n
@@ -1216,8 +1221,8 @@ const lo = _n, fo = Tn, uo = Mn, po = Fn, ho = Dn, te = kn, mo = Nn, go = (t, e,
   });
 };
 var wo = typeof document < "u", vo = function() {
-}, mt = wo ? Ge : vo;
-function xt(t, e) {
+}, ht = wo ? qe : vo;
+function vt(t, e) {
   if (t === e)
     return !0;
   if (typeof t != typeof e)
@@ -1229,7 +1234,7 @@ function xt(t, e) {
     if (Array.isArray(t)) {
       if (n = t.length, n !== e.length) return !1;
       for (o = n; o-- !== 0; )
-        if (!xt(t[o], e[o]))
+        if (!vt(t[o], e[o]))
           return !1;
       return !0;
     }
@@ -1240,23 +1245,23 @@ function xt(t, e) {
         return !1;
     for (o = n; o-- !== 0; ) {
       const i = r[o];
-      if (!(i === "_owner" && t.$$typeof) && !xt(t[i], e[i]))
+      if (!(i === "_owner" && t.$$typeof) && !vt(t[i], e[i]))
         return !1;
     }
     return !0;
   }
   return t !== t && e !== e;
 }
-function me(t) {
+function he(t) {
   return typeof window > "u" ? 1 : (t.ownerDocument.defaultView || window).devicePixelRatio || 1;
 }
-function ee(t, e) {
-  const n = me(t);
+function te(t, e) {
+  const n = he(t);
   return Math.round(e * n) / n;
 }
-function Et(t) {
+function St(t) {
   const e = g.useRef(t);
-  return mt(() => {
+  return ht(() => {
     e.current = t;
   }), e;
 }
@@ -1282,20 +1287,20 @@ function xo(t) {
     middlewareData: {},
     isPositioned: !1
   }), [p, d] = g.useState(o);
-  xt(p, o) || d(o);
-  const [h, m] = g.useState(null), [x, v] = g.useState(null), y = g.useCallback((C) => {
-    C !== O.current && (O.current = C, m(C));
-  }, []), P = g.useCallback((C) => {
-    C !== R.current && (R.current = C, v(C));
-  }, []), b = i || h, A = s || x, O = g.useRef(null), R = g.useRef(null), L = g.useRef(f), F = a != null, D = Et(a), T = Et(r), N = Et(l), E = g.useCallback(() => {
-    if (!O.current || !R.current)
+  vt(p, o) || d(o);
+  const [h, m] = g.useState(null), [x, v] = g.useState(null), A = g.useCallback((P) => {
+    P !== R.current && (R.current = P, m(P));
+  }, []), b = g.useCallback((P) => {
+    P !== O.current && (O.current = P, v(P));
+  }, []), y = i || h, C = s || x, R = g.useRef(null), O = g.useRef(null), L = g.useRef(f), F = a != null, D = St(a), T = St(r), N = St(l), E = g.useCallback(() => {
+    if (!R.current || !O.current)
       return;
-    const C = {
+    const P = {
       placement: e,
       strategy: n,
       middleware: p
     };
-    T.current && (C.platform = T.current), go(O.current, R.current, C).then((_) => {
+    T.current && (P.platform = T.current), go(R.current, O.current, P).then((_) => {
       const z = {
         ..._,
         // The floating element's position may be recomputed while it's closed
@@ -1304,48 +1309,48 @@ function xo(t) {
         // setting it to `true` when `open === false` (must be specified).
         isPositioned: N.current !== !1
       };
-      S.current && !xt(L.current, z) && (L.current = z, un.flushSync(() => {
+      S.current && !vt(L.current, z) && (L.current = z, fn.flushSync(() => {
         u(z);
       }));
     });
   }, [p, e, n, T, N]);
-  mt(() => {
-    l === !1 && L.current.isPositioned && (L.current.isPositioned = !1, u((C) => ({
-      ...C,
+  ht(() => {
+    l === !1 && L.current.isPositioned && (L.current.isPositioned = !1, u((P) => ({
+      ...P,
       isPositioned: !1
     })));
   }, [l]);
   const S = g.useRef(!1);
-  mt(() => (S.current = !0, () => {
+  ht(() => (S.current = !0, () => {
     S.current = !1;
-  }), []), mt(() => {
-    if (b && (O.current = b), A && (R.current = A), b && A) {
+  }), []), ht(() => {
+    if (y && (R.current = y), C && (O.current = C), y && C) {
       if (D.current)
-        return D.current(b, A, E);
+        return D.current(y, C, E);
       E();
     }
-  }, [b, A, E, D, F]);
+  }, [y, C, E, D, F]);
   const $ = g.useMemo(() => ({
-    reference: O,
-    floating: R,
-    setReference: y,
-    setFloating: P
-  }), [y, P]), k = g.useMemo(() => ({
-    reference: b,
-    floating: A
-  }), [b, A]), M = g.useMemo(() => {
-    const C = {
+    reference: R,
+    floating: O,
+    setReference: A,
+    setFloating: b
+  }), [A, b]), k = g.useMemo(() => ({
+    reference: y,
+    floating: C
+  }), [y, C]), M = g.useMemo(() => {
+    const P = {
       position: n,
       left: 0,
       top: 0
     };
     if (!k.floating)
-      return C;
-    const _ = ee(k.floating, f.x), z = ee(k.floating, f.y);
+      return P;
+    const _ = te(k.floating, f.x), z = te(k.floating, f.y);
     return c ? {
-      ...C,
+      ...P,
       transform: "translate(" + _ + "px, " + z + "px)",
-      ...me(k.floating) >= 1.5 && {
+      ...he(k.floating) >= 1.5 && {
         willChange: "transform"
       }
     } : {
@@ -1374,10 +1379,10 @@ const yo = (t) => {
         element: o,
         padding: r
       } = typeof t == "function" ? t(n) : t;
-      return o && e(o) ? o.current != null ? te({
+      return o && e(o) ? o.current != null ? Jt({
         element: o.current,
         padding: r
-      }).fn(n) : {} : o ? te({
+      }).fn(n) : {} : o ? Jt({
         element: o,
         padding: r
       }).fn(n) : {};
@@ -1405,10 +1410,10 @@ const yo = (t) => {
   ...yo(t),
   options: [t, e]
 });
-var Eo = "Arrow", ge = g.forwardRef((t, e) => {
+var Eo = "Arrow", me = g.forwardRef((t, e) => {
   const { children: n, width: o = 10, height: r = 5, ...i } = t;
   return /* @__PURE__ */ w(
-    ft.svg,
+    lt.svg,
     {
       ...i,
       ref: e,
@@ -1420,23 +1425,23 @@ var Eo = "Arrow", ge = g.forwardRef((t, e) => {
     }
   );
 });
-ge.displayName = Eo;
-var ko = ge, It = "Popper", [we, ve] = oe(It), [Mo, xe] = we(It), ye = (t) => {
+me.displayName = Eo;
+var ko = me, Ht = "Popper", [ge, we] = ne(Ht), [Mo, ve] = ge(Ht), xe = (t) => {
   const { __scopePopper: e, children: n } = t, [o, r] = g.useState(null);
   return /* @__PURE__ */ w(Mo, { scope: e, anchor: o, onAnchorChange: r, children: n });
 };
-ye.displayName = It;
-var be = "PopperAnchor", Ae = g.forwardRef(
+xe.displayName = Ht;
+var ye = "PopperAnchor", be = g.forwardRef(
   (t, e) => {
-    const { __scopePopper: n, virtualRef: o, ...r } = t, i = xe(be, n), s = g.useRef(null), c = bt(e, s), a = g.useRef(null);
+    const { __scopePopper: n, virtualRef: o, ...r } = t, i = ve(ye, n), s = g.useRef(null), c = yt(e, s), a = g.useRef(null);
     return g.useEffect(() => {
       const l = a.current;
       a.current = o?.current || s.current, l !== a.current && i.onAnchorChange(a.current);
-    }), o ? null : /* @__PURE__ */ w(ft.div, { ...r, ref: c });
+    }), o ? null : /* @__PURE__ */ w(lt.div, { ...r, ref: c });
   }
 );
-Ae.displayName = be;
-var Bt = "PopperContent", [Do, Lo] = we(Bt), Pe = g.forwardRef(
+be.displayName = ye;
+var It = "PopperContent", [Do, Lo] = ge(It), Ae = g.forwardRef(
   (t, e) => {
     const {
       __scopePopper: n,
@@ -1453,12 +1458,12 @@ var Bt = "PopperContent", [Do, Lo] = we(Bt), Pe = g.forwardRef(
       updatePositionStrategy: d = "optimized",
       onPlaced: h,
       ...m
-    } = t, x = xe(Bt, n), [v, y] = g.useState(null), P = bt(e, (it) => y(it)), [b, A] = g.useState(null), O = gn(b), R = O?.width ?? 0, L = O?.height ?? 0, F = o + (i !== "center" ? "-" + i : ""), D = typeof f == "number" ? f : { top: 0, right: 0, bottom: 0, left: 0, ...f }, T = Array.isArray(l) ? l : [l], N = T.length > 0, E = {
+    } = t, x = ve(It, n), [v, A] = g.useState(null), b = yt(e, (it) => A(it)), [y, C] = g.useState(null), R = mn(y), O = R?.width ?? 0, L = R?.height ?? 0, F = o + (i !== "center" ? "-" + i : ""), D = typeof f == "number" ? f : { top: 0, right: 0, bottom: 0, left: 0, ...f }, T = Array.isArray(l) ? l : [l], N = T.length > 0, E = {
       padding: D,
       boundary: T.filter(To),
       // with `strategy: 'fixed'`, this is the only way to get it to respect boundaries
       altBoundary: N
-    }, { refs: S, floatingStyles: $, placement: k, isPositioned: M, middlewareData: C } = xo({
+    }, { refs: S, floatingStyles: $, placement: k, isPositioned: M, middlewareData: P } = xo({
       // default to `fixed` strategy so users don't have to pick and we also avoid focus scroll issues
       strategy: "fixed",
       placement: F,
@@ -1479,22 +1484,22 @@ var Bt = "PopperContent", [Do, Lo] = we(Bt), Pe = g.forwardRef(
         a && Co({ ...E }),
         Ro({
           ...E,
-          apply: ({ elements: it, rects: jt, availableWidth: je, availableHeight: Xe }) => {
-            const { width: Ye, height: Ke } = jt.reference, pt = it.floating.style;
-            pt.setProperty("--radix-popper-available-width", `${je}px`), pt.setProperty("--radix-popper-available-height", `${Xe}px`), pt.setProperty("--radix-popper-anchor-width", `${Ye}px`), pt.setProperty("--radix-popper-anchor-height", `${Ke}px`);
+          apply: ({ elements: it, rects: Vt, availableWidth: Ve, availableHeight: je }) => {
+            const { width: Xe, height: Ye } = Vt.reference, dt = it.floating.style;
+            dt.setProperty("--radix-popper-available-width", `${Ve}px`), dt.setProperty("--radix-popper-available-height", `${je}px`), dt.setProperty("--radix-popper-anchor-width", `${Xe}px`), dt.setProperty("--radix-popper-anchor-height", `${Ye}px`);
           }
         }),
-        b && So({ element: b, padding: c }),
-        No({ arrowWidth: R, arrowHeight: L }),
+        y && So({ element: y, padding: c }),
+        No({ arrowWidth: O, arrowHeight: L }),
         p && Oo({ strategy: "referenceHidden", ...E })
       ]
-    }), [_, z] = Oe(k), Vt = tn(h);
-    Mt(() => {
-      M && Vt?.();
-    }, [M, Vt]);
-    const He = C.arrow?.x, Ie = C.arrow?.y, Be = C.arrow?.centerOffset !== 0, [ze, Ve] = g.useState();
-    return Mt(() => {
-      v && Ve(window.getComputedStyle(v).zIndex);
+    }), [_, z] = Re(k), zt = Je(h);
+    kt(() => {
+      M && zt?.();
+    }, [M, zt]);
+    const We = P.arrow?.x, He = P.arrow?.y, Ie = P.arrow?.centerOffset !== 0, [Be, ze] = g.useState();
+    return kt(() => {
+      v && ze(window.getComputedStyle(v).zIndex);
     }, [v]), /* @__PURE__ */ w(
       "div",
       {
@@ -1505,15 +1510,15 @@ var Bt = "PopperContent", [Do, Lo] = we(Bt), Pe = g.forwardRef(
           transform: M ? $.transform : "translate(0, -200%)",
           // keep off the page when measuring
           minWidth: "max-content",
-          zIndex: ze,
+          zIndex: Be,
           "--radix-popper-transform-origin": [
-            C.transformOrigin?.x,
-            C.transformOrigin?.y
+            P.transformOrigin?.x,
+            P.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
-          ...C.hide?.referenceHidden && {
+          ...P.hide?.referenceHidden && {
             visibility: "hidden",
             pointerEvents: "none"
           }
@@ -1524,17 +1529,17 @@ var Bt = "PopperContent", [Do, Lo] = we(Bt), Pe = g.forwardRef(
           {
             scope: n,
             placedSide: _,
-            onArrowChange: A,
-            arrowX: He,
-            arrowY: Ie,
-            shouldHideArrow: Be,
+            onArrowChange: C,
+            arrowX: We,
+            arrowY: He,
+            shouldHideArrow: Ie,
             children: /* @__PURE__ */ w(
-              ft.div,
+              lt.div,
               {
                 "data-side": _,
                 "data-align": z,
                 ...m,
-                ref: P,
+                ref: b,
                 style: {
                   ...m.style,
                   // if the PopperContent hasn't been placed yet (not all measurements done)
@@ -1549,14 +1554,14 @@ var Bt = "PopperContent", [Do, Lo] = we(Bt), Pe = g.forwardRef(
     );
   }
 );
-Pe.displayName = Bt;
-var Ce = "PopperArrow", _o = {
+Ae.displayName = It;
+var Pe = "PopperArrow", _o = {
   top: "bottom",
   right: "left",
   bottom: "top",
   left: "right"
-}, Re = g.forwardRef(function(e, n) {
-  const { __scopePopper: o, ...r } = e, i = Lo(Ce, o), s = _o[i.placedSide];
+}, Ce = g.forwardRef(function(e, n) {
+  const { __scopePopper: o, ...r } = e, i = Lo(Pe, o), s = _o[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.
@@ -1600,7 +1605,7 @@ var Ce = "PopperArrow", _o = {
     )
   );
 });
-Re.displayName = Ce;
+Ce.displayName = Pe;
 function To(t) {
   return t !== null;
 }
@@ -1608,18 +1613,18 @@ var No = (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, [l, f] = Oe(n), u = { start: "0%", center: "50%", end: "100%" }[f], p = (r.arrow?.x ?? 0) + c / 2, d = (r.arrow?.y ?? 0) + a / 2;
+    const { placement: n, rects: o, middlewareData: r } = e, s = r.arrow?.centerOffset !== 0, c = s ? 0 : t.arrowWidth, a = s ? 0 : t.arrowHeight, [l, f] = Re(n), u = { start: "0%", center: "50%", end: "100%" }[f], p = (r.arrow?.x ?? 0) + c / 2, d = (r.arrow?.y ?? 0) + a / 2;
     let h = "", m = "";
     return l === "bottom" ? (h = s ? u : `${p}px`, m = `${-a}px`) : l === "top" ? (h = s ? u : `${p}px`, m = `${o.floating.height + a}px`) : l === "right" ? (h = `${-a}px`, m = s ? u : `${d}px`) : l === "left" && (h = `${o.floating.width + a}px`, m = s ? u : `${d}px`), { data: { x: h, y: m } };
   }
 });
-function Oe(t) {
+function Re(t) {
   const [e, n = "center"] = t.split("-");
   return [e, n];
 }
-var Fo = ye, Se = Ae, $o = Pe, Wo = Re, Ot = "Popover", [Ee] = oe(Ot, [
-  ve
-]), dt = ve(), [Ho, Z] = Ee(Ot), ke = (t) => {
+var Fo = xe, Oe = be, $o = Ae, Wo = Ce, Rt = "Popover", [Se] = ne(Rt, [
+  we
+]), ut = we(), [Ho, Z] = Se(Rt), Ee = (t) => {
   const {
     __scopePopover: e,
     children: n,
@@ -1627,17 +1632,17 @@ var Fo = ye, Se = Ae, $o = Pe, Wo = Re, Ot = "Popover", [Ee] = oe(Ot, [
     defaultOpen: r,
     onOpenChange: i,
     modal: s = !1
-  } = t, c = dt(e), a = g.useRef(null), [l, f] = g.useState(!1), [u, p] = en({
+  } = t, c = ut(e), a = g.useRef(null), [l, f] = g.useState(!1), [u, p] = tn({
     prop: o,
     defaultProp: r ?? !1,
     onChange: i,
-    caller: Ot
+    caller: Rt
   });
   return /* @__PURE__ */ w(Fo, { ...c, children: /* @__PURE__ */ w(
     Ho,
     {
       scope: e,
-      contentId: nn(),
+      contentId: en(),
       triggerRef: a,
       open: u,
       onOpenChange: p,
@@ -1650,55 +1655,55 @@ var Fo = ye, Se = Ae, $o = Pe, Wo = Re, Ot = "Popover", [Ee] = oe(Ot, [
     }
   ) });
 };
-ke.displayName = Ot;
-var Me = "PopoverAnchor", De = g.forwardRef(
+Ee.displayName = Rt;
+var ke = "PopoverAnchor", Me = g.forwardRef(
   (t, e) => {
-    const { __scopePopover: n, ...o } = t, r = Z(Me, n), i = dt(n), { onCustomAnchorAdd: s, onCustomAnchorRemove: c } = r;
-    return g.useEffect(() => (s(), () => c()), [s, c]), /* @__PURE__ */ w(Se, { ...i, ...o, ref: e });
+    const { __scopePopover: n, ...o } = t, r = Z(ke, n), i = ut(n), { onCustomAnchorAdd: s, onCustomAnchorRemove: c } = r;
+    return g.useEffect(() => (s(), () => c()), [s, c]), /* @__PURE__ */ w(Oe, { ...i, ...o, ref: e });
   }
 );
-De.displayName = Me;
-var Le = "PopoverTrigger", _e = g.forwardRef(
+Me.displayName = ke;
+var De = "PopoverTrigger", Le = g.forwardRef(
   (t, e) => {
-    const { __scopePopover: n, ...o } = t, r = Z(Le, n), i = dt(n), s = bt(e, r.triggerRef), c = /* @__PURE__ */ w(
-      ft.button,
+    const { __scopePopover: n, ...o } = t, r = Z(De, n), i = ut(n), s = yt(e, r.triggerRef), c = /* @__PURE__ */ w(
+      lt.button,
       {
         type: "button",
         "aria-haspopup": "dialog",
         "aria-expanded": r.open,
         "aria-controls": r.contentId,
-        "data-state": We(r.open),
+        "data-state": $e(r.open),
         ...o,
         ref: s,
         onClick: st(t.onClick, r.onOpenToggle)
       }
     );
-    return r.hasCustomAnchor ? c : /* @__PURE__ */ w(Se, { asChild: !0, ...i, children: c });
+    return r.hasCustomAnchor ? c : /* @__PURE__ */ w(Oe, { asChild: !0, ...i, children: c });
   }
 );
-_e.displayName = Le;
-var zt = "PopoverPortal", [Io, Bo] = Ee(zt, {
+Le.displayName = De;
+var Bt = "PopoverPortal", [Io, Bo] = Se(Bt, {
   forceMount: void 0
-}), Te = (t) => {
-  const { __scopePopover: e, forceMount: n, children: o, container: r } = t, i = Z(zt, e);
-  return /* @__PURE__ */ w(Io, { scope: e, forceMount: n, children: /* @__PURE__ */ w(re, { present: n || i.open, children: /* @__PURE__ */ w(on, { asChild: !0, container: r, children: o }) }) });
+}), _e = (t) => {
+  const { __scopePopover: e, forceMount: n, children: o, container: r } = t, i = Z(Bt, e);
+  return /* @__PURE__ */ w(Io, { scope: e, forceMount: n, children: /* @__PURE__ */ w(oe, { present: n || i.open, children: /* @__PURE__ */ w(nn, { asChild: !0, container: r, children: o }) }) });
 };
-Te.displayName = zt;
-var nt = "PopoverContent", Ne = g.forwardRef(
+_e.displayName = Bt;
+var nt = "PopoverContent", Te = g.forwardRef(
   (t, e) => {
     const n = Bo(nt, t.__scopePopover), { forceMount: o = n.forceMount, ...r } = t, i = Z(nt, t.__scopePopover);
-    return /* @__PURE__ */ w(re, { present: o || i.open, children: i.modal ? /* @__PURE__ */ w(Vo, { ...r, ref: e }) : /* @__PURE__ */ w(jo, { ...r, ref: e }) });
+    return /* @__PURE__ */ w(oe, { present: o || i.open, children: i.modal ? /* @__PURE__ */ w(Vo, { ...r, ref: e }) : /* @__PURE__ */ w(jo, { ...r, ref: e }) });
   }
 );
-Ne.displayName = nt;
-var zo = cn("PopoverContent.RemoveScroll"), Vo = g.forwardRef(
+Te.displayName = nt;
+var zo = sn("PopoverContent.RemoveScroll"), Vo = g.forwardRef(
   (t, e) => {
-    const n = Z(nt, t.__scopePopover), o = g.useRef(null), r = bt(e, o), i = g.useRef(!1);
+    const n = Z(nt, t.__scopePopover), o = g.useRef(null), r = yt(e, o), i = g.useRef(!1);
     return g.useEffect(() => {
       const s = o.current;
-      if (s) return rn(s);
-    }, []), /* @__PURE__ */ w(sn, { as: zo, allowPinchZoom: !0, children: /* @__PURE__ */ w(
-      Fe,
+      if (s) return on(s);
+    }, []), /* @__PURE__ */ w(rn, { as: zo, allowPinchZoom: !0, children: /* @__PURE__ */ w(
+      Ne,
       {
         ...t,
         ref: r,
@@ -1727,7 +1732,7 @@ var zo = cn("PopoverContent.RemoveScroll"), Vo = g.forwardRef(
   (t, e) => {
     const n = Z(nt, t.__scopePopover), o = g.useRef(!1), r = g.useRef(!1);
     return /* @__PURE__ */ w(
-      Fe,
+      Ne,
       {
         ...t,
         ref: e,
@@ -1744,7 +1749,7 @@ var zo = cn("PopoverContent.RemoveScroll"), Vo = g.forwardRef(
       }
     );
   }
-), Fe = g.forwardRef(
+), Ne = g.forwardRef(
   (t, e) => {
     const {
       __scopePopover: n,
@@ -1757,9 +1762,9 @@ var zo = cn("PopoverContent.RemoveScroll"), Vo = g.forwardRef(
       onFocusOutside: l,
       onInteractOutside: f,
       ...u
-    } = t, p = Z(nt, n), d = dt(n);
-    return an(), /* @__PURE__ */ w(
-      ln,
+    } = t, p = Z(nt, n), d = ut(n);
+    return cn(), /* @__PURE__ */ w(
+      an,
       {
         asChild: !0,
         loop: !0,
@@ -1767,7 +1772,7 @@ var zo = cn("PopoverContent.RemoveScroll"), Vo = g.forwardRef(
         onMountAutoFocus: r,
         onUnmountAutoFocus: i,
         children: /* @__PURE__ */ w(
-          fn,
+          ln,
           {
             asChild: !0,
             disableOutsidePointerEvents: s,
@@ -1779,7 +1784,7 @@ var zo = cn("PopoverContent.RemoveScroll"), Vo = g.forwardRef(
             children: /* @__PURE__ */ w(
               $o,
               {
-                "data-state": We(p.open),
+                "data-state": $e(p.open),
                 role: "dialog",
                 id: p.contentId,
                 ...d,
@@ -1800,11 +1805,11 @@ var zo = cn("PopoverContent.RemoveScroll"), Vo = g.forwardRef(
       }
     );
   }
-), $e = "PopoverClose", Xo = g.forwardRef(
+), Fe = "PopoverClose", Xo = g.forwardRef(
   (t, e) => {
-    const { __scopePopover: n, ...o } = t, r = Z($e, n);
+    const { __scopePopover: n, ...o } = t, r = Z(Fe, n);
     return /* @__PURE__ */ w(
-      ft.button,
+      lt.button,
       {
         type: "button",
         ...o,
@@ -1814,18 +1819,18 @@ var zo = cn("PopoverContent.RemoveScroll"), Vo = g.forwardRef(
     );
   }
 );
-Xo.displayName = $e;
+Xo.displayName = Fe;
 var Yo = "PopoverArrow", Ko = g.forwardRef(
   (t, e) => {
-    const { __scopePopover: n, ...o } = t, r = dt(n);
+    const { __scopePopover: n, ...o } = t, r = ut(n);
     return /* @__PURE__ */ w(Wo, { ...r, ...o, ref: e });
   }
 );
 Ko.displayName = Yo;
-function We(t) {
+function $e(t) {
   return t ? "open" : "closed";
 }
-var Qo = ke, qo = De, Go = _e, Uo = Te, Zo = Ne;
+var Qo = Ee, qo = Me, Go = Le, Uo = _e, Zo = Te;
 const Jo = "gQIKVa_anchor", tr = "gQIKVa_check", er = "gQIKVa_container", nr = "gQIKVa_radio", or = "gQIKVa_radioInput", ct = {
   anchor: Jo,
   check: tr,
@@ -1833,28 +1838,28 @@ const Jo = "gQIKVa_anchor", tr = "gQIKVa_check", er = "gQIKVa_container", nr = "
   radio: nr,
   radioInput: or
 };
-function kt({ children: t, id: e, ...n }) {
-  return /* @__PURE__ */ q(ne, { children: [
+function Et({ children: t, id: e, ...n }) {
+  return /* @__PURE__ */ q(ee, { children: [
     /* @__PURE__ */ w(
       "input",
       {
         type: "radio",
         id: e,
-        className: Ze(ct.radioInput, "sr-only"),
+        className: Ue(ct.radioInput, "sr-only"),
         ...n
       }
     ),
     /* @__PURE__ */ q("label", { htmlFor: e, className: ct.radio, children: [
       t,
-      /* @__PURE__ */ w(Ue, { className: ct.check })
+      /* @__PURE__ */ w(Ge, { className: ct.check })
     ] })
   ] });
 }
 function dr() {
-  const { theme: t, systemTheme: e, setTheme: n } = Qe(), o = qe();
+  const { theme: t, systemTheme: e, setTheme: n } = Ke(), o = Qe();
   return /* @__PURE__ */ q(Qo, { children: [
-    /* @__PURE__ */ w(Go, { asChild: !0, children: /* @__PURE__ */ q(Je, { variant: "transparent", "aria-label": "Preferences", children: [
-      /* @__PURE__ */ w(hn, {}),
+    /* @__PURE__ */ w(Go, { asChild: !0, children: /* @__PURE__ */ q(Ze, { variant: "transparent", "aria-label": "Preferences", children: [
+      /* @__PURE__ */ w(pn, {}),
       /* @__PURE__ */ w(qo, { className: ct.anchor })
     ] }) }),
     /* @__PURE__ */ w(Uo, { children: /* @__PURE__ */ w(
@@ -1863,17 +1868,17 @@ function dr() {
         sideOffset: 8,
         hideWhenDetached: !0,
         className: ct.container,
-        children: o && /* @__PURE__ */ q(ne, { children: [
+        children: o && /* @__PURE__ */ q(ee, { children: [
           /* @__PURE__ */ w("span", { children: "Appearance" }),
           /* @__PURE__ */ q(
-            kt,
+            Et,
             {
               id: "system",
               name: "theme",
               checked: t === "system",
               onChange: () => n("system"),
               children: [
-                /* @__PURE__ */ w(dn, {}),
+                /* @__PURE__ */ w(un, {}),
                 "Auto (",
                 e,
                 ")"
@@ -1881,27 +1886,27 @@ function dr() {
             }
           ),
           /* @__PURE__ */ q(
-            kt,
+            Et,
             {
               id: "light",
               name: "theme",
               checked: t === "light",
               onChange: () => n("light"),
               children: [
-                /* @__PURE__ */ w(mn, {}),
+                /* @__PURE__ */ w(hn, {}),
                 "Light"
               ]
             }
           ),
           /* @__PURE__ */ q(
-            kt,
+            Et,
             {
               id: "dark",
               name: "theme",
               checked: t === "dark",
               onChange: () => n("dark"),
               children: [
-                /* @__PURE__ */ w(pn, {}),
+                /* @__PURE__ */ w(dn, {}),
                 "Dark"
               ]
             }
@@ -1913,5 +1918,5 @@ function dr() {
 }
 export {
   dr as PrefPanel,
-  kt as PrefRadio
+  Et as PrefRadio
 };