@manyducks.co/dolla 2.0.0-alpha.1 → 2.0.0-alpha.11

package/dist/index.js

@@ -1,29 +1,73 @@
-var bt = Object.defineProperty;
-var et = (a) => {
+var wt = Object.defineProperty;
+var tt = (a) => {
   throw TypeError(a);
 };
-var vt = (a, e, t) => e in a ? bt(a, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : a[e] = t;
-var k = (a, e, t) => vt(a, typeof e != "symbol" ? e + "" : e, t), ze = (a, e, t) => e.has(a) || et("Cannot " + t);
-var i = (a, e, t) => (ze(a, e, "read from private field"), t ? t.call(a) : e.get(a)), g = (a, e, t) => e.has(a) ? et("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(a) : e.set(a, t), w = (a, e, t, n) => (ze(a, e, "write to private field"), n ? n.call(a, t) : e.set(a, t), t), P = (a, e, t) => (ze(a, e, "access private method"), t);
-var tt = (a, e, t, n) => ({
-  set _(o) {
-    w(a, e, o, t);
+var bt = (a, e, t) => e in a ? wt(a, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : a[e] = t;
+var k = (a, e, t) => bt(a, typeof e != "symbol" ? e + "" : e, t), Ge = (a, e, t) => e.has(a) || tt("Cannot " + t);
+var n = (a, e, t) => (Ge(a, e, "read from private field"), t ? t.call(a) : e.get(a)), f = (a, e, t) => e.has(a) ? tt("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(a) : e.set(a, t), y = (a, e, t, r) => (Ge(a, e, "write to private field"), r ? r.call(a, t) : e.set(a, t), t), P = (a, e, t) => (Ge(a, e, "access private method"), t);
+var rt = (a, e, t, r) => ({
+  set _(i) {
+    y(a, e, i, t);
   },
   get _() {
-    return i(a, e, n);
+    return n(a, e, r);
   }
 });
-import { i as Ge, s as Be, a as $t, d as Qe, b as Et, c as Ze, e as H, f as Q, g as lt, h as Lt, w as ut, j as Ce, r as kt, k as St, l as nt, m as Pt, t as Mt, n as Rt, o as Ot, p as xt, q as rt, u as at, v as Nt, x as Ne, y as Te } from "./fragment-DHJiX0-a.js";
-import { F as yn, A as wn, z as bn, B as vn, C as $n } from "./fragment-DHJiX0-a.js";
-function ht(a, e) {
-  return e.outlet();
+import { h as nt, c as vt, i as Be, t as Ke, d as me, a as $t, b as et, e as U, f as Q, g as ct, j as Et, w as ut, P as ht, k as at, l as kt, m as Pt, v as St, n as Lt, o as Rt, p as st, q as it, r as xt, s as Ae, u as De, x as Mt, y as Nt, z as Ot } from "./passthrough-Bu7iYKPr.js";
+import { A as ar, B as sr, C as ir } from "./passthrough-Bu7iYKPr.js";
+function Tt(a) {
+  return nt`
+    <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" }}>${a.loggerName}</span>
+        ${vt(a.uid, nt`<span style=${{ fontFamily: "monospace", opacity: 0.5 }}> [uid: ${a.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"
+  }}
+        >
+          ${a.error.name}
+        </span>
+        ${a.error.message}
+      </blockquote>
+
+      <p>Please see the browser console for details.</p>
+    </div>
+  `;
 }
-var K, Fe, T, C;
-class Tt {
+var J, We, T, j;
+class At {
   constructor() {
-    g(this, T);
-    g(this, K, []);
-    g(this, Fe, At());
+    f(this, T);
+    f(this, J, []);
+    f(this, We, Dt());
   }
   /**
    * Adds a new middleware that will apply to subsequent requests.
@@ -32,65 +76,65 @@ class Tt {
    * @param middleware - A middleware function that will intercept requests.
    */
   use(e) {
-    return i(this, K).push(e), () => {
-      i(this, K).splice(i(this, K).indexOf(e), 1);
+    return n(this, J).push(e), () => {
+      n(this, J).splice(n(this, J).indexOf(e), 1);
     };
   }
   async get(e, t) {
-    return P(this, T, C).call(this, "get", e, t);
+    return P(this, T, j).call(this, "get", e, t);
   }
   async put(e, t) {
-    return P(this, T, C).call(this, "put", e, t);
+    return P(this, T, j).call(this, "put", e, t);
   }
   async patch(e, t) {
-    return P(this, T, C).call(this, "patch", e, t);
+    return P(this, T, j).call(this, "patch", e, t);
   }
   async post(e, t) {
-    return P(this, T, C).call(this, "post", e, t);
+    return P(this, T, j).call(this, "post", e, t);
   }
   async delete(e, t) {
-    return P(this, T, C).call(this, "delete", e, t);
+    return P(this, T, j).call(this, "delete", e, t);
   }
   async head(e, t) {
-    return P(this, T, C).call(this, "head", e, t);
+    return P(this, T, j).call(this, "head", e, t);
   }
   async options(e, t) {
-    return P(this, T, C).call(this, "options", e, t);
+    return P(this, T, j).call(this, "options", e, t);
   }
   async trace(e, t) {
-    return P(this, T, C).call(this, "trace", e, t);
+    return P(this, T, j).call(this, "trace", e, t);
   }
 }
-K = new WeakMap(), Fe = new WeakMap(), T = new WeakSet(), C = async function(e, t, n) {
-  return Ut({
-    ...n,
+J = new WeakMap(), We = new WeakMap(), T = new WeakSet(), j = async function(e, t, r) {
+  return jt({
+    ...r,
     method: e,
     uri: t,
-    middleware: i(this, K),
-    fetch: i(this, Fe)
+    middleware: n(this, J),
+    fetch: n(this, We)
   });
 };
-function At() {
+function Dt() {
   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 jt extends Error {
+class Ct extends Error {
   constructor(t) {
-    const { status: n, statusText: o, method: r, uri: s } = t, h = `${n} ${o}: Request failed (${r.toUpperCase()} ${s})`;
-    super(h);
+    const { status: r, statusText: i, method: s, uri: o } = t, u = `${r} ${i}: Request failed (${s.toUpperCase()} ${o})`;
+    super(u);
     k(this, "response");
     this.response = t;
   }
 }
-async function Ut(a) {
-  const { headers: e, query: t, fetch: n, middleware: o } = a, r = {
+async function jt(a) {
+  const { headers: e, query: t, fetch: r, middleware: i } = a, s = {
     method: a.method,
     uri: a.uri,
     get sameOrigin() {
-      return !r.uri.startsWith("http");
+      return !s.uri.startsWith("http");
     },
     query: new URLSearchParams(),
     headers: new Headers(),
@@ -98,60 +142,61 @@ async function Ut(a) {
   };
   if (e)
     if (e instanceof Map || e instanceof Headers)
-      e.forEach((c, u) => {
-        r.headers.set(u, c);
+      e.forEach((l, w) => {
+        s.headers.set(w, l);
       });
     else if (e != null && typeof e == "object" && !Array.isArray(e))
-      for (const c in e) {
-        const u = e[c];
-        u instanceof Date ? r.headers.set(c, u.toISOString()) : u != null && r.headers.set(c, String(u));
+      for (const l in e) {
+        const w = e[l];
+        w instanceof Date ? s.headers.set(l, w.toISOString()) : w != null && s.headers.set(l, String(w));
       }
     else
       throw new TypeError(`Unknown headers type. Got: ${e}`);
   if (t)
     if (t instanceof Map || t instanceof URLSearchParams)
-      t.forEach((c, u) => {
-        r.query.set(u, c);
+      t.forEach((l, w) => {
+        s.query.set(w, l);
       });
     else if (t != null && typeof t == "object" && !Array.isArray(t))
-      for (const c in t) {
-        const u = t[c];
-        u instanceof Date ? r.query.set(c, u.toISOString()) : u != null && r.query.set(c, String(u));
+      for (const l in t) {
+        const w = t[l];
+        w instanceof Date ? s.query.set(l, w.toISOString()) : w != null && s.query.set(l, String(w));
       }
     else
       throw new TypeError(`Unknown query params type. Got: ${t}`);
-  let s;
-  const h = async () => {
-    const c = r.query.toString(), u = c.length > 0 ? r.uri + "?" + c : r.uri;
-    let p;
-    !r.headers.has("content-type") && Ge(r.body) ? (r.headers.set("content-type", "application/json"), p = JSON.stringify(r.body)) : p = r.body;
-    const b = await n(u, {
-      method: r.method,
-      headers: r.headers,
-      body: p
-    }), f = Object.fromEntries(b.headers.entries()), m = f["content-type"];
-    let $;
-    m != null && m.includes("application/json") ? $ = await b.json() : m != null && m.includes("application/x-www-form-urlencoded") ? $ = await b.formData() : $ = await b.text(), s = {
-      method: r.method,
-      uri: r.uri,
+  let o;
+  const u = async () => {
+    const l = s.query.toString(), w = l.length > 0 ? s.uri + "?" + l : s.uri;
+    let g;
+    !s.headers.has("content-type") && Be(s.body) ? (s.headers.set("content-type", "application/json"), g = JSON.stringify(s.body)) : g = s.body;
+    const b = await r(w, {
+      method: s.method,
+      headers: s.headers,
+      body: g
+    }), d = Object.fromEntries(b.headers.entries()), p = d["content-type"];
+    let S;
+    p != null && p.includes("application/json") ? S = await b.json() : p != null && p.includes("application/x-www-form-urlencoded") ? S = await b.formData() : S = await b.text(), o = {
+      method: s.method,
+      uri: s.uri,
       status: b.status,
       statusText: b.statusText,
-      headers: f,
-      body: $
+      headers: d,
+      body: S
     };
   };
-  if (o.length > 0) {
-    const c = (u = 0) => {
-      const p = o[u], b = o[u + 1] ? c(u + 1) : h;
-      return async () => p(r, async () => (await b(), s));
+  if (i.length > 0) {
+    const l = (w = 0) => {
+      const g = i[w], b = i[w + 1] ? l(w + 1) : u;
+      return async () => g(s, async () => (await b(), o));
     };
-    await c()();
+    await l()();
   } else
-    await h();
-  if (s.status < 200 || s.status >= 400)
-    throw new jt(s);
-  return s;
+    await u();
+  if (o.status < 200 || o.status >= 400)
+    throw new Ct(o);
+  return o;
 }
+const _t = Ke("[NO LANGUAGE SET]");
 class qt {
   constructor(e, t) {
     k(this, "dolla");
@@ -161,16 +206,16 @@ class qt {
   }
   async load() {
     if (this.strings == null) {
-      if (Ze(this.config.fetch)) {
+      if (et(this.config.fetch)) {
         const e = await this.config.fetch();
-        if (Ge(e))
+        if (Be(e))
           this.strings = e;
         else
           throw new Error(`Fetch function did not return an object of language strings: ${e}`);
-      } else if (H(this.config.path)) {
+      } else if (U(this.config.path)) {
         const e = await this.dolla.http.get(this.config.path);
         if (e.status >= 200 && e.status < 300)
-          if (Ge(e.body))
+          if (Be(e.body))
             this.strings = e.body;
           else
             throw new Error(
@@ -185,144 +230,194 @@ class qt {
     return this.strings;
   }
 }
-var we, J, O, se, be, ve, oe, $e, We, ft;
-class Ct {
+var we, Y, x, se, be, ve, $e, Ee, O, Qe, ft, dt, pt, gt;
+class Ut {
   constructor(e) {
-    g(this, We);
-    g(this, we);
-    g(this, J);
-    g(this, O, /* @__PURE__ */ new Map());
-    g(this, se, []);
-    g(this, be, "auto");
-    k(this, "$current");
-    g(this, ve);
-    g(this, oe);
-    g(this, $e);
-    w(this, we, e), w(this, J, e.createLogger("dolla/language"));
-    const [t, n] = Q(), [o, r] = Q();
-    this.$current = t, w(this, ve, n), w(this, oe, o), w(this, $e, r), e.beforeMount(async () => {
-      i(this, O).size > 0 && await this.setLanguage(i(this, be));
+    f(this, O);
+    f(this, we);
+    f(this, Y);
+    f(this, x, /* @__PURE__ */ new Map());
+    f(this, se, []);
+    f(this, be, "auto");
+    k(this, "$locale");
+    f(this, ve);
+    f(this, $e);
+    f(this, Ee);
+    y(this, we, e), y(this, Y, e.createLogger("dolla/i18n"));
+    const [t, r] = Q(), [i, s] = Q();
+    this.$locale = t, y(this, ve, r), y(this, $e, i), y(this, Ee, s), e.beforeMount(async () => {
+      n(this, x).size > 0 && await this.setLocale(n(this, be));
     });
   }
-  get supportedLanguages() {
-    return [...i(this, O).keys()];
+  get locales() {
+    return [...n(this, x).keys()];
   }
   setup(e) {
-    if (e.languages.forEach((t) => {
-      i(this, O).set(t.name, new qt(t, i(this, we)));
-    }), e.initialLanguage && e.initialLanguage !== "auto") {
-      if (!e.languages.some((n) => n.name === e.initialLanguage))
-        throw new Error(`Initial language '${e.initialLanguage}' has no registered translation.`);
-      w(this, be, e.initialLanguage);
+    if (e.translations.forEach((t) => {
+      n(this, x).set(t.locale, new qt(t, n(this, we)));
+    }), e.locale && e.locale !== "auto") {
+      if (!e.translations.some((r) => r.locale === e.locale))
+        throw new Error(`Initial locale '${e.locale}' is not registered in the locales array.`);
+      y(this, be, e.locale);
     }
-    i(this, J).info(
-      `${i(this, O).size} language${i(this, O).size === 1 ? "" : "s"} supported: '${[...i(this, O).keys()].join("', '")}'`
+    n(this, Y).info(
+      `${n(this, x).size} language${n(this, x).size === 1 ? "" : "s"} supported: '${[...n(this, x).keys()].join("', '")}'`
     );
   }
-  async setLanguage(e) {
-    var o;
+  async setLocale(e) {
+    var i;
     let t;
     if (e === "auto") {
-      let r = [];
+      let s = [];
       if (typeof navigator == "object") {
-        const s = navigator;
-        ((o = s.languages) == null ? void 0 : o.length) > 0 ? r.push(...s.languages) : s.language ? r.push(s.language) : s.browserLanguage ? r.push(s.browserLanguage) : s.userLanguage && r.push(s.userLanguage);
+        const o = navigator;
+        ((i = o.languages) == null ? void 0 : i.length) > 0 ? s.push(...o.languages) : o.language ? s.push(o.language) : o.browserLanguage ? s.push(o.browserLanguage) : o.userLanguage && s.push(o.userLanguage);
       }
-      for (const s of r)
-        i(this, O).has(s) && (t = s);
+      for (const o of s)
+        n(this, x).has(o) && (t = o);
     } else
-      i(this, O).has(e) && (t = e);
+      n(this, x).has(e) && (t = e);
     if (t == null) {
-      const r = i(this, O).keys().next().value;
-      r && (t = r);
+      const s = n(this, x).keys().next().value;
+      s && (t = s);
     }
-    if (!t || !i(this, O).has(t))
+    if (!t || !n(this, x).has(t))
       throw new Error(`Language '${e}' is not configured for this app.`);
-    const n = i(this, O).get(t);
+    const r = n(this, x).get(t);
     try {
-      const r = await n.load();
-      i(this, $e).call(this, r), i(this, ve).call(this, t), i(this, J).info("set language to " + t);
-    } catch (r) {
-      r instanceof Error && i(this, J).crash(r);
+      const s = await r.load();
+      y(this, se, []), n(this, Ee).call(this, s), n(this, ve).call(this, t), n(this, Y).info("set language to " + t);
+    } catch (s) {
+      s instanceof Error && n(this, Y).crash(s);
     }
   }
   /**
-   * Returns a Signal containing the value at `key`.
+   * Returns a State 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.
+   * @param options - A map of {{placeholder}} names and the values to replace them with.
+   * 
+   * @example
+   * const $value = t("your.key.here");
    */
   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())
+    if (!this.$locale.get())
       return _t;
-    const n = P(this, We, ft).call(this, e, t);
-    if (n)
-      return n;
-    if (t) {
-      const r = {};
-      for (const [h, c] of Object.entries(t))
-        $t(c) && (r[h] = c);
-      const s = Object.entries(r);
-      if (s.length > 0) {
-        const h = s.map((u) => u[1]), c = Qe([i(this, oe), ...h], (u, ...p) => {
-          const b = p.map(($, N) => s[N]), f = {
-            ...t
-          };
-          for (let $ = 0; $ < b.length; $++) {
-            const N = b[$][0];
-            f[N] = p[$];
-          }
-          const m = st(u, e) || `[NO TRANSLATION: ${e}]`;
-          return it(m, f);
-        });
-        return i(this, se).push([e, t, c]), c;
-      }
-    }
-    const o = Qe([i(this, oe)], (r) => {
-      let s = st(r, e) || `[NO TRANSLATION: ${e}]`;
-      return t && (s = it(s, t)), s;
+    let r = [], i = [];
+    for (const s in t)
+      r.push(s), i.push(t[s]);
+    return me([this.$locale, ...i], (s, ...o) => {
+      const u = {};
+      for (let p = 0; p < o.length; p++)
+        u[r[p]] = o[p];
+      const l = P(this, O, pt).call(this, e, u);
+      if (l) return l;
+      const w = n(this, $e).get();
+      let g = e;
+      if (u.context != null && (g += "_" + u.context), u.count != null)
+        if (u.ordinal) {
+          const p = `${g}_ordinal_(=${u.count})`;
+          Ce(w, p) != null ? g = p : g += "_ordinal_" + new Intl.PluralRules(s, { type: "ordinal" }).select(u.count);
+        } else {
+          const p = `${g}_(=${u.count})`;
+          Ce(w, p) != null ? g = p : g += "_" + new Intl.PluralRules(s).select(u.count);
+        }
+      const b = Ce(w, g) || `[MISSING: ${g}]`, d = P(this, O, gt).call(this, b, u);
+      return n(this, se).push([e, u, d]), d;
     });
-    return i(this, se).push([e, t, o]), o;
+  }
+  /**
+   * 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(e) {
+    return new Intl.Collator(this.$locale.get(), e);
+  }
+  /**
+   * 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 me([this.$locale, e], (r, i) => P(this, O, Qe).call(this, i, t));
+  }
+  /**
+   * 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(e, t) {
+    return me([this.$locale, e], (r, i) => P(this, O, ft).call(this, i, t));
+  }
+  /**
+   * 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(e, t) {
+    return me([this.$locale, e], (r, i) => P(this, O, dt).call(this, i, t));
   }
 }
-we = new WeakMap(), J = new WeakMap(), O = new WeakMap(), se = new WeakMap(), be = new WeakMap(), ve = new WeakMap(), oe = new WeakMap(), $e = new WeakMap(), We = new WeakSet(), ft = function(e, t) {
-  for (const n of i(this, se))
-    if (n[0] === e && Et(n[1], t))
-      return n[2];
+we = new WeakMap(), Y = new WeakMap(), x = new WeakMap(), se = new WeakMap(), be = new WeakMap(), ve = new WeakMap(), $e = new WeakMap(), Ee = new WeakMap(), O = new WeakSet(), Qe = function(e, t) {
+  return new Intl.NumberFormat(this.$locale.get(), t).format(e);
+}, ft = function(e, t) {
+  return new Intl.DateTimeFormat(this.$locale.get(), t).format(
+    typeof e == "string" ? new Date(e) : e
+  );
+}, dt = function(e, t) {
+  return new Intl.ListFormat(this.$locale.get(), t).format(e);
+}, // relativeTime(): State<string> {
+// }
+pt = function(e, t) {
+  for (const r of n(this, se))
+    if (r[0] === e && $t(r[1], t))
+      return r[2];
+}, /**
+ * Replaces {{placeholders}} with values in translated strings.
+ */
+gt = function(e, t) {
+  for (const r in t)
+    r === "count" ? e = e.replace(`{{${r}}}`, P(this, O, Qe).call(this, Number(t[r]), t)) : e = e.replace(`{{${r}}}`, String(Ce(t, r)));
+  return e;
 };
-const _t = Be("[NO LANGUAGE SET]");
-function it(a, e) {
-  for (const t in e)
-    a = a.replace(`{{${t}}}`, String(e[t]));
-  return a;
-}
-function st(a, e) {
-  const t = String(e).split(/[\.\[\]]/).filter((o) => o.trim() !== "");
-  let n = a;
+function Ce(a, e) {
+  const t = String(e).split(/[\.\[\]]/).filter((i) => i.trim() !== "");
+  let r = a;
   for (; t.length > 0; ) {
-    const o = t.shift();
-    n != null ? n = n[o] : n = void 0;
+    const i = t.shift();
+    r != null ? r = r[i] : r = void 0;
   }
-  return n;
+  return r;
 }
-var Y, Ee, V, F, ce, _, le, Ae;
-class Dt {
+var X, ke, V, H, ie, _, oe, je;
+class Vt {
   constructor(e) {
-    g(this, le);
-    g(this, Y);
-    g(this, Ee);
+    f(this, oe);
+    f(this, X);
+    f(this, ke);
     // Keyed updates ensure only the most recent callback queued with a certain key
     // will be called, keeping DOM operations to a minimum.
-    g(this, V, /* @__PURE__ */ new Map());
+    f(this, V, /* @__PURE__ */ new Map());
     // All unkeyed updates are run on every batch.
-    g(this, F, []);
-    g(this, ce, []);
-    g(this, _, !1);
-    w(this, Y, e), w(this, Ee, e.createLogger("dolla/render"));
+    f(this, H, []);
+    // All read callbacks are run before updates on every batch.
+    f(this, ie, []);
+    f(this, _, !1);
+    y(this, X, e), y(this, ke, e.createLogger("dolla/render"));
   }
   /**
    * Queues a callback to run in the next render batch.
@@ -330,12 +425,12 @@ class Dt {
    * Returns a Promise that resolves once the callback has run.
    */
   update(e, t) {
-    return new Promise((n) => {
-      t ? i(this, V).set(t, () => {
-        e(), n();
-      }) : i(this, F).push(() => {
-        e(), n();
-      }), !i(this, _) && i(this, Y).isMounted && (w(this, _, !0), P(this, le, Ae).call(this));
+    return new Promise((r) => {
+      t ? n(this, V).set(t, () => {
+        e(), r();
+      }) : n(this, H).push(() => {
+        e(), r();
+      }), !n(this, _) && n(this, X).isMounted && (y(this, _, !0), P(this, oe, je).call(this));
     });
   }
   /**
@@ -343,52 +438,51 @@ class Dt {
    * ensuring all writes have been performed before reading.
    * Returns a Promise that resolves once the callback has run.
    */
-  async read(e) {
+  read(e) {
     return new Promise((t) => {
-      i(this, ce).push(() => {
+      n(this, ie).push(() => {
         e(), t();
-      }), !i(this, _) && i(this, Y).isMounted && (w(this, _, !0), P(this, le, Ae).call(this));
+      }), !n(this, _) && n(this, X).isMounted && (y(this, _, !0), P(this, oe, je).call(this));
     });
   }
 }
-Y = new WeakMap(), Ee = new WeakMap(), V = new WeakMap(), F = new WeakMap(), ce = new WeakMap(), _ = new WeakMap(), le = new WeakSet(), Ae = function() {
-  const e = i(this, V).size + i(this, F).length;
-  if ((!i(this, Y).isMounted || e === 0) && w(this, _, !1), !i(this, _)) {
-    for (const t of i(this, ce))
+X = new WeakMap(), ke = new WeakMap(), V = new WeakMap(), H = new WeakMap(), ie = new WeakMap(), _ = new WeakMap(), oe = new WeakSet(), je = function() {
+  const e = n(this, V).size + n(this, H).length;
+  if ((!n(this, X).isMounted || e === 0) && y(this, _, !1), !n(this, _)) {
+    for (const t of n(this, ie))
       t();
-    w(this, ce, []);
+    y(this, ie, []);
     return;
   }
   requestAnimationFrame(() => {
-    i(this, Ee).info(`Batching ${i(this, V).size + i(this, F).length} queued DOM update(s).`);
-    for (const t of i(this, V).values())
+    n(this, ke).info(`Batching ${n(this, V).size + n(this, H).length} queued DOM update(s).`);
+    for (const t of n(this, V).values())
       t();
-    i(this, V).clear();
-    for (const t of i(this, F))
+    n(this, V).clear();
+    for (const t of n(this, H))
       t();
-    w(this, F, []), P(this, le, Ae).call(this);
+    y(this, H, []), P(this, oe, je).call(this);
   });
 };
-function de() {
-  return de = Object.assign || function(a) {
+function he() {
+  return he = Object.assign ? Object.assign.bind() : function(a) {
     for (var e = 1; e < arguments.length; e++) {
       var t = arguments[e];
-      for (var n in t)
-        Object.prototype.hasOwnProperty.call(t, n) && (a[n] = t[n]);
+      for (var r in t) ({}).hasOwnProperty.call(t, r) && (a[r] = t[r]);
     }
     return a;
-  }, de.apply(this, arguments);
+  }, he.apply(null, arguments);
 }
-var U;
+var D;
 (function(a) {
   a.Pop = "POP", a.Push = "PUSH", a.Replace = "REPLACE";
-})(U || (U = {}));
-var _e = process.env.NODE_ENV !== "production" ? function(a) {
+})(D || (D = {}));
+var Ve = process.env.NODE_ENV !== "production" ? function(a) {
   return Object.freeze(a);
 } : function(a) {
   return a;
 };
-function je(a, e) {
+function _e(a, e) {
   if (!a) {
     typeof console < "u" && console.warn(e);
     try {
@@ -397,38 +491,38 @@ function je(a, e) {
     }
   }
 }
-var De = "beforeunload", Ht = "hashchange", dt = "popstate";
-function Vt(a) {
+var He = "beforeunload", Ht = "hashchange", mt = "popstate";
+function It(a) {
   a === void 0 && (a = {});
-  var e = a, t = e.window, n = t === void 0 ? document.defaultView : t, o = n.history;
-  function r() {
-    var y = n.location, l = y.pathname, d = y.search, v = y.hash, E = o.state || {};
-    return [E.idx, _e({
-      pathname: l,
-      search: d,
+  var e = a, t = e.window, r = t === void 0 ? document.defaultView : t, i = r.history;
+  function s() {
+    var m = r.location, c = m.pathname, h = m.search, v = m.hash, $ = i.state || {};
+    return [$.idx, Ve({
+      pathname: c,
+      search: h,
       hash: v,
-      state: E.usr || null,
-      key: E.key || "default"
+      state: $.usr || null,
+      key: $.key || "default"
     })];
   }
-  var s = null;
-  function h() {
-    if (s)
-      m.call(s), s = null;
+  var o = null;
+  function u() {
+    if (o)
+      p.call(o), o = null;
     else {
-      var y = U.Pop, l = r(), d = l[0], v = l[1];
-      if (m.length)
-        if (d != null) {
-          var E = p - d;
-          E && (s = {
-            action: y,
+      var m = D.Pop, c = s(), h = c[0], v = c[1];
+      if (p.length)
+        if (h != null) {
+          var $ = g - h;
+          $ && (o = {
+            action: m,
             location: v,
             retry: function() {
-              D(E * -1);
+              q($ * -1);
             }
-          }, D(E));
+          }, q($));
         } else
-          process.env.NODE_ENV !== "production" && je(
+          process.env.NODE_ENV !== "production" && _e(
             !1,
             // TODO: Write up a doc that explains our blocking strategy in
             // detail and link to it here so people can understand better what
@@ -436,137 +530,137 @@ function Vt(a) {
             "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(y);
+        re(m);
     }
   }
-  n.addEventListener(dt, h);
-  var c = U.Pop, u = r(), p = u[0], b = u[1], f = Ve(), m = Ve();
-  p == null && (p = 0, o.replaceState(de({}, o.state, {
-    idx: p
+  r.addEventListener(mt, u);
+  var l = D.Pop, w = s(), g = w[0], b = w[1], d = Fe(), p = Fe();
+  g == null && (g = 0, i.replaceState(he({}, i.state, {
+    idx: g
   }), ""));
-  function $(y) {
-    return typeof y == "string" ? y : Ue(y);
+  function S(m) {
+    return typeof m == "string" ? m : qe(m);
   }
-  function N(y, l) {
-    return l === void 0 && (l = null), _e(de({
+  function fe(m, c) {
+    return c === void 0 && (c = null), Ve(he({
       pathname: b.pathname,
       hash: "",
       search: ""
-    }, typeof y == "string" ? Ke(y) : y, {
-      state: l,
-      key: gt()
+    }, typeof m == "string" ? Je(m) : m, {
+      state: c,
+      key: yt()
     }));
   }
-  function ge(y, l) {
+  function de(m, c) {
     return [{
-      usr: y.state,
-      key: y.key,
-      idx: l
-    }, $(y)];
-  }
-  function pe(y, l, d) {
-    return !m.length || (m.call({
-      action: y,
-      location: l,
-      retry: d
+      usr: m.state,
+      key: m.key,
+      idx: c
+    }, S(m)];
+  }
+  function pe(m, c, h) {
+    return !p.length || (p.call({
+      action: m,
+      location: c,
+      retry: h
     }), !1);
   }
-  function re(y) {
-    c = y;
-    var l = r();
-    p = l[0], b = l[1], f.call({
-      action: c,
+  function re(m) {
+    l = m;
+    var c = s();
+    g = c[0], b = c[1], d.call({
+      action: l,
       location: b
     });
   }
-  function ae(y, l) {
-    var d = U.Push, v = N(y, l);
-    function E() {
-      ae(y, l);
+  function ne(m, c) {
+    var h = D.Push, v = fe(m, c);
+    function $() {
+      ne(m, c);
     }
-    if (pe(d, v, E)) {
-      var M = ge(v, p + 1), x = M[0], A = M[1];
+    if (pe(h, v, $)) {
+      var L = de(v, g + 1), M = L[0], A = L[1];
       try {
-        o.pushState(x, "", A);
+        i.pushState(M, "", A);
       } catch {
-        n.location.assign(A);
+        r.location.assign(A);
       }
-      re(d);
+      re(h);
     }
   }
-  function me(y, l) {
-    var d = U.Replace, v = N(y, l);
-    function E() {
-      me(y, l);
+  function ge(m, c) {
+    var h = D.Replace, v = fe(m, c);
+    function $() {
+      ge(m, c);
     }
-    if (pe(d, v, E)) {
-      var M = ge(v, p), x = M[0], A = M[1];
-      o.replaceState(x, "", A), re(d);
+    if (pe(h, v, $)) {
+      var L = de(v, g), M = L[0], A = L[1];
+      i.replaceState(M, "", A), re(h);
     }
   }
-  function D(y) {
-    o.go(y);
+  function q(m) {
+    i.go(m);
   }
-  var B = {
+  var K = {
     get action() {
-      return c;
+      return l;
     },
     get location() {
       return b;
     },
-    createHref: $,
-    push: ae,
-    replace: me,
-    go: D,
+    createHref: S,
+    push: ne,
+    replace: ge,
+    go: q,
     back: function() {
-      D(-1);
+      q(-1);
     },
     forward: function() {
-      D(1);
+      q(1);
     },
-    listen: function(l) {
-      return f.push(l);
+    listen: function(c) {
+      return d.push(c);
     },
-    block: function(l) {
-      var d = m.push(l);
-      return m.length === 1 && n.addEventListener(De, He), function() {
-        d(), m.length || n.removeEventListener(De, He);
+    block: function(c) {
+      var h = p.push(c);
+      return p.length === 1 && r.addEventListener(He, Ie), function() {
+        h(), p.length || r.removeEventListener(He, Ie);
       };
     }
   };
-  return B;
+  return K;
 }
 function Ft(a) {
   a === void 0 && (a = {});
-  var e = a, t = e.window, n = t === void 0 ? document.defaultView : t, o = n.history;
-  function r() {
-    var l = Ke(n.location.hash.substr(1)), d = l.pathname, v = d === void 0 ? "/" : d, E = l.search, M = E === void 0 ? "" : E, x = l.hash, A = x === void 0 ? "" : x, q = o.state || {};
-    return [q.idx, _e({
+  var e = a, t = e.window, r = t === void 0 ? document.defaultView : t, i = r.history;
+  function s() {
+    var c = Je(r.location.hash.substr(1)), h = c.pathname, v = h === void 0 ? "/" : h, $ = c.search, L = $ === void 0 ? "" : $, M = c.hash, A = M === void 0 ? "" : M, C = i.state || {};
+    return [C.idx, Ve({
       pathname: v,
-      search: M,
+      search: L,
       hash: A,
-      state: q.usr || null,
-      key: q.key || "default"
+      state: C.usr || null,
+      key: C.key || "default"
     })];
   }
-  var s = null;
-  function h() {
-    if (s)
-      m.call(s), s = null;
+  var o = null;
+  function u() {
+    if (o)
+      p.call(o), o = null;
     else {
-      var l = U.Pop, d = r(), v = d[0], E = d[1];
-      if (m.length)
+      var c = D.Pop, h = s(), v = h[0], $ = h[1];
+      if (p.length)
         if (v != null) {
-          var M = p - v;
-          M && (s = {
-            action: l,
-            location: E,
+          var L = g - v;
+          L && (o = {
+            action: c,
+            location: $,
             retry: function() {
-              B(M * -1);
+              K(L * -1);
             }
-          }, B(M));
+          }, K(L));
         } else
-          process.env.NODE_ENV !== "production" && je(
+          process.env.NODE_ENV !== "production" && _e(
             !1,
             // TODO: Write up a doc that explains our blocking strategy in
             // detail and link to it here so people can understand better
@@ -574,121 +668,121 @@ function Ft(a) {
             "You are trying to block a POP navigation to a location that was not created by the history library. The block will fail silently in production, but in general you should do all navigation with the history library (instead of using window.history.pushState directly) to avoid this situation."
           );
       else
-        ae(l);
+        ne(c);
     }
   }
-  n.addEventListener(dt, h), n.addEventListener(Ht, function() {
-    var l = r(), d = l[1];
-    Ue(d) !== Ue(b) && h();
+  r.addEventListener(mt, u), r.addEventListener(Ht, function() {
+    var c = s(), h = c[1];
+    qe(h) !== qe(b) && u();
   });
-  var c = U.Pop, u = r(), p = u[0], b = u[1], f = Ve(), m = Ve();
-  p == null && (p = 0, o.replaceState(de({}, o.state, {
-    idx: p
+  var l = D.Pop, w = s(), g = w[0], b = w[1], d = Fe(), p = Fe();
+  g == null && (g = 0, i.replaceState(he({}, i.state, {
+    idx: g
   }), ""));
-  function $() {
-    var l = document.querySelector("base"), d = "";
-    if (l && l.getAttribute("href")) {
-      var v = n.location.href, E = v.indexOf("#");
-      d = E === -1 ? v : v.slice(0, E);
+  function S() {
+    var c = document.querySelector("base"), h = "";
+    if (c && c.getAttribute("href")) {
+      var v = r.location.href, $ = v.indexOf("#");
+      h = $ === -1 ? v : v.slice(0, $);
     }
-    return d;
+    return h;
   }
-  function N(l) {
-    return $() + "#" + (typeof l == "string" ? l : Ue(l));
+  function fe(c) {
+    return S() + "#" + (typeof c == "string" ? c : qe(c));
   }
-  function ge(l, d) {
-    return d === void 0 && (d = null), _e(de({
+  function de(c, h) {
+    return h === void 0 && (h = null), Ve(he({
       pathname: b.pathname,
       hash: "",
       search: ""
-    }, typeof l == "string" ? Ke(l) : l, {
-      state: d,
-      key: gt()
+    }, typeof c == "string" ? Je(c) : c, {
+      state: h,
+      key: yt()
     }));
   }
-  function pe(l, d) {
+  function pe(c, h) {
     return [{
-      usr: l.state,
-      key: l.key,
-      idx: d
-    }, N(l)];
+      usr: c.state,
+      key: c.key,
+      idx: h
+    }, fe(c)];
   }
-  function re(l, d, v) {
-    return !m.length || (m.call({
-      action: l,
-      location: d,
+  function re(c, h, v) {
+    return !p.length || (p.call({
+      action: c,
+      location: h,
       retry: v
     }), !1);
   }
-  function ae(l) {
-    c = l;
-    var d = r();
-    p = d[0], b = d[1], f.call({
-      action: c,
+  function ne(c) {
+    l = c;
+    var h = s();
+    g = h[0], b = h[1], d.call({
+      action: l,
       location: b
     });
   }
-  function me(l, d) {
-    var v = U.Push, E = ge(l, d);
-    function M() {
-      me(l, d);
+  function ge(c, h) {
+    var v = D.Push, $ = de(c, h);
+    function L() {
+      ge(c, 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, M)) {
-      var x = pe(E, p + 1), A = x[0], q = x[1];
+    if (process.env.NODE_ENV !== "production" && _e($.pathname.charAt(0) === "/", "Relative pathnames are not supported in hash history.push(" + JSON.stringify(c) + ")"), re(v, $, L)) {
+      var M = pe($, g + 1), A = M[0], C = M[1];
       try {
-        o.pushState(A, "", q);
+        i.pushState(A, "", C);
       } catch {
-        n.location.assign(q);
+        r.location.assign(C);
       }
-      ae(v);
+      ne(v);
     }
   }
-  function D(l, d) {
-    var v = U.Replace, E = ge(l, d);
-    function M() {
-      D(l, d);
+  function q(c, h) {
+    var v = D.Replace, $ = de(c, h);
+    function L() {
+      q(c, 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, M)) {
-      var x = pe(E, p), A = x[0], q = x[1];
-      o.replaceState(A, "", q), ae(v);
+    if (process.env.NODE_ENV !== "production" && _e($.pathname.charAt(0) === "/", "Relative pathnames are not supported in hash history.replace(" + JSON.stringify(c) + ")"), re(v, $, L)) {
+      var M = pe($, g), A = M[0], C = M[1];
+      i.replaceState(A, "", C), ne(v);
     }
   }
-  function B(l) {
-    o.go(l);
+  function K(c) {
+    i.go(c);
   }
-  var y = {
+  var m = {
     get action() {
-      return c;
+      return l;
     },
     get location() {
       return b;
     },
-    createHref: N,
-    push: me,
-    replace: D,
-    go: B,
+    createHref: fe,
+    push: ge,
+    replace: q,
+    go: K,
     back: function() {
-      B(-1);
+      K(-1);
     },
     forward: function() {
-      B(1);
+      K(1);
     },
-    listen: function(d) {
-      return f.push(d);
+    listen: function(h) {
+      return d.push(h);
     },
-    block: function(d) {
-      var v = m.push(d);
-      return m.length === 1 && n.addEventListener(De, He), function() {
-        v(), m.length || n.removeEventListener(De, He);
+    block: function(h) {
+      var v = p.push(h);
+      return p.length === 1 && r.addEventListener(He, Ie), function() {
+        v(), p.length || r.removeEventListener(He, Ie);
       };
     }
   };
-  return y;
+  return m;
 }
-function He(a) {
+function Ie(a) {
   a.preventDefault(), a.returnValue = "";
 }
-function Ve() {
+function Fe() {
   var a = [];
   return {
     get length() {
@@ -696,239 +790,249 @@ function Ve() {
     },
     push: function(t) {
       return a.push(t), function() {
-        a = a.filter(function(n) {
-          return n !== t;
+        a = a.filter(function(r) {
+          return r !== t;
         });
       };
     },
     call: function(t) {
-      a.forEach(function(n) {
-        return n && n(t);
+      a.forEach(function(r) {
+        return r && r(t);
       });
     }
   };
 }
-function gt() {
+function yt() {
   return Math.random().toString(36).substr(2, 8);
 }
-function Ue(a) {
-  var e = a.pathname, t = e === void 0 ? "/" : e, n = a.search, o = n === void 0 ? "" : n, r = a.hash, s = r === void 0 ? "" : r;
-  return o && o !== "?" && (t += o.charAt(0) === "?" ? o : "?" + o), s && s !== "#" && (t += s.charAt(0) === "#" ? s : "#" + s), t;
+function qe(a) {
+  var e = a.pathname, t = e === void 0 ? "/" : e, r = a.search, i = r === void 0 ? "" : r, s = a.hash, o = s === void 0 ? "" : s;
+  return i && i !== "?" && (t += i.charAt(0) === "?" ? i : "?" + i), o && o !== "#" && (t += o.charAt(0) === "#" ? o : "#" + o), t;
 }
-function Ke(a) {
+function Je(a) {
   var e = {};
   if (a) {
     var t = a.indexOf("#");
     t >= 0 && (e.hash = a.substr(t), a = a.substr(0, t));
-    var n = a.indexOf("?");
-    n >= 0 && (e.search = a.substr(n), a = a.substr(0, n)), a && (e.pathname = a);
+    var r = a.indexOf("?");
+    r >= 0 && (e.search = a.substr(r), a = a.substr(0, r)), a && (e.pathname = a);
   }
   return e;
 }
 function ye(a) {
-  return lt(a, "Expected `path` to be a string. Got type: %t, value: %v"), a.split("/").map((e) => e.trim()).filter((e) => e !== "");
+  return ct(a, "Expected `path` to be a string. Got type: %t, value: %v"), a.split("/").map((e) => e.trim()).filter((e) => e !== "");
 }
-function ie(a) {
+function ae(a) {
   var t;
-  Lt(
-    (n) => Ze(n == null ? void 0 : n.toString),
+  Et(
+    (r) => et(r == null ? void 0 : r.toString),
     a,
     "Expected `parts` to be an array of objects with a .toString() method. Got type: %t, value: %v"
-  ), a = a.filter((n) => n).flatMap(String);
+  ), a = a.filter((r) => r).flatMap(String);
   let e = (t = a.shift()) == null ? void 0 : t.toString();
   if (e) {
-    for (const n of a.map((o) => o.toString()))
-      n.startsWith(".") ? e = qe(e, n) : e[e.length - 1] !== "/" ? n[0] !== "/" ? e += "/" + n : e += n : n[0] === "/" ? e += n.slice(1) : e += n;
+    for (const r of a.map((i) => i.toString()))
+      r.startsWith(".") ? e = Ue(e, r) : e[e.length - 1] !== "/" ? r[0] !== "/" ? e += "/" + r : e += r : r[0] === "/" ? e += r.slice(1) : e += r;
     e && e !== "/" && e.endsWith("/") && (e = e.slice(0, e.length - 1));
   }
   return e ?? "";
 }
-function qe(a, e) {
-  if (lt(a, "Expected `base` to be a string. Got type: %t, value: %v"), e == null && (e = a, a = ""), e.startsWith("/"))
+function Ue(a, e) {
+  if (ct(a, "Expected `base` to be a string. Got type: %t, value: %v"), e == null && (e = a, a = ""), e.startsWith("/"))
     return e;
   let t = a;
   for (; ; )
     if (e.startsWith("..")) {
-      for (let n = t.length; n > 0; --n)
-        if (t[n] === "/" || n === 0) {
-          t = t.slice(0, n), e = e.replace(/^\.\.\/?/, "");
+      for (let r = t.length; r > 0; --r)
+        if (t[r] === "/" || r === 0) {
+          t = t.slice(0, r), e = e.replace(/^\.\.\/?/, "");
           break;
         }
     } else if (e.startsWith("."))
       e = e.replace(/^\.\/?/, "");
     else
       break;
-  return ie([t, e]);
+  return ae([t, e]);
 }
-function Je(a) {
+function Ye(a) {
   if (!a) return {};
   a.startsWith("?") && (a = a.slice(1));
   const e = a.split("&").filter((t) => t.trim() !== "").map((t) => {
-    const [n, o] = t.split("=").map((r) => r.trim());
-    return o.toLowerCase() === "true" ? [n, !0] : o.toLowerCase() === "false" ? [n, !1] : isNaN(Number(o)) ? [n, o] : [n, Number(o)];
+    const [r, i] = t.split("=").map((s) => s.trim());
+    return i.toLowerCase() === "true" ? [r, !0] : i.toLowerCase() === "false" ? [r, !1] : isNaN(Number(i)) ? [r, i] : [r, Number(i)];
   });
   return Object.fromEntries(e);
 }
 function ot(a, e, t = {}) {
-  var s;
-  const [n, o] = e.split("?"), r = ye(n);
-  e: for (const h of a) {
-    const { fragments: c } = h;
-    if (!(((s = c[c.length - 1]) == null ? void 0 : s.type) === 3) && c.length !== r.length || t.willMatch && !t.willMatch(h))
+  var o;
+  const [r, i] = e.split("?"), s = ye(r);
+  e: for (const u of a) {
+    const { fragments: l } = u;
+    if (!(((o = l[l.length - 1]) == null ? void 0 : o.type) === 3) && l.length !== s.length || t.willMatch && !t.willMatch(u))
       continue e;
-    const p = [];
-    t: for (let f = 0; f < c.length; f++) {
-      const m = r[f], $ = c[f];
-      if (m == null && $.type !== 3)
+    const g = [];
+    t: for (let d = 0; d < l.length; d++) {
+      const p = s[d], S = l[d];
+      if (p == null && S.type !== 3)
         continue e;
-      switch ($.type) {
+      switch (S.type) {
         case 1:
-          if ($.name.toLowerCase() === m.toLowerCase()) {
-            p.push($);
+          if (S.name.toLowerCase() === p.toLowerCase()) {
+            g.push(S);
             break;
           } else
             continue e;
         case 2:
-          p.push({ ...$, value: m });
+          g.push({ ...S, value: p });
           break;
         case 3:
-          p.push({ ...$, value: r.slice(f).join("/") });
+          g.push({ ...S, value: s.slice(d).join("/") });
           break t;
         case 4:
-          if (isNaN(Number(m)))
+          if (isNaN(Number(p)))
             continue e;
-          p.push({ ...$, value: Number(m) });
+          g.push({ ...S, value: Number(p) });
           break;
         default:
-          throw new Error(`Unknown fragment type: ${$.type}`);
+          throw new Error(`Unknown fragment type: ${S.type}`);
       }
     }
     const b = /* @__PURE__ */ Object.create(null);
-    for (const f of p)
-      f.type === 2 && (b[f.name] = decodeURIComponent(f.value)), f.type === 4 && (b[f.name] = f.value), f.type === 3 && (b.wildcard = "/" + decodeURIComponent(f.value));
+    for (const d of g)
+      d.type === 2 && (b[d.name] = decodeURIComponent(d.value)), d.type === 4 && (b[d.name] = d.value), d.type === 3 && (b.wildcard = "/" + decodeURIComponent(d.value));
     return {
-      path: "/" + p.map((f) => f.value).join("/"),
-      pattern: "/" + c.map((f) => f.type === 2 ? `{${f.name}}` : f.type === 4 ? `{#${f.name}}` : f.name).join("/"),
+      path: "/" + g.map((d) => d.value).join("/"),
+      pattern: "/" + l.map((d) => d.type === 2 ? `{${d.name}}` : d.type === 4 ? `{#${d.name}}` : d.name).join("/"),
       params: b,
-      query: Je(o),
-      meta: h.meta
+      query: Ye(i),
+      meta: u.meta
     };
   }
 }
 function Wt(a) {
-  const e = [], t = [], n = [], o = [];
-  for (const s of a) {
-    const { fragments: h } = s;
-    h.some(
-      (c) => c.type === 3
+  const e = [], t = [], r = [], i = [];
+  for (const o of a) {
+    const { fragments: u } = o;
+    u.some(
+      (l) => l.type === 3
       /* Wildcard */
-    ) ? o.push(s) : h.some(
-      (c) => c.type === 4
+    ) ? i.push(o) : u.some(
+      (l) => l.type === 4
       /* NumericParam */
-    ) ? t.push(s) : h.some(
-      (c) => c.type === 2
+    ) ? t.push(o) : u.some(
+      (l) => l.type === 2
       /* Param */
-    ) ? n.push(s) : e.push(s);
+    ) ? r.push(o) : e.push(o);
   }
-  const r = (s, h) => s.fragments.length > h.fragments.length ? -1 : 1;
-  return e.sort(r), t.sort(r), n.sort(r), o.sort(r), [...e, ...t, ...n, ...o];
+  const s = (o, u) => o.fragments.length > u.fragments.length ? -1 : 1;
+  return e.sort(s), t.sort(s), r.sort(s), i.sort(s), [...e, ...t, ...r, ...i];
 }
-function It(a) {
+function zt(a) {
   const e = ye(a), t = [];
-  for (let n = 0; n < e.length; n++) {
-    const o = e[n];
-    if (o === "*") {
-      if (n !== e.length - 1)
+  for (let r = 0; r < e.length; r++) {
+    const i = e[r];
+    if (i === "*") {
+      if (r !== e.length - 1)
         throw new Error(`Wildcard must be at the end of a pattern. Received: ${a}`);
       t.push({
         type: 3,
         name: "*",
         value: null
       });
-    } else o.at(0) === "{" && o.at(-1) === "}" ? t.push({
-      type: o[1] === "#" ? 4 : 2,
-      name: o[1] === "#" ? o.slice(2, -1) : o.slice(1, -1),
+    } else i.at(0) === "{" && i.at(-1) === "}" ? t.push({
+      type: i[1] === "#" ? 4 : 2,
+      name: i[1] === "#" ? i.slice(2, -1) : i.slice(1, -1),
       value: null
     }) : t.push({
       type: 1,
-      name: o,
-      value: o
+      name: i,
+      value: i
     });
   }
   return t;
 }
-var pt = /* @__PURE__ */ ((a) => (a.hash = "hash", a.path = "path", a))(pt || {}), Le, j, X, S, Ie, W, ke, Z, ee, ue, he, fe, Se, G, Ye, Xe;
-class mt {
+var Pe, N, Z, E, ze, I, Se, ee, F, le, ce, ue, Le, B, Xe, Ze;
+class Gt {
   constructor(e, t) {
-    g(this, G);
-    g(this, Le);
-    g(this, j);
-    g(this, X);
-    g(this, S, Vt());
-    g(this, Ie, 0);
-    g(this, W, []);
-    g(this, ke);
-    g(this, Z, []);
-    g(this, ee);
+    f(this, B);
+    f(this, Pe);
+    f(this, N);
+    f(this, Z);
+    f(this, E);
+    f(this, ze, 0);
+    f(this, I, []);
+    f(this, Se);
+    f(this, ee, []);
+    // Callbacks that need to be called on unmount.
+    f(this, F, []);
     /**
      * The currently matched route pattern, if any.
      */
     k(this, "$pattern");
-    g(this, ue);
+    f(this, le);
     /**
      * The current URL path.
      */
     k(this, "$path");
-    g(this, he);
+    f(this, ce);
     /**
      * The current named path params.
      */
     k(this, "$params");
-    g(this, fe);
+    f(this, ue);
     /**
      * The current query params. Changes to this object will be reflected in the URL.
      */
     k(this, "$query");
-    g(this, Se);
-    w(this, Le, e), w(this, j, e.createLogger("dolla/router")), w(this, X, t);
-    const [n, o] = Q(null), [r, s] = Q(""), [h, c] = Q({}), [u, p] = Q(Je(window.location.search));
-    this.$pattern = n, w(this, ue, o), this.$path = r, w(this, he, s), this.$params = h, w(this, fe, c), this.$query = u, w(this, Se, p), e.beforeMount(() => {
-      w(this, ee, ut([u], (f) => {
-        const m = new URLSearchParams();
-        for (const N in f)
-          m.set(N, String(f[N]));
-        const $ = "?" + m.toString();
-        $ != i(this, S).location.search && i(this, S).replace({
-          pathname: i(this, S).location.pathname,
-          search: $
-        });
-      }));
-      const b = (f) => {
-        P(this, G, Xe).call(this, f);
-      };
-      i(this, S).listen(b), P(this, G, Xe).call(this, i(this, S)), i(this, j).info("Intercepting <a> clicks within root element:", i(this, X).rootElement), yt(i(this, X).rootElement, (f) => {
-        let m = f.getAttribute("href");
-        i(this, j).info("Intercepted link click", f, m), /^https?:\/\/|^\//.test(m) || (m = ie([i(this, S).location.pathname, m])), i(this, S).push(m);
-      });
+    f(this, Le);
+    y(this, Pe, e), y(this, N, e.createLogger("dolla/router")), y(this, Z, t);
+    const [r, i] = Q(null), [s, o] = Q(""), [u, l] = Q({}), [w, g] = Q(
+      Ye(typeof window > "u" ? "" : window.location.search ?? "")
+    );
+    this.$pattern = r, y(this, le, i), this.$path = s, y(this, ce, o), this.$params = u, y(this, ue, l), this.$query = w, y(this, Le, g), e.beforeMount(() => {
+      n(this, E) != null && (n(this, F).push(
+        ut([w], (b) => {
+          const d = new URLSearchParams();
+          for (const S in b)
+            d.set(S, String(b[S]));
+          const p = "?" + d.toString();
+          p != n(this, E).location.search && n(this, E).replace({
+            pathname: n(this, E).location.pathname,
+            search: p
+          });
+        })
+      ), n(this, F).push(n(this, E).listen(P(this, B, Ze).bind(this))), P(this, B, Ze).call(this, n(this, E)), n(this, F).push(
+        Qt(n(this, Z).rootElement, (b) => {
+          let d = b.getAttribute("href");
+          n(this, N).info("Intercepted link click", b, d), /^https?:\/\/|^\//.test(d) || (d = ae([n(this, E).location.pathname, d])), n(this, E).push(d);
+        })
+      ), n(this, N).info("Intercepting <a> clicks within root element:", n(this, Z).rootElement));
     }), e.onUnmount(() => {
-      i(this, ee) && (i(this, ee).call(this), w(this, ee, void 0));
+      for (; n(this, F).length > 0; )
+        n(this, F).pop()();
     });
   }
   setup(e) {
-    e.style === "hash" && w(this, S, Ft()), w(this, Z, Wt(
-      e.routes.flatMap((t) => P(this, G, Ye).call(this, t)).map((t) => ({
+    if (n(this, Pe).isMounted) {
+      n(this, N).crash(
+        new Error("Dolla is already mounted. Router setup must be called before Dolla.mount is called.")
+      );
+      return;
+    }
+    e.style === "hash" ? y(this, E, Ft()) : y(this, E, It()), y(this, ee, Wt(
+      e.routes.flatMap((t) => P(this, B, Xe).call(this, t)).map((t) => ({
         pattern: t.pattern,
         meta: t.meta,
-        fragments: It(t.pattern)
+        fragments: zt(t.pattern)
       }))
     ));
-    for (const t of i(this, Z))
+    for (const t of n(this, ee))
       if (t.meta.redirect) {
-        let n;
-        if (!Ze(t.meta.redirect)) if (H(t.meta.redirect)) {
-          if (n = t.meta.redirect, !ot(i(this, Z), n, {
-            willMatch(r) {
-              return r !== t;
+        let r;
+        if (!et(t.meta.redirect)) if (U(t.meta.redirect)) {
+          if (r = t.meta.redirect, !ot(n(this, ee), r, {
+            willMatch(s) {
+              return s !== t;
             }
           }))
             throw new Error(
@@ -942,33 +1046,57 @@ class mt {
    * Navigates to another route.
    *
    * @example
-   * navigate("/login"); // navigate to `/login`
-   * navigate(["/users", 215], { replace: true }); // replace current history entry with `/users/215`
+   * Dolla.router.go("/login"); // navigate to `/login`
+   * Dolla.router.go["/users", 215], { replace: true }); // replace current history entry with `/users/215`
    */
   go(e, t = {}) {
-    let n;
-    Array.isArray(e) ? n = ie(e) : n = e.toString(), n = qe(i(this, S).location.pathname, n), t.preserveQuery && (n += i(this, S).location.search), t.replace ? i(this, S).replace(n) : i(this, S).push(n);
+    if (n(this, E) == null) {
+      n(this, N).crash(
+        new Error(
+          "Router.go was called, but the router was never configured! Run 'Dolla.router.setup' before 'Dolla.mount' to configure routes."
+        )
+      );
+      return;
+    }
+    let r;
+    Array.isArray(e) ? r = ae(e) : r = e.toString(), r = Ue(n(this, E).location.pathname, r), t.preserveQuery && (r += n(this, E).location.search), t.replace ? n(this, E).replace(r) : n(this, E).push(r);
   }
   /**
    * Navigate backward. Pass a number of steps to hit the back button that many times.
    */
   back(e = 1) {
-    i(this, S).go(-e);
+    if (n(this, E) == null) {
+      n(this, N).crash(
+        new Error(
+          "Router.back was called, but the router was never configured! Run 'Dolla.router.setup' before 'Dolla.mount' to configure routes."
+        )
+      );
+      return;
+    }
+    n(this, E).go(-e);
   }
   /**
    * Navigate forward. Pass a number of steps to hit the forward button that many times.
    */
   forward(e = 1) {
-    i(this, S).go(e);
+    if (n(this, E) == null) {
+      n(this, N).crash(
+        new Error(
+          "Router.forward was called, but the router was never configured! Run 'Dolla.router.setup' before 'Dolla.mount' to configure routes."
+        )
+      );
+      return;
+    }
+    n(this, E).go(e);
   }
 }
-Le = new WeakMap(), j = new WeakMap(), X = new WeakMap(), S = new WeakMap(), Ie = new WeakMap(), W = new WeakMap(), ke = new WeakMap(), Z = new WeakMap(), ee = new WeakMap(), ue = new WeakMap(), he = new WeakMap(), fe = new WeakMap(), Se = new WeakMap(), G = new WeakSet(), /**
+Pe = new WeakMap(), N = new WeakMap(), Z = new WeakMap(), E = new WeakMap(), ze = new WeakMap(), I = new WeakMap(), Se = new WeakMap(), ee = new WeakMap(), F = new WeakMap(), le = new WeakMap(), ce = new WeakMap(), ue = new WeakMap(), Le = new WeakMap(), B = new WeakSet(), /**
  * Parses a route definition object into a set of matchable routes.
  *
  * @param route - Route config object.
  * @param layers - Array of parent layers. Passed when this function calls itself on nested routes.
  */
-Ye = function(e, t = [], n = []) {
+Xe = 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)
@@ -977,180 +1105,194 @@ Ye = function(e, t = [], n = []) {
     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 o = [];
-  for (const u of t)
-    o.push(...ye(u.path));
-  o.push(...ye(e.path)), o[o.length - 1] === "*" && o.pop();
-  const r = [];
+  let i = [];
+  for (const l of t)
+    i.push(...ye(l.path));
+  i.push(...ye(e.path)), i[i.length - 1] === "*" && i.pop();
+  const s = [];
   if (e.redirect) {
-    let u = e.redirect;
-    return H(u) && (u = qe(ie(o), u), u.startsWith("/") || (u = "/" + u)), r.push({
-      pattern: "/" + ie([...o, ...ye(e.path)]),
+    let l = e.redirect;
+    return U(l) && (l = Ue(ae(i), l), l.startsWith("/") || (l = "/" + l)), s.push({
+      pattern: "/" + ae([...i, ...ye(e.path)]),
       meta: {
-        redirect: u
+        redirect: l
       }
-    }), r;
+    }), s;
   }
-  let s = ht;
+  let o = ht;
   if (typeof e.view == "function")
-    s = e.view;
+    o = e.view;
   else if (e.view)
     throw new TypeError(`Route '${e.path}' expected a view function or undefined. Got: ${e.view}`);
-  const h = Ce(s), c = { id: tt(this, Ie)._++, markup: h };
+  const u = { id: rt(this, ze)._++, view: o };
   if (e.routes)
-    for (const u of e.routes)
-      r.push(...P(this, G, Ye).call(this, u, [...t, e], [...n, c]));
+    for (const l of e.routes)
+      s.push(...P(this, B, Xe).call(this, l, [...t, e], [...r, u]));
   else
-    r.push({
-      pattern: parent ? ie([...t.map((u) => u.path), e.path]) : e.path,
+    s.push({
+      pattern: parent ? ae([...t.map((l) => l.path), e.path]) : e.path,
       meta: {
         pattern: e.path,
-        layers: [...n, c],
+        layers: [...r, u],
         beforeMatch: e.beforeMatch
       }
     });
-  return r;
-}, Xe = async function({ location: e }) {
-  e.search !== i(this, ke) && (w(this, ke, e.search), i(this, Se).call(this, Je(e.search)));
-  const t = ot(i(this, Z), e.pathname);
+  return s;
+}, Ze = async function({ location: e }) {
+  e.search !== n(this, Se) && (y(this, Se, e.search), n(this, Le).call(this, Ye(e.search)));
+  const t = ot(n(this, ee), e.pathname);
   if (!t) {
-    i(this, ue).call(this, null), i(this, he).call(this, e.pathname), i(this, fe).call(this, {
+    n(this, le).call(this, null), n(this, ce).call(this, e.pathname), n(this, ue).call(this, {
       wildcard: e.pathname
     });
     return;
   }
   if (t.meta.beforeMatch && await t.meta.beforeMatch({
-    redirect: (n) => {
+    // TODO: Allow setting context variables from here.
+    redirect: (r) => {
       throw new Error("Redirect not yet implemented.");
     }
-  }), i(this, j).info(`Matched route: '${t.pattern}' ('${t.path}')`), t.meta.redirect != null)
+  }), t.meta.redirect != null)
     if (typeof t.meta.redirect == "string") {
-      const n = Bt(t.meta.redirect, t.params);
-      i(this, j).info(`Redirecting to: '${n}'`), i(this, S).replace(n);
+      const r = Jt(t.meta.redirect, t.params);
+      n(this, N).info(`↩️ redirecting from '${t.path}' to '${r}'`), n(this, E).replace(r);
     } else if (typeof t.meta.redirect == "function") {
-      const n = {
+      const r = {
         path: t.path,
         pattern: t.pattern,
         params: t.params,
         query: t.query
       };
-      let o = await t.meta.redirect(n);
-      if (typeof o != "string")
+      let i = await t.meta.redirect(r);
+      if (typeof i != "string")
         throw new Error("Redirect function must return a path to redirect to.");
-      o.startsWith("/") || (o = qe(t.path, o)), i(this, j).info(`Redirecting to: '${o}'`), i(this, S).replace(o);
+      i.startsWith("/") || (i = Ue(t.path, i)), n(this, N).info(`Redirecting to: '${i}'`), n(this, E).replace(i);
     } else
       throw new TypeError("Redirect must either be a path string or a function.");
-  else if (i(this, he).call(this, t.path), i(this, fe).call(this, t.params), t.pattern !== this.$pattern.get()) {
-    i(this, ue).call(this, t.pattern);
-    const n = t.meta.layers;
-    for (let o = 0; o < n.length; o++) {
-      const r = n[o], s = i(this, W)[o];
-      if ((s == null ? void 0 : s.id) !== r.id) {
-        i(this, j).info(`Replacing layer @${o} (active ID: ${s == null ? void 0 : s.id}, matched ID: ${r.id})`), w(this, W, i(this, W).slice(0, o));
-        const h = i(this, W).at(-1), c = {
-          root: i(this, Le)
-        }, u = kt(r.markup, c), p = St(u);
-        s && s.handle.connected && s.handle.disconnect(), h ? h.handle.setChildren(u) : i(this, X).rootView.setChildren(u), i(this, W).push({ id: r.id, handle: p });
+  else if (n(this, N).info(`📍 navigating to '${t.path}'`), n(this, ce).call(this, t.path), n(this, ue).call(this, t.params), t.pattern !== this.$pattern.get()) {
+    n(this, le).call(this, t.pattern);
+    const r = t.meta.layers;
+    for (let i = 0; i < r.length; i++) {
+      const s = r[i], o = n(this, I)[i];
+      if ((o == null ? void 0 : o.id) !== s.id) {
+        y(this, I, n(this, I).slice(0, i));
+        const u = n(this, I).at(-1);
+        o && o.node.isMounted && o.node.unmount();
+        let l;
+        u ? l = u.node.setChildView(s.view) : l = n(this, Z).rootView.setChildView(s.view), n(this, I).push({ id: s.id, node: l });
       }
     }
   }
 };
-const zt = /(noopener|noreferrer) (noopener|noreferrer)/, Gt = /^[\w-_]+:/;
-function yt(a, e, t = window) {
-  function n(r) {
-    return !r || r === a ? null : r.localName !== "a" || r.href === void 0 ? n(r.parentNode) : r;
+const Bt = /(noopener|noreferrer) (noopener|noreferrer)/, Kt = /^[\w-_]+:/;
+function Qt(a, e, t = window) {
+  function r(s) {
+    return !s || s === a ? null : s.localName !== "a" || s.href === void 0 ? r(s.parentNode) : s;
   }
-  function o(r) {
-    if (r.button && r.button !== 0 || r.ctrlKey || r.metaKey || r.altKey || r.shiftKey || r.defaultPrevented)
+  function i(s) {
+    if (s.button && s.button !== 0 || s.ctrlKey || s.metaKey || s.altKey || s.shiftKey || s.defaultPrevented)
       return;
-    const s = n(r.target);
-    s && (t.location.protocol !== s.protocol || t.location.hostname !== s.hostname || t.location.port !== s.port || s.hasAttribute("data-router-ignore") || s.hasAttribute("download") || s.getAttribute("target") === "_blank" && zt.test(s.getAttribute("rel")) || Gt.test(s.getAttribute("href")) || (r.preventDefault(), e(s)));
+    const o = r(s.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" && Bt.test(o.getAttribute("rel")) || Kt.test(o.getAttribute("href")) || (s.preventDefault(), e(o)));
   }
-  return a.addEventListener("click", o), function() {
-    a.removeEventListener("click", o);
+  return a.addEventListener("click", i), function() {
+    a.removeEventListener("click", i);
   };
 }
-function Bt(a, e) {
+function Jt(a, e) {
   for (const t in e) {
-    const n = e[t].toString();
-    a = a.replace(`{${t}}`, n).replace(`{#${t}}`, n);
+    const r = e[t].toString();
+    a = a.replace(`{${t}}`, r).replace(`{#${t}}`, r);
   }
   return a;
 }
-const Zt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  Router: mt,
-  RoutingStyle: pt,
-  catchLinks: yt
-}, Symbol.toStringTag, { value: "Module" }));
-var I, Pe, te, ne, Me, Re, Oe, xe, R, z;
-class Qt {
+var W, Re, z, te, xe, Me, Ne, Oe, Te, R, G;
+class Yt {
   constructor() {
-    g(this, I, !1);
-    g(this, Pe, "production");
-    g(this, te);
-    g(this, ne);
     k(this, "http");
-    k(this, "language");
+    k(this, "i18n");
     k(this, "render");
     k(this, "router");
-    g(this, Me, []);
-    g(this, Re, []);
-    g(this, Oe, []);
-    g(this, xe, []);
-    g(this, R, {
+    f(this, W, !1);
+    f(this, Re, "production");
+    f(this, z);
+    f(this, te);
+    f(this, xe, Tt);
+    f(this, Me, []);
+    f(this, Ne, []);
+    f(this, Oe, []);
+    f(this, Te, []);
+    f(this, R, {
       info: "development",
       log: "development",
       warn: "development",
       error: !0
     });
-    g(this, z, nt("*,-dolla/*"));
-    k(this, "createSignal", Q);
-    k(this, "createSettableSignal", Pt);
-    k(this, "toSettableSignal", Mt);
-    k(this, "signalify", Be);
-    k(this, "designalify", Rt);
-    k(this, "derive", Qe);
+    f(this, G, at("*,-dolla/*"));
+    k(this, "createState", Q);
+    k(this, "createSettableState", kt);
+    k(this, "toSettableState", Pt);
+    k(this, "toState", Ke);
+    k(this, "valueOf", St);
+    k(this, "derive", me);
     k(this, "watch", ut);
-    k(this, "createRef", Ot);
-    k(this, "isRef", xt);
+    k(this, "createRef", Lt);
+    k(this, "isRef", Rt);
     const e = this;
-    this.http = new Tt(), this.language = new Ct(this), this.render = new Dt(this), this.router = new mt(this, {
+    this.http = new At(), this.i18n = new Ut(this), this.render = new Vt(this), this.router = new Gt(this, {
       get rootElement() {
-        return i(e, te);
+        return n(e, z);
       },
       get rootView() {
-        return i(e, ne);
+        return n(e, te);
       }
     });
   }
+  /**
+   * True when the app is connected to a DOM node and displayed to the user.
+   */
   get isMounted() {
-    return i(this, I);
+    return n(this, W);
+  }
+  /**
+   * 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 n(this, Re);
   }
-  get env() {
-    return i(this, Pe);
+  /**
+   * 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) {
+    y(this, Re, e);
   }
-  set env(e) {
-    w(this, Pe, e);
+  /**
+   * Sets the view that will be shown when the `crash` method is called on any logger.
+   * When a crash is reported the app will be unmounted and replaced with this crash page.
+   */
+  setCrashView(e) {
+    y(this, xe, e);
   }
   async mount(e, t) {
-    if (i(this, I))
+    if (n(this, W))
       throw new Error("Dolla is already mounted.");
-    if (H(e)) {
-      const o = document.querySelector(e);
-      rt(HTMLElement, o, `Selector '${e}' did not match any element.`), w(this, te, o);
+    if (U(e)) {
+      const i = document.querySelector(e);
+      st(HTMLElement, i, `Selector '${e}' did not match any element.`), y(this, z, i);
     } else
-      rt(HTMLElement, e, "Expected an HTML element or a selector string. Got type: %t, value: %v"), w(this, te, e);
-    let n;
-    t ? n = Ce(t) : n = Ce(ht), w(this, ne, at({ root: this }, n.type, n.props)), await Promise.all(i(this, Me).map((o) => o())), i(this, ne).connect(i(this, te)), w(this, I, !0);
-    for (const o of i(this, Re))
-      o();
+      st(HTMLElement, e, "Expected an HTML element or a selector string. Got type: %t, value: %v"), y(this, z, e);
+    let r;
+    t ? r = it(t) : r = it(ht), y(this, te, this.constructView(r.type, r.props)), await Promise.all(n(this, Me).map((i) => i())), n(this, te).mount(n(this, z)), y(this, W, !0);
+    for (const i of n(this, Ne))
+      i();
   }
   async unmount() {
     var e;
-    if (i(this, I)) {
-      await Promise.all(i(this, Oe).map((t) => t())), (e = i(this, ne)) == null || e.disconnect(), w(this, I, !1);
-      for (const t of i(this, xe))
+    if (n(this, W)) {
+      await Promise.all(n(this, Oe).map((t) => t())), (e = n(this, te)) == null || e.unmount(), y(this, W, !1);
+      for (const t of n(this, Te))
         t();
     }
   }
@@ -1159,53 +1301,53 @@ class Qt {
    * 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, Me).push(e);
+    n(this, Me).push(e);
   }
   /**
    * Registers a `callback` to run after the app is mounted.
    */
   onMount(e) {
-    i(this, Re).push(e);
+    n(this, Ne).push(e);
   }
   /**
    * Registers a `callback` to run after `Dolla.unmount` is called, before the app is unmounted. If `callback` returns a Promise,
    * it will be awaited before unmounting finishes. Use this to perform cleanup.
    */
   beforeUnmount(e) {
-    i(this, Oe).push(e);
+    n(this, Oe).push(e);
   }
   /**
    * Registers a `callback` to run after the app is unmounted.
    */
   onUnmount(e) {
-    i(this, xe).push(e);
+    n(this, Te).push(e);
   }
   /**
    * Update log type toggles. Values that are not passed will remain unchanged.
    */
   setLoggles(e) {
     for (const t in e) {
-      const n = e[t];
-      n && (i(this, R)[t] = n);
+      const r = e[t];
+      r && (n(this, R)[t] = r);
     }
   }
   setLogFilter(e) {
-    w(this, z, nt(e));
+    y(this, G, at(e));
   }
   createLogger(e, t) {
-    const n = Be(e), o = (t == null ? void 0 : t.console) ?? Nt(), r = this;
+    const r = Ke(e), i = (t == null ? void 0 : t.console) ?? xt(), s = this;
     return {
       get info() {
-        var h;
-        const s = n.get();
-        if (i(r, R).info === !1 || H(i(r, R).info) && i(r, R).info !== r.env || !i(h = r, z).call(h, s))
-          return Ne;
+        var u;
+        const o = r.get();
+        if (n(s, R).info === !1 || U(n(s, R).info) && n(s, R).info !== s.getEnv() || !n(u = s, G).call(u, o))
+          return Ae;
         {
-          let c = `%c${s}`;
-          return t != null && t.uid ? c += ` %c[uid: %c${t.uid}%c]` : c += "%c%c%c", o.info.bind(
-            o,
-            c,
-            `color:${Te(c)};font-weight:bold`,
+          let l = `%c${o}`;
+          return t != null && t.uid ? l += ` %c[uid: %c${t.uid}%c]` : l += "%c%c%c", i.info.bind(
+            i,
+            l,
+            `color:${De(l)};font-weight:bold`,
             "color:#777",
             "color:#aaa",
             "color:#777"
@@ -1213,16 +1355,16 @@ class Qt {
         }
       },
       get log() {
-        var h;
-        const s = n.get();
-        if (i(r, R).log === !1 || H(i(r, R).log) && i(r, R).log !== r.env || !i(h = r, z).call(h, s))
-          return Ne;
+        var u;
+        const o = r.get();
+        if (n(s, R).log === !1 || U(n(s, R).log) && n(s, R).log !== s.getEnv() || !n(u = s, G).call(u, o))
+          return Ae;
         {
-          let c = `%c${s}`;
-          return t != null && t.uid ? c += ` %c[uid: %c${t.uid}%c]` : c += "%c%c%c", o.log.bind(
-            o,
-            c,
-            `color:${Te(c)};font-weight:bold`,
+          let l = `%c${o}`;
+          return t != null && t.uid ? l += ` %c[uid: %c${t.uid}%c]` : l += "%c%c%c", i.log.bind(
+            i,
+            l,
+            `color:${De(l)};font-weight:bold`,
             "color:#777",
             "color:#aaa",
             "color:#777"
@@ -1230,16 +1372,16 @@ class Qt {
         }
       },
       get warn() {
-        var h;
-        const s = n.get();
-        if (i(r, R).warn === !1 || H(i(r, R).warn) && i(r, R).warn !== r.env || !i(h = r, z).call(h, s))
-          return Ne;
+        var u;
+        const o = r.get();
+        if (n(s, R).warn === !1 || U(n(s, R).warn) && n(s, R).warn !== s.getEnv() || !n(u = s, G).call(u, o))
+          return Ae;
         {
-          let c = `%c${s}`;
-          return t != null && t.uid ? c += ` %c[uid: %c${t.uid}%c]` : c += "%c%c%c", o.warn.bind(
-            o,
-            c,
-            `color:${Te(c)};font-weight:bold`,
+          let l = `%c${o}`;
+          return t != null && t.uid ? l += ` %c[uid: %c${t.uid}%c]` : l += "%c%c%c", i.warn.bind(
+            i,
+            l,
+            `color:${De(l)};font-weight:bold`,
             "color:#777",
             "color:#aaa",
             "color:#777"
@@ -1247,85 +1389,62 @@ class Qt {
         }
       },
       get error() {
-        var h;
-        const s = n.get();
-        if (i(r, R).error === !1 || H(i(r, R).error) && i(r, R).error !== r.env || !i(h = r, z).call(h, s))
-          return Ne;
+        var u;
+        const o = r.get();
+        if (n(s, R).error === !1 || U(n(s, R).error) && n(s, R).error !== s.getEnv() || !n(u = s, G).call(u, o))
+          return Ae;
         {
-          let c = `%c${s}`;
-          return t != null && t.uid ? c += ` %c[uid: %c${t.uid}%c]` : c += "%c%c%c", o.error.bind(
-            o,
-            c,
-            `color:${Te(c)};font-weight:bold`,
+          let l = `%c${o}`;
+          return t != null && t.uid ? l += ` %c[uid: %c${t.uid}%c]` : l += "%c%c%c", i.error.bind(
+            i,
+            l,
+            `color:${De(l)};font-weight:bold`,
             "color:#777",
             "color:#aaa",
             "color:#777"
           );
         }
       },
-      crash(s) {
+      crash(o) {
+        throw s.isMounted && (s.unmount(), s.constructView(n(s, xe), {
+          error: o,
+          loggerName: r.get(),
+          uid: t == null ? void 0 : t.uid
+        }).mount(n(s, z))), o;
       }
     };
   }
-  constructView(e, t, n = []) {
-    return at({ root: this }, e, t, n);
+  /**
+   *
+   */
+  constructView(e, t, r = []) {
+    return Mt({ root: this, data: {} }, e, t, r);
+  }
+  /**
+   *
+   */
+  constructMarkup(e) {
+    return Nt(Ot({ root: this, data: {} }, e));
   }
 }
-I = new WeakMap(), Pe = new WeakMap(), te = new WeakMap(), ne = new WeakMap(), Me = new WeakMap(), Re = new WeakMap(), Oe = new WeakMap(), xe = new WeakMap(), R = new WeakMap(), z = new WeakMap();
-var wt = function(a, e, t, n) {
-  var o;
-  e[0] = 0;
-  for (var r = 1; r < e.length; r++) {
-    var s = e[r++], h = e[r] ? (e[0] |= s ? 1 : 2, t[e[r++]]) : e[++r];
-    s === 3 ? n[0] = h : s === 4 ? n[1] = Object.assign(n[1] || {}, h) : s === 5 ? (n[1] = n[1] || {})[e[++r]] = h : s === 6 ? n[1][e[++r]] += h + "" : s ? (o = a.apply(h, wt(a, h, t, ["", null])), n.push(o), h[0] ? e[0] |= 2 : (e[r - 2] = 0, e[r] = o)) : n.push(h);
-  }
-  return n;
-}, ct = /* @__PURE__ */ new Map();
-function Kt(a) {
-  var e = ct.get(this);
-  return e || (e = /* @__PURE__ */ new Map(), ct.set(this, e)), (e = wt(this, e.get(a) || (e.set(a, e = function(t) {
-    for (var n, o, r = 1, s = "", h = "", c = [0], u = function(f) {
-      r === 1 && (f || (s = s.replace(/^\s*\n\s*|\s*\n\s*$/g, ""))) ? c.push(0, f, s) : r === 3 && (f || s) ? (c.push(3, f, s), r = 2) : r === 2 && s === "..." && f ? c.push(4, f, 0) : r === 2 && s && !f ? c.push(5, 0, !0, s) : r >= 5 && ((s || !f && r === 5) && (c.push(r, 0, s, o), r = 6), f && (c.push(r, f, 0, o), r = 6)), s = "";
-    }, p = 0; p < t.length; p++) {
-      p && (r === 1 && u(), u(p));
-      for (var b = 0; b < t[p].length; b++) n = t[p][b], r === 1 ? n === "<" ? (u(), c = [c], r = 3) : s += n : r === 4 ? s === "--" && n === ">" ? (r = 1, s = "") : s = n + s[0] : h ? n === h ? h = "" : s += n : n === '"' || n === "'" ? h = n : n === ">" ? (u(), r = 1) : r && (n === "=" ? (r = 5, o = s, s = "") : n === "/" && (r < 5 || t[p][b + 1] === ">") ? (u(), r === 3 && (c = c[0]), r = c, (c = c[0]).push(2, 0, r), r = 0) : n === " " || n === "	" || n === `
-` || n === "\r" ? (u(), r = 2) : s += n), r === 3 && s === "!--" && (r = 4, c = c[0]);
-    }
-    return u(), c;
-  }(a)), e), arguments, [])).length > 1 ? e : e[0];
-}
-const L = new Qt(), en = L.beforeMount.bind(L), tn = L.onMount.bind(L), nn = L.beforeUnmount.bind(L), rn = L.onUnmount.bind(L), an = L.mount.bind(L), sn = L.unmount.bind(L), on = L.http, cn = L.render, ln = L.createLogger.bind(L), un = L.setLogFilter.bind(L), hn = L.setLoggles.bind(L), fn = L.language.t.bind(L.language), dn = Kt.bind(Ce), gn = L.constructView.bind(L);
+W = new WeakMap(), Re = new WeakMap(), z = new WeakMap(), te = new WeakMap(), xe = new WeakMap(), Me = new WeakMap(), Ne = new WeakMap(), Oe = new WeakMap(), Te = new WeakMap(), R = new WeakMap(), G = new WeakMap();
+const lt = new Yt(), tr = lt.i18n.t.bind(lt.i18n);
 export {
-  yn as Fragment,
-  en as beforeMount,
-  nn as beforeUnmount,
-  wn as cond,
-  gn as constructView,
-  ln as createLogger,
-  Ce as createMarkup,
-  Ot as createRef,
-  Pt as createSettableSignal,
-  Q as createSignal,
-  bn as createSignalSetter,
-  L as default,
-  Qe as derive,
-  Rt as designalify,
-  dn as html,
-  on as http,
-  xt as isRef,
-  an as mount,
-  tn as onMount,
-  rn as onUnmount,
-  vn as portal,
-  cn as render,
-  $n as repeat,
-  Zt as router,
-  un as setLogFilter,
-  hn as setLogges,
-  Be as signalify,
-  fn as t,
-  Mt as toSettableSignal,
-  sn as unmount,
-  ut as watch
+  vt as cond,
+  it as createMarkup,
+  Lt as createRef,
+  kt as createSettableState,
+  ar as createSetter,
+  Q as createState,
+  lt as default,
+  me as derive,
+  nt as html,
+  Rt as isRef,
+  sr as portal,
+  ir as repeat,
+  tr as t,
+  Pt as toSettableState,
+  Ke as toState,
+  St as valueOf
 };
 //# sourceMappingURL=index.js.map