@manyducks.co/dolla 2.0.0-alpha.59 → 2.0.0-alpha.60

package/dist/{markup-BBa4WBj1.js → markup-BGlfQYQk.js}

@@ -1,14 +1,15 @@
-var at = Object.defineProperty;
-var B = (o) => {
+var ut = Object.defineProperty;
+var j = (o) => {
   throw TypeError(o);
 };
-var ht = (o, t, e) => t in o ? at(o, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[t] = e;
-var c = (o, t, e) => ht(o, typeof t != "symbol" ? t + "" : t, e), W = (o, t, e) => t.has(o) || B("Cannot " + e);
-var L = (o, t, e) => (W(o, t, "read from private field"), e ? e.call(o) : t.get(o)), D = (o, t, e) => t.has(o) ? B("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(o) : t.set(o, e), $ = (o, t, e, s) => (W(o, t, "write to private field"), s ? s.call(o, e) : t.set(o, e), e);
-import { c as f, t as ut, g as X, b as U, i as tt } from "./typeChecking-BJ-ymQ2F.js";
-import { u as S, h as lt, g as w, k as et, e as g, c as dt, l as ft, b as mt, $ as T, d as pt } from "./logger-Ck_9LCem.js";
-const A = Symbol("name"), u = Symbol("lifecycle"), p = Symbol("parent"), y = Symbol("stores"), b = Symbol("state");
-class bt {
+var lt = (o, t, e) => t in o ? ut(o, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[t] = e;
+var c = (o, t, e) => lt(o, typeof t != "symbol" ? t + "" : t, e), R = (o, t, e) => t.has(o) || j("Cannot " + e);
+var L = (o, t, e) => (R(o, t, "read from private field"), e ? e.call(o) : t.get(o)), V = (o, t, e) => t.has(o) ? j("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(o) : t.set(o, e), O = (o, t, e, s) => (R(o, t, "write to private field"), s ? s.call(o, e) : t.set(o, e), e);
+import { c as f, t as dt, i as D, b as C } from "./typeChecking-CbltMOUt.js";
+import { u as E, h as ft, g as y, k as st, e as w, t as it, c as mt, l as pt, m as bt, b as gt, $ as _, d as wt } from "./logger-MPwl-Xqu.js";
+var b = /* @__PURE__ */ ((o) => (o[o.WILL_MOUNT = 0] = "WILL_MOUNT", o[o.DID_MOUNT = 1] = "DID_MOUNT", o[o.WILL_UNMOUNT = 2] = "WILL_UNMOUNT", o[o.DID_UNMOUNT = 3] = "DID_UNMOUNT", o[o.DISPOSE = 4] = "DISPOSE", o))(b || {});
+const T = Symbol("name"), l = Symbol("lifecycle"), p = Symbol("parent"), v = Symbol("stores"), g = Symbol("state");
+class yt {
   constructor(t) {
     c(this, "context");
     c(this, "state", 0);
@@ -52,7 +53,7 @@ class bt {
         break;
       }
       case 4: {
-        this.state === 0 ? (this.notify(t), this.listeners.clear(), this.bound = void 0, this.state = 5) : this.context.crash(new Error(`Tried to DISPOSE context at state ${this.state}`));
+        this.state === 0 ? (this.notify(t), this.listeners.clear(), this.bound = void 0, this.context[g] = void 0, this.context[v] = void 0, this.state = 5) : this.context.crash(new Error(`Tried to DISPOSE context at state ${this.state}`));
         break;
       }
     }
@@ -73,79 +74,40 @@ class bt {
         s();
     if (this.bound)
       for (const s of this.bound)
-        s[u].emit(t);
+        s[l].emit(t);
   }
 }
-var j, q, G, H, z, v;
-z = A, H = u, G = p, q = y, j = b;
-const N = class N {
+var H, z, F, Z, K, x;
+K = T, Z = l, F = p, z = v, H = g;
+const I = class I {
   constructor(t, e) {
-    D(this, v);
+    V(this, x);
+    c(this, K);
+    c(this, Z, new yt(this));
+    c(this, F);
     c(this, z);
-    c(this, H, new bt(this));
-    c(this, G);
-    c(this, q);
-    c(this, j);
-    $(this, v, t), this[A] = S(t);
-    const s = lt(() => w(L(this, v)), e == null ? void 0 : e.logger), i = Object.getOwnPropertyDescriptors(s);
+    c(this, H);
+    O(this, x, t), this[T] = E(t);
+    const s = ft(() => y(L(this, x)), e == null ? void 0 : e.logger), i = Object.getOwnPropertyDescriptors(s);
     for (const n in i)
       Object.defineProperty(this, n, i[n]);
   }
   get isMounted() {
-    const { state: t } = this[u];
+    const { state: t } = this[l];
     return t >= 2 && t < 4;
   }
   /**
    * Returns a new Context with this one as its parent.
    */
   static linked(t, e, s) {
-    const i = new N(e, s);
-    return i[p] = t, s != null && s.bindLifecycleToParent && t[u].bind(i), i;
+    const i = new I(e, s);
+    return i[p] = t, s != null && s.bindLifecycleToParent && t[l].bind(i), i;
   }
   /**
-   * Emit "will mount" lifecycle event to `context`.
+   * Emit a lifecycle event to `context`.
    */
-  static willMount(t) {
-    t[u].emit(
-      0
-      /* WILL_MOUNT */
-    );
-  }
-  /**
-   * Emit "did mount" lifecycle event to `context`.
-   */
-  static didMount(t) {
-    t[u].emit(
-      1
-      /* DID_MOUNT */
-    );
-  }
-  /**
-   * Emit "will unmount" lifecycle event to `context`.
-   */
-  static willUnmount(t) {
-    t[u].emit(
-      2
-      /* WILL_UNMOUNT */
-    );
-  }
-  /**
-   * Emit "did unmount" lifecycle event to `context`.
-   */
-  static didUnmount(t) {
-    t[u].emit(
-      3
-      /* DID_UNMOUNT */
-    );
-  }
-  /**
-   * Emit "dispose" lifecycle event to `context`.
-   */
-  static dispose(t) {
-    t[u].emit(
-      4
-      /* DISPOSE */
-    ), t[b] = void 0, t[y] = void 0;
+  static emit(t, e) {
+    t[l].emit(e);
   }
   /**
    * Traverses _parent contexts until arriving at one that doesn't have a parent itself.
@@ -161,31 +123,31 @@ const N = class N {
    * Returns the current name of this context.
    */
   getName() {
-    return S(L(this, v));
+    return E(L(this, x));
   }
   /**
    * Sets a new name for this context.
    */
   setName(t) {
-    $(this, v, t), this[A] = S(t);
+    O(this, x, t), this[T] = E(t);
   }
   /**
    * Creates an instance of a store and attaches it to this context.
    */
   addStore(t, e) {
     var i;
-    if ((i = this[y]) != null && i.get(t)) {
+    if ((i = this[v]) != null && i.get(t)) {
       let n = t.name ? `'${t.name}'` : "this store";
-      throw this.crash(new I(`An instance of ${n} was already added on this context.`));
+      throw this.crash(new U(`An instance of ${n} was already added on this context.`));
     }
-    const s = N.linked(this, t.name, {
+    const s = I.linked(this, t.name, {
       bindLifecycleToParent: !0,
-      logger: { tag: et(), tagName: "uid" }
+      logger: { tag: st(), tagName: "uid" }
     });
     try {
-      this[y] || (this[y] = /* @__PURE__ */ new Map());
+      this[v] || (this[v] = /* @__PURE__ */ new Map());
       const n = t.call(s, e, s);
-      this[y].set(t, n);
+      this[v].set(t, n);
     } catch (n) {
       throw this.crash(n);
     }
@@ -199,37 +161,37 @@ const N = class N {
   getStore(t) {
     var i;
     if (!f(t))
-      throw new I("Invalid store.");
+      throw new U("Invalid store.");
     let e = this, s;
-    for (; s = (i = e[y]) == null ? void 0 : i.get(t), s == null && e[p] != null; )
+    for (; s = (i = e[v]) == null ? void 0 : i.get(t), s == null && e[p] != null; )
       e = e[p];
     if (s == null)
-      throw this.crash(new I(`Store '${t.name}' is not provided by this context.`));
+      throw this.crash(new U(`Store '${t.name}' is not provided by this context.`));
     return s;
   }
   /**
    * Schedule a callback function to run just before this context is mounted.
    */
   beforeMount(t) {
-    return this[u].on(0, t), () => this[u].off(0, t);
+    return this[l].on(0, t), () => this[l].off(0, t);
   }
   /**
    * Schedule a callback function to run after this context is mounted.
    */
   onMount(t) {
-    return this[u].on(1, t), () => this[u].off(1, t);
+    return this[l].on(1, t), () => this[l].off(1, t);
   }
   /**
    * Schedule a callback function to run just before this context is unmounted.
    */
   beforeUnmount(t) {
-    return this[u].on(2, t), () => this[u].off(2, t);
+    return this[l].on(2, t), () => this[l].off(2, t);
   }
   /**
    * Schedule a callback function to run after this context is unmounted.
    */
   onUnmount(t) {
-    return this[u].on(3, t), () => this[u].off(3, t);
+    return this[l].on(3, t), () => this[l].off(3, t);
   }
   effect(t) {
     const e = () => {
@@ -239,13 +201,13 @@ const N = class N {
         this.error(s), s instanceof Error ? this.crash(s) : typeof s == "string" ? this.crash(new Error(s)) : this.crash(new Error("Unknown error thrown in effect callback"));
       }
     };
-    if (this[u].state >= 1) {
-      const s = g(e);
-      return this[u].on(3, s), s;
+    if (this[l].state >= 1) {
+      const s = w(e);
+      return this[l].on(3, s), s;
     } else {
       let s, i = !1;
-      return this[u].on(0, () => {
-        i || (s = g(e), this[u].on(3, s));
+      return this[l].on(0, () => {
+        i || (s = w(e), this[l].on(3, s));
       }), () => {
         s != null && (i = !0, s());
       };
@@ -255,7 +217,7 @@ const N = class N {
     var s;
     if (arguments.length > 0) {
       let i = this, n;
-      for (; n = (s = i[b]) == null ? void 0 : s.get(t), n === void 0 && i[p] != null; )
+      for (; n = (s = i[g]) == null ? void 0 : s.get(t), n === void 0 && i[p] != null; )
         i = i[p];
       if (n === void 0) {
         if (arguments.length > 1)
@@ -266,35 +228,35 @@ const N = class N {
     } else {
       let i = this;
       const n = [];
-      for (; i[b] && n.push(...i[b].entries()), i[p] != null; )
+      for (; i[g] && n.push(...i[g].entries()), i[p] != null; )
         i = i[p];
       return new Map(n.reverse());
     }
   }
   setState() {
-    if (this[b] || (this[b] = /* @__PURE__ */ new Map()), arguments.length === 2)
-      this[b].set(arguments[0], arguments[1]);
-    else if (ut(arguments[0]) === "array")
+    if (this[g] || (this[g] = /* @__PURE__ */ new Map()), arguments.length === 2)
+      this[g].set(arguments[0], arguments[1]);
+    else if (dt(arguments[0]) === "array")
       for (const [t, e] of arguments[0])
-        e === void 0 ? this[b].delete(t) : this[b].set(t, e);
+        e === void 0 ? this[g].delete(t) : this[g].set(t, e);
     else
       throw new Error("Invalid arguments.");
     return this;
   }
 };
-v = new WeakMap();
-let l = N;
-function At(o, t) {
-  return new l(o, t);
+x = new WeakMap();
+let d = I;
+function _t(o, t) {
+  return new d(o, t);
 }
-class I extends Error {
+class U extends Error {
 }
-const x = Symbol.for("dollaMarkupNode");
-var F;
-F = x;
-class E {
+const N = Symbol("type"), k = Symbol("MarkupNode");
+var Y;
+Y = N;
+class $ {
   constructor(t) {
-    c(this, F, !0);
+    c(this, Y, k);
     c(this, "root");
     this.root = t;
   }
@@ -305,7 +267,7 @@ class E {
     t.insertBefore(this.root, (e == null ? void 0 : e.nextSibling) ?? null);
   }
   unmount(t = !1) {
-    this.root.parentNode && !t && this.root.parentNode.removeChild(this.root);
+    !t && this.root.parentNode && this.root.parentNode.removeChild(this.root);
   }
   move(t, e) {
     if ("moveBefore" in t && this.root instanceof Element)
@@ -318,11 +280,11 @@ class E {
       this.mount(t, e);
   }
 }
-var Z;
-Z = x;
-class C {
+var J;
+J = N;
+class A {
   constructor(t, e) {
-    c(this, Z, !0);
+    c(this, J, k);
     c(this, "root", document.createTextNode(""));
     c(this, "children", []);
     c(this, "context");
@@ -334,11 +296,11 @@ class C {
     return this.root.parentElement != null;
   }
   mount(t, e) {
-    this.isMounted() || (t.insertBefore(this.root, (e == null ? void 0 : e.nextSibling) ?? null), this.unsubscribe = g(() => {
+    this.isMounted() || (t.insertBefore(this.root, (e == null ? void 0 : e.nextSibling) ?? null), this.unsubscribe = w(() => {
       try {
         const s = this.$slot();
-        S(() => {
-          this.update(X(s) ? s : [s]);
+        E(() => {
+          this.update(it(s));
         });
       } catch (s) {
         this.context.crash(s);
@@ -371,7 +333,7 @@ class C {
   update(t) {
     var s;
     if (this.cleanup(!1), t.length === 0 || !this.isMounted()) return;
-    const e = _(this.context, t);
+    const e = B(this.context, t);
     for (const i of e) {
       const n = ((s = this.children.at(-1)) == null ? void 0 : s.root) || this.root;
       i.mount(this.root.parentElement, n), this.children.push(i);
@@ -387,23 +349,28 @@ class C {
     "moveBefore" in t ? t.moveBefore(this.root, e) : t.insertBefore(this.root, e);
   }
 }
-const st = Symbol("View");
-var K;
-K = x;
-class it {
+const ot = Symbol("View");
+var Q;
+Q = N;
+class nt {
+  /**
+   * @param context - Parent contenxt to link to.
+   * @param view - View function to mount.
+   * @param props - Props to pass to view function.
+   */
   constructor(t, e, s) {
-    c(this, K, !0);
-    c(this, "uniqueId", et());
+    c(this, Q, k);
+    c(this, "uniqueId", st());
     c(this, "context");
     c(this, "props");
     c(this, "view");
     c(this, "node");
-    this.context = l.linked(t, e.name ?? "anonymous view", {
+    this.context = d.linked(t, e.name ?? "anonymous view", {
       logger: {
         tag: this.uniqueId,
         tagName: "uid"
       }
-    }), this.context.setState(st, this), this.props = s, this.view = e;
+    }), this.context.setState(ot, this), this.props = s, this.view = e;
   }
   get root() {
     var t;
@@ -419,28 +386,28 @@ class it {
       const { context: i, props: n, view: r } = this;
       try {
         const a = r.call(i, n, i);
-        a != null && a !== !1 && (this.node = ct(a, i));
+        a != null && a !== !1 && (this.node = ht(a, i));
       } catch (a) {
         throw a instanceof Error && i.crash(a), a;
       }
-      l.willMount(this.context);
+      d.emit(this.context, b.WILL_MOUNT);
     }
-    this.node && this.node.mount(t, e), s || l.didMount(this.context);
+    this.node && this.node.mount(t, e), s || d.emit(this.context, b.DID_MOUNT);
   }
   unmount(t = !1) {
-    l.willUnmount(this.context), this.node && this.node.unmount(t), l.didUnmount(this.context), l.dispose(this.context);
+    d.emit(this.context, b.WILL_UNMOUNT), this.node && this.node.unmount(t), d.emit(this.context, b.DID_UNMOUNT), d.emit(this.context, b.DISPOSE);
   }
   move(t, e) {
     var s;
     (s = this.node) == null || s.move(t, e);
   }
 }
-const gt = (o) => /^on[A-Z]/.test(o), P = Symbol("HTML.isSVG");
-var Y;
-Y = x;
-class wt {
+const vt = (o) => /^on[A-Z]/.test(o), P = Symbol("HTML.isSVG"), xt = ["class", "className", "ref", "mixin", "children"];
+var X;
+X = N;
+class Nt {
   constructor(t, e, s) {
-    c(this, Y, !0);
+    c(this, X, k);
     c(this, "root");
     c(this, "parentContext");
     c(this, "context");
@@ -452,28 +419,26 @@ class wt {
     c(this, "ref");
     // Prevents 'onClickOutside' handlers from firing in the same cycle in which the element is connected.
     c(this, "canClickAway", !1);
-    if (this.parentContext = t, this.tag = e, this.props = s, this.context = l.linked(this.parentContext, V.bind(this)), e.toLowerCase() === "svg" && this.context.setState(P, !0), this.context.getState(P, !1) ? this.root = document.createElementNS("http://www.w3.org/2000/svg", e) : this.root = document.createElement(e), dt() === "development") {
-      const n = this.context.getState(st, null);
+    if (this.parentContext = t, this.tag = e, this.props = s, this.context = d.linked(this.parentContext, q.bind(this)), e.toLowerCase() === "svg" && this.context.setState(P, !0), this.context.getState(P, !1) ? this.root = document.createElementNS("http://www.w3.org/2000/svg", e) : this.root = document.createElement(e), mt() === "development") {
+      const n = this.context.getState(ot, null);
       n && (this.root.dataset.view = n.context.getName());
     }
-    if (s.mixin) {
-      const n = X(s.mixin) ? s.mixin : [s.mixin];
-      for (const r of n)
-        r(
+    if (s.mixin)
+      for (const n of it(s.mixin))
+        n(
           this.root,
-          l.linked(this.context, V.bind(this), {
+          d.linked(this.context, q.bind(this), {
             bindLifecycleToParent: !0,
-            logger: { tagName: r.name === "mixin" ? void 0 : "mixin", tag: r.name }
+            logger: { tagName: n.name === "mixin" ? void 0 : "mixin", tag: n.name }
           })
         );
-    }
     const i = s.className ?? s.class;
-    if (this.applyProps(this.root, ft(["class", "className", "ref", "mixin", "children"], s)), s.style && this.applyStyles(this.root, s.style, this.unsubscribers), i && this.applyClasses(this.root, i, this.unsubscribers), s.ref)
+    if (this.applyProps(this.root, pt(xt, s)), s.style && this.applyStyles(this.root, s.style, this.unsubscribers), i && this.applyClasses(this.root, i, this.unsubscribers), s.ref)
       if (f(s.ref))
         this.ref = s.ref, this.ref(this.root);
       else
         throw new Error("Expected ref to be a function. Got: " + s.ref);
-    s.children && (this.childNodes = _(this.context, s.children));
+    s.children && (this.childNodes = B(this.context, s.children));
   }
   isMounted() {
     return this.context.isMounted;
@@ -481,23 +446,23 @@ class wt {
   mount(t, e) {
     const s = this.isMounted();
     if (!s) {
-      l.willMount(this.context);
+      d.emit(this.context, b.WILL_MOUNT);
       for (let i = 0; i < this.childNodes.length; i++) {
         const n = this.childNodes[i], r = i > 0 ? this.childNodes[i - 1].root : void 0;
         n.mount(this.root, r);
       }
     }
-    t.insertBefore(this.root, (e == null ? void 0 : e.nextSibling) ?? null), this.canClickAway = !0, s || l.didMount(this.context);
+    t.insertBefore(this.root, (e == null ? void 0 : e.nextSibling) ?? null), this.canClickAway = !0, s || d.emit(this.context, b.DID_MOUNT);
   }
   unmount(t = !1) {
     var e;
-    l.willUnmount(this.context), t || (e = this.root.parentNode) == null || e.removeChild(this.root);
+    d.emit(this.context, b.WILL_UNMOUNT), t || (e = this.root.parentNode) == null || e.removeChild(this.root);
     for (const s of this.childNodes)
       s.unmount(!0);
     this.canClickAway = !1;
     for (const s of this.unsubscribers)
       s();
-    this.unsubscribers.length = 0, this.ref && this.ref(void 0), l.didUnmount(this.context), l.dispose(this.context);
+    this.unsubscribers.length = 0, this.ref && this.ref(void 0), d.emit(this.context, b.DID_UNMOUNT), d.emit(this.context, b.DISPOSE);
   }
   move(t, e) {
     if ("moveBefore" in t)
@@ -511,7 +476,7 @@ class wt {
   }
   attachProp(t, e) {
     f(t) ? this.unsubscribers.push(
-      g(() => {
+      w(() => {
         try {
           e(t());
         } catch (s) {
@@ -521,110 +486,123 @@ class wt {
     ) : e(t);
   }
   applyProps(t, e) {
-    const s = this.context;
-    for (const i in e) {
-      const n = e[i];
-      if (i === "on:clickoutside" || i === "onClickOutside" || i === "onclickoutside") {
-        const r = (d) => {
-          this.canClickAway && !t.contains(d.target) && n(d);
-        }, a = { capture: !0 };
-        window.addEventListener("click", r, a), this.unsubscribers.push(() => {
-          window.removeEventListener("click", r, a);
+    for (const s in e) {
+      const i = e[s];
+      if (s === "on:clickoutside" || s === "onClickOutside" || s === "onclickoutside") {
+        const n = (a) => {
+          this.canClickAway && !t.contains(a.target) && i(a);
+        }, r = { capture: !0 };
+        window.addEventListener("click", n, r), this.unsubscribers.push(() => {
+          window.removeEventListener("click", n, r);
         });
-      } else if (f(n) && gt(i)) {
-        const r = i.slice(2).toLowerCase(), a = n;
-        t.addEventListener(r, a), this.unsubscribers.push(() => {
-          t.removeEventListener(r, a);
+      } else if (s.startsWith("prop:")) {
+        const n = s.substring(5);
+        this.attachProp(i, (r) => {
+          t[n] = r;
         });
-      } else if (i.startsWith("on") && f(n) && vt.includes(i.substring(2)))
-        t[i] = n, this.unsubscribers.push(() => {
-          t[i] = void 0;
+      } else if (s.startsWith("on:")) {
+        const n = s.substring(3);
+        let r;
+        f(i) ? (t.addEventListener(n, i), this.unsubscribers.push(() => {
+          t.removeEventListener(n, i);
+        })) : this.attachProp(i, (a) => {
+          !a && r ? t.removeEventListener(n, r) : a != null && (r && r !== a && t.removeEventListener(n, r), t.addEventListener(n, a)), r = a;
         });
-      else if (i.includes("-"))
-        this.attachProp(n, (r) => {
-          r == null ? t.removeAttribute(i) : t.setAttribute(i, String(r));
+      } else if (s.startsWith("attr:")) {
+        const n = s.substring(5).toLowerCase();
+        this.attachProp(i, (r) => {
+          r != null ? t.setAttribute(n, String(r)) : t.removeAttribute(n);
         });
-      else if (!yt.includes(i))
-        if (s.getState(P, !1))
-          this.attachProp(n, (r) => {
-            r != null ? t.setAttribute(i, String(e[i])) : t.removeAttribute(i);
-          });
-        else
-          switch (i) {
-            case "contentEditable":
-            case "value":
-              this.attachProp(n, (r) => {
-                t[i] = String(r);
-              });
-              break;
-            case "for":
-              this.attachProp(n, (r) => {
-                t.htmlFor = r;
-              });
-              break;
-            case "innerHTML":
-              this.attachProp(n, (r) => {
-                t.innerHTML = r;
-              });
-              break;
-            case "title":
-              this.attachProp(n, (r) => {
-                r == null ? t.removeAttribute(i) : t.setAttribute(i, String(r));
-              });
-            case "checked":
-              this.attachProp(n, (r) => {
-                t.checked = r, r ? t.setAttribute("checked", "") : t.removeAttribute("checked");
-              });
-              break;
-            case "autocomplete":
-            case "autocapitalize":
-              this.attachProp(n, (r) => {
-                typeof r == "string" ? t[i] = r : r ? t[i] = "on" : t[i] = "off";
-              });
-              break;
-            default: {
-              if (i.startsWith("prop:")) {
-                const r = i.substring(5);
-                this.attachProp(n, (a) => {
-                  t[r] = a;
-                });
-              } else if (i.startsWith("on:")) {
-                const r = i.substring(3);
-                let a;
-                f(n) ? (t.addEventListener(r, n), this.unsubscribers.push(() => {
-                  t.removeEventListener(r, n);
-                })) : this.attachProp(n, (d) => {
-                  !d && a ? t.removeEventListener(r, a) : d != null && (a && a !== d && t.removeEventListener(r, a), t.addEventListener(r, d)), a = d;
-                });
-              } else if (i.startsWith("attr:")) {
-                const r = i.substring(5).toLowerCase();
-                this.attachProp(n, (a) => {
-                  a != null ? t.setAttribute(r, String(a)) : t.removeAttribute(r);
-                });
+      } else if (f(i) && vt(s)) {
+        const n = s.slice(2).toLowerCase(), r = i;
+        t.addEventListener(n, r), this.unsubscribers.push(() => {
+          t.removeEventListener(n, r);
+        });
+      } else if (s.startsWith("on") && f(i) && kt.includes(s.substring(2)))
+        t[s] = i, this.unsubscribers.push(() => {
+          t[s] = void 0;
+        });
+      else if (s.includes("-"))
+        this.attachProp(i, (n) => {
+          n == null ? t.removeAttribute(s) : t.setAttribute(s, String(n));
+        });
+      else if (this.context.getState(P, !1))
+        this.attachProp(i, (n) => {
+          n != null ? t.setAttribute(s, String(e[s])) : t.removeAttribute(s);
+        });
+      else
+        switch (s) {
+          case "contentEditable":
+          case "value":
+            this.attachProp(i, (r) => {
+              t[s] = String(r);
+            });
+            break;
+          case "for":
+            this.attachProp(i, (r) => {
+              t.htmlFor = r;
+            });
+            break;
+          case "innerHTML":
+            this.attachProp(i, (r) => {
+              t.innerHTML = r;
+            });
+            break;
+          case "title":
+            this.attachProp(i, (r) => {
+              r == null ? t.removeAttribute(s) : t.setAttribute(s, String(r));
+            });
+          case "checked":
+            this.attachProp(i, (r) => {
+              t.checked = r, r ? t.setAttribute("checked", "") : t.removeAttribute("checked");
+            });
+            break;
+          case "dataset":
+            let n = {};
+            this.attachProp(i, (r) => {
+              if (D(r)) {
+                const a = {};
+                for (const u in r)
+                  a[bt(u)] = String(r[u]);
+                for (const u in n)
+                  Object.hasOwn(n, u) && !Object.hasOwn(a, u) && (delete t.dataset[u], delete n[u]);
+                for (const u in a)
+                  n[u] !== a[u] && (t.dataset[u] = a[u], n[u] = a[u]);
               } else
-                this.attachProp(n, (r) => {
-                  t[i] = r;
-                });
-              break;
-            }
+                for (const a in n)
+                  delete t.dataset[a];
+            });
+            break;
+          case "autocomplete":
+          case "autocapitalize":
+            this.attachProp(i, (r) => {
+              typeof r == "string" ? t[s] = r : r ? t[s] = "on" : t[s] = "off";
+            });
+            break;
+          default: {
+            this.attachProp(i, (r) => {
+              t[s] = r;
+            });
+            break;
           }
+        }
     }
   }
   applyStyles(t, e, s) {
     const i = [];
     if (f(e)) {
       let n;
-      const r = g(() => {
-        f(n) && n(), t.style.cssText = "", n = this.applyStyles(t, w(e), s);
+      const r = w(() => {
+        f(n) && n(), t.style.cssText = "", n = this.applyStyles(t, y(e), s);
       });
       s.push(r), i.push(r);
     } else {
-      const n = ot(e);
+      const n = ct(e);
       for (const r in n) {
-        const { value: a, priority: d } = n[r];
+        const { value: a, priority: u } = n[r];
         if (f(a)) {
-          const h = g(() => {
-            w(a) ? t.style.setProperty(r, String(w(a)), d) : t.style.removeProperty(r);
+          const h = w(() => {
+            y(a) ? t.style.setProperty(r, String(y(a)), u) : t.style.removeProperty(r);
           });
           s.push(h), i.push(h);
         } else a != null && t.style.setProperty(r, String(a));
@@ -639,19 +617,19 @@ class wt {
     const i = [];
     if (f(e)) {
       let n;
-      const r = g(() => {
-        f(n) && n(), t.removeAttribute("class"), n = this.applyClasses(t, w(e), s);
+      const r = w(() => {
+        f(n) && n(), t.removeAttribute("class"), n = this.applyClasses(t, y(e), s);
       });
       s.push(r), i.push(r);
     } else {
-      const n = nt(e);
+      const n = rt(e);
       for (const r in n) {
         const a = n[r];
         if (f(a)) {
-          const d = g(() => {
-            w(a) ? t.classList.add(r) : t.classList.remove(r);
+          const u = w(() => {
+            y(a) ? t.classList.add(r) : t.classList.remove(r);
           });
-          s.push(d), i.push(d);
+          s.push(u), i.push(u);
         } else a && t.classList.add(r);
       }
     }
@@ -661,37 +639,37 @@ class wt {
     };
   }
 }
-function nt(o) {
+function rt(o) {
   let t = {};
-  if (U(o)) {
+  if (C(o)) {
     const e = o.split(" ");
     for (const s of e)
       t[s] = !0;
-  } else tt(o) ? Object.assign(t, o) : Array.isArray(o) && Array.from(o).filter(Boolean).forEach((e) => {
-    Object.assign(t, nt(e));
+  } else D(o) ? Object.assign(t, o) : Array.isArray(o) && Array.from(o).filter(Boolean).forEach((e) => {
+    Object.assign(t, rt(e));
   });
   return delete t.undefined, t;
 }
-function ot(o) {
+function ct(o) {
   let t = {};
-  if (U(o)) {
+  if (C(o)) {
     const e = o.split(";").filter((s) => s.trim() !== "");
     for (const s of e) {
       const [i, n] = s.split(":"), r = {
         value: n
       };
-      n.includes("!important") ? (r.priority = "important", r.value = n.replace("!important", "").trim()) : r.value = n.trim(), t[R(i.trim())] = r;
+      n.includes("!important") ? (r.priority = "important", r.value = n.replace("!important", "").trim()) : r.value = n.trim(), t[G(i.trim())] = r;
     }
   }
-  if (tt(o))
+  if (D(o))
     for (const e in o)
-      e.startsWith("--") ? t[e] = { value: o[e] } : t[R(e)] = { value: o[e] };
+      e.startsWith("--") ? t[e] = { value: o[e] } : t[G(e)] = { value: o[e] };
   else Array.isArray(o) && Array.from(o).filter((e) => e != null).forEach((e) => {
-    Object.assign(t, ot(e));
+    Object.assign(t, ct(e));
   });
   return t;
 }
-function V() {
+function q() {
   if (this.root == null) return this.tag;
   let o = this.root.tagName.toLowerCase();
   if (this.root.id && (o += `#${this.root.id}`), this.root.classList.length > 0)
@@ -699,10 +677,10 @@ function V() {
       o += `.${t}`;
   return o;
 }
-function R(o) {
+function G(o) {
   return o.replace(/[A-Z]+(?![a-z])|[A-Z]/g, (t, e) => (e ? "-" : "") + t.toLowerCase());
 }
-const yt = ["ref", "children", "class", "style", "data", "mixin"], vt = [
+const kt = [
   // Element
   "animationcancel",
   "animationend",
@@ -792,11 +770,11 @@ const yt = ["ref", "children", "class", "style", "data", "mixin"], vt = [
   "reset",
   "submit"
 ];
-var J;
-J = x;
-class xt {
+var tt;
+tt = N;
+class Mt {
   constructor(t, e, s) {
-    c(this, J, !0);
+    c(this, tt, k);
     c(this, "context");
     c(this, "content");
     c(this, "parent");
@@ -807,7 +785,7 @@ class xt {
     return this.element ? this.element.isMounted() : !1;
   }
   mount(t, e) {
-    this.element = ct(this.content, this.context), this.element.mount(this.parent);
+    this.element = ht(this.content, this.context), this.element.mount(this.parent);
   }
   unmount(t = !1) {
     var e;
@@ -816,11 +794,11 @@ class xt {
   move(t, e) {
   }
 }
-var Q;
-Q = x;
-class kt {
+var et;
+et = N;
+class St {
   constructor(t, e, s, i) {
-    c(this, Q, !0);
+    c(this, et, k);
     c(this, "root", document.createTextNode(""));
     c(this, "context");
     c(this, "items");
@@ -834,9 +812,9 @@ class kt {
     return this.root.parentElement != null;
   }
   mount(t, e) {
-    this.isMounted() || (t.insertBefore(this.root, (e == null ? void 0 : e.nextSibling) ?? null), this.unsubscribe = g(() => {
+    this.isMounted() || (t.insertBefore(this.root, (e == null ? void 0 : e.nextSibling) ?? null), this.unsubscribe = w(() => {
       let s = this.items();
-      s == null && (s = [], this.context.warn("repeat() received empty value for items", s)), S(() => {
+      s == null && (s = [], this.context.warn("repeat() received empty value for items", s)), E(() => {
         this._update(Array.from(s));
       });
     }));
@@ -854,7 +832,7 @@ class kt {
     this.connectedItems.clear();
   }
   _update(t) {
-    var r, a, d;
+    var r, a, u;
     if (t.length === 0 || !this.isMounted())
       return this._cleanup(!1);
     const e = /* @__PURE__ */ new Map();
@@ -870,20 +848,20 @@ class kt {
     const i = [];
     for (const h of this.connectedItems.values())
       !e.has(h.key) && h.node.isMounted() && h.node.unmount(!1);
-    mt(() => {
+    gt(() => {
       for (const h of e.values()) {
         const m = this.connectedItems.get(h.key);
         if (m && m.node.isMounted())
           m.$item(h.value), m.$index(h.index), i[h.index] = m;
         else {
-          const k = T(h.value, { equals: pt }), M = T(h.index);
+          const M = _(h.value, { equals: wt }), S = _(h.index);
           i[h.index] = {
             key: h.key,
-            $item: k,
-            $index: M,
-            node: new it(this.context, Mt, {
-              $item: () => k(),
-              $index: () => M(),
+            $item: M,
+            $index: S,
+            node: new nt(this.context, It, {
+              $item: () => M(),
+              $index: () => S(),
               render: this.render
             })
           };
@@ -891,20 +869,21 @@ class kt {
       }
     });
     for (let h = 0; h < i.length; h++) {
-      const m = i[h], k = ((r = i[h - 1]) == null ? void 0 : r.node.root) ?? this.root, M = this.connectedItems.get(m.key);
-      M && M.node.isMounted() ? m.node.move(this.root.parentElement, k) : m.node.mount(this.root.parentElement, k);
+      const m = i[h], M = ((r = i[h - 1]) == null ? void 0 : r.node.root) ?? this.root, S = this.connectedItems.get(m.key);
+      S && S.node.isMounted() ? m.node.move(this.root.parentElement, M) : m.node.mount(this.root.parentElement, M);
     }
     this.connectedItems.clear();
     for (const h of i)
       this.connectedItems.set(h.key, h);
     const n = ((a = i.at(-1)) == null ? void 0 : a.node.root) ?? this.root;
-    (d = this.root.parentNode) == null || d.insertBefore(this.root, n.nextSibling);
+    (u = this.root.parentNode) == null || u.insertBefore(this.root, n.nextSibling);
   }
 }
-function Mt(o, t) {
-  return t.setName("@RepeatItemView"), o.render.call(t, o.$item, o.$index, t);
+const Et = "dolla.RepeatItemView";
+function It(o, t) {
+  return t.setName(Et), o.render.call(t, o.$item, o.$index, t);
 }
-class rt {
+class at {
   constructor(t, e) {
     /**
      * In the case of a view, type will be the View function itself. It can also hold an identifier for special nodes like "$cond", "$repeat", etc.
@@ -919,101 +898,99 @@ class rt {
     this.type = t, this.props = e;
   }
 }
-function St(o) {
-  return (o == null ? void 0 : o[x]) === !0;
+function Lt(o) {
+  return (o == null ? void 0 : o[N]) === k;
 }
-function O(o, t) {
-  return new rt(o, t ?? {});
+var Ot = /* @__PURE__ */ ((o) => (o.DOM = "$dom", o.Dynamic = "$dynamic", o.Portal = "$portal", o.Repeat = "$repeat", o))(Ot || {});
+function W(o, t) {
+  return new at(o, t ?? {});
 }
-function Et(o, t, e) {
-  return O("$dynamic", {
-    source: T(() => {
-      const s = w(o);
+function Tt(o, t, e) {
+  return W("$dynamic", {
+    source: _(() => {
+      const s = y(o);
       return s && t ? t : !s && e ? e : null;
     })
   });
 }
-function It(o, t, e) {
-  return Et(o, e, t);
+function At(o, t, e) {
+  return Tt(o, e, t);
 }
-function Pt(o, t, e) {
-  return O("$repeat", { items: () => w(o), key: t, render: e });
+function Dt(o, t, e) {
+  return W("$repeat", { items: () => y(o), key: t, render: e });
 }
-function Tt(o, t) {
-  return O("$portal", { parent: o, content: t });
+function Ct(o, t) {
+  return W("$portal", { parent: o, content: t });
 }
-function ct(o, t = new l("$")) {
-  const e = _(t, [o]);
-  return e.length === 1 ? e[0] : new C(t, () => e);
+function ht(o, t = new d("$")) {
+  const e = B(t, [o]);
+  return e.length === 1 ? e[0] : new A(t, () => e);
 }
-function _(o, ...t) {
+function B(o, ...t) {
   const e = t.flat(1 / 0), s = [];
   for (const i of e)
     if (!(i == null || i === !1)) {
       if (i instanceof Node) {
-        s.push(new E(i));
+        s.push(new $(i));
         continue;
       }
-      if (i instanceof rt)
+      if (i instanceof at)
         if (f(i.type)) {
-          s.push(new it(o, i.type, i.props));
+          s.push(new nt(o, i.type, i.props));
           continue;
-        } else if (U(i.type))
+        } else if (C(i.type))
           switch (i.type) {
             case "$dom": {
               const n = i.props;
-              s.push(new E(n.value));
+              s.push(new $(n.value));
               continue;
             }
-            case "$text": {
-              const n = i.props;
-              s.push(new E(document.createTextNode(String(n.value))));
-              continue;
-            }
-            case "$repeat": {
+            case "$dynamic": {
               const n = i.props;
-              s.push(new kt(o, n.items, n.key, n.render));
+              s.push(new A(o, n.source));
               continue;
             }
-            case "$dynamic": {
+            case "$portal": {
               const n = i.props;
-              s.push(new C(o, n.source));
+              s.push(new Mt(o, n.content, n.parent));
               continue;
             }
-            case "$portal": {
+            case "$repeat": {
               const n = i.props;
-              s.push(new xt(o, n.content, n.parent));
+              s.push(new St(o, n.items, n.key, n.render));
               continue;
             }
             default:
-              s.push(new wt(o, i.type, i.props));
+              s.push(new Nt(o, i.type, i.props));
               continue;
           }
         else
           throw new TypeError(`Expected a string or view function. Got: ${i.type}`);
-      if (St(i)) {
+      if (Lt(i)) {
         s.push(i);
         continue;
       }
       if (f(i)) {
-        s.push(new C(o, i));
+        s.push(new A(o, i));
         continue;
       }
-      s.push(new E(document.createTextNode(String(i))));
+      s.push(new $(document.createTextNode(String(i))));
     }
   return s;
 }
 export {
-  l as C,
-  C as D,
-  rt as M,
-  it as V,
-  Pt as a,
-  At as c,
-  O as m,
-  Tt as p,
-  ct as r,
-  It as u,
-  Et as w
+  d as C,
+  A as D,
+  b as L,
+  Ot as M,
+  nt as V,
+  Dt as a,
+  at as b,
+  _t as c,
+  W as m,
+  Ct as p,
+  ht as r,
+  At as u,
+  Tt as w
 };
-//# sourceMappingURL=markup-BBa4WBj1.js.map
+//# sourceMappingURL=markup-BGlfQYQk.js.map