@manyducks.co/dolla 2.0.0-alpha.17 → 2.0.0-alpha.19

package/dist/index.js

@@ -1,22 +1,22 @@
-var xt = Object.defineProperty;
-var ct = (i) => {
+var Nt = Object.defineProperty;
+var pt = (i) => {
   throw TypeError(i);
 };
-var Lt = (i, e, t) => e in i ? xt(i, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[e] = t;
-var S = (i, e, t) => Lt(i, typeof e != "symbol" ? e + "" : e, t), Je = (i, e, t) => e.has(i) || ct("Cannot " + t);
-var s = (i, e, t) => (Je(i, e, "read from private field"), t ? t.call(i) : e.get(i)), h = (i, e, t) => e.has(i) ? ct("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(i) : e.set(i, t), b = (i, e, t, r) => (Je(i, e, "write to private field"), r ? r.call(i, t) : e.set(i, t), t), $ = (i, e, t) => (Je(i, e, "access private method"), t);
-var ut = (i, e, t, r) => ({
+var Mt = (i, e, t) => e in i ? Nt(i, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[e] = t;
+var P = (i, e, t) => Mt(i, typeof e != "symbol" ? e + "" : e, t), Ze = (i, e, t) => e.has(i) || pt("Cannot " + t);
+var s = (i, e, t) => (Ze(i, e, "read from private field"), t ? t.call(i) : e.get(i)), h = (i, e, t) => e.has(i) ? pt("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(i) : e.set(i, t), v = (i, e, t, r) => (Ze(i, e, "write to private field"), r ? r.call(i, t) : e.set(i, t), t), b = (i, e, t) => (Ze(i, e, "access private method"), t);
+var et = (i, e, t, r) => ({
   set _(n) {
-    b(i, e, n, t);
+    v(i, e, n, t);
   },
   get _() {
     return s(i, e, r);
   }
 });
-import { h as ht, c as Rt, i as Xe, g as Dt, a as ie, d as ye, b as lt, e as C, t as ft, f as vt, j as Nt, k as Ze, P as Et, l as dt, m as jt, n as Mt, o as Tt, v as qt, p as At, q as _t, r as pt, s as gt, u as Ft, w as _e, x as Fe, V as Ct, y as Vt, z as Ut } from "./passthrough-J9nMzwTV.js";
-import { A as br, B as vr, C as Er } from "./passthrough-J9nMzwTV.js";
-function Ht(i) {
-  return ht`
+import { h as mt, c as jt, i as rt, g as Tt, a as ce, d as be, b as dt, e as V, t as gt, f as St, j as qt, k as nt, P as Pt, l as wt, m as Ft, n as At, o as _t, v as Ct, p as Vt, q as It, r as yt, s as vt, u as Ut, w as Ce, x as Ve, V as Ht, y as Wt, z as Bt } from "./passthrough-DcOD0Wf3.js";
+import { A as kr, B as Sr, C as Pr } from "./passthrough-DcOD0Wf3.js";
+function Gt(i) {
+  return mt`
     <div
       style=${{
     backgroundColor: "#880000",
@@ -30,7 +30,7 @@ function Ht(i) {
       <h1 style=${{ marginBottom: "0.5rem" }}>The app has crashed</h1>
       <p style=${{ marginBottom: "0.25rem" }}>
         <span style=${{ fontFamily: "monospace" }}>${i.loggerName}</span>
-        ${Rt(i.uid, ht`<span style=${{ fontFamily: "monospace", opacity: 0.5 }}> [uid: ${i.uid}]</span>`)}
+        ${jt(i.uid, mt`<span style=${{ fontFamily: "monospace", opacity: 0.5 }}> [uid: ${i.uid}]</span>`)}
         ${" "}says:
       </p>
       <blockquote
@@ -62,12 +62,12 @@ function Ht(i) {
     </div>
   `;
 }
-var J, ze, j, A;
-class It {
+var Y, Qe, M, F;
+class zt {
   constructor() {
-    h(this, j);
-    h(this, J, []);
-    h(this, ze, Wt());
+    h(this, M);
+    h(this, Y, []);
+    h(this, Qe, Kt());
   }
   /**
    * Adds a new middleware that will apply to subsequent requests.
@@ -76,60 +76,60 @@ class It {
    * @param middleware - A middleware function that will intercept requests.
    */
   use(e) {
-    return s(this, J).push(e), () => {
-      s(this, J).splice(s(this, J).indexOf(e), 1);
+    return s(this, Y).push(e), () => {
+      s(this, Y).splice(s(this, Y).indexOf(e), 1);
     };
   }
   async get(e, t) {
-    return $(this, j, A).call(this, "get", e, t);
+    return b(this, M, F).call(this, "get", e, t);
   }
   async put(e, t) {
-    return $(this, j, A).call(this, "put", e, t);
+    return b(this, M, F).call(this, "put", e, t);
   }
   async patch(e, t) {
-    return $(this, j, A).call(this, "patch", e, t);
+    return b(this, M, F).call(this, "patch", e, t);
   }
   async post(e, t) {
-    return $(this, j, A).call(this, "post", e, t);
+    return b(this, M, F).call(this, "post", e, t);
   }
   async delete(e, t) {
-    return $(this, j, A).call(this, "delete", e, t);
+    return b(this, M, F).call(this, "delete", e, t);
   }
   async head(e, t) {
-    return $(this, j, A).call(this, "head", e, t);
+    return b(this, M, F).call(this, "head", e, t);
   }
   async options(e, t) {
-    return $(this, j, A).call(this, "options", e, t);
+    return b(this, M, F).call(this, "options", e, t);
   }
   async trace(e, t) {
-    return $(this, j, A).call(this, "trace", e, t);
+    return b(this, M, F).call(this, "trace", e, t);
   }
 }
-J = new WeakMap(), ze = new WeakMap(), j = new WeakSet(), A = async function(e, t, r) {
-  return Bt({
+Y = new WeakMap(), Qe = new WeakMap(), M = new WeakSet(), F = async function(e, t, r) {
+  return Jt({
     ...r,
     method: e,
     uri: t,
-    middleware: s(this, J),
-    fetch: s(this, ze)
+    middleware: s(this, Y),
+    fetch: s(this, Qe)
   });
 };
-function Wt() {
+function Kt() {
   if (typeof window < "u" && window.fetch)
     return window.fetch.bind(window);
   if (typeof global < "u" && global.fetch)
     return global.fetch.bind(global);
   throw new Error("Running in neither browser nor node. Please run this app in one of the supported environments.");
 }
-class Gt extends Error {
+class Qt extends Error {
   constructor(t) {
     const { status: r, statusText: n, method: a, uri: o } = t, p = `${r} ${n}: Request failed (${a.toUpperCase()} ${o})`;
     super(p);
-    S(this, "response");
+    P(this, "response");
     this.response = t;
   }
 }
-async function Bt(i) {
+async function Jt(i) {
   const { headers: e, query: t, fetch: r, middleware: n } = i, a = {
     method: i.method,
     uri: i.uri,
@@ -168,7 +168,7 @@ async function Bt(i) {
   const p = async () => {
     const l = a.query.toString(), f = l.length > 0 ? a.uri + "?" + l : a.uri;
     let m;
-    !a.headers.has("content-type") && Xe(a.body) ? (a.headers.set("content-type", "application/json"), m = JSON.stringify(a.body)) : m = a.body;
+    !a.headers.has("content-type") && rt(a.body) ? (a.headers.set("content-type", "application/json"), m = JSON.stringify(a.body)) : m = a.body;
     const g = await r(f, {
       method: a.method,
       headers: a.headers,
@@ -193,12 +193,12 @@ async function Bt(i) {
   } else
     await p();
   if (o.status < 200 || o.status >= 400)
-    throw new Gt(o);
+    throw new Qt(o);
   return o;
 }
-var Ye, mt;
-function zt() {
-  return mt || (mt = 1, Ye = function i(e, t) {
+var tt, bt;
+function Yt() {
+  return bt || (bt = 1, tt = function i(e, t) {
     if (e === t) return !0;
     if (e && t && typeof e == "object" && typeof t == "object") {
       if (e.constructor !== t.constructor) return !1;
@@ -222,30 +222,30 @@ function zt() {
       return !0;
     }
     return e !== e && t !== t;
-  }), Ye;
+  }), tt;
 }
-var Kt = zt();
-const Qt = /* @__PURE__ */ Dt(Kt);
-var Ke, oe, re, et, $t;
-class Jt {
+var Xt = Yt();
+const Zt = /* @__PURE__ */ Tt(Xt);
+var Je, ue, se, at, xt;
+class er {
   constructor(e, t) {
-    h(this, re);
-    S(this, "dolla");
-    S(this, "config");
-    h(this, Ke, !1);
-    h(this, oe, /* @__PURE__ */ new Map());
+    h(this, se);
+    P(this, "dolla");
+    P(this, "config");
+    h(this, Je, !1);
+    h(this, ue, /* @__PURE__ */ new Map());
     this.config = e, this.dolla = t;
   }
   async load() {
     let e;
-    if (!s(this, Ke)) {
-      if (lt(this.config.fetch)) {
-        if (e = await this.config.fetch(), !Xe(e))
+    if (!s(this, Je)) {
+      if (dt(this.config.fetch)) {
+        if (e = await this.config.fetch(), !rt(e))
           throw new Error(`Fetch function did not return an object of language strings: ${e}`);
-      } else if (C(this.config.path)) {
+      } else if (V(this.config.path)) {
         const t = await this.dolla.http.get(this.config.path);
         if (t.status >= 200 && t.status < 300)
-          if (Xe(t.body))
+          if (rt(t.body))
             e = t.body;
           else
             throw new Error(
@@ -256,38 +256,38 @@ class Jt {
       }
     }
     if (e) {
-      const t = $(this, re, et).call(this, e);
+      const t = b(this, se, at).call(this, e);
       for (const r of t)
-        s(this, oe).set(r[0], r[1]);
+        s(this, ue).set(r[0], r[1]);
     } else
       throw new Error("Language could not be loaded.");
   }
   getTemplate(e) {
-    return s(this, oe).get(e) ?? {
+    return s(this, ue).get(e) ?? {
       segments: [{ type: 0, text: `[MISSING: ${e}]` }]
     };
   }
   hasTemplate(e) {
-    return s(this, oe).has(e);
+    return s(this, ue).has(e);
   }
 }
-Ke = new WeakMap(), oe = new WeakMap(), re = new WeakSet(), et = function(e, t = []) {
+Je = new WeakMap(), ue = new WeakMap(), se = new WeakSet(), at = function(e, t = []) {
   const r = [];
   for (const n in e)
-    switch (ft(e[n])) {
+    switch (gt(e[n])) {
       case "string":
-        r.push([[...t, n].join("."), $(this, re, $t).call(this, e[n])]);
+        r.push([[...t, n].join("."), b(this, se, xt).call(this, e[n])]);
         break;
       case "object":
-        r.push(...$(this, re, et).call(this, e[n], [...t, n]));
+        r.push(...b(this, se, at).call(this, e[n], [...t, n]));
         break;
       default:
         throw new Error(
-          `Expected to find a string or object at ${[...t, n].join(".")}. Got: ${ft(e[n])}`
+          `Expected to find a string or object at ${[...t, n].join(".")}. Got: ${gt(e[n])}`
         );
     }
   return r;
-}, $t = function(e) {
+}, xt = function(e) {
   let t;
   ((u) => {
     u[u.Static = 0] = "Static", u[u.ValueName = 1] = "ValueName", u[u.FormatName = 2] = "FormatName", u[u.FormatOptionName = 3] = "FormatOptionName", u[u.FormatOptionValue = 4] = "FormatOptionValue", u[u.FormatOptionEnd = 5] = "FormatOptionEnd";
@@ -336,22 +336,22 @@ Ke = new WeakMap(), oe = new WeakMap(), re = new WeakSet(), et = function(e, t =
   }
   return o === 0 && n.length > 0 && r.segments.push({ type: 0, text: n }), r;
 };
-var ve, V, L, Ee, $e, ke, Pe, R, kt, tt, rt, nt, Pt;
-class Yt {
+var Ee, I, L, ke, Se, Pe, xe, R, Ot, st, it, ot, Lt;
+class tr {
   constructor(e) {
     h(this, R);
-    h(this, ve);
-    h(this, V);
+    h(this, Ee);
+    h(this, I);
     h(this, L, /* @__PURE__ */ new Map());
-    h(this, Ee, []);
-    h(this, $e, /* @__PURE__ */ new Map());
-    h(this, ke, "auto");
-    S(this, "$locale");
-    h(this, Pe);
-    b(this, ve, e), b(this, V, e.createLogger("dolla/i18n"));
-    const [t, r] = ie();
-    this.$locale = t, b(this, Pe, r), this.addFormat("number", (n, a, o) => $(this, R, tt).call(this, Number(a), o)), this.addFormat("datetime", (n, a, o) => $(this, R, rt).call(this, a, o)), this.addFormat("list", (n, a, o) => $(this, R, nt).call(this, a, o)), e.beforeMount(async () => {
-      s(this, L).size > 0 && await this.setLocale(s(this, ke));
+    h(this, ke, []);
+    h(this, Se, /* @__PURE__ */ new Map());
+    h(this, Pe, "auto");
+    P(this, "$locale");
+    h(this, xe);
+    v(this, Ee, e), v(this, I, e.createLogger("dolla/i18n"));
+    const [t, r] = ce();
+    this.$locale = t, v(this, xe, r), this.addFormat("number", (n, a, o) => b(this, R, st).call(this, Number(a), o)), this.addFormat("datetime", (n, a, o) => b(this, R, it).call(this, a, o)), this.addFormat("list", (n, a, o) => b(this, R, ot).call(this, a, o)), e.beforeMount(async () => {
+      s(this, L).size > 0 && await this.setLocale(s(this, Pe));
     });
   }
   get locales() {
@@ -359,13 +359,13 @@ class Yt {
   }
   setup(e) {
     if (e.translations.forEach((t) => {
-      s(this, L).set(t.locale, new Jt(t, s(this, ve)));
+      s(this, L).set(t.locale, new er(t, s(this, Ee)));
     }), e.locale && e.locale !== "auto") {
       if (!e.translations.some((r) => r.locale === e.locale))
         throw new Error(`Initial locale '${e.locale}' is not registered in the locales array.`);
-      b(this, ke, e.locale);
+      v(this, Pe, e.locale);
     }
-    s(this, V).info(
+    s(this, I).info(
       `${s(this, L).size} language${s(this, L).size === 1 ? "" : "s"} supported: '${[...s(this, L).keys()].join("', '")}'`
     );
   }
@@ -390,9 +390,9 @@ class Yt {
       throw new Error(`Locale '${e}' has no translation.`);
     const r = s(this, L).get(t);
     try {
-      await r.load(), b(this, Ee, []), s(this, Pe).call(this, t), s(this, V).info("set language to " + t);
+      await r.load(), v(this, ke, []), s(this, xe).call(this, t), s(this, I).info("set language to " + t);
     } catch (a) {
-      a instanceof Error && s(this, V).crash(a);
+      a instanceof Error && s(this, I).crash(a);
     }
   }
   /**
@@ -412,13 +412,13 @@ class Yt {
     let r = [], n = [];
     for (const a in t)
       r.push(a), n.push(t[a]);
-    return ye([this.$locale, ...n], (a, ...o) => {
+    return be([this.$locale, ...n], (a, ...o) => {
       if (a == null)
         return "[NO LOCALE SET]";
       const p = {};
       for (let l = 0; l < o.length; l++)
         p[r[l]] = o[l];
-      return $(this, R, kt).call(this, a, e, p);
+      return b(this, R, Ot).call(this, a, e, p);
     });
   }
   /**
@@ -436,7 +436,7 @@ class Yt {
    * t("greeting", {name: "world"}); // State<"Hello, WORLD!">
    */
   addFormat(e, t) {
-    s(this, $e).set(e, t);
+    s(this, Se).set(e, t);
   }
   /**
    * Creates an `Intl.Collator` configured for the current locale.
@@ -453,7 +453,7 @@ class Yt {
    * @see https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat/NumberFormat#options
    */
   number(e, t) {
-    return ye([this.$locale, e], (r, n) => $(this, R, tt).call(this, n, t));
+    return be([this.$locale, e], (r, n) => b(this, R, st).call(this, n, t));
   }
   /**
    * Returns a State containing the date formatted for the current locale. Uses `Intl.DateTimeFormat` under the hood.
@@ -465,7 +465,7 @@ class Yt {
    * const $formatted = Dolla.i18n.dateTime(date, { dateFormat: "short" });
    */
   dateTime(e, t) {
-    return ye([this.$locale, e], (r, n) => $(this, R, rt).call(this, n, t));
+    return be([this.$locale, e], (r, n) => b(this, R, it).call(this, n, t));
   }
   /**
    * Returns a State containing the date formatted for the current locale. Uses `Intl.DateTimeFormat` under the hood.
@@ -477,12 +477,12 @@ class Yt {
    * const $formatted = Dolla.i18n.list(list, {  });
    */
   list(e, t) {
-    return ye([this.$locale, e], (r, n) => $(this, R, nt).call(this, n, t));
+    return be([this.$locale, e], (r, n) => b(this, R, ot).call(this, n, t));
   }
 }
-ve = new WeakMap(), V = new WeakMap(), L = new WeakMap(), Ee = new WeakMap(), $e = new WeakMap(), ke = new WeakMap(), Pe = new WeakMap(), R = new WeakSet(), kt = function(e, t, r) {
+Ee = new WeakMap(), I = new WeakMap(), L = new WeakMap(), ke = new WeakMap(), Se = new WeakMap(), Pe = new WeakMap(), xe = new WeakMap(), R = new WeakSet(), Ot = function(e, t, r) {
   var l;
-  const n = $(this, R, Pt).call(this, t, r);
+  const n = b(this, R, Lt).call(this, t, r);
   if (n) return n;
   const a = s(this, L).get(e);
   if (r.context != null && (t += "_" + r.context), r.count != null)
@@ -499,38 +499,38 @@ ve = new WeakMap(), V = new WeakMap(), L = new WeakMap(), Ee = new WeakMap(), $e
     if (f.type === 0)
       p += f.text;
     else if (f.type === 1) {
-      let m = Xt(r, f.name);
+      let m = rr(r, f.name);
       const g = ((l = r.formatOverrides) == null ? void 0 : l[f.name]) ?? [...f.formats];
       f.name === "count" && g.length === 0 && g.push({ name: "number", options: {} });
       for (const u of g) {
-        const y = s(this, $e).get(u.name);
+        const y = s(this, Se).get(u.name);
         if (y == null) {
           const k = new Error(
             `Failed to load format '${u.name}' when processing '${t}', template: ${o}`
           );
-          throw s(this, V).crash(k), k;
+          throw s(this, I).crash(k), k;
         }
         m = y(e, m, u.options);
       }
       p += m;
     }
   return p;
-}, tt = function(e, t) {
+}, st = function(e, t) {
   return new Intl.NumberFormat(this.$locale.get(), t).format(e);
-}, rt = function(e, t) {
+}, it = function(e, t) {
   return new Intl.DateTimeFormat(this.$locale.get(), t).format(
     typeof e == "string" ? new Date(e) : e
   );
-}, nt = function(e, t) {
+}, ot = function(e, t) {
   return new Intl.ListFormat(this.$locale.get(), t).format(e);
 }, // relativeTime(): State<string> {
 // }
-Pt = function(e, t) {
-  for (const r of s(this, Ee))
-    if (r[0] === e && Qt(r[1], t))
+Lt = function(e, t) {
+  for (const r of s(this, ke))
+    if (r[0] === e && Zt(r[1], t))
       return r[2];
 };
-function Xt(i, e) {
+function rr(i, e) {
   const t = String(e).split(/[\.\[\]]/).filter((n) => n.trim() !== "");
   let r = i;
   for (; t.length > 0; ) {
@@ -539,86 +539,91 @@ function Xt(i, e) {
   }
   return r;
 }
-var Y, Se, U, H, le, _, ce, Ce;
-class Zt {
+var U, he, H, X, Z, ee, Ye, A, Oe, _, lt, Ie;
+class nr {
   constructor(e) {
-    h(this, ce);
-    h(this, Y);
-    h(this, Se);
-    // Keyed updates ensure only the most recent callback queued with a certain key
+    h(this, _);
+    h(this, U);
+    h(this, he);
+    // Keys ensure only the most recent callback queued with a certain key
     // will be called, keeping DOM operations to a minimum.
-    h(this, U, /* @__PURE__ */ new Map());
-    // All unkeyed updates are run on every batch.
-    h(this, H, []);
+    h(this, H, /* @__PURE__ */ new Map());
+    // All unkeyed writes are run on every batch.
+    h(this, X, []);
     // All read callbacks are run before updates on every batch.
-    h(this, le, []);
-    h(this, _, !1);
-    b(this, Y, e), b(this, Se, e.createLogger("dolla/render"));
+    h(this, Z, []);
+    h(this, ee, !1);
+    // When true, batches that would exceed 16ms will be split and deferred to a rAF.
+    // This may not be desirable, because while it does prevent hitching it sometimes leaves
+    // the state partially rendered for a brief second and certain elements can be seen to update after the fact.
+    // But the tradeoff here is snappier navigation with possibly slightly out of date DOM updates on heavy pages.
+    h(this, Ye, !0);
+    h(this, A, 0);
+    h(this, Oe, new Intl.NumberFormat("en-US", { maximumFractionDigits: 2, minimumFractionDigits: 0 }));
+    v(this, U, e), v(this, he, e.createLogger("dolla/render"));
   }
   /**
-   * Queues a callback to run in the next render batch.
-   * Running your DOM mutations in update callbacks reduces layout thrashing.
-   * Returns a Promise that resolves once the callback has run.
+   * Queues a callback that runs before the next batch of writes.
    */
-  update(e, t) {
-    return new Promise((r) => {
-      t ? s(this, U).set(t, () => {
-        e(), r();
-      }) : s(this, H).push(() => {
-        e(), r();
-      }), !s(this, _) && s(this, Y).isMounted && (b(this, _, !0), $(this, ce, Ce).call(this));
-    });
+  read(e) {
+    s(this, U).isMounted && (s(this, Z).push(e), b(this, _, lt).call(this));
   }
   /**
-   * Queues a callback that reads DOM information to run after the next render batch,
-   * ensuring all writes have been performed before reading.
-   * Returns a Promise that resolves once the callback has run.
+   * Queues a callback to run in the next render batch.
+   * Always put DOM mutations in a write callback when possible to help Dolla batch them efficiently.
    */
-  read(e) {
-    return new Promise((t) => {
-      s(this, le).push(() => {
-        e(), t();
-      }), !s(this, _) && s(this, Y).isMounted && (b(this, _, !0), $(this, ce, Ce).call(this));
-    });
+  write(e, t) {
+    s(this, U).isMounted && (t ? s(this, H).set(t, e) : s(this, X).push(e), b(this, _, lt).call(this));
   }
 }
-Y = new WeakMap(), Se = new WeakMap(), U = new WeakMap(), H = new WeakMap(), le = new WeakMap(), _ = new WeakMap(), ce = new WeakSet(), Ce = function() {
-  const e = s(this, U).size + s(this, H).length;
-  if ((!s(this, Y).isMounted || e === 0) && b(this, _, !1), !s(this, _)) {
-    for (const t of s(this, le))
-      t();
-    b(this, le, []);
-    return;
-  }
-  requestAnimationFrame(() => {
-    s(this, Se).info(`Batching ${s(this, U).size + s(this, H).length} queued DOM update(s).`);
-    for (const t of s(this, U).values())
-      t();
-    s(this, U).clear();
-    for (const t of s(this, H))
-      t();
-    b(this, H, []), $(this, ce, Ce).call(this);
-  });
+U = new WeakMap(), he = new WeakMap(), H = new WeakMap(), X = new WeakMap(), Z = new WeakMap(), ee = new WeakMap(), Ye = new WeakMap(), A = new WeakMap(), Oe = new WeakMap(), _ = new WeakSet(), lt = function() {
+  s(this, ee) || (v(this, ee, !0), queueMicrotask(() => {
+    b(this, _, Ie).call(this);
+  }));
+}, Ie = function() {
+  const e = s(this, U).getEnv() === "development";
+  s(this, U).isMounted || v(this, ee, !1);
+  const t = performance.now();
+  let r = 0;
+  const n = s(this, Z).length + s(this, H).size + s(this, X).length;
+  let a = 0;
+  const o = () => (a++, r = performance.now() - t, s(this, Ye) && r > 12 && a < n ? (et(this, A)._++, e && s(this, he).warn(
+    `⚠️ Deferring batch to next frame. Performed ${a} of ${n} batched operation${a === 1 ? "" : "s"} in ${s(this, Oe).format(r)}ms (deferral ${s(this, A)}).`
+  ), requestAnimationFrame(() => {
+    b(this, _, Ie).call(this);
+  }), !0) : !1), p = [...s(this, H).entries()];
+  let l;
+  for (; l = s(this, Z).shift(); )
+    if (l(), o()) return;
+  for (const [f, m] of p)
+    if (m(), s(this, H).delete(f), o()) return;
+  for (; l = s(this, X).shift(); )
+    if (l(), o()) return;
+  e && s(this, he)[r > 16 ? "warn" : "info"](
+    `${r > 16 ? "⚠️ (>=16ms) " : ""}Executed ${a} operation${a === 1 ? "" : "s"} in ${s(this, Oe).format(r)}ms${s(this, A) > 0 ? ` (after ${s(this, A)} deferral${s(this, A) === 1 ? "" : "s"})` : ""}.`
+  ), v(this, A, 0), s(this, Z).length || s(this, H).size || s(this, X).length ? queueMicrotask(() => {
+    b(this, _, Ie).call(this);
+  }) : v(this, ee, !1);
 };
-function de() {
-  return de = Object.assign ? Object.assign.bind() : function(i) {
+function me() {
+  return me = Object.assign ? Object.assign.bind() : function(i) {
     for (var e = 1; e < arguments.length; e++) {
       var t = arguments[e];
       for (var r in t) ({}).hasOwnProperty.call(t, r) && (i[r] = t[r]);
     }
     return i;
-  }, de.apply(null, arguments);
+  }, me.apply(null, arguments);
 }
 var T;
 (function(i) {
   i.Pop = "POP", i.Push = "PUSH", i.Replace = "REPLACE";
 })(T || (T = {}));
-var Ie = process.env.NODE_ENV !== "production" ? function(i) {
+var Be = process.env.NODE_ENV !== "production" ? function(i) {
   return Object.freeze(i);
 } : function(i) {
   return i;
 };
-function Ve(i, e) {
+function Ue(i, e) {
   if (!i) {
     typeof console < "u" && console.warn(e);
     try {
@@ -627,16 +632,16 @@ function Ve(i, e) {
     }
   }
 }
-var We = "beforeunload", er = "hashchange", St = "popstate";
-function tr(i) {
+var Ge = "beforeunload", ar = "hashchange", Rt = "popstate";
+function sr(i) {
   i === void 0 && (i = {});
   var e = i, t = e.window, r = t === void 0 ? document.defaultView : t, n = r.history;
   function a() {
-    var w = r.location, c = w.pathname, d = w.search, v = w.hash, E = n.state || {};
-    return [E.idx, Ie({
+    var w = r.location, c = w.pathname, d = w.search, $ = w.hash, E = n.state || {};
+    return [E.idx, Be({
       pathname: c,
       search: d,
-      hash: v,
+      hash: $,
       state: E.usr || null,
       key: E.key || "default"
     })];
@@ -646,19 +651,19 @@ function tr(i) {
     if (o)
       y.call(o), o = null;
     else {
-      var w = T.Pop, c = a(), d = c[0], v = c[1];
+      var w = T.Pop, c = a(), d = c[0], $ = c[1];
       if (y.length)
         if (d != null) {
           var E = m - d;
           E && (o = {
             action: w,
-            location: v,
+            location: $,
             retry: function() {
-              F(E * -1);
+              C(E * -1);
             }
-          }, F(E));
+          }, C(E));
         } else
-          process.env.NODE_ENV !== "production" && Ve(
+          process.env.NODE_ENV !== "production" && Ue(
             !1,
             // TODO: Write up a doc that explains our blocking strategy in
             // detail and link to it here so people can understand better what
@@ -666,42 +671,42 @@ function tr(i) {
             "You are trying to block a POP navigation to a location that was not created by the history library. The block will fail silently in production, but in general you should do all navigation with the history library (instead of using window.history.pushState directly) to avoid this situation."
           );
       else
-        ne(w);
+        ie(w);
     }
   }
-  r.addEventListener(St, p);
-  var l = T.Pop, f = a(), m = f[0], g = f[1], u = Be(), y = Be();
-  m == null && (m = 0, n.replaceState(de({}, n.state, {
+  r.addEventListener(Rt, p);
+  var l = T.Pop, f = a(), m = f[0], g = f[1], u = Ke(), y = Ke();
+  m == null && (m = 0, n.replaceState(me({}, n.state, {
     idx: m
   }), ""));
   function k(w) {
-    return typeof w == "string" ? w : Ue(w);
+    return typeof w == "string" ? w : He(w);
   }
-  function pe(w, c) {
-    return c === void 0 && (c = null), Ie(de({
+  function ge(w, c) {
+    return c === void 0 && (c = null), Be(me({
       pathname: g.pathname,
       hash: "",
       search: ""
-    }, typeof w == "string" ? at(w) : w, {
+    }, typeof w == "string" ? ct(w) : w, {
       state: c,
-      key: Ot()
+      key: Dt()
     }));
   }
-  function ge(w, c) {
+  function we(w, c) {
     return [{
       usr: w.state,
       key: w.key,
       idx: c
     }, k(w)];
   }
-  function me(w, c, d) {
+  function ye(w, c, d) {
     return !y.length || (y.call({
       action: w,
       location: c,
       retry: d
     }), !1);
   }
-  function ne(w) {
+  function ie(w) {
     l = w;
     var c = a();
     m = c[0], g = c[1], u.call({
@@ -709,35 +714,35 @@ function tr(i) {
       location: g
     });
   }
-  function ae(w, c) {
-    var d = T.Push, v = pe(w, c);
+  function oe(w, c) {
+    var d = T.Push, $ = ge(w, c);
     function E() {
-      ae(w, c);
+      oe(w, c);
     }
-    if (me(d, v, E)) {
-      var O = ge(v, m + 1), D = O[0], M = O[1];
+    if (ye(d, $, E)) {
+      var x = we($, m + 1), D = x[0], j = x[1];
       try {
-        n.pushState(D, "", M);
+        n.pushState(D, "", j);
       } catch {
-        r.location.assign(M);
+        r.location.assign(j);
       }
-      ne(d);
+      ie(d);
     }
   }
-  function we(w, c) {
-    var d = T.Replace, v = pe(w, c);
+  function ve(w, c) {
+    var d = T.Replace, $ = ge(w, c);
     function E() {
-      we(w, c);
+      ve(w, c);
     }
-    if (me(d, v, E)) {
-      var O = ge(v, m), D = O[0], M = O[1];
-      n.replaceState(D, "", M), ne(d);
+    if (ye(d, $, E)) {
+      var x = we($, m), D = x[0], j = x[1];
+      n.replaceState(D, "", j), ie(d);
     }
   }
-  function F(w) {
+  function C(w) {
     n.go(w);
   }
-  var Q = {
+  var J = {
     get action() {
       return l;
     },
@@ -745,36 +750,36 @@ function tr(i) {
       return g;
     },
     createHref: k,
-    push: ae,
-    replace: we,
-    go: F,
+    push: oe,
+    replace: ve,
+    go: C,
     back: function() {
-      F(-1);
+      C(-1);
     },
     forward: function() {
-      F(1);
+      C(1);
     },
     listen: function(c) {
       return u.push(c);
     },
     block: function(c) {
       var d = y.push(c);
-      return y.length === 1 && r.addEventListener(We, Ge), function() {
-        d(), y.length || r.removeEventListener(We, Ge);
+      return y.length === 1 && r.addEventListener(Ge, ze), function() {
+        d(), y.length || r.removeEventListener(Ge, ze);
       };
     }
   };
-  return Q;
+  return J;
 }
-function rr(i) {
+function ir(i) {
   i === void 0 && (i = {});
   var e = i, t = e.window, r = t === void 0 ? document.defaultView : t, n = r.history;
   function a() {
-    var c = at(r.location.hash.substr(1)), d = c.pathname, v = d === void 0 ? "/" : d, E = c.search, O = E === void 0 ? "" : E, D = c.hash, M = D === void 0 ? "" : D, q = n.state || {};
-    return [q.idx, Ie({
-      pathname: v,
-      search: O,
-      hash: M,
+    var c = ct(r.location.hash.substr(1)), d = c.pathname, $ = d === void 0 ? "/" : d, E = c.search, x = E === void 0 ? "" : E, D = c.hash, j = D === void 0 ? "" : D, q = n.state || {};
+    return [q.idx, Be({
+      pathname: $,
+      search: x,
+      hash: j,
       state: q.usr || null,
       key: q.key || "default"
     })];
@@ -784,19 +789,19 @@ function rr(i) {
     if (o)
       y.call(o), o = null;
     else {
-      var c = T.Pop, d = a(), v = d[0], E = d[1];
+      var c = T.Pop, d = a(), $ = d[0], E = d[1];
       if (y.length)
-        if (v != null) {
-          var O = m - v;
-          O && (o = {
+        if ($ != null) {
+          var x = m - $;
+          x && (o = {
             action: c,
             location: E,
             retry: function() {
-              Q(O * -1);
+              J(x * -1);
             }
-          }, Q(O));
+          }, J(x));
         } else
-          process.env.NODE_ENV !== "production" && Ve(
+          process.env.NODE_ENV !== "production" && Ue(
             !1,
             // TODO: Write up a doc that explains our blocking strategy in
             // detail and link to it here so people can understand better
@@ -804,53 +809,53 @@ function rr(i) {
             "You are trying to block a POP navigation to a location that was not created by the history library. The block will fail silently in production, but in general you should do all navigation with the history library (instead of using window.history.pushState directly) to avoid this situation."
           );
       else
-        ae(c);
+        oe(c);
     }
   }
-  r.addEventListener(St, p), r.addEventListener(er, function() {
+  r.addEventListener(Rt, p), r.addEventListener(ar, function() {
     var c = a(), d = c[1];
-    Ue(d) !== Ue(g) && p();
+    He(d) !== He(g) && p();
   });
-  var l = T.Pop, f = a(), m = f[0], g = f[1], u = Be(), y = Be();
-  m == null && (m = 0, n.replaceState(de({}, n.state, {
+  var l = T.Pop, f = a(), m = f[0], g = f[1], u = Ke(), y = Ke();
+  m == null && (m = 0, n.replaceState(me({}, n.state, {
     idx: m
   }), ""));
   function k() {
     var c = document.querySelector("base"), d = "";
     if (c && c.getAttribute("href")) {
-      var v = r.location.href, E = v.indexOf("#");
-      d = E === -1 ? v : v.slice(0, E);
+      var $ = r.location.href, E = $.indexOf("#");
+      d = E === -1 ? $ : $.slice(0, E);
     }
     return d;
   }
-  function pe(c) {
-    return k() + "#" + (typeof c == "string" ? c : Ue(c));
+  function ge(c) {
+    return k() + "#" + (typeof c == "string" ? c : He(c));
   }
-  function ge(c, d) {
-    return d === void 0 && (d = null), Ie(de({
+  function we(c, d) {
+    return d === void 0 && (d = null), Be(me({
       pathname: g.pathname,
       hash: "",
       search: ""
-    }, typeof c == "string" ? at(c) : c, {
+    }, typeof c == "string" ? ct(c) : c, {
       state: d,
-      key: Ot()
+      key: Dt()
     }));
   }
-  function me(c, d) {
+  function ye(c, d) {
     return [{
       usr: c.state,
       key: c.key,
       idx: d
-    }, pe(c)];
+    }, ge(c)];
   }
-  function ne(c, d, v) {
+  function ie(c, d, $) {
     return !y.length || (y.call({
       action: c,
       location: d,
-      retry: v
+      retry: $
     }), !1);
   }
-  function ae(c) {
+  function oe(c) {
     l = c;
     var d = a();
     m = d[0], g = d[1], u.call({
@@ -858,32 +863,32 @@ function rr(i) {
       location: g
     });
   }
-  function we(c, d) {
-    var v = T.Push, E = ge(c, d);
-    function O() {
-      we(c, d);
+  function ve(c, d) {
+    var $ = T.Push, E = we(c, d);
+    function x() {
+      ve(c, d);
     }
-    if (process.env.NODE_ENV !== "production" && Ve(E.pathname.charAt(0) === "/", "Relative pathnames are not supported in hash history.push(" + JSON.stringify(c) + ")"), ne(v, E, O)) {
-      var D = me(E, m + 1), M = D[0], q = D[1];
+    if (process.env.NODE_ENV !== "production" && Ue(E.pathname.charAt(0) === "/", "Relative pathnames are not supported in hash history.push(" + JSON.stringify(c) + ")"), ie($, E, x)) {
+      var D = ye(E, m + 1), j = D[0], q = D[1];
       try {
-        n.pushState(M, "", q);
+        n.pushState(j, "", q);
       } catch {
         r.location.assign(q);
       }
-      ae(v);
+      oe($);
     }
   }
-  function F(c, d) {
-    var v = T.Replace, E = ge(c, d);
-    function O() {
-      F(c, d);
+  function C(c, d) {
+    var $ = T.Replace, E = we(c, d);
+    function x() {
+      C(c, d);
     }
-    if (process.env.NODE_ENV !== "production" && Ve(E.pathname.charAt(0) === "/", "Relative pathnames are not supported in hash history.replace(" + JSON.stringify(c) + ")"), ne(v, E, O)) {
-      var D = me(E, m), M = D[0], q = D[1];
-      n.replaceState(M, "", q), ae(v);
+    if (process.env.NODE_ENV !== "production" && Ue(E.pathname.charAt(0) === "/", "Relative pathnames are not supported in hash history.replace(" + JSON.stringify(c) + ")"), ie($, E, x)) {
+      var D = ye(E, m), j = D[0], q = D[1];
+      n.replaceState(j, "", q), oe($);
     }
   }
-  function Q(c) {
+  function J(c) {
     n.go(c);
   }
   var w = {
@@ -893,32 +898,32 @@ function rr(i) {
     get location() {
       return g;
     },
-    createHref: pe,
-    push: we,
-    replace: F,
-    go: Q,
+    createHref: ge,
+    push: ve,
+    replace: C,
+    go: J,
     back: function() {
-      Q(-1);
+      J(-1);
     },
     forward: function() {
-      Q(1);
+      J(1);
     },
     listen: function(d) {
       return u.push(d);
     },
     block: function(d) {
-      var v = y.push(d);
-      return y.length === 1 && r.addEventListener(We, Ge), function() {
-        v(), y.length || r.removeEventListener(We, Ge);
+      var $ = y.push(d);
+      return y.length === 1 && r.addEventListener(Ge, ze), function() {
+        $(), y.length || r.removeEventListener(Ge, ze);
       };
     }
   };
   return w;
 }
-function Ge(i) {
+function ze(i) {
   i.preventDefault(), i.returnValue = "";
 }
-function Be() {
+function Ke() {
   var i = [];
   return {
     get length() {
@@ -938,14 +943,14 @@ function Be() {
     }
   };
 }
-function Ot() {
+function Dt() {
   return Math.random().toString(36).substr(2, 8);
 }
-function Ue(i) {
+function He(i) {
   var e = i.pathname, t = e === void 0 ? "/" : e, r = i.search, n = r === void 0 ? "" : r, a = i.hash, o = a === void 0 ? "" : a;
   return n && n !== "?" && (t += n.charAt(0) === "?" ? n : "?" + n), o && o !== "#" && (t += o.charAt(0) === "#" ? o : "#" + o), t;
 }
-function at(i) {
+function ct(i) {
   var e = {};
   if (i) {
     var t = i.indexOf("#");
@@ -955,26 +960,26 @@ function at(i) {
   }
   return e;
 }
-function be(i) {
-  return vt(i, "Expected `path` to be a string. Got type: %t, value: %v"), i.split("/").map((e) => e.trim()).filter((e) => e !== "");
+function $e(i) {
+  return St(i, "Expected `path` to be a string. Got type: %t, value: %v"), i.split("/").map((e) => e.trim()).filter((e) => e !== "");
 }
-function se(i) {
+function le(i) {
   var t;
-  Nt(
-    (r) => lt(r == null ? void 0 : r.toString),
+  qt(
+    (r) => dt(r == null ? void 0 : r.toString),
     i,
     "Expected `parts` to be an array of objects with a .toString() method. Got type: %t, value: %v"
   ), i = i.filter((r) => r).flatMap(String);
   let e = (t = i.shift()) == null ? void 0 : t.toString();
   if (e) {
     for (const r of i.map((n) => n.toString()))
-      r.startsWith(".") ? e = He(e, r) : e[e.length - 1] !== "/" ? r[0] !== "/" ? e += "/" + r : e += r : r[0] === "/" ? e += r.slice(1) : e += r;
+      r.startsWith(".") ? e = We(e, r) : e[e.length - 1] !== "/" ? r[0] !== "/" ? e += "/" + r : e += r : r[0] === "/" ? e += r.slice(1) : e += r;
     e && e !== "/" && e.endsWith("/") && (e = e.slice(0, e.length - 1));
   }
   return e ?? "";
 }
-function He(i, e) {
-  if (vt(i, "Expected `base` to be a string. Got type: %t, value: %v"), e == null && (e = i, i = ""), e.startsWith("/"))
+function We(i, e) {
+  if (St(i, "Expected `base` to be a string. Got type: %t, value: %v"), e == null && (e = i, i = ""), e.startsWith("/"))
     return e;
   let t = i;
   for (; ; )
@@ -988,9 +993,9 @@ function He(i, e) {
       e = e.replace(/^\.\/?/, "");
     else
       break;
-  return se([t, e]);
+  return le([t, e]);
 }
-function st(i) {
+function ut(i) {
   if (!i) return {};
   i.startsWith("?") && (i = i.slice(1));
   const e = i.split("&").filter((t) => t.trim() !== "").map((t) => {
@@ -999,9 +1004,9 @@ function st(i) {
   });
   return Object.fromEntries(e);
 }
-function wt(i, e, t = {}) {
+function $t(i, e, t = {}) {
   var o;
-  const [r, n] = e.split("?"), a = be(r);
+  const [r, n] = e.split("?"), a = $e(r);
   e: for (const p of i) {
     const { fragments: l } = p;
     if (!(((o = l[l.length - 1]) == null ? void 0 : o.type) === 3) && l.length !== a.length || t.willMatch && !t.willMatch(p))
@@ -1040,12 +1045,12 @@ function wt(i, e, t = {}) {
       path: "/" + m.map((u) => u.value).join("/"),
       pattern: "/" + l.map((u) => u.type === 2 ? `{${u.name}}` : u.type === 4 ? `{#${u.name}}` : u.name).join("/"),
       params: g,
-      query: st(n),
+      query: ut(n),
       meta: p.meta
     };
   }
 }
-function nr(i) {
+function or(i) {
   const e = [], t = [], r = [], n = [];
   for (const o of i) {
     const { fragments: p } = o;
@@ -1063,8 +1068,8 @@ function nr(i) {
   const a = (o, p) => o.fragments.length > p.fragments.length ? -1 : 1;
   return e.sort(a), t.sort(a), r.sort(a), n.sort(a), [...e, ...t, ...r, ...n];
 }
-function ar(i) {
-  const e = be(i), t = [];
+function lr(i) {
+  const e = $e(i), t = [];
   for (let r = 0; r < e.length; r++) {
     const n = e[r];
     if (n === "*") {
@@ -1087,7 +1092,7 @@ function ar(i) {
   }
   return t;
 }
-const yt = (i, e) => {
+const Et = (i, e) => {
   if (Object.keys(i).length !== Object.keys(e).length)
     return !1;
   for (const t in i)
@@ -1095,87 +1100,87 @@ const yt = (i, e) => {
       return !1;
   return !0;
 };
-var Oe, N, X, xe, P, Qe, I, Le, Z, ee, ue, he, fe, Re, K, it, ot;
-class sr {
+var Le, N, te, Re, S, Xe, W, De, re, ne, fe, de, pe, Ne, Q, ht, ft;
+class cr {
   constructor(e, t) {
-    h(this, K);
-    h(this, Oe);
-    h(this, N);
-    h(this, X);
-    h(this, xe, Ze());
-    h(this, P);
-    h(this, Qe, 0);
-    h(this, I, []);
+    h(this, Q);
     h(this, Le);
-    h(this, Z, []);
+    h(this, N);
+    h(this, te);
+    h(this, Re, nt());
+    h(this, S);
+    h(this, Xe, 0);
+    h(this, W, []);
+    h(this, De);
+    h(this, re, []);
     // Callbacks that need to be called on unmount.
-    h(this, ee, []);
+    h(this, ne, []);
     /**
      * The currently matched route pattern, if any.
      */
-    S(this, "$pattern");
-    h(this, ue);
+    P(this, "$pattern");
+    h(this, fe);
     /**
      * The current URL path.
      */
-    S(this, "$path");
-    h(this, he);
+    P(this, "$path");
+    h(this, de);
     /**
      * The current named path params.
      */
-    S(this, "$params");
-    h(this, fe);
+    P(this, "$params");
+    h(this, pe);
     /**
      * The current query params. Changes to this object will be reflected in the URL.
      */
-    S(this, "$query");
-    h(this, Re);
-    b(this, Oe, e), b(this, N, e.createLogger("dolla/router")), b(this, X, t);
-    const [r, n] = ie(null), [a, o] = ie(""), [p, l] = ie({}, { equals: yt }), [f, m] = ie(
-      st(typeof window > "u" ? "" : window.location.search ?? ""),
-      { equals: yt }
+    P(this, "$query");
+    h(this, Ne);
+    v(this, Le, e), v(this, N, e.createLogger("dolla/router")), v(this, te, t);
+    const [r, n] = ce(null), [a, o] = ce(""), [p, l] = ce({}, { equals: Et }), [f, m] = ce(
+      ut(typeof window > "u" ? "" : window.location.search ?? ""),
+      { equals: Et }
     );
-    this.$pattern = r, b(this, ue, n), this.$path = a, b(this, he, o), this.$params = p, b(this, fe, l), this.$query = f, b(this, Re, m), e.beforeMount(() => {
-      s(this, P) != null && (s(this, xe).watch([f], (g) => {
+    this.$pattern = r, v(this, fe, n), this.$path = a, v(this, de, o), this.$params = p, v(this, pe, l), this.$query = f, v(this, Ne, m), e.beforeMount(() => {
+      s(this, S) != null && (s(this, Re).watch([f], (g) => {
         const u = new URLSearchParams();
         for (const k in g)
           u.set(k, String(g[k]));
         const y = "?" + u.toString();
-        y != s(this, P).location.search && s(this, P).replace({
-          pathname: s(this, P).location.pathname,
+        y != s(this, S).location.search && s(this, S).replace({
+          pathname: s(this, S).location.pathname,
           search: y
         });
-      }), s(this, ee).push(s(this, P).listen($(this, K, ot).bind(this))), $(this, K, ot).call(this, s(this, P)), s(this, ee).push(
-        lr(s(this, X).rootElement, (g) => {
+      }), s(this, ne).push(s(this, S).listen(b(this, Q, ft).bind(this))), b(this, Q, ft).call(this, s(this, S)), s(this, ne).push(
+        fr(s(this, te).rootElement, (g) => {
           let u = g.getAttribute("href");
-          s(this, N).info("Intercepted link click", g, u), /^https?:\/\/|^\//.test(u) || (u = se([s(this, P).location.pathname, u])), s(this, P).push(u);
+          s(this, N).info("Intercepted link click", g, u), /^https?:\/\/|^\//.test(u) || (u = le([s(this, S).location.pathname, u])), s(this, S).push(u);
         })
-      ), s(this, N).info("Intercepting <a> clicks within root element:", s(this, X).rootElement));
+      ), s(this, N).info("Intercepting <a> clicks within root element:", s(this, te).rootElement));
     }), e.onUnmount(() => {
-      for (; s(this, ee).length > 0; )
-        s(this, ee).pop()();
-      s(this, xe).stopAll();
+      for (; s(this, ne).length > 0; )
+        s(this, ne).pop()();
+      s(this, Re).stopAll();
     });
   }
   setup(e) {
-    if (s(this, Oe).isMounted) {
+    if (s(this, Le).isMounted) {
       s(this, N).crash(
         new Error("Dolla is already mounted. Router setup must be called before Dolla.mount is called.")
       );
       return;
     }
-    e.style === "hash" ? b(this, P, rr()) : b(this, P, tr()), b(this, Z, nr(
-      e.routes.flatMap((t) => $(this, K, it).call(this, t)).map((t) => ({
+    e.style === "hash" ? v(this, S, ir()) : v(this, S, sr()), v(this, re, or(
+      e.routes.flatMap((t) => b(this, Q, ht).call(this, t)).map((t) => ({
         pattern: t.pattern,
         meta: t.meta,
-        fragments: ar(t.pattern)
+        fragments: lr(t.pattern)
       }))
     ));
-    for (const t of s(this, Z))
+    for (const t of s(this, re))
       if (t.meta.redirect) {
         let r;
-        if (!lt(t.meta.redirect)) if (C(t.meta.redirect)) {
-          if (r = t.meta.redirect, !wt(s(this, Z), r, {
+        if (!dt(t.meta.redirect)) if (V(t.meta.redirect)) {
+          if (r = t.meta.redirect, !$t(s(this, re), r, {
             willMatch(a) {
               return a !== t;
             }
@@ -1195,7 +1200,7 @@ class sr {
    * Dolla.router.go["/users", 215], { replace: true }); // replace current history entry with `/users/215`
    */
   go(e, t = {}) {
-    if (s(this, P) == null) {
+    if (s(this, S) == null) {
       s(this, N).crash(
         new Error(
           "Router.go was called, but the router was never configured! Run 'Dolla.router.setup' before 'Dolla.mount' to configure routes."
@@ -1204,13 +1209,13 @@ class sr {
       return;
     }
     let r;
-    Array.isArray(e) ? r = se(e) : r = e.toString(), r = He(s(this, P).location.pathname, r), t.preserveQuery && (r += s(this, P).location.search), t.replace ? s(this, P).replace(r) : s(this, P).push(r);
+    Array.isArray(e) ? r = le(e) : r = e.toString(), r = We(s(this, S).location.pathname, r), t.preserveQuery && (r += s(this, S).location.search), t.replace ? s(this, S).replace(r) : s(this, S).push(r);
   }
   /**
    * Navigate backward. Pass a number of steps to hit the back button that many times.
    */
   back(e = 1) {
-    if (s(this, P) == null) {
+    if (s(this, S) == null) {
       s(this, N).crash(
         new Error(
           "Router.back was called, but the router was never configured! Run 'Dolla.router.setup' before 'Dolla.mount' to configure routes."
@@ -1218,13 +1223,13 @@ class sr {
       );
       return;
     }
-    s(this, P).go(-e);
+    s(this, S).go(-e);
   }
   /**
    * Navigate forward. Pass a number of steps to hit the forward button that many times.
    */
   forward(e = 1) {
-    if (s(this, P) == null) {
+    if (s(this, S) == null) {
       s(this, N).crash(
         new Error(
           "Router.forward was called, but the router was never configured! Run 'Dolla.router.setup' before 'Dolla.mount' to configure routes."
@@ -1232,16 +1237,16 @@ class sr {
       );
       return;
     }
-    s(this, P).go(e);
+    s(this, S).go(e);
   }
 }
-Oe = new WeakMap(), N = new WeakMap(), X = new WeakMap(), xe = new WeakMap(), P = new WeakMap(), Qe = new WeakMap(), I = new WeakMap(), Le = new WeakMap(), Z = new WeakMap(), ee = new WeakMap(), ue = new WeakMap(), he = new WeakMap(), fe = new WeakMap(), Re = new WeakMap(), K = new WeakSet(), /**
+Le = new WeakMap(), N = new WeakMap(), te = new WeakMap(), Re = new WeakMap(), S = new WeakMap(), Xe = new WeakMap(), W = new WeakMap(), De = new WeakMap(), re = new WeakMap(), ne = new WeakMap(), fe = new WeakMap(), de = new WeakMap(), pe = new WeakMap(), Ne = new WeakMap(), Q = new WeakSet(), /**
  * Parses a route definition object into a set of matchable routes.
  *
  * @param route - Route config object.
  * @param layers - Array of parent layers. Passed when this function calls itself on nested routes.
  */
-it = function(e, t = [], r = []) {
+ht = function(e, t = [], r = []) {
   if (!(typeof e == "object" && !Array.isArray(e)) || typeof e.path != "string")
     throw new TypeError(`Route configs must be objects with a 'path' string property. Got: ${e}`);
   if (e.redirect && e.routes)
@@ -1252,30 +1257,30 @@ it = function(e, t = [], r = []) {
     throw new Error("Route must have a 'view', a 'redirect', or a set of nested 'routes'.");
   let n = [];
   for (const l of t)
-    n.push(...be(l.path));
-  n.push(...be(e.path)), n[n.length - 1] === "*" && n.pop();
+    n.push(...$e(l.path));
+  n.push(...$e(e.path)), n[n.length - 1] === "*" && n.pop();
   const a = [];
   if (e.redirect) {
     let l = e.redirect;
-    return C(l) && (l = He(se(n), l), l.startsWith("/") || (l = "/" + l)), a.push({
-      pattern: "/" + se([...n, ...be(e.path)]),
+    return V(l) && (l = We(le(n), l), l.startsWith("/") || (l = "/" + l)), a.push({
+      pattern: "/" + le([...n, ...$e(e.path)]),
       meta: {
         redirect: l
       }
     }), a;
   }
-  let o = Et;
+  let o = Pt;
   if (typeof e.view == "function")
     o = e.view;
   else if (e.view)
     throw new TypeError(`Route '${e.path}' expected a view function or undefined. Got: ${e.view}`);
-  const p = { id: ut(this, Qe)._++, view: o };
+  const p = { id: et(this, Xe)._++, view: o };
   if (e.routes)
     for (const l of e.routes)
-      a.push(...$(this, K, it).call(this, l, [...t, e], [...r, p]));
+      a.push(...b(this, Q, ht).call(this, l, [...t, e], [...r, p]));
   else
     a.push({
-      pattern: parent ? se([...t.map((l) => l.path), e.path]) : e.path,
+      pattern: parent ? le([...t.map((l) => l.path), e.path]) : e.path,
       meta: {
         pattern: e.path,
         layers: [...r, p],
@@ -1283,11 +1288,11 @@ it = function(e, t = [], r = []) {
       }
     });
   return a;
-}, ot = async function({ location: e }) {
-  e.search !== s(this, Le) && (b(this, Le, e.search), s(this, Re).call(this, st(e.search)));
-  const t = wt(s(this, Z), e.pathname);
+}, ft = async function({ location: e }) {
+  e.search !== s(this, De) && (v(this, De, e.search), s(this, Ne).call(this, ut(e.search)));
+  const t = $t(s(this, re), e.pathname);
   if (!t) {
-    s(this, ue).call(this, null), s(this, he).call(this, e.pathname), s(this, fe).call(this, {
+    s(this, fe).call(this, null), s(this, de).call(this, e.pathname), s(this, pe).call(this, {
       wildcard: e.pathname
     });
     return;
@@ -1299,8 +1304,8 @@ it = function(e, t = [], r = []) {
     }
   }), t.meta.redirect != null)
     if (typeof t.meta.redirect == "string") {
-      const r = cr(t.meta.redirect, t.params);
-      s(this, N).info(`↩️ redirecting from '${t.path}' to '${r}'`), s(this, P).replace(r);
+      const r = dr(t.meta.redirect, t.params);
+      s(this, N).info(`↩️ redirecting from '${t.path}' to '${r}'`), s(this, S).replace(r);
     } else if (typeof t.meta.redirect == "function") {
       const r = {
         path: t.path,
@@ -1311,26 +1316,26 @@ it = function(e, t = [], r = []) {
       let n = await t.meta.redirect(r);
       if (typeof n != "string")
         throw new Error("Redirect function must return a path to redirect to.");
-      n.startsWith("/") || (n = He(t.path, n)), s(this, N).info(`Redirecting to: '${n}'`), s(this, P).replace(n);
+      n.startsWith("/") || (n = We(t.path, n)), s(this, N).info(`Redirecting to: '${n}'`), s(this, S).replace(n);
     } else
       throw new TypeError("Redirect must either be a path string or a function.");
-  else if (s(this, N).info(`📍 navigating to '${t.path}'`), s(this, he).call(this, t.path), s(this, fe).call(this, t.params), t.pattern !== this.$pattern.get()) {
-    s(this, ue).call(this, t.pattern);
+  else if (s(this, N).info(`📍 navigating to '${t.path}'`), s(this, de).call(this, t.path), s(this, pe).call(this, t.params), t.pattern !== this.$pattern.get()) {
+    s(this, fe).call(this, t.pattern);
     const r = t.meta.layers;
     for (let n = 0; n < r.length; n++) {
-      const a = r[n], o = s(this, I)[n];
+      const a = r[n], o = s(this, W)[n];
       if ((o == null ? void 0 : o.id) !== a.id) {
-        b(this, I, s(this, I).slice(0, n));
-        const p = s(this, I).at(-1);
+        v(this, W, s(this, W).slice(0, n));
+        const p = s(this, W).at(-1);
         o && o.node.isMounted && o.node.unmount();
         let l;
-        p ? l = p.node.setChildView(a.view) : l = s(this, X).rootView.setChildView(a.view), s(this, I).push({ id: a.id, node: l });
+        p ? l = p.node.setChildView(a.view) : l = s(this, te).rootView.setChildView(a.view), s(this, W).push({ id: a.id, node: l });
       }
     }
   }
 };
-const ir = /(noopener|noreferrer) (noopener|noreferrer)/, or = /^[\w-_]+:/;
-function lr(i, e, t = window) {
+const ur = /(noopener|noreferrer) (noopener|noreferrer)/, hr = /^[\w-_]+:/;
+function fr(i, e, t = window) {
   function r(a) {
     return !a || a === i ? null : a.localName !== "a" || a.href === void 0 ? r(a.parentNode) : a;
   }
@@ -1338,64 +1343,64 @@ function lr(i, e, t = window) {
     if (a.button && a.button !== 0 || a.ctrlKey || a.metaKey || a.altKey || a.shiftKey || a.defaultPrevented)
       return;
     const o = r(a.target);
-    o && (t.location.protocol !== o.protocol || t.location.hostname !== o.hostname || t.location.port !== o.port || o.hasAttribute("data-router-ignore") || o.hasAttribute("download") || o.getAttribute("target") === "_blank" && ir.test(o.getAttribute("rel")) || or.test(o.getAttribute("href")) || (a.preventDefault(), e(o)));
+    o && (t.location.protocol !== o.protocol || t.location.hostname !== o.hostname || t.location.port !== o.port || o.hasAttribute("data-router-ignore") || o.hasAttribute("download") || o.getAttribute("target") === "_blank" && ur.test(o.getAttribute("rel")) || hr.test(o.getAttribute("href")) || (a.preventDefault(), e(o)));
   }
   return i.addEventListener("click", n), function() {
     i.removeEventListener("click", n);
   };
 }
-function cr(i, e) {
+function dr(i, e) {
   for (const t in e) {
     const r = e[t].toString();
     i = i.replace(`{${t}}`, r).replace(`{#${t}}`, r);
   }
   return i;
 }
-var W, De, G, te, Ne, je, Me, Te, qe, Ae, B, x, z;
-class ur {
+var B, Me, G, ae, je, Te, qe, Fe, Ae, _e, z, O, K;
+class pr {
   constructor() {
-    S(this, "http");
-    S(this, "i18n");
-    S(this, "render");
-    S(this, "router");
-    h(this, W, !1);
-    h(this, De, "production");
+    P(this, "http");
+    P(this, "i18n");
+    P(this, "render");
+    P(this, "router");
+    h(this, B, !1);
+    h(this, Me, "production");
     h(this, G);
-    h(this, te);
-    h(this, Ne, Ht);
-    h(this, je, Ze());
-    h(this, Me, []);
-    h(this, Te, []);
+    h(this, ae);
+    h(this, je, Gt);
+    h(this, Te, nt());
     h(this, qe, []);
+    h(this, Fe, []);
     h(this, Ae, []);
-    h(this, B, {
+    h(this, _e, []);
+    h(this, z, {
       root: this,
       data: {}
     });
-    h(this, x, {
+    h(this, O, {
       info: "development",
       log: "development",
       warn: "development",
       error: !0
     });
-    h(this, z, dt("*,-dolla/*"));
-    S(this, "watch", s(this, je).watch);
-    S(this, "createState", ie);
-    S(this, "createSettableState", jt);
-    S(this, "toSettableState", Mt);
-    S(this, "toState", Tt);
-    S(this, "valueOf", qt);
-    S(this, "derive", ye);
-    S(this, "createWatcher", Ze);
-    S(this, "createRef", At);
-    S(this, "isRef", _t);
+    h(this, K, wt("*,-dolla/*"));
+    P(this, "watch", s(this, Te).watch);
+    P(this, "createState", ce);
+    P(this, "createSettableState", Ft);
+    P(this, "toSettableState", At);
+    P(this, "toState", _t);
+    P(this, "valueOf", Ct);
+    P(this, "derive", be);
+    P(this, "createWatcher", nt);
+    P(this, "createRef", Vt);
+    P(this, "isRef", It);
     const e = this;
-    this.http = new It(), this.i18n = new Yt(this), this.render = new Zt(this), this.router = new sr(this, {
+    this.http = new zt(), this.i18n = new tr(this), this.render = new nr(this), this.router = new cr(this, {
       get rootElement() {
         return s(e, G);
       },
       get rootView() {
-        return s(e, te);
+        return s(e, ae);
       }
     });
   }
@@ -1403,65 +1408,65 @@ class ur {
    * True when the app is connected to a DOM node and displayed to the user.
    */
   get isMounted() {
-    return s(this, W);
+    return s(this, B);
   }
   /**
    * Get the current environment that this app is running in.
    * Environment affects which log messages will print and how much debugging info is included in the DOM.
    */
   getEnv() {
-    return s(this, De);
+    return s(this, Me);
   }
   /**
    * Sets the environment that this app is running in.
    * Environment affects which log messages will print and how much debugging info is included in the DOM.
    */
   setEnv(e) {
-    b(this, De, e);
+    v(this, Me, e);
   }
   /**
    * Sets the view that will be shown when the `crash` method is called on any logger.
    * When a crash is reported the app will be unmounted and replaced with this crash page.
    */
   setCrashView(e) {
-    b(this, Ne, e);
+    v(this, je, e);
   }
   /**
    * Sets a context variable and returns its value. Context variables are accessible on the app and in child views.
    */
   set(e, t) {
-    return s(this, B).data[e] = t, t;
+    return s(this, z).data[e] = t, t;
   }
   /**
    * Gets the value of a context variable. Returns null if the variable is not set.
    */
   get(e) {
-    return s(this, B).data[e] ?? null;
+    return s(this, z).data[e] ?? null;
   }
   /**
    * Returns an object of all context variables stored at the app level.
    */
   getAll() {
-    return { ...s(this, B).data };
+    return { ...s(this, z).data };
   }
   async mount(e, t) {
-    if (s(this, W))
+    if (s(this, B))
       throw new Error("Dolla is already mounted.");
-    if (C(e)) {
+    if (V(e)) {
       const n = document.querySelector(e);
-      pt(HTMLElement, n, `Selector '${e}' did not match any element.`), b(this, G, n);
+      yt(HTMLElement, n, `Selector '${e}' did not match any element.`), v(this, G, n);
     } else
-      pt(HTMLElement, e, "Expected an HTML element or a selector string. Got type: %t, value: %v"), b(this, G, e);
+      yt(HTMLElement, e, "Expected an HTML element or a selector string. Got type: %t, value: %v"), v(this, G, e);
     let r;
-    t ? r = gt(t) : r = gt(Et), b(this, te, this.constructView(r.type, r.props)), await Promise.all(s(this, Me).map((n) => n())), s(this, te).mount(s(this, G)), b(this, W, !0);
-    for (const n of s(this, Te))
+    t ? r = vt(t) : r = vt(Pt), v(this, ae, this.constructView(r.type, r.props)), await Promise.all(s(this, qe).map((n) => n())), s(this, ae).mount(s(this, G)), v(this, B, !0);
+    for (const n of s(this, Fe))
       n();
   }
   async unmount() {
     var e;
-    if (s(this, W)) {
-      await Promise.all(s(this, qe).map((t) => t())), (e = s(this, te)) == null || e.unmount(), s(this, je).stopAll(), b(this, W, !1);
-      for (const t of s(this, Ae))
+    if (s(this, B)) {
+      await Promise.all(s(this, Ae).map((t) => t())), (e = s(this, ae)) == null || e.unmount(), s(this, Te).stopAll(), v(this, B, !1);
+      for (const t of s(this, _e))
         t();
     }
   }
@@ -1470,26 +1475,26 @@ class ur {
    * it will be awaited before mounting finishes. Use this to perform initial setup before the app is displayed to the user.
    */
   beforeMount(e) {
-    s(this, Me).push(e);
+    s(this, qe).push(e);
   }
   /**
    * Registers a `callback` to run after the app is mounted.
    */
   onMount(e) {
-    s(this, Te).push(e);
+    s(this, Fe).push(e);
   }
   /**
    * Registers a `callback` to run after `Dolla.unmount` is called, before the app is unmounted. If `callback` returns a Promise,
    * it will be awaited before unmounting finishes. Use this to perform cleanup.
    */
   beforeUnmount(e) {
-    s(this, qe).push(e);
+    s(this, Ae).push(e);
   }
   /**
    * Registers a `callback` to run after the app is unmounted.
    */
   onUnmount(e) {
-    s(this, Ae).push(e);
+    s(this, _e).push(e);
   }
   /**
    * Update log type toggles. Values that are not passed will remain unchanged.
@@ -1497,28 +1502,28 @@ class ur {
   setLoggles(e) {
     for (const t in e) {
       const r = e[t];
-      r && (s(this, x)[t] = r);
+      r && (s(this, O)[t] = r);
     }
   }
   setLogFilter(e) {
-    b(this, z, dt(e));
+    v(this, K, wt(e));
   }
   createLogger(e, t) {
-    const r = (t == null ? void 0 : t.console) ?? Ft(), n = this;
+    const r = (t == null ? void 0 : t.console) ?? Ut(), n = this;
     return {
       setName(a) {
         return e = a, this;
       },
       get info() {
         var a;
-        if (s(n, x).info === !1 || C(s(n, x).info) && s(n, x).info !== n.getEnv() || !s(a = n, z).call(a, e))
-          return _e;
+        if (s(n, O).info === !1 || V(s(n, O).info) && s(n, O).info !== n.getEnv() || !s(a = n, K).call(a, e))
+          return Ce;
         {
           let o = `%c${e}`;
           return t != null && t.uid ? o += ` %c[uid: %c${t.uid}%c]` : o += "%c%c%c", r.info.bind(
             r,
             o,
-            `color:${Fe(o)};font-weight:bold`,
+            `color:${Ve(o)};font-weight:bold`,
             "color:#777",
             "color:#aaa",
             "color:#777"
@@ -1527,14 +1532,14 @@ class ur {
       },
       get log() {
         var a;
-        if (s(n, x).log === !1 || C(s(n, x).log) && s(n, x).log !== n.getEnv() || !s(a = n, z).call(a, e))
-          return _e;
+        if (s(n, O).log === !1 || V(s(n, O).log) && s(n, O).log !== n.getEnv() || !s(a = n, K).call(a, e))
+          return Ce;
         {
           let o = `%c${e}`;
           return t != null && t.uid ? o += ` %c[uid: %c${t.uid}%c]` : o += "%c%c%c", r.log.bind(
             r,
             o,
-            `color:${Fe(o)};font-weight:bold`,
+            `color:${Ve(o)};font-weight:bold`,
             "color:#777",
             "color:#aaa",
             "color:#777"
@@ -1543,14 +1548,14 @@ class ur {
       },
       get warn() {
         var a;
-        if (s(n, x).warn === !1 || C(s(n, x).warn) && s(n, x).warn !== n.getEnv() || !s(a = n, z).call(a, e))
-          return _e;
+        if (s(n, O).warn === !1 || V(s(n, O).warn) && s(n, O).warn !== n.getEnv() || !s(a = n, K).call(a, e))
+          return Ce;
         {
           let o = `%c${e}`;
           return t != null && t.uid ? o += ` %c[uid: %c${t.uid}%c]` : o += "%c%c%c", r.warn.bind(
             r,
             o,
-            `color:${Fe(o)};font-weight:bold`,
+            `color:${Ve(o)};font-weight:bold`,
             "color:#777",
             "color:#aaa",
             "color:#777"
@@ -1559,14 +1564,14 @@ class ur {
       },
       get error() {
         var a;
-        if (s(n, x).error === !1 || C(s(n, x).error) && s(n, x).error !== n.getEnv() || !s(a = n, z).call(a, e))
-          return _e;
+        if (s(n, O).error === !1 || V(s(n, O).error) && s(n, O).error !== n.getEnv() || !s(a = n, K).call(a, e))
+          return Ce;
         {
           let o = `%c${e}`;
           return t != null && t.uid ? o += ` %c[uid: %c${t.uid}%c]` : o += "%c%c%c", r.error.bind(
             r,
             o,
-            `color:${Fe(o)};font-weight:bold`,
+            `color:${Ve(o)};font-weight:bold`,
             "color:#777",
             "color:#aaa",
             "color:#777"
@@ -1574,7 +1579,7 @@ class ur {
         }
       },
       crash(a) {
-        throw n.isMounted && (n.unmount(), n.constructView(s(n, Ne), {
+        throw n.isMounted && (n.unmount(), n.constructView(s(n, je), {
           error: a,
           loggerName: e,
           uid: t == null ? void 0 : t.uid
@@ -1586,41 +1591,41 @@ class ur {
    *
    */
   constructView(e, t, r = []) {
-    return new Ct(s(this, B), e, t, r);
+    return new Ht(s(this, z), e, t, r);
   }
   /**
    *
    */
   constructMarkup(e) {
-    return Vt(Ut(s(this, B), e));
+    return Wt(Bt(s(this, z), e));
   }
 }
-W = new WeakMap(), De = new WeakMap(), G = new WeakMap(), te = new WeakMap(), Ne = new WeakMap(), je = new WeakMap(), Me = new WeakMap(), Te = new WeakMap(), qe = new WeakMap(), Ae = new WeakMap(), B = new WeakMap(), x = new WeakMap(), z = new WeakMap();
-const bt = new ur(), pr = bt.i18n.t.bind(bt.i18n);
-function gr(i) {
+B = new WeakMap(), Me = new WeakMap(), G = new WeakMap(), ae = new WeakMap(), je = new WeakMap(), Te = new WeakMap(), qe = new WeakMap(), Fe = new WeakMap(), Ae = new WeakMap(), _e = new WeakMap(), z = new WeakMap(), O = new WeakMap(), K = new WeakMap();
+const kt = new pr(), yr = kt.i18n.t.bind(kt.i18n);
+function vr(i) {
   typeof window < "u" && (window.DOLLA_DEV_DEBUG = i);
 }
-function mr() {
+function br() {
   return typeof window < "u" ? window.DOLLA_DEV_DEBUG === !0 : !1;
 }
 export {
-  Rt as cond,
-  gt as createMarkup,
-  At as createRef,
-  jt as createSettableState,
-  br as createSetter,
-  ie as createState,
-  bt as default,
-  ye as derive,
-  mr as getDevDebug,
-  ht as html,
-  _t as isRef,
-  vr as portal,
-  Er as repeat,
-  gr as setDevDebug,
-  pr as t,
-  Mt as toSettableState,
-  Tt as toState,
-  qt as valueOf
+  jt as cond,
+  vt as createMarkup,
+  Vt as createRef,
+  Ft as createSettableState,
+  kr as createSetter,
+  ce as createState,
+  kt as default,
+  be as derive,
+  br as getDevDebug,
+  mt as html,
+  It as isRef,
+  Sr as portal,
+  Pr as repeat,
+  vr as setDevDebug,
+  yr as t,
+  At as toSettableState,
+  _t as toState,
+  Ct as valueOf
 };
 //# sourceMappingURL=index.js.map