@manyducks.co/dolla 2.0.0-alpha.28 → 2.0.0-alpha.29

package/dist/{passthrough-1MySicTa.js → passthrough-eH8w4zJi.js}

@@ -1,22 +1,22 @@
 var Ut = Object.defineProperty;
-var ot = (n) => {
-  throw TypeError(n);
+var ot = (r) => {
+  throw TypeError(r);
 };
-var Lt = (n, t, e) => t in n ? Ut(n, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : n[t] = e;
-var o = (n, t, e) => Lt(n, typeof t != "symbol" ? t + "" : t, e), ut = (n, t, e) => t.has(n) || ot("Cannot " + e);
-var O = (n, t, e) => (ut(n, t, "read from private field"), e ? e.call(n) : t.get(n)), F = (n, t, e) => t.has(n) ? ot("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(n) : t.set(n, e), P = (n, t, e, r) => (ut(n, t, "write to private field"), r ? r.call(n, e) : t.set(n, e), e);
-function kt(n) {
-  return n && n.__esModule && Object.prototype.hasOwnProperty.call(n, "default") ? n.default : n;
+var Lt = (r, t, e) => t in r ? Ut(r, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[t] = e;
+var o = (r, t, e) => Lt(r, typeof t != "symbol" ? t + "" : t, e), ut = (r, t, e) => t.has(r) || ot("Cannot " + e);
+var O = (r, t, e) => (ut(r, t, "read from private field"), e ? e.call(r) : t.get(r)), F = (r, t, e) => t.has(r) ? ot("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(r) : t.set(r, e), P = (r, t, e, n) => (ut(r, t, "write to private field"), n ? n.call(r, e) : t.set(r, e), e);
+function Mt(r) {
+  return r && r.__esModule && Object.prototype.hasOwnProperty.call(r, "default") ? r.default : r;
 }
-var T = { exports: {} }, ct;
+var T = { exports: {} }, at;
 function Rt() {
-  return ct || (ct = 1, function(n, t) {
+  return at || (at = 1, function(r, t) {
     Object.defineProperty(t, "__esModule", { value: !0 });
     var e = /* @__PURE__ */ function() {
-      function h(a, f) {
+      function h(c, f) {
         var l = [], d = !0, p = !1, _ = void 0;
         try {
-          for (var x, y = a[Symbol.iterator](); !(d = (x = y.next()).done) && (l.push(x.value), !(f && l.length === f)); d = !0) ;
+          for (var x, y = c[Symbol.iterator](); !(d = (x = y.next()).done) && (l.push(x.value), !(f && l.length === f)); d = !0) ;
         } catch (g) {
           p = !0, _ = g;
         } finally {
@@ -28,119 +28,119 @@ function Rt() {
         }
         return l;
       }
-      return function(a, f) {
-        if (Array.isArray(a)) return a;
-        if (Symbol.iterator in Object(a)) return h(a, f);
+      return function(c, f) {
+        if (Array.isArray(c)) return c;
+        if (Symbol.iterator in Object(c)) return h(c, f);
         throw new TypeError("Invalid attempt to destructure non-iterable instance");
       };
-    }(), r = function(h) {
-      return h.reduce(function(a, f) {
-        return 16 > f ? a + "0" + f.toString(16) : a + f.toString(16);
+    }(), n = function(h) {
+      return h.reduce(function(c, f) {
+        return 16 > f ? c + "0" + f.toString(16) : c + 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(g, C, S) {
-        var D = Math.round, w = 0 > S ? S + 1 : 1 < S ? S - 1 : S;
-        return w = w < 1 / 6 ? g + 6 * (C - g) * w : w < 1 / 2 ? C : w < 2 / 3 ? g + 6 * (C - g) * (2 / 3 - w) : g, D(255 * w);
+    }, s = function(h, c, f) {
+      var l = 0.5 > f ? f * (1 + c) : f + c - f * c, d = 2 * f - l, p = function(g, C, S) {
+        var z = Math.round, w = 0 > S ? S + 1 : 1 < S ? S - 1 : S;
+        return w = w < 1 / 6 ? g + 6 * (C - g) * w : w < 1 / 2 ? C : w < 2 / 3 ? g + 6 * (C - g) * (2 / 3 - w) : g, z(255 * w);
       }, _ = 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) {
+    }, i = function(h, c, f, l) {
       var d = h % 1007 / 1007, p = function(g, C, S) {
         return g * (S - C) + C;
-      }, _ = p(d, a.min, a.max), x = p(d, f.min, f.max), y = p(d, l.max, l.min);
+      }, _ = p(d, c.min, c.max), x = p(d, f.min, f.max), y = p(d, l.max, l.min);
       return [_, x, y];
     }, u = function(h) {
-      return h.split("").reduce(function(a, f, l) {
-        return a * f.charCodeAt(0) * l + 1;
+      return h.split("").reduce(function(c, f, l) {
+        return c * 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, g = y === void 0 ? u : y, C = h.scheme, S = C === void 0 ? "hex" : C, D = i(g(a), l, p, x), w = e(D, 3), nt = w[0], rt = w[1], st = w[2], it = s(nt / 360, rt, st), jt = r(it);
+    }, a = function(h) {
+      var c = 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, g = y === void 0 ? u : y, C = h.scheme, S = C === void 0 ? "hex" : C, z = i(g(c), l, p, x), w = e(z, 3), nt = w[0], rt = w[1], st = w[2], it = s(nt / 360, rt, st), jt = n(it);
       return S === "hsl" ? [nt, rt, st] : S === "rgb" ? it : jt;
     };
-    t.default = c, n.exports = t.default;
+    t.default = a, r.exports = t.default;
   }(T, T.exports)), T.exports;
 }
 var Dt = Rt();
-const zt = /* @__PURE__ */ kt(Dt);
-function N(n) {
-  const t = typeof n;
+const zt = /* @__PURE__ */ Mt(Dt);
+function N(r) {
+  const t = typeof r;
   switch (t) {
     case "undefined":
       return t;
     case "number":
-      return isNaN(n) ? "NaN" : t;
+      return isNaN(r) ? "NaN" : t;
     case "function":
-      return /^\s*class\s+/.test(n.toString()) ? "class" : t;
+      return /^\s*class\s+/.test(r.toString()) ? "class" : t;
     case "object":
-      return n === null ? "null" : n instanceof Promise ? "promise" : n instanceof Map ? "map" : n instanceof Set ? "set" : Array.isArray(n) ? "array" : t;
+      return r === null ? "null" : r instanceof Promise ? "promise" : r instanceof Map ? "map" : r instanceof Set ? "set" : Array.isArray(r) ? "array" : t;
     default:
       return t;
   }
 }
-function xe(n, t) {
-  if (!n)
+function xe(r, t) {
+  if (!r)
     throw new TypeError(
-      R(n, t || "Failed assertion. Value is not truthy. Got type: %t, value: %v")
+      R(r, t || "Failed assertion. Value is not truthy. Got type: %t, value: %v")
     );
 }
-function A(n) {
-  return Array.isArray(n);
+function A(r) {
+  return Array.isArray(r);
 }
-function Mt(...n) {
-  const t = n[0], e = (r) => A(r) && r.every((s) => t(s));
-  return n.length < 2 ? e : e(n[1]);
+function kt(...r) {
+  const t = r[0], e = (n) => A(n) && n.every((s) => t(s));
+  return r.length < 2 ? e : e(r[1]);
 }
-function ke(...n) {
-  const t = n[0], e = b(n[2]) ? n[2] : "Expected an array of valid items. Got type: %t, value: %v", r = (s) => {
+function Me(...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)))
       return !0;
     throw new TypeError(R(s, e));
   };
-  return n.length < 2 ? r : r(n[1]);
+  return r.length < 2 ? n : n(r[1]);
 }
-function b(n) {
-  return typeof n == "string";
+function b(r) {
+  return typeof r == "string";
 }
-function Me(n, t) {
-  if (b(n))
+function ke(r, t) {
+  if (b(r))
     return !0;
-  throw new TypeError(R(n, t ?? "Expected a string. Got type: %t, value: %v"));
+  throw new TypeError(R(r, t ?? "Expected a string. Got type: %t, value: %v"));
 }
-function I(n) {
-  return typeof n == "function" && !Kt(n);
+function q(r) {
+  return typeof r == "function" && !Kt(r);
 }
-function Gt(n) {
-  return typeof n == "number" && !isNaN(n);
+function Gt(r) {
+  return typeof r == "number" && !isNaN(r);
 }
-function Kt(n) {
-  return typeof n == "function" && /^\s*class\s+/.test(n.toString());
+function Kt(r) {
+  return typeof r == "function" && /^\s*class\s+/.test(r.toString());
 }
-function be(...n) {
-  const t = n[0], e = b(n[2]) ? n[2] : `Expected instance of ${t.name}. Got type: %t, value: %v`, r = (s) => {
+function be(...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)
       return !0;
     throw new TypeError(R(s, e));
   };
-  return n.length < 2 ? r : r(n[1]);
+  return r.length < 2 ? n : n(r[1]);
 }
-function bt(n) {
-  return n != null && typeof n == "object" && !A(n);
+function bt(r) {
+  return r != null && typeof r == "object" && !A(r);
 }
-function R(n, t) {
+function R(r, t) {
   var s;
-  const e = N(n), r = ((s = n == null ? void 0 : n.toString) == null ? void 0 : s.call(n)) || String(n);
-  return t.replaceAll("%t", e).replaceAll("%v", r);
+  const e = N(r), n = ((s = r == null ? void 0 : r.toString) == null ? void 0 : s.call(r)) || String(r);
+  return t.replaceAll("%t", e).replaceAll("%v", n);
 }
-var z, at;
+var G, ct;
 function Bt() {
-  return at || (at = 1, z = function n(t, e) {
+  return ct || (ct = 1, G = function r(t, e) {
     if (t === e) return !0;
     if (t && e && typeof t == "object" && typeof e == "object") {
       if (t.constructor !== e.constructor) return !1;
-      var r, s, i;
+      var n, s, i;
       if (Array.isArray(t)) {
-        if (r = t.length, r != e.length) return !1;
-        for (s = r; s-- !== 0; )
-          if (!n(t[s], e[s])) return !1;
+        if (n = t.length, n != e.length) return !1;
+        for (s = n; s-- !== 0; )
+          if (!r(t[s], e[s])) return !1;
         return !0;
       }
       if (t instanceof Map && e instanceof Map) {
@@ -148,7 +148,7 @@ function Bt() {
         for (s of t.entries())
           if (!e.has(s[0])) return !1;
         for (s of t.entries())
-          if (!n(s[1], e.get(s[0]))) return !1;
+          if (!r(s[1], e.get(s[0]))) return !1;
         return !0;
       }
       if (t instanceof Set && e instanceof Set) {
@@ -158,108 +158,108 @@ function Bt() {
         return !0;
       }
       if (ArrayBuffer.isView(t) && ArrayBuffer.isView(e)) {
-        if (r = t.length, r != e.length) return !1;
-        for (s = r; s-- !== 0; )
+        if (n = t.length, n != e.length) return !1;
+        for (s = n; s-- !== 0; )
           if (t[s] !== e[s]) 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), r = i.length, r !== Object.keys(e).length) return !1;
-      for (s = r; s-- !== 0; )
+      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 = r; s-- !== 0; ) {
+      for (s = n; s-- !== 0; ) {
         var u = i[s];
-        if (!n(t[u], e[u])) return !1;
+        if (!r(t[u], e[u])) return !1;
       }
       return !0;
     }
     return t !== t && e !== e;
-  }), z;
+  }), G;
 }
 var Ht = Bt();
-const Yt = /* @__PURE__ */ kt(Ht), Zt = () => {
+const Yt = /* @__PURE__ */ Mt(Ht), Zt = () => {
 };
-let G = 1;
-function Y() {
-  return G = G % Number.MAX_SAFE_INTEGER + 1, G.toString(36) + Date.now().toString(36);
+let K = 1;
+function Z() {
+  return K = K % Number.MAX_SAFE_INTEGER + 1, K.toString(36) + Date.now().toString(36);
 }
-function Et(n, t) {
-  return Object.is(n, t);
+function Et(r, t) {
+  return Object.is(r, t);
 }
-function Ee(n, t) {
-  if (Object.is(n, t)) return !0;
-  const e = N(n);
+function Ee(r, t) {
+  if (Object.is(r, t)) return !0;
+  const e = N(r);
   if (e !== N(t))
     return !1;
   switch (e) {
     case "object":
-      let r = 0;
-      for (const s in n) {
-        if (n[s] !== t[s]) return !1;
-        r++;
+      let n = 0;
+      for (const s in r) {
+        if (r[s] !== t[s]) return !1;
+        n++;
       }
-      return Object.keys(t).length === r;
+      return Object.keys(t).length === n;
     case "array":
-      if (n.length !== t.length) return !1;
-      for (let s = 0; s < n.length; s++)
-        if (n[s] !== t[s]) return !1;
+      if (r.length !== t.length) return !1;
+      for (let s = 0; s < r.length; s++)
+        if (r[s] !== t[s]) return !1;
       return !0;
     case "map":
-      if (n.size !== t.size) return !1;
-      for (const s of n.keys())
-        if (n[s] !== t[s]) return !1;
+      if (r.size !== t.size) return !1;
+      for (const s of r.keys())
+        if (r[s] !== t[s]) return !1;
       return !0;
     case "set":
-      if (I(n.symmetricDifference))
-        return n.symmetricDifference(t).size === 0;
-      for (const s of n.keys())
-        if (n[s] !== t.get(s)) return !1;
+      if (q(r.symmetricDifference))
+        return r.symmetricDifference(t).size === 0;
+      for (const s of r.keys())
+        if (r[s] !== t.get(s)) return !1;
       return !0;
   }
   return !1;
 }
 const Ae = Yt;
-function Jt(n, t) {
-  const e = (r) => {
+function Jt(r, t) {
+  const e = (n) => {
     const s = {};
-    for (const i in r)
-      n.includes(i) || (s[i] = r[i]);
+    for (const i in n)
+      r.includes(i) || (s[i] = n[i]);
     return s;
   };
   return t == null ? e : e(t);
 }
-function Oe(n) {
+function Oe(r) {
   return zt({
-    str: n,
+    str: r,
     sat: { min: 0.35, max: 0.55 },
     light: { min: 0.6, max: 0.6 }
   });
 }
-function Ne(n) {
-  if (n instanceof RegExp)
-    return (r) => n.test(r);
+function Ne(r) {
+  if (r instanceof RegExp)
+    return (n) => r.test(n);
   const t = {
     positive: [],
     negative: []
-  }, e = n.split(",").map((r) => r.trim()).filter((r) => r !== "");
-  for (let r of e) {
+  }, e = r.split(",").map((n) => n.trim()).filter((n) => n !== "");
+  for (let n of e) {
     let s = "positive";
-    r.startsWith("-") && (s = "negative", r = r.slice(1)), r === "*" ? t[s].push(function() {
+    n.startsWith("-") && (s = "negative", n = n.slice(1)), n === "*" ? t[s].push(function() {
       return !0;
-    }) : r.endsWith("*") ? t[s].push(function(i) {
-      return i.startsWith(r.slice(0, r.length - 1));
+    }) : n.endsWith("*") ? t[s].push(function(i) {
+      return i.startsWith(n.slice(0, n.length - 1));
     }) : t[s].push(function(i) {
-      return i === r;
+      return i === n;
     });
   }
-  return function(r) {
+  return function(n) {
     const { positive: s, negative: i } = t;
-    return !(i.some((u) => u(r)) || s.length > 0 && !s.some((u) => u(r)));
+    return !(i.some((u) => u(n)) || s.length > 0 && !s.some((u) => u(n)));
   };
 }
-var Xt = Object.defineProperty, Qt = (n, t, e) => t in n ? Xt(n, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : n[t] = e, ht = (n, t, e) => Qt(n, typeof t != "symbol" ? t + "" : t, e);
+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, ht = (r, t, e) => Qt(r, typeof t != "symbol" ? t + "" : t, e);
 class j {
   constructor() {
     ht(this, "_l", /* @__PURE__ */ new Map()), ht(this, "_a", (t) => {
@@ -268,29 +268,29 @@ class j {
     });
   }
   emit(t, ...e) {
-    let r = this.listeners(t);
-    for (const s of r)
+    let n = this.listeners(t);
+    for (const s of n)
       try {
         s(...e);
       } catch (i) {
         let u = this._l.get("error");
         if (u != null && u.length)
-          for (const c of u)
-            c(i, t, s, ...e);
+          for (const a of u)
+            a(i, t, s, ...e);
         else throw i;
       }
-    return t != "*" && this.emit("*", t, ...e) || r.length > 0;
+    return t != "*" && this.emit("*", t, ...e) || n.length > 0;
   }
   on(t, e) {
     return this.listeners(t).push(e), this;
   }
   off(t, e) {
-    const r = this.listeners(t);
-    return r.splice(r.indexOf(e), 1), this;
+    const n = this.listeners(t);
+    return n.splice(n.indexOf(e), 1), this;
   }
   once(t, e) {
-    return this.on(t, (...r) => {
-      e(...r), this.off(t, e);
+    return this.on(t, (...n) => {
+      e(...n), this.off(t, e);
     });
   }
   clear() {
@@ -319,20 +319,20 @@ class Ve {
   }
 }
 V = new WeakMap(), E = new WeakMap();
-const K = Symbol.for("DollaStatsStore");
+const B = Symbol.for("DollaStatsStore");
 function lt() {
-  const n = new j(), t = {
+  const r = new j(), t = {
     watcherCount: 0,
     viewCount: 0
   };
-  return n.on("_incrementViewCount", (e) => {
-    t.viewCount += e, n.emit("statsChanged");
-  }), n.on("_incrementWatcherCount", (e) => {
-    t.watcherCount += e, n.emit("statsChanged");
-  }), { emitter: n, stats: t };
+  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 };
 }
 function W() {
-  return typeof window < "u" ? (window[K] || (window[K] = lt()), window[K]) : lt();
+  return typeof window < "u" ? (window[B] || (window[B] = lt()), window[B]) : lt();
 }
 function At() {
   W().emitter.emit("_incrementWatcherCount", 1);
@@ -346,20 +346,20 @@ function te() {
 function ee() {
   W().emitter.emit("_incrementViewCount", -1);
 }
-const Nt = Symbol.for("DollaState"), Vt = Symbol.for("DollaRef"), $t = Symbol.for("DollaMarkup"), k = Symbol.for("DollaMarkupElement"), ne = Symbol.for("DollaStore"), Wt = Symbol.for("DollaStoreFactory");
-function m(n) {
-  return (n == null ? void 0 : n[Nt]) === !0;
+const Nt = Symbol.for("DollaState"), Vt = Symbol.for("DollaRef"), $t = Symbol.for("DollaMarkup"), M = Symbol.for("DollaMarkupElement"), ne = Symbol.for("DollaStore"), Wt = Symbol.for("DollaStoreFactory");
+function m(r) {
+  return (r == null ? void 0 : r[Nt]) === !0;
 }
-function re(n) {
-  return m(n) ? n.get() : n;
+function re(r) {
+  return m(r) ? r.get() : r;
 }
-function Z(n) {
-  return m(n) ? n : new J({
+function J(r) {
+  return m(r) ? r : new X({
     get() {
-      return n;
+      return r;
     },
     watch(t, e = {}) {
-      return e != null && e.lazy || t(n), Zt;
+      return e != null && e.lazy || t(r), Zt;
     }
   });
 }
@@ -386,14 +386,14 @@ class se {
   }
   watch(t, e) {
     return this.watchers.push(t), e != null && e.lazy || t(this.value), At(), () => {
-      const r = this.watchers.indexOf(t);
-      r > -1 && this.watchers.splice(r, 1), Ot();
+      const n = this.watchers.indexOf(t);
+      n > -1 && this.watchers.splice(n, 1), Ot();
     };
   }
 }
 var mt;
 mt = Nt;
-class J {
+class X {
   constructor(t) {
     o(this, mt, !0);
     o(this, "__value");
@@ -406,13 +406,13 @@ class J {
     return this.__value.watch(t, e);
   }
 }
-function H(n, t) {
-  const e = new se(n, t);
-  return [new J(e), (s) => e.set(s)];
+function Y(r, t) {
+  const e = new se(r, t);
+  return [new X(e), (s) => e.set(s)];
 }
 const ft = Symbol("EMPTY");
 class ie {
-  constructor(t, e, r) {
+  constructor(t, e, n) {
     o(this, "equals", Et);
     /**
      * Array of states this holder's value is derived from.
@@ -425,7 +425,7 @@ class ie {
     /**
      *
      */
-    o(this, "sourceWatcher", X());
+    o(this, "sourceWatcher", D());
     /**
      * Array of functions awaiting notification when this holder's value changes.
      */
@@ -450,7 +450,7 @@ class ie {
      * When value is a State, this function will stop watching its value.
      */
     o(this, "stopWatchingCurrentValue");
-    this.sources = t.map(Z), this.fn = e, r != null && r.equals && (this.equals = r.equals), this.previousSourceValues = new Array(t.length).fill(ft, 0, t.length);
+    this.sources = t.map(J), this.fn = e, n != null && n.equals && (this.equals = n.equals), this.previousSourceValues = new Array(t.length).fill(ft, 0, t.length);
   }
   /*==========================*\
   ||     "Public" methods     ||
@@ -460,9 +460,9 @@ class ie {
   }
   watch(t, e) {
     this.isWatchingSources || this.startWatchingSources();
-    const r = this.watchers;
-    return r.push(t), e != null && e.lazy || t(this.rawValue), At(), () => {
-      r.splice(r.indexOf(t), 1), this.isWatchingSources && r.length === 0 && this.stopWatchingSources(), Ot();
+    const n = this.watchers;
+    return n.push(t), e != null && e.lazy || t(this.rawValue), At(), () => {
+      n.splice(n.indexOf(t), 1), this.isWatchingSources && n.length === 0 && this.stopWatchingSources(), Ot();
     };
   }
   /*==========================*\
@@ -474,10 +474,10 @@ class ie {
   }
   update() {
     const t = this.sources, e = this.previousSourceValues;
-    let r = !1, s;
+    let n = !1, s;
     for (let i = 0; i < t.length; i++)
-      s = t[i].get(), !r && !this.equals(s, e[i]) && (r = !0), e[i] = s;
-    r && this.setValue(this.fn(...e));
+      s = t[i].get(), !n && !this.equals(s, e[i]) && (n = !0), e[i] = s;
+    n && this.setValue(this.fn(...e));
   }
   getValue() {
     return this.isWatchingSources || this.update(), this.rawValue;
@@ -489,9 +489,9 @@ class ie {
   }
   startWatchingSources() {
     const t = this.previousSourceValues;
-    for (let r = 0; r < this.sources.length; r++)
-      this.sourceWatcher.watch([this.sources[r]], (s) => {
-        if (t[r] = s, this.isWatchingSources) {
+    for (let n = 0; n < this.sources.length; n++)
+      this.sourceWatcher.watch([this.sources[n]], (s) => {
+        if (t[n] = s, this.isWatchingSources) {
           const i = this.fn(...t);
           this.equals(i, this.value) || this.setValue(i);
         }
@@ -504,41 +504,41 @@ class ie {
     this.sourceWatcher.stopAll(), this.stopWatchingCurrentValue && (this.stopWatchingCurrentValue(), this.stopWatchingCurrentValue = void 0), this.isWatchingSources = !1;
   }
 }
-function oe(n, t, e) {
-  const r = new ie(n, t, e);
-  return new J(r);
+function oe(r, t, e) {
+  const n = new ie(r, t, e);
+  return new X(n);
 }
-function X() {
-  const n = [];
+function D() {
+  const r = [];
   return {
     watch(t, e) {
       if (t.length === 0)
         throw new TypeError("Expected at least one state to watch.");
-      t = t.map(Z);
-      let r;
-      return t.length > 1 ? r = oe(t, e).watch(() => null) : r = t[0].watch(e), n.push(r), () => {
-        let s = n.indexOf(r);
-        s > -1 && n.splice(s, 1), r();
+      t = t.map(J);
+      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();
       };
     },
     stopAll() {
-      for (; n.length > 0; )
-        n.pop()();
+      for (; r.length > 0; )
+        r.pop()();
     }
   };
 }
-function $e(n) {
+function $e(r) {
   function t() {
     if (arguments.length === 1)
-      n = arguments[0];
+      r = arguments[0];
     else if (arguments.length > 1)
       throw new Error(`Too many arguments. Expected 0 or 1. Got: ${arguments.length}`);
-    return n;
+    return r;
   }
   return t[Vt] = !0, t;
 }
-function ue(n) {
-  return (n == null ? void 0 : n[Vt]) === !0;
+function ue(r) {
+  return (r == null ? void 0 : r[Vt]) === !0;
 }
 var $;
 class Q {
@@ -560,13 +560,16 @@ class Q {
   // stopImmediatePropagation() {}
 }
 $ = new WeakMap();
-let ce = class {
+let ae = class {
   constructor(t) {
     o(this, "__store");
     this.__store = t;
     const e = Object.getOwnPropertyDescriptors(this.__store._logger);
-    for (const r in e)
-      r !== "setName" && Object.defineProperty(this, r, e[r]);
+    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;
@@ -604,9 +607,22 @@ let ce = class {
   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, r) {
+class ce {
+  constructor(t, e, n) {
     o(this, "key");
     o(this, "_fn");
     o(this, "_options");
@@ -614,57 +630,68 @@ class ae {
      * Value is guaranteed to be set after `attach` is called.
      */
     o(this, "value");
+    o(this, "isMounted", !1);
     o(this, "_elementContext");
     o(this, "_emitter", new j());
     o(this, "_logger");
-    this.key = t, this._fn = e, this._options = r;
+    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) {
-    this._elementContext = t, this._logger = t.root.createLogger(this._fn.name), this._emitter.on("error", (r, s, ...i) => {
-      console.log({ error: r, eventName: s, args: i }), this._logger.crash(r);
+    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);
+    const e = new ae(this);
     try {
       this.value = this._fn.call(e, this._options, e);
-    } catch (r) {
-      this._logger.crash(r);
+    } catch (n) {
+      this._logger.crash(n);
     }
-    t.stores.set(this.key, this);
+    return t.stores.set(this.key, this), !0;
   }
   handleMount() {
-    this._emitter.emit("mounted");
+    this.isMounted = !0, this._emitter.emit("mounted");
   }
   handleUnmount() {
-    this._emitter.emit("unmounted"), this._emitter.clear();
+    this.isMounted = !1, this._emitter.emit("unmounted"), this._emitter.clear(), this._watcher.stopAll();
   }
 }
-function he(n) {
-  return (n == null ? void 0 : n[Wt]) === !0;
+function he(r) {
+  return (r == null ? void 0 : r[Wt]) === !0;
 }
-function le(n) {
-  return (n == null ? void 0 : n[ne]) === !0;
+function le(r) {
+  return (r == null ? void 0 : r[ne]) === !0;
 }
-function Fe(n) {
-  const t = Y();
-  function e(r) {
-    return new ae(t, n, r);
+function Fe(r) {
+  const t = Z();
+  function e(n) {
+    return new ce(t, r, n);
   }
   return e[Wt] = !0, e.key = t, e;
 }
-class B extends Error {
+class H extends Error {
 }
-function fe(n) {
-  for (var t, e, r = 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 ? r[l] : i) : s === 3 && (l || i) ? (c[1] = l ? r[l] : i, s = 2) : s === 2 && i === "..." && l ? c[2] = Object.assign(c[2] || {}, r[l]) : s === 2 && i && !l ? (c[2] = c[2] || {})[i] = !0 : s >= 5 && (s === 5 ? ((c[2] = c[2] || {})[e] = l ? i ? i + r[l] : r[l] : i, s = 6) : (l || i) && (c[2][e] += l ? i + r[l] : i)), i = "";
-  }, a = 0; a < n.length; a++) {
-    a && (s === 1 && h(), h(a));
-    for (var f = 0; f < n[a].length; f++) t = n[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 || n[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 fe(r) {
+  for (var t, e, n = arguments, s = 1, i = "", u = "", a = [0], h = function(l) {
+    s === 1 && (l || (i = i.replace(/^\s*\n\s*|\s*\n\s*$/g, ""))) ? a.push(l ? n[l] : i) : s === 3 && (l || i) ? (a[1] = l ? n[l] : i, s = 2) : s === 2 && i === "..." && l ? a[2] = Object.assign(a[2] || {}, n[l]) : s === 2 && i && !l ? (a[2] = a[2] || {})[i] = !0 : s >= 5 && (s === 5 ? ((a[2] = a[2] || {})[e] = l ? i ? i + n[l] : n[l] : i, s = 6) : (l || i) && (a[2][e] += l ? i + n[l] : i)), i = "";
+  }, c = 0; c < r.length; c++) {
+    c && (s === 1 && h(), h(c));
+    for (var f = 0; f < r[c].length; f++) t = r[c][f], s === 1 ? t === "<" ? (h(), a = [a, "", 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[c][f + 1] === ">") ? (h(), s === 3 && (a = a[0]), s = a, (a = a[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, a = a[0]);
   }
-  return h(), c.length > 2 ? c.slice(1) : c[1];
+  return h(), a.length > 2 ? a.slice(1) : a[1];
 }
 var _t;
-_t = k;
+_t = M;
 class dt {
   constructor(t) {
     o(this, _t, !0);
@@ -681,11 +708,11 @@ class dt {
     this.node.parentNode && !t && this.node.parentNode.removeChild(this.node);
   }
 }
-const de = (n) => /^on[A-Z]/.test(n);
+const de = (r) => /^on[A-Z]/.test(r);
 var gt;
-gt = k;
+gt = M;
 class pe {
-  constructor({ tag: t, props: e, children: r, elementContext: s }) {
+  constructor({ tag: t, props: e, children: n, elementContext: s }) {
     o(this, gt, !0);
     o(this, "node");
     o(this, "props");
@@ -693,7 +720,7 @@ class pe {
     o(this, "children", []);
     o(this, "stopCallbacks", []);
     o(this, "elementContext");
-    o(this, "uniqueId", Y());
+    o(this, "uniqueId", Z());
     o(this, "_batchWrite");
     // Track the ref so we can nullify it on unmount.
     o(this, "ref");
@@ -707,7 +734,7 @@ class pe {
     this.props = {
       ...Jt(["ref", "class", "className"], e),
       class: e.className ?? e.class
-    }, r && (this.childMarkup = r), this.elementContext = s, this.children = M(this.elementContext, this.childMarkup);
+    }, n && (this.childMarkup = n), this.elementContext = s, this.children = k(this.elementContext, this.childMarkup);
   }
   get isMounted() {
     return this.node.parentNode != null;
@@ -716,8 +743,8 @@ class pe {
     if (t == null)
       throw new Error(`HTML element requires a parent element as the first argument to connect. Got: ${t}`);
     if (!this.isMounted) {
-      for (let r = 0; r < this.children.length; r++) {
-        const s = this.children[r], i = r > 0 ? this.children[r - 1].node : void 0;
+      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);
       }
       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);
@@ -729,11 +756,11 @@ class pe {
   unmount(t = !1) {
     var e;
     if (this.isMounted) {
-      for (const r of this.children)
-        r.unmount(!0);
+      for (const n of this.children)
+        n.unmount(!0);
       t || (e = this.node.parentNode) == null || e.removeChild(this.node), this.ref && this.ref(void 0), this.canClickAway = !1;
-      for (const r of this.stopCallbacks)
-        r();
+      for (const n of this.stopCallbacks)
+        n();
       this.stopCallbacks = [];
     }
   }
@@ -743,73 +770,73 @@ class pe {
   _mutate(t, e) {
     this.isMounted ? this._batchWrite(t, e) : t();
   }
-  attachProp(t, e, r) {
+  attachProp(t, e, n) {
     m(t) ? this.stopCallbacks.push(
       t.watch((s) => {
-        this._mutate(() => e(s), r);
+        this._mutate(() => e(s), n);
       })
-    ) : this._mutate(() => e(t), r);
+    ) : this._mutate(() => e(t), n);
   }
   applyProps(t, e) {
-    for (const r in e) {
-      const s = e[r];
-      if (r === "attributes") {
+    for (const n in e) {
+      const s = e[n];
+      if (n === "attributes") {
         const i = s;
         for (const u in i)
           this.attachProp(
             i[u],
-            (c) => {
-              c == null ? t.removeAttribute(u) : t.setAttribute(u, String(c));
+            (a) => {
+              a == null ? t.removeAttribute(u) : t.setAttribute(u, String(a));
             },
             this.getUpdateKey("attr", u)
           );
-      } else if (r === "eventListeners") {
+      } else if (n === "eventListeners") {
         const i = s;
         for (const u in i) {
-          const c = m(s) ? (h) => s.get()(h) : s;
-          t.addEventListener(u, c), this.stopCallbacks.push(() => {
-            t.removeEventListener(u, c);
+          const a = m(s) ? (h) => s.get()(h) : s;
+          t.addEventListener(u, a), this.stopCallbacks.push(() => {
+            t.removeEventListener(u, a);
           });
         }
-      } else if (r === "onClickOutside" || r === "onclickoutside") {
-        const i = (c) => {
-          this.canClickAway && !t.contains(c.target) && (m(s) ? s.get()(c) : s(c));
+      } else if (n === "onClickOutside" || n === "onclickoutside") {
+        const i = (a) => {
+          this.canClickAway && !t.contains(a.target) && (m(s) ? s.get()(a) : s(a));
         }, u = { capture: !0 };
         window.addEventListener("click", i, u), this.stopCallbacks.push(() => {
           window.removeEventListener("click", i, u);
         });
-      } else if (de(r)) {
-        const i = r.slice(2).toLowerCase(), u = m(s) ? (c) => s.get()(c) : s;
+      } else if (de(n)) {
+        const i = n.slice(2).toLowerCase(), u = m(s) ? (a) => s.get()(a) : s;
         t.addEventListener(i, u), this.stopCallbacks.push(() => {
           t.removeEventListener(i, u);
         });
-      } else if (r.includes("-"))
+      } else if (n.includes("-"))
         this.attachProp(
           s,
           (i) => {
-            i == null ? t.removeAttribute(r) : t.setAttribute(r, String(i));
+            i == null ? t.removeAttribute(n) : t.setAttribute(n, String(i));
           },
-          this.getUpdateKey("attr", r)
+          this.getUpdateKey("attr", n)
         );
-      else if (!me.includes(r))
+      else if (!me.includes(n))
         if (this.elementContext.isSVG)
           this.attachProp(
             s,
             (i) => {
-              i != null ? t.setAttribute(r, String(e[r])) : t.removeAttribute(r);
+              i != null ? t.setAttribute(n, String(e[n])) : t.removeAttribute(n);
             },
-            this.getUpdateKey("attr", r)
+            this.getUpdateKey("attr", n)
           );
         else
-          switch (r) {
+          switch (n) {
             case "contentEditable":
             case "value":
               this.attachProp(
                 s,
                 (i) => {
-                  t[r] = String(i);
+                  t[n] = String(i);
                 },
-                this.getUpdateKey("prop", r)
+                this.getUpdateKey("prop", n)
               );
               break;
             case "for":
@@ -836,7 +863,7 @@ class pe {
             case "translate":
             case "type":
             case "title": {
-              const i = r.toLowerCase();
+              const i = n.toLowerCase();
               this.attachProp(
                 s,
                 (u) => {
@@ -853,142 +880,142 @@ class pe {
                 (i) => {
                   typeof i == "string" ? t.autocomplete = i : i ? t.autocomplete = "on" : t.autocomplete = "off";
                 },
-                this.getUpdateKey("prop", r)
+                this.getUpdateKey("prop", n)
               );
               break;
             default: {
               this.attachProp(
                 s,
                 (i) => {
-                  t[r] = i;
+                  t[n] = i;
                 },
-                this.getUpdateKey("prop", r)
+                this.getUpdateKey("prop", n)
               );
               break;
             }
           }
     }
   }
-  applyStyles(t, e, r) {
+  applyStyles(t, e, n) {
     const s = [];
     if (m(e)) {
       let i;
-      const u = e.watch((c) => {
+      const u = e.watch((a) => {
         this._mutate(
           () => {
-            I(i) && i(), t.style.cssText = "", i = this.applyStyles(t, c, r);
+            q(i) && i(), t.style.cssText = "", i = this.applyStyles(t, a, n);
           },
           this.getUpdateKey("styles", "*")
         );
       });
-      r.push(u), s.push(u);
+      n.push(u), s.push(u);
     } else {
       const i = Pt(e);
       for (const u in i) {
-        const { value: c, priority: h } = i[u];
-        if (m(c)) {
-          const a = c.watch((f) => {
+        const { value: a, priority: h } = i[u];
+        if (m(a)) {
+          const c = a.watch((f) => {
             this._mutate(() => {
               f ? t.style.setProperty(u, String(f), h) : t.style.removeProperty(u);
             });
           });
-          r.push(a), s.push(a);
-        } else c != null && t.style.setProperty(u, String(c));
+          n.push(c), s.push(c);
+        } else a != null && t.style.setProperty(u, String(a));
       }
     }
     return function() {
       for (const u of s)
-        u(), r.splice(r.indexOf(u), 1);
+        u(), n.splice(n.indexOf(u), 1);
     };
   }
-  applyClasses(t, e, r) {
+  applyClasses(t, e, n) {
     const s = [];
     if (m(e)) {
       let i;
-      const u = e.watch((c) => {
+      const u = e.watch((a) => {
         this._mutate(
           () => {
-            I(i) && i(), t.removeAttribute("class"), i = this.applyClasses(t, c, r);
+            q(i) && i(), t.removeAttribute("class"), i = this.applyClasses(t, a, n);
           },
           this.getUpdateKey("attr", "class")
         );
       });
-      r.push(u), s.push(u);
+      n.push(u), s.push(u);
     } else {
       const i = Ft(e);
       for (const u in i) {
-        const c = i[u];
-        if (m(c)) {
-          const h = c.watch((a) => {
+        const a = i[u];
+        if (m(a)) {
+          const h = a.watch((c) => {
             this._mutate(() => {
-              a ? t.classList.add(u) : t.classList.remove(u);
+              c ? t.classList.add(u) : t.classList.remove(u);
             });
           });
-          r.push(h), s.push(h);
-        } else c && t.classList.add(u);
+          n.push(h), s.push(h);
+        } else a && t.classList.add(u);
       }
     }
     return function() {
       for (const u of s)
-        u(), r.splice(r.indexOf(u), 1);
+        u(), n.splice(n.indexOf(u), 1);
     };
   }
 }
-function Ft(n) {
+function Ft(r) {
   let t = {};
-  if (b(n)) {
-    const e = n.split(" ");
-    for (const r of e)
-      t[r] = !0;
-  } else bt(n) ? Object.assign(t, n) : Array.isArray(n) && Array.from(n).filter(Boolean).forEach((e) => {
+  if (b(r)) {
+    const e = r.split(" ");
+    for (const n of e)
+      t[n] = !0;
+  } else bt(r) ? Object.assign(t, r) : Array.isArray(r) && Array.from(r).filter(Boolean).forEach((e) => {
     Object.assign(t, Ft(e));
   });
   return delete t.undefined, t;
 }
-function Pt(n) {
+function Pt(r) {
   let t = {};
-  if (b(n)) {
-    const e = n.split(";").filter((r) => r.trim() !== "");
-    for (const r of e) {
-      const [s, i] = r.split(":"), u = {
+  if (b(r)) {
+    const e = r.split(";").filter((n) => n.trim() !== "");
+    for (const n of e) {
+      const [s, i] = n.split(":"), u = {
         value: i
       };
       i.includes("!important") ? (u.priority = "important", u.value = i.replace("!important", "").trim()) : u.value = i.trim(), t[pt(s.trim())] = u;
     }
   }
-  if (bt(n))
-    for (const e in n)
-      e.startsWith("--") ? t[e] = { value: n[e] } : t[pt(e)] = { value: n[e] };
-  else Array.isArray(n) && Array.from(n).filter((e) => e != null).forEach((e) => {
+  if (bt(r))
+    for (const e in r)
+      e.startsWith("--") ? t[e] = { value: r[e] } : t[pt(e)] = { value: r[e] };
+  else Array.isArray(r) && Array.from(r).filter((e) => e != null).forEach((e) => {
     Object.assign(t, Pt(e));
   });
   return t;
 }
-function pt(n) {
-  return n.replace(/[A-Z]+(?![a-z])|[A-Z]/g, (t, e) => (e ? "-" : "") + t.toLowerCase());
+function pt(r) {
+  return r.replace(/[A-Z]+(?![a-z])|[A-Z]/g, (t, e) => (e ? "-" : "") + t.toLowerCase());
 }
 const me = ["ref", "children", "class", "style", "data"];
 var wt;
-wt = k;
+wt = M;
 class _e {
-  constructor({ sources: t, renderFn: e, elementContext: r }) {
+  constructor({ sources: t, renderFn: e, elementContext: n }) {
     o(this, wt, !0);
     o(this, "node", document.createTextNode(""));
     o(this, "children", []);
     o(this, "renderFn");
     o(this, "elementContext");
-    o(this, "watcher", X());
+    o(this, "watcher", D());
     o(this, "sources");
-    this.sources = t, this.renderFn = e, this.elementContext = r;
+    this.sources = t, this.renderFn = e, this.elementContext = n;
   }
   get isMounted() {
     return this.node.parentNode != null;
   }
   mount(t, e) {
-    this.isMounted || (t.insertBefore(this.node, (e == null ? void 0 : e.nextSibling) ?? null), this.watcher.watch(this.sources, (...r) => {
-      const s = this.renderFn(...r);
-      if (!It(s))
-        throw console.error(s, r), new TypeError(
+    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 (!qt(s))
+        throw console.error(s, n), new TypeError(
           `Observer received invalid value to render. Got type: ${N(s)}, value: ${s}`
         );
       this.update(A(s) ? s : [s]);
@@ -1004,20 +1031,20 @@ class _e {
     this.children = [];
   }
   update(t) {
-    var i, u, c;
+    var i, u, a;
     if (this.cleanup(!1), t == null || t.length === 0 || !this.isMounted)
       return;
-    const e = t.flatMap((h) => qt(h) ? h : M(this.elementContext, tt(h)));
+    const e = t.flatMap((h) => It(h) ? h : k(this.elementContext, tt(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 c = ((i = this.children.at(-1)) == null ? void 0 : i.node) || this.node;
+      h.mount(this.node.parentNode, c), this.children.push(h);
     }
-    const r = this.node.parentNode, s = ((c = (u = this.children.at(-1)) == null ? void 0 : u.node) == null ? void 0 : c.nextSibling) ?? null;
-    r.insertBefore(this.node, s);
+    const n = this.node.parentNode, s = ((a = (u = this.children.at(-1)) == null ? void 0 : u.node) == null ? void 0 : a.nextSibling) ?? null;
+    n.insertBefore(this.node, s);
   }
 }
 var yt;
-yt = k;
+yt = M;
 class Tt {
   constructor(t) {
     o(this, yt, !0);
@@ -1029,8 +1056,8 @@ class Tt {
     this.source = t;
   }
   mount(t, e) {
-    this.isMounted || (this.isMounted = !0, t.insertBefore(this.node, (e == null ? void 0 : e.nextSibling) ?? null), m(this.source) ? this.stopCallback = this.source.watch((r) => {
-      this.update(r);
+    this.isMounted || (this.isMounted = !0, t.insertBefore(this.node, (e == null ? void 0 : e.nextSibling) ?? null), m(this.source) ? this.stopCallback = this.source.watch((n) => {
+      this.update(n);
     }) : this.update(this.elements));
   }
   unmount(t = !1) {
@@ -1042,18 +1069,18 @@ class Tt {
     this.elements = [];
   }
   update(t) {
-    var e, r;
+    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;
         i.mount(this.node.parentElement, u == null ? void 0 : u.node), this.elements.push(i);
       }
-      (r = this.node.parentNode) == null || r.insertBefore(this.node, ((e = this.elements.at(-1)) == null ? void 0 : e.node) ?? null);
+      (n = this.node.parentNode) == null || n.insertBefore(this.node, ((e = this.elements.at(-1)) == null ? void 0 : e.node) ?? null);
     }
   }
 }
 var St;
-St = k;
+St = M;
 class ge {
   constructor(t) {
     o(this, St, !0);
@@ -1065,28 +1092,31 @@ class ge {
     return this.element ? this.element.isMounted : !1;
   }
   mount(t, e) {
-    const { content: r, parent: s } = this.config;
-    qt(r) ? this.element = r : this.element = q(M(this.config.elementContext, tt(r))), this.element.mount(s);
+    const { content: n, parent: s } = this.config;
+    It(n) ? this.element = n : this.element = I(k(this.config.elementContext, tt(n))), this.element.mount(s);
   }
   unmount(t = !1) {
     var e;
     (e = this.element) != null && e.isMounted && this.element.unmount(t);
   }
 }
-function Pe(n) {
-  return n;
+function Pe(r) {
+  return r;
 }
 class we {
   constructor(t) {
     o(this, "__view");
     this.__view = t;
     const e = Object.getOwnPropertyDescriptors(this.__view._logger);
-    for (const r in e)
-      r !== "setName" && Object.defineProperty(this, r, e[r]);
+    for (const n in e)
+      n !== "setName" && Object.defineProperty(this, n, e[n]);
   }
   get uid() {
     return this.__view.uniqueId;
   }
+  get isMounted() {
+    return this.__view.isMounted;
+  }
   setName(t) {
     return this.__view._logger.setName(t), this.__view._elementContext.viewName = t, this;
   }
@@ -1118,24 +1148,29 @@ class we {
     return this.__view._elementContext.emitter.emit(t, new Q(t, e));
   }
   attachStore(t) {
-    t.attach(this.__view._elementContext), this.__view._emitter.on("mounted", () => {
-      t.handleMount();
-    }), this.__view._emitter.on("unmounted", () => {
-      t.handleUnmount();
-    });
+    if (t.attach(this.__view._elementContext))
+      this.__view._emitter.on("mounted", () => {
+        t.handleMount();
+      }), this.__view._emitter.on("unmounted", () => {
+        t.handleUnmount();
+      });
+    else {
+      let n = t.name ? `'${t.name}'` : "this store";
+      this.__view._logger.warn(`An instance of ${n} was already attached to this context.`);
+    }
   }
   useStore(t) {
     if (he(t)) {
       const e = t.key;
-      let r = this.__view._elementContext, s;
-      for (; s = r.stores.get(e), s == null && r.parent != null; )
-        r = r.parent;
+      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 B("Store not found on this context.");
+        throw new H("Store not found on this context.");
       return s.value;
-    } else throw le(t) ? new B(
+    } else throw le(t) ? new H(
       "Received a Store instance. Please pass the Store factory function to useStore without calling it."
-    ) : new B("Invalid store.");
+    ) : new H("Invalid store.");
   }
   beforeMount(t) {
     this.__view._emitter.on("beforeMount", t);
@@ -1150,13 +1185,13 @@ class we {
     this.__view._emitter.on("unmounted", t);
   }
   watch(t, e) {
-    const r = this.__view;
-    if (r.isMounted)
-      return r._watcher.watch(t, e);
+    const n = this.__view;
+    if (n.isMounted)
+      return n._watcher.watch(t, e);
     {
       let s, i = !1;
-      return r._emitter.on("mounted", () => {
-        i || (s = r._watcher.watch(t, e));
+      return n._emitter.on("mounted", () => {
+        i || (s = n._watcher.watch(t, e));
       }), () => {
         s != null && (i = !0, s());
       };
@@ -1167,11 +1202,11 @@ class we {
   }
 }
 var vt;
-vt = k;
+vt = M;
 const et = class et {
-  constructor(t, e, r, s = []) {
+  constructor(t, e, n, s = []) {
     o(this, vt, !0);
-    o(this, "uniqueId", Y());
+    o(this, "uniqueId", Z());
     o(this, "_elementContext");
     o(this, "_logger");
     o(this, "_view");
@@ -1180,7 +1215,7 @@ const et = class et {
     o(this, "_childMarkup");
     o(this, "_$children");
     o(this, "_setChildren");
-    o(this, "_watcher", X());
+    o(this, "_watcher", D());
     o(this, "_emitter", new j());
     o(this, "isMounted", !1);
     this._elementContext = {
@@ -1190,11 +1225,11 @@ const et = class et {
       viewName: e.name,
       emitter: new j(),
       stores: /* @__PURE__ */ new Map()
-    }, this._logger = t.root.createLogger(e.name, { uid: this.uniqueId }), this._view = e, this._props = r, this._childMarkup = s, [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._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, ...a) => {
+      this._logger.error({ error: i, eventName: u, args: a }), this._logger.crash(i);
     }), this._elementContext.emitter.on("*", (i, u) => {
-      var c;
-      u instanceof Q && (u.propagationStopped || (c = this._elementContext.parent) == null || c.emitter.emit(i, u));
+      var a;
+      u instanceof Q && (u.propagationStopped || (a = this._elementContext.parent) == null || a.emitter.emit(i, u));
     });
   }
   /*===============================*\
@@ -1205,8 +1240,8 @@ const et = class et {
     return (t = this._element) == null ? void 0 : t.node;
   }
   mount(t, e) {
-    const r = this.isMounted;
-    r || (this._initialize(), this._emitter.emit("beforeMount")), this._element && this._element.mount(t, e), r || (this.isMounted = !0, te(), requestAnimationFrame(() => {
+    const n = this.isMounted;
+    n || (this._initialize(), this._emitter.emit("beforeMount")), this._element && this._element.mount(t, e), n || (this.isMounted = !0, te(), requestAnimationFrame(() => {
       this._emitter.emit("mounted");
     }));
   }
@@ -1225,31 +1260,31 @@ const et = class et {
     const t = new we(this);
     let e;
     try {
-      this._childMarkup.length && this._setChildren(M(this._elementContext, this._childMarkup)), e = this._view.call(t, this._props, t);
-    } catch (r) {
-      throw r instanceof Error && this._logger.crash(r), r;
+      e = this._view.call(t, this._props, t), this._childMarkup.length && this._setChildren(k(this._elementContext, this._childMarkup));
+    } catch (n) {
+      throw n instanceof Error && this._logger.crash(n), n;
     }
     if (e !== null) if (e instanceof Node)
-      this._element = q(M(this._elementContext, v("$node", { value: e })));
-    else if (L(e) || Mt(L, e))
-      this._element = q(M(this._elementContext, e));
+      this._element = I(k(this._elementContext, v("$node", { value: e })));
+    else if (L(e) || kt(L, e))
+      this._element = I(k(this._elementContext, e));
     else if (m(e))
-      this._element = q(
-        M(this._elementContext, v("$observer", { sources: [e], renderFn: (r) => r }))
+      this._element = I(
+        k(this._elementContext, v("$observer", { sources: [e], renderFn: (n) => n }))
       );
     else {
-      const r = new TypeError(
+      const n = new TypeError(
         `Expected '${this._view.name}' function to return a DOM node, Markup element, Readable or null. Got: ${N(e)}`
       );
-      this._logger.crash(r);
+      this._logger.crash(n);
     }
   }
 };
 let U = et;
 var Ct;
-Ct = k;
+Ct = M;
 class ye {
-  constructor({ elementContext: t, $items: e, renderFn: r, keyFn: s }) {
+  constructor({ elementContext: t, $items: e, renderFn: n, keyFn: s }) {
     o(this, Ct, !0);
     o(this, "node", document.createTextNode(""));
     o(this, "$items");
@@ -1258,16 +1293,16 @@ class ye {
     o(this, "elementContext");
     o(this, "renderFn");
     o(this, "keyFn");
-    this.elementContext = t, this.$items = e, this.renderFn = r, this.keyFn = s;
+    this.elementContext = t, this.$items = e, this.renderFn = n, this.keyFn = s;
   }
   get isMounted() {
     return this.node.parentNode != null;
   }
   mount(t, e) {
-    this.isMounted || (t.insertBefore(this.node, (e == null ? void 0 : e.nextSibling) ?? null), this.stopCallback = this.$items.watch((r) => {
+    this.isMounted || (t.insertBefore(this.node, (e == null ? void 0 : e.nextSibling) ?? null), this.stopCallback = this.$items.watch((n) => {
       this.isMounted ? this.elementContext.root.batch.write(() => {
-        this._update(Array.from(r));
-      }) : this._update(Array.from(r));
+        this._update(Array.from(n));
+      }) : this._update(Array.from(n));
     }));
   }
   unmount(t = !1) {
@@ -1280,28 +1315,28 @@ class ye {
     this.connectedItems = [];
   }
   _update(t) {
-    var u, c, h;
+    var u, a, h;
     if (t.length === 0 || !this.isMounted)
       return this._cleanup(!1);
     const e = [];
-    let r = 0;
-    for (const a of t)
+    let n = 0;
+    for (const c of t)
       e.push({
-        key: this.keyFn(a, r),
-        value: a,
-        index: r++
+        key: this.keyFn(c, n),
+        value: c,
+        index: n++
       });
     const s = [];
-    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);
+    for (const c of this.connectedItems)
+      e.find((l) => l.key === c.key) || c.element.unmount(!1);
+    for (const c of e) {
+      const f = this.connectedItems.find((l) => l.key === c.key);
       if (f)
-        f.setValue(a.value), f.setIndex(a.index), s[a.index] = f;
+        f.setValue(c.value), f.setIndex(c.index), s[c.index] = f;
       else {
-        const [l, d] = H(a.value), [p, _] = H(a.index);
-        s[a.index] = {
-          key: a.key,
+        const [l, d] = Y(c.value), [p, _] = Y(c.index);
+        s[c.index] = {
+          key: c.key,
           $value: l,
           setValue: d,
           $index: p,
@@ -1314,152 +1349,152 @@ 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 c = 0; c < s.length; c++) {
+      const f = s[c], l = ((u = s[c - 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;
+    const i = ((a = s.at(-1)) == null ? void 0 : a.element.node) ?? this.node;
     (h = this.node.parentNode) == null || h.insertBefore(this.node, i.nextSibling);
   }
 }
-function Se({ $value: n, $index: t, renderFn: e }, r) {
-  return e(n, t, r);
+function Se({ $value: r, $index: t, renderFn: e }, n) {
+  return n.setName("@RepeatItem"), e.call(n, r, t, n);
 }
-function L(n) {
-  return (n == null ? void 0 : n[$t]) === !0;
+function L(r) {
+  return (r == null ? void 0 : r[$t]) === !0;
 }
-function qt(n) {
-  return (n == null ? void 0 : n[k]) === !0;
+function It(r) {
+  return (r == null ? void 0 : r[M]) === !0;
 }
-function tt(n) {
-  return A(n) || (n = [n]), n.flat(1 / 0).filter((t) => t != null && t !== !1).map((t) => L(t) ? t : t instanceof Node ? v("$node", { value: t }) : m(t) ? v("$observer", {
+function tt(r) {
+  return A(r) || (r = [r]), r.flat(1 / 0).filter((t) => t != null && t !== !1).map((t) => L(t) ? t : t instanceof Node ? v("$node", { value: t }) : m(t) ? v("$observer", {
     sources: [t],
     renderFn: (e) => e
   }) : v("$text", { value: t }));
 }
-function v(n, t, ...e) {
-  return new ve(n, t, ...e);
+function v(r, t, ...e) {
+  return new ve(r, t, ...e);
 }
 var xt;
 xt = $t;
 class ve {
-  constructor(t, e, ...r) {
+  constructor(t, e, ...n) {
     o(this, xt, !0);
     o(this, "type");
     o(this, "props");
     o(this, "children");
-    this.type = t, this.props = e, this.children = tt(r);
+    this.type = t, this.props = e, this.children = tt(n);
   }
 }
 const Te = fe.bind(v);
-function qe(n, t, e) {
+function Ie(r, t, e) {
   return v("$observer", {
-    sources: [n],
-    renderFn: (r) => r && t ? t : !r && e ? e : null
+    sources: [r],
+    renderFn: (n) => n && t ? t : !n && e ? e : null
   });
 }
-function Ie(n, t, e) {
-  const r = Z(n);
-  return v("$repeat", { $items: r, keyFn: t, renderFn: e });
+function qe(r, t, e) {
+  const n = J(r);
+  return v("$repeat", { $items: n, keyFn: t, renderFn: e });
 }
-function je(n, t) {
-  return v("$portal", { parent: n, content: t });
+function je(r, t) {
+  return v("$portal", { parent: r, content: t });
 }
-function M(n, t) {
-  return (A(t) ? t : [t]).map((r) => {
-    if (I(r.type))
-      return new U(n, r.type, r.props, r.children);
-    if (b(r.type))
-      switch (r.type) {
+function k(r, t) {
+  return (A(t) ? t : [t]).map((n) => {
+    if (q(n.type))
+      return new U(r, n.type, n.props, n.children);
+    if (b(n.type))
+      switch (n.type) {
         case "$node": {
-          const s = r.props;
+          const s = n.props;
           return new dt(s.value);
         }
         case "$text": {
-          const s = r.props;
+          const s = n.props;
           return new dt(document.createTextNode(String(s.value)));
         }
         case "$repeat": {
-          const s = r.props;
+          const s = n.props;
           return new ye({
             $items: s.$items,
             keyFn: s.keyFn,
             renderFn: s.renderFn,
-            elementContext: n
+            elementContext: r
           });
         }
         case "$observer": {
-          const s = r.props;
+          const s = n.props;
           return new _e({
             sources: s.sources,
             renderFn: s.renderFn,
-            elementContext: n
+            elementContext: r
           });
         }
         case "$outlet": {
-          const s = r.props;
+          const s = n.props;
           return new Tt(s.$children);
         }
         case "$portal": {
-          const s = r.props;
+          const s = n.props;
           return new ge({
             content: s.content,
             parent: s.parent,
-            elementContext: n
+            elementContext: r
           });
         }
         default:
-          if (r.type.startsWith("$"))
-            throw new Error(`Unknown markup type: ${r.type}`);
+          if (n.type.startsWith("$"))
+            throw new Error(`Unknown markup type: ${n.type}`);
           return new pe({
-            tag: r.type,
-            props: r.props ?? {},
-            children: r.children,
-            elementContext: n
+            tag: n.type,
+            props: n.props ?? {},
+            children: n.children,
+            elementContext: r
           });
       }
     else
-      throw new TypeError(`Expected a string or view function. Got: ${r.type}`);
+      throw new TypeError(`Expected a string or view function. Got: ${n.type}`);
   });
 }
-function q(n) {
-  return n.length === 1 ? n[0] : new Tt(n);
+function I(r) {
+  return r.length === 1 ? r[0] : new Tt(r);
 }
-function It(n) {
-  return n == null || n === !1 || b(n) || Gt(n) || L(n) || m(n) || Mt(It, n);
+function qt(r) {
+  return r == null || r === !1 || b(r) || Gt(r) || L(r) || m(r) || kt(qt, r);
 }
-function Ue(n, t) {
+function Ue(r, t) {
   return t.outlet();
 }
 export {
   Zt as A,
   Oe as B,
   Q as C,
-  q as D,
-  M as E,
+  I as D,
+  k as E,
   Fe as F,
   Et as G,
   je as H,
-  Ie as I,
+  qe as I,
   Pe as J,
   Ue as P,
   Ve as S,
   U as V,
   b as a,
   Ae as b,
-  H as c,
+  Y as c,
   oe as d,
-  I as e,
-  Me as f,
-  ke as g,
+  q as e,
+  ke as f,
+  Me as g,
   xe as h,
   bt as i,
   Te as j,
-  qe as k,
-  X as l,
+  Ie as k,
+  D as l,
   Ne as m,
-  Z as n,
+  J as n,
   re as o,
   j as p,
   m as q,
@@ -1468,9 +1503,9 @@ export {
   N as t,
   ue as u,
   he as v,
-  B as w,
+  H as w,
   le as x,
   be as y,
   v as z
 };
-//# sourceMappingURL=passthrough-1MySicTa.js.map
+//# sourceMappingURL=passthrough-eH8w4zJi.js.map