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

package/dist/{passthrough-6Lrg96Id.js → passthrough-C9975ULD.js}

@@ -1,157 +1,239 @@
-var me = Object.defineProperty;
-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);
+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) {
   return s && s.__esModule && Object.prototype.hasOwnProperty.call(s, "default") ? s.default : s;
 }
-var O = { exports: {} }, Z;
-function ye() {
-  return Z || (Z = 1, function(s, e) {
+var O = { exports: {} }, Q;
+function qe() {
+  return Q || (Q = 1, function(s, e) {
     Object.defineProperty(e, "__esModule", { value: !0 });
     var t = /* @__PURE__ */ function() {
-      function l(c, h) {
-        var d = [], f = !0, m = !1, v = void 0;
+      function a(l, h) {
+        var f = [], d = !0, m = !1, S = void 0;
         try {
-          for (var S, b = c[Symbol.iterator](); !(f = (S = b.next()).done) && (d.push(S.value), !(h && d.length === h)); f = !0) ;
+          for (var E, C = l[Symbol.iterator](); !(d = (E = C.next()).done) && (f.push(E.value), !(h && f.length === h)); d = !0) ;
         } catch (g) {
-          m = !0, v = g;
+          m = !0, S = g;
         } finally {
           try {
-            !f && b.return && b.return();
+            !d && C.return && C.return();
           } finally {
-            if (m) throw v;
+            if (m) throw S;
           }
         }
-        return d;
+        return f;
       }
-      return function(c, h) {
-        if (Array.isArray(c)) return c;
-        if (Symbol.iterator in Object(c)) return l(c, h);
+      return function(l, h) {
+        if (Array.isArray(l)) return l;
+        if (Symbol.iterator in Object(l)) return a(l, h);
         throw new TypeError("Invalid attempt to destructure non-iterable instance");
       };
-    }(), n = function(l) {
-      return l.reduce(function(c, h) {
-        return 16 > h ? c + "0" + h.toString(16) : c + h.toString(16);
+    }(), n = function(a) {
+      return a.reduce(function(l, h) {
+        return 16 > h ? l + "0" + h.toString(16) : l + h.toString(16);
       }, "#");
-    }, i = function(l, c, h) {
-      var d = 0.5 > h ? h * (1 + c) : h + c - h * c, f = 2 * h - d, m = function(g, k, _) {
-        var L = Math.round, w = 0 > _ ? _ + 1 : 1 < _ ? _ - 1 : _;
-        return w = w < 1 / 6 ? g + 6 * (k - g) * w : w < 1 / 2 ? k : w < 2 / 3 ? g + 6 * (k - g) * (2 / 3 - w) : g, L(255 * w);
-      }, v = m(f, d, l + 1 / 3), S = m(f, d, l), b = m(f, d, l - 1 / 3);
-      return [v, S, b];
-    }, o = function(l, c, h, d) {
-      var f = l % 1007 / 1007, m = function(g, k, _) {
-        return g * (_ - k) + k;
-      }, v = m(f, c.min, c.max), S = m(f, h.min, h.max), b = m(f, d.max, d.min);
-      return [v, S, b];
-    }, u = function(l) {
-      return l.split("").reduce(function(c, h, d) {
-        return c * h.charCodeAt(0) * d + 1;
+    }, r = function(a, l, h) {
+      var f = 0.5 > h ? h * (1 + l) : h + l - h * l, d = 2 * h - f, m = function(g, k, v) {
+        var j = Math.round, w = 0 > v ? v + 1 : 1 < v ? v - 1 : v;
+        return w = w < 1 / 6 ? g + 6 * (k - g) * w : w < 1 / 2 ? k : w < 2 / 3 ? g + 6 * (k - g) * (2 / 3 - w) : g, j(255 * w);
+      }, S = m(d, f, a + 1 / 3), E = m(d, f, a), C = m(d, f, a - 1 / 3);
+      return [S, E, C];
+    }, i = function(a, l, h, f) {
+      var d = a % 1007 / 1007, m = function(g, k, v) {
+        return g * (v - k) + k;
+      }, S = m(d, l.min, l.max), E = m(d, h.min, h.max), C = m(d, f.max, f.min);
+      return [S, E, C];
+    }, u = function(a) {
+      return a.split("").reduce(function(l, h, f) {
+        return l * h.charCodeAt(0) * f + 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 = n(Y);
-      return _ === "hsl" ? [D, H, z] : _ === "rgb" ? Y : pe;
+    }, 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;
     };
-    e.default = a, s.exports = e.default;
+    e.default = c, s.exports = e.default;
   }(O, O.exports)), O.exports;
 }
-var Ce = ye();
-const be = /* @__PURE__ */ we(Ce);
-function G(s) {
-  if (s === void 0)
-    return "undefined";
-  if (s === null)
-    return "null";
+var Ue = qe();
+const We = /* @__PURE__ */ we(Ue);
+function N(s) {
   const e = typeof s;
   switch (e) {
+    case "undefined":
+      return e;
     case "number":
-      return isNaN(s) ? "NaN" : "number";
+      return isNaN(s) ? "NaN" : e;
     case "function":
-      return oe(s) ? "class" : e;
+      return /^\s*class\s+/.test(s.toString()) ? "class" : e;
     case "object":
-      return M(s) ? "array" : ve(s) ? "promise" : e;
+      return s === null ? "null" : s instanceof Promise ? "promise" : s instanceof Map ? "map" : s instanceof Set ? "set" : Array.isArray(s) ? "array" : e;
     default:
       return e;
   }
 }
-function M(s) {
+function lt(s, e) {
+  if (!s)
+    throw new TypeError(
+      F(s, e || "Failed assertion. Value is not truthy. Got type: %t, value: %v")
+    );
+}
+function V(s) {
   return Array.isArray(s);
 }
-function ie(...s) {
-  const e = s[0], t = (n) => M(n) && n.every((i) => e(i));
+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 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)))
+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)))
       return !0;
-    throw new TypeError(j(i, t));
+    throw new TypeError(F(r, t));
   };
   return s.length < 2 ? n : n(s[1]);
 }
-function $(s) {
+function x(s) {
   return typeof s == "string";
 }
-function ze(s, e) {
-  if ($(s))
+function ft(s, e) {
+  if (x(s))
     return !0;
-  throw new TypeError(j(s, e ?? "Expected a string. Got type: %t, value: %v"));
+  throw new TypeError(F(s, e ?? "Expected a string. Got type: %t, value: %v"));
 }
-function x(s) {
-  return typeof s == "function" && !oe(s);
+function P(s) {
+  return typeof s == "function" && !Fe(s);
 }
 function _e(s) {
   return typeof s == "number" && !isNaN(s);
 }
-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(s) {
+function Fe(s) {
   return typeof s == "function" && /^\s*class\s+/.test(s.toString());
 }
-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)
+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)
       return !0;
-    throw new TypeError(j(i, t));
+    throw new TypeError(F(r, t));
   };
   return s.length < 2 ? n : n(s[1]);
 }
-function W(s) {
-  return s != null && typeof s == "object" && !M(s);
+function Ce(s) {
+  return s != null && typeof s == "object" && !V(s);
 }
-function j(s, e) {
-  var i;
-  const t = G(s), n = ((i = s == null ? void 0 : s.toString) == null ? void 0 : i.call(s)) || String(s);
+function F(s, e) {
+  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);
 }
-const ke = () => {
+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;
+      var n, r, i;
+      if (Array.isArray(e)) {
+        if (n = e.length, n != t.length) return !1;
+        for (r = n; r-- !== 0; )
+          if (!s(e[r], t[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;
+        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;
+        return !0;
+      }
+      if (ArrayBuffer.isView(e) && ArrayBuffer.isView(t)) {
+        if (n = e.length, n != t.length) return !1;
+        for (r = n; r-- !== 0; )
+          if (e[r] !== t[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;
+      for (r = n; r-- !== 0; )
+        if (!Object.prototype.hasOwnProperty.call(t, i[r])) return !1;
+      for (r = n; r-- !== 0; ) {
+        var u = i[r];
+        if (!s(e[u], t[u])) return !1;
+      }
+      return !0;
+    }
+    return e !== e && t !== t;
+  }), I;
+}
+var je = Le();
+const Ie = /* @__PURE__ */ we(je), Re = () => {
 };
-function Se(s, e) {
+let R = 1;
+function ve() {
+  return R = R % Number.MAX_SAFE_INTEGER + 1, R.toString(36) + Date.now().toString(36);
+}
+function be(s, e) {
+  return s === e;
+}
+function pt(s, e) {
+  if (s === e) return !0;
+  const t = N(s);
+  if (t !== N(e))
+    return !1;
+  switch (t) {
+    case "object":
+      let n = 0;
+      for (const r in s) {
+        if (s[r] !== e[r]) return !1;
+        n++;
+      }
+      return Object.keys(e).length === n;
+    case "array":
+      if (s.length !== e.length) return !1;
+      for (let r = 0; r < s.length; r++)
+        if (s[r] !== e[r]) return !1;
+      return !0;
+    case "map":
+      if (s.size !== e.size) return !1;
+      for (const r of s.keys())
+        if (s[r] !== e[r]) return !1;
+      return !0;
+    case "set":
+      if (P(s.symmetricDifference))
+        return s.symmetricDifference(e).size === 0;
+      for (const r of s.keys())
+        if (s[r] !== e.get(r)) return !1;
+      return !0;
+  }
+  return !1;
+}
+const mt = Ie;
+function Ge(s, e) {
   const t = (n) => {
-    const i = {};
-    for (const o in n)
-      s.includes(o) || (i[o] = n[o]);
-    return i;
+    const r = {};
+    for (const i in n)
+      s.includes(i) || (r[i] = n[i]);
+    return r;
   };
   return e == null ? t : t(e);
 }
-function Ze() {
-  if (typeof window < "u" && window.console)
-    return window.console;
-  if (typeof global < "u" && global.console)
-    return global.console;
-}
-function xe(s) {
-  return be({
+function De(s) {
+  return We({
     str: s,
     sat: { min: 0.35, max: 0.55 },
     light: { min: 0.6, max: 0.6 }
   });
 }
-function Je(s) {
+function gt(s) {
   if (s instanceof RegExp)
     return (n) => s.test(n);
   const e = {
@@ -159,21 +241,21 @@ function Je(s) {
     negative: []
   }, t = s.split(",").map((n) => n.trim()).filter((n) => n !== "");
   for (let n of t) {
-    let i = "positive";
-    n.startsWith("-") && (i = "negative", n = n.slice(1)), n === "*" ? e[i].push(function() {
+    let r = "positive";
+    n.startsWith("-") && (r = "negative", n = n.slice(1)), n === "*" ? e[r].push(function() {
       return !0;
-    }) : n.endsWith("*") ? e[i].push(function(o) {
-      return o.startsWith(n.slice(0, n.length - 1));
-    }) : e[i].push(function(o) {
-      return o === n;
+    }) : n.endsWith("*") ? e[r].push(function(i) {
+      return i.startsWith(n.slice(0, n.length - 1));
+    }) : e[r].push(function(i) {
+      return i === n;
     });
   }
   return function(n) {
-    const { positive: i, negative: o } = e;
-    return !(o.some((u) => u(n)) || i.length > 0 && !i.some((u) => u(n)));
+    const { positive: r, negative: i } = e;
+    return !(i.some((u) => u(n)) || r.length > 0 && !r.some((u) => u(n)));
   };
 }
-const P = {
+const T = Symbol.for("DollaState"), D = Symbol.for("DollaSettableState"), Se = Symbol.for("DollaRef"), ke = Symbol.for("DollaMarkup"), b = Symbol.for("DollaMarkupElement"), q = {
   watcherCount: 0,
   increment() {
     this.watcherCount++, this._log();
@@ -188,7 +270,7 @@ const P = {
       console.log(
         `%c[DOLLA_DEV_DEBUG] %c${this._label}%c%c%c`,
         "color:#e44c4c;font-weight:bold",
-        `color:${xe(this._label)};font-weight:bold`,
+        `color:${De(this._label)};font-weight:bold`,
         "color:#777",
         "color:#aaa",
         "color:#777",
@@ -196,39 +278,36 @@ const P = {
       ), this._timeout = null;
     }, 200));
   }
-}, T = Symbol("State"), B = Symbol("SettableState"), re = Symbol("Ref");
+};
 function p(s) {
   return (s == null ? void 0 : s[T]) === !0;
 }
-function R(s) {
-  return (s == null ? void 0 : s[B]) === !0;
-}
-function ue(s) {
-  return (s == null ? void 0 : s[re]) === !0;
+function B(s) {
+  return (s == null ? void 0 : s[D]) === !0;
 }
 function Ee(s) {
+  return (s == null ? void 0 : s[Se]) === !0;
+}
+function Be(s) {
   return p(s) ? s.get() : s;
 }
-function F(s) {
-  return R(s) ? new U(s) : p(s) ? s : new U({
+function L(s) {
+  return B(s) ? new U(s) : p(s) ? s : new U({
     get() {
       return s;
     },
     watch(e, t = {}) {
-      return t != null && t.lazy || e(s), ke;
+      return t != null && t.lazy || e(s), Re;
     }
   });
 }
-class A {
+class z {
   constructor(e, t) {
-    r(this, "value");
-    r(this, "watchers", []);
-    r(this, "equals", A.defaultEquals);
+    o(this, "value");
+    o(this, "watchers", []);
+    o(this, "equals", be);
     this.value = e, t != null && t.equals && (this.equals = t.equals);
   }
-  static defaultEquals(e, t) {
-    return e === t;
-  }
   get() {
     return this.value;
   }
@@ -244,19 +323,19 @@ class A {
     }
   }
   watch(e, t) {
-    return this.watchers.push(e), t != null && t.lazy || e(this.value), P.increment(), () => {
+    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), P.decrement();
+      n > -1 && this.watchers.splice(n, 1), q.decrement();
     };
   }
 }
-var X;
-X = T;
+var se;
+se = T;
 class U {
   constructor(e) {
     // Instances will pass isState() with this symbol
-    r(this, X, !0);
-    r(this, "__value");
+    o(this, se, !0);
+    o(this, "__value");
     if (e == null)
       throw new TypeError("Value is null");
     this.__value = e;
@@ -268,18 +347,18 @@ class U {
     return this.__value.watch(e, t);
   }
 }
-function I(s, e) {
-  const t = new A(s, e);
-  return [new U(t), (i) => t.set(i)];
+function G(s, e) {
+  const t = new z(s, e);
+  return [new U(t), (r) => t.set(r)];
 }
-var ee, te;
-te = T, ee = B;
-class $e {
+var re, ie;
+ie = T, re = D;
+class ze {
   constructor(e) {
     // Instances will pass isState() and isSettableState() with these symbols
-    r(this, te, !0);
-    r(this, ee, !0);
-    r(this, "__value");
+    o(this, ie, !0);
+    o(this, re, !0);
+    o(this, "__value");
     if (e == null)
       throw new TypeError("Value is null");
     this.__value = e;
@@ -294,66 +373,66 @@ class $e {
     return this.__value.watch(e, t);
   }
 }
-function Qe(s, e) {
-  return new $e(new A(s, e));
+function wt(s, e) {
+  return new ze(new z(s, e));
 }
-function Xe(s, e) {
+function yt(s, e) {
   return {
     [T]: !0,
-    [B]: !0,
+    [D]: !0,
     get: s.get.bind(s),
     watch: s.watch.bind(s),
     set: e
   };
 }
-function et(s, e) {
+function _t(s, e) {
   return function(n) {
-    const i = s.get();
-    let o;
-    typeof n == "function" ? o = n(i) : o = n, e(o, i);
+    const r = s.get();
+    let i;
+    typeof n == "function" ? i = n(r) : i = n, e(i, r);
   };
 }
-const J = Symbol("EMPTY");
-class Ne {
+const te = Symbol("EMPTY");
+class Ke {
   constructor(e, t, n) {
-    r(this, "equals", A.defaultEquals);
+    o(this, "equals", be);
     /**
      * Array of states this holder's value is derived from.
      */
-    r(this, "sources", []);
+    o(this, "sources", []);
     /**
      * The function that does the deriving. Receives source values and returns a derived value.
      */
-    r(this, "fn");
+    o(this, "fn");
     /**
      *
      */
-    r(this, "sourceWatcher", K());
+    o(this, "sourceWatcher", K());
     /**
      * Array of functions awaiting notification when this holder's value changes.
      */
-    r(this, "watchers", []);
+    o(this, "watchers", []);
     /**
      * True when this holder is actively watching sources.
      */
-    r(this, "isWatchingSources", !1);
+    o(this, "isWatchingSources", !1);
     /**
      * Latest values as received from sources.
      */
-    r(this, "previousSourceValues");
+    o(this, "previousSourceValues");
     /**
      * The current value as returned from `fn` (may be a State)
      */
-    r(this, "value", J);
+    o(this, "value", te);
     /**
      * The current unwrapped value.
      */
-    r(this, "rawValue");
+    o(this, "rawValue");
     /**
      * When value is a State, this function will stop watching its value.
      */
-    r(this, "stopWatchingCurrentValue");
-    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);
+    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);
   }
   /*==========================*\
   ||     "Public" methods     ||
@@ -364,8 +443,8 @@ class Ne {
   watch(e, t) {
     this.isWatchingSources || this.startWatchingSources();
     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();
+    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();
     };
   }
   /*==========================*\
@@ -377,26 +456,26 @@ class Ne {
   }
   update() {
     const e = this.sources, t = this.previousSourceValues;
-    let n = !1, i;
-    for (let o = 0; o < e.length; o++)
-      i = e[o].get(), !n && !this.equals(i, t[o]) && (n = !0), t[o] = i;
+    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));
   }
   getValue() {
     return this.isWatchingSources || this.update(), this.rawValue;
   }
   setValue(e) {
-    this.stopWatchingCurrentValue && (this.stopWatchingCurrentValue(), this.stopWatchingCurrentValue = void 0), this.value = e, this.rawValue = Ee(e), this.isWatchingSources && p(e) ? this.stopWatchingCurrentValue = e.watch((t) => {
+    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);
     }) : this.notify(this.rawValue);
   }
   startWatchingSources() {
     const e = this.previousSourceValues;
     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);
+      this.sourceWatcher.watch([this.sources[n]], (r) => {
+        if (e[n] = r, this.isWatchingSources) {
+          const i = this.fn(...e);
+          this.equals(i, this.value) || this.setValue(i);
         }
       });
     this.isWatchingSources = !0;
@@ -407,18 +486,18 @@ class Ne {
     this.sourceWatcher.stopAll(), this.stopWatchingCurrentValue && (this.stopWatchingCurrentValue(), this.stopWatchingCurrentValue = void 0), this.isWatchingSources = !1;
   }
 }
-function Me(s, e, t) {
-  const n = new Ne(s, e, t);
+function He(s, e, t) {
+  const n = new Ke(s, e, t);
   return new U(n);
 }
-var ne, se;
-se = re, ne = T;
-class Ae {
+var oe, ue;
+ue = Se, oe = T;
+class Ye {
   constructor(e) {
     // Instances will pass isRef() and isState() with these symbols
-    r(this, se, !0);
-    r(this, ne, !0);
-    r(this, "__value");
+    o(this, ue, !0);
+    o(this, oe, !0);
+    o(this, "__value");
     this.__value = e;
   }
   get() {
@@ -434,8 +513,8 @@ class Ae {
     this.__value.set(e);
   }
 }
-function tt() {
-  return new Ae(new A(void 0));
+function Ct() {
+  return new Ye(new z(void 0));
 }
 function K() {
   const s = [];
@@ -443,11 +522,11 @@ function K() {
     watch(e, t) {
       if (e.length === 0)
         throw new TypeError("Expected at least one state to watch.");
-      e = e.map(F);
+      e = e.map(L);
       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();
+      return e.length > 1 ? n = He(e, t).watch(() => null) : n = e[0].watch(t), s.push(n), () => {
+        let r = s.indexOf(n);
+        r > -1 && s.splice(r, 1), n();
       };
     },
     stopAll() {
@@ -456,29 +535,32 @@ function K() {
     }
   };
 }
-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 < 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]);
+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 = "";
+  }, 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]);
   }
-  return l(), a.length > 2 ? a.slice(1) : a[1];
+  return a(), c.length > 2 ? c.slice(1) : c[1];
 }
-class Te {
+var ae;
+ae = b;
+class Xe {
   constructor(e) {
-    r(this, "node");
-    r(this, "endNode");
-    r(this, "$predicate");
-    r(this, "stopCallback");
-    r(this, "thenContent");
-    r(this, "elseContent");
-    r(this, "connectedContent", []);
-    r(this, "elementContext");
-    r(this, "initialUpdateHappened", !1);
-    r(this, "previousValue");
-    this.$predicate = e.$predicate, this.thenContent = e.thenContent ? V(e.thenContent) : void 0, this.elseContent = e.elseContent ? V(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(""));
+    o(this, ae, !0);
+    o(this, "node");
+    o(this, "endNode");
+    o(this, "$predicate");
+    o(this, "stopCallback");
+    o(this, "thenContent");
+    o(this, "elseContent");
+    o(this, "connectedContent", []);
+    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(""));
   }
   get isMounted() {
     return this.node.parentNode != null;
@@ -491,8 +573,8 @@ class Te {
   unmount(e = !1) {
     var t, n;
     this.stopCallback && (this.stopCallback(), this.stopCallback = void 0);
-    for (const i of this.connectedContent)
-      i.unmount(e);
+    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));
   }
   update(e) {
@@ -500,44 +582,40 @@ class Te {
     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));
+      e && this.thenContent ? this.connectedContent = _(this.elementContext, this.thenContent) : !e && this.elseContent && (this.connectedContent = _(this.elementContext, this.elseContent));
       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);
+        const r = this.connectedContent[n], i = ((t = this.connectedContent[n - 1]) == null ? void 0 : t.node) ?? this.node;
+        r.mount(this.node.parentNode, i);
       }
       this.elementContext.root.getEnv() === "development" && (this.node.textContent = `Conditional (${e ? "truthy" : "falsy"})`);
     }
   }
 }
-const Oe = "useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict";
-let ae = (s = 21) => {
-  let e = "", t = crypto.getRandomValues(new Uint8Array(s |= 0));
-  for (; s--; )
-    e += Oe[t[s] & 63];
-  return e;
-};
-const Pe = (s) => /^on[A-Z]/.test(s);
-class Ue {
-  constructor({ tag: e, props: t, children: n, elementContext: i }) {
-    r(this, "node");
-    r(this, "props");
-    r(this, "children");
-    r(this, "stopCallbacks", []);
-    r(this, "elementContext");
-    r(this, "uniqueId", ae());
+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);
+    o(this, "node");
+    o(this, "props");
+    o(this, "children");
+    o(this, "stopCallbacks", []);
+    o(this, "elementContext");
+    o(this, "uniqueId", ve());
     // Track the ref so we can nullify it on unmount.
-    r(this, "ref");
+    o(this, "ref");
     // Prevents 'onClickOutside' handlers from firing in the same cycle in which the element is connected.
-    r(this, "canClickAway", !1);
-    if (i = { ...i }, e.toLowerCase() === "svg" && (i.isSVG = !0), i.isSVG ? this.node = document.createElementNS("http://www.w3.org/2000/svg", e) : this.node = document.createElement(e), i.root.getEnv() === "development" && (this.node.dataset.uniqueId = this.uniqueId), t.ref)
-      if (ue(t.ref))
+    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;
       else
         throw new Error("Expected ref to be a Ref object. Got: " + t.ref);
     this.props = {
-      ...Se(["ref", "class", "className"], t),
+      ...Ge(["ref", "class", "className"], t),
       class: t.className ?? t.class
-    }, this.children = n ? C(i, n) : [], this.elementContext = i;
+    }, this.children = n ? _(r, n) : [], this.elementContext = r;
   }
   get isMounted() {
     return this.node.parentNode != null;
@@ -570,79 +648,79 @@ class Ue {
   }
   attachProp(e, t, n) {
     p(e) ? this.stopCallbacks.push(
-      e.watch((i) => {
-        this.elementContext.root.render.write(() => {
-          t(i);
+      e.watch((r) => {
+        this.elementContext.root.batch.write(() => {
+          t(r);
         }, n);
       })
-    ) : this.elementContext.root.render.write(() => {
+    ) : this.elementContext.root.batch.write(() => {
       t(e);
     }, n);
   }
   applyProps(e, t) {
     for (const n in t) {
-      const i = t[n];
+      const r = t[n];
       if (n === "attributes") {
-        const o = i;
-        for (const u in o)
+        const i = r;
+        for (const u in i)
           this.attachProp(
-            o[u],
-            (a) => {
-              a == null ? e.removeAttribute(u) : e.setAttribute(u, String(a));
+            i[u],
+            (c) => {
+              c == null ? e.removeAttribute(u) : e.setAttribute(u, String(c));
             },
             this.getUpdateKey("attr", u)
           );
       } else if (n === "eventListeners") {
-        const o = i;
-        for (const u in o) {
-          const a = p(i) ? (l) => i.get()(l) : i;
-          e.addEventListener(u, a), this.stopCallbacks.push(() => {
-            e.removeEventListener(u, a);
+        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);
           });
         }
       } else if (n === "onClickOutside" || n === "onclickoutside") {
-        const o = (a) => {
-          this.canClickAway && !e.contains(a.target) && (p(i) ? i.get()(a) : i(a));
+        const i = (c) => {
+          this.canClickAway && !e.contains(c.target) && (p(r) ? r.get()(c) : r(c));
         }, u = { capture: !0 };
-        window.addEventListener("click", o, u), this.stopCallbacks.push(() => {
-          window.removeEventListener("click", o, u);
+        window.addEventListener("click", i, u), this.stopCallbacks.push(() => {
+          window.removeEventListener("click", i, u);
         });
       } else if (n === "$$value") {
-        if (!R(i))
-          throw new TypeError(`$$value attribute must be a settable state. Got: ${i}`);
+        if (!B(r))
+          throw new TypeError(`$$value attribute must be a settable state. Got: ${r}`);
         this.attachProp(
-          i,
+          r,
           (u) => {
             u == null ? e.value = "" : e.value = String(u);
           },
           this.getUpdateKey("attr", "value")
         );
-        const o = (u) => {
-          const a = We(i.get(), u.currentTarget.value);
-          i.set(a);
+        const i = (u) => {
+          const c = et(r.get(), u.currentTarget.value);
+          r.set(c);
         };
-        e.addEventListener("input", o), this.stopCallbacks.push(() => {
-          e.removeEventListener("input", o);
+        e.addEventListener("input", i), this.stopCallbacks.push(() => {
+          e.removeEventListener("input", 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 (Je(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);
         });
       } else if (n.includes("-"))
         this.attachProp(
-          i,
-          (o) => {
-            o == null ? e.removeAttribute(n) : e.setAttribute(n, String(o));
+          r,
+          (i) => {
+            i == null ? e.removeAttribute(n) : e.setAttribute(n, String(i));
           },
           this.getUpdateKey("attr", n)
         );
-      else if (!Fe.includes(n))
+      else if (!tt.includes(n))
         if (this.elementContext.isSVG)
           this.attachProp(
-            i,
-            (o) => {
-              o != null ? e.setAttribute(n, String(t[n])) : e.removeAttribute(n);
+            r,
+            (i) => {
+              i != null ? e.setAttribute(n, String(t[n])) : e.removeAttribute(n);
             },
             this.getUpdateKey("attr", n)
           );
@@ -651,27 +729,27 @@ class Ue {
             case "contentEditable":
             case "value":
               this.attachProp(
-                i,
-                (o) => {
-                  e[n] = String(o);
+                r,
+                (i) => {
+                  e[n] = String(i);
                 },
                 this.getUpdateKey("prop", n)
               );
               break;
             case "for":
               this.attachProp(
-                i,
-                (o) => {
-                  e.htmlFor = o;
+                r,
+                (i) => {
+                  e.htmlFor = i;
                 },
                 this.getUpdateKey("prop", "htmlFor")
               );
               break;
             case "checked":
               this.attachProp(
-                i,
-                (o) => {
-                  e.checked = o, o ? e.setAttribute("checked", "") : e.removeAttribute("checked");
+                r,
+                (i) => {
+                  e.checked = i, i ? e.setAttribute("checked", "") : e.removeAttribute("checked");
                 },
                 this.getUpdateKey("prop", "checked")
               );
@@ -682,31 +760,31 @@ class Ue {
             case "translate":
             case "type":
             case "title": {
-              const o = n.toLowerCase();
+              const i = n.toLowerCase();
               this.attachProp(
-                i,
+                r,
                 (u) => {
-                  u == null ? e.removeAttribute(o) : e.setAttribute(o, String(u));
+                  u == null ? e.removeAttribute(i) : e.setAttribute(i, String(u));
                 },
-                this.getUpdateKey("attr", o)
+                this.getUpdateKey("attr", i)
               );
               break;
             }
             case "autocomplete":
             case "autocapitalize":
               this.attachProp(
-                i,
-                (o) => {
-                  typeof o == "string" ? e.autocomplete = o : o ? e.autocomplete = "on" : e.autocomplete = "off";
+                r,
+                (i) => {
+                  typeof i == "string" ? e.autocomplete = i : i ? e.autocomplete = "on" : e.autocomplete = "off";
                 },
                 this.getUpdateKey("prop", n)
               );
               break;
             default: {
               this.attachProp(
-                i,
-                (o) => {
-                  e[n] = o;
+                r,
+                (i) => {
+                  e[n] = i;
                 },
                 this.getUpdateKey("prop", n)
               );
@@ -716,132 +794,135 @@ class Ue {
     }
   }
   applyStyles(e, t, n) {
-    const i = [];
+    const r = [];
     if (p(t)) {
-      let o;
-      const u = t.watch((a) => {
-        this.elementContext.root.render.write(
+      let i;
+      const u = t.watch((c) => {
+        this.elementContext.root.batch.write(
           () => {
-            x(o) && o(), e.style.cssText = "", o = this.applyStyles(e, a, n);
+            P(i) && i(), e.style.cssText = "", i = this.applyStyles(e, c, n);
           },
           this.getUpdateKey("styles", "*")
         );
       });
-      n.push(u), i.push(u);
+      n.push(u), r.push(u);
     } else {
-      const o = ce(t);
-      for (const u in o) {
-        const { value: a, priority: l } = o[u];
-        if (p(a)) {
-          const c = a.watch((h) => {
-            this.elementContext.root.render.write(() => {
-              h ? e.style.setProperty(u, String(h), l) : e.style.removeProperty(u);
+      const i = Me(t);
+      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);
             });
           });
-          n.push(c), i.push(c);
-        } else a != null && e.style.setProperty(u, String(a));
+          n.push(l), r.push(l);
+        } else c != null && e.style.setProperty(u, String(c));
       }
     }
     return function() {
-      for (const u of i)
+      for (const u of r)
         u(), n.splice(n.indexOf(u), 1);
     };
   }
   applyClasses(e, t, n) {
-    const i = [];
+    const r = [];
     if (p(t)) {
-      let o;
-      const u = t.watch((a) => {
-        this.elementContext.root.render.write(
+      let i;
+      const u = t.watch((c) => {
+        this.elementContext.root.batch.write(
           () => {
-            x(o) && o(), e.removeAttribute("class"), o = this.applyClasses(e, a, n);
+            P(i) && i(), e.removeAttribute("class"), i = this.applyClasses(e, c, n);
           },
           this.getUpdateKey("attr", "class")
         );
       });
-      n.push(u), i.push(u);
+      n.push(u), r.push(u);
     } else {
-      const o = le(t);
-      for (const u in o) {
-        const a = o[u];
-        if (p(a)) {
-          const l = a.watch((c) => {
-            this.elementContext.root.render.write(() => {
-              c ? e.classList.add(u) : e.classList.remove(u);
+      const i = xe(t);
+      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);
             });
           });
-          n.push(l), i.push(l);
-        } else a && e.classList.add(u);
+          n.push(a), r.push(a);
+        } else c && e.classList.add(u);
       }
     }
     return function() {
-      for (const u of i)
+      for (const u of r)
         u(), n.splice(n.indexOf(u), 1);
     };
   }
 }
-function le(s) {
+function xe(s) {
   let e = {};
-  if ($(s)) {
+  if (x(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));
+  } else Ce(s) ? Object.assign(e, s) : Array.isArray(s) && Array.from(s).filter(Boolean).forEach((t) => {
+    Object.assign(e, xe(t));
   });
   return delete e.undefined, e;
 }
-function ce(s) {
+function Me(s) {
   let e = {};
-  if ($(s)) {
+  if (x(s)) {
     const t = s.split(";").filter((n) => n.trim() !== "");
     for (const n of t) {
-      const [i, o] = n.split(":"), u = {
-        value: o
+      const [r, i] = n.split(":"), u = {
+        value: i
       };
-      o.includes("!important") ? (u.priority = "important", u.value = o.replace("!important", "").trim()) : u.value = o.trim(), e[Q(i.trim())] = u;
+      i.includes("!important") ? (u.priority = "important", u.value = i.replace("!important", "").trim()) : u.value = i.trim(), e[ne(r.trim())] = u;
     }
   }
-  if (W(s))
+  if (Ce(s))
     for (const t in s)
-      t.startsWith("--") ? e[t] = { value: s[t] } : e[Q(t)] = { value: s[t] };
+      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, ce(t));
+    Object.assign(e, Me(t));
   });
   return e;
 }
-function Q(s) {
+function ne(s) {
   return s.replace(/[A-Z]+(?![a-z])|[A-Z]/g, (e, t) => (t ? "-" : "") + e.toLowerCase());
 }
-function We(s, e) {
+function et(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 {
+const tt = ["ref", "children", "class", "style", "data"];
+var le;
+le = b;
+class nt {
   constructor({ states: e, renderFn: t, elementContext: n }) {
-    r(this, "node");
-    r(this, "endNode");
-    r(this, "connectedViews", []);
-    r(this, "renderFn");
-    r(this, "elementContext");
-    r(this, "observerControls");
-    r(this, "watcher", K());
+    o(this, le, !0);
+    o(this, "node");
+    o(this, "endNode");
+    o(this, "connectedViews", []);
+    o(this, "renderFn");
+    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");
-    let i;
+    let r;
     this.observerControls = {
       start: () => {
-        i == null && (i = this.watcher.watch(e, (...o) => {
-          const u = this.renderFn(...o);
-          if (!fe(u))
-            throw console.error(u), new TypeError(
-              `Observer received invalid value to render. Got type: ${G(u)}, value: ${u}`
+        r == null && (r = this.watcher.watch(e, (...i) => {
+          let u = this.renderFn(...i);
+          if (!Ve(u))
+            throw console.error(u, i), new TypeError(
+              `Observer received invalid value to render. Got type: ${N(u)}, value: ${u}`
             );
           Array.isArray(u) ? this.update(...u) : this.update(u);
         }));
       },
       stop: () => {
-        i != null && (i(), i = void 0);
+        r != null && (r(), r = void 0);
       }
     };
   }
@@ -861,82 +942,78 @@ class qe {
       (t = this.connectedViews.pop()) == null || t.unmount(e);
   }
   update(...e) {
-    var n, i;
+    var n, r;
     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 t = e.map((i) => Ne(i) ? i : $(i) ? M(_(this.elementContext, i)) : M(_(this.elementContext, A(i))));
+    for (const i of t) {
       const u = ((n = this.connectedViews.at(-1)) == null ? void 0 : n.node) || this.node;
-      o.mount(this.node.parentNode, u), this.connectedViews.push(o);
+      i.mount(this.node.parentNode, u), this.connectedViews.push(i);
     }
     if (this.elementContext.root.getEnv() === "development") {
-      const o = (i = this.connectedViews.at(-1)) == null ? void 0 : i.node;
-      this.endNode.previousSibling !== o && this.node.parentNode.insertBefore(this.endNode, (o == null ? void 0 : o.nextSibling) ?? null);
+      const i = (r = this.connectedViews.at(-1)) == null ? void 0 : r.node;
+      this.endNode.previousSibling !== i && this.node.parentNode.insertBefore(this.endNode, (i == null ? void 0 : i.nextSibling) ?? null);
     }
   }
 }
-class Le {
+var he;
+he = b;
+class $e {
   constructor(e) {
-    r(this, "node");
-    r(this, "endNode");
-    r(this, "$children");
-    r(this, "stopCallback");
-    r(this, "mountedChildren", []);
-    r(this, "elementContext");
-    this.$children = e.$children, this.elementContext = e.elementContext, this.elementContext.root.getEnv() === "development" ? (this.node = document.createComment("Outlet"), this.endNode = document.createComment("/Outlet")) : (this.node = document.createTextNode(""), this.endNode = document.createTextNode(""));
-  }
-  get isMounted() {
-    var e;
-    return ((e = this.node) == null ? void 0 : e.parentNode) != null;
+    o(this, he, !0);
+    o(this, "node", document.createTextNode(""));
+    o(this, "isMounted", !1);
+    o(this, "elements");
+    o(this, "children", []);
+    o(this, "stopCallback");
+    this.elements = e;
   }
   mount(e, t) {
-    this.isMounted || (e.insertBefore(this.node, (t == null ? void 0 : t.nextSibling) ?? null), this.stopCallback = this.$children.watch((n) => {
+    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) => {
       this.update(n);
-    }));
+    }) : this.update(this.children));
   }
   unmount(e = !1) {
-    var t;
     if (this.stopCallback && (this.stopCallback(), this.stopCallback = void 0), this.isMounted) {
-      for (const n of this.mountedChildren)
-        n.unmount(e);
-      this.mountedChildren = [], (t = this.endNode.parentNode) == null || t.removeChild(this.endNode);
+      for (const t of this.children)
+        t.unmount(e);
+      this.children = [], this.isMounted = !1;
     }
   }
   update(e) {
-    var t, n, i;
-    for (const o of this.mountedChildren)
-      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);
+    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;
+      n.mount(this.node.parentElement, r == null ? void 0 : r.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,
-      ((n = (t = this.mountedChildren[this.mountedChildren.length - 1]) == null ? void 0 : t.node) == null ? void 0 : n.nextSibling) ?? null
-    ));
+    this.children = e;
   }
 }
-class Ie {
+var fe;
+fe = b;
+class st {
   constructor(e) {
-    r(this, "config");
-    r(this, "element");
+    o(this, fe, !0);
+    o(this, "config");
+    o(this, "element");
     this.config = e;
   }
   get isMounted() {
     return this.element ? this.element.isMounted : !1;
   }
   mount(e, t) {
-    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);
+    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);
   }
   unmount(e = !1) {
     var t;
     (t = this.element) != null && t.isMounted && this.element.unmount(e);
   }
 }
-class Ge {
+class rt {
   constructor(e) {
-    r(this, "__view");
+    o(this, "__view");
     this.__view = e;
     const t = Object.getOwnPropertyDescriptors(this.__view._logger);
     for (const n in t)
@@ -969,8 +1046,8 @@ class Ge {
     for (; e.push(t.data), t.parent; )
       t = t.parent;
     const n = {};
-    for (const i of e.reverse())
-      Object.assign(n, i);
+    for (const r of e.reverse())
+      Object.assign(n, r);
     return n;
   }
   beforeMount(e) {
@@ -990,11 +1067,11 @@ class Ge {
     if (n.isMounted)
       return n._watcher.watch(e, t);
     {
-      let i, o = !1;
+      let r, i = !1;
       return n._onMountCallbacks.push(() => {
-        o || (i = n._watcher.watch(e, t));
+        i || (r = n._watcher.watch(e, t));
       }), () => {
-        i != null && (o = !0, i());
+        r != null && (i = !0, r());
       };
     }
   }
@@ -1002,25 +1079,26 @@ class Ge {
     return y("$outlet", { $children: this.__view._$children });
   }
 }
-class q {
-  constructor(e, t, n, i = []) {
-    r(this, "uniqueId", ae());
-    r(this, "_elementContext");
-    r(this, "_logger");
-    r(this, "_view");
-    r(this, "_props");
-    r(this, "_element");
-    r(this, "_$children");
-    r(this, "_setChildren");
-    r(this, "_watcher", K());
-    r(this, "_beforeMountCallbacks", []);
-    r(this, "_onMountCallbacks", []);
-    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 = n;
-    const [o, u] = I(C(e, i));
-    this._$children = o, this._setChildren = u;
+var de;
+de = b;
+const H = class H {
+  constructor(e, t, n, r = []) {
+    o(this, de, !0);
+    o(this, "uniqueId", ve());
+    o(this, "_elementContext");
+    o(this, "_logger");
+    o(this, "_view");
+    o(this, "_props");
+    o(this, "_element");
+    o(this, "_$children");
+    o(this, "_setChildren");
+    o(this, "_watcher", K());
+    o(this, "_beforeMountCallbacks", []);
+    o(this, "_onMountCallbacks", []);
+    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));
   }
   /*===============================*\
   ||         "Public" API          ||
@@ -1047,14 +1125,14 @@ class q {
     this._watcher.stopAll();
   }
   setChildView(e) {
-    const t = new q(this._elementContext, e, {});
+    const t = new H(this._elementContext, e, {});
     return this._setChildren([t]), t;
   }
   /*===============================*\
   ||           Internal            ||
   \*===============================*/
   initialize() {
-    const e = new Ge(this);
+    const e = new rt(this);
     let t;
     try {
       t = this._view(this._props, e);
@@ -1062,32 +1140,36 @@ class q {
       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 })));
-    else if (N(t) || ie(N, t))
-      this._element = E(C(this._elementContext, t));
+      this._element = M(_(this._elementContext, y("$node", { value: t })));
+    else if ($(t) || ye($, t))
+      this._element = M(_(this._elementContext, t));
     else if (p(t))
-      this._element = E(
-        C(this._elementContext, y("$observer", { states: [t], renderFn: (n) => n }))
+      this._element = M(
+        _(this._elementContext, y("$observer", { states: [t], renderFn: (n) => n }))
       );
     else {
       const n = new TypeError(
-        `Expected '${this._view.name}' function to return a DOM node, Markup element, Readable or null. Got: ${G(t)}`
+        `Expected '${this._view.name}' function to return a DOM node, Markup element, Readable or null. Got: ${N(t)}`
       );
       this._logger.crash(n);
     }
   }
-}
-class je {
-  constructor({ elementContext: e, $items: t, renderFn: n, keyFn: i }) {
-    r(this, "node");
-    r(this, "endNode");
-    r(this, "$items");
-    r(this, "stopCallback");
-    r(this, "connectedItems", []);
-    r(this, "elementContext");
-    r(this, "renderFn");
-    r(this, "keyFn");
-    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(""));
+};
+let W = H;
+var pe;
+pe = b;
+class it {
+  constructor({ elementContext: e, $items: t, renderFn: n, keyFn: r }) {
+    o(this, pe, !0);
+    o(this, "node");
+    o(this, "endNode");
+    o(this, "$items");
+    o(this, "stopCallback");
+    o(this, "connectedItems", []);
+    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(""));
   }
   get isMounted() {
     return this.node.parentNode != null;
@@ -1107,59 +1189,62 @@ class je {
     this.connectedItems = [];
   }
   _update(e) {
-    var o, u, a;
+    var i, u, c;
     if (e.length === 0 || !this.isMounted)
       return this._cleanup(!1);
     const t = [];
     let n = 0;
-    for (const l of e)
+    for (const a of e)
       t.push({
-        key: this.keyFn(l, n),
-        value: l,
+        key: this.keyFn(a, n),
+        value: a,
         index: n++
       });
-    const i = [];
-    for (const l of this.connectedItems)
-      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)
-        c.setValue(l.value), c.setIndex(l.index), i[l.index] = c;
+    const r = [];
+    for (const a of this.connectedItems)
+      t.find((h) => h.key === a.key) || a.element.unmount(!1);
+    for (const a of t) {
+      const l = this.connectedItems.find((h) => h.key === a.key);
+      if (l)
+        l.setValue(a.value), l.setIndex(a.index), r[a.index] = l;
       else {
-        const [h, d] = I(l.value), [f, m] = I(l.index);
-        i[l.index] = {
-          key: l.key,
+        const [h, f] = G(a.value), [d, m] = G(a.index);
+        r[a.index] = {
+          key: a.key,
           $value: h,
-          setValue: d,
-          $index: f,
+          setValue: f,
+          $index: d,
           setIndex: m,
-          element: new q(this.elementContext, Be, {
+          element: new W(this.elementContext, ot, {
             $value: h,
-            $index: f,
+            $index: d,
             renderFn: this.renderFn
           })
         };
       }
     }
-    for (let l = 0; l < i.length; l++) {
-      const c = i[l], h = ((o = i[l - 1]) == null ? void 0 : o.element.node) ?? this.node;
-      c.element.mount(this.node.parentNode, h);
+    for (let a = 0; a < r.length; a++) {
+      const l = r[a], h = ((i = r[a - 1]) == null ? void 0 : i.element.node) ?? this.node;
+      l.element.mount(this.node.parentNode, h);
     }
-    if (this.connectedItems = i, this.elementContext.root.getEnv() === "development") {
-      this.node.textContent = `Repeat (${i.length} item${i.length === 1 ? "" : "s"})`;
-      const l = ((u = i.at(-1)) == null ? void 0 : u.element.node) ?? this.node;
-      (a = this.node.parentNode) == null || a.insertBefore(this.endNode, l.nextSibling);
+    if (this.connectedItems = r, this.elementContext.root.getEnv() === "development") {
+      this.node.textContent = `Repeat (${r.length} item${r.length === 1 ? "" : "s"})`;
+      const a = ((u = r.at(-1)) == null ? void 0 : u.element.node) ?? this.node;
+      (c = this.node.parentNode) == null || c.insertBefore(this.endNode, a.nextSibling);
     }
   }
 }
-function Be({ $value: s, $index: e, renderFn: t }, n) {
+function ot({ $value: s, $index: e, renderFn: t }, n) {
   return t(s, e, n);
 }
-class Re {
+var me;
+me = b;
+class ut {
   constructor({ value: e }) {
-    r(this, "node", document.createTextNode(""));
-    r(this, "value", "");
-    r(this, "stopCallback");
+    o(this, me, !0);
+    o(this, "node", document.createTextNode(""));
+    o(this, "value", "");
+    o(this, "stopCallback");
     this.value = e;
   }
   get isMounted() {
@@ -1177,21 +1262,21 @@ class Re {
     e != null ? this.node.textContent = e.toString() : this.node.textContent = "";
   }
 }
-function N(s) {
-  return W(s) && (typeof s.type == "string" || typeof s.type == "function") && Array.isArray(s.children);
+function $(s) {
+  return (s == null ? void 0 : s[ke]) === !0;
 }
-function he(s) {
-  return W(s) && x(s.connect) && x(s.disconnect);
+function Ne(s) {
+  return (s == null ? void 0 : s[b]) === !0;
 }
-function V(s) {
-  return M(s) || (s = [s]), s.flat(1 / 0).filter((e) => e != null && e !== !1).map((e) => {
+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 de)
+    if (e instanceof Ae)
       return y("$node", { value: e.node });
-    if (N(e))
+    if ($(e))
       return e;
-    if ($(e) || _e(e))
+    if (x(e) || _e(e))
       return y("$text", { value: e });
     if (p(e))
       return y("$observer", {
@@ -1202,41 +1287,45 @@ function V(s) {
   });
 }
 function y(s, e, ...t) {
-  return e != null && Ke(e), {
+  return e != null && at(e), {
+    [ke]: !0,
     type: s,
     props: e,
-    children: V(t)
+    children: A(t)
   };
 }
-function Ke(s) {
-  if (s.ref && !ue(s.ref))
+function at(s) {
+  if (s.ref && !Ee(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]))
+      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 nt = Ve.bind(y);
-function st(s, e, t) {
-  const n = F(s);
+const vt = Ze.bind(y);
+function bt(s, e, t) {
+  const n = L(s);
   return y("$cond", {
     $predicate: n,
     thenContent: e,
     elseContent: t
   });
 }
-function it(s, e, t) {
-  const n = F(s);
+function St(s, e, t) {
+  const n = L(s);
   return y("$repeat", { $items: n, keyFn: e, renderFn: t });
 }
-function ot(s, e) {
+function kt(s, e) {
   return y("$portal", { parent: s, content: e });
 }
-class de {
+var ge;
+ge = b;
+class Ae {
   constructor(e) {
-    r(this, "node");
+    o(this, ge, !0);
+    o(this, "node");
     this.node = e;
   }
   get isMounted() {
@@ -1249,67 +1338,64 @@ class de {
     this.node.parentNode && this.node.parentNode.removeChild(this.node);
   }
 }
-function C(s, e) {
-  return (M(e) ? e : [e]).map((n) => {
+function _(s, e) {
+  return (V(e) ? e : [e]).map((n) => {
+    if (P(n.type))
+      return new W(s, n.type, n.props, n.children);
     if (x(n.type))
-      return new q(s, n.type, n.props, n.children);
-    if ($(n.type))
       switch (n.type) {
         case "$node": {
-          const i = n.props;
-          return new de(i.value);
+          const r = n.props;
+          return new Ae(r.value);
         }
         case "$text": {
-          const i = n.props;
-          return new Re({
-            value: i.value
+          const r = n.props;
+          return new ut({
+            value: r.value
           });
         }
         case "$cond": {
-          const i = n.props;
-          return new Te({
-            $predicate: i.$predicate,
-            thenContent: i.thenContent,
-            elseContent: i.elseContent,
+          const r = n.props;
+          return new Xe({
+            $predicate: r.$predicate,
+            thenContent: r.thenContent,
+            elseContent: r.elseContent,
             elementContext: s
           });
         }
         case "$repeat": {
-          const i = n.props;
-          return new je({
-            $items: i.$items,
-            keyFn: i.keyFn,
-            renderFn: i.renderFn,
+          const r = n.props;
+          return new it({
+            $items: r.$items,
+            keyFn: r.keyFn,
+            renderFn: r.renderFn,
             elementContext: s
           });
         }
         case "$observer": {
-          const i = n.props;
-          return new qe({
-            states: i.states,
-            renderFn: i.renderFn,
+          const r = n.props;
+          return new nt({
+            states: r.states,
+            renderFn: r.renderFn,
             elementContext: s
           });
         }
         case "$outlet": {
-          const i = n.props;
-          return new Le({
-            $children: i.$children,
-            elementContext: s
-          });
+          const r = n.props;
+          return new $e(r.$children);
         }
         case "$portal": {
-          const i = n.props;
-          return new Ie({
-            content: i.content,
-            parent: i.parent,
+          const r = n.props;
+          return new st({
+            content: r.content,
+            parent: r.parent,
             elementContext: s
           });
         }
         default:
           if (n.type.startsWith("$"))
             throw new Error(`Unknown markup type: ${n.type}`);
-          return new Ue({
+          return new Qe({
             tag: n.type,
             props: n.props ?? {},
             children: n.children,
@@ -1320,74 +1406,48 @@ function C(s, e) {
       throw new TypeError(`Expected a string or view function. Got: ${n.type}`);
   });
 }
-function E(s) {
-  if (s.length === 1)
-    return s[0];
-  const e = document.createComment("Fragment");
-  let t = !1;
-  return {
-    get node() {
-      return e;
-    },
-    get isMounted() {
-      return t;
-    },
-    mount(n, i) {
-      var o;
-      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(n) {
-      if (t) {
-        for (const i of s)
-          i.unmount(!0);
-        e.remove();
-      }
-      t = !1;
-    }
-  };
+function M(s) {
+  return s.length === 1 ? s[0] : new $e(s);
 }
-function fe(s) {
-  return s == null || s === !1 || typeof s == "string" || typeof s == "number" || N(s) || p(s) || ie(fe, s);
+function Ve(s) {
+  return s == null || s === !1 || x(s) || _e(s) || $(s) || p(s) || ye(Ve, s);
 }
-function rt(s, e) {
+function Et(s, e) {
   return e.outlet();
 }
 export {
-  et as A,
-  ot as B,
-  it as C,
-  rt as P,
-  q as V,
-  I as a,
+  _ as A,
+  _t as B,
+  be as C,
+  kt as D,
+  St as E,
+  Et as P,
+  W as V,
+  G as a,
   x as b,
-  st as c,
-  Me as d,
-  $ as e,
-  ze as f,
-  we as g,
-  nt as h,
-  W as i,
-  He as j,
-  K as k,
-  Je as l,
-  Qe as m,
-  Xe as n,
-  F as o,
-  tt as p,
-  ue as q,
-  Ye as r,
-  y as s,
-  G as t,
-  Ze as u,
-  Ee as v,
-  ke as w,
-  xe as x,
-  E as y,
-  C as z
+  bt as c,
+  He as d,
+  mt as e,
+  P as f,
+  ft as g,
+  vt as h,
+  Ce as i,
+  ht as j,
+  lt as k,
+  K as l,
+  gt as m,
+  wt as n,
+  yt as o,
+  L as p,
+  Ct as q,
+  Ee as r,
+  pt as s,
+  N as t,
+  dt as u,
+  Be as v,
+  y as w,
+  Re as x,
+  De as y,
+  M as z
 };
-//# sourceMappingURL=passthrough-6Lrg96Id.js.map
+//# sourceMappingURL=passthrough-C9975ULD.js.map