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

package/dist/jsx-dev-runtime.js

@@ -1,5 +1,5 @@
-import { r as s } from "./passthrough-BVaqqjam.js";
-import { P as m } from "./passthrough-BVaqqjam.js";
+import { r as s } from "./passthrough-9kwwjgWk.js";
+import { P as m } from "./passthrough-9kwwjgWk.js";
 function d(n, r, t, e, a, l) {
   const i = { ...o(["children", "key"], r) }, c = Array.isArray(r.children) ? r.children : [r.children];
   return s(n, i, ...c);

package/dist/jsx-runtime.js

@@ -1,5 +1,5 @@
-import { r as t } from "./passthrough-BVaqqjam.js";
-import { P as l } from "./passthrough-BVaqqjam.js";
+import { r as t } from "./passthrough-9kwwjgWk.js";
+import { P as l } from "./passthrough-9kwwjgWk.js";
 function d(n, e, r) {
   return t(n, e ? { ...u(["children", "key"], e) } : void 0, e.children);
 }

package/dist/nodes/html.d.ts

@@ -1,4 +1,4 @@
-import { type MarkupNode, type ElementContext, type Markup, type Ref } from "../markup.js";
+import { type ElementContext, type Markup, type MarkupNode, type Ref } from "../markup.js";
 import { type StopFunction } from "../state.js";
 type HTMLOptions = {
     elementContext: ElementContext;

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

@@ -10,16 +10,16 @@ function ae() {
     Object.defineProperty(e, "__esModule", { value: !0 });
     var n = /* @__PURE__ */ function() {
       function u(l, d) {
-        var h = [], b = !0, C = !1, k = void 0;
+        var h = [], b = !0, C = !1, v = void 0;
         try {
-          for (var $, v = l[Symbol.iterator](); !(b = ($ = v.next()).done) && (h.push($.value), !(d && h.length === d)); b = !0) ;
+          for (var $, k = l[Symbol.iterator](); !(b = ($ = k.next()).done) && (h.push($.value), !(d && h.length === d)); b = !0) ;
         } catch (g) {
-          C = !0, k = g;
+          C = !0, v = g;
         } finally {
           try {
-            !b && v.return && v.return();
+            !b && k.return && k.return();
           } finally {
-            if (C) throw k;
+            if (C) throw v;
           }
         }
         return h;
@@ -37,20 +37,20 @@ function ae() {
       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);
-      }, k = C(b, h, u + 1 / 3), $ = C(b, h, u), v = C(b, h, u - 1 / 3);
-      return [k, $, v];
+      }, v = C(b, h, u + 1 / 3), $ = C(b, h, u), k = C(b, h, u - 1 / 3);
+      return [v, $, k];
     }, i = function(u, l, d, h) {
       var b = u % 1007 / 1007, C = function(g, m, a) {
         return g * (a - m) + m;
-      }, k = C(b, l.min, l.max), $ = C(b, d.min, d.max), v = C(b, h.max, h.min);
-      return [k, $, v];
+      }, 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(l, d, h) {
         return l * d.charCodeAt(0) * h + 1;
       }, 1);
     }, c = function(u) {
-      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, k = u.light, $ = k === void 0 ? { min: 0.3, max: 0.7 } : k, v = u.hashFunction, g = v === void 0 ? s : v, m = u.scheme, a = m === void 0 ? "hex" : m, p = i(g(l), h, C, $), y = n(p, 3), N = y[0], P = y[1], W = y[2], H = r(N / 360, P, W), ie = o(H);
-      return a === "hsl" ? [N, P, W] : a === "rgb" ? H : ie;
+      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;
@@ -69,35 +69,35 @@ function _(t) {
     case "function":
       return J(t) ? "class" : e;
     case "object":
-      return F(t) ? "array" : he(t) ? "promise" : e;
+      return P(t) ? "array" : he(t) ? "promise" : e;
     default:
       return e;
   }
 }
-function F(t) {
+function P(t) {
   return Array.isArray(t);
 }
 function Y(...t) {
-  const e = t[0], n = (o) => F(o) && o.every((r) => e(r));
+  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) => {
-    if (F(r) && r.every((i) => e(i)))
+  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 Pe(t, e) {
-  if (M(t))
+  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) {
+function A(t) {
   return typeof t == "function" && !J(t);
 }
 function fe(t) {
@@ -106,23 +106,23 @@ function fe(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 J(t) {
   return typeof t == "function" && /^\s*class\s+/.test(t.toString());
 }
 function je(...t) {
-  const e = t[0], n = M(t[2]) ? t[2] : `Expected instance of ${e.name}. Got type: %t, value: %v`, o = (r) => {
+  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" && !F(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);
@@ -203,14 +203,14 @@ function Le(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 : {
@@ -223,7 +223,7 @@ function q(t) {
   };
 }
 function qe(t, e) {
-  const [n, o] = T(t, e);
+  const [n, o] = V(t, e);
   return {
     get: n.get,
     watch: n.watch,
@@ -244,18 +244,22 @@ function _e(t, e) {
     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, l) {
     return e != null && e.equality ? e.equality(u, l) : I(u, l);
   }
   const s = {
     get() {
-      return O(n);
+      return T(n);
     },
     watch(u, l) {
       return o.push(u), l != null && l.lazy || u(s.get()), function() {
@@ -284,16 +288,16 @@ function ge(t, e, n) {
     const m = t.map((a) => a.get());
     for (let a = 0; a < t.length; a++)
       if (!h(m[a], o[a])) {
-        k(e(...m)), o = m;
+        v(e(...m)), o = m;
         break;
       }
   }
   function C() {
-    return s || b(), l = O(r), l;
+    return s || b(), l = T(r), l;
   }
-  function k(m) {
-    m !== r && (u && (u(), u = void 0), r = m, l = O(m), w(m) && s && (u = m.watch((a) => {
-      const p = O(a);
+  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));
     })));
   }
@@ -304,18 +308,26 @@ function ge(t, e, n) {
       c.push(
         p.watch((y) => {
           const N = o[a];
-          o[a] = y, s && !h(y, N) && (k(e(...o)), d(O(r)));
+          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 a = 0; a < t.length; a++)
       if (!h(o[a], m[a])) {
-        k(e(...o)), d(O(r));
+        v(e(...o)), d(T(r));
         break;
       }
   }
-  function v() {
+  function k() {
     for (const m of c)
       m();
     c = [], u && (u(), u = void 0), s = !1;
@@ -326,7 +338,7 @@ function ge(t, e, n) {
     },
     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 && v();
+        i.splice(i.indexOf(m), 1), s && i.length === 0 && k();
       };
     }
   };
@@ -396,8 +408,8 @@ let Q = (t = 21) => {
     e += we[n[t] & 63];
   return e;
 };
-const ke = (t) => /^on[A-Z]/.test(t);
-class ve {
+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");
@@ -488,12 +500,12 @@ class ve {
           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")
         );
@@ -504,7 +516,7 @@ class ve {
         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);
@@ -560,6 +572,7 @@ class ve {
             case "exportParts":
             case "part":
             case "translate":
+            case "type":
             case "title": {
               const s = r.toLowerCase();
               o(
@@ -601,7 +614,7 @@ class ve {
       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", "*")
         );
@@ -633,7 +646,7 @@ class ve {
       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")
         );
@@ -661,18 +674,18 @@ class ve {
 }
 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) => {
+  } 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 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 = {
@@ -742,7 +755,7 @@ class xe {
     var o, r;
     if (this.cleanup(), e == null || !this.isMounted)
       return;
-    const n = e.map((i) => te(i) ? i : V(i) ? A(S(this.elementContext, i)) : A(S(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);
@@ -805,7 +818,7 @@ class Ee {
   }
   mount(e, n) {
     const { content: o, parent: r } = this.config;
-    te(o) ? this.handle = o : V(o) ? this.handle = A(S(this.config.elementContext, o)) : this.handle = A(S(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;
@@ -814,9 +827,9 @@ class Ee {
 }
 function K(t, e, n, o = []) {
   t = { ...t, data: {}, parent: t };
-  const [r, i] = T(S(t, o));
+  const [r, i] = V(S(t, o));
   let s = !1;
-  const c = [], u = [], l = [], d = [], h = [], b = Q(), [C, k] = T(e.name), $ = t.root.createLogger(C, { uid: b }), v = {
+  const c = [], u = [], l = [], d = [], h = [], b = Q(), [C, v] = V(e.name), $ = t.root.createLogger(C, { uid: b }), k = {
     get uid() {
       return b;
     },
@@ -846,7 +859,7 @@ function K(t, e, n, o = []) {
       return y;
     },
     setName(a) {
-      k(a);
+      v(a);
     },
     beforeMount(a) {
       u.push(a);
@@ -868,8 +881,8 @@ function K(t, e, n, o = []) {
         let y, N = !1;
         return l.push(() => {
           N || (y = G(a, p), c.push(y));
-        }), function P() {
-          P != null && (N = !0, P());
+        }), function E() {
+          E != null && (N = !0, E());
         };
       }
     },
@@ -877,23 +890,23 @@ function K(t, e, n, o = []) {
       return x("$outlet", { $children: r });
     }
   };
-  Object.assign(v, $);
+  Object.assign(k, $);
   let g;
   function m() {
     let a;
     try {
-      a = e(n, v);
+      a = e(n, k);
     } catch (p) {
       throw p instanceof Error && $.crash(p), p;
     }
     if (a instanceof Promise)
       throw new TypeError("View function cannot return a Promise.");
     if (a !== null) if (a instanceof Node)
-      g = A(S(t, x("$node", { value: a })));
-    else if (V(a) || Y(V, a))
-      g = A(S(t, a));
+      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 = A(
+      g = M(
         S(t, x("$observer", { states: [a], renderFn: (p) => p }))
       );
     else {
@@ -983,7 +996,7 @@ class Ae {
       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,
@@ -1034,21 +1047,21 @@ class Oe {
     e != null ? this.node.textContent = e.toString() : this.node.textContent = "";
   }
 }
-function V(t) {
+function F(t) {
   return L(t) && (typeof t.type == "string" || typeof t.type == "function") && Array.isArray(t.children);
 }
 function te(t) {
-  return L(t) && E(t.connect) && E(t.disconnect);
+  return L(t) && A(t.connect) && A(t.disconnect);
 }
 function j(t) {
-  return F(t) || (t = [t]), t.flat(1 / 0).filter((e) => e != null && e !== !1).map((e) => {
+  return P(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))
+    if (F(e))
       return e;
-    if (M(e) || fe(e))
+    if (O(e) || fe(e))
       return x("$text", { value: e });
     if (w(e))
       return x("$observer", {
@@ -1070,13 +1083,13 @@ function Te(t) {
     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 Re = be.bind(x);
-function Be(t, e, n) {
+const Be = be.bind(x);
+function Re(t, e, n) {
   const o = q(t);
   return x("$cond", {
     $predicate: o,
@@ -1092,7 +1105,7 @@ function We(t, e) {
   return x("$portal", { parent: t, content: e });
 }
 function He() {
-  const [t, e] = T();
+  const [t, e] = V();
   return {
     get: t.get,
     watch: t.watch,
@@ -1123,10 +1136,10 @@ class oe {
   }
 }
 function S(t, e) {
-  return (F(e) ? e : [e]).map((o) => {
-    if (E(o.type))
+  return (P(e) ? e : [e]).map((o) => {
+    if (A(o.type))
       return K(t, o.type, o.props, o.children);
-    if (M(o.type))
+    if (O(o.type))
       switch (o.type) {
         case "$node": {
           const r = o.props;
@@ -1182,7 +1195,7 @@ function S(t, e) {
         default:
           if (o.type.startsWith("$"))
             throw new Error(`Unknown markup type: ${o.type}`);
-          return new ve({
+          return new ke({
             tag: o.type,
             props: o.props ?? {},
             children: o.children,
@@ -1193,7 +1206,7 @@ function S(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");
@@ -1225,7 +1238,7 @@ function A(t) {
   };
 }
 function re(t) {
-  return t == null || t === !1 || typeof t == "string" || typeof t == "number" || V(t) || w(t) || Y(re, t);
+  return t == null || t === !1 || typeof t == "string" || typeof t == "number" || F(t) || w(t) || Y(re, t);
 }
 function ze(t, e) {
   return e.outlet();
@@ -1238,12 +1251,12 @@ export {
   ze as P,
   w as a,
   I as b,
-  Be as c,
+  Re as c,
   ge as d,
-  E as e,
-  M as f,
-  T as g,
-  Re as h,
+  A as e,
+  O as f,
+  V as g,
+  Be as h,
   L as i,
   Pe as j,
   Fe as k,
@@ -1257,10 +1270,10 @@ export {
   Ue as s,
   q as t,
   pe as u,
-  O as v,
+  T as v,
   G as w,
   Ie as x,
   K as y,
-  A as z
+  M as z
 };
-//# sourceMappingURL=passthrough-BVaqqjam.js.map
+//# sourceMappingURL=passthrough-9kwwjgWk.js.map