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

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

@@ -1,12 +1,12 @@
-var $e = Object.defineProperty;
-var oe = (t) => {
+var je = Object.defineProperty;
+var ce = (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 _e = (t, e, s) => e in t ? je(t, e, { enumerable: !0, configurable: !0, writable: !0, value: s }) : t[e] = s;
+var c = (t, e, s) => _e(t, typeof e != "symbol" ? e + "" : e, s), H = (t, e, s) => e.has(t) || ce("Cannot " + s);
+var g = (t, e, s) => (H(t, e, "read from private field"), s ? s.call(t) : e.get(t)), E = (t, e, s) => e.has(t) ? ce("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(t) : e.set(t, s), L = (t, e, s, n) => (H(t, e, "write to private field"), n ? n.call(t, s) : e.set(t, s), s), fe = (t, e, s) => (H(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({
+function be({
   updateComputed: t,
   notifyEffect: e
 }) {
@@ -59,8 +59,8 @@ function ve({
         }
         for (; d; ) {
           --d;
-          const re = l.dep.subs;
-          if (l = re.prevSub, re.prevSub = void 0, (r = l.nextSub) !== void 0) {
+          const ue = l.dep.subs;
+          if (l = ue.prevSub, ue.prevSub = void 0, (r = l.nextSub) !== void 0) {
             l = r, u = d ? 64 : 32;
             continue e;
           }
@@ -263,44 +263,44 @@ function ve({
   }
 }
 var {
-  link: lt,
-  propagate: at,
-  updateDirtyFlag: Ve,
-  startTracking: we,
-  endTracking: be,
-  processEffectNotifications: dt,
-  processComputedUpdate: ht,
-  processPendingInnerEffects: Ne
-} = ve({
+  link: ht,
+  propagate: pt,
+  updateDirtyFlag: qe,
+  startTracking: Ne,
+  endTracking: xe,
+  processEffectNotifications: mt,
+  processComputedUpdate: gt,
+  processPendingInnerEffects: Se
+} = be({
   updateComputed(t) {
-    we(t);
+    Ne(t);
     try {
       const e = t.currentValue, s = t.getter(e);
       return e !== s ? (t.currentValue = s, !0) : !1;
     } finally {
-      be(t);
+      xe(t);
     }
   },
   notifyEffect(t) {
-    return "isScope" in t ? qe(t) : _e(t);
+    return "isScope" in t ? Re(t) : Be(t);
   }
 });
-function je(t) {
-  we(t);
+function Ue(t) {
+  Ne(t);
   try {
     t.fn();
   } finally {
-    be(t);
+    xe(t);
   }
 }
-function _e(t) {
+function Be(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 && qe(t, e) ? Ue(t) : Se(t, t.flags), !0;
 }
-function qe(t) {
-  return t.flags & 128 ? (Ne(t, t.flags), !0) : !1;
+function Re(t) {
+  return t.flags & 128 ? (Se(t, t.flags), !0) : !1;
 }
-function D(t) {
+function T(t) {
   const e = typeof t;
   switch (e) {
     case "undefined":
@@ -315,134 +315,140 @@ function D(t) {
       return e;
   }
 }
-function _(t) {
+function U(t) {
   return Array.isArray(t);
 }
-function J(t, e) {
-  return _(e) && e.every((s) => t(s));
+function Y(t, e) {
+  return U(e) && e.every((s) => t(s));
 }
-function pt(t, e, s) {
-  if (J(t, e))
+function yt(t, e, s) {
+  if (Y(t, e))
     return !0;
-  throw new TypeError(F(e, s));
+  throw new TypeError(W(e, s));
 }
 function O(t) {
   return typeof t == "string";
 }
-function mt(t, e) {
+function vt(t, e) {
   if (O(t))
     return !0;
-  throw new TypeError(F(t, e ?? "Expected a string. Got type: %t, value: %v"));
+  throw new TypeError(W(t, e ?? "Expected a string. Got type: %t, value: %v"));
 }
-function S(t) {
-  return D(t) === "function";
+function k(t) {
+  return T(t) === "function";
 }
-function Ue(t) {
+function ze(t) {
   return typeof t == "number" && !isNaN(t);
 }
-function gt(...t) {
+function wt(...t) {
   const e = t[0], s = O(t[2]) ? t[2] : `Expected instance of ${e.name}. Got type: %t, value: %v`, n = (i) => {
     if (i instanceof e)
       return !0;
-    throw new TypeError(F(i, s));
+    throw new TypeError(W(i, s));
   };
   return t.length < 2 ? n : n(t[1]);
 }
-function Q(t) {
-  return t != null && typeof t == "object" && !_(t);
+function ee(t) {
+  return t != null && typeof t == "object" && !U(t);
 }
-function yt(t, e) {
-  if (Q(t))
+function bt(t, e) {
+  if (ee(t))
     return !0;
-  throw new TypeError(F(t, e));
+  throw new TypeError(W(t, e));
 }
-function F(t, e) {
+function W(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 = [];
+let A, P = [];
 const {
-  link: Y,
-  propagate: Re,
-  updateDirtyFlag: ze,
-  startTracking: ee,
-  endTracking: te,
-  processEffectNotifications: Be,
-  processComputedUpdate: Fe,
-  processPendingInnerEffects: Ge
-} = ve({
+  link: te,
+  propagate: Fe,
+  updateDirtyFlag: Ge,
+  startTracking: se,
+  endTracking: ne,
+  processEffectNotifications: We,
+  processComputedUpdate: Ze,
+  processPendingInnerEffects: He
+} = be({
   updateComputed(t) {
-    const e = g;
-    g = t, P.length = 0, ee(t);
+    const e = y;
+    y = t, P.length = 0, se(t);
     try {
       const s = t.currentValue, n = t.getter(s);
       return t.equals(s, n) ? !1 : (t.currentValue = n, !0);
     } finally {
-      g = e, k !== void 0 && (k(P), k = void 0), te(t);
+      y = e, A !== void 0 && (A(P), A = void 0), ne(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 & M.Dirty || e & M.PendingComputed && Ge(t, e) ? Ee(t) : He(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 y;
+const D = [];
+let K = !1;
+function Ke() {
+  K || (K = !0, queueMicrotask(() => {
+    K = !1;
+    for (let t = 0; t < D.length; t++) {
+      const e = D[t], s = y;
+      y = e, P.length = 0, se(e);
       try {
         e.fn();
       } finally {
-        g = s, te(e), k !== void 0 && (k(P), k = void 0);
+        y = s, ne(e), A !== void 0 && (A(P), A = void 0);
       }
     }
-    L.length = 0;
+    D.length = 0;
   }));
 }
-function xe(t) {
-  L.push(t), We();
+function Ee(t) {
+  D.push(t), Ke();
 }
-function Ze() {
-  ee(this), te(this), queueMicrotask(() => {
-    L.splice(L.indexOf(this), 1);
+function Xe() {
+  se(this), ne(this), queueMicrotask(() => {
+    D.splice(D.indexOf(this), 1);
   });
 }
-const Ee = [];
-function He() {
-  Ee.push(g), g = void 0;
+const Me = [];
+function Je() {
+  Me.push(y), y = void 0;
 }
-function Ke() {
-  g = Ee.pop();
+function Qe() {
+  y = Me.pop();
 }
-var b, V;
-class Me {
+var b, V, j;
+class ke {
   constructor(e, s) {
-    T(this, b);
-    T(this, V);
-    c(this, "name");
-    $(this, b, {
+    E(this, b);
+    E(this, V);
+    E(this, j);
+    L(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);
+    }), L(this, V, (s == null ? void 0 : s.equals) ?? Object.is), s != null && s.name && L(this, j, s.name);
+  }
+  get name() {
+    return g(this, j) || `anonymous ${this[Symbol.toStringTag]}`;
+  }
+  get [Symbol.toStringTag]() {
+    return `Atom<${T(g(this, b).currentValue)}>`;
   }
   /**
    * 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;
+    return y !== void 0 && (te(g(this, b), y), P.push(this)), g(this, b).currentValue;
   }
   /**
    * Returns the latest value. The signal is NOT tracked if called within `effect` or `compose`.
    */
   peek() {
-    return w(this, b).currentValue;
+    return g(this, b).currentValue;
   }
   /**
    * Replaces the current value with `next`.
@@ -453,10 +459,10 @@ class Me {
    * 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());
+    if (!g(this, V).call(this, g(this, b).currentValue, e)) {
+      g(this, b).currentValue = e;
+      const s = g(this, b).subs;
+      s !== void 0 && (Fe(s), We());
     }
   }
   /**
@@ -506,15 +512,15 @@ class Me {
     this.set(e);
   }
 }
-b = new WeakMap(), V = new WeakMap();
-var A, j, B, ke;
-class Se {
+b = new WeakMap(), V = new WeakMap(), j = new WeakMap();
+var C, _, q, G, Le;
+class Te {
   constructor(e, s) {
-    T(this, B);
-    T(this, A);
-    T(this, j);
-    c(this, "name");
-    $(this, j, e), $(this, A, {
+    E(this, G);
+    E(this, C);
+    E(this, _);
+    E(this, q);
+    L(this, _, e), L(this, C, {
       currentValue: void 0,
       equals: (s == null ? void 0 : s.equals) ?? Object.is,
       subs: void 0,
@@ -522,15 +528,21 @@ class Se {
       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);
+      getter: fe(this, G, Le).bind(this)
+    }), s != null && s.name && L(this, q, s.name);
+  }
+  get name() {
+    return g(this, q) || `anonymous ${this[Symbol.toStringTag]}`;
+  }
+  get [Symbol.toStringTag]() {
+    return `Composed<${T(g(this, C).currentValue)}>`;
   }
   get() {
-    return g !== void 0 && (Y(w(this, A), g), P.push(this)), this.peek();
+    return y !== void 0 && (te(g(this, C), y), 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;
+    const e = g(this, C), s = e.flags;
+    return s & (M.Dirty | M.PendingComputed) && Ze(e, s), e.currentValue;
   }
   /**
    * @deprecated use `get()`
@@ -539,41 +551,41 @@ class Se {
     return this.peek();
   }
 }
-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;
+C = new WeakMap(), _ = new WeakMap(), q = new WeakMap(), G = new WeakSet(), Le = function(e) {
+  let s = g(this, _).call(this, e);
+  return v(s) && (s = s.get()), s;
 };
-function y(t) {
-  return t instanceof Me || t instanceof Se;
+function v(t) {
+  return t instanceof ke || t instanceof Te;
 }
-function X(t, e) {
-  return new Me(t, e);
+function Q(t, e) {
+  return new ke(t, e);
 }
-function se(t, e) {
-  return new Se(t, e);
+function ie(t, e) {
+  return new Te(t, e);
 }
-function Xe(t, e) {
-  if (S(e))
+function Ye(t, e) {
+  if (k(e))
     t.update(e);
   else if (arguments.length > 1)
     t.set(e);
   else
-    return (s) => Xe(t, s);
+    return (s) => Ye(t, s);
 }
 function I(t) {
-  return y(t) ? t.get() : t;
+  return v(t) ? t.get() : t;
 }
-function vt(t) {
-  return y(t) ? t.peek() : t;
+function Nt(t) {
+  return v(t) ? t.peek() : t;
 }
-function G(t) {
-  He(), t(), Ke();
+function Z(t) {
+  Je(), t(), Qe();
 }
-function wt(t) {
-  k = t;
+function xt(t) {
+  A = t;
 }
-function v(t) {
-  const e = {
+function w(t, e) {
+  const s = {
     fn: t,
     subs: void 0,
     subsTail: void 0,
@@ -581,21 +593,21 @@ function v(t) {
     depsTail: void 0,
     flags: M.Effect
   };
-  return g !== void 0 && Y(e, g), xe(e), Ze.bind(e);
+  return y !== void 0 && te(s, y), Ee(s), Xe.bind(s);
 }
-const bt = () => {
+const St = () => {
 };
-let H = 1;
-function Te() {
-  return H = H % Number.MAX_SAFE_INTEGER + 1, H.toString(36) + Date.now().toString(36);
+let X = 1;
+function Ce() {
+  return X = X % Number.MAX_SAFE_INTEGER + 1, X.toString(36) + Date.now().toString(36);
 }
-function Nt(t, e) {
+function Et(t, e) {
   return Object.is(t, e);
 }
-function xt(t, e) {
+function Mt(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 +628,7 @@ function xt(t, e) {
         if (t[i] !== e[i]) return !1;
       return !0;
     case "set":
-      if (S(t.symmetricDifference))
+      if (k(t.symmetricDifference))
         return t.symmetricDifference(e).size === 0;
       for (const i of t.keys())
         if (t[i] !== e.get(i)) return !1;
@@ -624,20 +636,20 @@ function xt(t, e) {
   }
   return !1;
 }
-function K(t, e) {
+function J(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 (!J(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 (!J(n[1], e.get(n[0]))) return !1;
       return !0;
     }
     if (t instanceof Set && e instanceof Set) {
@@ -657,25 +669,25 @@ function K(t, e) {
     for (n = s; n-- !== 0; ) if (!Object.prototype.hasOwnProperty.call(e, i[n])) return !1;
     for (n = s; n-- !== 0; ) {
       var o = i[n];
-      if (!K(t[o], e[o])) return !1;
+      if (!J(t[o], e[o])) return !1;
     }
     return !0;
   }
   return t !== t && e !== e;
 }
-function Je(t, e) {
+function et(t, e) {
   const s = {};
   for (const n in e)
     t.includes(n) || (s[n] = e[n]);
   return s;
 }
-function Et(t) {
+function kt(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 Tt(t) {
   if (t instanceof RegExp)
     return (n) => t.test(n);
   const e = {
@@ -697,12 +709,12 @@ function Mt(t) {
     return !(o.some((f) => f(n)) || i.length > 0 && !i.some((f) => f(n)));
   };
 }
-const E = Symbol.for("DollaMarkupElement"), St = Symbol.for("DollaRouter");
-var le;
-le = E;
-class ce {
+const S = Symbol.for("DollaMarkupElement"), Lt = Symbol.for("DollaRouter");
+var de;
+de = S;
+class le {
   constructor(e) {
-    c(this, le, !0);
+    c(this, de, !0);
     c(this, "domNode");
     this.domNode = e;
   }
@@ -716,11 +728,11 @@ class ce {
     this.domNode.parentNode && !e && this.domNode.parentNode.removeChild(this.domNode);
   }
 }
-var ae;
-ae = E;
-class Qe {
+var he;
+he = S;
+class tt {
   constructor(e) {
-    c(this, ae, !0);
+    c(this, he, !0);
     c(this, "domNode", document.createTextNode(""));
     c(this, "children", []);
     c(this, "elementContext");
@@ -732,14 +744,14 @@ class Qe {
     return this.domNode.parentNode != null;
   }
   mount(e, s) {
-    this.isMounted || (e.insertBefore(this.domNode, (s == null ? void 0 : s.nextSibling) ?? null), this.unsubscribe = v(() => {
+    this.isMounted || (e.insertBefore(this.domNode, (s == null ? void 0 : s.nextSibling) ?? null), this.unsubscribe = w(() => {
       const n = this.source.get();
-      if (!Oe(n))
+      if (!Ve(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]);
+      Z(() => {
+        this.update(U(n) ? n : [n]);
       });
     }));
   }
@@ -756,21 +768,21 @@ class Qe {
     var o, f, 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)));
+    const s = e.flatMap((m) => Pe(m) ? m : $(this.elementContext, re(m)));
     for (const m of s) {
       const r = ((o = this.children.at(-1)) == null ? void 0 : o.domNode) || this.domNode;
       m.mount(this.domNode.parentNode, r), this.children.push(m);
     }
     const n = this.domNode.parentNode, i = ((p = (f = this.children.at(-1)) == null ? void 0 : f.domNode) == null ? void 0 : p.nextSibling) ?? null;
-    n.insertBefore(this.domNode, i);
+    "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 {
+const st = (t) => /^on[A-Z]/.test(t);
+var pe;
+pe = S;
+class nt {
   constructor({ tag: e, props: s, children: n, elementContext: i }) {
-    c(this, de, !0);
+    c(this, pe, !0);
     c(this, "domNode");
     c(this, "props");
     c(this, "childMarkup", []);
@@ -785,14 +797,14 @@ class et {
       ...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 (k(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),
+      ...et(["ref", "class", "className"], s),
       class: s.className ?? s.class
-    }, n && (this.childMarkup = ne(n)), this.elementContext = i;
+    }, n && (this.childMarkup = re(n)), this.elementContext = i;
   }
   get isMounted() {
     return this.domNode.parentNode != null;
@@ -801,7 +813,7 @@ class et {
     if (e == null)
       throw new Error(`HTML element requires a parent element as the first argument to connect. Got: ${e}`);
     if (!this.isMounted) {
-      this.childMarkup.length > 0 && (this.children = C(this.elementContext, this.childMarkup));
+      this.childMarkup.length > 0 && (this.children = $(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);
@@ -825,8 +837,8 @@ class et {
     }
   }
   attachProp(e, s) {
-    y(e) ? this.unsubscribers.push(
-      v(() => {
+    v(e) ? this.unsubscribers.push(
+      w(() => {
         s(e.get());
       })
     ) : s(e);
@@ -836,13 +848,13 @@ class et {
       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));
+          this.canClickAway && !e.contains(p.target) && (v(i) ? i.peek()(p) : i(p));
         }, f = { capture: !0 };
         window.addEventListener("click", o, f), this.unsubscribers.push(() => {
           window.removeEventListener("click", o, f);
         });
-      } else if (Ye(n)) {
-        const o = n.slice(2).toLowerCase(), f = y(i) ? (p) => i.peek()(p) : i;
+      } else if (st(n)) {
+        const o = n.slice(2).toLowerCase(), f = v(i) ? (p) => i.peek()(p) : i;
         e.addEventListener(o, f), this.unsubscribers.push(() => {
           e.removeEventListener(o, f);
         });
@@ -850,7 +862,7 @@ class et {
         this.attachProp(i, (o) => {
           o == null ? e.removeAttribute(n) : e.setAttribute(n, String(o));
         });
-      else if (!tt.includes(n))
+      else if (!it.includes(n))
         if (this.elementContext.isSVG)
           this.attachProp(i, (o) => {
             o != null ? e.setAttribute(n, String(s[n])) : e.removeAttribute(n);
@@ -911,18 +923,18 @@ class et {
   }
   applyStyles(e, s, n) {
     const i = [];
-    if (y(s)) {
+    if (v(s)) {
       let o;
-      const f = v(() => {
-        S(o) && o(), e.style.cssText = "", o = this.applyStyles(e, I(s), n);
+      const f = w(() => {
+        k(o) && o(), e.style.cssText = "", o = this.applyStyles(e, I(s), n);
       });
       n.push(f), i.push(f);
     } else {
-      const o = Ce(s);
+      const o = De(s);
       for (const f in o) {
         const { value: p, priority: m } = o[f];
-        if (y(p)) {
-          const r = v(() => {
+        if (v(p)) {
+          const r = w(() => {
             p.get() ? e.style.setProperty(f, String(p.get()), m) : e.style.removeProperty(f);
           });
           n.push(r), i.push(r);
@@ -936,18 +948,18 @@ class et {
   }
   applyClasses(e, s, n) {
     const i = [];
-    if (y(s)) {
+    if (v(s)) {
       let o;
-      const f = v(() => {
-        S(o) && o(), e.removeAttribute("class"), o = this.applyClasses(e, I(s), n);
+      const f = w(() => {
+        k(o) && o(), e.removeAttribute("class"), o = this.applyClasses(e, I(s), n);
       });
       n.push(f), i.push(f);
     } else {
-      const o = Le(s);
+      const o = Ae(s);
       for (const f in o) {
         const p = o[f];
-        if (y(p)) {
-          const m = v(() => {
+        if (v(p)) {
+          const m = w(() => {
             I(p) ? e.classList.add(f) : e.classList.remove(f);
           });
           n.push(m), i.push(m);
@@ -960,18 +972,18 @@ class et {
     };
   }
 }
-function Le(t) {
+function Ae(t) {
   let e = {};
   if (O(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 ee(t) ? Object.assign(e, t) : Array.isArray(t) && Array.from(t).filter(Boolean).forEach((s) => {
+    Object.assign(e, Ae(s));
   });
   return delete e.undefined, e;
 }
-function Ce(t) {
+function De(t) {
   let e = {};
   if (O(t)) {
     const s = t.split(";").filter((n) => n.trim() !== "");
@@ -979,22 +991,22 @@ function Ce(t) {
       const [i, o] = n.split(":"), f = {
         value: o
       };
-      o.includes("!important") ? (f.priority = "important", f.value = o.replace("!important", "").trim()) : f.value = o.trim(), e[fe(i.trim())] = f;
+      o.includes("!important") ? (f.priority = "important", f.value = o.replace("!important", "").trim()) : f.value = o.trim(), e[ae(i.trim())] = f;
     }
   }
-  if (Q(t))
+  if (ee(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[ae(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, De(s));
   });
   return e;
 }
-function fe(t) {
+function ae(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 it = ["ref", "children", "class", "style", "data"];
+let rt = class {
   constructor(e) {
     c(this, "store");
     this.store = e;
@@ -1012,15 +1024,15 @@ let st = class {
     this.store.name = e, this.store.logger.setName(e);
   }
   get(e) {
-    if (S(e)) {
+    if (k(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 R(`Store '${e.name}' is not provided on this context.`);
       return n.value;
     } else
-      throw new U("Invalid store.");
+      throw new R("Invalid store.");
   }
   onMount(e) {
     this.store.lifecycleListeners.mount.push(e);
@@ -1028,22 +1040,22 @@ let st = class {
   onUnmount(e) {
     this.store.lifecycleListeners.unmount.push(e);
   }
-  effect(e) {
-    const s = this.store;
-    if (s.isMounted) {
-      const n = v(e);
-      return s.lifecycleListeners.unmount.push(n), n;
+  effect(e, s) {
+    const n = this.store;
+    if (n.isMounted) {
+      const i = w(e);
+      return n.lifecycleListeners.unmount.push(i), i;
     } else {
-      let n, i = !1;
-      return s.lifecycleListeners.mount.push(() => {
-        i || (n = v(e), s.lifecycleListeners.unmount.push(n));
+      let i, o = !1;
+      return n.lifecycleListeners.mount.push(() => {
+        o || (i = w(e), n.lifecycleListeners.unmount.push(i));
       }), () => {
-        n != null && (i = !0, n());
+        i != null && (o = !0, i());
       };
     }
   }
 };
-class nt {
+class ot {
   constructor(e, s) {
     c(this, "fn");
     c(this, "_options");
@@ -1055,7 +1067,7 @@ class nt {
     c(this, "elementContext");
     c(this, "lifecycleListeners", { mount: [], unmount: [] });
     c(this, "logger");
-    c(this, "id", Te());
+    c(this, "id", Ce());
     c(this, "name");
     this.fn = e, this.name = e.name, this._options = s;
   }
@@ -1067,7 +1079,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 rt(this);
     try {
       this.value = this.fn.call(s, this._options, s);
     } catch (n) {
@@ -1088,9 +1100,9 @@ class nt {
     this.lifecycleListeners.unmount.length = 0;
   }
 }
-class U extends Error {
+class R extends Error {
 }
-class it {
+class ut {
   constructor(e) {
     c(this, "view");
     this.view = e;
@@ -1111,7 +1123,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 ot(e, s);
     if (n.attach(this.view.elementContext))
       return this.view.lifecycleListeners.mount.push(() => {
         n.handleMount();
@@ -1124,15 +1136,15 @@ class it {
     }
   }
   get(e) {
-    if (S(e)) {
+    if (k(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 R(`Store '${e.name}' is not provided on this context.`);
       return n.value;
     } else
-      throw new U("Invalid store.");
+      throw new R("Invalid store.");
   }
   beforeMount(e) {
     this.view.lifecycleListeners.beforeMount.push(e);
@@ -1146,16 +1158,16 @@ class it {
   onUnmount(e) {
     this.view.lifecycleListeners.unmount.push(e);
   }
-  effect(e) {
+  effect(e, s) {
     if (this.view.isMounted) {
-      const s = v(e);
-      return this.view.lifecycleListeners.unmount.push(s), s;
+      const n = w(e);
+      return this.view.lifecycleListeners.unmount.push(n), n;
     } else {
-      let s, n = !1;
+      let n, i = !1;
       return this.view.lifecycleListeners.mount.push(() => {
-        n || (s = v(e), this.view.lifecycleListeners.unmount.push(s));
+        i || (n = w(e), this.view.lifecycleListeners.unmount.push(n));
       }), () => {
-        s != null && (n = !0, s());
+        n != null && (i = !0, n());
       };
     }
   }
@@ -1163,12 +1175,12 @@ class it {
     return x("$outlet", { view: this.view.elementContext.route });
   }
 }
-var he;
-he = E;
-const ie = class ie {
+var me;
+me = S;
+const oe = class oe {
   constructor(e, s, n, i) {
-    c(this, he, !0);
-    c(this, "uniqueId", Te());
+    c(this, me, !0);
+    c(this, "uniqueId", Ce());
     c(this, "elementContext");
     c(this, "logger");
     c(this, "props");
@@ -1181,7 +1193,7 @@ const ie = class ie {
       parent: e,
       viewName: s.name,
       stores: /* @__PURE__ */ new Map(),
-      route: X()
+      route: Q()
     }, this.logger = e.root.createLogger(s.name || "🌇 anonymous view", { uid: this.uniqueId }), this.props = {
       ...n,
       children: i
@@ -1215,14 +1227,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, {});
+    const s = new oe(this.elementContext, e, {});
     return this.elementContext.route.set(s), s;
   }
   /*===============================*\
   ||           Internal            ||
   \*===============================*/
   _initialize() {
-    const e = new it(this);
+    const e = new ut(this);
     let s;
     try {
       s = this.fn.call(e, this.props, e);
@@ -1230,27 +1242,27 @@ 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 = B($(this.elementContext, x("$node", { value: s })));
+    else if (v(s))
+      this.element = B(
+        $(this.elementContext, x("$dynamic", { source: s }))
       );
-    else if (z(s) || J(z, s))
-      this.element = q(C(this.elementContext, s));
+    else if (F(s) || Y(F, s))
+      this.element = B($(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, Readable or null. Got: ${T(s)}`
       );
       this.logger.crash(n);
     }
   }
 };
-let R = ie;
-var pe;
-pe = E;
-class rt {
+let z = oe;
+var ge;
+ge = S;
+class ct {
   constructor({ elementContext: e, items: s, renderFn: n, keyFn: i }) {
-    c(this, pe, !0);
+    c(this, ge, !0);
     c(this, "domNode", document.createTextNode(""));
     c(this, "items");
     c(this, "unsubscribe", null);
@@ -1264,9 +1276,9 @@ class rt {
     return this.domNode.parentNode != null;
   }
   mount(e, s) {
-    this.isMounted || (e.insertBefore(this.domNode, (s == null ? void 0 : s.nextSibling) ?? null), this.unsubscribe = v(() => {
+    this.isMounted || (e.insertBefore(this.domNode, (s == null ? void 0 : s.nextSibling) ?? null), this.unsubscribe = w(() => {
       let n = this.items.get();
-      n == null && (n = [], console.log("list received empty value", n, this)), G(() => {
+      n == null && (n = [], console.log("list received empty value", n, this)), Z(() => {
         this._update(Array.from(n));
       });
     }));
@@ -1300,13 +1312,13 @@ class rt {
       if (u)
         u.item.set(r.value), u.index.set(r.index), i[r.index] = u;
       else {
-        const l = X(r.value), d = X(r.index);
+        const l = Q(r.value), d = Q(r.index);
         i[r.index] = {
           key: r.key,
           item: l,
           index: d,
-          element: new R(this.elementContext, ot, {
-            item: se(() => l.get()),
+          element: new z(this.elementContext, ft, {
+            item: ie(() => l.get()),
             index: d,
             renderFn: this.renderFn
           })
@@ -1322,14 +1334,14 @@ class rt {
     (m = this.domNode.parentNode) == null || m.insertBefore(this.domNode, o.nextSibling);
   }
 }
-function ot(t, e) {
+function ft(t, e) {
   return e.name = "@ListItem", t.renderFn.call(e, t.item, t.index, e);
 }
-var me;
-me = E;
-class Ae {
+var ye;
+ye = S;
+class $e {
   constructor(e) {
-    c(this, me, !0);
+    c(this, ye, !0);
     c(this, "domNode", document.createTextNode(""));
     c(this, "isMounted", !1);
     c(this, "source");
@@ -1338,9 +1350,9 @@ class Ae {
     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(() => {
+    this.isMounted || (this.isMounted = !0, e.insertBefore(this.domNode, (s == null ? void 0 : s.nextSibling) ?? null), v(this.source) ? this.unsubscribe = w(() => {
       const n = I(this.source);
-      G(() => {
+      Z(() => {
         this.update(n);
       });
     }) : this.update(this.elements));
@@ -1364,11 +1376,11 @@ class Ae {
     }
   }
 }
-var ge;
-ge = E;
-class ut {
+var ve;
+ve = S;
+class lt {
   constructor(e) {
-    c(this, ge, !0);
+    c(this, ve, !0);
     c(this, "config");
     c(this, "element");
     this.config = e;
@@ -1378,18 +1390,18 @@ class ut {
   }
   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);
+    Pe(n) ? this.element = n : this.element = B($(this.config.elementContext, re(n))), this.element.mount(i);
   }
   unmount(e = !1) {
     var s;
     (s = this.element) != null && s.isMounted && this.element.unmount(!1);
   }
 }
-var ye;
-ye = E;
-class ct {
+var we;
+we = S;
+class at {
   constructor(e) {
-    c(this, ye, !0);
+    c(this, we, !0);
     c(this, "domNode", document.createTextNode(""));
     c(this, "isMounted", !1);
     c(this, "view");
@@ -1398,9 +1410,9 @@ class ct {
     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(() => {
+    this.isMounted || (this.isMounted = !0, e.insertBefore(this.domNode, (s == null ? void 0 : s.nextSibling) ?? null), this.unsubscribe = w(() => {
       const n = this.view.get();
-      G(() => {
+      Z(() => {
         this.update(n);
       });
     }));
@@ -1415,19 +1427,19 @@ class ct {
     this.cleanup(!1), e && (e.mount(this.domNode.parentElement, this.domNode), this.mountedView = e);
   }
 }
-function z(t) {
-  return t instanceof Pe;
+function F(t) {
+  return t instanceof Oe;
 }
-function De(t) {
-  return (t == null ? void 0 : t[E]) === !0;
+function Pe(t) {
+  return (t == null ? void 0 : t[S]) === !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 re(t) {
+  return U(t) || (t = [t]), t.flat(1 / 0).filter((e) => e != null && e !== !1).map((e) => F(e) ? e : e instanceof Node ? x("$node", { value: e }) : v(e) ? x("$dynamic", { source: e }) : x("$text", { value: e }));
 }
 function x(t, e, ...s) {
-  return new Pe(t, e, ...s);
+  return new Oe(t, e, ...s);
 }
-class Pe {
+class Oe {
   constructor(e, s, ...n) {
     c(this, "type");
     c(this, "props");
@@ -1435,37 +1447,43 @@ class Pe {
     this.type = e, this.props = s, this.children = n;
   }
 }
-function Tt(t, e, s) {
+function Ie(t, e, s) {
   return x("$dynamic", {
-    source: se(() => {
+    source: ie(() => {
       const n = I(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 At(t, e, s) {
+  return Ie(t, e, s);
+}
+function Dt(t, e, s) {
+  return Ie(t, s, e);
+}
+function $t(t, e, s) {
+  return x("$list", { items: ie(() => t), keyFn: e, renderFn: s });
 }
-function Ct(t, e) {
+function Pt(t, e) {
   return x("$portal", { parent: t, content: e });
 }
-function C(t, e) {
-  return (_(e) ? e : [e]).map((n) => {
-    if (S(n.type))
-      return new R(t, n.type, n.props, n.children);
+function $(t, e) {
+  return (U(e) ? e : [e]).map((n) => {
+    if (k(n.type))
+      return new z(t, n.type, n.props, n.children);
     if (O(n.type))
       switch (n.type) {
         case "$node": {
           const i = n.props;
-          return new ce(i.value);
+          return new le(i.value);
         }
         case "$text": {
           const i = n.props;
-          return new ce(document.createTextNode(String(i.value)));
+          return new le(document.createTextNode(String(i.value)));
         }
         case "$list": {
           const i = n.props;
-          return new rt({
+          return new ct({
             items: i.items,
             keyFn: i.keyFn,
             renderFn: i.renderFn,
@@ -1474,22 +1492,22 @@ function C(t, e) {
         }
         case "$dynamic": {
           const i = n.props;
-          return new Qe({
+          return new tt({
             source: i.source,
             elementContext: t
           });
         }
         case "$fragment": {
           const i = n.props;
-          return new Ae(i.children);
+          return new $e(i.children);
         }
         case "$outlet": {
           const i = n.props;
-          return new ct(i.view);
+          return new at(i.view);
         }
         case "$portal": {
           const i = n.props;
-          return new ut({
+          return new lt({
             content: i.content,
             parent: i.parent,
             elementContext: t
@@ -1498,7 +1516,7 @@ function C(t, e) {
         default:
           if (n.type.startsWith("$"))
             throw new Error(`Unknown markup type: ${n.type}`);
-          return new et({
+          return new nt({
             tag: n.type,
             props: n.props ?? {},
             children: n.children,
@@ -1509,44 +1527,46 @@ 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 B(t) {
+  return t.length === 1 ? t[0] : new $e(t);
 }
-function Oe(t) {
-  return t == null || t === !1 || O(t) || Ue(t) || z(t) || y(t) || J(Oe, t);
+function Ve(t) {
+  return t == null || t === !1 || O(t) || ze(t) || F(t) || v(t) || Y(Ve, 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,
+  Et as A,
+  $t as B,
+  Pt as C,
+  Dt as D,
+  At as E,
+  Lt as I,
+  ot as S,
+  z as V,
+  yt as a,
+  vt as b,
+  Q as c,
+  ie as d,
+  bt as e,
   O as f,
-  Q as g,
-  K as h,
-  S as i,
+  ee as g,
+  J as h,
+  k as i,
   I as j,
-  Tt as k,
-  Mt as l,
+  Ie as k,
+  Tt 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
+  R as n,
+  wt as o,
+  B as p,
+  $ as q,
+  St as r,
+  Mt as s,
+  T as t,
+  kt as u,
+  w as v,
+  xt as w,
+  Nt as x,
+  Ye as y,
+  Z as z
 };
-//# sourceMappingURL=markup-DZcvFR50.js.map
+//# sourceMappingURL=markup-BJffA2Ls.js.map