@tempots/ui 8.0.0 → 8.0.2

package/index.js

@@ -1,8 +1,8 @@
-var Le = Object.defineProperty;
-var Pe = (t, e, o) => e in t ? Le(t, e, { enumerable: !0, configurable: !0, writable: !0, value: o }) : t[e] = o;
+var Ee = Object.defineProperty;
+var Pe = (t, e, o) => e in t ? Ee(t, e, { enumerable: !0, configurable: !0, writable: !0, value: o }) : t[e] = o;
 var At = (t, e, o) => Pe(t, typeof e != "symbol" ? e + "" : e, o);
-import { getWindow as at, prop as F, makeProviderMark as Wt, Signal as ee, Use as rt, html as Et, on as ne, Value as O, attr as Ft, Empty as Lt, OneOfType as oe, WithElement as H, OnDispose as M, Fragment as q, Portal as se, renderableOfTNode as Mt, When as re, effectOf as Te, computedOf as ie, WithBrowserCtx as Se, Provide as ke, OneOfTuple as ce, Prop as Ce } from "@tempots/dom";
-import { delayed as ae, AsyncResult as B, nearEqual as ht, interval as De } from "@tempots/std";
+import { getWindow as at, prop as W, makeProviderMark as Wt, Signal as ne, Use as it, html as Lt, on as oe, Value as L, attr as Ft, Empty as Et, OneOfType as se, WithElement as H, OnDispose as F, Fragment as K, Portal as ie, renderableOfTNode as Mt, When as re, effectOf as Te, computedOf as ce, WithBrowserCtx as ke, Provide as Se, OneOfTuple as ae, Prop as Ce } from "@tempots/dom";
+import { delayed as le, AsyncResult as R, nearEqual as ht, interval as De } from "@tempots/std";
 const We = (t) => {
   const e = t.split("/").pop();
   if (e == null || e.startsWith(".")) return;
@@ -17,16 +17,16 @@ const We = (t) => {
     s = s.parentElement;
   if (s == null)
     return !0;
-  const i = s;
-  if (t.button !== 0 || t.ctrlKey || t.metaKey || i.target !== "_self" && i.target !== "" || i.getAttribute("download") != null)
+  const r = s;
+  if (t.button !== 0 || t.ctrlKey || t.metaKey || r.target !== "_self" && r.target !== "" || r.getAttribute("download") != null)
     return !0;
-  const { pathname: r, search: c, hash: a } = i;
+  const { pathname: i, search: c, hash: a } = r;
   if (n) {
-    const l = r + c + a, f = i.getAttribute("href");
+    const l = i + c + a, f = r.getAttribute("href");
     if (!(f != null && f.startsWith("#")) && f !== l)
       return !0;
   }
-  return e ? !1 : Fe(o, r);
+  return e ? !1 : Fe(o, i);
 }, Ne = (t, e = {
   ignoreUrlWithExtension: !0,
   allowedExtensions: [],
@@ -43,29 +43,29 @@ const We = (t) => {
       e.ignoreExternalUrl ?? !0
     ) || t() && n.preventDefault();
   };
-}, Ve = (t, e) => t.pathname === e.pathname && JSON.stringify(t.search) === JSON.stringify(e.search) && t.hash === e.hash, le = (t, e) => {
-  var i, r;
-  const o = new URL(t, e ?? ((i = at()) == null ? void 0 : i.location.toString())), n = Object.fromEntries(((r = o.searchParams) == null ? void 0 : r.entries()) ?? []);
+}, Ve = (t, e) => t.pathname === e.pathname && JSON.stringify(t.search) === JSON.stringify(e.search) && t.hash === e.hash, ue = (t, e) => {
+  var r, i;
+  const o = new URL(t, e ?? ((r = at()) == null ? void 0 : r.location.toString())), n = Object.fromEntries(((i = o.searchParams) == null ? void 0 : i.entries()) ?? []);
   let s = o.hash;
   return s.startsWith("#") && (s = s.substring(1)), {
     pathname: o.pathname,
     search: n,
     hash: s === "" ? void 0 : s
   };
-}, Kt = (t, e) => {
-  const o = le(e);
+}, jt = (t, e) => {
+  const o = ue(e);
   return t.set(o), t;
 }, Pt = (t) => {
   const o = new URLSearchParams(t.search).toString(), n = t.hash;
   return `${t.pathname}${o ? `?${o}` : ""}${n ? `#${n}` : ""}`;
 }, $e = (t) => t.startsWith("http://") || t.startsWith("https://") || t.startsWith("//"), Be = (t) => {
   const e = t.container.currentURL, o = e.iso(
-    (n) => le(n),
+    (n) => ue(n),
     (n) => {
       if ($e(n.pathname))
         return Pt(n);
-      const s = new URL(n.pathname, e.value), i = s.origin + s.pathname;
-      return Pt({ ...n, pathname: i });
+      const s = new URL(n.pathname, e.value), r = s.origin + s.pathname;
+      return Pt({ ...n, pathname: r });
     }
   );
   return { value: o, dispose: o.dispose };
@@ -79,7 +79,7 @@ const We = (t) => {
     hash: e
   };
 }, Ue = () => {
-  const t = F(He(), Ve), e = at(), o = () => {
+  const t = W(He(), Ve), e = at(), o = () => {
     let n = (e == null ? void 0 : e.location.hash) ?? "";
     n.startsWith("#") && (n = n.substring(1));
     const s = {
@@ -111,24 +111,24 @@ const We = (t) => {
 }, ze = (t) => {
   document.startViewTransition ? document.startViewTransition(t) : t();
 }, Ke = (t, ...e) => {
-  if (typeof t == "string" || ee.is(t))
+  if (typeof t == "string" || ne.is(t))
     return Ke({ href: t }, ...e);
   const {
     href: o,
     withViewTransition: n,
     ...s
   } = t;
-  return rt(Nt, (i) => Et.a(
-    ne.click(
+  return it(Nt, (r) => Lt.a(
+    oe.click(
       Ne(() => (n === !0 ? ze(() => {
-        Kt(i, O.get(o));
-      }) : Kt(i, O.get(o)), !0), s)
+        jt(r, L.get(o));
+      }) : jt(r, L.get(o)), !0), s)
     ),
     Ft.href(o),
     ...e
     /* c8 ignore next 2 */
   ));
-}, Yn = {
+}, qn = {
   mark: Wt("Appearance"),
   create: () => {
     const t = je();
@@ -139,37 +139,37 @@ const We = (t) => {
   }
 };
 function je() {
-  const t = at(), e = t != null && t.matchMedia != null ? t.matchMedia("(prefers-color-scheme: dark)") : void 0, o = (e == null ? void 0 : e.matches) ?? !1, n = F(o ? "dark" : "light"), s = (i) => n.set(i.matches ? "dark" : "light");
+  const t = at(), e = t != null && t.matchMedia != null ? t.matchMedia("(prefers-color-scheme: dark)") : void 0, o = (e == null ? void 0 : e.matches) ?? !1, n = W(o ? "dark" : "light"), s = (r) => n.set(r.matches ? "dark" : "light");
   return e == null || e.addEventListener("change", s), n.onDispose(() => e == null ? void 0 : e.removeEventListener("change", s)), n;
 }
-const ue = (t, e) => {
+const Vt = (t, e) => {
   if (typeof e == "function")
-    return ue(t, { success: e });
-  const o = e.failure ?? ((r) => r.map((c) => `Error: ${c}`)), n = e.success, s = e.loading ?? (() => Lt), i = e.notAsked ?? (() => Lt);
-  return oe(O.toSignal(t), {
-    AsyncSuccess: (r) => n(r.$.value),
-    AsyncFailure: (r) => o(r.$.error),
-    Loading: (r) => s(r.map((c) => c.previousValue)),
-    NotAsked: i
+    return Vt(t, { success: e });
+  const o = e.failure ?? ((i) => i.map((c) => `Error: ${c}`)), n = e.success, s = e.loading ?? (() => Et), r = e.notAsked ?? (() => Et);
+  return se(L.toSignal(t), {
+    AsyncSuccess: (i) => n(i.$.value),
+    AsyncFailure: (i) => o(i.$.error),
+    Loading: (i) => s(i.map((c) => c.previousValue)),
+    NotAsked: r
   });
-}, qn = (t = 10) => H((e) => M(ae(() => e == null ? void 0 : e.focus(), t))), Xn = (t = 10) => H((e) => {
-  const o = ae(() => e.select(), t);
-  return M(o);
+}, Qn = (t = 10) => H((e) => F(le(() => e == null ? void 0 : e.focus(), t))), Jn = (t = 10) => H((e) => {
+  const o = le(() => e.select(), t);
+  return F(o);
 });
-function Qn(t) {
+function Gn(t) {
   const e = Object.entries(t);
-  return q(
+  return K(
     ...e.map(
-      ([o, n]) => Ft.class(O.map(n, (s) => s ? o : void 0))
+      ([o, n]) => Ft.class(L.map(n, (s) => s ? o : void 0))
     )
   );
 }
-const Jn = H((t) => {
+const Zn = H((t) => {
   const e = t.style.getPropertyValue(":empty");
-  return t.style.setProperty(":empty", "display:none"), M((o) => {
+  return t.style.setProperty(":empty", "display:none"), F((o) => {
     o && t.style.setProperty(":empty", e);
   });
-}), Gn = (t) => se("head > title", Ft.innerText(t)), _e = {
+}), to = (t) => ie("head > title", Ft.innerText(t)), _e = {
   partial: {
     root: null,
     rootMargin: "0px",
@@ -196,38 +196,38 @@ function Ie(t) {
   }, _e[t])), st[t];
 }
 const Ye = ({ mode: t = "partial", once: e = !1 }, o) => {
-  const n = F(!1);
-  return q(
+  const n = W(!1);
+  return K(
     H((s) => {
-      const i = typeof IntersectionObserver < "u" ? Ie(t) : null;
-      mt[t].set(s, n), i == null || i.observe(s);
-      function r() {
+      const r = typeof IntersectionObserver < "u" ? Ie(t) : null;
+      mt[t].set(s, n), r == null || r.observe(s);
+      function i() {
         var a;
-        i == null || i.unobserve(s), mt[t].delete(s), mt[t].size === 0 && ((a = st[t]) == null || a.disconnect(), st[t] = null);
+        r == null || r.unobserve(s), mt[t].delete(s), mt[t].size === 0 && ((a = st[t]) == null || a.disconnect(), st[t] = null);
       }
       let c = null;
       return e && (c = n.on((a) => {
-        a && r();
-      })), M(() => {
-        n.dispose(), r(), c == null || c();
+        a && i();
+      })), F(() => {
+        n.dispose(), i(), c == null || c();
       });
     }),
     Mt(o(n))
   );
-}, Zn = (t, e, o) => Ye(t, (n) => re(n, e, o ?? (() => Lt)));
-function qe(t) {
+}, eo = (t, e, o) => Ye(t, (n) => re(n, e, o ?? (() => Et)));
+function Xe(t) {
   return H((e) => {
     const o = (n) => {
       e.contains(n.target) || t(n);
     };
-    return document.addEventListener("click", o), M(() => {
+    return document.addEventListener("click", o), F(() => {
       document.removeEventListener("click", o);
     });
   });
 }
-const G = (t, e) => t === void 0 || t === e, jt = (t, e) => t === void 0 || t === e;
-function Xe(t, e) {
-  return typeof t == "string" ? e.key === t : jt(t.key, e.key) && jt(t.code, e.code) && G(t.ctrlKey, e.ctrlKey) && G(t.altKey, e.altKey) && G(t.shiftKey, e.shiftKey) && G(t.metaKey, e.metaKey) && G(t.repeat, e.repeat) && G(
+const G = (t, e) => t === void 0 || t === e, _t = (t, e) => t === void 0 || t === e;
+function qe(t, e) {
+  return typeof t == "string" ? e.key === t : _t(t.key, e.key) && _t(t.code, e.code) && G(t.ctrlKey, e.ctrlKey) && G(t.altKey, e.altKey) && G(t.shiftKey, e.shiftKey) && G(t.metaKey, e.metaKey) && G(t.repeat, e.repeat) && G(
     t.commandOrControlKey,
     e.metaKey || e.ctrlKey
   );
@@ -239,38 +239,123 @@ function fe({
   return H((o) => {
     const n = (s) => {
       if (o.contains(s.target)) {
-        for (const i of t)
-          if (Xe(i, s)) {
+        for (const r of t)
+          if (qe(r, s)) {
             e(s);
             break;
           }
       }
     };
-    return document.addEventListener("keydown", n), M(() => {
+    return document.addEventListener("keydown", n), F(() => {
       document.removeEventListener("keydown", n);
     });
   });
 }
-function to(t) {
+function no(t) {
   return fe({ allowedKeys: ["Enter"], handler: t });
 }
-function eo(t) {
+function oo(t) {
   return fe({ allowedKeys: ["Escape"], handler: t });
 }
-const tt = Math.min, X = Math.max, gt = Math.round, dt = Math.floor, D = (t) => ({
+const Qe = ({
+  mutate: t,
+  convertError: e,
+  onSuccess: o,
+  onError: n,
+  onSettled: s
+}) => {
+  let r;
+  const i = W(R.notAsked), c = i.map(
+    (d) => R.isSuccess(d) ? d.value : void 0
+  ), a = i.map(
+    (d) => R.isFailure(d) ? d.error : void 0
+  ), l = i.map((d) => R.isLoading(d)), f = () => {
+    r == null || r.abort(), r = void 0;
+  };
+  return {
+    status: i,
+    value: c,
+    error: a,
+    pending: l,
+    execute: async (d, p) => {
+      f(), r = new AbortController();
+      const g = r.signal, y = i.get(), v = (p == null ? void 0 : p.optimisticValue) ?? ((p == null ? void 0 : p.optimisticFromRequest) != null ? p.optimisticFromRequest(d) : void 0);
+      v != null ? i.set(R.loading(v)) : i.set(R.loading(R.getOrUndefined(y)));
+      try {
+        const w = await t({ request: d, abortSignal: g, previous: y });
+        r = void 0, i.set(R.success(w)), o == null || o(w, d);
+      } catch (w) {
+        r = void 0, i.set(R.failure(e(w))), n == null || n(e(w), d);
+      }
+      s == null || s(i.get(), d);
+    },
+    cancel: (d) => {
+      f(), i.set(d ?? R.notAsked);
+    },
+    dispose: () => {
+      r == null || r.abort(), r = void 0, i.dispose();
+    }
+  };
+}, Je = (t, e) => {
+  const { status: o, dispose: n, execute: s } = t, { pending: r, failure: i, success: c, notAsked: a } = e;
+  let l;
+  const f = () => {
+    l != null && s(l);
+  }, h = (m) => {
+    l = m, s(m);
+  };
+  return K(
+    F(n),
+    Vt(o, {
+      loading: r != null ? (m) => r({
+        previous: m,
+        retry: f,
+        execute: h,
+        cancel: t.cancel
+      }) : void 0,
+      failure: i != null ? (m) => i({ error: m, retry: f, execute: h }) : void 0,
+      success: (m) => c({ value: m, execute: h }),
+      notAsked: () => a({ execute: h })
+    })
+  );
+}, so = ({
+  mutate: t,
+  convertError: e = (l) => l,
+  onSuccess: o,
+  onError: n,
+  onSettled: s,
+  pending: r,
+  failure: i,
+  success: c,
+  notAsked: a
+}) => {
+  const l = Qe({
+    mutate: t,
+    convertError: e,
+    onSuccess: o,
+    onError: n,
+    onSettled: s
+  });
+  return Je(l, {
+    pending: r,
+    failure: i,
+    success: c,
+    notAsked: a
+  });
+}, tt = Math.min, q = Math.max, gt = Math.round, dt = Math.floor, M = (t) => ({
   x: t,
   y: t
-}), Qe = {
+}), Ge = {
   left: "right",
   right: "left",
   bottom: "top",
   top: "bottom"
-}, Je = {
+}, Ze = {
   start: "end",
   end: "start"
 };
 function Tt(t, e, o) {
-  return X(t, tt(e, o));
+  return q(t, tt(e, o));
 }
 function lt(t, e) {
   return typeof t == "function" ? t(e) : t;
@@ -284,50 +369,50 @@ function ut(t) {
 function he(t) {
   return t === "x" ? "y" : "x";
 }
-function Vt(t) {
+function $t(t) {
   return t === "y" ? "height" : "width";
 }
 function z(t) {
   return ["top", "bottom"].includes(Q(t)) ? "y" : "x";
 }
-function $t(t) {
+function Bt(t) {
   return he(z(t));
 }
-function Ge(t, e, o) {
+function tn(t, e, o) {
   o === void 0 && (o = !1);
-  const n = ut(t), s = $t(t), i = Vt(s);
-  let r = s === "x" ? n === (o ? "end" : "start") ? "right" : "left" : n === "start" ? "bottom" : "top";
-  return e.reference[i] > e.floating[i] && (r = pt(r)), [r, pt(r)];
+  const n = ut(t), s = Bt(t), r = $t(s);
+  let i = s === "x" ? n === (o ? "end" : "start") ? "right" : "left" : n === "start" ? "bottom" : "top";
+  return e.reference[r] > e.floating[r] && (i = pt(i)), [i, pt(i)];
 }
-function Ze(t) {
+function en(t) {
   const e = pt(t);
-  return [St(t), e, St(e)];
+  return [kt(t), e, kt(e)];
 }
-function St(t) {
-  return t.replace(/start|end/g, (e) => Je[e]);
+function kt(t) {
+  return t.replace(/start|end/g, (e) => Ze[e]);
 }
-function tn(t, e, o) {
-  const n = ["left", "right"], s = ["right", "left"], i = ["top", "bottom"], r = ["bottom", "top"];
+function nn(t, e, o) {
+  const n = ["left", "right"], s = ["right", "left"], r = ["top", "bottom"], i = ["bottom", "top"];
   switch (t) {
     case "top":
     case "bottom":
       return o ? e ? s : n : e ? n : s;
     case "left":
     case "right":
-      return e ? i : r;
+      return e ? r : i;
     default:
       return [];
   }
 }
-function en(t, e, o, n) {
+function on(t, e, o, n) {
   const s = ut(t);
-  let i = tn(Q(t), o === "start", n);
-  return s && (i = i.map((r) => r + "-" + s), e && (i = i.concat(i.map(St)))), i;
+  let r = nn(Q(t), o === "start", n);
+  return s && (r = r.map((i) => i + "-" + s), e && (r = r.concat(r.map(kt)))), r;
 }
 function pt(t) {
-  return t.replace(/left|right|bottom|top/g, (e) => Qe[e]);
+  return t.replace(/left|right|bottom|top/g, (e) => Ge[e]);
 }
-function nn(t) {
+function sn(t) {
   return {
     top: 0,
     right: 0,
@@ -337,7 +422,7 @@ function nn(t) {
   };
 }
 function de(t) {
-  return typeof t != "number" ? nn(t) : {
+  return typeof t != "number" ? sn(t) : {
     top: t,
     right: t,
     bottom: t,
@@ -362,12 +447,12 @@ function wt(t) {
     y: o
   };
 }
-function _t(t, e, o) {
+function It(t, e, o) {
   let {
     reference: n,
     floating: s
   } = t;
-  const i = z(e), r = $t(e), c = Vt(r), a = Q(e), l = i === "y", f = n.x + n.width / 2 - s.width / 2, h = n.y + n.height / 2 - s.height / 2, m = n[c] / 2 - s[c] / 2;
+  const r = z(e), i = Bt(e), c = $t(i), a = Q(e), l = r === "y", f = n.x + n.width / 2 - s.width / 2, h = n.y + n.height / 2 - s.height / 2, m = n[c] / 2 - s[c] / 2;
   let u;
   switch (a) {
     case "top":
@@ -402,39 +487,39 @@ function _t(t, e, o) {
   }
   switch (ut(e)) {
     case "start":
-      u[r] -= m * (o && l ? -1 : 1);
+      u[i] -= m * (o && l ? -1 : 1);
       break;
     case "end":
-      u[r] += m * (o && l ? -1 : 1);
+      u[i] += m * (o && l ? -1 : 1);
       break;
   }
   return u;
 }
-const on = async (t, e, o) => {
+const rn = async (t, e, o) => {
   const {
     placement: n = "bottom",
     strategy: s = "absolute",
-    middleware: i = [],
-    platform: r
-  } = o, c = i.filter(Boolean), a = await (r.isRTL == null ? void 0 : r.isRTL(e));
-  let l = await r.getElementRects({
+    middleware: r = [],
+    platform: i
+  } = o, c = r.filter(Boolean), a = await (i.isRTL == null ? void 0 : i.isRTL(e));
+  let l = await i.getElementRects({
     reference: t,
     floating: e,
     strategy: s
   }), {
     x: f,
     y: h
-  } = _t(l, n, a), m = n, u = {}, g = 0;
-  for (let w = 0; w < c.length; w++) {
+  } = It(l, n, a), m = n, u = {}, d = 0;
+  for (let p = 0; p < c.length; p++) {
     const {
-      name: d,
-      fn: p
-    } = c[w], {
-      x,
-      y,
+      name: g,
+      fn: y
+    } = c[p], {
+      x: v,
+      y: w,
       data: b,
-      reset: v
-    } = await p({
+      reset: x
+    } = await y({
       x: f,
       y: h,
       initialPlacement: n,
@@ -442,26 +527,26 @@ const on = async (t, e, o) => {
       strategy: s,
       middlewareData: u,
       rects: l,
-      platform: r,
+      platform: i,
       elements: {
         reference: t,
         floating: e
       }
     });
-    f = x ?? f, h = y ?? h, u = {
+    f = v ?? f, h = w ?? h, u = {
       ...u,
-      [d]: {
-        ...u[d],
+      [g]: {
+        ...u[g],
         ...b
       }
-    }, v && g <= 50 && (g++, typeof v == "object" && (v.placement && (m = v.placement), v.rects && (l = v.rects === !0 ? await r.getElementRects({
+    }, x && d <= 50 && (d++, typeof x == "object" && (x.placement && (m = x.placement), x.rects && (l = x.rects === !0 ? await i.getElementRects({
       reference: t,
       floating: e,
       strategy: s
-    }) : v.rects), {
+    }) : x.rects), {
       x: f,
       y: h
-    } = _t(l, m, a)), w = -1);
+    } = It(l, m, a)), p = -1);
   }
   return {
     x: f,
@@ -477,8 +562,8 @@ async function me(t, e) {
   const {
     x: n,
     y: s,
-    platform: i,
-    rects: r,
+    platform: r,
+    rects: i,
     elements: c,
     strategy: a
   } = t, {
@@ -487,36 +572,36 @@ async function me(t, e) {
     elementContext: h = "floating",
     altBoundary: m = !1,
     padding: u = 0
-  } = lt(e, t), g = de(u), d = c[m ? h === "floating" ? "reference" : "floating" : h], p = wt(await i.getClippingRect({
-    element: (o = await (i.isElement == null ? void 0 : i.isElement(d))) == null || o ? d : d.contextElement || await (i.getDocumentElement == null ? void 0 : i.getDocumentElement(c.floating)),
+  } = lt(e, t), d = de(u), g = c[m ? h === "floating" ? "reference" : "floating" : h], y = wt(await r.getClippingRect({
+    element: (o = await (r.isElement == null ? void 0 : r.isElement(g))) == null || o ? g : g.contextElement || await (r.getDocumentElement == null ? void 0 : r.getDocumentElement(c.floating)),
     boundary: l,
     rootBoundary: f,
     strategy: a
-  })), x = h === "floating" ? {
+  })), v = h === "floating" ? {
     x: n,
     y: s,
-    width: r.floating.width,
-    height: r.floating.height
-  } : r.reference, y = await (i.getOffsetParent == null ? void 0 : i.getOffsetParent(c.floating)), b = await (i.isElement == null ? void 0 : i.isElement(y)) ? await (i.getScale == null ? void 0 : i.getScale(y)) || {
+    width: i.floating.width,
+    height: i.floating.height
+  } : i.reference, w = await (r.getOffsetParent == null ? void 0 : r.getOffsetParent(c.floating)), b = await (r.isElement == null ? void 0 : r.isElement(w)) ? await (r.getScale == null ? void 0 : r.getScale(w)) || {
     x: 1,
     y: 1
   } : {
     x: 1,
     y: 1
-  }, v = wt(i.convertOffsetParentRelativeRectToViewportRelativeRect ? await i.convertOffsetParentRelativeRectToViewportRelativeRect({
+  }, x = wt(r.convertOffsetParentRelativeRectToViewportRelativeRect ? await r.convertOffsetParentRelativeRectToViewportRelativeRect({
     elements: c,
-    rect: x,
-    offsetParent: y,
+    rect: v,
+    offsetParent: w,
     strategy: a
-  }) : x);
+  }) : v);
   return {
-    top: (p.top - v.top + g.top) / b.y,
-    bottom: (v.bottom - p.bottom + g.bottom) / b.y,
-    left: (p.left - v.left + g.left) / b.x,
-    right: (v.right - p.right + g.right) / b.x
+    top: (y.top - x.top + d.top) / b.y,
+    bottom: (x.bottom - y.bottom + d.bottom) / b.y,
+    left: (y.left - x.left + d.left) / b.x,
+    right: (x.right - y.right + d.right) / b.x
   };
 }
-const sn = (t) => ({
+const cn = (t) => ({
   name: "arrow",
   options: t,
   async fn(e) {
@@ -524,8 +609,8 @@ const sn = (t) => ({
       x: o,
       y: n,
       placement: s,
-      rects: i,
-      platform: r,
+      rects: r,
+      platform: i,
       elements: c,
       middlewareData: a
     } = e, {
@@ -537,23 +622,23 @@ const sn = (t) => ({
     const h = de(f), m = {
       x: o,
       y: n
-    }, u = $t(s), g = Vt(u), w = await r.getDimensions(l), d = u === "y", p = d ? "top" : "left", x = d ? "bottom" : "right", y = d ? "clientHeight" : "clientWidth", b = i.reference[g] + i.reference[u] - m[u] - i.floating[g], v = m[u] - i.reference[u], L = await (r.getOffsetParent == null ? void 0 : r.getOffsetParent(l));
-    let R = L ? L[y] : 0;
-    (!R || !await (r.isElement == null ? void 0 : r.isElement(L))) && (R = c.floating[y] || i.floating[g]);
-    const j = b / 2 - v / 2, V = R / 2 - w[g] / 2 - 1, P = tt(h[p], V), _ = tt(h[x], V), I = P, ot = R - w[g] - _, A = R / 2 - w[g] / 2 + j, Y = Tt(I, A, ot), $ = !a.arrow && ut(s) != null && A !== Y && i.reference[g] / 2 - (A < I ? P : _) - w[g] / 2 < 0, T = $ ? A < I ? A - I : A - ot : 0;
+    }, u = Bt(s), d = $t(u), p = await i.getDimensions(l), g = u === "y", y = g ? "top" : "left", v = g ? "bottom" : "right", w = g ? "clientHeight" : "clientWidth", b = r.reference[d] + r.reference[u] - m[u] - r.floating[d], x = m[u] - r.reference[u], P = await (i.getOffsetParent == null ? void 0 : i.getOffsetParent(l));
+    let A = P ? P[w] : 0;
+    (!A || !await (i.isElement == null ? void 0 : i.isElement(P))) && (A = c.floating[w] || r.floating[d]);
+    const _ = b / 2 - x / 2, $ = A / 2 - p[d] / 2 - 1, T = tt(h[y], $), I = tt(h[v], $), Y = T, ot = A - p[d] - I, O = A / 2 - p[d] / 2 + _, X = Tt(Y, O, ot), B = !a.arrow && ut(s) != null && O !== X && r.reference[d] / 2 - (O < Y ? T : I) - p[d] / 2 < 0, k = B ? O < Y ? O - Y : O - ot : 0;
     return {
-      [u]: m[u] + T,
+      [u]: m[u] + k,
       data: {
-        [u]: Y,
-        centerOffset: A - Y - T,
-        ...$ && {
-          alignmentOffset: T
+        [u]: X,
+        centerOffset: O - X - k,
+        ...B && {
+          alignmentOffset: k
         }
       },
-      reset: $
+      reset: B
     };
   }
-}), rn = function(t) {
+}), an = function(t) {
   return t === void 0 && (t = {}), {
     name: "flip",
     options: t,
@@ -561,8 +646,8 @@ const sn = (t) => ({
       var o, n;
       const {
         placement: s,
-        middlewareData: i,
-        rects: r,
+        middlewareData: r,
+        rects: i,
         initialPlacement: c,
         platform: a,
         elements: l
@@ -571,63 +656,63 @@ const sn = (t) => ({
         crossAxis: h = !0,
         fallbackPlacements: m,
         fallbackStrategy: u = "bestFit",
-        fallbackAxisSideDirection: g = "none",
-        flipAlignment: w = !0,
-        ...d
+        fallbackAxisSideDirection: d = "none",
+        flipAlignment: p = !0,
+        ...g
       } = lt(t, e);
-      if ((o = i.arrow) != null && o.alignmentOffset)
+      if ((o = r.arrow) != null && o.alignmentOffset)
         return {};
-      const p = Q(s), x = z(c), y = Q(c) === c, b = await (a.isRTL == null ? void 0 : a.isRTL(l.floating)), v = m || (y || !w ? [pt(c)] : Ze(c)), L = g !== "none";
-      !m && L && v.push(...en(c, w, g, b));
-      const R = [c, ...v], j = await me(e, d), V = [];
-      let P = ((n = i.flip) == null ? void 0 : n.overflows) || [];
-      if (f && V.push(j[p]), h) {
-        const A = Ge(s, r, b);
-        V.push(j[A[0]], j[A[1]]);
+      const y = Q(s), v = z(c), w = Q(c) === c, b = await (a.isRTL == null ? void 0 : a.isRTL(l.floating)), x = m || (w || !p ? [pt(c)] : en(c)), P = d !== "none";
+      !m && P && x.push(...on(c, p, d, b));
+      const A = [c, ...x], _ = await me(e, g), $ = [];
+      let T = ((n = r.flip) == null ? void 0 : n.overflows) || [];
+      if (f && $.push(_[y]), h) {
+        const O = tn(s, i, b);
+        $.push(_[O[0]], _[O[1]]);
       }
-      if (P = [...P, {
+      if (T = [...T, {
         placement: s,
-        overflows: V
-      }], !V.every((A) => A <= 0)) {
-        var _, I;
-        const A = (((_ = i.flip) == null ? void 0 : _.index) || 0) + 1, Y = R[A];
-        if (Y && (!(h === "alignment" ? x !== z(Y) : !1) || // We leave the current main axis only if every placement on that axis
+        overflows: $
+      }], !$.every((O) => O <= 0)) {
+        var I, Y;
+        const O = (((I = r.flip) == null ? void 0 : I.index) || 0) + 1, X = A[O];
+        if (X && (!(h === "alignment" ? v !== z(X) : !1) || // We leave the current main axis only if every placement on that axis
         // overflows the main axis.
-        P.every((S) => S.overflows[0] > 0 && z(S.placement) === x)))
+        T.every((S) => S.overflows[0] > 0 && z(S.placement) === v)))
           return {
             data: {
-              index: A,
-              overflows: P
+              index: O,
+              overflows: T
             },
             reset: {
-              placement: Y
+              placement: X
             }
           };
-        let $ = (I = P.filter((T) => T.overflows[0] <= 0).sort((T, S) => T.overflows[1] - S.overflows[1])[0]) == null ? void 0 : I.placement;
-        if (!$)
+        let B = (Y = T.filter((k) => k.overflows[0] <= 0).sort((k, S) => k.overflows[1] - S.overflows[1])[0]) == null ? void 0 : Y.placement;
+        if (!B)
           switch (u) {
             case "bestFit": {
               var ot;
-              const T = (ot = P.filter((S) => {
-                if (L) {
+              const k = (ot = T.filter((S) => {
+                if (P) {
                   const U = z(S.placement);
-                  return U === x || // Create a bias to the `y` side axis due to horizontal
+                  return U === v || // Create a bias to the `y` side axis due to horizontal
                   // reading directions favoring greater width.
                   U === "y";
                 }
                 return !0;
-              }).map((S) => [S.placement, S.overflows.filter((U) => U > 0).reduce((U, Ee) => U + Ee, 0)]).sort((S, U) => S[1] - U[1])[0]) == null ? void 0 : ot[0];
-              T && ($ = T);
+              }).map((S) => [S.placement, S.overflows.filter((U) => U > 0).reduce((U, Le) => U + Le, 0)]).sort((S, U) => S[1] - U[1])[0]) == null ? void 0 : ot[0];
+              k && (B = k);
               break;
             }
             case "initialPlacement":
-              $ = c;
+              B = c;
               break;
           }
-        if (s !== $)
+        if (s !== B)
           return {
             reset: {
-              placement: $
+              placement: B
             }
           };
       }
@@ -635,16 +720,16 @@ const sn = (t) => ({
     }
   };
 };
-async function cn(t, e) {
+async function ln(t, e) {
   const {
     placement: o,
     platform: n,
     elements: s
-  } = t, i = await (n.isRTL == null ? void 0 : n.isRTL(s.floating)), r = Q(o), c = ut(o), a = z(o) === "y", l = ["left", "top"].includes(r) ? -1 : 1, f = i && a ? -1 : 1, h = lt(e, t);
+  } = t, r = await (n.isRTL == null ? void 0 : n.isRTL(s.floating)), i = Q(o), c = ut(o), a = z(o) === "y", l = ["left", "top"].includes(i) ? -1 : 1, f = r && a ? -1 : 1, h = lt(e, t);
   let {
     mainAxis: m,
     crossAxis: u,
-    alignmentAxis: g
+    alignmentAxis: d
   } = typeof h == "number" ? {
     mainAxis: h,
     crossAxis: 0,
@@ -654,7 +739,7 @@ async function cn(t, e) {
     crossAxis: h.crossAxis || 0,
     alignmentAxis: h.alignmentAxis
   };
-  return c && typeof g == "number" && (u = c === "end" ? g * -1 : g), a ? {
+  return c && typeof d == "number" && (u = c === "end" ? d * -1 : d), a ? {
     x: u * f,
     y: m * l
   } : {
@@ -662,7 +747,7 @@ async function cn(t, e) {
     y: u * f
   };
 }
-const an = function(t) {
+const un = function(t) {
   return t === void 0 && (t = 0), {
     name: "offset",
     options: t,
@@ -670,21 +755,21 @@ const an = function(t) {
       var o, n;
       const {
         x: s,
-        y: i,
-        placement: r,
+        y: r,
+        placement: i,
         middlewareData: c
-      } = e, a = await cn(e, t);
-      return r === ((o = c.offset) == null ? void 0 : o.placement) && (n = c.arrow) != null && n.alignmentOffset ? {} : {
+      } = e, a = await ln(e, t);
+      return i === ((o = c.offset) == null ? void 0 : o.placement) && (n = c.arrow) != null && n.alignmentOffset ? {} : {
         x: s + a.x,
-        y: i + a.y,
+        y: r + a.y,
         data: {
           ...a,
-          placement: r
+          placement: i
         }
       };
     }
   };
-}, ln = function(t) {
+}, fn = function(t) {
   return t === void 0 && (t = {}), {
     name: "shift",
     options: t,
@@ -694,17 +779,17 @@ const an = function(t) {
         y: n,
         placement: s
       } = e, {
-        mainAxis: i = !0,
-        crossAxis: r = !1,
+        mainAxis: r = !0,
+        crossAxis: i = !1,
         limiter: c = {
-          fn: (d) => {
+          fn: (g) => {
             let {
-              x: p,
-              y: x
-            } = d;
+              x: y,
+              y: v
+            } = g;
             return {
-              x: p,
-              y: x
+              x: y,
+              y: v
             };
           }
         },
@@ -713,35 +798,35 @@ const an = function(t) {
         x: o,
         y: n
       }, f = await me(e, a), h = z(Q(s)), m = he(h);
-      let u = l[m], g = l[h];
-      if (i) {
-        const d = m === "y" ? "top" : "left", p = m === "y" ? "bottom" : "right", x = u + f[d], y = u - f[p];
-        u = Tt(x, u, y);
-      }
+      let u = l[m], d = l[h];
       if (r) {
-        const d = h === "y" ? "top" : "left", p = h === "y" ? "bottom" : "right", x = g + f[d], y = g - f[p];
-        g = Tt(x, g, y);
+        const g = m === "y" ? "top" : "left", y = m === "y" ? "bottom" : "right", v = u + f[g], w = u - f[y];
+        u = Tt(v, u, w);
+      }
+      if (i) {
+        const g = h === "y" ? "top" : "left", y = h === "y" ? "bottom" : "right", v = d + f[g], w = d - f[y];
+        d = Tt(v, d, w);
       }
-      const w = c.fn({
+      const p = c.fn({
         ...e,
         [m]: u,
-        [h]: g
+        [h]: d
       });
       return {
-        ...w,
+        ...p,
         data: {
-          x: w.x - o,
-          y: w.y - n,
+          x: p.x - o,
+          y: p.y - n,
           enabled: {
-            [m]: i,
-            [h]: r
+            [m]: r,
+            [h]: i
           }
         }
       };
     }
   };
 };
-function xt() {
+function vt() {
   return typeof window < "u";
 }
 function nt(t) {
@@ -751,21 +836,21 @@ function E(t) {
   var e;
   return (t == null || (e = t.ownerDocument) == null ? void 0 : e.defaultView) || window;
 }
-function N(t) {
+function V(t) {
   var e;
   return (e = (ge(t) ? t.ownerDocument : t.document) || window.document) == null ? void 0 : e.documentElement;
 }
 function ge(t) {
-  return xt() ? t instanceof Node || t instanceof E(t).Node : !1;
+  return vt() ? t instanceof Node || t instanceof E(t).Node : !1;
 }
-function k(t) {
-  return xt() ? t instanceof Element || t instanceof E(t).Element : !1;
+function C(t) {
+  return vt() ? t instanceof Element || t instanceof E(t).Element : !1;
 }
-function W(t) {
-  return xt() ? t instanceof HTMLElement || t instanceof E(t).HTMLElement : !1;
+function N(t) {
+  return vt() ? t instanceof HTMLElement || t instanceof E(t).HTMLElement : !1;
 }
-function It(t) {
-  return !xt() || typeof ShadowRoot > "u" ? !1 : t instanceof ShadowRoot || t instanceof E(t).ShadowRoot;
+function Yt(t) {
+  return !vt() || typeof ShadowRoot > "u" ? !1 : t instanceof ShadowRoot || t instanceof E(t).ShadowRoot;
 }
 function ft(t) {
   const {
@@ -773,13 +858,13 @@ function ft(t) {
     overflowX: o,
     overflowY: n,
     display: s
-  } = C(t);
+  } = D(t);
   return /auto|scroll|overlay|hidden|clip/.test(e + n + o) && !["inline", "contents"].includes(s);
 }
-function un(t) {
+function hn(t) {
   return ["table", "td", "th"].includes(nt(t));
 }
-function vt(t) {
+function xt(t) {
   return [":popover-open", ":modal"].some((e) => {
     try {
       return t.matches(e);
@@ -788,32 +873,32 @@ function vt(t) {
     }
   });
 }
-function Bt(t) {
-  const e = Ht(), o = k(t) ? C(t) : t;
+function Ht(t) {
+  const e = Ut(), o = C(t) ? D(t) : t;
   return ["transform", "translate", "scale", "rotate", "perspective"].some((n) => o[n] ? o[n] !== "none" : !1) || (o.containerType ? o.containerType !== "normal" : !1) || !e && (o.backdropFilter ? o.backdropFilter !== "none" : !1) || !e && (o.filter ? o.filter !== "none" : !1) || ["transform", "translate", "scale", "rotate", "perspective", "filter"].some((n) => (o.willChange || "").includes(n)) || ["paint", "layout", "strict", "content"].some((n) => (o.contain || "").includes(n));
 }
-function fn(t) {
-  let e = K(t);
-  for (; W(e) && !et(e); ) {
-    if (Bt(e))
+function dn(t) {
+  let e = j(t);
+  for (; N(e) && !et(e); ) {
+    if (Ht(e))
       return e;
-    if (vt(e))
+    if (xt(e))
       return null;
-    e = K(e);
+    e = j(e);
   }
   return null;
 }
-function Ht() {
+function Ut() {
   return typeof CSS > "u" || !CSS.supports ? !1 : CSS.supports("-webkit-backdrop-filter", "none");
 }
 function et(t) {
   return ["html", "body", "#document"].includes(nt(t));
 }
-function C(t) {
+function D(t) {
   return E(t).getComputedStyle(t);
 }
 function bt(t) {
-  return k(t) ? {
+  return C(t) ? {
     scrollLeft: t.scrollLeft,
     scrollTop: t.scrollTop
   } : {
@@ -821,87 +906,87 @@ function bt(t) {
     scrollTop: t.scrollY
   };
 }
-function K(t) {
+function j(t) {
   if (nt(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.
-    It(t) && t.host || // Fallback.
-    N(t)
+    Yt(t) && t.host || // Fallback.
+    V(t)
   );
-  return It(e) ? e.host : e;
+  return Yt(e) ? e.host : e;
 }
 function pe(t) {
-  const e = K(t);
-  return et(e) ? t.ownerDocument ? t.ownerDocument.body : t.body : W(e) && ft(e) ? e : pe(e);
+  const e = j(t);
+  return et(e) ? t.ownerDocument ? t.ownerDocument.body : t.body : N(e) && ft(e) ? e : pe(e);
 }
-function it(t, e, o) {
+function rt(t, e, o) {
   var n;
   e === void 0 && (e = []), o === void 0 && (o = !0);
-  const s = pe(t), i = s === ((n = t.ownerDocument) == null ? void 0 : n.body), r = E(s);
-  if (i) {
-    const c = kt(r);
-    return e.concat(r, r.visualViewport || [], ft(s) ? s : [], c && o ? it(c) : []);
+  const s = pe(t), r = s === ((n = t.ownerDocument) == null ? void 0 : n.body), i = E(s);
+  if (r) {
+    const c = St(i);
+    return e.concat(i, i.visualViewport || [], ft(s) ? s : [], c && o ? rt(c) : []);
   }
-  return e.concat(s, it(s, [], o));
+  return e.concat(s, rt(s, [], o));
 }
-function kt(t) {
+function St(t) {
   return t.parent && Object.getPrototypeOf(t.parent) ? t.frameElement : null;
 }
 function we(t) {
-  const e = C(t);
+  const e = D(t);
   let o = parseFloat(e.width) || 0, n = parseFloat(e.height) || 0;
-  const s = W(t), i = s ? t.offsetWidth : o, r = s ? t.offsetHeight : n, c = gt(o) !== i || gt(n) !== r;
-  return c && (o = i, n = r), {
+  const s = N(t), r = s ? t.offsetWidth : o, i = s ? t.offsetHeight : n, c = gt(o) !== r || gt(n) !== i;
+  return c && (o = r, n = i), {
     width: o,
     height: n,
     $: c
   };
 }
-function Ut(t) {
-  return k(t) ? t : t.contextElement;
+function zt(t) {
+  return C(t) ? t : t.contextElement;
 }
 function Z(t) {
-  const e = Ut(t);
-  if (!W(e))
-    return D(1);
+  const e = zt(t);
+  if (!N(e))
+    return M(1);
   const o = e.getBoundingClientRect(), {
     width: n,
     height: s,
-    $: i
+    $: r
   } = we(e);
-  let r = (i ? gt(o.width) : o.width) / n, c = (i ? gt(o.height) : o.height) / s;
-  return (!r || !Number.isFinite(r)) && (r = 1), (!c || !Number.isFinite(c)) && (c = 1), {
-    x: r,
+  let i = (r ? gt(o.width) : o.width) / n, c = (r ? gt(o.height) : o.height) / s;
+  return (!i || !Number.isFinite(i)) && (i = 1), (!c || !Number.isFinite(c)) && (c = 1), {
+    x: i,
     y: c
   };
 }
-const hn = /* @__PURE__ */ D(0);
+const mn = /* @__PURE__ */ M(0);
 function ye(t) {
   const e = E(t);
-  return !Ht() || !e.visualViewport ? hn : {
+  return !Ut() || !e.visualViewport ? mn : {
     x: e.visualViewport.offsetLeft,
     y: e.visualViewport.offsetTop
   };
 }
-function dn(t, e, o) {
+function gn(t, e, o) {
   return e === void 0 && (e = !1), !o || e && o !== E(t) ? !1 : e;
 }
 function J(t, e, o, n) {
   e === void 0 && (e = !1), o === void 0 && (o = !1);
-  const s = t.getBoundingClientRect(), i = Ut(t);
-  let r = D(1);
-  e && (n ? k(n) && (r = Z(n)) : r = Z(t));
-  const c = dn(i, o, n) ? ye(i) : D(0);
-  let a = (s.left + c.x) / r.x, l = (s.top + c.y) / r.y, f = s.width / r.x, h = s.height / r.y;
-  if (i) {
-    const m = E(i), u = n && k(n) ? E(n) : n;
-    let g = m, w = kt(g);
-    for (; w && n && u !== g; ) {
-      const d = Z(w), p = w.getBoundingClientRect(), x = C(w), y = p.left + (w.clientLeft + parseFloat(x.paddingLeft)) * d.x, b = p.top + (w.clientTop + parseFloat(x.paddingTop)) * d.y;
-      a *= d.x, l *= d.y, f *= d.x, h *= d.y, a += y, l += b, g = E(w), w = kt(g);
+  const s = t.getBoundingClientRect(), r = zt(t);
+  let i = M(1);
+  e && (n ? C(n) && (i = Z(n)) : i = Z(t));
+  const c = gn(r, o, n) ? ye(r) : M(0);
+  let a = (s.left + c.x) / i.x, l = (s.top + c.y) / i.y, f = s.width / i.x, h = s.height / i.y;
+  if (r) {
+    const m = E(r), u = n && C(n) ? E(n) : n;
+    let d = m, p = St(d);
+    for (; p && n && u !== d; ) {
+      const g = Z(p), y = p.getBoundingClientRect(), v = D(p), w = y.left + (p.clientLeft + parseFloat(v.paddingLeft)) * g.x, b = y.top + (p.clientTop + parseFloat(v.paddingTop)) * g.y;
+      a *= g.x, l *= g.y, f *= g.x, h *= g.y, a += w, l += b, d = E(p), p = St(d);
     }
   }
   return wt({
@@ -911,41 +996,41 @@ function J(t, e, o, n) {
     y: l
   });
 }
-function zt(t, e) {
+function Kt(t, e) {
   const o = bt(t).scrollLeft;
-  return e ? e.left + o : J(N(t)).left + o;
+  return e ? e.left + o : J(V(t)).left + o;
 }
-function xe(t, e, o) {
+function ve(t, e, o) {
   o === void 0 && (o = !1);
   const n = t.getBoundingClientRect(), s = n.left + e.scrollLeft - (o ? 0 : (
     // RTL <body> scrollbar.
-    zt(t, n)
-  )), i = n.top + e.scrollTop;
+    Kt(t, n)
+  )), r = n.top + e.scrollTop;
   return {
     x: s,
-    y: i
+    y: r
   };
 }
-function mn(t) {
+function pn(t) {
   let {
     elements: e,
     rect: o,
     offsetParent: n,
     strategy: s
   } = t;
-  const i = s === "fixed", r = N(n), c = e ? vt(e.floating) : !1;
-  if (n === r || c && i)
+  const r = s === "fixed", i = V(n), c = e ? xt(e.floating) : !1;
+  if (n === i || c && r)
     return o;
   let a = {
     scrollLeft: 0,
     scrollTop: 0
-  }, l = D(1);
-  const f = D(0), h = W(n);
-  if ((h || !h && !i) && ((nt(n) !== "body" || ft(r)) && (a = bt(n)), W(n))) {
+  }, l = M(1);
+  const f = M(0), h = N(n);
+  if ((h || !h && !r) && ((nt(n) !== "body" || ft(i)) && (a = bt(n)), N(n))) {
     const u = J(n);
     l = Z(n), f.x = u.x + n.clientLeft, f.y = u.y + n.clientTop;
   }
-  const m = r && !h && !i ? xe(r, a, !0) : D(0);
+  const m = i && !h && !r ? ve(i, a, !0) : M(0);
   return {
     width: o.width * l.x,
     height: o.height * l.y,
@@ -953,52 +1038,52 @@ function mn(t) {
     y: o.y * l.y - a.scrollTop * l.y + f.y + m.y
   };
 }
-function gn(t) {
+function wn(t) {
   return Array.from(t.getClientRects());
 }
-function pn(t) {
-  const e = N(t), o = bt(t), n = t.ownerDocument.body, s = X(e.scrollWidth, e.clientWidth, n.scrollWidth, n.clientWidth), i = X(e.scrollHeight, e.clientHeight, n.scrollHeight, n.clientHeight);
-  let r = -o.scrollLeft + zt(t);
+function yn(t) {
+  const e = V(t), o = bt(t), n = t.ownerDocument.body, s = q(e.scrollWidth, e.clientWidth, n.scrollWidth, n.clientWidth), r = q(e.scrollHeight, e.clientHeight, n.scrollHeight, n.clientHeight);
+  let i = -o.scrollLeft + Kt(t);
   const c = -o.scrollTop;
-  return C(n).direction === "rtl" && (r += X(e.clientWidth, n.clientWidth) - s), {
+  return D(n).direction === "rtl" && (i += q(e.clientWidth, n.clientWidth) - s), {
     width: s,
-    height: i,
-    x: r,
+    height: r,
+    x: i,
     y: c
   };
 }
-function wn(t, e) {
-  const o = E(t), n = N(t), s = o.visualViewport;
-  let i = n.clientWidth, r = n.clientHeight, c = 0, a = 0;
+function vn(t, e) {
+  const o = E(t), n = V(t), s = o.visualViewport;
+  let r = n.clientWidth, i = n.clientHeight, c = 0, a = 0;
   if (s) {
-    i = s.width, r = s.height;
-    const l = Ht();
+    r = s.width, i = s.height;
+    const l = Ut();
     (!l || l && e === "fixed") && (c = s.offsetLeft, a = s.offsetTop);
   }
   return {
-    width: i,
-    height: r,
+    width: r,
+    height: i,
     x: c,
     y: a
   };
 }
-function yn(t, e) {
-  const o = J(t, !0, e === "fixed"), n = o.top + t.clientTop, s = o.left + t.clientLeft, i = W(t) ? Z(t) : D(1), r = t.clientWidth * i.x, c = t.clientHeight * i.y, a = s * i.x, l = n * i.y;
+function xn(t, e) {
+  const o = J(t, !0, e === "fixed"), n = o.top + t.clientTop, s = o.left + t.clientLeft, r = N(t) ? Z(t) : M(1), i = t.clientWidth * r.x, c = t.clientHeight * r.y, a = s * r.x, l = n * r.y;
   return {
-    width: r,
+    width: i,
     height: c,
     x: a,
     y: l
   };
 }
-function Yt(t, e, o) {
+function Xt(t, e, o) {
   let n;
   if (e === "viewport")
-    n = wn(t, o);
+    n = vn(t, o);
   else if (e === "document")
-    n = pn(N(t));
-  else if (k(e))
-    n = yn(e, o);
+    n = yn(V(t));
+  else if (C(e))
+    n = xn(e, o);
   else {
     const s = ye(t);
     n = {
@@ -1010,34 +1095,34 @@ function Yt(t, e, o) {
   }
   return wt(n);
 }
-function ve(t, e) {
-  const o = K(t);
-  return o === e || !k(o) || et(o) ? !1 : C(o).position === "fixed" || ve(o, e);
+function xe(t, e) {
+  const o = j(t);
+  return o === e || !C(o) || et(o) ? !1 : D(o).position === "fixed" || xe(o, e);
 }
-function xn(t, e) {
+function bn(t, e) {
   const o = e.get(t);
   if (o)
     return o;
-  let n = it(t, [], !1).filter((c) => k(c) && nt(c) !== "body"), s = null;
-  const i = C(t).position === "fixed";
-  let r = i ? K(t) : t;
-  for (; k(r) && !et(r); ) {
-    const c = C(r), a = Bt(r);
-    !a && c.position === "fixed" && (s = null), (i ? !a && !s : !a && c.position === "static" && !!s && ["absolute", "fixed"].includes(s.position) || ft(r) && !a && ve(t, r)) ? n = n.filter((f) => f !== r) : s = c, r = K(r);
+  let n = rt(t, [], !1).filter((c) => C(c) && nt(c) !== "body"), s = null;
+  const r = D(t).position === "fixed";
+  let i = r ? j(t) : t;
+  for (; C(i) && !et(i); ) {
+    const c = D(i), a = Ht(i);
+    !a && c.position === "fixed" && (s = null), (r ? !a && !s : !a && c.position === "static" && !!s && ["absolute", "fixed"].includes(s.position) || ft(i) && !a && xe(t, i)) ? n = n.filter((f) => f !== i) : s = c, i = j(i);
   }
   return e.set(t, n), n;
 }
-function vn(t) {
+function Rn(t) {
   let {
     element: e,
     boundary: o,
     rootBoundary: n,
     strategy: s
   } = t;
-  const r = [...o === "clippingAncestors" ? vt(e) ? [] : xn(e, this._c) : [].concat(o), n], c = r[0], a = r.reduce((l, f) => {
-    const h = Yt(e, f, s);
-    return l.top = X(h.top, l.top), l.right = tt(h.right, l.right), l.bottom = tt(h.bottom, l.bottom), l.left = X(h.left, l.left), l;
-  }, Yt(e, c, s));
+  const i = [...o === "clippingAncestors" ? xt(e) ? [] : bn(e, this._c) : [].concat(o), n], c = i[0], a = i.reduce((l, f) => {
+    const h = Xt(e, f, s);
+    return l.top = q(h.top, l.top), l.right = tt(h.right, l.right), l.bottom = tt(h.bottom, l.bottom), l.left = q(h.left, l.left), l;
+  }, Xt(e, c, s));
   return {
     width: a.right - a.left,
     height: a.bottom - a.top,
@@ -1045,7 +1130,7 @@ function vn(t) {
     y: a.top
   };
 }
-function bn(t) {
+function An(t) {
   const {
     width: e,
     height: o
@@ -1055,63 +1140,63 @@ function bn(t) {
     height: o
   };
 }
-function Rn(t, e, o) {
-  const n = W(e), s = N(e), i = o === "fixed", r = J(t, !0, i, e);
+function On(t, e, o) {
+  const n = N(e), s = V(e), r = o === "fixed", i = J(t, !0, r, e);
   let c = {
     scrollLeft: 0,
     scrollTop: 0
   };
-  const a = D(0);
+  const a = M(0);
   function l() {
-    a.x = zt(s);
+    a.x = Kt(s);
   }
-  if (n || !n && !i)
+  if (n || !n && !r)
     if ((nt(e) !== "body" || ft(s)) && (c = bt(e)), n) {
-      const u = J(e, !0, i, e);
+      const u = J(e, !0, r, e);
       a.x = u.x + e.clientLeft, a.y = u.y + e.clientTop;
     } else s && l();
-  i && !n && s && l();
-  const f = s && !n && !i ? xe(s, c) : D(0), h = r.left + c.scrollLeft - a.x - f.x, m = r.top + c.scrollTop - a.y - f.y;
+  r && !n && s && l();
+  const f = s && !n && !r ? ve(s, c) : M(0), h = i.left + c.scrollLeft - a.x - f.x, m = i.top + c.scrollTop - a.y - f.y;
   return {
     x: h,
     y: m,
-    width: r.width,
-    height: r.height
+    width: i.width,
+    height: i.height
   };
 }
 function Ot(t) {
-  return C(t).position === "static";
+  return D(t).position === "static";
 }
 function qt(t, e) {
-  if (!W(t) || C(t).position === "fixed")
+  if (!N(t) || D(t).position === "fixed")
     return null;
   if (e)
     return e(t);
   let o = t.offsetParent;
-  return N(t) === o && (o = o.ownerDocument.body), o;
+  return V(t) === o && (o = o.ownerDocument.body), o;
 }
 function be(t, e) {
   const o = E(t);
-  if (vt(t))
+  if (xt(t))
     return o;
-  if (!W(t)) {
-    let s = K(t);
+  if (!N(t)) {
+    let s = j(t);
     for (; s && !et(s); ) {
-      if (k(s) && !Ot(s))
+      if (C(s) && !Ot(s))
         return s;
-      s = K(s);
+      s = j(s);
     }
     return o;
   }
   let n = qt(t, e);
-  for (; n && un(n) && Ot(n); )
+  for (; n && hn(n) && Ot(n); )
     n = qt(n, e);
-  return n && et(n) && Ot(n) && !Bt(n) ? o : n || fn(t) || o;
+  return n && et(n) && Ot(n) && !Ht(n) ? o : n || dn(t) || o;
 }
-const An = async function(t) {
+const Ln = async function(t) {
   const e = this.getOffsetParent || be, o = this.getDimensions, n = await o(t.floating);
   return {
-    reference: Rn(t.reference, await e(t.floating), t.strategy),
+    reference: On(t.reference, await e(t.floating), t.strategy),
     floating: {
       x: 0,
       y: 0,
@@ -1120,33 +1205,33 @@ const An = async function(t) {
     }
   };
 };
-function On(t) {
-  return C(t).direction === "rtl";
+function En(t) {
+  return D(t).direction === "rtl";
 }
-const En = {
-  convertOffsetParentRelativeRectToViewportRelativeRect: mn,
-  getDocumentElement: N,
-  getClippingRect: vn,
+const Pn = {
+  convertOffsetParentRelativeRectToViewportRelativeRect: pn,
+  getDocumentElement: V,
+  getClippingRect: Rn,
   getOffsetParent: be,
-  getElementRects: An,
-  getClientRects: gn,
-  getDimensions: bn,
+  getElementRects: Ln,
+  getClientRects: wn,
+  getDimensions: An,
   getScale: Z,
-  isElement: k,
-  isRTL: On
+  isElement: C,
+  isRTL: En
 };
 function Re(t, e) {
   return t.x === e.x && t.y === e.y && t.width === e.width && t.height === e.height;
 }
-function Ln(t, e) {
+function Tn(t, e) {
   let o = null, n;
-  const s = N(t);
-  function i() {
+  const s = V(t);
+  function r() {
     var c;
     clearTimeout(n), (c = o) == null || c.disconnect(), o = null;
   }
-  function r(c, a) {
-    c === void 0 && (c = !1), a === void 0 && (a = 1), i();
+  function i(c, a) {
+    c === void 0 && (c = !1), a === void 0 && (a = 1), r();
     const l = t.getBoundingClientRect(), {
       left: f,
       top: h,
@@ -1155,84 +1240,84 @@ function Ln(t, e) {
     } = l;
     if (c || e(), !m || !u)
       return;
-    const g = dt(h), w = dt(s.clientWidth - (f + m)), d = dt(s.clientHeight - (h + u)), p = dt(f), y = {
-      rootMargin: -g + "px " + -w + "px " + -d + "px " + -p + "px",
-      threshold: X(0, tt(1, a)) || 1
+    const d = dt(h), p = dt(s.clientWidth - (f + m)), g = dt(s.clientHeight - (h + u)), y = dt(f), w = {
+      rootMargin: -d + "px " + -p + "px " + -g + "px " + -y + "px",
+      threshold: q(0, tt(1, a)) || 1
     };
     let b = !0;
-    function v(L) {
-      const R = L[0].intersectionRatio;
-      if (R !== a) {
+    function x(P) {
+      const A = P[0].intersectionRatio;
+      if (A !== a) {
         if (!b)
-          return r();
-        R ? r(!1, R) : n = setTimeout(() => {
-          r(!1, 1e-7);
+          return i();
+        A ? i(!1, A) : n = setTimeout(() => {
+          i(!1, 1e-7);
         }, 1e3);
       }
-      R === 1 && !Re(l, t.getBoundingClientRect()) && r(), b = !1;
+      A === 1 && !Re(l, t.getBoundingClientRect()) && i(), b = !1;
     }
     try {
-      o = new IntersectionObserver(v, {
-        ...y,
+      o = new IntersectionObserver(x, {
+        ...w,
         // Handle <iframe>s
         root: s.ownerDocument
       });
     } catch {
-      o = new IntersectionObserver(v, y);
+      o = new IntersectionObserver(x, w);
     }
     o.observe(t);
   }
-  return r(!0), i;
+  return i(!0), r;
 }
-function Pn(t, e, o, n) {
+function kn(t, e, o, n) {
   n === void 0 && (n = {});
   const {
     ancestorScroll: s = !0,
-    ancestorResize: i = !0,
-    elementResize: r = typeof ResizeObserver == "function",
+    ancestorResize: r = !0,
+    elementResize: i = typeof ResizeObserver == "function",
     layoutShift: c = typeof IntersectionObserver == "function",
     animationFrame: a = !1
-  } = n, l = Ut(t), f = s || i ? [...l ? it(l) : [], ...it(e)] : [];
-  f.forEach((p) => {
-    s && p.addEventListener("scroll", o, {
+  } = n, l = zt(t), f = s || r ? [...l ? rt(l) : [], ...rt(e)] : [];
+  f.forEach((y) => {
+    s && y.addEventListener("scroll", o, {
       passive: !0
-    }), i && p.addEventListener("resize", o);
+    }), r && y.addEventListener("resize", o);
   });
-  const h = l && c ? Ln(l, o) : null;
+  const h = l && c ? Tn(l, o) : null;
   let m = -1, u = null;
-  r && (u = new ResizeObserver((p) => {
-    let [x] = p;
-    x && x.target === l && u && (u.unobserve(e), cancelAnimationFrame(m), m = requestAnimationFrame(() => {
-      var y;
-      (y = u) == null || y.observe(e);
+  i && (u = new ResizeObserver((y) => {
+    let [v] = y;
+    v && v.target === l && u && (u.unobserve(e), cancelAnimationFrame(m), m = requestAnimationFrame(() => {
+      var w;
+      (w = u) == null || w.observe(e);
     })), o();
   }), l && !a && u.observe(l), u.observe(e));
-  let g, w = a ? J(t) : null;
-  a && d();
-  function d() {
-    const p = J(t);
-    w && !Re(w, p) && o(), w = p, g = requestAnimationFrame(d);
+  let d, p = a ? J(t) : null;
+  a && g();
+  function g() {
+    const y = J(t);
+    p && !Re(p, y) && o(), p = y, d = requestAnimationFrame(g);
   }
   return o(), () => {
-    var p;
-    f.forEach((x) => {
-      s && x.removeEventListener("scroll", o), i && x.removeEventListener("resize", o);
-    }), h == null || h(), (p = u) == null || p.disconnect(), u = null, a && cancelAnimationFrame(g);
+    var y;
+    f.forEach((v) => {
+      s && v.removeEventListener("scroll", o), r && v.removeEventListener("resize", o);
+    }), h == null || h(), (y = u) == null || y.disconnect(), u = null, a && cancelAnimationFrame(d);
   };
 }
-const Tn = an, Sn = ln, Xt = rn, kn = sn, Cn = (t, e, o) => {
+const Sn = un, Cn = fn, Qt = an, Dn = cn, Wn = (t, e, o) => {
   const n = /* @__PURE__ */ new Map(), s = {
-    platform: En,
+    platform: Pn,
     ...o
-  }, i = {
+  }, r = {
     ...s.platform,
     _c: n
   };
-  return on(t, e, {
+  return rn(t, e, {
     ...s,
-    platform: i
+    platform: r
   });
-}, no = [
+}, io = [
   "top",
   "top-start",
   "top-end",
@@ -1245,26 +1330,26 @@ const Tn = an, Sn = ln, Xt = rn, kn = sn, Cn = (t, e, o) => {
   "left",
   "left-start",
   "left-end"
-], oo = (t, e = { isOpen: !1 }) => {
+], ro = (t, e = { isOpen: !1 }) => {
   const o = [];
   let n = null;
-  const s = O.deriveProp(e.isOpen);
-  function i(c) {
+  const s = L.deriveProp(e.isOpen);
+  function r(c) {
     n = c, s.set(!0);
   }
-  function r() {
+  function i() {
     s.set(!1), o.forEach((c) => c()), o.length = 0;
   }
-  return q(
-    t(i, r),
+  return K(
+    t(r, i),
     re(
       s,
-      () => q(
-        (n == null ? void 0 : n.onClickOutside) != null ? qe(n.onClickOutside) : null,
+      () => K(
+        (n == null ? void 0 : n.onClickOutside) != null ? Xe(n.onClickOutside) : null,
         H(
-          (c) => se(
+          (c) => ie(
             "body",
-            Et.div(
+            Lt.div(
               H((a) => {
                 a.style.position = "absolute";
                 const l = typeof (n == null ? void 0 : n.target) == "string" ? c.querySelector(
@@ -1273,14 +1358,14 @@ const Tn = an, Sn = ln, Xt = rn, kn = sn, Cn = (t, e, o) => {
                 if (l == null)
                   throw new Error(`Target not found: ${n == null ? void 0 : n.target}`);
                 let f = null;
-                const h = O.toSignal((n == null ? void 0 : n.mainAxisOffset) ?? 0), m = O.toSignal(
+                const h = L.toSignal((n == null ? void 0 : n.mainAxisOffset) ?? 0), m = L.toSignal(
                   (n == null ? void 0 : n.crossAxisOffset) ?? 0
-                ), u = O.toSignal(
+                ), u = L.toSignal(
                   /* c8 ignore next 3 */
                   (n == null ? void 0 : n.placement) ?? "top"
-                ), g = O.toSignal(
+                ), d = L.toSignal(
                   (n == null ? void 0 : n.arrowPadding) ?? 0
-                ), w = n == null ? void 0 : n.arrow, d = F({
+                ), p = n == null ? void 0 : n.arrow, g = W({
                   centerOffset: 0,
                   alignmentOffset: 0,
                   containerWidth: 0,
@@ -1288,69 +1373,69 @@ const Tn = an, Sn = ln, Xt = rn, kn = sn, Cn = (t, e, o) => {
                   x: void 0,
                   y: void 0
                 });
-                async function p() {
-                  const y = [
-                    Xt(),
-                    Tn({
+                async function y() {
+                  const w = [
+                    Qt(),
+                    Sn({
                       mainAxis: h.get(),
                       crossAxis: m.get()
                     }),
-                    Sn(),
-                    Xt()
+                    Cn(),
+                    Qt()
                   ];
-                  w != null && f != null && y.push(
-                    kn({
+                  p != null && f != null && w.push(
+                    Dn({
                       element: f,
-                      padding: g.get()
+                      padding: d.get()
                     })
                   );
-                  const b = await Cn(l, a, {
+                  const b = await Wn(l, a, {
                     placement: u.get(),
                     strategy: "absolute",
-                    middleware: y
-                  }), { x: v, y: L, middlewareData: R } = b;
-                  if (a.style.top = `${L}px`, a.style.left = `${v}px`, f != null && R.arrow != null) {
+                    middleware: w
+                  }), { x, y: P, middlewareData: A } = b;
+                  if (a.style.top = `${P}px`, a.style.left = `${x}px`, f != null && A.arrow != null) {
                     const {
-                      x: j,
-                      y: V,
-                      centerOffset: P,
-                      alignmentOffset: _
-                    } = R.arrow;
-                    d.set({
-                      x: j,
-                      y: V,
-                      centerOffset: P,
-                      alignmentOffset: _,
+                      x: _,
+                      y: $,
+                      centerOffset: T,
+                      alignmentOffset: I
+                    } = A.arrow;
+                    g.set({
+                      x: _,
+                      y: $,
+                      centerOffset: T,
+                      alignmentOffset: I,
                       containerWidth: a.offsetWidth,
                       containerHeight: a.offsetHeight
                     });
                   }
                 }
-                const x = Te(
+                const v = Te(
                   h,
                   m,
                   u
-                )(p);
-                return q(
+                )(y);
+                return K(
                   n == null ? void 0 : n.content,
-                  (n == null ? void 0 : n.arrow) != null ? Et.div(
+                  (n == null ? void 0 : n.arrow) != null ? Lt.div(
                     n == null ? void 0 : n.arrow(
-                      ie(
-                        d,
+                      ce(
+                        g,
                         u
-                      )((y, b) => ({
-                        ...y,
+                      )((w, b) => ({
+                        ...w,
                         placement: b
                       }))
                     ),
-                    H((y) => {
-                      f = y, p();
+                    H((w) => {
+                      f = w, y();
                     })
                   ) : null,
-                  M(
-                    d.dispose,
-                    Pn(l, a, p),
-                    x
+                  F(
+                    g.dispose,
+                    kn(l, a, y),
+                    v
                   )
                 );
               })
@@ -1360,88 +1445,88 @@ const Tn = an, Sn = ln, Xt = rn, kn = sn, Cn = (t, e, o) => {
       )
     )
   );
-}, Dn = ({
+}, Fn = ({
   request: t,
   load: e,
   convertError: o,
   onSuccess: n,
   onError: s,
-  onSettled: i
+  onSettled: r
 }) => {
-  let r;
-  const c = F(B.notAsked), a = c.map(
-    (d) => B.isSuccess(d) ? d.value : void 0
+  let i;
+  const c = W(R.notAsked), a = c.map(
+    (g) => R.isSuccess(g) ? g.value : void 0
   ), l = c.map(
-    (d) => B.isFailure(d) ? d.error : void 0
-  ), f = c.map((d) => B.isLoading(d)), h = () => {
-    r == null || r.abort(), r = void 0;
-  }, m = (d) => {
-    h(), c.set(d ?? B.notAsked);
-  }, u = async (d) => {
-    h(), r = new AbortController();
-    const p = r.signal, x = c.get();
-    c.set(B.loading(B.getOrUndefined(x)));
+    (g) => R.isFailure(g) ? g.error : void 0
+  ), f = c.map((g) => R.isLoading(g)), h = () => {
+    i == null || i.abort(), i = void 0;
+  }, m = (g) => {
+    h(), c.set(g ?? R.notAsked);
+  }, u = async (g) => {
+    h(), i = new AbortController();
+    const y = i.signal, v = c.get();
+    c.set(R.loading(R.getOrUndefined(v)));
     try {
-      const y = await e({ request: d, abortSignal: p, previous: x });
-      await Promise.resolve(), r = void 0, c.set(B.success(y)), n == null || n(y, d);
-    } catch (y) {
-      r = void 0, c.set(B.failure(o(y))), s == null || s(o(y), d);
+      const w = await e({ request: g, abortSignal: y, previous: v });
+      await Promise.resolve(), i = void 0, c.set(R.success(w)), n == null || n(w, g);
+    } catch (w) {
+      i = void 0, c.set(R.failure(o(w))), s == null || s(o(w), g);
     }
-    i == null || i(c.get(), d);
-  }, g = () => u(O.get(t)), w = () => {
-    r == null || r.abort(), r = void 0, c.dispose();
+    r == null || r(c.get(), g);
+  }, d = () => u(L.get(t)), p = () => {
+    i == null || i.abort(), i = void 0, c.dispose();
   };
-  return c.onDispose(O.on(t, u)), {
+  return c.onDispose(L.on(t, u)), {
     status: c,
     value: a,
     error: l,
     loading: f,
     cancel: m,
-    reload: g,
-    dispose: w
+    reload: d,
+    dispose: p
   };
-}, Wn = (t, e) => {
-  const { status: o, dispose: n, reload: s } = t, { pending: i, failure: r, success: c } = e;
-  return q(
-    M(n),
-    ue(o, {
-      loading: i != null ? (a) => i({ previous: a, reload: s, cancel: t.cancel }) : void 0,
-      failure: r != null ? (a) => r({ error: a, reload: s }) : void 0,
+}, Mn = (t, e) => {
+  const { status: o, dispose: n, reload: s } = t, { pending: r, failure: i, success: c } = e;
+  return K(
+    F(n),
+    Vt(o, {
+      loading: r != null ? (a) => r({ previous: a, reload: s, cancel: t.cancel }) : void 0,
+      failure: i != null ? (a) => i({ error: a, reload: s }) : void 0,
       success: (a) => c({ value: a, reload: s })
     })
   );
-}, so = ({
+}, co = ({
   request: t,
   load: e,
   convertError: o = (l) => l,
   onSuccess: n,
   onError: s,
-  onSettled: i,
-  success: r,
+  onSettled: r,
+  success: i,
   pending: c,
   failure: a
 }) => {
-  const l = Dn({
+  const l = Fn({
     request: t,
     load: e,
     convertError: o,
     onSuccess: n,
     onError: s,
-    onSettled: i
+    onSettled: r
   });
-  return Wn(l, { success: r, pending: c, failure: a });
-}, Fn = (t, e) => {
+  return Mn(l, { success: i, pending: c, failure: a });
+}, Nn = (t, e) => {
   if (typeof e == "function")
-    return Fn(t, { success: e });
-  const o = e.failure ?? ((s) => q(
-    M(s.on(console.error)),
-    s.map((i) => `Error: ${i}`)
+    return Nn(t, { success: e });
+  const o = e.failure ?? ((s) => K(
+    F(s.on(console.error)),
+    s.map((r) => `Error: ${r}`)
   )), n = e.success;
-  return oe(O.toSignal(t), {
+  return se(L.toSignal(t), {
     Success: (s) => n(s.$.value),
     Failure: (s) => o(s.$.error)
   });
-}, ro = () => ne.focus((t) => {
+}, ao = () => oe.focus((t) => {
   var e;
   return (e = t.target) == null ? void 0 : e.select();
 });
@@ -1463,7 +1548,7 @@ class Rt {
    * console.log(rect.height); // 50
    * ```
    */
-  constructor(e, o, n, s, i, r) {
+  constructor(e, o, n, s, r, i) {
     /**
      * Compares this rectangle with another rectangle for equality.
      *
@@ -1485,7 +1570,7 @@ class Rt {
      * ```
      */
     At(this, "equals", (e) => ht(this.left, e.left) && ht(this.top, e.top) && ht(this.width, e.width) && ht(this.height, e.height));
-    this.left = e, this.top = o, this.width = n, this.height = s, this.localLeft = i, this.localTop = r;
+    this.left = e, this.top = o, this.width = n, this.height = s, this.localLeft = r, this.localTop = i;
   }
   /**
    * Creates a new Rect instance using an object with optional properties.
@@ -1517,10 +1602,10 @@ class Rt {
     top: o = 0,
     width: n = 0,
     height: s = 0,
-    localLeft: i = 0,
-    localTop: r = 0
+    localLeft: r = 0,
+    localTop: i = 0
   }) {
-    return new Rt(e, o, n, s, i, r);
+    return new Rt(e, o, n, s, r, i);
   }
   /**
    * Gets the x-coordinate of the right edge of the rectangle.
@@ -1633,7 +1718,7 @@ class Rt {
     return { width: this.width, height: this.height };
   }
 }
-function Qt(t) {
+function Jt(t) {
   const e = t.getBoundingClientRect();
   return Rt.of({
     top: e.top + window.scrollY,
@@ -1644,80 +1729,80 @@ function Qt(t) {
     localTop: t.offsetTop
   });
 }
-const io = (t) => Se((e) => {
-  const { element: o } = e, n = F(Qt(o), (c, a) => c.equals(a)), s = Mt(t(n))(e), i = () => n.set(Rt.of(Qt(o)));
-  let r = null;
-  return typeof ResizeObserver < "u" && (r = new ResizeObserver(i)), r == null || r.observe(o), M((c) => {
-    r == null || r.disconnect(), s(c);
+const lo = (t) => ke((e) => {
+  const { element: o } = e, n = W(Jt(o), (c, a) => c.equals(a)), s = Mt(t(n))(e), r = () => n.set(Rt.of(Jt(o)));
+  let i = null;
+  return typeof ResizeObserver < "u" && (i = new ResizeObserver(r)), i == null || i.observe(o), F((c) => {
+    i == null || i.disconnect(), s(c);
   });
 });
-function Jt(t) {
+function Gt(t) {
   return {
     /* c8 ignore next 6 */
     width: (t == null ? void 0 : t.innerWidth) ?? 0,
     height: (t == null ? void 0 : t.innerHeight) ?? 0
   };
 }
-const co = (t) => (e) => {
-  const o = at(), n = F(
-    Jt(o),
-    (r, c) => r.width === c.width && r.height === c.height
-  ), s = Mt(t(n))(e), i = () => n.set(Jt(o));
-  return o == null || o.addEventListener("resize", i), (r) => {
-    o == null || o.removeEventListener("resize", i), s(r);
+const uo = (t) => (e) => {
+  const o = at(), n = W(
+    Gt(o),
+    (i, c) => i.width === c.width && i.height === c.height
+  ), s = Mt(t(n))(e), r = () => n.set(Gt(o));
+  return o == null || o.addEventListener("resize", r), (i) => {
+    o == null || o.removeEventListener("resize", r), s(i);
   };
-}, Mn = (t, e) => {
+}, Vn = (t, e) => {
   const o = e.split("/").filter((s) => s !== ""), n = {};
   for (let s = 0; s < t.length; s++) {
-    const i = t[s], r = o[s];
-    if (!r && i.type !== "catch-all")
+    const r = t[s], i = o[s];
+    if (!i && r.type !== "catch-all")
       return null;
-    if (i.type === "literal") {
-      if (i.value !== r)
+    if (r.type === "literal") {
+      if (r.value !== i)
         return null;
-    } else if (i.type === "param")
-      n[i.name] = r;
-    else if (i.type === "catch-all")
+    } else if (r.type === "param")
+      n[r.name] = i;
+    else if (r.type === "catch-all")
       return { params: n, path: e };
   }
   return o.length !== t.length ? null : { params: n, path: e };
-}, Ae = (t) => t.split("/").map((e) => e.startsWith(":") ? { type: "param", name: e.slice(1) } : e === "*" ? { type: "catch-all" } : { type: "literal", value: e }).filter((e) => e.type !== "literal" || e.value !== ""), ao = (t) => {
+}, Ae = (t) => t.split("/").map((e) => e.startsWith(":") ? { type: "param", name: e.slice(1) } : e === "*" ? { type: "catch-all" } : { type: "literal", value: e }).filter((e) => e.type !== "literal" || e.value !== ""), fo = (t) => {
   const e = t.map((o) => {
     const n = Ae(o);
     return { route: o, segments: n };
   });
   return function(n) {
-    for (const { segments: s, route: i } of e) {
-      const r = Mn(s, n);
-      if (r)
-        return { ...r, route: i };
+    for (const { segments: s, route: r } of e) {
+      const i = Vn(s, n);
+      if (i)
+        return { ...i, route: r };
     }
     return null;
   };
 }, Ct = {
   mark: Wt("RouterContext"),
   create: () => {
-    const t = F([]);
+    const t = W([]);
     return {
       value: t,
       dispose: () => t.dispose()
     };
   }
-}, Nn = (t, e, o) => {
-  const n = o.split("/").filter((r) => r !== ""), s = {};
-  let i = 0;
-  for (let r = 0; r < t.length; r++) {
-    const c = t[r], a = n[r];
+}, $n = (t, e, o) => {
+  const n = o.split("/").filter((i) => i !== ""), s = {};
+  let r = 0;
+  for (let i = 0; i < t.length; i++) {
+    const c = t[i], a = n[i];
     if (!a && c.type !== "catch-all")
       return null;
     if (c.type === "literal") {
       if (c.value !== a)
         return null;
-      i++;
+      r++;
     } else if (c.type === "param")
-      s[c.name] = a, i++;
+      s[c.name] = a, r++;
     else if (c.type === "catch-all") {
-      const l = "/" + n.slice(0, i).join("/"), f = "/" + n.slice(i).join("/");
+      const l = "/" + n.slice(0, r).join("/"), f = "/" + n.slice(r).join("/");
       return {
         params: s,
         matchedPath: l === "/" ? "" : l,
@@ -1727,10 +1812,10 @@ const co = (t) => (e) => {
     }
   }
   if (n.length === t.length) {
-    const r = "/" + n.join("/");
+    const i = "/" + n.join("/");
     return {
       params: s,
-      matchedPath: r === "/" ? "" : r,
+      matchedPath: i === "/" ? "" : i,
       remainingPath: "",
       route: e
     };
@@ -1742,51 +1827,51 @@ const co = (t) => (e) => {
     return { route: o, segments: n };
   });
   return function(n) {
-    for (const { segments: s, route: i } of e) {
-      const r = Nn(s, i, n);
-      if (r)
-        return r;
+    for (const { segments: s, route: r } of e) {
+      const i = $n(s, r, n);
+      if (i)
+        return i;
     }
     return null;
   };
-}, lo = (t) => {
+}, ho = (t) => {
   const e = Oe(Object.keys(t));
-  return ke(
+  return Se(
     Ct,
     {},
-    () => rt(Nt, (o) => rt(Ct, (n) => {
-      const s = o.map((i) => {
-        const r = e(i.pathname);
-        if (r == null)
-          throw console.error("No route found for", i), new Error("No route found");
+    () => it(Nt, (o) => it(Ct, (n) => {
+      const s = o.map((r) => {
+        const i = e(r.pathname);
+        if (i == null)
+          throw console.error("No route found for", r), new Error("No route found");
         const c = {
-          matchedPath: r.matchedPath,
-          remainingPath: r.remainingPath,
-          fullPath: i.pathname,
-          params: r.params
+          matchedPath: i.matchedPath,
+          remainingPath: i.remainingPath,
+          fullPath: r.pathname,
+          params: i.params
         };
         return n.value = [...n.value, c], {
-          params: r.params,
-          route: r.route,
-          path: r.matchedPath || i.pathname,
-          search: i.search,
-          hash: i.hash
+          params: i.params,
+          route: i.route,
+          path: i.matchedPath || r.pathname,
+          search: r.search,
+          hash: r.hash
         };
       });
-      return ce(
-        s.map((i) => [i.route, i]),
+      return ae(
+        s.map((r) => [r.route, r]),
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         t
       );
     }))
   );
-}, uo = (t) => {
+}, mo = (t) => {
   const e = Oe(Object.keys(t));
-  return rt(Ct, (o) => rt(Nt, (n) => {
-    const s = o.map((i) => {
-      const r = i[i.length - 1], c = (r == null ? void 0 : r.remainingPath) || "";
+  return it(Ct, (o) => it(Nt, (n) => {
+    const s = o.map((r) => {
+      const i = r[r.length - 1], c = (i == null ? void 0 : i.remainingPath) || "";
       if (c === "")
-        throw console.error("No remaining path for SubRouter", i), new Error("No remaining path for SubRouter");
+        throw console.error("No remaining path for SubRouter", r), new Error("No remaining path for SubRouter");
       const a = e(c);
       if (a == null)
         throw console.error("No route found for remaining path", c), new Error("No route found");
@@ -1799,13 +1884,13 @@ const co = (t) => (e) => {
         hash: n.value.hash
       };
     });
-    return ce(
-      s.map((i) => [i.route, i]),
+    return ae(
+      s.map((r) => [r.route, r]),
       // eslint-disable-next-line @typescript-eslint/no-explicit-any
       t
     );
   }));
-}, yt = 60 * 1e3, Dt = 60 * yt, ct = 24 * Dt, Gt = 7 * ct, Zt = 30 * ct, Vn = 365 * ct, $n = [
+}, yt = 60 * 1e3, Dt = 60 * yt, ct = 24 * Dt, Zt = 7 * ct, te = 30 * ct, Bn = 365 * ct, Hn = [
   {
     max: yt * 90,
     value: yt,
@@ -1828,28 +1913,28 @@ const co = (t) => (e) => {
     future: { singular: "tomorrow", plural: "in {} days" }
   },
   {
-    max: Gt * 6,
-    value: Gt,
+    max: Zt * 6,
+    value: Zt,
     name: "week",
     past: { singular: "last week", plural: "{} weeks ago" },
     future: { singular: "in a week", plural: "in {} weeks" }
   },
   {
-    max: Zt * 18,
-    value: Zt,
+    max: te * 18,
+    value: te,
     name: "month",
     past: { singular: "last month", plural: "{} months ago" },
     future: { singular: "in a month", plural: "in {} months" }
   },
   {
     max: 1 / 0,
-    value: Vn,
+    value: Bn,
     name: "year",
     past: { singular: "last year", plural: "{} years ago" },
     future: { singular: "in a year", plural: "in {} years" }
   }
 ];
-function te(t, e, o, n) {
+function ee(t, e, o, n) {
   const s = Math.round(t / e);
   return s <= 1 ? o : n.replace(
     "{}",
@@ -1859,28 +1944,28 @@ function te(t, e, o, n) {
     })
   );
 }
-const Bn = (t = 1e3) => {
-  const e = F(/* @__PURE__ */ new Date()), o = De(() => e.set(/* @__PURE__ */ new Date()), t);
+const Un = (t = 1e3) => {
+  const e = W(/* @__PURE__ */ new Date()), o = De(() => e.set(/* @__PURE__ */ new Date()), t);
   return e.onDispose(o), e;
-}, Hn = (t) => {
+}, zn = (t) => {
   const e = Math.abs(t);
   if (e < yt)
     return t < 0 ? "just now" : "in a moment";
-  for (const o of $n)
+  for (const o of Hn)
     if (e < o.max)
-      return t < 0 ? te(e, o.value, o.past.singular, o.past.plural) : te(e, o.value, o.future.singular, o.future.plural);
+      return t < 0 ? ee(e, o.value, o.past.singular, o.past.plural) : ee(e, o.value, o.future.singular, o.future.plural);
   throw new Error("unreachable");
-}, Un = (t, { now: e, frequency: o = 1e4 } = {}) => {
-  const n = e != null ? ee.is(e) ? e.derive() : F(e) : Bn(o), s = ie(
+}, Kn = (t, { now: e, frequency: o = 1e4 } = {}) => {
+  const n = e != null ? ne.is(e) ? e.derive() : W(e) : Un(o), s = ce(
     t,
     n
-  )((i, r) => i.getTime() - r.getTime());
-  return s.onDispose(() => O.dispose(n)), s;
-}, zn = (t, e = {}) => {
-  const o = Un(t, e), n = o.map(Hn);
+  )((r, i) => r.getTime() - i.getTime());
+  return s.onDispose(() => L.dispose(n)), s;
+}, jn = (t, e = {}) => {
+  const o = Kn(t, e), n = o.map(zn);
   return n.onDispose(o.dispose), n;
-}, fo = (t, e = {}) => zn(t, e);
-class Kn extends Ce {
+}, go = (t, e = {}) => jn(t, e);
+class _n extends Ce {
   constructor() {
     super(...arguments);
     /**
@@ -1890,54 +1975,57 @@ class Kn extends Ce {
     At(this, "tick", () => this.update((o) => o + 1));
   }
 }
-const ho = (t = 0) => new Kn(t, (e, o) => e === o);
+const po = (t = 0) => new _n(t, (e, o) => e === o);
 export {
   Ke as Anchor,
-  Yn as Appearance,
-  ue as AsyncResultView,
-  qn as AutoFocus,
-  Xn as AutoSelect,
-  uo as ChildRouter,
-  io as ElementRect,
-  Gn as HTMLTitle,
-  Jn as HiddenWhenEmpty,
+  qn as Appearance,
+  Vt as AsyncResultView,
+  Qn as AutoFocus,
+  Jn as AutoSelect,
+  mo as ChildRouter,
+  lo as ElementRect,
+  to as HTMLTitle,
+  Zn as HiddenWhenEmpty,
   Ye as InViewport,
   Nt as Location,
-  qe as OnClickOutside,
-  to as OnEnterKey,
-  eo as OnEscapeKey,
+  so as Mutation,
+  Je as MutationDisplay,
+  Xe as OnClickOutside,
+  no as OnEnterKey,
+  oo as OnEscapeKey,
   fe as OnKeyPressed,
-  oo as PopOver,
-  so as Query,
-  Wn as QueryDisplay,
+  ro as PopOver,
+  co as Query,
+  Mn as QueryDisplay,
   Rt as Rect,
-  Fn as ResultView,
-  lo as RootRouter,
+  Nn as ResultView,
+  ho as RootRouter,
   Ct as RouterContextProvider,
-  ro as SelectOnFocus,
-  Kn as Ticker,
-  Zn as WhenInViewport,
-  co as WindowSize,
+  ao as SelectOnFocus,
+  _n as Ticker,
+  eo as WhenInViewport,
+  uo as WindowSize,
   Fe as _checkExtensionCondition,
   We as _getExtension,
-  ao as _makeRouteMatcher,
+  fo as _makeRouteMatcher,
   Ae as _parseRouteSegments,
-  no as allPlacements,
+  io as allPlacements,
   Ve as areLocationsEqual,
-  Qn as classes,
-  Qt as getAbsoluteRect,
+  Gn as classes,
+  Jt as getAbsoluteRect,
   Ne as handleAnchorClick,
-  le as locationFromURL,
-  Dn as makeQueryResource,
-  Xe as matchesKeyCombo,
-  Mn as matchesRoute,
-  Bn as nowSignal,
-  fo as relativeTime,
-  Un as relativeTimeMillisSignal,
-  zn as relativeTimeSignal,
-  Kt as setLocationFromUrl,
-  ho as ticker,
-  Hn as timeDiffToString,
+  ue as locationFromURL,
+  Qe as makeMutationResource,
+  Fn as makeQueryResource,
+  qe as matchesKeyCombo,
+  Vn as matchesRoute,
+  Un as nowSignal,
+  go as relativeTime,
+  Kn as relativeTimeMillisSignal,
+  jn as relativeTimeSignal,
+  jt as setLocationFromUrl,
+  po as ticker,
+  zn as timeDiffToString,
   Pt as urlFromLocation,
   je as useAppearance
 };