@manyducks.co/dolla 2.0.0-alpha.12 → 2.0.0-alpha.14

package/dist/passthrough-MfPKbG0F.js

@@ -0,0 +1,1303 @@
+var ue = Object.defineProperty;
+var ce = (t, e, r) => e in t ? ue(t, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[e] = r;
+var h = (t, e, r) => ce(t, typeof e != "symbol" ? e + "" : e, r);
+function le(t) {
+  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
+}
+var j = { exports: {} }, z;
+function ae() {
+  return z || (z = 1, function(t, e) {
+    Object.defineProperty(e, "__esModule", { value: !0 });
+    var r = /* @__PURE__ */ function() {
+      function u(a, d) {
+        var f = [], w = !0, b = !1, v = void 0;
+        try {
+          for (var $, k = a[Symbol.iterator](); !(w = ($ = k.next()).done) && (f.push($.value), !(d && f.length === d)); w = !0) ;
+        } catch (y) {
+          b = !0, v = y;
+        } finally {
+          try {
+            !w && k.return && k.return();
+          } finally {
+            if (b) throw v;
+          }
+        }
+        return f;
+      }
+      return function(a, d) {
+        if (Array.isArray(a)) return a;
+        if (Symbol.iterator in Object(a)) return u(a, d);
+        throw new TypeError("Invalid attempt to destructure non-iterable instance");
+      };
+    }(), n = function(u) {
+      return u.reduce(function(a, d) {
+        return 16 > d ? a + "0" + d.toString(16) : a + d.toString(16);
+      }, "#");
+    }, o = function(u, a, d) {
+      var f = 0.5 > d ? d * (1 + a) : d + a - d * a, w = 2 * d - f, b = function(y, m, l) {
+        var p = Math.round, g = 0 > l ? l + 1 : 1 < l ? l - 1 : l;
+        return g = g < 1 / 6 ? y + 6 * (m - y) * g : g < 1 / 2 ? m : g < 2 / 3 ? y + 6 * (m - y) * (2 / 3 - g) : y, p(255 * g);
+      }, v = b(w, f, u + 1 / 3), $ = b(w, f, u), k = b(w, f, u - 1 / 3);
+      return [v, $, k];
+    }, i = function(u, a, d, f) {
+      var w = u % 1007 / 1007, b = function(y, m, l) {
+        return y * (l - m) + m;
+      }, v = b(w, a.min, a.max), $ = b(w, d.min, d.max), k = b(w, f.max, f.min);
+      return [v, $, k];
+    }, s = function(u) {
+      return u.split("").reduce(function(a, d, f) {
+        return a * d.charCodeAt(0) * f + 1;
+      }, 1);
+    }, c = function(u) {
+      var a = u.str, d = u.hue, f = d === void 0 ? { min: 0, max: 360 } : d, w = u.sat, b = w === void 0 ? { min: 0.35, max: 0.65 } : w, v = u.light, $ = v === void 0 ? { min: 0.3, max: 0.7 } : v, k = u.hashFunction, y = k === void 0 ? s : k, m = u.scheme, l = m === void 0 ? "hex" : m, p = i(y(a), f, b, $), g = r(p, 3), N = g[0], W = g[1], H = g[2], D = o(N / 360, W, H), se = n(D);
+      return l === "hsl" ? [N, W, H] : l === "rgb" ? D : se;
+    };
+    e.default = c, t.exports = e.default;
+  }(j, j.exports)), j.exports;
+}
+var de = ae();
+const he = /* @__PURE__ */ le(de);
+function q(t) {
+  if (t === void 0)
+    return "undefined";
+  if (t === null)
+    return "null";
+  const e = typeof t;
+  switch (e) {
+    case "number":
+      return isNaN(t) ? "NaN" : "number";
+    case "function":
+      return Q(t) ? "class" : e;
+    case "object":
+      return F(t) ? "array" : pe(t) ? "promise" : e;
+    default:
+      return e;
+  }
+}
+function F(t) {
+  return Array.isArray(t);
+}
+function J(...t) {
+  const e = t[0], r = (n) => F(n) && n.every((o) => e(o));
+  return t.length < 2 ? r : r(t[1]);
+}
+function Pe(...t) {
+  const e = t[0], r = M(t[2]) ? t[2] : "Expected an array of valid items. Got type: %t, value: %v", n = (o) => {
+    if (F(o) && o.every((i) => e(i)))
+      return !0;
+    throw new TypeError(G(o, r));
+  };
+  return t.length < 2 ? n : n(t[1]);
+}
+function M(t) {
+  return typeof t == "string";
+}
+function je(t, e) {
+  if (M(t))
+    return !0;
+  throw new TypeError(G(t, e ?? "Expected a string. Got type: %t, value: %v"));
+}
+function E(t) {
+  return typeof t == "function" && !Q(t);
+}
+function fe(t) {
+  return typeof t == "number" && !isNaN(t);
+}
+function pe(t) {
+  if (t == null) return !1;
+  const e = t;
+  return e instanceof Promise || E(e.then) && E(e.catch) && E(e.finally);
+}
+function Q(t) {
+  return typeof t == "function" && /^\s*class\s+/.test(t.toString());
+}
+function _e(...t) {
+  const e = t[0], r = M(t[2]) ? t[2] : `Expected instance of ${e.name}. Got type: %t, value: %v`, n = (o) => {
+    if (o instanceof e)
+      return !0;
+    throw new TypeError(G(o, r));
+  };
+  return t.length < 2 ? n : n(t[1]);
+}
+function L(t) {
+  return t != null && typeof t == "object" && !F(t);
+}
+function G(t, e) {
+  var o;
+  const r = q(t), n = ((o = t == null ? void 0 : t.toString) == null ? void 0 : o.call(t)) || String(t);
+  return e.replaceAll("%t", r).replaceAll("%v", n);
+}
+const me = () => {
+};
+function Z(t) {
+  return t != null && typeof t == "object" && !Array.isArray(t) && Object.getPrototypeOf(t) === Object.getPrototypeOf({});
+}
+function _(t, e) {
+  if (t === e)
+    return !0;
+  if (C(t) || C(e))
+    return !1;
+  if (Z(t) && Z(e)) {
+    const r = Object.keys(t), n = Object.keys(e);
+    if (r.length !== n.length)
+      return !1;
+    for (const o in t)
+      if (!_(t[o], e[o]))
+        return !1;
+    return !0;
+  }
+  if (Array.isArray(t) && Array.isArray(e)) {
+    if (t.length !== e.length)
+      return !1;
+    for (const r in t)
+      if (!_(t[r], e[r]))
+        return !1;
+    return !0;
+  }
+  return t === e;
+}
+function ye(t, e) {
+  const r = (n) => {
+    const o = {};
+    for (const i in n)
+      t.includes(i) || (o[i] = n[i]);
+    return o;
+  };
+  return e == null ? r : r(e);
+}
+function Ue() {
+  if (typeof window < "u" && window.console)
+    return window.console;
+  if (typeof global < "u" && global.console)
+    return global.console;
+}
+function Le(t) {
+  return he({
+    str: t,
+    sat: { min: 0.35, max: 0.55 },
+    light: { min: 0.6, max: 0.6 }
+  });
+}
+function Ie(t) {
+  if (t instanceof RegExp)
+    return (n) => t.test(n);
+  const e = {
+    positive: [],
+    negative: []
+  }, r = t.split(",").map((n) => n.trim()).filter((n) => n !== "");
+  for (let n of r) {
+    let o = "positive";
+    n.startsWith("-") && (o = "negative", n = n.slice(1)), n === "*" ? e[o].push(function() {
+      return !0;
+    }) : n.endsWith("*") ? e[o].push(function(i) {
+      return i.startsWith(n.slice(0, n.length - 1));
+    }) : e[o].push(function(i) {
+      return i === n;
+    });
+  }
+  return function(n) {
+    const { positive: o, negative: i } = e;
+    return !(i.some((s) => s(n)) || o.length > 0 && !o.some((s) => s(n)));
+  };
+}
+const U = {
+  watcherCount: 0,
+  increment() {
+    this.watcherCount++, this._bump();
+  },
+  decrement() {
+    this.watcherCount--, this._bump();
+  },
+  _timeout: null,
+  _bump() {
+    window.DOLLA_DEV_DEBUG === !0 && !this._timeout && (this._timeout = setTimeout(() => {
+      console.log({ watcherCount: this.watcherCount }), this._timeout = null;
+    }, 200));
+  }
+};
+function C(t) {
+  return !(t == null || typeof t != "object" || typeof t.get != "function" || typeof t.watch != "function");
+}
+function B(t) {
+  return !(t == null || typeof t != "object" || typeof t.set != "function" || typeof t.get != "function" || typeof t.watch != "function");
+}
+function O(t) {
+  return C(t) ? t.get() : t;
+}
+function I(t) {
+  return B(t) ? {
+    get: t.get,
+    watch: t.watch
+  } : C(t) ? t : {
+    get() {
+      return t;
+    },
+    watch(e, r = {}) {
+      return r != null && r.lazy || e(t), me;
+    }
+  };
+}
+function qe(t, e) {
+  const [r, n] = T(t, e);
+  return {
+    get: r.get,
+    watch: r.watch,
+    set: n
+  };
+}
+function Ge(t, e) {
+  return {
+    get: t.get,
+    watch: t.watch,
+    set: e
+  };
+}
+function Be(t, e) {
+  return function(n) {
+    const o = t.get();
+    let i;
+    typeof n == "function" ? i = n(o) : i = n, e(i, o);
+  };
+}
+function T(t, e) {
+  let r = t, n = [];
+  function o() {
+    for (const u of n)
+      try {
+        u(r);
+      } catch (a) {
+        console.warn("error in state watcher", u), console.error(a);
+      }
+  }
+  function i(u, a) {
+    return e != null && e.equality ? e.equality(u, a) : _(u, a);
+  }
+  const s = {
+    get() {
+      return O(r);
+    },
+    watch(u, a) {
+      return n.push(u), a != null && a.lazy || u(s.get()), U.increment(), function() {
+        n.splice(n.indexOf(u), 1), U.decrement();
+      };
+    }
+  };
+  function c(u) {
+    let a;
+    typeof u == "function" ? a = u(r) : a = u, i(a, r) || (r = a, o());
+  }
+  return [s, c];
+}
+const ge = Symbol("EMPTY");
+function we(t, e, r) {
+  t = t.map(I);
+  let n = new Array(t.length).fill(ge, 0, t.length), o, i = [], s = !1;
+  const c = R();
+  let u, a;
+  function d(m = b()) {
+    for (const l of i)
+      l(m);
+  }
+  function f(m, l) {
+    return r != null && r.equality ? r.equality(m, l) : _(m, l);
+  }
+  function w() {
+    const m = t.map((l) => l.get());
+    for (let l = 0; l < t.length; l++)
+      if (!f(m[l], n[l])) {
+        v(e(...m)), n = m;
+        break;
+      }
+  }
+  function b() {
+    return s || w(), a = O(o), a;
+  }
+  function v(m) {
+    m !== o && (u && (u(), u = void 0), o = m, a = O(m), C(m) && s && (u = m.watch((l) => {
+      const p = O(l);
+      f(p, a) || (a = p, d(p));
+    })));
+  }
+  function $() {
+    let m = [...n];
+    for (let l = 0; l < t.length; l++)
+      c.watch([t[l]], (p) => {
+        const g = n[l];
+        if (n[l] = p, s && !f(p, g)) {
+          try {
+            let N = e(...n);
+            v(N);
+          } catch (N) {
+            console.warn("error when updating source values", n, e.toString()), console.error(N);
+          }
+          d(O(o));
+        }
+      });
+    s = !0;
+    for (let l = 0; l < t.length; l++)
+      if (!f(n[l], m[l])) {
+        v(e(...n)), d(O(o));
+        break;
+      }
+  }
+  function k() {
+    c.stopAll(), u && (u(), u = void 0), s = !1;
+  }
+  return {
+    get() {
+      return b();
+    },
+    watch(m, l) {
+      return s || $(), i.push(m), l != null && l.lazy || m(b()), U.increment(), function() {
+        i.splice(i.indexOf(m), 1), s && i.length === 0 && k(), U.decrement();
+      };
+    }
+  };
+}
+function R() {
+  const t = [];
+  return {
+    watch(e, r) {
+      if (e.length === 0)
+        throw new TypeError("Expected at least one state to watch.");
+      e = e.map(I);
+      let n;
+      return e.length > 1 ? n = we(e, r).watch(() => null) : n = e[0].watch(r), t.push(n), () => {
+        let o = t.indexOf(n);
+        o > -1 && t.splice(o, 1), n();
+      };
+    },
+    stopAll() {
+      for (; t.length > 0; )
+        t.pop()();
+    }
+  };
+}
+function be(t) {
+  for (var e, r, n = arguments, o = 1, i = "", s = "", c = [0], u = function(f) {
+    o === 1 && (f || (i = i.replace(/^\s*\n\s*|\s*\n\s*$/g, ""))) ? c.push(f ? n[f] : i) : o === 3 && (f || i) ? (c[1] = f ? n[f] : i, o = 2) : o === 2 && i === "..." && f ? c[2] = Object.assign(c[2] || {}, n[f]) : o === 2 && i && !f ? (c[2] = c[2] || {})[i] = !0 : o >= 5 && (o === 5 ? ((c[2] = c[2] || {})[r] = f ? i ? i + n[f] : n[f] : i, o = 6) : (f || i) && (c[2][r] += f ? i + n[f] : i)), i = "";
+  }, a = 0; a < t.length; a++) {
+    a && (o === 1 && u(), u(a));
+    for (var d = 0; d < t[a].length; d++) e = t[a][d], o === 1 ? e === "<" ? (u(), c = [c, "", null], o = 3) : i += e : o === 4 ? i === "--" && e === ">" ? (o = 1, i = "") : i = e + i[0] : s ? e === s ? s = "" : i += e : e === '"' || e === "'" ? s = e : e === ">" ? (u(), o = 1) : o && (e === "=" ? (o = 5, r = i, i = "") : e === "/" && (o < 5 || t[a][d + 1] === ">") ? (u(), o === 3 && (c = c[0]), o = c, (c = c[0]).push(this.apply(null, o.slice(1))), o = 0) : e === " " || e === "	" || e === `
+` || e === "\r" ? (u(), o = 2) : i += e), o === 3 && i === "!--" && (o = 4, c = c[0]);
+  }
+  return u(), c.length > 2 ? c.slice(1) : c[1];
+}
+class Ce {
+  constructor(e) {
+    h(this, "node");
+    h(this, "endNode");
+    h(this, "$predicate");
+    h(this, "stopCallback");
+    h(this, "thenContent");
+    h(this, "elseContent");
+    h(this, "connectedContent", []);
+    h(this, "elementContext");
+    h(this, "initialUpdateHappened", !1);
+    h(this, "previousValue");
+    this.$predicate = e.$predicate, this.thenContent = e.thenContent ? P(e.thenContent) : void 0, this.elseContent = e.elseContent ? P(e.elseContent) : void 0, this.elementContext = e.elementContext, this.elementContext.root.getEnv() === "development" ? (this.node = document.createComment("Conditional"), this.endNode = document.createComment("/Conditional")) : (this.node = document.createTextNode(""), this.endNode = document.createTextNode(""));
+  }
+  get isMounted() {
+    return this.node.parentNode != null;
+  }
+  mount(e, r) {
+    this.isMounted || (e.insertBefore(this.node, (r == null ? void 0 : r.nextSibling) ?? null), this.elementContext.root.getEnv() === "development" && e.insertBefore(this.endNode, this.node.nextSibling), this.stopCallback = this.$predicate.watch((n) => {
+      (!this.initialUpdateHappened || n && !this.previousValue || !n && this.previousValue) && (this.update(n), this.initialUpdateHappened = !0, this.previousValue = n);
+    }));
+  }
+  unmount() {
+    var e, r;
+    this.stopCallback && (this.stopCallback(), this.stopCallback = void 0);
+    for (const n of this.connectedContent)
+      n.unmount();
+    this.connectedContent = [], this.isMounted && ((e = this.node.parentNode) == null || e.removeChild(this.node), (r = this.endNode.parentNode) == null || r.removeChild(this.endNode));
+  }
+  update(e) {
+    var r;
+    for (const n of this.connectedContent)
+      n.unmount();
+    if (this.connectedContent = [], this.node.parentNode != null) {
+      e && this.thenContent ? this.connectedContent = S(this.elementContext, this.thenContent) : !e && this.elseContent && (this.connectedContent = S(this.elementContext, this.elseContent));
+      for (let n = 0; n < this.connectedContent.length; n++) {
+        const o = this.connectedContent[n], i = ((r = this.connectedContent[n - 1]) == null ? void 0 : r.node) ?? this.node;
+        o.mount(this.node.parentNode, i);
+      }
+      this.elementContext.root.getEnv() === "development" && (this.node.textContent = `Conditional (${e ? "truthy" : "falsy"})`);
+    }
+  }
+}
+const ve = "useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict";
+let X = (t = 21) => {
+  let e = "", r = crypto.getRandomValues(new Uint8Array(t |= 0));
+  for (; t--; )
+    e += ve[r[t] & 63];
+  return e;
+};
+const ke = (t) => /^on[A-Z]/.test(t);
+class $e {
+  constructor({ tag: e, props: r, children: n, elementContext: o }) {
+    h(this, "node");
+    h(this, "props");
+    h(this, "children");
+    h(this, "stopCallbacks", []);
+    h(this, "elementContext");
+    h(this, "uniqueId", X());
+    // Track the ref so we can nullify it on unmount.
+    h(this, "ref");
+    // Prevents 'onClickOutside' handlers from firing in the same cycle in which the element is connected.
+    h(this, "canClickAway", !1);
+    if (o = { ...o }, e.toLowerCase() === "svg" && (o.isSVG = !0), o.isSVG ? this.node = document.createElementNS("http://www.w3.org/2000/svg", e) : this.node = document.createElement(e), o.root.getEnv() === "development" && (this.node.dataset.uniqueId = this.uniqueId), r.ref)
+      if (re(r.ref))
+        this.ref = r.ref;
+      else
+        throw new Error("Expected ref to be a Ref object. Got: " + r.ref);
+    this.props = {
+      ...ye(["ref", "class", "className"], r),
+      class: r.className ?? r.class
+    }, this.children = n ? S(o, n) : [], this.elementContext = o;
+  }
+  get isMounted() {
+    return this.node.parentNode != null;
+  }
+  mount(e, r) {
+    if (e == null)
+      throw new Error(`HTML element requires a parent element as the first argument to connect. Got: ${e}`);
+    if (!this.isMounted) {
+      for (const n of this.children)
+        n.mount(this.node);
+      this.applyProps(this.node, this.props), this.props.style && this.applyStyles(this.node, this.props.style, this.stopCallbacks), this.props.class && this.applyClasses(this.node, this.props.class, this.stopCallbacks);
+    }
+    e.insertBefore(this.node, (r == null ? void 0 : r.nextSibling) ?? null), this.ref && (this.ref.node = this.node), setTimeout(() => {
+      this.canClickAway = !0;
+    }, 0);
+  }
+  unmount() {
+    var e;
+    if (this.isMounted) {
+      for (const r of this.children)
+        r.unmount();
+      this.ref && (this.ref.node = void 0), (e = this.node.parentNode) == null || e.removeChild(this.node), this.canClickAway = !1;
+      for (const r of this.stopCallbacks)
+        r();
+      this.stopCallbacks = [];
+    }
+  }
+  getUpdateKey(e, r) {
+    return `${this.uniqueId}:${e}:${r}`;
+  }
+  applyProps(e, r) {
+    const n = (o, i, s) => {
+      C(o) ? this.stopCallbacks.push(
+        o.watch((c) => {
+          this.elementContext.root.render.update(() => {
+            i(c);
+          }, s);
+        })
+      ) : this.elementContext.root.render.update(() => {
+        i(o);
+      }, s);
+    };
+    for (const o in r) {
+      const i = r[o];
+      if (o === "attributes") {
+        const s = i;
+        for (const c in s)
+          n(
+            s[c],
+            (u) => {
+              u == null ? e.removeAttribute(c) : e.setAttribute(c, String(u));
+            },
+            this.getUpdateKey("attr", c)
+          );
+      } else if (o === "eventListeners") {
+        const s = i;
+        for (const c in s) {
+          const u = C(i) ? (a) => i.get()(a) : i;
+          e.addEventListener(c, u), this.stopCallbacks.push(() => {
+            e.removeEventListener(c, u);
+          });
+        }
+      } else if (o === "onClickOutside" || o === "onclickoutside") {
+        const s = (u) => {
+          this.canClickAway && !e.contains(u.target) && (C(i) ? i.get()(u) : i(u));
+        }, c = { capture: !0 };
+        window.addEventListener("click", s, c), this.stopCallbacks.push(() => {
+          window.removeEventListener("click", s, c);
+        });
+      } else if (o === "$$value") {
+        if (!B(i))
+          throw new TypeError(`$$value attribute must be a settable state. Got: ${i}`);
+        n(
+          i,
+          (c) => {
+            c == null ? e.value = "" : e.value = String(c);
+          },
+          this.getUpdateKey("attr", "value")
+        );
+        const s = (c) => {
+          const u = Ne(i.get(), c.currentTarget.value);
+          i.set(u);
+        };
+        e.addEventListener("input", s), this.stopCallbacks.push(() => {
+          e.removeEventListener("input", s);
+        });
+      } else if (ke(o)) {
+        const s = o.slice(2).toLowerCase(), c = C(i) ? (u) => i.get()(u) : i;
+        e.addEventListener(s, c), this.stopCallbacks.push(() => {
+          e.removeEventListener(s, c);
+        });
+      } else if (o.includes("-"))
+        n(
+          i,
+          (s) => {
+            s == null ? e.removeAttribute(o) : e.setAttribute(o, String(s));
+          },
+          this.getUpdateKey("attr", o)
+        );
+      else if (!xe.includes(o))
+        if (this.elementContext.isSVG)
+          n(
+            i,
+            (s) => {
+              s != null ? e.setAttribute(o, String(r[o])) : e.removeAttribute(o);
+            },
+            this.getUpdateKey("attr", o)
+          );
+        else
+          switch (o) {
+            case "contentEditable":
+            case "value":
+              n(
+                i,
+                (s) => {
+                  e[o] = String(s);
+                },
+                this.getUpdateKey("prop", o)
+              );
+              break;
+            case "for":
+              n(
+                i,
+                (s) => {
+                  e.htmlFor = s;
+                },
+                this.getUpdateKey("prop", "htmlFor")
+              );
+              break;
+            case "checked":
+              n(
+                i,
+                (s) => {
+                  e.checked = s, s ? e.setAttribute("checked", "") : e.removeAttribute("checked");
+                },
+                this.getUpdateKey("prop", "checked")
+              );
+              break;
+            // Attribute-aliased props
+            case "exportParts":
+            case "part":
+            case "translate":
+            case "type":
+            case "title": {
+              const s = o.toLowerCase();
+              n(
+                i,
+                (c) => {
+                  c == null ? e.removeAttribute(s) : e.setAttribute(s, String(c));
+                },
+                this.getUpdateKey("attr", s)
+              );
+              break;
+            }
+            case "autocomplete":
+            case "autocapitalize":
+              n(
+                i,
+                (s) => {
+                  typeof s == "string" ? e.autocomplete = s : s ? e.autocomplete = "on" : e.autocomplete = "off";
+                },
+                this.getUpdateKey("prop", o)
+              );
+              break;
+            default: {
+              n(
+                i,
+                (s) => {
+                  e[o] = s;
+                },
+                this.getUpdateKey("prop", o)
+              );
+              break;
+            }
+          }
+    }
+  }
+  applyStyles(e, r, n) {
+    const o = [];
+    if (C(r)) {
+      let i;
+      const s = r.watch((c) => {
+        this.elementContext.root.render.update(
+          () => {
+            E(i) && i(), e.style.cssText = "", i = this.applyStyles(e, c, n);
+          },
+          this.getUpdateKey("styles", "*")
+        );
+      });
+      n.push(s), o.push(s);
+    } else {
+      const i = te(r);
+      for (const s in i) {
+        const { value: c, priority: u } = i[s];
+        if (C(c)) {
+          const a = c.watch((d) => {
+            this.elementContext.root.render.update(() => {
+              d ? e.style.setProperty(s, String(d), u) : e.style.removeProperty(s);
+            });
+          });
+          n.push(a), o.push(a);
+        } else c != null && e.style.setProperty(s, String(c));
+      }
+    }
+    return function() {
+      for (const s of o)
+        s(), n.splice(n.indexOf(s), 1);
+    };
+  }
+  applyClasses(e, r, n) {
+    const o = [];
+    if (C(r)) {
+      let i;
+      const s = r.watch((c) => {
+        this.elementContext.root.render.update(
+          () => {
+            E(i) && i(), e.removeAttribute("class"), i = this.applyClasses(e, c, n);
+          },
+          this.getUpdateKey("attr", "class")
+        );
+      });
+      n.push(s), o.push(s);
+    } else {
+      const i = ee(r);
+      for (const s in i) {
+        const c = i[s];
+        if (C(c)) {
+          const u = c.watch((a) => {
+            this.elementContext.root.render.update(() => {
+              a ? e.classList.add(s) : e.classList.remove(s);
+            });
+          });
+          n.push(u), o.push(u);
+        } else c && e.classList.add(s);
+      }
+    }
+    return function() {
+      for (const s of o)
+        s(), n.splice(n.indexOf(s), 1);
+    };
+  }
+}
+function ee(t) {
+  let e = {};
+  if (M(t)) {
+    const r = t.split(" ");
+    for (const n of r)
+      e[n] = !0;
+  } else L(t) ? Object.assign(e, t) : Array.isArray(t) && Array.from(t).filter(Boolean).forEach((r) => {
+    Object.assign(e, ee(r));
+  });
+  return delete e.undefined, e;
+}
+function te(t) {
+  let e = {};
+  if (M(t)) {
+    const r = t.split(";").filter((n) => n.trim() !== "");
+    for (const n of r) {
+      const [o, i] = n.split(":"), s = {
+        value: i
+      };
+      i.includes("!important") ? (s.priority = "important", s.value = i.replace("!important", "").trim()) : s.value = i.trim(), e[Y(o.trim())] = s;
+    }
+  }
+  if (L(t))
+    for (const r in t)
+      r.startsWith("--") ? e[r] = { value: t[r] } : e[Y(r)] = { value: t[r] };
+  else Array.isArray(t) && Array.from(t).filter((r) => r != null).forEach((r) => {
+    Object.assign(e, te(r));
+  });
+  return e;
+}
+function Y(t) {
+  return t.replace(/[A-Z]+(?![a-z])|[A-Z]/g, (e, r) => (r ? "-" : "") + e.toLowerCase());
+}
+function Ne(t, e) {
+  const r = typeof t;
+  return r === "string" ? String(e) : r === "number" ? Number(e) : r === "boolean" ? !!e : e;
+}
+const xe = ["ref", "children", "class", "style", "data"];
+class Se {
+  constructor({ states: e, renderFn: r, elementContext: n }) {
+    h(this, "node");
+    h(this, "endNode");
+    h(this, "connectedViews", []);
+    h(this, "renderFn");
+    h(this, "elementContext");
+    h(this, "observerControls");
+    h(this, "watcher", R());
+    this.elementContext = n, this.renderFn = r, this.node = document.createComment("Observer"), this.endNode = document.createComment("/Observer");
+    let o;
+    this.observerControls = {
+      start: () => {
+        o == null && (o = this.watcher.watch(e, (...i) => {
+          const s = this.renderFn(...i);
+          if (!ie(s))
+            throw console.error(s), new TypeError(
+              `Observer received invalid value to render. Got type: ${q(s)}, value: ${s}`
+            );
+          Array.isArray(s) ? this.update(...s) : this.update(s);
+        }));
+      },
+      stop: () => {
+        o != null && (o(), o = void 0);
+      }
+    };
+  }
+  get isMounted() {
+    return this.node.parentNode != null;
+  }
+  mount(e, r) {
+    this.isMounted || (e.insertBefore(this.node, (r == null ? void 0 : r.nextSibling) ?? null), this.observerControls.start());
+  }
+  unmount() {
+    var e;
+    this.observerControls.stop(), this.watcher.stopAll(), this.isMounted && (this.cleanup(), (e = this.node.parentNode) == null || e.removeChild(this.node));
+  }
+  cleanup() {
+    var e;
+    for (; this.connectedViews.length > 0; )
+      (e = this.connectedViews.pop()) == null || e.unmount();
+  }
+  update(...e) {
+    var n, o;
+    if (this.cleanup(), e == null || !this.isMounted)
+      return;
+    const r = e.map((i) => ne(i) ? i : V(i) ? A(S(this.elementContext, i)) : A(S(this.elementContext, P(i))));
+    for (const i of r) {
+      const s = ((n = this.connectedViews.at(-1)) == null ? void 0 : n.node) || this.node;
+      i.mount(this.node.parentNode, s), this.connectedViews.push(i);
+    }
+    if (this.elementContext.root.getEnv() === "development") {
+      const i = (o = this.connectedViews.at(-1)) == null ? void 0 : o.node;
+      this.endNode.previousSibling !== i && this.node.parentNode.insertBefore(this.endNode, (i == null ? void 0 : i.nextSibling) ?? null);
+    }
+  }
+}
+class Ee {
+  constructor(e) {
+    h(this, "node");
+    h(this, "endNode");
+    h(this, "$children");
+    h(this, "stopCallback");
+    h(this, "mountedChildren", []);
+    h(this, "elementContext");
+    this.$children = e.$children, this.elementContext = e.elementContext, this.elementContext.root.getEnv() === "development" ? (this.node = document.createComment("Outlet"), this.endNode = document.createComment("/Outlet")) : (this.node = document.createTextNode(""), this.endNode = document.createTextNode(""));
+  }
+  get isMounted() {
+    var e;
+    return ((e = this.node) == null ? void 0 : e.parentNode) != null;
+  }
+  mount(e, r) {
+    this.isMounted || (e.insertBefore(this.node, (r == null ? void 0 : r.nextSibling) ?? null), this.stopCallback = this.$children.watch((n) => {
+      this.update(n);
+    }));
+  }
+  unmount() {
+    var e;
+    if (this.stopCallback && (this.stopCallback(), this.stopCallback = void 0), this.isMounted) {
+      for (const r of this.mountedChildren)
+        r.unmount();
+      this.mountedChildren = [], (e = this.endNode.parentNode) == null || e.removeChild(this.endNode);
+    }
+  }
+  update(e) {
+    var r, n, o;
+    for (const i of this.mountedChildren)
+      i.unmount();
+    for (let i = 0; i < e.length; i++) {
+      const s = e[i], c = i > 0 ? e[i] : void 0;
+      s.mount(this.node.parentElement, c == null ? void 0 : c.node);
+    }
+    this.mountedChildren = e, this.elementContext.root.getEnv() === "development" && (this.node.textContent = `Outlet (${e.length} ${e.length === 1 ? "child" : "children"})`, (o = this.node.parentElement) == null || o.insertBefore(
+      this.endNode,
+      ((n = (r = this.mountedChildren[this.mountedChildren.length - 1]) == null ? void 0 : r.node) == null ? void 0 : n.nextSibling) ?? null
+    ));
+  }
+}
+class Ae {
+  constructor(e) {
+    h(this, "config");
+    h(this, "element");
+    this.config = e;
+  }
+  get isMounted() {
+    return this.element ? this.element.isMounted : !1;
+  }
+  mount(e, r) {
+    const { content: n, parent: o } = this.config;
+    ne(n) ? this.element = n : V(n) ? this.element = A(S(this.config.elementContext, n)) : this.element = A(S(this.config.elementContext, P(n))), this.element.mount(o);
+  }
+  unmount() {
+    var e;
+    (e = this.element) != null && e.isMounted && this.element.unmount();
+  }
+}
+function K(t, e, r, n = []) {
+  t = { ...t, data: {}, parent: t };
+  const [o, i] = T(S(t, n));
+  let s = !1;
+  const c = R(), u = [], a = [], d = [], f = [], w = X(), [b, v] = T(e.name), $ = t.root.createLogger(b, { uid: w }), k = {
+    get uid() {
+      return w;
+    },
+    set(l, p) {
+      t.data[l] = p;
+    },
+    get(l) {
+      let p = t;
+      for (; ; ) {
+        if (l in p.data)
+          return p.data[l];
+        if (p.parent)
+          p = p.parent;
+        else
+          break;
+      }
+      return null;
+    },
+    getAll() {
+      const l = [];
+      let p = t;
+      for (; l.push(p.data), p.parent; )
+        p = p.parent;
+      const g = {};
+      for (const N of l.reverse())
+        Object.assign(g, N);
+      return g;
+    },
+    setName(l) {
+      v(l);
+    },
+    beforeMount(l) {
+      u.push(l);
+    },
+    onMount(l) {
+      a.push(l);
+    },
+    beforeUnmount(l) {
+      d.push(l);
+    },
+    onUnmount(l) {
+      f.push(l);
+    },
+    watch(l, p) {
+      if (s)
+        return c.watch(l, p);
+      {
+        let g, N = !1;
+        return a.push(() => {
+          N || (g = c.watch(l, p));
+        }), () => {
+          g != null && (N = !0, g());
+        };
+      }
+    },
+    outlet() {
+      return x("$outlet", { $children: o });
+    }
+  };
+  Object.assign(k, $);
+  let y;
+  function m() {
+    let l;
+    try {
+      l = e(r, k);
+    } catch (p) {
+      throw p instanceof Error && $.crash(p), p;
+    }
+    if (l instanceof Promise)
+      throw new TypeError("View function cannot return a Promise.");
+    if (l !== null) if (l instanceof Node)
+      y = A(S(t, x("$node", { value: l })));
+    else if (V(l) || J(V, l))
+      y = A(S(t, l));
+    else if (C(l))
+      y = A(
+        S(t, x("$observer", { states: [l], renderFn: (p) => p }))
+      );
+    else {
+      const p = new TypeError(
+        `Expected '${e.name}' function to return a DOM node, Markup element, Readable or null. Got: ${q(l)}`
+      );
+      $.crash(p);
+    }
+  }
+  return {
+    get node() {
+      return y == null ? void 0 : y.node;
+    },
+    get isMounted() {
+      return s;
+    },
+    mount(l, p) {
+      const g = s;
+      if (!g)
+        for (m(); u.length > 0; )
+          u.shift()();
+      y && y.mount(l, p), g || (s = !0, requestAnimationFrame(() => {
+        for (; a.length > 0; )
+          a.shift()();
+      }));
+    },
+    unmount() {
+      for (; d.length > 0; )
+        d.shift()();
+      for (y && y.unmount(), s = !1; f.length > 0; )
+        f.shift()();
+      c.stopAll();
+    },
+    setChildView(l) {
+      const p = K(t, l, {});
+      return i([p]), p;
+    }
+  };
+}
+class Me {
+  constructor({ elementContext: e, $items: r, renderFn: n, keyFn: o }) {
+    h(this, "node");
+    h(this, "endNode");
+    h(this, "$items");
+    h(this, "stopCallback");
+    h(this, "connectedItems", []);
+    h(this, "elementContext");
+    h(this, "renderFn");
+    h(this, "keyFn");
+    this.elementContext = e, this.$items = r, this.renderFn = n, this.keyFn = o, this.elementContext.root.getEnv() === "development" ? (this.node = document.createComment("Repeat"), this.endNode = document.createComment("/Repeat")) : (this.node = document.createTextNode(""), this.endNode = document.createTextNode(""));
+  }
+  get isMounted() {
+    return this.node.parentNode != null;
+  }
+  mount(e, r) {
+    this.isMounted || (e.insertBefore(this.node, (r == null ? void 0 : r.nextSibling) ?? null), this.stopCallback = this.$items.watch((n) => {
+      this._update(Array.from(n));
+    }));
+  }
+  unmount() {
+    var e, r;
+    this.stopCallback && (this.stopCallback(), this.stopCallback = void 0), this.isMounted && ((e = this.node.parentNode) == null || e.removeChild(this.node), (r = this.endNode.parentNode) == null || r.removeChild(this.endNode)), this._cleanup();
+  }
+  _cleanup() {
+    for (const e of this.connectedItems)
+      e.element.unmount();
+    this.connectedItems = [];
+  }
+  _update(e) {
+    var i, s, c;
+    if (e.length === 0 || !this.isMounted)
+      return this._cleanup();
+    const r = [];
+    let n = 0;
+    for (const u of e)
+      r.push({
+        key: this.keyFn(u, n),
+        value: u,
+        index: n++
+      });
+    const o = [];
+    for (const u of this.connectedItems)
+      r.find((d) => d.key === u.key) || u.element.unmount();
+    for (const u of r) {
+      const a = this.connectedItems.find((d) => d.key === u.key);
+      if (a)
+        a.setValue(u.value), a.setIndex(u.index), o[u.index] = a;
+      else {
+        const [d, f] = T(u.value), [w, b] = T(u.index);
+        o[u.index] = {
+          key: u.key,
+          $value: d,
+          setValue: f,
+          $index: w,
+          setIndex: b,
+          element: K(this.elementContext, Oe, {
+            $value: d,
+            $index: w,
+            renderFn: this.renderFn
+          })
+        };
+      }
+    }
+    for (let u = 0; u < o.length; u++) {
+      const a = o[u], d = ((i = o[u - 1]) == null ? void 0 : i.element.node) ?? this.node;
+      a.element.mount(this.node.parentNode, d);
+    }
+    if (this.connectedItems = o, this.elementContext.root.getEnv() === "development") {
+      this.node.textContent = `Repeat (${o.length} item${o.length === 1 ? "" : "s"})`;
+      const u = ((s = o.at(-1)) == null ? void 0 : s.element.node) ?? this.node;
+      (c = this.node.parentNode) == null || c.insertBefore(this.endNode, u.nextSibling);
+    }
+  }
+}
+function Oe({ $value: t, $index: e, renderFn: r }, n) {
+  return r(t, e, n);
+}
+class Te {
+  constructor({ value: e }) {
+    h(this, "node", document.createTextNode(""));
+    h(this, "value", "");
+    h(this, "stopCallback");
+    this.value = e;
+  }
+  get isMounted() {
+    return this.node.parentNode != null;
+  }
+  async mount(e, r = null) {
+    this.isMounted || (C(this.value) ? this.stopCallback = this.value.watch((n) => {
+      this.update(n);
+    }) : this.update(this.value)), e.insertBefore(this.node, (r == null ? void 0 : r.nextSibling) ?? null);
+  }
+  async unmount() {
+    this.isMounted && (this.stopCallback && (this.stopCallback(), this.stopCallback = void 0), this.node.parentNode.removeChild(this.node));
+  }
+  update(e) {
+    e != null ? this.node.textContent = e.toString() : this.node.textContent = "";
+  }
+}
+function V(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 P(t) {
+  return F(t) || (t = [t]), t.flat(1 / 0).filter((e) => e != null && e !== !1).map((e) => {
+    if (e instanceof Node)
+      return x("$node", { value: e });
+    if (e instanceof oe)
+      return x("$node", { value: e.node });
+    if (V(e))
+      return e;
+    if (M(e) || fe(e))
+      return x("$text", { value: e });
+    if (C(e))
+      return x("$observer", {
+        states: [e],
+        renderFn: (r) => r
+      });
+    throw console.error(e), new TypeError(`Unexpected child type. Got: ${e}`);
+  });
+}
+function x(t, e, ...r) {
+  return e != null && Ve(e), {
+    type: t,
+    props: e,
+    children: P(r)
+  };
+}
+function Ve(t) {
+  if (t.ref && !re(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]))
+        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 && !C(t[e]))
+      throw new TypeError(`Prop '${e}' is named as a State but value is not. Got: ${t[e]}`);
+}
+const Re = be.bind(x);
+function Ke(t, e, r) {
+  const n = I(t);
+  return x("$cond", {
+    $predicate: n,
+    thenContent: e,
+    elseContent: r
+  });
+}
+function We(t, e, r) {
+  const n = I(t);
+  return x("$repeat", { $items: n, keyFn: e, renderFn: r });
+}
+function He(t, e) {
+  return x("$portal", { parent: t, content: e });
+}
+function De() {
+  const [t, e] = T();
+  return {
+    get: t.get,
+    watch: t.watch,
+    get node() {
+      return t.get();
+    },
+    set node(r) {
+      e(r);
+    }
+  };
+}
+function re(t) {
+  return !(t == null || typeof t != "object" || !t.hasOwnProperty("node"));
+}
+class oe {
+  constructor(e) {
+    h(this, "node");
+    this.node = e;
+  }
+  get isMounted() {
+    return this.node.parentNode != null;
+  }
+  async mount(e, r) {
+    e.insertBefore(this.node, (r == null ? void 0 : r.nextSibling) ?? null);
+  }
+  async unmount() {
+    this.node.parentNode && this.node.parentNode.removeChild(this.node);
+  }
+}
+function S(t, e) {
+  return (F(e) ? e : [e]).map((n) => {
+    if (E(n.type))
+      return K(t, n.type, n.props, n.children);
+    if (M(n.type))
+      switch (n.type) {
+        case "$node": {
+          const o = n.props;
+          return new oe(o.value);
+        }
+        case "$text": {
+          const o = n.props;
+          return new Te({
+            value: o.value
+          });
+        }
+        case "$cond": {
+          const o = n.props;
+          return new Ce({
+            $predicate: o.$predicate,
+            thenContent: o.thenContent,
+            elseContent: o.elseContent,
+            elementContext: t
+          });
+        }
+        case "$repeat": {
+          const o = n.props;
+          return new Me({
+            $items: o.$items,
+            keyFn: o.keyFn,
+            renderFn: o.renderFn,
+            elementContext: t
+          });
+        }
+        case "$observer": {
+          const o = n.props;
+          return new Se({
+            states: o.states,
+            renderFn: o.renderFn,
+            elementContext: t
+          });
+        }
+        case "$outlet": {
+          const o = n.props;
+          return new Ee({
+            $children: o.$children,
+            elementContext: t
+          });
+        }
+        case "$portal": {
+          const o = n.props;
+          return new Ae({
+            content: o.content,
+            parent: o.parent,
+            elementContext: t
+          });
+        }
+        default:
+          if (n.type.startsWith("$"))
+            throw new Error(`Unknown markup type: ${n.type}`);
+          return new $e({
+            tag: n.type,
+            props: n.props ?? {},
+            children: n.children,
+            elementContext: t
+          });
+      }
+    else
+      throw new TypeError(`Expected a string or view function. Got: ${n.type}`);
+  });
+}
+function A(t) {
+  if (t.length === 1)
+    return t[0];
+  const e = document.createComment("Fragment");
+  let r = !1;
+  return {
+    get node() {
+      return e;
+    },
+    get isMounted() {
+      return r;
+    },
+    mount(n, o) {
+      var i;
+      n.insertBefore(e, o || null);
+      for (const s of t) {
+        const c = ((i = t[t.length - 1]) == null ? void 0 : i.node) ?? e;
+        s.mount(n, c);
+      }
+      r = !0;
+    },
+    unmount() {
+      if (r) {
+        for (const n of t)
+          n.unmount();
+        e.remove();
+      }
+      r = !1;
+    }
+  };
+}
+function ie(t) {
+  return t == null || t === !1 || typeof t == "string" || typeof t == "number" || V(t) || C(t) || J(ie, t);
+}
+function ze(t, e) {
+  return e.outlet();
+}
+export {
+  S as A,
+  Be as B,
+  He as C,
+  We as D,
+  ze as P,
+  _ as a,
+  E as b,
+  Ke as c,
+  we as d,
+  M as e,
+  T as f,
+  je as g,
+  Re as h,
+  L as i,
+  Pe as j,
+  R as k,
+  Ie as l,
+  qe as m,
+  Ge as n,
+  I as o,
+  De as p,
+  re as q,
+  _e as r,
+  x as s,
+  q as t,
+  Ue as u,
+  O as v,
+  me as w,
+  Le as x,
+  K as y,
+  A as z
+};
+//# sourceMappingURL=passthrough-MfPKbG0F.js.map