@manyducks.co/dolla 2.0.0-alpha.6 → 2.0.0-alpha.8

package/dist/{passthrough-CW8Ezjg-.js → passthrough-9kwwjgWk.js}

@@ -1,20 +1,20 @@
-var ue = Object.defineProperty;
-var ce = (t, e, n) => e in t ? ue(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
-var f = (t, e, n) => ce(t, typeof e != "symbol" ? e + "" : e, n);
-function le(t) {
+var se = Object.defineProperty;
+var ue = (t, e, n) => e in t ? se(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
+var f = (t, e, n) => ue(t, typeof e != "symbol" ? e + "" : e, n);
+function ce(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var U = { exports: {} }, H;
+var U = { exports: {} }, z;
 function ae() {
-  return H || (H = 1, function(t, e) {
+  return z || (z = 1, function(t, e) {
     Object.defineProperty(e, "__esModule", { value: !0 });
     var n = /* @__PURE__ */ function() {
-      function u(a, d) {
+      function u(l, d) {
         var h = [], b = !0, C = !1, v = void 0;
         try {
-          for (var $, k = a[Symbol.iterator](); !(b = ($ = k.next()).done) && (h.push($.value), !(d && h.length === d)); b = !0) ;
-        } catch (m) {
-          C = !0, v = m;
+          for (var $, k = l[Symbol.iterator](); !(b = ($ = k.next()).done) && (h.push($.value), !(d && h.length === d)); b = !0) ;
+        } catch (g) {
+          C = !0, v = g;
         } finally {
           try {
             !b && k.return && k.return();
@@ -24,39 +24,39 @@ function ae() {
         }
         return h;
       }
-      return function(a, d) {
-        if (Array.isArray(a)) return a;
-        if (Symbol.iterator in Object(a)) return u(a, d);
+      return function(l, d) {
+        if (Array.isArray(l)) return l;
+        if (Symbol.iterator in Object(l)) return u(l, d);
         throw new TypeError("Invalid attempt to destructure non-iterable instance");
       };
     }(), o = function(u) {
-      return u.reduce(function(a, d) {
-        return 16 > d ? a + "0" + d.toString(16) : a + d.toString(16);
+      return u.reduce(function(l, d) {
+        return 16 > d ? l + "0" + d.toString(16) : l + d.toString(16);
       }, "#");
-    }, r = function(u, a, d) {
-      var h = 0.5 > d ? d * (1 + a) : d + a - d * a, b = 2 * d - h, C = function(m, p, l) {
-        var y = Math.round, g = 0 > l ? l + 1 : 1 < l ? l - 1 : l;
-        return g = g < 1 / 6 ? m + 6 * (p - m) * g : g < 1 / 2 ? p : g < 2 / 3 ? m + 6 * (p - m) * (2 / 3 - g) : m, y(255 * g);
+    }, r = function(u, l, d) {
+      var h = 0.5 > d ? d * (1 + l) : d + l - d * l, b = 2 * d - h, C = function(g, m, a) {
+        var p = Math.round, y = 0 > a ? a + 1 : 1 < a ? a - 1 : a;
+        return y = y < 1 / 6 ? g + 6 * (m - g) * y : y < 1 / 2 ? m : y < 2 / 3 ? g + 6 * (m - g) * (2 / 3 - y) : g, p(255 * y);
       }, v = C(b, h, u + 1 / 3), $ = C(b, h, u), k = C(b, h, u - 1 / 3);
       return [v, $, k];
-    }, i = function(u, a, d, h) {
-      var b = u % 1007 / 1007, C = function(m, p, l) {
-        return m * (l - p) + p;
-      }, v = C(b, a.min, a.max), $ = C(b, d.min, d.max), k = C(b, h.max, h.min);
+    }, i = function(u, l, d, h) {
+      var b = u % 1007 / 1007, C = function(g, m, a) {
+        return g * (a - m) + m;
+      }, v = C(b, l.min, l.max), $ = C(b, d.min, d.max), k = C(b, h.max, h.min);
       return [v, $, k];
     }, s = function(u) {
-      return u.split("").reduce(function(a, d, h) {
-        return a * d.charCodeAt(0) * h + 1;
+      return u.split("").reduce(function(l, d, h) {
+        return l * d.charCodeAt(0) * h + 1;
       }, 1);
     }, c = function(u) {
-      var a = u.str, d = u.hue, h = d === void 0 ? { min: 0, max: 360 } : d, b = u.sat, C = b === void 0 ? { min: 0.35, max: 0.65 } : b, v = u.light, $ = v === void 0 ? { min: 0.3, max: 0.7 } : v, k = u.hashFunction, m = k === void 0 ? s : k, p = u.scheme, l = p === void 0 ? "hex" : p, y = i(m(a), h, C, $), g = n(y, 3), S = g[0], F = g[1], K = g[2], W = r(S / 360, F, K), se = o(W);
-      return l === "hsl" ? [S, F, K] : l === "rgb" ? W : se;
+      var l = u.str, d = u.hue, h = d === void 0 ? { min: 0, max: 360 } : d, b = u.sat, C = b === void 0 ? { min: 0.35, max: 0.65 } : b, v = u.light, $ = v === void 0 ? { min: 0.3, max: 0.7 } : v, k = u.hashFunction, g = k === void 0 ? s : k, m = u.scheme, a = m === void 0 ? "hex" : m, p = i(g(l), h, C, $), y = n(p, 3), N = y[0], E = y[1], W = y[2], H = r(N / 360, E, W), ie = o(H);
+      return a === "hsl" ? [N, E, W] : a === "rgb" ? H : ie;
     };
     e.default = c, t.exports = e.default;
   }(U, U.exports)), U.exports;
 }
-var de = ae();
-const fe = /* @__PURE__ */ le(de);
+var le = ae();
+const de = /* @__PURE__ */ ce(le);
 function _(t) {
   if (t === void 0)
     return "undefined";
@@ -67,9 +67,9 @@ function _(t) {
     case "number":
       return isNaN(t) ? "NaN" : "number";
     case "function":
-      return Y(t) ? "class" : e;
+      return J(t) ? "class" : e;
     case "object":
-      return P(t) ? "array" : pe(t) ? "promise" : e;
+      return P(t) ? "array" : he(t) ? "promise" : e;
     default:
       return e;
   }
@@ -77,59 +77,59 @@ function _(t) {
 function P(t) {
   return Array.isArray(t);
 }
-function Z(...t) {
+function Y(...t) {
   const e = t[0], n = (o) => P(o) && o.every((r) => e(r));
   return t.length < 2 ? n : n(t[1]);
 }
 function Fe(...t) {
-  const e = t[0], n = M(t[2]) ? t[2] : "Expected an array of valid items. Got type: %t, value: %v", o = (r) => {
+  const e = t[0], n = O(t[2]) ? t[2] : "Expected an array of valid items. Got type: %t, value: %v", o = (r) => {
     if (P(r) && r.every((i) => e(i)))
       return !0;
-    throw new TypeError(R(r, n));
+    throw new TypeError(B(r, n));
   };
   return t.length < 2 ? o : o(t[1]);
 }
-function M(t) {
+function O(t) {
   return typeof t == "string";
 }
-function je(t, e) {
-  if (M(t))
+function Pe(t, e) {
+  if (O(t))
     return !0;
-  throw new TypeError(R(t, e ?? "Expected a string. Got type: %t, value: %v"));
+  throw new TypeError(B(t, e ?? "Expected a string. Got type: %t, value: %v"));
 }
-function E(t) {
-  return typeof t == "function" && !Y(t);
+function A(t) {
+  return typeof t == "function" && !J(t);
 }
-function he(t) {
+function fe(t) {
   return typeof t == "number" && !isNaN(t);
 }
-function pe(t) {
+function he(t) {
   if (t == null) return !1;
   const e = t;
-  return e instanceof Promise || E(e.then) && E(e.catch) && E(e.finally);
+  return e instanceof Promise || A(e.then) && A(e.catch) && A(e.finally);
 }
-function Y(t) {
+function J(t) {
   return typeof t == "function" && /^\s*class\s+/.test(t.toString());
 }
-function Ue(...t) {
-  const e = t[0], n = M(t[2]) ? t[2] : `Expected instance of ${e.name}. Got type: %t, value: %v`, o = (r) => {
+function je(...t) {
+  const e = t[0], n = O(t[2]) ? t[2] : `Expected instance of ${e.name}. Got type: %t, value: %v`, o = (r) => {
     if (r instanceof e)
       return !0;
-    throw new TypeError(R(r, n));
+    throw new TypeError(B(r, n));
   };
   return t.length < 2 ? o : o(t[1]);
 }
 function L(t) {
   return t != null && typeof t == "object" && !P(t);
 }
-function R(t, e) {
+function B(t, e) {
   var r;
   const n = _(t), o = ((r = t == null ? void 0 : t.toString) == null ? void 0 : r.call(t)) || String(t);
   return e.replaceAll("%t", n).replaceAll("%v", o);
 }
-const me = () => {
+const pe = () => {
 };
-function z(t) {
+function D(t) {
   return t != null && typeof t == "object" && !Array.isArray(t) && Object.getPrototypeOf(t) === Object.getPrototypeOf({});
 }
 function I(t, e) {
@@ -137,7 +137,7 @@ function I(t, e) {
     return !0;
   if (w(t) || w(e))
     return !1;
-  if (z(t) && z(e)) {
+  if (D(t) && D(e)) {
     const n = Object.keys(t), o = Object.keys(e);
     if (n.length !== o.length)
       return !1;
@@ -156,7 +156,7 @@ function I(t, e) {
   }
   return t === e;
 }
-function ye(t, e) {
+function me(t, e) {
   const n = (o) => {
     const r = {};
     for (const i in o)
@@ -165,20 +165,20 @@ function ye(t, e) {
   };
   return e == null ? n : n(e);
 }
-function Ie() {
+function Ue() {
   if (typeof window < "u" && window.console)
     return window.console;
   if (typeof global < "u" && global.console)
     return global.console;
 }
-function Le(t) {
-  return fe({
+function Ie(t) {
+  return de({
     str: t,
     sat: { min: 0.35, max: 0.55 },
     light: { min: 0.6, max: 0.6 }
   });
 }
-function qe(t) {
+function Le(t) {
   if (t instanceof RegExp)
     return (o) => t.test(o);
   const e = {
@@ -203,14 +203,14 @@ function qe(t) {
 function w(t) {
   return !(t == null || typeof t != "object" || typeof t.get != "function" || typeof t.watch != "function");
 }
-function B(t) {
+function R(t) {
   return !(t == null || typeof t != "object" || typeof t.set != "function" || typeof t.get != "function" || typeof t.watch != "function");
 }
-function O(t) {
+function T(t) {
   return w(t) ? t.get() : t;
 }
 function q(t) {
-  return B(t) ? {
+  return R(t) ? {
     get: t.get,
     watch: t.watch
   } : w(t) ? t : {
@@ -218,137 +218,147 @@ function q(t) {
       return t;
     },
     watch(e, n = {}) {
-      return n != null && n.lazy || e(t), me;
+      return n != null && n.lazy || e(t), pe;
     }
   };
 }
-function Ge(t, e) {
-  const [n, o] = T(t, e);
+function qe(t, e) {
+  const [n, o] = V(t, e);
   return {
     get: n.get,
     watch: n.watch,
     set: o
   };
 }
-function _e(t, e) {
+function Ge(t, e) {
   return {
     get: t.get,
     watch: t.watch,
     set: e
   };
 }
-function Re(t, e) {
+function _e(t, e) {
   return function(o) {
     const r = t.get();
     let i;
     typeof o == "function" ? i = o(r) : i = o, e(i, r);
   };
 }
-function T(t, e) {
+function V(t, e) {
   let n = t, o = [];
   function r() {
     for (const u of o)
-      u(n);
+      try {
+        u(n);
+      } catch (l) {
+        console.warn("error in state watcher", u), console.error(l);
+      }
   }
-  function i(u, a) {
-    return e != null && e.equality ? e.equality(u, a) : I(u, a);
+  function i(u, l) {
+    return e != null && e.equality ? e.equality(u, l) : I(u, l);
   }
   const s = {
     get() {
-      return O(n);
+      return T(n);
     },
-    watch(u, a) {
-      return o.push(u), a != null && a.lazy || u(s.get()), function() {
+    watch(u, l) {
+      return o.push(u), l != null && l.lazy || u(s.get()), function() {
         o.splice(o.indexOf(u), 1);
       };
     }
   };
   function c(u) {
-    let a;
-    typeof u == "function" ? a = u(n) : a = u, i(a, n) || (n = a, r());
+    let l;
+    typeof u == "function" ? l = u(n) : l = u, i(l, n) || (n = l, r());
   }
   return [s, c];
 }
-const ge = Symbol("EMPTY");
-function be(t, e, n) {
+const ye = Symbol("EMPTY");
+function ge(t, e, n) {
   t = t.map(q);
-  let o = new Array(t.length).fill(ge, 0, t.length), r, i = [], s = !1, c = [], u, a;
-  function d(p = C()) {
-    for (const l of i)
-      l(p);
+  let o = new Array(t.length).fill(ye, 0, t.length), r, i = [], s = !1, c = [], u, l;
+  function d(m = C()) {
+    for (const a of i)
+      a(m);
   }
-  function h(p, l) {
-    return n != null && n.equality ? n.equality(p, l) : I(p, l);
+  function h(m, a) {
+    return n != null && n.equality ? n.equality(m, a) : I(m, a);
   }
   function b() {
-    const p = t.map((l) => l.get());
-    for (let l = 0; l < t.length; l++)
-      if (!h(p[l], o[l])) {
-        v(e(...p)), o = p;
+    const m = t.map((a) => a.get());
+    for (let a = 0; a < t.length; a++)
+      if (!h(m[a], o[a])) {
+        v(e(...m)), o = m;
         break;
       }
   }
   function C() {
-    return s || b(), a = O(r), a;
+    return s || b(), l = T(r), l;
   }
-  function v(p) {
-    p !== r && (u && (u(), u = void 0), r = p, a = O(p), w(p) && s && (u = p.watch((l) => {
-      const y = O(l);
-      h(y, a) || (a = y, d(y));
+  function v(m) {
+    m !== r && (u && (u(), u = void 0), r = m, l = T(m), w(m) && s && (u = m.watch((a) => {
+      const p = T(a);
+      h(p, l) || (l = p, d(p));
     })));
   }
   function $() {
-    let p = [...o];
-    for (let l = 0; l < t.length; l++) {
-      const y = t[l];
+    let m = [...o];
+    for (let a = 0; a < t.length; a++) {
+      const p = t[a];
       c.push(
-        y.watch((g) => {
-          const S = o[l];
-          o[l] = g, s && !h(g, S) && (v(e(...o)), d(O(r)));
+        p.watch((y) => {
+          const N = o[a];
+          if (o[a] = y, s && !h(y, N)) {
+            try {
+              let E = e(...o);
+              v(E);
+            } catch (E) {
+              console.warn("error when updating source values", o, e.toString()), console.error(E);
+            }
+            d(T(r));
+          }
         })
       );
     }
     s = !0;
-    for (let l = 0; l < t.length; l++)
-      if (!h(o[l], p[l])) {
-        v(e(...o)), d(O(r));
+    for (let a = 0; a < t.length; a++)
+      if (!h(o[a], m[a])) {
+        v(e(...o)), d(T(r));
         break;
       }
   }
   function k() {
-    for (const p of c)
-      p();
+    for (const m of c)
+      m();
     c = [], u && (u(), u = void 0), s = !1;
   }
   return {
     get() {
       return C();
     },
-    watch(p, l) {
-      return s || $(), i.push(p), l != null && l.lazy || p(C()), function() {
-        i.splice(i.indexOf(p), 1), s && i.length === 0 && k();
+    watch(m, a) {
+      return s || $(), i.push(m), a != null && a.lazy || m(C()), function() {
+        i.splice(i.indexOf(m), 1), s && i.length === 0 && k();
       };
     }
   };
 }
 function G(t, e) {
   if (t.length === 0)
-    throw new TypeError("Expected at least one state.");
-  if (t.some((n) => !w(n)))
-    throw new TypeError("All values must be states");
-  return t = t.map(q), t.length > 1 ? be(t, e).watch(() => null) : t[0].watch(e);
+    throw new TypeError("Expected at least one state to watch.");
+  return t = t.map(q), t.length > 1 ? ge(t, e).watch(() => null) : t[0].watch(e);
 }
-function Ce(t) {
+function be(t) {
   for (var e, n, o = arguments, r = 1, i = "", s = "", c = [0], u = function(h) {
     r === 1 && (h || (i = i.replace(/^\s*\n\s*|\s*\n\s*$/g, ""))) ? c.push(h ? o[h] : i) : r === 3 && (h || i) ? (c[1] = h ? o[h] : i, r = 2) : r === 2 && i === "..." && h ? c[2] = Object.assign(c[2] || {}, o[h]) : r === 2 && i && !h ? (c[2] = c[2] || {})[i] = !0 : r >= 5 && (r === 5 ? ((c[2] = c[2] || {})[n] = h ? i ? i + o[h] : o[h] : i, r = 6) : (h || i) && (c[2][n] += h ? i + o[h] : i)), i = "";
-  }, a = 0; a < t.length; a++) {
-    a && (r === 1 && u(), u(a));
-    for (var d = 0; d < t[a].length; d++) e = t[a][d], r === 1 ? e === "<" ? (u(), c = [c, "", null], r = 3) : i += e : r === 4 ? i === "--" && e === ">" ? (r = 1, i = "") : i = e + i[0] : s ? e === s ? s = "" : i += e : e === '"' || e === "'" ? s = e : e === ">" ? (u(), r = 1) : r && (e === "=" ? (r = 5, n = i, i = "") : e === "/" && (r < 5 || t[a][d + 1] === ">") ? (u(), r === 3 && (c = c[0]), r = c, (c = c[0]).push(this.apply(null, r.slice(1))), r = 0) : e === " " || e === "	" || e === `
+  }, l = 0; l < t.length; l++) {
+    l && (r === 1 && u(), u(l));
+    for (var d = 0; d < t[l].length; d++) e = t[l][d], r === 1 ? e === "<" ? (u(), c = [c, "", null], r = 3) : i += e : r === 4 ? i === "--" && e === ">" ? (r = 1, i = "") : i = e + i[0] : s ? e === s ? s = "" : i += e : e === '"' || e === "'" ? s = e : e === ">" ? (u(), r = 1) : r && (e === "=" ? (r = 5, n = i, i = "") : e === "/" && (r < 5 || t[l][d + 1] === ">") ? (u(), r === 3 && (c = c[0]), r = c, (c = c[0]).push(this.apply(null, r.slice(1))), r = 0) : e === " " || e === "	" || e === `
 ` || e === "\r" ? (u(), r = 2) : i += e), r === 3 && i === "!--" && (r = 4, c = c[0]);
   }
   return u(), c.length > 2 ? c.slice(1) : c[1];
 }
-class we {
+class Ce {
   constructor(e) {
     f(this, "node");
     f(this, "endNode");
@@ -382,7 +392,7 @@ class we {
     for (const o of this.connectedContent)
       o.unmount();
     if (this.connectedContent = [], this.node.parentNode != null) {
-      e && this.thenContent ? this.connectedContent = x(this.elementContext, this.thenContent) : !e && this.elseContent && (this.connectedContent = x(this.elementContext, this.elseContent));
+      e && this.thenContent ? this.connectedContent = S(this.elementContext, this.thenContent) : !e && this.elseContent && (this.connectedContent = S(this.elementContext, this.elseContent));
       for (let o = 0; o < this.connectedContent.length; o++) {
         const r = this.connectedContent[o], i = ((n = this.connectedContent[o - 1]) == null ? void 0 : n.node) ?? this.node;
         r.mount(this.node.parentNode, i);
@@ -391,35 +401,35 @@ class we {
     }
   }
 }
-const ve = "useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict";
-let J = (t = 21) => {
+const we = "useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict";
+let Q = (t = 21) => {
   let e = "", n = crypto.getRandomValues(new Uint8Array(t |= 0));
   for (; t--; )
-    e += ve[n[t] & 63];
+    e += we[n[t] & 63];
   return e;
 };
-const ke = (t) => /^on[A-Z]/.test(t);
-class $e {
+const ve = (t) => /^on[A-Z]/.test(t);
+class ke {
   constructor({ tag: e, props: n, children: o, elementContext: r }) {
     f(this, "node");
     f(this, "props");
     f(this, "children");
     f(this, "stopCallbacks", []);
     f(this, "elementContext");
-    f(this, "uniqueId", J());
+    f(this, "uniqueId", Q());
     // Track the ref so we can nullify it on unmount.
     f(this, "ref");
     // Prevents 'onClickOutside' handlers from firing in the same cycle in which the element is connected.
     f(this, "canClickAway", !1);
     if (r = { ...r }, e.toLowerCase() === "svg" && (r.isSVG = !0), r.isSVG ? this.node = document.createElementNS("http://www.w3.org/2000/svg", e) : this.node = document.createElement(e), r.root.getEnv() === "development" && (this.node.dataset.uniqueId = this.uniqueId), n.ref)
-      if (oe(n.ref))
+      if (ne(n.ref))
         this.ref = n.ref;
       else
         throw new Error("Expected ref to be a Ref object. Got: " + n.ref);
     this.props = {
-      ...ye(["ref", "class", "className"], n),
+      ...me(["ref", "class", "className"], n),
       class: n.className ?? n.class
-    }, this.children = o ? x(r, o) : [], this.elementContext = r;
+    }, this.children = o ? S(r, o) : [], this.elementContext = r;
   }
   get isMounted() {
     return this.node.parentNode != null;
@@ -477,7 +487,7 @@ class $e {
       } else if (r === "eventListeners") {
         const s = i;
         for (const c in s) {
-          const u = w(i) ? (a) => i.get()(a) : i;
+          const u = w(i) ? (l) => i.get()(l) : i;
           e.addEventListener(c, u), this.stopCallbacks.push(() => {
             e.removeEventListener(c, u);
           });
@@ -490,23 +500,23 @@ class $e {
           window.removeEventListener("click", s, c);
         });
       } else if (r === "$$value") {
-        if (!B(i))
+        if (!R(i))
           throw new TypeError(`$$value attribute must be a settable state. Got: ${i}`);
         o(
           i,
           (c) => {
-            e.value = String(c);
+            c == null ? e.value = "" : e.value = String(c);
           },
           this.getUpdateKey("attr", "value")
         );
         const s = (c) => {
-          const u = Ne(i.get(), c.currentTarget.value);
+          const u = $e(i.get(), c.currentTarget.value);
           i.set(u);
         };
         e.addEventListener("input", s), this.stopCallbacks.push(() => {
           e.removeEventListener("input", s);
         });
-      } else if (ke(r)) {
+      } else if (ve(r)) {
         const s = r.slice(2).toLowerCase(), c = w(i) ? (u) => i.get()(u) : i;
         e.addEventListener(s, c), this.stopCallbacks.push(() => {
           e.removeEventListener(s, c);
@@ -519,7 +529,7 @@ class $e {
           },
           this.getUpdateKey("attr", r)
         );
-      else if (!xe.includes(r))
+      else if (!Ne.includes(r))
         if (this.elementContext.isSVG)
           o(
             i,
@@ -562,6 +572,7 @@ class $e {
             case "exportParts":
             case "part":
             case "translate":
+            case "type":
             case "title": {
               const s = r.toLowerCase();
               o(
@@ -603,23 +614,23 @@ class $e {
       const s = n.watch((c) => {
         this.elementContext.root.render.update(
           () => {
-            E(i) && i(), e.style.cssText = "", i = this.applyStyles(e, c, o);
+            A(i) && i(), e.style.cssText = "", i = this.applyStyles(e, c, o);
           },
           this.getUpdateKey("styles", "*")
         );
       });
       o.push(s), r.push(s);
     } else {
-      const i = X(n);
+      const i = ee(n);
       for (const s in i) {
         const { value: c, priority: u } = i[s];
         if (w(c)) {
-          const a = c.watch((d) => {
+          const l = c.watch((d) => {
             this.elementContext.root.render.update(() => {
               d ? e.style.setProperty(s, String(d), u) : e.style.removeProperty(s);
             });
           });
-          o.push(a), r.push(a);
+          o.push(l), r.push(l);
         } else c != null && e.style.setProperty(s, String(c));
       }
     }
@@ -635,20 +646,20 @@ class $e {
       const s = n.watch((c) => {
         this.elementContext.root.render.update(
           () => {
-            E(i) && i(), e.removeAttribute("class"), i = this.applyClasses(e, c, o);
+            A(i) && i(), e.removeAttribute("class"), i = this.applyClasses(e, c, o);
           },
           this.getUpdateKey("attr", "class")
         );
       });
       o.push(s), r.push(s);
     } else {
-      const i = Q(n);
+      const i = X(n);
       for (const s in i) {
         const c = i[s];
         if (w(c)) {
-          const u = c.watch((a) => {
+          const u = c.watch((l) => {
             this.elementContext.root.render.update(() => {
-              a ? e.classList.add(s) : e.classList.remove(s);
+              l ? e.classList.add(s) : e.classList.remove(s);
             });
           });
           o.push(u), r.push(u);
@@ -661,45 +672,45 @@ class $e {
     };
   }
 }
-function Q(t) {
+function X(t) {
   let e = {};
-  if (M(t)) {
+  if (O(t)) {
     const n = t.split(" ");
     for (const o of n)
       e[o] = !0;
-  } else L(t) ? Object.assign(e, t) : Array.isArray(t) && Array.from(t).filter((n) => n != null).forEach((n) => {
-    Object.assign(e, Q(n));
+  } else L(t) ? Object.assign(e, t) : Array.isArray(t) && Array.from(t).filter(Boolean).forEach((n) => {
+    Object.assign(e, X(n));
   });
-  return e;
+  return delete e.undefined, e;
 }
-function X(t) {
+function ee(t) {
   let e = {};
-  if (M(t)) {
+  if (O(t)) {
     const n = t.split(";").filter((o) => o.trim() !== "");
     for (const o of n) {
       const [r, i] = o.split(":"), s = {
         value: i
       };
-      i.includes("!important") ? (s.priority = "important", s.value = i.replace("!important", "").trim()) : s.value = i.trim(), e[D(r.trim())] = s;
+      i.includes("!important") ? (s.priority = "important", s.value = i.replace("!important", "").trim()) : s.value = i.trim(), e[Z(r.trim())] = s;
     }
   }
   if (L(t))
     for (const n in t)
-      n.startsWith("--") ? e[n] = { value: t[n] } : e[D(n)] = { value: t[n] };
+      n.startsWith("--") ? e[n] = { value: t[n] } : e[Z(n)] = { value: t[n] };
   else Array.isArray(t) && Array.from(t).filter((n) => n != null).forEach((n) => {
-    Object.assign(e, X(n));
+    Object.assign(e, ee(n));
   });
   return e;
 }
-function D(t) {
+function Z(t) {
   return t.replace(/[A-Z]+(?![a-z])|[A-Z]/g, (e, n) => (n ? "-" : "") + e.toLowerCase());
 }
-function Ne(t, e) {
+function $e(t, e) {
   const n = typeof t;
   return n === "string" ? String(e) : n === "number" ? Number(e) : n === "boolean" ? !!e : e;
 }
-const xe = ["ref", "children", "class", "style", "data"];
-class Se {
+const Ne = ["ref", "children", "class", "style", "data"];
+class xe {
   constructor({ states: e, renderFn: n, elementContext: o }) {
     f(this, "node");
     f(this, "endNode");
@@ -713,7 +724,7 @@ class Se {
       start: () => {
         r == null && (r = G(e, (...i) => {
           const s = this.renderFn(...i);
-          if (!ie(s))
+          if (!re(s))
             throw console.error(s), new TypeError(
               `Observer received invalid value to render. Got type: ${_(s)}, value: ${s}`
             );
@@ -744,7 +755,7 @@ class Se {
     var o, r;
     if (this.cleanup(), e == null || !this.isMounted)
       return;
-    const n = e.map((i) => ne(i) ? i : V(i) ? A(x(this.elementContext, i)) : A(x(this.elementContext, j(i))));
+    const n = e.map((i) => te(i) ? i : F(i) ? M(S(this.elementContext, i)) : M(S(this.elementContext, j(i))));
     for (const i of n) {
       const s = ((o = this.connectedViews.at(-1)) == null ? void 0 : o.node) || this.node;
       i.mount(this.node.parentNode, s), this.connectedViews.push(i);
@@ -755,7 +766,7 @@ class Se {
     }
   }
 }
-class Ee {
+class Se {
   constructor(e) {
     f(this, "node");
     f(this, "endNode");
@@ -796,7 +807,7 @@ class Ee {
     ));
   }
 }
-class Ae {
+class Ee {
   constructor(e) {
     f(this, "config");
     f(this, "handle");
@@ -807,110 +818,136 @@ class Ae {
   }
   mount(e, n) {
     const { content: o, parent: r } = this.config;
-    ne(o) ? this.handle = o : V(o) ? this.handle = A(x(this.config.elementContext, o)) : this.handle = A(x(this.config.elementContext, j(o))), this.handle.mount(r);
+    te(o) ? this.handle = o : F(o) ? this.handle = M(S(this.config.elementContext, o)) : this.handle = M(S(this.config.elementContext, j(o))), this.handle.mount(r);
   }
   unmount() {
     var e;
     (e = this.handle) != null && e.isMounted && this.handle.unmount();
   }
 }
-function ee(t, e, n, o = []) {
-  t = { ...t };
-  const [r, i] = T(x(t, o));
+function K(t, e, n, o = []) {
+  t = { ...t, data: {}, parent: t };
+  const [r, i] = V(S(t, o));
   let s = !1;
-  const c = [], u = [], a = [], d = [], h = [], b = J(), [C, v] = T(e.name), $ = t.root.createLogger(C, { uid: b }), k = {
+  const c = [], u = [], l = [], d = [], h = [], b = Q(), [C, v] = V(e.name), $ = t.root.createLogger(C, { uid: b }), k = {
     get uid() {
       return b;
     },
-    setName(l) {
-      v(l);
+    set(a, p) {
+      t.data[a] = p;
     },
-    beforeMount(l) {
-      u.push(l);
+    get(a) {
+      let p = t;
+      for (; ; ) {
+        if (a in p.data)
+          return p.data[a];
+        if (p.parent)
+          p = p.parent;
+        else
+          break;
+      }
+      return null;
     },
-    onMount(l) {
-      a.push(l);
+    getAll() {
+      const a = [];
+      let p = t;
+      for (; a.push(p.data), p.parent; )
+        p = p.parent;
+      const y = {};
+      for (const N of a.reverse())
+        Object.assign(y, N);
+      return y;
     },
-    beforeUnmount(l) {
-      d.push(l);
+    setName(a) {
+      v(a);
     },
-    onUnmount(l) {
-      h.push(l);
+    beforeMount(a) {
+      u.push(a);
     },
-    watch(l, y) {
+    onMount(a) {
+      l.push(a);
+    },
+    beforeUnmount(a) {
+      d.push(a);
+    },
+    onUnmount(a) {
+      h.push(a);
+    },
+    watch(a, p) {
       if (s) {
-        const g = G(l, y);
-        return c.push(g), g;
+        const y = G(a, p);
+        return c.push(y), y;
       } else {
-        let g, S = !1;
-        return a.push(() => {
-          S || (g = G(l, y), c.push(g));
-        }), function F() {
-          F != null && (S = !0, F());
+        let y, N = !1;
+        return l.push(() => {
+          N || (y = G(a, p), c.push(y));
+        }), function E() {
+          E != null && (N = !0, E());
         };
       }
     },
     outlet() {
-      return N("$outlet", { $children: r });
+      return x("$outlet", { $children: r });
     }
   };
   Object.assign(k, $);
-  let m;
-  function p() {
-    let l;
+  let g;
+  function m() {
+    let a;
     try {
-      l = e(n, k);
-    } catch (y) {
-      throw y instanceof Error && $.crash(y), y;
+      a = e(n, k);
+    } catch (p) {
+      throw p instanceof Error && $.crash(p), p;
     }
-    if (l instanceof Promise)
+    if (a instanceof Promise)
       throw new TypeError("View function cannot return a Promise.");
-    if (l !== null) if (l instanceof Node)
-      m = A(x(t, N("$node", { value: l })));
-    else if (V(l) || Z(V, l))
-      m = A(x(t, l));
-    else if (w(l))
-      m = A(
-        x(t, N("$observer", { states: [l], renderFn: (y) => y }))
+    if (a !== null) if (a instanceof Node)
+      g = M(S(t, x("$node", { value: a })));
+    else if (F(a) || Y(F, a))
+      g = M(S(t, a));
+    else if (w(a))
+      g = M(
+        S(t, x("$observer", { states: [a], renderFn: (p) => p }))
       );
     else {
-      const y = new TypeError(
-        `Expected '${e.name}' function to return a DOM node, Markup element, Readable or null. Got: ${_(l)}`
+      const p = new TypeError(
+        `Expected '${e.name}' function to return a DOM node, Markup element, Readable or null. Got: ${_(a)}`
       );
-      $.crash(y);
+      $.crash(p);
     }
   }
   return {
     get node() {
-      return m == null ? void 0 : m.node;
+      return g == null ? void 0 : g.node;
     },
     get isMounted() {
       return s;
     },
-    mount(l, y) {
-      const g = s;
-      if (!g)
-        for (p(); u.length > 0; )
+    mount(a, p) {
+      const y = s;
+      if (!y)
+        for (m(); u.length > 0; )
           u.shift()();
-      m && m.mount(l, y), g || (s = !0, requestAnimationFrame(() => {
-        for (; a.length > 0; )
-          a.shift()();
+      g && g.mount(a, p), y || (s = !0, requestAnimationFrame(() => {
+        for (; l.length > 0; )
+          l.shift()();
       }));
     },
     unmount() {
       for (; d.length > 0; )
         d.shift()();
-      for (m && m.unmount(), s = !1; h.length > 0; )
+      for (g && g.unmount(), s = !1; h.length > 0; )
         h.shift()();
       for (; c.length > 0; )
         c.shift()();
     },
-    setChildren(l) {
-      i(l);
+    setChildView(a) {
+      const p = K(t, a, {});
+      return i([p]), p;
     }
   };
 }
-class Me {
+class Ae {
   constructor({ elementContext: e, $items: n, renderFn: o, keyFn: r }) {
     f(this, "node");
     f(this, "endNode");
@@ -955,18 +992,18 @@ class Me {
     for (const u of this.connectedItems)
       n.find((d) => d.key === u.key) || u.handle.unmount();
     for (const u of n) {
-      const a = this.connectedItems.find((d) => d.key === u.key);
-      if (a)
-        a.setValue(u.value), a.setIndex(u.index), r[u.index] = a;
+      const l = this.connectedItems.find((d) => d.key === u.key);
+      if (l)
+        l.setValue(u.value), l.setIndex(u.index), r[u.index] = l;
       else {
-        const [d, h] = T(u.value), [b, C] = T(u.index);
+        const [d, h] = V(u.value), [b, C] = V(u.index);
         r[u.index] = {
           key: u.key,
           $value: d,
           setValue: h,
           $index: b,
           setIndex: C,
-          handle: ee(this.elementContext, Oe, {
+          handle: K(this.elementContext, Me, {
             $value: d,
             $index: b,
             renderFn: this.renderFn
@@ -975,8 +1012,8 @@ class Me {
       }
     }
     for (let u = 0; u < r.length; u++) {
-      const a = r[u], d = ((i = r[u - 1]) == null ? void 0 : i.handle.node) ?? this.node;
-      a.handle.mount(this.node.parentNode, d);
+      const l = r[u], d = ((i = r[u - 1]) == null ? void 0 : i.handle.node) ?? this.node;
+      l.handle.mount(this.node.parentNode, d);
     }
     if (this.connectedItems = r, this.elementContext.root.getEnv() === "development") {
       this.node.textContent = `Repeat (${r.length} item${r.length === 1 ? "" : "s"})`;
@@ -985,10 +1022,10 @@ class Me {
     }
   }
 }
-function Oe({ $value: t, $index: e, renderFn: n }, o) {
+function Me({ $value: t, $index: e, renderFn: n }, o) {
   return n(t, e, o);
 }
-class Te {
+class Oe {
   constructor({ value: e }) {
     f(this, "node", document.createTextNode(""));
     f(this, "value", "");
@@ -1010,67 +1047,65 @@ class Te {
     e != null ? this.node.textContent = e.toString() : this.node.textContent = "";
   }
 }
-const te = Symbol("Markup");
-function V(t) {
-  return L(t) && t[te] === !0;
+function F(t) {
+  return L(t) && (typeof t.type == "string" || typeof t.type == "function") && Array.isArray(t.children);
 }
-function ne(t) {
-  return L(t) && E(t.connect) && E(t.disconnect);
+function te(t) {
+  return L(t) && A(t.connect) && A(t.disconnect);
 }
 function j(t) {
   return P(t) || (t = [t]), t.flat(1 / 0).filter((e) => e != null && e !== !1).map((e) => {
     if (e instanceof Node)
-      return N("$node", { value: e });
-    if (e instanceof re)
-      return N("$node", { value: e.node });
-    if (V(e))
+      return x("$node", { value: e });
+    if (e instanceof oe)
+      return x("$node", { value: e.node });
+    if (F(e))
       return e;
-    if (M(e) || he(e))
-      return N("$text", { value: e });
+    if (O(e) || fe(e))
+      return x("$text", { value: e });
     if (w(e))
-      return N("$observer", {
+      return x("$observer", {
         states: [e],
         renderFn: (n) => n
       });
     throw console.error(e), new TypeError(`Unexpected child type. Got: ${e}`);
   });
 }
-function N(t, e, ...n) {
-  return e != null && Ve(e), {
-    [te]: !0,
+function x(t, e, ...n) {
+  return e != null && Te(e), {
     type: t,
     props: e,
     children: j(n)
   };
 }
-function Ve(t) {
-  if (t.ref && !oe(t.ref))
+function Te(t) {
+  if (t.ref && !ne(t.ref))
     throw console.warn(t.ref), new TypeError(`Prop 'ref' must be a Ref object. Got: ${t.ref}`);
   for (const e in t)
     if (e.startsWith("$$") && t[e] !== void 0) {
-      if (!B(t[e]))
+      if (!R(t[e]))
         throw new TypeError(`Prop '${e}' is named as a SettableState but value is not. Got: ${t[e]}`);
     } else if (e.startsWith("$") && t[e] !== void 0 && !w(t[e]))
       throw new TypeError(`Prop '${e}' is named as a State but value is not. Got: ${t[e]}`);
 }
-const Be = Ce.bind(N);
-function Ke(t, e, n) {
+const Be = be.bind(x);
+function Re(t, e, n) {
   const o = q(t);
-  return N("$cond", {
+  return x("$cond", {
     $predicate: o,
     thenContent: e,
     elseContent: n
   });
 }
-function We(t, e, n) {
+function Ke(t, e, n) {
   const o = q(t);
-  return N("$repeat", { $items: o, keyFn: e, renderFn: n });
+  return x("$repeat", { $items: o, keyFn: e, renderFn: n });
 }
-function He(t, e) {
-  return N("$portal", { parent: t, content: e });
+function We(t, e) {
+  return x("$portal", { parent: t, content: e });
 }
-function ze() {
-  const [t, e] = T();
+function He() {
+  const [t, e] = V();
   return {
     get: t.get,
     watch: t.watch,
@@ -1082,10 +1117,10 @@ function ze() {
     }
   };
 }
-function oe(t) {
+function ne(t) {
   return !(t == null || typeof t != "object" || !t.hasOwnProperty("node"));
 }
-class re {
+class oe {
   constructor(e) {
     f(this, "node");
     this.node = e;
@@ -1100,25 +1135,25 @@ class re {
     this.node.parentNode && this.node.parentNode.removeChild(this.node);
   }
 }
-function x(t, e) {
+function S(t, e) {
   return (P(e) ? e : [e]).map((o) => {
-    if (E(o.type))
-      return ee(t, o.type, o.props, o.children);
-    if (M(o.type))
+    if (A(o.type))
+      return K(t, o.type, o.props, o.children);
+    if (O(o.type))
       switch (o.type) {
         case "$node": {
           const r = o.props;
-          return new re(r.value);
+          return new oe(r.value);
         }
         case "$text": {
           const r = o.props;
-          return new Te({
+          return new Oe({
             value: r.value
           });
         }
         case "$cond": {
           const r = o.props;
-          return new we({
+          return new Ce({
             $predicate: r.$predicate,
             thenContent: r.thenContent,
             elseContent: r.elseContent,
@@ -1127,7 +1162,7 @@ function x(t, e) {
         }
         case "$repeat": {
           const r = o.props;
-          return new Me({
+          return new Ae({
             $items: r.$items,
             keyFn: r.keyFn,
             renderFn: r.renderFn,
@@ -1136,7 +1171,7 @@ function x(t, e) {
         }
         case "$observer": {
           const r = o.props;
-          return new Se({
+          return new xe({
             states: r.states,
             renderFn: r.renderFn,
             elementContext: t
@@ -1144,14 +1179,14 @@ function x(t, e) {
         }
         case "$outlet": {
           const r = o.props;
-          return new Ee({
+          return new Se({
             $children: r.$children,
             elementContext: t
           });
         }
         case "$portal": {
           const r = o.props;
-          return new Ae({
+          return new Ee({
             content: r.content,
             parent: r.parent,
             elementContext: t
@@ -1160,7 +1195,7 @@ function x(t, e) {
         default:
           if (o.type.startsWith("$"))
             throw new Error(`Unknown markup type: ${o.type}`);
-          return new $e({
+          return new ke({
             tag: o.type,
             props: o.props ?? {},
             children: o.children,
@@ -1171,7 +1206,7 @@ function x(t, e) {
       throw new TypeError(`Expected a string or view function. Got: ${o.type}`);
   });
 }
-function A(t) {
+function M(t) {
   if (t.length === 1)
     return t[0];
   const e = document.createComment("Fragment");
@@ -1202,43 +1237,43 @@ function A(t) {
     }
   };
 }
-function ie(t) {
-  return t == null || t === !1 || typeof t == "string" || typeof t == "number" || V(t) || w(t) || Z(ie, t);
+function re(t) {
+  return t == null || t === !1 || typeof t == "string" || typeof t == "number" || F(t) || w(t) || Y(re, t);
 }
-function De(t, e) {
+function ze(t, e) {
   return e.outlet();
 }
 export {
-  x as A,
-  Re as B,
-  He as C,
-  We as D,
-  De as P,
+  S as A,
+  _e as B,
+  We as C,
+  Ke as D,
+  ze as P,
   w as a,
   I as b,
-  Ke as c,
-  be as d,
-  E as e,
-  M as f,
-  T as g,
+  Re as c,
+  ge as d,
+  A as e,
+  O as f,
+  V as g,
   Be as h,
   L as i,
-  je as j,
+  Pe as j,
   Fe as k,
-  qe as l,
-  Ge as m,
-  _e as n,
-  ze as o,
-  oe as p,
-  Ue as q,
-  N as r,
-  Ie as s,
+  Le as l,
+  qe as m,
+  Ge as n,
+  He as o,
+  ne as p,
+  je as q,
+  x as r,
+  Ue as s,
   q as t,
-  me as u,
-  O as v,
+  pe as u,
+  T as v,
   G as w,
-  Le as x,
-  ee as y,
-  A as z
+  Ie as x,
+  K as y,
+  M as z
 };
-//# sourceMappingURL=passthrough-CW8Ezjg-.js.map
+//# sourceMappingURL=passthrough-9kwwjgWk.js.map