@manyducks.co/dolla 2.0.0-alpha.12 → 2.0.0-alpha.14

package/dist/index.js

@@ -1,22 +1,22 @@
-var kt = Object.defineProperty;
-var st = (i) => {
+var Pt = Object.defineProperty;
+var ot = (i) => {
   throw TypeError(i);
 };
-var Et = (i, e, t) => e in i ? kt(i, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[e] = t;
-var S = (i, e, t) => Et(i, typeof e != "symbol" ? e + "" : e, t), Be = (i, e, t) => e.has(i) || st("Cannot " + t);
-var s = (i, e, t) => (Be(i, e, "read from private field"), t ? t.call(i) : e.get(i)), d = (i, e, t) => e.has(i) ? st("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(i) : e.set(i, t), b = (i, e, t, n) => (Be(i, e, "write to private field"), n ? n.call(i, t) : e.set(i, t), t), k = (i, e, t) => (Be(i, e, "access private method"), t);
-var it = (i, e, t, n) => ({
+var St = (i, e, t) => e in i ? Pt(i, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[e] = t;
+var S = (i, e, t) => St(i, typeof e != "symbol" ? e + "" : e, t), Qe = (i, e, t) => e.has(i) || ot("Cannot " + t);
+var s = (i, e, t) => (Qe(i, e, "read from private field"), t ? t.call(i) : e.get(i)), f = (i, e, t) => e.has(i) ? ot("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(i) : e.set(i, t), b = (i, e, t, r) => (Qe(i, e, "write to private field"), r ? r.call(i, t) : e.set(i, t), t), E = (i, e, t) => (Qe(i, e, "access private method"), t);
+var lt = (i, e, t, r) => ({
   set _(a) {
     b(i, e, a, t);
   },
   get _() {
-    return s(i, e, n);
+    return s(i, e, r);
   }
 });
-import { h as ot, c as Pt, i as Ke, t as Qe, d as ye, a as St, b as at, e as q, f as lt, g as oe, j as pt, k as Rt, w as gt, P as mt, l as ct, m as xt, n as Lt, v as Nt, o as Ot, p as Mt, q as ut, r as ht, s as Tt, u as Ae, x as De, y as jt, z as At, A as Dt } from "./passthrough-Bz5ZF4jn.js";
-import { B as cr, C as ur, D as hr } from "./passthrough-Bz5ZF4jn.js";
-function _t(i) {
-  return ot`
+import { h as ct, c as Lt, i as Je, d as we, a as Rt, b as it, e as V, t as ut, f as se, g as wt, j as xt, k as Ye, P as yt, l as ht, m as Ot, n as Nt, o as ft, v as Mt, p as Tt, q as Dt, r as dt, s as pt, u as _t, w as je, x as Fe, y as At, z as jt, A as Ft } from "./passthrough-MfPKbG0F.js";
+import { B as fr, C as dr, D as pr } from "./passthrough-MfPKbG0F.js";
+function Ct(i) {
+  return ct`
     <div
       style=${{
     backgroundColor: "#880000",
@@ -30,7 +30,7 @@ function _t(i) {
       <h1 style=${{ marginBottom: "0.5rem" }}>The app has crashed</h1>
       <p style=${{ marginBottom: "0.25rem" }}>
         <span style=${{ fontFamily: "monospace" }}>${i.loggerName}</span>
-        ${Pt(i.uid, ot`<span style=${{ fontFamily: "monospace", opacity: 0.5 }}> [uid: ${i.uid}]</span>`)}
+        ${Lt(i.uid, ct`<span style=${{ fontFamily: "monospace", opacity: 0.5 }}> [uid: ${i.uid}]</span>`)}
         ${" "}says:
       </p>
       <blockquote
@@ -62,12 +62,12 @@ function _t(i) {
     </div>
   `;
 }
-var X, Ge, T, _;
-class Ct {
+var Q, Be, T, j;
+class Vt {
   constructor() {
-    d(this, T);
-    d(this, X, []);
-    d(this, Ge, Vt());
+    f(this, T);
+    f(this, Q, []);
+    f(this, Be, qt());
   }
   /**
    * Adds a new middleware that will apply to subsequent requests.
@@ -76,65 +76,65 @@ class Ct {
    * @param middleware - A middleware function that will intercept requests.
    */
   use(e) {
-    return s(this, X).push(e), () => {
-      s(this, X).splice(s(this, X).indexOf(e), 1);
+    return s(this, Q).push(e), () => {
+      s(this, Q).splice(s(this, Q).indexOf(e), 1);
     };
   }
   async get(e, t) {
-    return k(this, T, _).call(this, "get", e, t);
+    return E(this, T, j).call(this, "get", e, t);
   }
   async put(e, t) {
-    return k(this, T, _).call(this, "put", e, t);
+    return E(this, T, j).call(this, "put", e, t);
   }
   async patch(e, t) {
-    return k(this, T, _).call(this, "patch", e, t);
+    return E(this, T, j).call(this, "patch", e, t);
   }
   async post(e, t) {
-    return k(this, T, _).call(this, "post", e, t);
+    return E(this, T, j).call(this, "post", e, t);
   }
   async delete(e, t) {
-    return k(this, T, _).call(this, "delete", e, t);
+    return E(this, T, j).call(this, "delete", e, t);
   }
   async head(e, t) {
-    return k(this, T, _).call(this, "head", e, t);
+    return E(this, T, j).call(this, "head", e, t);
   }
   async options(e, t) {
-    return k(this, T, _).call(this, "options", e, t);
+    return E(this, T, j).call(this, "options", e, t);
   }
   async trace(e, t) {
-    return k(this, T, _).call(this, "trace", e, t);
+    return E(this, T, j).call(this, "trace", e, t);
   }
 }
-X = new WeakMap(), Ge = new WeakMap(), T = new WeakSet(), _ = async function(e, t, n) {
-  return qt({
-    ...n,
+Q = new WeakMap(), Be = new WeakMap(), T = new WeakSet(), j = async function(e, t, r) {
+  return Ht({
+    ...r,
     method: e,
     uri: t,
-    middleware: s(this, X),
-    fetch: s(this, Ge)
+    middleware: s(this, Q),
+    fetch: s(this, Be)
   });
 };
-function Vt() {
+function qt() {
   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 Ft extends Error {
+class Ut extends Error {
   constructor(t) {
-    const { status: n, statusText: a, method: r, uri: o } = t, h = `${n} ${a}: Request failed (${r.toUpperCase()} ${o})`;
+    const { status: r, statusText: a, method: n, uri: o } = t, h = `${r} ${a}: Request failed (${n.toUpperCase()} ${o})`;
     super(h);
     S(this, "response");
     this.response = t;
   }
 }
-async function qt(i) {
-  const { headers: e, query: t, fetch: n, middleware: a } = i, r = {
+async function Ht(i) {
+  const { headers: e, query: t, fetch: r, middleware: a } = i, n = {
     method: i.method,
     uri: i.uri,
     get sameOrigin() {
-      return !r.uri.startsWith("http");
+      return !n.uri.startsWith("http");
     },
     query: new URLSearchParams(),
     headers: new Headers(),
@@ -142,81 +142,80 @@ async function qt(i) {
   };
   if (e)
     if (e instanceof Map || e instanceof Headers)
-      e.forEach((l, m) => {
-        r.headers.set(m, l);
+      e.forEach((l, d) => {
+        n.headers.set(d, l);
       });
     else if (e != null && typeof e == "object" && !Array.isArray(e))
       for (const l in e) {
-        const m = e[l];
-        m instanceof Date ? r.headers.set(l, m.toISOString()) : m != null && r.headers.set(l, String(m));
+        const d = e[l];
+        d instanceof Date ? n.headers.set(l, d.toISOString()) : d != null && n.headers.set(l, String(d));
       }
     else
       throw new TypeError(`Unknown headers type. Got: ${e}`);
   if (t)
     if (t instanceof Map || t instanceof URLSearchParams)
-      t.forEach((l, m) => {
-        r.query.set(m, l);
+      t.forEach((l, d) => {
+        n.query.set(d, l);
       });
     else if (t != null && typeof t == "object" && !Array.isArray(t))
       for (const l in t) {
-        const m = t[l];
-        m instanceof Date ? r.query.set(l, m.toISOString()) : m != null && r.query.set(l, String(m));
+        const d = t[l];
+        d instanceof Date ? n.query.set(l, d.toISOString()) : d != null && n.query.set(l, String(d));
       }
     else
       throw new TypeError(`Unknown query params type. Got: ${t}`);
   let o;
   const h = async () => {
-    const l = r.query.toString(), m = l.length > 0 ? r.uri + "?" + l : r.uri;
-    let f;
-    !r.headers.has("content-type") && Ke(r.body) ? (r.headers.set("content-type", "application/json"), f = JSON.stringify(r.body)) : f = r.body;
-    const g = await n(m, {
-      method: r.method,
-      headers: r.headers,
-      body: f
-    }), u = Object.fromEntries(g.headers.entries()), y = u["content-type"];
-    let E;
-    y != null && y.includes("application/json") ? E = await g.json() : y != null && y.includes("application/x-www-form-urlencoded") ? E = await g.formData() : E = await g.text(), o = {
-      method: r.method,
-      uri: r.uri,
-      status: g.status,
-      statusText: g.statusText,
+    const l = n.query.toString(), d = l.length > 0 ? n.uri + "?" + l : n.uri;
+    let g;
+    !n.headers.has("content-type") && Je(n.body) ? (n.headers.set("content-type", "application/json"), g = JSON.stringify(n.body)) : g = n.body;
+    const m = await r(d, {
+      method: n.method,
+      headers: n.headers,
+      body: g
+    }), u = Object.fromEntries(m.headers.entries()), y = u["content-type"];
+    let k;
+    y != null && y.includes("application/json") ? k = await m.json() : y != null && y.includes("application/x-www-form-urlencoded") ? k = await m.formData() : k = await m.text(), o = {
+      method: n.method,
+      uri: n.uri,
+      status: m.status,
+      statusText: m.statusText,
       headers: u,
-      body: E
+      body: k
     };
   };
   if (a.length > 0) {
-    const l = (m = 0) => {
-      const f = a[m], g = a[m + 1] ? l(m + 1) : h;
-      return async () => f(r, async () => (await g(), o));
+    const l = (d = 0) => {
+      const g = a[d], m = a[d + 1] ? l(d + 1) : h;
+      return async () => g(n, async () => (await m(), o));
     };
     await l()();
   } else
     await h();
   if (o.status < 200 || o.status >= 400)
-    throw new Ft(o);
+    throw new Ut(o);
   return o;
 }
-const Ut = Qe("[NO LANGUAGE SET]");
-var We, le, ne, Je, wt;
-class Ht {
+var ze, ie, te, Xe, bt;
+class It {
   constructor(e, t) {
-    d(this, ne);
+    f(this, te);
     S(this, "dolla");
     S(this, "config");
-    d(this, We, !1);
-    d(this, le, /* @__PURE__ */ new Map());
+    f(this, ze, !1);
+    f(this, ie, /* @__PURE__ */ new Map());
     this.config = e, this.dolla = t;
   }
   async load() {
     let e;
-    if (!s(this, We)) {
-      if (at(this.config.fetch)) {
-        if (e = await this.config.fetch(), !Ke(e))
+    if (!s(this, ze)) {
+      if (it(this.config.fetch)) {
+        if (e = await this.config.fetch(), !Je(e))
           throw new Error(`Fetch function did not return an object of language strings: ${e}`);
-      } else if (q(this.config.path)) {
+      } else if (V(this.config.path)) {
         const t = await this.dolla.http.get(this.config.path);
         if (t.status >= 200 && t.status < 300)
-          if (Ke(t.body))
+          if (Je(t.body))
             e = t.body;
           else
             throw new Error(
@@ -226,144 +225,144 @@ class Ht {
           throw new Error("HTTP request failed.");
       }
     }
-    if (e == null)
+    if (e) {
+      const t = E(this, te, Xe).call(this, e);
+      for (const r of t)
+        s(this, ie).set(r[0], r[1]);
+    } else
       throw new Error("Language could not be loaded.");
-    {
-      const t = k(this, ne, Je).call(this, e);
-      for (const n of t)
-        s(this, le).set(n[0], n[1]);
-      console.log(t);
-    }
   }
   getTemplate(e) {
-    return s(this, le).get(e) ?? null;
+    return s(this, ie).get(e) ?? {
+      segments: [{ type: 0, text: `[MISSING: ${e}]` }]
+    };
   }
   hasTemplate(e) {
-    return s(this, le).has(e);
+    return s(this, ie).has(e);
   }
 }
-We = new WeakMap(), le = new WeakMap(), ne = new WeakSet(), Je = function(e, t = []) {
-  const n = [];
+ze = new WeakMap(), ie = new WeakMap(), te = new WeakSet(), Xe = function(e, t = []) {
+  const r = [];
   for (const a in e)
-    switch (lt(e[a])) {
+    switch (ut(e[a])) {
       case "string":
-        n.push([[...t, a].join("."), k(this, ne, wt).call(this, e[a])]);
+        r.push([[...t, a].join("."), E(this, te, bt).call(this, e[a])]);
         break;
       case "object":
-        n.push(...k(this, ne, Je).call(this, e[a], [...t, a]));
+        r.push(...E(this, te, Xe).call(this, e[a], [...t, a]));
         break;
       default:
         throw new Error(
-          `Expected to find a string or object at ${[...t, a].join(".")}. Got: ${lt(e[a])}`
+          `Expected to find a string or object at ${[...t, a].join(".")}. Got: ${ut(e[a])}`
         );
     }
-  return n;
-}, wt = function(e) {
+  return r;
+}, bt = function(e) {
   let t;
   ((u) => {
     u[u.Static = 0] = "Static", u[u.ValueName = 1] = "ValueName", u[u.FormatName = 2] = "FormatName", u[u.FormatOptionName = 3] = "FormatOptionName", u[u.FormatOptionValue = 4] = "FormatOptionValue", u[u.FormatOptionEnd = 5] = "FormatOptionEnd";
   })(t || (t = {}));
-  const n = {
+  const r = {
     segments: []
   };
-  let a = "", r = 0, o = 0, h, l, m;
-  const f = () => {
+  let a = "", n = 0, o = 0, h, l, d;
+  const g = () => {
     h = {
       type: 1,
       name: "",
       formats: []
     };
-  }, g = () => {
+  }, m = () => {
     l = {
       name: "",
       options: {}
     };
   };
-  for (; r < e.length; ) {
-    if (o !== 0 && e[r] === " ") {
-      r++;
+  for (; n < e.length; ) {
+    if (o !== 0 && e[n] === " ") {
+      n++;
       continue;
     }
     switch (o) {
       case 0:
-        e[r] === "{" && e[r + 1] === "{" ? (o = 1, r += 2, a.length > 0 && (n.segments.push({ type: 0, text: a }), a = ""), f()) : (a += e[r], r++);
+        e[n] === "{" && e[n + 1] === "{" ? (o = 1, n += 2, a.length > 0 && (r.segments.push({ type: 0, text: a }), a = ""), g()) : (a += e[n], n++);
         break;
       case 1:
-        e[r] === "|" ? (o = 2, r += 1, h.name = a, a = "", g()) : e[r] === "}" && e[r + 1] === "}" ? (o = 0, r += 2, h.name = a, a = "", n.segments.push(h)) : (a += e[r], r++);
+        e[n] === "|" ? (o = 2, n += 1, h.name = a, a = "", m()) : e[n] === "}" && e[n + 1] === "}" ? (o = 0, n += 2, h.name = a, a = "", r.segments.push(h)) : (a += e[n], n++);
         break;
       case 2:
-        e[r] === "(" ? (o = 3, r += 1, l.name = a, a = "") : e[r] === "}" && e[r + 1] === "}" ? (o = 0, r += 2, h.formats.push(l), n.segments.push(h)) : (a += e[r], r++);
+        e[n] === "(" ? (o = 3, n += 1, l.name = a, a = "") : e[n] === "}" && e[n + 1] === "}" ? (o = 0, n += 2, h.formats.push(l), r.segments.push(h)) : (a += e[n], n++);
         break;
       case 3:
-        e[r] === ")" || (e[r] === ":" ? (o = 4, r += 1, m = a, a = "") : e[r] === "}" && e[r + 1] === "}" || (a += e[r], r++));
+        e[n] === ")" || (e[n] === ":" ? (o = 4, n += 1, d = a, a = "") : e[n] === "}" && e[n + 1] === "}" || (a += e[n], n++));
         break;
       case 4:
-        e[r] === ")" ? (o = 5, r += 1, l.options[m] = a, a = "", h.formats.push(l)) : e[r] === "," ? (o = 3, r += 1, l.options[m] = a, a = "") : e[r] === "}" && e[r + 1] === "}" || (a += e[r], r++);
+        e[n] === ")" ? (o = 5, n += 1, l.options[d] = a, a = "", h.formats.push(l)) : e[n] === "," ? (o = 3, n += 1, l.options[d] = a, a = "") : e[n] === "}" && e[n + 1] === "}" || (a += e[n], n++);
         break;
       case 5:
-        e[r] === "|" ? (o = 2, r += 1, g()) : e[r] === "}" && e[r + 1] === "}" && (o = 0, r += 2, n.segments.push(h));
+        e[n] === "|" ? (o = 2, n += 1, m()) : e[n] === "}" && e[n + 1] === "}" && (o = 0, n += 2, r.segments.push(h));
         break;
     }
   }
-  return o === 0 && a.length > 0 && n.segments.push({ type: 0, text: a }), n;
+  return o === 0 && a.length > 0 && r.segments.push({ type: 0, text: a }), r;
 };
-var ve, U, L, $e, H, ke, Ee, N, yt, Ye, Xe, Ze, bt;
-class It {
+var be, q, x, ve, $e, Ee, ke, O, vt, Ze, et, tt, $t;
+class Wt {
   constructor(e) {
-    d(this, N);
-    d(this, ve);
-    d(this, U);
-    d(this, L, /* @__PURE__ */ new Map());
-    d(this, $e, []);
-    d(this, H, /* @__PURE__ */ new Map());
-    d(this, ke, "auto");
+    f(this, O);
+    f(this, be);
+    f(this, q);
+    f(this, x, /* @__PURE__ */ new Map());
+    f(this, ve, []);
+    f(this, $e, /* @__PURE__ */ new Map());
+    f(this, Ee, "auto");
     S(this, "$locale");
-    d(this, Ee);
-    b(this, ve, e), b(this, U, e.createLogger("dolla/i18n"));
-    const [t, n] = oe();
-    this.$locale = t, b(this, Ee, n), s(this, H).set("number", (a, r, o) => k(this, N, Ye).call(this, Number(r), o)), s(this, H).set("datetime", (a, r, o) => k(this, N, Xe).call(this, r, o)), s(this, H).set("list", (a, r, o) => k(this, N, Ze).call(this, r, o)), e.beforeMount(async () => {
-      s(this, L).size > 0 && await this.setLocale(s(this, ke));
+    f(this, ke);
+    b(this, be, e), b(this, q, e.createLogger("dolla/i18n"));
+    const [t, r] = se();
+    this.$locale = t, b(this, ke, r), this.addFormat("number", (a, n, o) => E(this, O, Ze).call(this, Number(n), o)), this.addFormat("datetime", (a, n, o) => E(this, O, et).call(this, n, o)), this.addFormat("list", (a, n, o) => E(this, O, tt).call(this, n, o)), e.beforeMount(async () => {
+      s(this, x).size > 0 && await this.setLocale(s(this, Ee));
     });
   }
   get locales() {
-    return [...s(this, L).keys()];
+    return [...s(this, x).keys()];
   }
   setup(e) {
     if (e.translations.forEach((t) => {
-      s(this, L).set(t.locale, new Ht(t, s(this, ve)));
+      s(this, x).set(t.locale, new It(t, s(this, be)));
     }), e.locale && e.locale !== "auto") {
-      if (!e.translations.some((n) => n.locale === e.locale))
+      if (!e.translations.some((r) => r.locale === e.locale))
         throw new Error(`Initial locale '${e.locale}' is not registered in the locales array.`);
-      b(this, ke, e.locale);
+      b(this, Ee, e.locale);
     }
-    s(this, U).info(
-      `${s(this, L).size} language${s(this, L).size === 1 ? "" : "s"} supported: '${[...s(this, L).keys()].join("', '")}'`
+    s(this, q).info(
+      `${s(this, x).size} language${s(this, x).size === 1 ? "" : "s"} supported: '${[...s(this, x).keys()].join("', '")}'`
     );
   }
   async setLocale(e) {
     var a;
     let t;
     if (e === "auto") {
-      let r = [];
+      let n = [];
       if (typeof navigator == "object") {
         const o = navigator;
-        ((a = o.languages) == null ? void 0 : a.length) > 0 ? r.push(...o.languages) : o.language ? r.push(o.language) : o.browserLanguage ? r.push(o.browserLanguage) : o.userLanguage && r.push(o.userLanguage);
+        ((a = o.languages) == null ? void 0 : a.length) > 0 ? n.push(...o.languages) : o.language ? n.push(o.language) : o.browserLanguage ? n.push(o.browserLanguage) : o.userLanguage && n.push(o.userLanguage);
       }
-      for (const o of r)
-        s(this, L).has(o) && (t = o);
+      for (const o of n)
+        s(this, x).has(o) && (t = o);
     } else
-      s(this, L).has(e) && (t = e);
+      s(this, x).has(e) && (t = e);
     if (t == null) {
-      const r = s(this, L).keys().next().value;
-      r && (t = r);
+      const n = s(this, x).keys().next().value;
+      n && (t = n);
     }
-    if (!t || !s(this, L).has(t))
-      throw new Error(`Language '${e}' is not configured for this app.`);
-    const n = s(this, L).get(t);
+    if (!t || !s(this, x).has(t))
+      throw new Error(`Locale '${e}' has no translation.`);
+    const r = s(this, x).get(t);
     try {
-      await n.load(), b(this, $e, []), s(this, Ee).call(this, t), s(this, U).info("set language to " + t);
-    } catch (r) {
-      r instanceof Error && s(this, U).crash(r);
+      await r.load(), b(this, ve, []), s(this, ke).call(this, t), s(this, q).info("set language to " + t);
+    } catch (n) {
+      n instanceof Error && s(this, q).crash(n);
     }
   }
   /**
@@ -380,32 +379,34 @@ class It {
       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.$locale.get())
-      return Ut;
-    let n = [], a = [];
-    for (const r in t)
-      n.push(r), a.push(t[r]);
-    return ye(
-      [this.$locale, ...a],
-      (r, ...o) => k(this, N, yt).call(this, r, e, n, ...o)
-    );
+    let r = [], a = [];
+    for (const n in t)
+      r.push(n), a.push(t[n]);
+    return we([this.$locale, ...a], (n, ...o) => {
+      if (n == null)
+        return "[NO LOCALE SET]";
+      const h = {};
+      for (let l = 0; l < o.length; l++)
+        h[r[l]] = o[l];
+      return E(this, O, vt).call(this, n, e, h);
+    });
   }
   /**
    * Add a custom format callback.
    *
    * @example
-   * Dolla.i18n.addFormat("myCurrency", (locale, value, options) => {
-   *   // ...
+   * Dolla.i18n.addFormat("uppercase", (locale, value, options) => {
+   *   return value.toUpperCase();
    * });
    *
    * {
-   *   "exampleKey": "{{count | myCurrency}} dollars"
+   *   "greeting": "Hello, {{name|uppercase}}!"
    * }
    *
-   * t("exampleKey", {count: 5}); // State<"&5 dollars">
+   * t("greeting", {name: "world"}); // State<"Hello, WORLD!">
    */
   addFormat(e, t) {
-    s(this, H).set(e, t);
+    s(this, $e).set(e, t);
   }
   /**
    * Creates an `Intl.Collator` configured for the current locale.
@@ -422,7 +423,7 @@ class It {
    * @see https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat/NumberFormat#options
    */
   number(e, t) {
-    return ye([this.$locale, e], (n, a) => k(this, N, Ye).call(this, a, t));
+    return we([this.$locale, e], (r, a) => E(this, O, Ze).call(this, a, t));
   }
   /**
    * Returns a State containing the date formatted for the current locale. Uses `Intl.DateTimeFormat` under the hood.
@@ -434,7 +435,7 @@ class It {
    * const $formatted = Dolla.i18n.dateTime(date, { dateFormat: "short" });
    */
   dateTime(e, t) {
-    return ye([this.$locale, e], (n, a) => k(this, N, Xe).call(this, a, t));
+    return we([this.$locale, e], (r, a) => E(this, O, et).call(this, a, t));
   }
   /**
    * Returns a State containing the date formatted for the current locale. Uses `Intl.DateTimeFormat` under the hood.
@@ -446,87 +447,83 @@ class It {
    * const $formatted = Dolla.i18n.list(list, {  });
    */
   list(e, t) {
-    return ye([this.$locale, e], (n, a) => k(this, N, Ze).call(this, a, t));
+    return we([this.$locale, e], (r, a) => E(this, O, tt).call(this, a, t));
   }
 }
-ve = new WeakMap(), U = new WeakMap(), L = new WeakMap(), $e = new WeakMap(), H = new WeakMap(), ke = new WeakMap(), Ee = new WeakMap(), N = new WeakSet(), yt = function(e, t, n, ...a) {
-  const r = {};
-  for (let f = 0; f < a.length; f++)
-    r[n[f]] = a[f];
-  const o = k(this, N, bt).call(this, t, r);
-  if (o) return o;
-  const h = s(this, L).get(e);
+be = new WeakMap(), q = new WeakMap(), x = new WeakMap(), ve = new WeakMap(), $e = new WeakMap(), Ee = new WeakMap(), ke = new WeakMap(), O = new WeakSet(), vt = function(e, t, r) {
+  var l;
+  const a = E(this, O, $t).call(this, t, r);
+  if (a) return a;
+  const n = s(this, x).get(e);
   if (r.context != null && (t += "_" + r.context), r.count != null)
     if (r.ordinal) {
-      const f = `${t}_ordinal_(=${r.count})`;
-      h.hasTemplate(f) ? t = f : t += "_ordinal_" + new Intl.PluralRules(e, { type: "ordinal" }).select(r.count);
+      const d = `${t}_ordinal_(=${r.count})`;
+      n.hasTemplate(d) ? t = d : t += "_ordinal_" + new Intl.PluralRules(e, { type: "ordinal" }).select(r.count);
     } else {
-      const f = `${t}_(=${r.count})`;
-      h.hasTemplate(f) ? t = f : t += "_" + new Intl.PluralRules(e).select(r.count);
+      const d = `${t}_(=${r.count})`;
+      n.hasTemplate(d) ? t = d : t += "_" + new Intl.PluralRules(e).select(r.count);
     }
-  const l = h.getTemplate(t) || {
-    segments: [{ type: 0, text: `[MISSING: ${t}]` }]
-  };
-  let m = "";
-  for (const f of l.segments)
-    if (f.type === 0)
-      m += f.text;
-    else if (f.type === 1) {
-      const g = [...f.formats];
-      let u = Gt(r, f.name);
-      f.name === "count" && g.length === 0 && g.push({ name: "number", options: {} });
-      for (const y of g) {
-        const E = s(this, H).get(y.name);
-        if (E == null) {
-          const V = new Error(
-            `Failed to load format '${y.name}' when processing '${t}', template: ${l}`
+  const o = n.getTemplate(t);
+  let h = "";
+  for (const d of o.segments)
+    if (d.type === 0)
+      h += d.text;
+    else if (d.type === 1) {
+      let g = Gt(r, d.name);
+      const m = ((l = r.formatOverrides) == null ? void 0 : l[d.name]) ?? [...d.formats];
+      d.name === "count" && m.length === 0 && m.push({ name: "number", options: {} });
+      for (const u of m) {
+        const y = s(this, $e).get(u.name);
+        if (y == null) {
+          const k = new Error(
+            `Failed to load format '${u.name}' when processing '${t}', template: ${o}`
           );
-          throw s(this, U).crash(V), V;
+          throw s(this, q).crash(k), k;
         }
-        u = E(e, u, y.options);
+        g = y(e, g, u.options);
       }
-      m += u;
+      h += g;
     }
-  return m;
-}, Ye = function(e, t) {
+  return h;
+}, Ze = function(e, t) {
   return new Intl.NumberFormat(this.$locale.get(), t).format(e);
-}, Xe = function(e, t) {
+}, et = function(e, t) {
   return new Intl.DateTimeFormat(this.$locale.get(), t).format(
     typeof e == "string" ? new Date(e) : e
   );
-}, Ze = function(e, t) {
+}, tt = function(e, t) {
   return new Intl.ListFormat(this.$locale.get(), t).format(e);
 }, // relativeTime(): State<string> {
 // }
-bt = function(e, t) {
-  for (const n of s(this, $e))
-    if (n[0] === e && St(n[1], t))
-      return n[2];
+$t = function(e, t) {
+  for (const r of s(this, ve))
+    if (r[0] === e && Rt(r[1], t))
+      return r[2];
 };
 function Gt(i, e) {
   const t = String(e).split(/[\.\[\]]/).filter((a) => a.trim() !== "");
-  let n = i;
+  let r = i;
   for (; t.length > 0; ) {
     const a = t.shift();
-    n != null ? n = n[a] : n = void 0;
+    r != null ? r = r[a] : r = void 0;
   }
-  return n;
+  return r;
 }
-var Z, Pe, I, G, ce, C, ue, _e;
-class Wt {
+var J, Pe, U, H, oe, F, le, Ce;
+class Bt {
   constructor(e) {
-    d(this, ue);
-    d(this, Z);
-    d(this, Pe);
+    f(this, le);
+    f(this, J);
+    f(this, Pe);
     // Keyed updates ensure only the most recent callback queued with a certain key
     // will be called, keeping DOM operations to a minimum.
-    d(this, I, /* @__PURE__ */ new Map());
+    f(this, U, /* @__PURE__ */ new Map());
     // All unkeyed updates are run on every batch.
-    d(this, G, []);
+    f(this, H, []);
     // All read callbacks are run before updates on every batch.
-    d(this, ce, []);
-    d(this, C, !1);
-    b(this, Z, e), b(this, Pe, e.createLogger("dolla/render"));
+    f(this, oe, []);
+    f(this, F, !1);
+    b(this, J, e), b(this, Pe, e.createLogger("dolla/render"));
   }
   /**
    * Queues a callback to run in the next render batch.
@@ -534,12 +531,12 @@ class Wt {
    * Returns a Promise that resolves once the callback has run.
    */
   update(e, t) {
-    return new Promise((n) => {
-      t ? s(this, I).set(t, () => {
-        e(), n();
-      }) : s(this, G).push(() => {
-        e(), n();
-      }), !s(this, C) && s(this, Z).isMounted && (b(this, C, !0), k(this, ue, _e).call(this));
+    return new Promise((r) => {
+      t ? s(this, U).set(t, () => {
+        e(), r();
+      }) : s(this, H).push(() => {
+        e(), r();
+      }), !s(this, F) && s(this, J).isMounted && (b(this, F, !0), E(this, le, Ce).call(this));
     });
   }
   /**
@@ -549,49 +546,49 @@ class Wt {
    */
   read(e) {
     return new Promise((t) => {
-      s(this, ce).push(() => {
+      s(this, oe).push(() => {
         e(), t();
-      }), !s(this, C) && s(this, Z).isMounted && (b(this, C, !0), k(this, ue, _e).call(this));
+      }), !s(this, F) && s(this, J).isMounted && (b(this, F, !0), E(this, le, Ce).call(this));
     });
   }
 }
-Z = new WeakMap(), Pe = new WeakMap(), I = new WeakMap(), G = new WeakMap(), ce = new WeakMap(), C = new WeakMap(), ue = new WeakSet(), _e = function() {
-  const e = s(this, I).size + s(this, G).length;
-  if ((!s(this, Z).isMounted || e === 0) && b(this, C, !1), !s(this, C)) {
-    for (const t of s(this, ce))
+J = new WeakMap(), Pe = new WeakMap(), U = new WeakMap(), H = new WeakMap(), oe = new WeakMap(), F = new WeakMap(), le = new WeakSet(), Ce = function() {
+  const e = s(this, U).size + s(this, H).length;
+  if ((!s(this, J).isMounted || e === 0) && b(this, F, !1), !s(this, F)) {
+    for (const t of s(this, oe))
       t();
-    b(this, ce, []);
+    b(this, oe, []);
     return;
   }
   requestAnimationFrame(() => {
-    s(this, Pe).info(`Batching ${s(this, I).size + s(this, G).length} queued DOM update(s).`);
-    for (const t of s(this, I).values())
+    s(this, Pe).info(`Batching ${s(this, U).size + s(this, H).length} queued DOM update(s).`);
+    for (const t of s(this, U).values())
       t();
-    s(this, I).clear();
-    for (const t of s(this, G))
+    s(this, U).clear();
+    for (const t of s(this, H))
       t();
-    b(this, G, []), k(this, ue, _e).call(this);
+    b(this, H, []), E(this, le, Ce).call(this);
   });
 };
-function pe() {
-  return pe = Object.assign ? Object.assign.bind() : function(i) {
+function fe() {
+  return fe = Object.assign ? Object.assign.bind() : function(i) {
     for (var e = 1; e < arguments.length; e++) {
       var t = arguments[e];
-      for (var n in t) ({}).hasOwnProperty.call(t, n) && (i[n] = t[n]);
+      for (var r in t) ({}).hasOwnProperty.call(t, r) && (i[r] = t[r]);
     }
     return i;
-  }, pe.apply(null, arguments);
+  }, fe.apply(null, arguments);
 }
-var A;
+var _;
 (function(i) {
   i.Pop = "POP", i.Push = "PUSH", i.Replace = "REPLACE";
-})(A || (A = {}));
-var qe = process.env.NODE_ENV !== "production" ? function(i) {
+})(_ || (_ = {}));
+var He = process.env.NODE_ENV !== "production" ? function(i) {
   return Object.freeze(i);
 } : function(i) {
   return i;
 };
-function Ce(i, e) {
+function Ve(i, e) {
   if (!i) {
     typeof console < "u" && console.warn(e);
     try {
@@ -600,13 +597,13 @@ function Ce(i, e) {
     }
   }
 }
-var Ue = "beforeunload", zt = "hashchange", vt = "popstate";
-function Bt(i) {
+var Ie = "beforeunload", zt = "hashchange", Et = "popstate";
+function Kt(i) {
   i === void 0 && (i = {});
-  var e = i, t = e.window, n = t === void 0 ? document.defaultView : t, a = n.history;
-  function r() {
-    var w = n.location, c = w.pathname, p = w.search, v = w.hash, $ = a.state || {};
-    return [$.idx, qe({
+  var e = i, t = e.window, r = t === void 0 ? document.defaultView : t, a = r.history;
+  function n() {
+    var w = r.location, c = w.pathname, p = w.search, v = w.hash, $ = a.state || {};
+    return [$.idx, He({
       pathname: c,
       search: p,
       hash: v,
@@ -619,19 +616,19 @@ function Bt(i) {
     if (o)
       y.call(o), o = null;
     else {
-      var w = A.Pop, c = r(), p = c[0], v = c[1];
+      var w = _.Pop, c = n(), p = c[0], v = c[1];
       if (y.length)
         if (p != null) {
-          var $ = f - p;
+          var $ = g - p;
           $ && (o = {
             action: w,
             location: v,
             retry: function() {
-              F($ * -1);
+              C($ * -1);
             }
-          }, F($));
+          }, C($));
         } else
-          process.env.NODE_ENV !== "production" && Ce(
+          process.env.NODE_ENV !== "production" && Ve(
             !1,
             // TODO: Write up a doc that explains our blocking strategy in
             // detail and link to it here so people can understand better what
@@ -639,33 +636,33 @@ function Bt(i) {
             "You are trying to block a POP navigation to a location that was not created by the history library. The block will fail silently in production, but in general you should do all navigation with the history library (instead of using window.history.pushState directly) to avoid this situation."
           );
       else
-        ae(w);
+        re(w);
     }
   }
-  n.addEventListener(vt, h);
-  var l = A.Pop, m = r(), f = m[0], g = m[1], u = Ie(), y = Ie();
-  f == null && (f = 0, a.replaceState(pe({}, a.state, {
-    idx: f
+  r.addEventListener(Et, h);
+  var l = _.Pop, d = n(), g = d[0], m = d[1], u = Ge(), y = Ge();
+  g == null && (g = 0, a.replaceState(fe({}, a.state, {
+    idx: g
   }), ""));
-  function E(w) {
-    return typeof w == "string" ? w : Ve(w);
+  function k(w) {
+    return typeof w == "string" ? w : qe(w);
   }
-  function V(w, c) {
-    return c === void 0 && (c = null), qe(pe({
-      pathname: g.pathname,
+  function de(w, c) {
+    return c === void 0 && (c = null), He(fe({
+      pathname: m.pathname,
       hash: "",
       search: ""
-    }, typeof w == "string" ? et(w) : w, {
+    }, typeof w == "string" ? rt(w) : w, {
       state: c,
-      key: $t()
+      key: kt()
     }));
   }
-  function ge(w, c) {
+  function pe(w, c) {
     return [{
       usr: w.state,
       key: w.key,
       idx: c
-    }, E(w)];
+    }, k(w)];
   }
   function me(w, c, p) {
     return !y.length || (y.call({
@@ -674,82 +671,82 @@ function Bt(i) {
       retry: p
     }), !1);
   }
-  function ae(w) {
+  function re(w) {
     l = w;
-    var c = r();
-    f = c[0], g = c[1], u.call({
+    var c = n();
+    g = c[0], m = c[1], u.call({
       action: l,
-      location: g
+      location: m
     });
   }
-  function se(w, c) {
-    var p = A.Push, v = V(w, c);
+  function ne(w, c) {
+    var p = _.Push, v = de(w, c);
     function $() {
-      se(w, c);
+      ne(w, c);
     }
     if (me(p, v, $)) {
-      var R = ge(v, f + 1), O = R[0], j = R[1];
+      var L = pe(v, g + 1), N = L[0], D = L[1];
       try {
-        a.pushState(O, "", j);
+        a.pushState(N, "", D);
       } catch {
-        n.location.assign(j);
+        r.location.assign(D);
       }
-      ae(p);
+      re(p);
     }
   }
-  function we(w, c) {
-    var p = A.Replace, v = V(w, c);
+  function ge(w, c) {
+    var p = _.Replace, v = de(w, c);
     function $() {
-      we(w, c);
+      ge(w, c);
     }
     if (me(p, v, $)) {
-      var R = ge(v, f), O = R[0], j = R[1];
-      a.replaceState(O, "", j), ae(p);
+      var L = pe(v, g), N = L[0], D = L[1];
+      a.replaceState(N, "", D), re(p);
     }
   }
-  function F(w) {
+  function C(w) {
     a.go(w);
   }
-  var Y = {
+  var K = {
     get action() {
       return l;
     },
     get location() {
-      return g;
+      return m;
     },
-    createHref: E,
-    push: se,
-    replace: we,
-    go: F,
+    createHref: k,
+    push: ne,
+    replace: ge,
+    go: C,
     back: function() {
-      F(-1);
+      C(-1);
     },
     forward: function() {
-      F(1);
+      C(1);
     },
     listen: function(c) {
       return u.push(c);
     },
     block: function(c) {
       var p = y.push(c);
-      return y.length === 1 && n.addEventListener(Ue, He), function() {
-        p(), y.length || n.removeEventListener(Ue, He);
+      return y.length === 1 && r.addEventListener(Ie, We), function() {
+        p(), y.length || r.removeEventListener(Ie, We);
       };
     }
   };
-  return Y;
+  return K;
 }
-function Kt(i) {
+function Qt(i) {
   i === void 0 && (i = {});
-  var e = i, t = e.window, n = t === void 0 ? document.defaultView : t, a = n.history;
-  function r() {
-    var c = et(n.location.hash.substr(1)), p = c.pathname, v = p === void 0 ? "/" : p, $ = c.search, R = $ === void 0 ? "" : $, O = c.hash, j = O === void 0 ? "" : O, D = a.state || {};
-    return [D.idx, qe({
+  var e = i, t = e.window, r = t === void 0 ? document.defaultView : t, a = r.history;
+  function n() {
+    var c = rt(r.location.hash.substr(1)), p = c.pathname, v = p === void 0 ? "/" : p, $ = c.search, L = $ === void 0 ? "" : $, N = c.hash, D = N === void 0 ? "" : N, A = a.state || {};
+    return [A.idx, He({
       pathname: v,
-      search: R,
-      hash: j,
-      state: D.usr || null,
-      key: D.key || "default"
+      search: L,
+      hash: D,
+      state: A.usr || null,
+      key: A.key || "default"
     })];
   }
   var o = null;
@@ -757,19 +754,19 @@ function Kt(i) {
     if (o)
       y.call(o), o = null;
     else {
-      var c = A.Pop, p = r(), v = p[0], $ = p[1];
+      var c = _.Pop, p = n(), v = p[0], $ = p[1];
       if (y.length)
         if (v != null) {
-          var R = f - v;
-          R && (o = {
+          var L = g - v;
+          L && (o = {
             action: c,
             location: $,
             retry: function() {
-              Y(R * -1);
+              K(L * -1);
             }
-          }, Y(R));
+          }, K(L));
         } else
-          process.env.NODE_ENV !== "production" && Ce(
+          process.env.NODE_ENV !== "production" && Ve(
             !1,
             // TODO: Write up a doc that explains our blocking strategy in
             // detail and link to it here so people can understand better
@@ -777,36 +774,36 @@ function Kt(i) {
             "You are trying to block a POP navigation to a location that was not created by the history library. The block will fail silently in production, but in general you should do all navigation with the history library (instead of using window.history.pushState directly) to avoid this situation."
           );
       else
-        se(c);
+        ne(c);
     }
   }
-  n.addEventListener(vt, h), n.addEventListener(zt, function() {
-    var c = r(), p = c[1];
-    Ve(p) !== Ve(g) && h();
+  r.addEventListener(Et, h), r.addEventListener(zt, function() {
+    var c = n(), p = c[1];
+    qe(p) !== qe(m) && h();
   });
-  var l = A.Pop, m = r(), f = m[0], g = m[1], u = Ie(), y = Ie();
-  f == null && (f = 0, a.replaceState(pe({}, a.state, {
-    idx: f
+  var l = _.Pop, d = n(), g = d[0], m = d[1], u = Ge(), y = Ge();
+  g == null && (g = 0, a.replaceState(fe({}, a.state, {
+    idx: g
   }), ""));
-  function E() {
+  function k() {
     var c = document.querySelector("base"), p = "";
     if (c && c.getAttribute("href")) {
-      var v = n.location.href, $ = v.indexOf("#");
+      var v = r.location.href, $ = v.indexOf("#");
       p = $ === -1 ? v : v.slice(0, $);
     }
     return p;
   }
-  function V(c) {
-    return E() + "#" + (typeof c == "string" ? c : Ve(c));
+  function de(c) {
+    return k() + "#" + (typeof c == "string" ? c : qe(c));
   }
-  function ge(c, p) {
-    return p === void 0 && (p = null), qe(pe({
-      pathname: g.pathname,
+  function pe(c, p) {
+    return p === void 0 && (p = null), He(fe({
+      pathname: m.pathname,
       hash: "",
       search: ""
-    }, typeof c == "string" ? et(c) : c, {
+    }, typeof c == "string" ? rt(c) : c, {
       state: p,
-      key: $t()
+      key: kt()
     }));
   }
   function me(c, p) {
@@ -814,49 +811,49 @@ function Kt(i) {
       usr: c.state,
       key: c.key,
       idx: p
-    }, V(c)];
+    }, de(c)];
   }
-  function ae(c, p, v) {
+  function re(c, p, v) {
     return !y.length || (y.call({
       action: c,
       location: p,
       retry: v
     }), !1);
   }
-  function se(c) {
+  function ne(c) {
     l = c;
-    var p = r();
-    f = p[0], g = p[1], u.call({
+    var p = n();
+    g = p[0], m = p[1], u.call({
       action: l,
-      location: g
+      location: m
     });
   }
-  function we(c, p) {
-    var v = A.Push, $ = ge(c, p);
-    function R() {
-      we(c, p);
+  function ge(c, p) {
+    var v = _.Push, $ = pe(c, p);
+    function L() {
+      ge(c, p);
     }
-    if (process.env.NODE_ENV !== "production" && Ce($.pathname.charAt(0) === "/", "Relative pathnames are not supported in hash history.push(" + JSON.stringify(c) + ")"), ae(v, $, R)) {
-      var O = me($, f + 1), j = O[0], D = O[1];
+    if (process.env.NODE_ENV !== "production" && Ve($.pathname.charAt(0) === "/", "Relative pathnames are not supported in hash history.push(" + JSON.stringify(c) + ")"), re(v, $, L)) {
+      var N = me($, g + 1), D = N[0], A = N[1];
       try {
-        a.pushState(j, "", D);
+        a.pushState(D, "", A);
       } catch {
-        n.location.assign(D);
+        r.location.assign(A);
       }
-      se(v);
+      ne(v);
     }
   }
-  function F(c, p) {
-    var v = A.Replace, $ = ge(c, p);
-    function R() {
-      F(c, p);
+  function C(c, p) {
+    var v = _.Replace, $ = pe(c, p);
+    function L() {
+      C(c, p);
     }
-    if (process.env.NODE_ENV !== "production" && Ce($.pathname.charAt(0) === "/", "Relative pathnames are not supported in hash history.replace(" + JSON.stringify(c) + ")"), ae(v, $, R)) {
-      var O = me($, f), j = O[0], D = O[1];
-      a.replaceState(j, "", D), se(v);
+    if (process.env.NODE_ENV !== "production" && Ve($.pathname.charAt(0) === "/", "Relative pathnames are not supported in hash history.replace(" + JSON.stringify(c) + ")"), re(v, $, L)) {
+      var N = me($, g), D = N[0], A = N[1];
+      a.replaceState(D, "", A), ne(v);
     }
   }
-  function Y(c) {
+  function K(c) {
     a.go(c);
   }
   var w = {
@@ -864,34 +861,34 @@ function Kt(i) {
       return l;
     },
     get location() {
-      return g;
+      return m;
     },
-    createHref: V,
-    push: we,
-    replace: F,
-    go: Y,
+    createHref: de,
+    push: ge,
+    replace: C,
+    go: K,
     back: function() {
-      Y(-1);
+      K(-1);
     },
     forward: function() {
-      Y(1);
+      K(1);
     },
     listen: function(p) {
       return u.push(p);
     },
     block: function(p) {
       var v = y.push(p);
-      return y.length === 1 && n.addEventListener(Ue, He), function() {
-        v(), y.length || n.removeEventListener(Ue, He);
+      return y.length === 1 && r.addEventListener(Ie, We), function() {
+        v(), y.length || r.removeEventListener(Ie, We);
       };
     }
   };
   return w;
 }
-function He(i) {
+function We(i) {
   i.preventDefault(), i.returnValue = "";
 }
-function Ie() {
+function Ge() {
   var i = [];
   return {
     get length() {
@@ -899,127 +896,127 @@ function Ie() {
     },
     push: function(t) {
       return i.push(t), function() {
-        i = i.filter(function(n) {
-          return n !== t;
+        i = i.filter(function(r) {
+          return r !== t;
         });
       };
     },
     call: function(t) {
-      i.forEach(function(n) {
-        return n && n(t);
+      i.forEach(function(r) {
+        return r && r(t);
       });
     }
   };
 }
-function $t() {
+function kt() {
   return Math.random().toString(36).substr(2, 8);
 }
-function Ve(i) {
-  var e = i.pathname, t = e === void 0 ? "/" : e, n = i.search, a = n === void 0 ? "" : n, r = i.hash, o = r === void 0 ? "" : r;
+function qe(i) {
+  var e = i.pathname, t = e === void 0 ? "/" : e, r = i.search, a = r === void 0 ? "" : r, n = i.hash, o = n === void 0 ? "" : n;
   return a && a !== "?" && (t += a.charAt(0) === "?" ? a : "?" + a), o && o !== "#" && (t += o.charAt(0) === "#" ? o : "#" + o), t;
 }
-function et(i) {
+function rt(i) {
   var e = {};
   if (i) {
     var t = i.indexOf("#");
     t >= 0 && (e.hash = i.substr(t), i = i.substr(0, t));
-    var n = i.indexOf("?");
-    n >= 0 && (e.search = i.substr(n), i = i.substr(0, n)), i && (e.pathname = i);
+    var r = i.indexOf("?");
+    r >= 0 && (e.search = i.substr(r), i = i.substr(0, r)), i && (e.pathname = i);
   }
   return e;
 }
-function be(i) {
-  return pt(i, "Expected `path` to be a string. Got type: %t, value: %v"), i.split("/").map((e) => e.trim()).filter((e) => e !== "");
+function ye(i) {
+  return wt(i, "Expected `path` to be a string. Got type: %t, value: %v"), i.split("/").map((e) => e.trim()).filter((e) => e !== "");
 }
-function ie(i) {
+function ae(i) {
   var t;
-  Rt(
-    (n) => at(n == null ? void 0 : n.toString),
+  xt(
+    (r) => it(r == null ? void 0 : r.toString),
     i,
     "Expected `parts` to be an array of objects with a .toString() method. Got type: %t, value: %v"
-  ), i = i.filter((n) => n).flatMap(String);
+  ), i = i.filter((r) => r).flatMap(String);
   let e = (t = i.shift()) == null ? void 0 : t.toString();
   if (e) {
-    for (const n of i.map((a) => a.toString()))
-      n.startsWith(".") ? e = Fe(e, n) : e[e.length - 1] !== "/" ? n[0] !== "/" ? e += "/" + n : e += n : n[0] === "/" ? e += n.slice(1) : e += n;
+    for (const r of i.map((a) => a.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 Fe(i, e) {
-  if (pt(i, "Expected `base` to be a string. Got type: %t, value: %v"), e == null && (e = i, i = ""), e.startsWith("/"))
+function Ue(i, e) {
+  if (wt(i, "Expected `base` to be a string. Got type: %t, value: %v"), e == null && (e = i, i = ""), e.startsWith("/"))
     return e;
   let t = i;
   for (; ; )
     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 tt(i) {
+function nt(i) {
   if (!i) return {};
   i.startsWith("?") && (i = i.slice(1));
   const e = i.split("&").filter((t) => t.trim() !== "").map((t) => {
-    const [n, a] = t.split("=").map((r) => r.trim());
-    return a.toLowerCase() === "true" ? [n, !0] : a.toLowerCase() === "false" ? [n, !1] : isNaN(Number(a)) ? [n, a] : [n, Number(a)];
+    const [r, a] = t.split("=").map((n) => n.trim());
+    return a.toLowerCase() === "true" ? [r, !0] : a.toLowerCase() === "false" ? [r, !1] : isNaN(Number(a)) ? [r, a] : [r, Number(a)];
   });
   return Object.fromEntries(e);
 }
-function ft(i, e, t = {}) {
+function mt(i, e, t = {}) {
   var o;
-  const [n, a] = e.split("?"), r = be(n);
+  const [r, a] = e.split("?"), n = ye(r);
   e: for (const h of i) {
     const { fragments: l } = h;
-    if (!(((o = l[l.length - 1]) == null ? void 0 : o.type) === 3) && l.length !== r.length || t.willMatch && !t.willMatch(h))
+    if (!(((o = l[l.length - 1]) == null ? void 0 : o.type) === 3) && l.length !== n.length || t.willMatch && !t.willMatch(h))
       continue e;
-    const f = [];
+    const g = [];
     t: for (let u = 0; u < l.length; u++) {
-      const y = r[u], E = l[u];
-      if (y == null && E.type !== 3)
+      const y = n[u], k = l[u];
+      if (y == null && k.type !== 3)
         continue e;
-      switch (E.type) {
+      switch (k.type) {
         case 1:
-          if (E.name.toLowerCase() === y.toLowerCase()) {
-            f.push(E);
+          if (k.name.toLowerCase() === y.toLowerCase()) {
+            g.push(k);
             break;
           } else
             continue e;
         case 2:
-          f.push({ ...E, value: y });
+          g.push({ ...k, value: y });
           break;
         case 3:
-          f.push({ ...E, value: r.slice(u).join("/") });
+          g.push({ ...k, value: n.slice(u).join("/") });
           break t;
         case 4:
           if (isNaN(Number(y)))
             continue e;
-          f.push({ ...E, value: Number(y) });
+          g.push({ ...k, value: Number(y) });
           break;
         default:
-          throw new Error(`Unknown fragment type: ${E.type}`);
+          throw new Error(`Unknown fragment type: ${k.type}`);
       }
     }
-    const g = /* @__PURE__ */ Object.create(null);
-    for (const u of f)
-      u.type === 2 && (g[u.name] = decodeURIComponent(u.value)), u.type === 4 && (g[u.name] = u.value), u.type === 3 && (g.wildcard = "/" + decodeURIComponent(u.value));
+    const m = /* @__PURE__ */ Object.create(null);
+    for (const u of g)
+      u.type === 2 && (m[u.name] = decodeURIComponent(u.value)), u.type === 4 && (m[u.name] = u.value), u.type === 3 && (m.wildcard = "/" + decodeURIComponent(u.value));
     return {
-      path: "/" + f.map((u) => u.value).join("/"),
+      path: "/" + g.map((u) => u.value).join("/"),
       pattern: "/" + l.map((u) => u.type === 2 ? `{${u.name}}` : u.type === 4 ? `{#${u.name}}` : u.name).join("/"),
-      params: g,
-      query: tt(a),
+      params: m,
+      query: nt(a),
       meta: h.meta
     };
   }
 }
-function Qt(i) {
-  const e = [], t = [], n = [], a = [];
+function Jt(i) {
+  const e = [], t = [], r = [], a = [];
   for (const o of i) {
     const { fragments: h } = o;
     h.some(
@@ -1031,17 +1028,17 @@ function Qt(i) {
     ) ? t.push(o) : h.some(
       (l) => l.type === 2
       /* Param */
-    ) ? n.push(o) : e.push(o);
+    ) ? r.push(o) : e.push(o);
   }
-  const r = (o, h) => o.fragments.length > h.fragments.length ? -1 : 1;
-  return e.sort(r), t.sort(r), n.sort(r), a.sort(r), [...e, ...t, ...n, ...a];
+  const n = (o, h) => o.fragments.length > h.fragments.length ? -1 : 1;
+  return e.sort(n), t.sort(n), r.sort(n), a.sort(n), [...e, ...t, ...r, ...a];
 }
-function Jt(i) {
-  const e = be(i), t = [];
-  for (let n = 0; n < e.length; n++) {
-    const a = e[n];
+function Yt(i) {
+  const e = ye(i), t = [];
+  for (let r = 0; r < e.length; r++) {
+    const a = e[r];
     if (a === "*") {
-      if (n !== e.length - 1)
+      if (r !== e.length - 1)
         throw new Error(`Wildcard must be at the end of a pattern. Received: ${i}`);
       t.push({
         type: 3,
@@ -1060,65 +1057,65 @@ function Jt(i) {
   }
   return t;
 }
-var Se, M, ee, P, ze, W, Re, te, z, he, fe, de, xe, J, rt, nt;
-class Yt {
+var Se, M, Y, Le, P, Ke, I, Re, X, Z, ce, ue, he, xe, z, at, st;
+class Xt {
   constructor(e, t) {
-    d(this, J);
-    d(this, Se);
-    d(this, M);
-    d(this, ee);
-    d(this, P);
-    d(this, ze, 0);
-    d(this, W, []);
-    d(this, Re);
-    d(this, te, []);
+    f(this, z);
+    f(this, Se);
+    f(this, M);
+    f(this, Y);
+    f(this, Le, Ye());
+    f(this, P);
+    f(this, Ke, 0);
+    f(this, I, []);
+    f(this, Re);
+    f(this, X, []);
     // Callbacks that need to be called on unmount.
-    d(this, z, []);
+    f(this, Z, []);
     /**
      * The currently matched route pattern, if any.
      */
     S(this, "$pattern");
-    d(this, he);
+    f(this, ce);
     /**
      * The current URL path.
      */
     S(this, "$path");
-    d(this, fe);
+    f(this, ue);
     /**
      * The current named path params.
      */
     S(this, "$params");
-    d(this, de);
+    f(this, he);
     /**
      * The current query params. Changes to this object will be reflected in the URL.
      */
     S(this, "$query");
-    d(this, xe);
-    b(this, Se, e), b(this, M, e.createLogger("dolla/router")), b(this, ee, t);
-    const [n, a] = oe(null), [r, o] = oe(""), [h, l] = oe({}), [m, f] = oe(
-      tt(typeof window > "u" ? "" : window.location.search ?? "")
+    f(this, xe);
+    b(this, Se, e), b(this, M, e.createLogger("dolla/router")), b(this, Y, t);
+    const [r, a] = se(null), [n, o] = se(""), [h, l] = se({}), [d, g] = se(
+      nt(typeof window > "u" ? "" : window.location.search ?? "")
     );
-    this.$pattern = n, b(this, he, a), this.$path = r, b(this, fe, o), this.$params = h, b(this, de, l), this.$query = m, b(this, xe, f), e.beforeMount(() => {
-      s(this, P) != null && (s(this, z).push(
-        gt([m], (g) => {
-          const u = new URLSearchParams();
-          for (const E in g)
-            u.set(E, String(g[E]));
-          const y = "?" + u.toString();
-          y != s(this, P).location.search && s(this, P).replace({
-            pathname: s(this, P).location.pathname,
-            search: y
-          });
-        })
-      ), s(this, z).push(s(this, P).listen(k(this, J, nt).bind(this))), k(this, J, nt).call(this, s(this, P)), s(this, z).push(
-        er(s(this, ee).rootElement, (g) => {
-          let u = g.getAttribute("href");
-          s(this, M).info("Intercepted link click", g, u), /^https?:\/\/|^\//.test(u) || (u = ie([s(this, P).location.pathname, u])), s(this, P).push(u);
+    this.$pattern = r, b(this, ce, a), this.$path = n, b(this, ue, o), this.$params = h, b(this, he, l), this.$query = d, b(this, xe, g), e.beforeMount(() => {
+      s(this, P) != null && (s(this, Le).watch([d], (m) => {
+        const u = new URLSearchParams();
+        for (const k in m)
+          u.set(k, String(m[k]));
+        const y = "?" + u.toString();
+        y != s(this, P).location.search && s(this, P).replace({
+          pathname: s(this, P).location.pathname,
+          search: y
+        });
+      }), s(this, Z).push(s(this, P).listen(E(this, z, st).bind(this))), E(this, z, st).call(this, s(this, P)), s(this, Z).push(
+        tr(s(this, Y).rootElement, (m) => {
+          let u = m.getAttribute("href");
+          s(this, M).info("Intercepted link click", m, u), /^https?:\/\/|^\//.test(u) || (u = ae([s(this, P).location.pathname, u])), s(this, P).push(u);
         })
-      ), s(this, M).info("Intercepting <a> clicks within root element:", s(this, ee).rootElement));
+      ), s(this, M).info("Intercepting <a> clicks within root element:", s(this, Y).rootElement));
     }), e.onUnmount(() => {
-      for (; s(this, z).length > 0; )
-        s(this, z).pop()();
+      for (; s(this, Z).length > 0; )
+        s(this, Z).pop()();
+      s(this, Le).stopAll();
     });
   }
   setup(e) {
@@ -1128,20 +1125,20 @@ class Yt {
       );
       return;
     }
-    e.style === "hash" ? b(this, P, Kt()) : b(this, P, Bt()), b(this, te, Qt(
-      e.routes.flatMap((t) => k(this, J, rt).call(this, t)).map((t) => ({
+    e.style === "hash" ? b(this, P, Qt()) : b(this, P, Kt()), b(this, X, Jt(
+      e.routes.flatMap((t) => E(this, z, at).call(this, t)).map((t) => ({
         pattern: t.pattern,
         meta: t.meta,
-        fragments: Jt(t.pattern)
+        fragments: Yt(t.pattern)
       }))
     ));
-    for (const t of s(this, te))
+    for (const t of s(this, X))
       if (t.meta.redirect) {
-        let n;
-        if (!at(t.meta.redirect)) if (q(t.meta.redirect)) {
-          if (n = t.meta.redirect, !ft(s(this, te), n, {
-            willMatch(r) {
-              return r !== t;
+        let r;
+        if (!it(t.meta.redirect)) if (V(t.meta.redirect)) {
+          if (r = t.meta.redirect, !mt(s(this, X), r, {
+            willMatch(n) {
+              return n !== t;
             }
           }))
             throw new Error(
@@ -1167,8 +1164,8 @@ class Yt {
       );
       return;
     }
-    let n;
-    Array.isArray(e) ? n = ie(e) : n = e.toString(), n = Fe(s(this, P).location.pathname, n), t.preserveQuery && (n += s(this, P).location.search), t.replace ? s(this, P).replace(n) : s(this, P).push(n);
+    let r;
+    Array.isArray(e) ? r = ae(e) : r = e.toString(), r = Ue(s(this, P).location.pathname, r), t.preserveQuery && (r += s(this, P).location.search), t.replace ? s(this, P).replace(r) : s(this, P).push(r);
   }
   /**
    * Navigate backward. Pass a number of steps to hit the back button that many times.
@@ -1199,13 +1196,13 @@ class Yt {
     s(this, P).go(e);
   }
 }
-Se = new WeakMap(), M = new WeakMap(), ee = new WeakMap(), P = new WeakMap(), ze = new WeakMap(), W = new WeakMap(), Re = new WeakMap(), te = new WeakMap(), z = new WeakMap(), he = new WeakMap(), fe = new WeakMap(), de = new WeakMap(), xe = new WeakMap(), J = new WeakSet(), /**
+Se = new WeakMap(), M = new WeakMap(), Y = new WeakMap(), Le = new WeakMap(), P = new WeakMap(), Ke = new WeakMap(), I = new WeakMap(), Re = new WeakMap(), X = new WeakMap(), Z = new WeakMap(), ce = new WeakMap(), ue = new WeakMap(), he = new WeakMap(), xe = new WeakMap(), z = 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.
  */
-rt = function(e, t = [], n = []) {
+at = 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)
@@ -1216,144 +1213,146 @@ rt = function(e, t = [], n = []) {
     throw new Error("Route must have a 'view', a 'redirect', or a set of nested 'routes'.");
   let a = [];
   for (const l of t)
-    a.push(...be(l.path));
-  a.push(...be(e.path)), a[a.length - 1] === "*" && a.pop();
-  const r = [];
+    a.push(...ye(l.path));
+  a.push(...ye(e.path)), a[a.length - 1] === "*" && a.pop();
+  const n = [];
   if (e.redirect) {
     let l = e.redirect;
-    return q(l) && (l = Fe(ie(a), l), l.startsWith("/") || (l = "/" + l)), r.push({
-      pattern: "/" + ie([...a, ...be(e.path)]),
+    return V(l) && (l = Ue(ae(a), l), l.startsWith("/") || (l = "/" + l)), n.push({
+      pattern: "/" + ae([...a, ...ye(e.path)]),
       meta: {
         redirect: l
       }
-    }), r;
+    }), n;
   }
-  let o = mt;
+  let o = yt;
   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 h = { id: it(this, ze)._++, view: o };
+  const h = { id: lt(this, Ke)._++, view: o };
   if (e.routes)
     for (const l of e.routes)
-      r.push(...k(this, J, rt).call(this, l, [...t, e], [...n, h]));
+      n.push(...E(this, z, at).call(this, l, [...t, e], [...r, h]));
   else
-    r.push({
-      pattern: parent ? ie([...t.map((l) => l.path), e.path]) : e.path,
+    n.push({
+      pattern: parent ? ae([...t.map((l) => l.path), e.path]) : e.path,
       meta: {
         pattern: e.path,
-        layers: [...n, h],
+        layers: [...r, h],
         beforeMatch: e.beforeMatch
       }
     });
-  return r;
-}, nt = async function({ location: e }) {
-  e.search !== s(this, Re) && (b(this, Re, e.search), s(this, xe).call(this, tt(e.search)));
-  const t = ft(s(this, te), e.pathname);
+  return n;
+}, st = async function({ location: e }) {
+  e.search !== s(this, Re) && (b(this, Re, e.search), s(this, xe).call(this, nt(e.search)));
+  const t = mt(s(this, X), e.pathname);
   if (!t) {
-    s(this, he).call(this, null), s(this, fe).call(this, e.pathname), s(this, de).call(this, {
+    s(this, ce).call(this, null), s(this, ue).call(this, e.pathname), s(this, he).call(this, {
       wildcard: e.pathname
     });
     return;
   }
   if (t.meta.beforeMatch && await t.meta.beforeMatch({
     // TODO: Allow setting context variables from here.
-    redirect: (n) => {
+    redirect: (r) => {
       throw new Error("Redirect not yet implemented.");
     }
   }), t.meta.redirect != null)
     if (typeof t.meta.redirect == "string") {
-      const n = tr(t.meta.redirect, t.params);
-      s(this, M).info(`↩️ redirecting from '${t.path}' to '${n}'`), s(this, P).replace(n);
+      const r = rr(t.meta.redirect, t.params);
+      s(this, M).info(`↩️ redirecting from '${t.path}' to '${r}'`), s(this, P).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 a = await t.meta.redirect(n);
+      let a = await t.meta.redirect(r);
       if (typeof a != "string")
         throw new Error("Redirect function must return a path to redirect to.");
-      a.startsWith("/") || (a = Fe(t.path, a)), s(this, M).info(`Redirecting to: '${a}'`), s(this, P).replace(a);
+      a.startsWith("/") || (a = Ue(t.path, a)), s(this, M).info(`Redirecting to: '${a}'`), s(this, P).replace(a);
     } else
       throw new TypeError("Redirect must either be a path string or a function.");
-  else if (s(this, M).info(`📍 navigating to '${t.path}'`), s(this, fe).call(this, t.path), s(this, de).call(this, t.params), t.pattern !== this.$pattern.get()) {
-    s(this, he).call(this, t.pattern);
-    const n = t.meta.layers;
-    for (let a = 0; a < n.length; a++) {
-      const r = n[a], o = s(this, W)[a];
-      if ((o == null ? void 0 : o.id) !== r.id) {
-        b(this, W, s(this, W).slice(0, a));
-        const h = s(this, W).at(-1);
+  else if (s(this, M).info(`📍 navigating to '${t.path}'`), s(this, ue).call(this, t.path), s(this, he).call(this, t.params), t.pattern !== this.$pattern.get()) {
+    s(this, ce).call(this, t.pattern);
+    const r = t.meta.layers;
+    for (let a = 0; a < r.length; a++) {
+      const n = r[a], o = s(this, I)[a];
+      if ((o == null ? void 0 : o.id) !== n.id) {
+        b(this, I, s(this, I).slice(0, a));
+        const h = s(this, I).at(-1);
         o && o.node.isMounted && o.node.unmount();
         let l;
-        h ? l = h.node.setChildView(r.view) : l = s(this, ee).rootView.setChildView(r.view), s(this, W).push({ id: r.id, node: l });
+        h ? l = h.node.setChildView(n.view) : l = s(this, Y).rootView.setChildView(n.view), s(this, I).push({ id: n.id, node: l });
       }
     }
   }
 };
-const Xt = /(noopener|noreferrer) (noopener|noreferrer)/, Zt = /^[\w-_]+:/;
-function er(i, e, t = window) {
-  function n(r) {
-    return !r || r === i ? null : r.localName !== "a" || r.href === void 0 ? n(r.parentNode) : r;
+const Zt = /(noopener|noreferrer) (noopener|noreferrer)/, er = /^[\w-_]+:/;
+function tr(i, e, t = window) {
+  function r(n) {
+    return !n || n === i ? null : n.localName !== "a" || n.href === void 0 ? r(n.parentNode) : n;
   }
-  function a(r) {
-    if (r.button && r.button !== 0 || r.ctrlKey || r.metaKey || r.altKey || r.shiftKey || r.defaultPrevented)
+  function a(n) {
+    if (n.button && n.button !== 0 || n.ctrlKey || n.metaKey || n.altKey || n.shiftKey || n.defaultPrevented)
       return;
-    const o = n(r.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" && Xt.test(o.getAttribute("rel")) || Zt.test(o.getAttribute("href")) || (r.preventDefault(), e(o)));
+    const o = r(n.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" && Zt.test(o.getAttribute("rel")) || er.test(o.getAttribute("href")) || (n.preventDefault(), e(o)));
   }
   return i.addEventListener("click", a), function() {
     i.removeEventListener("click", a);
   };
 }
-function tr(i, e) {
+function rr(i, e) {
   for (const t in e) {
-    const n = e[t].toString();
-    i = i.replace(`{${t}}`, n).replace(`{#${t}}`, n);
+    const r = e[t].toString();
+    i = i.replace(`{${t}}`, r).replace(`{#${t}}`, r);
   }
   return i;
 }
-var B, Le, K, re, Ne, Oe, Me, Te, je, x, Q;
-class rr {
+var W, Oe, G, ee, Ne, Me, Te, De, _e, Ae, R, B;
+class nr {
   constructor() {
     S(this, "http");
     S(this, "i18n");
     S(this, "render");
     S(this, "router");
-    d(this, B, !1);
-    d(this, Le, "production");
-    d(this, K);
-    d(this, re);
-    d(this, Ne, _t);
-    d(this, Oe, []);
-    d(this, Me, []);
-    d(this, Te, []);
-    d(this, je, []);
-    d(this, x, {
+    f(this, W, !1);
+    f(this, Oe, "production");
+    f(this, G);
+    f(this, ee);
+    f(this, Ne, Ct);
+    f(this, Me, Ye());
+    f(this, Te, []);
+    f(this, De, []);
+    f(this, _e, []);
+    f(this, Ae, []);
+    f(this, R, {
       info: "development",
       log: "development",
       warn: "development",
       error: !0
     });
-    d(this, Q, ct("*,-dolla/*"));
-    S(this, "createState", oe);
-    S(this, "createSettableState", xt);
-    S(this, "toSettableState", Lt);
-    S(this, "toState", Qe);
-    S(this, "valueOf", Nt);
-    S(this, "derive", ye);
-    S(this, "watch", gt);
-    S(this, "createRef", Ot);
-    S(this, "isRef", Mt);
+    f(this, B, ht("*,-dolla/*"));
+    S(this, "watch", s(this, Me).watch);
+    S(this, "createState", se);
+    S(this, "createSettableState", Ot);
+    S(this, "toSettableState", Nt);
+    S(this, "toState", ft);
+    S(this, "valueOf", Mt);
+    S(this, "derive", we);
+    S(this, "createWatcher", Ye);
+    S(this, "createRef", Tt);
+    S(this, "isRef", Dt);
     const e = this;
-    this.http = new Ct(), this.i18n = new It(this), this.render = new Wt(this), this.router = new Yt(this, {
+    this.http = new Vt(), this.i18n = new Wt(this), this.render = new Bt(this), this.router = new Xt(this, {
       get rootElement() {
-        return s(e, K);
+        return s(e, G);
       },
       get rootView() {
-        return s(e, re);
+        return s(e, ee);
       }
     });
   }
@@ -1361,21 +1360,21 @@ class rr {
    * True when the app is connected to a DOM node and displayed to the user.
    */
   get isMounted() {
-    return s(this, B);
+    return s(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 s(this, Le);
+    return s(this, Oe);
   }
   /**
    * Sets the environment that this app is running in.
    * Environment affects which log messages will print and how much debugging info is included in the DOM.
    */
   setEnv(e) {
-    b(this, Le, e);
+    b(this, Oe, e);
   }
   /**
    * Sets the view that will be shown when the `crash` method is called on any logger.
@@ -1385,23 +1384,23 @@ class rr {
     b(this, Ne, e);
   }
   async mount(e, t) {
-    if (s(this, B))
+    if (s(this, W))
       throw new Error("Dolla is already mounted.");
-    if (q(e)) {
+    if (V(e)) {
       const a = document.querySelector(e);
-      ut(HTMLElement, a, `Selector '${e}' did not match any element.`), b(this, K, a);
+      dt(HTMLElement, a, `Selector '${e}' did not match any element.`), b(this, G, a);
     } else
-      ut(HTMLElement, e, "Expected an HTML element or a selector string. Got type: %t, value: %v"), b(this, K, e);
-    let n;
-    t ? n = ht(t) : n = ht(mt), b(this, re, this.constructView(n.type, n.props)), await Promise.all(s(this, Oe).map((a) => a())), s(this, re).mount(s(this, K)), b(this, B, !0);
-    for (const a of s(this, Me))
+      dt(HTMLElement, e, "Expected an HTML element or a selector string. Got type: %t, value: %v"), b(this, G, e);
+    let r;
+    t ? r = pt(t) : r = pt(yt), b(this, ee, this.constructView(r.type, r.props)), await Promise.all(s(this, Te).map((a) => a())), s(this, ee).mount(s(this, G)), b(this, W, !0);
+    for (const a of s(this, De))
       a();
   }
   async unmount() {
     var e;
-    if (s(this, B)) {
-      await Promise.all(s(this, Te).map((t) => t())), (e = s(this, re)) == null || e.unmount(), b(this, B, !1);
-      for (const t of s(this, je))
+    if (s(this, W)) {
+      await Promise.all(s(this, _e).map((t) => t())), (e = s(this, ee)) == null || e.unmount(), s(this, Me).stopAll(), b(this, W, !1);
+      for (const t of s(this, Ae))
         t();
     }
   }
@@ -1410,53 +1409,53 @@ class rr {
    * it will be awaited before mounting finishes. Use this to perform initial setup before the app is displayed to the user.
    */
   beforeMount(e) {
-    s(this, Oe).push(e);
+    s(this, Te).push(e);
   }
   /**
    * Registers a `callback` to run after the app is mounted.
    */
   onMount(e) {
-    s(this, Me).push(e);
+    s(this, De).push(e);
   }
   /**
    * Registers a `callback` to run after `Dolla.unmount` is called, before the app is unmounted. If `callback` returns a Promise,
    * it will be awaited before unmounting finishes. Use this to perform cleanup.
    */
   beforeUnmount(e) {
-    s(this, Te).push(e);
+    s(this, _e).push(e);
   }
   /**
    * Registers a `callback` to run after the app is unmounted.
    */
   onUnmount(e) {
-    s(this, je).push(e);
+    s(this, Ae).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 && (s(this, x)[t] = n);
+      const r = e[t];
+      r && (s(this, R)[t] = r);
     }
   }
   setLogFilter(e) {
-    b(this, Q, ct(e));
+    b(this, B, ht(e));
   }
   createLogger(e, t) {
-    const n = Qe(e), a = (t == null ? void 0 : t.console) ?? Tt(), r = this;
+    const r = ft(e), a = (t == null ? void 0 : t.console) ?? _t(), n = this;
     return {
       get info() {
         var h;
-        const o = n.get();
-        if (s(r, x).info === !1 || q(s(r, x).info) && s(r, x).info !== r.getEnv() || !s(h = r, Q).call(h, o))
-          return Ae;
+        const o = r.get();
+        if (s(n, R).info === !1 || V(s(n, R).info) && s(n, R).info !== n.getEnv() || !s(h = n, B).call(h, o))
+          return je;
         {
           let l = `%c${o}`;
           return t != null && t.uid ? l += ` %c[uid: %c${t.uid}%c]` : l += "%c%c%c", a.info.bind(
             a,
             l,
-            `color:${De(l)};font-weight:bold`,
+            `color:${Fe(l)};font-weight:bold`,
             "color:#777",
             "color:#aaa",
             "color:#777"
@@ -1465,15 +1464,15 @@ class rr {
       },
       get log() {
         var h;
-        const o = n.get();
-        if (s(r, x).log === !1 || q(s(r, x).log) && s(r, x).log !== r.getEnv() || !s(h = r, Q).call(h, o))
-          return Ae;
+        const o = r.get();
+        if (s(n, R).log === !1 || V(s(n, R).log) && s(n, R).log !== n.getEnv() || !s(h = n, B).call(h, o))
+          return je;
         {
           let l = `%c${o}`;
           return t != null && t.uid ? l += ` %c[uid: %c${t.uid}%c]` : l += "%c%c%c", a.log.bind(
             a,
             l,
-            `color:${De(l)};font-weight:bold`,
+            `color:${Fe(l)};font-weight:bold`,
             "color:#777",
             "color:#aaa",
             "color:#777"
@@ -1482,15 +1481,15 @@ class rr {
       },
       get warn() {
         var h;
-        const o = n.get();
-        if (s(r, x).warn === !1 || q(s(r, x).warn) && s(r, x).warn !== r.getEnv() || !s(h = r, Q).call(h, o))
-          return Ae;
+        const o = r.get();
+        if (s(n, R).warn === !1 || V(s(n, R).warn) && s(n, R).warn !== n.getEnv() || !s(h = n, B).call(h, o))
+          return je;
         {
           let l = `%c${o}`;
           return t != null && t.uid ? l += ` %c[uid: %c${t.uid}%c]` : l += "%c%c%c", a.warn.bind(
             a,
             l,
-            `color:${De(l)};font-weight:bold`,
+            `color:${Fe(l)};font-weight:bold`,
             "color:#777",
             "color:#aaa",
             "color:#777"
@@ -1499,15 +1498,15 @@ class rr {
       },
       get error() {
         var h;
-        const o = n.get();
-        if (s(r, x).error === !1 || q(s(r, x).error) && s(r, x).error !== r.getEnv() || !s(h = r, Q).call(h, o))
-          return Ae;
+        const o = r.get();
+        if (s(n, R).error === !1 || V(s(n, R).error) && s(n, R).error !== n.getEnv() || !s(h = n, B).call(h, o))
+          return je;
         {
           let l = `%c${o}`;
           return t != null && t.uid ? l += ` %c[uid: %c${t.uid}%c]` : l += "%c%c%c", a.error.bind(
             a,
             l,
-            `color:${De(l)};font-weight:bold`,
+            `color:${Fe(l)};font-weight:bold`,
             "color:#777",
             "color:#aaa",
             "color:#777"
@@ -1515,45 +1514,53 @@ class rr {
         }
       },
       crash(o) {
-        throw r.isMounted && (r.unmount(), r.constructView(s(r, Ne), {
+        throw n.isMounted && (n.unmount(), n.constructView(s(n, Ne), {
           error: o,
-          loggerName: n.get(),
+          loggerName: r.get(),
           uid: t == null ? void 0 : t.uid
-        }).mount(s(r, K))), o;
+        }).mount(s(n, G))), o;
       }
     };
   }
   /**
    *
    */
-  constructView(e, t, n = []) {
-    return jt({ root: this, data: {} }, e, t, n);
+  constructView(e, t, r = []) {
+    return At({ root: this, data: {} }, e, t, r);
   }
   /**
    *
    */
   constructMarkup(e) {
-    return At(Dt({ root: this, data: {} }, e));
+    return jt(Ft({ root: this, data: {} }, e));
   }
 }
-B = new WeakMap(), Le = new WeakMap(), K = new WeakMap(), re = new WeakMap(), Ne = new WeakMap(), Oe = new WeakMap(), Me = new WeakMap(), Te = new WeakMap(), je = new WeakMap(), x = new WeakMap(), Q = new WeakMap();
-const dt = new rr(), ir = dt.i18n.t.bind(dt.i18n);
+W = new WeakMap(), Oe = new WeakMap(), G = new WeakMap(), ee = new WeakMap(), Ne = new WeakMap(), Me = new WeakMap(), Te = new WeakMap(), De = new WeakMap(), _e = new WeakMap(), Ae = new WeakMap(), R = new WeakMap(), B = new WeakMap();
+const gt = new nr(), or = gt.i18n.t.bind(gt.i18n);
+function lr(i) {
+  typeof window < "u" && (window.DOLLA_DEV_DEBUG = i);
+}
+function cr() {
+  return typeof window < "u" ? window.DOLLA_DEV_DEBUG === !0 : !1;
+}
 export {
-  Pt as cond,
-  ht as createMarkup,
-  Ot as createRef,
-  xt as createSettableState,
-  cr as createSetter,
-  oe as createState,
-  dt as default,
-  ye as derive,
-  ot as html,
-  Mt as isRef,
-  ur as portal,
-  hr as repeat,
-  ir as t,
-  Lt as toSettableState,
-  Qe as toState,
-  Nt as valueOf
+  Lt as cond,
+  pt as createMarkup,
+  Tt as createRef,
+  Ot as createSettableState,
+  fr as createSetter,
+  se as createState,
+  gt as default,
+  we as derive,
+  cr as getDevDebug,
+  ct as html,
+  Dt as isRef,
+  dr as portal,
+  pr as repeat,
+  lr as setDevDebug,
+  or as t,
+  Nt as toSettableState,
+  ft as toState,
+  Mt as valueOf
 };
 //# sourceMappingURL=index.js.map