@manyducks.co/dolla 2.0.0-alpha.1 → 2.0.0-alpha.3

package/dist/{fragment-DHJiX0-a.js → passthrough-DrtCifRF.js}

@@ -1,63 +1,63 @@
-var ie = Object.defineProperty;
-var ce = (t, e, n) => e in t ? ie(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
-var d = (t, e, n) => ce(t, typeof e != "symbol" ? e + "" : e, n);
+var ue = Object.defineProperty;
+var ce = (t, e, n) => e in t ? ue(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
+var f = (t, e, n) => ce(t, typeof e != "symbol" ? e + "" : e, n);
 function le(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var I = { exports: {} }, K;
+var j = { exports: {} }, W;
 function ae() {
-  return K || (K = 1, function(t, e) {
+  return W || (W = 1, function(t, e) {
     Object.defineProperty(e, "__esModule", { value: !0 });
     var n = /* @__PURE__ */ function() {
-      function c(a, h) {
-        var g = [], C = !0, b = !1, k = void 0;
+      function u(l, d) {
+        var h = [], C = !0, w = !1, k = void 0;
         try {
-          for (var v, $ = a[Symbol.iterator](); !(C = (v = $.next()).done) && (g.push(v.value), !(h && g.length === h)); C = !0) ;
+          for (var $, v = l[Symbol.iterator](); !(C = ($ = v.next()).done) && (h.push($.value), !(d && h.length === d)); C = !0) ;
         } catch (m) {
-          b = !0, k = m;
+          w = !0, k = m;
         } finally {
           try {
-            !C && $.return && $.return();
+            !C && v.return && v.return();
           } finally {
-            if (b) throw k;
+            if (w) throw k;
           }
         }
-        return g;
+        return h;
       }
-      return function(a, h) {
-        if (Array.isArray(a)) return a;
-        if (Symbol.iterator in Object(a)) return c(a, h);
+      return function(l, d) {
+        if (Array.isArray(l)) return l;
+        if (Symbol.iterator in Object(l)) return u(l, d);
         throw new TypeError("Invalid attempt to destructure non-iterable instance");
       };
-    }(), o = function(c) {
-      return c.reduce(function(a, h) {
-        return 16 > h ? a + "0" + h.toString(16) : a + h.toString(16);
+    }(), o = function(u) {
+      return u.reduce(function(l, d) {
+        return 16 > d ? l + "0" + d.toString(16) : l + d.toString(16);
       }, "#");
-    }, r = function(c, a, h) {
-      var g = 0.5 > h ? h * (1 + a) : h + a - h * a, C = 2 * h - g, b = function(m, p, f) {
-        var u = Math.round, y = 0 > f ? f + 1 : 1 < f ? f - 1 : f;
-        return y = y < 1 / 6 ? m + 6 * (p - m) * y : y < 1 / 2 ? p : y < 2 / 3 ? m + 6 * (p - m) * (2 / 3 - y) : m, u(255 * y);
-      }, k = b(C, g, c + 1 / 3), v = b(C, g, c), $ = b(C, g, c - 1 / 3);
-      return [k, v, $];
-    }, s = function(c, a, h, g) {
-      var C = c % 1007 / 1007, b = function(m, p, f) {
-        return m * (f - p) + p;
-      }, k = b(C, a.min, a.max), v = b(C, h.min, h.max), $ = b(C, g.max, g.min);
-      return [k, v, $];
-    }, i = function(c) {
-      return c.split("").reduce(function(a, h, g) {
-        return a * h.charCodeAt(0) * g + 1;
+    }, r = function(u, l, d) {
+      var h = 0.5 > d ? d * (1 + l) : d + l - d * l, C = 2 * d - h, w = function(m, p, a) {
+        var y = Math.round, g = 0 > a ? a + 1 : 1 < a ? a - 1 : a;
+        return g = g < 1 / 6 ? m + 6 * (p - m) * g : g < 1 / 2 ? p : g < 2 / 3 ? m + 6 * (p - m) * (2 / 3 - g) : m, y(255 * g);
+      }, k = w(C, h, u + 1 / 3), $ = w(C, h, u), v = w(C, h, u - 1 / 3);
+      return [k, $, v];
+    }, s = function(u, l, d, h) {
+      var C = u % 1007 / 1007, w = function(m, p, a) {
+        return m * (a - p) + p;
+      }, k = w(C, l.min, l.max), $ = w(C, d.min, d.max), v = w(C, h.max, h.min);
+      return [k, $, v];
+    }, i = function(u) {
+      return u.split("").reduce(function(l, d, h) {
+        return l * d.charCodeAt(0) * h + 1;
       }, 1);
-    }, l = function(c) {
-      var a = c.str, h = c.hue, g = h === void 0 ? { min: 0, max: 360 } : h, C = c.sat, b = C === void 0 ? { min: 0.35, max: 0.65 } : C, k = c.light, v = k === void 0 ? { min: 0.3, max: 0.7 } : k, $ = c.hashFunction, m = $ === void 0 ? i : $, p = c.scheme, f = p === void 0 ? "hex" : p, u = s(m(a), g, b, v), y = n(u, 3), N = y[0], A = y[1], U = y[2], H = r(N / 360, A, U), se = o(H);
-      return f === "hsl" ? [N, A, U] : f === "rgb" ? H : se;
+    }, c = function(u) {
+      var l = u.str, d = u.hue, h = d === void 0 ? { min: 0, max: 360 } : d, C = u.sat, w = C === void 0 ? { min: 0.35, max: 0.65 } : C, k = u.light, $ = k === void 0 ? { min: 0.3, max: 0.7 } : k, v = u.hashFunction, m = v === void 0 ? i : v, p = u.scheme, a = p === void 0 ? "hex" : p, y = s(m(l), h, w, $), g = n(y, 3), S = g[0], F = g[1], B = g[2], K = r(S / 360, F, B), ie = o(K);
+      return a === "hsl" ? [S, F, B] : a === "rgb" ? K : ie;
     };
-    e.default = l, t.exports = e.default;
-  }(I, I.exports)), I.exports;
+    e.default = c, t.exports = e.default;
+  }(j, j.exports)), j.exports;
 }
 var de = ae();
-const ue = /* @__PURE__ */ le(de);
-function R(t) {
+const fe = /* @__PURE__ */ le(de);
+function q(t) {
   if (t === void 0)
     return "undefined";
   if (t === null)
@@ -69,38 +69,38 @@ function R(t) {
     case "function":
       return Y(t) ? "class" : e;
     case "object":
-      return j(t) ? "array" : he(t) ? "promise" : e;
+      return P(t) ? "array" : he(t) ? "promise" : e;
     default:
       return e;
   }
 }
-function j(t) {
+function P(t) {
   return Array.isArray(t);
 }
-function D(...t) {
-  const e = t[0], n = (o) => j(o) && o.every((r) => e(r));
+function z(...t) {
+  const e = t[0], n = (o) => P(o) && o.every((r) => e(r));
   return t.length < 2 ? n : n(t[1]);
 }
-function Ve(...t) {
-  const e = t[0], n = O(t[2]) ? t[2] : "Expected an array of valid items. Got type: %t, value: %v", o = (r) => {
-    if (j(r) && r.every((s) => e(s)))
+function Oe(...t) {
+  const e = t[0], n = A(t[2]) ? t[2] : "Expected an array of valid items. Got type: %t, value: %v", o = (r) => {
+    if (P(r) && r.every((s) => e(s)))
       return !0;
     throw new TypeError(_(r, n));
   };
   return t.length < 2 ? o : o(t[1]);
 }
-function O(t) {
+function A(t) {
   return typeof t == "string";
 }
-function Fe(t, e) {
-  if (O(t))
+function Ve(t, e) {
+  if (A(t))
     return !0;
   throw new TypeError(_(t, e ?? "Expected a string. Got type: %t, value: %v"));
 }
 function E(t) {
   return typeof t == "function" && !Y(t);
 }
-function z(t) {
+function D(t) {
   return typeof t == "number" && !isNaN(t);
 }
 function he(t) {
@@ -112,37 +112,37 @@ function Y(t) {
   return typeof t == "function" && /^\s*class\s+/.test(t.toString());
 }
 function Pe(...t) {
-  const e = t[0], n = O(t[2]) ? t[2] : `Expected instance of ${e.name}. Got type: %t, value: %v`, o = (r) => {
+  const e = t[0], n = A(t[2]) ? t[2] : `Expected instance of ${e.name}. Got type: %t, value: %v`, o = (r) => {
     if (r instanceof e)
       return !0;
     throw new TypeError(_(r, n));
   };
   return t.length < 2 ? o : o(t[1]);
 }
-function G(t) {
-  return t != null && typeof t == "object" && !j(t);
+function L(t) {
+  return t != null && typeof t == "object" && !P(t);
 }
 function _(t, e) {
   var r;
-  const n = R(t), o = ((r = t == null ? void 0 : t.toString) == null ? void 0 : r.call(t)) || String(t);
+  const n = q(t), o = ((r = t == null ? void 0 : t.toString) == null ? void 0 : r.call(t)) || String(t);
   return e.replaceAll("%t", n).replaceAll("%v", o);
 }
-const je = () => {
+const Fe = () => {
 };
-function W(t) {
+function H(t) {
   return t != null && typeof t == "object" && !Array.isArray(t) && Object.getPrototypeOf(t) === Object.getPrototypeOf({});
 }
-function L(t, e) {
+function I(t, e) {
   if (t === e)
     return !0;
-  if (w(t) || w(e))
+  if (b(t) || b(e))
     return !1;
-  if (W(t) && W(e)) {
+  if (H(t) && H(e)) {
     const n = Object.keys(t), o = Object.keys(e);
     if (n.length !== o.length)
       return !1;
     for (const r in t)
-      if (!L(t[r], e[r]))
+      if (!I(t[r], e[r]))
         return !1;
     return !0;
   }
@@ -150,13 +150,13 @@ function L(t, e) {
     if (t.length !== e.length)
       return !1;
     for (const n in t)
-      if (!L(t[n], e[n]))
+      if (!I(t[n], e[n]))
         return !1;
     return !0;
   }
   return t === e;
 }
-function fe(t, e) {
+function pe(t, e) {
   const n = (o) => {
     const r = {};
     for (const s in o)
@@ -171,8 +171,8 @@ function Ue() {
   if (typeof global < "u" && global.console)
     return global.console;
 }
-function Me(t) {
-  return ue({
+function je(t) {
+  return fe({
     str: t,
     sat: { min: 0.35, max: 0.55 },
     light: { min: 0.6, max: 0.6 }
@@ -200,20 +200,20 @@ function Ie(t) {
     return !(s.some((i) => i(o)) || r.length > 0 && !r.some((i) => i(o)));
   };
 }
-function w(t) {
+function b(t) {
   return !(t == null || typeof t != "object" || typeof t.get != "function" || typeof t.watch != "function");
 }
 function Z(t) {
   return !(t == null || typeof t != "object" || typeof t.set != "function" || typeof t.get != "function" || typeof t.watch != "function");
 }
-function V(t) {
-  return w(t) ? t.get() : t;
+function T(t) {
+  return b(t) ? t.get() : t;
 }
 function J(t) {
-  return w(t) ? t : B(t);
+  return b(t) ? t : R(t);
 }
 function Le(t, e) {
-  const [n, o] = F(t, e);
+  const [n, o] = O(t, e);
   return {
     get: n.get,
     watch: n.watch,
@@ -227,14 +227,14 @@ function Ge(t, e) {
     set: e
   };
 }
-function pe(t, e) {
+function qe(t, e) {
   return function(o) {
     const r = t.get();
     let s;
     typeof o == "function" ? s = o(r) : s = o, e(s, r);
   };
 }
-function B(t) {
+function R(t) {
   return {
     get() {
       return t;
@@ -245,207 +245,210 @@ function B(t) {
     }
   };
 }
-function F(t, e) {
+function O(t, e) {
   let n = t, o = [];
   function r() {
-    for (const c of o)
-      c(n);
+    for (const u of o)
+      u(n);
   }
-  function s(c, a) {
-    return e != null && e.equality ? e.equality(c, a) : L(c, a);
+  function s(u, l) {
+    return e != null && e.equality ? e.equality(u, l) : I(u, l);
   }
   const i = {
     get() {
-      return V(n);
+      return T(n);
     },
-    watch(c, a) {
-      return o.push(c), a != null && a.lazy || c(i.get()), function() {
-        o.splice(o.indexOf(c), 1);
+    watch(u, l) {
+      return o.push(u), l != null && l.lazy || u(i.get()), function() {
+        o.splice(o.indexOf(u), 1);
       };
     }
-  }, l = pe(i, (c, a) => {
-    s(c, a) || (n = c, r());
-  });
-  return [i, l];
+  };
+  function c(u) {
+    let l;
+    typeof u == "function" ? l = u(n) : l = u, s(l, n) || (n = l, r());
+  }
+  return [i, c];
 }
-const ye = Symbol("EMPTY");
-function ge(t, e, n) {
-  t = t.map((p) => w(p) ? p : B(p));
-  let o = new Array(t.length).fill(ye, 0, t.length), r, s = [], i = !1, l = [], c, a;
-  function h(p = b()) {
-    for (const f of s)
-      f(p);
+const me = Symbol("EMPTY");
+function ye(t, e, n) {
+  t = t.map((p) => b(p) ? p : R(p));
+  let o = new Array(t.length).fill(me, 0, t.length), r, s = [], i = !1, c = [], u, l;
+  function d(p = w()) {
+    for (const a of s)
+      a(p);
   }
-  function g(p, f) {
-    return n != null && n.equality ? n.equality(p, f) : L(p, f);
+  function h(p, a) {
+    return n != null && n.equality ? n.equality(p, a) : I(p, a);
   }
   function C() {
-    const p = t.map((f) => f.get());
-    for (let f = 0; f < t.length; f++)
-      if (!g(p[f], o[f])) {
+    const p = t.map((a) => a.get());
+    for (let a = 0; a < t.length; a++)
+      if (!h(p[a], o[a])) {
         k(e(...p)), o = p;
         break;
       }
   }
-  function b() {
-    return i || C(), a = V(r), a;
+  function w() {
+    return i || C(), l = T(r), l;
   }
   function k(p) {
-    p !== r && (c && (c(), c = void 0), r = p, a = V(p), w(p) && i && (c = p.watch((f) => {
-      const u = V(f);
-      g(u, a) || (a = u, h(u));
+    p !== r && (u && (u(), u = void 0), r = p, l = T(p), b(p) && i && (u = p.watch((a) => {
+      const y = T(a);
+      h(y, l) || (l = y, d(y));
     })));
   }
-  function v() {
+  function $() {
     let p = [...o];
-    for (let f = 0; f < t.length; f++) {
-      const u = t[f];
-      l.push(
-        u.watch((y) => {
-          const N = o[f];
-          o[f] = y, i && !g(y, N) && (k(e(...o)), h(V(r)));
+    for (let a = 0; a < t.length; a++) {
+      const y = t[a];
+      c.push(
+        y.watch((g) => {
+          const S = o[a];
+          o[a] = g, i && !h(g, S) && (k(e(...o)), d(T(r)));
         })
       );
     }
     i = !0;
-    for (let f = 0; f < t.length; f++)
-      if (!g(o[f], p[f])) {
-        k(e(...o)), h(V(r));
+    for (let a = 0; a < t.length; a++)
+      if (!h(o[a], p[a])) {
+        k(e(...o)), d(T(r));
         break;
       }
   }
-  function $() {
-    for (const p of l)
+  function v() {
+    for (const p of c)
       p();
-    l = [], c && (c(), c = void 0), i = !1;
+    c = [], u && (u(), u = void 0), i = !1;
   }
   return {
     get() {
-      return b();
+      return w();
     },
-    watch(p, f) {
-      return i || v(), s.push(p), f != null && f.lazy || p(b()), function() {
-        s.splice(s.indexOf(p), 1), i && s.length === 0 && $();
+    watch(p, a) {
+      return i || $(), s.push(p), a != null && a.lazy || p(w()), function() {
+        s.splice(s.indexOf(p), 1), i && s.length === 0 && v();
       };
     }
   };
 }
-function q(t, e) {
+function G(t, e) {
   if (t.length === 0)
     throw new TypeError("Expected at least one signal.");
-  if (t.some((n) => !w(n)))
+  if (t.some((n) => !b(n)))
     throw new TypeError("All values must be signals");
-  return t = t.map((n) => w(n) ? n : B(n)), t.length > 1 ? ge(t, e).watch(() => null) : t[0].watch(e);
+  return t = t.map((n) => b(n) ? n : R(n)), t.length > 1 ? ye(t, e).watch(() => null) : t[0].watch(e);
 }
-class me {
+function ge(t) {
+  for (var e, n, o = arguments, r = 1, s = "", i = "", c = [0], u = function(h) {
+    r === 1 && (h || (s = s.replace(/^\s*\n\s*|\s*\n\s*$/g, ""))) ? c.push(h ? o[h] : s) : r === 3 && (h || s) ? (c[1] = h ? o[h] : s, r = 2) : r === 2 && s === "..." && h ? c[2] = Object.assign(c[2] || {}, o[h]) : r === 2 && s && !h ? (c[2] = c[2] || {})[s] = !0 : r >= 5 && (r === 5 ? ((c[2] = c[2] || {})[n] = h ? s ? s + o[h] : o[h] : s, r = 6) : (h || s) && (c[2][n] += h ? s + o[h] : s)), s = "";
+  }, l = 0; l < t.length; l++) {
+    l && (r === 1 && u(), u(l));
+    for (var d = 0; d < t[l].length; d++) e = t[l][d], r === 1 ? e === "<" ? (u(), c = [c, "", null], r = 3) : s += e : r === 4 ? s === "--" && e === ">" ? (r = 1, s = "") : s = e + s[0] : i ? e === i ? i = "" : s += e : e === '"' || e === "'" ? i = e : e === ">" ? (u(), r = 1) : r && (e === "=" ? (r = 5, n = s, s = "") : e === "/" && (r < 5 || t[l][d + 1] === ">") ? (u(), r === 3 && (c = c[0]), r = c, (c = c[0]).push(this.apply(null, r.slice(1))), r = 0) : e === " " || e === "	" || e === `
+` || e === "\r" ? (u(), r = 2) : s += e), r === 3 && s === "!--" && (r = 4, c = c[0]);
+  }
+  return u(), c.length > 2 ? c.slice(1) : c[1];
+}
+class Ce {
   constructor(e) {
-    d(this, "node");
-    d(this, "endNode");
-    d(this, "$predicate");
-    d(this, "stopCallback");
-    d(this, "thenContent");
-    d(this, "elseContent");
-    d(this, "connectedContent", []);
-    d(this, "elementContext");
-    d(this, "initialUpdateHappened", !1);
-    d(this, "previousValue");
-    this.$predicate = e.$predicate, this.thenContent = e.thenContent ? M(e.thenContent) : void 0, this.elseContent = e.elseContent ? M(e.elseContent) : void 0, this.elementContext = e.elementContext, this.elementContext.root.env === "development" ? (this.node = document.createComment("Conditional"), this.endNode = document.createComment("/Conditional")) : (this.node = document.createTextNode(""), this.endNode = document.createTextNode(""));
-  }
-  get connected() {
+    f(this, "node");
+    f(this, "endNode");
+    f(this, "$predicate");
+    f(this, "stopCallback");
+    f(this, "thenContent");
+    f(this, "elseContent");
+    f(this, "connectedContent", []);
+    f(this, "elementContext");
+    f(this, "initialUpdateHappened", !1);
+    f(this, "previousValue");
+    this.$predicate = e.$predicate, this.thenContent = e.thenContent ? U(e.thenContent) : void 0, this.elseContent = e.elseContent ? U(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;
   }
-  connect(e, n) {
-    this.connected || (e.insertBefore(this.node, (n == null ? void 0 : n.nextSibling) ?? null), this.elementContext.root.env === "development" && e.insertBefore(this.endNode, this.node.nextSibling), this.stopCallback = this.$predicate.watch((o) => {
+  mount(e, n) {
+    this.isMounted || (e.insertBefore(this.node, (n == null ? void 0 : n.nextSibling) ?? null), this.elementContext.root.getEnv() === "development" && e.insertBefore(this.endNode, this.node.nextSibling), this.stopCallback = this.$predicate.watch((o) => {
       (!this.initialUpdateHappened || o && !this.previousValue || !o && this.previousValue) && (this.update(o), this.initialUpdateHappened = !0, this.previousValue = o);
     }));
   }
-  disconnect() {
+  unmount() {
     var e, n;
     this.stopCallback && (this.stopCallback(), this.stopCallback = void 0);
     for (const o of this.connectedContent)
-      o.disconnect();
-    this.connectedContent = [], this.connected && ((e = this.node.parentNode) == null || e.removeChild(this.node), (n = this.endNode.parentNode) == null || n.removeChild(this.endNode));
+      o.unmount();
+    this.connectedContent = [], this.isMounted && ((e = this.node.parentNode) == null || e.removeChild(this.node), (n = this.endNode.parentNode) == null || n.removeChild(this.endNode));
   }
   update(e) {
     var n;
     for (const o of this.connectedContent)
-      o.disconnect();
+      o.unmount();
     if (this.connectedContent = [], this.node.parentNode != null) {
-      e && this.thenContent ? this.connectedContent = S(this.thenContent, this.elementContext) : !e && this.elseContent && (this.connectedContent = S(this.elseContent, this.elementContext));
+      e && this.thenContent ? this.connectedContent = x(this.elementContext, this.thenContent) : !e && this.elseContent && (this.connectedContent = x(this.elementContext, this.elseContent));
       for (let o = 0; o < this.connectedContent.length; o++) {
         const r = this.connectedContent[o], s = ((n = this.connectedContent[o - 1]) == null ? void 0 : n.node) ?? this.node;
-        r.connect(this.node.parentNode, s);
+        r.mount(this.node.parentNode, s);
       }
-      this.elementContext.root.env === "development" && (this.node.textContent = `Conditional (${e ? "truthy" : "falsy"})`);
+      this.elementContext.root.getEnv() === "development" && (this.node.textContent = `Conditional (${e ? "truthy" : "falsy"})`);
     }
   }
-  async setChildren(e) {
-  }
 }
 let Q = (t = 21) => crypto.getRandomValues(new Uint8Array(t)).reduce((e, n) => (n &= 63, n < 36 ? e += n.toString(36) : n < 62 ? e += (n - 26).toString(36).toUpperCase() : n > 62 ? e += "-" : e += "_", e), "");
-const Ce = (t) => /^on[A-Z]/.test(t);
+const be = (t) => /^on[A-Z]/.test(t);
 class we {
   constructor({ tag: e, props: n, children: o, elementContext: r }) {
-    d(this, "node");
-    d(this, "props");
-    d(this, "children");
-    d(this, "stopCallbacks", []);
-    d(this, "elementContext");
-    d(this, "uniqueId", Q());
+    f(this, "node");
+    f(this, "props");
+    f(this, "children");
+    f(this, "stopCallbacks", []);
+    f(this, "elementContext");
+    f(this, "uniqueId", Q());
     // Prevents 'onClickOutside' handlers from firing in the same cycle in which the element is connected.
-    d(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.env === "development" && (this.node.dataset.uniqueId = this.uniqueId), n.ref)
+    f(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), n.ref)
       if (oe(n.ref))
         n.ref.node = this.node;
       else
         throw new Error("Expected ref to be a Ref object. Got: " + n.ref);
     this.props = {
-      ...fe(["ref", "class", "className"], n),
+      ...pe(["ref", "class", "className"], n),
       class: n.className ?? n.class
-    }, this.children = o ? S(o, r) : [], this.elementContext = r;
+    }, this.children = o ? x(r, o) : [], this.elementContext = r;
   }
-  get connected() {
+  get isMounted() {
     return this.node.parentNode != null;
   }
-  connect(e, n) {
+  mount(e, n) {
     if (e == null)
       throw new Error(`HTML element requires a parent element as the first argument to connect. Got: ${e}`);
-    if (!this.connected) {
+    if (!this.isMounted) {
       for (const o of this.children)
-        o.connect(this.node);
+        o.mount(this.node);
       this.applyProps(this.node, this.props), this.props.style && this.applyStyles(this.node, this.props.style, this.stopCallbacks), this.props.class && this.applyClasses(this.node, this.props.class, this.stopCallbacks);
     }
     e.insertBefore(this.node, (n == null ? void 0 : n.nextSibling) ?? null), setTimeout(() => {
       this.canClickAway = !0;
     }, 0);
   }
-  disconnect() {
+  unmount() {
     var e;
-    if (this.connected) {
+    if (this.isMounted) {
       for (const n of this.children)
-        n.disconnect();
+        n.unmount();
       (e = this.node.parentNode) == null || e.removeChild(this.node), this.canClickAway = !1;
       for (const n of this.stopCallbacks)
         n();
       this.stopCallbacks = [];
     }
   }
-  setChildren(e) {
-    var s, i;
-    const n = this.children, o = [], r = Math.max(n.length, e.length);
-    for (let l = 0; l < r; l++)
-      !n[l] && e[l] ? (o[l] = e[l], o[l].connect(this.node, (s = o[l - 1]) == null ? void 0 : s.node)) : n[l] && !e[l] ? n[l].disconnect() : n[l] != e[l] && (o[l] = e[l], n[l].disconnect(), o[l].connect(this.node, (i = o[l - 1]) == null ? void 0 : i.node));
-    this.children = o;
-  }
   getUpdateKey(e, n) {
     return `${this.uniqueId}:${e}:${n}`;
   }
   applyProps(e, n) {
     const o = (r, s, i) => {
-      w(r) ? this.stopCallbacks.push(
-        r.watch((l) => {
+      b(r) ? this.stopCallbacks.push(
+        r.watch((c) => {
           this.elementContext.root.render.update(() => {
-            s(l);
+            s(c);
           }, i);
         })
       ) : this.elementContext.root.render.update(() => {
@@ -456,50 +459,50 @@ class we {
       const s = n[r];
       if (r === "attributes") {
         const i = s;
-        for (const l in i)
+        for (const c in i)
           o(
-            i[l],
-            (c) => {
-              c == null ? e.removeAttribute(l) : e.setAttribute(l, String(c));
+            i[c],
+            (u) => {
+              u == null ? e.removeAttribute(c) : e.setAttribute(c, String(u));
             },
-            this.getUpdateKey("attr", l)
+            this.getUpdateKey("attr", c)
           );
       } else if (r === "eventListeners") {
         const i = s;
-        for (const l in i) {
-          const c = w(s) ? (a) => s.get()(a) : s;
-          e.addEventListener(l, c), this.stopCallbacks.push(() => {
-            e.removeEventListener(l, c);
+        for (const c in i) {
+          const u = b(s) ? (l) => s.get()(l) : s;
+          e.addEventListener(c, u), this.stopCallbacks.push(() => {
+            e.removeEventListener(c, u);
           });
         }
       } else if (r === "onClickOutside" || r === "onclickoutside") {
-        const i = (c) => {
-          this.canClickAway && !e.contains(c.target) && (w(s) ? s.get()(c) : s(c));
-        }, l = { capture: !0 };
-        window.addEventListener("click", i, l), this.stopCallbacks.push(() => {
-          window.removeEventListener("click", i, l);
+        const i = (u) => {
+          this.canClickAway && !e.contains(u.target) && (b(s) ? s.get()(u) : s(u));
+        }, c = { capture: !0 };
+        window.addEventListener("click", i, c), this.stopCallbacks.push(() => {
+          window.removeEventListener("click", i, c);
         });
       } else if (r === "$$value") {
         if (!Z(s))
           throw new TypeError(`$$value attribute must be a settable signal. Got: ${s}`);
         o(
           s,
-          (l) => {
-            e.value = String(l);
+          (c) => {
+            e.value = String(c);
           },
           this.getUpdateKey("attr", "value")
         );
-        const i = (l) => {
-          const c = be(s.get(), l.currentTarget.value);
-          s.set(c);
+        const i = (c) => {
+          const u = ke(s.get(), c.currentTarget.value);
+          s.set(u);
         };
         e.addEventListener("input", i), this.stopCallbacks.push(() => {
           e.removeEventListener("input", i);
         });
-      } else if (Ce(r)) {
-        const i = r.slice(2).toLowerCase(), l = w(s) ? (c) => s.get()(c) : s;
-        e.addEventListener(i, l), this.stopCallbacks.push(() => {
-          e.removeEventListener(i, l);
+      } else if (be(r)) {
+        const i = r.slice(2).toLowerCase(), c = b(s) ? (u) => s.get()(u) : s;
+        e.addEventListener(i, c), this.stopCallbacks.push(() => {
+          e.removeEventListener(i, c);
         });
       } else if (r.includes("-"))
         o(
@@ -509,7 +512,7 @@ class we {
           },
           this.getUpdateKey("attr", r)
         );
-      else if (!ke.includes(r))
+      else if (!ve.includes(r))
         if (this.elementContext.isSVG)
           o(
             s,
@@ -556,8 +559,8 @@ class we {
               const i = r.toLowerCase();
               o(
                 s,
-                (l) => {
-                  l == null ? e.removeAttribute(i) : e.setAttribute(i, String(l));
+                (c) => {
+                  c == null ? e.removeAttribute(i) : e.setAttribute(i, String(c));
                 },
                 this.getUpdateKey("attr", i)
               );
@@ -592,35 +595,35 @@ class we {
       e.style.cssText = "";
     else if (typeof n == "string")
       e.style.cssText = n;
-    else if (w(n)) {
+    else if (b(n)) {
       let s;
-      const i = n.watch((l) => {
+      const i = n.watch((c) => {
         this.elementContext.root.render.update(
           () => {
-            E(s) && s(), e.style.cssText = "", s = this.applyStyles(e, l, o);
+            E(s) && s(), e.style.cssText = "", s = this.applyStyles(e, c, o);
           },
           this.getUpdateKey("styles", "*")
         );
       });
       o.push(i), r.push(i);
-    } else if (G(n)) {
+    } else if (L(n)) {
       n = n;
       for (const s in n) {
-        const i = n[s], l = s.startsWith("--") ? (c, a) => a == null ? e.style.removeProperty(c) : e.style.setProperty(c, a) : (c, a) => e.style[c] = a ?? "";
-        if (w(i)) {
-          const c = i.watch((a) => {
+        const i = n[s], c = s.startsWith("--") ? (u, l) => l == null ? e.style.removeProperty(u) : e.style.setProperty(u, l) : (u, l) => e.style[u] = l ?? "";
+        if (b(i)) {
+          const u = i.watch((l) => {
             this.elementContext.root.render.update(
               () => {
-                a != null ? l(s, a) : e.style.removeProperty(s);
+                l != null ? c(s, l) : e.style.removeProperty(s);
               },
               this.getUpdateKey("style", s)
             );
           });
-          o.push(c), r.push(c);
-        } else if (O(i))
-          l(s, i);
-        else if (z(i))
-          l(s, String(i));
+          o.push(u), r.push(u);
+        } else if (A(i))
+          c(s, i);
+        else if (D(i))
+          c(s, String(i));
         else
           throw new TypeError(`Style properties should be strings, $states or numbers. Got (${s}: ${i})`);
       }
@@ -633,12 +636,12 @@ class we {
   }
   applyClasses(e, n, o) {
     const r = [];
-    if (w(n)) {
+    if (b(n)) {
       let s;
-      const i = n.watch((l) => {
+      const i = n.watch((c) => {
         this.elementContext.root.render.update(
           () => {
-            E(s) && s(), e.removeAttribute("class"), s = this.applyClasses(e, l, o);
+            E(s) && s(), e.removeAttribute("class"), s = this.applyClasses(e, c, o);
           },
           this.getUpdateKey("attr", "class")
         );
@@ -647,15 +650,15 @@ class we {
     } else {
       const s = X(n);
       for (const i in s) {
-        const l = s[i];
-        if (w(l)) {
-          const c = l.watch((a) => {
+        const c = s[i];
+        if (b(c)) {
+          const u = c.watch((l) => {
             this.elementContext.root.render.update(() => {
-              a ? e.classList.add(i) : e.classList.remove(i);
+              l ? e.classList.add(i) : e.classList.remove(i);
             });
           });
-          o.push(c), r.push(c);
-        } else l && e.classList.add(i);
+          o.push(u), r.push(u);
+        } else c && e.classList.add(i);
       }
     }
     return function() {
@@ -666,37 +669,37 @@ class we {
 }
 function X(t) {
   let e = {};
-  if (O(t)) {
+  if (A(t)) {
     const n = t.split(" ");
     for (const o of n)
       e[o] = !0;
-  } else G(t) ? Object.assign(e, t) : Array.isArray(t) && Array.from(t).filter((n) => n != null).forEach((n) => {
+  } else L(t) ? Object.assign(e, t) : Array.isArray(t) && Array.from(t).filter((n) => n != null).forEach((n) => {
     Object.assign(e, X(n));
   });
   return e;
 }
-function be(t, e) {
+function ke(t, e) {
   const n = typeof t;
   return n === "string" ? String(e) : n === "number" ? Number(e) : n === "boolean" ? !!e : e;
 }
-const ke = ["ref", "children", "class", "style", "data"];
+const ve = ["ref", "children", "class", "style", "data"];
 class $e {
   constructor({ signals: e, renderFn: n, elementContext: o }) {
-    d(this, "node");
-    d(this, "endNode");
-    d(this, "connectedViews", []);
-    d(this, "renderFn");
-    d(this, "elementContext");
-    d(this, "observerControls");
+    f(this, "node");
+    f(this, "endNode");
+    f(this, "connectedViews", []);
+    f(this, "renderFn");
+    f(this, "elementContext");
+    f(this, "observerControls");
     this.elementContext = o, this.renderFn = n, this.node = document.createComment("Observer"), this.endNode = document.createComment("/Observer");
     let r;
     this.observerControls = {
       start: () => {
-        r == null && (r = q(e, (...s) => {
+        r == null && (r = G(e, (...s) => {
           const i = this.renderFn(...s);
-          if (!re(i))
+          if (!se(i))
             throw console.error(i), new TypeError(
-              `Observer received invalid value to render. Got type: ${R(i)}, value: ${i}`
+              `Observer received invalid value to render. Got type: ${q(i)}, value: ${i}`
             );
           Array.isArray(i) ? this.update(...i) : this.update(i);
         }));
@@ -706,335 +709,322 @@ class $e {
       }
     };
   }
-  get connected() {
+  get isMounted() {
     return this.node.parentNode != null;
   }
-  connect(e, n) {
-    this.connected || (e.insertBefore(this.node, (n == null ? void 0 : n.nextSibling) ?? null), this.observerControls.start());
+  mount(e, n) {
+    this.isMounted || (e.insertBefore(this.node, (n == null ? void 0 : n.nextSibling) ?? null), this.observerControls.start());
   }
-  disconnect() {
+  unmount() {
     var e;
-    this.observerControls.stop(), this.connected && (this.cleanup(), (e = this.node.parentNode) == null || e.removeChild(this.node));
-  }
-  async setChildren() {
-    console.warn("setChildren is not implemented for Dynamic");
+    this.observerControls.stop(), this.isMounted && (this.cleanup(), (e = this.node.parentNode) == null || e.removeChild(this.node));
   }
   cleanup() {
     var e;
     for (; this.connectedViews.length > 0; )
-      (e = this.connectedViews.pop()) == null || e.disconnect();
+      (e = this.connectedViews.pop()) == null || e.unmount();
   }
   update(...e) {
     var o, r;
-    if (this.cleanup(), e == null || !this.connected)
+    if (this.cleanup(), e == null || !this.isMounted)
       return;
-    const n = e.map((s) => ne(s) ? s : P(s) ? T(S(s, this.elementContext)) : T(S(M(s), this.elementContext)));
+    const n = e.map((s) => ne(s) ? s : V(s) ? M(x(this.elementContext, s)) : M(x(this.elementContext, U(s))));
     for (const s of n) {
       const i = ((o = this.connectedViews.at(-1)) == null ? void 0 : o.node) || this.node;
-      s.connect(this.node.parentNode, i), this.connectedViews.push(s);
+      s.mount(this.node.parentNode, i), this.connectedViews.push(s);
     }
-    if (this.elementContext.root.env === "development") {
+    if (this.elementContext.root.getEnv() === "development") {
       const s = (r = this.connectedViews.at(-1)) == null ? void 0 : r.node;
       this.endNode.previousSibling !== s && this.node.parentNode.insertBefore(this.endNode, (s == null ? void 0 : s.nextSibling) ?? null);
     }
   }
 }
-class ve {
+class Ne {
   constructor(e) {
-    d(this, "node");
-    d(this, "endNode");
-    d(this, "$children");
-    d(this, "stopCallback");
-    d(this, "connectedChildren", []);
-    d(this, "elementContext");
-    this.$children = e.$children, this.elementContext = e.elementContext, this.elementContext.root.env === "development" ? (this.node = document.createComment("Outlet"), this.endNode = document.createComment("/Outlet")) : (this.node = document.createTextNode(""), this.endNode = document.createTextNode(""));
-  }
-  get connected() {
+    f(this, "node");
+    f(this, "endNode");
+    f(this, "$children");
+    f(this, "stopCallback");
+    f(this, "connectedChildren", []);
+    f(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;
   }
-  connect(e, n) {
-    this.connected || (e.insertBefore(this.node, (n == null ? void 0 : n.nextSibling) ?? null), this.stopCallback = this.$children.watch((o) => {
+  mount(e, n) {
+    this.isMounted || (e.insertBefore(this.node, (n == null ? void 0 : n.nextSibling) ?? null), this.stopCallback = this.$children.watch((o) => {
       this.update(o);
     }));
   }
-  disconnect() {
+  unmount() {
     var e;
-    if (this.stopCallback && (this.stopCallback(), this.stopCallback = void 0), this.connected) {
+    if (this.stopCallback && (this.stopCallback(), this.stopCallback = void 0), this.isMounted) {
       for (const n of this.connectedChildren)
-        n.disconnect();
+        n.unmount();
       this.connectedChildren = [], (e = this.endNode.parentNode) == null || e.removeChild(this.endNode);
     }
   }
   update(e) {
     var n, o, r;
     for (const s of this.connectedChildren)
-      s.disconnect();
+      s.unmount();
     for (let s = 0; s < e.length; s++) {
-      const i = e[s], l = s > 0 ? e[s] : void 0;
-      i.connect(this.node.parentElement, l == null ? void 0 : l.node);
+      const i = e[s], c = s > 0 ? e[s] : void 0;
+      i.mount(this.node.parentElement, c == null ? void 0 : c.node);
     }
-    this.connectedChildren = e, this.elementContext.root.env === "development" && (this.node.textContent = `Outlet (${e.length} ${e.length === 1 ? "child" : "children"})`, (r = this.node.parentElement) == null || r.insertBefore(
+    this.connectedChildren = e, this.elementContext.root.getEnv() === "development" && (this.node.textContent = `Outlet (${e.length} ${e.length === 1 ? "child" : "children"})`, (r = this.node.parentElement) == null || r.insertBefore(
       this.endNode,
       ((o = (n = this.connectedChildren[this.connectedChildren.length - 1]) == null ? void 0 : n.node) == null ? void 0 : o.nextSibling) ?? null
     ));
   }
-  setChildren(e) {
-    throw new Error("setChildren is not supported on Outlet");
-  }
 }
-class Ne {
+class xe {
   constructor(e) {
-    d(this, "config");
-    d(this, "handle");
+    f(this, "config");
+    f(this, "handle");
     this.config = e;
   }
-  get connected() {
-    return this.handle ? this.handle.connected : !1;
+  get isMounted() {
+    return this.handle ? this.handle.isMounted : !1;
   }
-  connect(e, n) {
+  mount(e, n) {
     const { content: o, parent: r } = this.config;
-    ne(o) ? this.handle = o : P(o) ? this.handle = T(S(o, this.config.elementContext)) : this.handle = T(S(M(o), this.config.elementContext)), this.handle.connect(r);
+    ne(o) ? this.handle = o : V(o) ? this.handle = M(x(this.config.elementContext, o)) : this.handle = M(x(this.config.elementContext, U(o))), this.handle.mount(r);
   }
-  disconnect() {
+  unmount() {
     var e;
-    (e = this.handle) != null && e.connected && this.handle.disconnect();
-  }
-  setChildren(e) {
-    var n;
-    (n = this.handle) == null || n.setChildren(e);
+    (e = this.handle) != null && e.isMounted && this.handle.unmount();
   }
 }
 function ee(t, e, n, o = []) {
   t = { ...t };
-  const [r, s] = F(S(o, t));
+  const [r, s] = O(x(t, o));
   let i = !1;
-  const l = [], c = [], a = [], h = [], g = [], C = Q(), [b, k] = F(e.name), v = t.root.createLogger(b, { uid: C }), $ = {
+  const c = [], u = [], l = [], d = [], h = [], C = Q(), [w, k] = O(e.name), $ = t.root.createLogger(w, { uid: C }), v = {
     get uid() {
       return C;
     },
-    setName(u) {
-      k(u);
+    setName(a) {
+      k(a);
     },
-    beforeMount(u) {
-      h.push(u);
+    beforeMount(a) {
+      u.push(a);
     },
-    onMount(u) {
-      c.push(u);
+    onMount(a) {
+      l.push(a);
     },
-    beforeUnmount(u) {
-      g.push(u);
+    beforeUnmount(a) {
+      d.push(a);
     },
-    onUnmount(u) {
-      a.push(u);
+    onUnmount(a) {
+      h.push(a);
     },
-    watch(u, y) {
+    watch(a, y) {
       if (i) {
-        const N = q(u, y);
-        return l.push(N), N;
+        const g = G(a, y);
+        return c.push(g), g;
       } else {
-        let N, A = !1;
-        return c.push(() => {
-          A || (N = q(u, y), l.push(N));
-        }), function U() {
-          U != null && (A = !0, U());
+        let g, S = !1;
+        return l.push(() => {
+          S || (g = G(a, y), c.push(g));
+        }), function F() {
+          F != null && (S = !0, F());
         };
       }
     },
     outlet() {
-      return x("$outlet", { $children: r });
+      return N("$outlet", { $children: r });
     }
   };
-  Object.assign($, v);
+  Object.assign(v, $);
   let m;
   function p() {
-    let u;
+    let a;
     try {
-      u = e(n, $);
+      a = e(n, v);
     } catch (y) {
-      throw y instanceof Error && v.crash(y), y;
+      throw y instanceof Error && $.crash(y), y;
     }
-    if (u instanceof Promise)
+    if (a instanceof Promise)
       throw new TypeError("View function cannot return a Promise.");
-    if (u !== null) if (u instanceof Node)
-      m = T(S(x("$node", { value: u }), t));
-    else if (P(u) || D(P, u))
-      m = T(S(u, t));
-    else if (w(u))
-      m = T(
-        S(x("$observer", { signals: [u], renderFn: (y) => y }), t)
+    if (a !== null) if (a instanceof Node)
+      m = M(x(t, N("$node", { value: a })));
+    else if (V(a) || z(V, a))
+      m = M(x(t, a));
+    else if (b(a))
+      m = M(
+        x(t, N("$observer", { signals: [a], renderFn: (y) => y }))
       );
     else {
       const y = new TypeError(
-        `Expected '${e.name}' function to return a DOM node, Markup element, Readable or null. Got: ${R(u)}`
+        `Expected '${e.name}' function to return a DOM node, Markup element, Readable or null. Got: ${q(a)}`
       );
-      v.crash(y);
+      $.crash(y);
     }
   }
   return {
     get node() {
       return m == null ? void 0 : m.node;
     },
-    get connected() {
+    get isMounted() {
       return i;
     },
-    connect(u, y) {
-      const N = i;
-      if (!N)
-        for (p(); h.length > 0; )
-          h.shift()();
-      m && m.connect(u, y), N || (i = !0, requestAnimationFrame(() => {
-        for (; c.length > 0; )
-          c.shift()();
+    mount(a, y) {
+      const g = i;
+      if (!g)
+        for (p(); u.length > 0; )
+          u.shift()();
+      m && m.mount(a, y), g || (i = !0, requestAnimationFrame(() => {
+        for (; l.length > 0; )
+          l.shift()();
       }));
     },
-    disconnect() {
-      for (; g.length > 0; )
-        g.shift()();
-      for (m && m.disconnect(), i = !1; a.length > 0; )
-        a.shift()();
-      for (; l.length > 0; )
-        l.shift()();
+    unmount() {
+      for (; d.length > 0; )
+        d.shift()();
+      for (m && m.unmount(), i = !1; h.length > 0; )
+        h.shift()();
+      for (; c.length > 0; )
+        c.shift()();
     },
-    async setChildren(u) {
-      s(u);
+    setChildren(a) {
+      s(a);
     }
   };
 }
 class Se {
   constructor({ elementContext: e, $items: n, renderFn: o, keyFn: r }) {
-    d(this, "node");
-    d(this, "endNode");
-    d(this, "$items");
-    d(this, "stopCallback");
-    d(this, "connectedItems", []);
-    d(this, "elementContext");
-    d(this, "renderFn");
-    d(this, "keyFn");
-    this.elementContext = e, this.$items = n, this.renderFn = o, this.keyFn = r, this.elementContext.root.env === "development" ? (this.node = document.createComment("Repeat"), this.endNode = document.createComment("/Repeat")) : (this.node = document.createTextNode(""), this.endNode = document.createTextNode(""));
-  }
-  get connected() {
+    f(this, "node");
+    f(this, "endNode");
+    f(this, "$items");
+    f(this, "stopCallback");
+    f(this, "connectedItems", []);
+    f(this, "elementContext");
+    f(this, "renderFn");
+    f(this, "keyFn");
+    this.elementContext = e, this.$items = n, this.renderFn = o, 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;
   }
-  connect(e, n) {
-    this.connected || (e.insertBefore(this.node, (n == null ? void 0 : n.nextSibling) ?? null), this.stopCallback = this.$items.watch((o) => {
+  mount(e, n) {
+    this.isMounted || (e.insertBefore(this.node, (n == null ? void 0 : n.nextSibling) ?? null), this.stopCallback = this.$items.watch((o) => {
       this._update(Array.from(o));
     }));
   }
-  disconnect() {
+  unmount() {
     var e, n;
-    this.stopCallback && (this.stopCallback(), this.stopCallback = void 0), this.connected && ((e = this.node.parentNode) == null || e.removeChild(this.node), (n = this.endNode.parentNode) == null || n.removeChild(this.endNode)), this._cleanup();
-  }
-  setChildren() {
-    console.warn("setChildren is not implemented for repeat()");
+    this.stopCallback && (this.stopCallback(), this.stopCallback = void 0), this.isMounted && ((e = this.node.parentNode) == null || e.removeChild(this.node), (n = this.endNode.parentNode) == null || n.removeChild(this.endNode)), this._cleanup();
   }
   _cleanup() {
     for (const e of this.connectedItems)
-      e.handle.disconnect();
+      e.handle.unmount();
     this.connectedItems = [];
   }
   _update(e) {
-    var s, i, l;
-    if (e.length === 0 || !this.connected)
+    var s, i, c;
+    if (e.length === 0 || !this.isMounted)
       return this._cleanup();
     const n = [];
     let o = 0;
-    for (const c of e)
+    for (const u of e)
       n.push({
-        key: this.keyFn(c, o),
-        value: c,
+        key: this.keyFn(u, o),
+        value: u,
         index: o++
       });
     const r = [];
-    for (const c of this.connectedItems)
-      n.find((h) => h.key === c.key) || c.handle.disconnect();
-    for (const c of n) {
-      const a = this.connectedItems.find((h) => h.key === c.key);
-      if (a)
-        a.setValue(c.value), a.setIndex(c.index), r[c.index] = a;
+    for (const u of this.connectedItems)
+      n.find((d) => d.key === u.key) || u.handle.unmount();
+    for (const u of n) {
+      const l = this.connectedItems.find((d) => d.key === u.key);
+      if (l)
+        l.setValue(u.value), l.setIndex(u.index), r[u.index] = l;
       else {
-        const [h, g] = F(c.value), [C, b] = F(c.index);
-        r[c.index] = {
-          key: c.key,
-          $value: h,
-          setValue: g,
+        const [d, h] = O(u.value), [C, w] = O(u.index);
+        r[u.index] = {
+          key: u.key,
+          $value: d,
+          setValue: h,
           $index: C,
-          setIndex: b,
-          handle: ee(this.elementContext, xe, {
-            $value: h,
+          setIndex: w,
+          handle: ee(this.elementContext, Ee, {
+            $value: d,
             $index: C,
             renderFn: this.renderFn
           })
         };
       }
     }
-    for (let c = 0; c < r.length; c++) {
-      const a = r[c], h = ((s = r[c - 1]) == null ? void 0 : s.handle.node) ?? this.node;
-      a.handle.connect(this.node.parentNode, h);
+    for (let u = 0; u < r.length; u++) {
+      const l = r[u], d = ((s = r[u - 1]) == null ? void 0 : s.handle.node) ?? this.node;
+      l.handle.mount(this.node.parentNode, d);
     }
-    if (this.connectedItems = r, this.elementContext.root.env === "development") {
+    if (this.connectedItems = r, this.elementContext.root.getEnv() === "development") {
       this.node.textContent = `Repeat (${r.length} item${r.length === 1 ? "" : "s"})`;
-      const c = ((i = r.at(-1)) == null ? void 0 : i.handle.node) ?? this.node;
-      (l = this.node.parentNode) == null || l.insertBefore(this.endNode, c.nextSibling);
+      const u = ((i = r.at(-1)) == null ? void 0 : i.handle.node) ?? this.node;
+      (c = this.node.parentNode) == null || c.insertBefore(this.endNode, u.nextSibling);
     }
   }
 }
-function xe({ $value: t, $index: e, renderFn: n }, o) {
+function Ee({ $value: t, $index: e, renderFn: n }, o) {
   return n(t, e, o);
 }
-class Ee {
+class Me {
   constructor({ value: e }) {
-    d(this, "node", document.createTextNode(""));
-    d(this, "value", "");
-    d(this, "stopCallback");
+    f(this, "node", document.createTextNode(""));
+    f(this, "value", "");
+    f(this, "stopCallback");
     this.value = e;
   }
-  get connected() {
+  get isMounted() {
     return this.node.parentNode != null;
   }
-  async connect(e, n = null) {
-    this.connected || (w(this.value) ? this.stopCallback = this.value.watch((o) => {
+  async mount(e, n = null) {
+    this.isMounted || (b(this.value) ? this.stopCallback = this.value.watch((o) => {
       this.update(o);
     }) : this.update(this.value)), e.insertBefore(this.node, (n == null ? void 0 : n.nextSibling) ?? null);
   }
-  async disconnect() {
-    this.connected && (this.stopCallback && (this.stopCallback(), this.stopCallback = void 0), this.node.parentNode.removeChild(this.node));
+  async unmount() {
+    this.isMounted && (this.stopCallback && (this.stopCallback(), this.stopCallback = void 0), this.node.parentNode.removeChild(this.node));
   }
   update(e) {
     e != null ? this.node.textContent = e.toString() : this.node.textContent = "";
   }
-  async setChildren() {
-  }
 }
 const te = Symbol("Markup");
-function P(t) {
-  return G(t) && t[te] === !0;
+function V(t) {
+  return L(t) && t[te] === !0;
 }
 function ne(t) {
-  return G(t) && E(t.connect) && E(t.disconnect);
+  return L(t) && E(t.connect) && E(t.disconnect);
 }
-function M(t) {
-  return j(t) || (t = [t]), t.flat(1 / 0).filter((e) => e != null && e !== !1).map((e) => {
+function U(t) {
+  return P(t) || (t = [t]), t.flat(1 / 0).filter((e) => e != null && e !== !1).map((e) => {
     if (e instanceof Node)
-      return x("$node", { value: e });
-    if (P(e))
+      return N("$node", { value: e });
+    if (e instanceof re)
+      return N("$node", { value: e.node });
+    if (V(e))
       return e;
-    if (O(e) || z(e))
-      return x("$text", { value: e });
-    if (w(e))
-      return x("$observer", {
+    if (A(e) || D(e))
+      return N("$text", { value: e });
+    if (b(e))
+      return N("$observer", {
         signals: [e],
         renderFn: (n) => n
       });
     throw console.error(e), new TypeError(`Unexpected child type. Got: ${e}`);
   });
 }
-function x(t, e, ...n) {
+function N(t, e, ...n) {
   return e != null && Ae(e), {
     [te]: !0,
     type: t,
     props: e,
-    children: M(n)
+    children: U(n)
   };
 }
 function Ae(t) {
@@ -1044,26 +1034,27 @@ function Ae(t) {
     if (e.startsWith("$$") && t[e] !== void 0) {
       if (!Z(t[e]))
         throw new TypeError(`Prop '${e}' is named as a SettableSignal but value is not. Got: ${t[e]}`);
-    } else if (e.startsWith("$") && t[e] !== void 0 && !w(t[e]))
+    } else if (e.startsWith("$") && t[e] !== void 0 && !b(t[e]))
       throw new TypeError(`Prop '${e}' is named as a Signal but value is not. Got: ${t[e]}`);
 }
-function qe(t, e, n) {
+const _e = ge.bind(N);
+function Re(t, e, n) {
   const o = J(t);
-  return x("$cond", {
+  return N("$cond", {
     $predicate: o,
     thenContent: e,
     elseContent: n
   });
 }
-function Re(t, e, n) {
+function Be(t, e, n) {
   const o = J(t);
-  return x("$repeat", { $items: o, keyFn: e, renderFn: n });
+  return N("$repeat", { $items: o, keyFn: e, renderFn: n });
 }
-function _e(t, e) {
-  return x("$portal", { content: t, parent: e });
+function Ke(t, e) {
+  return N("$portal", { parent: t, content: e });
 }
-function Be() {
-  const [t, e] = F();
+function We() {
+  const [t, e] = O();
   return {
     get: t.get,
     watch: t.watch,
@@ -1078,46 +1069,44 @@ function Be() {
 function oe(t) {
   return !(t == null || typeof t != "object" || !t.hasOwnProperty("node"));
 }
-class Te {
+class re {
   constructor(e) {
-    d(this, "node");
+    f(this, "node");
     this.node = e;
   }
-  get connected() {
+  get isMounted() {
     return this.node.parentNode != null;
   }
-  async connect(e, n) {
+  async mount(e, n) {
     e.insertBefore(this.node, (n == null ? void 0 : n.nextSibling) ?? null);
   }
-  async disconnect() {
+  async unmount() {
     this.node.parentNode && this.node.parentNode.removeChild(this.node);
   }
-  async setChildren(e) {
-  }
 }
-function S(t, e) {
-  return (j(t) ? t : [t]).map((o) => {
+function x(t, e) {
+  return (P(e) ? e : [e]).map((o) => {
     if (E(o.type))
-      return ee(e, o.type, o.props, o.children);
-    if (O(o.type))
+      return ee(t, o.type, o.props, o.children);
+    if (A(o.type))
       switch (o.type) {
         case "$node": {
           const r = o.props;
-          return new Te(r.value);
+          return new re(r.value);
         }
         case "$text": {
           const r = o.props;
-          return new Ee({
+          return new Me({
             value: r.value
           });
         }
         case "$cond": {
           const r = o.props;
-          return new me({
+          return new Ce({
             $predicate: r.$predicate,
             thenContent: r.thenContent,
             elseContent: r.elseContent,
-            elementContext: e
+            elementContext: t
           });
         }
         case "$repeat": {
@@ -1126,7 +1115,7 @@ function S(t, e) {
             $items: r.$items,
             keyFn: r.keyFn,
             renderFn: r.renderFn,
-            elementContext: e
+            elementContext: t
           });
         }
         case "$observer": {
@@ -1134,22 +1123,22 @@ function S(t, e) {
           return new $e({
             signals: r.signals,
             renderFn: r.renderFn,
-            elementContext: e
+            elementContext: t
           });
         }
         case "$outlet": {
           const r = o.props;
-          return new ve({
+          return new Ne({
             $children: r.$children,
-            elementContext: e
+            elementContext: t
           });
         }
         case "$portal": {
           const r = o.props;
-          return new Ne({
+          return new xe({
             content: r.content,
             parent: r.parent,
-            elementContext: e
+            elementContext: t
           });
         }
         default:
@@ -1157,85 +1146,83 @@ function S(t, e) {
             throw new Error(`Unknown markup type: ${o.type}`);
           return new we({
             tag: o.type,
-            props: o.props,
+            props: o.props ?? {},
             children: o.children,
-            elementContext: e
+            elementContext: t
           });
       }
     else
       throw new TypeError(`Expected a string or view function. Got: ${o.type}`);
   });
 }
-function T(t) {
+function M(t) {
   if (t.length === 1)
     return t[0];
-  const e = document.createComment("renderHandle");
+  const e = document.createComment("Fragment");
   let n = !1;
   return {
     get node() {
       return e;
     },
-    get connected() {
+    get isMounted() {
       return n;
     },
-    connect(o, r) {
+    mount(o, r) {
       var s;
       o.insertBefore(e, r || null);
       for (const i of t) {
-        const l = ((s = t[t.length - 1]) == null ? void 0 : s.node) ?? e;
-        i.connect(o, l);
+        const c = ((s = t[t.length - 1]) == null ? void 0 : s.node) ?? e;
+        i.mount(o, c);
       }
       n = !0;
     },
-    disconnect() {
+    unmount() {
       if (n) {
         for (const o of t)
-          o.disconnect();
+          o.unmount();
         e.remove();
       }
       n = !1;
-    },
-    setChildren() {
-      throw new Error("setChildren not supported on renderHandle");
     }
   };
 }
-function re(t) {
-  return t == null || t === !1 || typeof t == "string" || typeof t == "number" || P(t) || w(t) || D(re, t);
+function se(t) {
+  return t == null || t === !1 || typeof t == "string" || typeof t == "number" || V(t) || b(t) || z(se, t);
 }
 function He(t, e) {
   return e.outlet();
 }
 export {
-  qe as A,
-  _e as B,
-  Re as C,
-  He as F,
-  w as a,
-  L as b,
-  E as c,
-  ge as d,
-  O as e,
-  F as f,
-  Fe as g,
-  Ve as h,
-  G as i,
-  x as j,
-  T as k,
+  x as A,
+  qe as B,
+  Ke as C,
+  Be as D,
+  He as P,
+  b as a,
+  I as b,
+  Re as c,
+  ye as d,
+  E as e,
+  A as f,
+  O as g,
+  _e as h,
+  L as i,
+  Ve as j,
+  Oe as k,
   Ie as l,
   Le as m,
-  V as n,
-  Be as o,
+  T as n,
+  We as o,
   oe as p,
   Pe as q,
-  S as r,
+  N as r,
   J as s,
   Ge as t,
-  ee as u,
-  Ue as v,
-  q as w,
+  Ue as u,
+  Fe as v,
+  G as w,
   je as x,
-  Me as y,
-  pe as z
+  ee as y,
+  M as z
 };
-//# sourceMappingURL=fragment-DHJiX0-a.js.map
+//# sourceMappingURL=passthrough-DrtCifRF.js.map