@manyducks.co/dolla 2.0.0-alpha.20 → 2.0.0-alpha.22

package/dist/index.js

@@ -1,22 +1,22 @@
-var Nt = Object.defineProperty;
-var pt = (i) => {
-  throw TypeError(i);
+var rt = Object.defineProperty;
+var Ve = (o) => {
+  throw TypeError(o);
 };
-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) => ({
+var st = (o, e, t) => e in o ? rt(o, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[e] = t;
+var g = (o, e, t) => st(o, typeof e != "symbol" ? e + "" : e, t), Fe = (o, e, t) => e.has(o) || Ve("Cannot " + t);
+var a = (o, e, t) => (Fe(o, e, "read from private field"), t ? t.call(o) : e.get(o)), c = (o, e, t) => e.has(o) ? Ve("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(o) : e.set(o, t), m = (o, e, t, s) => (Fe(o, e, "write to private field"), s ? s.call(o, t) : e.set(o, t), t), d = (o, e, t) => (Fe(o, e, "access private method"), t);
+var Pe = (o, e, t, s) => ({
   set _(n) {
-    v(i, e, n, t);
+    m(o, e, n, t);
   },
   get _() {
-    return s(i, e, r);
+    return a(o, e, s);
   }
 });
-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-DrILnMr2.js";
-import { A as kr, B as Sr, C as Pr } from "./passthrough-DrILnMr2.js";
-function Gt(i) {
-  return mt`
+import { h as We, c as nt, i as qe, a as H, d as ee, b as at, e as Ie, f as F, t as _e, g as Je, j as it, s as Ge, P as Xe, k as Be, l as ze, m as ot, n as lt, o as ct, v as ht, p as ut, q as ft, r as He, u as dt, w as mt, x as $e, y as ve, V as pt, z as gt, A as wt } from "./passthrough-CrReqVVB.js";
+import { B as Wt, D as _t, E as Gt, F as Bt, C as zt } from "./passthrough-CrReqVVB.js";
+function yt(o) {
+  return We`
     <div
       style=${{
     backgroundColor: "#880000",
@@ -29,8 +29,8 @@ function Gt(i) {
     >
       <h1 style=${{ marginBottom: "0.5rem" }}>The app has crashed</h1>
       <p style=${{ marginBottom: "0.25rem" }}>
-        <span style=${{ fontFamily: "monospace" }}>${i.loggerName}</span>
-        ${jt(i.uid, mt`<span style=${{ fontFamily: "monospace", opacity: 0.5 }}> [uid: ${i.uid}]</span>`)}
+        <span style=${{ fontFamily: "monospace" }}>${o.loggerName}</span>
+        ${nt(o.uid, We`<span style=${{ fontFamily: "monospace", opacity: 0.5 }}> [uid: ${o.uid}]</span>`)}
         ${" "}says:
       </p>
       <blockquote
@@ -53,21 +53,89 @@ function Gt(i) {
     fontWeight: "bold"
   }}
         >
-          ${i.error.name}
+          ${o.error.name}
         </span>
-        ${i.error.message}
+        ${o.error.message}
       </blockquote>
 
       <p>Please see the browser console for details.</p>
     </div>
   `;
 }
-var Y, Qe, M, F;
-class zt {
+var se, K, P, C, A, Q, Re, M, ne, x, Ne, Ee;
+class bt {
+  constructor(e) {
+    c(this, x);
+    c(this, se);
+    c(this, K);
+    // Keys ensure only the most recent callback queued with a certain key
+    // will be called, keeping DOM operations to a minimum.
+    c(this, P, /* @__PURE__ */ new Map());
+    // All unkeyed writes are run on every batch.
+    c(this, C, []);
+    // All read callbacks are run before updates on every batch.
+    c(this, A, []);
+    c(this, Q, !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.
+    c(this, Re, !0);
+    c(this, M, 0);
+    c(this, ne, new Intl.NumberFormat("en-US", { maximumFractionDigits: 2, minimumFractionDigits: 0 }));
+    m(this, se, e), m(this, K, e.createLogger("dolla/render"));
+  }
+  /**
+   * Queues a callback that runs before the next batch of writes.
+   */
+  read(e) {
+    a(this, A).push(e), d(this, x, Ne).call(this);
+  }
+  /**
+   * 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.
+   */
+  write(e, t) {
+    t ? a(this, P).set(t, e) : a(this, C).push(e), d(this, x, Ne).call(this);
+  }
+}
+se = new WeakMap(), K = new WeakMap(), P = new WeakMap(), C = new WeakMap(), A = new WeakMap(), Q = new WeakMap(), Re = new WeakMap(), M = new WeakMap(), ne = new WeakMap(), x = new WeakSet(), Ne = function() {
+  if (!a(this, Q)) {
+    m(this, Q, !0);
+    const e = a(this, se).getEnv() === "development";
+    queueMicrotask(() => {
+      d(this, x, Ee).call(this, e);
+    });
+  }
+}, Ee = function(e = !1) {
+  const t = performance.now();
+  let s = 0;
+  const n = a(this, A).length + a(this, P).size + a(this, C).length;
+  let r = 0;
+  const i = () => (r++, s = performance.now() - t, a(this, Re) && s > 12 && r < n ? (Pe(this, M)._++, e && a(this, K).warn(
+    `⚠️ Deferring batch to next frame. Performed ${r} of ${n} batched operation${r === 1 ? "" : "s"} in ${a(this, ne).format(s)}ms (deferral ${a(this, M)}).`
+  ), requestAnimationFrame(() => {
+    d(this, x, Ee).call(this, e);
+  }), !0) : !1), f = [...a(this, P).entries()];
+  let l, h;
+  for (; h = a(this, A).shift(); )
+    if (h(), i()) return;
+  for ([l, h] of f)
+    if (h(), a(this, P).delete(l), i()) return;
+  for (; h = a(this, C).shift(); )
+    if (h(), i()) return;
+  e && a(this, K)[s > 16 ? "warn" : "info"](
+    `${s > 16 ? "⚠️ (>=16ms) " : ""}Executed ${r} operation${r === 1 ? "" : "s"} in ${a(this, ne).format(s)}ms${a(this, M) > 0 ? ` (after ${a(this, M)} deferral${a(this, M) === 1 ? "" : "s"})` : ""}.`
+  ), m(this, M, 0), a(this, A).length || a(this, P).size || a(this, C).length ? queueMicrotask(() => {
+    d(this, x, Ee).call(this, e);
+  }) : m(this, Q, !1);
+};
+var U, Le, R, L;
+class $t {
   constructor() {
-    h(this, M);
-    h(this, Y, []);
-    h(this, Qe, Kt());
+    c(this, R);
+    c(this, U, []);
+    c(this, Le, vt());
   }
   /**
    * Adds a new middleware that will apply to subsequent requests.
@@ -76,176 +144,146 @@ class zt {
    * @param middleware - A middleware function that will intercept requests.
    */
   use(e) {
-    return s(this, Y).push(e), () => {
-      s(this, Y).splice(s(this, Y).indexOf(e), 1);
+    return a(this, U).push(e), () => {
+      a(this, U).splice(a(this, U).indexOf(e), 1);
     };
   }
   async get(e, t) {
-    return b(this, M, F).call(this, "get", e, t);
+    return d(this, R, L).call(this, "get", e, t);
   }
   async put(e, t) {
-    return b(this, M, F).call(this, "put", e, t);
+    return d(this, R, L).call(this, "put", e, t);
   }
   async patch(e, t) {
-    return b(this, M, F).call(this, "patch", e, t);
+    return d(this, R, L).call(this, "patch", e, t);
   }
   async post(e, t) {
-    return b(this, M, F).call(this, "post", e, t);
+    return d(this, R, L).call(this, "post", e, t);
   }
   async delete(e, t) {
-    return b(this, M, F).call(this, "delete", e, t);
+    return d(this, R, L).call(this, "delete", e, t);
   }
   async head(e, t) {
-    return b(this, M, F).call(this, "head", e, t);
+    return d(this, R, L).call(this, "head", e, t);
   }
   async options(e, t) {
-    return b(this, M, F).call(this, "options", e, t);
+    return d(this, R, L).call(this, "options", e, t);
   }
   async trace(e, t) {
-    return b(this, M, F).call(this, "trace", e, t);
+    return d(this, R, L).call(this, "trace", e, t);
   }
 }
-Y = new WeakMap(), Qe = new WeakMap(), M = new WeakSet(), F = async function(e, t, r) {
-  return Jt({
-    ...r,
+U = new WeakMap(), Le = new WeakMap(), R = new WeakSet(), L = async function(e, t, s) {
+  return kt({
+    ...s,
     method: e,
     uri: t,
-    middleware: s(this, Y),
-    fetch: s(this, Qe)
+    middleware: a(this, U),
+    fetch: a(this, Le)
   });
 };
-function Kt() {
+function vt() {
   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 Qt extends Error {
+class Et extends Error {
   constructor(t) {
-    const { status: r, statusText: n, method: a, uri: o } = t, p = `${r} ${n}: Request failed (${a.toUpperCase()} ${o})`;
-    super(p);
-    P(this, "response");
+    const { status: s, statusText: n, method: r, uri: i } = t, f = `${s} ${n}: Request failed (${r.toUpperCase()} ${i})`;
+    super(f);
+    g(this, "response");
     this.response = t;
   }
 }
-async function Jt(i) {
-  const { headers: e, query: t, fetch: r, middleware: n } = i, a = {
-    method: i.method,
-    uri: i.uri,
+async function kt(o) {
+  const { headers: e, query: t, fetch: s, middleware: n } = o, r = {
+    method: o.method,
+    uri: o.uri,
     get sameOrigin() {
-      return !a.uri.startsWith("http");
+      return !r.uri.startsWith("http");
     },
     query: new URLSearchParams(),
     headers: new Headers(),
-    body: i.body
+    body: o.body
   };
   if (e)
     if (e instanceof Map || e instanceof Headers)
-      e.forEach((l, f) => {
-        a.headers.set(f, l);
+      e.forEach((l, h) => {
+        r.headers.set(h, l);
       });
     else if (e != null && typeof e == "object" && !Array.isArray(e))
       for (const l in e) {
-        const f = e[l];
-        f instanceof Date ? a.headers.set(l, f.toISOString()) : f != null && a.headers.set(l, String(f));
+        const h = e[l];
+        h instanceof Date ? r.headers.set(l, h.toISOString()) : h != null && r.headers.set(l, String(h));
       }
     else
       throw new TypeError(`Unknown headers type. Got: ${e}`);
   if (t)
     if (t instanceof Map || t instanceof URLSearchParams)
-      t.forEach((l, f) => {
-        a.query.set(f, l);
+      t.forEach((l, h) => {
+        r.query.set(h, l);
       });
     else if (t != null && typeof t == "object" && !Array.isArray(t))
       for (const l in t) {
-        const f = t[l];
-        f instanceof Date ? a.query.set(l, f.toISOString()) : f != null && a.query.set(l, String(f));
+        const h = t[l];
+        h instanceof Date ? r.query.set(l, h.toISOString()) : h != null && r.query.set(l, String(h));
       }
     else
       throw new TypeError(`Unknown query params type. Got: ${t}`);
-  let o;
-  const p = async () => {
-    const l = a.query.toString(), f = l.length > 0 ? a.uri + "?" + l : a.uri;
-    let m;
-    !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,
-      body: m
-    }), u = Object.fromEntries(g.headers.entries()), y = u["content-type"];
-    let k;
-    y != null && y.includes("application/json") ? k = await g.json() : y != null && y.includes("application/x-www-form-urlencoded") ? k = await g.formData() : k = await g.text(), o = {
-      method: a.method,
-      uri: a.uri,
-      status: g.status,
-      statusText: g.statusText,
+  let i;
+  const f = async () => {
+    const l = r.query.toString(), h = l.length > 0 ? r.uri + "?" + l : r.uri;
+    let w;
+    !r.headers.has("content-type") && qe(r.body) ? (r.headers.set("content-type", "application/json"), w = JSON.stringify(r.body)) : w = r.body;
+    const p = await s(h, {
+      method: r.method,
+      headers: r.headers,
+      body: w
+    }), u = Object.fromEntries(p.headers.entries()), y = u["content-type"];
+    let $;
+    y != null && y.includes("application/json") ? $ = await p.json() : y != null && y.includes("application/x-www-form-urlencoded") ? $ = await p.formData() : $ = await p.text(), i = {
+      method: r.method,
+      uri: r.uri,
+      status: p.status,
+      statusText: p.statusText,
       headers: u,
-      body: k
+      body: $
     };
   };
   if (n.length > 0) {
-    const l = (f = 0) => {
-      const m = n[f], g = n[f + 1] ? l(f + 1) : p;
-      return async () => m(a, async () => (await g(), o));
+    const l = (h = 0) => {
+      const w = n[h], p = n[h + 1] ? l(h + 1) : f;
+      return async () => w(r, async () => (await p(), i));
     };
     await l()();
   } else
-    await p();
-  if (o.status < 200 || o.status >= 400)
-    throw new Qt(o);
-  return o;
-}
-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;
-      var r, n, a;
-      if (Array.isArray(e)) {
-        if (r = e.length, r != t.length) return !1;
-        for (n = r; n-- !== 0; )
-          if (!i(e[n], t[n])) return !1;
-        return !0;
-      }
-      if (e.constructor === RegExp) return e.source === t.source && e.flags === t.flags;
-      if (e.valueOf !== Object.prototype.valueOf) return e.valueOf() === t.valueOf();
-      if (e.toString !== Object.prototype.toString) return e.toString() === t.toString();
-      if (a = Object.keys(e), r = a.length, r !== Object.keys(t).length) return !1;
-      for (n = r; n-- !== 0; )
-        if (!Object.prototype.hasOwnProperty.call(t, a[n])) return !1;
-      for (n = r; n-- !== 0; ) {
-        var o = a[n];
-        if (!i(e[o], t[o])) return !1;
-      }
-      return !0;
-    }
-    return e !== e && t !== t;
-  }), tt;
+    await f();
+  if (i.status < 200 || i.status >= 400)
+    throw new Et(i);
+  return i;
 }
-var Xt = Yt();
-const Zt = /* @__PURE__ */ Tt(Xt);
-var Je, ue, se, at, xt;
-class er {
+var Me, J, B, Te, Ye;
+class St {
   constructor(e, t) {
-    h(this, se);
-    P(this, "dolla");
-    P(this, "config");
-    h(this, Je, !1);
-    h(this, ue, /* @__PURE__ */ new Map());
+    c(this, B);
+    g(this, "dolla");
+    g(this, "config");
+    c(this, Me, !1);
+    c(this, J, /* @__PURE__ */ new Map());
     this.config = e, this.dolla = t;
   }
   async load() {
     let e;
-    if (!s(this, Je)) {
-      if (dt(this.config.fetch)) {
-        if (e = await this.config.fetch(), !rt(e))
+    if (!a(this, Me)) {
+      if (Ie(this.config.fetch)) {
+        if (e = await this.config.fetch(), !qe(e))
           throw new Error(`Fetch function did not return an object of language strings: ${e}`);
-      } else if (V(this.config.path)) {
+      } else if (F(this.config.path)) {
         const t = await this.dolla.http.get(this.config.path);
         if (t.status >= 200 && t.status < 300)
-          if (rt(t.body))
+          if (qe(t.body))
             e = t.body;
           else
             throw new Error(
@@ -256,143 +294,143 @@ class er {
       }
     }
     if (e) {
-      const t = b(this, se, at).call(this, e);
-      for (const r of t)
-        s(this, ue).set(r[0], r[1]);
+      const t = d(this, B, Te).call(this, e);
+      for (const s of t)
+        a(this, J).set(s[0], s[1]);
     } else
       throw new Error("Language could not be loaded.");
   }
   getTemplate(e) {
-    return s(this, ue).get(e) ?? {
+    return a(this, J).get(e) ?? {
       segments: [{ type: 0, text: `[MISSING: ${e}]` }]
     };
   }
   hasTemplate(e) {
-    return s(this, ue).has(e);
+    return a(this, J).has(e);
   }
 }
-Je = new WeakMap(), ue = new WeakMap(), se = new WeakSet(), at = function(e, t = []) {
-  const r = [];
+Me = new WeakMap(), J = new WeakMap(), B = new WeakSet(), Te = function(e, t = []) {
+  const s = [];
   for (const n in e)
-    switch (gt(e[n])) {
+    switch (_e(e[n])) {
       case "string":
-        r.push([[...t, n].join("."), b(this, se, xt).call(this, e[n])]);
+        s.push([[...t, n].join("."), d(this, B, Ye).call(this, e[n])]);
         break;
       case "object":
-        r.push(...b(this, se, at).call(this, e[n], [...t, n]));
+        s.push(...d(this, B, Te).call(this, e[n], [...t, n]));
         break;
       default:
         throw new Error(
-          `Expected to find a string or object at ${[...t, n].join(".")}. Got: ${gt(e[n])}`
+          `Expected to find a string or object at ${[...t, n].join(".")}. Got: ${_e(e[n])}`
         );
     }
-  return r;
-}, xt = function(e) {
+  return s;
+}, Ye = 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";
   })(t || (t = {}));
-  const r = {
+  const s = {
     segments: []
   };
-  let n = "", a = 0, o = 0, p, l, f;
-  const m = () => {
-    p = {
+  let n = "", r = 0, i = 0, f, l, h;
+  const w = () => {
+    f = {
       type: 1,
       name: "",
       formats: []
     };
-  }, g = () => {
+  }, p = () => {
     l = {
       name: "",
       options: {}
     };
   };
-  for (; a < e.length; ) {
-    if (o !== 0 && e[a] === " ") {
-      a++;
+  for (; r < e.length; ) {
+    if (i !== 0 && e[r] === " ") {
+      r++;
       continue;
     }
-    switch (o) {
+    switch (i) {
       case 0:
-        e[a] === "{" && e[a + 1] === "{" ? (o = 1, a += 2, n.length > 0 && (r.segments.push({ type: 0, text: n }), n = ""), m()) : (n += e[a], a++);
+        e[r] === "{" && e[r + 1] === "{" ? (i = 1, r += 2, n.length > 0 && (s.segments.push({ type: 0, text: n }), n = ""), w()) : (n += e[r], r++);
         break;
       case 1:
-        e[a] === "|" ? (o = 2, a += 1, p.name = n, n = "", g()) : e[a] === "}" && e[a + 1] === "}" ? (o = 0, a += 2, p.name = n, n = "", r.segments.push(p)) : (n += e[a], a++);
+        e[r] === "|" ? (i = 2, r += 1, f.name = n, n = "", p()) : e[r] === "}" && e[r + 1] === "}" ? (i = 0, r += 2, f.name = n, n = "", s.segments.push(f)) : (n += e[r], r++);
         break;
       case 2:
-        e[a] === "(" ? (o = 3, a += 1, l.name = n, n = "") : e[a] === "}" && e[a + 1] === "}" ? (o = 0, a += 2, p.formats.push(l), r.segments.push(p)) : (n += e[a], a++);
+        e[r] === "(" ? (i = 3, r += 1, l.name = n, n = "") : e[r] === "}" && e[r + 1] === "}" ? (i = 0, r += 2, f.formats.push(l), s.segments.push(f)) : (n += e[r], r++);
         break;
       case 3:
-        e[a] === ")" || (e[a] === ":" ? (o = 4, a += 1, f = n, n = "") : e[a] === "}" && e[a + 1] === "}" || (n += e[a], a++));
+        e[r] === ")" || (e[r] === ":" ? (i = 4, r += 1, h = n, n = "") : e[r] === "}" && e[r + 1] === "}" || (n += e[r], r++));
         break;
       case 4:
-        e[a] === ")" ? (o = 5, a += 1, l.options[f] = n, n = "", p.formats.push(l)) : e[a] === "," ? (o = 3, a += 1, l.options[f] = n, n = "") : e[a] === "}" && e[a + 1] === "}" || (n += e[a], a++);
+        e[r] === ")" ? (i = 5, r += 1, l.options[h] = n, n = "", f.formats.push(l)) : e[r] === "," ? (i = 3, r += 1, l.options[h] = n, n = "") : e[r] === "}" && e[r + 1] === "}" || (n += e[r], r++);
         break;
       case 5:
-        e[a] === "|" ? (o = 2, a += 1, g()) : e[a] === "}" && e[a + 1] === "}" && (o = 0, a += 2, r.segments.push(p));
+        e[r] === "|" ? (i = 2, r += 1, p()) : e[r] === "}" && e[r + 1] === "}" && (i = 0, r += 2, s.segments.push(f));
         break;
     }
   }
-  return o === 0 && n.length > 0 && r.segments.push({ type: 0, text: n }), r;
+  return i === 0 && n.length > 0 && s.segments.push({ type: 0, text: n }), s;
 };
-var Ee, I, L, ke, Se, Pe, xe, R, Ot, st, it, ot, Lt;
-class tr {
+var ae, q, E, ie, oe, le, ce, k, Ze, De, Oe, je, et;
+class Rt {
   constructor(e) {
-    h(this, R);
-    h(this, Ee);
-    h(this, I);
-    h(this, L, /* @__PURE__ */ new Map());
-    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));
+    c(this, k);
+    c(this, ae);
+    c(this, q);
+    c(this, E, /* @__PURE__ */ new Map());
+    c(this, ie, []);
+    c(this, oe, /* @__PURE__ */ new Map());
+    c(this, le, "auto");
+    g(this, "$locale");
+    c(this, ce);
+    m(this, ae, e), m(this, q, e.createLogger("dolla/i18n"));
+    const [t, s] = H();
+    this.$locale = t, m(this, ce, s), this.addFormat("number", (n, r, i) => d(this, k, De).call(this, Number(r), i)), this.addFormat("datetime", (n, r, i) => d(this, k, Oe).call(this, r, i)), this.addFormat("list", (n, r, i) => d(this, k, je).call(this, r, i)), e.beforeMount(async () => {
+      a(this, E).size > 0 && await this.setLocale(a(this, le));
     });
   }
   get locales() {
-    return [...s(this, L).keys()];
+    return [...a(this, E).keys()];
   }
   setup(e) {
     if (e.translations.forEach((t) => {
-      s(this, L).set(t.locale, new er(t, s(this, Ee)));
+      a(this, E).set(t.locale, new St(t, a(this, ae)));
     }), e.locale && e.locale !== "auto") {
-      if (!e.translations.some((r) => r.locale === e.locale))
+      if (!e.translations.some((s) => s.locale === e.locale))
         throw new Error(`Initial locale '${e.locale}' is not registered in the locales array.`);
-      v(this, Pe, e.locale);
+      m(this, le, e.locale);
     }
-    s(this, I).info(
-      `${s(this, L).size} language${s(this, L).size === 1 ? "" : "s"} supported: '${[...s(this, L).keys()].join("', '")}'`
+    a(this, q).info(
+      `${a(this, E).size} language${a(this, E).size === 1 ? "" : "s"} supported: '${[...a(this, E).keys()].join("', '")}'`
     );
   }
   async setLocale(e) {
     var n;
     let t;
     if (e === "auto") {
-      let a = [];
+      let r = [];
       if (typeof navigator == "object") {
-        const o = navigator;
-        ((n = o.languages) == null ? void 0 : n.length) > 0 ? a.push(...o.languages) : o.language ? a.push(o.language) : o.browserLanguage ? a.push(o.browserLanguage) : o.userLanguage && a.push(o.userLanguage);
+        const i = navigator;
+        ((n = i.languages) == null ? void 0 : n.length) > 0 ? r.push(...i.languages) : i.language ? r.push(i.language) : i.browserLanguage ? r.push(i.browserLanguage) : i.userLanguage && r.push(i.userLanguage);
       }
-      for (const o of a)
-        s(this, L).has(o) && (t = o);
+      for (const i of r)
+        a(this, E).has(i) && (t = i);
     } else
-      s(this, L).has(e) && (t = e);
+      a(this, E).has(e) && (t = e);
     if (t == null) {
-      const a = s(this, L).keys().next().value;
-      a && (t = a);
+      const r = a(this, E).keys().next().value;
+      r && (t = r);
     }
-    if (!t || !s(this, L).has(t))
+    if (!t || !a(this, E).has(t))
       throw new Error(`Locale '${e}' has no translation.`);
-    const r = s(this, L).get(t);
+    const s = a(this, E).get(t);
     try {
-      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, I).crash(a);
+      await s.load(), m(this, ie, []), a(this, ce).call(this, t), a(this, q).info("set language to " + t);
+    } catch (r) {
+      r instanceof Error && a(this, q).crash(r);
     }
   }
   /**
@@ -409,16 +447,16 @@ class tr {
       throw new Error(
         `The 't' function cannot be destructured. If you need a standalone version you can import it like so: 'import { t } from "@manyducks.co/dolla"'`
       );
-    let r = [], n = [];
-    for (const a in t)
-      r.push(a), n.push(t[a]);
-    return be([this.$locale, ...n], (a, ...o) => {
-      if (a == null)
+    let s = [], n = [];
+    for (const r in t)
+      s.push(r), n.push(t[r]);
+    return ee([this.$locale, ...n], (r, ...i) => {
+      if (r == null)
         return "[NO LOCALE SET]";
-      const p = {};
-      for (let l = 0; l < o.length; l++)
-        p[r[l]] = o[l];
-      return b(this, R, Ot).call(this, a, e, p);
+      const f = {};
+      for (let l = 0; l < i.length; l++)
+        f[s[l]] = i[l];
+      return d(this, k, Ze).call(this, r, e, f);
     });
   }
   /**
@@ -436,7 +474,7 @@ class tr {
    * t("greeting", {name: "world"}); // State<"Hello, WORLD!">
    */
   addFormat(e, t) {
-    s(this, Se).set(e, t);
+    a(this, oe).set(e, t);
   }
   /**
    * Creates an `Intl.Collator` configured for the current locale.
@@ -453,7 +491,7 @@ class tr {
    * @see https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat/NumberFormat#options
    */
   number(e, t) {
-    return be([this.$locale, e], (r, n) => b(this, R, st).call(this, n, t));
+    return ee([this.$locale, e], (s, n) => d(this, k, De).call(this, n, t));
   }
   /**
    * Returns a State containing the date formatted for the current locale. Uses `Intl.DateTimeFormat` under the hood.
@@ -465,7 +503,7 @@ class tr {
    * const $formatted = Dolla.i18n.dateTime(date, { dateFormat: "short" });
    */
   dateTime(e, t) {
-    return be([this.$locale, e], (r, n) => b(this, R, it).call(this, n, t));
+    return ee([this.$locale, e], (s, n) => d(this, k, Oe).call(this, n, t));
   }
   /**
    * Returns a State containing the date formatted for the current locale. Uses `Intl.DateTimeFormat` under the hood.
@@ -477,604 +515,183 @@ class tr {
    * const $formatted = Dolla.i18n.list(list, {  });
    */
   list(e, t) {
-    return be([this.$locale, e], (r, n) => b(this, R, ot).call(this, n, t));
+    return ee([this.$locale, e], (s, n) => d(this, k, je).call(this, n, t));
   }
 }
-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) {
+ae = new WeakMap(), q = new WeakMap(), E = new WeakMap(), ie = new WeakMap(), oe = new WeakMap(), le = new WeakMap(), ce = new WeakMap(), k = new WeakSet(), Ze = function(e, t, s) {
   var l;
-  const n = b(this, R, Lt).call(this, t, r);
+  const n = d(this, k, et).call(this, t, s);
   if (n) return n;
-  const a = s(this, L).get(e);
-  if (r.context != null && (t += "_" + r.context), r.count != null)
-    if (r.ordinal) {
-      const f = `${t}_ordinal_(=${r.count})`;
-      a.hasTemplate(f) ? t = f : t += "_ordinal_" + new Intl.PluralRules(e, { type: "ordinal" }).select(r.count);
+  const r = a(this, E).get(e);
+  if (s.context != null && (t += "_" + s.context), s.count != null)
+    if (s.ordinal) {
+      const h = `${t}_ordinal_(=${s.count})`;
+      r.hasTemplate(h) ? t = h : t += "_ordinal_" + new Intl.PluralRules(e, { type: "ordinal" }).select(s.count);
     } else {
-      const f = `${t}_(=${r.count})`;
-      a.hasTemplate(f) ? t = f : t += "_" + new Intl.PluralRules(e).select(r.count);
+      const h = `${t}_(=${s.count})`;
+      r.hasTemplate(h) ? t = h : t += "_" + new Intl.PluralRules(e).select(s.count);
     }
-  const o = a.getTemplate(t);
-  let p = "";
-  for (const f of o.segments)
-    if (f.type === 0)
-      p += f.text;
-    else if (f.type === 1) {
-      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, Se).get(u.name);
+  const i = r.getTemplate(t);
+  let f = "";
+  for (const h of i.segments)
+    if (h.type === 0)
+      f += h.text;
+    else if (h.type === 1) {
+      let w = Lt(s, h.name);
+      const p = ((l = s.formatOverrides) == null ? void 0 : l[h.name]) ?? [...h.formats];
+      h.name === "count" && p.length === 0 && p.push({ name: "number", options: {} });
+      for (const u of p) {
+        const y = a(this, oe).get(u.name);
         if (y == null) {
-          const k = new Error(
-            `Failed to load format '${u.name}' when processing '${t}', template: ${o}`
+          const $ = new Error(
+            `Failed to load format '${u.name}' when processing '${t}', template: ${i}`
           );
-          throw s(this, I).crash(k), k;
+          throw a(this, q).crash($), $;
         }
-        m = y(e, m, u.options);
+        w = y(e, w, u.options);
       }
-      p += m;
+      f += w;
     }
-  return p;
-}, st = function(e, t) {
+  return f;
+}, De = function(e, t) {
   return new Intl.NumberFormat(this.$locale.get(), t).format(e);
-}, it = function(e, t) {
+}, Oe = function(e, t) {
   return new Intl.DateTimeFormat(this.$locale.get(), t).format(
     typeof e == "string" ? new Date(e) : e
   );
-}, ot = function(e, t) {
+}, je = function(e, t) {
   return new Intl.ListFormat(this.$locale.get(), t).format(e);
 }, // relativeTime(): State<string> {
 // }
-Lt = function(e, t) {
-  for (const r of s(this, ke))
-    if (r[0] === e && Zt(r[1], t))
-      return r[2];
+et = function(e, t) {
+  for (const s of a(this, ie))
+    if (s[0] === e && at(s[1], t))
+      return s[2];
 };
-function rr(i, e) {
+function Lt(o, e) {
   const t = String(e).split(/[\.\[\]]/).filter((n) => n.trim() !== "");
-  let r = i;
+  let s = o;
   for (; t.length > 0; ) {
     const n = t.shift();
-    r != null ? r = r[n] : r = void 0;
-  }
-  return r;
-}
-var U, he, H, X, Z, ee, Ye, A, Oe, _, lt, Ie;
-class nr {
-  constructor(e) {
-    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, 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, 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 that runs before the next batch of writes.
-   */
-  read(e) {
-    s(this, U).isMounted && (s(this, Z).push(e), b(this, _, lt).call(this));
-  }
-  /**
-   * 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.
-   */
-  write(e, t) {
-    s(this, U).isMounted && (t ? s(this, H).set(t, e) : s(this, X).push(e), b(this, _, lt).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 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;
-  }, me.apply(null, arguments);
-}
-var T;
-(function(i) {
-  i.Pop = "POP", i.Push = "PUSH", i.Replace = "REPLACE";
-})(T || (T = {}));
-var Be = process.env.NODE_ENV !== "production" ? function(i) {
-  return Object.freeze(i);
-} : function(i) {
-  return i;
-};
-function Ue(i, e) {
-  if (!i) {
-    typeof console < "u" && console.warn(e);
-    try {
-      throw new Error(e);
-    } catch {
-    }
-  }
-}
-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, $ = w.hash, E = n.state || {};
-    return [E.idx, Be({
-      pathname: c,
-      search: d,
-      hash: $,
-      state: E.usr || null,
-      key: E.key || "default"
-    })];
-  }
-  var o = null;
-  function p() {
-    if (o)
-      y.call(o), o = null;
-    else {
-      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: $,
-            retry: function() {
-              C(E * -1);
-            }
-          }, C(E));
-        } else
-          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
-            // is going on and how to avoid it.
-            "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
-        ie(w);
-    }
-  }
-  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 : He(w);
-  }
-  function ge(w, c) {
-    return c === void 0 && (c = null), Be(me({
-      pathname: g.pathname,
-      hash: "",
-      search: ""
-    }, typeof w == "string" ? ct(w) : w, {
-      state: c,
-      key: Dt()
-    }));
-  }
-  function we(w, c) {
-    return [{
-      usr: w.state,
-      key: w.key,
-      idx: c
-    }, k(w)];
-  }
-  function ye(w, c, d) {
-    return !y.length || (y.call({
-      action: w,
-      location: c,
-      retry: d
-    }), !1);
-  }
-  function ie(w) {
-    l = w;
-    var c = a();
-    m = c[0], g = c[1], u.call({
-      action: l,
-      location: g
-    });
-  }
-  function oe(w, c) {
-    var d = T.Push, $ = ge(w, c);
-    function E() {
-      oe(w, c);
-    }
-    if (ye(d, $, E)) {
-      var x = we($, m + 1), D = x[0], j = x[1];
-      try {
-        n.pushState(D, "", j);
-      } catch {
-        r.location.assign(j);
-      }
-      ie(d);
-    }
-  }
-  function ve(w, c) {
-    var d = T.Replace, $ = ge(w, c);
-    function E() {
-      ve(w, c);
-    }
-    if (ye(d, $, E)) {
-      var x = we($, m), D = x[0], j = x[1];
-      n.replaceState(D, "", j), ie(d);
-    }
-  }
-  function C(w) {
-    n.go(w);
-  }
-  var J = {
-    get action() {
-      return l;
-    },
-    get location() {
-      return g;
-    },
-    createHref: k,
-    push: oe,
-    replace: ve,
-    go: C,
-    back: function() {
-      C(-1);
-    },
-    forward: function() {
-      C(1);
-    },
-    listen: function(c) {
-      return u.push(c);
-    },
-    block: function(c) {
-      var d = y.push(c);
-      return y.length === 1 && r.addEventListener(Ge, ze), function() {
-        d(), y.length || r.removeEventListener(Ge, ze);
-      };
-    }
-  };
-  return J;
-}
-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 = 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"
-    })];
-  }
-  var o = null;
-  function p() {
-    if (o)
-      y.call(o), o = null;
-    else {
-      var c = T.Pop, d = a(), $ = d[0], E = d[1];
-      if (y.length)
-        if ($ != null) {
-          var x = m - $;
-          x && (o = {
-            action: c,
-            location: E,
-            retry: function() {
-              J(x * -1);
-            }
-          }, J(x));
-        } else
-          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 is going on and how to avoid it.
-            "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
-        oe(c);
-    }
-  }
-  r.addEventListener(Rt, p), r.addEventListener(ar, function() {
-    var c = a(), d = c[1];
-    He(d) !== He(g) && 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() {
-    var c = document.querySelector("base"), d = "";
-    if (c && c.getAttribute("href")) {
-      var $ = r.location.href, E = $.indexOf("#");
-      d = E === -1 ? $ : $.slice(0, E);
-    }
-    return d;
-  }
-  function ge(c) {
-    return k() + "#" + (typeof c == "string" ? c : He(c));
-  }
-  function we(c, d) {
-    return d === void 0 && (d = null), Be(me({
-      pathname: g.pathname,
-      hash: "",
-      search: ""
-    }, typeof c == "string" ? ct(c) : c, {
-      state: d,
-      key: Dt()
-    }));
-  }
-  function ye(c, d) {
-    return [{
-      usr: c.state,
-      key: c.key,
-      idx: d
-    }, ge(c)];
-  }
-  function ie(c, d, $) {
-    return !y.length || (y.call({
-      action: c,
-      location: d,
-      retry: $
-    }), !1);
-  }
-  function oe(c) {
-    l = c;
-    var d = a();
-    m = d[0], g = d[1], u.call({
-      action: l,
-      location: g
-    });
-  }
-  function ve(c, d) {
-    var $ = T.Push, E = we(c, d);
-    function x() {
-      ve(c, d);
-    }
-    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(j, "", q);
-      } catch {
-        r.location.assign(q);
-      }
-      oe($);
-    }
-  }
-  function C(c, d) {
-    var $ = T.Replace, E = we(c, d);
-    function x() {
-      C(c, d);
-    }
-    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 J(c) {
-    n.go(c);
+    s != null ? s = s[n] : s = void 0;
   }
-  var w = {
-    get action() {
-      return l;
-    },
-    get location() {
-      return g;
-    },
-    createHref: ge,
-    push: ve,
-    replace: C,
-    go: J,
-    back: function() {
-      J(-1);
-    },
-    forward: function() {
-      J(1);
-    },
-    listen: function(d) {
-      return u.push(d);
-    },
-    block: function(d) {
-      var $ = y.push(d);
-      return y.length === 1 && r.addEventListener(Ge, ze), function() {
-        $(), y.length || r.removeEventListener(Ge, ze);
-      };
-    }
-  };
-  return w;
-}
-function ze(i) {
-  i.preventDefault(), i.returnValue = "";
-}
-function Ke() {
-  var i = [];
-  return {
-    get length() {
-      return i.length;
-    },
-    push: function(t) {
-      return i.push(t), function() {
-        i = i.filter(function(r) {
-          return r !== t;
-        });
-      };
-    },
-    call: function(t) {
-      i.forEach(function(r) {
-        return r && r(t);
-      });
-    }
-  };
-}
-function Dt() {
-  return Math.random().toString(36).substr(2, 8);
-}
-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 ct(i) {
-  var e = {};
-  if (i) {
-    var t = i.indexOf("#");
-    t >= 0 && (e.hash = i.substr(t), i = i.substr(0, t));
-    var r = i.indexOf("?");
-    r >= 0 && (e.search = i.substr(r), i = i.substr(0, r)), i && (e.pathname = i);
-  }
-  return e;
+  return s;
 }
-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 re(o) {
+  return Je(o, "Expected `path` to be a string. Got type: %t, value: %v"), o.split("/").map((e) => e.trim()).filter((e) => e !== "");
 }
-function le(i) {
+function z(o) {
   var t;
-  qt(
-    (r) => dt(r == null ? void 0 : r.toString),
-    i,
+  it(
+    (s) => Ie(s == null ? void 0 : s.toString),
+    o,
     "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();
+  ), o = o.filter((s) => s).flatMap(String);
+  let e = (t = o.shift()) == null ? void 0 : t.toString();
   if (e) {
-    for (const r of i.map((n) => n.toString()))
-      r.startsWith(".") ? e = We(e, r) : e[e.length - 1] !== "/" ? r[0] !== "/" ? e += "/" + r : e += r : r[0] === "/" ? e += r.slice(1) : e += r;
+    for (const s of o.map((n) => n.toString()))
+      s.startsWith(".") ? e = ke(e, s) : e[e.length - 1] !== "/" ? s[0] !== "/" ? e += "/" + s : e += s : s[0] === "/" ? e += s.slice(1) : e += s;
     e && e !== "/" && e.endsWith("/") && (e = e.slice(0, e.length - 1));
   }
   return e ?? "";
 }
-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("/"))
+function ke(o, e) {
+  if (Je(o, "Expected `base` to be a string. Got type: %t, value: %v"), e == null && (e = o, o = ""), e.startsWith("/"))
     return e;
-  let t = i;
+  let t = o;
   for (; ; )
     if (e.startsWith("..")) {
-      for (let r = t.length; r > 0; --r)
-        if (t[r] === "/" || r === 0) {
-          t = t.slice(0, r), e = e.replace(/^\.\.\/?/, "");
+      for (let s = t.length; s > 0; --s)
+        if (t[s] === "/" || s === 0) {
+          t = t.slice(0, s), e = e.replace(/^\.\.\/?/, "");
           break;
         }
     } else if (e.startsWith("."))
       e = e.replace(/^\.\/?/, "");
     else
       break;
-  return le([t, e]);
+  return z([t, e]);
 }
-function ut(i) {
-  if (!i) return {};
-  i.startsWith("?") && (i = i.slice(1));
-  const e = i.split("&").filter((t) => t.trim() !== "").map((t) => {
-    const [r, n] = t.split("=").map((a) => a.trim());
-    return n.toLowerCase() === "true" ? [r, !0] : n.toLowerCase() === "false" ? [r, !1] : isNaN(Number(n)) ? [r, n] : [r, Number(n)];
+function Ce(o) {
+  if (!o) return {};
+  o.startsWith("?") && (o = o.slice(1));
+  const e = o.split("&").filter((t) => t.trim() !== "").map((t) => {
+    const [s, n] = t.split("=").map((r) => r.trim());
+    return n.toLowerCase() === "true" ? [s, !0] : n.toLowerCase() === "false" ? [s, !1] : isNaN(Number(n)) ? [s, n] : [s, Number(n)];
   });
   return Object.fromEntries(e);
 }
-function $t(i, e, t = {}) {
-  var o;
-  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))
+function Ke(o, e, t = {}) {
+  var i;
+  const [s, n] = e.split("?"), r = re(s);
+  e: for (const f of o) {
+    const { fragments: l } = f;
+    if (!(((i = l[l.length - 1]) == null ? void 0 : i.type) === 3) && l.length !== r.length || t.willMatch && !t.willMatch(f))
       continue e;
-    const m = [];
+    const w = [];
     t: for (let u = 0; u < l.length; u++) {
-      const y = a[u], k = l[u];
-      if (y == null && k.type !== 3)
+      const y = r[u], $ = l[u];
+      if (y == null && $.type !== 3)
         continue e;
-      switch (k.type) {
+      switch ($.type) {
         case 1:
-          if (k.name.toLowerCase() === y.toLowerCase()) {
-            m.push(k);
+          if ($.name.toLowerCase() === y.toLowerCase()) {
+            w.push($);
             break;
           } else
             continue e;
         case 2:
-          m.push({ ...k, value: y });
+          w.push({ ...$, value: y });
           break;
         case 3:
-          m.push({ ...k, value: a.slice(u).join("/") });
+          w.push({ ...$, value: r.slice(u).join("/") });
           break t;
         case 4:
           if (isNaN(Number(y)))
             continue e;
-          m.push({ ...k, value: Number(y) });
+          w.push({ ...$, value: Number(y) });
           break;
         default:
-          throw new Error(`Unknown fragment type: ${k.type}`);
+          throw new Error(`Unknown fragment type: ${$.type}`);
       }
     }
-    const g = {};
-    for (const u of m)
-      u.type === 2 && (g[u.name] = decodeURIComponent(u.value)), u.type === 4 && (g[u.name] = u.value), u.type === 3 && (g.wildcard = "/" + decodeURIComponent(u.value));
+    const p = {};
+    for (const u of w)
+      u.type === 2 && (p[u.name] = decodeURIComponent(u.value)), u.type === 4 && (p[u.name] = u.value), u.type === 3 && (p.wildcard = "/" + decodeURIComponent(u.value));
     return {
-      path: "/" + m.map((u) => u.value).join("/"),
+      path: "/" + w.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: ut(n),
-      meta: p.meta
+      params: p,
+      query: Ce(n),
+      meta: f.meta
     };
   }
 }
-function or(i) {
-  const e = [], t = [], r = [], n = [];
-  for (const o of i) {
-    const { fragments: p } = o;
-    p.some(
+function Mt(o) {
+  const e = [], t = [], s = [], n = [];
+  for (const i of o) {
+    const { fragments: f } = i;
+    f.some(
       (l) => l.type === 3
       /* Wildcard */
-    ) ? n.push(o) : p.some(
+    ) ? n.push(i) : f.some(
       (l) => l.type === 4
       /* NumericParam */
-    ) ? t.push(o) : p.some(
+    ) ? t.push(i) : f.some(
       (l) => l.type === 2
       /* Param */
-    ) ? r.push(o) : e.push(o);
+    ) ? s.push(i) : e.push(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];
+  const r = (i, f) => i.fragments.length > f.fragments.length ? -1 : 1;
+  return e.sort(r), t.sort(r), s.sort(r), n.sort(r), [...e, ...t, ...s, ...n];
 }
-function lr(i) {
-  const e = $e(i), t = [];
-  for (let r = 0; r < e.length; r++) {
-    const n = e[r];
+function xt(o) {
+  const e = re(o), t = [];
+  for (let s = 0; s < e.length; s++) {
+    const n = e[s];
     if (n === "*") {
-      if (r !== e.length - 1)
-        throw new Error(`Wildcard must be at the end of a pattern. Received: ${i}`);
+      if (s !== e.length - 1)
+        throw new Error(`Wildcard must be at the end of a pattern. Received: ${o}`);
       t.push({
         type: 3,
         name: "*",
@@ -1092,97 +709,86 @@ function lr(i) {
   }
   return t;
 }
-const Et = (i, e) => {
-  if (Object.keys(i).length !== Object.keys(e).length)
-    return !1;
-  for (const t in i)
-    if (i[t] !== e[t])
-      return !1;
-  return !0;
-};
-var Le, N, te, Re, S, Xe, W, De, re, ne, fe, de, pe, Ne, Q, ht, ft;
-class cr {
+var he, S, I, xe, N, ue, V, W, _, X, Y, Z, fe, b, Ae, Se, tt, te, Ue;
+class Ft {
   constructor(e, t) {
-    h(this, Q);
-    h(this, Le);
-    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, []);
+    c(this, b);
+    c(this, he);
+    c(this, S);
+    c(this, I);
+    // #history!: History;
+    c(this, xe, 0);
+    c(this, N, []);
+    c(this, ue);
+    c(this, V, []);
+    /**
+     * Use hash routing when true. Configured in router options.
+     */
+    c(this, W, !1);
     // Callbacks that need to be called on unmount.
-    h(this, ne, []);
+    c(this, _, []);
     /**
      * The currently matched route pattern, if any.
      */
-    P(this, "$pattern");
-    h(this, fe);
+    g(this, "$pattern");
+    c(this, X);
     /**
      * The current URL path.
      */
-    P(this, "$path");
-    h(this, de);
+    g(this, "$path");
+    c(this, Y);
     /**
      * The current named path params.
      */
-    P(this, "$params");
-    h(this, pe);
+    g(this, "$params");
+    c(this, Z);
     /**
      * The current query params. Changes to this object will be reflected in the URL.
      */
-    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 }
+    g(this, "$query");
+    c(this, fe);
+    m(this, he, e), m(this, S, e.createLogger("dolla/router")), m(this, I, t);
+    const [s, n] = H(null), [r, i] = H(""), [f, l] = H({}, { equals: Ge }), [h, w] = H(
+      Ce(typeof window > "u" ? "" : window.location.search ?? ""),
+      { equals: Ge }
     );
-    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, S).location.search && s(this, S).replace({
-          pathname: s(this, S).location.pathname,
-          search: y
-        });
-      }), 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 = le([s(this, S).location.pathname, u])), s(this, S).push(u);
+    this.$pattern = s, m(this, X, n), this.$path = r, m(this, Y, i), this.$params = f, m(this, Z, l), this.$query = h, m(this, fe, w), e.beforeMount(() => {
+      const p = () => {
+        d(this, b, te).call(this);
+      };
+      return window.addEventListener("popstate", p), a(this, _).push(() => window.removeEventListener("popstate", p)), a(this, _).push(
+        Nt(a(this, I).rootElement, (u) => {
+          let y = u.getAttribute("href");
+          a(this, S).info("intercepted click on <a> tag", u), /^https?:\/\/|^\//.test(y) || (y = z([window.location.pathname, y])), d(this, b, Ae).call(this, y);
         })
-      ), s(this, N).info("Intercepting <a> clicks within root element:", s(this, te).rootElement));
+      ), a(this, S).info("will intercept clicks on <a> tags within root element", a(this, I).rootElement), d(this, b, te).call(this);
     }), e.onUnmount(() => {
-      for (; s(this, ne).length > 0; )
-        s(this, ne).pop()();
-      s(this, Re).stopAll();
+      for (const p of a(this, _))
+        p();
+      m(this, _, []);
     });
   }
   setup(e) {
-    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.")
+    if (a(this, he).isMounted) {
+      a(this, S).crash(
+        new Error("Dolla is already mounted. Dolla.router.setup() must be called before Dolla.mount().")
       );
       return;
     }
-    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) => ({
+    e.hash && m(this, W, !0), m(this, V, Mt(
+      e.routes.flatMap((t) => d(this, b, Ue).call(this, t)).map((t) => ({
         pattern: t.pattern,
         meta: t.meta,
-        fragments: lr(t.pattern)
+        fragments: xt(t.pattern)
       }))
     ));
-    for (const t of s(this, re))
+    for (const t of a(this, V))
       if (t.meta.redirect) {
-        let 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;
+        let s;
+        if (!Ie(t.meta.redirect)) if (F(t.meta.redirect)) {
+          if (s = t.meta.redirect, !Ke(a(this, V), s, {
+            willMatch(r) {
+              return r !== t;
             }
           }))
             throw new Error(
@@ -1192,6 +798,18 @@ class cr {
           throw new TypeError(`Expected a string or redirect function. Got: ${t.meta.redirect}`);
       }
   }
+  /**
+   * Navigate backward. Pass a number of steps to hit the back button that many times.
+   */
+  back(e = 1) {
+    window.history.go(-e);
+  }
+  /**
+   * Navigate forward. Pass a number of steps to hit the forward button that many times.
+   */
+  forward(e = 1) {
+    window.history.go(e);
+  }
   /**
    * Navigates to another route.
    *
@@ -1200,53 +818,68 @@ class cr {
    * Dolla.router.go["/users", 215], { replace: true }); // replace current history entry with `/users/215`
    */
   go(e, t = {}) {
-    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."
-        )
-      );
-      return;
-    }
-    let 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);
+    let s;
+    Array.isArray(e) ? s = z(e) : s = e.toString(), s = ke(window.location.pathname, s), t.preserveQuery && (s += window.location.search), t.replace ? d(this, b, Se).call(this, s) : d(this, b, Ae).call(this, s);
   }
-  /**
-   * Navigate backward. Pass a number of steps to hit the back button that many times.
-   */
-  back(e = 1) {
-    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."
-        )
-      );
-      return;
-    }
-    s(this, S).go(-e);
+}
+he = new WeakMap(), S = new WeakMap(), I = new WeakMap(), xe = new WeakMap(), N = new WeakMap(), ue = new WeakMap(), V = new WeakMap(), W = new WeakMap(), _ = new WeakMap(), X = new WeakMap(), Y = new WeakMap(), Z = new WeakMap(), fe = new WeakMap(), b = new WeakSet(), Ae = function(e) {
+  a(this, S).info("(push)", e), window.history.pushState({}, "", a(this, W) ? "/#" + e : e), d(this, b, te).call(this, e);
+}, Se = function(e) {
+  a(this, S).info("(replace)", e), window.history.replaceState({}, "", a(this, W) ? "/#" + e : e), d(this, b, te).call(this, e);
+}, tt = function() {
+  return a(this, W) ? new URL(window.location.hash.slice(1), window.location.origin) : new URL(window.location.pathname, window.location.origin);
+}, te = async function(e) {
+  const t = e ? new URL(e, window.location.origin) : d(this, b, tt).call(this);
+  a(this, S).info("updating route", { location: t, href: e }), t.search !== a(this, ue) && (m(this, ue, t.search), a(this, fe).call(this, Ce(t.search)));
+  const s = Ke(a(this, V), t.pathname);
+  if (!s) {
+    a(this, X).call(this, null), a(this, Y).call(this, t.pathname), a(this, Z).call(this, {
+      wildcard: t.pathname
+    });
+    return;
   }
-  /**
-   * Navigate forward. Pass a number of steps to hit the forward button that many times.
-   */
-  forward(e = 1) {
-    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."
-        )
-      );
-      return;
+  let n = s.meta.redirect;
+  if (s.meta.beforeMatch && await s.meta.beforeMatch({
+    // TODO: Allow setting context variables from here? Would apply to the context of the matched view.
+    redirect: (r) => {
+      n = r;
+    }
+  }), n != null)
+    if (typeof n == "string") {
+      const r = Tt(n, s.params);
+      a(this, S).info(`↩️ redirecting from '${s.path}' to '${r}'`), d(this, b, Se).call(this, r);
+    } else if (typeof n == "function") {
+      const r = {
+        path: s.path,
+        pattern: s.pattern,
+        params: s.params,
+        query: s.query
+      };
+      let i = await n(r);
+      if (typeof i != "string")
+        throw new Error("Redirect function must return a path to redirect to.");
+      i.startsWith("/") || (i = ke(s.path, i)), a(this, S).info(`Redirecting to: '${i}'`), d(this, b, Se).call(this, i);
+    } else
+      throw new TypeError("Redirect must either be a path string or a function.");
+  else if (a(this, S).info(`📍 navigating to '${s.path}'`), a(this, Y).call(this, s.path), a(this, Z).call(this, s.params), s.pattern !== this.$pattern.get()) {
+    a(this, X).call(this, s.pattern);
+    const r = s.meta.layers;
+    for (let i = 0; i < r.length; i++) {
+      const f = r[i], l = a(this, N)[i];
+      if ((l == null ? void 0 : l.id) !== f.id) {
+        m(this, N, a(this, N).slice(0, i)), l == null || l.node.unmount();
+        const h = a(this, N).at(-1), p = ((h == null ? void 0 : h.node) ?? a(this, I).rootView).setChildView(f.view);
+        a(this, N).push({ id: f.id, node: p });
+      }
     }
-    s(this, S).go(e);
   }
-}
-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.
  */
-ht = function(e, t = [], r = []) {
+Ue = function(e, t = [], s = []) {
   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)
@@ -1257,150 +890,105 @@ ht = 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(...$e(l.path));
-  n.push(...$e(e.path)), n[n.length - 1] === "*" && n.pop();
-  const a = [];
+    n.push(...re(l.path));
+  n.push(...re(e.path)), n[n.length - 1] === "*" && n.pop();
+  const r = [];
   if (e.redirect) {
     let l = e.redirect;
-    return V(l) && (l = We(le(n), l), l.startsWith("/") || (l = "/" + l)), a.push({
-      pattern: "/" + le([...n, ...$e(e.path)]),
+    return F(l) && (l = ke(z(n), l), l.startsWith("/") || (l = "/" + l)), r.push({
+      pattern: "/" + z([...n, ...re(e.path)]),
       meta: {
         redirect: l
       }
-    }), a;
+    }), r;
   }
-  let o = Pt;
+  let i = Xe;
   if (typeof e.view == "function")
-    o = e.view;
+    i = e.view;
   else if (e.view)
     throw new TypeError(`Route '${e.path}' expected a view function or undefined. Got: ${e.view}`);
-  const p = { id: et(this, Xe)._++, view: o };
+  const f = { id: Pe(this, xe)._++, view: i };
   if (e.routes)
     for (const l of e.routes)
-      a.push(...b(this, Q, ht).call(this, l, [...t, e], [...r, p]));
+      r.push(...d(this, b, Ue).call(this, l, [...t, e], [...s, f]));
   else
-    a.push({
-      pattern: parent ? le([...t.map((l) => l.path), e.path]) : e.path,
+    r.push({
+      pattern: parent ? z([...t.map((l) => l.path), e.path]) : e.path,
       meta: {
         pattern: e.path,
-        layers: [...r, p],
+        layers: [...s, f],
         beforeMatch: e.beforeMatch
       }
     });
-  return a;
-}, 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, fe).call(this, null), s(this, de).call(this, e.pathname), s(this, pe).call(this, {
-      wildcard: e.pathname
-    });
-    return;
-  }
-  if (t.meta.beforeMatch && await t.meta.beforeMatch({
-    // TODO: Allow setting context variables from here.
-    redirect: (r) => {
-      throw new Error("Redirect not yet implemented.");
-    }
-  }), t.meta.redirect != null)
-    if (typeof t.meta.redirect == "string") {
-      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,
-        pattern: t.pattern,
-        params: t.params,
-        query: t.query
-      };
-      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 = 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, 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, W)[n];
-      if ((o == null ? void 0 : o.id) !== a.id) {
-        v(this, W, s(this, W).slice(0, n));
-        const p = s(this, W).at(-1);
-        o && o.node.isMounted && o.node.unmount(!1);
-        let 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 });
-      }
-    }
-  }
+  return r;
 };
-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;
+const Pt = /(noopener|noreferrer) (noopener|noreferrer)/, qt = /^[\w-_]+:/;
+function Nt(o, e, t = window) {
+  function s(r) {
+    return !r || r === o ? null : r.localName !== "a" || r.href === void 0 ? s(r.parentNode) : r;
   }
-  function n(a) {
-    if (a.button && a.button !== 0 || a.ctrlKey || a.metaKey || a.altKey || a.shiftKey || a.defaultPrevented)
+  function n(r) {
+    if (r.button && r.button !== 0 || r.ctrlKey || r.metaKey || r.altKey || r.shiftKey || r.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" && ur.test(o.getAttribute("rel")) || hr.test(o.getAttribute("href")) || (a.preventDefault(), e(o)));
+    const i = s(r.target);
+    i && (t.location.protocol !== i.protocol || t.location.hostname !== i.hostname || t.location.port !== i.port || i.hasAttribute("data-router-ignore") || i.hasAttribute("download") || i.getAttribute("target") === "_blank" && Pt.test(i.getAttribute("rel")) || qt.test(i.getAttribute("href")) || (r.preventDefault(), e(i)));
   }
-  return i.addEventListener("click", n), function() {
-    i.removeEventListener("click", n);
+  return o.addEventListener("click", n), function() {
+    o.removeEventListener("click", n);
   };
 }
-function dr(i, e) {
+function Tt(o, e) {
   for (const t in e) {
-    const r = e[t].toString();
-    i = i.replace(`{${t}}`, r).replace(`{#${t}}`, r);
+    const s = e[t].toString();
+    o = o.replace(`{${t}}`, s).replace(`{#${t}}`, s);
   }
-  return i;
+  return o;
 }
-var B, Me, G, ae, je, Te, qe, Fe, Ae, _e, z, O, K;
-class pr {
+var T, de, D, G, me, pe, ge, we, ye, be, O, v, j;
+class Dt {
   constructor() {
-    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, ae);
-    h(this, je, Gt);
-    h(this, Te, nt());
-    h(this, qe, []);
-    h(this, Fe, []);
-    h(this, Ae, []);
-    h(this, _e, []);
-    h(this, z, {
+    g(this, "batch");
+    g(this, "http");
+    g(this, "i18n");
+    g(this, "router");
+    c(this, T, !1);
+    c(this, de, "production");
+    c(this, D);
+    c(this, G);
+    c(this, me, yt);
+    c(this, pe, Be());
+    c(this, ge, []);
+    c(this, we, []);
+    c(this, ye, []);
+    c(this, be, []);
+    c(this, O, {
       root: this,
       data: {}
     });
-    h(this, O, {
+    c(this, v, {
       info: "development",
       log: "development",
       warn: "development",
       error: !0
     });
-    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);
+    c(this, j, ze("*,-dolla/*"));
+    g(this, "watch", a(this, pe).watch);
+    g(this, "createState", H);
+    g(this, "createSettableState", ot);
+    g(this, "toSettableState", lt);
+    g(this, "toState", ct);
+    g(this, "valueOf", ht);
+    g(this, "derive", ee);
+    g(this, "createWatcher", Be);
+    g(this, "createRef", ut);
+    g(this, "isRef", ft);
     const e = this;
-    this.http = new zt(), this.i18n = new tr(this), this.render = new nr(this), this.router = new cr(this, {
+    this.batch = new bt(this), this.http = new $t(), this.i18n = new Rt(this), this.router = new Ft(this, {
       get rootElement() {
-        return s(e, G);
+        return a(e, D);
       },
       get rootView() {
-        return s(e, ae);
+        return a(e, G);
       }
     });
   }
@@ -1408,65 +996,65 @@ class pr {
    * True when the app is connected to a DOM node and displayed to the user.
    */
   get isMounted() {
-    return s(this, B);
+    return a(this, T);
   }
   /**
    * 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, Me);
+    return a(this, de);
   }
   /**
    * 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) {
-    v(this, Me, e);
+    m(this, de, 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) {
-    v(this, je, e);
+    m(this, me, 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, z).data[e] = t, t;
+    return a(this, O).data[e] = t, t;
   }
   /**
    * Gets the value of a context variable. Returns null if the variable is not set.
    */
   get(e) {
-    return s(this, z).data[e] ?? null;
+    return a(this, O).data[e] ?? null;
   }
   /**
    * Returns an object of all context variables stored at the app level.
    */
   getAll() {
-    return { ...s(this, z).data };
+    return { ...a(this, O).data };
   }
   async mount(e, t) {
-    if (s(this, B))
+    if (a(this, T))
       throw new Error("Dolla is already mounted.");
-    if (V(e)) {
+    if (F(e)) {
       const n = document.querySelector(e);
-      yt(HTMLElement, n, `Selector '${e}' did not match any element.`), v(this, G, n);
+      He(HTMLElement, n, `Selector '${e}' did not match any element.`), m(this, D, n);
     } else
-      yt(HTMLElement, e, "Expected an HTML element or a selector string. Got type: %t, value: %v"), v(this, G, e);
-    let r;
-    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))
+      He(HTMLElement, e, "Expected an HTML element or a selector string. Got type: %t, value: %v"), m(this, D, e);
+    const s = dt(t ?? Xe);
+    m(this, G, this.constructView(s.type, s.props)), await Promise.all(a(this, ge).map((n) => n())), a(this, G).mount(a(this, D)), m(this, T, !0);
+    for (const n of a(this, we))
       n();
   }
   async unmount() {
     var e;
-    if (s(this, B)) {
-      await Promise.all(s(this, Ae).map((t) => t())), (e = s(this, ae)) == null || e.unmount(!1), s(this, Te).stopAll(), v(this, B, !1);
-      for (const t of s(this, _e))
+    if (a(this, T)) {
+      await Promise.all(a(this, ye).map((t) => t())), (e = a(this, G)) == null || e.unmount(!1), a(this, pe).stopAll(), m(this, T, !1);
+      for (const t of a(this, be))
         t();
     }
   }
@@ -1475,55 +1063,55 @@ class pr {
    * 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, qe).push(e);
+    a(this, ge).push(e);
   }
   /**
    * Registers a `callback` to run after the app is mounted.
    */
   onMount(e) {
-    s(this, Fe).push(e);
+    a(this, we).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, Ae).push(e);
+    a(this, ye).push(e);
   }
   /**
    * Registers a `callback` to run after the app is unmounted.
    */
   onUnmount(e) {
-    s(this, _e).push(e);
+    a(this, be).push(e);
   }
   /**
    * Update log type toggles. Values that are not passed will remain unchanged.
    */
   setLoggles(e) {
     for (const t in e) {
-      const r = e[t];
-      r && (s(this, O)[t] = r);
+      const s = e[t];
+      s && (a(this, v)[t] = s);
     }
   }
   setLogFilter(e) {
-    v(this, K, wt(e));
+    m(this, j, ze(e));
   }
   createLogger(e, t) {
-    const r = (t == null ? void 0 : t.console) ?? Ut(), n = this;
+    const s = (t == null ? void 0 : t.console) ?? mt(), n = this;
     return {
-      setName(a) {
-        return e = a, this;
+      setName(r) {
+        return e = r, this;
       },
       get info() {
-        var a;
-        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;
+        var r;
+        if (a(n, v).info === !1 || F(a(n, v).info) && a(n, v).info !== n.getEnv() || !a(r = n, j).call(r, e))
+          return $e;
         {
-          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:${Ve(o)};font-weight:bold`,
+          let i = `%c${e}`;
+          return t != null && t.uid ? i += ` %c[uid: %c${t.uid}%c]` : i += "%c%c%c", s.info.bind(
+            s,
+            i,
+            `color:${ve(i)};font-weight:bold`,
             "color:#777",
             "color:#aaa",
             "color:#777"
@@ -1531,15 +1119,15 @@ class pr {
         }
       },
       get log() {
-        var a;
-        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;
+        var r;
+        if (a(n, v).log === !1 || F(a(n, v).log) && a(n, v).log !== n.getEnv() || !a(r = n, j).call(r, e))
+          return $e;
         {
-          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:${Ve(o)};font-weight:bold`,
+          let i = `%c${e}`;
+          return t != null && t.uid ? i += ` %c[uid: %c${t.uid}%c]` : i += "%c%c%c", s.log.bind(
+            s,
+            i,
+            `color:${ve(i)};font-weight:bold`,
             "color:#777",
             "color:#aaa",
             "color:#777"
@@ -1547,15 +1135,15 @@ class pr {
         }
       },
       get warn() {
-        var a;
-        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;
+        var r;
+        if (a(n, v).warn === !1 || F(a(n, v).warn) && a(n, v).warn !== n.getEnv() || !a(r = n, j).call(r, e))
+          return $e;
         {
-          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:${Ve(o)};font-weight:bold`,
+          let i = `%c${e}`;
+          return t != null && t.uid ? i += ` %c[uid: %c${t.uid}%c]` : i += "%c%c%c", s.warn.bind(
+            s,
+            i,
+            `color:${ve(i)};font-weight:bold`,
             "color:#777",
             "color:#aaa",
             "color:#777"
@@ -1563,69 +1151,72 @@ class pr {
         }
       },
       get error() {
-        var a;
-        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;
+        var r;
+        if (a(n, v).error === !1 || F(a(n, v).error) && a(n, v).error !== n.getEnv() || !a(r = n, j).call(r, e))
+          return $e;
         {
-          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:${Ve(o)};font-weight:bold`,
+          let i = `%c${e}`;
+          return t != null && t.uid ? i += ` %c[uid: %c${t.uid}%c]` : i += "%c%c%c", s.error.bind(
+            s,
+            i,
+            `color:${ve(i)};font-weight:bold`,
             "color:#777",
             "color:#aaa",
             "color:#777"
           );
         }
       },
-      crash(a) {
-        throw n.isMounted && (n.unmount(), n.constructView(s(n, je), {
-          error: a,
+      crash(r) {
+        throw n.isMounted && (n.unmount(), n.constructView(a(n, me), {
+          error: r,
           loggerName: e,
           uid: t == null ? void 0 : t.uid
-        }).mount(s(n, G))), a;
+        }).mount(a(n, D))), r;
       }
     };
   }
   /**
    *
    */
-  constructView(e, t, r = []) {
-    return new Ht(s(this, z), e, t, r);
+  constructView(e, t, s = []) {
+    return new pt(a(this, O), e, t, s);
   }
   /**
    *
    */
   constructMarkup(e) {
-    return Wt(Bt(s(this, z), e));
+    return gt(wt(a(this, O), e));
   }
 }
-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);
+T = new WeakMap(), de = new WeakMap(), D = new WeakMap(), G = new WeakMap(), me = new WeakMap(), pe = new WeakMap(), ge = new WeakMap(), we = new WeakMap(), ye = new WeakMap(), be = new WeakMap(), O = new WeakMap(), v = new WeakMap(), j = new WeakMap();
+const Qe = new Dt(), Ct = Qe.i18n.t.bind(Qe.i18n);
+function At(o) {
+  typeof window < "u" && (window.DOLLA_DEV_DEBUG = o);
 }
-function br() {
+function Ut() {
   return typeof window < "u" ? window.DOLLA_DEV_DEBUG === !0 : !1;
 }
 export {
-  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
+  nt as cond,
+  dt as createMarkup,
+  ut as createRef,
+  ot as createSettableState,
+  Wt as createSetter,
+  H as createState,
+  _t as deepEqual,
+  Qe as default,
+  ee as derive,
+  Ut as getDevDebug,
+  We as html,
+  ft as isRef,
+  Gt as portal,
+  Bt as repeat,
+  At as setDevDebug,
+  Ge as shallowEqual,
+  zt as strictEqual,
+  Ct as t,
+  lt as toSettableState,
+  ct as toState,
+  ht as valueOf
 };
 //# sourceMappingURL=index.js.map