@tempots/ui 1.0.1 → 1.0.2

package/index.js

@@ -1,16 +1,17 @@
 var ue = Object.defineProperty;
 var fe = (t, e, n) => e in t ? ue(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
-var kt = (t, e, n) => fe(t, typeof e != "symbol" ? e + "" : e, n);
-import { makeProviderMark as Ht, Fragment as K, OnBrowserCtx as wt, Async as St, OnHeadlessCtx as he, UseProvider as zt, makeProp as F, renderableOfTNode as it, getWindow as xt, Signal as Bt, html as Ut, on as It, Value as st, attr as _t, WithProvider as de, OnDispose as k, Empty as mt, OneOfType as jt, makeSignal as me, OnElement as X, Portal as Yt, When as qt, OneOfTuple as pe, makeComputedOf as ge, Prop as Kt } from "@tempots/dom";
-const ye = (t) => {
+var Tt = (t, e, n) => fe(t, typeof e != "symbol" ? e + "" : e, n);
+import { makeProviderMark as Ht, Fragment as K, OnBrowserCtx as wt, Async as St, OnHeadlessCtx as he, UseProvider as zt, makeProp as N, renderableOfTNode as st, getWindow as xt, Signal as Bt, html as Ut, on as _t, Value as X, attr as It, WithProvider as de, OnDispose as T, Empty as mt, OneOfType as jt, makeSignal as me, OnElement as J, Portal as Yt, When as qt, OneOfTuple as pe, makeComputedOf as ge, Prop as ye } from "@tempots/dom";
+import { delayed as Kt, interval as we } from "@tempots/std";
+const xe = (t) => {
   const e = t.split("/").pop();
   if (e == null || e.startsWith(".")) return;
   const n = e.split(".") || [];
   return n.length > 1 ? "." + n.pop() : void 0;
-}, we = (t, e) => {
-  const n = ye(e);
+}, ve = (t, e) => {
+  const n = xe(e);
   return n != null && (t.length === 0 || !t.some((o) => n == o));
-}, xe = (t, e, n, o) => {
+}, be = (t, e, n, o) => {
   let r = t.target;
   for (; r != null && !(r instanceof HTMLAnchorElement); )
     r = r.parentElement;
@@ -25,8 +26,8 @@ const ye = (t) => {
     if (!(f != null && f.startsWith("#")) && f !== l)
       return !0;
   }
-  return e ? !1 : we(n, s);
-}, ve = (t, e = {
+  return e ? !1 : ve(n, s);
+}, Ae = (t, e = {
   ignoreUrlWithExtension: !0,
   allowedExtensions: [],
   ignoreExternalUrl: !0
@@ -35,14 +36,14 @@ const ye = (t) => {
     (o) => o.startsWith(".") ? o : "." + o
   ) : [];
   return (o) => {
-    xe(
+    be(
       o,
       e.ignoreUrlWithExtension ?? !0,
       n,
       e.ignoreExternalUrl ?? !0
     ) || t() && o.preventDefault();
   };
-}, be = Ht("LocationProvider"), vn = (t) => K(
+}, Re = Ht("LocationProvider"), Ln = (t) => K(
   wt(() => St(
     import("./browser-location-12vUH3Kv.js").then((e) => e.ProvideBrowserLocation),
     (e) => e(t)
@@ -51,14 +52,14 @@ const ye = (t) => {
     import("./headless-location-Ba_ht5ZQ.js").then((n) => n.ProvideHeadlessLocation),
     (n) => n(e.container.currentURL, t)
   ))
-), Xt = (t) => zt(be, (e) => (n) => {
-  const o = F(e.value, e.equals);
+), Xt = (t) => zt(Re, (e) => (n) => {
+  const o = N(e.value, e.equals);
   e.feedProp(o), o.on(e.set);
-  const r = it(t(o))(n);
+  const r = st(t(o))(n);
   return (i) => {
     o.dispose(), r(i);
   };
-}), bn = (t, e) => t.pathname === e.pathname && JSON.stringify(t.search) === JSON.stringify(e.search) && t.hash === e.hash, Ae = (t, e) => {
+}), kn = (t, e) => t.pathname === e.pathname && JSON.stringify(t.search) === JSON.stringify(e.search) && t.hash === e.hash, Ee = (t, e) => {
   var i;
   const n = new URL(t, e ?? ((i = xt()) == null ? void 0 : i.location.toString())), o = Object.fromEntries(n.searchParams.entries());
   let r = n.hash;
@@ -67,60 +68,53 @@ const ye = (t) => {
     search: o,
     hash: r === "" ? void 0 : r
   };
-}, Ee = (t, e) => {
-  const n = Ae(e);
+}, Oe = (t, e) => {
+  const n = Ee(e);
   return t.set(n), t;
-}, An = (t) => {
+}, Tn = (t) => {
   const n = new URLSearchParams(t.search).toString(), o = t.hash;
   return `${t.pathname}${n ? `?${n}` : ""}${o ? `#${o}` : ""}`;
-}, Re = (t, ...e) => {
+}, Le = (t, ...e) => {
   if (typeof t == "string" || Bt.is(t))
-    return Re({ href: t }, ...e);
+    return Le({ href: t }, ...e);
   const { href: n, ...o } = t;
   return Xt((r) => Ut.a(
-    It.click(
-      ve(() => (Ee(r, st.get(n)), !0), o)
+    _t.click(
+      Ae(() => (Oe(r, X.get(n)), !0), o)
     ),
-    _t.href(n),
+    It.href(n),
     ...e
   ));
-}, Jt = Ht("Appearance"), En = (t) => {
-  const e = xt(), n = e != null && e.matchMedia != null && e.matchMedia("(prefers-color-scheme: dark)").matches, o = F(n ? "dark" : "light"), r = (s) => {
+}, Jt = Ht("Appearance"), Sn = (t) => {
+  const e = xt(), n = e != null && e.matchMedia != null && e.matchMedia("(prefers-color-scheme: dark)").matches, o = N(n ? "dark" : "light"), r = (s) => {
     o.set(s.matches ? "dark" : "light");
   }, i = e != null && e.matchMedia != null ? e.matchMedia("(prefers-color-scheme: dark)") : void 0;
   return i == null || i.addEventListener("change", r), K(
     de(Jt, o, t),
-    k(() => i == null ? void 0 : i.removeEventListener("change", r))
+    T(() => i == null ? void 0 : i.removeEventListener("change", r))
   );
-}, Rn = (t) => zt(Jt, t), Oe = (t, e) => {
+}, Cn = (t) => zt(Jt, t), ke = (t, e) => {
   if (typeof e == "function")
-    return Oe(t, { success: e });
+    return ke(t, { success: e });
   const n = e.failure ?? ((s) => K(
-    k(s.on(console.error)),
+    T(s.on(console.error)),
     s.map((c) => `Error: ${c}`)
   )), o = e.success, r = e.loading ?? (() => mt), i = e.notAsked ?? (() => mt);
-  return jt(st.toSignal(t), {
+  return jt(X.toSignal(t), {
     AsyncSuccess: (s) => o(s.$.value),
     AsyncFailure: (s) => n(s.$.error),
     Loading: (s) => r(s.$.previousValue ?? me(void 0)),
     NotAsked: i
   });
-}, On = (t = 10) => X((e) => {
-  const n = setTimeout(() => {
-    e == null || e.focus();
-  }, t);
-  return k(() => clearTimeout(n));
-}), Ln = (t = 10) => X((e) => {
-  const n = setTimeout(() => {
-    e == null || e.select();
-  }, t);
-  return k(() => clearTimeout(n));
-}), Tn = X((t) => {
+}, Pn = (t = 10) => J((e) => T(Kt(() => e == null ? void 0 : e.focus(), t))), Dn = (t = 10) => J((e) => {
+  const n = Kt(() => e.select(), t);
+  return T(n);
+}), Wn = J((t) => {
   const e = t.style.getPropertyValue(":empty");
-  return t.style.setProperty(":empty", "display:none"), k((n) => {
+  return t.style.setProperty(":empty", "display:none"), T((n) => {
     n && t.style.setProperty(":empty", e);
   });
-}), kn = (t) => Yt("head > title", _t.innerText(t)), Le = {
+}), Mn = (t) => Yt("head > title", It.innerText(t)), Te = {
   partial: {
     root: null,
     rootMargin: "0px",
@@ -131,47 +125,47 @@ const ye = (t) => {
     rootMargin: "0px",
     threshold: 1
   }
-}, Z = {
+}, tt = {
   partial: /* @__PURE__ */ new Map(),
   full: /* @__PURE__ */ new Map()
 }, j = {
   partial: null,
   full: null
 };
-function Te(t) {
+function Se(t) {
   return j[t] == null && (j[t] = new IntersectionObserver((e) => {
     e.forEach((n) => {
-      const o = Z[t].get(n.target);
+      const o = tt[t].get(n.target);
       o == null || o.set(n.isIntersecting);
     });
-  }, Le[t])), j[t];
+  }, Te[t])), j[t];
 }
-const ke = (t, e) => {
-  const n = F(!1);
+const Ce = (t, e) => {
+  const n = N(!1);
   return K(
-    X((o) => {
-      const r = typeof IntersectionObserver < "u" ? Te(t) : null;
-      return Z[t].set(o, n), r == null || r.observe(o), k(() => {
+    J((o) => {
+      const r = typeof IntersectionObserver < "u" ? Se(t) : null;
+      return tt[t].set(o, n), r == null || r.observe(o), T(() => {
         var i;
-        n.dispose(), r == null || r.unobserve(o), Z[t].delete(o), Z[t].size === 0 && ((i = j[t]) == null || i.disconnect(), j[t] = null);
+        n.dispose(), r == null || r.unobserve(o), tt[t].delete(o), tt[t].size === 0 && ((i = j[t]) == null || i.disconnect(), j[t] = null);
       });
     }),
-    it(e(n))
+    st(e(n))
   );
-}, Sn = (t, e, n) => ke(t, (o) => qt(o, e, n ?? (() => mt))), tt = Math.min, W = Math.max, et = Math.round, Q = Math.floor, O = (t) => ({
+}, Fn = (t, e, n) => Ce(t, (o) => qt(o, e, n ?? (() => mt))), et = Math.min, W = Math.max, nt = Math.round, Z = Math.floor, O = (t) => ({
   x: t,
   y: t
-}), Se = {
+}), Pe = {
   left: "right",
   right: "left",
   bottom: "top",
   top: "bottom"
-}, Ce = {
+}, De = {
   start: "end",
   end: "start"
 };
 function Ct(t, e, n) {
-  return W(t, tt(e, n));
+  return W(t, et(e, n));
 }
 function ct(t, e) {
   return typeof t == "function" ? t(e) : t;
@@ -194,20 +188,20 @@ function z(t) {
 function Zt(t) {
   return Gt(z(t));
 }
-function Pe(t, e, n) {
+function We(t, e, n) {
   n === void 0 && (n = !1);
   const o = lt(t), r = Zt(t), i = Qt(r);
   let s = r === "x" ? o === (n ? "end" : "start") ? "right" : "left" : o === "start" ? "bottom" : "top";
-  return e.reference[i] > e.floating[i] && (s = nt(s)), [s, nt(s)];
+  return e.reference[i] > e.floating[i] && (s = ot(s)), [s, ot(s)];
 }
-function De(t) {
-  const e = nt(t);
+function Me(t) {
+  const e = ot(t);
   return [pt(t), e, pt(e)];
 }
 function pt(t) {
-  return t.replace(/start|end/g, (e) => Ce[e]);
+  return t.replace(/start|end/g, (e) => De[e]);
 }
-function We(t, e, n) {
+function Fe(t, e, n) {
   const o = ["left", "right"], r = ["right", "left"], i = ["top", "bottom"], s = ["bottom", "top"];
   switch (t) {
     case "top":
@@ -220,15 +214,15 @@ function We(t, e, n) {
       return [];
   }
 }
-function Fe(t, e, n, o) {
+function Ne(t, e, n, o) {
   const r = lt(t);
-  let i = We(M(t), n === "start", o);
+  let i = Fe(M(t), n === "start", o);
   return r && (i = i.map((s) => s + "-" + r), e && (i = i.concat(i.map(pt)))), i;
 }
-function nt(t) {
-  return t.replace(/left|right|bottom|top/g, (e) => Se[e]);
+function ot(t) {
+  return t.replace(/left|right|bottom|top/g, (e) => Pe[e]);
 }
-function Me(t) {
+function Ve(t) {
   return {
     top: 0,
     right: 0,
@@ -237,15 +231,15 @@ function Me(t) {
     ...t
   };
 }
-function Ne(t) {
-  return typeof t != "number" ? Me(t) : {
+function $e(t) {
+  return typeof t != "number" ? Ve(t) : {
     top: t,
     right: t,
     bottom: t,
     left: t
   };
 }
-function ot(t) {
+function rt(t) {
   const {
     x: e,
     y: n,
@@ -311,7 +305,7 @@ function Pt(t, e, n) {
   }
   return h;
 }
-const Ve = async (t, e, n) => {
+const He = async (t, e, n) => {
   const {
     placement: o = "bottom",
     strategy: r = "absolute",
@@ -388,7 +382,7 @@ async function te(t, e) {
     elementContext: u = "floating",
     altBoundary: d = !1,
     padding: h = 0
-  } = ct(e, t), p = Ne(h), y = c[d ? u === "floating" ? "reference" : "floating" : u], m = ot(await i.getClippingRect({
+  } = ct(e, t), p = $e(h), y = c[d ? u === "floating" ? "reference" : "floating" : u], m = rt(await i.getClippingRect({
     element: (n = await (i.isElement == null ? void 0 : i.isElement(y))) == null || n ? y : y.contextElement || await (i.getDocumentElement == null ? void 0 : i.getDocumentElement(c.floating)),
     boundary: l,
     rootBoundary: f,
@@ -404,7 +398,7 @@ async function te(t, e) {
   } : {
     x: 1,
     y: 1
-  }, v = ot(i.convertOffsetParentRelativeRectToViewportRelativeRect ? await i.convertOffsetParentRelativeRectToViewportRelativeRect({
+  }, v = rt(i.convertOffsetParentRelativeRectToViewportRelativeRect ? await i.convertOffsetParentRelativeRectToViewportRelativeRect({
     elements: c,
     rect: w,
     offsetParent: x,
@@ -417,7 +411,7 @@ async function te(t, e) {
     right: (v.right - m.right + p.right) / b.x
   };
 }
-const $e = function(t) {
+const ze = function(t) {
   return t === void 0 && (t = {}), {
     name: "flip",
     options: t,
@@ -441,36 +435,36 @@ const $e = function(t) {
       } = ct(t, e);
       if ((n = i.arrow) != null && n.alignmentOffset)
         return {};
-      const m = M(r), w = z(c), x = M(c) === c, b = await (a.isRTL == null ? void 0 : a.isRTL(l.floating)), v = d || (x || !g ? [nt(c)] : De(c)), V = p !== "none";
-      !d && V && v.push(...Fe(c, g, p, b));
-      const le = [c, ...v], ht = await te(e, y), G = [];
-      let I = ((o = i.flip) == null ? void 0 : o.overflows) || [];
-      if (f && G.push(ht[m]), u) {
-        const D = Pe(r, s, b);
-        G.push(ht[D[0]], ht[D[1]]);
+      const m = M(r), w = z(c), x = M(c) === c, b = await (a.isRTL == null ? void 0 : a.isRTL(l.floating)), v = d || (x || !g ? [ot(c)] : Me(c)), V = p !== "none";
+      !d && V && v.push(...Ne(c, g, p, b));
+      const le = [c, ...v], ht = await te(e, y), Q = [];
+      let _ = ((o = i.flip) == null ? void 0 : o.overflows) || [];
+      if (f && Q.push(ht[m]), u) {
+        const D = We(r, s, b);
+        Q.push(ht[D[0]], ht[D[1]]);
       }
-      if (I = [...I, {
+      if (_ = [..._, {
         placement: r,
-        overflows: G
-      }], !G.every((D) => D <= 0)) {
-        var Rt, Ot;
-        const D = (((Rt = i.flip) == null ? void 0 : Rt.index) || 0) + 1, Tt = le[D];
-        if (Tt)
+        overflows: Q
+      }], !Q.every((D) => D <= 0)) {
+        var Et, Ot;
+        const D = (((Et = i.flip) == null ? void 0 : Et.index) || 0) + 1, kt = le[D];
+        if (kt)
           return {
             data: {
               index: D,
-              overflows: I
+              overflows: _
             },
             reset: {
-              placement: Tt
+              placement: kt
             }
           };
-        let _ = (Ot = I.filter(($) => $.overflows[0] <= 0).sort(($, S) => $.overflows[1] - S.overflows[1])[0]) == null ? void 0 : Ot.placement;
-        if (!_)
+        let I = (Ot = _.filter(($) => $.overflows[0] <= 0).sort(($, S) => $.overflows[1] - S.overflows[1])[0]) == null ? void 0 : Ot.placement;
+        if (!I)
           switch (h) {
             case "bestFit": {
               var Lt;
-              const $ = (Lt = I.filter((S) => {
+              const $ = (Lt = _.filter((S) => {
                 if (V) {
                   const C = z(S.placement);
                   return C === w || // Create a bias to the `y` side axis due to horizontal
@@ -479,17 +473,17 @@ const $e = function(t) {
                 }
                 return !0;
               }).map((S) => [S.placement, S.overflows.filter((C) => C > 0).reduce((C, ae) => C + ae, 0)]).sort((S, C) => S[1] - C[1])[0]) == null ? void 0 : Lt[0];
-              $ && (_ = $);
+              $ && (I = $);
               break;
             }
             case "initialPlacement":
-              _ = c;
+              I = c;
               break;
           }
-        if (r !== _)
+        if (r !== I)
           return {
             reset: {
-              placement: _
+              placement: I
             }
           };
       }
@@ -497,7 +491,7 @@ const $e = function(t) {
     }
   };
 };
-async function He(t, e) {
+async function Be(t, e) {
   const {
     placement: n,
     platform: o,
@@ -524,7 +518,7 @@ async function He(t, e) {
     y: h * f
   };
 }
-const ze = function(t) {
+const Ue = function(t) {
   return t === void 0 && (t = 0), {
     name: "offset",
     options: t,
@@ -535,7 +529,7 @@ const ze = function(t) {
         y: i,
         placement: s,
         middlewareData: c
-      } = e, a = await He(e, t);
+      } = e, a = await Be(e, t);
       return s === ((n = c.offset) == null ? void 0 : n.placement) && (o = c.arrow) != null && o.alignmentOffset ? {} : {
         x: r + a.x,
         y: i + a.y,
@@ -546,7 +540,7 @@ const ze = function(t) {
       };
     }
   };
-}, Be = function(t) {
+}, _e = function(t) {
   return t === void 0 && (t = {}), {
     name: "shift",
     options: t,
@@ -613,14 +607,14 @@ function A(t) {
   var e;
   return (t == null || (e = t.ownerDocument) == null ? void 0 : e.defaultView) || window;
 }
-function T(t) {
+function k(t) {
   var e;
   return (e = (ee(t) ? t.ownerDocument : t.document) || window.document) == null ? void 0 : e.documentElement;
 }
 function ee(t) {
   return at() ? t instanceof Node || t instanceof A(t).Node : !1;
 }
-function E(t) {
+function R(t) {
   return at() ? t instanceof Element || t instanceof A(t).Element : !1;
 }
 function L(t) {
@@ -629,16 +623,16 @@ function L(t) {
 function Dt(t) {
   return !at() || typeof ShadowRoot > "u" ? !1 : t instanceof ShadowRoot || t instanceof A(t).ShadowRoot;
 }
-function J(t) {
+function G(t) {
   const {
     overflow: e,
     overflowX: n,
     overflowY: o,
     display: r
-  } = R(t);
+  } = E(t);
   return /auto|scroll|overlay|hidden|clip/.test(e + o + n) && !["inline", "contents"].includes(r);
 }
-function Ue(t) {
+function Ie(t) {
   return ["table", "td", "th"].includes(U(t));
 }
 function ut(t) {
@@ -651,10 +645,10 @@ function ut(t) {
   });
 }
 function vt(t) {
-  const e = bt(), n = E(t) ? R(t) : t;
+  const e = bt(), n = R(t) ? E(t) : t;
   return n.transform !== "none" || n.perspective !== "none" || (n.containerType ? n.containerType !== "normal" : !1) || !e && (n.backdropFilter ? n.backdropFilter !== "none" : !1) || !e && (n.filter ? n.filter !== "none" : !1) || ["transform", "perspective", "filter"].some((o) => (n.willChange || "").includes(o)) || ["paint", "layout", "strict", "content"].some((o) => (n.contain || "").includes(o));
 }
-function Ie(t) {
+function je(t) {
   let e = P(t);
   for (; L(e) && !B(e); ) {
     if (vt(e))
@@ -671,11 +665,11 @@ function bt() {
 function B(t) {
   return ["html", "body", "#document"].includes(U(t));
 }
-function R(t) {
+function E(t) {
   return A(t).getComputedStyle(t);
 }
 function ft(t) {
-  return E(t) ? {
+  return R(t) ? {
     scrollLeft: t.scrollLeft,
     scrollTop: t.scrollTop
   } : {
@@ -691,13 +685,13 @@ function P(t) {
     t.assignedSlot || // DOM Element detected.
     t.parentNode || // ShadowRoot detected.
     Dt(t) && t.host || // Fallback.
-    T(t)
+    k(t)
   );
   return Dt(e) ? e.host : e;
 }
 function ne(t) {
   const e = P(t);
-  return B(e) ? t.ownerDocument ? t.ownerDocument.body : t.body : L(e) && J(e) ? e : ne(e);
+  return B(e) ? t.ownerDocument ? t.ownerDocument.body : t.body : L(e) && G(e) ? e : ne(e);
 }
 function Y(t, e, n) {
   var o;
@@ -705,7 +699,7 @@ function Y(t, e, n) {
   const r = ne(t), i = r === ((o = t.ownerDocument) == null ? void 0 : o.body), s = A(r);
   if (i) {
     const c = gt(s);
-    return e.concat(s, s.visualViewport || [], J(r) ? r : [], c && n ? Y(c) : []);
+    return e.concat(s, s.visualViewport || [], G(r) ? r : [], c && n ? Y(c) : []);
   }
   return e.concat(r, Y(r, [], n));
 }
@@ -713,9 +707,9 @@ function gt(t) {
   return t.parent && Object.getPrototypeOf(t.parent) ? t.frameElement : null;
 }
 function oe(t) {
-  const e = R(t);
+  const e = E(t);
   let n = parseFloat(e.width) || 0, o = parseFloat(e.height) || 0;
-  const r = L(t), i = r ? t.offsetWidth : n, s = r ? t.offsetHeight : o, c = et(n) !== i || et(o) !== s;
+  const r = L(t), i = r ? t.offsetWidth : n, s = r ? t.offsetHeight : o, c = nt(n) !== i || nt(o) !== s;
   return c && (n = i, o = s), {
     width: n,
     height: o,
@@ -723,7 +717,7 @@ function oe(t) {
   };
 }
 function At(t) {
-  return E(t) ? t : t.contextElement;
+  return R(t) ? t : t.contextElement;
 }
 function H(t) {
   const e = At(t);
@@ -734,68 +728,68 @@ function H(t) {
     height: r,
     $: i
   } = oe(e);
-  let s = (i ? et(n.width) : n.width) / o, c = (i ? et(n.height) : n.height) / r;
+  let s = (i ? nt(n.width) : n.width) / o, c = (i ? nt(n.height) : n.height) / r;
   return (!s || !Number.isFinite(s)) && (s = 1), (!c || !Number.isFinite(c)) && (c = 1), {
     x: s,
     y: c
   };
 }
-const _e = /* @__PURE__ */ O(0);
+const Ye = /* @__PURE__ */ O(0);
 function re(t) {
   const e = A(t);
-  return !bt() || !e.visualViewport ? _e : {
+  return !bt() || !e.visualViewport ? Ye : {
     x: e.visualViewport.offsetLeft,
     y: e.visualViewport.offsetTop
   };
 }
-function je(t, e, n) {
+function qe(t, e, n) {
   return e === void 0 && (e = !1), !n || e && n !== A(t) ? !1 : e;
 }
-function N(t, e, n, o) {
+function F(t, e, n, o) {
   e === void 0 && (e = !1), n === void 0 && (n = !1);
   const r = t.getBoundingClientRect(), i = At(t);
   let s = O(1);
-  e && (o ? E(o) && (s = H(o)) : s = H(t));
-  const c = je(i, n, o) ? re(i) : O(0);
+  e && (o ? R(o) && (s = H(o)) : s = H(t));
+  const c = qe(i, n, o) ? re(i) : O(0);
   let a = (r.left + c.x) / s.x, l = (r.top + c.y) / s.y, f = r.width / s.x, u = r.height / s.y;
   if (i) {
-    const d = A(i), h = o && E(o) ? A(o) : o;
+    const d = A(i), h = o && R(o) ? A(o) : o;
     let p = d, g = gt(p);
     for (; g && o && h !== p; ) {
-      const y = H(g), m = g.getBoundingClientRect(), w = R(g), x = m.left + (g.clientLeft + parseFloat(w.paddingLeft)) * y.x, b = m.top + (g.clientTop + parseFloat(w.paddingTop)) * y.y;
+      const y = H(g), m = g.getBoundingClientRect(), w = E(g), x = m.left + (g.clientLeft + parseFloat(w.paddingLeft)) * y.x, b = m.top + (g.clientTop + parseFloat(w.paddingTop)) * y.y;
       a *= y.x, l *= y.y, f *= y.x, u *= y.y, a += x, l += b, p = A(g), g = gt(p);
     }
   }
-  return ot({
+  return rt({
     width: f,
     height: u,
     x: a,
     y: l
   });
 }
-function Et(t, e) {
+function Rt(t, e) {
   const n = ft(t).scrollLeft;
-  return e ? e.left + n : N(T(t)).left + n;
+  return e ? e.left + n : F(k(t)).left + n;
 }
 function ie(t, e, n) {
   n === void 0 && (n = !1);
   const o = t.getBoundingClientRect(), r = o.left + e.scrollLeft - (n ? 0 : (
     // RTL <body> scrollbar.
-    Et(t, o)
+    Rt(t, o)
   )), i = o.top + e.scrollTop;
   return {
     x: r,
     y: i
   };
 }
-function Ye(t) {
+function Ke(t) {
   let {
     elements: e,
     rect: n,
     offsetParent: o,
     strategy: r
   } = t;
-  const i = r === "fixed", s = T(o), c = e ? ut(e.floating) : !1;
+  const i = r === "fixed", s = k(o), c = e ? ut(e.floating) : !1;
   if (o === s || c && i)
     return n;
   let a = {
@@ -803,8 +797,8 @@ function Ye(t) {
     scrollTop: 0
   }, l = O(1);
   const f = O(0), u = L(o);
-  if ((u || !u && !i) && ((U(o) !== "body" || J(s)) && (a = ft(o)), L(o))) {
-    const h = N(o);
+  if ((u || !u && !i) && ((U(o) !== "body" || G(s)) && (a = ft(o)), L(o))) {
+    const h = F(o);
     l = H(o), f.x = h.x + o.clientLeft, f.y = h.y + o.clientTop;
   }
   const d = s && !u && !i ? ie(s, a, !0) : O(0);
@@ -815,22 +809,22 @@ function Ye(t) {
     y: n.y * l.y - a.scrollTop * l.y + f.y + d.y
   };
 }
-function qe(t) {
+function Xe(t) {
   return Array.from(t.getClientRects());
 }
-function Ke(t) {
-  const e = T(t), n = ft(t), o = t.ownerDocument.body, r = W(e.scrollWidth, e.clientWidth, o.scrollWidth, o.clientWidth), i = W(e.scrollHeight, e.clientHeight, o.scrollHeight, o.clientHeight);
-  let s = -n.scrollLeft + Et(t);
+function Je(t) {
+  const e = k(t), n = ft(t), o = t.ownerDocument.body, r = W(e.scrollWidth, e.clientWidth, o.scrollWidth, o.clientWidth), i = W(e.scrollHeight, e.clientHeight, o.scrollHeight, o.clientHeight);
+  let s = -n.scrollLeft + Rt(t);
   const c = -n.scrollTop;
-  return R(o).direction === "rtl" && (s += W(e.clientWidth, o.clientWidth) - r), {
+  return E(o).direction === "rtl" && (s += W(e.clientWidth, o.clientWidth) - r), {
     width: r,
     height: i,
     x: s,
     y: c
   };
 }
-function Xe(t, e) {
-  const n = A(t), o = T(t), r = n.visualViewport;
+function Ge(t, e) {
+  const n = A(t), o = k(t), r = n.visualViewport;
   let i = o.clientWidth, s = o.clientHeight, c = 0, a = 0;
   if (r) {
     i = r.width, s = r.height;
@@ -844,8 +838,8 @@ function Xe(t, e) {
     y: a
   };
 }
-function Je(t, e) {
-  const n = N(t, !0, e === "fixed"), o = n.top + t.clientTop, r = n.left + t.clientLeft, i = L(t) ? H(t) : O(1), s = t.clientWidth * i.x, c = t.clientHeight * i.y, a = r * i.x, l = o * i.y;
+function Qe(t, e) {
+  const n = F(t, !0, e === "fixed"), o = n.top + t.clientTop, r = n.left + t.clientLeft, i = L(t) ? H(t) : O(1), s = t.clientWidth * i.x, c = t.clientHeight * i.y, a = r * i.x, l = o * i.y;
   return {
     width: s,
     height: c,
@@ -856,11 +850,11 @@ function Je(t, e) {
 function Wt(t, e, n) {
   let o;
   if (e === "viewport")
-    o = Xe(t, n);
+    o = Ge(t, n);
   else if (e === "document")
-    o = Ke(T(t));
-  else if (E(e))
-    o = Je(e, n);
+    o = Je(k(t));
+  else if (R(e))
+    o = Qe(e, n);
   else {
     const r = re(t);
     o = {
@@ -870,35 +864,35 @@ function Wt(t, e, n) {
       height: e.height
     };
   }
-  return ot(o);
+  return rt(o);
 }
 function se(t, e) {
   const n = P(t);
-  return n === e || !E(n) || B(n) ? !1 : R(n).position === "fixed" || se(n, e);
+  return n === e || !R(n) || B(n) ? !1 : E(n).position === "fixed" || se(n, e);
 }
-function Ge(t, e) {
+function Ze(t, e) {
   const n = e.get(t);
   if (n)
     return n;
-  let o = Y(t, [], !1).filter((c) => E(c) && U(c) !== "body"), r = null;
-  const i = R(t).position === "fixed";
+  let o = Y(t, [], !1).filter((c) => R(c) && U(c) !== "body"), r = null;
+  const i = E(t).position === "fixed";
   let s = i ? P(t) : t;
-  for (; E(s) && !B(s); ) {
-    const c = R(s), a = vt(s);
-    !a && c.position === "fixed" && (r = null), (i ? !a && !r : !a && c.position === "static" && !!r && ["absolute", "fixed"].includes(r.position) || J(s) && !a && se(t, s)) ? o = o.filter((f) => f !== s) : r = c, s = P(s);
+  for (; R(s) && !B(s); ) {
+    const c = E(s), a = vt(s);
+    !a && c.position === "fixed" && (r = null), (i ? !a && !r : !a && c.position === "static" && !!r && ["absolute", "fixed"].includes(r.position) || G(s) && !a && se(t, s)) ? o = o.filter((f) => f !== s) : r = c, s = P(s);
   }
   return e.set(t, o), o;
 }
-function Qe(t) {
+function tn(t) {
   let {
     element: e,
     boundary: n,
     rootBoundary: o,
     strategy: r
   } = t;
-  const s = [...n === "clippingAncestors" ? ut(e) ? [] : Ge(e, this._c) : [].concat(n), o], c = s[0], a = s.reduce((l, f) => {
+  const s = [...n === "clippingAncestors" ? ut(e) ? [] : Ze(e, this._c) : [].concat(n), o], c = s[0], a = s.reduce((l, f) => {
     const u = Wt(e, f, r);
-    return l.top = W(u.top, l.top), l.right = tt(u.right, l.right), l.bottom = tt(u.bottom, l.bottom), l.left = W(u.left, l.left), l;
+    return l.top = W(u.top, l.top), l.right = et(u.right, l.right), l.bottom = et(u.bottom, l.bottom), l.left = W(u.left, l.left), l;
   }, Wt(e, c, r));
   return {
     width: a.right - a.left,
@@ -907,7 +901,7 @@ function Qe(t) {
     y: a.top
   };
 }
-function Ze(t) {
+function en(t) {
   const {
     width: e,
     height: n
@@ -917,18 +911,18 @@ function Ze(t) {
     height: n
   };
 }
-function tn(t, e, n) {
-  const o = L(e), r = T(e), i = n === "fixed", s = N(t, !0, i, e);
+function nn(t, e, n) {
+  const o = L(e), r = k(e), i = n === "fixed", s = F(t, !0, i, e);
   let c = {
     scrollLeft: 0,
     scrollTop: 0
   };
   const a = O(0);
   if (o || !o && !i)
-    if ((U(e) !== "body" || J(r)) && (c = ft(e)), o) {
-      const d = N(e, !0, i, e);
+    if ((U(e) !== "body" || G(r)) && (c = ft(e)), o) {
+      const d = F(e, !0, i, e);
       a.x = d.x + e.clientLeft, a.y = d.y + e.clientTop;
-    } else r && (a.x = Et(r));
+    } else r && (a.x = Rt(r));
   const l = r && !o && !i ? ie(r, c) : O(0), f = s.left + c.scrollLeft - a.x - l.x, u = s.top + c.scrollTop - a.y - l.y;
   return {
     x: f,
@@ -938,15 +932,15 @@ function tn(t, e, n) {
   };
 }
 function dt(t) {
-  return R(t).position === "static";
+  return E(t).position === "static";
 }
-function Ft(t, e) {
-  if (!L(t) || R(t).position === "fixed")
+function Mt(t, e) {
+  if (!L(t) || E(t).position === "fixed")
     return null;
   if (e)
     return e(t);
   let n = t.offsetParent;
-  return T(t) === n && (n = n.ownerDocument.body), n;
+  return k(t) === n && (n = n.ownerDocument.body), n;
 }
 function ce(t, e) {
   const n = A(t);
@@ -955,21 +949,21 @@ function ce(t, e) {
   if (!L(t)) {
     let r = P(t);
     for (; r && !B(r); ) {
-      if (E(r) && !dt(r))
+      if (R(r) && !dt(r))
         return r;
       r = P(r);
     }
     return n;
   }
-  let o = Ft(t, e);
-  for (; o && Ue(o) && dt(o); )
-    o = Ft(o, e);
-  return o && B(o) && dt(o) && !vt(o) ? n : o || Ie(t) || n;
+  let o = Mt(t, e);
+  for (; o && Ie(o) && dt(o); )
+    o = Mt(o, e);
+  return o && B(o) && dt(o) && !vt(o) ? n : o || je(t) || n;
 }
-const en = async function(t) {
+const on = async function(t) {
   const e = this.getOffsetParent || ce, n = this.getDimensions, o = await n(t.floating);
   return {
-    reference: tn(t.reference, await e(t.floating), t.strategy),
+    reference: nn(t.reference, await e(t.floating), t.strategy),
     floating: {
       x: 0,
       y: 0,
@@ -978,24 +972,24 @@ const en = async function(t) {
     }
   };
 };
-function nn(t) {
-  return R(t).direction === "rtl";
+function rn(t) {
+  return E(t).direction === "rtl";
 }
-const on = {
-  convertOffsetParentRelativeRectToViewportRelativeRect: Ye,
-  getDocumentElement: T,
-  getClippingRect: Qe,
+const sn = {
+  convertOffsetParentRelativeRectToViewportRelativeRect: Ke,
+  getDocumentElement: k,
+  getClippingRect: tn,
   getOffsetParent: ce,
-  getElementRects: en,
-  getClientRects: qe,
-  getDimensions: Ze,
+  getElementRects: on,
+  getClientRects: Xe,
+  getDimensions: en,
   getScale: H,
-  isElement: E,
-  isRTL: nn
+  isElement: R,
+  isRTL: rn
 };
-function rn(t, e) {
+function cn(t, e) {
   let n = null, o;
-  const r = T(t);
+  const r = k(t);
   function i() {
     var c;
     clearTimeout(o), (c = n) == null || c.disconnect(), n = null;
@@ -1010,9 +1004,9 @@ function rn(t, e) {
     } = t.getBoundingClientRect();
     if (c || e(), !u || !d)
       return;
-    const h = Q(f), p = Q(r.clientWidth - (l + u)), g = Q(r.clientHeight - (f + d)), y = Q(l), w = {
+    const h = Z(f), p = Z(r.clientWidth - (l + u)), g = Z(r.clientHeight - (f + d)), y = Z(l), w = {
       rootMargin: -h + "px " + -p + "px " + -g + "px " + -y + "px",
-      threshold: W(0, tt(1, a)) || 1
+      threshold: W(0, et(1, a)) || 1
     };
     let x = !0;
     function b(v) {
@@ -1039,7 +1033,7 @@ function rn(t, e) {
   }
   return s(!0), i;
 }
-function sn(t, e, n, o) {
+function ln(t, e, n, o) {
   o === void 0 && (o = {});
   const {
     ancestorScroll: r = !0,
@@ -1053,7 +1047,7 @@ function sn(t, e, n, o) {
       passive: !0
     }), i && m.addEventListener("resize", n);
   });
-  const u = l && c ? rn(l, n) : null;
+  const u = l && c ? cn(l, n) : null;
   let d = -1, h = null;
   s && (h = new ResizeObserver((m) => {
     let [w] = m;
@@ -1062,10 +1056,10 @@ function sn(t, e, n, o) {
       (x = h) == null || x.observe(e);
     })), n();
   }), l && !a && h.observe(l), h.observe(e));
-  let p, g = a ? N(t) : null;
+  let p, g = a ? F(t) : null;
   a && y();
   function y() {
-    const m = N(t);
+    const m = F(t);
     g && (m.x !== g.x || m.y !== g.y || m.width !== g.width || m.height !== g.height) && n(), g = m, p = requestAnimationFrame(y);
   }
   return n(), () => {
@@ -1075,46 +1069,45 @@ function sn(t, e, n, o) {
     }), u == null || u(), (m = h) == null || m.disconnect(), h = null, a && cancelAnimationFrame(p);
   };
 }
-const cn = ze, ln = Be, Mt = $e, an = (t, e, n) => {
+const an = Ue, un = _e, Ft = ze, fn = (t, e, n) => {
   const o = /* @__PURE__ */ new Map(), r = {
-    platform: on,
+    platform: sn,
     ...n
   }, i = {
     ...r.platform,
     _c: o
   };
-  return Ve(t, e, {
+  return He(t, e, {
     ...r,
     platform: i
   });
-}, Cn = ({
+}, Nn = ({
   content: t,
   open: e,
   placement: n,
   offset: { mainAxis: o, crossAxis: r } = { mainAxis: 0, crossAxis: 0 }
 }) => wt((i) => {
-  const s = st.toSignal(e), c = i.element;
+  const s = X.toSignal(e), c = i.element;
   return qt(
     s,
     () => Yt(
       "body",
       Ut.div(
-        X((a) => {
+        J((a) => {
           const l = a;
-          return l.style.position = "absolute", k(
-            sn(c, l, () => {
-              an(c, l, {
+          return l.style.position = "absolute", T(
+            ln(c, l, async () => {
+              const { x: f, y: u } = await fn(c, l, {
                 placement: n,
                 strategy: "absolute",
                 middleware: [
-                  Mt(),
-                  cn({ mainAxis: o, crossAxis: r }),
-                  ln(),
-                  Mt()
+                  Ft(),
+                  an({ mainAxis: o, crossAxis: r }),
+                  un(),
+                  Ft()
                 ]
-              }).then(({ x: f, y: u }) => {
-                l.style.top = `${u}px`, l.style.left = `${f}px`;
               });
+              l.style.top = `${u}px`, l.style.left = `${f}px`;
             })
           );
         }),
@@ -1122,36 +1115,36 @@ const cn = ze, ln = Be, Mt = $e, an = (t, e, n) => {
       )
     )
   );
-}), un = (t, e) => {
+}), hn = (t, e) => {
   if (typeof e == "function")
-    return un(t, { success: e });
+    return hn(t, { success: e });
   const n = e.failure ?? ((r) => K(
-    k(r.on(console.error)),
+    T(r.on(console.error)),
     r.map((i) => `Error: ${i}`)
   )), o = e.success;
-  return jt(st.toSignal(t), {
+  return jt(X.toSignal(t), {
     Success: (r) => o(r.$.value),
     Failure: (r) => n(r.$.error)
   });
-}, Pn = () => It.focus((t) => {
+}, Vn = () => _t.focus((t) => {
   var e;
   return (e = t.target) == null ? void 0 : e.select();
-}), Dn = (t) => wt((e) => {
-  const { element: n } = e, o = F({
+}), $n = (t) => wt((e) => {
+  const { element: n } = e, o = N({
     width: n.clientWidth,
     height: n.clientHeight
-  }), r = it(t(o))(e), i = () => {
+  }), r = st(t(o))(e), i = () => {
     o.set({ width: n.clientWidth, height: n.clientHeight });
   };
   let s;
-  return typeof ResizeObserver == "function" && (s = new ResizeObserver(i), s.observe(n)), k((c) => {
+  return typeof ResizeObserver == "function" && (s = new ResizeObserver(i), s.observe(n)), T((c) => {
     s == null || s.disconnect(), r(c);
   });
-}), Wn = (t) => (e) => {
-  const n = xt(), o = F({
+}), Hn = (t) => (e) => {
+  const n = xt(), o = N({
     width: (n == null ? void 0 : n.innerWidth) ?? 0,
     height: (n == null ? void 0 : n.innerHeight) ?? 0
-  }), r = it(t(o))(e), i = () => {
+  }), r = st(t(o))(e), i = () => {
     o.set({
       width: (n == null ? void 0 : n.innerWidth) ?? 0,
       height: (n == null ? void 0 : n.innerHeight) ?? 0
@@ -1160,7 +1153,7 @@ const cn = ze, ln = Be, Mt = $e, an = (t, e, n) => {
   return n == null || n.addEventListener("resize", i), (s) => {
     n == null || n.removeEventListener("resize", i), r(s);
   };
-}, fn = (t, e) => {
+}, dn = (t, e) => {
   const n = e.split("/").filter((r) => r !== ""), o = {};
   for (let r = 0; r < t.length; r++) {
     const i = t[r], s = n[r];
@@ -1175,21 +1168,21 @@ const cn = ze, ln = Be, Mt = $e, an = (t, e, n) => {
       return { params: o, path: e };
   }
   return n.length !== t.length ? null : { params: o, path: e };
-}, hn = (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 !== ""), dn = (t) => {
+}, mn = (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 !== ""), pn = (t) => {
   const e = t.map((n) => {
-    const o = hn(n);
+    const o = mn(n);
     return { route: n, segments: o };
   });
   return function(o) {
     for (const { segments: r, route: i } of e) {
-      const s = fn(r, o);
+      const s = dn(r, o);
       if (s)
         return { ...s, route: i };
     }
     return null;
   };
-}, Fn = (t) => {
-  const e = dn(Object.keys(t));
+}, zn = (t) => {
+  const e = pn(Object.keys(t));
   return Xt((n) => {
     const o = n.map((r) => {
       const i = e(r.pathname);
@@ -1209,10 +1202,10 @@ const cn = ze, ln = Be, Mt = $e, an = (t, e, n) => {
       t
     );
   });
-}, rt = 60 * 1e3, yt = 60 * rt, q = 24 * yt, Nt = 7 * q, Vt = 30 * q, mn = 365 * q, pn = [
+}, it = 60 * 1e3, yt = 60 * it, q = 24 * yt, Nt = 7 * q, Vt = 30 * q, gn = 365 * q, yn = [
   {
-    max: rt * 90,
-    value: rt,
+    max: it * 90,
+    value: it,
     name: "minute",
     past: { singular: "a minute ago", plural: "{} minutes ago" },
     future: { singular: "in a minute", plural: "in {} minutes" }
@@ -1247,7 +1240,7 @@ const cn = ze, ln = Be, Mt = $e, an = (t, e, n) => {
   },
   {
     max: 1 / 0,
-    value: mn,
+    value: gn,
     name: "year",
     past: { singular: "last year", plural: "{} years ago" },
     future: { singular: "in a year", plural: "in {} years" }
@@ -1263,67 +1256,74 @@ function $t(t, e, n, o) {
     })
   );
 }
-function gn(t) {
+const wn = (t = 1e3) => {
+  const e = N(/* @__PURE__ */ new Date()), n = we(() => e.set(/* @__PURE__ */ new Date()), t);
+  return e.onDispose(n), e;
+}, xn = (t) => {
   const e = Math.abs(t);
-  if (e < rt)
+  if (e < it)
     return t < 0 ? "just now" : "in a moment";
-  for (const n of pn)
+  for (const n of yn)
     if (e < n.max)
       return t < 0 ? $t(e, n.value, n.past.singular, n.past.plural) : $t(e, n.value, n.future.singular, n.future.plural);
   throw new Error("unreachable");
-}
-const Mn = (t, e) => {
-  const n = e != null ? Bt.is(e) ? e.derive() : F(e) : F(/* @__PURE__ */ new Date()), o = ge(
+}, vn = (t, { now: e, frequency: n = 1e4 } = {}) => {
+  const o = e != null ? Bt.is(e) ? e.derive() : N(e) : wn(n), r = ge(
     t,
-    n
-  )((i, s) => {
-    const c = i.getTime() - s.getTime();
-    return gn(c);
-  }), r = Kt.is(n) ? setInterval(() => n.set(/* @__PURE__ */ new Date()), 5e3) : void 0;
-  return o.onDispose(() => {
-    r != null && clearInterval(r), n.dispose();
-  }), o;
-};
-class yn extends Kt {
+    o
+  )((i, s) => i.getTime() - s.getTime());
+  return r.onDispose(() => X.dispose(o)), r;
+}, bn = (t, e = {}) => {
+  const n = vn(t, e), o = n.map(xn);
+  return o.onDispose(n.dispose), o;
+}, Bn = (t, e = {}) => bn(t, e);
+class An extends ye {
   constructor() {
     super(...arguments);
-    kt(this, "tick", () => this.update((n) => n + 1));
+    /**
+     * Triggers an update of the Ticker by incrementing its internal value.
+     * @returns void
+     */
+    Tt(this, "tick", () => this.update((n) => n + 1));
   }
 }
-const Nn = (t = 0) => new yn(t, (e, n) => e === n);
+const Un = (t = 0) => new An(t, (e, n) => e === n);
 export {
-  Re as Anchor,
-  Oe as AsyncResultView,
-  On as AutoFocus,
-  Ln as AutoSelect,
-  Dn as ElementSize,
-  kn as HTMLTitle,
-  Tn as HiddenWhenEmpty,
-  ke as InViewport,
-  be as LocationProviderMarker,
-  Cn as PopOver,
-  En as ProvideAppearance,
-  vn as ProvideLocation,
-  un as ResultView,
-  Fn as Router,
-  Pn as SelectOnFocus,
-  yn as Ticker,
-  Rn as UseAppearance,
+  Le as Anchor,
+  ke as AsyncResultView,
+  Pn as AutoFocus,
+  Dn as AutoSelect,
+  $n as ElementSize,
+  Mn as HTMLTitle,
+  Wn as HiddenWhenEmpty,
+  Ce as InViewport,
+  Re as LocationProviderMarker,
+  Nn as PopOver,
+  Sn as ProvideAppearance,
+  Ln as ProvideLocation,
+  hn as ResultView,
+  zn as Router,
+  Vn as SelectOnFocus,
+  An as Ticker,
+  Cn as UseAppearance,
   Xt as UseLocation,
-  Sn as WhenInViewport,
-  Wn as WindowSize,
-  we as _checkExtensionCondition,
-  ye as _getExtension,
-  dn as _makeRouteMatcher,
-  hn as _parseRouteSegments,
+  Fn as WhenInViewport,
+  Hn as WindowSize,
+  ve as _checkExtensionCondition,
+  xe as _getExtension,
+  pn as _makeRouteMatcher,
+  mn as _parseRouteSegments,
   Jt as appearanceMarker,
-  bn as areLocationsEqual,
-  ve as handleAnchorClick,
-  Ae as locationFromURL,
-  Mn as makeRelativeTime,
-  Nn as makeTicker,
-  fn as matchesRoute,
-  Ee as setLocationFromUrl,
-  gn as timeDiffToString,
-  An as urlFromLocation
+  kn as areLocationsEqual,
+  Ae as handleAnchorClick,
+  Ee as locationFromURL,
+  wn as makeNowSignal,
+  Bn as makeRelativeTime,
+  vn as makeRelativeTimeMillisSignal,
+  bn as makeRelativeTimeSignal,
+  Un as makeTicker,
+  dn as matchesRoute,
+  Oe as setLocationFromUrl,
+  xn as timeDiffToString,
+  Tn as urlFromLocation
 };