@manyducks.co/dolla 2.0.0-alpha.19 → 2.0.0-alpha.20

package/dist/{passthrough-DcOD0Wf3.js → passthrough-DrILnMr2.js}

@@ -1,12 +1,12 @@
 var me = Object.defineProperty;
-var ge = (n, e, t) => e in n ? me(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t;
-var r = (n, e, t) => ge(n, typeof e != "symbol" ? e + "" : e, t);
-function we(n) {
-  return n && n.__esModule && Object.prototype.hasOwnProperty.call(n, "default") ? n.default : n;
+var ge = (s, e, t) => e in s ? me(s, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[e] = t;
+var r = (s, e, t) => ge(s, typeof e != "symbol" ? e + "" : e, t);
+function we(s) {
+  return s && s.__esModule && Object.prototype.hasOwnProperty.call(s, "default") ? s.default : s;
 }
 var O = { exports: {} }, Z;
 function ye() {
-  return Z || (Z = 1, function(n, e) {
+  return Z || (Z = 1, function(s, e) {
     Object.defineProperty(e, "__esModule", { value: !0 });
     var t = /* @__PURE__ */ function() {
       function l(c, h) {
@@ -29,7 +29,7 @@ function ye() {
         if (Symbol.iterator in Object(c)) return l(c, h);
         throw new TypeError("Invalid attempt to destructure non-iterable instance");
       };
-    }(), s = function(l) {
+    }(), n = function(l) {
       return l.reduce(function(c, h) {
         return 16 > h ? c + "0" + h.toString(16) : c + h.toString(16);
       }, "#");
@@ -49,91 +49,91 @@ function ye() {
         return c * h.charCodeAt(0) * d + 1;
       }, 1);
     }, a = function(l) {
-      var c = l.str, h = l.hue, d = h === void 0 ? { min: 0, max: 360 } : h, f = l.sat, m = f === void 0 ? { min: 0.35, max: 0.65 } : f, v = l.light, S = v === void 0 ? { min: 0.3, max: 0.7 } : v, b = l.hashFunction, g = b === void 0 ? u : b, k = l.scheme, _ = k === void 0 ? "hex" : k, L = o(g(c), d, m, S), w = t(L, 3), D = w[0], H = w[1], z = w[2], Y = i(D / 360, H, z), pe = s(Y);
+      var c = l.str, h = l.hue, d = h === void 0 ? { min: 0, max: 360 } : h, f = l.sat, m = f === void 0 ? { min: 0.35, max: 0.65 } : f, v = l.light, S = v === void 0 ? { min: 0.3, max: 0.7 } : v, b = l.hashFunction, g = b === void 0 ? u : b, k = l.scheme, _ = k === void 0 ? "hex" : k, L = o(g(c), d, m, S), w = t(L, 3), D = w[0], H = w[1], z = w[2], Y = i(D / 360, H, z), pe = n(Y);
       return _ === "hsl" ? [D, H, z] : _ === "rgb" ? Y : pe;
     };
-    e.default = a, n.exports = e.default;
+    e.default = a, s.exports = e.default;
   }(O, O.exports)), O.exports;
 }
 var Ce = ye();
 const be = /* @__PURE__ */ we(Ce);
-function G(n) {
-  if (n === void 0)
+function G(s) {
+  if (s === void 0)
     return "undefined";
-  if (n === null)
+  if (s === null)
     return "null";
-  const e = typeof n;
+  const e = typeof s;
   switch (e) {
     case "number":
-      return isNaN(n) ? "NaN" : "number";
+      return isNaN(s) ? "NaN" : "number";
     case "function":
-      return oe(n) ? "class" : e;
+      return oe(s) ? "class" : e;
     case "object":
-      return M(n) ? "array" : ve(n) ? "promise" : e;
+      return M(s) ? "array" : ve(s) ? "promise" : e;
     default:
       return e;
   }
 }
-function M(n) {
-  return Array.isArray(n);
+function M(s) {
+  return Array.isArray(s);
 }
-function ie(...n) {
-  const e = n[0], t = (s) => M(s) && s.every((i) => e(i));
-  return n.length < 2 ? t : t(n[1]);
+function ie(...s) {
+  const e = s[0], t = (n) => M(n) && n.every((i) => e(i));
+  return s.length < 2 ? t : t(s[1]);
 }
-function He(...n) {
-  const e = n[0], t = $(n[2]) ? n[2] : "Expected an array of valid items. Got type: %t, value: %v", s = (i) => {
+function He(...s) {
+  const e = s[0], t = $(s[2]) ? s[2] : "Expected an array of valid items. Got type: %t, value: %v", n = (i) => {
     if (M(i) && i.every((o) => e(o)))
       return !0;
     throw new TypeError(j(i, t));
   };
-  return n.length < 2 ? s : s(n[1]);
+  return s.length < 2 ? n : n(s[1]);
 }
-function $(n) {
-  return typeof n == "string";
+function $(s) {
+  return typeof s == "string";
 }
-function ze(n, e) {
-  if ($(n))
+function ze(s, e) {
+  if ($(s))
     return !0;
-  throw new TypeError(j(n, e ?? "Expected a string. Got type: %t, value: %v"));
+  throw new TypeError(j(s, e ?? "Expected a string. Got type: %t, value: %v"));
 }
-function x(n) {
-  return typeof n == "function" && !oe(n);
+function x(s) {
+  return typeof s == "function" && !oe(s);
 }
-function _e(n) {
-  return typeof n == "number" && !isNaN(n);
+function _e(s) {
+  return typeof s == "number" && !isNaN(s);
 }
-function ve(n) {
-  if (n == null) return !1;
-  const e = n;
+function ve(s) {
+  if (s == null) return !1;
+  const e = s;
   return e instanceof Promise || x(e.then) && x(e.catch) && x(e.finally);
 }
-function oe(n) {
-  return typeof n == "function" && /^\s*class\s+/.test(n.toString());
+function oe(s) {
+  return typeof s == "function" && /^\s*class\s+/.test(s.toString());
 }
-function Ye(...n) {
-  const e = n[0], t = $(n[2]) ? n[2] : `Expected instance of ${e.name}. Got type: %t, value: %v`, s = (i) => {
+function Ye(...s) {
+  const e = s[0], t = $(s[2]) ? s[2] : `Expected instance of ${e.name}. Got type: %t, value: %v`, n = (i) => {
     if (i instanceof e)
       return !0;
     throw new TypeError(j(i, t));
   };
-  return n.length < 2 ? s : s(n[1]);
+  return s.length < 2 ? n : n(s[1]);
 }
-function W(n) {
-  return n != null && typeof n == "object" && !M(n);
+function W(s) {
+  return s != null && typeof s == "object" && !M(s);
 }
-function j(n, e) {
+function j(s, e) {
   var i;
-  const t = G(n), s = ((i = n == null ? void 0 : n.toString) == null ? void 0 : i.call(n)) || String(n);
-  return e.replaceAll("%t", t).replaceAll("%v", s);
+  const t = G(s), n = ((i = s == null ? void 0 : s.toString) == null ? void 0 : i.call(s)) || String(s);
+  return e.replaceAll("%t", t).replaceAll("%v", n);
 }
 const ke = () => {
 };
-function Se(n, e) {
-  const t = (s) => {
+function Se(s, e) {
+  const t = (n) => {
     const i = {};
-    for (const o in s)
-      n.includes(o) || (i[o] = s[o]);
+    for (const o in n)
+      s.includes(o) || (i[o] = n[o]);
     return i;
   };
   return e == null ? t : t(e);
@@ -144,33 +144,33 @@ function Ze() {
   if (typeof global < "u" && global.console)
     return global.console;
 }
-function xe(n) {
+function xe(s) {
   return be({
-    str: n,
+    str: s,
     sat: { min: 0.35, max: 0.55 },
     light: { min: 0.6, max: 0.6 }
   });
 }
-function Je(n) {
-  if (n instanceof RegExp)
-    return (s) => n.test(s);
+function Je(s) {
+  if (s instanceof RegExp)
+    return (n) => s.test(n);
   const e = {
     positive: [],
     negative: []
-  }, t = n.split(",").map((s) => s.trim()).filter((s) => s !== "");
-  for (let s of t) {
+  }, t = s.split(",").map((n) => n.trim()).filter((n) => n !== "");
+  for (let n of t) {
     let i = "positive";
-    s.startsWith("-") && (i = "negative", s = s.slice(1)), s === "*" ? e[i].push(function() {
+    n.startsWith("-") && (i = "negative", n = n.slice(1)), n === "*" ? e[i].push(function() {
       return !0;
-    }) : s.endsWith("*") ? e[i].push(function(o) {
-      return o.startsWith(s.slice(0, s.length - 1));
+    }) : n.endsWith("*") ? e[i].push(function(o) {
+      return o.startsWith(n.slice(0, n.length - 1));
     }) : e[i].push(function(o) {
-      return o === s;
+      return o === n;
     });
   }
-  return function(s) {
+  return function(n) {
     const { positive: i, negative: o } = e;
-    return !(o.some((u) => u(s)) || i.length > 0 && !i.some((u) => u(s)));
+    return !(o.some((u) => u(n)) || i.length > 0 && !i.some((u) => u(n)));
   };
 }
 const P = {
@@ -197,25 +197,25 @@ const P = {
     }, 200));
   }
 }, T = Symbol("State"), B = Symbol("SettableState"), re = Symbol("Ref");
-function p(n) {
-  return (n == null ? void 0 : n[T]) === !0;
+function p(s) {
+  return (s == null ? void 0 : s[T]) === !0;
 }
-function R(n) {
-  return (n == null ? void 0 : n[B]) === !0;
+function R(s) {
+  return (s == null ? void 0 : s[B]) === !0;
 }
-function ue(n) {
-  return (n == null ? void 0 : n[re]) === !0;
+function ue(s) {
+  return (s == null ? void 0 : s[re]) === !0;
 }
-function Ee(n) {
-  return p(n) ? n.get() : n;
+function Ee(s) {
+  return p(s) ? s.get() : s;
 }
-function F(n) {
-  return R(n) ? new U(n) : p(n) ? n : new U({
+function F(s) {
+  return R(s) ? new U(s) : p(s) ? s : new U({
     get() {
-      return n;
+      return s;
     },
     watch(e, t = {}) {
-      return t != null && t.lazy || e(n), ke;
+      return t != null && t.lazy || e(s), ke;
     }
   });
 }
@@ -245,8 +245,8 @@ class A {
   }
   watch(e, t) {
     return this.watchers.push(e), t != null && t.lazy || e(this.value), P.increment(), () => {
-      const s = this.watchers.indexOf(e);
-      s > -1 && this.watchers.splice(s, 1), P.decrement();
+      const n = this.watchers.indexOf(e);
+      n > -1 && this.watchers.splice(n, 1), P.decrement();
     };
   }
 }
@@ -268,8 +268,8 @@ class U {
     return this.__value.watch(e, t);
   }
 }
-function I(n, e) {
-  const t = new A(n, e);
+function I(s, e) {
+  const t = new A(s, e);
   return [new U(t), (i) => t.set(i)];
 }
 var ee, te;
@@ -294,28 +294,28 @@ class $e {
     return this.__value.watch(e, t);
   }
 }
-function Qe(n, e) {
-  return new $e(new A(n, e));
+function Qe(s, e) {
+  return new $e(new A(s, e));
 }
-function Xe(n, e) {
+function Xe(s, e) {
   return {
     [T]: !0,
     [B]: !0,
-    get: n.get.bind(n),
-    watch: n.watch.bind(n),
+    get: s.get.bind(s),
+    watch: s.watch.bind(s),
     set: e
   };
 }
-function et(n, e) {
-  return function(s) {
-    const i = n.get();
+function et(s, e) {
+  return function(n) {
+    const i = s.get();
     let o;
-    typeof s == "function" ? o = s(i) : o = s, e(o, i);
+    typeof n == "function" ? o = n(i) : o = n, e(o, i);
   };
 }
 const J = Symbol("EMPTY");
 class Ne {
-  constructor(e, t, s) {
+  constructor(e, t, n) {
     r(this, "equals", A.defaultEquals);
     /**
      * Array of states this holder's value is derived from.
@@ -353,7 +353,7 @@ class Ne {
      * When value is a State, this function will stop watching its value.
      */
     r(this, "stopWatchingCurrentValue");
-    this.sources = e.map(F), this.fn = t, s != null && s.equals && (this.equals = s.equals), this.previousSourceValues = new Array(e.length).fill(J, 0, e.length);
+    this.sources = e.map(F), this.fn = t, n != null && n.equals && (this.equals = n.equals), this.previousSourceValues = new Array(e.length).fill(J, 0, e.length);
   }
   /*==========================*\
   ||     "Public" methods     ||
@@ -363,9 +363,9 @@ class Ne {
   }
   watch(e, t) {
     this.isWatchingSources || this.startWatchingSources();
-    const s = this.watchers;
-    return s.push(e), t != null && t.lazy || e(this.rawValue), P.increment(), () => {
-      s.splice(s.indexOf(e), 1), this.isWatchingSources && s.length === 0 && this.stopWatchingSources(), P.decrement();
+    const n = this.watchers;
+    return n.push(e), t != null && t.lazy || e(this.rawValue), P.increment(), () => {
+      n.splice(n.indexOf(e), 1), this.isWatchingSources && n.length === 0 && this.stopWatchingSources(), P.decrement();
     };
   }
   /*==========================*\
@@ -377,10 +377,10 @@ class Ne {
   }
   update() {
     const e = this.sources, t = this.previousSourceValues;
-    let s = !1, i;
+    let n = !1, i;
     for (let o = 0; o < e.length; o++)
-      i = e[o].get(), !s && !this.equals(i, t[o]) && (s = !0), t[o] = i;
-    s && this.setValue(this.fn(...t));
+      i = e[o].get(), !n && !this.equals(i, t[o]) && (n = !0), t[o] = i;
+    n && this.setValue(this.fn(...t));
   }
   getValue() {
     return this.isWatchingSources || this.update(), this.rawValue;
@@ -392,9 +392,9 @@ class Ne {
   }
   startWatchingSources() {
     const e = this.previousSourceValues;
-    for (let s = 0; s < this.sources.length; s++)
-      this.sourceWatcher.watch([this.sources[s]], (i) => {
-        if (e[s] = i, this.isWatchingSources) {
+    for (let n = 0; n < this.sources.length; n++)
+      this.sourceWatcher.watch([this.sources[n]], (i) => {
+        if (e[n] = i, this.isWatchingSources) {
           const o = this.fn(...e);
           this.equals(o, this.value) || this.setValue(o);
         }
@@ -407,9 +407,9 @@ class Ne {
     this.sourceWatcher.stopAll(), this.stopWatchingCurrentValue && (this.stopWatchingCurrentValue(), this.stopWatchingCurrentValue = void 0), this.isWatchingSources = !1;
   }
 }
-function Me(n, e, t) {
-  const s = new Ne(n, e, t);
-  return new U(s);
+function Me(s, e, t) {
+  const n = new Ne(s, e, t);
+  return new U(n);
 }
 var ne, se;
 se = re, ne = T;
@@ -438,30 +438,30 @@ function tt() {
   return new Ae(new A(void 0));
 }
 function K() {
-  const n = [];
+  const s = [];
   return {
     watch(e, t) {
       if (e.length === 0)
         throw new TypeError("Expected at least one state to watch.");
       e = e.map(F);
-      let s;
-      return e.length > 1 ? s = Me(e, t).watch(() => null) : s = e[0].watch(t), n.push(s), () => {
-        let i = n.indexOf(s);
-        i > -1 && n.splice(i, 1), s();
+      let n;
+      return e.length > 1 ? n = Me(e, t).watch(() => null) : n = e[0].watch(t), s.push(n), () => {
+        let i = s.indexOf(n);
+        i > -1 && s.splice(i, 1), n();
       };
     },
     stopAll() {
-      for (; n.length > 0; )
-        n.pop()();
+      for (; s.length > 0; )
+        s.pop()();
     }
   };
 }
-function Ve(n) {
-  for (var e, t, s = arguments, i = 1, o = "", u = "", a = [0], l = function(d) {
-    i === 1 && (d || (o = o.replace(/^\s*\n\s*|\s*\n\s*$/g, ""))) ? a.push(d ? s[d] : o) : i === 3 && (d || o) ? (a[1] = d ? s[d] : o, i = 2) : i === 2 && o === "..." && d ? a[2] = Object.assign(a[2] || {}, s[d]) : i === 2 && o && !d ? (a[2] = a[2] || {})[o] = !0 : i >= 5 && (i === 5 ? ((a[2] = a[2] || {})[t] = d ? o ? o + s[d] : s[d] : o, i = 6) : (d || o) && (a[2][t] += d ? o + s[d] : o)), o = "";
-  }, c = 0; c < n.length; c++) {
+function Ve(s) {
+  for (var e, t, n = arguments, i = 1, o = "", u = "", a = [0], l = function(d) {
+    i === 1 && (d || (o = o.replace(/^\s*\n\s*|\s*\n\s*$/g, ""))) ? a.push(d ? n[d] : o) : i === 3 && (d || o) ? (a[1] = d ? n[d] : o, i = 2) : i === 2 && o === "..." && d ? a[2] = Object.assign(a[2] || {}, n[d]) : i === 2 && o && !d ? (a[2] = a[2] || {})[o] = !0 : i >= 5 && (i === 5 ? ((a[2] = a[2] || {})[t] = d ? o ? o + n[d] : n[d] : o, i = 6) : (d || o) && (a[2][t] += d ? o + n[d] : o)), o = "";
+  }, c = 0; c < s.length; c++) {
     c && (i === 1 && l(), l(c));
-    for (var h = 0; h < n[c].length; h++) e = n[c][h], i === 1 ? e === "<" ? (l(), a = [a, "", null], i = 3) : o += e : i === 4 ? o === "--" && e === ">" ? (i = 1, o = "") : o = e + o[0] : u ? e === u ? u = "" : o += e : e === '"' || e === "'" ? u = e : e === ">" ? (l(), i = 1) : i && (e === "=" ? (i = 5, t = o, o = "") : e === "/" && (i < 5 || n[c][h + 1] === ">") ? (l(), i === 3 && (a = a[0]), i = a, (a = a[0]).push(this.apply(null, i.slice(1))), i = 0) : e === " " || e === "	" || e === `
+    for (var h = 0; h < s[c].length; h++) e = s[c][h], i === 1 ? e === "<" ? (l(), a = [a, "", null], i = 3) : o += e : i === 4 ? o === "--" && e === ">" ? (i = 1, o = "") : o = e + o[0] : u ? e === u ? u = "" : o += e : e === '"' || e === "'" ? u = e : e === ">" ? (l(), i = 1) : i && (e === "=" ? (i = 5, t = o, o = "") : e === "/" && (i < 5 || s[c][h + 1] === ">") ? (l(), i === 3 && (a = a[0]), i = a, (a = a[0]).push(this.apply(null, i.slice(1))), i = 0) : e === " " || e === "	" || e === `
 ` || e === "\r" ? (l(), i = 2) : o += e), i === 3 && o === "!--" && (i = 4, a = a[0]);
   }
   return l(), a.length > 2 ? a.slice(1) : a[1];
@@ -484,25 +484,25 @@ class Te {
     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((s) => {
-      (!this.initialUpdateHappened || s && !this.previousValue || !s && this.previousValue) && (this.update(s), this.initialUpdateHappened = !0, this.previousValue = s);
+    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) => {
+      (!this.initialUpdateHappened || n && !this.previousValue || !n && this.previousValue) && (this.update(n), this.initialUpdateHappened = !0, this.previousValue = n);
     }));
   }
-  unmount() {
-    var e, t;
+  unmount(e) {
+    var t, n;
     this.stopCallback && (this.stopCallback(), this.stopCallback = void 0);
-    for (const s of this.connectedContent)
-      s.unmount();
-    this.connectedContent = [], this.isMounted && ((e = this.node.parentNode) == null || e.removeChild(this.node), (t = this.endNode.parentNode) == null || t.removeChild(this.endNode));
+    for (const i of this.connectedContent)
+      i.unmount(e);
+    this.connectedContent = [], this.isMounted && ((t = this.node.parentNode) == null || t.removeChild(this.node), (n = this.endNode.parentNode) == null || n.removeChild(this.endNode));
   }
   update(e) {
     var t;
-    for (const s of this.connectedContent)
-      s.unmount();
+    for (const n of this.connectedContent)
+      n.unmount(!1);
     if (this.connectedContent = [], this.node.parentNode != null) {
       e && this.thenContent ? this.connectedContent = C(this.elementContext, this.thenContent) : !e && this.elseContent && (this.connectedContent = C(this.elementContext, this.elseContent));
-      for (let s = 0; s < this.connectedContent.length; s++) {
-        const i = this.connectedContent[s], o = ((t = this.connectedContent[s - 1]) == null ? void 0 : t.node) ?? this.node;
+      for (let n = 0; n < this.connectedContent.length; n++) {
+        const i = this.connectedContent[n], o = ((t = this.connectedContent[n - 1]) == null ? void 0 : t.node) ?? this.node;
         i.mount(this.node.parentNode, o);
       }
       this.elementContext.root.getEnv() === "development" && (this.node.textContent = `Conditional (${e ? "truthy" : "falsy"})`);
@@ -510,15 +510,15 @@ class Te {
   }
 }
 const Oe = "useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict";
-let ae = (n = 21) => {
-  let e = "", t = crypto.getRandomValues(new Uint8Array(n |= 0));
-  for (; n--; )
-    e += Oe[t[n] & 63];
+let ae = (s = 21) => {
+  let e = "", t = crypto.getRandomValues(new Uint8Array(s |= 0));
+  for (; s--; )
+    e += Oe[t[s] & 63];
   return e;
 };
-const Pe = (n) => /^on[A-Z]/.test(n);
+const Pe = (s) => /^on[A-Z]/.test(s);
 class Ue {
-  constructor({ tag: e, props: t, children: s, elementContext: i }) {
+  constructor({ tag: e, props: t, children: n, elementContext: i }) {
     r(this, "node");
     r(this, "props");
     r(this, "children");
@@ -537,7 +537,7 @@ class Ue {
     this.props = {
       ...Se(["ref", "class", "className"], t),
       class: t.className ?? t.class
-    }, this.children = s ? C(i, s) : [], this.elementContext = i;
+    }, this.children = n ? C(i, n) : [], this.elementContext = i;
   }
   get isMounted() {
     return this.node.parentNode != null;
@@ -546,43 +546,43 @@ class Ue {
     if (e == null)
       throw new Error(`HTML element requires a parent element as the first argument to connect. Got: ${e}`);
     if (!this.isMounted) {
-      for (const s of this.children)
-        s.mount(this.node);
+      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(() => {
       this.canClickAway = !0;
     }, 0);
   }
-  unmount() {
-    var e;
+  unmount(e) {
+    var t;
     if (this.isMounted) {
-      for (const t of this.children)
-        t.unmount();
-      this.ref && (this.ref.node = void 0), (e = this.node.parentNode) == null || e.removeChild(this.node), this.canClickAway = !1;
-      for (const t of this.stopCallbacks)
-        t();
+      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;
+      for (const n of this.stopCallbacks)
+        n();
       this.stopCallbacks = [];
     }
   }
   getUpdateKey(e, t) {
     return `${this.uniqueId}:${e}:${t}`;
   }
-  attachProp(e, t, s) {
+  attachProp(e, t, n) {
     p(e) ? this.stopCallbacks.push(
       e.watch((i) => {
         this.elementContext.root.render.write(() => {
           t(i);
-        }, s);
+        }, n);
       })
     ) : this.elementContext.root.render.write(() => {
       t(e);
-    }, s);
+    }, n);
   }
   applyProps(e, t) {
-    for (const s in t) {
-      const i = t[s];
-      if (s === "attributes") {
+    for (const n in t) {
+      const i = t[n];
+      if (n === "attributes") {
         const o = i;
         for (const u in o)
           this.attachProp(
@@ -592,7 +592,7 @@ class Ue {
             },
             this.getUpdateKey("attr", u)
           );
-      } else if (s === "eventListeners") {
+      } else if (n === "eventListeners") {
         const o = i;
         for (const u in o) {
           const a = p(i) ? (l) => i.get()(l) : i;
@@ -600,14 +600,14 @@ class Ue {
             e.removeEventListener(u, a);
           });
         }
-      } else if (s === "onClickOutside" || s === "onclickoutside") {
+      } else if (n === "onClickOutside" || n === "onclickoutside") {
         const o = (a) => {
           this.canClickAway && !e.contains(a.target) && (p(i) ? i.get()(a) : i(a));
         }, u = { capture: !0 };
         window.addEventListener("click", o, u), this.stopCallbacks.push(() => {
           window.removeEventListener("click", o, u);
         });
-      } else if (s === "$$value") {
+      } else if (n === "$$value") {
         if (!R(i))
           throw new TypeError(`$$value attribute must be a settable state. Got: ${i}`);
         this.attachProp(
@@ -624,38 +624,38 @@ class Ue {
         e.addEventListener("input", o), this.stopCallbacks.push(() => {
           e.removeEventListener("input", o);
         });
-      } else if (Pe(s)) {
-        const o = s.slice(2).toLowerCase(), u = p(i) ? (a) => i.get()(a) : i;
+      } else if (Pe(n)) {
+        const o = n.slice(2).toLowerCase(), u = p(i) ? (a) => i.get()(a) : i;
         e.addEventListener(o, u), this.stopCallbacks.push(() => {
           e.removeEventListener(o, u);
         });
-      } else if (s.includes("-"))
+      } else if (n.includes("-"))
         this.attachProp(
           i,
           (o) => {
-            o == null ? e.removeAttribute(s) : e.setAttribute(s, String(o));
+            o == null ? e.removeAttribute(n) : e.setAttribute(n, String(o));
           },
-          this.getUpdateKey("attr", s)
+          this.getUpdateKey("attr", n)
         );
-      else if (!Fe.includes(s))
+      else if (!Fe.includes(n))
         if (this.elementContext.isSVG)
           this.attachProp(
             i,
             (o) => {
-              o != null ? e.setAttribute(s, String(t[s])) : e.removeAttribute(s);
+              o != null ? e.setAttribute(n, String(t[n])) : e.removeAttribute(n);
             },
-            this.getUpdateKey("attr", s)
+            this.getUpdateKey("attr", n)
           );
         else
-          switch (s) {
+          switch (n) {
             case "contentEditable":
             case "value":
               this.attachProp(
                 i,
                 (o) => {
-                  e[s] = String(o);
+                  e[n] = String(o);
                 },
-                this.getUpdateKey("prop", s)
+                this.getUpdateKey("prop", n)
               );
               break;
             case "for":
@@ -682,7 +682,7 @@ class Ue {
             case "translate":
             case "type":
             case "title": {
-              const o = s.toLowerCase();
+              const o = n.toLowerCase();
               this.attachProp(
                 i,
                 (u) => {
@@ -699,35 +699,35 @@ class Ue {
                 (o) => {
                   typeof o == "string" ? e.autocomplete = o : o ? e.autocomplete = "on" : e.autocomplete = "off";
                 },
-                this.getUpdateKey("prop", s)
+                this.getUpdateKey("prop", n)
               );
               break;
             default: {
               this.attachProp(
                 i,
                 (o) => {
-                  e[s] = o;
+                  e[n] = o;
                 },
-                this.getUpdateKey("prop", s)
+                this.getUpdateKey("prop", n)
               );
               break;
             }
           }
     }
   }
-  applyStyles(e, t, s) {
+  applyStyles(e, t, n) {
     const i = [];
     if (p(t)) {
       let o;
       const u = t.watch((a) => {
         this.elementContext.root.render.write(
           () => {
-            x(o) && o(), e.style.cssText = "", o = this.applyStyles(e, a, s);
+            x(o) && o(), e.style.cssText = "", o = this.applyStyles(e, a, n);
           },
           this.getUpdateKey("styles", "*")
         );
       });
-      s.push(u), i.push(u);
+      n.push(u), i.push(u);
     } else {
       const o = ce(t);
       for (const u in o) {
@@ -738,28 +738,28 @@ class Ue {
               h ? e.style.setProperty(u, String(h), l) : e.style.removeProperty(u);
             });
           });
-          s.push(c), i.push(c);
+          n.push(c), i.push(c);
         } else a != null && e.style.setProperty(u, String(a));
       }
     }
     return function() {
       for (const u of i)
-        u(), s.splice(s.indexOf(u), 1);
+        u(), n.splice(n.indexOf(u), 1);
     };
   }
-  applyClasses(e, t, s) {
+  applyClasses(e, t, n) {
     const i = [];
     if (p(t)) {
       let o;
       const u = t.watch((a) => {
         this.elementContext.root.render.write(
           () => {
-            x(o) && o(), e.removeAttribute("class"), o = this.applyClasses(e, a, s);
+            x(o) && o(), e.removeAttribute("class"), o = this.applyClasses(e, a, n);
           },
           this.getUpdateKey("attr", "class")
         );
       });
-      s.push(u), i.push(u);
+      n.push(u), i.push(u);
     } else {
       const o = le(t);
       for (const u in o) {
@@ -770,56 +770,56 @@ class Ue {
               c ? e.classList.add(u) : e.classList.remove(u);
             });
           });
-          s.push(l), i.push(l);
+          n.push(l), i.push(l);
         } else a && e.classList.add(u);
       }
     }
     return function() {
       for (const u of i)
-        u(), s.splice(s.indexOf(u), 1);
+        u(), n.splice(n.indexOf(u), 1);
     };
   }
 }
-function le(n) {
+function le(s) {
   let e = {};
-  if ($(n)) {
-    const t = n.split(" ");
-    for (const s of t)
-      e[s] = !0;
-  } else W(n) ? Object.assign(e, n) : Array.isArray(n) && Array.from(n).filter(Boolean).forEach((t) => {
+  if ($(s)) {
+    const t = s.split(" ");
+    for (const n of t)
+      e[n] = !0;
+  } else W(s) ? Object.assign(e, s) : Array.isArray(s) && Array.from(s).filter(Boolean).forEach((t) => {
     Object.assign(e, le(t));
   });
   return delete e.undefined, e;
 }
-function ce(n) {
+function ce(s) {
   let e = {};
-  if ($(n)) {
-    const t = n.split(";").filter((s) => s.trim() !== "");
-    for (const s of t) {
-      const [i, o] = s.split(":"), u = {
+  if ($(s)) {
+    const t = s.split(";").filter((n) => n.trim() !== "");
+    for (const n of t) {
+      const [i, o] = n.split(":"), u = {
         value: o
       };
       o.includes("!important") ? (u.priority = "important", u.value = o.replace("!important", "").trim()) : u.value = o.trim(), e[Q(i.trim())] = u;
     }
   }
-  if (W(n))
-    for (const t in n)
-      t.startsWith("--") ? e[t] = { value: n[t] } : e[Q(t)] = { value: n[t] };
-  else Array.isArray(n) && Array.from(n).filter((t) => t != null).forEach((t) => {
+  if (W(s))
+    for (const t in s)
+      t.startsWith("--") ? e[t] = { value: s[t] } : e[Q(t)] = { value: s[t] };
+  else Array.isArray(s) && Array.from(s).filter((t) => t != null).forEach((t) => {
     Object.assign(e, ce(t));
   });
   return e;
 }
-function Q(n) {
-  return n.replace(/[A-Z]+(?![a-z])|[A-Z]/g, (e, t) => (t ? "-" : "") + e.toLowerCase());
+function Q(s) {
+  return s.replace(/[A-Z]+(?![a-z])|[A-Z]/g, (e, t) => (t ? "-" : "") + e.toLowerCase());
 }
-function We(n, e) {
-  const t = typeof n;
+function We(s, e) {
+  const t = typeof s;
   return t === "string" ? String(e) : t === "number" ? Number(e) : t === "boolean" ? !!e : e;
 }
 const Fe = ["ref", "children", "class", "style", "data"];
 class qe {
-  constructor({ states: e, renderFn: t, elementContext: s }) {
+  constructor({ states: e, renderFn: t, elementContext: n }) {
     r(this, "node");
     r(this, "endNode");
     r(this, "connectedViews", []);
@@ -827,7 +827,7 @@ class qe {
     r(this, "elementContext");
     r(this, "observerControls");
     r(this, "watcher", K());
-    this.elementContext = s, this.renderFn = t, this.node = document.createComment("Observer"), this.endNode = document.createComment("/Observer");
+    this.elementContext = n, this.renderFn = t, this.node = document.createComment("Observer"), this.endNode = document.createComment("/Observer");
     let i;
     this.observerControls = {
       start: () => {
@@ -851,22 +851,22 @@ class qe {
   mount(e, t) {
     this.isMounted || (e.insertBefore(this.node, (t == null ? void 0 : t.nextSibling) ?? null), this.observerControls.start());
   }
-  unmount() {
-    var e;
-    this.observerControls.stop(), this.watcher.stopAll(), this.isMounted && (this.cleanup(), (e = this.node.parentNode) == null || e.removeChild(this.node));
+  unmount(e) {
+    var t;
+    this.observerControls.stop(), this.watcher.stopAll(), this.isMounted && (this.cleanup(e), (t = this.node.parentNode) == null || t.removeChild(this.node));
   }
-  cleanup() {
-    var e;
+  cleanup(e) {
+    var t;
     for (; this.connectedViews.length > 0; )
-      (e = this.connectedViews.pop()) == null || e.unmount();
+      (t = this.connectedViews.pop()) == null || t.unmount(e);
   }
   update(...e) {
-    var s, i;
-    if (this.cleanup(), e == null || !this.isMounted)
+    var n, i;
+    if (this.cleanup(!1), e == null || !this.isMounted)
       return;
     const t = e.map((o) => he(o) ? o : N(o) ? E(C(this.elementContext, o)) : E(C(this.elementContext, V(o))));
     for (const o of t) {
-      const u = ((s = this.connectedViews.at(-1)) == null ? void 0 : s.node) || this.node;
+      const u = ((n = this.connectedViews.at(-1)) == null ? void 0 : n.node) || this.node;
       o.mount(this.node.parentNode, u), this.connectedViews.push(o);
     }
     if (this.elementContext.root.getEnv() === "development") {
@@ -890,29 +890,29 @@ class Le {
     return ((e = this.node) == null ? void 0 : e.parentNode) != null;
   }
   mount(e, t) {
-    this.isMounted || (e.insertBefore(this.node, (t == null ? void 0 : t.nextSibling) ?? null), this.stopCallback = this.$children.watch((s) => {
-      this.update(s);
+    this.isMounted || (e.insertBefore(this.node, (t == null ? void 0 : t.nextSibling) ?? null), this.stopCallback = this.$children.watch((n) => {
+      this.update(n);
     }));
   }
-  unmount() {
-    var e;
+  unmount(e) {
+    var t;
     if (this.stopCallback && (this.stopCallback(), this.stopCallback = void 0), this.isMounted) {
-      for (const t of this.mountedChildren)
-        t.unmount();
-      this.mountedChildren = [], (e = this.endNode.parentNode) == null || e.removeChild(this.endNode);
+      for (const n of this.mountedChildren)
+        n.unmount(e);
+      this.mountedChildren = [], (t = this.endNode.parentNode) == null || t.removeChild(this.endNode);
     }
   }
   update(e) {
-    var t, s, i;
+    var t, n, i;
     for (const o of this.mountedChildren)
-      o.unmount();
+      o.unmount(!1);
     for (let o = 0; o < e.length; o++) {
       const u = e[o], a = o > 0 ? e[o] : void 0;
       u.mount(this.node.parentElement, a == null ? void 0 : a.node);
     }
     this.mountedChildren = e, this.elementContext.root.getEnv() === "development" && (this.node.textContent = `Outlet (${e.length} ${e.length === 1 ? "child" : "children"})`, (i = this.node.parentElement) == null || i.insertBefore(
       this.endNode,
-      ((s = (t = this.mountedChildren[this.mountedChildren.length - 1]) == null ? void 0 : t.node) == null ? void 0 : s.nextSibling) ?? null
+      ((n = (t = this.mountedChildren[this.mountedChildren.length - 1]) == null ? void 0 : t.node) == null ? void 0 : n.nextSibling) ?? null
     ));
   }
 }
@@ -926,12 +926,12 @@ class Ie {
     return this.element ? this.element.isMounted : !1;
   }
   mount(e, t) {
-    const { content: s, parent: i } = this.config;
-    he(s) ? this.element = s : N(s) ? this.element = E(C(this.config.elementContext, s)) : this.element = E(C(this.config.elementContext, V(s))), this.element.mount(i);
+    const { content: n, parent: i } = this.config;
+    he(n) ? this.element = n : N(n) ? this.element = E(C(this.config.elementContext, n)) : this.element = E(C(this.config.elementContext, V(n))), this.element.mount(i);
   }
-  unmount() {
-    var e;
-    (e = this.element) != null && e.isMounted && this.element.unmount();
+  unmount(e) {
+    var t;
+    (t = this.element) != null && t.isMounted && this.element.unmount(e);
   }
 }
 class Ge {
@@ -939,8 +939,8 @@ class Ge {
     r(this, "__view");
     this.__view = e;
     const t = Object.getOwnPropertyDescriptors(this.__view._logger);
-    for (const s in t)
-      s !== "getName" && Object.defineProperty(this, s, t[s]);
+    for (const n in t)
+      n !== "getName" && Object.defineProperty(this, n, t[n]);
   }
   get uid() {
     return this.__view.uniqueId;
@@ -968,10 +968,10 @@ class Ge {
     let t = this.__view._elementContext;
     for (; e.push(t.data), t.parent; )
       t = t.parent;
-    const s = {};
+    const n = {};
     for (const i of e.reverse())
-      Object.assign(s, i);
-    return s;
+      Object.assign(n, i);
+    return n;
   }
   beforeMount(e) {
     this.__view._beforeMountCallbacks.push(e);
@@ -986,13 +986,13 @@ class Ge {
     this.__view._onUnmountCallbacks.push(e);
   }
   watch(e, t) {
-    const s = this.__view;
-    if (s.isMounted)
-      return s._watcher.watch(e, t);
+    const n = this.__view;
+    if (n.isMounted)
+      return n._watcher.watch(e, t);
     {
       let i, o = !1;
-      return s._onMountCallbacks.push(() => {
-        o || (i = s._watcher.watch(e, t));
+      return n._onMountCallbacks.push(() => {
+        o || (i = n._watcher.watch(e, t));
       }), () => {
         i != null && (o = !0, i());
       };
@@ -1003,7 +1003,7 @@ class Ge {
   }
 }
 class q {
-  constructor(e, t, s, i = []) {
+  constructor(e, t, n, i = []) {
     r(this, "uniqueId", ae());
     r(this, "_elementContext");
     r(this, "_logger");
@@ -1018,7 +1018,7 @@ class q {
     r(this, "_beforeUnmountCallbacks", []);
     r(this, "_onUnmountCallbacks", []);
     r(this, "isMounted", !1);
-    this._elementContext = { ...e, data: {}, parent: e }, this._logger = e.root.createLogger(t.name, { uid: this.uniqueId }), this._view = t, this._props = s;
+    this._elementContext = { ...e, data: {}, parent: e }, this._logger = e.root.createLogger(t.name, { uid: this.uniqueId }), this._view = t, this._props = n;
     const [o, u] = I(C(e, i));
     this._$children = o, this._setChildren = u;
   }
@@ -1030,19 +1030,19 @@ class q {
     return (e = this._element) == null ? void 0 : e.node;
   }
   mount(e, t) {
-    const s = this.isMounted;
-    if (!s)
+    const n = this.isMounted;
+    if (!n)
       for (this.initialize(); this._beforeMountCallbacks.length > 0; )
         this._beforeMountCallbacks.shift()();
-    this._element && this._element.mount(e, t), s || (this.isMounted = !0, requestAnimationFrame(() => {
+    this._element && this._element.mount(e, t), n || (this.isMounted = !0, requestAnimationFrame(() => {
       for (; this._onMountCallbacks.length > 0; )
         this._onMountCallbacks.shift()();
     }));
   }
-  unmount() {
+  unmount(e) {
     for (; this._beforeUnmountCallbacks.length > 0; )
       this._beforeUnmountCallbacks.shift()();
-    for (this._element && this._element.unmount(), this.isMounted = !1; this._onUnmountCallbacks.length > 0; )
+    for (this._element && this._element.unmount(e), this.isMounted = !1; this._onUnmountCallbacks.length > 0; )
       this._onUnmountCallbacks.shift()();
     this._watcher.stopAll();
   }
@@ -1058,8 +1058,8 @@ class q {
     let t;
     try {
       t = this._view(this._props, e);
-    } catch (s) {
-      throw s instanceof Error && this._logger.crash(s), s;
+    } catch (n) {
+      throw n instanceof Error && this._logger.crash(n), n;
     }
     if (t !== null) if (t instanceof Node)
       this._element = E(C(this._elementContext, y("$node", { value: t })));
@@ -1067,18 +1067,18 @@ class q {
       this._element = E(C(this._elementContext, t));
     else if (p(t))
       this._element = E(
-        C(this._elementContext, y("$observer", { states: [t], renderFn: (s) => s }))
+        C(this._elementContext, y("$observer", { states: [t], renderFn: (n) => n }))
       );
     else {
-      const s = new TypeError(
+      const n = new TypeError(
         `Expected '${this._view.name}' function to return a DOM node, Markup element, Readable or null. Got: ${G(t)}`
       );
-      this._logger.crash(s);
+      this._logger.crash(n);
     }
   }
 }
 class je {
-  constructor({ elementContext: e, $items: t, renderFn: s, keyFn: i }) {
+  constructor({ elementContext: e, $items: t, renderFn: n, keyFn: i }) {
     r(this, "node");
     r(this, "endNode");
     r(this, "$items");
@@ -1087,40 +1087,40 @@ class je {
     r(this, "elementContext");
     r(this, "renderFn");
     r(this, "keyFn");
-    this.elementContext = e, this.$items = t, this.renderFn = s, this.keyFn = i, 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 = e, this.$items = t, this.renderFn = n, this.keyFn = i, 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((s) => {
-      this._update(Array.from(s));
+    this.isMounted || (e.insertBefore(this.node, (t == null ? void 0 : t.nextSibling) ?? null), this.stopCallback = this.$items.watch((n) => {
+      this._update(Array.from(n));
     }));
   }
-  unmount() {
-    var e, t;
-    this.stopCallback && (this.stopCallback(), this.stopCallback = void 0), this.isMounted && ((e = this.node.parentNode) == null || e.removeChild(this.node), (t = this.endNode.parentNode) == null || t.removeChild(this.endNode)), this._cleanup();
+  unmount(e) {
+    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);
   }
-  _cleanup() {
-    for (const e of this.connectedItems)
-      e.element.unmount();
+  _cleanup(e) {
+    for (const t of this.connectedItems)
+      t.element.unmount(e);
     this.connectedItems = [];
   }
   _update(e) {
     var o, u, a;
     if (e.length === 0 || !this.isMounted)
-      return this._cleanup();
+      return this._cleanup(!1);
     const t = [];
-    let s = 0;
+    let n = 0;
     for (const l of e)
       t.push({
-        key: this.keyFn(l, s),
+        key: this.keyFn(l, n),
         value: l,
-        index: s++
+        index: n++
       });
     const i = [];
     for (const l of this.connectedItems)
-      t.find((h) => h.key === l.key) || l.element.unmount();
+      t.find((h) => h.key === l.key) || l.element.unmount(!1);
     for (const l of t) {
       const c = this.connectedItems.find((h) => h.key === l.key);
       if (c)
@@ -1152,8 +1152,8 @@ class je {
     }
   }
 }
-function Be({ $value: n, $index: e, renderFn: t }, s) {
-  return t(n, e, s);
+function Be({ $value: s, $index: e, renderFn: t }, n) {
+  return t(s, e, n);
 }
 class Re {
   constructor({ value: e }) {
@@ -1166,25 +1166,25 @@ class Re {
     return this.node.parentNode != null;
   }
   async mount(e, t = null) {
-    this.isMounted || (p(this.value) ? this.stopCallback = this.value.watch((s) => {
-      this.update(s);
+    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);
   }
-  async unmount() {
-    this.isMounted && (this.stopCallback && (this.stopCallback(), this.stopCallback = void 0), this.node.parentNode.removeChild(this.node));
+  async unmount(e) {
+    this.isMounted && (this.stopCallback && (this.stopCallback(), this.stopCallback = void 0), e || this.node.parentNode.removeChild(this.node));
   }
   update(e) {
     e != null ? this.node.textContent = e.toString() : this.node.textContent = "";
   }
 }
-function N(n) {
-  return W(n) && (typeof n.type == "string" || typeof n.type == "function") && Array.isArray(n.children);
+function N(s) {
+  return W(s) && (typeof s.type == "string" || typeof s.type == "function") && Array.isArray(s.children);
 }
-function he(n) {
-  return W(n) && x(n.connect) && x(n.disconnect);
+function he(s) {
+  return W(s) && x(s.connect) && x(s.disconnect);
 }
-function V(n) {
-  return M(n) || (n = [n]), n.flat(1 / 0).filter((e) => e != null && e !== !1).map((e) => {
+function V(s) {
+  return M(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 de)
@@ -1201,38 +1201,38 @@ function V(n) {
     throw console.error(e), new TypeError(`Unexpected child type. Got: ${e}`);
   });
 }
-function y(n, e, ...t) {
+function y(s, e, ...t) {
   return e != null && Ke(e), {
-    type: n,
+    type: s,
     props: e,
     children: V(t)
   };
 }
-function Ke(n) {
-  if (n.ref && !ue(n.ref))
-    throw console.warn(n.ref), new TypeError(`Prop 'ref' must be a Ref object. Got: ${n.ref}`);
-  for (const e in n)
-    if (e.startsWith("$$") && n[e] !== void 0) {
-      if (!R(n[e]))
-        throw new TypeError(`Prop '${e}' is named as a SettableState but value is not. Got: ${n[e]}`);
-    } else if (e.startsWith("$") && n[e] !== void 0 && !p(n[e]))
-      throw new TypeError(`Prop '${e}' is named as a State but value is not. Got: ${n[e]}`);
+function Ke(s) {
+  if (s.ref && !ue(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 (!R(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 nt = Ve.bind(y);
-function st(n, e, t) {
-  const s = F(n);
+function st(s, e, t) {
+  const n = F(s);
   return y("$cond", {
-    $predicate: s,
+    $predicate: n,
     thenContent: e,
     elseContent: t
   });
 }
-function it(n, e, t) {
-  const s = F(n);
-  return y("$repeat", { $items: s, keyFn: e, renderFn: t });
+function it(s, e, t) {
+  const n = F(s);
+  return y("$repeat", { $items: n, keyFn: e, renderFn: t });
 }
-function ot(n, e) {
-  return y("$portal", { parent: n, content: e });
+function ot(s, e) {
+  return y("$portal", { parent: s, content: e });
 }
 class de {
   constructor(e) {
@@ -1249,80 +1249,80 @@ class de {
     this.node.parentNode && this.node.parentNode.removeChild(this.node);
   }
 }
-function C(n, e) {
-  return (M(e) ? e : [e]).map((s) => {
-    if (x(s.type))
-      return new q(n, s.type, s.props, s.children);
-    if ($(s.type))
-      switch (s.type) {
+function C(s, e) {
+  return (M(e) ? e : [e]).map((n) => {
+    if (x(n.type))
+      return new q(s, n.type, n.props, n.children);
+    if ($(n.type))
+      switch (n.type) {
         case "$node": {
-          const i = s.props;
+          const i = n.props;
           return new de(i.value);
         }
         case "$text": {
-          const i = s.props;
+          const i = n.props;
           return new Re({
             value: i.value
           });
         }
         case "$cond": {
-          const i = s.props;
+          const i = n.props;
           return new Te({
             $predicate: i.$predicate,
             thenContent: i.thenContent,
             elseContent: i.elseContent,
-            elementContext: n
+            elementContext: s
           });
         }
         case "$repeat": {
-          const i = s.props;
+          const i = n.props;
           return new je({
             $items: i.$items,
             keyFn: i.keyFn,
             renderFn: i.renderFn,
-            elementContext: n
+            elementContext: s
           });
         }
         case "$observer": {
-          const i = s.props;
+          const i = n.props;
           return new qe({
             states: i.states,
             renderFn: i.renderFn,
-            elementContext: n
+            elementContext: s
           });
         }
         case "$outlet": {
-          const i = s.props;
+          const i = n.props;
           return new Le({
             $children: i.$children,
-            elementContext: n
+            elementContext: s
           });
         }
         case "$portal": {
-          const i = s.props;
+          const i = n.props;
           return new Ie({
             content: i.content,
             parent: i.parent,
-            elementContext: n
+            elementContext: s
           });
         }
         default:
-          if (s.type.startsWith("$"))
-            throw new Error(`Unknown markup type: ${s.type}`);
+          if (n.type.startsWith("$"))
+            throw new Error(`Unknown markup type: ${n.type}`);
           return new Ue({
-            tag: s.type,
-            props: s.props ?? {},
-            children: s.children,
-            elementContext: n
+            tag: n.type,
+            props: n.props ?? {},
+            children: n.children,
+            elementContext: s
           });
       }
     else
-      throw new TypeError(`Expected a string or view function. Got: ${s.type}`);
+      throw new TypeError(`Expected a string or view function. Got: ${n.type}`);
   });
 }
-function E(n) {
-  if (n.length === 1)
-    return n[0];
+function E(s) {
+  if (s.length === 1)
+    return s[0];
   const e = document.createComment("Fragment");
   let t = !1;
   return {
@@ -1332,29 +1332,29 @@ function E(n) {
     get isMounted() {
       return t;
     },
-    mount(s, i) {
+    mount(n, i) {
       var o;
-      s.insertBefore(e, i || null);
-      for (const u of n) {
-        const a = ((o = n[n.length - 1]) == null ? void 0 : o.node) ?? e;
-        u.mount(s, a);
+      n.insertBefore(e, i || null);
+      for (const u of s) {
+        const a = ((o = s[s.length - 1]) == null ? void 0 : o.node) ?? e;
+        u.mount(n, a);
       }
       t = !0;
     },
-    unmount() {
+    unmount(n) {
       if (t) {
-        for (const s of n)
-          s.unmount();
+        for (const i of s)
+          i.unmount(!0);
         e.remove();
       }
       t = !1;
     }
   };
 }
-function fe(n) {
-  return n == null || n === !1 || typeof n == "string" || typeof n == "number" || N(n) || p(n) || ie(fe, n);
+function fe(s) {
+  return s == null || s === !1 || typeof s == "string" || typeof s == "number" || N(s) || p(s) || ie(fe, s);
 }
-function rt(n, e) {
+function rt(s, e) {
   return e.outlet();
 }
 export {
@@ -1390,4 +1390,4 @@ export {
   E as y,
   C as z
 };
-//# sourceMappingURL=passthrough-DcOD0Wf3.js.map
+//# sourceMappingURL=passthrough-DrILnMr2.js.map