@manyducks.co/dolla 2.0.0-alpha.23 → 2.0.0-alpha.24

package/dist/{passthrough-C9975ULD.js → passthrough-BeKX_qRr.js}

@@ -1,14 +1,14 @@
-var Oe = Object.defineProperty;
-var Pe = (s, e, t) => e in s ? Oe(s, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[e] = t;
-var o = (s, e, t) => Pe(s, typeof e != "symbol" ? e + "" : e, t);
-function we(s) {
+var Ot = Object.defineProperty;
+var Pt = (s, t, e) => t in s ? Ot(s, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[t] = e;
+var o = (s, t, e) => Pt(s, typeof t != "symbol" ? t + "" : t, e);
+function wt(s) {
   return s && s.__esModule && Object.prototype.hasOwnProperty.call(s, "default") ? s.default : s;
 }
 var O = { exports: {} }, Q;
-function qe() {
-  return Q || (Q = 1, function(s, e) {
-    Object.defineProperty(e, "__esModule", { value: !0 });
-    var t = /* @__PURE__ */ function() {
+function Wt() {
+  return Q || (Q = 1, function(s, t) {
+    Object.defineProperty(t, "__esModule", { value: !0 });
+    var e = /* @__PURE__ */ function() {
       function a(l, h) {
         var f = [], d = !0, m = !1, S = void 0;
         try {
@@ -49,213 +49,213 @@ function qe() {
         return l * h.charCodeAt(0) * f + 1;
       }, 1);
     }, c = function(a) {
-      var l = a.str, h = a.hue, f = h === void 0 ? { min: 0, max: 360 } : h, d = a.sat, m = d === void 0 ? { min: 0.35, max: 0.65 } : d, S = a.light, E = S === void 0 ? { min: 0.3, max: 0.7 } : S, C = a.hashFunction, g = C === void 0 ? u : C, k = a.scheme, v = k === void 0 ? "hex" : k, j = i(g(l), f, m, E), w = t(j, 3), Y = w[0], Z = w[1], X = w[2], J = r(Y / 360, Z, X), Te = n(J);
-      return v === "hsl" ? [Y, Z, X] : v === "rgb" ? J : Te;
+      var l = a.str, h = a.hue, f = h === void 0 ? { min: 0, max: 360 } : h, d = a.sat, m = d === void 0 ? { min: 0.35, max: 0.65 } : d, S = a.light, E = S === void 0 ? { min: 0.3, max: 0.7 } : S, C = a.hashFunction, g = C === void 0 ? u : C, k = a.scheme, v = k === void 0 ? "hex" : k, j = i(g(l), f, m, E), w = e(j, 3), Y = w[0], Z = w[1], X = w[2], J = r(Y / 360, Z, X), Tt = n(J);
+      return v === "hsl" ? [Y, Z, X] : v === "rgb" ? J : Tt;
     };
-    e.default = c, s.exports = e.default;
+    t.default = c, s.exports = t.default;
   }(O, O.exports)), O.exports;
 }
-var Ue = qe();
-const We = /* @__PURE__ */ we(Ue);
+var qt = Wt();
+const Ut = /* @__PURE__ */ wt(qt);
 function N(s) {
-  const e = typeof s;
-  switch (e) {
+  const t = typeof s;
+  switch (t) {
     case "undefined":
-      return e;
+      return t;
     case "number":
-      return isNaN(s) ? "NaN" : e;
+      return isNaN(s) ? "NaN" : t;
     case "function":
-      return /^\s*class\s+/.test(s.toString()) ? "class" : e;
+      return /^\s*class\s+/.test(s.toString()) ? "class" : t;
     case "object":
-      return s === null ? "null" : s instanceof Promise ? "promise" : s instanceof Map ? "map" : s instanceof Set ? "set" : Array.isArray(s) ? "array" : e;
+      return s === null ? "null" : s instanceof Promise ? "promise" : s instanceof Map ? "map" : s instanceof Set ? "set" : Array.isArray(s) ? "array" : t;
     default:
-      return e;
+      return t;
   }
 }
-function lt(s, e) {
+function le(s, t) {
   if (!s)
     throw new TypeError(
-      F(s, e || "Failed assertion. Value is not truthy. Got type: %t, value: %v")
+      F(s, t || "Failed assertion. Value is not truthy. Got type: %t, value: %v")
     );
 }
 function V(s) {
   return Array.isArray(s);
 }
-function ye(...s) {
-  const e = s[0], t = (n) => V(n) && n.every((r) => e(r));
-  return s.length < 2 ? t : t(s[1]);
+function yt(...s) {
+  const t = s[0], e = (n) => V(n) && n.every((r) => t(r));
+  return s.length < 2 ? e : e(s[1]);
 }
-function ht(...s) {
-  const e = s[0], t = x(s[2]) ? s[2] : "Expected an array of valid items. Got type: %t, value: %v", n = (r) => {
-    if (V(r) && r.every((i) => e(i)))
+function he(...s) {
+  const t = s[0], e = x(s[2]) ? s[2] : "Expected an array of valid items. Got type: %t, value: %v", n = (r) => {
+    if (V(r) && r.every((i) => t(i)))
       return !0;
-    throw new TypeError(F(r, t));
+    throw new TypeError(F(r, e));
   };
   return s.length < 2 ? n : n(s[1]);
 }
 function x(s) {
   return typeof s == "string";
 }
-function ft(s, e) {
+function fe(s, t) {
   if (x(s))
     return !0;
-  throw new TypeError(F(s, e ?? "Expected a string. Got type: %t, value: %v"));
+  throw new TypeError(F(s, t ?? "Expected a string. Got type: %t, value: %v"));
 }
 function P(s) {
-  return typeof s == "function" && !Fe(s);
+  return typeof s == "function" && !Ft(s);
 }
-function _e(s) {
+function _t(s) {
   return typeof s == "number" && !isNaN(s);
 }
-function Fe(s) {
+function Ft(s) {
   return typeof s == "function" && /^\s*class\s+/.test(s.toString());
 }
-function dt(...s) {
-  const e = s[0], t = x(s[2]) ? s[2] : `Expected instance of ${e.name}. Got type: %t, value: %v`, n = (r) => {
-    if (r instanceof e)
+function de(...s) {
+  const t = s[0], e = x(s[2]) ? s[2] : `Expected instance of ${t.name}. Got type: %t, value: %v`, n = (r) => {
+    if (r instanceof t)
       return !0;
-    throw new TypeError(F(r, t));
+    throw new TypeError(F(r, e));
   };
   return s.length < 2 ? n : n(s[1]);
 }
-function Ce(s) {
+function Ct(s) {
   return s != null && typeof s == "object" && !V(s);
 }
-function F(s, e) {
+function F(s, t) {
   var r;
-  const t = N(s), n = ((r = s == null ? void 0 : s.toString) == null ? void 0 : r.call(s)) || String(s);
-  return e.replaceAll("%t", t).replaceAll("%v", n);
-}
-var I, ee;
-function Le() {
-  return ee || (ee = 1, I = function s(e, t) {
-    if (e === t) return !0;
-    if (e && t && typeof e == "object" && typeof t == "object") {
-      if (e.constructor !== t.constructor) return !1;
+  const e = N(s), n = ((r = s == null ? void 0 : s.toString) == null ? void 0 : r.call(s)) || String(s);
+  return t.replaceAll("%t", e).replaceAll("%v", n);
+}
+var I, tt;
+function Lt() {
+  return tt || (tt = 1, I = function s(t, e) {
+    if (t === e) return !0;
+    if (t && e && typeof t == "object" && typeof e == "object") {
+      if (t.constructor !== e.constructor) return !1;
       var n, r, i;
-      if (Array.isArray(e)) {
-        if (n = e.length, n != t.length) return !1;
+      if (Array.isArray(t)) {
+        if (n = t.length, n != e.length) return !1;
         for (r = n; r-- !== 0; )
-          if (!s(e[r], t[r])) return !1;
+          if (!s(t[r], e[r])) return !1;
         return !0;
       }
-      if (e instanceof Map && t instanceof Map) {
-        if (e.size !== t.size) return !1;
-        for (r of e.entries())
-          if (!t.has(r[0])) return !1;
-        for (r of e.entries())
-          if (!s(r[1], t.get(r[0]))) return !1;
+      if (t instanceof Map && e instanceof Map) {
+        if (t.size !== e.size) return !1;
+        for (r of t.entries())
+          if (!e.has(r[0])) return !1;
+        for (r of t.entries())
+          if (!s(r[1], e.get(r[0]))) return !1;
         return !0;
       }
-      if (e instanceof Set && t instanceof Set) {
-        if (e.size !== t.size) return !1;
-        for (r of e.entries())
-          if (!t.has(r[0])) return !1;
+      if (t instanceof Set && e instanceof Set) {
+        if (t.size !== e.size) return !1;
+        for (r of t.entries())
+          if (!e.has(r[0])) return !1;
         return !0;
       }
-      if (ArrayBuffer.isView(e) && ArrayBuffer.isView(t)) {
-        if (n = e.length, n != t.length) return !1;
+      if (ArrayBuffer.isView(t) && ArrayBuffer.isView(e)) {
+        if (n = t.length, n != e.length) return !1;
         for (r = n; r-- !== 0; )
-          if (e[r] !== t[r]) return !1;
+          if (t[r] !== e[r]) return !1;
         return !0;
       }
-      if (e.constructor === RegExp) return e.source === t.source && e.flags === t.flags;
-      if (e.valueOf !== Object.prototype.valueOf) return e.valueOf() === t.valueOf();
-      if (e.toString !== Object.prototype.toString) return e.toString() === t.toString();
-      if (i = Object.keys(e), n = i.length, n !== Object.keys(t).length) return !1;
+      if (t.constructor === RegExp) return t.source === e.source && t.flags === e.flags;
+      if (t.valueOf !== Object.prototype.valueOf) return t.valueOf() === e.valueOf();
+      if (t.toString !== Object.prototype.toString) return t.toString() === e.toString();
+      if (i = Object.keys(t), n = i.length, n !== Object.keys(e).length) return !1;
       for (r = n; r-- !== 0; )
-        if (!Object.prototype.hasOwnProperty.call(t, i[r])) return !1;
+        if (!Object.prototype.hasOwnProperty.call(e, i[r])) return !1;
       for (r = n; r-- !== 0; ) {
         var u = i[r];
-        if (!s(e[u], t[u])) return !1;
+        if (!s(t[u], e[u])) return !1;
       }
       return !0;
     }
-    return e !== e && t !== t;
+    return t !== t && e !== e;
   }), I;
 }
-var je = Le();
-const Ie = /* @__PURE__ */ we(je), Re = () => {
+var jt = Lt();
+const It = /* @__PURE__ */ wt(jt), Rt = () => {
 };
 let R = 1;
-function ve() {
+function vt() {
   return R = R % Number.MAX_SAFE_INTEGER + 1, R.toString(36) + Date.now().toString(36);
 }
-function be(s, e) {
-  return s === e;
+function bt(s, t) {
+  return s === t;
 }
-function pt(s, e) {
-  if (s === e) return !0;
-  const t = N(s);
-  if (t !== N(e))
+function pe(s, t) {
+  if (s === t) return !0;
+  const e = N(s);
+  if (e !== N(t))
     return !1;
-  switch (t) {
+  switch (e) {
     case "object":
       let n = 0;
       for (const r in s) {
-        if (s[r] !== e[r]) return !1;
+        if (s[r] !== t[r]) return !1;
         n++;
       }
-      return Object.keys(e).length === n;
+      return Object.keys(t).length === n;
     case "array":
-      if (s.length !== e.length) return !1;
+      if (s.length !== t.length) return !1;
       for (let r = 0; r < s.length; r++)
-        if (s[r] !== e[r]) return !1;
+        if (s[r] !== t[r]) return !1;
       return !0;
     case "map":
-      if (s.size !== e.size) return !1;
+      if (s.size !== t.size) return !1;
       for (const r of s.keys())
-        if (s[r] !== e[r]) return !1;
+        if (s[r] !== t[r]) return !1;
       return !0;
     case "set":
       if (P(s.symmetricDifference))
-        return s.symmetricDifference(e).size === 0;
+        return s.symmetricDifference(t).size === 0;
       for (const r of s.keys())
-        if (s[r] !== e.get(r)) return !1;
+        if (s[r] !== t.get(r)) return !1;
       return !0;
   }
   return !1;
 }
-const mt = Ie;
-function Ge(s, e) {
-  const t = (n) => {
+const me = It;
+function Gt(s, t) {
+  const e = (n) => {
     const r = {};
     for (const i in n)
       s.includes(i) || (r[i] = n[i]);
     return r;
   };
-  return e == null ? t : t(e);
+  return t == null ? e : e(t);
 }
-function De(s) {
-  return We({
+function Dt(s) {
+  return Ut({
     str: s,
     sat: { min: 0.35, max: 0.55 },
     light: { min: 0.6, max: 0.6 }
   });
 }
-function gt(s) {
+function ge(s) {
   if (s instanceof RegExp)
     return (n) => s.test(n);
-  const e = {
+  const t = {
     positive: [],
     negative: []
-  }, t = s.split(",").map((n) => n.trim()).filter((n) => n !== "");
-  for (let n of t) {
+  }, e = s.split(",").map((n) => n.trim()).filter((n) => n !== "");
+  for (let n of e) {
     let r = "positive";
-    n.startsWith("-") && (r = "negative", n = n.slice(1)), n === "*" ? e[r].push(function() {
+    n.startsWith("-") && (r = "negative", n = n.slice(1)), n === "*" ? t[r].push(function() {
       return !0;
-    }) : n.endsWith("*") ? e[r].push(function(i) {
+    }) : n.endsWith("*") ? t[r].push(function(i) {
       return i.startsWith(n.slice(0, n.length - 1));
-    }) : e[r].push(function(i) {
+    }) : t[r].push(function(i) {
       return i === n;
     });
   }
   return function(n) {
-    const { positive: r, negative: i } = e;
+    const { positive: r, negative: i } = t;
     return !(i.some((u) => u(n)) || r.length > 0 && !r.some((u) => u(n)));
   };
 }
-const T = Symbol.for("DollaState"), D = Symbol.for("DollaSettableState"), Se = Symbol.for("DollaRef"), ke = Symbol.for("DollaMarkup"), b = Symbol.for("DollaMarkupElement"), q = {
+const T = Symbol.for("DollaState"), D = Symbol.for("DollaSettableState"), St = Symbol.for("DollaRef"), kt = Symbol.for("DollaMarkup"), b = Symbol.for("DollaMarkupElement"), W = {
   watcherCount: 0,
   increment() {
     this.watcherCount++, this._log();
@@ -270,7 +270,7 @@ const T = Symbol.for("DollaState"), D = Symbol.for("DollaSettableState"), Se = S
       console.log(
         `%c[DOLLA_DEV_DEBUG] %c${this._label}%c%c%c`,
         "color:#e44c4c;font-weight:bold",
-        `color:${De(this._label)};font-weight:bold`,
+        `color:${Dt(this._label)};font-weight:bold`,
         "color:#777",
         "color:#aaa",
         "color:#777",
@@ -285,117 +285,117 @@ function p(s) {
 function B(s) {
   return (s == null ? void 0 : s[D]) === !0;
 }
-function Ee(s) {
-  return (s == null ? void 0 : s[Se]) === !0;
+function Et(s) {
+  return (s == null ? void 0 : s[St]) === !0;
 }
-function Be(s) {
+function Bt(s) {
   return p(s) ? s.get() : s;
 }
 function L(s) {
-  return B(s) ? new U(s) : p(s) ? s : new U({
+  return B(s) ? new q(s) : p(s) ? s : new q({
     get() {
       return s;
     },
-    watch(e, t = {}) {
-      return t != null && t.lazy || e(s), Re;
+    watch(t, e = {}) {
+      return e != null && e.lazy || t(s), Rt;
     }
   });
 }
 class z {
-  constructor(e, t) {
+  constructor(t, e) {
     o(this, "value");
     o(this, "watchers", []);
-    o(this, "equals", be);
-    this.value = e, t != null && t.equals && (this.equals = t.equals);
+    o(this, "equals", bt);
+    this.value = t, e != null && e.equals && (this.equals = e.equals);
   }
   get() {
     return this.value;
   }
-  set(e) {
-    if (typeof e == "function" && (e = e(this.value)), !this.equals(e, this.value)) {
-      this.value = e;
+  set(t) {
+    if (typeof t == "function" && (t = t(this.value)), !this.equals(t, this.value)) {
+      this.value = t;
       try {
-        for (const t of this.watchers)
-          t(e);
-      } catch (t) {
-        throw console.error("Error in watcher", t), t;
+        for (const e of this.watchers)
+          e(t);
+      } catch (e) {
+        throw console.error("Error in watcher", e), e;
       }
     }
   }
-  watch(e, t) {
-    return this.watchers.push(e), t != null && t.lazy || e(this.value), q.increment(), () => {
-      const n = this.watchers.indexOf(e);
-      n > -1 && this.watchers.splice(n, 1), q.decrement();
+  watch(t, e) {
+    return this.watchers.push(t), e != null && e.lazy || t(this.value), W.increment(), () => {
+      const n = this.watchers.indexOf(t);
+      n > -1 && this.watchers.splice(n, 1), W.decrement();
     };
   }
 }
-var se;
-se = T;
-class U {
-  constructor(e) {
+var st;
+st = T;
+class q {
+  constructor(t) {
     // Instances will pass isState() with this symbol
-    o(this, se, !0);
+    o(this, st, !0);
     o(this, "__value");
-    if (e == null)
+    if (t == null)
       throw new TypeError("Value is null");
-    this.__value = e;
+    this.__value = t;
   }
   get() {
     return this.__value.get();
   }
-  watch(e, t) {
-    return this.__value.watch(e, t);
+  watch(t, e) {
+    return this.__value.watch(t, e);
   }
 }
-function G(s, e) {
-  const t = new z(s, e);
-  return [new U(t), (r) => t.set(r)];
+function G(s, t) {
+  const e = new z(s, t);
+  return [new q(e), (r) => e.set(r)];
 }
-var re, ie;
-ie = T, re = D;
-class ze {
-  constructor(e) {
+var rt, it;
+it = T, rt = D;
+class zt {
+  constructor(t) {
     // Instances will pass isState() and isSettableState() with these symbols
-    o(this, ie, !0);
-    o(this, re, !0);
+    o(this, it, !0);
+    o(this, rt, !0);
     o(this, "__value");
-    if (e == null)
+    if (t == null)
       throw new TypeError("Value is null");
-    this.__value = e;
+    this.__value = t;
   }
   get() {
     return this.__value.get();
   }
-  set(e) {
-    this.__value.set(e);
+  set(t) {
+    this.__value.set(t);
   }
-  watch(e, t) {
-    return this.__value.watch(e, t);
+  watch(t, e) {
+    return this.__value.watch(t, e);
   }
 }
-function wt(s, e) {
-  return new ze(new z(s, e));
+function we(s, t) {
+  return new zt(new z(s, t));
 }
-function yt(s, e) {
+function ye(s, t) {
   return {
     [T]: !0,
     [D]: !0,
     get: s.get.bind(s),
     watch: s.watch.bind(s),
-    set: e
+    set: t
   };
 }
-function _t(s, e) {
+function _e(s, t) {
   return function(n) {
     const r = s.get();
     let i;
-    typeof n == "function" ? i = n(r) : i = n, e(i, r);
+    typeof n == "function" ? i = n(r) : i = n, t(i, r);
   };
 }
-const te = Symbol("EMPTY");
-class Ke {
-  constructor(e, t, n) {
-    o(this, "equals", be);
+const et = Symbol("EMPTY");
+class Kt {
+  constructor(t, e, n) {
+    o(this, "equals", bt);
     /**
      * Array of states this holder's value is derived from.
      */
@@ -423,7 +423,7 @@ class Ke {
     /**
      * The current value as returned from `fn` (may be a State)
      */
-    o(this, "value", te);
+    o(this, "value", et);
     /**
      * The current unwrapped value.
      */
@@ -432,7 +432,7 @@ class Ke {
      * When value is a State, this function will stop watching its value.
      */
     o(this, "stopWatchingCurrentValue");
-    this.sources = e.map(L), this.fn = t, n != null && n.equals && (this.equals = n.equals), this.previousSourceValues = new Array(e.length).fill(te, 0, e.length);
+    this.sources = t.map(L), this.fn = e, n != null && n.equals && (this.equals = n.equals), this.previousSourceValues = new Array(t.length).fill(et, 0, t.length);
   }
   /*==========================*\
   ||     "Public" methods     ||
@@ -440,91 +440,91 @@ class Ke {
   get() {
     return this.getValue();
   }
-  watch(e, t) {
+  watch(t, e) {
     this.isWatchingSources || this.startWatchingSources();
     const n = this.watchers;
-    return n.push(e), t != null && t.lazy || e(this.rawValue), q.increment(), () => {
-      n.splice(n.indexOf(e), 1), this.isWatchingSources && n.length === 0 && this.stopWatchingSources(), q.decrement();
+    return n.push(t), e != null && e.lazy || t(this.rawValue), W.increment(), () => {
+      n.splice(n.indexOf(t), 1), this.isWatchingSources && n.length === 0 && this.stopWatchingSources(), W.decrement();
     };
   }
   /*==========================*\
   ||         Internal         ||
   \*==========================*/
-  notify(e) {
-    for (const t of this.watchers)
-      t(e);
+  notify(t) {
+    for (const e of this.watchers)
+      e(t);
   }
   update() {
-    const e = this.sources, t = this.previousSourceValues;
+    const t = this.sources, e = this.previousSourceValues;
     let n = !1, r;
-    for (let i = 0; i < e.length; i++)
-      r = e[i].get(), !n && !this.equals(r, t[i]) && (n = !0), t[i] = r;
-    n && this.setValue(this.fn(...t));
+    for (let i = 0; i < t.length; i++)
+      r = t[i].get(), !n && !this.equals(r, e[i]) && (n = !0), e[i] = r;
+    n && this.setValue(this.fn(...e));
   }
   getValue() {
     return this.isWatchingSources || this.update(), this.rawValue;
   }
-  setValue(e) {
-    this.stopWatchingCurrentValue && (this.stopWatchingCurrentValue(), this.stopWatchingCurrentValue = void 0), this.value = e, this.rawValue = Be(e), this.isWatchingSources && p(e) ? this.stopWatchingCurrentValue = e.watch((t) => {
-      this.rawValue = t, this.notify(t);
+  setValue(t) {
+    this.stopWatchingCurrentValue && (this.stopWatchingCurrentValue(), this.stopWatchingCurrentValue = void 0), this.value = t, this.rawValue = Bt(t), this.isWatchingSources && p(t) ? this.stopWatchingCurrentValue = t.watch((e) => {
+      this.rawValue = e, this.notify(e);
     }) : this.notify(this.rawValue);
   }
   startWatchingSources() {
-    const e = this.previousSourceValues;
+    const t = this.previousSourceValues;
     for (let n = 0; n < this.sources.length; n++)
       this.sourceWatcher.watch([this.sources[n]], (r) => {
-        if (e[n] = r, this.isWatchingSources) {
-          const i = this.fn(...e);
+        if (t[n] = r, this.isWatchingSources) {
+          const i = this.fn(...t);
           this.equals(i, this.value) || this.setValue(i);
         }
       });
     this.isWatchingSources = !0;
-    const t = this.fn(...e);
-    this.equals(t, this.value) || this.setValue(t);
+    const e = this.fn(...t);
+    this.equals(e, this.value) || this.setValue(e);
   }
   stopWatchingSources() {
     this.sourceWatcher.stopAll(), this.stopWatchingCurrentValue && (this.stopWatchingCurrentValue(), this.stopWatchingCurrentValue = void 0), this.isWatchingSources = !1;
   }
 }
-function He(s, e, t) {
-  const n = new Ke(s, e, t);
-  return new U(n);
+function Ht(s, t, e) {
+  const n = new Kt(s, t, e);
+  return new q(n);
 }
-var oe, ue;
-ue = Se, oe = T;
-class Ye {
-  constructor(e) {
+var ot, ut;
+ut = St, ot = T;
+class Yt {
+  constructor(t) {
     // Instances will pass isRef() and isState() with these symbols
-    o(this, ue, !0);
-    o(this, oe, !0);
+    o(this, ut, !0);
+    o(this, ot, !0);
     o(this, "__value");
-    this.__value = e;
+    this.__value = t;
   }
   get() {
     return this.__value.get();
   }
-  watch(e, t) {
-    return this.__value.watch(e, t);
+  watch(t, e) {
+    return this.__value.watch(t, e);
   }
   get node() {
     return this.__value.get();
   }
-  set node(e) {
-    this.__value.set(e);
+  set node(t) {
+    this.__value.set(t);
   }
 }
-function Ct() {
-  return new Ye(new z(void 0));
+function Ce() {
+  return new Yt(new z(void 0));
 }
 function K() {
   const s = [];
   return {
-    watch(e, t) {
-      if (e.length === 0)
+    watch(t, e) {
+      if (t.length === 0)
         throw new TypeError("Expected at least one state to watch.");
-      e = e.map(L);
+      t = t.map(L);
       let n;
-      return e.length > 1 ? n = He(e, t).watch(() => null) : n = e[0].watch(t), s.push(n), () => {
+      return t.length > 1 ? n = Ht(t, e).watch(() => null) : n = t[0].watch(e), s.push(n), () => {
         let r = s.indexOf(n);
         r > -1 && s.splice(r, 1), n();
       };
@@ -535,21 +535,21 @@ function K() {
     }
   };
 }
-function Ze(s) {
-  for (var e, t, n = arguments, r = 1, i = "", u = "", c = [0], a = function(f) {
-    r === 1 && (f || (i = i.replace(/^\s*\n\s*|\s*\n\s*$/g, ""))) ? c.push(f ? n[f] : i) : r === 3 && (f || i) ? (c[1] = f ? n[f] : i, r = 2) : r === 2 && i === "..." && f ? c[2] = Object.assign(c[2] || {}, n[f]) : r === 2 && i && !f ? (c[2] = c[2] || {})[i] = !0 : r >= 5 && (r === 5 ? ((c[2] = c[2] || {})[t] = f ? i ? i + n[f] : n[f] : i, r = 6) : (f || i) && (c[2][t] += f ? i + n[f] : i)), i = "";
+function Zt(s) {
+  for (var t, e, n = arguments, r = 1, i = "", u = "", c = [0], a = function(f) {
+    r === 1 && (f || (i = i.replace(/^\s*\n\s*|\s*\n\s*$/g, ""))) ? c.push(f ? n[f] : i) : r === 3 && (f || i) ? (c[1] = f ? n[f] : i, r = 2) : r === 2 && i === "..." && f ? c[2] = Object.assign(c[2] || {}, n[f]) : r === 2 && i && !f ? (c[2] = c[2] || {})[i] = !0 : r >= 5 && (r === 5 ? ((c[2] = c[2] || {})[e] = f ? i ? i + n[f] : n[f] : i, r = 6) : (f || i) && (c[2][e] += f ? i + n[f] : i)), i = "";
   }, l = 0; l < s.length; l++) {
     l && (r === 1 && a(), a(l));
-    for (var h = 0; h < s[l].length; h++) e = s[l][h], r === 1 ? e === "<" ? (a(), c = [c, "", null], r = 3) : i += e : r === 4 ? i === "--" && e === ">" ? (r = 1, i = "") : i = e + i[0] : u ? e === u ? u = "" : i += e : e === '"' || e === "'" ? u = e : e === ">" ? (a(), r = 1) : r && (e === "=" ? (r = 5, t = i, i = "") : e === "/" && (r < 5 || s[l][h + 1] === ">") ? (a(), r === 3 && (c = c[0]), r = c, (c = c[0]).push(this.apply(null, r.slice(1))), r = 0) : e === " " || e === "	" || e === `
-` || e === "\r" ? (a(), r = 2) : i += e), r === 3 && i === "!--" && (r = 4, c = c[0]);
+    for (var h = 0; h < s[l].length; h++) t = s[l][h], r === 1 ? t === "<" ? (a(), c = [c, "", null], r = 3) : i += t : r === 4 ? i === "--" && t === ">" ? (r = 1, i = "") : i = t + i[0] : u ? t === u ? u = "" : i += t : t === '"' || t === "'" ? u = t : t === ">" ? (a(), r = 1) : r && (t === "=" ? (r = 5, e = i, i = "") : t === "/" && (r < 5 || s[l][h + 1] === ">") ? (a(), r === 3 && (c = c[0]), r = c, (c = c[0]).push(this.apply(null, r.slice(1))), r = 0) : t === " " || t === "	" || t === `
+` || t === "\r" ? (a(), r = 2) : i += t), r === 3 && i === "!--" && (r = 4, c = c[0]);
   }
   return a(), c.length > 2 ? c.slice(1) : c[1];
 }
-var ae;
-ae = b;
-class Xe {
-  constructor(e) {
-    o(this, ae, !0);
+var at;
+at = b;
+class Xt {
+  constructor(t) {
+    o(this, at, !0);
     o(this, "node");
     o(this, "endNode");
     o(this, "$predicate");
@@ -560,113 +560,113 @@ class Xe {
     o(this, "elementContext");
     o(this, "initialUpdateHappened", !1);
     o(this, "previousValue");
-    this.$predicate = e.$predicate, this.thenContent = e.thenContent ? A(e.thenContent) : void 0, this.elseContent = e.elseContent ? A(e.elseContent) : void 0, this.elementContext = e.elementContext, this.elementContext.root.getEnv() === "development" ? (this.node = document.createComment("Conditional"), this.endNode = document.createComment("/Conditional")) : (this.node = document.createTextNode(""), this.endNode = document.createTextNode(""));
+    this.$predicate = t.$predicate, this.thenContent = t.thenContent ? A(t.thenContent) : void 0, this.elseContent = t.elseContent ? A(t.elseContent) : void 0, this.elementContext = t.elementContext, this.elementContext.root.getEnv() === "development" ? (this.node = document.createComment("Conditional"), this.endNode = document.createComment("/Conditional")) : (this.node = document.createTextNode(""), this.endNode = document.createTextNode(""));
   }
   get isMounted() {
     return this.node.parentNode != null;
   }
-  mount(e, t) {
-    this.isMounted || (e.insertBefore(this.node, (t == null ? void 0 : t.nextSibling) ?? null), this.elementContext.root.getEnv() === "development" && e.insertBefore(this.endNode, this.node.nextSibling), this.stopCallback = this.$predicate.watch((n) => {
+  mount(t, e) {
+    this.isMounted || (t.insertBefore(this.node, (e == null ? void 0 : e.nextSibling) ?? null), this.elementContext.root.getEnv() === "development" && t.insertBefore(this.endNode, this.node.nextSibling), this.stopCallback = this.$predicate.watch((n) => {
       (!this.initialUpdateHappened || n && !this.previousValue || !n && this.previousValue) && (this.update(n), this.initialUpdateHappened = !0, this.previousValue = n);
     }));
   }
-  unmount(e = !1) {
-    var t, n;
+  unmount(t = !1) {
+    var e, n;
     this.stopCallback && (this.stopCallback(), this.stopCallback = void 0);
     for (const r of this.connectedContent)
-      r.unmount(e);
-    this.connectedContent = [], this.isMounted && ((t = this.node.parentNode) == null || t.removeChild(this.node), (n = this.endNode.parentNode) == null || n.removeChild(this.endNode));
+      r.unmount(t);
+    this.connectedContent = [], this.isMounted && ((e = this.node.parentNode) == null || e.removeChild(this.node), (n = this.endNode.parentNode) == null || n.removeChild(this.endNode));
   }
-  update(e) {
-    var t;
+  update(t) {
+    var e;
     for (const n of this.connectedContent)
       n.unmount(!1);
     if (this.connectedContent = [], this.node.parentNode != null) {
-      e && this.thenContent ? this.connectedContent = _(this.elementContext, this.thenContent) : !e && this.elseContent && (this.connectedContent = _(this.elementContext, this.elseContent));
+      t && this.thenContent ? this.connectedContent = _(this.elementContext, this.thenContent) : !t && this.elseContent && (this.connectedContent = _(this.elementContext, this.elseContent));
       for (let n = 0; n < this.connectedContent.length; n++) {
-        const r = this.connectedContent[n], i = ((t = this.connectedContent[n - 1]) == null ? void 0 : t.node) ?? this.node;
+        const r = this.connectedContent[n], i = ((e = this.connectedContent[n - 1]) == null ? void 0 : e.node) ?? this.node;
         r.mount(this.node.parentNode, i);
       }
-      this.elementContext.root.getEnv() === "development" && (this.node.textContent = `Conditional (${e ? "truthy" : "falsy"})`);
+      this.elementContext.root.getEnv() === "development" && (this.node.textContent = `Conditional (${t ? "truthy" : "falsy"})`);
     }
   }
 }
-const Je = (s) => /^on[A-Z]/.test(s);
-var ce;
-ce = b;
-class Qe {
-  constructor({ tag: e, props: t, children: n, elementContext: r }) {
-    o(this, ce, !0);
+const Jt = (s) => /^on[A-Z]/.test(s);
+var ct;
+ct = b;
+class Qt {
+  constructor({ tag: t, props: e, children: n, elementContext: r }) {
+    o(this, ct, !0);
     o(this, "node");
     o(this, "props");
     o(this, "children");
     o(this, "stopCallbacks", []);
     o(this, "elementContext");
-    o(this, "uniqueId", ve());
+    o(this, "uniqueId", vt());
+    o(this, "_batchWrite");
     // Track the ref so we can nullify it on unmount.
     o(this, "ref");
     // Prevents 'onClickOutside' handlers from firing in the same cycle in which the element is connected.
     o(this, "canClickAway", !1);
-    if (r = { ...r }, e.toLowerCase() === "svg" && (r.isSVG = !0), r.isSVG ? this.node = document.createElementNS("http://www.w3.org/2000/svg", e) : this.node = document.createElement(e), r.root.getEnv() === "development" && (this.node.dataset.uniqueId = this.uniqueId), t.ref)
-      if (Ee(t.ref))
-        this.ref = t.ref;
+    if (r = { ...r }, this._batchWrite = r.root.batch.write.bind(r.root.batch), t.toLowerCase() === "svg" && (r.isSVG = !0), r.isSVG ? this.node = document.createElementNS("http://www.w3.org/2000/svg", t) : this.node = document.createElement(t), r.root.getEnv() === "development" && (this.node.dataset.uniqueId = this.uniqueId), e.ref)
+      if (Et(e.ref))
+        this.ref = e.ref, this.ref.node = this.node;
       else
-        throw new Error("Expected ref to be a Ref object. Got: " + t.ref);
+        throw new Error("Expected ref to be a Ref object. Got: " + e.ref);
     this.props = {
-      ...Ge(["ref", "class", "className"], t),
-      class: t.className ?? t.class
+      ...Gt(["ref", "class", "className"], e),
+      class: e.className ?? e.class
     }, this.children = n ? _(r, n) : [], this.elementContext = r;
   }
   get isMounted() {
     return this.node.parentNode != null;
   }
-  mount(e, t) {
-    if (e == null)
-      throw new Error(`HTML element requires a parent element as the first argument to connect. Got: ${e}`);
+  mount(t, e) {
+    if (t == null)
+      throw new Error(`HTML element requires a parent element as the first argument to connect. Got: ${t}`);
     if (!this.isMounted) {
       for (const n of this.children)
         n.mount(this.node);
       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);
     }
-    e.insertBefore(this.node, (t == null ? void 0 : t.nextSibling) ?? null), this.ref && (this.ref.node = this.node), setTimeout(() => {
+    t.insertBefore(this.node, (e == null ? void 0 : e.nextSibling) ?? null), setTimeout(() => {
       this.canClickAway = !0;
     }, 0);
   }
-  unmount(e = !1) {
-    var t;
+  unmount(t = !1) {
+    var e;
     if (this.isMounted) {
       for (const n of this.children)
         n.unmount(!0);
-      this.ref && (this.ref.node = void 0), e || (t = this.node.parentNode) == null || t.removeChild(this.node), this.canClickAway = !1;
+      t || (e = this.node.parentNode) == null || e.removeChild(this.node), this.ref && (this.ref.node = void 0), this.canClickAway = !1;
       for (const n of this.stopCallbacks)
         n();
       this.stopCallbacks = [];
     }
   }
-  getUpdateKey(e, t) {
-    return `${this.uniqueId}:${e}:${t}`;
+  getUpdateKey(t, e) {
+    return `${this.uniqueId}:${t}:${e}`;
   }
-  attachProp(e, t, n) {
-    p(e) ? this.stopCallbacks.push(
-      e.watch((r) => {
-        this.elementContext.root.batch.write(() => {
-          t(r);
-        }, n);
+  _mutate(t, e) {
+    this.isMounted ? this._batchWrite(t, e) : t();
+  }
+  attachProp(t, e, n) {
+    p(t) ? this.stopCallbacks.push(
+      t.watch((r) => {
+        this._mutate(() => e(r), n);
       })
-    ) : this.elementContext.root.batch.write(() => {
-      t(e);
-    }, n);
+    ) : this._mutate(() => e(t), n);
   }
-  applyProps(e, t) {
-    for (const n in t) {
-      const r = t[n];
+  applyProps(t, e) {
+    for (const n in e) {
+      const r = e[n];
       if (n === "attributes") {
         const i = r;
         for (const u in i)
           this.attachProp(
             i[u],
             (c) => {
-              c == null ? e.removeAttribute(u) : e.setAttribute(u, String(c));
+              c == null ? t.removeAttribute(u) : t.setAttribute(u, String(c));
             },
             this.getUpdateKey("attr", u)
           );
@@ -674,13 +674,13 @@ class Qe {
         const i = r;
         for (const u in i) {
           const c = p(r) ? (a) => r.get()(a) : r;
-          e.addEventListener(u, c), this.stopCallbacks.push(() => {
-            e.removeEventListener(u, c);
+          t.addEventListener(u, c), this.stopCallbacks.push(() => {
+            t.removeEventListener(u, c);
           });
         }
       } else if (n === "onClickOutside" || n === "onclickoutside") {
         const i = (c) => {
-          this.canClickAway && !e.contains(c.target) && (p(r) ? r.get()(c) : r(c));
+          this.canClickAway && !t.contains(c.target) && (p(r) ? r.get()(c) : r(c));
         }, u = { capture: !0 };
         window.addEventListener("click", i, u), this.stopCallbacks.push(() => {
           window.removeEventListener("click", i, u);
@@ -691,36 +691,36 @@ class Qe {
         this.attachProp(
           r,
           (u) => {
-            u == null ? e.value = "" : e.value = String(u);
+            u == null ? t.value = "" : t.value = String(u);
           },
           this.getUpdateKey("attr", "value")
         );
         const i = (u) => {
-          const c = et(r.get(), u.currentTarget.value);
+          const c = te(r.get(), u.currentTarget.value);
           r.set(c);
         };
-        e.addEventListener("input", i), this.stopCallbacks.push(() => {
-          e.removeEventListener("input", i);
+        t.addEventListener("input", i), this.stopCallbacks.push(() => {
+          t.removeEventListener("input", i);
         });
-      } else if (Je(n)) {
+      } else if (Jt(n)) {
         const i = n.slice(2).toLowerCase(), u = p(r) ? (c) => r.get()(c) : r;
-        e.addEventListener(i, u), this.stopCallbacks.push(() => {
-          e.removeEventListener(i, u);
+        t.addEventListener(i, u), this.stopCallbacks.push(() => {
+          t.removeEventListener(i, u);
         });
       } else if (n.includes("-"))
         this.attachProp(
           r,
           (i) => {
-            i == null ? e.removeAttribute(n) : e.setAttribute(n, String(i));
+            i == null ? t.removeAttribute(n) : t.setAttribute(n, String(i));
           },
           this.getUpdateKey("attr", n)
         );
-      else if (!tt.includes(n))
+      else if (!ee.includes(n))
         if (this.elementContext.isSVG)
           this.attachProp(
             r,
             (i) => {
-              i != null ? e.setAttribute(n, String(t[n])) : e.removeAttribute(n);
+              i != null ? t.setAttribute(n, String(e[n])) : t.removeAttribute(n);
             },
             this.getUpdateKey("attr", n)
           );
@@ -731,7 +731,7 @@ class Qe {
               this.attachProp(
                 r,
                 (i) => {
-                  e[n] = String(i);
+                  t[n] = String(i);
                 },
                 this.getUpdateKey("prop", n)
               );
@@ -740,7 +740,7 @@ class Qe {
               this.attachProp(
                 r,
                 (i) => {
-                  e.htmlFor = i;
+                  t.htmlFor = i;
                 },
                 this.getUpdateKey("prop", "htmlFor")
               );
@@ -749,7 +749,7 @@ class Qe {
               this.attachProp(
                 r,
                 (i) => {
-                  e.checked = i, i ? e.setAttribute("checked", "") : e.removeAttribute("checked");
+                  t.checked = i, i ? t.setAttribute("checked", "") : t.removeAttribute("checked");
                 },
                 this.getUpdateKey("prop", "checked")
               );
@@ -764,7 +764,7 @@ class Qe {
               this.attachProp(
                 r,
                 (u) => {
-                  u == null ? e.removeAttribute(i) : e.setAttribute(i, String(u));
+                  u == null ? t.removeAttribute(i) : t.setAttribute(i, String(u));
                 },
                 this.getUpdateKey("attr", i)
               );
@@ -775,7 +775,7 @@ class Qe {
               this.attachProp(
                 r,
                 (i) => {
-                  typeof i == "string" ? e.autocomplete = i : i ? e.autocomplete = "on" : e.autocomplete = "off";
+                  typeof i == "string" ? t.autocomplete = i : i ? t.autocomplete = "on" : t.autocomplete = "off";
                 },
                 this.getUpdateKey("prop", n)
               );
@@ -784,7 +784,7 @@ class Qe {
               this.attachProp(
                 r,
                 (i) => {
-                  e[n] = i;
+                  t[n] = i;
                 },
                 this.getUpdateKey("prop", n)
               );
@@ -793,31 +793,31 @@ class Qe {
           }
     }
   }
-  applyStyles(e, t, n) {
+  applyStyles(t, e, n) {
     const r = [];
-    if (p(t)) {
+    if (p(e)) {
       let i;
-      const u = t.watch((c) => {
-        this.elementContext.root.batch.write(
+      const u = e.watch((c) => {
+        this._mutate(
           () => {
-            P(i) && i(), e.style.cssText = "", i = this.applyStyles(e, c, n);
+            P(i) && i(), t.style.cssText = "", i = this.applyStyles(t, c, n);
           },
           this.getUpdateKey("styles", "*")
         );
       });
       n.push(u), r.push(u);
     } else {
-      const i = Me(t);
+      const i = Mt(e);
       for (const u in i) {
         const { value: c, priority: a } = i[u];
         if (p(c)) {
           const l = c.watch((h) => {
-            this.elementContext.root.batch.write(() => {
-              h ? e.style.setProperty(u, String(h), a) : e.style.removeProperty(u);
+            this._mutate(() => {
+              h ? t.style.setProperty(u, String(h), a) : t.style.removeProperty(u);
             });
           });
           n.push(l), r.push(l);
-        } else c != null && e.style.setProperty(u, String(c));
+        } else c != null && t.style.setProperty(u, String(c));
       }
     }
     return function() {
@@ -825,31 +825,31 @@ class Qe {
         u(), n.splice(n.indexOf(u), 1);
     };
   }
-  applyClasses(e, t, n) {
+  applyClasses(t, e, n) {
     const r = [];
-    if (p(t)) {
+    if (p(e)) {
       let i;
-      const u = t.watch((c) => {
-        this.elementContext.root.batch.write(
+      const u = e.watch((c) => {
+        this._mutate(
           () => {
-            P(i) && i(), e.removeAttribute("class"), i = this.applyClasses(e, c, n);
+            P(i) && i(), t.removeAttribute("class"), i = this.applyClasses(t, c, n);
           },
           this.getUpdateKey("attr", "class")
         );
       });
       n.push(u), r.push(u);
     } else {
-      const i = xe(t);
+      const i = xt(e);
       for (const u in i) {
         const c = i[u];
         if (p(c)) {
           const a = c.watch((l) => {
-            this.elementContext.root.batch.write(() => {
-              l ? e.classList.add(u) : e.classList.remove(u);
+            this._mutate(() => {
+              l ? t.classList.add(u) : t.classList.remove(u);
             });
           });
           n.push(a), r.push(a);
-        } else c && e.classList.add(u);
+        } else c && t.classList.add(u);
       }
     }
     return function() {
@@ -858,49 +858,49 @@ class Qe {
     };
   }
 }
-function xe(s) {
-  let e = {};
+function xt(s) {
+  let t = {};
   if (x(s)) {
-    const t = s.split(" ");
-    for (const n of t)
-      e[n] = !0;
-  } else Ce(s) ? Object.assign(e, s) : Array.isArray(s) && Array.from(s).filter(Boolean).forEach((t) => {
-    Object.assign(e, xe(t));
+    const e = s.split(" ");
+    for (const n of e)
+      t[n] = !0;
+  } else Ct(s) ? Object.assign(t, s) : Array.isArray(s) && Array.from(s).filter(Boolean).forEach((e) => {
+    Object.assign(t, xt(e));
   });
-  return delete e.undefined, e;
+  return delete t.undefined, t;
 }
-function Me(s) {
-  let e = {};
+function Mt(s) {
+  let t = {};
   if (x(s)) {
-    const t = s.split(";").filter((n) => n.trim() !== "");
-    for (const n of t) {
+    const e = s.split(";").filter((n) => n.trim() !== "");
+    for (const n of e) {
       const [r, i] = n.split(":"), u = {
         value: i
       };
-      i.includes("!important") ? (u.priority = "important", u.value = i.replace("!important", "").trim()) : u.value = i.trim(), e[ne(r.trim())] = u;
+      i.includes("!important") ? (u.priority = "important", u.value = i.replace("!important", "").trim()) : u.value = i.trim(), t[nt(r.trim())] = u;
     }
   }
-  if (Ce(s))
-    for (const t in s)
-      t.startsWith("--") ? e[t] = { value: s[t] } : e[ne(t)] = { value: s[t] };
-  else Array.isArray(s) && Array.from(s).filter((t) => t != null).forEach((t) => {
-    Object.assign(e, Me(t));
+  if (Ct(s))
+    for (const e in s)
+      e.startsWith("--") ? t[e] = { value: s[e] } : t[nt(e)] = { value: s[e] };
+  else Array.isArray(s) && Array.from(s).filter((e) => e != null).forEach((e) => {
+    Object.assign(t, Mt(e));
   });
-  return e;
+  return t;
 }
-function ne(s) {
-  return s.replace(/[A-Z]+(?![a-z])|[A-Z]/g, (e, t) => (t ? "-" : "") + e.toLowerCase());
+function nt(s) {
+  return s.replace(/[A-Z]+(?![a-z])|[A-Z]/g, (t, e) => (e ? "-" : "") + t.toLowerCase());
 }
-function et(s, e) {
-  const t = typeof s;
-  return t === "string" ? String(e) : t === "number" ? Number(e) : t === "boolean" ? !!e : e;
-}
-const tt = ["ref", "children", "class", "style", "data"];
-var le;
-le = b;
-class nt {
-  constructor({ states: e, renderFn: t, elementContext: n }) {
-    o(this, le, !0);
+function te(s, t) {
+  const e = typeof s;
+  return e === "string" ? String(t) : e === "number" ? Number(t) : e === "boolean" ? !!t : t;
+}
+const ee = ["ref", "children", "class", "style", "data"];
+var lt;
+lt = b;
+class ne {
+  constructor({ states: t, renderFn: e, elementContext: n }) {
+    o(this, lt, !0);
     o(this, "node");
     o(this, "endNode");
     o(this, "connectedViews", []);
@@ -908,13 +908,13 @@ class nt {
     o(this, "elementContext");
     o(this, "observerControls");
     o(this, "watcher", K());
-    this.elementContext = n, this.renderFn = t, this.node = document.createComment("Observer"), this.endNode = document.createComment("/Observer");
+    this.elementContext = n, this.renderFn = e, this.node = document.createComment("Observer"), this.endNode = document.createComment("/Observer");
     let r;
     this.observerControls = {
       start: () => {
-        r == null && (r = this.watcher.watch(e, (...i) => {
+        r == null && (r = this.watcher.watch(t, (...i) => {
           let u = this.renderFn(...i);
-          if (!Ve(u))
+          if (!Vt(u))
             throw console.error(u, i), new TypeError(
               `Observer received invalid value to render. Got type: ${N(u)}, value: ${u}`
             );
@@ -929,24 +929,24 @@ class nt {
   get isMounted() {
     return this.node.parentNode != null;
   }
-  mount(e, t) {
-    this.isMounted || (e.insertBefore(this.node, (t == null ? void 0 : t.nextSibling) ?? null), this.observerControls.start());
+  mount(t, e) {
+    this.isMounted || (t.insertBefore(this.node, (e == null ? void 0 : e.nextSibling) ?? null), this.observerControls.start());
   }
-  unmount(e = !1) {
-    var t;
-    this.observerControls.stop(), this.watcher.stopAll(), this.isMounted && (this.cleanup(e), (t = this.node.parentNode) == null || t.removeChild(this.node));
+  unmount(t = !1) {
+    var e;
+    this.observerControls.stop(), this.watcher.stopAll(), this.isMounted && (this.cleanup(t), (e = this.node.parentNode) == null || e.removeChild(this.node));
   }
-  cleanup(e) {
-    var t;
+  cleanup(t) {
+    var e;
     for (; this.connectedViews.length > 0; )
-      (t = this.connectedViews.pop()) == null || t.unmount(e);
+      (e = this.connectedViews.pop()) == null || e.unmount(t);
   }
-  update(...e) {
+  update(...t) {
     var n, r;
-    if (this.cleanup(!1), e == null || !this.isMounted)
+    if (this.cleanup(!1), t == null || !this.isMounted)
       return;
-    const t = e.map((i) => Ne(i) ? i : $(i) ? M(_(this.elementContext, i)) : M(_(this.elementContext, A(i))));
-    for (const i of t) {
+    const e = t.map((i) => Nt(i) ? i : $(i) ? M(_(this.elementContext, i)) : M(_(this.elementContext, A(i))));
+    for (const i of e) {
       const u = ((n = this.connectedViews.at(-1)) == null ? void 0 : n.node) || this.node;
       i.mount(this.node.parentNode, u), this.connectedViews.push(i);
     }
@@ -956,120 +956,120 @@ class nt {
     }
   }
 }
-var he;
-he = b;
-class $e {
-  constructor(e) {
-    o(this, he, !0);
+var ht;
+ht = b;
+class $t {
+  constructor(t) {
+    o(this, ht, !0);
     o(this, "node", document.createTextNode(""));
     o(this, "isMounted", !1);
     o(this, "elements");
     o(this, "children", []);
     o(this, "stopCallback");
-    this.elements = e;
+    this.elements = t;
   }
-  mount(e, t) {
-    this.isMounted || (this.isMounted = !0, e.insertBefore(this.node, (t == null ? void 0 : t.nextSibling) ?? null), p(this.elements) ? this.stopCallback = this.elements.watch((n) => {
+  mount(t, e) {
+    this.isMounted || (this.isMounted = !0, t.insertBefore(this.node, (e == null ? void 0 : e.nextSibling) ?? null), p(this.elements) ? this.stopCallback = this.elements.watch((n) => {
       this.update(n);
     }) : this.update(this.children));
   }
-  unmount(e = !1) {
+  unmount(t = !1) {
     if (this.stopCallback && (this.stopCallback(), this.stopCallback = void 0), this.isMounted) {
-      for (const t of this.children)
-        t.unmount(e);
+      for (const e of this.children)
+        e.unmount(t);
       this.children = [], this.isMounted = !1;
     }
   }
-  update(e) {
-    for (const t of this.children)
-      t.unmount(!1);
-    for (let t = 0; t < e.length; t++) {
-      const n = e[t], r = t > 0 ? e[t] : void 0;
+  update(t) {
+    for (const e of this.children)
+      e.unmount(!1);
+    for (let e = 0; e < t.length; e++) {
+      const n = t[e], r = e > 0 ? t[e] : void 0;
       n.mount(this.node.parentElement, r == null ? void 0 : r.node);
     }
-    this.children = e;
+    this.children = t;
   }
 }
-var fe;
-fe = b;
-class st {
-  constructor(e) {
-    o(this, fe, !0);
+var ft;
+ft = b;
+class se {
+  constructor(t) {
+    o(this, ft, !0);
     o(this, "config");
     o(this, "element");
-    this.config = e;
+    this.config = t;
   }
   get isMounted() {
     return this.element ? this.element.isMounted : !1;
   }
-  mount(e, t) {
+  mount(t, e) {
     const { content: n, parent: r } = this.config;
-    Ne(n) ? this.element = n : $(n) ? this.element = M(_(this.config.elementContext, n)) : this.element = M(_(this.config.elementContext, A(n))), this.element.mount(r);
+    Nt(n) ? this.element = n : $(n) ? this.element = M(_(this.config.elementContext, n)) : this.element = M(_(this.config.elementContext, A(n))), this.element.mount(r);
   }
-  unmount(e = !1) {
-    var t;
-    (t = this.element) != null && t.isMounted && this.element.unmount(e);
+  unmount(t = !1) {
+    var e;
+    (e = this.element) != null && e.isMounted && this.element.unmount(t);
   }
 }
-class rt {
-  constructor(e) {
+class re {
+  constructor(t) {
     o(this, "__view");
-    this.__view = e;
-    const t = Object.getOwnPropertyDescriptors(this.__view._logger);
-    for (const n in t)
-      n !== "getName" && Object.defineProperty(this, n, t[n]);
+    this.__view = t;
+    const e = Object.getOwnPropertyDescriptors(this.__view._logger);
+    for (const n in e)
+      n !== "getName" && Object.defineProperty(this, n, e[n]);
   }
   get uid() {
     return this.__view.uniqueId;
   }
-  setName(e) {
-    return this.__view._logger.setName(e), this;
+  setName(t) {
+    return this.__view._logger.setName(t), this;
   }
-  set(e, t) {
-    return this.__view._elementContext.data[e] = t, t;
+  set(t, e) {
+    return this.__view._elementContext.data[t] = e, e;
   }
-  get(e) {
-    let t = this.__view._elementContext;
+  get(t) {
+    let e = this.__view._elementContext;
     for (; ; ) {
-      if (e in t.data)
-        return t.data[e];
-      if (t.parent)
-        t = t.parent;
+      if (t in e.data)
+        return e.data[t];
+      if (e.parent)
+        e = e.parent;
       else
         break;
     }
     return null;
   }
   getAll() {
-    const e = [];
-    let t = this.__view._elementContext;
-    for (; e.push(t.data), t.parent; )
-      t = t.parent;
+    const t = [];
+    let e = this.__view._elementContext;
+    for (; t.push(e.data), e.parent; )
+      e = e.parent;
     const n = {};
-    for (const r of e.reverse())
+    for (const r of t.reverse())
       Object.assign(n, r);
     return n;
   }
-  beforeMount(e) {
-    this.__view._beforeMountCallbacks.push(e);
+  beforeMount(t) {
+    this.__view._beforeMountCallbacks.push(t);
   }
-  onMount(e) {
-    this.__view._onMountCallbacks.push(e);
+  onMount(t) {
+    this.__view._onMountCallbacks.push(t);
   }
-  beforeUnmount(e) {
-    this.__view._beforeUnmountCallbacks.push(e);
+  beforeUnmount(t) {
+    this.__view._beforeUnmountCallbacks.push(t);
   }
-  onUnmount(e) {
-    this.__view._onUnmountCallbacks.push(e);
+  onUnmount(t) {
+    this.__view._onUnmountCallbacks.push(t);
   }
-  watch(e, t) {
+  watch(t, e) {
     const n = this.__view;
     if (n.isMounted)
-      return n._watcher.watch(e, t);
+      return n._watcher.watch(t, e);
     {
       let r, i = !1;
       return n._onMountCallbacks.push(() => {
-        i || (r = n._watcher.watch(e, t));
+        i || (r = n._watcher.watch(t, e));
       }), () => {
         r != null && (i = !0, r());
       };
@@ -1079,12 +1079,12 @@ class rt {
     return y("$outlet", { $children: this.__view._$children });
   }
 }
-var de;
-de = b;
+var dt;
+dt = b;
 const H = class H {
-  constructor(e, t, n, r = []) {
-    o(this, de, !0);
-    o(this, "uniqueId", ve());
+  constructor(t, e, n, r = []) {
+    o(this, dt, !0);
+    o(this, "uniqueId", vt());
     o(this, "_elementContext");
     o(this, "_logger");
     o(this, "_view");
@@ -1098,69 +1098,69 @@ const H = class H {
     o(this, "_beforeUnmountCallbacks", []);
     o(this, "_onUnmountCallbacks", []);
     o(this, "isMounted", !1);
-    this._elementContext = { ...e, data: {}, parent: e }, this._logger = e.root.createLogger(t.name, { uid: this.uniqueId }), this._view = t, this._props = n, [this._$children, this._setChildren] = G(_(e, r));
+    this._elementContext = { ...t, data: {}, parent: t }, this._logger = t.root.createLogger(e.name, { uid: this.uniqueId }), this._view = e, this._props = n, [this._$children, this._setChildren] = G(_(t, r));
   }
   /*===============================*\
   ||         "Public" API          ||
   \*===============================*/
   get node() {
-    var e;
-    return (e = this._element) == null ? void 0 : e.node;
+    var t;
+    return (t = this._element) == null ? void 0 : t.node;
   }
-  mount(e, t) {
+  mount(t, e) {
     const n = this.isMounted;
     if (!n)
       for (this.initialize(); this._beforeMountCallbacks.length > 0; )
         this._beforeMountCallbacks.shift()();
-    this._element && this._element.mount(e, t), n || (this.isMounted = !0, requestAnimationFrame(() => {
+    this._element && this._element.mount(t, e), n || (this.isMounted = !0, requestAnimationFrame(() => {
       for (; this._onMountCallbacks.length > 0; )
         this._onMountCallbacks.shift()();
     }));
   }
-  unmount(e = !1) {
+  unmount(t = !1) {
     for (; this._beforeUnmountCallbacks.length > 0; )
       this._beforeUnmountCallbacks.shift()();
-    for (this._element && this._element.unmount(e), this.isMounted = !1; this._onUnmountCallbacks.length > 0; )
+    for (this._element && this._element.unmount(t), this.isMounted = !1; this._onUnmountCallbacks.length > 0; )
       this._onUnmountCallbacks.shift()();
     this._watcher.stopAll();
   }
-  setChildView(e) {
-    const t = new H(this._elementContext, e, {});
-    return this._setChildren([t]), t;
+  setChildView(t) {
+    const e = new H(this._elementContext, t, {});
+    return this._setChildren([e]), e;
   }
   /*===============================*\
   ||           Internal            ||
   \*===============================*/
   initialize() {
-    const e = new rt(this);
-    let t;
+    const t = new re(this);
+    let e;
     try {
-      t = this._view(this._props, e);
+      e = this._view(this._props, t);
     } catch (n) {
       throw n instanceof Error && this._logger.crash(n), n;
     }
-    if (t !== null) if (t instanceof Node)
-      this._element = M(_(this._elementContext, y("$node", { value: t })));
-    else if ($(t) || ye($, t))
-      this._element = M(_(this._elementContext, t));
-    else if (p(t))
+    if (e !== null) if (e instanceof Node)
+      this._element = M(_(this._elementContext, y("$node", { value: e })));
+    else if ($(e) || yt($, e))
+      this._element = M(_(this._elementContext, e));
+    else if (p(e))
       this._element = M(
-        _(this._elementContext, y("$observer", { states: [t], renderFn: (n) => n }))
+        _(this._elementContext, y("$observer", { states: [e], renderFn: (n) => n }))
       );
     else {
       const n = new TypeError(
-        `Expected '${this._view.name}' function to return a DOM node, Markup element, Readable or null. Got: ${N(t)}`
+        `Expected '${this._view.name}' function to return a DOM node, Markup element, Readable or null. Got: ${N(e)}`
       );
       this._logger.crash(n);
     }
   }
 };
-let W = H;
-var pe;
-pe = b;
-class it {
-  constructor({ elementContext: e, $items: t, renderFn: n, keyFn: r }) {
-    o(this, pe, !0);
+let U = H;
+var pt;
+pt = b;
+class ie {
+  constructor({ elementContext: t, $items: e, renderFn: n, keyFn: r }) {
+    o(this, pt, !0);
     o(this, "node");
     o(this, "endNode");
     o(this, "$items");
@@ -1169,41 +1169,41 @@ class it {
     o(this, "elementContext");
     o(this, "renderFn");
     o(this, "keyFn");
-    this.elementContext = e, this.$items = t, this.renderFn = n, this.keyFn = r, this.elementContext.root.getEnv() === "development" ? (this.node = document.createComment("Repeat"), this.endNode = document.createComment("/Repeat")) : (this.node = document.createTextNode(""), this.endNode = document.createTextNode(""));
+    this.elementContext = t, this.$items = e, this.renderFn = n, this.keyFn = r, this.elementContext.root.getEnv() === "development" ? (this.node = document.createComment("Repeat"), this.endNode = document.createComment("/Repeat")) : (this.node = document.createTextNode(""), this.endNode = document.createTextNode(""));
   }
   get isMounted() {
     return this.node.parentNode != null;
   }
-  mount(e, t) {
-    this.isMounted || (e.insertBefore(this.node, (t == null ? void 0 : t.nextSibling) ?? null), this.stopCallback = this.$items.watch((n) => {
+  mount(t, e) {
+    this.isMounted || (t.insertBefore(this.node, (e == null ? void 0 : e.nextSibling) ?? null), this.stopCallback = this.$items.watch((n) => {
       this._update(Array.from(n));
     }));
   }
-  unmount(e = !1) {
-    var t, n;
-    this.stopCallback && (this.stopCallback(), this.stopCallback = void 0), !e && this.isMounted && ((t = this.node.parentNode) == null || t.removeChild(this.node), (n = this.endNode.parentNode) == null || n.removeChild(this.endNode)), this._cleanup(e);
+  unmount(t = !1) {
+    var e, n;
+    this.stopCallback && (this.stopCallback(), this.stopCallback = void 0), !t && this.isMounted && ((e = this.node.parentNode) == null || e.removeChild(this.node), (n = this.endNode.parentNode) == null || n.removeChild(this.endNode)), this._cleanup(t);
   }
-  _cleanup(e) {
-    for (const t of this.connectedItems)
-      t.element.unmount(e);
+  _cleanup(t) {
+    for (const e of this.connectedItems)
+      e.element.unmount(t);
     this.connectedItems = [];
   }
-  _update(e) {
+  _update(t) {
     var i, u, c;
-    if (e.length === 0 || !this.isMounted)
+    if (t.length === 0 || !this.isMounted)
       return this._cleanup(!1);
-    const t = [];
+    const e = [];
     let n = 0;
-    for (const a of e)
-      t.push({
+    for (const a of t)
+      e.push({
         key: this.keyFn(a, n),
         value: a,
         index: n++
       });
     const r = [];
     for (const a of this.connectedItems)
-      t.find((h) => h.key === a.key) || a.element.unmount(!1);
-    for (const a of t) {
+      e.find((h) => h.key === a.key) || a.element.unmount(!1);
+    for (const a of e) {
       const l = this.connectedItems.find((h) => h.key === a.key);
       if (l)
         l.setValue(a.value), l.setIndex(a.index), r[a.index] = l;
@@ -1215,7 +1215,7 @@ class it {
           setValue: f,
           $index: d,
           setIndex: m,
-          element: new W(this.elementContext, ot, {
+          element: new U(this.elementContext, oe, {
             $value: h,
             $index: d,
             renderFn: this.renderFn
@@ -1234,129 +1234,129 @@ class it {
     }
   }
 }
-function ot({ $value: s, $index: e, renderFn: t }, n) {
-  return t(s, e, n);
+function oe({ $value: s, $index: t, renderFn: e }, n) {
+  return e(s, t, n);
 }
-var me;
-me = b;
-class ut {
-  constructor({ value: e }) {
-    o(this, me, !0);
+var mt;
+mt = b;
+class ue {
+  constructor({ value: t }) {
+    o(this, mt, !0);
     o(this, "node", document.createTextNode(""));
     o(this, "value", "");
     o(this, "stopCallback");
-    this.value = e;
+    this.value = t;
   }
   get isMounted() {
     return this.node.parentNode != null;
   }
-  async mount(e, t = null) {
+  async mount(t, e = null) {
     this.isMounted || (p(this.value) ? this.stopCallback = this.value.watch((n) => {
       this.update(n);
-    }) : this.update(this.value)), e.insertBefore(this.node, (t == null ? void 0 : t.nextSibling) ?? null);
+    }) : this.update(this.value)), t.insertBefore(this.node, (e == null ? void 0 : e.nextSibling) ?? null);
   }
-  async unmount(e = !1) {
-    this.isMounted && (this.stopCallback && (this.stopCallback(), this.stopCallback = void 0), e || this.node.parentNode.removeChild(this.node));
+  async unmount(t = !1) {
+    this.isMounted && (this.stopCallback && (this.stopCallback(), this.stopCallback = void 0), t || this.node.parentNode.removeChild(this.node));
   }
-  update(e) {
-    e != null ? this.node.textContent = e.toString() : this.node.textContent = "";
+  update(t) {
+    t != null ? this.node.textContent = t.toString() : this.node.textContent = "";
   }
 }
 function $(s) {
-  return (s == null ? void 0 : s[ke]) === !0;
+  return (s == null ? void 0 : s[kt]) === !0;
 }
-function Ne(s) {
+function Nt(s) {
   return (s == null ? void 0 : s[b]) === !0;
 }
 function A(s) {
-  return V(s) || (s = [s]), s.flat(1 / 0).filter((e) => e != null && e !== !1).map((e) => {
-    if (e instanceof Node)
-      return y("$node", { value: e });
-    if (e instanceof Ae)
-      return y("$node", { value: e.node });
-    if ($(e))
-      return e;
-    if (x(e) || _e(e))
-      return y("$text", { value: e });
-    if (p(e))
+  return V(s) || (s = [s]), s.flat(1 / 0).filter((t) => t != null && t !== !1).map((t) => {
+    if (t instanceof Node)
+      return y("$node", { value: t });
+    if (t instanceof At)
+      return y("$node", { value: t.node });
+    if ($(t))
+      return t;
+    if (x(t) || _t(t))
+      return y("$text", { value: t });
+    if (p(t))
       return y("$observer", {
-        states: [e],
-        renderFn: (t) => t
+        states: [t],
+        renderFn: (e) => e
       });
-    throw console.error(e), new TypeError(`Unexpected child type. Got: ${e}`);
+    throw console.error(t), new TypeError(`Unexpected child type. Got: ${t}`);
   });
 }
-function y(s, e, ...t) {
-  return e != null && at(e), {
-    [ke]: !0,
+function y(s, t, ...e) {
+  return t != null && ae(t), {
+    [kt]: !0,
     type: s,
-    props: e,
-    children: A(t)
+    props: t,
+    children: A(e)
   };
 }
-function at(s) {
-  if (s.ref && !Ee(s.ref))
+function ae(s) {
+  if (s.ref && !Et(s.ref))
     throw console.warn(s.ref), new TypeError(`Prop 'ref' must be a Ref object. Got: ${s.ref}`);
-  for (const e in s)
-    if (e.startsWith("$$") && s[e] !== void 0) {
-      if (!B(s[e]))
-        throw new TypeError(`Prop '${e}' is named as a SettableState but value is not. Got: ${s[e]}`);
-    } else if (e.startsWith("$") && s[e] !== void 0 && !p(s[e]))
-      throw new TypeError(`Prop '${e}' is named as a State but value is not. Got: ${s[e]}`);
-}
-const vt = Ze.bind(y);
-function bt(s, e, t) {
+  for (const t in s)
+    if (t.startsWith("$$") && s[t] !== void 0) {
+      if (!B(s[t]))
+        throw new TypeError(`Prop '${t}' is named as a SettableState but value is not. Got: ${s[t]}`);
+    } else if (t.startsWith("$") && s[t] !== void 0 && !p(s[t]))
+      throw new TypeError(`Prop '${t}' is named as a State but value is not. Got: ${s[t]}`);
+}
+const ve = Zt.bind(y);
+function be(s, t, e) {
   const n = L(s);
   return y("$cond", {
     $predicate: n,
-    thenContent: e,
-    elseContent: t
+    thenContent: t,
+    elseContent: e
   });
 }
-function St(s, e, t) {
+function Se(s, t, e) {
   const n = L(s);
-  return y("$repeat", { $items: n, keyFn: e, renderFn: t });
+  return y("$repeat", { $items: n, keyFn: t, renderFn: e });
 }
-function kt(s, e) {
-  return y("$portal", { parent: s, content: e });
+function ke(s, t) {
+  return y("$portal", { parent: s, content: t });
 }
-var ge;
-ge = b;
-class Ae {
-  constructor(e) {
-    o(this, ge, !0);
+var gt;
+gt = b;
+class At {
+  constructor(t) {
+    o(this, gt, !0);
     o(this, "node");
-    this.node = e;
+    this.node = t;
   }
   get isMounted() {
     return this.node.parentNode != null;
   }
-  async mount(e, t) {
-    e.insertBefore(this.node, (t == null ? void 0 : t.nextSibling) ?? null);
+  async mount(t, e) {
+    t.insertBefore(this.node, (e == null ? void 0 : e.nextSibling) ?? null);
   }
   async unmount() {
     this.node.parentNode && this.node.parentNode.removeChild(this.node);
   }
 }
-function _(s, e) {
-  return (V(e) ? e : [e]).map((n) => {
+function _(s, t) {
+  return (V(t) ? t : [t]).map((n) => {
     if (P(n.type))
-      return new W(s, n.type, n.props, n.children);
+      return new U(s, n.type, n.props, n.children);
     if (x(n.type))
       switch (n.type) {
         case "$node": {
           const r = n.props;
-          return new Ae(r.value);
+          return new At(r.value);
         }
         case "$text": {
           const r = n.props;
-          return new ut({
+          return new ue({
             value: r.value
           });
         }
         case "$cond": {
           const r = n.props;
-          return new Xe({
+          return new Xt({
             $predicate: r.$predicate,
             thenContent: r.thenContent,
             elseContent: r.elseContent,
@@ -1365,7 +1365,7 @@ function _(s, e) {
         }
         case "$repeat": {
           const r = n.props;
-          return new it({
+          return new ie({
             $items: r.$items,
             keyFn: r.keyFn,
             renderFn: r.renderFn,
@@ -1374,7 +1374,7 @@ function _(s, e) {
         }
         case "$observer": {
           const r = n.props;
-          return new nt({
+          return new ne({
             states: r.states,
             renderFn: r.renderFn,
             elementContext: s
@@ -1382,11 +1382,11 @@ function _(s, e) {
         }
         case "$outlet": {
           const r = n.props;
-          return new $e(r.$children);
+          return new $t(r.$children);
         }
         case "$portal": {
           const r = n.props;
-          return new st({
+          return new se({
             content: r.content,
             parent: r.parent,
             elementContext: s
@@ -1395,7 +1395,7 @@ function _(s, e) {
         default:
           if (n.type.startsWith("$"))
             throw new Error(`Unknown markup type: ${n.type}`);
-          return new Qe({
+          return new Qt({
             tag: n.type,
             props: n.props ?? {},
             children: n.children,
@@ -1407,47 +1407,47 @@ function _(s, e) {
   });
 }
 function M(s) {
-  return s.length === 1 ? s[0] : new $e(s);
+  return s.length === 1 ? s[0] : new $t(s);
 }
-function Ve(s) {
-  return s == null || s === !1 || x(s) || _e(s) || $(s) || p(s) || ye(Ve, s);
+function Vt(s) {
+  return s == null || s === !1 || x(s) || _t(s) || $(s) || p(s) || yt(Vt, s);
 }
-function Et(s, e) {
-  return e.outlet();
+function Ee(s, t) {
+  return t.outlet();
 }
 export {
   _ as A,
-  _t as B,
-  be as C,
-  kt as D,
-  St as E,
-  Et as P,
-  W as V,
+  _e as B,
+  bt as C,
+  ke as D,
+  Se as E,
+  Ee as P,
+  U as V,
   G as a,
   x as b,
-  bt as c,
-  He as d,
-  mt as e,
+  be as c,
+  Ht as d,
+  me as e,
   P as f,
-  ft as g,
-  vt as h,
-  Ce as i,
-  ht as j,
-  lt as k,
+  fe as g,
+  ve as h,
+  Ct as i,
+  he as j,
+  le as k,
   K as l,
-  gt as m,
-  wt as n,
-  yt as o,
+  ge as m,
+  we as n,
+  ye as o,
   L as p,
-  Ct as q,
-  Ee as r,
-  pt as s,
+  Ce as q,
+  Et as r,
+  pe as s,
   N as t,
-  dt as u,
-  Be as v,
+  de as u,
+  Bt as v,
   y as w,
-  Re as x,
-  De as y,
+  Rt as x,
+  Dt as y,
   M as z
 };
-//# sourceMappingURL=passthrough-C9975ULD.js.map
+//# sourceMappingURL=passthrough-BeKX_qRr.js.map