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

package/dist/{markup-D1i09ddt.js → markup-C-1VlVZi.js}

@@ -1,16 +1,16 @@
-var jt = Object.defineProperty;
-var ut = (r) => {
-  throw TypeError(r);
+var It = Object.defineProperty;
+var it = (s) => {
+  throw TypeError(s);
 };
-var Rt = (r, t, e) => t in r ? jt(r, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[t] = e;
-var o = (r, t, e) => Rt(r, typeof t != "symbol" ? t + "" : t, e), ct = (r, t, e) => t.has(r) || ut("Cannot " + e);
-var O = (r, t, e) => (ct(r, t, "read from private field"), e ? e.call(r) : t.get(r)), W = (r, t, e) => t.has(r) ? ut("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(r) : t.set(r, e), T = (r, t, e, n) => (ct(r, t, "write to private field"), n ? n.call(r, e) : t.set(r, e), e);
-function kt(r) {
-  return r && r.__esModule && Object.prototype.hasOwnProperty.call(r, "default") ? r.default : r;
+var jt = (s, t, e) => t in s ? It(s, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[t] = e;
+var o = (s, t, e) => jt(s, typeof t != "symbol" ? t + "" : t, e), ot = (s, t, e) => t.has(s) || it("Cannot " + e);
+var O = (s, t, e) => (ot(s, t, "read from private field"), e ? e.call(s) : t.get(s)), P = (s, t, e) => t.has(s) ? it("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(s) : t.set(s, e), T = (s, t, e, n) => (ot(s, t, "write to private field"), n ? n.call(s, e) : t.set(s, e), e);
+function Mt(s) {
+  return s && s.__esModule && Object.prototype.hasOwnProperty.call(s, "default") ? s.default : s;
 }
-var P = { exports: {} }, at;
+var q = { exports: {} }, ut;
 function Ut() {
-  return at || (at = 1, function(r, t) {
+  return ut || (ut = 1, function(s, t) {
     Object.defineProperty(t, "__esModule", { value: !0 });
     var e = /* @__PURE__ */ function() {
       function h(a, f) {
@@ -37,15 +37,15 @@ function Ut() {
       return h.reduce(function(a, f) {
         return 16 > f ? a + "0" + f.toString(16) : a + f.toString(16);
       }, "#");
-    }, s = function(h, a, f) {
-      var l = 0.5 > f ? f * (1 + a) : f + a - f * a, d = 2 * f - l, p = function(w, v, S) {
-        var z = Math.round, g = 0 > S ? S + 1 : 1 < S ? S - 1 : S;
-        return g = g < 1 / 6 ? w + 6 * (v - w) * g : g < 1 / 2 ? v : g < 2 / 3 ? w + 6 * (v - w) * (2 / 3 - g) : w, z(255 * g);
+    }, r = function(h, a, f) {
+      var l = 0.5 > f ? f * (1 + a) : f + a - f * a, d = 2 * f - l, p = function(w, C, v) {
+        var z = Math.round, g = 0 > v ? v + 1 : 1 < v ? v - 1 : v;
+        return g = g < 1 / 6 ? w + 6 * (C - w) * g : g < 1 / 2 ? C : g < 2 / 3 ? w + 6 * (C - w) * (2 / 3 - g) : w, z(255 * g);
       }, _ = p(d, l, h + 1 / 3), x = p(d, l, h), y = p(d, l, h - 1 / 3);
       return [_, x, y];
     }, i = function(h, a, f, l) {
-      var d = h % 1007 / 1007, p = function(w, v, S) {
-        return w * (S - v) + v;
+      var d = h % 1007 / 1007, p = function(w, C, v) {
+        return w * (v - C) + C;
       }, _ = p(d, a.min, a.max), x = p(d, f.min, f.max), y = p(d, l.max, l.min);
       return [_, x, y];
     }, u = function(h) {
@@ -53,229 +53,229 @@ function Ut() {
         return a * f.charCodeAt(0) * l + 1;
       }, 1);
     }, c = function(h) {
-      var a = h.str, f = h.hue, l = f === void 0 ? { min: 0, max: 360 } : f, d = h.sat, p = d === void 0 ? { min: 0.35, max: 0.65 } : d, _ = h.light, x = _ === void 0 ? { min: 0.3, max: 0.7 } : _, y = h.hashFunction, w = y === void 0 ? u : y, v = h.scheme, S = v === void 0 ? "hex" : v, z = i(w(a), l, p, x), g = e(z, 3), rt = g[0], st = g[1], it = g[2], ot = s(rt / 360, st, it), qt = n(ot);
-      return S === "hsl" ? [rt, st, it] : S === "rgb" ? ot : qt;
+      var a = h.str, f = h.hue, l = f === void 0 ? { min: 0, max: 360 } : f, d = h.sat, p = d === void 0 ? { min: 0.35, max: 0.65 } : d, _ = h.light, x = _ === void 0 ? { min: 0.3, max: 0.7 } : _, y = h.hashFunction, w = y === void 0 ? u : y, C = h.scheme, v = C === void 0 ? "hex" : C, z = i(w(a), l, p, x), g = e(z, 3), et = g[0], nt = g[1], st = g[2], rt = r(et / 360, nt, st), Ft = n(rt);
+      return v === "hsl" ? [et, nt, st] : v === "rgb" ? rt : Ft;
     };
-    t.default = c, r.exports = t.default;
-  }(P, P.exports)), P.exports;
+    t.default = c, s.exports = t.default;
+  }(q, q.exports)), q.exports;
 }
-var Dt = Ut();
-const zt = /* @__PURE__ */ kt(Dt);
-function V(r) {
-  const t = typeof r;
+var Rt = Ut();
+const Dt = /* @__PURE__ */ Mt(Rt);
+function $(s) {
+  const t = typeof s;
   switch (t) {
     case "undefined":
       return t;
     case "number":
-      return isNaN(r) ? "NaN" : t;
+      return isNaN(s) ? "NaN" : t;
     case "function":
-      return /^\s*class\s+/.test(r.toString()) ? "class" : t;
+      return /^\s*class\s+/.test(s.toString()) ? "class" : t;
     case "object":
-      return r === null ? "null" : r instanceof Promise ? "promise" : r instanceof Map ? "map" : r instanceof Set ? "set" : Array.isArray(r) ? "array" : t;
+      return s === null ? "null" : s instanceof Promise ? "promise" : s instanceof Map ? "map" : s instanceof Set ? "set" : Array.isArray(s) ? "array" : t;
     default:
       return t;
   }
 }
-function A(r) {
-  return Array.isArray(r);
+function A(s) {
+  return Array.isArray(s);
 }
-function bt(...r) {
-  const t = r[0], e = (n) => A(n) && n.every((s) => t(s));
-  return r.length < 2 ? e : e(r[1]);
+function bt(...s) {
+  const t = s[0], e = (n) => A(n) && n.every((r) => t(r));
+  return s.length < 2 ? e : e(s[1]);
 }
-function xe(...r) {
-  const t = r[0], e = b(r[2]) ? r[2] : "Expected an array of valid items. Got type: %t, value: %v", n = (s) => {
-    if (A(s) && s.every((i) => t(i)))
+function ye(...s) {
+  const t = s[0], e = k(s[2]) ? s[2] : "Expected an array of valid items. Got type: %t, value: %v", n = (r) => {
+    if (A(r) && r.every((i) => t(i)))
       return !0;
-    throw new TypeError(U(s, e));
+    throw new TypeError(R(r, e));
   };
-  return r.length < 2 ? n : n(r[1]);
+  return s.length < 2 ? n : n(s[1]);
 }
-function b(r) {
-  return typeof r == "string";
+function k(s) {
+  return typeof s == "string";
 }
-function Me(r, t) {
-  if (b(r))
+function ve(s, t) {
+  if (k(s))
     return !0;
-  throw new TypeError(U(r, t ?? "Expected a string. Got type: %t, value: %v"));
+  throw new TypeError(R(s, t ?? "Expected a string. Got type: %t, value: %v"));
 }
-function I(r) {
-  return typeof r == "function" && !Kt(r);
+function V(s) {
+  return typeof s == "function" && !Gt(s);
 }
-function Gt(r) {
-  return typeof r == "number" && !isNaN(r);
+function zt(s) {
+  return typeof s == "number" && !isNaN(s);
 }
-function Kt(r) {
-  return typeof r == "function" && /^\s*class\s+/.test(r.toString());
+function Gt(s) {
+  return typeof s == "function" && /^\s*class\s+/.test(s.toString());
 }
-function ke(...r) {
-  const t = r[0], e = b(r[2]) ? r[2] : `Expected instance of ${t.name}. Got type: %t, value: %v`, n = (s) => {
-    if (s instanceof t)
+function Se(...s) {
+  const t = s[0], e = k(s[2]) ? s[2] : `Expected instance of ${t.name}. Got type: %t, value: %v`, n = (r) => {
+    if (r instanceof t)
       return !0;
-    throw new TypeError(U(s, e));
+    throw new TypeError(R(r, e));
   };
-  return r.length < 2 ? n : n(r[1]);
+  return s.length < 2 ? n : n(s[1]);
 }
-function Z(r) {
-  return r != null && typeof r == "object" && !A(r);
+function Z(s) {
+  return s != null && typeof s == "object" && !A(s);
 }
-function be(r, t) {
-  if (Z(r))
+function Ce(s, t) {
+  if (Z(s))
     return !0;
-  throw new TypeError(U(r, t));
+  throw new TypeError(R(s, t));
 }
-function U(r, t) {
-  var s;
-  const e = V(r), n = ((s = r == null ? void 0 : r.toString) == null ? void 0 : s.call(r)) || String(r);
+function R(s, t) {
+  var r;
+  const e = $(s), n = ((r = s == null ? void 0 : s.toString) == null ? void 0 : r.call(s)) || String(s);
   return t.replaceAll("%t", e).replaceAll("%v", n);
 }
-var G, ht;
-function Bt() {
-  return ht || (ht = 1, G = function r(t, e) {
+var G, ct;
+function Kt() {
+  return ct || (ct = 1, G = function s(t, e) {
     if (t === e) return !0;
     if (t && e && typeof t == "object" && typeof e == "object") {
       if (t.constructor !== e.constructor) return !1;
-      var n, s, i;
+      var n, r, i;
       if (Array.isArray(t)) {
         if (n = t.length, n != e.length) return !1;
-        for (s = n; s-- !== 0; )
-          if (!r(t[s], e[s])) return !1;
+        for (r = n; r-- !== 0; )
+          if (!s(t[r], e[r])) return !1;
         return !0;
       }
       if (t instanceof Map && e instanceof Map) {
         if (t.size !== e.size) return !1;
-        for (s of t.entries())
-          if (!e.has(s[0])) return !1;
-        for (s of t.entries())
-          if (!r(s[1], e.get(s[0]))) return !1;
+        for (r of t.entries())
+          if (!e.has(r[0])) return !1;
+        for (r of t.entries())
+          if (!s(r[1], e.get(r[0]))) return !1;
         return !0;
       }
       if (t instanceof Set && e instanceof Set) {
         if (t.size !== e.size) return !1;
-        for (s of t.entries())
-          if (!e.has(s[0])) return !1;
+        for (r of t.entries())
+          if (!e.has(r[0])) return !1;
         return !0;
       }
       if (ArrayBuffer.isView(t) && ArrayBuffer.isView(e)) {
         if (n = t.length, n != e.length) return !1;
-        for (s = n; s-- !== 0; )
-          if (t[s] !== e[s]) return !1;
+        for (r = n; r-- !== 0; )
+          if (t[r] !== e[r]) return !1;
         return !0;
       }
       if (t.constructor === RegExp) return t.source === e.source && t.flags === e.flags;
       if (t.valueOf !== Object.prototype.valueOf) return t.valueOf() === e.valueOf();
       if (t.toString !== Object.prototype.toString) return t.toString() === e.toString();
       if (i = Object.keys(t), n = i.length, n !== Object.keys(e).length) return !1;
-      for (s = n; s-- !== 0; )
-        if (!Object.prototype.hasOwnProperty.call(e, i[s])) return !1;
-      for (s = n; s-- !== 0; ) {
-        var u = i[s];
-        if (!r(t[u], e[u])) return !1;
+      for (r = n; r-- !== 0; )
+        if (!Object.prototype.hasOwnProperty.call(e, i[r])) return !1;
+      for (r = n; r-- !== 0; ) {
+        var u = i[r];
+        if (!s(t[u], e[u])) return !1;
       }
       return !0;
     }
     return t !== t && e !== e;
   }), G;
 }
-var Ht = Bt();
-const Yt = /* @__PURE__ */ kt(Ht), Zt = () => {
+var Bt = Kt();
+const Ht = /* @__PURE__ */ Mt(Bt), Zt = () => {
 };
 let K = 1;
-function J() {
+function kt() {
   return K = K % Number.MAX_SAFE_INTEGER + 1, K.toString(36) + Date.now().toString(36);
 }
-function Et(r, t) {
-  return Object.is(r, t);
+function Et(s, t) {
+  return Object.is(s, t);
 }
-function Ee(r, t) {
-  if (Object.is(r, t)) return !0;
-  const e = V(r);
-  if (e !== V(t))
+function xe(s, t) {
+  if (Object.is(s, t)) return !0;
+  const e = $(s);
+  if (e !== $(t))
     return !1;
   switch (e) {
     case "object":
       let n = 0;
-      for (const s in r) {
-        if (r[s] !== t[s]) return !1;
+      for (const r in s) {
+        if (s[r] !== t[r]) return !1;
         n++;
       }
       return Object.keys(t).length === n;
     case "array":
-      if (r.length !== t.length) return !1;
-      for (let s = 0; s < r.length; s++)
-        if (r[s] !== t[s]) return !1;
+      if (s.length !== t.length) return !1;
+      for (let r = 0; r < s.length; r++)
+        if (s[r] !== t[r]) return !1;
       return !0;
     case "map":
-      if (r.size !== t.size) return !1;
-      for (const s of r.keys())
-        if (r[s] !== t[s]) return !1;
+      if (s.size !== t.size) return !1;
+      for (const r of s.keys())
+        if (s[r] !== t[r]) return !1;
       return !0;
     case "set":
-      if (I(r.symmetricDifference))
-        return r.symmetricDifference(t).size === 0;
-      for (const s of r.keys())
-        if (r[s] !== t.get(s)) return !1;
+      if (V(s.symmetricDifference))
+        return s.symmetricDifference(t).size === 0;
+      for (const r of s.keys())
+        if (s[r] !== t.get(r)) return !1;
       return !0;
   }
   return !1;
 }
-const Ae = Yt;
-function Jt(r, t) {
+const Me = Ht;
+function Yt(s, t) {
   const e = (n) => {
-    const s = {};
+    const r = {};
     for (const i in n)
-      r.includes(i) || (s[i] = n[i]);
-    return s;
+      s.includes(i) || (r[i] = n[i]);
+    return r;
   };
   return t == null ? e : e(t);
 }
-function Oe(r) {
-  return zt({
-    str: r,
+function be(s) {
+  return Dt({
+    str: s,
     sat: { min: 0.35, max: 0.55 },
     light: { min: 0.6, max: 0.6 }
   });
 }
-function Ve(r) {
-  if (r instanceof RegExp)
-    return (n) => r.test(n);
+function ke(s) {
+  if (s instanceof RegExp)
+    return (n) => s.test(n);
   const t = {
     positive: [],
     negative: []
-  }, e = r.split(",").map((n) => n.trim()).filter((n) => n !== "");
+  }, e = s.split(",").map((n) => n.trim()).filter((n) => n !== "");
   for (let n of e) {
-    let s = "positive";
-    n.startsWith("-") && (s = "negative", n = n.slice(1)), n === "*" ? t[s].push(function() {
+    let r = "positive";
+    n.startsWith("-") && (r = "negative", n = n.slice(1)), n === "*" ? t[r].push(function() {
       return !0;
-    }) : n.endsWith("*") ? t[s].push(function(i) {
+    }) : n.endsWith("*") ? t[r].push(function(i) {
       return i.startsWith(n.slice(0, n.length - 1));
-    }) : t[s].push(function(i) {
+    }) : t[r].push(function(i) {
       return i === n;
     });
   }
   return function(n) {
-    const { positive: s, negative: i } = t;
-    return !(i.some((u) => u(n)) || s.length > 0 && !s.some((u) => u(n)));
+    const { positive: r, negative: i } = t;
+    return !(i.some((u) => u(n)) || r.length > 0 && !r.some((u) => u(n)));
   };
 }
-var Xt = Object.defineProperty, Qt = (r, t, e) => t in r ? Xt(r, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[t] = e, lt = (r, t, e) => Qt(r, typeof t != "symbol" ? t + "" : t, e);
-class q {
+var Xt = Object.defineProperty, Jt = (s, t, e) => t in s ? Xt(s, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[t] = e, at = (s, t, e) => Jt(s, typeof t != "symbol" ? t + "" : t, e);
+class I {
   constructor() {
-    lt(this, "_l", /* @__PURE__ */ new Map()), lt(this, "_a", (t) => {
+    at(this, "_l", /* @__PURE__ */ new Map()), at(this, "_a", (t) => {
       if (typeof t != "string" && !(t instanceof Symbol))
         throw new TypeError("Emitter: eventName should be a string or symbol");
     });
   }
   emit(t, ...e) {
     let n = this.listeners(t);
-    for (const s of n)
+    for (const r of n)
       try {
-        s(...e);
+        r(...e);
       } catch (i) {
         let u = this._l.get("error");
         if (u != null && u.length)
           for (const c of u)
-            c(i, t, s, ...e);
+            c(i, t, r, ...e);
         else throw i;
       }
     return t != "*" && this.emit("*", t, ...e) || n.length > 0;
@@ -302,67 +302,67 @@ class q {
     return [...this._l.entries()].filter(([, t]) => t.length).map(([t]) => t);
   }
 }
-var $, E;
-class $e {
+var L, E;
+class Ee {
   constructor(t) {
     // #dolla;
-    W(this, $);
-    W(this, E);
-    T(this, $, t.createLogger("Dolla.stats")), T(this, E, N());
+    P(this, L);
+    P(this, E);
+    T(this, L, t.createLogger("Dolla.stats")), T(this, E, W());
     let e;
     O(this, E).emitter.on("statsChanged", () => {
       e && clearTimeout(e), e = setTimeout(() => {
-        O(this, $).info(O(this, E).stats);
+        O(this, L).info(O(this, E).stats);
       }, 200);
     });
   }
 }
-$ = new WeakMap(), E = new WeakMap();
+L = new WeakMap(), E = new WeakMap();
 const B = Symbol.for("DollaStatsStore");
-function ft() {
-  const r = new q(), t = {
+function ht() {
+  const s = new I(), t = {
     watcherCount: 0,
     viewCount: 0
   };
-  return r.on("_incrementViewCount", (e) => {
-    t.viewCount += e, r.emit("statsChanged");
-  }), r.on("_incrementWatcherCount", (e) => {
-    t.watcherCount += e, r.emit("statsChanged");
-  }), { emitter: r, stats: t };
+  return s.on("_incrementViewCount", (e) => {
+    t.viewCount += e, s.emit("statsChanged");
+  }), s.on("_incrementWatcherCount", (e) => {
+    t.watcherCount += e, s.emit("statsChanged");
+  }), { emitter: s, stats: t };
 }
-function N() {
-  return typeof window < "u" ? (window[B] || (window[B] = ft()), window[B]) : ft();
+function W() {
+  return typeof window < "u" ? (window[B] || (window[B] = ht()), window[B]) : ht();
 }
 function At() {
-  N().emitter.emit("_incrementWatcherCount", 1);
+  W().emitter.emit("_incrementWatcherCount", 1);
 }
 function Ot() {
-  N().emitter.emit("_incrementWatcherCount", -1);
+  W().emitter.emit("_incrementWatcherCount", -1);
 }
-function te() {
-  N().emitter.emit("_incrementViewCount", 1);
+function Qt() {
+  W().emitter.emit("_incrementViewCount", 1);
 }
-function ee() {
-  N().emitter.emit("_incrementViewCount", -1);
+function te() {
+  W().emitter.emit("_incrementViewCount", -1);
 }
-const Vt = Symbol.for("DollaState"), $t = Symbol.for("DollaRef"), Lt = Symbol.for("DollaMarkup"), M = Symbol.for("DollaMarkupElement"), ne = Symbol.for("DollaStore"), Nt = Symbol.for("DollaStoreFactory"), Le = Symbol.for("DollaRouter");
-function m(r) {
-  return (r == null ? void 0 : r[Vt]) === !0;
+const $t = Symbol.for("DollaState"), Vt = Symbol.for("DollaRef"), Lt = Symbol.for("DollaMarkup"), M = Symbol.for("DollaMarkupElement"), Ae = Symbol.for("DollaRouter");
+function m(s) {
+  return (s == null ? void 0 : s[$t]) === !0;
 }
-function re(r) {
-  return m(r) ? r.get() : r;
+function ee(s) {
+  return m(s) ? s.get() : s;
 }
-function X(r) {
-  return m(r) ? r : new Q({
+function Y(s) {
+  return m(s) ? s : new X({
     get() {
-      return r;
+      return s;
     },
     watch(t, e = {}) {
-      return e != null && e.lazy || t(r), Zt;
+      return e != null && e.lazy || t(s), Zt;
     }
   });
 }
-class se {
+class ne {
   constructor(t, e) {
     o(this, "value");
     o(this, "watchers", []);
@@ -390,11 +390,11 @@ class se {
     };
   }
 }
-var _t;
-_t = Vt;
-class Q {
+var mt;
+mt = $t;
+class X {
   constructor(t) {
-    o(this, _t, !0);
+    o(this, mt, !0);
     o(this, "__value");
     this.__value = t;
   }
@@ -405,12 +405,12 @@ class Q {
     return this.__value.watch(t, e);
   }
 }
-function Y(r, t) {
-  const e = new se(r, t);
-  return [new Q(e), (s) => e.set(s)];
+function H(s, t) {
+  const e = new ne(s, t);
+  return [new X(e), (r) => e.set(r)];
 }
-const dt = Symbol("EMPTY");
-class ie {
+const lt = Symbol("EMPTY");
+class se {
   constructor(t, e, n) {
     o(this, "equals", Et);
     /**
@@ -440,7 +440,7 @@ class ie {
     /**
      * The current value as returned from `fn` (may be a State)
      */
-    o(this, "value", dt);
+    o(this, "value", lt);
     /**
      * The current unwrapped value.
      */
@@ -449,7 +449,7 @@ class ie {
      * When value is a State, this function will stop watching its value.
      */
     o(this, "stopWatchingCurrentValue");
-    this.sources = t.map(X), this.fn = e, n != null && n.equals && (this.equals = n.equals), this.previousSourceValues = new Array(t.length).fill(dt, 0, t.length);
+    this.sources = t.map(Y), this.fn = e, n != null && n.equals && (this.equals = n.equals), this.previousSourceValues = new Array(t.length).fill(lt, 0, t.length);
   }
   /*==========================*\
   ||     "Public" methods     ||
@@ -473,24 +473,24 @@ class ie {
   }
   update() {
     const t = this.sources, e = this.previousSourceValues;
-    let n = !1, s;
+    let n = !1, r;
     for (let i = 0; i < t.length; i++)
-      s = t[i].get(), !n && !this.equals(s, e[i]) && (n = !0), e[i] = s;
+      r = t[i].get(), !n && !this.equals(r, e[i]) && (n = !0), e[i] = r;
     n && this.setValue(this.fn(...e));
   }
   getValue() {
     return this.isWatchingSources || this.update(), this.rawValue;
   }
   setValue(t) {
-    this.stopWatchingCurrentValue && (this.stopWatchingCurrentValue(), this.stopWatchingCurrentValue = void 0), this.value = t, this.rawValue = re(t), this.isWatchingSources && m(t) ? this.stopWatchingCurrentValue = t.watch((e) => {
+    this.stopWatchingCurrentValue && (this.stopWatchingCurrentValue(), this.stopWatchingCurrentValue = void 0), this.value = t, this.rawValue = ee(t), this.isWatchingSources && m(t) ? this.stopWatchingCurrentValue = t.watch((e) => {
       this.rawValue = e, this.notify(e);
     }) : this.notify(this.rawValue);
   }
   startWatchingSources() {
     const t = this.previousSourceValues;
     for (let n = 0; n < this.sources.length; n++)
-      this.sourceWatcher.watch([this.sources[n]], (s) => {
-        if (t[n] = s, this.isWatchingSources) {
+      this.sourceWatcher.watch([this.sources[n]], (r) => {
+        if (t[n] = r, this.isWatchingSources) {
           const i = this.fn(...t);
           this.equals(i, this.value) || this.setValue(i);
         }
@@ -503,226 +503,60 @@ class ie {
     this.sourceWatcher.stopAll(), this.stopWatchingCurrentValue && (this.stopWatchingCurrentValue(), this.stopWatchingCurrentValue = void 0), this.isWatchingSources = !1;
   }
 }
-function oe(r, t, e) {
-  const n = new ie(r, t, e);
-  return new Q(n);
+function re(s, t, e) {
+  const n = new se(s, t, e);
+  return new X(n);
 }
 function D() {
-  const r = [];
+  const s = [];
   return {
     watch(t, e) {
       if (t.length === 0)
         throw new TypeError("Expected at least one state to watch.");
-      t = t.map(X);
+      t = t.map(Y);
       let n;
-      return t.length > 1 ? n = oe(t, e).watch(() => null) : n = t[0].watch(e), r.push(n), () => {
-        let s = r.indexOf(n);
-        s > -1 && r.splice(s, 1), n();
+      return t.length > 1 ? n = re(t, e).watch(() => null) : n = t[0].watch(e), s.push(n), () => {
+        let r = s.indexOf(n);
+        r > -1 && s.splice(r, 1), n();
       };
     },
     stopAll() {
-      for (; r.length > 0; )
-        r.pop()();
+      for (; s.length > 0; )
+        s.pop()();
     }
   };
 }
-function Ne(r) {
+function Oe(s) {
   function t() {
     if (arguments.length === 1)
-      r = arguments[0];
+      s = arguments[0];
     else if (arguments.length > 1)
       throw new Error(`Too many arguments. Expected 0 or 1. Got: ${arguments.length}`);
-    return r;
-  }
-  return t[$t] = !0, t;
-}
-function ue(r) {
-  return (r == null ? void 0 : r[$t]) === !0;
-}
-var L;
-class tt {
-  constructor(t, e) {
-    o(this, "type");
-    o(this, "detail");
-    W(this, L, !1);
-    this.type = t, this.detail = e;
-  }
-  get propagationStopped() {
-    return O(this, L);
-  }
-  stopPropagation() {
-    T(this, L, !0);
-  }
-  get [Symbol.toStringTag]() {
-    return "ContextEvent";
-  }
-  // stopImmediatePropagation() {}
-}
-L = new WeakMap();
-let ce = class {
-  constructor(t) {
-    o(this, "__store");
-    this.__store = t;
-    const e = Object.getOwnPropertyDescriptors(this.__store._logger);
-    for (const n in e)
-      n !== "setName" && Object.defineProperty(this, n, e[n]);
-  }
-  get isMounted() {
-    return this.__store.isMounted;
-  }
-  setName(t) {
-    return this.__store._logger.setName(t), this;
-  }
-  set(t, e) {
-    return this.__store._elementContext.data[t] = e, e;
-  }
-  get(t) {
-    let e = this.__store._elementContext;
-    for (; ; ) {
-      if (t in e.data)
-        return e.data[t];
-      if (e.parent)
-        e = e.parent;
-      else
-        break;
-    }
-    return null;
-  }
-  // on<T = unknown>(eventName: string, listener: (...args: any) => void): void {
-  //   this.__store._elementContext.emitter.on(eventName, listener);
-  // }
-  // off<T = unknown>(eventName: string, listener: (...args: any) => void): void {
-  //   this.__store._elementContext.emitter.off(eventName, listener);
-  // }
-  // once<T = unknown>(eventName: string, listener: (...args: any) => void): void {
-  //   this.__store._elementContext.emitter.once(eventName, listener);
-  // }
-  on(t, e) {
-    if (t === "*") {
-      const n = (s, i) => {
-        e(i);
-      };
-      this.__store._elementContext.emitter.on(t, n), this.__store._wildcardListeners.set(e, n);
-    } else
-      this.__store._elementContext.emitter.on(t, e);
-  }
-  off(t, e) {
-    if (t === "*") {
-      const n = this.__store._wildcardListeners.get(e);
-      n && (this.__store._elementContext.emitter.off(t, n), this.__store._wildcardListeners.delete(e));
-    } else
-      this.__store._elementContext.emitter.off(t, e);
-  }
-  once(t, e) {
-    if (t === "*") {
-      const n = (s, i) => {
-        this.__store._wildcardListeners.delete(e), e(i);
-      };
-      this.__store._elementContext.emitter.once(t, n), this.__store._wildcardListeners.set(e, n);
-    } else
-      this.__store._elementContext.emitter.once(t, e);
-  }
-  emit(t, e) {
-    return this.__store._elementContext.emitter.emit(t, new tt(t, e));
-  }
-  onMount(t) {
-    this.__store._emitter.on("mounted", t);
-  }
-  onUnmount(t) {
-    this.__store._emitter.on("unmounted", t);
-  }
-  watch(t, e) {
-    const n = this.__store;
-    if (n.isMounted)
-      return n._watcher.watch(t, e);
-    {
-      let s, i = !1;
-      return n._emitter.on("mounted", () => {
-        i || (s = n._watcher.watch(t, e));
-      }), () => {
-        s != null && (i = !0, s());
-      };
-    }
-  }
-};
-class ae {
-  constructor(t, e, n) {
-    o(this, "key");
-    o(this, "_fn");
-    o(this, "_options");
-    /**
-     * Value is guaranteed to be set after `attach` is called.
-     */
-    o(this, "value");
-    o(this, "isMounted", !1);
-    o(this, "_elementContext");
-    o(this, "_emitter", new q());
-    o(this, "_wildcardListeners", /* @__PURE__ */ new Map());
-    o(this, "_logger");
-    o(this, "_watcher", D());
-    this.key = t, this._fn = e, this._options = n;
-  }
-  get name() {
-    return this._fn.name;
-  }
-  /**
-   * Attaches this Store to the elementContext.
-   * Returns false if there was already an instance attached, and true otherwise.
-   */
-  attach(t) {
-    if (t.stores.has(this.key))
-      return !1;
-    this._elementContext = t, this._logger = t.root.createLogger(this._fn.name), this._emitter.on("error", (n, s, ...i) => {
-      console.log({ error: n, eventName: s, args: i }), this._logger.crash(n);
-    });
-    const e = new ce(this);
-    try {
-      this.value = this._fn.call(e, this._options, e);
-    } catch (n) {
-      this._logger.crash(n);
-    }
-    return t.stores.set(this.key, this), !0;
-  }
-  handleMount() {
-    this.isMounted = !0, this._emitter.emit("mounted");
-  }
-  handleUnmount() {
-    this.isMounted = !1, this._emitter.emit("unmounted"), this._emitter.clear(), this._watcher.stopAll();
-  }
-}
-function he(r) {
-  return (r == null ? void 0 : r[Nt]) === !0;
-}
-function le(r) {
-  return (r == null ? void 0 : r[ne]) === !0;
-}
-function Te(r) {
-  const t = J();
-  function e(n) {
-    return new ae(t, r, n);
+    return s;
   }
-  return e[Nt] = !0, e.key = t, e;
+  return t[Vt] = !0, t;
 }
-class H extends Error {
+function ie(s) {
+  return (s == null ? void 0 : s[Vt]) === !0;
 }
-function Pe(r, t) {
+function $e(s, t) {
   return t.outlet();
 }
-function fe(r) {
-  for (var t, e, n = arguments, s = 1, i = "", u = "", c = [0], h = function(l) {
-    s === 1 && (l || (i = i.replace(/^\s*\n\s*|\s*\n\s*$/g, ""))) ? c.push(l ? n[l] : i) : s === 3 && (l || i) ? (c[1] = l ? n[l] : i, s = 2) : s === 2 && i === "..." && l ? c[2] = Object.assign(c[2] || {}, n[l]) : s === 2 && i && !l ? (c[2] = c[2] || {})[i] = !0 : s >= 5 && (s === 5 ? ((c[2] = c[2] || {})[e] = l ? i ? i + n[l] : n[l] : i, s = 6) : (l || i) && (c[2][e] += l ? i + n[l] : i)), i = "";
-  }, a = 0; a < r.length; a++) {
-    a && (s === 1 && h(), h(a));
-    for (var f = 0; f < r[a].length; f++) t = r[a][f], s === 1 ? t === "<" ? (h(), c = [c, "", null], s = 3) : i += t : s === 4 ? i === "--" && t === ">" ? (s = 1, i = "") : i = t + i[0] : u ? t === u ? u = "" : i += t : t === '"' || t === "'" ? u = t : t === ">" ? (h(), s = 1) : s && (t === "=" ? (s = 5, e = i, i = "") : t === "/" && (s < 5 || r[a][f + 1] === ">") ? (h(), s === 3 && (c = c[0]), s = c, (c = c[0]).push(this.apply(null, s.slice(1))), s = 0) : t === " " || t === "	" || t === `
-` || t === "\r" ? (h(), s = 2) : i += t), s === 3 && i === "!--" && (s = 4, c = c[0]);
+function oe(s) {
+  for (var t, e, n = arguments, r = 1, i = "", u = "", c = [0], h = function(l) {
+    r === 1 && (l || (i = i.replace(/^\s*\n\s*|\s*\n\s*$/g, ""))) ? c.push(l ? n[l] : i) : r === 3 && (l || i) ? (c[1] = l ? n[l] : i, r = 2) : r === 2 && i === "..." && l ? c[2] = Object.assign(c[2] || {}, n[l]) : r === 2 && i && !l ? (c[2] = c[2] || {})[i] = !0 : r >= 5 && (r === 5 ? ((c[2] = c[2] || {})[e] = l ? i ? i + n[l] : n[l] : i, r = 6) : (l || i) && (c[2][e] += l ? i + n[l] : i)), i = "";
+  }, a = 0; a < s.length; a++) {
+    a && (r === 1 && h(), h(a));
+    for (var f = 0; f < s[a].length; f++) t = s[a][f], r === 1 ? t === "<" ? (h(), c = [c, "", null], r = 3) : i += t : r === 4 ? i === "--" && t === ">" ? (r = 1, i = "") : i = t + i[0] : u ? t === u ? u = "" : i += t : t === '"' || t === "'" ? u = t : t === ">" ? (h(), r = 1) : r && (t === "=" ? (r = 5, e = i, i = "") : t === "/" && (r < 5 || s[a][f + 1] === ">") ? (h(), r === 3 && (c = c[0]), r = c, (c = c[0]).push(this.apply(null, r.slice(1))), r = 0) : t === " " || t === "	" || t === `
+` || t === "\r" ? (h(), r = 2) : i += t), r === 3 && i === "!--" && (r = 4, c = c[0]);
   }
   return h(), c.length > 2 ? c.slice(1) : c[1];
 }
-var wt;
-wt = M;
-class pt {
+var _t;
+_t = M;
+class ft {
   constructor(t) {
-    o(this, wt, !0);
+    o(this, _t, !0);
     o(this, "node");
     this.node = t;
   }
@@ -736,33 +570,33 @@ class pt {
     this.node.parentNode && !t && this.node.parentNode.removeChild(this.node);
   }
 }
-const de = (r) => /^on[A-Z]/.test(r);
-var gt;
-gt = M;
-class pe {
-  constructor({ tag: t, props: e, children: n, elementContext: s }) {
-    o(this, gt, !0);
+const ue = (s) => /^on[A-Z]/.test(s);
+var wt;
+wt = M;
+class ce {
+  constructor({ tag: t, props: e, children: n, elementContext: r }) {
+    o(this, wt, !0);
     o(this, "node");
     o(this, "props");
     o(this, "childMarkup", []);
     o(this, "children", []);
     o(this, "stopCallbacks", []);
     o(this, "elementContext");
-    o(this, "uniqueId", J());
+    o(this, "uniqueId", kt());
     o(this, "_batchWrite");
     // Track the ref so we can nullify it on unmount.
     o(this, "ref");
     // Prevents 'onClickOutside' handlers from firing in the same cycle in which the element is connected.
     o(this, "canClickAway", !1);
-    if (s = { ...s }, this._batchWrite = s.root.batch.write.bind(s.root.batch), t.toLowerCase() === "svg" && (s.isSVG = !0), s.isSVG ? this.node = document.createElementNS("http://www.w3.org/2000/svg", t) : this.node = document.createElement(t), e.ref)
-      if (ue(e.ref))
+    if (r = { ...r }, this._batchWrite = r.root.batch.write.bind(r.root.batch), t.toLowerCase() === "svg" && (r.isSVG = !0), r.isSVG ? this.node = document.createElementNS("http://www.w3.org/2000/svg", t) : this.node = document.createElement(t), e.ref)
+      if (ie(e.ref))
         this.ref = e.ref, this.ref(this.node);
       else
         throw new Error("Expected ref to be a function. Got: " + e.ref);
     this.props = {
-      ...Jt(["ref", "class", "className"], e),
+      ...Yt(["ref", "class", "className"], e),
       class: e.className ?? e.class
-    }, n && (this.childMarkup = n), this.elementContext = s, this.children = k(this.elementContext, this.childMarkup);
+    }, n && (this.childMarkup = n), this.elementContext = r, this.children = b(this.elementContext, this.childMarkup);
   }
   get isMounted() {
     return this.node.parentNode != null;
@@ -772,8 +606,8 @@ class pe {
       throw new Error(`HTML element requires a parent element as the first argument to connect. Got: ${t}`);
     if (!this.isMounted) {
       for (let n = 0; n < this.children.length; n++) {
-        const s = this.children[n], i = n > 0 ? this.children[n - 1].node : void 0;
-        s.mount(this.node, i);
+        const r = this.children[n], i = n > 0 ? this.children[n - 1].node : void 0;
+        r.mount(this.node, i);
       }
       this.applyProps(this.node, this.props), this.props.style && this.applyStyles(this.node, this.props.style, this.stopCallbacks), this.props.class && this.applyClasses(this.node, this.props.class, this.stopCallbacks);
     }
@@ -800,16 +634,16 @@ class pe {
   }
   attachProp(t, e, n) {
     m(t) ? this.stopCallbacks.push(
-      t.watch((s) => {
-        this._mutate(() => e(s), n);
+      t.watch((r) => {
+        this._mutate(() => e(r), n);
       })
     ) : this._mutate(() => e(t), n);
   }
   applyProps(t, e) {
     for (const n in e) {
-      const s = e[n];
+      const r = e[n];
       if (n === "attributes") {
-        const i = s;
+        const i = r;
         for (const u in i)
           this.attachProp(
             i[u],
@@ -819,37 +653,37 @@ class pe {
             this.getUpdateKey("attr", u)
           );
       } else if (n === "eventListeners") {
-        const i = s;
+        const i = r;
         for (const u in i) {
-          const c = m(s) ? (h) => s.get()(h) : s;
+          const c = m(r) ? (h) => r.get()(h) : r;
           t.addEventListener(u, c), this.stopCallbacks.push(() => {
             t.removeEventListener(u, c);
           });
         }
       } else if (n === "onClickOutside" || n === "onclickoutside") {
         const i = (c) => {
-          this.canClickAway && !t.contains(c.target) && (m(s) ? s.get()(c) : s(c));
+          this.canClickAway && !t.contains(c.target) && (m(r) ? r.get()(c) : r(c));
         }, u = { capture: !0 };
         window.addEventListener("click", i, u), this.stopCallbacks.push(() => {
           window.removeEventListener("click", i, u);
         });
-      } else if (de(n)) {
-        const i = n.slice(2).toLowerCase(), u = m(s) ? (c) => s.get()(c) : s;
+      } else if (ue(n)) {
+        const i = n.slice(2).toLowerCase(), u = m(r) ? (c) => r.get()(c) : r;
         t.addEventListener(i, u), this.stopCallbacks.push(() => {
           t.removeEventListener(i, u);
         });
       } else if (n.includes("-"))
         this.attachProp(
-          s,
+          r,
           (i) => {
             i == null ? t.removeAttribute(n) : t.setAttribute(n, String(i));
           },
           this.getUpdateKey("attr", n)
         );
-      else if (!me.includes(n))
+      else if (!ae.includes(n))
         if (this.elementContext.isSVG)
           this.attachProp(
-            s,
+            r,
             (i) => {
               i != null ? t.setAttribute(n, String(e[n])) : t.removeAttribute(n);
             },
@@ -860,7 +694,7 @@ class pe {
             case "contentEditable":
             case "value":
               this.attachProp(
-                s,
+                r,
                 (i) => {
                   t[n] = String(i);
                 },
@@ -869,7 +703,7 @@ class pe {
               break;
             case "for":
               this.attachProp(
-                s,
+                r,
                 (i) => {
                   t.htmlFor = i;
                 },
@@ -878,7 +712,7 @@ class pe {
               break;
             case "checked":
               this.attachProp(
-                s,
+                r,
                 (i) => {
                   t.checked = i, i ? t.setAttribute("checked", "") : t.removeAttribute("checked");
                 },
@@ -893,7 +727,7 @@ class pe {
             case "title": {
               const i = n.toLowerCase();
               this.attachProp(
-                s,
+                r,
                 (u) => {
                   u == null ? t.removeAttribute(i) : t.setAttribute(i, String(u));
                 },
@@ -904,7 +738,7 @@ class pe {
             case "autocomplete":
             case "autocapitalize":
               this.attachProp(
-                s,
+                r,
                 (i) => {
                   typeof i == "string" ? t.autocomplete = i : i ? t.autocomplete = "on" : t.autocomplete = "off";
                 },
@@ -913,7 +747,7 @@ class pe {
               break;
             default: {
               this.attachProp(
-                s,
+                r,
                 (i) => {
                   t[n] = i;
                 },
@@ -925,20 +759,20 @@ class pe {
     }
   }
   applyStyles(t, e, n) {
-    const s = [];
+    const r = [];
     if (m(e)) {
       let i;
       const u = e.watch((c) => {
         this._mutate(
           () => {
-            I(i) && i(), t.style.cssText = "", i = this.applyStyles(t, c, n);
+            V(i) && i(), t.style.cssText = "", i = this.applyStyles(t, c, n);
           },
           this.getUpdateKey("styles", "*")
         );
       });
-      n.push(u), s.push(u);
+      n.push(u), r.push(u);
     } else {
-      const i = Tt(e);
+      const i = Wt(e);
       for (const u in i) {
         const { value: c, priority: h } = i[u];
         if (m(c)) {
@@ -947,30 +781,30 @@ class pe {
               f ? t.style.setProperty(u, String(f), h) : t.style.removeProperty(u);
             });
           });
-          n.push(a), s.push(a);
+          n.push(a), r.push(a);
         } else c != null && t.style.setProperty(u, String(c));
       }
     }
     return function() {
-      for (const u of s)
+      for (const u of r)
         u(), n.splice(n.indexOf(u), 1);
     };
   }
   applyClasses(t, e, n) {
-    const s = [];
+    const r = [];
     if (m(e)) {
       let i;
       const u = e.watch((c) => {
         this._mutate(
           () => {
-            I(i) && i(), t.removeAttribute("class"), i = this.applyClasses(t, c, n);
+            V(i) && i(), t.removeAttribute("class"), i = this.applyClasses(t, c, n);
           },
           this.getUpdateKey("attr", "class")
         );
       });
-      n.push(u), s.push(u);
+      n.push(u), r.push(u);
     } else {
-      const i = Wt(e);
+      const i = Nt(e);
       for (const u in i) {
         const c = i[u];
         if (m(c)) {
@@ -979,55 +813,55 @@ class pe {
               a ? t.classList.add(u) : t.classList.remove(u);
             });
           });
-          n.push(h), s.push(h);
+          n.push(h), r.push(h);
         } else c && t.classList.add(u);
       }
     }
     return function() {
-      for (const u of s)
+      for (const u of r)
         u(), n.splice(n.indexOf(u), 1);
     };
   }
 }
-function Wt(r) {
+function Nt(s) {
   let t = {};
-  if (b(r)) {
-    const e = r.split(" ");
+  if (k(s)) {
+    const e = s.split(" ");
     for (const n of e)
       t[n] = !0;
-  } else Z(r) ? Object.assign(t, r) : Array.isArray(r) && Array.from(r).filter(Boolean).forEach((e) => {
-    Object.assign(t, Wt(e));
+  } else Z(s) ? Object.assign(t, s) : Array.isArray(s) && Array.from(s).filter(Boolean).forEach((e) => {
+    Object.assign(t, Nt(e));
   });
   return delete t.undefined, t;
 }
-function Tt(r) {
+function Wt(s) {
   let t = {};
-  if (b(r)) {
-    const e = r.split(";").filter((n) => n.trim() !== "");
+  if (k(s)) {
+    const e = s.split(";").filter((n) => n.trim() !== "");
     for (const n of e) {
-      const [s, i] = n.split(":"), u = {
+      const [r, i] = n.split(":"), u = {
         value: i
       };
-      i.includes("!important") ? (u.priority = "important", u.value = i.replace("!important", "").trim()) : u.value = i.trim(), t[mt(s.trim())] = u;
+      i.includes("!important") ? (u.priority = "important", u.value = i.replace("!important", "").trim()) : u.value = i.trim(), t[dt(r.trim())] = u;
     }
   }
-  if (Z(r))
-    for (const e in r)
-      e.startsWith("--") ? t[e] = { value: r[e] } : t[mt(e)] = { value: r[e] };
-  else Array.isArray(r) && Array.from(r).filter((e) => e != null).forEach((e) => {
-    Object.assign(t, Tt(e));
+  if (Z(s))
+    for (const e in s)
+      e.startsWith("--") ? t[e] = { value: s[e] } : t[dt(e)] = { value: s[e] };
+  else Array.isArray(s) && Array.from(s).filter((e) => e != null).forEach((e) => {
+    Object.assign(t, Wt(e));
   });
   return t;
 }
-function mt(r) {
-  return r.replace(/[A-Z]+(?![a-z])|[A-Z]/g, (t, e) => (e ? "-" : "") + t.toLowerCase());
+function dt(s) {
+  return s.replace(/[A-Z]+(?![a-z])|[A-Z]/g, (t, e) => (e ? "-" : "") + t.toLowerCase());
 }
-const me = ["ref", "children", "class", "style", "data"];
-var yt;
-yt = M;
-class _e {
+const ae = ["ref", "children", "class", "style", "data"];
+var gt;
+gt = M;
+class he {
   constructor({ sources: t, renderFn: e, elementContext: n }) {
-    o(this, yt, !0);
+    o(this, gt, !0);
     o(this, "node", document.createTextNode(""));
     o(this, "children", []);
     o(this, "renderFn");
@@ -1041,12 +875,12 @@ class _e {
   }
   mount(t, e) {
     this.isMounted || (t.insertBefore(this.node, (e == null ? void 0 : e.nextSibling) ?? null), this.watcher.watch(this.sources, (...n) => {
-      const s = this.renderFn(...n);
-      if (!It(s))
-        throw console.error(s, n), new TypeError(
-          `Observer received invalid value to render. Got type: ${V(s)}, value: ${s}`
+      const r = this.renderFn(...n);
+      if (!qt(r))
+        throw console.error(r, n), new TypeError(
+          `Observer received invalid value to render. Got type: ${$(r)}, value: ${r}`
         );
-      this.update(A(s) ? s : [s]);
+      this.update(A(r) ? r : [r]);
     }));
   }
   unmount(t = !1) {
@@ -1062,20 +896,20 @@ class _e {
     var i, u, c;
     if (this.cleanup(!1), t == null || t.length === 0 || !this.isMounted)
       return;
-    const e = t.flatMap((h) => Ft(h) ? h : k(this.elementContext, et(h)));
+    const e = t.flatMap((h) => Tt(h) ? h : b(this.elementContext, Q(h)));
     for (const h of e) {
       const a = ((i = this.children.at(-1)) == null ? void 0 : i.node) || this.node;
       h.mount(this.node.parentNode, a), this.children.push(h);
     }
-    const n = this.node.parentNode, s = ((c = (u = this.children.at(-1)) == null ? void 0 : u.node) == null ? void 0 : c.nextSibling) ?? null;
-    n.insertBefore(this.node, s);
+    const n = this.node.parentNode, r = ((c = (u = this.children.at(-1)) == null ? void 0 : u.node) == null ? void 0 : c.nextSibling) ?? null;
+    n.insertBefore(this.node, r);
   }
 }
-var St;
-St = M;
+var yt;
+yt = M;
 class Pt {
   constructor(t) {
-    o(this, St, !0);
+    o(this, yt, !0);
     o(this, "node", document.createTextNode(""));
     o(this, "isMounted", !1);
     o(this, "source");
@@ -1099,19 +933,19 @@ class Pt {
   update(t) {
     var e, n;
     if (this.cleanup(!1), t.length > 0) {
-      for (let s = 0; s < t.length; s++) {
-        const i = t[s], u = s > 0 ? this.elements[s - 1] : void 0;
+      for (let r = 0; r < t.length; r++) {
+        const i = t[r], u = r > 0 ? this.elements[r - 1] : void 0;
         i.mount(this.node.parentElement, u == null ? void 0 : u.node), this.elements.push(i);
       }
       (n = this.node.parentNode) == null || n.insertBefore(this.node, ((e = this.elements.at(-1)) == null ? void 0 : e.node) ?? null);
     }
   }
 }
-var Ct;
-Ct = M;
-class we {
+var vt;
+vt = M;
+class le {
   constructor(t) {
-    o(this, Ct, !0);
+    o(this, vt, !0);
     o(this, "config");
     o(this, "element");
     this.config = t;
@@ -1120,18 +954,158 @@ class we {
     return this.element ? this.element.isMounted : !1;
   }
   mount(t, e) {
-    const { content: n, parent: s } = this.config;
-    Ft(n) ? this.element = n : this.element = F(k(this.config.elementContext, et(n))), this.element.mount(s);
+    const { content: n, parent: r } = this.config;
+    Tt(n) ? this.element = n : this.element = F(b(this.config.elementContext, Q(n))), this.element.mount(r);
   }
   unmount(t = !1) {
     var e;
     (e = this.element) != null && e.isMounted && this.element.unmount(t);
   }
 }
-function Fe(r) {
-  return r;
+var N;
+class J {
+  constructor(t, e) {
+    o(this, "type");
+    o(this, "detail");
+    P(this, N, !1);
+    this.type = t, this.detail = e;
+  }
+  get propagationStopped() {
+    return O(this, N);
+  }
+  stopPropagation() {
+    T(this, N, !0);
+  }
+  get [Symbol.toStringTag]() {
+    return "ContextEvent";
+  }
+  // stopImmediatePropagation() {}
+}
+N = new WeakMap();
+let fe = class {
+  constructor(t) {
+    o(this, "__store");
+    this.__store = t;
+    const e = Object.getOwnPropertyDescriptors(this.__store._logger);
+    for (const n in e)
+      n !== "setName" && Object.defineProperty(this, n, e[n]);
+  }
+  get isMounted() {
+    return this.__store.isMounted;
+  }
+  setName(t) {
+    return this.__store._logger.setName(t), this;
+  }
+  set(t, e) {
+    return this.__store._elementContext.data[t] = e, e;
+  }
+  get(t) {
+    let e = this.__store._elementContext;
+    for (; ; ) {
+      if (t in e.data)
+        return e.data[t];
+      if (e.parent)
+        e = e.parent;
+      else
+        break;
+    }
+    return null;
+  }
+  on(t, e) {
+    if (t === "*") {
+      const n = (r, i) => {
+        e(i);
+      };
+      this.__store._elementContext.emitter.on(t, n), this.__store._wildcardListeners.set(e, n);
+    } else
+      this.__store._elementContext.emitter.on(t, e);
+  }
+  off(t, e) {
+    if (t === "*") {
+      const n = this.__store._wildcardListeners.get(e);
+      n && (this.__store._elementContext.emitter.off(t, n), this.__store._wildcardListeners.delete(e));
+    } else
+      this.__store._elementContext.emitter.off(t, e);
+  }
+  once(t, e) {
+    if (t === "*") {
+      const n = (r, i) => {
+        this.__store._wildcardListeners.delete(e), e(i);
+      };
+      this.__store._elementContext.emitter.once(t, n), this.__store._wildcardListeners.set(e, n);
+    } else
+      this.__store._elementContext.emitter.once(t, e);
+  }
+  emit(t, e) {
+    return this.__store._elementContext.emitter.emit(t, new J(t, e));
+  }
+  onMount(t) {
+    this.__store._emitter.on("mounted", t);
+  }
+  onUnmount(t) {
+    this.__store._emitter.on("unmounted", t);
+  }
+  watch(t, e) {
+    const n = this.__store;
+    if (n.isMounted)
+      return n._watcher.watch(t, e);
+    {
+      let r, i = !1;
+      return n._emitter.on("mounted", () => {
+        i || (r = n._watcher.watch(t, e));
+      }), () => {
+        r != null && (i = !0, r());
+      };
+    }
+  }
+};
+class de {
+  constructor(t, e) {
+    o(this, "fn");
+    o(this, "_options");
+    /**
+     * Value is guaranteed to be set after `attach` is called.
+     */
+    o(this, "value");
+    o(this, "isMounted", !1);
+    o(this, "_elementContext");
+    o(this, "_emitter", new I());
+    o(this, "_wildcardListeners", /* @__PURE__ */ new Map());
+    o(this, "_logger");
+    o(this, "_watcher", D());
+    this.fn = t, this._options = e;
+  }
+  get name() {
+    return this.fn.name;
+  }
+  /**
+   * Attaches this Store to the elementContext.
+   * Returns false if there was already an instance attached, and true otherwise.
+   */
+  attach(t) {
+    if (t.stores.has(this.fn))
+      return !1;
+    this._elementContext = t, this._logger = t.root.createLogger(this.fn.name), this._emitter.on("error", (n, r, ...i) => {
+      console.log({ error: n, eventName: r, args: i }), this._logger.crash(n);
+    });
+    const e = new fe(this);
+    try {
+      this.value = this.fn.call(e, this._options, e);
+    } catch (n) {
+      this._logger.crash(n);
+    }
+    return t.stores.set(this.fn, this), !0;
+  }
+  handleMount() {
+    this.isMounted = !0, this._emitter.emit("mounted");
+  }
+  handleUnmount() {
+    this.isMounted = !1, this._emitter.emit("unmounted"), this._emitter.clear(), this._watcher.stopAll();
+  }
+}
+class pt extends Error {
 }
-class ge {
+class pe {
   constructor(t) {
     o(this, "__view");
     this.__view = t;
@@ -1174,7 +1148,7 @@ class ge {
   // }
   on(t, e) {
     if (t === "*") {
-      const n = (s, i) => {
+      const n = (r, i) => {
         e(i);
       };
       this.__view._elementContext.emitter.on(t, n), this.__view._wildcardListeners.set(e, n);
@@ -1190,7 +1164,7 @@ class ge {
   }
   once(t, e) {
     if (t === "*") {
-      const n = (s, i) => {
+      const n = (r, i) => {
         this.__view._wildcardListeners.delete(e), e(i);
       };
       this.__view._elementContext.emitter.once(t, n), this.__view._wildcardListeners.set(e, n);
@@ -1198,32 +1172,31 @@ class ge {
       this.__view._elementContext.emitter.once(t, e);
   }
   emit(t, e) {
-    return this.__view._elementContext.emitter.emit(t, new tt(t, e));
+    return this.__view._elementContext.emitter.emit(t, new J(t, e));
   }
-  attachStore(t) {
-    if (t.attach(this.__view._elementContext))
+  attachStore(t, e) {
+    const n = new de(t, e);
+    if (n.attach(this.__view._elementContext))
       this.__view._emitter.on("mounted", () => {
-        t.handleMount();
+        n.handleMount();
       }), this.__view._emitter.on("unmounted", () => {
-        t.handleUnmount();
+        n.handleUnmount();
       });
     else {
-      let n = t.name ? `'${t.name}'` : "this store";
-      this.__view._logger.warn(`An instance of ${n} was already attached to this context.`);
+      let i = t.name ? `'${t.name}'` : "this store";
+      this.__view._logger.warn(`An instance of ${i} was already attached to this context.`);
     }
   }
   useStore(t) {
-    if (he(t)) {
-      const e = t.key;
-      let n = this.__view._elementContext, s;
-      for (; s = n.stores.get(e), s == null && n.parent != null; )
-        n = n.parent;
-      if (s == null)
-        throw new H("Store not found on this context.");
-      return s.value;
-    } else throw le(t) ? new H(
-      "Received a Store instance. Please pass the Store factory function to useStore without calling it."
-    ) : new H("Invalid store.");
+    if (V(t)) {
+      let e = this.__view._elementContext, n;
+      for (; n = e.stores.get(t), n == null && e.parent != null; )
+        e = e.parent;
+      if (n == null)
+        throw new pt("Store not found on this context.");
+      return n.value;
+    } else
+      throw new pt("Invalid store.");
   }
   beforeMount(t) {
     this.__view._emitter.on("beforeMount", t);
@@ -1242,24 +1215,24 @@ class ge {
     if (n.isMounted)
       return n._watcher.watch(t, e);
     {
-      let s, i = !1;
+      let r, i = !1;
       return n._emitter.on("mounted", () => {
-        i || (s = n._watcher.watch(t, e));
+        i || (r = n._watcher.watch(t, e));
       }), () => {
-        s != null && (i = !0, s());
+        r != null && (i = !0, r());
       };
     }
   }
   outlet() {
-    return C("$outlet", { $children: this.__view._$children });
+    return S("$outlet", { $children: this.__view._$children });
   }
 }
-var vt;
-vt = M;
-const nt = class nt {
-  constructor(t, e, n, s = []) {
-    o(this, vt, !0);
-    o(this, "uniqueId", J());
+var St;
+St = M;
+const tt = class tt {
+  constructor(t, e, n, r = []) {
+    o(this, St, !0);
+    o(this, "uniqueId", kt());
     o(this, "_elementContext");
     o(this, "_logger");
     o(this, "_view");
@@ -1269,7 +1242,7 @@ const nt = class nt {
     o(this, "_$children");
     o(this, "_setChildren");
     o(this, "_watcher", D());
-    o(this, "_emitter", new q());
+    o(this, "_emitter", new I());
     o(this, "_wildcardListeners", /* @__PURE__ */ new Map());
     o(this, "isMounted", !1);
     this._elementContext = {
@@ -1277,13 +1250,13 @@ const nt = class nt {
       data: {},
       parent: t,
       viewName: e.name,
-      emitter: new q(),
+      emitter: new I(),
       stores: /* @__PURE__ */ new Map()
-    }, this._logger = t.root.createLogger(e.name || "🌇 anonymous view", { uid: this.uniqueId }), this._view = e, this._props = n, this._childMarkup = s, [this._$children, this._setChildren] = Y([]), this._emitter.on("error", (i, u, ...c) => {
+    }, this._logger = t.root.createLogger(e.name || "🌇 anonymous view", { uid: this.uniqueId }), this._view = e, this._props = n, this._childMarkup = r, [this._$children, this._setChildren] = H([]), this._emitter.on("error", (i, u, ...c) => {
       this._logger.error({ error: i, eventName: u, args: c }), this._logger.crash(i);
     }), this._elementContext.emitter.on("*", (i, u) => {
       var c;
-      u instanceof tt && (u.propagationStopped || (c = this._elementContext.parent) == null || c.emitter.emit(i, u));
+      u instanceof J && (u.propagationStopped || (c = this._elementContext.parent) == null || c.emitter.emit(i, u));
     });
   }
   /*===============================*\
@@ -1295,51 +1268,51 @@ const nt = class nt {
   }
   mount(t, e) {
     const n = this.isMounted;
-    n || (this._initialize(), this._emitter.emit("beforeMount")), this._element && this._element.mount(t, e), n || (this.isMounted = !0, te(), requestAnimationFrame(() => {
+    n || (this._initialize(), this._emitter.emit("beforeMount")), this._element && this._element.mount(t, e), n || (this.isMounted = !0, Qt(), requestAnimationFrame(() => {
       this._emitter.emit("mounted");
     }));
   }
   unmount(t = !1) {
-    this._emitter.emit("beforeUnmount"), this._element && this._element.unmount(t), this.isMounted && ee(), this.isMounted = !1, this._emitter.emit("unmounted"), this._emitter.clear(), this._watcher.stopAll();
+    this._emitter.emit("beforeUnmount"), this._element && this._element.unmount(t), this.isMounted && te(), this.isMounted = !1, this._emitter.emit("unmounted"), this._emitter.clear(), this._watcher.stopAll();
   }
   setChildView(t) {
     this._childMarkup = [];
-    const e = new nt(this._elementContext, t, {});
+    const e = new tt(this._elementContext, t, {});
     return this._setChildren([e]), e;
   }
   /*===============================*\
   ||           Internal            ||
   \*===============================*/
   _initialize() {
-    const t = new ge(this);
+    const t = new pe(this);
     let e;
     try {
-      e = this._view.call(t, this._props, t), this._childMarkup.length && this._setChildren(k(this._elementContext, this._childMarkup));
+      e = this._view.call(t, this._props, t), this._childMarkup.length && this._setChildren(b(this._elementContext, this._childMarkup));
     } catch (n) {
       throw n instanceof Error && this._logger.crash(n), n;
     }
     if (e !== null) if (e instanceof Node)
-      this._element = F(k(this._elementContext, C("$node", { value: e })));
-    else if (R(e) || bt(R, e))
-      this._element = F(k(this._elementContext, e));
+      this._element = F(b(this._elementContext, S("$node", { value: e })));
+    else if (U(e) || bt(U, e))
+      this._element = F(b(this._elementContext, e));
     else if (m(e))
       this._element = F(
-        k(this._elementContext, C("$observer", { sources: [e], renderFn: (n) => n }))
+        b(this._elementContext, S("$observer", { sources: [e], renderFn: (n) => n }))
       );
     else {
       const n = new TypeError(
-        `Expected '${this._view.name}' function to return a DOM node, Markup element, Readable or null. Got: ${V(e)}`
+        `Expected '${this._view.name}' function to return a DOM node, Markup element, Readable or null. Got: ${$(e)}`
       );
       this._logger.crash(n);
     }
   }
 };
-let j = nt;
-var xt;
-xt = M;
-class ye {
-  constructor({ elementContext: t, $items: e, renderFn: n, keyFn: s }) {
-    o(this, xt, !0);
+let j = tt;
+var Ct;
+Ct = M;
+class me {
+  constructor({ elementContext: t, $items: e, renderFn: n, keyFn: r }) {
+    o(this, Ct, !0);
     o(this, "node", document.createTextNode(""));
     o(this, "$items");
     o(this, "stopCallback");
@@ -1347,7 +1320,7 @@ class ye {
     o(this, "elementContext");
     o(this, "renderFn");
     o(this, "keyFn");
-    this.elementContext = t, this.$items = e, this.renderFn = n, this.keyFn = s;
+    this.elementContext = t, this.$items = e, this.renderFn = n, this.keyFn = r;
   }
   get isMounted() {
     return this.node.parentNode != null;
@@ -1380,22 +1353,22 @@ class ye {
         value: a,
         index: n++
       });
-    const s = [];
+    const r = [];
     for (const a of this.connectedItems)
       e.find((l) => l.key === a.key) || a.element.unmount(!1);
     for (const a of e) {
       const f = this.connectedItems.find((l) => l.key === a.key);
       if (f)
-        f.setValue(a.value), f.setIndex(a.index), s[a.index] = f;
+        f.setValue(a.value), f.setIndex(a.index), r[a.index] = f;
       else {
-        const [l, d] = Y(a.value), [p, _] = Y(a.index);
-        s[a.index] = {
+        const [l, d] = H(a.value), [p, _] = H(a.index);
+        r[a.index] = {
           key: a.key,
           $value: l,
           setValue: d,
           $index: p,
           setIndex: _,
-          element: new j(this.elementContext, Se, {
+          element: new j(this.elementContext, _e, {
             $value: l,
             $index: p,
             renderFn: this.renderFn
@@ -1403,161 +1376,158 @@ class ye {
         };
       }
     }
-    for (let a = 0; a < s.length; a++) {
-      const f = s[a], l = ((u = s[a - 1]) == null ? void 0 : u.element.node) ?? this.node;
+    for (let a = 0; a < r.length; a++) {
+      const f = r[a], l = ((u = r[a - 1]) == null ? void 0 : u.element.node) ?? this.node;
       f.element.mount(this.node.parentNode, l);
     }
-    this.connectedItems = s;
-    const i = ((c = s.at(-1)) == null ? void 0 : c.element.node) ?? this.node;
+    this.connectedItems = r;
+    const i = ((c = r.at(-1)) == null ? void 0 : c.element.node) ?? this.node;
     (h = this.node.parentNode) == null || h.insertBefore(this.node, i.nextSibling);
   }
 }
-function Se({ $value: r, $index: t, renderFn: e }, n) {
-  return n.setName("@RepeatItem"), e.call(n, r, t, n);
+function _e({ $value: s, $index: t, renderFn: e }, n) {
+  return n.setName("@RepeatItem"), e.call(n, s, t, n);
 }
-function R(r) {
-  return (r == null ? void 0 : r[Lt]) === !0;
+function U(s) {
+  return (s == null ? void 0 : s[Lt]) === !0;
 }
-function Ft(r) {
-  return (r == null ? void 0 : r[M]) === !0;
+function Tt(s) {
+  return (s == null ? void 0 : s[M]) === !0;
 }
-function et(r) {
-  return A(r) || (r = [r]), r.flat(1 / 0).filter((t) => t != null && t !== !1).map((t) => R(t) ? t : t instanceof Node ? C("$node", { value: t }) : m(t) ? C("$observer", {
+function Q(s) {
+  return A(s) || (s = [s]), s.flat(1 / 0).filter((t) => t != null && t !== !1).map((t) => U(t) ? t : t instanceof Node ? S("$node", { value: t }) : m(t) ? S("$observer", {
     sources: [t],
     renderFn: (e) => e
-  }) : C("$text", { value: t }));
+  }) : S("$text", { value: t }));
 }
-function C(r, t, ...e) {
-  return new Ce(r, t, ...e);
+function S(s, t, ...e) {
+  return new we(s, t, ...e);
 }
-var Mt;
-Mt = Lt;
-class Ce {
+var xt;
+xt = Lt;
+class we {
   constructor(t, e, ...n) {
-    o(this, Mt, !0);
+    o(this, xt, !0);
     o(this, "type");
     o(this, "props");
     o(this, "children");
-    this.type = t, this.props = e, this.children = et(n);
+    this.type = t, this.props = e, this.children = Q(n);
   }
 }
-const Ie = fe.bind(C);
-function qe(r, t, e) {
-  return C("$observer", {
-    sources: [r],
+const Le = oe.bind(S);
+function Ne(s, t, e) {
+  return S("$observer", {
+    sources: [s],
     renderFn: (n) => n && t ? t : !n && e ? e : null
   });
 }
-function je(r, t, e) {
-  const n = X(r);
-  return C("$repeat", { $items: n, keyFn: t, renderFn: e });
+function We(s, t, e) {
+  const n = Y(s);
+  return S("$repeat", { $items: n, keyFn: t, renderFn: e });
 }
-function Re(r, t) {
-  return C("$portal", { parent: r, content: t });
+function Pe(s, t) {
+  return S("$portal", { parent: s, content: t });
 }
-function k(r, t) {
+function b(s, t) {
   return (A(t) ? t : [t]).map((n) => {
-    if (I(n.type))
-      return new j(r, n.type, n.props, n.children);
-    if (b(n.type))
+    if (V(n.type))
+      return new j(s, n.type, n.props, n.children);
+    if (k(n.type))
       switch (n.type) {
         case "$node": {
-          const s = n.props;
-          return new pt(s.value);
+          const r = n.props;
+          return new ft(r.value);
         }
         case "$text": {
-          const s = n.props;
-          return new pt(document.createTextNode(String(s.value)));
+          const r = n.props;
+          return new ft(document.createTextNode(String(r.value)));
         }
         case "$repeat": {
-          const s = n.props;
-          return new ye({
-            $items: s.$items,
-            keyFn: s.keyFn,
-            renderFn: s.renderFn,
-            elementContext: r
+          const r = n.props;
+          return new me({
+            $items: r.$items,
+            keyFn: r.keyFn,
+            renderFn: r.renderFn,
+            elementContext: s
           });
         }
         case "$observer": {
-          const s = n.props;
-          return new _e({
-            sources: s.sources,
-            renderFn: s.renderFn,
-            elementContext: r
+          const r = n.props;
+          return new he({
+            sources: r.sources,
+            renderFn: r.renderFn,
+            elementContext: s
           });
         }
         case "$outlet": {
-          const s = n.props;
-          return new Pt(s.$children);
+          const r = n.props;
+          return new Pt(r.$children);
         }
         case "$portal": {
-          const s = n.props;
-          return new we({
-            content: s.content,
-            parent: s.parent,
-            elementContext: r
+          const r = n.props;
+          return new le({
+            content: r.content,
+            parent: r.parent,
+            elementContext: s
           });
         }
         default:
           if (n.type.startsWith("$"))
             throw new Error(`Unknown markup type: ${n.type}`);
-          return new pe({
+          return new ce({
             tag: n.type,
             props: n.props ?? {},
             children: n.children,
-            elementContext: r
+            elementContext: s
           });
       }
     else
       throw new TypeError(`Expected a string or view function. Got: ${n.type}`);
   });
 }
-function F(r) {
-  return r.length === 1 ? r[0] : new Pt(r);
+function F(s) {
+  return s.length === 1 ? s[0] : new Pt(s);
 }
-function It(r) {
-  return r == null || r === !1 || b(r) || Gt(r) || R(r) || m(r) || bt(It, r);
+function qt(s) {
+  return s == null || s === !1 || k(s) || zt(s) || U(s) || m(s) || bt(qt, s);
 }
 export {
-  Zt as A,
-  Oe as B,
-  tt as C,
-  F as D,
-  k as E,
-  Te as F,
-  Et as G,
-  Re as H,
-  Le as I,
-  je as J,
-  Fe as K,
-  Pe as P,
-  $e as S,
+  F as A,
+  b as B,
+  J as C,
+  de as D,
+  Et as E,
+  Pe as F,
+  We as G,
+  Ae as I,
+  $e as P,
+  Ee as S,
   j as V,
-  Me as a,
-  xe as b,
-  be as c,
-  Y as d,
-  oe as e,
-  b as f,
+  ve as a,
+  ye as b,
+  Ce as c,
+  H as d,
+  re as e,
+  k as f,
   Z as g,
-  Ae as h,
-  I as i,
-  Ie as j,
-  qe as k,
+  Me as h,
+  V as i,
+  Le as j,
+  Ne as k,
   D as l,
-  Ve as m,
-  X as n,
-  re as o,
-  q as p,
+  ke as m,
+  Y as n,
+  ee as o,
+  I as p,
   m as q,
-  Ne as r,
-  Ee as s,
-  V as t,
-  ue as u,
-  he as v,
-  H as w,
-  le as x,
-  ke as y,
-  C as z
+  Oe as r,
+  xe as s,
+  $ as t,
+  ie as u,
+  pt as v,
+  Se as w,
+  S as x,
+  Zt as y,
+  be as z
 };
-//# sourceMappingURL=markup-D1i09ddt.js.map
+//# sourceMappingURL=markup-C-1VlVZi.js.map