@manyducks.co/dolla 1.0.1 → 2.0.0-alpha.0

package/dist/fragment-s33qZBzz.js

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