@tempots/ui 16.0.10 → 16.1.1

package/index.js

@@ -1,15 +1,15 @@
-import { getWindow as W, prop as b, makeProviderMark as Q, computedOf as J, Signal as ft, Use as M, html as V, on as mt, Value as y, attr as X, Empty as _, OneOfType as gt, WithElement as L, OnDispose as x, Fragment as R, Portal as vt, renderableOfTNode as wt, When as yt, previousSignal as Lt, effectOf as Rt, WithBrowserCtx as At, WithCtx as Ht, OneOfTuple as St, Provide as Tt, Prop as Wt, strictEquals as Ut } from "@tempots/dom";
-import { delayed as bt, AsyncResult as v, nearEqual as C, interval as Kt } from "@tempots/std";
-import { autoUpdate as Mt, flip as st, offset as Dt, shift as Nt, computePosition as Ct, arrow as Ft } from "@floating-ui/dom";
+import { getWindow as K, prop as x, makeProviderMark as Q, computedOf as J, Signal as pt, Use as N, html as j, on as ft, Value as k, attr as X, Empty as _, OneOfType as mt, WithElement as O, OnDispose as b, Fragment as R, Portal as gt, renderableOfTNode as vt, When as wt, previousSignal as Ot, effectOf as Lt, WithBrowserCtx as Rt, WithCtx as At, OneOfTuple as yt, Provide as Ht, Prop as Tt, strictEquals as Wt } from "@tempots/dom";
+import { delayed as St, AsyncResult as v, nearEqual as T, interval as Ut } from "@tempots/std";
+import { autoUpdate as Kt, flip as Mt, offset as Dt, shift as Nt, computePosition as Ft, arrow as Ct } from "@floating-ui/dom";
 const zt = (e) => {
   const t = e.split("/").pop();
   if (t == null || t.startsWith(".")) return;
   const n = t.split(".") || [];
   return n.length > 1 ? "." + n.pop() : void 0;
-}, $t = (e, t) => {
+}, Vt = (e, t) => {
   const n = zt(t);
   return n != null && (e.length === 0 || !e.some((s) => n == s));
-}, jt = (e, t, n, s) => {
+}, $t = (e, t, n, s) => {
   let a = e.target;
   for (; a != null && !(a instanceof HTMLAnchorElement); )
     a = a.parentElement;
@@ -20,12 +20,12 @@ const zt = (e) => {
     return !0;
   const { pathname: r, search: i, hash: c } = o;
   if (s) {
-    const u = r + i + c, d = o.getAttribute("href");
-    if (!d?.startsWith("#") && d !== u)
+    const u = r + i + c, h = o.getAttribute("href");
+    if (!h?.startsWith("#") && h !== u)
       return !0;
   }
-  return t ? !1 : $t(n, r);
-}, Vt = (e, t = {
+  return t ? !1 : Vt(n, r);
+}, jt = (e, t = {
   ignoreUrlWithExtension: !0,
   allowedExtensions: [],
   ignoreExternalUrl: !0
@@ -34,7 +34,7 @@ const zt = (e) => {
     (s) => s.startsWith(".") ? s : "." + s
   ) : [];
   return (s) => {
-    jt(
+    $t(
       s,
       t.ignoreUrlWithExtension ?? !0,
       n,
@@ -42,20 +42,20 @@ const zt = (e) => {
     ) || e() && s.preventDefault();
   };
 }, _t = (e, t) => e.pathname === t.pathname && JSON.stringify(e.search) === JSON.stringify(t.search) && e.hash === t.hash, I = (e, t) => {
-  const n = new URL(e, t ?? W()?.location.toString()), s = Object.fromEntries(n.searchParams?.entries() ?? []);
+  const n = new URL(e, t ?? K()?.location.toString()), s = Object.fromEntries(n.searchParams?.entries() ?? []);
   let a = n.hash;
   return a.startsWith("#") && (a = a.substring(1)), {
     pathname: n.pathname,
     search: s,
     hash: a === "" ? void 0 : a
   };
-}, T = (e) => {
+}, U = (e) => {
   const n = new URLSearchParams(e.search).toString(), s = e.hash;
   return `${e.pathname}${n ? `?${n}` : ""}${s ? `#${s}` : ""}`;
 }, It = (e) => {
   document.startViewTransition ? document.startViewTransition(e) : e();
-}, rt = () => {
-  const e = W(), t = e?.location.hash ?? "";
+}, st = () => {
+  const e = K(), t = e?.location.hash ?? "";
   return {
     pathname: e?.location.pathname ?? "",
     search: Object.fromEntries(
@@ -63,32 +63,32 @@ const zt = (e) => {
     ),
     hash: t.startsWith("#") ? t.substring(1) || void 0 : t === "" ? void 0 : t
   };
-}, at = (e) => {
+}, rt = (e) => {
   if (e?.scroll !== "auto")
     return;
-  const t = W();
+  const t = K();
   t && t.requestAnimationFrame(
     () => t.scrollTo({ top: 0, left: 0, behavior: "auto" })
   );
-}, ot = (e, t) => {
+}, at = (e, t) => {
   t?.viewTransition ? It(e) : e();
 }, Bt = () => {
-  const e = b(rt(), _t), t = W(), n = () => {
-    e.set(rt());
+  const e = x(st(), _t), t = K(), n = () => {
+    e.set(st());
   };
   t?.addEventListener("popstate", n), t?.addEventListener("hashchange", n);
-  const s = (c, u, d) => {
-    ot(() => {
+  const s = (c, u, h) => {
+    at(() => {
       if (t) {
-        const w = T(c), P = u?.state ?? {};
-        d === "replaceState" || u?.replace ? t.history.replaceState(P, "", w) : t.history.pushState(P, "", w);
+        const w = U(c), f = u?.state ?? {};
+        h === "replaceState" || u?.replace ? t.history.replaceState(f, "", w) : t.history.pushState(f, "", w);
       }
       e.set(c);
-    }, u), at(u);
+    }, u), rt(u);
   }, a = (c, u) => {
-    ot(() => {
+    at(() => {
       t?.history.go(c);
-    }, u), at(u);
+    }, u), rt(u);
   };
   return {
     location: e,
@@ -106,9 +106,9 @@ const zt = (e) => {
     (r) => I(r, t.value),
     (r) => {
       if (qt(r.pathname))
-        return T(r);
+        return U(r);
       const i = new URL(r.pathname, t.value), c = i.origin + i.pathname;
-      return T({ ...r, pathname: c });
+      return U({ ...r, pathname: c });
     }
   );
   return {
@@ -129,7 +129,7 @@ const zt = (e) => {
     },
     resolve: (r) => I(r, t.value)
   };
-}, U = (e) => ({
+}, M = (e) => ({
   pathname: e.pathname,
   search: { ...e.search },
   hash: e.hash ?? void 0
@@ -137,7 +137,7 @@ const zt = (e) => {
   if (e == null) return;
   const t = `${e}`;
   return t === "" ? void 0 : t;
-}, xt = (e, t) => {
+}, kt = (e, t) => {
   const n = { ...e };
   for (const [s, a] of Object.entries(t))
     a == null ? delete n[s] : n[s] = a;
@@ -160,9 +160,9 @@ const zt = (e) => {
     search: o,
     hash: s ? e.hash : void 0
   };
-}, it = (e, t, n) => {
+}, ot = (e, t, n) => {
   const s = Qt(e, n);
-  return typeof t == "string" ? T(s) === t : t instanceof RegExp ? ((t.global || t.sticky) && (t.lastIndex = 0), t.test(T(s))) : t(s);
+  return typeof t == "string" ? U(s) === t : t instanceof RegExp ? ((t.global || t.sticky) && (t.lastIndex = 0), t.test(U(s))) : t(s);
 };
 class Jt {
   constructor(t) {
@@ -172,7 +172,7 @@ class Jt {
     return this.current;
   }
   setLocation(t) {
-    return this.current = U(t), this;
+    return this.current = M(t), this;
   }
   setPathname(t) {
     return this.current = {
@@ -199,7 +199,7 @@ class Jt {
   setSearch(t) {
     return this.current = {
       ...this.current,
-      search: xt(this.current.search, t)
+      search: kt(this.current.search, t)
     }, this;
   }
   setSearchParam(t, n) {
@@ -213,44 +213,44 @@ class Jt {
   }
 }
 const Xt = (e, t) => e?.replace ? "replaceState" : t, Gt = (e) => {
-  const t = e.location, n = t.map(T), s = t.map((l) => l.pathname), a = t.map((l) => ({ ...l.search })), o = t.map((l) => l.hash), r = (l, h) => it(e.location.value, l, h), i = (l, h) => J(
+  const t = e.location, n = t.map(U), s = t.map((l) => l.pathname), a = t.map((l) => ({ ...l.search })), o = t.map((l) => l.hash), r = (l, d) => ot(e.location.value, l, d), i = (l, d) => J(
     t,
     l
   )(
-    (p, A) => it(p, A, h)
-  ), c = (l, h, p) => {
-    const A = U({
+    (p, H) => ot(p, H, d)
+  ), c = (l, d, p) => {
+    const H = M({
       ...l,
       hash: B(l.hash ?? void 0)
     });
-    e.commit(A, h, p);
-  }, u = (l, h) => {
-    const p = Xt(h, "pushState");
-    c(l, h, p);
-  }, d = (l, h) => {
-    const p = l(U(e.location.value));
-    u(p, h);
-  }, w = (l, h) => {
+    e.commit(H, d, p);
+  }, u = (l, d) => {
+    const p = Xt(d, "pushState");
+    c(l, d, p);
+  }, h = (l, d) => {
+    const p = l(M(e.location.value));
+    u(p, d);
+  }, w = (l, d) => {
     const p = e.resolve(l);
-    u(p, h);
-  }, P = (l, h) => {
-    const p = { ...h, replace: !0 };
+    u(p, d);
+  }, f = (l, d) => {
+    const p = { ...d, replace: !0 };
     w(l, p);
-  }, k = (l, h) => {
-    e.go(l, h);
-  }, f = (l) => {
+  }, A = (l, d) => {
+    e.go(l, d);
+  }, g = (l) => {
     e.back(l);
-  }, E = (l) => {
+  }, P = (l) => {
     e.forward(l);
-  }, m = (l, h) => d((p) => ({ ...p, pathname: l }), h), S = (l, h) => d((p) => {
-    const A = { ...p }, nt = B(l);
-    return nt == null ? delete A.hash : A.hash = nt, A;
-  }, h), O = (l) => S(void 0, l), g = (l, h) => d(
+  }, m = (l, d) => h((p) => ({ ...p, pathname: l }), d), E = (l, d) => h((p) => {
+    const H = { ...p }, nt = B(l);
+    return nt == null ? delete H.hash : H.hash = nt, H;
+  }, d), S = (l) => E(void 0, l), y = (l, d) => h(
     (p) => ({
       ...p,
-      search: xt(p.search, l)
+      search: kt(p.search, l)
     }),
-    h
+    d
   );
   return {
     handle: {
@@ -260,30 +260,30 @@ const Xt = (e, t) => e?.replace ? "replaceState" : t, Gt = (e) => {
       search: a,
       hash: o,
       setLocation: u,
-      updateLocation: d,
+      updateLocation: h,
       navigate: w,
-      replace: P,
-      go: k,
-      back: f,
-      forward: E,
+      replace: f,
+      go: A,
+      back: g,
+      forward: P,
       setPathname: m,
-      setHash: S,
-      clearHash: O,
-      setSearch: g,
-      setSearchParam: (l, h, p) => g({ [l]: h }, p),
-      updateSearch: (l, h) => d(
+      setHash: E,
+      clearHash: S,
+      setSearch: y,
+      setSearchParam: (l, d, p) => y({ [l]: d }, p),
+      updateSearch: (l, d) => h(
         (p) => ({
           ...p,
           search: { ...l({ ...p.search }) }
         }),
-        h
+        d
       ),
-      queryParam: (l) => t.map((h) => h.search[l]),
-      run: (l, h) => {
+      queryParam: (l) => t.map((d) => d.search[l]),
+      run: (l, d) => {
         const p = new Jt(
-          U(e.location.value)
+          M(e.location.value)
         );
-        l(p), u(U(p.location), h);
+        l(p), u(M(p.location), d);
       },
       match: r,
       matchSignal: i
@@ -308,17 +308,17 @@ const Xt = (e, t) => e?.replace ? "replaceState" : t, Gt = (e) => {
     };
   }
 }, te = (e, ...t) => {
-  if (typeof e == "string" || ft.is(e))
+  if (typeof e == "string" || pt.is(e))
     return te({ href: e }, ...t);
   const { href: n, state: s, scroll: a, viewTransition: o, replace: r, ...i } = e;
-  return M(G, (c) => V.a(
-    mt.click(
-      Vt(() => {
+  return N(G, (c) => j.a(
+    ft.click(
+      jt(() => {
         let u = !1;
-        const d = {};
-        return s !== void 0 && (d.state = s, u = !0), a !== void 0 && (d.scroll = a, u = !0), o !== void 0 && (d.viewTransition = o, u = !0), r !== void 0 && (d.replace = r, u = !0), c.navigate(
-          y.get(n),
-          u ? d : void 0
+        const h = {};
+        return s !== void 0 && (h.state = s, u = !0), a !== void 0 && (h.scroll = a, u = !0), o !== void 0 && (h.viewTransition = o, u = !0), r !== void 0 && (h.replace = r, u = !0), c.navigate(
+          k.get(n),
+          u ? h : void 0
         ), !0;
       }, i)
     ),
@@ -337,37 +337,37 @@ const Xt = (e, t) => e?.replace ? "replaceState" : t, Gt = (e) => {
   }
 };
 function ee() {
-  const e = W(), t = e != null && e.matchMedia != null ? e.matchMedia("(prefers-color-scheme: dark)") : void 0, n = t?.matches ?? !1, s = b(n ? "dark" : "light"), a = (o) => s.set(o.matches ? "dark" : "light");
+  const e = K(), t = e != null && e.matchMedia != null ? e.matchMedia("(prefers-color-scheme: dark)") : void 0, n = t?.matches ?? !1, s = x(n ? "dark" : "light"), a = (o) => s.set(o.matches ? "dark" : "light");
   return t?.addEventListener("change", a), s.onDispose(() => t?.removeEventListener("change", a)), s;
 }
-const Pt = (e, t) => {
+const xt = (e, t) => {
   if (typeof t == "function")
-    return Pt(e, { success: t });
+    return xt(e, { success: t });
   const n = t.failure ?? ((r) => r.map((i) => `Error: ${i}`)), s = t.success, a = t.loading ?? (() => _), o = t.notAsked ?? (() => _);
-  return gt(y.toSignal(e), {
+  return mt(k.toSignal(e), {
     AsyncSuccess: (r) => s(r.$.value),
     AsyncFailure: (r) => n(r.$.error),
     Loading: (r) => a(r.map((i) => i.previousValue)),
     NotAsked: o
   });
-}, Le = (e = 10) => L((t) => x(bt(() => t?.focus(), e))), Re = (e = 10) => L((t) => {
-  const n = bt(() => t.select(), e);
-  return x(n);
+}, Le = (e = 10) => O((t) => b(St(() => t?.focus(), e))), Re = (e = 10) => O((t) => {
+  const n = St(() => t.select(), e);
+  return b(n);
 });
 function Ae(e) {
   const t = Object.entries(e);
   return R(
     ...t.map(
-      ([n, s]) => X.class(y.map(s, (a) => a ? n : void 0))
+      ([n, s]) => X.class(k.map(s, (a) => a ? n : void 0))
     )
   );
 }
-const He = L((e) => {
+const He = O((e) => {
   const t = e.style.getPropertyValue(":empty");
-  return e.style.setProperty(":empty", "display:none"), x((n) => {
+  return e.style.setProperty(":empty", "display:none"), b((n) => {
     n && e.style.setProperty(":empty", t);
   });
-}), Te = (e) => vt("head > title", X.innerText(e)), ne = {
+}), Te = (e) => gt("head > title", X.innerText(e)), ne = {
   partial: {
     root: null,
     rootMargin: "0px",
@@ -378,61 +378,61 @@ const He = L((e) => {
     rootMargin: "0px",
     threshold: 1
   }
-}, F = {
+}, C = {
   partial: /* @__PURE__ */ new Map(),
   full: /* @__PURE__ */ new Map()
-}, K = {
+}, D = {
   partial: null,
   full: null
 };
 function se(e) {
-  return K[e] == null && (K[e] = new IntersectionObserver((t) => {
+  return D[e] == null && (D[e] = new IntersectionObserver((t) => {
     t.forEach((n) => {
-      F[e].get(n.target)?.set(n.isIntersecting);
+      C[e].get(n.target)?.set(n.isIntersecting);
     });
-  }, ne[e])), K[e];
+  }, ne[e])), D[e];
 }
 const re = ({ mode: e = "partial", once: t = !1 }, n) => {
-  const s = b(!1);
+  const s = x(!1);
   return R(
-    L((a) => {
+    O((a) => {
       const o = typeof IntersectionObserver < "u" ? se(e) : null;
-      F[e].set(a, s), o?.observe(a);
+      C[e].set(a, s), o?.observe(a);
       function r() {
-        o?.unobserve(a), F[e].delete(a), F[e].size === 0 && (K[e]?.disconnect(), K[e] = null);
+        o?.unobserve(a), C[e].delete(a), C[e].size === 0 && (D[e]?.disconnect(), D[e] = null);
       }
       let i = null;
       return t && (i = s.on((c) => {
         c && r();
-      })), x(() => {
+      })), b(() => {
         s.dispose(), r(), i?.();
       });
     }),
-    wt(n(s))
+    vt(n(s))
   );
-}, We = (e, t, n) => re(e, (s) => yt(s, t, n ?? (() => _)));
+}, We = (e, t, n) => re(e, (s) => wt(s, t, n ?? (() => _)));
 function ae(e) {
-  return L((t) => {
+  return O((t) => {
     const n = (s) => {
       t.contains(s.target) || e(s);
     };
-    return document.addEventListener("click", n), x(() => {
+    return document.addEventListener("click", n), b(() => {
       document.removeEventListener("click", n);
     });
   });
 }
-const H = (e, t) => e === void 0 || e === t, ct = (e, t) => e === void 0 || e === t;
+const W = (e, t) => e === void 0 || e === t, it = (e, t) => e === void 0 || e === t;
 function oe(e, t) {
-  return typeof e == "string" ? t.key === e : ct(e.key, t.key) && ct(e.code, t.code) && H(e.ctrlKey, t.ctrlKey) && H(e.altKey, t.altKey) && H(e.shiftKey, t.shiftKey) && H(e.metaKey, t.metaKey) && H(e.repeat, t.repeat) && H(
+  return typeof e == "string" ? t.key === e : it(e.key, t.key) && it(e.code, t.code) && W(e.ctrlKey, t.ctrlKey) && W(e.altKey, t.altKey) && W(e.shiftKey, t.shiftKey) && W(e.metaKey, t.metaKey) && W(e.repeat, t.repeat) && W(
     e.commandOrControlKey,
     t.metaKey || t.ctrlKey
   );
 }
-function kt({
+function bt({
   allowedKeys: e,
   handler: t
 }) {
-  return L((n) => {
+  return O((n) => {
     const s = (a) => {
       if (n.contains(a.target)) {
         for (const o of e)
@@ -442,16 +442,16 @@ function kt({
           }
       }
     };
-    return document.addEventListener("keydown", s), x(() => {
+    return document.addEventListener("keydown", s), b(() => {
       document.removeEventListener("keydown", s);
     });
   });
 }
 function Ue(e) {
-  return kt({ allowedKeys: ["Enter"], handler: e });
+  return bt({ allowedKeys: ["Enter"], handler: e });
 }
 function Ke(e) {
-  return kt({ allowedKeys: ["Escape"], handler: e });
+  return bt({ allowedKeys: ["Escape"], handler: e });
 }
 const ie = ({
   mutate: e,
@@ -461,43 +461,45 @@ const ie = ({
   onSettled: a
 }) => {
   let o;
-  const r = b(v.notAsked), i = r.map(
-    (f) => v.isSuccess(f) ? f.value : void 0
+  const r = x(v.notAsked), i = r.map(
+    (g) => v.isSuccess(g) ? g.value : void 0
   ), c = r.map(
-    (f) => v.isFailure(f) ? f.error : void 0
-  ), u = r.map((f) => v.isLoading(f)), d = () => {
+    (g) => v.isFailure(g) ? g.error : void 0
+  ), u = r.map((g) => v.isLoading(g)), h = () => {
     o?.abort(), o = void 0;
+  }, w = (g) => {
+    h(), r.set(g ?? v.notAsked);
   };
   return {
     status: r,
     value: i,
     error: c,
     pending: u,
-    execute: async (f, E) => {
-      d(), o = new AbortController();
-      const m = o.signal, S = r.get(), O = E?.optimisticValue ?? (E?.optimisticFromRequest != null ? E.optimisticFromRequest(f) : void 0);
-      O != null ? r.set(v.loading(O)) : r.set(v.loading(v.getOrUndefined(S)));
+    execute: async (g, P) => {
+      h(), o = new AbortController();
+      const m = o.signal, E = r.get(), S = P?.optimisticValue ?? (P?.optimisticFromRequest != null ? P.optimisticFromRequest(g) : void 0);
+      S != null ? r.set(v.loading(S)) : r.set(v.loading(v.getOrUndefined(E)));
       try {
-        const g = await e({ request: f, abortSignal: m, previous: S });
-        o = void 0, r.set(v.success(g)), n?.(g, f);
-      } catch (g) {
-        o = void 0, r.set(v.failure(t(g))), s?.(t(g), f);
+        const y = await e({ request: g, abortSignal: m, previous: E, cancel: w });
+        o = void 0, r.set(v.success(y)), n?.(y, g);
+      } catch (y) {
+        o = void 0;
+        const L = t(y);
+        r.set(v.failure(L)), s?.(L, g);
       }
-      a?.(r.get(), f);
-    },
-    cancel: (f) => {
-      d(), r.set(f ?? v.notAsked);
+      a?.(r.get(), g);
     },
+    cancel: w,
     dispose: () => {
       o?.abort(), o = void 0, r.dispose();
     }
   };
 }, ce = (e, t) => {
-  const { status: n, dispose: s, execute: a, cancel: o, pending: r, error: i, value: c } = e, { content: u } = t, d = Lt(c);
+  const { status: n, dispose: s, execute: a, cancel: o, pending: r, error: i, value: c } = e, { content: u } = t, h = Ot(c);
   return R(
-    x(s),
+    b(s),
     u({
-      previous: d,
+      previous: h,
       execute: a,
       cancel: o,
       pending: r,
@@ -536,41 +538,40 @@ const ie = ({
   "left-start",
   "left-end"
 ], Ne = (e, t = { isOpen: !1 }) => {
-  const n = [];
-  let s = null;
-  const a = y.deriveProp(t.isOpen);
-  function o(i) {
-    s = i, a.set(!0);
+  let n = null;
+  const s = k.deriveProp(t.isOpen);
+  function a(r) {
+    n = r, s.set(!0);
   }
-  function r() {
-    a.set(!1), n.forEach((i) => i()), n.length = 0;
+  function o() {
+    s.set(!1);
   }
   return R(
-    e(o, r),
-    yt(
-      a,
+    e(a, o),
+    wt(
+      s,
       () => R(
-        s?.onClickOutside != null ? ae(s.onClickOutside) : null,
-        L(
-          (i) => vt(
+        n?.onClickOutside != null ? ae(n.onClickOutside) : null,
+        O(
+          (r) => gt(
             "body",
-            V.div(
-              L((c) => {
-                c.style.position = "absolute", c.style.width = "max-content";
-                const u = typeof s?.target == "string" ? i.querySelector(
-                  s.target
-                ) : s?.target ?? i;
-                if (u == null)
-                  throw new Error(`Target not found: ${s?.target}`);
-                let d = null;
-                const w = y.toSignal(s?.mainAxisOffset ?? 0), P = y.toSignal(
-                  s?.crossAxisOffset ?? 0
-                ), k = y.toSignal(
+            j.div(
+              O((i) => {
+                i.style.position = "absolute", i.style.width = "max-content";
+                const c = typeof n?.target == "string" ? r.querySelector(
+                  n.target
+                ) : n?.target ?? r;
+                if (c == null)
+                  throw new Error(`Target not found: ${n?.target}`);
+                let u = null;
+                const h = k.toSignal(n?.mainAxisOffset ?? 0), w = k.toSignal(
+                  n?.crossAxisOffset ?? 0
+                ), f = k.toSignal(
                   /* c8 ignore next 3 */
-                  s?.placement ?? "top"
-                ), f = y.toSignal(
-                  s?.arrowPadding ?? 0
-                ), E = s?.arrow, m = b({
+                  n?.placement ?? "top"
+                ), A = k.toSignal(
+                  n?.arrowPadding ?? 0
+                ), g = n?.arrow, P = x({
                   centerOffset: 0,
                   alignmentOffset: 0,
                   containerWidth: 0,
@@ -578,71 +579,70 @@ const ie = ({
                   x: void 0,
                   y: void 0
                 });
-                async function S() {
-                  const g = [
-                    st(),
+                async function m() {
+                  const S = [
+                    Mt(),
                     Dt({
-                      mainAxis: w.get(),
-                      crossAxis: P.get()
+                      mainAxis: h.get(),
+                      crossAxis: w.get()
                     }),
-                    Nt(),
-                    st()
+                    Nt()
                   ];
-                  E != null && d != null && g.push(
-                    Ft({
-                      element: d,
-                      padding: f.get()
+                  g != null && u != null && S.push(
+                    Ct({
+                      element: u,
+                      padding: A.get()
                     })
                   );
-                  const N = await Ct(u, c, {
-                    placement: k.get(),
+                  const y = await Ft(c, i, {
+                    placement: f.get(),
                     strategy: "absolute",
-                    middleware: g
-                  }), { x: Z, y: tt, middlewareData: j } = N;
-                  if (c.style.top = `${tt}px`, c.style.left = `${Z}px`, d != null && j.arrow != null) {
+                    middleware: S
+                  }), { x: L, y: Z, middlewareData: $ } = y;
+                  if (i.style.top = `${Z}px`, i.style.left = `${L}px`, u != null && $.arrow != null) {
                     const {
-                      x: et,
-                      y: l,
-                      centerOffset: h,
-                      alignmentOffset: p
-                    } = j.arrow;
-                    m.set({
-                      x: et,
-                      y: l,
-                      centerOffset: h,
-                      alignmentOffset: p,
-                      containerWidth: c.offsetWidth,
-                      containerHeight: c.offsetHeight
+                      x: tt,
+                      y: et,
+                      centerOffset: l,
+                      alignmentOffset: d
+                    } = $.arrow;
+                    P.set({
+                      x: tt,
+                      y: et,
+                      centerOffset: l,
+                      alignmentOffset: d,
+                      containerWidth: i.offsetWidth,
+                      containerHeight: i.offsetHeight
                     });
                   }
                 }
-                const O = Rt(
+                const E = Lt(
+                  h,
                   w,
-                  P,
-                  k
-                )(S);
+                  f
+                )(m);
                 return R(
-                  s?.content,
-                  s?.arrow != null ? V.div(
-                    s?.arrow(
+                  n?.content,
+                  n?.arrow != null ? j.div(
+                    n?.arrow(
                       J(
-                        m,
-                        k
+                        P,
+                        f
                       )(
-                        (g, N) => ({
-                          ...g,
-                          placement: N
+                        (S, y) => ({
+                          ...S,
+                          placement: y
                         })
                       )
                     ),
-                    L((g) => {
-                      d = g, S();
+                    O((S) => {
+                      u = S, m();
                     })
                   ) : null,
                   // arrowSignal is automatically disposed by the scope
-                  x(
-                    Mt(u, c, S),
-                    O
+                  b(
+                    Kt(c, i, m),
+                    E
                   )
                 );
               })
@@ -661,59 +661,75 @@ const ie = ({
   onSettled: o
 }) => {
   let r;
-  const i = b(v.notAsked), c = i.map(
+  const i = x(v.notAsked), c = i.map(
     (m) => v.isSuccess(m) ? m.value : void 0
   ), u = i.map(
     (m) => v.isFailure(m) ? m.error : void 0
-  ), d = i.map((m) => v.isLoading(m)), w = () => {
+  ), h = i.map((m) => v.isLoading(m)), w = () => {
     r?.abort(), r = void 0;
-  }, P = (m) => {
+  }, f = (m) => {
     w(), i.set(m ?? v.notAsked);
-  }, k = async (m) => {
+  }, A = async (m) => {
     w(), r = new AbortController();
-    const S = r.signal, O = i.get();
-    i.set(v.loading(v.getOrUndefined(O)));
+    const E = r.signal, S = i.get();
+    i.set(v.loading(v.getOrUndefined(S)));
     try {
-      const g = await t({ request: m, abortSignal: S, previous: O });
-      await Promise.resolve(), r = void 0, i.set(v.success(g)), s?.(g, m);
-    } catch (g) {
-      r = void 0, i.set(v.failure(n(g))), a?.(n(g), m);
+      const y = await t({
+        request: m,
+        abortSignal: E,
+        previous: S,
+        cancel: f
+      });
+      await Promise.resolve(), r = void 0, i.set(v.success(y)), s?.(y, m);
+    } catch (y) {
+      r = void 0;
+      const L = n(y);
+      i.set(v.failure(L)), a?.(L, m);
     }
     o?.(i.get(), m);
-  }, f = () => k(y.get(e)), E = () => {
+  }, g = () => A(k.get(e)), P = () => {
     r?.abort(), r = void 0, i.dispose();
   };
-  return i.onDispose(y.on(e, k)), {
+  return i.onDispose(k.on(e, A)), {
     status: i,
     value: c,
     error: u,
-    loading: d,
-    cancel: P,
-    reload: f,
-    dispose: E
+    loading: h,
+    cancel: f,
+    reload: g,
+    dispose: P
   };
 }, ue = (e, t) => {
-  const { status: n, dispose: s, reload: a } = e, { pending: o, failure: r, success: i } = t;
+  const { status: n, dispose: s, reload: a, loading: o } = e, {
+    notAsked: r,
+    pending: i,
+    failure: c,
+    success: u,
+    keepOnReload: h = !1
+  } = t, w = h ? n.map((f) => v.isLoading(f) && f.previousValue !== void 0 ? v.success(f.previousValue) : f) : n;
   return R(
-    x(s),
-    Pt(n, {
-      loading: o != null ? (c) => o({ previous: c, reload: a, cancel: e.cancel }) : void 0,
-      failure: r != null ? (c) => r({ error: c, reload: a }) : void 0,
-      success: (c) => i({ value: c, reload: a })
+    b(s),
+    xt(w, {
+      notAsked: r,
+      loading: i != null ? (f) => i({ previous: f, reload: a, cancel: e.cancel }) : void 0,
+      failure: c != null ? (f) => c({ error: f, reload: a }) : void 0,
+      success: (f) => u({ value: f, reload: a, loading: o })
     })
   );
-}, Ce = ({
+}, Fe = ({
   request: e,
   load: t,
-  convertError: n = (u) => u,
+  convertError: n = (w) => w,
   onSuccess: s,
   onError: a,
   onSettled: o,
-  success: r,
-  pending: i,
-  failure: c
+  notAsked: r,
+  success: i,
+  pending: c,
+  failure: u,
+  keepOnReload: h
 }) => {
-  const u = le({
+  const w = le({
     request: e,
     load: t,
     convertError: n,
@@ -721,17 +737,23 @@ const ie = ({
     onError: a,
     onSettled: o
   });
-  return ue(u, { success: r, pending: i, failure: c });
+  return ue(w, {
+    notAsked: r,
+    success: i,
+    pending: c,
+    failure: u,
+    keepOnReload: h
+  });
 }, he = (e, t) => {
   if (typeof t == "function")
     return he(e, { success: t });
   const n = t.failure ?? ((a) => (a.on(console.error), a.map((o) => `Error: ${o}`))), s = t.success;
-  return gt(y.toSignal(e), {
+  return mt(k.toSignal(e), {
     Success: (a) => s(a.$.value),
     Failure: (a) => n(a.$.error)
   });
-}, Fe = () => mt.focus((e) => e.target?.select());
-class $ {
+}, Ce = () => ft.focus((e) => e.target?.select());
+class V {
   /**
    * Creates a new Rect instance.
    *
@@ -785,7 +807,7 @@ class $ {
     localLeft: o = 0,
     localTop: r = 0
   }) {
-    return new $(t, n, s, a, o, r);
+    return new V(t, n, s, a, o, r);
   }
   /**
    * Gets the x-coordinate of the right edge of the rectangle.
@@ -917,11 +939,11 @@ class $ {
    * console.log(rect1.equals(rect3)); // true (within tolerance)
    * ```
    */
-  equals = (t) => C(this.left, t.left) && C(this.top, t.top) && C(this.width, t.width) && C(this.height, t.height);
+  equals = (t) => T(this.left, t.left) && T(this.top, t.top) && T(this.width, t.width) && T(this.height, t.height) && T(this.localLeft, t.localLeft) && T(this.localTop, t.localTop);
 }
-function lt(e) {
+function ct(e) {
   const t = e.getBoundingClientRect();
-  return $.of({
+  return V.of({
     top: t.top + window.scrollY,
     left: t.left + window.scrollX,
     width: t.width,
@@ -930,27 +952,27 @@ function lt(e) {
     localTop: e.offsetTop
   });
 }
-const ze = (e) => At((t) => {
-  const { element: n } = t, s = b(lt(n), (i, c) => i.equals(c)), a = wt(e(s)).render(t), o = () => s.set($.of(lt(n)));
+const ze = (e) => Rt((t) => {
+  const { element: n } = t, s = x(ct(n), (i, c) => i.equals(c)), a = vt(e(s)).render(t), o = () => s.set(V.of(ct(n)));
   let r = null;
-  return typeof ResizeObserver < "u" && (r = new ResizeObserver(o)), r?.observe(n), x((i) => {
+  return typeof ResizeObserver < "u" && (r = new ResizeObserver(o)), r?.observe(n), b((i) => {
     r?.disconnect(), a(i);
   });
 });
-function ut(e) {
+function lt(e) {
   return {
     /* c8 ignore next 6 */
     width: e?.innerWidth ?? 0,
     height: e?.innerHeight ?? 0
   };
 }
-const $e = (e) => Ht(() => {
-  const t = W(), n = b(
-    ut(t),
+const Ve = (e) => At(() => {
+  const t = K(), n = x(
+    lt(t),
     (a, o) => a.width === o.width && a.height === o.height
-  ), s = () => n.set(ut(t));
+  ), s = () => n.set(lt(t));
   return t?.addEventListener("resize", s), R(
-    x(() => {
+    b(() => {
       t?.removeEventListener("resize", s);
     }),
     e(n)
@@ -981,7 +1003,7 @@ const $e = (e) => Ht(() => {
     }
   }
   return n.length !== e.length ? null : { params: a, path: t };
-}, Et = (e) => e.split("/").map((t) => {
+}, Pt = (e) => e.split("/").map((t) => {
   if (t.startsWith(":"))
     return { type: "param", name: t.slice(1) };
   if (t.startsWith("*")) {
@@ -989,9 +1011,9 @@ const $e = (e) => Ht(() => {
     return n != "" ? { type: "catch-all", name: n } : { type: "catch-all" };
   } else
     return { type: "literal", value: t };
-}).filter((t) => t.type !== "literal" || t.value !== ""), je = (e) => {
+}).filter((t) => t.type !== "literal" || t.value !== ""), $e = (e) => {
   const t = e.map((n) => {
-    const s = Et(n);
+    const s = Pt(n);
     return { route: n, segments: s };
   });
   return function(s) {
@@ -1065,10 +1087,10 @@ class fe {
     this.getHandle().run(t, n);
   }
 }
-const Ve = new fe(), q = {
+const je = new fe(), q = {
   mark: Q("RouterContext"),
   create: () => {
-    const e = b([]);
+    const e = x([]);
     return {
       value: e,
       dispose: () => e.dispose()
@@ -1089,11 +1111,11 @@ const Ve = new fe(), q = {
       a[i.name] = c, o++;
     else if (i.type === "catch-all") {
       i.name && (a[i.name] = s.slice(o).join("/"));
-      const u = "/" + s.slice(0, o).join("/"), d = "/" + s.slice(o).join("/");
+      const u = "/" + s.slice(0, o).join("/"), h = "/" + s.slice(o).join("/");
       return {
         params: a,
         matchedPath: u === "/" ? "" : u,
-        remainingPath: d === "/" ? "" : d,
+        remainingPath: h === "/" ? "" : h,
         route: t
       };
     }
@@ -1108,9 +1130,9 @@ const Ve = new fe(), q = {
     };
   }
   return null;
-}, Ot = (e) => {
+}, Et = (e) => {
   const t = e.map((n) => {
-    const s = Et(n);
+    const s = Pt(n);
     return { route: n, segments: s };
   });
   return function(s) {
@@ -1122,11 +1144,11 @@ const Ve = new fe(), q = {
     return null;
   };
 }, _e = (e) => {
-  const t = Ot(Object.keys(e));
-  return Tt(
+  const t = Et(Object.keys(e));
+  return Ht(
     q,
     {},
-    () => M(G, (n) => M(q, (s) => {
+    () => N(G, (n) => N(q, (s) => {
       const a = n.location.map((o) => {
         const r = t(o.pathname);
         if (r == null)
@@ -1145,7 +1167,7 @@ const Ve = new fe(), q = {
           hash: o.hash
         };
       });
-      return St(
+      return yt(
         a.map((o) => [o.route, o]),
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         e
@@ -1153,8 +1175,8 @@ const Ve = new fe(), q = {
     }))
   );
 }, Ie = (e) => {
-  const t = Ot(Object.keys(e));
-  return M(q, (n) => M(G, (s) => {
+  const t = Et(Object.keys(e));
+  return N(q, (n) => N(G, (s) => {
     const a = n.map((o) => {
       const r = o[o.length - 1];
       if (r == null)
@@ -1171,13 +1193,13 @@ const Ve = new fe(), q = {
         hash: s.location.value.hash
       };
     });
-    return St(
+    return yt(
       a.map((o) => [o.route, o]),
       // eslint-disable-next-line @typescript-eslint/no-explicit-any
       e
     );
   }));
-}, z = 60 * 1e3, Y = 60 * z, D = 24 * Y, ht = 7 * D, dt = 30 * D, ge = 365 * D, ve = [
+}, z = 60 * 1e3, Y = 60 * z, F = 24 * Y, ut = 7 * F, ht = 30 * F, ge = 365 * F, ve = [
   {
     max: z * 90,
     value: z,
@@ -1193,22 +1215,22 @@ const Ve = new fe(), q = {
     future: { singular: "in an hour", plural: "in {} hours" }
   },
   {
-    max: D * 10,
-    value: D,
+    max: F * 10,
+    value: F,
     name: "day",
     past: { singular: "yesterday", plural: "{} days ago" },
     future: { singular: "tomorrow", plural: "in {} days" }
   },
   {
-    max: ht * 6,
-    value: ht,
+    max: ut * 6,
+    value: ut,
     name: "week",
     past: { singular: "last week", plural: "{} weeks ago" },
     future: { singular: "in a week", plural: "in {} weeks" }
   },
   {
-    max: dt * 18,
-    value: dt,
+    max: ht * 18,
+    value: ht,
     name: "month",
     past: { singular: "last month", plural: "{} months ago" },
     future: { singular: "in a month", plural: "in {} months" }
@@ -1221,7 +1243,7 @@ const Ve = new fe(), q = {
     future: { singular: "in a year", plural: "in {} years" }
   }
 ];
-function pt(e, t, n, s) {
+function dt(e, t, n, s) {
   const a = Math.round(e / t);
   return a <= 1 ? n : s.replace(
     "{}",
@@ -1232,7 +1254,7 @@ function pt(e, t, n, s) {
   );
 }
 const we = (e = 1e3) => {
-  const t = b(/* @__PURE__ */ new Date()), n = Kt(() => t.set(/* @__PURE__ */ new Date()), e);
+  const t = x(/* @__PURE__ */ new Date()), n = Ut(() => t.set(/* @__PURE__ */ new Date()), e);
   return t.onDispose(n), t;
 }, ye = (e) => {
   const t = Math.abs(e);
@@ -1240,30 +1262,30 @@ const we = (e = 1e3) => {
     return e < 0 ? "just now" : "in a moment";
   for (const n of ve)
     if (t < n.max)
-      return e < 0 ? pt(t, n.value, n.past.singular, n.past.plural) : pt(t, n.value, n.future.singular, n.future.plural);
+      return e < 0 ? dt(t, n.value, n.past.singular, n.past.plural) : dt(t, n.value, n.future.singular, n.future.plural);
   throw new Error("unreachable");
 }, Se = (e, { now: t, frequency: n = 1e4 } = {}) => {
-  const s = t != null ? ft.is(t) ? t.derive() : b(t) : we(n), a = J(
+  const s = t != null ? pt.is(t) ? t.derive() : x(t) : we(n), a = J(
     e,
     s
   )((o, r) => o.getTime() - r.getTime());
-  return a.onDispose(() => y.dispose(s)), a;
-}, be = (e, t = {}) => {
+  return a.onDispose(() => k.dispose(s)), a;
+}, ke = (e, t = {}) => {
   const n = Se(e, t), s = n.map(ye);
   return s.onDispose(() => n.dispose()), s;
-}, Be = (e, t = {}) => be(e, t);
-class xe extends Wt {
+}, Be = (e, t = {}) => ke(e, t);
+class xe extends Tt {
   /**
    * Triggers an update of the Ticker by incrementing its internal value.
    * @returns void
    */
   tick = () => this.update((t) => t + 1);
 }
-const qe = (e = 0) => new xe(e, Ut);
+const qe = (e = 0) => new xe(e, Wt);
 export {
   te as Anchor,
   Oe as Appearance,
-  Pt as AsyncResultView,
+  xt as AsyncResultView,
   Le as AutoFocus,
   Re as AutoSelect,
   Ie as ChildRouter,
@@ -1274,32 +1296,32 @@ export {
   G as Location,
   Me as Mutation,
   ce as MutationDisplay,
-  Ve as NavigationService,
+  je as NavigationService,
   ae as OnClickOutside,
   Ue as OnEnterKey,
   Ke as OnEscapeKey,
-  kt as OnKeyPressed,
+  bt as OnKeyPressed,
   Ne as PopOver,
-  Ce as Query,
+  Fe as Query,
   ue as QueryDisplay,
-  $ as Rect,
+  V as Rect,
   he as ResultView,
   _e as RootRouter,
   q as RouterContextProvider,
-  Fe as SelectOnFocus,
+  Ce as SelectOnFocus,
   xe as Ticker,
   We as WhenInViewport,
-  $e as WindowSize,
-  $t as _checkExtensionCondition,
+  Ve as WindowSize,
+  Vt as _checkExtensionCondition,
   zt as _getExtension,
-  je as _makeRouteMatcher,
-  Et as _parseRouteSegments,
+  $e as _makeRouteMatcher,
+  Pt as _parseRouteSegments,
   De as allPlacements,
   _t as areLocationsEqual,
   Ae as classes,
-  it as evaluateLocationMatch,
-  lt as getAbsoluteRect,
-  Vt as handleAnchorClick,
+  ot as evaluateLocationMatch,
+  ct as getAbsoluteRect,
+  jt as handleAnchorClick,
   I as locationFromURL,
   ie as makeMutationResource,
   le as makeQueryResource,
@@ -1308,9 +1330,9 @@ export {
   we as nowSignal,
   Be as relativeTime,
   Se as relativeTimeMillisSignal,
-  be as relativeTimeSignal,
+  ke as relativeTimeSignal,
   qe as ticker,
   ye as timeDiffToString,
-  T as urlFromLocation,
+  U as urlFromLocation,
   ee as useAppearance
 };