@manyducks.co/dolla 2.0.0-alpha.15 → 2.0.0-alpha.16

package/dist/{passthrough-CBbog_A9.js → passthrough-DUh0_zQF.js}

@@ -1,25 +1,25 @@
-var wt = Object.defineProperty;
-var Ct = (e, t, n) => t in e ? wt(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
-var u = (e, t, n) => Ct(e, typeof t != "symbol" ? t + "" : t, n);
-function it(e) {
+var yt = Object.defineProperty;
+var wt = (e, t, n) => t in e ? yt(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
+var u = (e, t, n) => wt(e, typeof t != "symbol" ? t + "" : t, n);
+function ot(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var P = { exports: {} }, Q;
-function vt() {
-  return Q || (Q = 1, function(e, t) {
+var P = { exports: {} }, J;
+function Ct() {
+  return J || (J = 1, function(e, t) {
     Object.defineProperty(t, "__esModule", { value: !0 });
     var n = /* @__PURE__ */ function() {
       function a(h, d) {
-        var f = [], y = !0, C = !1, S = void 0;
+        var f = [], y = !0, w = !1, S = void 0;
         try {
-          for (var b, v = h[Symbol.iterator](); !(y = (b = v.next()).done) && (f.push(b.value), !(d && f.length === d)); y = !0) ;
+          for (var v, b = h[Symbol.iterator](); !(y = (v = b.next()).done) && (f.push(v.value), !(d && f.length === d)); y = !0) ;
         } catch (m) {
-          C = !0, S = m;
+          w = !0, S = m;
         } finally {
           try {
-            !y && v.return && v.return();
+            !y && b.return && b.return();
           } finally {
-            if (C) throw S;
+            if (w) throw S;
           }
         }
         return f;
@@ -34,29 +34,29 @@ function vt() {
         return 16 > d ? h + "0" + d.toString(16) : h + d.toString(16);
       }, "#");
     }, r = function(a, h, d) {
-      var f = 0.5 > d ? d * (1 + h) : d + h - d * h, y = 2 * d - f, C = function(m, E, l) {
+      var f = 0.5 > d ? d * (1 + h) : d + h - d * h, y = 2 * d - f, w = function(m, E, l) {
         var p = Math.round, g = 0 > l ? l + 1 : 1 < l ? l - 1 : l;
         return g = g < 1 / 6 ? m + 6 * (E - m) * g : g < 1 / 2 ? E : g < 2 / 3 ? m + 6 * (E - m) * (2 / 3 - g) : m, p(255 * g);
-      }, S = C(y, f, a + 1 / 3), b = C(y, f, a), v = C(y, f, a - 1 / 3);
-      return [S, b, v];
+      }, S = w(y, f, a + 1 / 3), v = w(y, f, a), b = w(y, f, a - 1 / 3);
+      return [S, v, b];
     }, o = function(a, h, d, f) {
-      var y = a % 1007 / 1007, C = function(m, E, l) {
+      var y = a % 1007 / 1007, w = function(m, E, l) {
         return m * (l - E) + E;
-      }, S = C(y, h.min, h.max), b = C(y, d.min, d.max), v = C(y, f.max, f.min);
-      return [S, b, v];
+      }, S = w(y, h.min, h.max), v = w(y, d.min, d.max), b = w(y, f.max, f.min);
+      return [S, v, b];
     }, i = function(a) {
       return a.split("").reduce(function(h, d, f) {
         return h * d.charCodeAt(0) * f + 1;
       }, 1);
     }, c = function(a) {
-      var h = a.str, d = a.hue, f = d === void 0 ? { min: 0, max: 360 } : d, y = a.sat, C = y === void 0 ? { min: 0.35, max: 0.65 } : y, S = a.light, b = S === void 0 ? { min: 0.3, max: 0.7 } : S, v = a.hashFunction, m = v === void 0 ? i : v, E = a.scheme, l = E === void 0 ? "hex" : E, p = o(m(h), f, C, b), g = n(p, 3), N = g[0], Y = g[1], Z = g[2], J = r(N / 360, Y, Z), yt = s(J);
-      return l === "hsl" ? [N, Y, Z] : l === "rgb" ? J : yt;
+      var h = a.str, d = a.hue, f = d === void 0 ? { min: 0, max: 360 } : d, y = a.sat, w = y === void 0 ? { min: 0.35, max: 0.65 } : y, S = a.light, v = S === void 0 ? { min: 0.3, max: 0.7 } : S, b = a.hashFunction, m = b === void 0 ? i : b, E = a.scheme, l = E === void 0 ? "hex" : E, p = o(m(h), f, w, v), g = n(p, 3), N = g[0], z = g[1], Y = g[2], Z = r(N / 360, z, Y), gt = s(Z);
+      return l === "hsl" ? [N, z, Y] : l === "rgb" ? Z : gt;
     };
     t.default = c, e.exports = t.default;
   }(P, P.exports)), P.exports;
 }
-var bt = vt();
-const St = /* @__PURE__ */ it(bt);
+var bt = Ct();
+const vt = /* @__PURE__ */ ot(bt);
 function R(e) {
   if (e === void 0)
     return "undefined";
@@ -67,9 +67,9 @@ function R(e) {
     case "number":
       return isNaN(e) ? "NaN" : "number";
     case "function":
-      return ct(e) ? "class" : t;
+      return ut(e) ? "class" : t;
     case "object":
-      return M(e) ? "array" : kt(e) ? "promise" : t;
+      return M(e) ? "array" : Et(e) ? "promise" : t;
     default:
       return t;
   }
@@ -77,11 +77,11 @@ function R(e) {
 function M(e) {
   return Array.isArray(e);
 }
-function ut(...e) {
+function it(...e) {
   const t = e[0], n = (s) => M(s) && s.every((r) => t(r));
   return e.length < 2 ? n : n(e[1]);
 }
-function Zt(...e) {
+function Yt(...e) {
   const t = e[0], n = A(e[2]) ? e[2] : "Expected an array of valid items. Got type: %t, value: %v", s = (r) => {
     if (M(r) && r.every((o) => t(o)))
       return !0;
@@ -92,26 +92,26 @@ function Zt(...e) {
 function A(e) {
   return typeof e == "string";
 }
-function Jt(e, t) {
+function Zt(e, t) {
   if (A(e))
     return !0;
   throw new TypeError(G(e, t ?? "Expected a string. Got type: %t, value: %v"));
 }
 function $(e) {
-  return typeof e == "function" && !ct(e);
+  return typeof e == "function" && !ut(e);
 }
-function Et(e) {
+function St(e) {
   return typeof e == "number" && !isNaN(e);
 }
-function kt(e) {
+function Et(e) {
   if (e == null) return !1;
   const t = e;
   return t instanceof Promise || $(t.then) && $(t.catch) && $(t.finally);
 }
-function ct(e) {
+function ut(e) {
   return typeof e == "function" && /^\s*class\s+/.test(e.toString());
 }
-function Qt(...e) {
+function Jt(...e) {
   const t = e[0], n = A(e[2]) ? e[2] : `Expected instance of ${t.name}. Got type: %t, value: %v`, s = (r) => {
     if (r instanceof t)
       return !0;
@@ -127,9 +127,9 @@ function G(e, t) {
   const n = R(e), s = ((r = e == null ? void 0 : e.toString) == null ? void 0 : r.call(e)) || String(e);
   return t.replaceAll("%t", n).replaceAll("%v", s);
 }
-var I, X;
-function xt() {
-  return X || (X = 1, I = function e(t, n) {
+var I, Q;
+function kt() {
+  return Q || (Q = 1, I = function e(t, n) {
     if (t === n) return !0;
     if (t && n && typeof t == "object" && typeof n == "object") {
       if (t.constructor !== n.constructor) return !1;
@@ -140,26 +140,6 @@ function xt() {
           if (!e(t[r], n[r])) return !1;
         return !0;
       }
-      if (t instanceof Map && n instanceof Map) {
-        if (t.size !== n.size) return !1;
-        for (r of t.entries())
-          if (!n.has(r[0])) return !1;
-        for (r of t.entries())
-          if (!e(r[1], n.get(r[0]))) return !1;
-        return !0;
-      }
-      if (t instanceof Set && n instanceof Set) {
-        if (t.size !== n.size) return !1;
-        for (r of t.entries())
-          if (!n.has(r[0])) return !1;
-        return !0;
-      }
-      if (ArrayBuffer.isView(t) && ArrayBuffer.isView(n)) {
-        if (s = t.length, s != n.length) return !1;
-        for (r = s; r-- !== 0; )
-          if (t[r] !== n[r]) return !1;
-        return !0;
-      }
       if (t.constructor === RegExp) return t.source === n.source && t.flags === n.flags;
       if (t.valueOf !== Object.prototype.valueOf) return t.valueOf() === n.valueOf();
       if (t.toString !== Object.prototype.toString) return t.toString() === n.toString();
@@ -175,13 +155,10 @@ function xt() {
     return t !== t && n !== n;
   }), I;
 }
-var Nt = xt();
-const $t = /* @__PURE__ */ it(Nt), _t = () => {
+var xt = kt();
+const Qt = /* @__PURE__ */ ot(xt), Nt = () => {
 };
-function Xt(e, t) {
-  return e === t ? !0 : w(e) || w(t) ? !1 : $t(e, t);
-}
-function At(e, t) {
+function $t(e, t) {
   const n = (s) => {
     const r = {};
     for (const o in s)
@@ -190,20 +167,20 @@ function At(e, t) {
   };
   return t == null ? n : n(t);
 }
-function te() {
+function Xt() {
   if (typeof window < "u" && window.console)
     return window.console;
   if (typeof global < "u" && global.console)
     return global.console;
 }
-function Vt(e) {
-  return St({
+function _t(e) {
+  return vt({
     str: e,
     sat: { min: 0.35, max: 0.55 },
     light: { min: 0.6, max: 0.6 }
   });
 }
-function ee(e) {
+function te(e) {
   if (e instanceof RegExp)
     return (s) => e.test(s);
   const t = {
@@ -240,7 +217,7 @@ const q = {
       console.log(
         `%c[DOLLA_DEV_DEBUG] %c${this._label}%c%c%c`,
         "color:#e44c4c;font-weight:bold",
-        `color:${Vt(this._label)};font-weight:bold`,
+        `color:${_t(this._label)};font-weight:bold`,
         "color:#777",
         "color:#aaa",
         "color:#777",
@@ -248,26 +225,26 @@ const q = {
       ), this._timeout = null;
     }, 200));
   }
-}, U = Symbol("State"), D = Symbol("SettableState"), at = Symbol("Ref");
-function w(e) {
+}, U = Symbol("State"), B = Symbol("SettableState"), ct = Symbol("Ref");
+function C(e) {
   return (e == null ? void 0 : e[U]) === !0;
 }
-function K(e) {
-  return (e == null ? void 0 : e[D]) === !0;
+function D(e) {
+  return (e == null ? void 0 : e[B]) === !0;
 }
-function lt(e) {
-  return (e == null ? void 0 : e[at]) === !0;
+function at(e) {
+  return (e == null ? void 0 : e[ct]) === !0;
 }
-function B(e) {
-  return w(e) ? e.get() : e;
+function At(e) {
+  return C(e) ? e.get() : e;
 }
 function j(e) {
-  return K(e) ? new W(e) : w(e) ? e : new W({
+  return D(e) ? new F(e) : C(e) ? e : new F({
     get() {
       return e;
     },
     watch(t, n = {}) {
-      return n != null && n.lazy || t(e), _t;
+      return n != null && n.lazy || t(e), Nt;
     }
   });
 }
@@ -285,29 +262,29 @@ class T {
     return this.value;
   }
   set(t) {
-    if (typeof t == "function" && (t = t(this.value)), !this.equals(this.value, t)) {
+    if (typeof t == "function" && (t = t(this.value)), !this.equals(t, this.value)) {
       this.value = t;
       try {
         for (const n of this.watchers)
           n(t);
       } catch (n) {
-        throw console.error("Error in watcher"), n;
+        throw console.error("Error in watcher", n), n;
       }
     }
   }
   watch(t, n) {
-    return this.watchers.indexOf(t) === -1 && this.watchers.push(t), n != null && n.lazy || t(this.value), q.increment(), () => {
+    return this.watchers.push(t), n != null && n.lazy || t(this.value), q.increment(), () => {
       const s = this.watchers.indexOf(t);
       s > -1 && this.watchers.splice(s, 1), q.decrement();
     };
   }
 }
-var nt;
-nt = U;
-class W {
+var et;
+et = U;
+class F {
   constructor(t) {
     // Instances will pass isState() with this symbol
-    u(this, nt, !0);
+    u(this, et, !0);
     u(this, "__value");
     if (t == null)
       throw new TypeError("Value is null");
@@ -320,17 +297,17 @@ class W {
     return this.__value.watch(t, n);
   }
 }
-function F(e, t) {
+function W(e, t) {
   const n = new T(e, t);
-  return [new W(n), (r) => n.set(r)];
+  return [new F(n), (r) => n.set(r)];
 }
-var st, rt;
-rt = U, st = D;
-class Mt {
+var nt, st;
+st = U, nt = B;
+class Vt {
   constructor(t) {
     // Instances will pass isState() and isSettableState() with these symbols
-    u(this, rt, !0);
     u(this, st, !0);
+    u(this, nt, !0);
     u(this, "__value");
     if (t == null)
       throw new TypeError("Value is null");
@@ -346,27 +323,27 @@ class Mt {
     return this.__value.watch(t, n);
   }
 }
-function ne(e, t) {
-  return new Mt(new T(e, t));
+function ee(e, t) {
+  return new Vt(new T(e, t));
 }
-function se(e, t) {
+function ne(e, t) {
   return {
     [U]: !0,
-    [D]: !0,
+    [B]: !0,
     get: e.get.bind(e),
     watch: e.watch.bind(e),
     set: t
   };
 }
-function re(e, t) {
+function se(e, t) {
   return function(s) {
     const r = e.get();
     let o;
     typeof s == "function" ? o = s(r) : o = s, t(o, r);
   };
 }
-const tt = Symbol("EMPTY");
-class Tt {
+const X = Symbol("EMPTY");
+class Mt {
   constructor(t, n, s) {
     u(this, "equals", T.defaultEquals);
     /**
@@ -380,7 +357,7 @@ class Tt {
     /**
      *
      */
-    u(this, "sourceWatcher", H());
+    u(this, "sourceWatcher", K());
     /**
      * Array of functions awaiting notification when this holder's value changes.
      */
@@ -396,7 +373,7 @@ class Tt {
     /**
      * The current value as returned from `fn` (may be a State)
      */
-    u(this, "value", tt);
+    u(this, "value", X);
     /**
      * The current unwrapped value.
      */
@@ -405,7 +382,7 @@ class Tt {
      * When value is a State, this function will stop watching its value.
      */
     u(this, "stopWatchingCurrentValue");
-    this.sources = t.map(j), this.fn = n, s != null && s.equals && (this.equals = s.equals), this.previousSourceValues = new Array(t.length).fill(tt, 0, t.length);
+    this.sources = t.map(j), this.fn = n, s != null && s.equals && (this.equals = s.equals), this.previousSourceValues = new Array(t.length).fill(X, 0, t.length);
   }
   /*==========================*\
   ||     "Public" methods     ||
@@ -416,7 +393,7 @@ class Tt {
   watch(t, n) {
     this.isWatchingSources || this.startWatchingSources();
     const s = this.watchers;
-    return s.push(t), n != null && n.lazy || t(this.getValue()), q.increment(), () => {
+    return s.push(t), n != null && n.lazy || t(this.rawValue), q.increment(), () => {
       s.splice(s.indexOf(t), 1), this.isWatchingSources && s.length === 0 && this.stopWatchingSources(), q.decrement();
     };
   }
@@ -428,59 +405,47 @@ class Tt {
       n(t);
   }
   update() {
-    const t = this.sources.map((n) => n.get());
-    for (let n = 0; n < this.sources.length; n++)
-      if (!this.equals(t[n], this.previousSourceValues[n])) {
-        this.setValue(this.fn(...t)), this.previousSourceValues = t;
-        break;
-      }
+    const t = this.sources, n = this.previousSourceValues;
+    let s = !1, r;
+    for (let o = 0; o < t.length; o++)
+      r = t[o].get(), !s && !this.equals(r, n[o]) && (s = !0), n[o] = r;
+    s && this.setValue(this.fn(...n));
   }
   getValue() {
-    return this.isWatchingSources || this.update(), this.rawValue = B(this.value), this.rawValue;
+    return this.isWatchingSources || this.update(), this.rawValue;
   }
   setValue(t) {
-    t !== this.value && (this.stopWatchingCurrentValue && (this.stopWatchingCurrentValue(), this.stopWatchingCurrentValue = void 0), this.value = t, this.rawValue = B(t), w(t) && this.isWatchingSources && (this.stopWatchingCurrentValue = t.watch((n) => {
-      const s = B(n);
-      this.equals(s, this.rawValue) || (this.rawValue = s, this.notify(s));
-    })));
+    this.stopWatchingCurrentValue && (this.stopWatchingCurrentValue(), this.stopWatchingCurrentValue = void 0), this.value = t, this.rawValue = At(t), this.isWatchingSources && C(t) ? this.stopWatchingCurrentValue = t.watch((n) => {
+      this.rawValue = n, this.notify(n);
+    }) : this.notify(this.rawValue);
   }
   startWatchingSources() {
     const t = this.previousSourceValues;
-    let n = [...t];
     for (let s = 0; s < this.sources.length; s++)
       this.sourceWatcher.watch([this.sources[s]], (r) => {
-        const o = t[s];
-        if (t[s] = r, this.isWatchingSources && !this.equals(r, o)) {
-          try {
-            let i = this.fn(...t);
-            this.setValue(i);
-          } catch (i) {
-            console.warn("error when updating source values", t, this.fn.toString()), console.error(i);
-          }
-          this.notify(this.rawValue);
+        if (t[s] = r, this.isWatchingSources) {
+          const o = this.fn(...t);
+          this.equals(o, this.value) || this.setValue(o);
         }
       });
     this.isWatchingSources = !0;
-    for (let s = 0; s < this.sources.length; s++)
-      if (!this.equals(t[s], n[s])) {
-        this.setValue(this.fn(...t)), this.notify(this.rawValue);
-        break;
-      }
+    const n = this.fn(...t);
+    this.equals(n, this.value) || this.setValue(n);
   }
   stopWatchingSources() {
     this.sourceWatcher.stopAll(), this.stopWatchingCurrentValue && (this.stopWatchingCurrentValue(), this.stopWatchingCurrentValue = void 0), this.isWatchingSources = !1;
   }
 }
-function Ot(e, t, n) {
-  const s = new Tt(e, t, n);
-  return new W(s);
+function Tt(e, t, n) {
+  const s = new Mt(e, t, n);
+  return new F(s);
 }
-var ot;
-ot = at;
-class Pt {
+var rt;
+rt = ct;
+class Ot {
   constructor(t) {
     // Instances will pass isRef() with this symbol
-    u(this, ot, !0);
+    u(this, rt, !0);
     u(this, "__value");
     this.__value = t;
   }
@@ -497,10 +462,10 @@ class Pt {
     this.__value.set(t);
   }
 }
-function oe() {
-  return new Pt(new T(void 0));
+function re() {
+  return new Ot(new T(void 0));
 }
-function H() {
+function K() {
   const e = [];
   return {
     watch(t, n) {
@@ -508,7 +473,7 @@ function H() {
         throw new TypeError("Expected at least one state to watch.");
       t = t.map(j);
       let s;
-      return t.length > 1 ? s = Ot(t, n).watch(() => null) : s = t[0].watch(n), e.push(s), () => {
+      return t.length > 1 ? s = Tt(t, n).watch(() => null) : s = t[0].watch(n), e.push(s), () => {
         let r = e.indexOf(s);
         r > -1 && e.splice(r, 1), s();
       };
@@ -519,7 +484,7 @@ function H() {
     }
   };
 }
-function qt(e) {
+function Pt(e) {
   for (var t, n, s = arguments, r = 1, o = "", i = "", c = [0], a = function(f) {
     r === 1 && (f || (o = o.replace(/^\s*\n\s*|\s*\n\s*$/g, ""))) ? c.push(f ? s[f] : o) : r === 3 && (f || o) ? (c[1] = f ? s[f] : o, r = 2) : r === 2 && o === "..." && f ? c[2] = Object.assign(c[2] || {}, s[f]) : r === 2 && o && !f ? (c[2] = c[2] || {})[o] = !0 : r >= 5 && (r === 5 ? ((c[2] = c[2] || {})[n] = f ? o ? o + s[f] : s[f] : o, r = 6) : (f || o) && (c[2][n] += f ? o + s[f] : o)), o = "";
   }, h = 0; h < e.length; h++) {
@@ -529,7 +494,7 @@ function qt(e) {
   }
   return a(), c.length > 2 ? c.slice(1) : c[1];
 }
-class Wt {
+class qt {
   constructor(t) {
     u(this, "node");
     u(this, "endNode");
@@ -573,32 +538,32 @@ class Wt {
   }
 }
 const Ft = "useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict";
-let ht = (e = 21) => {
+let lt = (e = 21) => {
   let t = "", n = crypto.getRandomValues(new Uint8Array(e |= 0));
   for (; e--; )
     t += Ft[n[e] & 63];
   return t;
 };
-const Lt = (e) => /^on[A-Z]/.test(e);
-class Ut {
+const Wt = (e) => /^on[A-Z]/.test(e);
+class Lt {
   constructor({ tag: t, props: n, children: s, elementContext: r }) {
     u(this, "node");
     u(this, "props");
     u(this, "children");
     u(this, "stopCallbacks", []);
     u(this, "elementContext");
-    u(this, "uniqueId", ht());
+    u(this, "uniqueId", lt());
     // Track the ref so we can nullify it on unmount.
     u(this, "ref");
     // Prevents 'onClickOutside' handlers from firing in the same cycle in which the element is connected.
     u(this, "canClickAway", !1);
     if (r = { ...r }, t.toLowerCase() === "svg" && (r.isSVG = !0), r.isSVG ? this.node = document.createElementNS("http://www.w3.org/2000/svg", t) : this.node = document.createElement(t), r.root.getEnv() === "development" && (this.node.dataset.uniqueId = this.uniqueId), n.ref)
-      if (lt(n.ref))
+      if (at(n.ref))
         this.ref = n.ref;
       else
         throw new Error("Expected ref to be a Ref object. Got: " + n.ref);
     this.props = {
-      ...At(["ref", "class", "className"], n),
+      ...$t(["ref", "class", "className"], n),
       class: n.className ?? n.class
     }, this.children = s ? x(r, s) : [], this.elementContext = r;
   }
@@ -632,7 +597,7 @@ class Ut {
     return `${this.uniqueId}:${t}:${n}`;
   }
   attachProp(t, n, s) {
-    w(t) ? this.stopCallbacks.push(
+    C(t) ? this.stopCallbacks.push(
       t.watch((r) => {
         this.elementContext.root.render.update(() => {
           n(r);
@@ -658,20 +623,20 @@ class Ut {
       } else if (s === "eventListeners") {
         const o = r;
         for (const i in o) {
-          const c = w(r) ? (a) => r.get()(a) : r;
+          const c = C(r) ? (a) => r.get()(a) : r;
           t.addEventListener(i, c), this.stopCallbacks.push(() => {
             t.removeEventListener(i, c);
           });
         }
       } else if (s === "onClickOutside" || s === "onclickoutside") {
         const o = (c) => {
-          this.canClickAway && !t.contains(c.target) && (w(r) ? r.get()(c) : r(c));
+          this.canClickAway && !t.contains(c.target) && (C(r) ? r.get()(c) : r(c));
         }, i = { capture: !0 };
         window.addEventListener("click", o, i), this.stopCallbacks.push(() => {
           window.removeEventListener("click", o, i);
         });
       } else if (s === "$$value") {
-        if (!K(r))
+        if (!D(r))
           throw new TypeError(`$$value attribute must be a settable state. Got: ${r}`);
         this.attachProp(
           r,
@@ -681,14 +646,14 @@ class Ut {
           this.getUpdateKey("attr", "value")
         );
         const o = (i) => {
-          const c = jt(r.get(), i.currentTarget.value);
+          const c = Ut(r.get(), i.currentTarget.value);
           r.set(c);
         };
         t.addEventListener("input", o), this.stopCallbacks.push(() => {
           t.removeEventListener("input", o);
         });
-      } else if (Lt(s)) {
-        const o = s.slice(2).toLowerCase(), i = w(r) ? (c) => r.get()(c) : r;
+      } else if (Wt(s)) {
+        const o = s.slice(2).toLowerCase(), i = C(r) ? (c) => r.get()(c) : r;
         t.addEventListener(o, i), this.stopCallbacks.push(() => {
           t.removeEventListener(o, i);
         });
@@ -700,7 +665,7 @@ class Ut {
           },
           this.getUpdateKey("attr", s)
         );
-      else if (!It.includes(s))
+      else if (!jt.includes(s))
         if (this.elementContext.isSVG)
           this.attachProp(
             r,
@@ -780,7 +745,7 @@ class Ut {
   }
   applyStyles(t, n, s) {
     const r = [];
-    if (w(n)) {
+    if (C(n)) {
       let o;
       const i = n.watch((c) => {
         this.elementContext.root.render.update(
@@ -792,10 +757,10 @@ class Ut {
       });
       s.push(i), r.push(i);
     } else {
-      const o = ft(n);
+      const o = dt(n);
       for (const i in o) {
         const { value: c, priority: a } = o[i];
-        if (w(c)) {
+        if (C(c)) {
           const h = c.watch((d) => {
             this.elementContext.root.render.update(() => {
               d ? t.style.setProperty(i, String(d), a) : t.style.removeProperty(i);
@@ -812,7 +777,7 @@ class Ut {
   }
   applyClasses(t, n, s) {
     const r = [];
-    if (w(n)) {
+    if (C(n)) {
       let o;
       const i = n.watch((c) => {
         this.elementContext.root.render.update(
@@ -824,10 +789,10 @@ class Ut {
       });
       s.push(i), r.push(i);
     } else {
-      const o = dt(n);
+      const o = ht(n);
       for (const i in o) {
         const c = o[i];
-        if (w(c)) {
+        if (C(c)) {
           const a = c.watch((h) => {
             this.elementContext.root.render.update(() => {
               h ? t.classList.add(i) : t.classList.remove(i);
@@ -843,18 +808,18 @@ class Ut {
     };
   }
 }
-function dt(e) {
+function ht(e) {
   let t = {};
   if (A(e)) {
     const n = e.split(" ");
     for (const s of n)
       t[s] = !0;
   } else L(e) ? Object.assign(t, e) : Array.isArray(e) && Array.from(e).filter(Boolean).forEach((n) => {
-    Object.assign(t, dt(n));
+    Object.assign(t, ht(n));
   });
   return delete t.undefined, t;
 }
-function ft(e) {
+function dt(e) {
   let t = {};
   if (A(e)) {
     const n = e.split(";").filter((s) => s.trim() !== "");
@@ -862,26 +827,26 @@ function ft(e) {
       const [r, o] = s.split(":"), i = {
         value: o
       };
-      o.includes("!important") ? (i.priority = "important", i.value = o.replace("!important", "").trim()) : i.value = o.trim(), t[et(r.trim())] = i;
+      o.includes("!important") ? (i.priority = "important", i.value = o.replace("!important", "").trim()) : i.value = o.trim(), t[tt(r.trim())] = i;
     }
   }
   if (L(e))
     for (const n in e)
-      n.startsWith("--") ? t[n] = { value: e[n] } : t[et(n)] = { value: e[n] };
+      n.startsWith("--") ? t[n] = { value: e[n] } : t[tt(n)] = { value: e[n] };
   else Array.isArray(e) && Array.from(e).filter((n) => n != null).forEach((n) => {
-    Object.assign(t, ft(n));
+    Object.assign(t, dt(n));
   });
   return t;
 }
-function et(e) {
+function tt(e) {
   return e.replace(/[A-Z]+(?![a-z])|[A-Z]/g, (t, n) => (n ? "-" : "") + t.toLowerCase());
 }
-function jt(e, t) {
+function Ut(e, t) {
   const n = typeof e;
   return n === "string" ? String(t) : n === "number" ? Number(t) : n === "boolean" ? !!t : t;
 }
-const It = ["ref", "children", "class", "style", "data"];
-class Bt {
+const jt = ["ref", "children", "class", "style", "data"];
+class It {
   constructor({ states: t, renderFn: n, elementContext: s }) {
     u(this, "node");
     u(this, "endNode");
@@ -889,14 +854,14 @@ class Bt {
     u(this, "renderFn");
     u(this, "elementContext");
     u(this, "observerControls");
-    u(this, "watcher", H());
+    u(this, "watcher", K());
     this.elementContext = s, this.renderFn = n, this.node = document.createComment("Observer"), this.endNode = document.createComment("/Observer");
     let r;
     this.observerControls = {
       start: () => {
         r == null && (r = this.watcher.watch(t, (...o) => {
           const i = this.renderFn(...o);
-          if (!gt(i))
+          if (!mt(i))
             throw console.error(i), new TypeError(
               `Observer received invalid value to render. Got type: ${R(i)}, value: ${i}`
             );
@@ -927,7 +892,7 @@ class Bt {
     var s, r;
     if (this.cleanup(), t == null || !this.isMounted)
       return;
-    const n = t.map((o) => pt(o) ? o : V(o) ? _(x(this.elementContext, o)) : _(x(this.elementContext, O(o))));
+    const n = t.map((o) => ft(o) ? o : V(o) ? _(x(this.elementContext, o)) : _(x(this.elementContext, O(o))));
     for (const o of n) {
       const i = ((s = this.connectedViews.at(-1)) == null ? void 0 : s.node) || this.node;
       o.mount(this.node.parentNode, i), this.connectedViews.push(o);
@@ -990,18 +955,18 @@ class Gt {
   }
   mount(t, n) {
     const { content: s, parent: r } = this.config;
-    pt(s) ? this.element = s : V(s) ? this.element = _(x(this.config.elementContext, s)) : this.element = _(x(this.config.elementContext, O(s))), this.element.mount(r);
+    ft(s) ? this.element = s : V(s) ? this.element = _(x(this.config.elementContext, s)) : this.element = _(x(this.config.elementContext, O(s))), this.element.mount(r);
   }
   unmount() {
     var t;
     (t = this.element) != null && t.isMounted && this.element.unmount();
   }
 }
-function z(e, t, n, s = []) {
+function H(e, t, n, s = []) {
   e = { ...e, data: {}, parent: e };
-  const [r, o] = F(x(e, s));
+  const [r, o] = W(x(e, s));
   let i = !1;
-  const c = H(), a = [], h = [], d = [], f = [], y = ht(), [C, S] = F(t.name), b = e.root.createLogger(C, { uid: y }), v = {
+  const c = K(), a = [], h = [], d = [], f = [], y = lt(), [w, S] = W(t.name), v = e.root.createLogger(w, { uid: y }), b = {
     get uid() {
       return y;
     },
@@ -1061,22 +1026,22 @@ function z(e, t, n, s = []) {
       return k("$outlet", { $children: r });
     }
   };
-  Object.assign(v, b);
+  Object.assign(b, v);
   let m;
   function E() {
     let l;
     try {
-      l = t(n, v);
+      l = t(n, b);
     } catch (p) {
-      throw p instanceof Error && b.crash(p), p;
+      throw p instanceof Error && v.crash(p), p;
     }
     if (l instanceof Promise)
       throw new TypeError("View function cannot return a Promise.");
     if (l !== null) if (l instanceof Node)
       m = _(x(e, k("$node", { value: l })));
-    else if (V(l) || ut(V, l))
+    else if (V(l) || it(V, l))
       m = _(x(e, l));
-    else if (w(l))
+    else if (C(l))
       m = _(
         x(e, k("$observer", { states: [l], renderFn: (p) => p }))
       );
@@ -1084,7 +1049,7 @@ function z(e, t, n, s = []) {
       const p = new TypeError(
         `Expected '${t.name}' function to return a DOM node, Markup element, Readable or null. Got: ${R(l)}`
       );
-      b.crash(p);
+      v.crash(p);
     }
   }
   return {
@@ -1112,12 +1077,12 @@ function z(e, t, n, s = []) {
       c.stopAll();
     },
     setChildView(l) {
-      const p = z(e, l, {});
+      const p = H(e, l, {});
       return o([p]), p;
     }
   };
 }
-class Dt {
+class Bt {
   constructor({ elementContext: t, $items: n, renderFn: s, keyFn: r }) {
     u(this, "node");
     u(this, "endNode");
@@ -1166,14 +1131,14 @@ class Dt {
       if (h)
         h.setValue(a.value), h.setIndex(a.index), r[a.index] = h;
       else {
-        const [d, f] = F(a.value), [y, C] = F(a.index);
+        const [d, f] = W(a.value), [y, w] = W(a.index);
         r[a.index] = {
           key: a.key,
           $value: d,
           setValue: f,
           $index: y,
-          setIndex: C,
-          element: z(this.elementContext, Kt, {
+          setIndex: w,
+          element: H(this.elementContext, Dt, {
             $value: d,
             $index: y,
             renderFn: this.renderFn
@@ -1192,10 +1157,10 @@ class Dt {
     }
   }
 }
-function Kt({ $value: e, $index: t, renderFn: n }, s) {
+function Dt({ $value: e, $index: t, renderFn: n }, s) {
   return n(e, t, s);
 }
-class Ht {
+class Kt {
   constructor({ value: t }) {
     u(this, "node", document.createTextNode(""));
     u(this, "value", "");
@@ -1206,7 +1171,7 @@ class Ht {
     return this.node.parentNode != null;
   }
   async mount(t, n = null) {
-    this.isMounted || (w(this.value) ? this.stopCallback = this.value.watch((s) => {
+    this.isMounted || (C(this.value) ? this.stopCallback = this.value.watch((s) => {
       this.update(s);
     }) : this.update(this.value)), t.insertBefore(this.node, (n == null ? void 0 : n.nextSibling) ?? null);
   }
@@ -1220,20 +1185,20 @@ class Ht {
 function V(e) {
   return L(e) && (typeof e.type == "string" || typeof e.type == "function") && Array.isArray(e.children);
 }
-function pt(e) {
+function ft(e) {
   return L(e) && $(e.connect) && $(e.disconnect);
 }
 function O(e) {
   return M(e) || (e = [e]), e.flat(1 / 0).filter((t) => t != null && t !== !1).map((t) => {
     if (t instanceof Node)
       return k("$node", { value: t });
-    if (t instanceof mt)
+    if (t instanceof pt)
       return k("$node", { value: t.node });
     if (V(t))
       return t;
-    if (A(t) || Et(t))
+    if (A(t) || St(t))
       return k("$text", { value: t });
-    if (w(t))
+    if (C(t))
       return k("$observer", {
         states: [t],
         renderFn: (n) => n
@@ -1242,24 +1207,24 @@ function O(e) {
   });
 }
 function k(e, t, ...n) {
-  return t != null && zt(t), {
+  return t != null && Ht(t), {
     type: e,
     props: t,
     children: O(n)
   };
 }
-function zt(e) {
-  if (e.ref && !lt(e.ref))
+function Ht(e) {
+  if (e.ref && !at(e.ref))
     throw console.warn(e.ref), new TypeError(`Prop 'ref' must be a Ref object. Got: ${e.ref}`);
   for (const t in e)
     if (t.startsWith("$$") && e[t] !== void 0) {
-      if (!K(e[t]))
+      if (!D(e[t]))
         throw new TypeError(`Prop '${t}' is named as a SettableState but value is not. Got: ${e[t]}`);
-    } else if (t.startsWith("$") && e[t] !== void 0 && !w(e[t]))
+    } else if (t.startsWith("$") && e[t] !== void 0 && !C(e[t]))
       throw new TypeError(`Prop '${t}' is named as a State but value is not. Got: ${e[t]}`);
 }
-const ie = qt.bind(k);
-function ue(e, t, n) {
+const oe = Pt.bind(k);
+function ie(e, t, n) {
   const s = j(e);
   return k("$cond", {
     $predicate: s,
@@ -1267,14 +1232,14 @@ function ue(e, t, n) {
     elseContent: n
   });
 }
-function ce(e, t, n) {
+function ue(e, t, n) {
   const s = j(e);
   return k("$repeat", { $items: s, keyFn: t, renderFn: n });
 }
-function ae(e, t) {
+function ce(e, t) {
   return k("$portal", { parent: e, content: t });
 }
-class mt {
+class pt {
   constructor(t) {
     u(this, "node");
     this.node = t;
@@ -1292,22 +1257,22 @@ class mt {
 function x(e, t) {
   return (M(t) ? t : [t]).map((s) => {
     if ($(s.type))
-      return z(e, s.type, s.props, s.children);
+      return H(e, s.type, s.props, s.children);
     if (A(s.type))
       switch (s.type) {
         case "$node": {
           const r = s.props;
-          return new mt(r.value);
+          return new pt(r.value);
         }
         case "$text": {
           const r = s.props;
-          return new Ht({
+          return new Kt({
             value: r.value
           });
         }
         case "$cond": {
           const r = s.props;
-          return new Wt({
+          return new qt({
             $predicate: r.$predicate,
             thenContent: r.thenContent,
             elseContent: r.elseContent,
@@ -1316,7 +1281,7 @@ function x(e, t) {
         }
         case "$repeat": {
           const r = s.props;
-          return new Dt({
+          return new Bt({
             $items: r.$items,
             keyFn: r.keyFn,
             renderFn: r.renderFn,
@@ -1325,7 +1290,7 @@ function x(e, t) {
         }
         case "$observer": {
           const r = s.props;
-          return new Bt({
+          return new It({
             states: r.states,
             renderFn: r.renderFn,
             elementContext: e
@@ -1349,7 +1314,7 @@ function x(e, t) {
         default:
           if (s.type.startsWith("$"))
             throw new Error(`Unknown markup type: ${s.type}`);
-          return new Ut({
+          return new Lt({
             tag: s.type,
             props: s.props ?? {},
             children: s.children,
@@ -1391,43 +1356,43 @@ function _(e) {
     }
   };
 }
-function gt(e) {
-  return e == null || e === !1 || typeof e == "string" || typeof e == "number" || V(e) || w(e) || ut(gt, e);
+function mt(e) {
+  return e == null || e === !1 || typeof e == "string" || typeof e == "number" || V(e) || C(e) || it(mt, e);
 }
-function le(e, t) {
+function ae(e, t) {
   return t.outlet();
 }
 export {
   x as A,
-  re as B,
-  ae as C,
-  ce as D,
-  le as P,
-  F as a,
-  Xt as b,
-  ue as c,
-  Ot as d,
+  se as B,
+  ce as C,
+  ue as D,
+  ae as P,
+  W as a,
+  Qt as b,
+  ie as c,
+  Tt as d,
   $ as e,
   A as f,
-  Jt as g,
-  ie as h,
+  Zt as g,
+  oe as h,
   L as i,
-  Zt as j,
-  H as k,
-  ee as l,
-  ne as m,
-  se as n,
+  Yt as j,
+  K as k,
+  te as l,
+  ee as m,
+  ne as n,
   j as o,
-  oe as p,
-  lt as q,
-  Qt as r,
+  re as p,
+  at as q,
+  Jt as r,
   k as s,
   R as t,
-  te as u,
-  B as v,
-  _t as w,
-  Vt as x,
-  z as y,
+  Xt as u,
+  At as v,
+  Nt as w,
+  _t as x,
+  H as y,
   _ as z
 };
-//# sourceMappingURL=passthrough-CBbog_A9.js.map
+//# sourceMappingURL=passthrough-DUh0_zQF.js.map