@manyducks.co/dolla 2.0.0-alpha.5 → 2.0.0-alpha.7

package/dist/index.js

@@ -1,21 +1,21 @@
-var pt = Object.defineProperty;
+var gt = Object.defineProperty;
 var Ze = (a) => {
   throw TypeError(a);
 };
-var mt = (a, e, t) => e in a ? pt(a, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : a[e] = t;
+var mt = (a, e, t) => e in a ? gt(a, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : a[e] = t;
 var L = (a, e, t) => mt(a, typeof e != "symbol" ? e + "" : e, t), Fe = (a, e, t) => e.has(a) || Ze("Cannot " + t);
-var n = (a, e, t) => (Fe(a, e, "read from private field"), t ? t.call(a) : e.get(a)), h = (a, e, t) => e.has(a) ? Ze("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(a) : e.set(a, t), p = (a, e, t, r) => (Fe(a, e, "write to private field"), r ? r.call(a, t) : e.set(a, t), t), P = (a, e, t) => (Fe(a, e, "access private method"), t);
+var n = (a, e, t) => (Fe(a, e, "read from private field"), t ? t.call(a) : e.get(a)), h = (a, e, t) => e.has(a) ? Ze("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(a) : e.set(a, t), g = (a, e, t, r) => (Fe(a, e, "write to private field"), r ? r.call(a, t) : e.set(a, t), t), P = (a, e, t) => (Fe(a, e, "access private method"), t);
 var et = (a, e, t, r) => ({
   set _(i) {
-    p(a, e, i, t);
+    g(a, e, i, t);
   },
   get _() {
     return n(a, e, r);
   }
 });
-import { h as tt, c as yt, i as Ie, s as Ge, a as wt, d as Be, b as bt, e as Xe, f as V, g as K, j as lt, k as vt, w as ut, P as ht, l as rt, m as $t, t as Et, n as kt, o as Lt, p as Pt, q as nt, r as at, u as St, v as Oe, x as Te, y as Rt, z as xt, A as Mt } from "./passthrough-CtoBcpag.js";
-import { B as rr, C as nr, D as ar } from "./passthrough-CtoBcpag.js";
-function Nt(a) {
+import { h as tt, c as wt, i as Ie, t as Ge, a as yt, d as Be, b as bt, e as Xe, f as U, g as K, j as lt, k as vt, w as ut, P as ht, l as rt, m as $t, n as Et, v as kt, o as Lt, p as Pt, q as nt, r as at, s as St, u as Ne, x as Te, y as Rt, z as xt, A as Ot } from "./passthrough-BVaqqjam.js";
+import { B as rr, C as nr, D as ar } from "./passthrough-BVaqqjam.js";
+function Mt(a) {
   return tt`
     <div
       style=${{
@@ -30,7 +30,7 @@ function Nt(a) {
       <h1 style=${{ marginBottom: "0.5rem" }}>The app has crashed</h1>
       <p style=${{ marginBottom: "0.25rem" }}>
         <span style=${{ fontFamily: "monospace" }}>${a.loggerName}</span>
-        ${yt(a.uid, tt`<span style=${{ fontFamily: "monospace", opacity: 0.5 }}> [uid: ${a.uid}]</span>`)}
+        ${wt(a.uid, tt`<span style=${{ fontFamily: "monospace", opacity: 0.5 }}> [uid: ${a.uid}]</span>`)}
         ${" "}says:
       </p>
       <blockquote
@@ -62,10 +62,10 @@ function Nt(a) {
     </div>
   `;
 }
-var J, _e, O, D;
-class Ot {
+var J, _e, N, D;
+class Nt {
   constructor() {
-    h(this, O);
+    h(this, N);
     h(this, J, []);
     h(this, _e, Tt());
   }
@@ -81,31 +81,31 @@ class Ot {
     };
   }
   async get(e, t) {
-    return P(this, O, D).call(this, "get", e, t);
+    return P(this, N, D).call(this, "get", e, t);
   }
   async put(e, t) {
-    return P(this, O, D).call(this, "put", e, t);
+    return P(this, N, D).call(this, "put", e, t);
   }
   async patch(e, t) {
-    return P(this, O, D).call(this, "patch", e, t);
+    return P(this, N, D).call(this, "patch", e, t);
   }
   async post(e, t) {
-    return P(this, O, D).call(this, "post", e, t);
+    return P(this, N, D).call(this, "post", e, t);
   }
   async delete(e, t) {
-    return P(this, O, D).call(this, "delete", e, t);
+    return P(this, N, D).call(this, "delete", e, t);
   }
   async head(e, t) {
-    return P(this, O, D).call(this, "head", e, t);
+    return P(this, N, D).call(this, "head", e, t);
   }
   async options(e, t) {
-    return P(this, O, D).call(this, "options", e, t);
+    return P(this, N, D).call(this, "options", e, t);
   }
   async trace(e, t) {
-    return P(this, O, D).call(this, "trace", e, t);
+    return P(this, N, D).call(this, "trace", e, t);
   }
 }
-J = new WeakMap(), _e = new WeakMap(), O = new WeakSet(), D = async function(e, t, r) {
+J = new WeakMap(), _e = new WeakMap(), N = new WeakSet(), D = async function(e, t, r) {
   return jt({
     ...r,
     method: e,
@@ -142,37 +142,37 @@ async function jt(a) {
   };
   if (e)
     if (e instanceof Map || e instanceof Headers)
-      e.forEach((c, y) => {
-        s.headers.set(y, c);
+      e.forEach((c, w) => {
+        s.headers.set(w, c);
       });
     else if (e != null && typeof e == "object" && !Array.isArray(e))
       for (const c in e) {
-        const y = e[c];
-        y instanceof Date ? s.headers.set(c, y.toISOString()) : y != null && s.headers.set(c, String(y));
+        const w = e[c];
+        w instanceof Date ? s.headers.set(c, w.toISOString()) : w != null && s.headers.set(c, String(w));
       }
     else
       throw new TypeError(`Unknown headers type. Got: ${e}`);
   if (t)
     if (t instanceof Map || t instanceof URLSearchParams)
-      t.forEach((c, y) => {
-        s.query.set(y, c);
+      t.forEach((c, w) => {
+        s.query.set(w, c);
       });
     else if (t != null && typeof t == "object" && !Array.isArray(t))
       for (const c in t) {
-        const y = t[c];
-        y instanceof Date ? s.query.set(c, y.toISOString()) : y != null && s.query.set(c, String(y));
+        const w = t[c];
+        w instanceof Date ? s.query.set(c, w.toISOString()) : w != null && s.query.set(c, String(w));
       }
     else
       throw new TypeError(`Unknown query params type. Got: ${t}`);
   let o;
   const f = async () => {
-    const c = s.query.toString(), y = c.length > 0 ? s.uri + "?" + c : s.uri;
-    let w;
-    !s.headers.has("content-type") && Ie(s.body) ? (s.headers.set("content-type", "application/json"), w = JSON.stringify(s.body)) : w = s.body;
-    const m = await r(y, {
+    const c = s.query.toString(), w = c.length > 0 ? s.uri + "?" + c : s.uri;
+    let y;
+    !s.headers.has("content-type") && Ie(s.body) ? (s.headers.set("content-type", "application/json"), y = JSON.stringify(s.body)) : y = s.body;
+    const m = await r(w, {
       method: s.method,
       headers: s.headers,
-      body: w
+      body: y
     }), d = Object.fromEntries(m.headers.entries()), b = d["content-type"];
     let $;
     b != null && b.includes("application/json") ? $ = await m.json() : b != null && b.includes("application/x-www-form-urlencoded") ? $ = await m.formData() : $ = await m.text(), o = {
@@ -185,9 +185,9 @@ async function jt(a) {
     };
   };
   if (i.length > 0) {
-    const c = (y = 0) => {
-      const w = i[y], m = i[y + 1] ? c(y + 1) : f;
-      return async () => w(s, async () => (await m(), o));
+    const c = (w = 0) => {
+      const y = i[w], m = i[w + 1] ? c(w + 1) : f;
+      return async () => y(s, async () => (await m(), o));
     };
     await c()();
   } else
@@ -211,7 +211,7 @@ class Ct {
           this.strings = e;
         else
           throw new Error(`Fetch function did not return an object of language strings: ${e}`);
-      } else if (V(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 (Ie(e.body))
@@ -229,7 +229,7 @@ class Ct {
     return this.strings;
   }
 }
-var we, Y, x, se, be, ve, ie, $e, We, ft;
+var we, Y, x, se, ye, be, ie, ve, We, ft;
 class Dt {
   constructor(e) {
     h(this, We);
@@ -237,15 +237,15 @@ class Dt {
     h(this, Y);
     h(this, x, /* @__PURE__ */ new Map());
     h(this, se, []);
-    h(this, be, "auto");
+    h(this, ye, "auto");
     L(this, "$current");
-    h(this, ve);
+    h(this, be);
     h(this, ie);
-    h(this, $e);
-    p(this, we, e), p(this, Y, e.createLogger("dolla/language"));
+    h(this, ve);
+    g(this, we, e), g(this, Y, e.createLogger("dolla/language"));
     const [t, r] = K(), [i, s] = K();
-    this.$current = t, p(this, ve, r), p(this, ie, i), p(this, $e, s), e.beforeMount(async () => {
-      n(this, x).size > 0 && await this.setLanguage(n(this, be));
+    this.$current = t, g(this, be, r), g(this, ie, i), g(this, ve, s), e.beforeMount(async () => {
+      n(this, x).size > 0 && await this.setLanguage(n(this, ye));
     });
   }
   get supportedLanguages() {
@@ -257,7 +257,7 @@ class Dt {
     }), e.initialLanguage && e.initialLanguage !== "auto") {
       if (!e.languages.some((r) => r.name === e.initialLanguage))
         throw new Error(`Initial language '${e.initialLanguage}' has no registered translation.`);
-      p(this, be, e.initialLanguage);
+      g(this, ye, e.initialLanguage);
     }
     n(this, Y).info(
       `${n(this, x).size} language${n(this, x).size === 1 ? "" : "s"} supported: '${[...n(this, x).keys()].join("', '")}'`
@@ -285,13 +285,13 @@ class Dt {
     const r = n(this, x).get(t);
     try {
       const s = await r.load();
-      n(this, $e).call(this, s), n(this, ve).call(this, t), n(this, Y).info("set language to " + t);
+      n(this, ve).call(this, s), n(this, be).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.
@@ -309,18 +309,18 @@ class Dt {
     if (t) {
       const s = {};
       for (const [f, c] of Object.entries(t))
-        wt(c) && (s[f] = c);
+        yt(c) && (s[f] = c);
       const o = Object.entries(s);
       if (o.length > 0) {
-        const f = o.map((y) => y[1]), c = Be([n(this, ie), ...f], (y, ...w) => {
-          const m = w.map(($, j) => o[j]), d = {
+        const f = o.map((w) => w[1]), c = Be([n(this, ie), ...f], (w, ...y) => {
+          const m = y.map(($, j) => o[j]), d = {
             ...t
           };
           for (let $ = 0; $ < m.length; $++) {
             const j = m[$][0];
-            d[j] = w[$];
+            d[j] = y[$];
           }
-          const b = it(y, e) || `[NO TRANSLATION: ${e}]`;
+          const b = it(w, e) || `[NO TRANSLATION: ${e}]`;
           return st(b, d);
         });
         return n(this, se).push([e, t, c]), c;
@@ -333,7 +333,7 @@ class Dt {
     return n(this, se).push([e, t, i]), i;
   }
 }
-we = new WeakMap(), Y = new WeakMap(), x = new WeakMap(), se = new WeakMap(), be = new WeakMap(), ve = new WeakMap(), ie = new WeakMap(), $e = new WeakMap(), We = new WeakSet(), ft = function(e, t) {
+we = new WeakMap(), Y = new WeakMap(), x = new WeakMap(), se = new WeakMap(), ye = new WeakMap(), be = new WeakMap(), ie = new WeakMap(), ve = new WeakMap(), We = new WeakSet(), ft = function(e, t) {
   for (const r of n(this, se))
     if (r[0] === e && bt(r[1], t))
       return r[2];
@@ -353,20 +353,21 @@ function it(a, e) {
   }
   return r;
 }
-var X, Ee, H, _, oe, q, ce, Ae;
-class Ut {
+var X, $e, H, _, oe, q, ce, Ae;
+class Vt {
   constructor(e) {
     h(this, ce);
     h(this, X);
-    h(this, Ee);
+    h(this, $e);
     // Keyed updates ensure only the most recent callback queued with a certain key
     // will be called, keeping DOM operations to a minimum.
     h(this, H, /* @__PURE__ */ new Map());
     // All unkeyed updates are run on every batch.
     h(this, _, []);
+    // All read callbacks are run before updates on every batch.
     h(this, oe, []);
     h(this, q, !1);
-    p(this, X, e), p(this, Ee, e.createLogger("dolla/render"));
+    g(this, X, e), g(this, $e, e.createLogger("dolla/render"));
   }
   /**
    * Queues a callback to run in the next render batch.
@@ -379,7 +380,7 @@ class Ut {
         e(), r();
       }) : n(this, _).push(() => {
         e(), r();
-      }), !n(this, q) && n(this, X).isMounted && (p(this, q, !0), P(this, ce, Ae).call(this));
+      }), !n(this, q) && n(this, X).isMounted && (g(this, q, !0), P(this, ce, Ae).call(this));
     });
   }
   /**
@@ -391,36 +392,36 @@ class Ut {
     return new Promise((t) => {
       n(this, oe).push(() => {
         e(), t();
-      }), !n(this, q) && n(this, X).isMounted && (p(this, q, !0), P(this, ce, Ae).call(this));
+      }), !n(this, q) && n(this, X).isMounted && (g(this, q, !0), P(this, ce, Ae).call(this));
     });
   }
 }
-X = new WeakMap(), Ee = new WeakMap(), H = new WeakMap(), _ = new WeakMap(), oe = new WeakMap(), q = new WeakMap(), ce = new WeakSet(), Ae = function() {
+X = new WeakMap(), $e = new WeakMap(), H = new WeakMap(), _ = new WeakMap(), oe = new WeakMap(), q = new WeakMap(), ce = new WeakSet(), Ae = function() {
   const e = n(this, H).size + n(this, _).length;
-  if ((!n(this, X).isMounted || e === 0) && p(this, q, !1), !n(this, q)) {
+  if ((!n(this, X).isMounted || e === 0) && g(this, q, !1), !n(this, q)) {
     for (const t of n(this, oe))
       t();
-    p(this, oe, []);
+    g(this, oe, []);
     return;
   }
   requestAnimationFrame(() => {
-    n(this, Ee).info(`Batching ${n(this, H).size + n(this, _).length} queued DOM update(s).`);
+    n(this, $e).info(`Batching ${n(this, H).size + n(this, _).length} queued DOM update(s).`);
     for (const t of n(this, H).values())
       t();
     n(this, H).clear();
     for (const t of n(this, _))
       t();
-    p(this, _, []), P(this, ce, Ae).call(this);
+    g(this, _, []), P(this, ce, Ae).call(this);
   });
 };
-function de() {
-  return de = Object.assign ? Object.assign.bind() : function(a) {
+function fe() {
+  return fe = Object.assign ? Object.assign.bind() : function(a) {
     for (var e = 1; e < arguments.length; e++) {
       var t = arguments[e];
       for (var r in t) ({}).hasOwnProperty.call(t, r) && (a[r] = t[r]);
     }
     return a;
-  }, de.apply(null, arguments);
+  }, fe.apply(null, arguments);
 }
 var A;
 (function(a) {
@@ -440,12 +441,12 @@ function je(a, e) {
     }
   }
 }
-var Ue = "beforeunload", Vt = "hashchange", dt = "popstate";
+var Ve = "beforeunload", Ut = "hashchange", dt = "popstate";
 function Ht(a) {
   a === void 0 && (a = {});
   var e = a, t = e.window, r = t === void 0 ? document.defaultView : t, i = r.history;
   function s() {
-    var g = r.location, l = g.pathname, u = g.search, v = g.hash, E = i.state || {};
+    var p = r.location, l = p.pathname, u = p.search, v = p.hash, E = i.state || {};
     return [E.idx, qe({
       pathname: l,
       search: u,
@@ -459,17 +460,17 @@ function Ht(a) {
     if (o)
       b.call(o), o = null;
     else {
-      var g = A.Pop, l = s(), u = l[0], v = l[1];
+      var p = A.Pop, l = s(), u = l[0], v = l[1];
       if (b.length)
         if (u != null) {
-          var E = w - u;
+          var E = y - u;
           E && (o = {
-            action: g,
+            action: p,
             location: v,
             retry: function() {
-              U(E * -1);
+              V(E * -1);
             }
-          }, U(E));
+          }, V(E));
         } else
           process.env.NODE_ENV !== "production" && je(
             !1,
@@ -479,76 +480,76 @@ function Ht(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(g);
+        re(p);
     }
   }
   r.addEventListener(dt, f);
-  var c = A.Pop, y = s(), w = y[0], m = y[1], d = He(), b = He();
-  w == null && (w = 0, i.replaceState(de({}, i.state, {
-    idx: w
+  var c = A.Pop, w = s(), y = w[0], m = w[1], d = He(), b = He();
+  y == null && (y = 0, i.replaceState(fe({}, i.state, {
+    idx: y
   }), ""));
-  function $(g) {
-    return typeof g == "string" ? g : Ce(g);
+  function $(p) {
+    return typeof p == "string" ? p : Ce(p);
   }
-  function j(g, l) {
-    return l === void 0 && (l = null), qe(de({
+  function j(p, l) {
+    return l === void 0 && (l = null), qe(fe({
       pathname: m.pathname,
       hash: "",
       search: ""
-    }, typeof g == "string" ? Qe(g) : g, {
+    }, typeof p == "string" ? Qe(p) : p, {
       state: l,
-      key: gt()
+      key: pt()
     }));
   }
-  function ge(g, l) {
+  function de(p, l) {
     return [{
-      usr: g.state,
-      key: g.key,
+      usr: p.state,
+      key: p.key,
       idx: l
-    }, $(g)];
+    }, $(p)];
   }
-  function pe(g, l, u) {
+  function pe(p, l, u) {
     return !b.length || (b.call({
-      action: g,
+      action: p,
       location: l,
       retry: u
     }), !1);
   }
-  function re(g) {
-    c = g;
+  function re(p) {
+    c = p;
     var l = s();
-    w = l[0], m = l[1], d.call({
+    y = l[0], m = l[1], d.call({
       action: c,
       location: m
     });
   }
-  function ne(g, l) {
-    var u = A.Push, v = j(g, l);
+  function ne(p, l) {
+    var u = A.Push, v = j(p, l);
     function E() {
-      ne(g, l);
+      ne(p, l);
     }
     if (pe(u, v, E)) {
-      var S = ge(v, w + 1), N = S[0], T = S[1];
+      var S = de(v, y + 1), M = S[0], T = S[1];
       try {
-        i.pushState(N, "", T);
+        i.pushState(M, "", T);
       } catch {
         r.location.assign(T);
       }
       re(u);
     }
   }
-  function me(g, l) {
-    var u = A.Replace, v = j(g, l);
+  function ge(p, l) {
+    var u = A.Replace, v = j(p, l);
     function E() {
-      me(g, l);
+      ge(p, l);
     }
     if (pe(u, v, E)) {
-      var S = ge(v, w), N = S[0], T = S[1];
-      i.replaceState(N, "", T), re(u);
+      var S = de(v, y), M = S[0], T = S[1];
+      i.replaceState(M, "", T), re(u);
     }
   }
-  function U(g) {
-    i.go(g);
+  function V(p) {
+    i.go(p);
   }
   var Q = {
     get action() {
@@ -559,21 +560,21 @@ function Ht(a) {
     },
     createHref: $,
     push: ne,
-    replace: me,
-    go: U,
+    replace: ge,
+    go: V,
     back: function() {
-      U(-1);
+      V(-1);
     },
     forward: function() {
-      U(1);
+      V(1);
     },
     listen: function(l) {
       return d.push(l);
     },
     block: function(l) {
       var u = b.push(l);
-      return b.length === 1 && r.addEventListener(Ue, Ve), function() {
-        u(), b.length || r.removeEventListener(Ue, Ve);
+      return b.length === 1 && r.addEventListener(Ve, Ue), function() {
+        u(), b.length || r.removeEventListener(Ve, Ue);
       };
     }
   };
@@ -583,7 +584,7 @@ function _t(a) {
   a === void 0 && (a = {});
   var e = a, t = e.window, r = t === void 0 ? document.defaultView : t, i = r.history;
   function s() {
-    var l = Qe(r.location.hash.substr(1)), u = l.pathname, v = u === void 0 ? "/" : u, E = l.search, S = E === void 0 ? "" : E, N = l.hash, T = N === void 0 ? "" : N, C = i.state || {};
+    var l = Qe(r.location.hash.substr(1)), u = l.pathname, v = u === void 0 ? "/" : u, E = l.search, S = E === void 0 ? "" : E, M = l.hash, T = M === void 0 ? "" : M, C = i.state || {};
     return [C.idx, qe({
       pathname: v,
       search: S,
@@ -600,7 +601,7 @@ function _t(a) {
       var l = A.Pop, u = s(), v = u[0], E = u[1];
       if (b.length)
         if (v != null) {
-          var S = w - v;
+          var S = y - v;
           S && (o = {
             action: l,
             location: E,
@@ -620,13 +621,13 @@ function _t(a) {
         ne(l);
     }
   }
-  r.addEventListener(dt, f), r.addEventListener(Vt, function() {
+  r.addEventListener(dt, f), r.addEventListener(Ut, function() {
     var l = s(), u = l[1];
     Ce(u) !== Ce(m) && f();
   });
-  var c = A.Pop, y = s(), w = y[0], m = y[1], d = He(), b = He();
-  w == null && (w = 0, i.replaceState(de({}, i.state, {
-    idx: w
+  var c = A.Pop, w = s(), y = w[0], m = w[1], d = He(), b = He();
+  y == null && (y = 0, i.replaceState(fe({}, i.state, {
+    idx: y
   }), ""));
   function $() {
     var l = document.querySelector("base"), u = "";
@@ -639,14 +640,14 @@ function _t(a) {
   function j(l) {
     return $() + "#" + (typeof l == "string" ? l : Ce(l));
   }
-  function ge(l, u) {
-    return u === void 0 && (u = null), qe(de({
+  function de(l, u) {
+    return u === void 0 && (u = null), qe(fe({
       pathname: m.pathname,
       hash: "",
       search: ""
     }, typeof l == "string" ? Qe(l) : l, {
       state: u,
-      key: gt()
+      key: pt()
     }));
   }
   function pe(l, u) {
@@ -666,18 +667,18 @@ function _t(a) {
   function ne(l) {
     c = l;
     var u = s();
-    w = u[0], m = u[1], d.call({
+    y = u[0], m = u[1], d.call({
       action: c,
       location: m
     });
   }
-  function me(l, u) {
-    var v = A.Push, E = ge(l, u);
+  function ge(l, u) {
+    var v = A.Push, E = de(l, u);
     function S() {
-      me(l, u);
+      ge(l, u);
     }
     if (process.env.NODE_ENV !== "production" && je(E.pathname.charAt(0) === "/", "Relative pathnames are not supported in hash history.push(" + JSON.stringify(l) + ")"), re(v, E, S)) {
-      var N = pe(E, w + 1), T = N[0], C = N[1];
+      var M = pe(E, y + 1), T = M[0], C = M[1];
       try {
         i.pushState(T, "", C);
       } catch {
@@ -686,20 +687,20 @@ function _t(a) {
       ne(v);
     }
   }
-  function U(l, u) {
-    var v = A.Replace, E = ge(l, u);
+  function V(l, u) {
+    var v = A.Replace, E = de(l, u);
     function S() {
-      U(l, u);
+      V(l, u);
     }
     if (process.env.NODE_ENV !== "production" && je(E.pathname.charAt(0) === "/", "Relative pathnames are not supported in hash history.replace(" + JSON.stringify(l) + ")"), re(v, E, S)) {
-      var N = pe(E, w), T = N[0], C = N[1];
+      var M = pe(E, y), T = M[0], C = M[1];
       i.replaceState(T, "", C), ne(v);
     }
   }
   function Q(l) {
     i.go(l);
   }
-  var g = {
+  var p = {
     get action() {
       return c;
     },
@@ -707,8 +708,8 @@ function _t(a) {
       return m;
     },
     createHref: j,
-    push: me,
-    replace: U,
+    push: ge,
+    replace: V,
     go: Q,
     back: function() {
       Q(-1);
@@ -721,14 +722,14 @@ function _t(a) {
     },
     block: function(u) {
       var v = b.push(u);
-      return b.length === 1 && r.addEventListener(Ue, Ve), function() {
-        v(), b.length || r.removeEventListener(Ue, Ve);
+      return b.length === 1 && r.addEventListener(Ve, Ue), function() {
+        v(), b.length || r.removeEventListener(Ve, Ue);
       };
     }
   };
-  return g;
+  return p;
 }
-function Ve(a) {
+function Ue(a) {
   a.preventDefault(), a.returnValue = "";
 }
 function He() {
@@ -751,7 +752,7 @@ function He() {
     }
   };
 }
-function gt() {
+function pt() {
   return Math.random().toString(36).substr(2, 8);
 }
 function Ce(a) {
@@ -768,7 +769,7 @@ function Qe(a) {
   }
   return e;
 }
-function ye(a) {
+function me(a) {
   return lt(a, "Expected `path` to be a string. Got type: %t, value: %v"), a.split("/").map((e) => e.trim()).filter((e) => e !== "");
 }
 function ae(a) {
@@ -814,12 +815,12 @@ function Ke(a) {
 }
 function ot(a, e, t = {}) {
   var o;
-  const [r, i] = e.split("?"), s = ye(r);
+  const [r, i] = e.split("?"), s = me(r);
   e: for (const f of a) {
     const { fragments: c } = f;
     if (!(((o = c[c.length - 1]) == null ? void 0 : o.type) === 3) && c.length !== s.length || t.willMatch && !t.willMatch(f))
       continue e;
-    const w = [];
+    const y = [];
     t: for (let d = 0; d < c.length; d++) {
       const b = s[d], $ = c[d];
       if (b == null && $.type !== 3)
@@ -827,30 +828,30 @@ function ot(a, e, t = {}) {
       switch ($.type) {
         case 1:
           if ($.name.toLowerCase() === b.toLowerCase()) {
-            w.push($);
+            y.push($);
             break;
           } else
             continue e;
         case 2:
-          w.push({ ...$, value: b });
+          y.push({ ...$, value: b });
           break;
         case 3:
-          w.push({ ...$, value: s.slice(d).join("/") });
+          y.push({ ...$, value: s.slice(d).join("/") });
           break t;
         case 4:
           if (isNaN(Number(b)))
             continue e;
-          w.push({ ...$, value: Number(b) });
+          y.push({ ...$, value: Number(b) });
           break;
         default:
           throw new Error(`Unknown fragment type: ${$.type}`);
       }
     }
     const m = /* @__PURE__ */ Object.create(null);
-    for (const d of w)
+    for (const d of y)
       d.type === 2 && (m[d.name] = decodeURIComponent(d.value)), d.type === 4 && (m[d.name] = d.value), d.type === 3 && (m.wildcard = "/" + decodeURIComponent(d.value));
     return {
-      path: "/" + w.map((d) => d.value).join("/"),
+      path: "/" + y.map((d) => d.value).join("/"),
       pattern: "/" + c.map((d) => d.type === 2 ? `{${d.name}}` : d.type === 4 ? `{#${d.name}}` : d.name).join("/"),
       params: m,
       query: Ke(i),
@@ -877,7 +878,7 @@ function Wt(a) {
   return e.sort(s), t.sort(s), r.sort(s), i.sort(s), [...e, ...t, ...r, ...i];
 }
 function zt(a) {
-  const e = ye(a), t = [];
+  const e = me(a), t = [];
   for (let r = 0; r < e.length; r++) {
     const i = e[r];
     if (i === "*") {
@@ -900,12 +901,12 @@ function zt(a) {
   }
   return t;
 }
-var le, M, Z, k, ze, W, ke, ee, z, ue, he, fe, Le, B, Je, Ye;
+var Ee, O, Z, k, ze, W, ke, ee, z, le, ue, he, Le, B, Je, Ye;
 class Ft {
   constructor(e, t) {
     h(this, B);
-    h(this, le);
-    h(this, M);
+    h(this, Ee);
+    h(this, O);
     h(this, Z);
     h(this, k);
     h(this, ze, 0);
@@ -918,29 +919,29 @@ class Ft {
      * The currently matched route pattern, if any.
      */
     L(this, "$pattern");
-    h(this, ue);
+    h(this, le);
     /**
      * The current URL path.
      */
     L(this, "$path");
-    h(this, he);
+    h(this, ue);
     /**
      * The current named path params.
      */
     L(this, "$params");
-    h(this, fe);
+    h(this, he);
     /**
      * The current query params. Changes to this object will be reflected in the URL.
      */
     L(this, "$query");
     h(this, Le);
-    p(this, le, e), p(this, M, e.createLogger("dolla/router")), p(this, Z, t);
-    const [r, i] = K(null), [s, o] = K(""), [f, c] = K({}), [y, w] = K(
+    g(this, Ee, e), g(this, O, e.createLogger("dolla/router")), g(this, Z, t);
+    const [r, i] = K(null), [s, o] = K(""), [f, c] = K({}), [w, y] = K(
       Ke(typeof window > "u" ? "" : window.location.search ?? "")
     );
-    this.$pattern = r, p(this, ue, i), this.$path = s, p(this, he, o), this.$params = f, p(this, fe, c), this.$query = y, p(this, Le, w), e.beforeMount(() => {
+    this.$pattern = r, g(this, le, i), this.$path = s, g(this, ue, o), this.$params = f, g(this, he, c), this.$query = w, g(this, Le, y), e.beforeMount(() => {
       n(this, k) != null && (n(this, z).push(
-        ut([y], (m) => {
+        ut([w], (m) => {
           const d = new URLSearchParams();
           for (const $ in m)
             d.set($, String(m[$]));
@@ -953,22 +954,22 @@ class Ft {
       ), n(this, z).push(n(this, k).listen(P(this, B, Ye).bind(this))), P(this, B, Ye).call(this, n(this, k)), n(this, z).push(
         Bt(n(this, Z).rootElement, (m) => {
           let d = m.getAttribute("href");
-          n(this, M).info("Intercepted link click", m, d), /^https?:\/\/|^\//.test(d) || (d = ae([n(this, k).location.pathname, d])), n(this, k).push(d);
+          n(this, O).info("Intercepted link click", m, d), /^https?:\/\/|^\//.test(d) || (d = ae([n(this, k).location.pathname, d])), n(this, k).push(d);
         })
-      ), n(this, M).info("Intercepting <a> clicks within root element:", n(this, Z).rootElement));
+      ), n(this, O).info("Intercepting <a> clicks within root element:", n(this, Z).rootElement));
     }), e.onUnmount(() => {
       for (; n(this, z).length > 0; )
         n(this, z).pop()();
     });
   }
   setup(e) {
-    if (n(this, le).isMounted) {
-      n(this, M).crash(
+    if (n(this, Ee).isMounted) {
+      n(this, O).crash(
         new Error("Dolla is already mounted. Router setup must be called before Dolla.mount is called.")
       );
       return;
     }
-    e.style === "hash" ? p(this, k, _t()) : p(this, k, Ht()), p(this, ee, Wt(
+    e.style === "hash" ? g(this, k, _t()) : g(this, k, Ht()), g(this, ee, Wt(
       e.routes.flatMap((t) => P(this, B, Je).call(this, t)).map((t) => ({
         pattern: t.pattern,
         meta: t.meta,
@@ -978,7 +979,7 @@ class Ft {
     for (const t of n(this, ee))
       if (t.meta.redirect) {
         let r;
-        if (!Xe(t.meta.redirect)) if (V(t.meta.redirect)) {
+        if (!Xe(t.meta.redirect)) if (U(t.meta.redirect)) {
           if (r = t.meta.redirect, !ot(n(this, ee), r, {
             willMatch(s) {
               return s !== t;
@@ -1000,7 +1001,7 @@ class Ft {
    */
   go(e, t = {}) {
     if (n(this, k) == null) {
-      n(this, M).crash(
+      n(this, O).crash(
         new Error(
           "Router.go was called, but the router was never configured! Run 'Dolla.router.setup' before 'Dolla.mount' to configure routes."
         )
@@ -1015,7 +1016,7 @@ class Ft {
    */
   back(e = 1) {
     if (n(this, k) == null) {
-      n(this, M).crash(
+      n(this, O).crash(
         new Error(
           "Router.back was called, but the router was never configured! Run 'Dolla.router.setup' before 'Dolla.mount' to configure routes."
         )
@@ -1029,7 +1030,7 @@ class Ft {
    */
   forward(e = 1) {
     if (n(this, k) == null) {
-      n(this, M).crash(
+      n(this, O).crash(
         new Error(
           "Router.forward was called, but the router was never configured! Run 'Dolla.router.setup' before 'Dolla.mount' to configure routes."
         )
@@ -1039,7 +1040,7 @@ class Ft {
     n(this, k).go(e);
   }
 }
-le = new WeakMap(), M = new WeakMap(), Z = new WeakMap(), k = new WeakMap(), ze = new WeakMap(), W = new WeakMap(), ke = new WeakMap(), ee = new WeakMap(), z = new WeakMap(), ue = new WeakMap(), he = new WeakMap(), fe = new WeakMap(), Le = new WeakMap(), B = new WeakSet(), /**
+Ee = new WeakMap(), O = new WeakMap(), Z = new WeakMap(), k = new WeakMap(), ze = new WeakMap(), W = new WeakMap(), ke = new WeakMap(), ee = new WeakMap(), z = new WeakMap(), le = new WeakMap(), ue = new WeakMap(), he = new WeakMap(), Le = new WeakMap(), B = new WeakSet(), /**
  * Parses a route definition object into a set of matchable routes.
  *
  * @param route - Route config object.
@@ -1056,13 +1057,13 @@ Je = function(e, t = [], r = []) {
     throw new Error("Route must have a 'view', a 'redirect', or a set of nested 'routes'.");
   let i = [];
   for (const c of t)
-    i.push(...ye(c.path));
-  i.push(...ye(e.path)), i[i.length - 1] === "*" && i.pop();
+    i.push(...me(c.path));
+  i.push(...me(e.path)), i[i.length - 1] === "*" && i.pop();
   const s = [];
   if (e.redirect) {
     let c = e.redirect;
-    return V(c) && (c = De(ae(i), c), c.startsWith("/") || (c = "/" + c)), s.push({
-      pattern: "/" + ae([...i, ...ye(e.path)]),
+    return U(c) && (c = De(ae(i), c), c.startsWith("/") || (c = "/" + c)), s.push({
+      pattern: "/" + ae([...i, ...me(e.path)]),
       meta: {
         redirect: c
       }
@@ -1088,22 +1089,23 @@ Je = function(e, t = [], r = []) {
     });
   return s;
 }, Ye = async function({ location: e }) {
-  e.search !== n(this, ke) && (p(this, ke, e.search), n(this, Le).call(this, Ke(e.search)));
+  e.search !== n(this, ke) && (g(this, ke, e.search), n(this, Le).call(this, Ke(e.search)));
   const t = ot(n(this, ee), e.pathname);
   if (!t) {
-    n(this, ue).call(this, null), n(this, he).call(this, e.pathname), n(this, fe).call(this, {
+    n(this, le).call(this, null), n(this, ue).call(this, e.pathname), n(this, he).call(this, {
       wildcard: e.pathname
     });
     return;
   }
   if (t.meta.beforeMatch && await t.meta.beforeMatch({
+    // TODO: Allow setting context variables from here.
     redirect: (r) => {
       throw new Error("Redirect not yet implemented.");
     }
-  }), n(this, M).info(`Matched route: '${t.pattern}' ('${t.path}')`), t.meta.redirect != null)
+  }), n(this, O).info(`Matched route: '${t.pattern}' ('${t.path}')`), t.meta.redirect != null)
     if (typeof t.meta.redirect == "string") {
       const r = Qt(t.meta.redirect, t.params);
-      n(this, M).info(`Redirecting to: '${r}'`), n(this, k).replace(r);
+      n(this, O).info(`Redirecting to: '${r}'`), n(this, k).replace(r);
     } else if (typeof t.meta.redirect == "function") {
       const r = {
         path: t.path,
@@ -1114,18 +1116,20 @@ Je = function(e, t = [], r = []) {
       let i = await t.meta.redirect(r);
       if (typeof i != "string")
         throw new Error("Redirect function must return a path to redirect to.");
-      i.startsWith("/") || (i = De(t.path, i)), n(this, M).info(`Redirecting to: '${i}'`), n(this, k).replace(i);
+      i.startsWith("/") || (i = De(t.path, i)), n(this, O).info(`Redirecting to: '${i}'`), n(this, k).replace(i);
     } else
       throw new TypeError("Redirect must either be a path string or a function.");
-  else if (n(this, he).call(this, t.path), n(this, fe).call(this, t.params), t.pattern !== this.$pattern.get()) {
-    n(this, ue).call(this, t.pattern);
+  else if (n(this, ue).call(this, t.path), n(this, he).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, W)[i];
       if ((o == null ? void 0 : o.id) !== s.id) {
-        n(this, M).info(`Replacing layer @${i} (active ID: ${o == null ? void 0 : o.id}, matched ID: ${s.id})`), p(this, W, n(this, W).slice(0, i));
-        const f = n(this, W).at(-1), c = n(this, le).constructView(s.view, {});
-        o && o.node.isMounted && o.node.unmount(), f ? f.node.setChildren([c]) : n(this, Z).rootView.setChildren([c]), n(this, W).push({ id: s.id, node: c });
+        n(this, O).info(`Replacing layer @${i} (active ID: ${o == null ? void 0 : o.id}, matched ID: ${s.id})`), g(this, W, n(this, W).slice(0, i));
+        const f = n(this, W).at(-1);
+        o && o.node.isMounted && o.node.unmount();
+        let c;
+        f ? c = f.node.setChildView(s.view) : c = n(this, Z).rootView.setChildView(s.view), n(this, W).push({ id: s.id, node: c });
       }
     }
   }
@@ -1152,7 +1156,7 @@ function Qt(a, e) {
   }
   return a;
 }
-var F, Pe, I, te, Se, Re, xe, Me, Ne, R, G;
+var F, Pe, I, te, Se, Re, xe, Oe, Me, R, G;
 class Kt {
   constructor() {
     L(this, "http");
@@ -1163,11 +1167,11 @@ class Kt {
     h(this, Pe, "production");
     h(this, I);
     h(this, te);
-    h(this, Se, Nt);
+    h(this, Se, Mt);
     h(this, Re, []);
     h(this, xe, []);
+    h(this, Oe, []);
     h(this, Me, []);
-    h(this, Ne, []);
     h(this, R, {
       info: "development",
       log: "development",
@@ -1175,17 +1179,17 @@ class Kt {
       error: !0
     });
     h(this, G, rt("*,-dolla/*"));
-    L(this, "createSignal", K);
-    L(this, "createSettableSignal", $t);
-    L(this, "toSettableSignal", Et);
-    L(this, "signalify", Ge);
-    L(this, "designalify", kt);
+    L(this, "createState", K);
+    L(this, "createSettableState", $t);
+    L(this, "toSettableState", Et);
+    L(this, "toState", Ge);
+    L(this, "valueOf", kt);
     L(this, "derive", Be);
     L(this, "watch", ut);
     L(this, "createRef", Lt);
     L(this, "isRef", Pt);
     const e = this;
-    this.http = new Ot(), this.language = new Dt(this), this.render = new Ut(this), this.router = new Ft(this, {
+    this.http = new Nt(), this.language = new Dt(this), this.render = new Vt(this), this.router = new Ft(this, {
       get rootElement() {
         return n(e, I);
       },
@@ -1212,33 +1216,33 @@ class Kt {
    * Environment affects which log messages will print and how much debugging info is included in the DOM.
    */
   setEnv(e) {
-    p(this, Pe, e);
+    g(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) {
-    p(this, Se, e);
+    g(this, Se, e);
   }
   async mount(e, t) {
     if (n(this, F))
       throw new Error("Dolla is already mounted.");
-    if (V(e)) {
+    if (U(e)) {
       const i = document.querySelector(e);
-      nt(HTMLElement, i, `Selector '${e}' did not match any element.`), p(this, I, i);
+      nt(HTMLElement, i, `Selector '${e}' did not match any element.`), g(this, I, i);
     } else
-      nt(HTMLElement, e, "Expected an HTML element or a selector string. Got type: %t, value: %v"), p(this, I, e);
+      nt(HTMLElement, e, "Expected an HTML element or a selector string. Got type: %t, value: %v"), g(this, I, e);
     let r;
-    t ? r = at(t) : r = at(ht), p(this, te, this.constructView(r.type, r.props)), await Promise.all(n(this, Re).map((i) => i())), n(this, te).mount(n(this, I)), p(this, F, !0);
+    t ? r = at(t) : r = at(ht), g(this, te, this.constructView(r.type, r.props)), await Promise.all(n(this, Re).map((i) => i())), n(this, te).mount(n(this, I)), g(this, F, !0);
     for (const i of n(this, xe))
       i();
   }
   async unmount() {
     var e;
     if (n(this, F)) {
-      await Promise.all(n(this, Me).map((t) => t())), (e = n(this, te)) == null || e.unmount(), p(this, F, !1);
-      for (const t of n(this, Ne))
+      await Promise.all(n(this, Oe).map((t) => t())), (e = n(this, te)) == null || e.unmount(), g(this, F, !1);
+      for (const t of n(this, Me))
         t();
     }
   }
@@ -1260,13 +1264,13 @@ class Kt {
    * it will be awaited before unmounting finishes. Use this to perform cleanup.
    */
   beforeUnmount(e) {
-    n(this, Me).push(e);
+    n(this, Oe).push(e);
   }
   /**
    * Registers a `callback` to run after the app is unmounted.
    */
   onUnmount(e) {
-    n(this, Ne).push(e);
+    n(this, Me).push(e);
   }
   /**
    * Update log type toggles. Values that are not passed will remain unchanged.
@@ -1278,7 +1282,7 @@ class Kt {
     }
   }
   setLogFilter(e) {
-    p(this, G, rt(e));
+    g(this, G, rt(e));
   }
   createLogger(e, t) {
     const r = Ge(e), i = (t == null ? void 0 : t.console) ?? St(), s = this;
@@ -1286,8 +1290,8 @@ class Kt {
       get info() {
         var f;
         const o = r.get();
-        if (n(s, R).info === !1 || V(n(s, R).info) && n(s, R).info !== s.getEnv() || !n(f = s, G).call(f, o))
-          return Oe;
+        if (n(s, R).info === !1 || U(n(s, R).info) && n(s, R).info !== s.getEnv() || !n(f = s, G).call(f, o))
+          return Ne;
         {
           let c = `%c${o}`;
           return t != null && t.uid ? c += ` %c[uid: %c${t.uid}%c]` : c += "%c%c%c", i.info.bind(
@@ -1303,8 +1307,8 @@ class Kt {
       get log() {
         var f;
         const o = r.get();
-        if (n(s, R).log === !1 || V(n(s, R).log) && n(s, R).log !== s.getEnv() || !n(f = s, G).call(f, o))
-          return Oe;
+        if (n(s, R).log === !1 || U(n(s, R).log) && n(s, R).log !== s.getEnv() || !n(f = s, G).call(f, o))
+          return Ne;
         {
           let c = `%c${o}`;
           return t != null && t.uid ? c += ` %c[uid: %c${t.uid}%c]` : c += "%c%c%c", i.log.bind(
@@ -1320,8 +1324,8 @@ class Kt {
       get warn() {
         var f;
         const o = r.get();
-        if (n(s, R).warn === !1 || V(n(s, R).warn) && n(s, R).warn !== s.getEnv() || !n(f = s, G).call(f, o))
-          return Oe;
+        if (n(s, R).warn === !1 || U(n(s, R).warn) && n(s, R).warn !== s.getEnv() || !n(f = s, G).call(f, o))
+          return Ne;
         {
           let c = `%c${o}`;
           return t != null && t.uid ? c += ` %c[uid: %c${t.uid}%c]` : c += "%c%c%c", i.warn.bind(
@@ -1337,8 +1341,8 @@ class Kt {
       get error() {
         var f;
         const o = r.get();
-        if (n(s, R).error === !1 || V(n(s, R).error) && n(s, R).error !== s.getEnv() || !n(f = s, G).call(f, o))
-          return Oe;
+        if (n(s, R).error === !1 || U(n(s, R).error) && n(s, R).error !== s.getEnv() || !n(f = s, G).call(f, o))
+          return Ne;
         {
           let c = `%c${o}`;
           return t != null && t.uid ? c += ` %c[uid: %c${t.uid}%c]` : c += "%c%c%c", i.error.bind(
@@ -1364,33 +1368,33 @@ class Kt {
    *
    */
   constructView(e, t, r = []) {
-    return Rt({ root: this }, e, t, r);
+    return Rt({ root: this, data: {} }, e, t, r);
   }
   /**
    *
    */
   constructMarkup(e) {
-    return xt(Mt({ root: this }, e));
+    return xt(Ot({ root: this, data: {} }, e));
   }
 }
-F = new WeakMap(), Pe = new WeakMap(), I = new WeakMap(), te = new WeakMap(), Se = new WeakMap(), Re = new WeakMap(), xe = new WeakMap(), Me = new WeakMap(), Ne = new WeakMap(), R = new WeakMap(), G = new WeakMap();
+F = new WeakMap(), Pe = new WeakMap(), I = new WeakMap(), te = new WeakMap(), Se = new WeakMap(), Re = new WeakMap(), xe = new WeakMap(), Oe = new WeakMap(), Me = new WeakMap(), R = new WeakMap(), G = new WeakMap();
 const ct = new Kt(), Zt = ct.language.t.bind(ct.language);
 export {
-  yt as cond,
+  wt as cond,
   at as createMarkup,
   Lt as createRef,
-  $t as createSettableSignal,
-  K as createSignal,
-  rr as createSignalSetter,
+  $t as createSettableState,
+  rr as createSetter,
+  K as createState,
   ct as default,
   Be as derive,
-  kt as designalify,
   tt as html,
   Pt as isRef,
   nr as portal,
   ar as repeat,
-  Ge as signalify,
   Zt as t,
-  Et as toSettableSignal
+  Et as toSettableState,
+  Ge as toState,
+  kt as valueOf
 };
 //# sourceMappingURL=index.js.map