@manyducks.co/dolla 2.0.0-alpha.35 → 2.0.0-alpha.36

package/dist/{markup-BWJWLvDF.js → markup-ILMFXzoo.js}

@@ -1,12 +1,12 @@
-var Ue = Object.defineProperty;
-var me = (n) => {
+var Ee = Object.defineProperty;
+var te = (n) => {
   throw TypeError(n);
 };
-var Ge = (n, e, t) => e in n ? Ue(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t;
-var l = (n, e, t) => Ge(n, typeof e != "symbol" ? e + "" : e, t), _e = (n, e, t) => e.has(n) || me("Cannot " + t);
-var T = (n, e, t) => (_e(n, e, "read from private field"), t ? t.call(n) : e.get(n)), L = (n, e, t) => e.has(n) ? me("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(n) : e.set(n, t), I = (n, e, t, s) => (_e(n, e, "write to private field"), s ? s.call(n, t) : e.set(n, t), t);
-var D = /* @__PURE__ */ ((n) => (n[n.Computed = 1] = "Computed", n[n.Effect = 2] = "Effect", n[n.Tracking = 4] = "Tracking", n[n.Notified = 8] = "Notified", n[n.Recursed = 16] = "Recursed", n[n.Dirty = 32] = "Dirty", n[n.PendingComputed = 64] = "PendingComputed", n[n.PendingEffect = 128] = "PendingEffect", n[n.Propagated = 224] = "Propagated", n))(D || {});
-function ze({
+var Se = (n, e, t) => e in n ? Ee(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t;
+var l = (n, e, t) => Se(n, typeof e != "symbol" ? e + "" : e, t), ne = (n, e, t) => e.has(n) || te("Cannot " + t);
+var T = (n, e, t) => (ne(n, e, "read from private field"), t ? t.call(n) : e.get(n)), I = (n, e, t) => e.has(n) ? te("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(n) : e.set(n, t), $ = (n, e, t, s) => (ne(n, e, "write to private field"), s ? s.call(n, t) : e.set(n, t), t);
+var S = /* @__PURE__ */ ((n) => (n[n.Computed = 1] = "Computed", n[n.Effect = 2] = "Effect", n[n.Tracking = 4] = "Tracking", n[n.Notified = 8] = "Notified", n[n.Recursed = 16] = "Recursed", n[n.Dirty = 32] = "Dirty", n[n.PendingComputed = 64] = "PendingComputed", n[n.PendingEffect = 128] = "PendingEffect", n[n.Propagated = 224] = "Propagated", n))(S || {});
+function Ne({
   updateComputed: n,
   notifyEffect: e
 }) {
@@ -44,23 +44,23 @@ function ze({
     propagate(r) {
       let u = 32, f = r, h = 0;
       e: do {
-        const d = r.sub, m = d.flags;
-        if (!(m & 244) && (d.flags = m | u | 8, !0) || m & 16 && !(m & 4) && (d.flags = m & -17 | u | 8, !0) || !(m & 224) && a(r, d) && (d.flags = m | 16 | u | 8, d.subs !== void 0)) {
-          const _ = d.subs;
-          if (_ !== void 0) {
-            _.nextSub !== void 0 ? (_.prevSub = f, r = f = _, u = 64, ++h) : (r = _, u = m & 2 ? 128 : 64);
+        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 = f, r = f = x, u = 64, ++h) : (r = x, u = p & 2 ? 128 : 64);
             continue;
           }
-          m & 2 && (s !== void 0 ? s.depsTail.nextDep = d.deps : t = d, s = d);
-        } else m & (4 | u) ? !(m & u) && m & 224 && a(r, d) && (d.flags = m | u) : (d.flags = m | u | 8, (m & 10) === 2 && (s !== void 0 ? s.depsTail.nextDep = d.deps : t = d, s = d));
+          p & 2 && (s !== void 0 ? s.depsTail.nextDep = d.deps : t = d, s = d);
+        } else p & (4 | u) ? !(p & u) && p & 224 && a(r, d) && (d.flags = p | u) : (d.flags = p | u | 8, (p & 10) === 2 && (s !== void 0 ? s.depsTail.nextDep = d.deps : t = d, s = d));
         if ((r = f.nextSub) !== void 0) {
           f = r, u = h ? 64 : 32;
           continue;
         }
         for (; h; ) {
           --h;
-          const g = f.dep.subs;
-          if (f = g.prevSub, g.prevSub = void 0, (r = f.nextSub) !== void 0) {
+          const ee = f.dep.subs;
+          if (f = ee.prevSub, ee.prevSub = void 0, (r = f.nextSub) !== void 0) {
             f = r, u = h ? 64 : 32;
             continue e;
           }
@@ -91,8 +91,8 @@ function ze({
       const u = r.depsTail;
       if (u !== void 0) {
         const f = u.nextDep;
-        f !== void 0 && (p(f), u.nextDep = void 0);
-      } else r.deps !== void 0 && (p(r.deps), r.deps = void 0);
+        f !== void 0 && (m(f), u.nextDep = void 0);
+      } else r.deps !== void 0 && (m(r.deps), r.deps = void 0);
       r.flags &= -5;
     },
     /**
@@ -170,8 +170,8 @@ function ze({
     if (h === void 0 ? u.deps = d : h.nextDep = d, r.subs === void 0)
       r.subs = d;
     else {
-      const m = r.subsTail;
-      d.prevSub = m, m.nextSub = d;
+      const p = r.subsTail;
+      d.prevSub = p, p.nextSub = d;
     }
     return u.depsTail = d, r.subsTail = d, d;
   }
@@ -184,12 +184,12 @@ function ze({
         const d = h.flags;
         if ((d & 33) === 33) {
           if (n(h)) {
-            const m = h.subs;
-            m.nextSub !== void 0 && c(m), f = !0;
+            const p = h.subs;
+            p.nextSub !== void 0 && c(p), f = !0;
           }
         } else if ((d & 65) === 65) {
-          const m = h.subs;
-          m.nextSub !== void 0 && (m.prevSub = r), r = h.deps, ++u;
+          const p = h.subs;
+          p.nextSub !== void 0 && (p.prevSub = r), r = h.deps, ++u;
           continue;
         }
       }
@@ -201,24 +201,24 @@ function ze({
         let d = r.sub;
         do {
           --u;
-          const m = d.subs;
+          const p = d.subs;
           if (f) {
             if (n(d)) {
-              (r = m.prevSub) !== void 0 ? (m.prevSub = void 0, c(d.subs), d = r.sub) : d = m.sub;
+              (r = p.prevSub) !== void 0 ? (p.prevSub = void 0, c(d.subs), d = r.sub) : d = p.sub;
               continue;
             }
           } else
             d.flags &= -65;
-          if ((r = m.prevSub) !== void 0) {
-            if (m.prevSub = void 0, r.nextDep !== void 0) {
+          if ((r = p.prevSub) !== void 0) {
+            if (p.prevSub = void 0, r.nextDep !== void 0) {
               r = r.nextDep;
               continue e;
             }
             d = r.sub;
           } else {
-            if ((r = m.nextDep) !== void 0)
+            if ((r = p.nextDep) !== void 0)
               continue e;
-            d = m.sub;
+            d = p.sub;
           }
           f = !1;
         } while (u);
@@ -246,15 +246,15 @@ function ze({
     }
     return !1;
   }
-  function p(r) {
+  function m(r) {
     do {
       const u = r.dep, f = 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 m = u.flags;
-        m & 32 || (u.flags = m | 32);
-        const _ = u.deps;
-        if (_ !== void 0) {
-          r = _, u.depsTail.nextDep = f, u.deps = void 0, u.depsTail = void 0;
+        const p = u.flags;
+        p & 32 || (u.flags = p | 32);
+        const x = u.deps;
+        if (x !== void 0) {
+          r = x, u.depsTail.nextDep = f, u.deps = void 0, u.depsTail = void 0;
           continue;
         }
       }
@@ -262,7 +262,7 @@ function ze({
     } while (r !== void 0);
   }
 }
-function q(n) {
+function C(n) {
   const e = typeof n;
   switch (e) {
     case "undefined":
@@ -277,127 +277,120 @@ function q(n) {
       return e;
   }
 }
-function $(n) {
+function P(n) {
   return Array.isArray(n);
 }
-function De(...n) {
-  const e = n[0], t = (s) => $(s) && s.every((i) => e(i));
-  return n.length < 2 ? t : t(n[1]);
+function F(n, e) {
+  return P(e) && e.every((t) => n(t));
 }
-function Tt(...n) {
-  const e = n[0], t = P(n[2]) ? n[2] : "Expected an array of valid items. Got type: %t, value: %v", s = (i) => {
-    if ($(i) && i.every((o) => e(o)))
-      return !0;
-    throw new TypeError(K(i, t));
-  };
-  return n.length < 2 ? s : s(n[1]);
+function tt(n, e, t) {
+  if (F(n, e))
+    return !0;
+  throw new TypeError(R(e, t));
 }
-function P(n) {
+function D(n) {
   return typeof n == "string";
 }
-function Nt(n, e) {
-  if (P(n))
+function nt(n, e) {
+  if (D(n))
     return !0;
-  throw new TypeError(K(n, e ?? "Expected a string. Got type: %t, value: %v"));
+  throw new TypeError(R(n, e ?? "Expected a string. Got type: %t, value: %v"));
 }
-function A(n) {
-  return typeof n == "function" && !Be(n);
+function E(n) {
+  return C(n) === "function";
 }
-function Fe(n) {
+function Te(n) {
   return typeof n == "number" && !isNaN(n);
 }
-function Be(n) {
-  return typeof n == "function" && /^\s*class\s+/.test(n.toString());
-}
-function At(...n) {
-  const e = n[0], t = P(n[2]) ? n[2] : `Expected instance of ${e.name}. Got type: %t, value: %v`, s = (i) => {
+function st(...n) {
+  const e = n[0], t = D(n[2]) ? n[2] : `Expected instance of ${e.name}. Got type: %t, value: %v`, s = (i) => {
     if (i instanceof e)
       return !0;
-    throw new TypeError(K(i, t));
+    throw new TypeError(R(i, t));
   };
   return n.length < 2 ? s : s(n[1]);
 }
-function te(n) {
-  return n != null && typeof n == "object" && !$(n);
+function W(n) {
+  return n != null && typeof n == "object" && !P(n);
 }
-function Dt(n, e) {
-  if (te(n))
+function it(n, e) {
+  if (W(n))
     return !0;
-  throw new TypeError(K(n, e));
+  throw new TypeError(R(n, e));
 }
-function K(n, e) {
+function R(n, e) {
   var i;
-  const t = q(n), s = ((i = n == null ? void 0 : n.toString) == null ? void 0 : i.call(n)) || String(n);
+  const t = C(n), s = ((i = n == null ? void 0 : n.toString) == null ? void 0 : i.call(n)) || String(n);
   return e.replaceAll("%t", t).replaceAll("%v", s);
 }
-const ne = Symbol.for("DollaReactive"), se = Symbol("dependency"), {
-  link: ke,
-  propagate: He,
-  updateDirtyFlag: We,
-  startTracking: ie,
-  endTracking: re,
-  processEffectNotifications: Ke,
-  processComputedUpdate: Ze,
-  processPendingInnerEffects: Xe
-} = ze({
+const K = Symbol.for("DollaReactive"), Z = Symbol("dependency"), {
+  link: pe,
+  propagate: Le,
+  updateDirtyFlag: ke,
+  startTracking: H,
+  endTracking: X,
+  processEffectNotifications: Ce,
+  processComputedUpdate: De,
+  processPendingInnerEffects: Ae
+} = Ne({
   updateComputed(n) {
-    const e = M;
-    M = n, ie(n);
+    const e = w;
+    w = n, H(n);
     try {
       const t = n.currentValue, s = n.getter(t);
       return n.equals(t, s) ? !1 : (n.currentValue = s, !0);
     } finally {
-      M = e, re(n);
+      w = e, X(n);
     }
   },
   notifyEffect(n) {
     const e = n.flags;
-    return e & D.Dirty || e & D.PendingComputed && We(n, e) ? Oe(n) : Xe(n, n.flags), !0;
+    return e & S.Dirty || e & S.PendingComputed && ke(n, e) ? me(n) : Ae(n, n.flags), !0;
   }
 });
-let M;
-const j = [];
-let X = !1;
-function Ye() {
-  X || (X = !0, queueMicrotask(() => {
-    X = !1;
-    for (let n = 0; n < j.length; n++) {
-      const e = j[n], t = M;
-      M = e, ie(e);
+let w;
+const k = [];
+let U = !1;
+function Oe() {
+  U || (U = !0, queueMicrotask(() => {
+    U = !1;
+    for (let n = 0; n < k.length; n++) {
+      const e = k[n], t = w;
+      w = e, H(e);
       try {
         e.fn();
       } finally {
-        M = t, re(e);
+        w = t, X(e);
       }
     }
-    j.length = 0;
+    k.length = 0;
   }));
 }
-function Oe(n) {
-  j.push(n), Ye();
+function me(n) {
+  k.push(n), Oe();
 }
-function Je() {
-  ie(this), re(this), queueMicrotask(() => {
-    j.splice(j.indexOf(this), 1);
+function Pe() {
+  H(this), X(this), queueMicrotask(() => {
+    k.splice(k.indexOf(this), 1);
   });
 }
-var N, R;
-class Qe {
+var M, A;
+class Ie {
   constructor(e, t) {
-    L(this, N);
-    L(this, R);
+    I(this, M);
+    I(this, A);
     /**
      * A label for debugging purposes.
      */
     l(this, "name");
-    I(this, N, e), I(this, R, (t == null ? void 0 : t.equals) ?? Object.is), t != null && t.name && (this.name = t.name), Object.defineProperties(this, {
-      [ne]: {
+    $(this, M, e), $(this, A, (t == null ? void 0 : t.equals) ?? Object.is), t != null && t.name && (this.name = t.name), Object.defineProperties(this, {
+      [K]: {
         value: !0,
         configurable: !1,
         enumerable: !1,
         writable: !1
       },
-      [se]: {
+      [Z]: {
         value: e,
         configurable: !1,
         enumerable: !1,
@@ -406,29 +399,29 @@ class Qe {
     });
   }
   get value() {
-    return T(this, N).currentValue;
+    return T(this, M).currentValue;
   }
   set value(e) {
-    if (!T(this, R).call(this, T(this, N).currentValue, e)) {
-      T(this, N).currentValue = e;
-      const t = T(this, N).subs;
-      t !== void 0 && (He(t), Ke());
+    if (!T(this, A).call(this, T(this, M).currentValue, e)) {
+      T(this, M).currentValue = e;
+      const t = T(this, M).subs;
+      t !== void 0 && (Le(t), Ce());
     }
   }
 }
-N = new WeakMap(), R = new WeakMap();
-var V;
-class et {
+M = new WeakMap(), A = new WeakMap();
+var O;
+class $e {
   constructor(e) {
-    L(this, V);
-    I(this, V, e), Object.defineProperties(this, {
-      [ne]: {
+    I(this, O);
+    $(this, O, e), Object.defineProperties(this, {
+      [K]: {
         value: !0,
         configurable: !1,
         enumerable: !1,
         writable: !1
       },
-      [se]: {
+      [Z]: {
         value: e,
         configurable: !1,
         enumerable: !1,
@@ -437,123 +430,70 @@ class et {
     });
   }
   get value() {
-    const e = T(this, V), t = e.flags;
-    return t & (D.Dirty | D.PendingComputed) && Ze(e, t), e.currentValue;
+    const e = T(this, O), t = e.flags;
+    return t & (S.Dirty | S.PendingComputed) && De(e, t), e.currentValue;
   }
 }
-V = new WeakMap();
-function w(n) {
-  return n != null && n[ne] === !0;
+O = new WeakMap();
+function g(n) {
+  return n != null && n[K] === !0;
 }
-function Q(n, e) {
-  return new Qe({ currentValue: n, subs: void 0, subsTail: void 0 }, e);
+function G(n, e) {
+  return new Ie({ currentValue: n, subs: void 0, subsTail: void 0 }, e);
 }
-function oe(n, e) {
-  return new et({
+function Y(n, e) {
+  return new $e({
     currentValue: void 0,
     equals: (e == null ? void 0 : e.equals) ?? Object.is,
     subs: void 0,
     subsTail: void 0,
     deps: void 0,
     depsTail: void 0,
-    flags: D.Computed | D.Dirty,
+    flags: S.Computed | S.Dirty,
     getter: (t) => {
       let s = n(t);
-      return s = S(s), s;
+      return s = b(s), s;
     }
   });
 }
-function tt(n, e) {
-  if (A(e))
+function je(n, e) {
+  if (E(e))
     n.value = e(n.value);
   else if (arguments.length > 1)
     n.value = e;
   else
-    return (t) => tt(n, t);
+    return (t) => je(n, t);
 }
-function S(n) {
-  if (w(n)) {
-    if (M !== void 0) {
-      const e = n[se];
-      ke(e, M);
+function b(n) {
+  if (g(n)) {
+    if (w !== void 0) {
+      const e = n[Z];
+      pe(e, w);
     }
     return n.value;
   } else
     return n;
 }
-function kt(n) {
-  return w(n) ? n.value : n;
+function rt(n) {
+  return g(n) ? n.value : n;
 }
-function b(n) {
+function y(n) {
   const e = {
     fn: n,
     subs: void 0,
     subsTail: void 0,
     deps: void 0,
     depsTail: void 0,
-    flags: D.Effect
+    flags: S.Effect
   };
-  return M !== void 0 && ke(e, M), Oe(e), Je.bind(e);
+  return w !== void 0 && pe(e, w), me(e), Pe.bind(e);
 }
-function Pe(n) {
+function qe(n) {
   return n && n.__esModule && Object.prototype.hasOwnProperty.call(n, "default") ? n.default : n;
 }
-var z = { exports: {} }, ge;
-function nt() {
-  return ge || (ge = 1, function(n, e) {
-    Object.defineProperty(e, "__esModule", { value: !0 });
-    var t = /* @__PURE__ */ function() {
-      function p(r, u) {
-        var f = [], h = !0, d = !1, m = void 0;
-        try {
-          for (var _, g = r[Symbol.iterator](); !(h = (_ = g.next()).done) && (f.push(_.value), !(u && f.length === u)); h = !0) ;
-        } catch (y) {
-          d = !0, m = y;
-        } finally {
-          try {
-            !h && g.return && g.return();
-          } finally {
-            if (d) throw m;
-          }
-        }
-        return f;
-      }
-      return function(r, u) {
-        if (Array.isArray(r)) return r;
-        if (Symbol.iterator in Object(r)) return p(r, u);
-        throw new TypeError("Invalid attempt to destructure non-iterable instance");
-      };
-    }(), s = function(p) {
-      return p.reduce(function(r, u) {
-        return 16 > u ? r + "0" + u.toString(16) : r + u.toString(16);
-      }, "#");
-    }, i = function(p, r, u) {
-      var f = 0.5 > u ? u * (1 + r) : u + r - u * r, h = 2 * u - f, d = function(y, C, x) {
-        var Z = Math.round, v = 0 > x ? x + 1 : 1 < x ? x - 1 : x;
-        return v = v < 1 / 6 ? y + 6 * (C - y) * v : v < 1 / 2 ? C : v < 2 / 3 ? y + 6 * (C - y) * (2 / 3 - v) : y, Z(255 * v);
-      }, m = d(h, f, p + 1 / 3), _ = d(h, f, p), g = d(h, f, p - 1 / 3);
-      return [m, _, g];
-    }, o = function(p, r, u, f) {
-      var h = p % 1007 / 1007, d = function(y, C, x) {
-        return y * (x - C) + C;
-      }, m = d(h, r.min, r.max), _ = d(h, u.min, u.max), g = d(h, f.max, f.min);
-      return [m, _, g];
-    }, c = function(p) {
-      return p.split("").reduce(function(r, u, f) {
-        return r * u.charCodeAt(0) * f + 1;
-      }, 1);
-    }, a = function(p) {
-      var r = p.str, u = p.hue, f = u === void 0 ? { min: 0, max: 360 } : u, h = p.sat, d = h === void 0 ? { min: 0.35, max: 0.65 } : h, m = p.light, _ = m === void 0 ? { min: 0.3, max: 0.7 } : m, g = p.hashFunction, y = g === void 0 ? c : g, C = p.scheme, x = C === void 0 ? "hex" : C, Z = o(y(r), f, d, _), v = t(Z, 3), ae = v[0], de = v[1], he = v[2], pe = i(ae / 360, de, he), Ve = s(pe);
-      return x === "hsl" ? [ae, de, he] : x === "rgb" ? pe : Ve;
-    };
-    e.default = a, n.exports = e.default;
-  }(z, z.exports)), z.exports;
-}
-var st = nt();
-const it = /* @__PURE__ */ Pe(st);
-var Y, we;
-function rt() {
-  return we || (we = 1, Y = function n(e, t) {
+var z, se;
+function _e() {
+  return se || (se = 1, z = function n(e, t) {
     if (e === t) return !0;
     if (e && t && typeof e == "object" && typeof t == "object") {
       if (e.constructor !== t.constructor) return !1;
@@ -597,22 +537,22 @@ function rt() {
       return !0;
     }
     return e !== e && t !== t;
-  }), Y;
+  }), z;
 }
-var ot = rt();
-const ut = /* @__PURE__ */ Pe(ot), Ot = () => {
+var Ve = _e();
+const Re = /* @__PURE__ */ qe(Ve), ot = () => {
 };
-let J = 1;
-function ue() {
-  return J = J % Number.MAX_SAFE_INTEGER + 1, J.toString(36) + Date.now().toString(36);
+let B = 1;
+function ge() {
+  return B = B % Number.MAX_SAFE_INTEGER + 1, B.toString(36) + Date.now().toString(36);
 }
-function Pt(n, e) {
+function ut(n, e) {
   return Object.is(n, e);
 }
-function Lt(n, e) {
+function ft(n, e) {
   if (Object.is(n, e)) return !0;
-  const t = q(n);
-  if (t !== q(e))
+  const t = C(n);
+  if (t !== C(e))
     return !1;
   switch (t) {
     case "object":
@@ -633,7 +573,7 @@ function Lt(n, e) {
         if (n[i] !== e[i]) return !1;
       return !0;
     case "set":
-      if (A(n.symmetricDifference))
+      if (E(n.symmetricDifference))
         return n.symmetricDifference(e).size === 0;
       for (const i of n.keys())
         if (n[i] !== e.get(i)) return !1;
@@ -641,8 +581,8 @@ function Lt(n, e) {
   }
   return !1;
 }
-const It = ut;
-function ft(n, e) {
+const ct = Re;
+function Ue(n, e) {
   const t = (s) => {
     const i = {};
     for (const o in s)
@@ -651,14 +591,13 @@ function ft(n, e) {
   };
   return e == null ? t : t(e);
 }
-function jt(n) {
-  return it({
-    str: n,
-    sat: { min: 0.35, max: 0.55 },
-    light: { min: 0.6, max: 0.6 }
-  });
+function lt(n) {
+  let e = 0;
+  for (let t = 0; t < n.length; t++)
+    e = (e + n.charCodeAt(t) * 10) % 360;
+  return `oklch(0.68 0.15 ${e}deg)`;
 }
-function $t(n) {
+function at(n) {
   if (n instanceof RegExp)
     return (s) => n.test(s);
   const e = {
@@ -680,25 +619,25 @@ function $t(n) {
     return !(o.some((c) => c(s)) || i.length > 0 && !i.some((c) => c(s)));
   };
 }
-const qt = Symbol.for("DollaRef"), Le = Symbol.for("DollaMarkup"), k = Symbol.for("DollaMarkupElement"), Rt = Symbol.for("DollaRouter");
-function Vt(n, e) {
+const ye = Symbol.for("DollaMarkup"), N = Symbol.for("DollaMarkupElement"), dt = Symbol.for("DollaRouter");
+function ht(n, e) {
   return e.outlet();
 }
-function ct(n) {
-  for (var e, t, s = arguments, i = 1, o = "", c = "", a = [0], p = function(f) {
+function ze(n) {
+  for (var e, t, s = arguments, i = 1, o = "", c = "", a = [0], m = function(f) {
     i === 1 && (f || (o = o.replace(/^\s*\n\s*|\s*\n\s*$/g, ""))) ? a.push(f ? s[f] : o) : i === 3 && (f || o) ? (a[1] = f ? s[f] : o, i = 2) : i === 2 && o === "..." && f ? a[2] = Object.assign(a[2] || {}, s[f]) : i === 2 && o && !f ? (a[2] = a[2] || {})[o] = !0 : i >= 5 && (i === 5 ? ((a[2] = a[2] || {})[t] = f ? o ? o + s[f] : s[f] : o, i = 6) : (f || o) && (a[2][t] += f ? o + s[f] : o)), o = "";
   }, r = 0; r < n.length; r++) {
-    r && (i === 1 && p(), p(r));
-    for (var u = 0; u < n[r].length; u++) e = n[r][u], i === 1 ? e === "<" ? (p(), a = [a, "", null], i = 3) : o += e : i === 4 ? o === "--" && e === ">" ? (i = 1, o = "") : o = e + o[0] : c ? e === c ? c = "" : o += e : e === '"' || e === "'" ? c = e : e === ">" ? (p(), i = 1) : i && (e === "=" ? (i = 5, t = o, o = "") : e === "/" && (i < 5 || n[r][u + 1] === ">") ? (p(), i === 3 && (a = a[0]), i = a, (a = a[0]).push(this.apply(null, i.slice(1))), i = 0) : e === " " || e === "	" || e === `
-` || e === "\r" ? (p(), i = 2) : o += e), i === 3 && o === "!--" && (i = 4, a = a[0]);
+    r && (i === 1 && m(), m(r));
+    for (var u = 0; u < n[r].length; u++) e = n[r][u], i === 1 ? e === "<" ? (m(), a = [a, "", null], i = 3) : o += e : i === 4 ? o === "--" && e === ">" ? (i = 1, o = "") : o = e + o[0] : c ? e === c ? c = "" : o += e : e === '"' || e === "'" ? c = e : e === ">" ? (m(), i = 1) : i && (e === "=" ? (i = 5, t = o, o = "") : e === "/" && (i < 5 || n[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 p(), a.length > 2 ? a.slice(1) : a[1];
+  return m(), a.length > 2 ? a.slice(1) : a[1];
 }
-var xe;
-xe = k;
-class be {
+var oe;
+oe = N;
+class ie {
   constructor(e) {
-    l(this, xe, !0);
+    l(this, oe, !0);
     l(this, "node");
     this.node = e;
   }
@@ -712,11 +651,11 @@ class be {
     this.node.parentNode && !e && this.node.parentNode.removeChild(this.node);
   }
 }
-var Se;
-Se = k;
-class lt {
+var ue;
+ue = N;
+class Be {
   constructor(e) {
-    l(this, Se, !0);
+    l(this, ue, !0);
     l(this, "node", document.createTextNode(""));
     l(this, "children", []);
     l(this, "elementContext");
@@ -728,13 +667,13 @@ class lt {
     return this.node.parentNode != null;
   }
   mount(e, t) {
-    this.isMounted || (e.insertBefore(this.node, (t == null ? void 0 : t.nextSibling) ?? null), this.unsubscribe = b(() => {
-      const s = S(this.source);
-      if (!Re(s))
+    this.isMounted || (e.insertBefore(this.node, (t == null ? void 0 : t.nextSibling) ?? null), this.unsubscribe = y(() => {
+      const s = b(this.source);
+      if (console.log("dynamic updated", s, this.source), !Me(s))
         throw console.error(s), new TypeError(
-          `Dynamic received invalid value to render. Got type: ${q(s)}, value: ${s}`
+          `Dynamic received invalid value to render. Got type: ${C(s)}, value: ${s}`
         );
-      this.update($(s) ? s : [s]);
+      this.update(P(s) ? s : [s]);
     }));
   }
   unmount(e = !1) {
@@ -750,41 +689,44 @@ class lt {
     var o, c, a;
     if (this.cleanup(!1), e == null || e.length === 0 || !this.isMounted)
       return;
-    const t = e.flatMap((p) => qe(p) ? p : O(this.elementContext, ce(p)));
-    for (const p of t) {
+    const t = e.flatMap((m) => xe(m) ? m : L(this.elementContext, J(m)));
+    for (const m of t) {
       const r = ((o = this.children.at(-1)) == null ? void 0 : o.node) || this.node;
-      p.mount(this.node.parentNode, r), this.children.push(p);
+      m.mount(this.node.parentNode, r), this.children.push(m);
     }
     const s = this.node.parentNode, i = ((a = (c = this.children.at(-1)) == null ? void 0 : c.node) == null ? void 0 : a.nextSibling) ?? null;
     s.insertBefore(this.node, i);
   }
 }
-const at = (n) => /^on[A-Z]/.test(n);
-var Me;
-Me = k;
-class dt {
+const Ge = (n) => /^on[A-Z]/.test(n);
+var fe;
+fe = N;
+class Fe {
   constructor({ tag: e, props: t, children: s, elementContext: i }) {
-    l(this, Me, !0);
+    l(this, fe, !0);
     l(this, "node");
     l(this, "props");
     l(this, "childMarkup", []);
     l(this, "children", []);
     l(this, "unsubscribers", []);
     l(this, "elementContext");
-    l(this, "uniqueId", ue());
+    // private uniqueId = getUniqueId();
     // Track the ref so we can nullify it on unmount.
     l(this, "ref");
     // Prevents 'onClickOutside' handlers from firing in the same cycle in which the element is connected.
     l(this, "canClickAway", !1);
-    if (i = { ...i }, e.toLowerCase() === "svg" && (i.isSVG = !0), i.isSVG ? this.node = document.createElementNS("http://www.w3.org/2000/svg", e) : this.node = document.createElement(e), t.ref)
-      if (A(t.ref))
+    if (e.toLowerCase() === "svg" && (i = {
+      ...i,
+      isSVG: !0
+    }), i.isSVG ? this.node = document.createElementNS("http://www.w3.org/2000/svg", e) : this.node = document.createElement(e), i.root.getEnv() === "development" && i.viewName && (this.node.dataset.view = i.viewName), t.ref)
+      if (E(t.ref))
         this.ref = t.ref, this.ref(this.node);
       else
         throw new Error("Expected ref to be a function. Got: " + t.ref);
     this.props = {
-      ...ft(["ref", "class", "className"], t),
+      ...Ue(["ref", "class", "className"], t),
       class: t.className ?? t.class
-    }, s && (this.childMarkup = s), this.elementContext = i, this.children = O(this.elementContext, this.childMarkup);
+    }, s && (this.childMarkup = s), this.elementContext = i, this.children = L(this.elementContext, this.childMarkup);
   }
   get isMounted() {
     return this.node.parentNode != null;
@@ -806,19 +748,17 @@ class dt {
   unmount(e = !1) {
     var t;
     if (this.isMounted) {
+      e || (t = this.node.parentNode) == null || t.removeChild(this.node);
       for (const s of this.children)
         s.unmount(!0);
-      e || (t = this.node.parentNode) == null || t.removeChild(this.node), this.ref && this.ref(void 0), this.canClickAway = !1;
+      this.ref && this.ref(void 0), this.canClickAway = !1;
       for (const s of this.unsubscribers)
         s();
       this.unsubscribers.length = 0;
     }
   }
-  getUpdateKey(e, t) {
-    return `${this.uniqueId}:${e}:${t}`;
-  }
   attachProp(e, t) {
-    w(e) ? this.unsubscribers.push(b(() => t(S(e)))) : t(e);
+    g(e) ? this.unsubscribers.push(y(() => t(b(e)))) : t(e);
   }
   applyProps(e, t) {
     for (const s in t) {
@@ -831,13 +771,13 @@ class dt {
           });
       } else if (s === "onClickOutside" || s === "onclickoutside") {
         const o = (a) => {
-          this.canClickAway && !e.contains(a.target) && (w(i) ? i.value(a) : i(a));
+          this.canClickAway && !e.contains(a.target) && (g(i) ? i.value(a) : i(a));
         }, c = { capture: !0 };
         window.addEventListener("click", o, c), this.unsubscribers.push(() => {
           window.removeEventListener("click", o, c);
         });
-      } else if (at(s)) {
-        const o = s.slice(2).toLowerCase(), c = w(i) ? (a) => i.value(a) : i;
+      } else if (Ge(s)) {
+        const o = s.slice(2).toLowerCase(), c = g(i) ? (a) => i.value(a) : i;
         e.addEventListener(o, c), this.unsubscribers.push(() => {
           e.removeEventListener(o, c);
         });
@@ -845,7 +785,7 @@ class dt {
         this.attachProp(i, (o) => {
           o == null ? e.removeAttribute(s) : e.setAttribute(s, String(o));
         });
-      else if (!ht.includes(s))
+      else if (!We.includes(s))
         if (this.elementContext.isSVG)
           this.attachProp(i, (o) => {
             o != null ? e.setAttribute(s, String(t[s])) : e.removeAttribute(s);
@@ -897,19 +837,19 @@ class dt {
   }
   applyStyles(e, t, s) {
     const i = [];
-    if (w(t)) {
+    if (g(t)) {
       let o;
-      const c = b(() => {
-        A(o) && o(), e.style.cssText = "", o = this.applyStyles(e, S(t), s);
+      const c = y(() => {
+        E(o) && o(), e.style.cssText = "", o = this.applyStyles(e, b(t), s);
       });
       s.push(c), i.push(c);
     } else {
-      const o = je(t);
+      const o = we(t);
       for (const c in o) {
-        const { value: a, priority: p } = o[c];
-        if (w(a)) {
-          const r = b(() => {
-            S(a) ? e.style.setProperty(c, String(a.value), p) : e.style.removeProperty(c);
+        const { value: a, priority: m } = o[c];
+        if (g(a)) {
+          const r = y(() => {
+            b(a) ? e.style.setProperty(c, String(a.value), m) : e.style.removeProperty(c);
           });
           s.push(r), i.push(r);
         } else a != null && e.style.setProperty(c, String(a));
@@ -922,21 +862,21 @@ class dt {
   }
   applyClasses(e, t, s) {
     const i = [];
-    if (w(t)) {
+    if (g(t)) {
       let o;
-      const c = b(() => {
-        A(o) && o(), e.removeAttribute("class"), o = this.applyClasses(e, S(t), s);
+      const c = y(() => {
+        E(o) && o(), e.removeAttribute("class"), o = this.applyClasses(e, b(t), s);
       });
       s.push(c), i.push(c);
     } else {
-      const o = Ie(t);
+      const o = be(t);
       for (const c in o) {
         const a = o[c];
-        if (w(a)) {
-          const p = b(() => {
-            S(a) ? e.classList.add(c) : e.classList.remove(c);
+        if (g(a)) {
+          const m = y(() => {
+            b(a) ? e.classList.add(c) : e.classList.remove(c);
           });
-          s.push(p), i.push(p);
+          s.push(m), i.push(m);
         } else a && e.classList.add(c);
       }
     }
@@ -946,183 +886,90 @@ class dt {
     };
   }
 }
-function Ie(n) {
+function be(n) {
   let e = {};
-  if (P(n)) {
+  if (D(n)) {
     const t = n.split(" ");
     for (const s of t)
       e[s] = !0;
-  } else te(n) ? Object.assign(e, n) : Array.isArray(n) && Array.from(n).filter(Boolean).forEach((t) => {
-    Object.assign(e, Ie(t));
+  } else W(n) ? Object.assign(e, n) : Array.isArray(n) && Array.from(n).filter(Boolean).forEach((t) => {
+    Object.assign(e, be(t));
   });
   return delete e.undefined, e;
 }
-function je(n) {
+function we(n) {
   let e = {};
-  if (P(n)) {
+  if (D(n)) {
     const t = n.split(";").filter((s) => s.trim() !== "");
     for (const s of t) {
       const [i, o] = s.split(":"), c = {
         value: o
       };
-      o.includes("!important") ? (c.priority = "important", c.value = o.replace("!important", "").trim()) : c.value = o.trim(), e[ye(i.trim())] = c;
+      o.includes("!important") ? (c.priority = "important", c.value = o.replace("!important", "").trim()) : c.value = o.trim(), e[re(i.trim())] = c;
     }
   }
-  if (te(n))
+  if (W(n))
     for (const t in n)
-      t.startsWith("--") ? e[t] = { value: n[t] } : e[ye(t)] = { value: n[t] };
+      t.startsWith("--") ? e[t] = { value: n[t] } : e[re(t)] = { value: n[t] };
   else Array.isArray(n) && Array.from(n).filter((t) => t != null).forEach((t) => {
-    Object.assign(e, je(t));
+    Object.assign(e, we(t));
   });
   return e;
 }
-function ye(n) {
+function re(n) {
   return n.replace(/[A-Z]+(?![a-z])|[A-Z]/g, (e, t) => (t ? "-" : "") + e.toLowerCase());
 }
-const ht = ["ref", "children", "class", "style", "data"];
-var pt = Object.defineProperty, mt = (n, e, t) => e in n ? pt(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t, ve = (n, e, t) => mt(n, typeof e != "symbol" ? e + "" : e, t);
-class ee {
-  constructor() {
-    ve(this, "_l", /* @__PURE__ */ new Map()), ve(this, "_a", (e) => {
-      if (typeof e != "string" && !(e instanceof Symbol))
-        throw new TypeError("Emitter: eventName should be a string or symbol");
-    });
-  }
-  emit(e, ...t) {
-    let s = this.listeners(e);
-    for (const i of s)
-      try {
-        i(...t);
-      } catch (o) {
-        let c = this._l.get("error");
-        if (c != null && c.length)
-          for (const a of c)
-            a(o, e, i, ...t);
-        else throw o;
-      }
-    return e != "*" && this.emit("*", e, ...t) || s.length > 0;
-  }
-  on(e, t) {
-    return this.listeners(e).push(t), this;
-  }
-  off(e, t) {
-    const s = this.listeners(e);
-    return s.splice(s.indexOf(t), 1), this;
-  }
-  once(e, t) {
-    return this.on(e, (...s) => {
-      t(...s), this.off(e, t);
-    });
-  }
-  clear() {
-    this._l.clear();
-  }
-  listeners(e) {
-    return this._l.get(e) ?? (this._a(e), this._l.set(e, []).get(e));
-  }
-  events() {
-    return [...this._l.entries()].filter(([, e]) => e.length).map(([e]) => e);
-  }
-}
-var U, G;
-class fe {
+const We = ["ref", "children", "class", "style", "data"];
+let Ke = class {
   constructor(e) {
-    L(this, U);
-    L(this, G, !1);
-    I(this, U, e);
-  }
-  get type() {
-    return T(this, U);
-  }
-  get isStopped() {
-    return T(this, G);
-  }
-  stop() {
-    I(this, G, !0);
-  }
-  get [Symbol.toStringTag]() {
-    return "ContextEvent";
-  }
-}
-U = new WeakMap(), G = new WeakMap();
-let _t = class {
-  constructor(e) {
-    l(this, "__store");
-    this.__store = e;
-    const t = Object.getOwnPropertyDescriptors(this.__store._logger);
+    l(this, "store");
+    this.store = e;
+    const t = Object.getOwnPropertyDescriptors(this.store.logger);
     for (const s in t)
       s !== "setName" && Object.defineProperty(this, s, t[s]);
   }
   get isMounted() {
-    return this.__store.isMounted;
+    return this.store.isMounted;
   }
   get name() {
-    return this.__store._name;
+    return this.store.name || this.store.id;
   }
   set name(e) {
-    this.__store._name = e, this.__store._logger.setName(e);
-  }
-  on(e, t) {
-    if (e === "*") {
-      const s = (i, o, ...c) => {
-        t(o, ...c);
-      };
-      this.__store._elementContext.emitter.on(e, s), this.__store._wildcardListeners.set(t, s);
-    } else
-      this.__store._elementContext.emitter.on(e, t);
-  }
-  off(e, t) {
-    if (e === "*") {
-      const s = this.__store._wildcardListeners.get(t);
-      s && (this.__store._elementContext.emitter.off(e, s), this.__store._wildcardListeners.delete(t));
-    } else
-      this.__store._elementContext.emitter.off(e, t);
-  }
-  once(e, t) {
-    if (e === "*") {
-      const s = (i, o, ...c) => {
-        this.__store._wildcardListeners.delete(t), t(o, ...c);
-      };
-      this.__store._elementContext.emitter.once(e, s), this.__store._wildcardListeners.set(t, s);
-    } else
-      this.__store._elementContext.emitter.once(e, t);
-  }
-  emit(e, ...t) {
-    return this.__store._elementContext.emitter.emit(e, new fe(e), ...t);
+    this.store.name = e, this.store.logger.setName(e);
   }
   get(e) {
-    if (A(e)) {
-      let t = this.__store._elementContext, s;
+    if (E(e)) {
+      let t = this.store.elementContext, s;
       for (; s = t.stores.get(e), s == null && t.parent != null; )
         t = t.parent;
       if (s == null)
-        throw new B(`Store '${e.name}' is not provided on this context.`);
+        throw new q(`Store '${e.name}' is not provided on this context.`);
       return s.value;
     } else
-      throw new B("Invalid store.");
+      throw new q("Invalid store.");
   }
   onMount(e) {
-    this.__store._emitter.on("mounted", e);
+    this.store.lifecycleListeners.mount.push(e);
   }
   onUnmount(e) {
-    this.__store._emitter.on("unmounted", e);
+    this.store.lifecycleListeners.unmount.push(e);
   }
   effect(e) {
-    const t = this.__store;
+    const t = this.store;
     if (t.isMounted) {
-      const s = b(e);
-      return t._unsubscribes.push(s), s;
+      const s = y(e);
+      return t.lifecycleListeners.unmount.push(s), s;
     } else {
       let s, i = !1;
-      return t._emitter.on("mounted", () => {
-        i || (s = b(e), t._unsubscribes.push(s));
+      return t.lifecycleListeners.mount.push(() => {
+        i || (s = y(e), t.lifecycleListeners.unmount.push(s));
       }), () => {
         s != null && (i = !0, s());
       };
     }
   }
 };
-class gt {
+class Ze {
   constructor(e, t) {
     l(this, "fn");
     l(this, "_options");
@@ -1131,17 +978,12 @@ class gt {
      */
     l(this, "value");
     l(this, "isMounted", !1);
-    l(this, "_elementContext");
-    l(this, "_emitter", new ee());
-    l(this, "_wildcardListeners", /* @__PURE__ */ new Map());
-    l(this, "_logger");
-    l(this, "_unsubscribes", []);
-    l(this, "_name");
-    l(this, "_id", ue());
-    this.fn = e, this._name = e.name, this._options = t;
-  }
-  get name() {
-    return this._name || this._id;
+    l(this, "elementContext");
+    l(this, "lifecycleListeners", { mount: [], unmount: [] });
+    l(this, "logger");
+    l(this, "id", ge());
+    l(this, "name");
+    this.fn = e, this.name = e.name, this._options = t;
   }
   /**
    * Attaches this Store to the elementContext.
@@ -1150,222 +992,190 @@ class gt {
   attach(e) {
     if (e.stores.has(this.fn))
       return !1;
-    this._elementContext = e, this._logger = e.root.createLogger(this._name), this._emitter.on("error", (s, i, ...o) => {
-      this._logger.error({ error: s, eventName: i, args: o }), this._logger.crash(s);
-    });
-    const t = new _t(this);
+    this.elementContext = e, this.logger = e.root.createLogger(this.name);
+    const t = new Ke(this);
     try {
       this.value = this.fn.call(t, this._options, t);
     } catch (s) {
-      throw this._logger.crash(s), s;
+      throw this.logger.crash(s), s;
     }
     return e.stores.set(this.fn, this), !0;
   }
   handleMount() {
-    this.isMounted = !0, this._emitter.emit("mounted");
+    this.isMounted = !0;
+    for (const e of this.lifecycleListeners.mount)
+      e();
+    this.lifecycleListeners.mount.length = 0;
   }
   handleUnmount() {
-    this.isMounted = !1, this._emitter.emit("unmounted"), this._emitter.clear();
-    for (const e of this._unsubscribes)
+    this.isMounted = !1;
+    for (const e of this.lifecycleListeners.unmount)
       e();
-    this._unsubscribes.length = 0;
+    this.lifecycleListeners.unmount.length = 0;
   }
 }
-class B extends Error {
+class q extends Error {
 }
-class wt {
+class He {
   constructor(e) {
-    l(this, "__view");
-    l(this, "list", Mt);
-    l(this, "if", St);
-    l(this, "portal", Et);
-    this.__view = e;
-    const t = Object.getOwnPropertyDescriptors(this.__view._logger);
+    l(this, "view");
+    this.view = e;
+    const t = Object.getOwnPropertyDescriptors(this.view.logger);
     for (const s in t)
       s !== "setName" && Object.defineProperty(this, s, t[s]);
   }
   get uid() {
-    return this.__view.uniqueId;
+    return this.view.uniqueId;
   }
   get isMounted() {
-    return this.__view.isMounted;
+    return this.view.isMounted;
   }
   get name() {
-    return this.__view._elementContext.viewName || this.__view.uniqueId;
+    return this.view.elementContext.viewName || this.view.uniqueId;
   }
   set name(e) {
-    this.__view._elementContext.viewName = e, this.__view._logger.setName(e);
-  }
-  on(e, t) {
-    if (e === "*") {
-      const s = (i, o, ...c) => {
-        t(o, ...c);
-      };
-      this.__view._elementContext.emitter.on(e, s), this.__view._wildcardListeners.set(t, s);
-    } else
-      this.__view._elementContext.emitter.on(e, t);
-  }
-  off(e, t) {
-    if (e === "*") {
-      const s = this.__view._wildcardListeners.get(t);
-      s && (this.__view._elementContext.emitter.off(e, s), this.__view._wildcardListeners.delete(t));
-    } else
-      this.__view._elementContext.emitter.off(e, t);
-  }
-  once(e, t) {
-    if (e === "*") {
-      const s = (i, o, ...c) => {
-        this.__view._wildcardListeners.delete(t), t(o, ...c);
-      };
-      this.__view._elementContext.emitter.once(e, s), this.__view._wildcardListeners.set(t, s);
-    } else
-      this.__view._elementContext.emitter.once(e, t);
-  }
-  emit(e, ...t) {
-    return this.__view._elementContext.emitter.emit(e, new fe(e), ...t);
+    this.view.elementContext.viewName = e, this.view.logger.setName(e);
   }
   provide(e, t) {
-    const s = new gt(e, t);
-    if (s.attach(this.__view._elementContext))
-      return this.__view._emitter.on("mounted", () => {
+    const s = new Ze(e, t);
+    if (s.attach(this.view.elementContext))
+      return this.view.lifecycleListeners.mount.push(() => {
         s.handleMount();
-      }), this.__view._emitter.on("unmounted", () => {
+      }), this.view.lifecycleListeners.unmount.push(() => {
         s.handleUnmount();
       }), s.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);
+      return this.view.logger.warn(`An instance of ${o} was already attached to this context.`), this.get(e);
     }
   }
   get(e) {
-    if (A(e)) {
-      let t = this.__view._elementContext, s;
+    if (E(e)) {
+      let t = this.view.elementContext, s;
       for (; s = t.stores.get(e), s == null && t.parent != null; )
         t = t.parent;
       if (s == null)
-        throw new B(`Store '${e.name}' is not provided on this context.`);
+        throw new q(`Store '${e.name}' is not provided on this context.`);
       return s.value;
     } else
-      throw new B("Invalid store.");
+      throw new q("Invalid store.");
   }
   beforeMount(e) {
-    this.__view._emitter.on("beforeMount", e);
+    this.view.lifecycleListeners.beforeMount.push(e);
   }
   onMount(e) {
-    this.__view._emitter.on("mounted", e);
+    this.view.lifecycleListeners.mount.push(e);
   }
   beforeUnmount(e) {
-    this.__view._emitter.on("beforeUnmount", e);
+    this.view.lifecycleListeners.beforeUnmount.push(e);
   }
   onUnmount(e) {
-    this.__view._emitter.on("unmounted", e);
+    this.view.lifecycleListeners.unmount.push(e);
   }
   effect(e) {
-    const t = this.__view;
-    if (t.isMounted) {
-      const s = b(e);
-      return this.__view._unsubscribes.push(s), s;
+    if (this.view.isMounted) {
+      const t = y(e);
+      return this.view.lifecycleListeners.unmount.push(t), t;
     } else {
-      let s, i = !1;
-      return t._emitter.on("mounted", () => {
-        i || (s = b(e), this.__view._unsubscribes.push(s));
+      let t, s = !1;
+      return this.view.lifecycleListeners.mount.push(() => {
+        s || (t = y(e), this.view.lifecycleListeners.unmount.push(t));
       }), () => {
-        s != null && (i = !0, s());
+        t != null && (s = !0, t());
       };
     }
   }
   outlet() {
-    return E("$outlet", { children: this.__view._children });
+    return v("$outlet", { children: this.view.children });
   }
 }
-var Ee;
-Ee = k;
-const le = class le {
+var ce;
+ce = N;
+const Q = class Q {
   constructor(e, t, s, i = []) {
-    l(this, Ee, !0);
-    l(this, "uniqueId", ue());
-    l(this, "_elementContext");
-    l(this, "_logger");
-    l(this, "_view");
-    l(this, "_props");
-    l(this, "_element");
-    l(this, "_childMarkup");
-    l(this, "_children", Q([]));
-    l(this, "_unsubscribes", []);
-    l(this, "_emitter", new ee());
-    l(this, "_wildcardListeners", /* @__PURE__ */ new Map());
+    l(this, ce, !0);
+    l(this, "uniqueId", ge());
+    l(this, "elementContext");
+    l(this, "logger");
+    l(this, "props");
+    l(this, "fn");
+    l(this, "element");
+    l(this, "childMarkup");
+    l(this, "children", G([]));
+    l(this, "lifecycleListeners", { beforeMount: [], mount: [], beforeUnmount: [], unmount: [] });
     l(this, "isMounted", !1);
-    this._elementContext = {
+    this.elementContext = {
       ...e,
-      data: {},
       parent: e,
       viewName: t.name,
-      emitter: new ee(),
       stores: /* @__PURE__ */ new Map()
-    }, this._logger = e.root.createLogger(t.name || "🌇 anonymous view", { uid: this.uniqueId }), this._view = t, this._props = s, this._childMarkup = i, this._emitter.on("error", (o, c, ...a) => {
-      console.error([o, c, ...a]), this._logger.error(o.message, { error: o, type: c, args: a }), this._logger.crash(o);
-    }), this._elementContext.emitter.on("*", (o, c, ...a) => {
-      var p;
-      c instanceof fe && (c.isStopped || (p = this._elementContext.parent) == null || p.emitter.emit(o, c, ...a));
-    });
+    }, this.logger = e.root.createLogger(t.name || "🌇 anonymous view", { uid: this.uniqueId }), this.props = s, this.fn = t, this.childMarkup = i;
   }
   /*===============================*\
   ||         "Public" API          ||
   \*===============================*/
   get node() {
     var e;
-    return (e = this._element) == null ? void 0 : e.node;
+    return (e = this.element) == null ? void 0 : e.node;
   }
   mount(e, t) {
     const s = this.isMounted;
-    s || (this._initialize(), this._emitter.emit("beforeMount")), this._element && this._element.mount(e, t), s || (this.isMounted = !0, requestAnimationFrame(() => {
-      this._emitter.emit("mounted");
+    if (!s) {
+      this._initialize();
+      for (const i of this.lifecycleListeners.beforeMount)
+        i();
+    }
+    this.element && this.element.mount(e, t), s || (this.isMounted = !0, requestAnimationFrame(() => {
+      for (const i of this.lifecycleListeners.mount)
+        i();
     }));
   }
   unmount(e = !1) {
-    this._emitter.emit("beforeUnmount"), this._element && this._element.unmount(e), this.isMounted = !1, this._emitter.emit("unmounted"), this._emitter.clear();
-    for (const t of this._unsubscribes)
+    for (const t of this.lifecycleListeners.beforeUnmount)
       t();
-    this._unsubscribes.length = 0;
+    this.element && this.element.unmount(e), this.isMounted = !1;
+    for (const t of this.lifecycleListeners.unmount)
+      t();
+    this.lifecycleListeners.beforeMount.length = 0, this.lifecycleListeners.mount.length = 0, this.lifecycleListeners.beforeUnmount.length = 0, this.lifecycleListeners.unmount.length = 0;
   }
   setChildView(e) {
-    this._childMarkup = [];
-    const t = new le(this._elementContext, e, {});
-    return this._children.value = [t], t;
+    this.childMarkup = [];
+    const t = new Q(this.elementContext, e, {});
+    return this.children.value = [t], t;
   }
   /*===============================*\
   ||           Internal            ||
   \*===============================*/
   _initialize() {
-    const e = new wt(this);
+    const e = new He(this);
     let t;
     try {
-      t = this._view.call(e, this._props, e), this._childMarkup.length && (this._children.value = O(this._elementContext, this._childMarkup));
+      t = this.fn.call(e, this.props, e), this.childMarkup.length && (this.children.value = L(this.elementContext, this.childMarkup));
     } catch (s) {
-      throw s instanceof Error && this._logger.crash(s), s;
+      throw s instanceof Error && this.logger.crash(s), s;
     }
     if (t !== null) if (t instanceof Node)
-      this._element = F(O(this._elementContext, E("$node", { value: t })));
-    else if (w(t))
-      this._element = F(
-        O(this._elementContext, E("$dynamic", { source: t }))
+      this.element = j(L(this.elementContext, v("$node", { value: t })));
+    else if (g(t))
+      this.element = j(
+        L(this.elementContext, v("$dynamic", { source: t }))
       );
-    else if (W(t) || De(W, t))
-      this._element = F(O(this._elementContext, t));
+    else if (V(t) || F(V, t))
+      this.element = j(L(this.elementContext, t));
     else {
       const s = new TypeError(
-        `Expected '${this._view.name}' function to return a DOM node, Markup element, Readable or null. Got: ${q(t)}`
+        `Expected '${this.fn.name}' function to return a DOM node, Markup element, Readable or null. Got: ${C(t)}`
       );
-      this._logger.crash(s);
+      this.logger.crash(s);
     }
   }
 };
-let H = le;
-var Ce;
-Ce = k;
-class bt {
+let _ = Q;
+var le;
+le = N;
+class Xe {
   constructor({ elementContext: e, items: t, renderFn: s, keyFn: i }) {
-    l(this, Ce, !0);
+    l(this, le, !0);
     l(this, "node", document.createTextNode(""));
     l(this, "items");
     l(this, "unsubscribe", null);
@@ -1379,8 +1189,8 @@ class bt {
     return this.node.parentNode != null;
   }
   mount(e, t) {
-    this.isMounted || (e.insertBefore(this.node, (t == null ? void 0 : t.nextSibling) ?? null), this.unsubscribe = b(() => {
-      let s = S(this.items);
+    this.isMounted || (e.insertBefore(this.node, (t == null ? void 0 : t.nextSibling) ?? null), this.unsubscribe = y(() => {
+      let s = b(this.items);
       s == null && (s = [], console.log("list received empty value", s, this)), this._update(Array.from(s));
     }));
   }
@@ -1394,7 +1204,7 @@ class bt {
     this.connectedItems = [];
   }
   _update(e) {
-    var c, a, p;
+    var c, a, m;
     if (e.length === 0 || !this.isMounted)
       return this._cleanup(!1);
     const t = [];
@@ -1413,13 +1223,13 @@ class bt {
       if (u)
         u.item.value = r.value, u.index.value = r.index, i[r.index] = u;
       else {
-        const f = Q(r.value), h = Q(r.index);
+        const f = G(r.value), h = G(r.index);
         i[r.index] = {
           key: r.key,
           item: f,
           index: h,
-          element: new H(this.elementContext, yt, {
-            item: oe(() => f.value),
+          element: new _(this.elementContext, Ye, {
+            item: Y(() => f.value),
             index: h,
             renderFn: this.renderFn
           })
@@ -1432,17 +1242,17 @@ class bt {
     }
     this.connectedItems = i;
     const o = ((a = i.at(-1)) == null ? void 0 : a.element.node) ?? this.node;
-    (p = this.node.parentNode) == null || p.insertBefore(this.node, o.nextSibling);
+    (m = this.node.parentNode) == null || m.insertBefore(this.node, o.nextSibling);
   }
 }
-function yt(n, e) {
+function Ye(n, e) {
   return e.name = "@ListItem", n.renderFn.call(e, n.item, n.index, e);
 }
-var Te;
-Te = k;
-class $e {
+var ae;
+ae = N;
+class ve {
   constructor(e) {
-    l(this, Te, !0);
+    l(this, ae, !0);
     l(this, "node", document.createTextNode(""));
     l(this, "isMounted", !1);
     l(this, "source");
@@ -1451,8 +1261,8 @@ class $e {
     this.source = e;
   }
   mount(e, t) {
-    this.isMounted || (this.isMounted = !0, e.insertBefore(this.node, (t == null ? void 0 : t.nextSibling) ?? null), w(this.source) ? this.unsubscribe = b(() => {
-      this.update(S(this.source));
+    this.isMounted || (this.isMounted = !0, e.insertBefore(this.node, (t == null ? void 0 : t.nextSibling) ?? null), g(this.source) ? this.unsubscribe = y(() => {
+      this.update(b(this.source));
     }) : this.update(this.elements));
   }
   unmount(e = !1) {
@@ -1474,11 +1284,11 @@ class $e {
     }
   }
 }
-var Ne;
-Ne = k;
-class vt {
+var de;
+de = N;
+class Je {
   constructor(e) {
-    l(this, Ne, !0);
+    l(this, de, !0);
     l(this, "config");
     l(this, "element");
     this.config = e;
@@ -1488,68 +1298,68 @@ class vt {
   }
   mount(e, t) {
     const { content: s, parent: i } = this.config;
-    qe(s) ? this.element = s : this.element = F(O(this.config.elementContext, ce(s))), this.element.mount(i);
+    xe(s) ? this.element = s : this.element = j(L(this.config.elementContext, J(s))), this.element.mount(i);
   }
   unmount(e = !1) {
     var t;
     (t = this.element) != null && t.isMounted && this.element.unmount(e);
   }
 }
-function W(n) {
-  return (n == null ? void 0 : n[Le]) === !0;
+function V(n) {
+  return (n == null ? void 0 : n[ye]) === !0;
 }
-function qe(n) {
-  return (n == null ? void 0 : n[k]) === !0;
+function xe(n) {
+  return (n == null ? void 0 : n[N]) === !0;
 }
-function ce(n) {
-  return $(n) || (n = [n]), n.flat(1 / 0).filter((e) => e != null && e !== !1).map((e) => W(e) ? e : e instanceof Node ? E("$node", { value: e }) : w(e) ? E("$dynamic", { source: e }) : E("$text", { value: e }));
+function J(n) {
+  return P(n) || (n = [n]), n.flat(1 / 0).filter((e) => e != null && e !== !1).map((e) => V(e) ? e : e instanceof Node ? v("$node", { value: e }) : g(e) ? v("$dynamic", { source: e }) : v("$text", { value: e }));
 }
-function E(n, e, ...t) {
-  return new xt(n, e, ...t);
+function v(n, e, ...t) {
+  return new Qe(n, e, ...t);
 }
-var Ae;
-Ae = Le;
-class xt {
+var he;
+he = ye;
+class Qe {
   constructor(e, t, ...s) {
-    l(this, Ae, !0);
+    l(this, he, !0);
     l(this, "type");
     l(this, "props");
     l(this, "children");
-    this.type = e, this.props = t, this.children = ce(s);
+    this.type = e, this.props = t, this.children = J(s);
   }
 }
-const Gt = ct.bind(E);
-function St(n, e, t) {
-  return E("$dynamic", {
-    source: oe(() => {
-      const s = S(n);
-      return s && e ? e : !s && t ? t : null;
+const mt = ze.bind(v);
+function gt(n, e, t) {
+  return v("$dynamic", {
+    source: Y(() => {
+      const s = b(n);
+      return console.log("cond updated", s), s && e ? e : !s && t ? t : null;
     })
   });
 }
-function Mt(n, e, t) {
-  return E("$list", { items: oe(() => n), keyFn: e, renderFn: t });
+function yt(n, e, t) {
+  return v("$list", { items: Y(() => n), keyFn: e, renderFn: t });
 }
-function Et(n, e) {
-  return E("$portal", { parent: n, content: e });
+function bt(n, e) {
+  return v("$portal", { parent: n, content: e });
 }
-function O(n, e) {
-  return ($(e) ? e : [e]).map((s) => {
-    if (A(s.type))
-      return new H(n, s.type, s.props, s.children);
-    if (P(s.type))
+function L(n, e) {
+  return (P(e) ? e : [e]).map((s) => {
+    if (E(s.type))
+      return new _(n, s.type, s.props, s.children);
+    if (D(s.type))
       switch (s.type) {
         case "$node": {
           const i = s.props;
-          return new be(i.value);
+          return new ie(i.value);
         }
         case "$text": {
           const i = s.props;
-          return new be(document.createTextNode(String(i.value)));
+          return new ie(document.createTextNode(String(i.value)));
         }
         case "$list": {
           const i = s.props;
-          return new bt({
+          return new Xe({
             items: i.items,
             keyFn: i.keyFn,
             renderFn: i.renderFn,
@@ -1558,18 +1368,18 @@ function O(n, e) {
         }
         case "$dynamic": {
           const i = s.props;
-          return new lt({
+          return new Be({
             source: i.source,
             elementContext: n
           });
         }
         case "$outlet": {
           const i = s.props;
-          return new $e(i.children);
+          return new ve(i.children);
         }
         case "$portal": {
           const i = s.props;
-          return new vt({
+          return new Je({
             content: i.content,
             parent: i.parent,
             elementContext: n
@@ -1578,7 +1388,7 @@ function O(n, e) {
         default:
           if (s.type.startsWith("$"))
             throw new Error(`Unknown markup type: ${s.type}`);
-          return new dt({
+          return new Fe({
             tag: s.type,
             props: s.props ?? {},
             children: s.children,
@@ -1589,46 +1399,44 @@ function O(n, e) {
       throw new TypeError(`Expected a string or view function. Got: ${s.type}`);
   });
 }
-function F(n) {
-  return n.length === 1 ? n[0] : new $e(n);
+function j(n) {
+  return n.length === 1 ? n[0] : new ve(n);
 }
-function Re(n) {
-  return n == null || n === !1 || P(n) || Fe(n) || W(n) || w(n) || De(Re, n);
+function Me(n) {
+  return n == null || n === !1 || D(n) || Te(n) || V(n) || g(n) || F(Me, n);
 }
 export {
-  kt as A,
-  Pt as B,
-  Et as C,
-  Mt as D,
-  qt as I,
-  Vt as P,
-  gt as S,
-  H as V,
-  Nt as a,
-  Tt as b,
-  Rt as c,
-  Q as d,
-  oe as e,
-  Dt as f,
-  S as g,
-  P as h,
-  A as i,
-  te as j,
-  It as k,
-  Gt as l,
-  St as m,
-  $t as n,
-  B as o,
-  ee as p,
-  At as q,
-  E as r,
-  Lt as s,
-  q as t,
-  Ot as u,
-  jt as v,
-  F as w,
-  O as x,
-  b as y,
-  tt as z
+  bt as A,
+  yt as B,
+  dt as I,
+  ht as P,
+  Ze as S,
+  _ as V,
+  nt as a,
+  tt as b,
+  G as c,
+  Y as d,
+  it as e,
+  D as f,
+  b as g,
+  W as h,
+  E as i,
+  ct as j,
+  mt as k,
+  gt as l,
+  at as m,
+  q as n,
+  st as o,
+  v as p,
+  j as q,
+  L as r,
+  ft as s,
+  C as t,
+  ot as u,
+  lt as v,
+  y as w,
+  je as x,
+  rt as y,
+  ut as z
 };
-//# sourceMappingURL=markup-BWJWLvDF.js.map
+//# sourceMappingURL=markup-ILMFXzoo.js.map