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

package/dist/{markup-DZcvFR50.js → markup-B-2w-v-S.js}

@@ -1,12 +1,8 @@
-var $e = Object.defineProperty;
-var oe = (t) => {
-  throw TypeError(t);
-};
-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 ve({
+var Ne = Object.defineProperty;
+var xe = (t, e, s) => e in t ? Ne(t, e, { enumerable: !0, configurable: !0, writable: !0, value: s }) : t[e] = s;
+var f = (t, e, s) => xe(t, typeof e != "symbol" ? e + "" : e, s);
+var E = /* @__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))(E || {});
+function oe({
   updateComputed: t,
   notifyEffect: e
 }) {
@@ -19,18 +15,18 @@ function ve({
      * @param sub - The subscriber that depends on this dependency.
      * @returns The newly created link object if the two are not already linked; otherwise `undefined`.
      */
-    link(r, u) {
+    link(o, u) {
       const l = u.depsTail;
-      if (l !== void 0 && l.dep === r)
+      if (l !== void 0 && l.dep === o)
         return;
       const d = l !== void 0 ? l.nextDep : u.deps;
-      if (d !== void 0 && d.dep === r) {
+      if (d !== void 0 && d.dep === o) {
         u.depsTail = d;
         return;
       }
-      const a = r.subsTail;
+      const a = o.subsTail;
       if (!(a !== void 0 && a.sub === u && p(a, u)))
-        return i(r, u, d, l);
+        return i(o, u, d, l);
     },
     /**
      * Traverses and marks subscribers starting from the provided link.
@@ -41,27 +37,27 @@ function ve({
      * 
      * @param link - The starting link from which propagation begins.
      */
-    propagate(r) {
-      let u = 32, l = r, d = 0;
+    propagate(o) {
+      let u = 32, l = o, d = 0;
       e: do {
-        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);
+        const a = o.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(o, a) && (a.flags = h | 16 | u | 8, a.subs !== void 0)) {
+          const w = a.subs;
+          if (w !== void 0) {
+            w.nextSub !== void 0 ? (w.prevSub = l, o = l = w, u = 64, ++d) : (o = w, u = h & 2 ? 128 : 64);
             continue;
           }
           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;
+        } else h & (4 | u) ? !(h & u) && h & 224 && p(o, 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 ((o = l.nextSub) !== void 0) {
+          l = o, u = d ? 64 : 32;
           continue;
         }
         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;
+          const W = l.dep.subs;
+          if (l = W.prevSub, W.prevSub = void 0, (o = l.nextSub) !== void 0) {
+            l = o, u = d ? 64 : 32;
             continue e;
           }
         }
@@ -76,8 +72,8 @@ function ve({
      * 
      * @param sub - The subscriber to start tracking.
      */
-    startTracking(r) {
-      r.depsTail = void 0, r.flags = r.flags & -249 | 4;
+    startTracking(o) {
+      o.depsTail = void 0, o.flags = o.flags & -249 | 4;
     },
     /**
      * Concludes tracking of dependencies for the specified subscriber.
@@ -87,13 +83,13 @@ function ve({
      * 
      * @param sub - The subscriber whose tracking is ending.
      */
-    endTracking(r) {
-      const u = r.depsTail;
+    endTracking(o) {
+      const u = o.depsTail;
       if (u !== 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;
+        l !== void 0 && (g(l), u.nextDep = void 0);
+      } else o.deps !== void 0 && (g(o.deps), o.deps = void 0);
+      o.flags &= -5;
     },
     /**
      * Updates the dirty flag for the given subscriber based on its dependencies.
@@ -105,8 +101,8 @@ function ve({
      * @param flags - The current flag set for this subscriber.
      * @returns `true` if the subscriber is marked as Dirty; otherwise `false`.
      */
-    updateDirtyFlag(r, u) {
-      return o(r.deps) ? (r.flags = u | 32, !0) : (r.flags = u & -65, !1);
+    updateDirtyFlag(o, u) {
+      return r(o.deps) ? (o.flags = u | 32, !0) : (o.flags = u & -65, !1);
     },
     /**
      * Updates the computed subscriber if necessary before its value is accessed.
@@ -118,10 +114,10 @@ function ve({
      * @param computed - The computed subscriber to update.
      * @param flags - The current flag set for this subscriber.
      */
-    processComputedUpdate(r, u) {
-      if ((u & 32 || (o(r.deps) || (r.flags = u & -65, !1))) && t(r)) {
-        const l = r.subs;
-        l !== void 0 && f(l);
+    processComputedUpdate(o, u) {
+      if ((u & 32 || (r(o.deps) || (o.flags = u & -65, !1))) && t(o)) {
+        const l = o.subs;
+        l !== void 0 && c(l);
       }
     },
     /**
@@ -135,10 +131,10 @@ function ve({
      * @param sub - The subscriber which may have pending effects.
      * @param flags - The current flags on the subscriber to check.
      */
-    processPendingInnerEffects(r, u) {
+    processPendingInnerEffects(o, u) {
       if (u & 128) {
-        r.flags = u & -129;
-        let l = r.deps;
+        o.flags = u & -129;
+        let l = o.deps;
         do {
           const d = l.dep;
           "flags" in d && d.flags & 2 && d.flags & 224 && e(d), l = l.nextDep;
@@ -154,69 +150,69 @@ function ve({
      */
     processEffectNotifications() {
       for (; s !== void 0; ) {
-        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);
+        const o = s, u = o.depsTail, l = u.nextDep;
+        l !== void 0 ? (u.nextDep = void 0, s = l.sub) : (s = void 0, n = void 0), e(o) || (o.flags &= -9);
       }
     }
   };
-  function i(r, u, l, d) {
+  function i(o, u, l, d) {
     const a = {
-      dep: r,
+      dep: o,
       sub: u,
       nextDep: l,
       prevSub: void 0,
       nextSub: void 0
     };
-    if (d === void 0 ? u.deps = a : d.nextDep = a, r.subs === void 0)
-      r.subs = a;
+    if (d === void 0 ? u.deps = a : d.nextDep = a, o.subs === void 0)
+      o.subs = a;
     else {
-      const h = r.subsTail;
+      const h = o.subsTail;
       a.prevSub = h, h.nextSub = a;
     }
-    return u.depsTail = a, r.subsTail = a, a;
+    return u.depsTail = a, o.subsTail = a, a;
   }
-  function o(r) {
+  function r(o) {
     let u = 0, l;
     e: do {
       l = !1;
-      const d = r.dep;
+      const d = o.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;
+            h.nextSub !== void 0 && c(h), l = !0;
           }
         } else if ((a & 65) === 65) {
           const h = d.subs;
-          h.nextSub !== void 0 && (h.prevSub = r), r = d.deps, ++u;
+          h.nextSub !== void 0 && (h.prevSub = o), o = d.deps, ++u;
           continue;
         }
       }
-      if (!l && r.nextDep !== void 0) {
-        r = r.nextDep;
+      if (!l && o.nextDep !== void 0) {
+        o = o.nextDep;
         continue;
       }
       if (u) {
-        let a = r.sub;
+        let a = o.sub;
         do {
           --u;
           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;
+              (o = h.prevSub) !== void 0 ? (h.prevSub = void 0, c(a.subs), a = o.sub) : a = h.sub;
               continue;
             }
           } else
             a.flags &= -65;
-          if ((r = h.prevSub) !== void 0) {
-            if (h.prevSub = void 0, r.nextDep !== void 0) {
-              r = r.nextDep;
+          if ((o = h.prevSub) !== void 0) {
+            if (h.prevSub = void 0, o.nextDep !== void 0) {
+              o = o.nextDep;
               continue e;
             }
-            a = r.sub;
+            a = o.sub;
           } else {
-            if ((r = h.nextDep) !== void 0)
+            if ((o = h.nextDep) !== void 0)
               continue e;
             a = h.sub;
           }
@@ -226,18 +222,18 @@ function ve({
       return l;
     } while (!0);
   }
-  function f(r) {
+  function c(o) {
     do {
-      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);
+      const u = o.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)), o = o.nextSub;
+    } while (o !== void 0);
   }
-  function p(r, u) {
+  function p(o, u) {
     const l = u.depsTail;
     if (l !== void 0) {
       let d = u.deps;
       do {
-        if (d === r)
+        if (d === o)
           return !0;
         if (d === l)
           break;
@@ -246,61 +242,61 @@ function ve({
     }
     return !1;
   }
-  function m(r) {
+  function g(o) {
     do {
-      const u = r.dep, l = r.nextDep, d = r.nextSub, a = r.prevSub;
+      const u = o.dep, l = o.nextDep, d = o.nextSub, a = o.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;
+        const w = u.deps;
+        if (w !== void 0) {
+          o = w, u.depsTail.nextDep = l, u.deps = void 0, u.depsTail = void 0;
           continue;
         }
       }
-      r = l;
-    } while (r !== void 0);
+      o = l;
+    } while (o !== void 0);
   }
 }
 var {
-  link: lt,
-  propagate: at,
-  updateDirtyFlag: Ve,
-  startTracking: we,
-  endTracking: be,
-  processEffectNotifications: dt,
-  processComputedUpdate: ht,
-  processPendingInnerEffects: Ne
-} = ve({
+  link: Je,
+  propagate: Qe,
+  updateDirtyFlag: Ee,
+  startTracking: re,
+  endTracking: ue,
+  processEffectNotifications: Ye,
+  processComputedUpdate: et,
+  processPendingInnerEffects: ce
+} = oe({
   updateComputed(t) {
-    we(t);
+    re(t);
     try {
       const e = t.currentValue, s = t.getter(e);
       return e !== s ? (t.currentValue = s, !0) : !1;
     } finally {
-      be(t);
+      ue(t);
     }
   },
   notifyEffect(t) {
-    return "isScope" in t ? qe(t) : _e(t);
+    return "isScope" in t ? Te(t) : Me(t);
   }
 });
-function je(t) {
-  we(t);
+function Se(t) {
+  re(t);
   try {
     t.fn();
   } finally {
-    be(t);
+    ue(t);
   }
 }
-function _e(t) {
+function Me(t) {
   const e = t.flags;
-  return e & 32 || e & 64 && Ve(t, e) ? je(t) : Ne(t, t.flags), !0;
+  return e & 32 || e & 64 && Ee(t, e) ? Se(t) : ce(t, t.flags), !0;
 }
-function qe(t) {
-  return t.flags & 128 ? (Ne(t, t.flags), !0) : !1;
+function Te(t) {
+  return t.flags & 128 ? (ce(t, t.flags), !0) : !1;
 }
-function D(t) {
+function T(t) {
   const e = typeof t;
   switch (e) {
     case "undefined":
@@ -315,287 +311,187 @@ function D(t) {
       return e;
   }
 }
-function _(t) {
+function k(t) {
   return Array.isArray(t);
 }
-function J(t, e) {
-  return _(e) && e.every((s) => t(s));
+function V(t, e) {
+  return k(e) && e.every((s) => t(s));
 }
-function pt(t, e, s) {
-  if (J(t, e))
+function tt(t, e, s) {
+  if (V(t, e))
     return !0;
-  throw new TypeError(F(e, s));
+  throw new TypeError(I(e, s));
 }
-function O(t) {
+function L(t) {
   return typeof t == "string";
 }
-function mt(t, e) {
-  if (O(t))
+function st(t, e) {
+  if (L(t))
     return !0;
-  throw new TypeError(F(t, e ?? "Expected a string. Got type: %t, value: %v"));
+  throw new TypeError(I(t, e ?? "Expected a string. Got type: %t, value: %v"));
 }
-function S(t) {
-  return D(t) === "function";
+function m(t) {
+  return T(t) === "function";
 }
-function Ue(t) {
+function ke(t) {
   return typeof t == "number" && !isNaN(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) => {
+function nt(...t) {
+  const e = t[0], s = L(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(F(i, s));
+    throw new TypeError(I(i, s));
   };
   return t.length < 2 ? n : n(t[1]);
 }
-function Q(t) {
-  return t != null && typeof t == "object" && !_(t);
+function R(t) {
+  return t != null && typeof t == "object" && !k(t);
 }
-function yt(t, e) {
-  if (Q(t))
+function it(t, e) {
+  if (R(t))
     return !0;
-  throw new TypeError(F(t, e));
+  throw new TypeError(I(t, e));
 }
-function F(t, e) {
+function I(t, e) {
   var i;
-  const s = D(t), n = ((i = t == null ? void 0 : t.toString) == null ? void 0 : i.call(t)) || String(t);
+  const s = T(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 k, P = [];
 const {
-  link: Y,
-  propagate: Re,
-  updateDirtyFlag: ze,
-  startTracking: ee,
-  endTracking: te,
-  processEffectNotifications: Be,
-  processComputedUpdate: Fe,
-  processPendingInnerEffects: Ge
-} = ve({
+  link: B,
+  propagate: Le,
+  updateDirtyFlag: Ce,
+  startTracking: G,
+  endTracking: z,
+  processEffectNotifications: Ae,
+  processComputedUpdate: De,
+  processPendingInnerEffects: Oe
+} = oe({
   updateComputed(t) {
-    const e = g;
-    g = t, P.length = 0, ee(t);
+    const e = v;
+    v = t, G(t);
     try {
-      const s = t.currentValue, n = t.getter(s);
-      return t.equals(s, n) ? !1 : (t.currentValue = n, !0);
+      const s = t.current, n = t.getter(s);
+      return t.equals(s, n) ? !1 : (t.current = n, !0);
     } finally {
-      g = e, k !== void 0 && (k(P), k = void 0), te(t);
+      v = e, z(t);
     }
   },
   notifyEffect(t) {
     const e = t.flags;
-    return e & M.Dirty || e & M.PendingComputed && ze(t, e) ? xe(t) : Ge(t, t.flags), !0;
+    return e & E.Dirty || e & E.PendingComputed && Ce(t, e) ? fe(t) : Oe(t, t.flags), !0;
   }
 });
-let g;
-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);
+let v;
+const S = [];
+let q = !1;
+function Pe() {
+  q || (q = !0, queueMicrotask(() => {
+    q = !1;
+    for (let t = 0; t < S.length; t++) {
+      const e = S[t], s = v;
+      v = e, G(e);
       try {
-        e.fn();
+        e.cleanup && (ae(), e.cleanup(), de()), e.cleanup = e.fn() ?? void 0;
       } finally {
-        g = s, te(e), k !== void 0 && (k(P), k = void 0);
+        v = s, z(e);
       }
     }
-    L.length = 0;
+    S.length = 0;
   }));
 }
-function xe(t) {
-  L.push(t), We();
+function fe(t) {
+  S.push(t), Pe();
 }
-function Ze() {
-  ee(this), te(this), queueMicrotask(() => {
-    L.splice(L.indexOf(this), 1);
+function $e() {
+  G(this), z(this), queueMicrotask(() => {
+    S.splice(S.indexOf(this), 1), this.cleanup && this.cleanup();
   });
 }
-const Ee = [];
-function He() {
-  Ee.push(g), g = void 0;
+const le = [];
+function ae() {
+  le.push(v), v = void 0;
 }
-function Ke() {
-  g = Ee.pop();
+function de() {
+  v = le.pop();
 }
-var b, V;
-class Me {
-  constructor(e, s) {
-    T(this, b);
-    T(this, V);
-    c(this, "name");
-    $(this, b, {
-      currentValue: e,
-      subs: void 0,
-      subsTail: void 0
-    }), $(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 && (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`.
-   */
-  peek() {
-    return w(this, b).currentValue;
-  }
-  /**
-   * Replaces the current value with `next`.
-   *
-   * @example
-   * const count = atom(0);
-   * count.set(2);
-   * count.set(count.get() + 1);
-   */
-  set(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 && (Re(s), Be());
-    }
-  }
-  /**
-   * Passes the current value to `fn` and sets the return value as the next value.
-   *
-   * @example
-   * const count = atom(0);
-   * count.update((current) => current + 1);
-   * count.update((current) => current * 5);
-   *
-   * // Also works very well with Immer `produce` for complex objects.
-   * const items = atom([{ name: "Alice", age: 26 }, { name: "Bob", age: 33 }]);
-   *
-   * // Without Immer:
-   * items.update((current) => {
-   *   // Return a new array with Bob's age increased by 1.
-   *   const newItems = [...current];
-   *   newItems[1] = {
-   *     ...newItems[1],
-   *     age: newItems[1].age + 1
-   *   };
-   *   return newItems;
-   * });
-   *
-   * // With Immer:
-   * import { produce } from "immer";
-   *
-   * items.update(produce((draft) => {
-   *   // Mutate draft to increase Bob's age by 1.
-   *   // Results in a new object with this patch applied.
-   *   draft[1].age++;
-   * }));
-   */
-  update(e) {
-    this.set(e(this.peek()));
-  }
-  /**
-   * @deprecated use `get()`
-   */
-  get value() {
-    return this.peek();
-  }
-  /**
-   * @deprecated use `set()`
-   */
-  set value(e) {
-    this.set(e);
-  }
+const Z = Symbol("SIGNAL"), he = Symbol("SOURCE");
+function _(t) {
+  let e;
+  return ae(), e = b(t), de(), e;
 }
-b = new WeakMap(), V = new WeakMap();
-var A, j, B, ke;
-class Se {
-  constructor(e, s) {
-    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,
-      subsTail: void 0,
-      deps: void 0,
-      depsTail: void 0,
-      flags: M.Computed | M.Dirty,
-      getter: ue(this, B, ke).bind(this)
-    }), s != null && s.name && (this.name = s.name);
-  }
-  get() {
-    return g !== void 0 && (Y(w(this, A), g), P.push(this)), this.peek();
-  }
-  peek() {
-    const e = w(this, A), s = e.flags;
-    return s & (M.Dirty | M.PendingComputed) && Fe(e, s), e.currentValue;
-  }
-  /**
-   * @deprecated use `get()`
-   */
-  get value() {
-    return this.peek();
-  }
+function b(t) {
+  return m(t) ? t() : t;
 }
-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 Se;
-}
-function X(t, e) {
-  return new Me(t, e);
-}
-function se(t, e) {
-  return new Se(t, e);
-}
-function Xe(t, e) {
-  if (S(e))
-    t.update(e);
-  else if (arguments.length > 1)
-    t.set(e);
-  else
-    return (s) => Xe(t, s);
-}
-function I(t) {
-  return y(t) ? t.get() : t;
-}
-function vt(t) {
-  return y(t) ? t.peek() : t;
-}
-function G(t) {
-  He(), t(), Ke();
-}
-function wt(t) {
-  k = t;
-}
-function v(t) {
   const e = {
     fn: t,
     subs: void 0,
     subsTail: void 0,
     deps: void 0,
     depsTail: void 0,
-    flags: M.Effect
+    flags: E.Effect
   };
-  return g !== void 0 && Y(e, g), xe(e), Ze.bind(e);
+  return v !== void 0 && B(e, v), fe(e), $e.bind(e);
+}
+function D(t, e) {
+  return m(t) ? Ie(t, e) : H(t === void 0 ? void 0 : t, e);
 }
-const bt = () => {
+function H(t, e) {
+  const s = {
+    current: t,
+    subs: void 0,
+    subsTail: void 0
+  }, n = (e == null ? void 0 : e.equals) ?? Object.is, i = function() {
+    if (arguments.length > 0) {
+      let r = arguments[0];
+      if (typeof r == "function" && (r = r(s.current)), !n(s.current, r)) {
+        s.current = r;
+        const c = s.subs;
+        c !== void 0 && (Le(c), Ae());
+      }
+    } else
+      return v !== void 0 && B(s, v), s.current;
+  };
+  return i._type = he, i;
+}
+function Ie(t, e) {
+  if (m(t) && t._type === Z)
+    return t._type === he ? () => t() : t;
+  const s = {
+    current: void 0,
+    equals: (e == null ? void 0 : e.equals) ?? Object.is,
+    subs: void 0,
+    subsTail: void 0,
+    deps: void 0,
+    depsTail: void 0,
+    flags: E.Computed | E.Dirty,
+    getter: (i) => {
+      const r = t(i);
+      return b(r);
+    }
+  }, n = function() {
+    if (arguments.length > 0)
+      throw new Error("Signals cannot be set as their values are derived from the sources they depend on.");
+    v !== void 0 && B(s, v);
+    const i = s.flags;
+    return i & (E.Dirty | E.PendingComputed) && De(s, i), s.current;
+  };
+  return n._type = Z, n;
+}
+const ot = () => {
 };
-let H = 1;
-function Te() {
-  return H = H % Number.MAX_SAFE_INTEGER + 1, H.toString(36) + Date.now().toString(36);
+let U = 1;
+function pe() {
+  return U = U % Number.MAX_SAFE_INTEGER + 1, U.toString(36) + Date.now().toString(36);
 }
-function Nt(t, e) {
+function rt(t, e) {
   return Object.is(t, e);
 }
-function xt(t, e) {
+function ut(t, e) {
   if (Object.is(t, e)) return !0;
-  const s = D(t);
-  if (s !== D(e))
+  const s = T(t);
+  if (s !== T(e))
     return !1;
   switch (s) {
     case "object":
@@ -616,7 +512,7 @@ function xt(t, e) {
         if (t[i] !== e[i]) return !1;
       return !0;
     case "set":
-      if (S(t.symmetricDifference))
+      if (m(t.symmetricDifference))
         return t.symmetricDifference(e).size === 0;
       for (const i of t.keys())
         if (t[i] !== e.get(i)) return !1;
@@ -624,20 +520,20 @@ function xt(t, e) {
   }
   return !1;
 }
-function K(t, e) {
+function C(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 (!K(t[n], e[n])) return !1;
+      for (n = s; n-- !== 0; ) if (!C(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 (!K(n[1], e.get(n[0]))) return !1;
+      for (n of t.entries()) if (!C(n[1], e.get(n[0]))) return !1;
       return !0;
     }
     if (t instanceof Set && e instanceof Set) {
@@ -656,26 +552,26 @@ function K(t, e) {
     if (i = Object.keys(t), s = i.length, s !== Object.keys(e).length) return !1;
     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 (!K(t[o], e[o])) return !1;
+      var r = i[n];
+      if (!C(t[r], e[r])) return !1;
     }
     return !0;
   }
   return t !== t && e !== e;
 }
-function Je(t, e) {
+function _e(t, e) {
   const s = {};
   for (const n in e)
     t.includes(n) || (s[n] = e[n]);
   return s;
 }
-function Et(t) {
+function ct(t) {
   let e = 0;
   for (let s = 0; s < t.length; s++)
     e = (e + t.charCodeAt(s) * 10) % 360;
   return `oklch(0.68 0.15 ${e}deg)`;
 }
-function Mt(t) {
+function ft(t) {
   if (t instanceof RegExp)
     return (n) => t.test(n);
   const e = {
@@ -686,24 +582,24 @@ function Mt(t) {
     let i = "positive";
     n.startsWith("-") && (i = "negative", n = n.slice(1)), n === "*" ? e[i].push(function() {
       return !0;
-    }) : n.endsWith("*") ? e[i].push(function(o) {
-      return o.startsWith(n.slice(0, n.length - 1));
-    }) : e[i].push(function(o) {
-      return o === n;
+    }) : n.endsWith("*") ? e[i].push(function(r) {
+      return r.startsWith(n.slice(0, n.length - 1));
+    }) : e[i].push(function(r) {
+      return r === n;
     });
   }
   return function(n) {
-    const { positive: i, negative: o } = e;
-    return !(o.some((f) => f(n)) || i.length > 0 && !i.some((f) => f(n)));
+    const { positive: i, negative: r } = e;
+    return !(r.some((c) => c(n)) || i.length > 0 && !i.some((c) => c(n)));
   };
 }
-const E = Symbol.for("DollaMarkupElement"), St = Symbol.for("DollaRouter");
-var le;
-le = E;
-class ce {
+const x = Symbol.for("DollaMarkupElement"), lt = Symbol.for("DollaRouter");
+var J;
+J = x;
+class K {
   constructor(e) {
-    c(this, le, !0);
-    c(this, "domNode");
+    f(this, J, !0);
+    f(this, "domNode");
     this.domNode = e;
   }
   get isMounted() {
@@ -716,30 +612,30 @@ class ce {
     this.domNode.parentNode && !e && this.domNode.parentNode.removeChild(this.domNode);
   }
 }
-var ae;
-ae = E;
-class Qe {
+var Q;
+Q = x;
+class je {
   constructor(e) {
-    c(this, ae, !0);
-    c(this, "domNode", document.createTextNode(""));
-    c(this, "children", []);
-    c(this, "elementContext");
-    c(this, "source");
-    c(this, "unsubscribe");
+    f(this, Q, !0);
+    f(this, "domNode", document.createTextNode(""));
+    f(this, "children", []);
+    f(this, "elementContext");
+    f(this, "source");
+    f(this, "unsubscribe");
     this.source = e.source, this.elementContext = e.elementContext;
   }
   get isMounted() {
     return this.domNode.parentNode != null;
   }
   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 (!Oe(n))
+    this.isMounted || (e.insertBefore(this.domNode, (s == null ? void 0 : s.nextSibling) ?? null), this.unsubscribe = y(() => {
+      const n = this.source();
+      if (console.log("$dynamic effect", n, this.source), !we(n))
         throw console.error(n), new TypeError(
-          `Dynamic received invalid value to render. Got type: ${D(n)}, value: ${n}`
+          `Dynamic received invalid value to render. Got type: ${T(n)}, value: ${n}`
         );
-      G(() => {
-        this.update(_(n) ? n : [n]);
+      _(() => {
+        this.update(k(n) ? n : [n]);
       });
     }));
   }
@@ -753,46 +649,86 @@ class Qe {
     this.children = [];
   }
   update(e) {
-    var o, f, p;
+    var r, c, p;
     if (this.cleanup(!1), e == null || e.length === 0 || !this.isMounted)
       return;
-    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 s = e.flatMap((g) => ye(g) ? g : M(this.elementContext, j(g)));
+    console.log("$dynamic update", s, e);
+    for (const g of s) {
+      const o = ((r = this.children.at(-1)) == null ? void 0 : r.domNode) || this.domNode;
+      g.mount(this.domNode.parentNode, o), this.children.push(g);
     }
-    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 n = this.domNode.parentNode, i = ((p = (c = this.children.at(-1)) == null ? void 0 : c.domNode) == null ? void 0 : p.nextSibling) ?? null;
+    "moveBefore" in n ? n.moveBefore(this.domNode, i) : n.insertBefore(this.domNode, i);
   }
 }
-const Ye = (t) => /^on[A-Z]/.test(t);
-var de;
-de = E;
-class et {
+var Y;
+Y = x;
+class me {
+  constructor(e) {
+    f(this, Y, !0);
+    f(this, "domNode", document.createTextNode(""));
+    f(this, "isMounted", !1);
+    f(this, "source");
+    f(this, "elements", []);
+    f(this, "unsubscribe");
+    this.source = e;
+  }
+  mount(e, s) {
+    this.isMounted || (this.isMounted = !0, e.insertBefore(this.domNode, (s == null ? void 0 : s.nextSibling) ?? null), m(this.source) ? this.unsubscribe = y(() => {
+      const n = b(this.source);
+      _(() => {
+        this.update(n);
+      });
+    }) : this.update(this.elements));
+  }
+  unmount(e = !1) {
+    this.unsubscribe && (this.unsubscribe(), this.unsubscribe = void 0), this.isMounted && (this.cleanup(e), this.isMounted = !1);
+  }
+  cleanup(e) {
+    for (const s of this.elements)
+      s.unmount(e);
+    this.elements = [];
+  }
+  update(e) {
+    var s, n;
+    if (this.cleanup(!1), e.length > 0) {
+      for (let i = 0; i < e.length; i++) {
+        const r = e[i], c = i > 0 ? this.elements[i - 1] : void 0;
+        r.mount(this.domNode.parentElement, c == null ? void 0 : c.domNode), this.elements.push(r);
+      }
+      (n = this.domNode.parentNode) == null || n.insertBefore(this.domNode, ((s = this.elements.at(-1)) == null ? void 0 : s.domNode) ?? null);
+    }
+  }
+}
+const qe = (t) => /^on[A-Z]/.test(t);
+var ee;
+ee = x;
+class Ue {
   constructor({ tag: e, props: s, children: n, elementContext: i }) {
-    c(this, de, !0);
-    c(this, "domNode");
-    c(this, "props");
-    c(this, "childMarkup", []);
-    c(this, "children", []);
-    c(this, "unsubscribers", []);
-    c(this, "elementContext");
+    f(this, ee, !0);
+    f(this, "domNode");
+    f(this, "props");
+    f(this, "childMarkup", []);
+    f(this, "children", []);
+    f(this, "unsubscribers", []);
+    f(this, "elementContext");
     // Track the ref so we can nullify it on unmount.
-    c(this, "ref");
+    f(this, "ref");
     // Prevents 'onClickOutside' handlers from firing in the same cycle in which the element is connected.
-    c(this, "canClickAway", !1);
+    f(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 (S(s.ref))
+      if (m(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 = {
-      ...Je(["ref", "class", "className"], s),
+      ..._e(["ref", "class", "className"], s),
       class: s.className ?? s.class
-    }, n && (this.childMarkup = ne(n)), this.elementContext = i;
+    }, n && (this.childMarkup = j(n)), console.log(this.domNode, { children: n, childMarkup: this.childMarkup }), this.elementContext = i;
   }
   get isMounted() {
     return this.domNode.parentNode != null;
@@ -801,10 +737,10 @@ 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 = C(this.elementContext, this.childMarkup));
+      this.childMarkup.length > 0 && (this.children = M(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);
+        const i = this.children[n], r = n > 0 ? this.children[n - 1].domNode : void 0;
+        i.mount(this.domNode, r);
       }
       this.applyProps(this.domNode, this.props), this.props.style && this.applyStyles(this.domNode, this.props.style, this.unsubscribers), this.props.class && this.applyClasses(this.domNode, this.props.class, this.unsubscribers);
     }
@@ -825,9 +761,9 @@ class et {
     }
   }
   attachProp(e, s) {
-    y(e) ? this.unsubscribers.push(
-      v(() => {
-        s(e.get());
+    m(e) ? this.unsubscribers.push(
+      y(() => {
+        s(e());
       })
     ) : s(e);
   }
@@ -835,74 +771,81 @@ class et {
     for (const n in s) {
       const i = s[n];
       if (n === "on:clickoutside" || n === "onClickOutside" || n === "onclickoutside") {
-        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);
+        const r = (p) => {
+          this.canClickAway && !e.contains(p.target) && i(p);
+        }, c = { capture: !0 };
+        window.addEventListener("click", r, c), this.unsubscribers.push(() => {
+          window.removeEventListener("click", r, c);
         });
-      } else if (Ye(n)) {
-        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);
+      } else if (m(i) && qe(n)) {
+        const r = n.slice(2).toLowerCase(), c = i;
+        e.addEventListener(r, c), this.unsubscribers.push(() => {
+          e.removeEventListener(r, c);
+        });
+      } else if (m(i) && Re.includes(n)) {
+        const r = n.substring(2);
+        e.addEventListener(r, i), this.unsubscribers.push(() => {
+          e.removeEventListener(r, i);
         });
       } else if (n.includes("-"))
-        this.attachProp(i, (o) => {
-          o == null ? e.removeAttribute(n) : e.setAttribute(n, String(o));
+        this.attachProp(i, (r) => {
+          r == null ? e.removeAttribute(n) : e.setAttribute(n, String(r));
         });
-      else if (!tt.includes(n))
+      else if (!Ve.includes(n))
         if (this.elementContext.isSVG)
-          this.attachProp(i, (o) => {
-            o != null ? e.setAttribute(n, String(s[n])) : e.removeAttribute(n);
+          this.attachProp(i, (r) => {
+            r != null ? e.setAttribute(n, String(s[n])) : e.removeAttribute(n);
           });
         else
           switch (n) {
             case "contentEditable":
             case "value":
-              this.attachProp(i, (o) => {
-                e[n] = String(o);
+              this.attachProp(i, (r) => {
+                e[n] = String(r);
               });
               break;
             case "for":
-              this.attachProp(i, (o) => {
-                e.htmlFor = o;
+              this.attachProp(i, (r) => {
+                e.htmlFor = r;
               });
               break;
             case "title":
-              this.attachProp(i, (o) => {
-                o == null ? e.removeAttribute(n) : e.setAttribute(n, String(o));
+              this.attachProp(i, (r) => {
+                r == null ? e.removeAttribute(n) : e.setAttribute(n, String(r));
               });
             case "checked":
-              this.attachProp(i, (o) => {
-                e.checked = o, o ? e.setAttribute("checked", "") : e.removeAttribute("checked");
+              this.attachProp(i, (r) => {
+                e.checked = r, r ? e.setAttribute("checked", "") : e.removeAttribute("checked");
               });
               break;
             case "autocomplete":
             case "autocapitalize":
-              this.attachProp(i, (o) => {
-                typeof o == "string" ? e[n] = o : o ? e[n] = "on" : e[n] = "off";
+              this.attachProp(i, (r) => {
+                typeof r == "string" ? e[n] = r : r ? e[n] = "on" : e[n] = "off";
               });
               break;
             default: {
               if (n.startsWith("prop:")) {
-                const o = n.substring(5);
-                this.attachProp(i, (f) => {
-                  e[o] = f;
+                const r = n.substring(5);
+                this.attachProp(i, (c) => {
+                  e[r] = c;
                 });
               } else if (n.startsWith("on:")) {
-                const o = n.substring(3);
-                let f;
-                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;
+                const r = n.substring(3);
+                let c;
+                m(i) ? (e.addEventListener(r, i), this.unsubscribers.push(() => {
+                  e.removeEventListener(r, i);
+                })) : this.attachProp(i, (p) => {
+                  !p && c ? e.removeEventListener(r, c) : p != null && (c && c !== p && e.removeEventListener(r, c), e.addEventListener(r, p)), c = p;
                 });
               } else if (n.startsWith("attr:")) {
-                const o = n.substring(5).toLowerCase();
-                this.attachProp(i, (f) => {
-                  f != null ? e.setAttribute(o, String(f)) : e.removeAttribute(o);
+                const r = n.substring(5).toLowerCase();
+                this.attachProp(i, (c) => {
+                  c != null ? e.setAttribute(r, String(c)) : e.removeAttribute(r);
                 });
               } else
-                this.attachProp(i, (o) => {
-                  e[n] = o;
+                this.attachProp(i, (r) => {
+                  e[n] = r;
                 });
               break;
             }
@@ -911,92 +854,143 @@ class et {
   }
   applyStyles(e, s, n) {
     const i = [];
-    if (y(s)) {
-      let o;
-      const f = v(() => {
-        S(o) && o(), e.style.cssText = "", o = this.applyStyles(e, I(s), n);
+    if (m(s)) {
+      let r;
+      const c = y(() => {
+        m(r) && r(), e.style.cssText = "", r = this.applyStyles(e, b(s), n);
       });
-      n.push(f), i.push(f);
+      n.push(c), i.push(c);
     } else {
-      const o = Ce(s);
-      for (const f in o) {
-        const { value: p, priority: m } = o[f];
-        if (y(p)) {
-          const r = v(() => {
-            p.get() ? e.style.setProperty(f, String(p.get()), m) : e.style.removeProperty(f);
+      const r = ve(s);
+      for (const c in r) {
+        const { value: p, priority: g } = r[c];
+        if (m(p)) {
+          const o = y(() => {
+            b(p) ? e.style.setProperty(c, String(b(p)), g) : e.style.removeProperty(c);
           });
-          n.push(r), i.push(r);
-        } else p != null && e.style.setProperty(f, String(p));
+          n.push(o), i.push(o);
+        } else p != null && e.style.setProperty(c, String(p));
       }
     }
     return function() {
-      for (const f of i)
-        f(), n.splice(n.indexOf(f), 1);
+      for (const c of i)
+        c(), n.splice(n.indexOf(c), 1);
     };
   }
   applyClasses(e, s, n) {
     const i = [];
-    if (y(s)) {
-      let o;
-      const f = v(() => {
-        S(o) && o(), e.removeAttribute("class"), o = this.applyClasses(e, I(s), n);
+    if (m(s)) {
+      let r;
+      const c = y(() => {
+        m(r) && r(), e.removeAttribute("class"), r = this.applyClasses(e, b(s), n);
       });
-      n.push(f), i.push(f);
+      n.push(c), i.push(c);
     } else {
-      const o = Le(s);
-      for (const f in o) {
-        const p = o[f];
-        if (y(p)) {
-          const m = v(() => {
-            I(p) ? e.classList.add(f) : e.classList.remove(f);
+      const r = ge(s);
+      for (const c in r) {
+        const p = r[c];
+        if (m(p)) {
+          const g = y(() => {
+            b(p) ? e.classList.add(c) : e.classList.remove(c);
           });
-          n.push(m), i.push(m);
-        } else p && e.classList.add(f);
+          n.push(g), i.push(g);
+        } else p && e.classList.add(c);
       }
     }
     return function() {
-      for (const f of i)
-        f(), n.splice(n.indexOf(f), 1);
+      for (const c of i)
+        c(), n.splice(n.indexOf(c), 1);
     };
   }
 }
-function Le(t) {
+function ge(t) {
   let e = {};
-  if (O(t)) {
+  if (L(t)) {
     const s = t.split(" ");
     for (const n of s)
       e[n] = !0;
-  } else Q(t) ? Object.assign(e, t) : Array.isArray(t) && Array.from(t).filter(Boolean).forEach((s) => {
-    Object.assign(e, Le(s));
+  } else R(t) ? Object.assign(e, t) : Array.isArray(t) && Array.from(t).filter(Boolean).forEach((s) => {
+    Object.assign(e, ge(s));
   });
   return delete e.undefined, e;
 }
-function Ce(t) {
+function ve(t) {
   let e = {};
-  if (O(t)) {
+  if (L(t)) {
     const s = t.split(";").filter((n) => n.trim() !== "");
     for (const n of s) {
-      const [i, o] = n.split(":"), f = {
-        value: o
+      const [i, r] = n.split(":"), c = {
+        value: r
       };
-      o.includes("!important") ? (f.priority = "important", f.value = o.replace("!important", "").trim()) : f.value = o.trim(), e[fe(i.trim())] = f;
+      r.includes("!important") ? (c.priority = "important", c.value = r.replace("!important", "").trim()) : c.value = r.trim(), e[X(i.trim())] = c;
     }
   }
-  if (Q(t))
+  if (R(t))
     for (const s in t)
-      s.startsWith("--") ? e[s] = { value: t[s] } : e[fe(s)] = { value: t[s] };
+      s.startsWith("--") ? e[s] = { value: t[s] } : e[X(s)] = { value: t[s] };
   else Array.isArray(t) && Array.from(t).filter((s) => s != null).forEach((s) => {
-    Object.assign(e, Ce(s));
+    Object.assign(e, ve(s));
   });
   return e;
 }
-function fe(t) {
+function X(t) {
   return t.replace(/[A-Z]+(?![a-z])|[A-Z]/g, (e, s) => (s ? "-" : "") + e.toLowerCase());
 }
-const tt = ["ref", "children", "class", "style", "data"];
-let st = class {
+const Ve = ["ref", "children", "class", "style", "data"], Re = ["onsubmit", "onclick", "ontransitionend"];
+var te;
+te = x;
+class Be {
   constructor(e) {
-    c(this, "store");
+    f(this, te, !0);
+    f(this, "domNode", document.createTextNode(""));
+    f(this, "isMounted", !1);
+    f(this, "view");
+    f(this, "mountedView");
+    f(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 = y(() => {
+      const n = this.view();
+      _(() => {
+        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);
+  }
+}
+var se;
+se = x;
+class Ge {
+  constructor(e) {
+    f(this, se, !0);
+    f(this, "config");
+    f(this, "element");
+    this.config = e;
+  }
+  get isMounted() {
+    return this.element ? this.element.isMounted : !1;
+  }
+  mount(e, s) {
+    const { content: n, parent: i } = this.config;
+    ye(n) ? this.element = n : this.element = A(M(this.config.elementContext, j(n))), this.element.mount(i);
+  }
+  unmount(e = !1) {
+    var s;
+    (s = this.element) != null && s.isMounted && this.element.unmount(!1);
+  }
+}
+let ze = class {
+  constructor(e) {
+    f(this, "store");
     this.store = e;
     const s = Object.getOwnPropertyDescriptors(this.store.logger);
     for (const n in s)
@@ -1012,15 +1006,15 @@ let st = class {
     this.store.name = e, this.store.logger.setName(e);
   }
   get(e) {
-    if (S(e)) {
+    if (m(e)) {
       let s = this.store.elementContext, n;
       for (; n = s.stores.get(e), n == null && s.parent != null; )
         s = s.parent;
       if (n == null)
-        throw new U(`Store '${e.name}' is not provided on this context.`);
+        throw new O(`Store '${e.name}' is not provided on this context.`);
       return n.value;
     } else
-      throw new U("Invalid store.");
+      throw new O("Invalid store.");
   }
   onMount(e) {
     this.store.lifecycleListeners.mount.push(e);
@@ -1031,32 +1025,32 @@ let st = class {
   effect(e) {
     const s = this.store;
     if (s.isMounted) {
-      const n = v(e);
+      const n = y(e);
       return s.lifecycleListeners.unmount.push(n), n;
     } else {
       let n, i = !1;
       return s.lifecycleListeners.mount.push(() => {
-        i || (n = v(e), s.lifecycleListeners.unmount.push(n));
+        i || (n = y(e), s.lifecycleListeners.unmount.push(n));
       }), () => {
         n != null && (i = !0, n());
       };
     }
   }
 };
-class nt {
+class Fe {
   constructor(e, s) {
-    c(this, "fn");
-    c(this, "_options");
+    f(this, "fn");
+    f(this, "_options");
     /**
      * Value is guaranteed to be set after `attach` is called.
      */
-    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");
+    f(this, "value");
+    f(this, "isMounted", !1);
+    f(this, "elementContext");
+    f(this, "lifecycleListeners", { mount: [], unmount: [] });
+    f(this, "logger");
+    f(this, "id", pe());
+    f(this, "name");
     this.fn = e, this.name = e.name, this._options = s;
   }
   /**
@@ -1067,7 +1061,7 @@ class nt {
     if (e.stores.has(this.fn))
       return !1;
     this.elementContext = e, this.logger = e.root.createLogger(this.name);
-    const s = new st(this);
+    const s = new ze(this);
     try {
       this.value = this.fn.call(s, this._options, s);
     } catch (n) {
@@ -1088,11 +1082,11 @@ class nt {
     this.lifecycleListeners.unmount.length = 0;
   }
 }
-class U extends Error {
+class O extends Error {
 }
-class it {
+class We {
   constructor(e) {
-    c(this, "view");
+    f(this, "view");
     this.view = e;
     const s = Object.getOwnPropertyDescriptors(this.view.logger);
     for (const n in s)
@@ -1111,7 +1105,7 @@ class it {
     this.view.elementContext.viewName = e, this.view.logger.setName(e);
   }
   provide(e, s) {
-    const n = new nt(e, s);
+    const n = new Fe(e, s);
     if (n.attach(this.view.elementContext))
       return this.view.lifecycleListeners.mount.push(() => {
         n.handleMount();
@@ -1119,20 +1113,20 @@ class it {
         n.handleUnmount();
       }), n.value;
     {
-      let o = e.name ? `'${e.name}'` : "this store";
-      return this.view.logger.warn(`An instance of ${o} was already attached to this context.`), this.get(e);
+      let r = e.name ? `'${e.name}'` : "this store";
+      return this.view.logger.warn(`An instance of ${r} was already attached to this context.`), this.get(e);
     }
   }
   get(e) {
-    if (S(e)) {
+    if (m(e)) {
       let s = this.view.elementContext, n;
       for (; n = s.stores.get(e), n == null && s.parent != null; )
         s = s.parent;
       if (n == null)
-        throw new U(`Store '${e.name}' is not provided on this context.`);
+        throw new O(`Store '${e.name}' is not provided on this context.`);
       return n.value;
     } else
-      throw new U("Invalid store.");
+      throw new O("Invalid store.");
   }
   beforeMount(e) {
     this.view.lifecycleListeners.beforeMount.push(e);
@@ -1148,40 +1142,40 @@ class it {
   }
   effect(e) {
     if (this.view.isMounted) {
-      const s = v(e);
+      const s = y(e);
       return this.view.lifecycleListeners.unmount.push(s), s;
     } else {
       let s, n = !1;
       return this.view.lifecycleListeners.mount.push(() => {
-        n || (s = v(e), this.view.lifecycleListeners.unmount.push(s));
+        n || (s = y(e), this.view.lifecycleListeners.unmount.push(s));
       }), () => {
         s != null && (n = !0, s());
       };
     }
   }
   outlet() {
-    return x("$outlet", { view: this.view.elementContext.route });
+    return N("$outlet", { view: this.view.elementContext.route });
   }
 }
-var he;
-he = E;
-const ie = class ie {
+var ne;
+ne = x;
+const F = class F {
   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);
+    f(this, ne, !0);
+    f(this, "uniqueId", pe());
+    f(this, "elementContext");
+    f(this, "logger");
+    f(this, "props");
+    f(this, "fn");
+    f(this, "element");
+    f(this, "lifecycleListeners", { beforeMount: [], mount: [], beforeUnmount: [], unmount: [] });
+    f(this, "isMounted", !1);
     this.elementContext = {
       ...e,
       parent: e,
       viewName: s.name,
       stores: /* @__PURE__ */ new Map(),
-      route: X()
+      route: D()
     }, this.logger = e.root.createLogger(s.name || "🌇 anonymous view", { uid: this.uniqueId }), this.props = {
       ...n,
       children: i
@@ -1215,14 +1209,14 @@ const ie = class ie {
     this.lifecycleListeners.beforeMount.length = 0, this.lifecycleListeners.mount.length = 0, this.lifecycleListeners.beforeUnmount.length = 0, this.lifecycleListeners.unmount.length = 0;
   }
   setRouteView(e) {
-    const s = new ie(this.elementContext, e, {});
-    return this.elementContext.route.set(s), s;
+    const s = new F(this.elementContext, e, {});
+    return this.elementContext.route(s), s;
   }
   /*===============================*\
   ||           Internal            ||
   \*===============================*/
   _initialize() {
-    const e = new it(this);
+    const e = new We(this);
     let s;
     try {
       s = this.fn.call(e, this.props, e);
@@ -1230,43 +1224,43 @@ const ie = class ie {
       throw n instanceof Error && this.logger.crash(n), n;
     }
     if (s !== null) if (s instanceof Node)
-      this.element = q(C(this.elementContext, x("$node", { value: s })));
-    else if (y(s))
-      this.element = q(
-        C(this.elementContext, x("$dynamic", { source: s }))
+      this.element = A(M(this.elementContext, N("$node", { value: s })));
+    else if (m(s))
+      this.element = A(
+        M(this.elementContext, N("$dynamic", { source: s }))
       );
-    else if (z(s) || J(z, s))
-      this.element = q(C(this.elementContext, s));
+    else if ($(s) || V($, s))
+      this.element = A(M(this.elementContext, s));
     else {
       const n = new TypeError(
-        `Expected '${this.fn.name}' function to return a DOM node, Markup element, Readable or null. Got: ${D(s)}`
+        `Expected '${this.fn.name}' function to return a DOM node, Markup element, Signal or null. Got: ${T(s)}`
       );
       this.logger.crash(n);
     }
   }
 };
-let R = ie;
-var pe;
-pe = E;
-class rt {
+let P = F;
+var ie;
+ie = x;
+class Ze {
   constructor({ elementContext: e, items: s, renderFn: n, keyFn: i }) {
-    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");
+    f(this, ie, !0);
+    f(this, "domNode", document.createTextNode(""));
+    f(this, "items");
+    f(this, "unsubscribe", null);
+    f(this, "connectedItems", []);
+    f(this, "elementContext");
+    f(this, "renderFn");
+    f(this, "keyFn");
     this.elementContext = e, this.items = s, this.renderFn = n, this.keyFn = i;
   }
   get isMounted() {
     return this.domNode.parentNode != null;
   }
   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)), G(() => {
+    this.isMounted || (e.insertBefore(this.domNode, (s == null ? void 0 : s.nextSibling) ?? null), this.unsubscribe = y(() => {
+      let n = this.items();
+      n == null && (n = [], console.log("repeat received empty value", n, this)), _(() => {
         this._update(Array.from(n));
       });
     }));
@@ -1281,191 +1275,126 @@ class rt {
     this.connectedItems = [];
   }
   _update(e) {
-    var f, p, m;
+    var c, p, g;
     if (e.length === 0 || !this.isMounted)
       return this._cleanup(!1);
     const s = [];
     let n = 0;
-    for (const r of e)
+    for (const o of e)
       s.push({
-        key: this.keyFn(r, n),
-        value: r,
+        key: this.keyFn(o, n),
+        value: o,
         index: n++
       });
     const i = [];
-    for (const r of this.connectedItems)
-      s.find((l) => l.key === r.key) || r.element.unmount(!1);
-    for (const r of s) {
-      const u = this.connectedItems.find((l) => l.key === r.key);
+    for (const o of this.connectedItems)
+      s.find((l) => l.key === o.key) || o.element.unmount(!1);
+    for (const o of s) {
+      const u = this.connectedItems.find((l) => l.key === o.key);
       if (u)
-        u.item.set(r.value), u.index.set(r.index), i[r.index] = u;
+        u.item(o.value), u.index(o.index), i[o.index] = u;
       else {
-        const l = X(r.value), d = X(r.index);
-        i[r.index] = {
-          key: r.key,
+        const l = D(o.value, { equals: C }), d = D(o.index);
+        i[o.index] = {
+          key: o.key,
           item: l,
           index: d,
-          element: new R(this.elementContext, ot, {
-            item: se(() => l.get()),
-            index: d,
+          element: new P(this.elementContext, He, {
+            item: () => l(),
+            index: () => d(),
             renderFn: this.renderFn
           })
         };
       }
     }
-    for (let r = 0; r < i.length; r++) {
-      const u = i[r], l = ((f = i[r - 1]) == null ? void 0 : f.element.domNode) ?? this.domNode;
+    for (let o = 0; o < i.length; o++) {
+      const u = i[o], l = ((c = i[o - 1]) == null ? void 0 : c.element.domNode) ?? this.domNode;
       u.element.mount(this.domNode.parentNode, l);
     }
     this.connectedItems = i;
-    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);
-  }
-}
-function ot(t, e) {
-  return e.name = "@ListItem", t.renderFn.call(e, t.item, t.index, e);
-}
-var me;
-me = E;
-class Ae {
-  constructor(e) {
-    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);
-      G(() => {
-        this.update(n);
-      });
-    }) : this.update(this.elements));
-  }
-  unmount(e = !1) {
-    this.unsubscribe && (this.unsubscribe(), this.unsubscribe = void 0), this.isMounted && (this.cleanup(e), this.isMounted = !1);
-  }
-  cleanup(e) {
-    for (const s of this.elements)
-      s.unmount(e);
-    this.elements = [];
-  }
-  update(e) {
-    var s, n;
-    if (this.cleanup(!1), e.length > 0) {
-      for (let i = 0; i < e.length; i++) {
-        const o = e[i], f = i > 0 ? this.elements[i - 1] : void 0;
-        o.mount(this.domNode.parentElement, f == null ? void 0 : f.domNode), this.elements.push(o);
-      }
-      (n = this.domNode.parentNode) == null || n.insertBefore(this.domNode, ((s = this.elements.at(-1)) == null ? void 0 : s.domNode) ?? null);
-    }
+    const r = ((p = i.at(-1)) == null ? void 0 : p.element.domNode) ?? this.domNode;
+    (g = this.domNode.parentNode) == null || g.insertBefore(this.domNode, r.nextSibling);
   }
 }
-var ge;
-ge = E;
-class ut {
-  constructor(e) {
-    c(this, ge, !0);
-    c(this, "config");
-    c(this, "element");
-    this.config = e;
-  }
-  get isMounted() {
-    return this.element ? this.element.isMounted : !1;
-  }
-  mount(e, s) {
-    const { content: n, parent: i } = this.config;
-    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 He(t, e) {
+  return e.name = "@RepeatItem", t.renderFn.call(e, t.item, t.index, e);
 }
-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 $(t) {
+  return t instanceof be;
 }
-function z(t) {
-  return t instanceof Pe;
+function ye(t) {
+  return (t == null ? void 0 : t[x]) === !0;
 }
-function De(t) {
-  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) => z(e) ? e : e instanceof Node ? x("$node", { value: e }) : y(e) ? x("$dynamic", { source: e }) : x("$text", { value: e }));
+function j(t) {
+  k(t) || (t = [t]);
+  const e = [];
+  for (const s of t)
+    if (!(s == null || s === !1)) {
+      if (s instanceof Node) {
+        e.push(N("$node", { value: s }));
+        continue;
+      }
+      if ($(s)) {
+        e.push(s);
+        continue;
+      }
+      if (m(s)) {
+        e.push(N("$dynamic", { source: s }));
+        continue;
+      }
+      if (k(s)) {
+        e.push(...j(s));
+        continue;
+      }
+      e.push(N("$text", { value: s }));
+    }
+  return e;
 }
-function x(t, e, ...s) {
-  return new Pe(t, e, ...s);
+function N(t, e, ...s) {
+  return new be(t, e, ...s);
 }
-class Pe {
+class be {
   constructor(e, s, ...n) {
-    c(this, "type");
-    c(this, "props");
-    c(this, "children");
+    f(this, "type");
+    f(this, "props");
+    f(this, "children");
     this.type = e, this.props = s, this.children = n;
   }
 }
-function Tt(t, e, s) {
-  return x("$dynamic", {
-    source: se(() => {
-      const n = I(t);
+function Ke(t, e, s) {
+  return N("$dynamic", {
+    source: D(() => {
+      const n = b(t);
       return n && e ? e : !n && s ? s : null;
     })
   });
 }
-function Lt(t, e, s) {
-  return x("$list", { items: se(() => t), keyFn: e, renderFn: s });
+function dt(t, e, s) {
+  return Ke(t, s, e);
 }
-function Ct(t, e) {
-  return x("$portal", { parent: t, content: e });
+function ht(t, e, s) {
+  return N("$repeat", { items: () => b(t), keyFn: e, renderFn: s });
 }
-function C(t, e) {
-  return (_(e) ? e : [e]).map((n) => {
-    if (S(n.type))
-      return new R(t, n.type, n.props, n.children);
-    if (O(n.type))
+function pt(t, e) {
+  return N("$portal", { parent: t, content: e });
+}
+function M(t, e) {
+  return (k(e) ? e : [e]).map((n) => {
+    if (m(n.type))
+      return new P(t, n.type, n.props, n.children);
+    if (L(n.type))
       switch (n.type) {
         case "$node": {
           const i = n.props;
-          return new ce(i.value);
+          return new K(i.value);
         }
         case "$text": {
           const i = n.props;
-          return new ce(document.createTextNode(String(i.value)));
+          return new K(document.createTextNode(String(i.value)));
         }
-        case "$list": {
+        case "$repeat": {
           const i = n.props;
-          return new rt({
+          return new Ze({
             items: i.items,
             keyFn: i.keyFn,
             renderFn: i.renderFn,
@@ -1474,31 +1403,29 @@ function C(t, e) {
         }
         case "$dynamic": {
           const i = n.props;
-          return new Qe({
+          return new je({
             source: i.source,
             elementContext: t
           });
         }
         case "$fragment": {
           const i = n.props;
-          return new Ae(i.children);
+          return new me(i.children);
         }
         case "$outlet": {
           const i = n.props;
-          return new ct(i.view);
+          return new Be(i.view);
         }
         case "$portal": {
           const i = n.props;
-          return new ut({
+          return new Ge({
             content: i.content,
             parent: i.parent,
             elementContext: t
           });
         }
         default:
-          if (n.type.startsWith("$"))
-            throw new Error(`Unknown markup type: ${n.type}`);
-          return new et({
+          return new Ue({
             tag: n.type,
             props: n.props ?? {},
             children: n.children,
@@ -1509,44 +1436,42 @@ function C(t, e) {
       throw new TypeError(`Expected a string or view function. Got: ${n.type}`);
   });
 }
-function q(t) {
-  return t.length === 1 ? t[0] : new Ae(t);
+function A(t) {
+  return t.length === 1 ? t[0] : new me(t);
 }
-function Oe(t) {
-  return t == null || t === !1 || O(t) || Ue(t) || z(t) || y(t) || J(Oe, t);
+function we(t) {
+  return t == null || t === !1 || m(t) || L(t) || ke(t) || $(t) || V(we, t);
 }
 export {
-  Nt as A,
-  Lt as B,
-  Ct as C,
-  St as I,
-  nt as S,
-  R as V,
-  pt as a,
-  mt as b,
-  X as c,
-  se as d,
-  yt as e,
-  O as f,
-  Q as g,
-  K as h,
-  S as i,
-  I as j,
-  Tt as k,
-  Mt as l,
-  x as m,
-  U as n,
-  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
+  D as $,
+  lt as I,
+  Fe as S,
+  P as V,
+  tt as a,
+  st as b,
+  it as c,
+  k as d,
+  R as e,
+  L as f,
+  C as g,
+  b as h,
+  m as i,
+  ft as j,
+  O as k,
+  nt as l,
+  N as m,
+  A as n,
+  M as o,
+  _ as p,
+  ot as q,
+  ct as r,
+  ut as s,
+  T as t,
+  y as u,
+  rt as v,
+  Ke as w,
+  pt as x,
+  ht as y,
+  dt as z
 };
-//# sourceMappingURL=markup-DZcvFR50.js.map
+//# sourceMappingURL=markup-B-2w-v-S.js.map