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

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

@@ -1,62 +1,62 @@
-var Ot = Object.defineProperty;
-var Pt = (s, t, e) => t in s ? Ot(s, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[t] = e;
-var o = (s, t, e) => Pt(s, typeof t != "symbol" ? t + "" : t, e);
-function wt(s) {
+var St = Object.defineProperty;
+var Mt = (s, t, e) => t in s ? St(s, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[t] = e;
+var o = (s, t, e) => Mt(s, typeof t != "symbol" ? t + "" : t, e);
+function ct(s) {
   return s && s.__esModule && Object.prototype.hasOwnProperty.call(s, "default") ? s.default : s;
 }
-var O = { exports: {} }, Q;
-function Wt() {
-  return Q || (Q = 1, function(s, t) {
+var O = { exports: {} }, Y;
+function Et() {
+  return Y || (Y = 1, function(s, t) {
     Object.defineProperty(t, "__esModule", { value: !0 });
     var e = /* @__PURE__ */ function() {
-      function a(l, h) {
-        var f = [], d = !0, m = !1, S = void 0;
+      function l(c, f) {
+        var h = [], d = !0, m = !1, g = void 0;
         try {
-          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, S = g;
+          for (var M, k = c[Symbol.iterator](); !(d = (M = k.next()).done) && (h.push(M.value), !(f && h.length === f)); d = !0) ;
+        } catch (w) {
+          m = !0, g = w;
         } finally {
           try {
-            !d && C.return && C.return();
+            !d && k.return && k.return();
           } finally {
-            if (m) throw S;
+            if (m) throw g;
           }
         }
-        return f;
+        return h;
       }
-      return function(l, h) {
-        if (Array.isArray(l)) return l;
-        if (Symbol.iterator in Object(l)) return a(l, h);
+      return function(c, f) {
+        if (Array.isArray(c)) return c;
+        if (Symbol.iterator in Object(c)) return l(c, f);
         throw new TypeError("Invalid attempt to destructure non-iterable instance");
       };
-    }(), n = function(a) {
-      return a.reduce(function(l, h) {
-        return 16 > h ? l + "0" + h.toString(16) : l + h.toString(16);
+    }(), n = function(l) {
+      return l.reduce(function(c, f) {
+        return 16 > f ? c + "0" + f.toString(16) : c + f.toString(16);
       }, "#");
-    }, 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;
+    }, r = function(l, c, f) {
+      var h = 0.5 > f ? f * (1 + c) : f + c - f * c, d = 2 * f - h, m = function(w, b, v) {
+        var W = Math.round, y = 0 > v ? v + 1 : 1 < v ? v - 1 : v;
+        return y = y < 1 / 6 ? w + 6 * (b - w) * y : y < 1 / 2 ? b : y < 2 / 3 ? w + 6 * (b - w) * (2 / 3 - y) : w, W(255 * y);
+      }, g = m(d, h, l + 1 / 3), M = m(d, h, l), k = m(d, h, l - 1 / 3);
+      return [g, M, k];
+    }, i = function(l, c, f, h) {
+      var d = l % 1007 / 1007, m = function(w, b, v) {
+        return w * (v - b) + b;
+      }, g = m(d, c.min, c.max), M = m(d, f.min, f.max), k = m(d, h.max, h.min);
+      return [g, M, k];
+    }, u = function(l) {
+      return l.split("").reduce(function(c, f, h) {
+        return c * f.charCodeAt(0) * h + 1;
       }, 1);
-    }, c = function(a) {
-      var l = a.str, h = a.hue, f = h === void 0 ? { min: 0, max: 360 } : h, d = a.sat, m = d === void 0 ? { min: 0.35, max: 0.65 } : d, S = a.light, E = S === void 0 ? { min: 0.3, max: 0.7 } : S, C = a.hashFunction, g = C === void 0 ? u : C, k = a.scheme, v = k === void 0 ? "hex" : k, j = i(g(l), f, m, E), w = e(j, 3), Y = w[0], Z = w[1], X = w[2], J = r(Y / 360, Z, X), Tt = n(J);
-      return v === "hsl" ? [Y, Z, X] : v === "rgb" ? J : Tt;
+    }, a = function(l) {
+      var c = l.str, f = l.hue, h = f === void 0 ? { min: 0, max: 360 } : f, d = l.sat, m = d === void 0 ? { min: 0.35, max: 0.65 } : d, g = l.light, M = g === void 0 ? { min: 0.3, max: 0.7 } : g, k = l.hashFunction, w = k === void 0 ? u : k, b = l.scheme, v = b === void 0 ? "hex" : b, W = i(w(c), h, m, M), y = e(W, 3), R = y[0], B = y[1], K = y[2], H = r(R / 360, B, K), Ct = n(H);
+      return v === "hsl" ? [R, B, K] : v === "rgb" ? H : Ct;
     };
-    t.default = c, s.exports = t.default;
+    t.default = a, s.exports = t.default;
   }(O, O.exports)), O.exports;
 }
-var qt = Wt();
-const Ut = /* @__PURE__ */ wt(qt);
+var xt = Et();
+const At = /* @__PURE__ */ ct(xt);
 function N(s) {
   const t = typeof s;
   switch (t) {
@@ -72,63 +72,63 @@ function N(s) {
       return t;
   }
 }
-function le(s, t) {
+function Jt(s, t) {
   if (!s)
     throw new TypeError(
-      F(s, t || "Failed assertion. Value is not truthy. Got type: %t, value: %v")
+      q(s, t || "Failed assertion. Value is not truthy. Got type: %t, value: %v")
     );
 }
-function V(s) {
+function $(s) {
   return Array.isArray(s);
 }
-function yt(...s) {
-  const t = s[0], e = (n) => V(n) && n.every((r) => t(r));
+function at(...s) {
+  const t = s[0], e = (n) => $(n) && n.every((r) => t(r));
   return s.length < 2 ? e : e(s[1]);
 }
-function he(...s) {
-  const t = s[0], e = x(s[2]) ? s[2] : "Expected an array of valid items. Got type: %t, value: %v", n = (r) => {
-    if (V(r) && r.every((i) => t(i)))
+function Qt(...s) {
+  const t = s[0], e = E(s[2]) ? s[2] : "Expected an array of valid items. Got type: %t, value: %v", n = (r) => {
+    if ($(r) && r.every((i) => t(i)))
       return !0;
-    throw new TypeError(F(r, e));
+    throw new TypeError(q(r, e));
   };
   return s.length < 2 ? n : n(s[1]);
 }
-function x(s) {
+function E(s) {
   return typeof s == "string";
 }
-function fe(s, t) {
-  if (x(s))
+function te(s, t) {
+  if (E(s))
     return !0;
-  throw new TypeError(F(s, t ?? "Expected a string. Got type: %t, value: %v"));
+  throw new TypeError(q(s, t ?? "Expected a string. Got type: %t, value: %v"));
 }
-function P(s) {
-  return typeof s == "function" && !Ft(s);
+function V(s) {
+  return typeof s == "function" && !$t(s);
 }
-function _t(s) {
+function lt(s) {
   return typeof s == "number" && !isNaN(s);
 }
-function Ft(s) {
+function $t(s) {
   return typeof s == "function" && /^\s*class\s+/.test(s.toString());
 }
-function de(...s) {
-  const t = s[0], e = x(s[2]) ? s[2] : `Expected instance of ${t.name}. Got type: %t, value: %v`, n = (r) => {
+function ee(...s) {
+  const t = s[0], e = E(s[2]) ? s[2] : `Expected instance of ${t.name}. Got type: %t, value: %v`, n = (r) => {
     if (r instanceof t)
       return !0;
-    throw new TypeError(F(r, e));
+    throw new TypeError(q(r, e));
   };
   return s.length < 2 ? n : n(s[1]);
 }
-function Ct(s) {
-  return s != null && typeof s == "object" && !V(s);
+function ht(s) {
+  return s != null && typeof s == "object" && !$(s);
 }
-function F(s, t) {
+function q(s, t) {
   var r;
   const e = N(s), n = ((r = s == null ? void 0 : s.toString) == null ? void 0 : r.call(s)) || String(s);
   return t.replaceAll("%t", e).replaceAll("%v", n);
 }
-var I, tt;
-function Lt() {
-  return tt || (tt = 1, I = function s(t, e) {
+var F, Z;
+function Nt() {
+  return Z || (Z = 1, F = function s(t, e) {
     if (t === e) return !0;
     if (t && e && typeof t == "object" && typeof e == "object") {
       if (t.constructor !== e.constructor) return !1;
@@ -172,19 +172,19 @@ function Lt() {
       return !0;
     }
     return t !== t && e !== e;
-  }), I;
+  }), F;
 }
-var jt = Lt();
-const It = /* @__PURE__ */ wt(jt), Rt = () => {
+var Ot = Nt();
+const Vt = /* @__PURE__ */ ct(Ot), Tt = () => {
 };
-let R = 1;
-function vt() {
-  return R = R % Number.MAX_SAFE_INTEGER + 1, R.toString(36) + Date.now().toString(36);
+let U = 1;
+function ft() {
+  return U = U % Number.MAX_SAFE_INTEGER + 1, U.toString(36) + Date.now().toString(36);
 }
-function bt(s, t) {
+function dt(s, t) {
   return s === t;
 }
-function pe(s, t) {
+function ne(s, t) {
   if (s === t) return !0;
   const e = N(s);
   if (e !== N(t))
@@ -208,7 +208,7 @@ function pe(s, t) {
         if (s[r] !== t[r]) return !1;
       return !0;
     case "set":
-      if (P(s.symmetricDifference))
+      if (V(s.symmetricDifference))
         return s.symmetricDifference(t).size === 0;
       for (const r of s.keys())
         if (s[r] !== t.get(r)) return !1;
@@ -216,8 +216,8 @@ function pe(s, t) {
   }
   return !1;
 }
-const me = It;
-function Gt(s, t) {
+const se = Vt;
+function Pt(s, t) {
   const e = (n) => {
     const r = {};
     for (const i in n)
@@ -226,14 +226,14 @@ function Gt(s, t) {
   };
   return t == null ? e : e(t);
 }
-function Dt(s) {
-  return Ut({
+function qt(s) {
+  return At({
     str: s,
     sat: { min: 0.35, max: 0.55 },
     light: { min: 0.6, max: 0.6 }
   });
 }
-function ge(s) {
+function re(s) {
   if (s instanceof RegExp)
     return (n) => s.test(n);
   const t = {
@@ -255,7 +255,7 @@ function ge(s) {
     return !(i.some((u) => u(n)) || r.length > 0 && !r.some((u) => u(n)));
   };
 }
-const T = Symbol.for("DollaState"), D = Symbol.for("DollaSettableState"), St = Symbol.for("DollaRef"), kt = Symbol.for("DollaMarkup"), b = Symbol.for("DollaMarkupElement"), W = {
+const pt = Symbol.for("DollaState"), mt = Symbol.for("DollaRef"), gt = Symbol.for("DollaMarkup"), S = Symbol.for("DollaMarkupElement"), T = {
   watcherCount: 0,
   increment() {
     this.watcherCount++, this._log();
@@ -270,7 +270,7 @@ const T = Symbol.for("DollaState"), D = Symbol.for("DollaSettableState"), St = S
       console.log(
         `%c[DOLLA_DEV_DEBUG] %c${this._label}%c%c%c`,
         "color:#e44c4c;font-weight:bold",
-        `color:${Dt(this._label)};font-weight:bold`,
+        `color:${qt(this._label)};font-weight:bold`,
         "color:#777",
         "color:#aaa",
         "color:#777",
@@ -280,32 +280,29 @@ const T = Symbol.for("DollaState"), D = Symbol.for("DollaSettableState"), St = S
   }
 };
 function p(s) {
-  return (s == null ? void 0 : s[T]) === !0;
+  return (s == null ? void 0 : s[pt]) === !0;
 }
-function B(s) {
-  return (s == null ? void 0 : s[D]) === !0;
+function Wt(s) {
+  return (s == null ? void 0 : s[mt]) === !0;
 }
-function Et(s) {
-  return (s == null ? void 0 : s[St]) === !0;
-}
-function Bt(s) {
+function Ft(s) {
   return p(s) ? s.get() : s;
 }
-function L(s) {
-  return B(s) ? new q(s) : p(s) ? s : new q({
+function j(s) {
+  return p(s) ? s : new L({
     get() {
       return s;
     },
     watch(t, e = {}) {
-      return e != null && e.lazy || t(s), Rt;
+      return e != null && e.lazy || t(s), Tt;
     }
   });
 }
-class z {
+class Ut {
   constructor(t, e) {
     o(this, "value");
     o(this, "watchers", []);
-    o(this, "equals", bt);
+    o(this, "equals", dt);
     this.value = t, e != null && e.equals && (this.equals = e.equals);
   }
   get() {
@@ -323,79 +320,36 @@ class z {
     }
   }
   watch(t, e) {
-    return this.watchers.push(t), e != null && e.lazy || t(this.value), W.increment(), () => {
+    return this.watchers.push(t), e != null && e.lazy || t(this.value), T.increment(), () => {
       const n = this.watchers.indexOf(t);
-      n > -1 && this.watchers.splice(n, 1), W.decrement();
+      n > -1 && this.watchers.splice(n, 1), T.decrement();
     };
   }
 }
-var st;
-st = T;
-class q {
+var Q;
+Q = pt;
+class L {
   constructor(t) {
     // Instances will pass isState() with this symbol
-    o(this, st, !0);
-    o(this, "__value");
-    if (t == null)
-      throw new TypeError("Value is null");
-    this.__value = t;
-  }
-  get() {
-    return this.__value.get();
-  }
-  watch(t, e) {
-    return this.__value.watch(t, e);
-  }
-}
-function G(s, t) {
-  const e = new z(s, t);
-  return [new q(e), (r) => e.set(r)];
-}
-var rt, it;
-it = T, rt = D;
-class zt {
-  constructor(t) {
-    // Instances will pass isState() and isSettableState() with these symbols
-    o(this, it, !0);
-    o(this, rt, !0);
+    o(this, Q, !0);
     o(this, "__value");
-    if (t == null)
-      throw new TypeError("Value is null");
     this.__value = t;
   }
   get() {
     return this.__value.get();
   }
-  set(t) {
-    this.__value.set(t);
-  }
   watch(t, e) {
     return this.__value.watch(t, e);
   }
 }
-function we(s, t) {
-  return new zt(new z(s, t));
-}
-function ye(s, t) {
-  return {
-    [T]: !0,
-    [D]: !0,
-    get: s.get.bind(s),
-    watch: s.watch.bind(s),
-    set: t
-  };
-}
-function _e(s, t) {
-  return function(n) {
-    const r = s.get();
-    let i;
-    typeof n == "function" ? i = n(r) : i = n, t(i, r);
-  };
+function I(s, t) {
+  const e = new Ut(s, t);
+  return [new L(e), (r) => e.set(r)];
 }
-const et = Symbol("EMPTY");
-class Kt {
+const X = Symbol("EMPTY");
+class It {
   constructor(t, e, n) {
-    o(this, "equals", bt);
+    o(this, "equals", dt);
     /**
      * Array of states this holder's value is derived from.
      */
@@ -407,7 +361,7 @@ class Kt {
     /**
      *
      */
-    o(this, "sourceWatcher", K());
+    o(this, "sourceWatcher", D());
     /**
      * Array of functions awaiting notification when this holder's value changes.
      */
@@ -423,7 +377,7 @@ class Kt {
     /**
      * The current value as returned from `fn` (may be a State)
      */
-    o(this, "value", et);
+    o(this, "value", X);
     /**
      * The current unwrapped value.
      */
@@ -432,7 +386,7 @@ class Kt {
      * When value is a State, this function will stop watching its value.
      */
     o(this, "stopWatchingCurrentValue");
-    this.sources = t.map(L), this.fn = e, n != null && n.equals && (this.equals = n.equals), this.previousSourceValues = new Array(t.length).fill(et, 0, t.length);
+    this.sources = t.map(j), this.fn = e, n != null && n.equals && (this.equals = n.equals), this.previousSourceValues = new Array(t.length).fill(X, 0, t.length);
   }
   /*==========================*\
   ||     "Public" methods     ||
@@ -443,8 +397,8 @@ class Kt {
   watch(t, e) {
     this.isWatchingSources || this.startWatchingSources();
     const n = this.watchers;
-    return n.push(t), e != null && e.lazy || t(this.rawValue), W.increment(), () => {
-      n.splice(n.indexOf(t), 1), this.isWatchingSources && n.length === 0 && this.stopWatchingSources(), W.decrement();
+    return n.push(t), e != null && e.lazy || t(this.rawValue), T.increment(), () => {
+      n.splice(n.indexOf(t), 1), this.isWatchingSources && n.length === 0 && this.stopWatchingSources(), T.decrement();
     };
   }
   /*==========================*\
@@ -465,7 +419,7 @@ class Kt {
     return this.isWatchingSources || this.update(), this.rawValue;
   }
   setValue(t) {
-    this.stopWatchingCurrentValue && (this.stopWatchingCurrentValue(), this.stopWatchingCurrentValue = void 0), this.value = t, this.rawValue = Bt(t), this.isWatchingSources && p(t) ? this.stopWatchingCurrentValue = t.watch((e) => {
+    this.stopWatchingCurrentValue && (this.stopWatchingCurrentValue(), this.stopWatchingCurrentValue = void 0), this.value = t, this.rawValue = Ft(t), this.isWatchingSources && p(t) ? this.stopWatchingCurrentValue = t.watch((e) => {
       this.rawValue = e, this.notify(e);
     }) : this.notify(this.rawValue);
   }
@@ -486,45 +440,29 @@ class Kt {
     this.sourceWatcher.stopAll(), this.stopWatchingCurrentValue && (this.stopWatchingCurrentValue(), this.stopWatchingCurrentValue = void 0), this.isWatchingSources = !1;
   }
 }
-function Ht(s, t, e) {
-  const n = new Kt(s, t, e);
-  return new q(n);
-}
-var ot, ut;
-ut = St, ot = T;
-class Yt {
-  constructor(t) {
-    // Instances will pass isRef() and isState() with these symbols
-    o(this, ut, !0);
-    o(this, ot, !0);
-    o(this, "__value");
-    this.__value = t;
-  }
-  get() {
-    return this.__value.get();
-  }
-  watch(t, e) {
-    return this.__value.watch(t, e);
-  }
-  get node() {
-    return this.__value.get();
-  }
-  set node(t) {
-    this.__value.set(t);
-  }
+function jt(s, t, e) {
+  const n = new It(s, t, e);
+  return new L(n);
 }
-function Ce() {
-  return new Yt(new z(void 0));
+function ie(s) {
+  const t = function() {
+    if (arguments.length === 1)
+      s = arguments[0];
+    else if (arguments.length > 1)
+      throw new Error(`Too many arguments. Expected 0 or 1. Got: ${arguments.length}`);
+    return s;
+  };
+  return t[mt] = !0, t;
 }
-function K() {
+function D() {
   const s = [];
   return {
     watch(t, e) {
       if (t.length === 0)
         throw new TypeError("Expected at least one state to watch.");
-      t = t.map(L);
+      t = t.map(j);
       let n;
-      return t.length > 1 ? n = Ht(t, e).watch(() => null) : n = t[0].watch(e), s.push(n), () => {
+      return t.length > 1 ? n = jt(t, e).watch(() => null) : n = t[0].watch(e), s.push(n), () => {
         let r = s.indexOf(n);
         r > -1 && s.splice(r, 1), n();
       };
@@ -535,88 +473,42 @@ function K() {
     }
   };
 }
-function Zt(s) {
-  for (var t, e, n = arguments, r = 1, i = "", u = "", c = [0], a = function(f) {
-    r === 1 && (f || (i = i.replace(/^\s*\n\s*|\s*\n\s*$/g, ""))) ? c.push(f ? n[f] : i) : r === 3 && (f || i) ? (c[1] = f ? n[f] : i, r = 2) : r === 2 && i === "..." && f ? c[2] = Object.assign(c[2] || {}, n[f]) : r === 2 && i && !f ? (c[2] = c[2] || {})[i] = !0 : r >= 5 && (r === 5 ? ((c[2] = c[2] || {})[e] = f ? i ? i + n[f] : n[f] : i, r = 6) : (f || i) && (c[2][e] += f ? i + n[f] : i)), i = "";
-  }, l = 0; l < s.length; l++) {
-    l && (r === 1 && a(), a(l));
-    for (var h = 0; h < s[l].length; h++) t = s[l][h], r === 1 ? t === "<" ? (a(), c = [c, "", null], r = 3) : i += t : r === 4 ? i === "--" && t === ">" ? (r = 1, i = "") : i = t + i[0] : u ? t === u ? u = "" : i += t : t === '"' || t === "'" ? u = t : t === ">" ? (a(), r = 1) : r && (t === "=" ? (r = 5, e = i, i = "") : t === "/" && (r < 5 || s[l][h + 1] === ">") ? (a(), r === 3 && (c = c[0]), r = c, (c = c[0]).push(this.apply(null, r.slice(1))), r = 0) : t === " " || t === "	" || t === `
-` || t === "\r" ? (a(), r = 2) : i += t), r === 3 && i === "!--" && (r = 4, c = c[0]);
-  }
-  return a(), c.length > 2 ? c.slice(1) : c[1];
-}
-var at;
-at = b;
-class Xt {
-  constructor(t) {
-    o(this, at, !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 = t.$predicate, this.thenContent = t.thenContent ? A(t.thenContent) : void 0, this.elseContent = t.elseContent ? A(t.elseContent) : void 0, this.elementContext = t.elementContext, this.elementContext.root.getEnv() === "development" ? (this.node = document.createComment("Conditional"), this.endNode = document.createComment("/Conditional")) : (this.node = document.createTextNode(""), this.endNode = document.createTextNode(""));
-  }
-  get isMounted() {
-    return this.node.parentNode != null;
-  }
-  mount(t, e) {
-    this.isMounted || (t.insertBefore(this.node, (e == null ? void 0 : e.nextSibling) ?? null), this.elementContext.root.getEnv() === "development" && t.insertBefore(this.endNode, this.node.nextSibling), this.stopCallback = this.$predicate.watch((n) => {
-      (!this.initialUpdateHappened || n && !this.previousValue || !n && this.previousValue) && (this.update(n), this.initialUpdateHappened = !0, this.previousValue = n);
-    }));
-  }
-  unmount(t = !1) {
-    var e, n;
-    this.stopCallback && (this.stopCallback(), this.stopCallback = void 0);
-    for (const r of this.connectedContent)
-      r.unmount(t);
-    this.connectedContent = [], this.isMounted && ((e = this.node.parentNode) == null || e.removeChild(this.node), (n = this.endNode.parentNode) == null || n.removeChild(this.endNode));
-  }
-  update(t) {
-    var e;
-    for (const n of this.connectedContent)
-      n.unmount(!1);
-    if (this.connectedContent = [], this.node.parentNode != null) {
-      t && this.thenContent ? this.connectedContent = _(this.elementContext, this.thenContent) : !t && this.elseContent && (this.connectedContent = _(this.elementContext, this.elseContent));
-      for (let n = 0; n < this.connectedContent.length; n++) {
-        const r = this.connectedContent[n], i = ((e = this.connectedContent[n - 1]) == null ? void 0 : e.node) ?? this.node;
-        r.mount(this.node.parentNode, i);
-      }
-      this.elementContext.root.getEnv() === "development" && (this.node.textContent = `Conditional (${t ? "truthy" : "falsy"})`);
-    }
+function Lt(s) {
+  for (var t, e, n = arguments, r = 1, i = "", u = "", a = [0], l = function(h) {
+    r === 1 && (h || (i = i.replace(/^\s*\n\s*|\s*\n\s*$/g, ""))) ? a.push(h ? n[h] : i) : r === 3 && (h || i) ? (a[1] = h ? n[h] : i, r = 2) : r === 2 && i === "..." && h ? a[2] = Object.assign(a[2] || {}, n[h]) : r === 2 && i && !h ? (a[2] = a[2] || {})[i] = !0 : r >= 5 && (r === 5 ? ((a[2] = a[2] || {})[e] = h ? i ? i + n[h] : n[h] : i, r = 6) : (h || i) && (a[2][e] += h ? i + n[h] : i)), i = "";
+  }, c = 0; c < s.length; c++) {
+    c && (r === 1 && l(), l(c));
+    for (var f = 0; f < s[c].length; f++) t = s[c][f], r === 1 ? t === "<" ? (l(), a = [a, "", null], r = 3) : i += t : r === 4 ? i === "--" && t === ">" ? (r = 1, i = "") : i = t + i[0] : u ? t === u ? u = "" : i += t : t === '"' || t === "'" ? u = t : t === ">" ? (l(), r = 1) : r && (t === "=" ? (r = 5, e = i, i = "") : t === "/" && (r < 5 || s[c][f + 1] === ">") ? (l(), r === 3 && (a = a[0]), r = a, (a = a[0]).push(this.apply(null, r.slice(1))), r = 0) : t === " " || t === "	" || t === `
+` || t === "\r" ? (l(), r = 2) : i += t), r === 3 && i === "!--" && (r = 4, a = a[0]);
   }
+  return l(), a.length > 2 ? a.slice(1) : a[1];
 }
-const Jt = (s) => /^on[A-Z]/.test(s);
-var ct;
-ct = b;
-class Qt {
+const Dt = (s) => /^on[A-Z]/.test(s);
+var tt;
+tt = S;
+class Gt {
   constructor({ tag: t, props: e, children: n, elementContext: r }) {
-    o(this, ct, !0);
+    o(this, tt, !0);
     o(this, "node");
     o(this, "props");
     o(this, "children");
     o(this, "stopCallbacks", []);
     o(this, "elementContext");
-    o(this, "uniqueId", vt());
+    o(this, "uniqueId", ft());
     o(this, "_batchWrite");
     // Track the ref so we can nullify it on unmount.
     o(this, "ref");
     // Prevents 'onClickOutside' handlers from firing in the same cycle in which the element is connected.
     o(this, "canClickAway", !1);
     if (r = { ...r }, this._batchWrite = r.root.batch.write.bind(r.root.batch), t.toLowerCase() === "svg" && (r.isSVG = !0), r.isSVG ? this.node = document.createElementNS("http://www.w3.org/2000/svg", t) : this.node = document.createElement(t), r.root.getEnv() === "development" && (this.node.dataset.uniqueId = this.uniqueId), e.ref)
-      if (Et(e.ref))
-        this.ref = e.ref, this.ref.node = this.node;
+      if (Wt(e.ref))
+        this.ref = e.ref, this.ref(this.node);
       else
-        throw new Error("Expected ref to be a Ref object. Got: " + e.ref);
+        throw new Error("Expected ref to be a function. Got: " + e.ref);
     this.props = {
-      ...Gt(["ref", "class", "className"], e),
+      ...Pt(["ref", "class", "className"], e),
       class: e.className ?? e.class
-    }, this.children = n ? _(r, n) : [], this.elementContext = r;
+    }, this.children = n ? C(r, n) : [], this.elementContext = r;
   }
   get isMounted() {
     return this.node.parentNode != null;
@@ -625,8 +517,10 @@ class Qt {
     if (t == null)
       throw new Error(`HTML element requires a parent element as the first argument to connect. Got: ${t}`);
     if (!this.isMounted) {
-      for (const n of this.children)
-        n.mount(this.node);
+      for (let n = 0; n < this.children.length; n++) {
+        const r = this.children[n], i = n > 0 ? this.children[n - 1].node : void 0;
+        r.mount(this.node, i);
+      }
       this.applyProps(this.node, this.props), this.props.style && this.applyStyles(this.node, this.props.style, this.stopCallbacks), this.props.class && this.applyClasses(this.node, this.props.class, this.stopCallbacks);
     }
     t.insertBefore(this.node, (e == null ? void 0 : e.nextSibling) ?? null), setTimeout(() => {
@@ -638,7 +532,7 @@ class Qt {
     if (this.isMounted) {
       for (const n of this.children)
         n.unmount(!0);
-      t || (e = this.node.parentNode) == null || e.removeChild(this.node), this.ref && (this.ref.node = void 0), this.canClickAway = !1;
+      t || (e = this.node.parentNode) == null || e.removeChild(this.node), this.ref && this.ref(void 0), this.canClickAway = !1;
       for (const n of this.stopCallbacks)
         n();
       this.stopCallbacks = [];
@@ -665,45 +559,28 @@ class Qt {
         for (const u in i)
           this.attachProp(
             i[u],
-            (c) => {
-              c == null ? t.removeAttribute(u) : t.setAttribute(u, String(c));
+            (a) => {
+              a == null ? t.removeAttribute(u) : t.setAttribute(u, String(a));
             },
             this.getUpdateKey("attr", u)
           );
       } else if (n === "eventListeners") {
         const i = r;
         for (const u in i) {
-          const c = p(r) ? (a) => r.get()(a) : r;
-          t.addEventListener(u, c), this.stopCallbacks.push(() => {
-            t.removeEventListener(u, c);
+          const a = p(r) ? (l) => r.get()(l) : r;
+          t.addEventListener(u, a), this.stopCallbacks.push(() => {
+            t.removeEventListener(u, a);
           });
         }
       } else if (n === "onClickOutside" || n === "onclickoutside") {
-        const i = (c) => {
-          this.canClickAway && !t.contains(c.target) && (p(r) ? r.get()(c) : r(c));
+        const i = (a) => {
+          this.canClickAway && !t.contains(a.target) && (p(r) ? r.get()(a) : r(a));
         }, u = { capture: !0 };
         window.addEventListener("click", i, u), this.stopCallbacks.push(() => {
           window.removeEventListener("click", i, u);
         });
-      } else if (n === "$$value") {
-        if (!B(r))
-          throw new TypeError(`$$value attribute must be a settable state. Got: ${r}`);
-        this.attachProp(
-          r,
-          (u) => {
-            u == null ? t.value = "" : t.value = String(u);
-          },
-          this.getUpdateKey("attr", "value")
-        );
-        const i = (u) => {
-          const c = te(r.get(), u.currentTarget.value);
-          r.set(c);
-        };
-        t.addEventListener("input", i), this.stopCallbacks.push(() => {
-          t.removeEventListener("input", i);
-        });
-      } else if (Jt(n)) {
-        const i = n.slice(2).toLowerCase(), u = p(r) ? (c) => r.get()(c) : r;
+      } else if (Dt(n)) {
+        const i = n.slice(2).toLowerCase(), u = p(r) ? (a) => r.get()(a) : r;
         t.addEventListener(i, u), this.stopCallbacks.push(() => {
           t.removeEventListener(i, u);
         });
@@ -715,7 +592,7 @@ class Qt {
           },
           this.getUpdateKey("attr", n)
         );
-      else if (!ee.includes(n))
+      else if (!zt.includes(n))
         if (this.elementContext.isSVG)
           this.attachProp(
             r,
@@ -797,27 +674,27 @@ class Qt {
     const r = [];
     if (p(e)) {
       let i;
-      const u = e.watch((c) => {
+      const u = e.watch((a) => {
         this._mutate(
           () => {
-            P(i) && i(), t.style.cssText = "", i = this.applyStyles(t, c, n);
+            V(i) && i(), t.style.cssText = "", i = this.applyStyles(t, a, n);
           },
           this.getUpdateKey("styles", "*")
         );
       });
       n.push(u), r.push(u);
     } else {
-      const i = Mt(e);
+      const i = yt(e);
       for (const u in i) {
-        const { value: c, priority: a } = i[u];
-        if (p(c)) {
-          const l = c.watch((h) => {
+        const { value: a, priority: l } = i[u];
+        if (p(a)) {
+          const c = a.watch((f) => {
             this._mutate(() => {
-              h ? t.style.setProperty(u, String(h), a) : t.style.removeProperty(u);
+              f ? t.style.setProperty(u, String(f), l) : t.style.removeProperty(u);
             });
           });
-          n.push(l), r.push(l);
-        } else c != null && t.style.setProperty(u, String(c));
+          n.push(c), r.push(c);
+        } else a != null && t.style.setProperty(u, String(a));
       }
     }
     return function() {
@@ -829,27 +706,27 @@ class Qt {
     const r = [];
     if (p(e)) {
       let i;
-      const u = e.watch((c) => {
+      const u = e.watch((a) => {
         this._mutate(
           () => {
-            P(i) && i(), t.removeAttribute("class"), i = this.applyClasses(t, c, n);
+            V(i) && i(), t.removeAttribute("class"), i = this.applyClasses(t, a, n);
           },
           this.getUpdateKey("attr", "class")
         );
       });
       n.push(u), r.push(u);
     } else {
-      const i = xt(e);
+      const i = wt(e);
       for (const u in i) {
-        const c = i[u];
-        if (p(c)) {
-          const a = c.watch((l) => {
+        const a = i[u];
+        if (p(a)) {
+          const l = a.watch((c) => {
             this._mutate(() => {
-              l ? t.classList.add(u) : t.classList.remove(u);
+              c ? t.classList.add(u) : t.classList.remove(u);
             });
           });
-          n.push(a), r.push(a);
-        } else c && t.classList.add(u);
+          n.push(l), r.push(l);
+        } else a && t.classList.add(u);
       }
     }
     return function() {
@@ -858,143 +735,129 @@ class Qt {
     };
   }
 }
-function xt(s) {
+function wt(s) {
   let t = {};
-  if (x(s)) {
+  if (E(s)) {
     const e = s.split(" ");
     for (const n of e)
       t[n] = !0;
-  } else Ct(s) ? Object.assign(t, s) : Array.isArray(s) && Array.from(s).filter(Boolean).forEach((e) => {
-    Object.assign(t, xt(e));
+  } else ht(s) ? Object.assign(t, s) : Array.isArray(s) && Array.from(s).filter(Boolean).forEach((e) => {
+    Object.assign(t, wt(e));
   });
   return delete t.undefined, t;
 }
-function Mt(s) {
+function yt(s) {
   let t = {};
-  if (x(s)) {
+  if (E(s)) {
     const e = s.split(";").filter((n) => n.trim() !== "");
     for (const n of e) {
       const [r, i] = n.split(":"), u = {
         value: i
       };
-      i.includes("!important") ? (u.priority = "important", u.value = i.replace("!important", "").trim()) : u.value = i.trim(), t[nt(r.trim())] = u;
+      i.includes("!important") ? (u.priority = "important", u.value = i.replace("!important", "").trim()) : u.value = i.trim(), t[J(r.trim())] = u;
     }
   }
-  if (Ct(s))
+  if (ht(s))
     for (const e in s)
-      e.startsWith("--") ? t[e] = { value: s[e] } : t[nt(e)] = { value: s[e] };
+      e.startsWith("--") ? t[e] = { value: s[e] } : t[J(e)] = { value: s[e] };
   else Array.isArray(s) && Array.from(s).filter((e) => e != null).forEach((e) => {
-    Object.assign(t, Mt(e));
+    Object.assign(t, yt(e));
   });
   return t;
 }
-function nt(s) {
+function J(s) {
   return s.replace(/[A-Z]+(?![a-z])|[A-Z]/g, (t, e) => (e ? "-" : "") + t.toLowerCase());
 }
-function te(s, t) {
-  const e = typeof s;
-  return e === "string" ? String(t) : e === "number" ? Number(t) : e === "boolean" ? !!t : t;
-}
-const ee = ["ref", "children", "class", "style", "data"];
-var lt;
-lt = b;
-class ne {
-  constructor({ states: t, renderFn: e, elementContext: n }) {
-    o(this, lt, !0);
-    o(this, "node");
-    o(this, "endNode");
-    o(this, "connectedViews", []);
+const zt = ["ref", "children", "class", "style", "data"];
+var et;
+et = S;
+class Rt {
+  constructor({ sources: t, renderFn: e, elementContext: n }) {
+    o(this, et, !0);
+    o(this, "node", document.createTextNode(""));
+    o(this, "children", []);
     o(this, "renderFn");
     o(this, "elementContext");
-    o(this, "observerControls");
-    o(this, "watcher", K());
-    this.elementContext = n, this.renderFn = e, this.node = document.createComment("Observer"), this.endNode = document.createComment("/Observer");
-    let r;
-    this.observerControls = {
-      start: () => {
-        r == null && (r = this.watcher.watch(t, (...i) => {
-          let u = this.renderFn(...i);
-          if (!Vt(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: () => {
-        r != null && (r(), r = void 0);
-      }
-    };
+    o(this, "watcher", D());
+    o(this, "sources");
+    this.elementContext = n, this.renderFn = e, this.sources = t;
   }
   get isMounted() {
     return this.node.parentNode != null;
   }
   mount(t, e) {
-    this.isMounted || (t.insertBefore(this.node, (e == null ? void 0 : e.nextSibling) ?? null), this.observerControls.start());
+    this.isMounted || (t.insertBefore(this.node, (e == null ? void 0 : e.nextSibling) ?? null), this.watcher.watch(this.sources, (...n) => {
+      const r = this.renderFn(...n);
+      if (!bt(r))
+        throw console.error(r, n), new TypeError(
+          `Observer received invalid value to render. Got type: ${N(r)}, value: ${r}`
+        );
+      this.update($(r) ? r : [r]);
+    }));
   }
   unmount(t = !1) {
     var e;
-    this.observerControls.stop(), this.watcher.stopAll(), this.isMounted && (this.cleanup(t), (e = this.node.parentNode) == null || e.removeChild(this.node));
+    this.watcher.stopAll(), this.isMounted && (this.cleanup(t), (e = this.node.parentNode) == null || e.removeChild(this.node));
   }
   cleanup(t) {
-    var e;
-    for (; this.connectedViews.length > 0; )
-      (e = this.connectedViews.pop()) == null || e.unmount(t);
+    for (const e of this.children)
+      e.unmount(t);
+    this.children = [];
   }
-  update(...t) {
-    var n, r;
-    if (this.cleanup(!1), t == null || !this.isMounted)
+  update(t) {
+    var i, u, a;
+    if (this.cleanup(!1), t == null || t.length === 0 || !this.isMounted)
       return;
-    const e = t.map((i) => Nt(i) ? i : $(i) ? M(_(this.elementContext, i)) : M(_(this.elementContext, A(i))));
-    for (const i of e) {
-      const u = ((n = this.connectedViews.at(-1)) == null ? void 0 : n.node) || this.node;
-      i.mount(this.node.parentNode, u), this.connectedViews.push(i);
-    }
-    if (this.elementContext.root.getEnv() === "development") {
-      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);
+    const e = t.map((l) => kt(l) ? l : A(l) ? x(C(this.elementContext, l)) : x(C(this.elementContext, G(l))));
+    for (const l of e) {
+      const c = ((i = this.children.at(-1)) == null ? void 0 : i.node) || this.node;
+      l.mount(this.node.parentNode, c), this.children.push(l);
     }
+    const n = this.node.parentNode, r = ((a = (u = this.children.at(-1)) == null ? void 0 : u.node) == null ? void 0 : a.nextSibling) ?? null;
+    n.insertBefore(this.node, r);
   }
 }
-var ht;
-ht = b;
-class $t {
+var nt;
+nt = S;
+class _t {
   constructor(t) {
-    o(this, ht, !0);
+    o(this, nt, !0);
     o(this, "node", document.createTextNode(""));
     o(this, "isMounted", !1);
-    o(this, "elements");
-    o(this, "children", []);
+    o(this, "source");
+    o(this, "elements", []);
     o(this, "stopCallback");
-    this.elements = t;
+    this.source = t;
   }
   mount(t, e) {
-    this.isMounted || (this.isMounted = !0, t.insertBefore(this.node, (e == null ? void 0 : e.nextSibling) ?? null), p(this.elements) ? this.stopCallback = this.elements.watch((n) => {
+    this.isMounted || (this.isMounted = !0, t.insertBefore(this.node, (e == null ? void 0 : e.nextSibling) ?? null), p(this.source) ? this.stopCallback = this.source.watch((n) => {
       this.update(n);
-    }) : this.update(this.children));
+    }) : this.update(this.elements));
   }
   unmount(t = !1) {
-    if (this.stopCallback && (this.stopCallback(), this.stopCallback = void 0), this.isMounted) {
-      for (const e of this.children)
-        e.unmount(t);
-      this.children = [], this.isMounted = !1;
-    }
+    this.stopCallback && (this.stopCallback(), this.stopCallback = void 0), this.isMounted && (this.cleanup(t), this.isMounted = !1);
+  }
+  cleanup(t) {
+    for (const e of this.elements)
+      e.unmount(t);
+    this.elements = [];
   }
   update(t) {
-    for (const e of this.children)
-      e.unmount(!1);
-    for (let e = 0; e < t.length; e++) {
-      const n = t[e], r = e > 0 ? t[e] : void 0;
-      n.mount(this.node.parentElement, r == null ? void 0 : r.node);
+    var e, n;
+    if (this.cleanup(!1), t.length > 0) {
+      for (let r = 0; r < t.length; r++) {
+        const i = t[r], u = r > 0 ? this.elements[r - 1] : void 0;
+        i.mount(this.node.parentElement, u == null ? void 0 : u.node), this.elements.push(i);
+      }
+      (n = this.node.parentNode) == null || n.insertBefore(this.node, ((e = this.elements.at(-1)) == null ? void 0 : e.node) ?? null);
     }
-    this.children = t;
   }
 }
-var ft;
-ft = b;
-class se {
+var st;
+st = S;
+class Bt {
   constructor(t) {
-    o(this, ft, !0);
+    o(this, st, !0);
     o(this, "config");
     o(this, "element");
     this.config = t;
@@ -1004,14 +867,14 @@ class se {
   }
   mount(t, e) {
     const { content: n, parent: r } = this.config;
-    Nt(n) ? this.element = n : $(n) ? this.element = M(_(this.config.elementContext, n)) : this.element = M(_(this.config.elementContext, A(n))), this.element.mount(r);
+    kt(n) ? this.element = n : A(n) ? this.element = x(C(this.config.elementContext, n)) : this.element = x(C(this.config.elementContext, G(n))), this.element.mount(r);
   }
   unmount(t = !1) {
     var e;
     (e = this.element) != null && e.isMounted && this.element.unmount(t);
   }
 }
-class re {
+class Kt {
   constructor(t) {
     o(this, "__view");
     this.__view = t;
@@ -1076,29 +939,30 @@ class re {
     }
   }
   outlet() {
-    return y("$outlet", { $children: this.__view._$children });
+    return _("$outlet", { $children: this.__view._$children });
   }
 }
-var dt;
-dt = b;
-const H = class H {
+var rt;
+rt = S;
+const z = class z {
   constructor(t, e, n, r = []) {
-    o(this, dt, !0);
-    o(this, "uniqueId", vt());
+    o(this, rt, !0);
+    o(this, "uniqueId", ft());
     o(this, "_elementContext");
     o(this, "_logger");
     o(this, "_view");
     o(this, "_props");
     o(this, "_element");
+    o(this, "_childMarkup");
     o(this, "_$children");
     o(this, "_setChildren");
-    o(this, "_watcher", K());
+    o(this, "_watcher", D());
     o(this, "_beforeMountCallbacks", []);
     o(this, "_onMountCallbacks", []);
     o(this, "_beforeUnmountCallbacks", []);
     o(this, "_onUnmountCallbacks", []);
     o(this, "isMounted", !1);
-    this._elementContext = { ...t, data: {}, parent: t }, this._logger = t.root.createLogger(e.name, { uid: this.uniqueId }), this._view = e, this._props = n, [this._$children, this._setChildren] = G(_(t, r));
+    this._elementContext = { ...t, data: {}, parent: t }, this._logger = t.root.createLogger(e.name, { uid: this.uniqueId }), this._view = e, this._props = n, this._childMarkup = r, [this._$children, this._setChildren] = I([]);
   }
   /*===============================*\
   ||         "Public" API          ||
@@ -1125,27 +989,28 @@ const H = class H {
     this._watcher.stopAll();
   }
   setChildView(t) {
-    const e = new H(this._elementContext, t, {});
+    this._childMarkup = [];
+    const e = new z(this._elementContext, t, {});
     return this._setChildren([e]), e;
   }
   /*===============================*\
   ||           Internal            ||
   \*===============================*/
   initialize() {
-    const t = new re(this);
+    const t = new Kt(this);
     let e;
     try {
-      e = this._view(this._props, t);
+      this._childMarkup.length && this._setChildren(C(this._elementContext, this._childMarkup)), e = this._view(this._props, t);
     } catch (n) {
       throw n instanceof Error && this._logger.crash(n), n;
     }
     if (e !== null) if (e instanceof Node)
-      this._element = M(_(this._elementContext, y("$node", { value: e })));
-    else if ($(e) || yt($, e))
-      this._element = M(_(this._elementContext, e));
+      this._element = x(C(this._elementContext, _("$node", { value: e })));
+    else if (A(e) || at(A, e))
+      this._element = x(C(this._elementContext, e));
     else if (p(e))
-      this._element = M(
-        _(this._elementContext, y("$observer", { states: [e], renderFn: (n) => n }))
+      this._element = x(
+        C(this._elementContext, _("$observer", { sources: [e], renderFn: (n) => n }))
       );
     else {
       const n = new TypeError(
@@ -1155,21 +1020,20 @@ const H = class H {
     }
   }
 };
-let U = H;
-var pt;
-pt = b;
-class ie {
+let P = z;
+var it;
+it = S;
+class Ht {
   constructor({ elementContext: t, $items: e, renderFn: n, keyFn: r }) {
-    o(this, pt, !0);
-    o(this, "node");
-    o(this, "endNode");
+    o(this, it, !0);
+    o(this, "node", document.createTextNode(""));
     o(this, "$items");
     o(this, "stopCallback");
     o(this, "connectedItems", []);
     o(this, "elementContext");
     o(this, "renderFn");
     o(this, "keyFn");
-    this.elementContext = t, this.$items = e, this.renderFn = n, this.keyFn = r, this.elementContext.root.getEnv() === "development" ? (this.node = document.createComment("Repeat"), this.endNode = document.createComment("/Repeat")) : (this.node = document.createTextNode(""), this.endNode = document.createTextNode(""));
+    this.elementContext = t, this.$items = e, this.renderFn = n, this.keyFn = r;
   }
   get isMounted() {
     return this.node.parentNode != null;
@@ -1180,8 +1044,8 @@ class ie {
     }));
   }
   unmount(t = !1) {
-    var e, n;
-    this.stopCallback && (this.stopCallback(), this.stopCallback = void 0), !t && this.isMounted && ((e = this.node.parentNode) == null || e.removeChild(this.node), (n = this.endNode.parentNode) == null || n.removeChild(this.endNode)), this._cleanup(t);
+    var e;
+    this.stopCallback && (this.stopCallback(), this.stopCallback = void 0), !t && this.isMounted && ((e = this.node.parentNode) == null || e.removeChild(this.node)), this._cleanup(t);
   }
   _cleanup(t) {
     for (const e of this.connectedItems)
@@ -1189,59 +1053,57 @@ class ie {
     this.connectedItems = [];
   }
   _update(t) {
-    var i, u, c;
+    var u, a, l;
     if (t.length === 0 || !this.isMounted)
       return this._cleanup(!1);
     const e = [];
     let n = 0;
-    for (const a of t)
+    for (const c of t)
       e.push({
-        key: this.keyFn(a, n),
-        value: a,
+        key: this.keyFn(c, n),
+        value: c,
         index: n++
       });
     const r = [];
-    for (const a of this.connectedItems)
-      e.find((h) => h.key === a.key) || a.element.unmount(!1);
-    for (const a of e) {
-      const l = this.connectedItems.find((h) => h.key === a.key);
-      if (l)
-        l.setValue(a.value), l.setIndex(a.index), r[a.index] = l;
+    for (const c of this.connectedItems)
+      e.find((h) => h.key === c.key) || c.element.unmount(!1);
+    for (const c of e) {
+      const f = this.connectedItems.find((h) => h.key === c.key);
+      if (f)
+        f.setValue(c.value), f.setIndex(c.index), r[c.index] = f;
       else {
-        const [h, f] = G(a.value), [d, m] = G(a.index);
-        r[a.index] = {
-          key: a.key,
+        const [h, d] = I(c.value), [m, g] = I(c.index);
+        r[c.index] = {
+          key: c.key,
           $value: h,
-          setValue: f,
-          $index: d,
-          setIndex: m,
-          element: new U(this.elementContext, oe, {
+          setValue: d,
+          $index: m,
+          setIndex: g,
+          element: new P(this.elementContext, Yt, {
             $value: h,
-            $index: d,
+            $index: m,
             renderFn: this.renderFn
           })
         };
       }
     }
-    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 = 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);
+    for (let c = 0; c < r.length; c++) {
+      const f = r[c], h = ((u = r[c - 1]) == null ? void 0 : u.element.node) ?? this.node;
+      f.element.mount(this.node.parentNode, h);
     }
+    this.connectedItems = r;
+    const i = ((a = r.at(-1)) == null ? void 0 : a.element.node) ?? this.node;
+    (l = this.node.parentNode) == null || l.insertBefore(this.node, i.nextSibling);
   }
 }
-function oe({ $value: s, $index: t, renderFn: e }, n) {
+function Yt({ $value: s, $index: t, renderFn: e }, n) {
   return e(s, t, n);
 }
-var mt;
-mt = b;
-class ue {
+var ot;
+ot = S;
+class Zt {
   constructor({ value: t }) {
-    o(this, mt, !0);
+    o(this, ot, !0);
     o(this, "node", document.createTextNode(""));
     o(this, "value", "");
     o(this, "stopCallback");
@@ -1262,69 +1124,57 @@ class ue {
     t != null ? this.node.textContent = t.toString() : this.node.textContent = "";
   }
 }
-function $(s) {
-  return (s == null ? void 0 : s[kt]) === !0;
+function A(s) {
+  return (s == null ? void 0 : s[gt]) === !0;
 }
-function Nt(s) {
-  return (s == null ? void 0 : s[b]) === !0;
+function kt(s) {
+  return (s == null ? void 0 : s[S]) === !0;
 }
-function A(s) {
-  return V(s) || (s = [s]), s.flat(1 / 0).filter((t) => t != null && t !== !1).map((t) => {
+function G(s) {
+  return $(s) || (s = [s]), s.flat(1 / 0).filter((t) => t != null && t !== !1).map((t) => {
     if (t instanceof Node)
-      return y("$node", { value: t });
-    if (t instanceof At)
-      return y("$node", { value: t.node });
-    if ($(t))
+      return _("$node", { value: t });
+    if (t instanceof vt)
+      return _("$node", { value: t.node });
+    if (A(t))
       return t;
-    if (x(t) || _t(t))
-      return y("$text", { value: t });
+    if (E(t) || lt(t))
+      return _("$text", { value: t });
     if (p(t))
-      return y("$observer", {
-        states: [t],
+      return _("$observer", {
+        sources: [t],
         renderFn: (e) => e
       });
     throw console.error(t), new TypeError(`Unexpected child type. Got: ${t}`);
   });
 }
-function y(s, t, ...e) {
-  return t != null && ae(t), {
-    [kt]: !0,
+function _(s, t, ...e) {
+  return {
+    [gt]: !0,
     type: s,
     props: t,
-    children: A(e)
+    children: G(e)
   };
 }
-function ae(s) {
-  if (s.ref && !Et(s.ref))
-    throw console.warn(s.ref), new TypeError(`Prop 'ref' must be a Ref object. Got: ${s.ref}`);
-  for (const t in s)
-    if (t.startsWith("$$") && s[t] !== void 0) {
-      if (!B(s[t]))
-        throw new TypeError(`Prop '${t}' is named as a SettableState but value is not. Got: ${s[t]}`);
-    } else if (t.startsWith("$") && s[t] !== void 0 && !p(s[t]))
-      throw new TypeError(`Prop '${t}' is named as a State but value is not. Got: ${s[t]}`);
-}
-const ve = Zt.bind(y);
-function be(s, t, e) {
-  const n = L(s);
-  return y("$cond", {
-    $predicate: n,
-    thenContent: t,
-    elseContent: e
+const oe = Lt.bind(_);
+function ue(s, t, e) {
+  return _("$observer", {
+    sources: [s],
+    renderFn: (n) => n && t ? t : !n && e ? e : null
   });
 }
-function Se(s, t, e) {
-  const n = L(s);
-  return y("$repeat", { $items: n, keyFn: t, renderFn: e });
+function ce(s, t, e) {
+  const n = j(s);
+  return _("$repeat", { $items: n, keyFn: t, renderFn: e });
 }
-function ke(s, t) {
-  return y("$portal", { parent: s, content: t });
+function ae(s, t) {
+  return _("$portal", { parent: s, content: t });
 }
-var gt;
-gt = b;
-class At {
+var ut;
+ut = S;
+class vt {
   constructor(t) {
-    o(this, gt, !0);
+    o(this, ut, !0);
     o(this, "node");
     this.node = t;
   }
@@ -1338,34 +1188,34 @@ class At {
     this.node.parentNode && this.node.parentNode.removeChild(this.node);
   }
 }
-function _(s, t) {
-  return (V(t) ? t : [t]).map((n) => {
-    if (P(n.type))
-      return new U(s, n.type, n.props, n.children);
-    if (x(n.type))
+function C(s, t) {
+  return ($(t) ? t : [t]).map((n) => {
+    if (V(n.type))
+      return new P(s, n.type, n.props, n.children);
+    if (E(n.type))
       switch (n.type) {
         case "$node": {
           const r = n.props;
-          return new At(r.value);
+          return new vt(r.value);
         }
         case "$text": {
           const r = n.props;
-          return new ue({
+          return new Zt({
             value: r.value
           });
         }
-        case "$cond": {
-          const r = n.props;
-          return new Xt({
-            $predicate: r.$predicate,
-            thenContent: r.thenContent,
-            elseContent: r.elseContent,
-            elementContext: s
-          });
-        }
+        // case "$cond": {
+        //   const attrs = item.props! as MarkupAttributes["$cond"];
+        //   return new Conditional({
+        //     $predicate: attrs.$predicate,
+        //     thenContent: attrs.thenContent,
+        //     elseContent: attrs.elseContent,
+        //     elementContext,
+        //   });
+        // }
         case "$repeat": {
           const r = n.props;
-          return new ie({
+          return new Ht({
             $items: r.$items,
             keyFn: r.keyFn,
             renderFn: r.renderFn,
@@ -1374,19 +1224,19 @@ function _(s, t) {
         }
         case "$observer": {
           const r = n.props;
-          return new ne({
-            states: r.states,
+          return new Rt({
+            sources: r.sources,
             renderFn: r.renderFn,
             elementContext: s
           });
         }
         case "$outlet": {
           const r = n.props;
-          return new $t(r.$children);
+          return new _t(r.$children);
         }
         case "$portal": {
           const r = n.props;
-          return new se({
+          return new Bt({
             content: r.content,
             parent: r.parent,
             elementContext: s
@@ -1395,7 +1245,7 @@ function _(s, t) {
         default:
           if (n.type.startsWith("$"))
             throw new Error(`Unknown markup type: ${n.type}`);
-          return new Qt({
+          return new Gt({
             tag: n.type,
             props: n.props ?? {},
             children: n.children,
@@ -1406,48 +1256,46 @@ function _(s, t) {
       throw new TypeError(`Expected a string or view function. Got: ${n.type}`);
   });
 }
-function M(s) {
-  return s.length === 1 ? s[0] : new $t(s);
+function x(s) {
+  return s.length === 1 ? s[0] : new _t(s);
 }
-function Vt(s) {
-  return s == null || s === !1 || x(s) || _t(s) || $(s) || p(s) || yt(Vt, s);
+function bt(s) {
+  return s == null || s === !1 || E(s) || lt(s) || A(s) || p(s) || at(bt, s);
 }
-function Ee(s, t) {
+function le(s, t) {
   return t.outlet();
 }
 export {
-  _ as A,
-  _e as B,
-  bt as C,
-  ke as D,
-  Se as E,
-  Ee as P,
-  U as V,
-  G as a,
-  x as b,
-  be as c,
-  Ht as d,
-  me as e,
-  P as f,
-  fe as g,
-  ve as h,
-  Ct as i,
-  he as j,
-  le as k,
-  K as l,
-  ge as m,
-  we as n,
-  ye as o,
-  L as p,
-  Ce as q,
-  Et as r,
-  pe as s,
+  dt as A,
+  ae as B,
+  ce as C,
+  le as P,
+  P as V,
+  I as a,
+  E as b,
+  ue as c,
+  jt as d,
+  se as e,
+  V as f,
+  te as g,
+  oe as h,
+  ht as i,
+  Qt as j,
+  Jt as k,
+  D as l,
+  re as m,
+  j as n,
+  Ft as o,
+  p,
+  ie as q,
+  Wt as r,
+  ne as s,
   N as t,
-  de as u,
-  Bt as v,
-  y as w,
-  Rt as x,
-  Dt as y,
-  M as z
+  ee as u,
+  _ as v,
+  Tt as w,
+  qt as x,
+  x as y,
+  C as z
 };
-//# sourceMappingURL=passthrough-BeKX_qRr.js.map
+//# sourceMappingURL=passthrough-CACEgFx5.js.map