@manyducks.co/dolla 2.0.0-alpha.44 → 2.0.0-alpha.45

package/dist/{markup-aCjkIk4X.js → markup-DZcvFR50.js}

@@ -1,12 +1,12 @@
-var Oe = Object.defineProperty;
+var $e = Object.defineProperty;
 var oe = (t) => {
   throw TypeError(t);
 };
-var $e = (t, e, s) => e in t ? Oe(t, e, { enumerable: !0, configurable: !0, writable: !0, value: s }) : t[e] = s;
-var l = (t, e, s) => $e(t, typeof e != "symbol" ? e + "" : e, s), F = (t, e, s) => e.has(t) || oe("Cannot " + s);
-var w = (t, e, s) => (F(t, e, "read from private field"), s ? s.call(t) : e.get(t)), L = (t, e, s) => e.has(t) ? oe("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(t) : e.set(t, s), $ = (t, e, s, n) => (F(t, e, "write to private field"), n ? n.call(t, s) : e.set(t, s), s), ue = (t, e, s) => (F(t, e, "access private method"), s);
+var Ie = (t, e, s) => e in t ? $e(t, e, { enumerable: !0, configurable: !0, writable: !0, value: s }) : t[e] = s;
+var c = (t, e, s) => Ie(t, typeof e != "symbol" ? e + "" : e, s), W = (t, e, s) => e.has(t) || oe("Cannot " + s);
+var w = (t, e, s) => (W(t, e, "read from private field"), s ? s.call(t) : e.get(t)), T = (t, e, s) => e.has(t) ? oe("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(t) : e.set(t, s), $ = (t, e, s, n) => (W(t, e, "write to private field"), n ? n.call(t, s) : e.set(t, s), s), ue = (t, e, s) => (W(t, e, "access private method"), s);
 var M = /* @__PURE__ */ ((t) => (t[t.Computed = 1] = "Computed", t[t.Effect = 2] = "Effect", t[t.Tracking = 4] = "Tracking", t[t.Notified = 8] = "Notified", t[t.Recursed = 16] = "Recursed", t[t.Dirty = 32] = "Dirty", t[t.PendingComputed = 64] = "PendingComputed", t[t.PendingEffect = 128] = "PendingEffect", t[t.Propagated = 224] = "Propagated", t))(M || {});
-function ye({
+function ve({
   updateComputed: t,
   notifyEffect: e
 }) {
@@ -20,17 +20,17 @@ function ye({
      * @returns The newly created link object if the two are not already linked; otherwise `undefined`.
      */
     link(r, u) {
-      const c = u.depsTail;
-      if (c !== void 0 && c.dep === r)
+      const l = u.depsTail;
+      if (l !== void 0 && l.dep === r)
         return;
-      const h = c !== void 0 ? c.nextDep : u.deps;
-      if (h !== void 0 && h.dep === r) {
-        u.depsTail = h;
+      const d = l !== void 0 ? l.nextDep : u.deps;
+      if (d !== void 0 && d.dep === r) {
+        u.depsTail = d;
         return;
       }
-      const d = r.subsTail;
-      if (!(d !== void 0 && d.sub === u && a(d, u)))
-        return i(r, u, h, c);
+      const a = r.subsTail;
+      if (!(a !== void 0 && a.sub === u && p(a, u)))
+        return i(r, u, d, l);
     },
     /**
      * Traverses and marks subscribers starting from the provided link.
@@ -42,26 +42,26 @@ function ye({
      * @param link - The starting link from which propagation begins.
      */
     propagate(r) {
-      let u = 32, c = r, h = 0;
+      let u = 32, l = r, d = 0;
       e: do {
-        const d = r.sub, p = d.flags;
-        if (!(p & 244) && (d.flags = p | u | 8, !0) || p & 16 && !(p & 4) && (d.flags = p & -17 | u | 8, !0) || !(p & 224) && a(r, d) && (d.flags = p | 16 | u | 8, d.subs !== void 0)) {
-          const x = d.subs;
-          if (x !== void 0) {
-            x.nextSub !== void 0 ? (x.prevSub = c, r = c = x, u = 64, ++h) : (r = x, u = p & 2 ? 128 : 64);
+        const a = r.sub, h = a.flags;
+        if (!(h & 244) && (a.flags = h | u | 8, !0) || h & 16 && !(h & 4) && (a.flags = h & -17 | u | 8, !0) || !(h & 224) && p(r, a) && (a.flags = h | 16 | u | 8, a.subs !== void 0)) {
+          const N = a.subs;
+          if (N !== void 0) {
+            N.nextSub !== void 0 ? (N.prevSub = l, r = l = N, u = 64, ++d) : (r = N, u = h & 2 ? 128 : 64);
             continue;
           }
-          p & 2 && (n !== void 0 ? n.depsTail.nextDep = d.deps : s = d, n = d);
-        } else p & (4 | u) ? !(p & u) && p & 224 && a(r, d) && (d.flags = p | u) : (d.flags = p | u | 8, (p & 10) === 2 && (n !== void 0 ? n.depsTail.nextDep = d.deps : s = d, n = d));
-        if ((r = c.nextSub) !== void 0) {
-          c = r, u = h ? 64 : 32;
+          h & 2 && (n !== void 0 ? n.depsTail.nextDep = a.deps : s = a, n = a);
+        } else h & (4 | u) ? !(h & u) && h & 224 && p(r, a) && (a.flags = h | u) : (a.flags = h | u | 8, (h & 10) === 2 && (n !== void 0 ? n.depsTail.nextDep = a.deps : s = a, n = a));
+        if ((r = l.nextSub) !== void 0) {
+          l = r, u = d ? 64 : 32;
           continue;
         }
-        for (; h; ) {
-          --h;
-          const re = c.dep.subs;
-          if (c = re.prevSub, re.prevSub = void 0, (r = c.nextSub) !== void 0) {
-            c = r, u = h ? 64 : 32;
+        for (; d; ) {
+          --d;
+          const re = l.dep.subs;
+          if (l = re.prevSub, re.prevSub = void 0, (r = l.nextSub) !== void 0) {
+            l = r, u = d ? 64 : 32;
             continue e;
           }
         }
@@ -90,8 +90,8 @@ function ye({
     endTracking(r) {
       const u = r.depsTail;
       if (u !== void 0) {
-        const c = u.nextDep;
-        c !== void 0 && (m(c), u.nextDep = void 0);
+        const l = u.nextDep;
+        l !== void 0 && (m(l), u.nextDep = void 0);
       } else r.deps !== void 0 && (m(r.deps), r.deps = void 0);
       r.flags &= -5;
     },
@@ -120,8 +120,8 @@ function ye({
      */
     processComputedUpdate(r, u) {
       if ((u & 32 || (o(r.deps) || (r.flags = u & -65, !1))) && t(r)) {
-        const c = r.subs;
-        c !== void 0 && f(c);
+        const l = r.subs;
+        l !== void 0 && f(l);
       }
     },
     /**
@@ -138,11 +138,11 @@ function ye({
     processPendingInnerEffects(r, u) {
       if (u & 128) {
         r.flags = u & -129;
-        let c = r.deps;
+        let l = r.deps;
         do {
-          const h = c.dep;
-          "flags" in h && h.flags & 2 && h.flags & 224 && e(h), c = c.nextDep;
-        } while (c !== void 0);
+          const d = l.dep;
+          "flags" in d && d.flags & 2 && d.flags & 224 && e(d), l = l.nextDep;
+        } while (l !== void 0);
       }
     },
     /**
@@ -154,153 +154,153 @@ function ye({
      */
     processEffectNotifications() {
       for (; s !== void 0; ) {
-        const r = s, u = r.depsTail, c = u.nextDep;
-        c !== void 0 ? (u.nextDep = void 0, s = c.sub) : (s = void 0, n = void 0), e(r) || (r.flags &= -9);
+        const r = s, u = r.depsTail, l = u.nextDep;
+        l !== void 0 ? (u.nextDep = void 0, s = l.sub) : (s = void 0, n = void 0), e(r) || (r.flags &= -9);
       }
     }
   };
-  function i(r, u, c, h) {
-    const d = {
+  function i(r, u, l, d) {
+    const a = {
       dep: r,
       sub: u,
-      nextDep: c,
+      nextDep: l,
       prevSub: void 0,
       nextSub: void 0
     };
-    if (h === void 0 ? u.deps = d : h.nextDep = d, r.subs === void 0)
-      r.subs = d;
+    if (d === void 0 ? u.deps = a : d.nextDep = a, r.subs === void 0)
+      r.subs = a;
     else {
-      const p = r.subsTail;
-      d.prevSub = p, p.nextSub = d;
+      const h = r.subsTail;
+      a.prevSub = h, h.nextSub = a;
     }
-    return u.depsTail = d, r.subsTail = d, d;
+    return u.depsTail = a, r.subsTail = a, a;
   }
   function o(r) {
-    let u = 0, c;
+    let u = 0, l;
     e: do {
-      c = !1;
-      const h = r.dep;
-      if ("flags" in h) {
-        const d = h.flags;
-        if ((d & 33) === 33) {
-          if (t(h)) {
-            const p = h.subs;
-            p.nextSub !== void 0 && f(p), c = !0;
+      l = !1;
+      const d = r.dep;
+      if ("flags" in d) {
+        const a = d.flags;
+        if ((a & 33) === 33) {
+          if (t(d)) {
+            const h = d.subs;
+            h.nextSub !== void 0 && f(h), l = !0;
           }
-        } else if ((d & 65) === 65) {
-          const p = h.subs;
-          p.nextSub !== void 0 && (p.prevSub = r), r = h.deps, ++u;
+        } else if ((a & 65) === 65) {
+          const h = d.subs;
+          h.nextSub !== void 0 && (h.prevSub = r), r = d.deps, ++u;
           continue;
         }
       }
-      if (!c && r.nextDep !== void 0) {
+      if (!l && r.nextDep !== void 0) {
         r = r.nextDep;
         continue;
       }
       if (u) {
-        let d = r.sub;
+        let a = r.sub;
         do {
           --u;
-          const p = d.subs;
-          if (c) {
-            if (t(d)) {
-              (r = p.prevSub) !== void 0 ? (p.prevSub = void 0, f(d.subs), d = r.sub) : d = p.sub;
+          const h = a.subs;
+          if (l) {
+            if (t(a)) {
+              (r = h.prevSub) !== void 0 ? (h.prevSub = void 0, f(a.subs), a = r.sub) : a = h.sub;
               continue;
             }
           } else
-            d.flags &= -65;
-          if ((r = p.prevSub) !== void 0) {
-            if (p.prevSub = void 0, r.nextDep !== void 0) {
+            a.flags &= -65;
+          if ((r = h.prevSub) !== void 0) {
+            if (h.prevSub = void 0, r.nextDep !== void 0) {
               r = r.nextDep;
               continue e;
             }
-            d = r.sub;
+            a = r.sub;
           } else {
-            if ((r = p.nextDep) !== void 0)
+            if ((r = h.nextDep) !== void 0)
               continue e;
-            d = p.sub;
+            a = h.sub;
           }
-          c = !1;
+          l = !1;
         } while (u);
       }
-      return c;
+      return l;
     } while (!0);
   }
   function f(r) {
     do {
-      const u = r.sub, c = u.flags;
-      (c & 96) === 64 && (u.flags = c | 32 | 8, (c & 10) === 2 && (n !== void 0 ? n.depsTail.nextDep = u.deps : s = u, n = u)), r = r.nextSub;
+      const u = r.sub, l = u.flags;
+      (l & 96) === 64 && (u.flags = l | 32 | 8, (l & 10) === 2 && (n !== void 0 ? n.depsTail.nextDep = u.deps : s = u, n = u)), r = r.nextSub;
     } while (r !== void 0);
   }
-  function a(r, u) {
-    const c = u.depsTail;
-    if (c !== void 0) {
-      let h = u.deps;
+  function p(r, u) {
+    const l = u.depsTail;
+    if (l !== void 0) {
+      let d = u.deps;
       do {
-        if (h === r)
+        if (d === r)
           return !0;
-        if (h === c)
+        if (d === l)
           break;
-        h = h.nextDep;
-      } while (h !== void 0);
+        d = d.nextDep;
+      } while (d !== void 0);
     }
     return !1;
   }
   function m(r) {
     do {
-      const u = r.dep, c = r.nextDep, h = r.nextSub, d = r.prevSub;
-      if (h !== void 0 ? h.prevSub = d : u.subsTail = d, d !== void 0 ? d.nextSub = h : u.subs = h, u.subs === void 0 && "deps" in u) {
-        const p = u.flags;
-        p & 32 || (u.flags = p | 32);
-        const x = u.deps;
-        if (x !== void 0) {
-          r = x, u.depsTail.nextDep = c, u.deps = void 0, u.depsTail = void 0;
+      const u = r.dep, l = r.nextDep, d = r.nextSub, a = r.prevSub;
+      if (d !== void 0 ? d.prevSub = a : u.subsTail = a, a !== void 0 ? a.nextSub = d : u.subs = d, u.subs === void 0 && "deps" in u) {
+        const h = u.flags;
+        h & 32 || (u.flags = h | 32);
+        const N = u.deps;
+        if (N !== void 0) {
+          r = N, u.depsTail.nextDep = l, u.deps = void 0, u.depsTail = void 0;
           continue;
         }
       }
-      r = c;
+      r = l;
     } while (r !== void 0);
   }
 }
 var {
-  link: ft,
-  propagate: lt,
-  updateDirtyFlag: Ie,
-  startTracking: ve,
-  endTracking: we,
-  processEffectNotifications: at,
-  processComputedUpdate: dt,
-  processPendingInnerEffects: be
-} = ye({
+  link: lt,
+  propagate: at,
+  updateDirtyFlag: Ve,
+  startTracking: we,
+  endTracking: be,
+  processEffectNotifications: dt,
+  processComputedUpdate: ht,
+  processPendingInnerEffects: Ne
+} = ve({
   updateComputed(t) {
-    ve(t);
+    we(t);
     try {
       const e = t.currentValue, s = t.getter(e);
       return e !== s ? (t.currentValue = s, !0) : !1;
     } finally {
-      we(t);
+      be(t);
     }
   },
   notifyEffect(t) {
-    return "isScope" in t ? _e(t) : Ve(t);
+    return "isScope" in t ? qe(t) : _e(t);
   }
 });
 function je(t) {
-  ve(t);
+  we(t);
   try {
     t.fn();
   } finally {
-    we(t);
+    be(t);
   }
 }
-function Ve(t) {
+function _e(t) {
   const e = t.flags;
-  return e & 32 || e & 64 && Ie(t, e) ? je(t) : be(t, t.flags), !0;
+  return e & 32 || e & 64 && Ve(t, e) ? je(t) : Ne(t, t.flags), !0;
 }
-function _e(t) {
-  return t.flags & 128 ? (be(t, t.flags), !0) : !1;
+function qe(t) {
+  return t.flags & 128 ? (Ne(t, t.flags), !0) : !1;
 }
-function A(t) {
+function D(t) {
   const e = typeof t;
   switch (e) {
     case "undefined":
@@ -318,125 +318,125 @@ function A(t) {
 function _(t) {
   return Array.isArray(t);
 }
-function X(t, e) {
+function J(t, e) {
   return _(e) && e.every((s) => t(s));
 }
-function ht(t, e, s) {
-  if (X(t, e))
+function pt(t, e, s) {
+  if (J(t, e))
     return !0;
-  throw new TypeError(G(e, s));
+  throw new TypeError(F(e, s));
 }
 function O(t) {
   return typeof t == "string";
 }
-function pt(t, e) {
+function mt(t, e) {
   if (O(t))
     return !0;
-  throw new TypeError(G(t, e ?? "Expected a string. Got type: %t, value: %v"));
+  throw new TypeError(F(t, e ?? "Expected a string. Got type: %t, value: %v"));
 }
-function E(t) {
-  return A(t) === "function";
+function S(t) {
+  return D(t) === "function";
 }
-function qe(t) {
+function Ue(t) {
   return typeof t == "number" && !isNaN(t);
 }
-function mt(...t) {
+function gt(...t) {
   const e = t[0], s = O(t[2]) ? t[2] : `Expected instance of ${e.name}. Got type: %t, value: %v`, n = (i) => {
     if (i instanceof e)
       return !0;
-    throw new TypeError(G(i, s));
+    throw new TypeError(F(i, s));
   };
   return t.length < 2 ? n : n(t[1]);
 }
-function J(t) {
+function Q(t) {
   return t != null && typeof t == "object" && !_(t);
 }
-function gt(t, e) {
-  if (J(t))
+function yt(t, e) {
+  if (Q(t))
     return !0;
-  throw new TypeError(G(t, e));
+  throw new TypeError(F(t, e));
 }
-function G(t, e) {
+function F(t, e) {
   var i;
-  const s = A(t), n = ((i = t == null ? void 0 : t.toString) == null ? void 0 : i.call(t)) || String(t);
+  const s = D(t), n = ((i = t == null ? void 0 : t.toString) == null ? void 0 : i.call(t)) || String(t);
   return e.replaceAll("%t", s).replaceAll("%v", n);
 }
-let T, P = [];
+let k, P = [];
 const {
-  link: Q,
-  propagate: Ue,
+  link: Y,
+  propagate: Re,
   updateDirtyFlag: ze,
-  startTracking: Y,
-  endTracking: ee,
-  processEffectNotifications: Re,
-  processComputedUpdate: Be,
+  startTracking: ee,
+  endTracking: te,
+  processEffectNotifications: Be,
+  processComputedUpdate: Fe,
   processPendingInnerEffects: Ge
-} = ye({
+} = ve({
   updateComputed(t) {
     const e = g;
-    g = t, P.length = 0, Y(t);
+    g = t, P.length = 0, ee(t);
     try {
       const s = t.currentValue, n = t.getter(s);
       return t.equals(s, n) ? !1 : (t.currentValue = n, !0);
     } finally {
-      g = e, T !== void 0 && (T(P), T = void 0), ee(t);
+      g = e, k !== void 0 && (k(P), k = void 0), te(t);
     }
   },
   notifyEffect(t) {
     const e = t.flags;
-    return e & M.Dirty || e & M.PendingComputed && ze(t, e) ? Ne(t) : Ge(t, t.flags), !0;
+    return e & M.Dirty || e & M.PendingComputed && ze(t, e) ? xe(t) : Ge(t, t.flags), !0;
   }
 });
 let g;
-const C = [];
-let W = !1;
-function Fe() {
-  W || (W = !0, queueMicrotask(() => {
-    W = !1;
-    for (let t = 0; t < C.length; t++) {
-      const e = C[t], s = g;
-      g = e, P.length = 0, Y(e);
+const L = [];
+let Z = !1;
+function We() {
+  Z || (Z = !0, queueMicrotask(() => {
+    Z = !1;
+    for (let t = 0; t < L.length; t++) {
+      const e = L[t], s = g;
+      g = e, P.length = 0, ee(e);
       try {
         e.fn();
       } finally {
-        g = s, ee(e), T !== void 0 && (T(P), T = void 0);
+        g = s, te(e), k !== void 0 && (k(P), k = void 0);
       }
     }
-    C.length = 0;
+    L.length = 0;
   }));
 }
-function Ne(t) {
-  C.push(t), Fe();
-}
-function We() {
-  Y(this), ee(this), queueMicrotask(() => {
-    C.splice(C.indexOf(this), 1);
-  });
+function xe(t) {
+  L.push(t), We();
 }
-const xe = [];
 function Ze() {
-  xe.push(g), g = void 0;
+  ee(this), te(this), queueMicrotask(() => {
+    L.splice(L.indexOf(this), 1);
+  });
 }
+const Ee = [];
 function He() {
-  g = xe.pop();
+  Ee.push(g), g = void 0;
+}
+function Ke() {
+  g = Ee.pop();
 }
-var b, j;
+var b, V;
 class Me {
   constructor(e, s) {
-    L(this, b);
-    L(this, j);
-    l(this, "name");
+    T(this, b);
+    T(this, V);
+    c(this, "name");
     $(this, b, {
       currentValue: e,
       subs: void 0,
       subsTail: void 0
-    }), $(this, j, (s == null ? void 0 : s.equals) ?? Object.is), s != null && s.name && (this.name = s.name);
+    }), $(this, V, (s == null ? void 0 : s.equals) ?? Object.is), s != null && s.name && (this.name = s.name);
   }
   /**
    * Returns the latest value. The signal is tracked as a dependency if called within `effect` or `compose`.
    */
   get() {
-    return g !== void 0 && (Q(w(this, b), g), P.push(this)), w(this, b).currentValue;
+    return g !== void 0 && (Y(w(this, b), g), P.push(this)), w(this, b).currentValue;
   }
   /**
    * Returns the latest value. The signal is NOT tracked if called within `effect` or `compose`.
@@ -453,10 +453,10 @@ class Me {
    * count.set(count.get() + 1);
    */
   set(e) {
-    if (!w(this, j).call(this, w(this, b).currentValue, e)) {
+    if (!w(this, V).call(this, w(this, b).currentValue, e)) {
       w(this, b).currentValue = e;
       const s = w(this, b).subs;
-      s !== void 0 && (Ue(s), Re());
+      s !== void 0 && (Re(s), Be());
     }
   }
   /**
@@ -506,15 +506,15 @@ class Me {
     this.set(e);
   }
 }
-b = new WeakMap(), j = new WeakMap();
-var D, V, B, ke;
-class Ee {
+b = new WeakMap(), V = new WeakMap();
+var A, j, B, ke;
+class Se {
   constructor(e, s) {
-    L(this, B);
-    L(this, D);
-    L(this, V);
-    l(this, "name");
-    $(this, V, e), $(this, D, {
+    T(this, B);
+    T(this, A);
+    T(this, j);
+    c(this, "name");
+    $(this, j, e), $(this, A, {
       currentValue: void 0,
       equals: (s == null ? void 0 : s.equals) ?? Object.is,
       subs: void 0,
@@ -526,11 +526,11 @@ class Ee {
     }), s != null && s.name && (this.name = s.name);
   }
   get() {
-    return g !== void 0 && (Q(w(this, D), g), P.push(this)), this.peek();
+    return g !== void 0 && (Y(w(this, A), g), P.push(this)), this.peek();
   }
   peek() {
-    const e = w(this, D), s = e.flags;
-    return s & (M.Dirty | M.PendingComputed) && Be(e, s), e.currentValue;
+    const e = w(this, A), s = e.flags;
+    return s & (M.Dirty | M.PendingComputed) && Fe(e, s), e.currentValue;
   }
   /**
    * @deprecated use `get()`
@@ -539,38 +539,38 @@ class Ee {
     return this.peek();
   }
 }
-D = new WeakMap(), V = new WeakMap(), B = new WeakSet(), ke = function(e) {
-  let s = w(this, V).call(this, e);
+A = new WeakMap(), j = new WeakMap(), B = new WeakSet(), ke = function(e) {
+  let s = w(this, j).call(this, e);
   return y(s) && (s = s.get()), s;
 };
 function y(t) {
-  return t instanceof Me || t instanceof Ee;
+  return t instanceof Me || t instanceof Se;
 }
-function K(t, e) {
+function X(t, e) {
   return new Me(t, e);
 }
-function te(t, e) {
-  return new Ee(t, e);
+function se(t, e) {
+  return new Se(t, e);
 }
-function Ke(t, e) {
-  if (E(e))
+function Xe(t, e) {
+  if (S(e))
     t.update(e);
   else if (arguments.length > 1)
     t.set(e);
   else
-    return (s) => Ke(t, s);
+    return (s) => Xe(t, s);
 }
 function I(t) {
   return y(t) ? t.get() : t;
 }
-function yt(t) {
+function vt(t) {
   return y(t) ? t.peek() : t;
 }
-function se(t) {
-  Ze(), t(), He();
+function G(t) {
+  He(), t(), Ke();
 }
-function vt(t) {
-  T = t;
+function wt(t) {
+  k = t;
 }
 function v(t) {
   const e = {
@@ -581,21 +581,21 @@ function v(t) {
     depsTail: void 0,
     flags: M.Effect
   };
-  return g !== void 0 && Q(e, g), Ne(e), We.bind(e);
+  return g !== void 0 && Y(e, g), xe(e), Ze.bind(e);
 }
-const wt = () => {
+const bt = () => {
 };
-let Z = 1;
-function Se() {
-  return Z = Z % Number.MAX_SAFE_INTEGER + 1, Z.toString(36) + Date.now().toString(36);
+let H = 1;
+function Te() {
+  return H = H % Number.MAX_SAFE_INTEGER + 1, H.toString(36) + Date.now().toString(36);
 }
-function bt(t, e) {
+function Nt(t, e) {
   return Object.is(t, e);
 }
-function Nt(t, e) {
+function xt(t, e) {
   if (Object.is(t, e)) return !0;
-  const s = A(t);
-  if (s !== A(e))
+  const s = D(t);
+  if (s !== D(e))
     return !1;
   switch (s) {
     case "object":
@@ -616,7 +616,7 @@ function Nt(t, e) {
         if (t[i] !== e[i]) return !1;
       return !0;
     case "set":
-      if (E(t.symmetricDifference))
+      if (S(t.symmetricDifference))
         return t.symmetricDifference(e).size === 0;
       for (const i of t.keys())
         if (t[i] !== e.get(i)) return !1;
@@ -624,20 +624,20 @@ function Nt(t, e) {
   }
   return !1;
 }
-function H(t, e) {
+function K(t, e) {
   if (t === e) return !0;
   if (t && e && typeof t == "object" && typeof e == "object") {
     if (t.constructor !== e.constructor) return !1;
     var s, n, i;
     if (Array.isArray(t)) {
       if (s = t.length, s != e.length) return !1;
-      for (n = s; n-- !== 0; ) if (!H(t[n], e[n])) return !1;
+      for (n = s; n-- !== 0; ) if (!K(t[n], e[n])) return !1;
       return !0;
     }
     if (t instanceof Map && e instanceof Map) {
       if (t.size !== e.size) return !1;
       for (n of t.entries()) if (!e.has(n[0])) return !1;
-      for (n of t.entries()) if (!H(n[1], e.get(n[0]))) return !1;
+      for (n of t.entries()) if (!K(n[1], e.get(n[0]))) return !1;
       return !0;
     }
     if (t instanceof Set && e instanceof Set) {
@@ -657,19 +657,19 @@ function H(t, e) {
     for (n = s; n-- !== 0; ) if (!Object.prototype.hasOwnProperty.call(e, i[n])) return !1;
     for (n = s; n-- !== 0; ) {
       var o = i[n];
-      if (!H(t[o], e[o])) return !1;
+      if (!K(t[o], e[o])) return !1;
     }
     return !0;
   }
   return t !== t && e !== e;
 }
-function Xe(t, e) {
+function Je(t, e) {
   const s = {};
   for (const n in e)
     t.includes(n) || (s[n] = e[n]);
   return s;
 }
-function xt(t) {
+function Et(t) {
   let e = 0;
   for (let s = 0; s < t.length; s++)
     e = (e + t.charCodeAt(s) * 10) % 360;
@@ -697,26 +697,13 @@ function Mt(t) {
     return !(o.some((f) => f(n)) || i.length > 0 && !i.some((f) => f(n)));
   };
 }
-const k = Symbol.for("DollaMarkupElement"), Et = Symbol.for("DollaRouter");
-function kt(t, e) {
-  return e.outlet();
-}
-function Je(t) {
-  for (var e, s, n = arguments, i = 1, o = "", f = "", a = [0], m = function(c) {
-    i === 1 && (c || (o = o.replace(/^\s*\n\s*|\s*\n\s*$/g, ""))) ? a.push(c ? n[c] : o) : i === 3 && (c || o) ? (a[1] = c ? n[c] : o, i = 2) : i === 2 && o === "..." && c ? a[2] = Object.assign(a[2] || {}, n[c]) : i === 2 && o && !c ? (a[2] = a[2] || {})[o] = !0 : i >= 5 && (i === 5 ? ((a[2] = a[2] || {})[s] = c ? o ? o + n[c] : n[c] : o, i = 6) : (c || o) && (a[2][s] += c ? o + n[c] : o)), o = "";
-  }, r = 0; r < t.length; r++) {
-    r && (i === 1 && m(), m(r));
-    for (var u = 0; u < t[r].length; u++) e = t[r][u], i === 1 ? e === "<" ? (m(), a = [a, "", null], i = 3) : o += e : i === 4 ? o === "--" && e === ">" ? (i = 1, o = "") : o = e + o[0] : f ? e === f ? f = "" : o += e : e === '"' || e === "'" ? f = e : e === ">" ? (m(), i = 1) : i && (e === "=" ? (i = 5, s = o, o = "") : e === "/" && (i < 5 || t[r][u + 1] === ">") ? (m(), i === 3 && (a = a[0]), i = a, (a = a[0]).push(this.apply(null, i.slice(1))), i = 0) : e === " " || e === "	" || e === `
-` || e === "\r" ? (m(), i = 2) : o += e), i === 3 && o === "!--" && (i = 4, a = a[0]);
-  }
-  return m(), a.length > 2 ? a.slice(1) : a[1];
-}
+const E = Symbol.for("DollaMarkupElement"), St = Symbol.for("DollaRouter");
 var le;
-le = k;
+le = E;
 class ce {
   constructor(e) {
-    l(this, le, !0);
-    l(this, "domNode");
+    c(this, le, !0);
+    c(this, "domNode");
     this.domNode = e;
   }
   get isMounted() {
@@ -730,15 +717,15 @@ class ce {
   }
 }
 var ae;
-ae = k;
+ae = E;
 class Qe {
   constructor(e) {
-    l(this, ae, !0);
-    l(this, "domNode", document.createTextNode(""));
-    l(this, "children", []);
-    l(this, "elementContext");
-    l(this, "source");
-    l(this, "unsubscribe");
+    c(this, ae, !0);
+    c(this, "domNode", document.createTextNode(""));
+    c(this, "children", []);
+    c(this, "elementContext");
+    c(this, "source");
+    c(this, "unsubscribe");
     this.source = e.source, this.elementContext = e.elementContext;
   }
   get isMounted() {
@@ -747,11 +734,11 @@ class Qe {
   mount(e, s) {
     this.isMounted || (e.insertBefore(this.domNode, (s == null ? void 0 : s.nextSibling) ?? null), this.unsubscribe = v(() => {
       const n = this.source.get();
-      if (!Pe(n))
+      if (!Oe(n))
         throw console.error(n), new TypeError(
-          `Dynamic received invalid value to render. Got type: ${A(n)}, value: ${n}`
+          `Dynamic received invalid value to render. Got type: ${D(n)}, value: ${n}`
         );
-      se(() => {
+      G(() => {
         this.update(_(n) ? n : [n]);
       });
     }));
@@ -766,46 +753,46 @@ class Qe {
     this.children = [];
   }
   update(e) {
-    var o, f, a;
+    var o, f, p;
     if (this.cleanup(!1), e == null || e.length === 0 || !this.isMounted)
       return;
-    const s = e.flatMap((m) => De(m) ? m : S(this.elementContext, ne(m)));
+    const s = e.flatMap((m) => De(m) ? m : C(this.elementContext, ne(m)));
     for (const m of s) {
       const r = ((o = this.children.at(-1)) == null ? void 0 : o.domNode) || this.domNode;
       m.mount(this.domNode.parentNode, r), this.children.push(m);
     }
-    const n = this.domNode.parentNode, i = ((a = (f = this.children.at(-1)) == null ? void 0 : f.domNode) == null ? void 0 : a.nextSibling) ?? null;
+    const n = this.domNode.parentNode, i = ((p = (f = this.children.at(-1)) == null ? void 0 : f.domNode) == null ? void 0 : p.nextSibling) ?? null;
     n.insertBefore(this.domNode, i);
   }
 }
 const Ye = (t) => /^on[A-Z]/.test(t);
 var de;
-de = k;
+de = E;
 class et {
   constructor({ tag: e, props: s, children: n, elementContext: i }) {
-    l(this, de, !0);
-    l(this, "domNode");
-    l(this, "props");
-    l(this, "childMarkup", []);
-    l(this, "children", []);
-    l(this, "unsubscribers", []);
-    l(this, "elementContext");
+    c(this, de, !0);
+    c(this, "domNode");
+    c(this, "props");
+    c(this, "childMarkup", []);
+    c(this, "children", []);
+    c(this, "unsubscribers", []);
+    c(this, "elementContext");
     // Track the ref so we can nullify it on unmount.
-    l(this, "ref");
+    c(this, "ref");
     // Prevents 'onClickOutside' handlers from firing in the same cycle in which the element is connected.
-    l(this, "canClickAway", !1);
+    c(this, "canClickAway", !1);
     if (e.toLowerCase() === "svg" && (i = {
       ...i,
       isSVG: !0
     }), i.isSVG ? this.domNode = document.createElementNS("http://www.w3.org/2000/svg", e) : this.domNode = document.createElement(e), i.root.getEnv() === "development" && i.viewName && (this.domNode.dataset.view = i.viewName), s.ref)
-      if (E(s.ref))
+      if (S(s.ref))
         this.ref = s.ref, this.ref(this.domNode);
       else
         throw new Error("Expected ref to be a function. Got: " + s.ref);
     this.props = {
-      ...Xe(["ref", "class", "className"], s),
+      ...Je(["ref", "class", "className"], s),
       class: s.className ?? s.class
-    }, n && (this.childMarkup = n), this.elementContext = i;
+    }, n && (this.childMarkup = ne(n)), this.elementContext = i;
   }
   get isMounted() {
     return this.domNode.parentNode != null;
@@ -814,7 +801,7 @@ class et {
     if (e == null)
       throw new Error(`HTML element requires a parent element as the first argument to connect. Got: ${e}`);
     if (!this.isMounted) {
-      this.childMarkup.length > 0 && (this.children = S(this.elementContext, this.childMarkup));
+      this.childMarkup.length > 0 && (this.children = C(this.elementContext, this.childMarkup));
       for (let n = 0; n < this.children.length; n++) {
         const i = this.children[n], o = n > 0 ? this.children[n - 1].domNode : void 0;
         i.mount(this.domNode, o);
@@ -848,14 +835,14 @@ class et {
     for (const n in s) {
       const i = s[n];
       if (n === "on:clickoutside" || n === "onClickOutside" || n === "onclickoutside") {
-        const o = (a) => {
-          this.canClickAway && !e.contains(a.target) && (y(i) ? i.peek()(a) : i(a));
+        const o = (p) => {
+          this.canClickAway && !e.contains(p.target) && (y(i) ? i.peek()(p) : i(p));
         }, f = { capture: !0 };
         window.addEventListener("click", o, f), this.unsubscribers.push(() => {
           window.removeEventListener("click", o, f);
         });
       } else if (Ye(n)) {
-        const o = n.slice(2).toLowerCase(), f = y(i) ? (a) => i.peek()(a) : i;
+        const o = n.slice(2).toLowerCase(), f = y(i) ? (p) => i.peek()(p) : i;
         e.addEventListener(o, f), this.unsubscribers.push(() => {
           e.removeEventListener(o, f);
         });
@@ -881,6 +868,10 @@ class et {
                 e.htmlFor = o;
               });
               break;
+            case "title":
+              this.attachProp(i, (o) => {
+                o == null ? e.removeAttribute(n) : e.setAttribute(n, String(o));
+              });
             case "checked":
               this.attachProp(i, (o) => {
                 e.checked = o, o ? e.setAttribute("checked", "") : e.removeAttribute("checked");
@@ -901,8 +892,8 @@ class et {
               } else if (n.startsWith("on:")) {
                 const o = n.substring(3);
                 let f;
-                this.attachProp(i, (a) => {
-                  !a && f ? e.removeEventListener(o, f) : a != null && (f && f !== a && e.removeEventListener(o, f), e.addEventListener(o, a)), f = a;
+                this.attachProp(i, (p) => {
+                  !p && f ? e.removeEventListener(o, f) : p != null && (f && f !== p && e.removeEventListener(o, f), e.addEventListener(o, p)), f = p;
                 });
               } else if (n.startsWith("attr:")) {
                 const o = n.substring(5).toLowerCase();
@@ -923,19 +914,19 @@ class et {
     if (y(s)) {
       let o;
       const f = v(() => {
-        E(o) && o(), e.style.cssText = "", o = this.applyStyles(e, I(s), n);
+        S(o) && o(), e.style.cssText = "", o = this.applyStyles(e, I(s), n);
       });
       n.push(f), i.push(f);
     } else {
-      const o = Le(s);
+      const o = Ce(s);
       for (const f in o) {
-        const { value: a, priority: m } = o[f];
-        if (y(a)) {
+        const { value: p, priority: m } = o[f];
+        if (y(p)) {
           const r = v(() => {
-            a.get() ? e.style.setProperty(f, String(a.get()), m) : e.style.removeProperty(f);
+            p.get() ? e.style.setProperty(f, String(p.get()), m) : e.style.removeProperty(f);
           });
           n.push(r), i.push(r);
-        } else a != null && e.style.setProperty(f, String(a));
+        } else p != null && e.style.setProperty(f, String(p));
       }
     }
     return function() {
@@ -948,19 +939,19 @@ class et {
     if (y(s)) {
       let o;
       const f = v(() => {
-        E(o) && o(), e.removeAttribute("class"), o = this.applyClasses(e, I(s), n);
+        S(o) && o(), e.removeAttribute("class"), o = this.applyClasses(e, I(s), n);
       });
       n.push(f), i.push(f);
     } else {
-      const o = Te(s);
+      const o = Le(s);
       for (const f in o) {
-        const a = o[f];
-        if (y(a)) {
+        const p = o[f];
+        if (y(p)) {
           const m = v(() => {
-            I(a) ? e.classList.add(f) : e.classList.remove(f);
+            I(p) ? e.classList.add(f) : e.classList.remove(f);
           });
           n.push(m), i.push(m);
-        } else a && e.classList.add(f);
+        } else p && e.classList.add(f);
       }
     }
     return function() {
@@ -969,18 +960,18 @@ class et {
     };
   }
 }
-function Te(t) {
+function Le(t) {
   let e = {};
   if (O(t)) {
     const s = t.split(" ");
     for (const n of s)
       e[n] = !0;
-  } else J(t) ? Object.assign(e, t) : Array.isArray(t) && Array.from(t).filter(Boolean).forEach((s) => {
-    Object.assign(e, Te(s));
+  } else Q(t) ? Object.assign(e, t) : Array.isArray(t) && Array.from(t).filter(Boolean).forEach((s) => {
+    Object.assign(e, Le(s));
   });
   return delete e.undefined, e;
 }
-function Le(t) {
+function Ce(t) {
   let e = {};
   if (O(t)) {
     const s = t.split(";").filter((n) => n.trim() !== "");
@@ -991,11 +982,11 @@ function Le(t) {
       o.includes("!important") ? (f.priority = "important", f.value = o.replace("!important", "").trim()) : f.value = o.trim(), e[fe(i.trim())] = f;
     }
   }
-  if (J(t))
+  if (Q(t))
     for (const s in t)
       s.startsWith("--") ? e[s] = { value: t[s] } : e[fe(s)] = { value: t[s] };
   else Array.isArray(t) && Array.from(t).filter((s) => s != null).forEach((s) => {
-    Object.assign(e, Le(s));
+    Object.assign(e, Ce(s));
   });
   return e;
 }
@@ -1005,7 +996,7 @@ function fe(t) {
 const tt = ["ref", "children", "class", "style", "data"];
 let st = class {
   constructor(e) {
-    l(this, "store");
+    c(this, "store");
     this.store = e;
     const s = Object.getOwnPropertyDescriptors(this.store.logger);
     for (const n in s)
@@ -1021,7 +1012,7 @@ let st = class {
     this.store.name = e, this.store.logger.setName(e);
   }
   get(e) {
-    if (E(e)) {
+    if (S(e)) {
       let s = this.store.elementContext, n;
       for (; n = s.stores.get(e), n == null && s.parent != null; )
         s = s.parent;
@@ -1054,18 +1045,18 @@ let st = class {
 };
 class nt {
   constructor(e, s) {
-    l(this, "fn");
-    l(this, "_options");
+    c(this, "fn");
+    c(this, "_options");
     /**
      * Value is guaranteed to be set after `attach` is called.
      */
-    l(this, "value");
-    l(this, "isMounted", !1);
-    l(this, "elementContext");
-    l(this, "lifecycleListeners", { mount: [], unmount: [] });
-    l(this, "logger");
-    l(this, "id", Se());
-    l(this, "name");
+    c(this, "value");
+    c(this, "isMounted", !1);
+    c(this, "elementContext");
+    c(this, "lifecycleListeners", { mount: [], unmount: [] });
+    c(this, "logger");
+    c(this, "id", Te());
+    c(this, "name");
     this.fn = e, this.name = e.name, this._options = s;
   }
   /**
@@ -1101,7 +1092,7 @@ class U extends Error {
 }
 class it {
   constructor(e) {
-    l(this, "view");
+    c(this, "view");
     this.view = e;
     const s = Object.getOwnPropertyDescriptors(this.view.logger);
     for (const n in s)
@@ -1133,7 +1124,7 @@ class it {
     }
   }
   get(e) {
-    if (E(e)) {
+    if (S(e)) {
       let s = this.view.elementContext, n;
       for (; n = s.stores.get(e), n == null && s.parent != null; )
         s = s.parent;
@@ -1169,30 +1160,32 @@ class it {
     }
   }
   outlet() {
-    return N("$outlet", { children: this.view.children });
+    return x("$outlet", { view: this.view.elementContext.route });
   }
 }
 var he;
-he = k;
+he = E;
 const ie = class ie {
-  constructor(e, s, n, i = []) {
-    l(this, he, !0);
-    l(this, "uniqueId", Se());
-    l(this, "elementContext");
-    l(this, "logger");
-    l(this, "props");
-    l(this, "fn");
-    l(this, "element");
-    l(this, "childMarkup");
-    l(this, "children", K([]));
-    l(this, "lifecycleListeners", { beforeMount: [], mount: [], beforeUnmount: [], unmount: [] });
-    l(this, "isMounted", !1);
+  constructor(e, s, n, i) {
+    c(this, he, !0);
+    c(this, "uniqueId", Te());
+    c(this, "elementContext");
+    c(this, "logger");
+    c(this, "props");
+    c(this, "fn");
+    c(this, "element");
+    c(this, "lifecycleListeners", { beforeMount: [], mount: [], beforeUnmount: [], unmount: [] });
+    c(this, "isMounted", !1);
     this.elementContext = {
       ...e,
       parent: e,
       viewName: s.name,
-      stores: /* @__PURE__ */ new Map()
-    }, this.logger = e.root.createLogger(s.name || "🌇 anonymous view", { uid: this.uniqueId }), this.props = n, this.fn = s, this.childMarkup = i;
+      stores: /* @__PURE__ */ new Map(),
+      route: X()
+    }, this.logger = e.root.createLogger(s.name || "🌇 anonymous view", { uid: this.uniqueId }), this.props = {
+      ...n,
+      children: i
+    }, this.fn = s;
   }
   /*===============================*\
   ||         "Public" API          ||
@@ -1221,10 +1214,9 @@ const ie = class ie {
       s();
     this.lifecycleListeners.beforeMount.length = 0, this.lifecycleListeners.mount.length = 0, this.lifecycleListeners.beforeUnmount.length = 0, this.lifecycleListeners.unmount.length = 0;
   }
-  setChildView(e) {
-    this.childMarkup = [];
+  setRouteView(e) {
     const s = new ie(this.elementContext, e, {});
-    return this.children.set([s]), s;
+    return this.elementContext.route.set(s), s;
   }
   /*===============================*\
   ||           Internal            ||
@@ -1233,39 +1225,39 @@ const ie = class ie {
     const e = new it(this);
     let s;
     try {
-      s = this.fn.call(e, this.props, e), this.childMarkup.length && this.children.set(S(this.elementContext, this.childMarkup));
+      s = this.fn.call(e, this.props, e);
     } catch (n) {
       throw n instanceof Error && this.logger.crash(n), n;
     }
     if (s !== null) if (s instanceof Node)
-      this.element = q(S(this.elementContext, N("$node", { value: s })));
+      this.element = q(C(this.elementContext, x("$node", { value: s })));
     else if (y(s))
       this.element = q(
-        S(this.elementContext, N("$dynamic", { source: s }))
+        C(this.elementContext, x("$dynamic", { source: s }))
       );
-    else if (R(s) || X(R, s))
-      this.element = q(S(this.elementContext, s));
+    else if (z(s) || J(z, s))
+      this.element = q(C(this.elementContext, s));
     else {
       const n = new TypeError(
-        `Expected '${this.fn.name}' function to return a DOM node, Markup element, Readable or null. Got: ${A(s)}`
+        `Expected '${this.fn.name}' function to return a DOM node, Markup element, Readable or null. Got: ${D(s)}`
       );
       this.logger.crash(n);
     }
   }
 };
-let z = ie;
+let R = ie;
 var pe;
-pe = k;
+pe = E;
 class rt {
   constructor({ elementContext: e, items: s, renderFn: n, keyFn: i }) {
-    l(this, pe, !0);
-    l(this, "domNode", document.createTextNode(""));
-    l(this, "items");
-    l(this, "unsubscribe", null);
-    l(this, "connectedItems", []);
-    l(this, "elementContext");
-    l(this, "renderFn");
-    l(this, "keyFn");
+    c(this, pe, !0);
+    c(this, "domNode", document.createTextNode(""));
+    c(this, "items");
+    c(this, "unsubscribe", null);
+    c(this, "connectedItems", []);
+    c(this, "elementContext");
+    c(this, "renderFn");
+    c(this, "keyFn");
     this.elementContext = e, this.items = s, this.renderFn = n, this.keyFn = i;
   }
   get isMounted() {
@@ -1274,7 +1266,7 @@ class rt {
   mount(e, s) {
     this.isMounted || (e.insertBefore(this.domNode, (s == null ? void 0 : s.nextSibling) ?? null), this.unsubscribe = v(() => {
       let n = this.items.get();
-      n == null && (n = [], console.log("list received empty value", n, this)), se(() => {
+      n == null && (n = [], console.log("list received empty value", n, this)), G(() => {
         this._update(Array.from(n));
       });
     }));
@@ -1289,7 +1281,7 @@ class rt {
     this.connectedItems = [];
   }
   _update(e) {
-    var f, a, m;
+    var f, p, m;
     if (e.length === 0 || !this.isMounted)
       return this._cleanup(!1);
     const s = [];
@@ -1302,31 +1294,31 @@ class rt {
       });
     const i = [];
     for (const r of this.connectedItems)
-      s.find((c) => c.key === r.key) || r.element.unmount(!1);
+      s.find((l) => l.key === r.key) || r.element.unmount(!1);
     for (const r of s) {
-      const u = this.connectedItems.find((c) => c.key === r.key);
+      const u = this.connectedItems.find((l) => l.key === r.key);
       if (u)
         u.item.set(r.value), u.index.set(r.index), i[r.index] = u;
       else {
-        const c = K(r.value), h = K(r.index);
+        const l = X(r.value), d = X(r.index);
         i[r.index] = {
           key: r.key,
-          item: c,
-          index: h,
-          element: new z(this.elementContext, ot, {
-            item: te(() => c.get()),
-            index: h,
+          item: l,
+          index: d,
+          element: new R(this.elementContext, ot, {
+            item: se(() => l.get()),
+            index: d,
             renderFn: this.renderFn
           })
         };
       }
     }
     for (let r = 0; r < i.length; r++) {
-      const u = i[r], c = ((f = i[r - 1]) == null ? void 0 : f.element.domNode) ?? this.domNode;
-      u.element.mount(this.domNode.parentNode, c);
+      const u = i[r], l = ((f = i[r - 1]) == null ? void 0 : f.element.domNode) ?? this.domNode;
+      u.element.mount(this.domNode.parentNode, l);
     }
     this.connectedItems = i;
-    const o = ((a = i.at(-1)) == null ? void 0 : a.element.domNode) ?? this.domNode;
+    const o = ((p = i.at(-1)) == null ? void 0 : p.element.domNode) ?? this.domNode;
     (m = this.domNode.parentNode) == null || m.insertBefore(this.domNode, o.nextSibling);
   }
 }
@@ -1334,21 +1326,21 @@ function ot(t, e) {
   return e.name = "@ListItem", t.renderFn.call(e, t.item, t.index, e);
 }
 var me;
-me = k;
-class Ce {
+me = E;
+class Ae {
   constructor(e) {
-    l(this, me, !0);
-    l(this, "domNode", document.createTextNode(""));
-    l(this, "isMounted", !1);
-    l(this, "source");
-    l(this, "elements", []);
-    l(this, "unsubscribe");
+    c(this, me, !0);
+    c(this, "domNode", document.createTextNode(""));
+    c(this, "isMounted", !1);
+    c(this, "source");
+    c(this, "elements", []);
+    c(this, "unsubscribe");
     this.source = e;
   }
   mount(e, s) {
     this.isMounted || (this.isMounted = !0, e.insertBefore(this.domNode, (s == null ? void 0 : s.nextSibling) ?? null), y(this.source) ? this.unsubscribe = v(() => {
       const n = I(this.source);
-      se(() => {
+      G(() => {
         this.update(n);
       });
     }) : this.update(this.elements));
@@ -1373,12 +1365,12 @@ class Ce {
   }
 }
 var ge;
-ge = k;
+ge = E;
 class ut {
   constructor(e) {
-    l(this, ge, !0);
-    l(this, "config");
-    l(this, "element");
+    c(this, ge, !0);
+    c(this, "config");
+    c(this, "element");
     this.config = e;
   }
   get isMounted() {
@@ -1386,52 +1378,81 @@ class ut {
   }
   mount(e, s) {
     const { content: n, parent: i } = this.config;
-    De(n) ? this.element = n : this.element = q(S(this.config.elementContext, ne(n))), this.element.mount(i);
+    De(n) ? this.element = n : this.element = q(C(this.config.elementContext, ne(n))), this.element.mount(i);
   }
   unmount(e = !1) {
     var s;
     (s = this.element) != null && s.isMounted && this.element.unmount(!1);
   }
 }
-function R(t) {
-  return t instanceof Ae;
+var ye;
+ye = E;
+class ct {
+  constructor(e) {
+    c(this, ye, !0);
+    c(this, "domNode", document.createTextNode(""));
+    c(this, "isMounted", !1);
+    c(this, "view");
+    c(this, "mountedView");
+    c(this, "unsubscribe");
+    this.view = e;
+  }
+  mount(e, s) {
+    this.isMounted || (this.isMounted = !0, e.insertBefore(this.domNode, (s == null ? void 0 : s.nextSibling) ?? null), this.unsubscribe = v(() => {
+      const n = this.view.get();
+      G(() => {
+        this.update(n);
+      });
+    }));
+  }
+  unmount(e = !1) {
+    this.unsubscribe && (this.unsubscribe(), this.unsubscribe = void 0), this.isMounted && (this.cleanup(e), this.isMounted = !1);
+  }
+  cleanup(e) {
+    this.mountedView && this.mountedView.unmount(e), this.mountedView = void 0;
+  }
+  update(e) {
+    this.cleanup(!1), e && (e.mount(this.domNode.parentElement, this.domNode), this.mountedView = e);
+  }
+}
+function z(t) {
+  return t instanceof Pe;
 }
 function De(t) {
-  return (t == null ? void 0 : t[k]) === !0;
+  return (t == null ? void 0 : t[E]) === !0;
 }
 function ne(t) {
-  return _(t) || (t = [t]), t.flat(1 / 0).filter((e) => e != null && e !== !1).map((e) => R(e) ? e : e instanceof Node ? N("$node", { value: e }) : y(e) ? N("$dynamic", { source: e }) : N("$text", { value: e }));
+  return _(t) || (t = [t]), t.flat(1 / 0).filter((e) => e != null && e !== !1).map((e) => z(e) ? e : e instanceof Node ? x("$node", { value: e }) : y(e) ? x("$dynamic", { source: e }) : x("$text", { value: e }));
 }
-function N(t, e, ...s) {
-  return new Ae(t, e, ...s);
+function x(t, e, ...s) {
+  return new Pe(t, e, ...s);
 }
-class Ae {
+class Pe {
   constructor(e, s, ...n) {
-    l(this, "type");
-    l(this, "props");
-    l(this, "children");
-    this.type = e, this.props = s, this.children = ne(n);
+    c(this, "type");
+    c(this, "props");
+    c(this, "children");
+    this.type = e, this.props = s, this.children = n;
   }
 }
-const Tt = Je.bind(N);
-function Lt(t, e, s) {
-  return N("$dynamic", {
-    source: te(() => {
+function Tt(t, e, s) {
+  return x("$dynamic", {
+    source: se(() => {
       const n = I(t);
       return n && e ? e : !n && s ? s : null;
     })
   });
 }
-function Ct(t, e, s) {
-  return N("$list", { items: te(() => t), keyFn: e, renderFn: s });
+function Lt(t, e, s) {
+  return x("$list", { items: se(() => t), keyFn: e, renderFn: s });
 }
-function Dt(t, e) {
-  return N("$portal", { parent: t, content: e });
+function Ct(t, e) {
+  return x("$portal", { parent: t, content: e });
 }
-function S(t, e) {
+function C(t, e) {
   return (_(e) ? e : [e]).map((n) => {
-    if (E(n.type))
-      return new z(t, n.type, n.props, n.children);
+    if (S(n.type))
+      return new R(t, n.type, n.props, n.children);
     if (O(n.type))
       switch (n.type) {
         case "$node": {
@@ -1458,9 +1479,13 @@ function S(t, e) {
             elementContext: t
           });
         }
+        case "$fragment": {
+          const i = n.props;
+          return new Ae(i.children);
+        }
         case "$outlet": {
           const i = n.props;
-          return new Ce(i.children);
+          return new ct(i.view);
         }
         case "$portal": {
           const i = n.props;
@@ -1485,45 +1510,43 @@ function S(t, e) {
   });
 }
 function q(t) {
-  return t.length === 1 ? t[0] : new Ce(t);
+  return t.length === 1 ? t[0] : new Ae(t);
 }
-function Pe(t) {
-  return t == null || t === !1 || O(t) || qe(t) || R(t) || y(t) || X(Pe, t);
+function Oe(t) {
+  return t == null || t === !1 || O(t) || Ue(t) || z(t) || y(t) || J(Oe, t);
 }
 export {
-  vt as A,
-  bt as B,
-  Dt as C,
-  Ct as D,
-  Et as I,
-  kt as P,
+  Nt as A,
+  Lt as B,
+  Ct as C,
+  St as I,
   nt as S,
-  z as V,
-  ht as a,
-  pt as b,
-  K as c,
-  te as d,
-  gt as e,
+  R as V,
+  pt as a,
+  mt as b,
+  X as c,
+  se as d,
+  yt as e,
   O as f,
-  J as g,
-  H as h,
-  E as i,
+  Q as g,
+  K as h,
+  S as i,
   I as j,
-  Lt as k,
-  Tt as l,
-  Mt as m,
+  Tt as k,
+  Mt as l,
+  x as m,
   U as n,
-  mt as o,
-  N as p,
-  q,
-  S as r,
-  Nt as s,
-  A as t,
-  wt as u,
-  xt as v,
-  v as w,
-  Ke as x,
-  yt as y,
-  se as z
+  gt as o,
+  q as p,
+  C as q,
+  bt as r,
+  xt as s,
+  D as t,
+  Et as u,
+  v,
+  wt as w,
+  vt as x,
+  Xe as y,
+  G as z
 };
-//# sourceMappingURL=markup-aCjkIk4X.js.map
+//# sourceMappingURL=markup-DZcvFR50.js.map