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

package/dist/index.js

@@ -1,1268 +1,1252 @@
-var pt = Object.defineProperty;
-var Ze = (n) => {
-  throw TypeError(n);
+var ue = Object.defineProperty;
+var Gt = (o) => {
+  throw TypeError(o);
 };
-var mt = (n, e, t) => e in n ? pt(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t;
-var k = (n, e, t) => mt(n, typeof e != "symbol" ? e + "" : e, t), Fe = (n, e, t) => e.has(n) || Ze("Cannot " + t);
-var a = (n, e, t) => (Fe(n, e, "read from private field"), t ? t.call(n) : e.get(n)), u = (n, e, t) => e.has(n) ? Ze("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(n) : e.set(n, t), m = (n, e, t, r) => (Fe(n, e, "write to private field"), r ? r.call(n, t) : e.set(n, t), t), P = (n, e, t) => (Fe(n, e, "access private method"), t);
-var et = (n, e, t, r) => ({
-  set _(s) {
-    m(n, e, s, t);
+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, t, n, e);
   },
   get _() {
-    return a(n, e, r);
+    return i(o, t, s);
   }
 });
-import { h as tt, c as yt, i as Ie, s as Ge, a as wt, d as Be, b as bt, e as Xe, f as D, g as K, j as lt, k as vt, w as ht, P as ut, l as rt, m as $t, t as Et, n as kt, o as Lt, p as Pt, q as nt, r as at, u as St, v as Oe, x as Te, y as Rt, z as xt, A as Mt } from "./passthrough-DrtCifRF.js";
-import { B as rr, C as nr, D as ar } from "./passthrough-DrtCifRF.js";
-function Nt(n) {
-  return tt`
-    <div
-      style=${{
-    backgroundColor: "#880000",
-    color: "#fff",
-    padding: "2rem",
-    position: "fixed",
-    inset: 0,
-    fontSize: "20px"
-  }}
-    >
-      <h1 style=${{ marginBottom: "0.5rem" }}>The app has crashed</h1>
-      <p style=${{ marginBottom: "0.25rem" }}>
-        <span style=${{ fontFamily: "monospace" }}>${n.loggerName}</span>
-        ${yt(n.uid, tt`<span style=${{ fontFamily: "monospace", opacity: 0.5 }}> [uid: ${n.uid}]</span>`)}
-        ${" "}says:
-      </p>
-      <blockquote
-        style=${{
-    backgroundColor: "#991111",
-    padding: "0.25em",
-    borderRadius: "6px",
-    fontFamily: "monospace",
-    marginBottom: "1rem"
-  }}
-      >
-        <span
-          style=${{
-    display: "inline-block",
-    backgroundColor: "red",
-    padding: "0.1em 0.4em",
-    marginRight: "0.5em",
-    borderRadius: "4px",
-    fontSize: "0.9em",
-    fontWeight: "bold"
-  }}
-        >
-          ${n.error.name}
-        </span>
-        ${n.error.message}
-      </blockquote>
-
-      <p>Please see the browser console for details.</p>
-    </div>
-  `;
-}
-var J, _e, N, q;
-class Ot {
-  constructor() {
-    u(this, N);
-    u(this, J, []);
-    u(this, _e, Tt());
-  }
-  /**
-   * Adds a new middleware that will apply to subsequent requests.
-   * Returns a function to remove this middleware.
-   *
-   * @param middleware - A middleware function that will intercept requests.
-   */
-  use(e) {
-    return a(this, J).push(e), () => {
-      a(this, J).splice(a(this, J).indexOf(e), 1);
-    };
-  }
-  async get(e, t) {
-    return P(this, N, q).call(this, "get", e, t);
-  }
-  async put(e, t) {
-    return P(this, N, q).call(this, "put", e, t);
-  }
-  async patch(e, t) {
-    return P(this, N, q).call(this, "patch", e, t);
-  }
-  async post(e, t) {
-    return P(this, N, q).call(this, "post", e, t);
-  }
-  async delete(e, t) {
-    return P(this, N, q).call(this, "delete", e, t);
-  }
-  async head(e, t) {
-    return P(this, N, q).call(this, "head", e, t);
-  }
-  async options(e, t) {
-    return P(this, N, q).call(this, "options", e, t);
-  }
-  async trace(e, t) {
-    return P(this, N, q).call(this, "trace", e, t);
-  }
-}
-J = new WeakMap(), _e = new WeakMap(), N = new WeakSet(), q = async function(e, t, r) {
-  return jt({
-    ...r,
-    method: e,
-    uri: t,
-    middleware: a(this, J),
-    fetch: a(this, _e)
-  });
-};
-function Tt() {
-  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 At extends Error {
-  constructor(t) {
-    const { status: r, statusText: s, method: i, uri: o } = t, f = `${r} ${s}: Request failed (${i.toUpperCase()} ${o})`;
-    super(f);
-    k(this, "response");
-    this.response = t;
-  }
-}
-async function jt(n) {
-  const { headers: e, query: t, fetch: r, middleware: s } = n, i = {
-    method: n.method,
-    uri: n.uri,
-    get sameOrigin() {
-      return !i.uri.startsWith("http");
-    },
-    query: new URLSearchParams(),
-    headers: new Headers(),
-    body: n.body
-  };
-  if (e)
-    if (e instanceof Map || e instanceof Headers)
-      e.forEach((c, y) => {
-        i.headers.set(y, c);
-      });
-    else if (e != null && typeof e == "object" && !Array.isArray(e))
-      for (const c in e) {
-        const y = e[c];
-        y instanceof Date ? i.headers.set(c, y.toISOString()) : y != null && i.headers.set(c, String(y));
-      }
-    else
-      throw new TypeError(`Unknown headers type. Got: ${e}`);
-  if (t)
-    if (t instanceof Map || t instanceof URLSearchParams)
-      t.forEach((c, y) => {
-        i.query.set(y, c);
-      });
-    else if (t != null && typeof t == "object" && !Array.isArray(t))
-      for (const c in t) {
-        const y = t[c];
-        y instanceof Date ? i.query.set(c, y.toISOString()) : y != null && i.query.set(c, String(y));
-      }
-    else
-      throw new TypeError(`Unknown query params type. Got: ${t}`);
-  let o;
-  const f = async () => {
-    const c = i.query.toString(), y = c.length > 0 ? i.uri + "?" + c : i.uri;
-    let w;
-    !i.headers.has("content-type") && Ie(i.body) ? (i.headers.set("content-type", "application/json"), w = JSON.stringify(i.body)) : w = i.body;
-    const p = await r(y, {
-      method: i.method,
-      headers: i.headers,
-      body: w
-    }), d = Object.fromEntries(p.headers.entries()), b = d["content-type"];
-    let $;
-    b != null && b.includes("application/json") ? $ = await p.json() : b != null && b.includes("application/x-www-form-urlencoded") ? $ = await p.formData() : $ = await p.text(), o = {
-      method: i.method,
-      uri: i.uri,
-      status: p.status,
-      statusText: p.statusText,
-      headers: d,
-      body: $
-    };
-  };
-  if (s.length > 0) {
-    const c = (y = 0) => {
-      const w = s[y], p = s[y + 1] ? c(y + 1) : f;
-      return async () => w(i, async () => (await p(), o));
-    };
-    await c()();
-  } else
-    await f();
-  if (o.status < 200 || o.status >= 400)
-    throw new At(o);
-  return o;
-}
-class Ct {
-  constructor(e, t) {
-    k(this, "dolla");
-    k(this, "config");
-    k(this, "strings");
-    this.config = e, this.dolla = t;
-  }
-  async load() {
-    if (this.strings == null) {
-      if (Xe(this.config.fetch)) {
-        const e = await this.config.fetch();
-        if (Ie(e))
-          this.strings = e;
-        else
-          throw new Error(`Fetch function did not return an object of language strings: ${e}`);
-      } else if (D(this.config.path)) {
-        const e = await this.dolla.http.get(this.config.path);
-        if (e.status >= 200 && e.status < 300)
-          if (Ie(e.body))
-            this.strings = e.body;
-          else
-            throw new Error(
-              `Language path '${this.config.path}' did not return an object of language strings: ${e.body}`
-            );
-        else
-          throw new Error("HTTP request failed.");
-      }
-    }
-    if (this.strings == null)
-      throw new Error("Language could not be loaded.");
-    return this.strings;
-  }
-}
-var ye, Y, x, ie, we, be, se, ve, We, ft;
-class qt {
-  constructor(e) {
-    u(this, We);
-    u(this, ye);
-    u(this, Y);
-    u(this, x, /* @__PURE__ */ new Map());
-    u(this, ie, []);
-    u(this, we, "auto");
-    k(this, "$current");
-    u(this, be);
-    u(this, se);
-    u(this, ve);
-    m(this, ye, e), m(this, Y, e.createLogger("dolla/language"));
-    const [t, r] = K(), [s, i] = K();
-    this.$current = t, m(this, be, r), m(this, se, s), m(this, ve, i), e.beforeMount(async () => {
-      a(this, x).size > 0 && await this.setLanguage(a(this, we));
-    });
-  }
-  get supportedLanguages() {
-    return [...a(this, x).keys()];
-  }
-  setup(e) {
-    if (e.languages.forEach((t) => {
-      a(this, x).set(t.name, new Ct(t, a(this, ye)));
-    }), e.initialLanguage && e.initialLanguage !== "auto") {
-      if (!e.languages.some((r) => r.name === e.initialLanguage))
-        throw new Error(`Initial language '${e.initialLanguage}' has no registered translation.`);
-      m(this, we, e.initialLanguage);
-    }
-    a(this, Y).info(
-      `${a(this, x).size} language${a(this, x).size === 1 ? "" : "s"} supported: '${[...a(this, x).keys()].join("', '")}'`
-    );
-  }
-  async setLanguage(e) {
-    var s;
-    let t;
-    if (e === "auto") {
-      let i = [];
-      if (typeof navigator == "object") {
-        const o = navigator;
-        ((s = o.languages) == null ? void 0 : s.length) > 0 ? i.push(...o.languages) : o.language ? i.push(o.language) : o.browserLanguage ? i.push(o.browserLanguage) : o.userLanguage && i.push(o.userLanguage);
-      }
-      for (const o of i)
-        a(this, x).has(o) && (t = o);
-    } else
-      a(this, x).has(e) && (t = e);
-    if (t == null) {
-      const i = a(this, x).keys().next().value;
-      i && (t = i);
-    }
-    if (!t || !a(this, x).has(t))
-      throw new Error(`Language '${e}' is not configured for this app.`);
-    const r = a(this, x).get(t);
-    try {
-      const i = await r.load();
-      a(this, ve).call(this, i), a(this, be).call(this, t), a(this, Y).info("set language to " + t);
-    } catch (i) {
-      i instanceof Error && a(this, Y).crash(i);
-    }
-  }
-  /**
-   * Returns a Signal containing the value at `key`.
-  
-   * @param key - Key to the translated value.
-   * @param values - A map of {{placeholder}} names and the values to replace them with.
-   */
-  t(e, t) {
-    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"'`
-      );
-    if (!this.$current.get())
-      return Ut;
-    const r = P(this, We, ft).call(this, e, t);
-    if (r)
-      return r;
-    if (t) {
-      const i = {};
-      for (const [f, c] of Object.entries(t))
-        wt(c) && (i[f] = c);
-      const o = Object.entries(i);
-      if (o.length > 0) {
-        const f = o.map((y) => y[1]), c = Be([a(this, se), ...f], (y, ...w) => {
-          const p = w.map(($, j) => o[j]), d = {
-            ...t
-          };
-          for (let $ = 0; $ < p.length; $++) {
-            const j = p[$][0];
-            d[j] = w[$];
-          }
-          const b = st(y, e) || `[NO TRANSLATION: ${e}]`;
-          return it(b, d);
-        });
-        return a(this, ie).push([e, t, c]), c;
-      }
-    }
-    const s = Be([a(this, se)], (i) => {
-      let o = st(i, e) || `[NO TRANSLATION: ${e}]`;
-      return t && (o = it(o, t)), o;
-    });
-    return a(this, ie).push([e, t, s]), s;
-  }
-}
-ye = new WeakMap(), Y = new WeakMap(), x = new WeakMap(), ie = new WeakMap(), we = new WeakMap(), be = new WeakMap(), se = new WeakMap(), ve = new WeakMap(), We = new WeakSet(), ft = function(e, t) {
-  for (const r of a(this, ie))
-    if (r[0] === e && bt(r[1], t))
-      return r[2];
-};
-const Ut = Ge("[NO LANGUAGE SET]");
-function it(n, e) {
-  for (const t in e)
-    n = n.replace(`{{${t}}}`, String(e[t]));
-  return n;
+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 st(n, e) {
-  const t = String(e).split(/[\.\[\]]/).filter((s) => s.trim() !== "");
-  let r = n;
-  for (; t.length > 0; ) {
-    const s = t.shift();
-    r != null ? r = r[s] : r = void 0;
-  }
-  return r;
-}
-var X, $e, H, _, oe, U, ce, Ae;
-class Vt {
-  constructor(e) {
-    u(this, ce);
-    u(this, X);
-    u(this, $e);
-    // Keyed updates ensure only the most recent callback queued with a certain key
-    // will be called, keeping DOM operations to a minimum.
-    u(this, H, /* @__PURE__ */ new Map());
-    // All unkeyed updates are run on every batch.
-    u(this, _, []);
-    u(this, oe, []);
-    u(this, U, !1);
-    m(this, X, e), m(this, $e, e.createLogger("dolla/render"));
-  }
-  /**
-   * Queues a callback to run in the next render batch.
-   * Running your DOM mutations in update callbacks reduces layout thrashing.
-   * Returns a Promise that resolves once the callback has run.
-   */
-  update(e, t) {
-    return new Promise((r) => {
-      t ? a(this, H).set(t, () => {
-        e(), r();
-      }) : a(this, _).push(() => {
-        e(), r();
-      }), !a(this, U) && a(this, X).isMounted && (m(this, U, !0), P(this, ce, Ae).call(this));
-    });
-  }
-  /**
-   * Queues a callback that reads DOM information to run after the next render batch,
-   * ensuring all writes have been performed before reading.
-   * Returns a Promise that resolves once the callback has run.
-   */
-  async read(e) {
-    return new Promise((t) => {
-      a(this, oe).push(() => {
-        e(), t();
-      }), !a(this, U) && a(this, X).isMounted && (m(this, U, !0), P(this, ce, Ae).call(this));
-    });
-  }
-}
-X = new WeakMap(), $e = new WeakMap(), H = new WeakMap(), _ = new WeakMap(), oe = new WeakMap(), U = new WeakMap(), ce = new WeakSet(), Ae = function() {
-  const e = a(this, H).size + a(this, _).length;
-  if ((!a(this, X).isMounted || e === 0) && m(this, U, !1), !a(this, U)) {
-    for (const t of a(this, oe))
-      t();
-    m(this, oe, []);
-    return;
-  }
-  requestAnimationFrame(() => {
-    a(this, $e).info(`Batching ${a(this, H).size + a(this, _).length} queued DOM update(s).`);
-    for (const t of a(this, H).values())
-      t();
-    a(this, H).clear();
-    for (const t of a(this, _))
-      t();
-    m(this, _, []), P(this, ce, Ae).call(this);
-  });
-};
-function fe() {
-  return fe = Object.assign || function(n) {
-    for (var e = 1; e < arguments.length; e++) {
-      var t = arguments[e];
-      for (var r in t)
-        Object.prototype.hasOwnProperty.call(t, r) && (n[r] = t[r]);
-    }
-    return n;
-  }, fe.apply(this, arguments);
-}
-var A;
-(function(n) {
-  n.Pop = "POP", n.Push = "PUSH", n.Replace = "REPLACE";
-})(A || (A = {}));
-var Ue = process.env.NODE_ENV !== "production" ? function(n) {
-  return Object.freeze(n);
-} : function(n) {
-  return n;
-};
-function je(n, e) {
-  if (!n) {
-    typeof console < "u" && console.warn(e);
-    try {
-      throw new Error(e);
-    } catch {
-    }
-  }
-}
-var Ve = "beforeunload", Dt = "hashchange", dt = "popstate";
-function Ht(n) {
-  n === void 0 && (n = {});
-  var e = n, t = e.window, r = t === void 0 ? document.defaultView : t, s = r.history;
-  function i() {
-    var g = r.location, l = g.pathname, h = g.search, v = g.hash, E = s.state || {};
-    return [E.idx, Ue({
-      pathname: l,
-      search: h,
-      hash: v,
-      state: E.usr || null,
-      key: E.key || "default"
-    })];
-  }
-  var o = null;
-  function f() {
-    if (o)
-      b.call(o), o = null;
-    else {
-      var g = A.Pop, l = i(), h = l[0], v = l[1];
-      if (b.length)
-        if (h != null) {
-          var E = w - h;
-          E && (o = {
-            action: g,
-            location: v,
-            retry: function() {
-              V(E * -1);
-            }
-          }, V(E));
-        } else
-          process.env.NODE_ENV !== "production" && je(
-            !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
-        re(g);
-    }
-  }
-  r.addEventListener(dt, f);
-  var c = A.Pop, y = i(), w = y[0], p = y[1], d = He(), b = He();
-  w == null && (w = 0, s.replaceState(fe({}, s.state, {
-    idx: w
-  }), ""));
-  function $(g) {
-    return typeof g == "string" ? g : Ce(g);
-  }
-  function j(g, l) {
-    return l === void 0 && (l = null), Ue(fe({
-      pathname: p.pathname,
-      hash: "",
-      search: ""
-    }, typeof g == "string" ? Qe(g) : g, {
-      state: l,
-      key: gt()
-    }));
-  }
-  function de(g, l) {
-    return [{
-      usr: g.state,
-      key: g.key,
-      idx: l
-    }, $(g)];
-  }
-  function ge(g, l, h) {
-    return !b.length || (b.call({
-      action: g,
-      location: l,
-      retry: h
-    }), !1);
-  }
-  function re(g) {
-    c = g;
-    var l = i();
-    w = l[0], p = l[1], d.call({
-      action: c,
-      location: p
-    });
-  }
-  function ne(g, l) {
-    var h = A.Push, v = j(g, l);
-    function E() {
-      ne(g, l);
-    }
-    if (ge(h, v, E)) {
-      var S = de(v, w + 1), M = S[0], O = S[1];
-      try {
-        s.pushState(M, "", O);
-      } catch {
-        r.location.assign(O);
-      }
-      re(h);
-    }
-  }
-  function pe(g, l) {
-    var h = A.Replace, v = j(g, l);
-    function E() {
-      pe(g, l);
-    }
-    if (ge(h, v, E)) {
-      var S = de(v, w), M = S[0], O = S[1];
-      s.replaceState(M, "", O), re(h);
-    }
-  }
-  function V(g) {
-    s.go(g);
-  }
-  var Q = {
-    get action() {
-      return c;
-    },
-    get location() {
-      return p;
-    },
-    createHref: $,
-    push: ne,
-    replace: pe,
-    go: V,
-    back: function() {
-      V(-1);
-    },
-    forward: function() {
-      V(1);
-    },
-    listen: function(l) {
-      return d.push(l);
-    },
-    block: function(l) {
-      var h = b.push(l);
-      return b.length === 1 && r.addEventListener(Ve, De), function() {
-        h(), b.length || r.removeEventListener(Ve, De);
-      };
-    }
-  };
-  return Q;
-}
-function _t(n) {
-  n === void 0 && (n = {});
-  var e = n, t = e.window, r = t === void 0 ? document.defaultView : t, s = r.history;
-  function i() {
-    var l = Qe(r.location.hash.substr(1)), h = l.pathname, v = h === void 0 ? "/" : h, E = l.search, S = E === void 0 ? "" : E, M = l.hash, O = M === void 0 ? "" : M, C = s.state || {};
-    return [C.idx, Ue({
-      pathname: v,
-      search: S,
-      hash: O,
-      state: C.usr || null,
-      key: C.key || "default"
-    })];
-  }
-  var o = null;
-  function f() {
-    if (o)
-      b.call(o), o = null;
-    else {
-      var l = A.Pop, h = i(), v = h[0], E = h[1];
-      if (b.length)
-        if (v != null) {
-          var S = w - v;
-          S && (o = {
-            action: l,
-            location: E,
-            retry: function() {
-              Q(S * -1);
-            }
-          }, Q(S));
-        } else
-          process.env.NODE_ENV !== "production" && je(
-            !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
-        ne(l);
-    }
-  }
-  r.addEventListener(dt, f), r.addEventListener(Dt, function() {
-    var l = i(), h = l[1];
-    Ce(h) !== Ce(p) && f();
-  });
-  var c = A.Pop, y = i(), w = y[0], p = y[1], d = He(), b = He();
-  w == null && (w = 0, s.replaceState(fe({}, s.state, {
-    idx: w
-  }), ""));
-  function $() {
-    var l = document.querySelector("base"), h = "";
-    if (l && l.getAttribute("href")) {
-      var v = r.location.href, E = v.indexOf("#");
-      h = E === -1 ? v : v.slice(0, E);
-    }
-    return h;
-  }
-  function j(l) {
-    return $() + "#" + (typeof l == "string" ? l : Ce(l));
-  }
-  function de(l, h) {
-    return h === void 0 && (h = null), Ue(fe({
-      pathname: p.pathname,
-      hash: "",
-      search: ""
-    }, typeof l == "string" ? Qe(l) : l, {
-      state: h,
-      key: gt()
-    }));
-  }
-  function ge(l, h) {
-    return [{
-      usr: l.state,
-      key: l.key,
-      idx: h
-    }, j(l)];
-  }
-  function re(l, h, v) {
-    return !b.length || (b.call({
-      action: l,
-      location: h,
-      retry: v
-    }), !1);
-  }
-  function ne(l) {
-    c = l;
-    var h = i();
-    w = h[0], p = h[1], d.call({
-      action: c,
-      location: p
-    });
-  }
-  function pe(l, h) {
-    var v = A.Push, E = de(l, h);
-    function S() {
-      pe(l, h);
-    }
-    if (process.env.NODE_ENV !== "production" && je(E.pathname.charAt(0) === "/", "Relative pathnames are not supported in hash history.push(" + JSON.stringify(l) + ")"), re(v, E, S)) {
-      var M = ge(E, w + 1), O = M[0], C = M[1];
-      try {
-        s.pushState(O, "", C);
-      } catch {
-        r.location.assign(C);
-      }
-      ne(v);
-    }
-  }
-  function V(l, h) {
-    var v = A.Replace, E = de(l, h);
-    function S() {
-      V(l, h);
-    }
-    if (process.env.NODE_ENV !== "production" && je(E.pathname.charAt(0) === "/", "Relative pathnames are not supported in hash history.replace(" + JSON.stringify(l) + ")"), re(v, E, S)) {
-      var M = ge(E, w), O = M[0], C = M[1];
-      s.replaceState(O, "", C), ne(v);
-    }
-  }
-  function Q(l) {
-    s.go(l);
-  }
-  var g = {
-    get action() {
-      return c;
-    },
-    get location() {
-      return p;
-    },
-    createHref: j,
-    push: pe,
-    replace: V,
-    go: Q,
-    back: function() {
-      Q(-1);
-    },
-    forward: function() {
-      Q(1);
-    },
-    listen: function(h) {
-      return d.push(h);
-    },
-    block: function(h) {
-      var v = b.push(h);
-      return b.length === 1 && r.addEventListener(Ve, De), function() {
-        v(), b.length || r.removeEventListener(Ve, De);
-      };
-    }
-  };
-  return g;
-}
-function De(n) {
-  n.preventDefault(), n.returnValue = "";
-}
-function He() {
-  var n = [];
-  return {
-    get length() {
-      return n.length;
-    },
-    push: function(t) {
-      return n.push(t), function() {
-        n = n.filter(function(r) {
-          return r !== t;
-        });
-      };
-    },
-    call: function(t) {
-      n.forEach(function(r) {
-        return r && r(t);
-      });
-    }
-  };
-}
-function gt() {
-  return Math.random().toString(36).substr(2, 8);
-}
-function Ce(n) {
-  var e = n.pathname, t = e === void 0 ? "/" : e, r = n.search, s = r === void 0 ? "" : r, i = n.hash, o = i === void 0 ? "" : i;
-  return s && s !== "?" && (t += s.charAt(0) === "?" ? s : "?" + s), o && o !== "#" && (t += o.charAt(0) === "#" ? o : "#" + o), t;
-}
-function Qe(n) {
-  var e = {};
-  if (n) {
-    var t = n.indexOf("#");
-    t >= 0 && (e.hash = n.substr(t), n = n.substr(0, t));
-    var r = n.indexOf("?");
-    r >= 0 && (e.search = n.substr(r), n = n.substr(0, r)), n && (e.pathname = n);
-  }
-  return e;
-}
-function me(n) {
-  return lt(n, "Expected `path` to be a string. Got type: %t, value: %v"), n.split("/").map((e) => e.trim()).filter((e) => e !== "");
-}
-function ae(n) {
-  var t;
-  vt(
-    (r) => Xe(r == null ? void 0 : r.toString),
-    n,
+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"
-  ), n = n.filter((r) => r).flatMap(String);
-  let e = (t = n.shift()) == null ? void 0 : t.toString();
-  if (e) {
-    for (const r of n.map((s) => s.toString()))
-      r.startsWith(".") ? e = qe(e, r) : e[e.length - 1] !== "/" ? r[0] !== "/" ? e += "/" + r : e += r : r[0] === "/" ? e += r.slice(1) : e += r;
-    e && e !== "/" && e.endsWith("/") && (e = e.slice(0, e.length - 1));
-  }
-  return e ?? "";
+  ), 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 qe(n, e) {
-  if (lt(n, "Expected `base` to be a string. Got type: %t, value: %v"), e == null && (e = n, n = ""), e.startsWith("/"))
-    return e;
-  let t = n;
+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 (e.startsWith("..")) {
-      for (let r = t.length; r > 0; --r)
-        if (t[r] === "/" || r === 0) {
-          t = t.slice(0, r), e = e.replace(/^\.\.\/?/, "");
+    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 (e.startsWith("."))
-      e = e.replace(/^\.\/?/, "");
+    } else if (t.startsWith("."))
+      t = t.replace(/^\.\/?/, "");
     else
       break;
-  return ae([t, e]);
+  return z([e, t]);
 }
-function Ke(n) {
-  if (!n) return {};
-  n.startsWith("?") && (n = n.slice(1));
-  const e = n.split("&").filter((t) => t.trim() !== "").map((t) => {
-    const [r, s] = t.split("=").map((i) => i.trim());
-    return s.toLowerCase() === "true" ? [r, !0] : s.toLowerCase() === "false" ? [r, !1] : isNaN(Number(s)) ? [r, s] : [r, Number(s)];
+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(e);
+  return Object.fromEntries(t);
 }
-function ot(n, e, t = {}) {
-  var o;
-  const [r, s] = e.split("?"), i = me(r);
-  e: for (const f of n) {
-    const { fragments: c } = f;
-    if (!(((o = c[c.length - 1]) == null ? void 0 : o.type) === 3) && c.length !== i.length || t.willMatch && !t.willMatch(f))
-      continue e;
-    const w = [];
-    t: for (let d = 0; d < c.length; d++) {
-      const b = i[d], $ = c[d];
-      if (b == null && $.type !== 3)
-        continue e;
-      switch ($.type) {
+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 ($.name.toLowerCase() === b.toLowerCase()) {
-            w.push($);
+          if (R.name.toLowerCase() === D.toLowerCase()) {
+            E.push(R);
             break;
           } else
-            continue e;
+            continue t;
         case 2:
-          w.push({ ...$, value: b });
+          E.push({ ...R, value: D });
           break;
         case 3:
-          w.push({ ...$, value: i.slice(d).join("/") });
-          break t;
+          E.push({ ...R, value: r.slice(u).join("/") });
+          break e;
         case 4:
-          if (isNaN(Number(b)))
-            continue e;
-          w.push({ ...$, value: Number(b) });
+          if (isNaN(Number(D)))
+            continue t;
+          E.push({ ...R, value: Number(D) });
           break;
         default:
-          throw new Error(`Unknown fragment type: ${$.type}`);
+          throw new Error(`Unknown fragment type: ${R.type}`);
       }
     }
-    const p = /* @__PURE__ */ Object.create(null);
-    for (const d of w)
-      d.type === 2 && (p[d.name] = decodeURIComponent(d.value)), d.type === 4 && (p[d.name] = d.value), d.type === 3 && (p.wildcard = "/" + decodeURIComponent(d.value));
+    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: "/" + w.map((d) => d.value).join("/"),
-      pattern: "/" + c.map((d) => d.type === 2 ? `{${d.name}}` : d.type === 4 ? `{#${d.name}}` : d.name).join("/"),
-      params: p,
-      query: Ke(s),
-      meta: f.meta
+      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 Wt(n) {
-  const e = [], t = [], r = [], s = [];
-  for (const o of n) {
-    const { fragments: f } = o;
-    f.some(
-      (c) => c.type === 3
+function Pe(o) {
+  const t = [], e = [], s = [], n = [];
+  for (const a of o) {
+    const { fragments: c } = a;
+    c.some(
+      (h) => h.type === 3
       /* Wildcard */
-    ) ? s.push(o) : f.some(
-      (c) => c.type === 4
+    ) ? n.push(a) : c.some(
+      (h) => h.type === 4
       /* NumericParam */
-    ) ? t.push(o) : f.some(
-      (c) => c.type === 2
+    ) ? e.push(a) : c.some(
+      (h) => h.type === 2
       /* Param */
-    ) ? r.push(o) : e.push(o);
+    ) ? s.push(a) : t.push(a);
   }
-  const i = (o, f) => o.fragments.length > f.fragments.length ? -1 : 1;
-  return e.sort(i), t.sort(i), r.sort(i), s.sort(i), [...e, ...t, ...r, ...s];
+  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 zt(n) {
-  const e = me(n), t = [];
-  for (let r = 0; r < e.length; r++) {
-    const s = e[r];
-    if (s === "*") {
-      if (r !== e.length - 1)
-        throw new Error(`Wildcard must be at the end of a pattern. Received: ${n}`);
-      t.push({
+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 s.at(0) === "{" && s.at(-1) === "}" ? t.push({
-      type: s[1] === "#" ? 4 : 2,
-      name: s[1] === "#" ? s.slice(2, -1) : s.slice(1, -1),
+    } 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
-    }) : t.push({
+    }) : e.push({
       type: 1,
-      name: s,
-      value: s
+      name: n,
+      value: n
     });
   }
-  return t;
+  return e;
+}
+function rs(o) {
+  return new Ue(o);
 }
-var Ee, T, Z, L, ze, W, ke, ee, z, le, he, ue, Le, B, Je, Ye;
-class Ft {
-  constructor(e, t) {
-    u(this, B);
-    u(this, Ee);
-    u(this, T);
-    u(this, Z);
-    u(this, L, Ht());
-    u(this, ze, 0);
-    u(this, W, []);
-    u(this, ke);
-    u(this, ee, []);
+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.
-    u(this, z, []);
+    l(this, q, []);
+    /**
+     * The current match object.
+     */
+    l(this, T);
+    l(this, at);
     /**
      * The currently matched route pattern, if any.
      */
-    k(this, "$pattern");
-    u(this, le);
+    d(this, "$pattern");
     /**
      * The current URL path.
      */
-    k(this, "$path");
-    u(this, he);
+    d(this, "$path");
     /**
      * The current named path params.
      */
-    k(this, "$params");
-    u(this, ue);
+    d(this, "$params");
     /**
      * The current query params. Changes to this object will be reflected in the URL.
      */
-    k(this, "$query");
-    u(this, Le);
-    m(this, Ee, e), m(this, T, e.createLogger("dolla/router")), m(this, Z, t);
-    const [r, s] = K(null), [i, o] = K(""), [f, c] = K({}), [y, w] = K(Ke(window.location.search));
-    this.$pattern = r, m(this, le, s), this.$path = i, m(this, he, o), this.$params = f, m(this, ue, c), this.$query = y, m(this, Le, w), e.beforeMount(() => {
-      a(this, z).push(
-        ht([y], (p) => {
-          const d = new URLSearchParams();
-          for (const $ in p)
-            d.set($, String(p[$]));
-          const b = "?" + d.toString();
-          b != a(this, L).location.search && a(this, L).replace({
-            pathname: a(this, L).location.pathname,
-            search: b
-          });
-        })
-      ), a(this, z).push(a(this, L).listen(P(this, B, Ye).bind(this))), P(this, B, Ye).call(this, a(this, L)), a(this, z).push(
-        Bt(a(this, Z).rootElement, (p) => {
-          let d = p.getAttribute("href");
-          a(this, T).info("Intercepted link click", p, d), /^https?:\/\/|^\//.test(d) || (d = ae([a(this, L).location.pathname, d])), a(this, L).push(d);
-        })
-      ), a(this, T).info("Intercepting <a> clicks within root element:", a(this, Z).rootElement);
-    }), e.onUnmount(() => {
-      for (; a(this, z).length > 0; )
-        a(this, z).pop()();
-    });
-  }
-  setup(e) {
-    e.style === "hash" && m(this, L, _t()), m(this, ee, Wt(
-      e.routes.flatMap((t) => P(this, B, Je).call(this, t)).map((t) => ({
-        pattern: t.pattern,
-        meta: t.meta,
-        fragments: zt(t.pattern)
+    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)
       }))
-    ));
-    for (const t of a(this, ee))
-      if (t.meta.redirect) {
-        let r;
-        if (!Xe(t.meta.redirect)) if (D(t.meta.redirect)) {
-          if (r = t.meta.redirect, !ot(a(this, ee), r, {
-            willMatch(i) {
-              return i !== 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}`);
-      }
+    )), qe(i(this, Q));
   }
-  /**
-   * Navigates to another route.
-   *
-   * @example
-   * navigate("/login"); // navigate to `/login`
-   * navigate(["/users", 215], { replace: true }); // replace current history entry with `/users/215`
-   */
-  go(e, t = {}) {
-    let r;
-    Array.isArray(e) ? r = ae(e) : r = e.toString(), r = qe(a(this, L).location.pathname, r), t.preserveQuery && (r += a(this, L).location.search), t.replace ? a(this, L).replace(r) : a(this, L).push(r);
+  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(e = 1) {
-    a(this, L).go(-e);
+  back(t = 1) {
+    window.history.go(-t);
   }
   /**
    * Navigate forward. Pass a number of steps to hit the forward button that many times.
    */
-  forward(e = 1) {
-    a(this, L).go(e);
+  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);
   }
 }
-Ee = new WeakMap(), T = new WeakMap(), Z = new WeakMap(), L = new WeakMap(), ze = new WeakMap(), W = new WeakMap(), ke = new WeakMap(), ee = new WeakMap(), z = new WeakMap(), le = new WeakMap(), he = new WeakMap(), ue = new WeakMap(), Le = new WeakMap(), B = new WeakSet(), /**
+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.
  */
-Je = function(e, t = [], r = []) {
-  if (!(typeof e == "object" && !Array.isArray(e)) || typeof e.path != "string")
-    throw new TypeError(`Route configs must be objects with a 'path' string property. Got: ${e}`);
-  if (e.redirect && e.routes)
+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 (e.redirect && e.view)
+  if (t.redirect && t.view)
     throw new Error("Route cannot have both a 'redirect' and a 'view'.");
-  if (!e.view && !e.routes && !e.redirect)
+  if (!t.view && !t.routes && !t.redirect)
     throw new Error("Route must have a 'view', a 'redirect', or a set of nested 'routes'.");
-  let s = [];
-  for (const c of t)
-    s.push(...me(c.path));
-  s.push(...me(e.path)), s[s.length - 1] === "*" && s.pop();
-  const i = [];
-  if (e.redirect) {
-    let c = e.redirect;
-    return D(c) && (c = qe(ae(s), c), c.startsWith("/") || (c = "/" + c)), i.push({
-      pattern: "/" + ae([...s, ...me(e.path)]),
+  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: c
+        redirect: h
       }
-    }), i;
-  }
-  let o = ut;
-  if (typeof e.view == "function")
-    o = e.view;
-  else if (e.view)
-    throw new TypeError(`Route '${e.path}' expected a view function or undefined. Got: ${e.view}`);
-  const f = { id: et(this, ze)._++, view: o };
-  if (e.routes)
-    for (const c of e.routes)
-      i.push(...P(this, B, Je).call(this, c, [...t, e], [...r, f]));
+    }), 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
-    i.push({
-      pattern: parent ? ae([...t.map((c) => c.path), e.path]) : e.path,
+    r.push({
+      pattern: parent ? z([...e.map((h) => h.path), t.path]) : t.path,
       meta: {
-        pattern: e.path,
-        layers: [...r, f],
-        beforeMatch: e.beforeMatch
+        pattern: t.path,
+        layers: [...s, c],
+        beforeMatch: t.beforeMatch
       }
     });
-  return i;
-}, Ye = async function({ location: e }) {
-  e.search !== a(this, ke) && (m(this, ke, e.search), a(this, Le).call(this, Ke(e.search)));
-  const t = ot(a(this, ee), e.pathname);
-  if (!t) {
-    a(this, le).call(this, null), a(this, he).call(this, e.pathname), a(this, ue).call(this, {
-      wildcard: e.pathname
-    });
-    return;
+  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;
   }
-  if (t.meta.beforeMatch && await t.meta.beforeMatch({
-    redirect: (r) => {
-      throw new Error("Redirect not yet implemented.");
+  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}`);
     }
-  }), a(this, T).info(`Matched route: '${t.pattern}' ('${t.path}')`), t.meta.redirect != null)
-    if (typeof t.meta.redirect == "string") {
-      const r = Qt(t.meta.redirect, t.params);
-      a(this, T).info(`Redirecting to: '${r}'`), a(this, L).replace(r);
-    } else if (typeof t.meta.redirect == "function") {
-      const r = {
-        path: t.path,
-        pattern: t.pattern,
-        params: t.params,
-        query: t.query
+}
+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.
+   * Returns a function to remove this middleware.
+   *
+   * @param middleware - A middleware function that will intercept requests.
+   */
+  use(t) {
+    return i(this, W).push(t), () => {
+      i(this, W).splice(i(this, W).indexOf(t), 1);
+    };
+  }
+  async get(t, e) {
+    return f(this, S, _).call(this, "get", t, e);
+  }
+  async put(t, e) {
+    return f(this, S, _).call(this, "put", t, e);
+  }
+  async patch(t, e) {
+    return f(this, S, _).call(this, "patch", t, e);
+  }
+  async post(t, e) {
+    return f(this, S, _).call(this, "post", t, e);
+  }
+  async delete(t, e) {
+    return f(this, S, _).call(this, "delete", t, e);
+  }
+  async head(t, e) {
+    return f(this, S, _).call(this, "head", t, e);
+  }
+  async options(t, e) {
+    return f(this, S, _).call(this, "options", t, e);
+  }
+  async trace(t, e) {
+    return f(this, S, _).call(this, "trace", t, e);
+  }
+}
+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: t,
+    uri: e,
+    middleware: i(this, W),
+    fetch: i(this, Lt),
+    logger: i(this, ot)
+  }).fetch();
+};
+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 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 = e;
+  }
+}
+class Be {
+  constructor(t) {
+    d(this, "method");
+    d(this, "url");
+    d(this, "headers", new Headers());
+    d(this, "body");
+    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(t) {
+    if (t != null)
+      if (t instanceof Map || t instanceof Headers)
+        t.forEach((e, s) => {
+          this.headers.set(s, e);
+        });
+      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: ${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 (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: ${t}`);
+  }
+}
+class ze {
+  constructor(t) {
+    d(this, "_middleware");
+    d(this, "_fetch");
+    d(this, "_request");
+    d(this, "_response");
+    this._middleware = t.middleware, this._fetch = t.fetch, this._request = new Be(t);
+  }
+  async fetch() {
+    if (this._middleware.length > 0) {
+      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));
       };
-      let s = await t.meta.redirect(r);
-      if (typeof s != "string")
-        throw new Error("Redirect function must return a path to redirect to.");
-      s.startsWith("/") || (s = qe(t.path, s)), a(this, T).info(`Redirecting to: '${s}'`), a(this, L).replace(s);
+      await t()();
     } else
-      throw new TypeError("Redirect must either be a path string or a function.");
-  else if (a(this, he).call(this, t.path), a(this, ue).call(this, t.params), t.pattern !== this.$pattern.get()) {
-    a(this, le).call(this, t.pattern);
-    const r = t.meta.layers;
-    for (let s = 0; s < r.length; s++) {
-      const i = r[s], o = a(this, W)[s];
-      if ((o == null ? void 0 : o.id) !== i.id) {
-        a(this, T).info(`Replacing layer @${s} (active ID: ${o == null ? void 0 : o.id}, matched ID: ${i.id})`), m(this, W, a(this, W).slice(0, s));
-        const f = a(this, W).at(-1), c = a(this, Ee).constructView(i.view, {});
-        o && o.node.isMounted && o.node.unmount(), f ? f.node.setChildren([c]) : a(this, Z).rootView.setChildren([c]), a(this, W).push({ id: i.id, node: c });
+      await this._handler();
+    if (this._response.status < 200 || this._response.status >= 400)
+      throw new He(this._response);
+    return this._response;
+  }
+  // This is the function that performs the actual request after the final middleware.
+  async _handler() {
+    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: e.method,
+      url: e.url,
+      status: s.status,
+      statusText: s.statusText,
+      headers: s.headers,
+      body: r
+    };
+  }
+}
+var xt, J, B, jt, le;
+class Ke {
+  constructor(t, e) {
+    l(this, B);
+    d(this, "dolla");
+    d(this, "config");
+    l(this, xt, !1);
+    l(this, J, /* @__PURE__ */ new Map());
+    this.config = t, this.dolla = e;
+  }
+  async load() {
+    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}`
+            );
+        } else
+          throw new Error("HTTP request failed.");
       }
     }
+    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.");
   }
-};
-const It = /(noopener|noreferrer) (noopener|noreferrer)/, Gt = /^[\w-_]+:/;
-function Bt(n, e, t = window) {
-  function r(i) {
-    return !i || i === n ? null : i.localName !== "a" || i.href === void 0 ? r(i.parentNode) : i;
+  getTemplate(t) {
+    return i(this, J).get(t) ?? {
+      segments: [{ type: 0, text: `[MISSING: ${t}]` }]
+    };
   }
-  function s(i) {
-    if (i.button && i.button !== 0 || i.ctrlKey || i.metaKey || i.altKey || i.shiftKey || i.defaultPrevented)
-      return;
-    const o = r(i.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" && It.test(o.getAttribute("rel")) || Gt.test(o.getAttribute("href")) || (i.preventDefault(), e(o)));
+  hasTemplate(t) {
+    return i(this, J).has(t);
   }
-  return n.addEventListener("click", s), function() {
-    n.removeEventListener("click", s);
+}
+xt = new WeakMap(), J = new WeakMap(), B = new WeakSet(), jt = function(t, e = []) {
+  const s = [];
+  for (const n in t)
+    switch (Bt(t[n])) {
+      case "string":
+        s.push([[...e, n].join("."), f(this, B, le).call(this, t[n])]);
+        break;
+      case "object":
+        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 ${[...e, n].join(".")}. Got: ${Bt(t[n])}`
+        );
+    }
+  return s;
+}, 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, c, h, w;
+  const E = () => {
+    c = {
+      type: 1,
+      name: "",
+      formats: []
+    };
+  }, k = () => {
+    h = {
+      name: "",
+      options: {}
+    };
+  };
+  for (; r < t.length; ) {
+    if (a !== 0 && t[r] === " ") {
+      r++;
+      continue;
+    }
+    switch (a) {
+      case 0:
+        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:
+        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:
+        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:
+        t[r] === ")" || (t[r] === ":" ? (a = 4, r += 1, w = n, n = "") : t[r] === "}" && t[r + 1] === "}" || (n += t[r], r++));
+        break;
+      case 4:
+        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:
+        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 lt, O, b, ht, ct, ut, ft, $, he, Vt, It, qt, ce;
+class Qe {
+  constructor(t) {
+    l(this, $);
+    l(this, lt);
+    l(this, O);
+    l(this, b, /* @__PURE__ */ new Map());
+    l(this, ht, []);
+    l(this, ct, /* @__PURE__ */ new Map());
+    l(this, ut, "auto");
+    d(this, "$locale");
+    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(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, O).info(
+      `${i(this, b).size} language${i(this, b).size === 1 ? "" : "s"} supported: '${[...i(this, b).keys()].join("', '")}'`
+    );
+  }
+  async setLocale(t) {
+    var n;
+    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) && (e = a);
+    } else
+      i(this, b).has(t) && (e = t);
+    if (e == null) {
+      const r = i(this, b).keys().next().value;
+      r && (e = r);
+    }
+    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, ht, []), i(this, ft).call(this, e), i(this, O).info("set language to " + e);
+    } catch (r) {
+      r instanceof Error && i(this, O).crash(r);
+    }
+  }
+  /**
+   * Returns a State containing the value at `key`.
+  
+   * @param selector - Key to the translated value.
+   * @param options - A map of `{{placeholder}}` names and the values to replace them with.
+   * 
+   * @example
+   * const $value = t("your.key.here", { count: 5 });
+   */
+  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 e)
+      s.push(r), n.push(e[r]);
+    return x([this.$locale, ...n], (r, ...a) => {
+      if (r == null)
+        return "[NO LOCALE SET]";
+      const c = {};
+      for (let h = 0; h < a.length; h++)
+        c[s[h]] = a[h];
+      return f(this, $, he).call(this, r, t, c);
+    });
+  }
+  /**
+   * Add a custom format callback.
+   *
+   * @example
+   * Dolla.i18n.addFormat("uppercase", (locale, value, options) => {
+   *   return value.toUpperCase();
+   * });
+   *
+   * {
+   *   "greeting": "Hello, {{name|uppercase}}!"
+   * }
+   *
+   * t("greeting", {name: "world"}); // State<"Hello, WORLD!">
+   */
+  addFormat(t, e) {
+    i(this, ct).set(t, e);
+  }
+  /**
+   * Creates an `Intl.Collator` configured for the current locale.
+   * NOTE: The Collator remains bound to the locale it was created with, even when the app's locale changes.
+   *
+   * @see https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/Collator/Collator#options
+   */
+  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(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.
+   *
+   * @see https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/DateTimeFormat/DateTimeFormat#options
+   *
+   * @example
+   * const date = new Date();
+   * const $formatted = Dolla.i18n.dateTime(date, { dateFormat: "short" });
+   */
+  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.
+   *
+   * @see https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/DateTimeFormat/DateTimeFormat#options
+   *
+   * @example
+   * const list = new Date();
+   * const $formatted = Dolla.i18n.list(list, {  });
+   */
+  list(t, e) {
+    return x([this.$locale, t], (s, n) => f(this, $, qt).call(this, n, e));
+  }
+}
+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 = f(this, $, ce).call(this, e, s);
+  if (n) return n;
+  const r = i(this, b).get(t);
+  if (s.context != null && (e += "_" + s.context), s.count != null)
+    if (s.ordinal) {
+      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 = `${e}_(=${s.count})`;
+      r.hasTemplate(w) ? e = w : e += "_" + new Intl.PluralRules(t).select(s.count);
+    }
+  const a = r.getTemplate(e);
+  let c = "";
+  for (const w of a.segments)
+    if (w.type === 0)
+      c += w.text;
+    else if (w.type === 1) {
+      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 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, O).crash(R), R;
+        }
+        E = D(t, E, u.options);
+      }
+      c += 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> {
+// }
+ce = function(t, e) {
+  for (const s of i(this, ht))
+    if (s[0] === t && we(s[1], e))
+      return s[2];
+};
+function Je(o, t) {
+  const e = String(t).split(/[\.\[\]]/).filter((n) => n.trim() !== "");
+  let s = o;
+  for (; e.length > 0; ) {
+    const n = e.shift();
+    s != null ? s = s[n] : s = void 0;
+  }
+  return s;
+}
+function Xe(o) {
+  return zt`
+    <div
+      style=${{
+    backgroundColor: "#880000",
+    color: "#fff",
+    padding: "2rem",
+    position: "fixed",
+    inset: 0,
+    fontSize: "20px"
+  }}
+    >
+      <h1 style=${{ marginBottom: "0.5rem" }}>The app has crashed</h1>
+      <p style=${{ marginBottom: "0.25rem" }}>
+        <span style=${{ fontFamily: "monospace" }}>${o.loggerName}</span>
+        ${pe(o.uid, zt`<span style=${{ fontFamily: "monospace", opacity: 0.5 }}> [uid: ${o.uid}]</span>`)}
+        ${" "}says:
+      </p>
+      <blockquote
+        style=${{
+    backgroundColor: "#991111",
+    padding: "0.25em",
+    borderRadius: "6px",
+    fontFamily: "monospace",
+    marginBottom: "1rem"
+  }}
+      >
+        <span
+          style=${{
+    display: "inline-block",
+    backgroundColor: "red",
+    padding: "0.1em 0.4em",
+    marginRight: "0.5em",
+    borderRadius: "4px",
+    fontSize: "0.9em",
+    fontWeight: "bold"
+  }}
+        >
+          ${o.error.name}
+        </span>
+        ${o.error.message}
+      </blockquote>
+
+      <p>Please see the browser console for details.</p>
+    </div>
+  `;
 }
-function Qt(n, e) {
-  for (const t in e) {
-    const r = e[t].toString();
-    n = n.replace(`{${t}}`, r).replace(`{#${t}}`, r);
+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, A, []);
+    // All read callbacks are run before updates on every batch.
+    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, Ft, !0);
+    l(this, M, 0);
+    l(this, mt, new Intl.NumberFormat("en-US", {
+      maximumFractionDigits: 2,
+      minimumFractionDigits: 0,
+      style: "unit",
+      unit: "millisecond",
+      unitDisplay: "short"
+    }));
+    m(this, dt, t), m(this, X, t.createLogger("Dolla.batch"));
+  }
+  /**
+   * Queues a callback that runs before the next batch of writes.
+   */
+  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(t, e) {
+    e ? i(this, N).set(e, t) : i(this, A).push(t), f(this, F, Wt).call(this);
   }
-  return n;
 }
-var F, Pe, I, te, Se, Re, xe, Me, Ne, R, G;
-class Kt {
+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 t = i(this, dt).getEnv() === "development";
+    queueMicrotask(() => {
+      f(this, F, St).call(this, t);
+    });
+  }
+}, St = function(t = !1) {
+  const e = performance.now();
+  let s = 0;
+  const n = i(this, G).length + i(this, N).size + i(this, A).length;
+  let r = 0;
+  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(() => {
+    f(this, F, St).call(this, t);
+  }), !0) : !1), c = [...i(this, N).entries()];
+  let h, w;
+  for (; w = i(this, G).shift(); )
+    if (w(), a()) return;
+  for ([h, w] of c)
+    if (w(), i(this, N).delete(h), a()) return;
+  for (; w = i(this, A).shift(); )
+    if (w(), a()) return;
+  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 U, wt, C, H, pt, gt, Z, yt, bt, $t, Et, g, y, j, V, Dt;
+class Ze {
   constructor() {
-    k(this, "http");
-    k(this, "language");
-    k(this, "render");
-    k(this, "router");
-    u(this, F, !1);
-    u(this, Pe, "production");
-    u(this, I);
-    u(this, te);
-    u(this, Se, Nt);
-    u(this, Re, []);
-    u(this, xe, []);
-    u(this, Me, []);
-    u(this, Ne, []);
-    u(this, R, {
+    d(this, "batch");
+    // Remove `private` when there are public methods to call.
+    d(this, "stats");
+    d(this, "http");
+    d(this, "i18n");
+    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 ge(),
+      stores: /* @__PURE__ */ new Map(),
+      viewName: "Dolla"
+    });
+    l(this, y, {
       info: "development",
       log: "development",
       warn: "development",
       error: !0
     });
-    u(this, G, rt("*,-dolla/*"));
-    k(this, "createSignal", K);
-    k(this, "createSettableSignal", $t);
-    k(this, "toSettableSignal", Et);
-    k(this, "signalify", Ge);
-    k(this, "designalify", kt);
-    k(this, "derive", Be);
-    k(this, "watch", ht);
-    k(this, "createRef", Lt);
-    k(this, "isRef", Pt);
-    const e = this;
-    this.http = new Ot(), this.language = new qt(this), this.render = new Vt(this), this.router = new Ft(this, {
-      get rootElement() {
-        return a(e, I);
-      },
-      get rootView() {
-        return a(e, te);
-      }
-    });
+    l(this, j, Qt("*,-Dolla.*"));
+    l(this, V, /* @__PURE__ */ new Map());
+    // Registration functions for modules.
+    // All modules will be registered before mount.
+    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", 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 a(this, F);
+    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 a(this, Pe);
+    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, Pe, 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, Se, 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, 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, H);
+  }
+  /**
+   * Sets a context variable and returns its value. Context variables are accessible on the app and in child views.
+   */
+  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(t) {
+    return i(this, g).data[t] ?? null;
+  }
+  /**
+   * Returns an object of all context variables stored at the app level.
+   */
+  // getAll(): Record<string | symbol, unknown> {
+  //   return { ...this.#rootElementContext.data };
+  // }
+  /**
+   * Adds a listener to be called when `eventName` is emitted.
+   */
+  on(t, e) {
+    if (t === "*") {
+      const s = (n, r) => {
+        e(r);
+      };
+      i(this, g).emitter.on(t, s), i(this, V).set(e, s);
+    } else
+      i(this, g).emitter.on(t, e);
+  }
+  /**
+   * Removes a listener from the list to be called when `eventName` is emitted.
+   */
+  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(t, e);
   }
-  async mount(e, t) {
-    if (a(this, F))
+  /**
+   * Adds a listener to be called when `eventName` is emitted. The listener is immediately removed after being called once.
+   */
+  once(t, e) {
+    if (t === "*") {
+      const s = (n, r) => {
+        i(this, V).delete(e), e(r);
+      };
+      i(this, g).emitter.once(t, s), i(this, V).set(e, s);
+    } else
+      i(this, g).emitter.once(t, e);
+  }
+  /**
+   * Emits a new event to all listeners.
+   */
+  emit(t, e) {
+    return i(this, g).emitter.emit(t, new Re(t, e));
+  }
+  /**
+   * Attaches a new store to this context.
+   */
+  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(t) {
+    if (Se(t)) {
+      const e = t.key, s = i(this, g).stores.get(e);
+      if (s == null)
+        throw new Tt("Store not found on this context.");
+      return s.value;
+    } else throw _e(t) ? new Tt(
+      "Received a Store instance. Please pass the Store factory function to useStore without calling it."
+    ) : new Tt("Invalid store.");
+  }
+  async mount(t, e) {
+    if (i(this, U))
       throw new Error("Dolla is already mounted.");
-    if (D(e)) {
-      const s = document.querySelector(e);
-      nt(HTMLElement, s, `Selector '${e}' did not match any element.`), m(this, I, s);
+    if (v(t)) {
+      const r = document.querySelector(t);
+      Jt(HTMLElement, r, `Selector '${t}' did not match any element.`), m(this, C, r);
     } else
-      nt(HTMLElement, e, "Expected an HTML element or a selector string. Got type: %t, value: %v"), m(this, I, e);
-    let r;
-    t ? r = at(t) : r = at(ut), m(this, te, this.constructView(r.type, r.props)), await Promise.all(a(this, Re).map((s) => s())), a(this, te).mount(a(this, I)), m(this, F, !0);
-    for (const s of a(this, xe))
-      s();
+      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 (a(this, F)) {
-      await Promise.all(a(this, Me).map((t) => t())), (e = a(this, te)) == null || e.unmount(), m(this, F, !1);
-      for (const t of a(this, Ne))
-        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) {
-    a(this, Re).push(e);
+  beforeMount(t) {
+    i(this, yt).push(t);
   }
   /**
    * Registers a `callback` to run after the app is mounted.
    */
-  onMount(e) {
-    a(this, xe).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) {
-    a(this, Me).push(e);
+  beforeUnmount(t) {
+    i(this, $t).push(t);
   }
   /**
    * Registers a `callback` to run after the app is unmounted.
    */
-  onUnmount(e) {
-    a(this, Ne).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 r = e[t];
-      r && (a(this, R)[t] = r);
+  setLoggles(t) {
+    for (const e in t) {
+      const s = t[e];
+      s && (i(this, y)[e] = s);
     }
   }
-  setLogFilter(e) {
-    m(this, G, rt(e));
+  setLogFilter(t) {
+    m(this, j, Qt(t));
   }
-  createLogger(e, t) {
-    const r = Ge(e), s = (t == null ? void 0 : t.console) ?? St(), i = this;
+  createLogger(t, e) {
+    const s = (e == null ? void 0 : e.console) ?? ts(), n = this;
     return {
+      setName(r) {
+        return t = r, this;
+      },
       get info() {
-        var f;
-        const o = r.get();
-        if (a(i, R).info === !1 || D(a(i, R).info) && a(i, R).info !== i.getEnv() || !a(f = i, G).call(f, o))
-          return Oe;
+        var r;
+        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 c = `%c${o}`;
-          return t != null && t.uid ? c += ` %c[uid: %c${t.uid}%c]` : c += "%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,
-            c,
-            `color:${Te(c)};font-weight:bold`,
+            a,
+            `color:${kt(a)};font-weight:bold`,
             "color:#777",
             "color:#aaa",
             "color:#777"
@@ -1270,16 +1254,15 @@ class Kt {
         }
       },
       get log() {
-        var f;
-        const o = r.get();
-        if (a(i, R).log === !1 || D(a(i, R).log) && a(i, R).log !== i.getEnv() || !a(f = i, G).call(f, o))
-          return Oe;
+        var r;
+        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 c = `%c${o}`;
-          return t != null && t.uid ? c += ` %c[uid: %c${t.uid}%c]` : c += "%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,
-            c,
-            `color:${Te(c)};font-weight:bold`,
+            a,
+            `color:${kt(a)};font-weight:bold`,
             "color:#777",
             "color:#aaa",
             "color:#777"
@@ -1287,16 +1270,15 @@ class Kt {
         }
       },
       get warn() {
-        var f;
-        const o = r.get();
-        if (a(i, R).warn === !1 || D(a(i, R).warn) && a(i, R).warn !== i.getEnv() || !a(f = i, G).call(f, o))
-          return Oe;
+        var r;
+        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 c = `%c${o}`;
-          return t != null && t.uid ? c += ` %c[uid: %c${t.uid}%c]` : c += "%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,
-            c,
-            `color:${Te(c)};font-weight:bold`,
+            a,
+            `color:${kt(a)};font-weight:bold`,
             "color:#777",
             "color:#aaa",
             "color:#777"
@@ -1304,63 +1286,79 @@ class Kt {
         }
       },
       get error() {
-        var f;
-        const o = r.get();
-        if (a(i, R).error === !1 || D(a(i, R).error) && a(i, R).error !== i.getEnv() || !a(f = i, G).call(f, o))
-          return Oe;
+        var r;
+        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 c = `%c${o}`;
-          return t != null && t.uid ? c += ` %c[uid: %c${t.uid}%c]` : c += "%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,
-            c,
-            `color:${Te(c)};font-weight:bold`,
+            a,
+            `color:${kt(a)};font-weight:bold`,
             "color:#777",
             "color:#aaa",
             "color:#777"
           );
         }
       },
-      crash(o) {
-        throw i.isMounted && (i.unmount(), i.constructView(a(i, Se), {
-          error: o,
-          loggerName: r.get(),
-          uid: t == null ? void 0 : t.uid
-        }).mount(a(i, I))), o;
+      crash(r) {
+        throw n.isMounted && (n.unmount(), n.constructView(i(n, pt), {
+          error: r,
+          loggerName: t,
+          uid: e == null ? void 0 : e.uid
+        }).mount(i(n, C))), r;
       }
     };
   }
   /**
    *
    */
-  constructView(e, t, r = []) {
-    return Rt({ root: this }, e, t, r);
+  constructView(t, e, s = []) {
+    return new Me(i(this, g), t, e, s);
   }
   /**
    *
    */
-  constructMarkup(e) {
-    return xt(Mt({ root: this }, e));
+  constructMarkup(t) {
+    return xe(Fe(i(this, g), t));
   }
 }
-F = new WeakMap(), Pe = new WeakMap(), I = new WeakMap(), te = new WeakMap(), Se = new WeakMap(), Re = new WeakMap(), xe = new WeakMap(), Me = new WeakMap(), Ne = new WeakMap(), R = new WeakMap(), G = new WeakMap();
-const ct = new Kt(), Zt = ct.language.t.bind(ct.language);
+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 Xt = new Ze(), ns = Xt.i18n.t.bind(Xt.i18n);
+function is(o) {
+  typeof window < "u" && (window.DOLLA_DEV_DEBUG = o);
+}
+function as() {
+  return typeof window < "u" ? window.DOLLA_DEV_DEBUG === !0 : !1;
+}
 export {
-  yt as cond,
-  at as createMarkup,
-  Lt as createRef,
-  $t as createSettableSignal,
-  K as createSignal,
-  rr as createSignalSetter,
-  ct as default,
-  Be as derive,
-  kt as designalify,
-  tt as html,
-  Pt as isRef,
-  nr as portal,
-  ar as repeat,
-  Ge as signalify,
-  Zt as t,
-  Et as toSettableSignal,
-  ht as watch
+  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,
+  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