@manyducks.co/dolla 2.0.0-alpha.30 → 2.0.0-alpha.31

package/dist/index.js

@@ -1,29 +1,430 @@
-var it = Object.defineProperty;
-var qe = (o) => {
+var ue = Object.defineProperty;
+var Gt = (o) => {
   throw TypeError(o);
 };
-var at = (o, e, t) => e in o ? it(o, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[e] = t;
-var d = (o, e, t) => at(o, typeof e != "symbol" ? e + "" : e, t), De = (o, e, t) => e.has(o) || qe("Cannot " + t);
-var i = (o, e, t) => (De(o, e, "read from private field"), t ? t.call(o) : e.get(o)), l = (o, e, t) => e.has(o) ? qe("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(o) : e.set(o, t), m = (o, e, t, s) => (De(o, e, "write to private field"), s ? s.call(o, t) : e.set(o, t), t), u = (o, e, t) => (De(o, e, "access private method"), t);
-var ee = (o, e, t, s) => ({
+var fe = (o, t, e) => t in o ? ue(o, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[t] = e;
+var d = (o, t, e) => fe(o, typeof t != "symbol" ? t + "" : t, e), Pt = (o, t, e) => t.has(o) || Gt("Cannot " + e);
+var i = (o, t, e) => (Pt(o, t, "read from private field"), e ? e.call(o) : t.get(o)), l = (o, t, e) => t.has(o) ? Gt("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(o) : t.set(o, e), m = (o, t, e, s) => (Pt(o, t, "write to private field"), s ? s.call(o, e) : t.set(o, e), e), f = (o, t, e) => (Pt(o, t, "access private method"), e);
+var et = (o, t, e, s) => ({
   set _(n) {
-    m(o, e, n, t);
+    m(o, t, n, e);
   },
   get _() {
-    return i(o, e, s);
+    return i(o, t, s);
   }
 });
-import { i as Z, c as Ie, d as x, a as E, b as ot, e as re, t as We, f as Je, g as lt, s as Ae, h as Ge, P as Xe, j as He, k as ht, l as Be, p as ct, m as ze, S as ut, n as ft, o as dt, q as mt, r as wt, u as pt, C as gt, v as yt, w as Fe, x as bt, y as Ke, z as $t, A as $e, B as ve, V as vt, D as Et, E as kt } from "./passthrough-d2lcM0cd.js";
-import { F as Zt, J as es, H as ts, I as ss, G as rs } from "./passthrough-d2lcM0cd.js";
-var I, Se, Re, ne, R, _;
-class St {
-  constructor(e) {
-    l(this, R);
-    l(this, I, []);
-    l(this, Se, Rt());
-    l(this, Re);
-    l(this, ne);
-    m(this, Re, e), m(this, ne, e.createLogger("Dolla.http"));
+import { a as Zt, b as de, i as nt, I as te, c as me, d as At, e as x, s as Ht, f as v, g as tt, P as ee, h as we, t as Bt, j as zt, k as pe, l as Kt, p as ge, m as Qt, S as ye, n as be, o as $e, q as Ee, r as ve, u as ke, C as Re, v as Se, w as Tt, x as _e, y as Jt, z as Le, A as vt, B as kt, V as Me, D as xe, E as Fe } from "./markup-D1i09ddt.js";
+import { F as hs, K as cs, H as us, J as fs, G as ds } from "./markup-D1i09ddt.js";
+function rt(o) {
+  return Zt(o, "Expected `path` to be a string. Got type: %t, value: %v"), o.split("/").map((t) => t.trim()).filter((t) => t !== "");
+}
+function z(o) {
+  var e;
+  de(
+    (s) => nt(s == null ? void 0 : s.toString),
+    o,
+    "Expected `parts` to be an array of objects with a .toString() method. Got type: %t, value: %v"
+  ), o = o.filter((s) => s).flatMap(String);
+  let t = (e = o.shift()) == null ? void 0 : e.toString();
+  if (t) {
+    for (const s of o.map((n) => n.toString()))
+      s.startsWith(".") ? t = Rt(t, s) : t[t.length - 1] !== "/" ? s[0] !== "/" ? t += "/" + s : t += s : s[0] === "/" ? t += s.slice(1) : t += s;
+    t && t !== "/" && t.endsWith("/") && (t = t.slice(0, t.length - 1));
+  }
+  return t ?? "";
+}
+function Rt(o, t) {
+  if (Zt(o, "Expected `base` to be a string. Got type: %t, value: %v"), t == null && (t = o, o = ""), t.startsWith("/"))
+    return t;
+  let e = o;
+  for (; ; )
+    if (t.startsWith("..")) {
+      for (let s = e.length; s > 0; --s)
+        if (e[s] === "/" || s === 0) {
+          e = e.slice(0, s), t = t.replace(/^\.\.\/?/, "");
+          break;
+        }
+    } else if (t.startsWith("."))
+      t = t.replace(/^\.\/?/, "");
+    else
+      break;
+  return z([e, t]);
+}
+function De(o) {
+  if (!o) return {};
+  o.startsWith("?") && (o = o.slice(1));
+  const t = o.split("&").filter((e) => e.trim() !== "").map((e) => {
+    const [s, n] = e.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(t);
+}
+function se(o, t, e = {}) {
+  var a;
+  const [s, n] = t.split("?"), r = rt(s);
+  t: for (const c of o) {
+    const { fragments: h } = c;
+    if (!(((a = h[h.length - 1]) == null ? void 0 : a.type) === 3) && h.length !== r.length || e.willMatch && !e.willMatch(c))
+      continue t;
+    const E = [];
+    e: for (let u = 0; u < h.length; u++) {
+      const D = r[u], R = h[u];
+      if (D == null && R.type !== 3)
+        continue t;
+      switch (R.type) {
+        case 1:
+          if (R.name.toLowerCase() === D.toLowerCase()) {
+            E.push(R);
+            break;
+          } else
+            continue t;
+        case 2:
+          E.push({ ...R, value: D });
+          break;
+        case 3:
+          E.push({ ...R, value: r.slice(u).join("/") });
+          break e;
+        case 4:
+          if (isNaN(Number(D)))
+            continue t;
+          E.push({ ...R, value: Number(D) });
+          break;
+        default:
+          throw new Error(`Unknown fragment type: ${R.type}`);
+      }
+    }
+    const k = {};
+    for (const u of E)
+      u.type === 2 && (k[u.name] = decodeURIComponent(u.value)), u.type === 4 && (k[u.name] = u.value), u.type === 3 && (k.wildcard = "/" + decodeURIComponent(u.value));
+    return {
+      path: "/" + E.map((u) => u.value).join("/"),
+      pattern: "/" + h.map((u) => u.type === 2 ? `{${u.name}}` : u.type === 4 ? `{#${u.name}}` : u.name).join("/"),
+      params: k,
+      query: De(n),
+      meta: c.meta
+    };
+  }
+}
+function Pe(o) {
+  const t = [], e = [], s = [], n = [];
+  for (const a of o) {
+    const { fragments: c } = a;
+    c.some(
+      (h) => h.type === 3
+      /* Wildcard */
+    ) ? n.push(a) : c.some(
+      (h) => h.type === 4
+      /* NumericParam */
+    ) ? e.push(a) : c.some(
+      (h) => h.type === 2
+      /* Param */
+    ) ? s.push(a) : t.push(a);
+  }
+  const r = (a, c) => a.fragments.length > c.fragments.length ? -1 : 1;
+  return t.sort(r), e.sort(r), s.sort(r), n.sort(r), [...t, ...e, ...s, ...n];
+}
+function Te(o) {
+  const t = rt(o), e = [];
+  for (let s = 0; s < t.length; s++) {
+    const n = t[s];
+    if (n === "*") {
+      if (s !== t.length - 1)
+        throw new Error(`Wildcard must be at the end of a pattern. Received: ${o}`);
+      e.push({
+        type: 3,
+        name: "*",
+        value: null
+      });
+    } else n.at(0) === "{" && n.at(-1) === "}" ? e.push({
+      type: n[1] === "#" ? 4 : 2,
+      name: n[1] === "#" ? n.slice(2, -1) : n.slice(1, -1),
+      value: null
+    }) : e.push({
+      type: 1,
+      name: n,
+      value: n
+    });
+  }
+  return e;
+}
+function rs(o) {
+  return new Ue(o);
+}
+const re = Symbol.for("DollaRouterMountMethod"), ne = Symbol.for("DollaRouterUnmountMethod");
+function Ot(o) {
+  return (o == null ? void 0 : o[te]) === !0;
+}
+async function Oe(o, t) {
+  return o[re](t);
+}
+async function Ne(o) {
+  return o[ne]();
+}
+var Yt, K, L, _t, P, Q, it, I, q, T, at, p, Nt, ie, ae, st, Ut, oe, Ct;
+class Ue {
+  constructor(t) {
+    l(this, p);
+    d(this, Yt, !0);
+    l(this, K);
+    l(this, L);
+    l(this, _t, 0);
+    l(this, P, []);
+    l(this, Q, []);
+    l(this, it, !1);
+    /**
+     * Use hash routing when true. Configured in router options.
+     */
+    l(this, I, !1);
+    // Callbacks that need to be called on unmount.
+    l(this, q, []);
+    /**
+     * The current match object.
+     */
+    l(this, T);
+    l(this, at);
+    /**
+     * The currently matched route pattern, if any.
+     */
+    d(this, "$pattern");
+    /**
+     * The current URL path.
+     */
+    d(this, "$path");
+    /**
+     * The current named path params.
+     */
+    d(this, "$params");
+    /**
+     * The current query params. Changes to this object will be reflected in the URL.
+     */
+    d(this, "$query");
+    me(t, "Options must be an object. Got: %t"), [et(this, T)._, et(this, at)._] = At(), this.$pattern = x([i(this, T)], (e) => e == null ? void 0 : e.pattern), this.$path = x([i(this, T)], (e) => (e == null ? void 0 : e.path) ?? window.location.pathname), this.$params = x([i(this, T)], (e) => (e == null ? void 0 : e.params) ?? {}, { equals: Ht }), this.$query = x([i(this, T)], (e) => (e == null ? void 0 : e.query) ?? {}, { equals: Ht }), t.hash && m(this, I, !0), m(this, Q, Pe(
+      t.routes.flatMap((e) => f(this, p, Ct).call(this, e)).map((e) => ({
+        pattern: e.pattern,
+        meta: e.meta,
+        fragments: Te(e.pattern)
+      }))
+    )), qe(i(this, Q));
+  }
+  async [(Yt = te, re)](t) {
+    m(this, K, t), m(this, L, t.createLogger("Dolla.router"));
+    const e = () => {
+      f(this, p, st).call(this);
+    };
+    window.addEventListener("popstate", e), i(this, q).push(() => window.removeEventListener("popstate", e));
+    const s = t.getRootElement();
+    i(this, q).push(
+      Ve(s, (n) => {
+        let r = n.getAttribute("href");
+        i(this, L).info("intercepted click on <a> tag", n), /^https?:\/\/|^\//.test(r) || (r = z([window.location.pathname, r])), f(this, p, Nt).call(this, r);
+      })
+    ), i(this, L).info("will intercept clicks on <a> tags within root element", s), m(this, it, !0), await f(this, p, st).call(this);
+  }
+  async [ne]() {
+    for (const t of i(this, q))
+      t();
+    m(this, q, []);
+  }
+  /**
+   * Navigate backward. Pass a number of steps to hit the back button that many times.
+   */
+  back(t = 1) {
+    window.history.go(-t);
+  }
+  /**
+   * Navigate forward. Pass a number of steps to hit the forward button that many times.
+   */
+  forward(t = 1) {
+    window.history.go(t);
+  }
+  /**
+   * Navigates to another route.
+   *
+   * @example
+   * Dolla.router.go("/login"); // navigate to `/login`
+   * Dolla.router.go["/users", 215], { replace: true }); // replace current history entry with `/users/215`
+   */
+  go(t, e = {}) {
+    if (i(this, K) == null)
+      throw new Error("Routa methods won't work until you register it: Dolla.use(Routa, { /* ...options */ })");
+    let s;
+    Array.isArray(t) ? s = z(t) : s = t.toString(), s = Rt(window.location.pathname, s), e.preserveQuery && (s += window.location.search), e.replace ? f(this, p, ie).call(this, s) : f(this, p, Nt).call(this, s);
+  }
+}
+K = new WeakMap(), L = new WeakMap(), _t = new WeakMap(), P = new WeakMap(), Q = new WeakMap(), it = new WeakMap(), I = new WeakMap(), q = new WeakMap(), T = new WeakMap(), at = new WeakMap(), p = new WeakSet(), Nt = function(t, e) {
+  var s;
+  (s = i(this, L)) == null || s.info("(push)", t), window.history.pushState(e, "", i(this, I) ? "/#" + t : t), f(this, p, st).call(this, t);
+}, ie = function(t, e) {
+  var s;
+  (s = i(this, L)) == null || s.info("(replace)", t), window.history.replaceState(e, "", i(this, I) ? "/#" + t : t), f(this, p, st).call(this, t);
+}, ae = function() {
+  return i(this, I) ? new URL(window.location.hash.slice(1), window.location.origin) : new URL(window.location.pathname, window.location.origin);
+}, st = async function(t) {
+  var c;
+  const e = i(this, L), s = (c = i(this, K)) == null ? void 0 : c.getRootView(), n = t ? new URL(t, window.location.origin) : f(this, p, ae).call(this), { match: r, journey: a } = await f(this, p, Ut).call(this, n);
+  for (const h of a)
+    switch (h.kind) {
+      case "match":
+        e == null || e.info(`📍 ${h.message}`);
+        break;
+      case "redirect":
+        e == null || e.info(`↩️ ${h.message}`);
+        break;
+      case "miss":
+        e == null || e.info(`💀 ${h.message}`);
+        break;
+    }
+  if (r) {
+    const h = this.$pattern.get();
+    i(this, at).call(this, r), s && r.pattern !== h && f(this, p, oe).call(this, s, r);
+  } else
+    i(this, it) && e.crash(new We(`Failed to match route '${n.pathname}'`));
+  return { match: r, journey: a };
+}, Ut = async function(t, e = []) {
+  const s = se(i(this, Q), t.pathname);
+  if (!s)
+    return {
+      match: null,
+      journey: [...e, { kind: "miss", message: `no match for '${t.pathname}'` }]
+    };
+  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) {
+    let r;
+    if (v(n))
+      r = Ie(n, s.params);
+    else if (nt(n)) {
+      const a = {
+        path: s.path,
+        pattern: s.pattern,
+        params: s.params,
+        query: s.query
+      };
+      if (r = await n(a), !v(r))
+        throw new Error("Redirect function must return a path to redirect to.");
+      r.startsWith("/") || (r = Rt(s.path, r));
+    } else
+      throw new TypeError("Redirect must either be a path string or a function.");
+    return f(this, p, Ut).call(this, new URL(r, window.location.origin), [
+      ...e,
+      { kind: "redirect", message: `redirecting '${s.path}' -> '${r}'` }
+    ]);
+  } else
+    return { match: s, journey: [...e, { kind: "match", message: `matched route '${s.path}'` }] };
+}, /**
+ * Takes a matched route and mounts it.
+ */
+oe = function(t, e) {
+  const s = e.meta.layers;
+  for (let n = 0; n < s.length; n++) {
+    const r = s[n], a = i(this, P)[n];
+    if ((a == null ? void 0 : a.id) !== r.id) {
+      m(this, P, i(this, P).slice(0, n)), a == null || a.view.unmount();
+      const c = i(this, P).at(-1), w = ((c == null ? void 0 : c.view) ?? t).setChildView(r.view);
+      i(this, P).push({ id: r.id, view: w });
+    }
+  }
+}, /**
+ * 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.
+ */
+Ct = function(t, e = [], s = []) {
+  if (!tt(t) || !v(t.path))
+    throw new TypeError(`Route configs must be objects with a 'path' string property. Got: ${t}`);
+  if (t.redirect && t.routes)
+    throw new Error("Route cannot have both a 'redirect' and nested 'routes'.");
+  if (t.redirect && t.view)
+    throw new Error("Route cannot have both a 'redirect' and a 'view'.");
+  if (!t.view && !t.routes && !t.redirect)
+    throw new Error("Route must have a 'view', a 'redirect', or a set of nested 'routes'.");
+  let n = [];
+  for (const h of e)
+    n.push(...rt(h.path));
+  n.push(...rt(t.path)), n[n.length - 1] === "*" && n.pop();
+  const r = [];
+  if (t.redirect) {
+    let h = t.redirect;
+    return v(h) && (h = Rt(z(n), h), h.startsWith("/") || (h = "/" + h)), r.push({
+      pattern: "/" + z([...n, ...rt(t.path)]),
+      meta: {
+        redirect: h
+      }
+    }), r;
+  }
+  let a = ee;
+  if (nt(t.view))
+    a = t.view;
+  else if (t.view)
+    throw new TypeError(`Route '${t.path}' expected a view function or undefined. Got: ${t.view}`);
+  const c = { id: et(this, _t)._++, view: a };
+  if (t.routes)
+    for (const h of t.routes)
+      r.push(...f(this, p, Ct).call(this, h, [...e, t], [...s, c]));
+  else
+    r.push({
+      pattern: parent ? z([...e.map((h) => h.path), t.path]) : t.path,
+      meta: {
+        pattern: t.path,
+        layers: [...s, c],
+        beforeMatch: t.beforeMatch
+      }
+    });
+  return r;
+};
+const Ce = /(noopener|noreferrer) (noopener|noreferrer)/, je = /^[\w-_]+:/;
+function Ve(o, t, e = window) {
+  function s(r) {
+    return !r || r === o ? null : r.localName !== "a" || r.href === void 0 ? s(r.parentNode) : r;
+  }
+  function n(r) {
+    if (r.button && r.button !== 0 || r.ctrlKey || r.metaKey || r.altKey || r.shiftKey || r.defaultPrevented)
+      return;
+    const a = s(r.target);
+    a && (e.location.protocol !== a.protocol || e.location.hostname !== a.hostname || e.location.port !== a.port || a.hasAttribute("data-router-ignore") || a.hasAttribute("download") || a.getAttribute("target") === "_blank" && Ce.test(a.getAttribute("rel")) || je.test(a.getAttribute("href")) || (r.preventDefault(), t(a)));
+  }
+  return o.addEventListener("click", n), function() {
+    o.removeEventListener("click", n);
+  };
+}
+function Ie(o, t) {
+  for (const e in t) {
+    const s = t[e].toString();
+    o = o.replace(`{${e}}`, s).replace(`{#${e}}`, s);
+  }
+  return o;
+}
+function qe(o) {
+  for (const t of o)
+    if (t.meta.redirect) {
+      let e;
+      if (!nt(t.meta.redirect)) if (v(t.meta.redirect)) {
+        if (e = t.meta.redirect, !se(o, e, {
+          willMatch(n) {
+            return n !== t;
+          }
+        }))
+          throw new Error(`Found a redirect to an undefined URL. From '${t.pattern}' to '${t.meta.redirect}'`);
+      } else
+        throw new TypeError(`Expected a string or redirect function. Got: ${t.meta.redirect}`);
+    }
+}
+class We extends Error {
+}
+var W, Lt, Mt, ot, S, _;
+class Ae {
+  constructor(t) {
+    l(this, S);
+    l(this, W, []);
+    l(this, Lt, Ge());
+    l(this, Mt);
+    l(this, ot);
+    m(this, Mt, t), m(this, ot, t.createLogger("Dolla.http"));
   }
   /**
    * Adds a new middleware that will apply to subsequent requests.
@@ -31,136 +432,136 @@ class St {
    *
    * @param middleware - A middleware function that will intercept requests.
    */
-  use(e) {
-    return i(this, I).push(e), () => {
-      i(this, I).splice(i(this, I).indexOf(e), 1);
+  use(t) {
+    return i(this, W).push(t), () => {
+      i(this, W).splice(i(this, W).indexOf(t), 1);
     };
   }
-  async get(e, t) {
-    return u(this, R, _).call(this, "get", e, t);
+  async get(t, e) {
+    return f(this, S, _).call(this, "get", t, e);
   }
-  async put(e, t) {
-    return u(this, R, _).call(this, "put", e, t);
+  async put(t, e) {
+    return f(this, S, _).call(this, "put", t, e);
   }
-  async patch(e, t) {
-    return u(this, R, _).call(this, "patch", e, t);
+  async patch(t, e) {
+    return f(this, S, _).call(this, "patch", t, e);
   }
-  async post(e, t) {
-    return u(this, R, _).call(this, "post", e, t);
+  async post(t, e) {
+    return f(this, S, _).call(this, "post", t, e);
   }
-  async delete(e, t) {
-    return u(this, R, _).call(this, "delete", e, t);
+  async delete(t, e) {
+    return f(this, S, _).call(this, "delete", t, e);
   }
-  async head(e, t) {
-    return u(this, R, _).call(this, "head", e, t);
+  async head(t, e) {
+    return f(this, S, _).call(this, "head", t, e);
   }
-  async options(e, t) {
-    return u(this, R, _).call(this, "options", e, t);
+  async options(t, e) {
+    return f(this, S, _).call(this, "options", t, e);
   }
-  async trace(e, t) {
-    return u(this, R, _).call(this, "trace", e, t);
+  async trace(t, e) {
+    return f(this, S, _).call(this, "trace", t, e);
   }
 }
-I = new WeakMap(), Se = new WeakMap(), Re = new WeakMap(), ne = new WeakMap(), R = new WeakSet(), _ = async function(e, t, s) {
-  return new Mt({
+W = new WeakMap(), Lt = new WeakMap(), Mt = new WeakMap(), ot = new WeakMap(), S = new WeakSet(), _ = async function(t, e, s) {
+  return new ze({
     ...s,
-    method: e,
-    uri: t,
-    middleware: i(this, I),
-    fetch: i(this, Se),
-    logger: i(this, ne)
+    method: t,
+    uri: e,
+    middleware: i(this, W),
+    fetch: i(this, Lt),
+    logger: i(this, ot)
   }).fetch();
 };
-function Rt() {
+function Ge() {
   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 _t extends Error {
-  constructor(t) {
-    const { status: s, statusText: n, method: r, url: a } = t, f = `${s} ${n}: Request failed (${r.toUpperCase()} ${a.toString()})`;
-    super(f);
+class He extends Error {
+  constructor(e) {
+    const { status: s, statusText: n, method: r, url: a } = e, c = `${s} ${n}: Request failed (${r.toUpperCase()} ${a.toString()})`;
+    super(c);
     d(this, "response");
-    this.response = t;
+    this.response = e;
   }
 }
-class Lt {
-  constructor(e) {
+class Be {
+  constructor(t) {
     d(this, "method");
     d(this, "url");
     d(this, "headers", new Headers());
     d(this, "body");
-    this.method = e.method, this.body = e.body, e.uri.startsWith("http") ? this.url = new URL(e.uri) : this.url = new URL(e.uri, window.location.origin), this._applyHeaders(e.headers), this._applyQueryParams(e.query);
+    this.method = t.method, this.body = t.body, t.uri.startsWith("http") ? this.url = new URL(t.uri) : this.url = new URL(t.uri, window.location.origin), this._applyHeaders(t.headers), this._applyQueryParams(t.query);
   }
   get isSameOrigin() {
     return this.url.origin === window.location.origin;
   }
-  _applyHeaders(e) {
-    if (e != null)
-      if (e instanceof Map || e instanceof Headers)
-        e.forEach((t, s) => {
-          this.headers.set(s, t);
+  _applyHeaders(t) {
+    if (t != null)
+      if (t instanceof Map || t instanceof Headers)
+        t.forEach((e, s) => {
+          this.headers.set(s, e);
         });
-      else if (Z(e))
-        for (const t in e) {
-          const s = e[t];
-          s instanceof Date ? this.headers.set(t, s.toISOString()) : s != null && this.headers.set(t, String(s));
+      else if (tt(t))
+        for (const e in t) {
+          const s = t[e];
+          s instanceof Date ? this.headers.set(e, s.toISOString()) : s != null && this.headers.set(e, String(s));
         }
       else
-        throw new TypeError(`Unknown headers type. Got: ${e}`);
+        throw new TypeError(`Unknown headers type. Got: ${t}`);
   }
-  _applyQueryParams(e) {
-    if (e != null)
-      if (e instanceof Map || e instanceof URLSearchParams)
-        e.forEach((t, s) => {
-          this.url.searchParams.set(s, t);
+  _applyQueryParams(t) {
+    if (t != null)
+      if (t instanceof Map || t instanceof URLSearchParams)
+        t.forEach((e, s) => {
+          this.url.searchParams.set(s, e);
         });
-      else if (Z(e))
-        for (const t in e) {
-          const s = e[t];
-          s instanceof Date ? this.url.searchParams.set(t, s.toISOString()) : s != null && this.url.searchParams.set(t, String(s));
+      else if (tt(t))
+        for (const e in t) {
+          const s = t[e];
+          s instanceof Date ? this.url.searchParams.set(e, s.toISOString()) : s != null && this.url.searchParams.set(e, String(s));
         }
       else
-        throw new TypeError(`Unknown query params type. Got: ${e}`);
+        throw new TypeError(`Unknown query params type. Got: ${t}`);
   }
 }
-class Mt {
-  constructor(e) {
+class ze {
+  constructor(t) {
     d(this, "_middleware");
     d(this, "_fetch");
     d(this, "_request");
     d(this, "_response");
-    this._middleware = e.middleware, this._fetch = e.fetch, this._request = new Lt(e);
+    this._middleware = t.middleware, this._fetch = t.fetch, this._request = new Be(t);
   }
   async fetch() {
     if (this._middleware.length > 0) {
-      const e = (t = 0) => {
-        const s = this._middleware[t], n = this._middleware[t + 1] ? e(t + 1) : this._handler.bind(this);
+      const t = (e = 0) => {
+        const s = this._middleware[e], n = this._middleware[e + 1] ? t(e + 1) : this._handler.bind(this);
         return async () => s(this._request, async () => (await n(), this._response));
       };
-      await e()();
+      await t()();
     } else
       await this._handler();
     if (this._response.status < 200 || this._response.status >= 400)
-      throw new _t(this._response);
+      throw new He(this._response);
     return this._response;
   }
   // This is the function that performs the actual request after the final middleware.
   async _handler() {
-    let e;
-    const t = this._request;
-    !t.headers.has("content-type") && Z(t.body) ? (t.headers.set("content-type", "application/json"), e = JSON.stringify(t.body)) : e = t.body;
-    const s = await this._fetch(t.url.toString(), {
-      method: t.method,
-      headers: t.headers,
-      body: e
+    let t;
+    const e = this._request;
+    !e.headers.has("content-type") && tt(e.body) ? (e.headers.set("content-type", "application/json"), t = JSON.stringify(e.body)) : t = e.body;
+    const s = await this._fetch(e.url.toString(), {
+      method: e.method,
+      headers: e.headers,
+      body: t
     }), n = s.headers.get("content-type");
     let r;
     n != null && n.includes("application/json") ? r = await s.json() : n != null && n.includes("application/x-www-form-urlencoded") ? r = await s.formData() : r = await s.text(), this._response = {
-      method: t.method,
-      url: t.url,
+      method: e.method,
+      url: e.url,
       status: s.status,
       statusText: s.statusText,
       headers: s.headers,
@@ -168,28 +569,28 @@ class Mt {
     };
   }
 }
-var _e, Q, z, Pe, Ye;
-class xt {
-  constructor(e, t) {
-    l(this, z);
+var xt, J, B, jt, le;
+class Ke {
+  constructor(t, e) {
+    l(this, B);
     d(this, "dolla");
     d(this, "config");
-    l(this, _e, !1);
-    l(this, Q, /* @__PURE__ */ new Map());
-    this.config = e, this.dolla = t;
+    l(this, xt, !1);
+    l(this, J, /* @__PURE__ */ new Map());
+    this.config = t, this.dolla = e;
   }
   async load() {
-    let e;
-    if (!i(this, _e)) {
-      if (re(this.config.fetch)) {
-        if (e = await this.config.fetch(), !Z(e))
-          throw new Error(`Fetch function did not return an object of language strings: ${e}`);
-      } else if (E(this.config.path)) {
-        const t = await fetch(this.config.path);
-        if (t.ok) {
-          const s = await t.json();
-          if (Z(s))
-            e = s;
+    let t;
+    if (!i(this, xt)) {
+      if (nt(this.config.fetch)) {
+        if (t = await this.config.fetch(), !tt(t))
+          throw new Error(`Fetch function did not return an object of language strings: ${t}`);
+      } else if (v(this.config.path)) {
+        const e = await fetch(this.config.path);
+        if (e.ok) {
+          const s = await e.json();
+          if (tt(s))
+            t = s;
           else
             throw new Error(
               `Language path '${this.config.path}' did not return an object of language strings: ${s}`
@@ -198,49 +599,49 @@ class xt {
           throw new Error("HTTP request failed.");
       }
     }
-    if (e) {
-      const t = u(this, z, Pe).call(this, e);
-      for (const s of t)
-        i(this, Q).set(s[0], s[1]);
+    if (t) {
+      const e = f(this, B, jt).call(this, t);
+      for (const s of e)
+        i(this, J).set(s[0], s[1]);
     } else
       throw new Error("Language could not be loaded.");
   }
-  getTemplate(e) {
-    return i(this, Q).get(e) ?? {
-      segments: [{ type: 0, text: `[MISSING: ${e}]` }]
+  getTemplate(t) {
+    return i(this, J).get(t) ?? {
+      segments: [{ type: 0, text: `[MISSING: ${t}]` }]
     };
   }
-  hasTemplate(e) {
-    return i(this, Q).has(e);
+  hasTemplate(t) {
+    return i(this, J).has(t);
   }
 }
-_e = new WeakMap(), Q = new WeakMap(), z = new WeakSet(), Pe = function(e, t = []) {
+xt = new WeakMap(), J = new WeakMap(), B = new WeakSet(), jt = function(t, e = []) {
   const s = [];
-  for (const n in e)
-    switch (We(e[n])) {
+  for (const n in t)
+    switch (Bt(t[n])) {
       case "string":
-        s.push([[...t, n].join("."), u(this, z, Ye).call(this, e[n])]);
+        s.push([[...e, n].join("."), f(this, B, le).call(this, t[n])]);
         break;
       case "object":
-        s.push(...u(this, z, Pe).call(this, e[n], [...t, n]));
+        s.push(...f(this, B, jt).call(this, t[n], [...e, n]));
         break;
       default:
         throw new Error(
-          `Expected to find a string or object at ${[...t, n].join(".")}. Got: ${We(e[n])}`
+          `Expected to find a string or object at ${[...e, n].join(".")}. Got: ${Bt(t[n])}`
         );
     }
   return s;
-}, Ye = function(e) {
-  let t;
-  ((c) => {
-    c[c.Static = 0] = "Static", c[c.ValueName = 1] = "ValueName", c[c.FormatName = 2] = "FormatName", c[c.FormatOptionName = 3] = "FormatOptionName", c[c.FormatOptionValue = 4] = "FormatOptionValue", c[c.FormatOptionEnd = 5] = "FormatOptionEnd";
-  })(t || (t = {}));
+}, le = function(t) {
+  let e;
+  ((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";
+  })(e || (e = {}));
   const s = {
     segments: []
   };
-  let n = "", r = 0, a = 0, f, h, w;
-  const v = () => {
-    f = {
+  let n = "", r = 0, a = 0, c, h, w;
+  const E = () => {
+    c = {
       type: 1,
       name: "",
       formats: []
@@ -251,91 +652,91 @@ _e = new WeakMap(), Q = new WeakMap(), z = new WeakSet(), Pe = function(e, t = [
       options: {}
     };
   };
-  for (; r < e.length; ) {
-    if (a !== 0 && e[r] === " ") {
+  for (; r < t.length; ) {
+    if (a !== 0 && t[r] === " ") {
       r++;
       continue;
     }
     switch (a) {
       case 0:
-        e[r] === "{" && e[r + 1] === "{" ? (a = 1, r += 2, n.length > 0 && (s.segments.push({ type: 0, text: n }), n = ""), v()) : (n += e[r], r++);
+        t[r] === "{" && t[r + 1] === "{" ? (a = 1, r += 2, n.length > 0 && (s.segments.push({ type: 0, text: n }), n = ""), E()) : (n += t[r], r++);
         break;
       case 1:
-        e[r] === "|" ? (a = 2, r += 1, f.name = n, n = "", k()) : e[r] === "}" && e[r + 1] === "}" ? (a = 0, r += 2, f.name = n, n = "", s.segments.push(f)) : (n += e[r], r++);
+        t[r] === "|" ? (a = 2, r += 1, c.name = n, n = "", k()) : t[r] === "}" && t[r + 1] === "}" ? (a = 0, r += 2, c.name = n, n = "", s.segments.push(c)) : (n += t[r], r++);
         break;
       case 2:
-        e[r] === "(" ? (a = 3, r += 1, h.name = n, n = "") : e[r] === "}" && e[r + 1] === "}" ? (a = 0, r += 2, f.formats.push(h), s.segments.push(f)) : (n += e[r], r++);
+        t[r] === "(" ? (a = 3, r += 1, h.name = n, n = "") : t[r] === "}" && t[r + 1] === "}" ? (a = 0, r += 2, c.formats.push(h), s.segments.push(c)) : (n += t[r], r++);
         break;
       case 3:
-        e[r] === ")" || (e[r] === ":" ? (a = 4, r += 1, w = n, n = "") : e[r] === "}" && e[r + 1] === "}" || (n += e[r], r++));
+        t[r] === ")" || (t[r] === ":" ? (a = 4, r += 1, w = n, n = "") : t[r] === "}" && t[r + 1] === "}" || (n += t[r], r++));
         break;
       case 4:
-        e[r] === ")" ? (a = 5, r += 1, h.options[w] = n, n = "", f.formats.push(h)) : e[r] === "," ? (a = 3, r += 1, h.options[w] = n, n = "") : e[r] === "}" && e[r + 1] === "}" || (n += e[r], r++);
+        t[r] === ")" ? (a = 5, r += 1, h.options[w] = n, n = "", c.formats.push(h)) : t[r] === "," ? (a = 3, r += 1, h.options[w] = n, n = "") : t[r] === "}" && t[r + 1] === "}" || (n += t[r], r++);
         break;
       case 5:
-        e[r] === "|" ? (a = 2, r += 1, k()) : e[r] === "}" && e[r + 1] === "}" && (a = 0, r += 2, s.segments.push(f));
+        t[r] === "|" ? (a = 2, r += 1, k()) : t[r] === "}" && t[r + 1] === "}" && (a = 0, r += 2, s.segments.push(c));
         break;
     }
   }
   return a === 0 && n.length > 0 && s.segments.push({ type: 0, text: n }), s;
 };
-var ie, P, b, ae, oe, le, he, $, Ze, Te, Ce, Ne, et;
-class Dt {
-  constructor(e) {
+var lt, O, b, ht, ct, ut, ft, $, he, Vt, It, qt, ce;
+class Qe {
+  constructor(t) {
     l(this, $);
-    l(this, ie);
-    l(this, P);
+    l(this, lt);
+    l(this, O);
     l(this, b, /* @__PURE__ */ new Map());
-    l(this, ae, []);
-    l(this, oe, /* @__PURE__ */ new Map());
-    l(this, le, "auto");
+    l(this, ht, []);
+    l(this, ct, /* @__PURE__ */ new Map());
+    l(this, ut, "auto");
     d(this, "$locale");
-    l(this, he);
-    m(this, ie, e), m(this, P, e.createLogger("Dolla.i18n"));
-    const [t, s] = Ie();
-    this.$locale = t, m(this, he, s), this.addFormat("number", (n, r, a) => u(this, $, Te).call(this, Number(r), a)), this.addFormat("datetime", (n, r, a) => u(this, $, Ce).call(this, r, a)), this.addFormat("list", (n, r, a) => u(this, $, Ne).call(this, r, a)), e.beforeMount(async () => {
-      i(this, b).size > 0 && await this.setLocale(i(this, le));
+    l(this, ft);
+    m(this, lt, t), m(this, O, t.createLogger("Dolla.i18n"));
+    const [e, s] = At();
+    this.$locale = e, m(this, ft, s), this.addFormat("number", (n, r, a) => f(this, $, Vt).call(this, Number(r), a)), this.addFormat("datetime", (n, r, a) => f(this, $, It).call(this, r, a)), this.addFormat("list", (n, r, a) => f(this, $, qt).call(this, r, a)), t.beforeMount(async () => {
+      i(this, b).size > 0 && await this.setLocale(i(this, ut));
     });
   }
   get locales() {
     return [...i(this, b).keys()];
   }
-  setup(e) {
-    if (e.translations.forEach((t) => {
-      i(this, b).set(t.locale, new xt(t, i(this, ie)));
-    }), e.locale && e.locale !== "auto") {
-      if (!e.translations.some((s) => s.locale === e.locale))
-        throw new Error(`Initial locale '${e.locale}' is not registered in the locales array.`);
-      m(this, le, e.locale);
+  setup(t) {
+    if (t.translations.forEach((e) => {
+      i(this, b).set(e.locale, new Ke(e, i(this, lt)));
+    }), t.locale && t.locale !== "auto") {
+      if (!t.translations.some((s) => s.locale === t.locale))
+        throw new Error(`Initial locale '${t.locale}' is not registered in the locales array.`);
+      m(this, ut, t.locale);
     }
-    i(this, P).info(
+    i(this, O).info(
       `${i(this, b).size} language${i(this, b).size === 1 ? "" : "s"} supported: '${[...i(this, b).keys()].join("', '")}'`
     );
   }
-  async setLocale(e) {
+  async setLocale(t) {
     var n;
-    let t;
-    if (e === "auto") {
+    let e;
+    if (t === "auto") {
       let r = [];
       if (typeof navigator < "u") {
         const a = navigator;
         ((n = a.languages) == null ? void 0 : n.length) > 0 ? r.push(...a.languages) : a.language ? r.push(a.language) : a.browserLanguage ? r.push(a.browserLanguage) : a.userLanguage && r.push(a.userLanguage);
       }
       for (const a of r)
-        i(this, b).has(a) && (t = a);
+        i(this, b).has(a) && (e = a);
     } else
-      i(this, b).has(e) && (t = e);
-    if (t == null) {
+      i(this, b).has(t) && (e = t);
+    if (e == null) {
       const r = i(this, b).keys().next().value;
-      r && (t = r);
+      r && (e = r);
     }
-    if (!t || !i(this, b).has(t))
-      throw new Error(`Locale '${e}' has no translation.`);
-    const s = i(this, b).get(t);
+    if (!e || !i(this, b).has(e))
+      throw new Error(`Locale '${t}' has no translation.`);
+    const s = i(this, b).get(e);
     try {
-      await s.load(), m(this, ae, []), i(this, he).call(this, t), i(this, P).info("set language to " + t);
+      await s.load(), m(this, ht, []), i(this, ft).call(this, e), i(this, O).info("set language to " + e);
     } catch (r) {
-      r instanceof Error && i(this, P).crash(r);
+      r instanceof Error && i(this, O).crash(r);
     }
   }
   /**
@@ -347,21 +748,21 @@ class Dt {
    * @example
    * const $value = t("your.key.here", { count: 5 });
    */
-  t(e, t) {
+  t(t, e) {
     if (this === void 0)
       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 s = [], n = [];
-    for (const r in t)
-      s.push(r), n.push(t[r]);
+    for (const r in e)
+      s.push(r), n.push(e[r]);
     return x([this.$locale, ...n], (r, ...a) => {
       if (r == null)
         return "[NO LOCALE SET]";
-      const f = {};
+      const c = {};
       for (let h = 0; h < a.length; h++)
-        f[s[h]] = a[h];
-      return u(this, $, Ze).call(this, r, e, f);
+        c[s[h]] = a[h];
+      return f(this, $, he).call(this, r, t, c);
     });
   }
   /**
@@ -378,8 +779,8 @@ class Dt {
    *
    * t("greeting", {name: "world"}); // State<"Hello, WORLD!">
    */
-  addFormat(e, t) {
-    i(this, oe).set(e, t);
+  addFormat(t, e) {
+    i(this, ct).set(t, e);
   }
   /**
    * Creates an `Intl.Collator` configured for the current locale.
@@ -387,16 +788,16 @@ class Dt {
    *
    * @see https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/Collator/Collator#options
    */
-  collator(e) {
-    return new Intl.Collator(this.$locale.get(), e);
+  collator(t) {
+    return new Intl.Collator(this.$locale.get(), t);
   }
   /**
    * Returns a State containing the number formatted for the current locale. Uses `Intl.NumberFormat` under the hood.
    *
    * @see https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat/NumberFormat#options
    */
-  number(e, t) {
-    return x([this.$locale, e], (s, n) => u(this, $, Te).call(this, n, t));
+  number(t, e) {
+    return x([this.$locale, t], (s, n) => f(this, $, Vt).call(this, n, e));
   }
   /**
    * Returns a State containing the date formatted for the current locale. Uses `Intl.DateTimeFormat` under the hood.
@@ -407,8 +808,8 @@ class Dt {
    * const date = new Date();
    * const $formatted = Dolla.i18n.dateTime(date, { dateFormat: "short" });
    */
-  dateTime(e, t) {
-    return x([this.$locale, e], (s, n) => u(this, $, Ce).call(this, n, t));
+  dateTime(t, e) {
+    return x([this.$locale, t], (s, n) => f(this, $, It).call(this, n, e));
   }
   /**
    * Returns a State containing the date formatted for the current locale. Uses `Intl.DateTimeFormat` under the hood.
@@ -419,455 +820,69 @@ class Dt {
    * const list = new Date();
    * const $formatted = Dolla.i18n.list(list, {  });
    */
-  list(e, t) {
-    return x([this.$locale, e], (s, n) => u(this, $, Ne).call(this, n, t));
+  list(t, e) {
+    return x([this.$locale, t], (s, n) => f(this, $, qt).call(this, n, e));
   }
 }
-ie = new WeakMap(), P = new WeakMap(), b = new WeakMap(), ae = new WeakMap(), oe = new WeakMap(), le = new WeakMap(), he = new WeakMap(), $ = new WeakSet(), Ze = function(e, t, s) {
+lt = new WeakMap(), O = new WeakMap(), b = new WeakMap(), ht = new WeakMap(), ct = new WeakMap(), ut = new WeakMap(), ft = new WeakMap(), $ = new WeakSet(), he = function(t, e, s) {
   var h;
-  const n = u(this, $, et).call(this, t, s);
+  const n = f(this, $, ce).call(this, e, s);
   if (n) return n;
-  const r = i(this, b).get(e);
-  if (s.context != null && (t += "_" + s.context), s.count != null)
+  const r = i(this, b).get(t);
+  if (s.context != null && (e += "_" + s.context), s.count != null)
     if (s.ordinal) {
-      const w = `${t}_ordinal_(=${s.count})`;
-      r.hasTemplate(w) ? t = w : t += "_ordinal_" + new Intl.PluralRules(e, { type: "ordinal" }).select(s.count);
+      const w = `${e}_ordinal_(=${s.count})`;
+      r.hasTemplate(w) ? e = w : e += "_ordinal_" + new Intl.PluralRules(t, { type: "ordinal" }).select(s.count);
     } else {
-      const w = `${t}_(=${s.count})`;
-      r.hasTemplate(w) ? t = w : t += "_" + new Intl.PluralRules(e).select(s.count);
+      const w = `${e}_(=${s.count})`;
+      r.hasTemplate(w) ? e = w : e += "_" + new Intl.PluralRules(t).select(s.count);
     }
-  const a = r.getTemplate(t);
-  let f = "";
+  const a = r.getTemplate(e);
+  let c = "";
   for (const w of a.segments)
     if (w.type === 0)
-      f += w.text;
+      c += w.text;
     else if (w.type === 1) {
-      let v = Ft(s, w.name);
+      let E = Je(s, w.name);
       const k = ((h = s.formatOverrides) == null ? void 0 : h[w.name]) ?? [...w.formats];
       w.name === "count" && k.length === 0 && k.push({ name: "number", options: {} });
-      for (const c of k) {
-        const F = i(this, oe).get(c.name);
-        if (F == null) {
-          const S = new Error(
-            `Failed to load format '${c.name}' when processing '${t}', template: ${a}`
+      for (const u of k) {
+        const D = i(this, ct).get(u.name);
+        if (D == null) {
+          const R = new Error(
+            `Failed to load format '${u.name}' when processing '${e}', template: ${a}`
           );
-          throw i(this, P).crash(S), S;
+          throw i(this, O).crash(R), R;
         }
-        v = F(e, v, c.options);
+        E = D(t, E, u.options);
       }
-      f += v;
+      c += E;
     }
-  return f;
-}, Te = function(e, t) {
-  return new Intl.NumberFormat(this.$locale.get(), t).format(e);
-}, Ce = function(e, t) {
-  return new Intl.DateTimeFormat(this.$locale.get(), t).format(E(e) ? new Date(e) : e);
-}, Ne = function(e, t) {
-  return new Intl.ListFormat(this.$locale.get(), t).format(e);
+  return c;
+}, Vt = function(t, e) {
+  return new Intl.NumberFormat(this.$locale.get(), e).format(t);
+}, It = function(t, e) {
+  return new Intl.DateTimeFormat(this.$locale.get(), e).format(v(t) ? new Date(t) : t);
+}, qt = function(t, e) {
+  return new Intl.ListFormat(this.$locale.get(), e).format(t);
 }, // relativeTime(): State<string> {
 // }
-et = function(e, t) {
-  for (const s of i(this, ae))
-    if (s[0] === e && ot(s[1], t))
+ce = function(t, e) {
+  for (const s of i(this, ht))
+    if (s[0] === t && we(s[1], e))
       return s[2];
 };
-function Ft(o, e) {
-  const t = String(e).split(/[\.\[\]]/).filter((n) => n.trim() !== "");
+function Je(o, t) {
+  const e = String(t).split(/[\.\[\]]/).filter((n) => n.trim() !== "");
   let s = o;
-  for (; t.length > 0; ) {
-    const n = t.shift();
+  for (; e.length > 0; ) {
+    const n = e.shift();
     s != null ? s = s[n] : s = void 0;
   }
   return s;
 }
-function se(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 K(o) {
-  var t;
-  lt(
-    (s) => re(s == null ? void 0 : s.toString),
-    o,
-    "Expected `parts` to be an array of objects with a .toString() method. Got type: %t, value: %v"
-  ), o = o.filter((s) => s).flatMap(String);
-  let e = (t = o.shift()) == null ? void 0 : t.toString();
-  if (e) {
-    for (const s of o.map((n) => n.toString()))
-      s.startsWith(".") ? e = Ee(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 Ee(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 = o;
-  for (; ; )
-    if (e.startsWith("..")) {
-      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 K([t, e]);
-}
-function Pt(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 tt(o, e, t = {}) {
-  var a;
-  const [s, n] = e.split("?"), r = se(s);
-  e: for (const f of o) {
-    const { fragments: h } = f;
-    if (!(((a = h[h.length - 1]) == null ? void 0 : a.type) === 3) && h.length !== r.length || t.willMatch && !t.willMatch(f))
-      continue e;
-    const v = [];
-    t: for (let c = 0; c < h.length; c++) {
-      const F = r[c], S = h[c];
-      if (F == null && S.type !== 3)
-        continue e;
-      switch (S.type) {
-        case 1:
-          if (S.name.toLowerCase() === F.toLowerCase()) {
-            v.push(S);
-            break;
-          } else
-            continue e;
-        case 2:
-          v.push({ ...S, value: F });
-          break;
-        case 3:
-          v.push({ ...S, value: r.slice(c).join("/") });
-          break t;
-        case 4:
-          if (isNaN(Number(F)))
-            continue e;
-          v.push({ ...S, value: Number(F) });
-          break;
-        default:
-          throw new Error(`Unknown fragment type: ${S.type}`);
-      }
-    }
-    const k = {};
-    for (const c of v)
-      c.type === 2 && (k[c.name] = decodeURIComponent(c.value)), c.type === 4 && (k[c.name] = c.value), c.type === 3 && (k.wildcard = "/" + decodeURIComponent(c.value));
-    return {
-      path: "/" + v.map((c) => c.value).join("/"),
-      pattern: "/" + h.map((c) => c.type === 2 ? `{${c.name}}` : c.type === 4 ? `{#${c.name}}` : c.name).join("/"),
-      params: k,
-      query: Pt(n),
-      meta: f.meta
-    };
-  }
-}
-function Tt(o) {
-  const e = [], t = [], s = [], n = [];
-  for (const a of o) {
-    const { fragments: f } = a;
-    f.some(
-      (h) => h.type === 3
-      /* Wildcard */
-    ) ? n.push(a) : f.some(
-      (h) => h.type === 4
-      /* NumericParam */
-    ) ? t.push(a) : f.some(
-      (h) => h.type === 2
-      /* Param */
-    ) ? s.push(a) : e.push(a);
-  }
-  const r = (a, f) => a.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 Ct(o) {
-  const e = se(o), t = [];
-  for (let s = 0; s < e.length; s++) {
-    const n = e[s];
-    if (n === "*") {
-      if (s !== e.length - 1)
-        throw new Error(`Wildcard must be at the end of a pattern. Received: ${o}`);
-      t.push({
-        type: 3,
-        name: "*",
-        value: null
-      });
-    } else n.at(0) === "{" && n.at(-1) === "}" ? t.push({
-      type: n[1] === "#" ? 4 : 2,
-      name: n[1] === "#" ? n.slice(2, -1) : n.slice(1, -1),
-      value: null
-    }) : t.push({
-      type: 1,
-      name: n,
-      value: n
-    });
-  }
-  return t;
-}
-var q, L, Le, T, J, W, A, C, ce, p, Oe, st, rt, te, je, nt, Ve;
-class Nt {
-  constructor(e) {
-    l(this, p);
-    l(this, q);
-    l(this, L);
-    l(this, Le, 0);
-    l(this, T, []);
-    l(this, J, []);
-    /**
-     * Use hash routing when true. Configured in router options.
-     */
-    l(this, W, !1);
-    // Callbacks that need to be called on unmount.
-    l(this, A, []);
-    /**
-     * The current match object.
-     */
-    l(this, C);
-    l(this, ce);
-    /**
-     * The currently matched route pattern, if any.
-     */
-    d(this, "$pattern");
-    /**
-     * The current URL path.
-     */
-    d(this, "$path");
-    /**
-     * The current named path params.
-     */
-    d(this, "$params");
-    /**
-     * The current query params. Changes to this object will be reflected in the URL.
-     */
-    d(this, "$query");
-    m(this, q, e), m(this, L, e.createLogger("Dolla.router")), [ee(this, C)._, ee(this, ce)._] = Ie(), this.$pattern = x([i(this, C)], (t) => t == null ? void 0 : t.pattern), this.$path = x([i(this, C)], (t) => (t == null ? void 0 : t.path) ?? window.location.pathname), this.$params = x([i(this, C)], (t) => (t == null ? void 0 : t.params) ?? {}, { equals: Ae }), this.$query = x([i(this, C)], (t) => (t == null ? void 0 : t.query) ?? {}, { equals: Ae }), e.beforeMount(async () => {
-      const t = () => {
-        u(this, p, te).call(this);
-      };
-      window.addEventListener("popstate", t), i(this, A).push(() => window.removeEventListener("popstate", t));
-      const s = e.getRootElement();
-      i(this, A).push(
-        Vt(s, (n) => {
-          let r = n.getAttribute("href");
-          i(this, L).info("intercepted click on <a> tag", n), /^https?:\/\/|^\//.test(r) || (r = K([window.location.pathname, r])), u(this, p, Oe).call(this, r);
-        })
-      ), i(this, L).info("will intercept clicks on <a> tags within root element", s), await u(this, p, te).call(this);
-    }), e.onUnmount(() => {
-      for (const t of i(this, A))
-        t();
-      m(this, A, []);
-    });
-  }
-  async setup(e) {
-    Ge(e != null, "Options object must not be null. Got: %t"), Ge(
-      !i(this, q).isMounted,
-      "Dolla is already mounted. Dolla.router.setup() must be called before Dolla.mount()."
-    ), e.hash && m(this, W, !0), m(this, J, Tt(
-      e.routes.flatMap((t) => u(this, p, Ve).call(this, t)).map((t) => ({
-        pattern: t.pattern,
-        meta: t.meta,
-        fragments: Ct(t.pattern)
-      }))
-    )), It(i(this, J));
-  }
-  /**
-   * 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.
-   *
-   * @example
-   * Dolla.router.go("/login"); // navigate to `/login`
-   * Dolla.router.go["/users", 215], { replace: true }); // replace current history entry with `/users/215`
-   */
-  go(e, t = {}) {
-    if (i(this, q) == null)
-      throw new Error("Routa methods won't work until you register it: Dolla.use(Routa, { /* ...options */ })");
-    let s;
-    Array.isArray(e) ? s = K(e) : s = e.toString(), s = Ee(window.location.pathname, s), t.preserveQuery && (s += window.location.search), t.replace ? u(this, p, st).call(this, s) : u(this, p, Oe).call(this, s);
-  }
-}
-q = new WeakMap(), L = new WeakMap(), Le = new WeakMap(), T = new WeakMap(), J = new WeakMap(), W = new WeakMap(), A = new WeakMap(), C = new WeakMap(), ce = new WeakMap(), p = new WeakSet(), Oe = function(e, t) {
-  i(this, L).info("(push)", e), window.history.pushState(t, "", i(this, W) ? "/#" + e : e), u(this, p, te).call(this, e);
-}, st = function(e, t) {
-  i(this, L).info("(replace)", e), window.history.replaceState(t, "", i(this, W) ? "/#" + e : e), u(this, p, te).call(this, e);
-}, rt = function() {
-  return i(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 = i(this, L), s = e ? new URL(e, window.location.origin) : u(this, p, rt).call(this), { match: n, journey: r } = await u(this, p, je).call(this, s);
-  for (const a of r)
-    switch (a.kind) {
-      case "match":
-        t.info(`📍 ${a.message}`);
-        break;
-      case "redirect":
-        t.info(`↩️ ${a.message}`);
-        break;
-      case "miss":
-        t.info(`💀 ${a.message}`);
-        break;
-    }
-  if (n) {
-    const a = this.$pattern.get();
-    i(this, ce).call(this, n), n.pattern !== a && u(this, p, nt).call(this, n);
-  } else
-    t.crash(new qt(`Failed to match route '${s.pathname}'`));
-  return { match: n, journey: r };
-}, je = async function(e, t = []) {
-  const s = tt(i(this, J), e.pathname);
-  if (!s)
-    return {
-      match: null,
-      journey: [...t, { kind: "miss", message: `no match for '${e.pathname}'` }]
-    };
-  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) {
-    let r;
-    if (E(n))
-      r = Ut(n, s.params);
-    else if (re(n)) {
-      const a = {
-        path: s.path,
-        pattern: s.pattern,
-        params: s.params,
-        query: s.query
-      };
-      if (r = await n(a), !E(r))
-        throw new Error("Redirect function must return a path to redirect to.");
-      r.startsWith("/") || (r = Ee(s.path, r));
-    } else
-      throw new TypeError("Redirect must either be a path string or a function.");
-    return u(this, p, je).call(this, new URL(r, window.location.origin), [
-      ...t,
-      { kind: "redirect", message: `redirecting '${s.path}' -> '${r}'` }
-    ]);
-  } else
-    return { match: s, journey: [...t, { kind: "match", message: `matched route '${s.path}'` }] };
-}, /**
- * Takes a matched route and mounts it.
- */
-nt = function(e) {
-  const t = e.meta.layers;
-  for (let s = 0; s < t.length; s++) {
-    const n = t[s], r = i(this, T)[s];
-    if ((r == null ? void 0 : r.id) !== n.id) {
-      m(this, T, i(this, T).slice(0, s)), r == null || r.view.unmount();
-      const a = i(this, T).at(-1), h = ((a == null ? void 0 : a.view) ?? i(this, q).getRootView()).setChildView(n.view);
-      i(this, T).push({ id: n.id, view: h });
-    }
-  }
-}, /**
- * 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.
- */
-Ve = function(e, t = [], s = []) {
-  if (!Z(e) || !E(e.path))
-    throw new TypeError(`Route configs must be objects with a 'path' string property. Got: ${e}`);
-  if (e.redirect && e.routes)
-    throw new Error("Route cannot have both a 'redirect' and nested 'routes'.");
-  if (e.redirect && e.view)
-    throw new Error("Route cannot have both a 'redirect' and a 'view'.");
-  if (!e.view && !e.routes && !e.redirect)
-    throw new Error("Route must have a 'view', a 'redirect', or a set of nested 'routes'.");
-  let n = [];
-  for (const h of t)
-    n.push(...se(h.path));
-  n.push(...se(e.path)), n[n.length - 1] === "*" && n.pop();
-  const r = [];
-  if (e.redirect) {
-    let h = e.redirect;
-    return E(h) && (h = Ee(K(n), h), h.startsWith("/") || (h = "/" + h)), r.push({
-      pattern: "/" + K([...n, ...se(e.path)]),
-      meta: {
-        redirect: h
-      }
-    }), r;
-  }
-  let a = Xe;
-  if (re(e.view))
-    a = e.view;
-  else if (e.view)
-    throw new TypeError(`Route '${e.path}' expected a view function or undefined. Got: ${e.view}`);
-  const f = { id: ee(this, Le)._++, view: a };
-  if (e.routes)
-    for (const h of e.routes)
-      r.push(...u(this, p, Ve).call(this, h, [...t, e], [...s, f]));
-  else
-    r.push({
-      pattern: parent ? K([...t.map((h) => h.path), e.path]) : e.path,
-      meta: {
-        pattern: e.path,
-        layers: [...s, f],
-        beforeMatch: e.beforeMatch
-      }
-    });
-  return r;
-};
-const Ot = /(noopener|noreferrer) (noopener|noreferrer)/, jt = /^[\w-_]+:/;
-function Vt(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(r) {
-    if (r.button && r.button !== 0 || r.ctrlKey || r.metaKey || r.altKey || r.shiftKey || r.defaultPrevented)
-      return;
-    const a = s(r.target);
-    a && (t.location.protocol !== a.protocol || t.location.hostname !== a.hostname || t.location.port !== a.port || a.hasAttribute("data-router-ignore") || a.hasAttribute("download") || a.getAttribute("target") === "_blank" && Ot.test(a.getAttribute("rel")) || jt.test(a.getAttribute("href")) || (r.preventDefault(), e(a)));
-  }
-  return o.addEventListener("click", n), function() {
-    o.removeEventListener("click", n);
-  };
-}
-function Ut(o, e) {
-  for (const t in e) {
-    const s = e[t].toString();
-    o = o.replace(`{${t}}`, s).replace(`{#${t}}`, s);
-  }
-  return o;
-}
-function It(o) {
-  for (const e of o)
-    if (e.meta.redirect) {
-      let t;
-      if (!re(e.meta.redirect)) if (E(e.meta.redirect)) {
-        if (t = e.meta.redirect, !tt(o, t, {
-          willMatch(n) {
-            return n !== e;
-          }
-        }))
-          throw new Error(`Found a redirect to an undefined URL. From '${e.pattern}' to '${e.meta.redirect}'`);
-      } else
-        throw new TypeError(`Expected a string or redirect function. Got: ${e.meta.redirect}`);
-    }
-}
-class qt extends Error {
-}
-function Wt(o) {
-  return He`
+function Xe(o) {
+  return zt`
     <div
       style=${{
     backgroundColor: "#880000",
@@ -881,7 +896,7 @@ function Wt(o) {
       <h1 style=${{ marginBottom: "0.5rem" }}>The app has crashed</h1>
       <p style=${{ marginBottom: "0.25rem" }}>
         <span style=${{ fontFamily: "monospace" }}>${o.loggerName}</span>
-        ${ht(o.uid, He`<span style=${{ fontFamily: "monospace", opacity: 0.5 }}> [uid: ${o.uid}]</span>`)}
+        ${pe(o.uid, zt`<span style=${{ fontFamily: "monospace", opacity: 0.5 }}> [uid: ${o.uid}]</span>`)}
         ${" "}says:
       </p>
       <blockquote
@@ -913,103 +928,103 @@ function Wt(o) {
     </div>
   `;
 }
-var ue, X, N, G, H, Y, Me, M, fe, D, Ue, ke;
-class At {
-  constructor(e) {
-    l(this, D);
-    l(this, ue);
+var dt, X, N, A, G, Y, Ft, M, mt, F, Wt, St;
+class Ye {
+  constructor(t) {
+    l(this, F);
+    l(this, dt);
     l(this, X);
     // Keys ensure only the most recent callback queued with a certain key
     // will be called, keeping DOM operations to a minimum.
     l(this, N, /* @__PURE__ */ new Map());
     // All unkeyed writes are run on every batch.
-    l(this, G, []);
+    l(this, A, []);
     // All read callbacks are run before updates on every batch.
-    l(this, H, []);
+    l(this, G, []);
     l(this, Y, !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.
-    l(this, Me, !0);
+    l(this, Ft, !0);
     l(this, M, 0);
-    l(this, fe, new Intl.NumberFormat("en-US", {
+    l(this, mt, new Intl.NumberFormat("en-US", {
       maximumFractionDigits: 2,
       minimumFractionDigits: 0,
       style: "unit",
       unit: "millisecond",
       unitDisplay: "short"
     }));
-    m(this, ue, e), m(this, X, e.createLogger("Dolla.batch"));
+    m(this, dt, t), m(this, X, t.createLogger("Dolla.batch"));
   }
   /**
    * Queues a callback that runs before the next batch of writes.
    */
-  read(e) {
-    i(this, H).push(e), u(this, D, Ue).call(this);
+  read(t) {
+    i(this, G).push(t), f(this, F, Wt).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 ? i(this, N).set(t, e) : i(this, G).push(e), u(this, D, Ue).call(this);
+  write(t, e) {
+    e ? i(this, N).set(e, t) : i(this, A).push(t), f(this, F, Wt).call(this);
   }
 }
-ue = new WeakMap(), X = new WeakMap(), N = new WeakMap(), G = new WeakMap(), H = new WeakMap(), Y = new WeakMap(), Me = new WeakMap(), M = new WeakMap(), fe = new WeakMap(), D = new WeakSet(), Ue = function() {
+dt = new WeakMap(), X = new WeakMap(), N = new WeakMap(), A = new WeakMap(), G = new WeakMap(), Y = new WeakMap(), Ft = new WeakMap(), M = new WeakMap(), mt = new WeakMap(), F = new WeakSet(), Wt = function() {
   if (!i(this, Y)) {
     m(this, Y, !0);
-    const e = i(this, ue).getEnv() === "development";
+    const t = i(this, dt).getEnv() === "development";
     queueMicrotask(() => {
-      u(this, D, ke).call(this, e);
+      f(this, F, St).call(this, t);
     });
   }
-}, ke = function(e = !1) {
-  const t = performance.now();
+}, St = function(t = !1) {
+  const e = performance.now();
   let s = 0;
-  const n = i(this, H).length + i(this, N).size + i(this, G).length;
+  const n = i(this, G).length + i(this, N).size + i(this, A).length;
   let r = 0;
-  const a = () => (r++, s = performance.now() - t, i(this, Me) && s > 12 && r < n ? (ee(this, M)._++, e && i(this, X).warn(
-    `⚠️ Deferring batch to next frame. Performed ${r} of ${n} batched operation${r === 1 ? "" : "s"} in ${i(this, fe).format(s)} (deferral ${i(this, M)}).`
+  const a = () => (r++, s = performance.now() - e, i(this, Ft) && s > 12 && r < n ? (et(this, M)._++, t && i(this, X).warn(
+    `⚠️ Deferring batch to next frame. Performed ${r} of ${n} batched operation${r === 1 ? "" : "s"} in ${i(this, mt).format(s)} (deferral ${i(this, M)}).`
   ), requestAnimationFrame(() => {
-    u(this, D, ke).call(this, e);
-  }), !0) : !1), f = [...i(this, N).entries()];
+    f(this, F, St).call(this, t);
+  }), !0) : !1), c = [...i(this, N).entries()];
   let h, w;
-  for (; w = i(this, H).shift(); )
+  for (; w = i(this, G).shift(); )
     if (w(), a()) return;
-  for ([h, w] of f)
+  for ([h, w] of c)
     if (w(), i(this, N).delete(h), a()) return;
-  for (; w = i(this, G).shift(); )
+  for (; w = i(this, A).shift(); )
     if (w(), a()) return;
-  e && i(this, X)[s > 16 ? "warn" : "info"](
-    `${s > 16 ? "⚠️ (>=16ms) " : ""}Executed ${r} operation${r === 1 ? "" : "s"} in ${i(this, fe).format(s)}${i(this, M) > 0 ? ` (after ${i(this, M)} deferral${i(this, M) === 1 ? "" : "s"})` : ""}.`
-  ), m(this, M, 0), i(this, H).length || i(this, N).size || i(this, G).length ? queueMicrotask(() => {
-    u(this, D, ke).call(this, e);
+  t && i(this, X)[s > 16 ? "warn" : "info"](
+    `${s > 16 ? "⚠️ (>=16ms) " : ""}Executed ${r} operation${r === 1 ? "" : "s"} in ${i(this, mt).format(s)}${i(this, M) > 0 ? ` (after ${i(this, M)} deferral${i(this, M) === 1 ? "" : "s"})` : ""}.`
+  ), m(this, M, 0), i(this, G).length || i(this, N).size || i(this, A).length ? queueMicrotask(() => {
+    f(this, F, St).call(this, t);
   }) : m(this, Y, !1);
 };
-var O, de, j, B, me, we, pe, ge, ye, be, g, y, V, U, xe;
-class Gt {
+var U, wt, C, H, pt, gt, Z, yt, bt, $t, Et, g, y, j, V, Dt;
+class Ze {
   constructor() {
     d(this, "batch");
     // Remove `private` when there are public methods to call.
     d(this, "stats");
     d(this, "http");
     d(this, "i18n");
-    d(this, "router");
-    l(this, O, !1);
-    l(this, de, "production");
-    l(this, j);
-    l(this, B);
-    l(this, me, Wt);
-    l(this, we, Be());
-    l(this, pe, []);
-    l(this, ge, []);
-    l(this, ye, []);
-    l(this, be, []);
+    l(this, U, !1);
+    l(this, wt, "production");
+    l(this, C);
+    l(this, H);
+    l(this, pt, Xe);
+    l(this, gt, Kt());
+    l(this, Z);
+    l(this, yt, []);
+    l(this, bt, []);
+    l(this, $t, []);
+    l(this, Et, []);
     l(this, g, {
       root: this,
       data: {},
-      emitter: new ct(),
+      emitter: new ge(),
       stores: /* @__PURE__ */ new Map(),
       viewName: "Dolla"
     });
@@ -1019,72 +1034,72 @@ class Gt {
       warn: "development",
       error: !0
     });
-    l(this, V, ze("*,-Dolla.*"));
-    l(this, U, /* @__PURE__ */ new Map());
+    l(this, j, Qt("*,-Dolla.*"));
+    l(this, V, /* @__PURE__ */ new Map());
     // Registration functions for modules.
     // All modules will be registered before mount.
-    l(this, xe, []);
-    d(this, "watch", i(this, we).watch);
-    d(this, "createState", Ie);
-    d(this, "toState", ft);
-    d(this, "toValue", dt);
-    d(this, "isState", mt);
+    l(this, Dt, []);
+    d(this, "watch", i(this, gt).watch);
+    d(this, "createState", At);
+    d(this, "toState", be);
+    d(this, "toValue", $e);
+    d(this, "isState", Ee);
     d(this, "derive", x);
-    d(this, "createWatcher", Be);
-    d(this, "createRef", wt);
-    d(this, "isRef", pt);
-    this.batch = new At(this), this.stats = new ut(this), this.http = new St(this), this.i18n = new Dt(this), this.router = new Nt(this);
+    d(this, "createWatcher", Kt);
+    d(this, "createRef", ve);
+    d(this, "isRef", ke);
+    this.batch = new Ye(this), this.stats = new ye(this), this.http = new Ae(this), this.i18n = new Qe(this);
   }
   /**
    * True when the app is connected to a DOM node and displayed to the user.
    */
   get isMounted() {
-    return i(this, O);
+    return i(this, U);
   }
   /**
    * 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 i(this, de);
+    return i(this, wt);
   }
   /**
    * 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) {
-    m(this, de, e);
+  setEnv(t) {
+    m(this, wt, t);
   }
   /**
    * 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) {
-    m(this, me, e);
+  setCrashView(t) {
+    m(this, pt, t);
   }
   /**
    * Returns the HTMLElement Dolla is mounted to. This will return undefined until Dolla.mount() is called.
    */
   getRootElement() {
-    return i(this, j);
+    return i(this, C);
   }
   /**
    * Returns the top level view Dolla is rendering inside the root element. This will return undefined until Dolla.mount() is called.
    */
   getRootView() {
-    return i(this, B);
+    return i(this, H);
   }
   /**
    * Sets a context variable and returns its value. Context variables are accessible on the app and in child views.
    */
-  set(e, t) {
-    return i(this, g).data[e] = t, t;
+  set(t, e) {
+    return i(this, g).data[t] = e, e;
   }
   /**
    * Gets the value of a context variable. Returns null if the variable is not set.
    */
-  get(e) {
-    return i(this, g).data[e] ?? null;
+  get(t) {
+    return i(this, g).data[t] ?? null;
   }
   /**
    * Returns an object of all context variables stored at the app level.
@@ -1095,142 +1110,143 @@ class Gt {
   /**
    * Adds a listener to be called when `eventName` is emitted.
    */
-  on(e, t) {
-    if (e === "*") {
+  on(t, e) {
+    if (t === "*") {
       const s = (n, r) => {
-        t(r);
+        e(r);
       };
-      i(this, g).emitter.on(e, s), i(this, U).set(t, s);
+      i(this, g).emitter.on(t, s), i(this, V).set(e, s);
     } else
-      i(this, g).emitter.on(e, t);
+      i(this, g).emitter.on(t, e);
   }
   /**
    * Removes a listener from the list to be called when `eventName` is emitted.
    */
-  off(e, t) {
-    if (e === "*") {
-      const s = i(this, U).get(t);
-      s && (i(this, g).emitter.off(e, s), i(this, U).delete(t));
+  off(t, e) {
+    if (t === "*") {
+      const s = i(this, V).get(e);
+      s && (i(this, g).emitter.off(t, s), i(this, V).delete(e));
     } else
-      i(this, g).emitter.off(e, t);
+      i(this, g).emitter.off(t, e);
   }
   /**
    * Adds a listener to be called when `eventName` is emitted. The listener is immediately removed after being called once.
    */
-  once(e, t) {
-    if (e === "*") {
+  once(t, e) {
+    if (t === "*") {
       const s = (n, r) => {
-        i(this, U).delete(t), t(r);
+        i(this, V).delete(e), e(r);
       };
-      i(this, g).emitter.once(e, s), i(this, U).set(t, s);
+      i(this, g).emitter.once(t, s), i(this, V).set(e, s);
     } else
-      i(this, g).emitter.once(e, t);
+      i(this, g).emitter.once(t, e);
   }
   /**
    * Emits a new event to all listeners.
    */
-  emit(e, t) {
-    return i(this, g).emitter.emit(e, new gt(e, t));
+  emit(t, e) {
+    return i(this, g).emitter.emit(t, new Re(t, e));
   }
   /**
    * Attaches a new store to this context.
    */
-  attachStore(e) {
-    if (!e.attach(i(this, g))) {
-      let s = e.name ? `'${e.name}'` : "this store";
+  attachStore(t) {
+    if (!t.attach(i(this, g))) {
+      let s = t.name ? `'${t.name}'` : "this store";
       console.warn(`An instance of ${s} was already attached to this context.`);
     }
   }
   /**
    * Gets the nearest instance of a store. Throws an error if the store isn't provided higher in the tree.
    */
-  useStore(e) {
-    if (yt(e)) {
-      const t = e.key, s = i(this, g).stores.get(t);
+  useStore(t) {
+    if (Se(t)) {
+      const e = t.key, s = i(this, g).stores.get(e);
       if (s == null)
-        throw new Fe("Store not found on this context.");
+        throw new Tt("Store not found on this context.");
       return s.value;
-    } else throw bt(e) ? new Fe(
+    } else throw _e(t) ? new Tt(
       "Received a Store instance. Please pass the Store factory function to useStore without calling it."
-    ) : new Fe("Invalid store.");
+    ) : new Tt("Invalid store.");
   }
-  async mount(e, t) {
-    if (i(this, O))
+  async mount(t, e) {
+    if (i(this, U))
       throw new Error("Dolla is already mounted.");
-    if (E(e)) {
-      const n = document.querySelector(e);
-      Ke(HTMLElement, n, `Selector '${e}' did not match any element.`), m(this, j, n);
+    if (v(t)) {
+      const r = document.querySelector(t);
+      Jt(HTMLElement, r, `Selector '${t}' did not match any element.`), m(this, C, r);
     } else
-      Ke(HTMLElement, e, "Expected an HTML element or a selector string. Got type: %t, value: %v"), m(this, j, e);
-    const s = $t(t ?? Xe);
-    m(this, B, this.constructView(s.type, s.props)), await Promise.all(i(this, xe).map((n) => n())), await Promise.all(i(this, pe).map((n) => n())), i(this, B).mount(i(this, j)), m(this, O, !0);
-    for (const n of i(this, g).stores.values())
-      n.handleMount();
-    for (const n of i(this, ge))
-      n();
+      Jt(HTMLElement, t, "Expected an HTML element or a selector string. Got type: %t, value: %v"), m(this, C, t);
+    Ot(e) && m(this, Z, e);
+    const s = Ot(e) ? ee : e, n = Le(s);
+    m(this, H, this.constructView(n.type, n.props)), await Promise.all(i(this, Dt).map((r) => r())), Ot(e) && await Oe(e, this), await Promise.all(i(this, yt).map((r) => r())), i(this, H).mount(i(this, C)), m(this, U, !0);
+    for (const r of i(this, g).stores.values())
+      r.handleMount();
+    for (const r of i(this, bt))
+      r();
   }
   async unmount() {
-    var e;
-    if (i(this, O)) {
-      await Promise.all(i(this, ye).map((t) => t())), (e = i(this, B)) == null || e.unmount(!1), i(this, we).stopAll(), m(this, O, !1);
-      for (const t of i(this, be))
-        t();
+    var t;
+    if (i(this, U)) {
+      await Promise.all(i(this, $t).map((e) => e())), (t = i(this, H)) == null || t.unmount(!1), i(this, gt).stopAll(), i(this, Z) && await Ne(i(this, Z)), m(this, U, !1);
+      for (const e of i(this, Et))
+        e();
     }
   }
   /**
    * Registers a `callback` to run after `Dolla.mount` is called, before the app is mounted. If `callback` returns a Promise,
    * it will be awaited before mounting finishes. Use this to perform initial setup before the app is displayed to the user.
    */
-  beforeMount(e) {
-    i(this, pe).push(e);
+  beforeMount(t) {
+    i(this, yt).push(t);
   }
   /**
    * Registers a `callback` to run after the app is mounted.
    */
-  onMount(e) {
-    i(this, ge).push(e);
+  onMount(t) {
+    i(this, bt).push(t);
   }
   /**
    * 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) {
-    i(this, ye).push(e);
+  beforeUnmount(t) {
+    i(this, $t).push(t);
   }
   /**
    * Registers a `callback` to run after the app is unmounted.
    */
-  onUnmount(e) {
-    i(this, be).push(e);
+  onUnmount(t) {
+    i(this, Et).push(t);
   }
   /**
    * Update log type toggles. Values that are not passed will remain unchanged.
    */
-  setLoggles(e) {
-    for (const t in e) {
-      const s = e[t];
-      s && (i(this, y)[t] = s);
+  setLoggles(t) {
+    for (const e in t) {
+      const s = t[e];
+      s && (i(this, y)[e] = s);
     }
   }
-  setLogFilter(e) {
-    m(this, V, ze(e));
+  setLogFilter(t) {
+    m(this, j, Qt(t));
   }
-  createLogger(e, t) {
-    const s = (t == null ? void 0 : t.console) ?? Ht(), n = this;
+  createLogger(t, e) {
+    const s = (e == null ? void 0 : e.console) ?? ts(), n = this;
     return {
       setName(r) {
-        return e = r, this;
+        return t = r, this;
       },
       get info() {
         var r;
-        if (i(n, y).info === !1 || E(i(n, y).info) && i(n, y).info !== n.getEnv() || !i(r = n, V).call(r, e))
-          return $e;
+        if (i(n, y).info === !1 || v(i(n, y).info) && i(n, y).info !== n.getEnv() || !i(r = n, j).call(r, t))
+          return vt;
         {
-          let a = `%c${e}`;
-          return t != null && t.uid ? a += ` %c[uid: %c${t.uid}%c]` : a += "%c%c%c", s.info.bind(
+          let a = `%c${t}`;
+          return e != null && e.uid ? a += ` %c[uid: %c${e.uid}%c]` : a += "%c%c%c", s.info.bind(
             s,
             a,
-            `color:${ve(a)};font-weight:bold`,
+            `color:${kt(a)};font-weight:bold`,
             "color:#777",
             "color:#aaa",
             "color:#777"
@@ -1239,14 +1255,14 @@ class Gt {
       },
       get log() {
         var r;
-        if (i(n, y).log === !1 || E(i(n, y).log) && i(n, y).log !== n.getEnv() || !i(r = n, V).call(r, e))
-          return $e;
+        if (i(n, y).log === !1 || v(i(n, y).log) && i(n, y).log !== n.getEnv() || !i(r = n, j).call(r, t))
+          return vt;
         {
-          let a = `%c${e}`;
-          return t != null && t.uid ? a += ` %c[uid: %c${t.uid}%c]` : a += "%c%c%c", s.log.bind(
+          let a = `%c${t}`;
+          return e != null && e.uid ? a += ` %c[uid: %c${e.uid}%c]` : a += "%c%c%c", s.log.bind(
             s,
             a,
-            `color:${ve(a)};font-weight:bold`,
+            `color:${kt(a)};font-weight:bold`,
             "color:#777",
             "color:#aaa",
             "color:#777"
@@ -1255,14 +1271,14 @@ class Gt {
       },
       get warn() {
         var r;
-        if (i(n, y).warn === !1 || E(i(n, y).warn) && i(n, y).warn !== n.getEnv() || !i(r = n, V).call(r, e))
-          return $e;
+        if (i(n, y).warn === !1 || v(i(n, y).warn) && i(n, y).warn !== n.getEnv() || !i(r = n, j).call(r, t))
+          return vt;
         {
-          let a = `%c${e}`;
-          return t != null && t.uid ? a += ` %c[uid: %c${t.uid}%c]` : a += "%c%c%c", s.warn.bind(
+          let a = `%c${t}`;
+          return e != null && e.uid ? a += ` %c[uid: %c${e.uid}%c]` : a += "%c%c%c", s.warn.bind(
             s,
             a,
-            `color:${ve(a)};font-weight:bold`,
+            `color:${kt(a)};font-weight:bold`,
             "color:#777",
             "color:#aaa",
             "color:#777"
@@ -1271,14 +1287,14 @@ class Gt {
       },
       get error() {
         var r;
-        if (i(n, y).error === !1 || E(i(n, y).error) && i(n, y).error !== n.getEnv() || !i(r = n, V).call(r, e))
-          return $e;
+        if (i(n, y).error === !1 || v(i(n, y).error) && i(n, y).error !== n.getEnv() || !i(r = n, j).call(r, t))
+          return vt;
         {
-          let a = `%c${e}`;
-          return t != null && t.uid ? a += ` %c[uid: %c${t.uid}%c]` : a += "%c%c%c", s.error.bind(
+          let a = `%c${t}`;
+          return e != null && e.uid ? a += ` %c[uid: %c${e.uid}%c]` : a += "%c%c%c", s.error.bind(
             s,
             a,
-            `color:${ve(a)};font-weight:bold`,
+            `color:${kt(a)};font-weight:bold`,
             "color:#777",
             "color:#aaa",
             "color:#777"
@@ -1286,62 +1302,63 @@ class Gt {
         }
       },
       crash(r) {
-        throw n.isMounted && (n.unmount(), n.constructView(i(n, me), {
+        throw n.isMounted && (n.unmount(), n.constructView(i(n, pt), {
           error: r,
-          loggerName: e,
-          uid: t == null ? void 0 : t.uid
-        }).mount(i(n, j))), r;
+          loggerName: t,
+          uid: e == null ? void 0 : e.uid
+        }).mount(i(n, C))), r;
       }
     };
   }
   /**
    *
    */
-  constructView(e, t, s = []) {
-    return new vt(i(this, g), e, t, s);
+  constructView(t, e, s = []) {
+    return new Me(i(this, g), t, e, s);
   }
   /**
    *
    */
-  constructMarkup(e) {
-    return Et(kt(i(this, g), e));
+  constructMarkup(t) {
+    return xe(Fe(i(this, g), t));
   }
 }
-O = new WeakMap(), de = new WeakMap(), j = new WeakMap(), B = new WeakMap(), me = new WeakMap(), we = new WeakMap(), pe = new WeakMap(), ge = new WeakMap(), ye = new WeakMap(), be = new WeakMap(), g = new WeakMap(), y = new WeakMap(), V = new WeakMap(), U = new WeakMap(), xe = new WeakMap();
-function Ht() {
+U = new WeakMap(), wt = new WeakMap(), C = new WeakMap(), H = new WeakMap(), pt = new WeakMap(), gt = new WeakMap(), Z = new WeakMap(), yt = new WeakMap(), bt = new WeakMap(), $t = new WeakMap(), Et = new WeakMap(), g = new WeakMap(), y = new WeakMap(), j = new WeakMap(), V = new WeakMap(), Dt = new WeakMap();
+function ts() {
   if (typeof window < "u" && window.console)
     return window.console;
   if (typeof global < "u" && global.console)
     return global.console;
 }
-const Qe = new Gt(), Kt = Qe.i18n.t.bind(Qe.i18n);
-function Qt(o) {
+const Xt = new Ze(), ns = Xt.i18n.t.bind(Xt.i18n);
+function is(o) {
   typeof window < "u" && (window.DOLLA_DEV_DEBUG = o);
 }
-function Jt() {
+function as() {
   return typeof window < "u" ? window.DOLLA_DEV_DEBUG === !0 : !1;
 }
 export {
-  ht as cond,
-  $t as createMarkup,
-  wt as createRef,
-  Ie as createState,
-  Zt as createStore,
-  es as createView,
-  ot as deepEqual,
-  Qe as default,
+  pe as cond,
+  Le as createMarkup,
+  ve as createRef,
+  rs as createRouter,
+  At as createState,
+  hs as createStore,
+  cs as createView,
+  we as deepEqual,
+  Xt as default,
   x as derive,
-  Jt as getDevDebug,
-  He as html,
-  pt as isRef,
-  mt as isState,
-  ts as portal,
-  ss as repeat,
-  Qt as setDevDebug,
-  Ae as shallowEqual,
-  rs as strictEqual,
-  Kt as t,
-  ft as toState,
-  dt as toValue
+  as as getDevDebug,
+  zt as html,
+  ke as isRef,
+  Ee as isState,
+  us as portal,
+  fs as repeat,
+  is as setDevDebug,
+  Ht as shallowEqual,
+  ds as strictEqual,
+  ns as t,
+  be as toState,
+  $e as toValue
 };
 //# sourceMappingURL=index.js.map