cally 0.7.0 → 0.7.2

package/dist/cally.js

@@ -1,4 +1,4 @@
-class ee {
+class te {
   /**
    * @type {T}
    */
@@ -29,38 +29,38 @@ class ee {
     return this.#e.add(t), () => this.#e.delete(t);
   }
 }
-const Mt = (e) => new ee(e), V = Symbol.for("atomico.hooks");
-globalThis[V] = globalThis[V] || {};
-let O = globalThis[V];
-const ne = Symbol.for("Atomico.suspense"), At = Symbol.for("Atomico.effect"), se = Symbol.for("Atomico.layoutEffect"), Ft = Symbol.for("Atomico.insertionEffect"), M = (e, t, n) => {
-  const { i: s, hooks: r } = O.c, o = r[s] = r[s] || {};
-  return o.value = e(o.value), o.effect = t, o.tag = n, O.c.i++, r[s].value;
-}, Rt = (e) => M((t = Mt(e)) => t), L = () => M((e = Mt(O.c.host)) => e), It = () => O.c.update, oe = (e, t, n = 0) => {
+const Mt = (e) => new te(e), tt = Symbol.for("atomico.hooks");
+globalThis[tt] = globalThis[tt] || {};
+let k = globalThis[tt];
+const ee = Symbol.for("Atomico.suspense"), At = Symbol.for("Atomico.effect"), ne = Symbol.for("Atomico.layoutEffect"), Ft = Symbol.for("Atomico.insertionEffect"), O = (e, t, n) => {
+  const { i: s, hooks: r } = k.c, o = r[s] = r[s] || {};
+  return o.value = e(o.value), o.effect = t, o.tag = n, k.c.i++, r[s].value;
+}, se = (e) => O((t = Mt(e)) => t), _ = () => O((e = Mt(k.c.host)) => e), Rt = () => k.c.update, oe = (e, t, n = 0) => {
   let s = {}, r = !1;
-  const o = () => r, c = (a, f) => {
+  const o = () => r, c = (i, f) => {
     for (const d in s) {
-      const i = s[d];
-      i.effect && i.tag === a && (i.value = i.effect(i.value, f));
+      const l = s[d];
+      l.effect && l.tag === i && (l.value = l.effect(l.value, f));
     }
   };
-  return { load: (a) => {
-    O.c = { host: t, hooks: s, update: e, i: 0, id: n };
+  return { load: (i) => {
+    k.c = { host: t, hooks: s, update: e, i: 0, id: n };
     let f;
     try {
-      r = !1, f = a();
+      r = !1, f = i();
     } catch (d) {
-      if (d !== ne)
+      if (d !== ee)
         throw d;
       r = !0;
     } finally {
-      O.c = null;
+      k.c = null;
     }
     return f;
-  }, cleanEffects: (a) => (c(Ft, a), () => (c(se, a), () => {
-    c(At, a);
+  }, cleanEffects: (i) => (c(Ft, i), () => (c(ne, i), () => {
+    c(At, i);
   })), isSuspense: o };
-}, A = Symbol.for;
-function Ut(e, t) {
+}, M = Symbol.for;
+function It(e, t) {
   const n = e.length;
   if (n !== t.length)
     return !1;
@@ -71,8 +71,8 @@ function Ut(e, t) {
   }
   return !0;
 }
-const C = (e) => typeof e == "function", R = (e) => typeof e == "object", { isArray: re } = Array, tt = (e, t) => (t ? e instanceof HTMLStyleElement : !0) && "hydrate" in (e?.dataset || {});
-function $t(e, t) {
+const w = (e) => typeof e == "function", R = (e) => typeof e == "object", { isArray: re } = Array, et = (e, t) => (t ? e instanceof HTMLStyleElement : !0) && "hydrate" in (e?.dataset || {});
+function Ut(e, t) {
   let n;
   const s = (r) => {
     let { length: o } = r;
@@ -81,17 +81,17 @@ function $t(e, t) {
       if (u && Array.isArray(u))
         s(u);
       else {
-        const l = typeof u;
-        if (u == null || l === "function" || l === "boolean")
+        const a = typeof u;
+        if (u == null || a === "function" || a === "boolean")
           continue;
-        l === "string" || l === "number" ? (n == null && (n = ""), n += u) : (n != null && (t(n), n = null), t(u));
+        a === "string" || a === "number" ? (n == null && (n = ""), n += u) : (n != null && (t(n), n = null), t(u));
       }
     }
   };
   s(e), n != null && t(n);
 }
-const Lt = (e, t, n) => (e.addEventListener(t, n), () => e.removeEventListener(t, n));
-class _t {
+const $t = (e, t, n) => (e.addEventListener(t, n), () => e.removeEventListener(t, n));
+class Lt {
   /**
    *
    * @param {HTMLElement} target
@@ -102,9 +102,9 @@ class _t {
     this.message = n, this.target = t, this.value = s;
   }
 }
-class jt extends _t {
+class _t extends Lt {
 }
-class ce extends _t {
+class ce extends Lt {
 }
 const q = "Custom", ie = null, ae = { true: 1, "": 1, 1: 1 };
 function le(e, t, n, s, r) {
@@ -112,30 +112,30 @@ function le(e, t, n, s, r) {
     type: o,
     reflect: c,
     event: u,
-    value: l,
-    attr: a = ue(t)
-  } = n?.name != q && R(n) && n != ie ? n : { type: n }, f = o?.name === q && o.map, d = l != null ? o == Function || !C(l) ? () => l : l : null;
+    value: a,
+    attr: i = ue(t)
+  } = n?.name != q && R(n) && n != ie ? n : { type: n }, f = o?.name === q && o.map, d = a != null ? o == Function || !w(a) ? () => a : a : null;
   Object.defineProperty(e, t, {
     configurable: !0,
     /**
      * @this {import("dom").AtomicoThisInternal}
      * @param {any} newValue
      */
-    set(i) {
-      const h = this[t];
-      d && o != Boolean && i == null && (i = d());
-      const { error: E, value: b } = (f ? he : me)(
+    set(l) {
+      const m = this[t];
+      d && o != Boolean && l == null && (l = d());
+      const { error: v, value: p } = (f ? he : me)(
         o,
-        i
+        l
       );
-      if (E && b != null)
-        throw new jt(
+      if (v && p != null)
+        throw new _t(
           this,
           `The value defined for prop '${t}' must be of type '${o.name}'`,
-          b
+          p
         );
-      h != b && (this._props[t] = b ?? void 0, this.update(), u && Yt(this, u), this.updated.then(() => {
-        c && (this._ignoreAttr = a, fe(this, o, a, this[t]), this._ignoreAttr = null);
+      m != p && (this._props[t] = p ?? void 0, this.update(), u && jt(this, u), this.updated.then(() => {
+        c && (this._ignoreAttr = i, fe(this, o, i, this[t]), this._ignoreAttr = null);
       }));
     },
     /**
@@ -144,9 +144,9 @@ function le(e, t, n, s, r) {
     get() {
       return this._props[t];
     }
-  }), d && (r[t] = d()), s[a] = { prop: t, type: o };
+  }), d && (r[t] = d()), s[i] = { prop: t, type: o };
 }
-const Yt = (e, { type: t, base: n = CustomEvent, ...s }) => e.dispatchEvent(new n(t, s)), ue = (e) => e.replace(/([A-Z])/g, "-$1").toLowerCase(), fe = (e, t, n, s) => s == null || t == Boolean && !s ? e.removeAttribute(n) : e.setAttribute(
+const jt = (e, { type: t, base: n = CustomEvent, ...s }) => e.dispatchEvent(new n(t, s)), ue = (e) => e.replace(/([A-Z])/g, "-$1").toLowerCase(), fe = (e, t, n, s) => s == null || t == Boolean && !s ? e.removeAttribute(n) : e.setAttribute(
   n,
   t?.name === q && t?.serialize ? t?.serialize(s) : R(s) ? JSON.stringify(s) : t == Boolean ? "" : s
 ), de = (e, t) => e == Boolean ? !!ae[t] : e == Number ? Number(t) : e == String ? t : e == Array || e == Object ? JSON.parse(t) : e.name == q ? t : (
@@ -172,9 +172,9 @@ let ye = 0;
 const pe = (e) => {
   const t = (e?.dataset || {})?.hydrate || "";
   return t || "c" + ye++;
-}, _ = (e, t = HTMLElement) => {
+}, j = (e, t = HTMLElement) => {
   const n = {}, s = {}, r = "prototype" in t && t.prototype instanceof Element, o = r ? t : "base" in t ? t.base : HTMLElement, { props: c, styles: u } = r ? e : t;
-  class l extends o {
+  class a extends o {
     constructor() {
       super(), this._setup(), this._render = () => e({ ...this._props });
       for (const f in s)
@@ -192,35 +192,35 @@ const pe = (e) => {
       this._props = {};
       let f, d;
       this.mounted = new Promise(
-        (m) => this.mount = () => {
-          m(), f != this.parentNode && (d != f ? this.unmounted.then(this.update) : this.update()), f = this.parentNode;
+        (h) => this.mount = () => {
+          h(), f != this.parentNode && (d != f ? this.unmounted.then(this.update) : this.update()), f = this.parentNode;
         }
       ), this.unmounted = new Promise(
-        (m) => this.unmount = () => {
-          m(), (f != this.parentNode || !this.isConnected) && (i.cleanEffects(!0)()(), d = this.parentNode, f = null);
+        (h) => this.unmount = () => {
+          h(), (f != this.parentNode || !this.isConnected) && (l.cleanEffects(!0)()(), d = this.parentNode, f = null);
         }
       ), this.symbolId = this.symbolId || Symbol(), this.symbolIdParent = Symbol();
-      const i = oe(
+      const l = oe(
         () => this.update(),
         this,
         pe(this)
       );
-      let h, E = !0;
-      const b = tt(this);
-      this.update = () => (h || (h = !0, this.updated = (this.updated || this.mounted).then(() => {
+      let m, v = !0;
+      const p = et(this);
+      this.update = () => (m || (m = !0, this.updated = (this.updated || this.mounted).then(() => {
         try {
-          const m = i.load(this._render), p = i.cleanEffects();
-          return m && //@ts-ignore
-          m.render(this, this.symbolId, b), h = !1, E && !i.isSuspense() && (E = !1, !b && be(this)), p();
+          const h = l.load(this._render), b = l.cleanEffects();
+          return h && //@ts-ignore
+          h.render(this, this.symbolId, p), m = !1, v && !l.isSuspense() && (v = !1, !p && be(this)), b();
         } finally {
-          h = !1;
+          m = !1;
         }
       }).then(
         /**
          * @param {import("internal/hooks.js").CleanUseEffects} [cleanUseEffect]
          */
-        (m) => {
-          m && m();
+        (h) => {
+          h && h();
         }
       )), this.updated), this.update();
     }
@@ -236,22 +236,22 @@ const pe = (e) => {
      * @param {(string|null)} oldValue
      * @param {(string|null)} value
      */
-    attributeChangedCallback(f, d, i) {
+    attributeChangedCallback(f, d, l) {
       if (n[f]) {
-        if (f === this._ignoreAttr || d === i)
+        if (f === this._ignoreAttr || d === l)
           return;
-        const { prop: h, type: E } = n[f];
+        const { prop: m, type: v } = n[f];
         try {
-          this[h] = de(E, i);
+          this[m] = de(v, l);
         } catch {
           throw new ce(
             this,
-            `The value defined as attr '${f}' cannot be parsed by type '${E.name}'`,
-            i
+            `The value defined as attr '${f}' cannot be parsed by type '${v.name}'`,
+            l
           );
         }
       } else
-        super.attributeChangedCallback(f, d, i);
+        super.attributeChangedCallback(f, d, l);
     }
     static get props() {
       return { ...super.props, ...c };
@@ -263,32 +263,32 @@ const pe = (e) => {
       return Object.keys(n).concat(f);
     }
   }
-  return l;
+  return a;
 };
 function be(e) {
   const { styles: t } = e.constructor, { shadowRoot: n } = e;
   if (n && t.length) {
     const s = [];
-    $t(t, (r) => {
+    Ut(t, (r) => {
       r && (r instanceof Element ? n.appendChild(r.cloneNode(!0)) : s.push(r));
     }), s.length && (n.adoptedStyleSheets = s);
   }
 }
-const qt = (e) => (t, n) => {
-  M(
+const Yt = (e) => (t, n) => {
+  O(
     /**
      * Clean the effect hook
      * @type {import("internal/hooks.js").CollectorEffect}
      */
-    ([s, r] = []) => ((r || !r) && (r && Ut(r, n) ? s = s || !0 : (C(s) && s(), s = null)), [s, n]),
+    ([s, r] = []) => ((r || !r) && (r && It(r, n) ? s = s || !0 : (w(s) && s(), s = null)), [s, n]),
     /**
      * @returns {any}
      */
-    ([s, r], o) => o ? (C(s) && s(), []) : [s || t(), r],
+    ([s, r], o) => o ? (w(s) && s(), []) : [s || t(), r],
     e
   );
-}, z = qt(At), ge = qt(Ft);
-class xt extends Array {
+}, $ = Yt(At), ge = Yt(Ft);
+class Bt extends Array {
   /**
    *
    * @param {any} initialState
@@ -318,41 +318,41 @@ class xt extends Array {
   //     this[2](nextState, this);
   // }
 }
-const ot = (e) => {
-  const t = It();
-  return M(
-    (n = new xt(e, (s, r, o) => {
-      s = C(s) ? s(r[0]) : s, s !== r[0] && (r[0] = s, o || t());
+const rt = (e) => {
+  const t = Rt();
+  return O(
+    (n = new Bt(e, (s, r, o) => {
+      s = w(s) ? s(r[0]) : s, s !== r[0] && (r[0] = s, o || t());
     })) => n
   );
-}, P = (e, t) => {
-  const [n] = M(([s, r, o = 0] = []) => ((!r || r && !Ut(r, t)) && (s = e()), [s, t, o]));
+}, T = (e, t) => {
+  const [n] = O(([s, r, o = 0] = []) => ((!r || r && !It(r, t)) && (s = e()), [s, t, o]));
   return n;
-}, rt = (e) => {
-  const { current: t } = L();
+}, ct = (e) => {
+  const { current: t } = _();
   if (!(e in t))
-    throw new jt(
+    throw new _t(
       t,
       `For useProp("${e}"), the prop does not exist on the host.`,
       e
     );
-  return M(
-    (n = new xt(t[e], (s, r) => {
-      s = C(s) ? s(t[e]) : s, t[e] = s;
+  return O(
+    (n = new Bt(t[e], (s, r) => {
+      s = w(s) ? s(t[e]) : s, t[e] = s;
     })) => (n[0] = t[e], n)
   );
-}, T = (e, t = {}) => {
-  const n = L();
-  return n[e] || (n[e] = (s = t.detail) => Yt(n.current, {
+}, C = (e, t = {}) => {
+  const n = _();
+  return n[e] || (n[e] = (s = t.detail) => jt(n.current, {
     type: e,
     ...t,
     detail: s
   })), n[e];
-}, et = A("atomico/options");
-globalThis[et] = globalThis[et] || {
+}, nt = M("atomico/options");
+globalThis[nt] = globalThis[nt] || {
   sheet: !!document.adoptedStyleSheets
 };
-const zt = globalThis[et], Ee = {
+const qt = globalThis[nt], Ee = {
   checked: 1,
   value: 1,
   selected: 1
@@ -372,18 +372,18 @@ const zt = globalThis[et], Ee = {
   cloneNode: 1,
   children: 1,
   key: 1
-}, Y = {}, nt = [];
-class st extends Text {
+}, B = {}, st = [];
+class ot extends Text {
 }
-const Se = A("atomico/id"), I = A("atomico/type"), Z = A("atomico/ref"), Bt = A("atomico/vnode"), we = () => {
+const Se = M("atomico/id"), I = M("atomico/type"), Z = M("atomico/ref"), xt = M("atomico/vnode"), we = () => {
 };
 function Ce(e, t, n) {
-  return Kt(this, e, t, n);
+  return Ht(this, e, t, n);
 }
-const Ht = (e, t, ...n) => {
-  const s = t || Y;
+const zt = (e, t, ...n) => {
+  const s = t || B;
   let { children: r } = s;
-  if (r = r ?? (n.length ? n : nt), e === we)
+  if (r = r ?? (n.length ? n : st), e === we)
     return r;
   const o = e ? e instanceof Node ? 1 : (
     //@ts-ignore
@@ -391,11 +391,11 @@ const Ht = (e, t, ...n) => {
   ) : 0;
   if (o === !1 && e instanceof Function)
     return e(
-      r != nt ? { children: r, ...s } : s
+      r != st ? { children: r, ...s } : s
     );
-  const c = zt.render || Ce;
+  const c = qt.render || Ce;
   return {
-    [I]: Bt,
+    [I]: xt,
     type: e,
     props: s,
     children: r,
@@ -414,9 +414,9 @@ const Ht = (e, t, ...n) => {
     render: c
   };
 };
-function Kt(e, t, n = Se, s, r) {
+function Ht(e, t, n = Se, s, r) {
   let o;
-  if (t && t[n] && t[n].vnode == e || e[I] != Bt)
+  if (t && t[n] && t[n].vnode == e || e[I] != xt)
     return t;
   (e || !t) && (r = r || e.type == "svg", o = e.type != "host" && (e.raw == 1 ? (t && e.clone ? t[Z] : t) != e.type : e.raw == 2 ? !(t instanceof e.type) : t ? t[Z] || t.localName != e.type : !t), o && e.type != null && (e.raw == 1 && e.clone ? (s = !0, t = e.type.cloneNode(!0), t[Z] = e.type) : t = e.raw == 1 ? e.type : e.raw == 2 ? new e.type() : r ? document.createElementNS(
     "http://www.w3.org/2000/svg",
@@ -425,37 +425,37 @@ function Kt(e, t, n = Se, s, r) {
     e.type,
     e.is ? { is: e.is } : void 0
   )));
-  const c = t[n] ? t[n] : Y, { vnode: u = Y, cycle: l = 0 } = c;
-  let { fragment: a, handlers: f } = c;
-  const { children: d = nt, props: i = Y } = u;
+  const c = t[n] ? t[n] : B, { vnode: u = B, cycle: a = 0 } = c;
+  let { fragment: i, handlers: f } = c;
+  const { children: d = st, props: l = B } = u;
   if (f = o ? {} : f || {}, e.static && !o)
     return t;
   if (e.shadow && !t.shadowRoot && // @ts-ignore
-  t.attachShadow({ mode: "open", ...e.shadow }), e.props != i && Ne(t, i, e.props, f, r), e.children !== d) {
-    const h = e.shadow ? t.shadowRoot : t;
-    a = Pe(
+  t.attachShadow({ mode: "open", ...e.shadow }), e.props != l && Ne(t, l, e.props, f, r), e.children !== d) {
+    const m = e.shadow ? t.shadowRoot : t;
+    i = Pe(
       e.children,
       /**
        * @todo for hydration use attribute and send childNodes
        */
-      a,
-      h,
+      i,
+      m,
       n,
       // add support to foreignObject, children will escape from svg
-      !l && s,
+      !a && s,
       r && e.type == "foreignObject" ? !1 : r
     );
   }
-  return t[n] = { vnode: e, handlers: f, fragment: a, cycle: l + 1 }, t;
+  return t[n] = { vnode: e, handlers: f, fragment: i, cycle: a + 1 }, t;
 }
 function Te(e, t) {
-  const n = new st(""), s = new st("");
+  const n = new ot(""), s = new ot("");
   let r;
   if (e[t ? "prepend" : "append"](n), t) {
     let { lastElementChild: o } = e;
     for (; o; ) {
       const { previousElementSibling: c } = o;
-      if (tt(o, !0) && !tt(c, !0)) {
+      if (et(o, !0) && !et(c, !0)) {
         r = o;
         break;
       }
@@ -469,63 +469,63 @@ function Te(e, t) {
 }
 function Pe(e, t, n, s, r, o) {
   e = e == null ? null : re(e) ? e : [e];
-  const c = t || Te(n, r), { markStart: u, markEnd: l, keyes: a } = c;
+  const c = t || Te(n, r), { markStart: u, markEnd: a, keyes: i } = c;
   let f;
-  const d = a && /* @__PURE__ */ new Set();
-  let i = u;
-  if (e && $t(e, (h) => {
-    if (typeof h == "object" && !h[I])
+  const d = i && /* @__PURE__ */ new Set();
+  let l = u;
+  if (e && Ut(e, (m) => {
+    if (typeof m == "object" && !m[I])
       return;
-    const E = h[I] && h.key, b = a && E != null && a.get(E);
-    i != l && i === b ? d.delete(i) : i = i == l ? l : i.nextSibling;
-    const m = a ? b : i;
-    let p = m;
-    if (h[I])
-      p = Kt(h, m, s, r, o);
+    const v = m[I] && m.key, p = i && v != null && i.get(v);
+    l != a && l === p ? d.delete(l) : l = l == a ? a : l.nextSibling;
+    const h = i ? p : l;
+    let b = h;
+    if (m[I])
+      b = Ht(m, h, s, r, o);
     else {
-      const S = h + "";
-      !(p instanceof Text) || p instanceof st ? p = new Text(S) : p.data != S && (p.data = S);
+      const A = m + "";
+      !(b instanceof Text) || b instanceof ot ? b = new Text(A) : b.data != A && (b.data = A);
     }
-    p != i && (a && d.delete(p), !m || a ? (n.insertBefore(p, i), a && i != l && d.add(i)) : m == l ? n.insertBefore(p, l) : (n.replaceChild(p, m), i = p)), E != null && (f = f || /* @__PURE__ */ new Map(), f.set(E, p));
-  }), i = i == l ? l : i.nextSibling, t && i != l)
-    for (; i != l; ) {
-      const h = i;
-      i = i.nextSibling, h.remove();
+    b != l && (i && d.delete(b), !h || i ? (n.insertBefore(b, l), i && l != a && d.add(l)) : h == a ? n.insertBefore(b, a) : (n.replaceChild(b, h), l = b)), v != null && (f = f || /* @__PURE__ */ new Map(), f.set(v, b));
+  }), l = l == a ? a : l.nextSibling, t && l != a)
+    for (; l != a; ) {
+      const m = l;
+      l = l.nextSibling, m.remove();
     }
-  return d && d.forEach((h) => h.remove()), c.keyes = f, c;
+  return d && d.forEach((m) => m.remove()), c.keyes = f, c;
 }
 function Ne(e, t, n, s, r) {
   for (const o in t)
-    !(o in n) && vt(e, o, t[o], null, r, s);
+    !(o in n) && Dt(e, o, t[o], null, r, s);
   for (const o in n)
-    vt(e, o, t[o], n[o], r, s);
+    Dt(e, o, t[o], n[o], r, s);
 }
-function vt(e, t, n, s, r, o) {
+function Dt(e, t, n, s, r, o) {
   if (t = t == "class" && !r ? "className" : t, n = n ?? null, s = s ?? null, t in e && Ee[t] && (n = e[t]), !(s === n || De[t] || t[0] == "_"))
-    if (t[0] == "o" && t[1] == "n" && (C(s) || C(n)))
+    if (t[0] == "o" && t[1] == "n" && (w(s) || w(n)))
       ke(e, t.slice(2), s, o);
     else if (t == "ref")
-      s && (C(s) ? s(e) : s.current = e);
+      s && (w(s) ? s(e) : s.current = e);
     else if (t == "style") {
       const { style: c } = e;
       n = n || "", s = s || "";
-      const u = R(n), l = R(s);
+      const u = R(n), a = R(s);
       if (u)
-        for (const a in n)
-          if (l)
-            !(a in s) && Dt(c, a, null);
+        for (const i in n)
+          if (a)
+            !(i in s) && St(c, i, null);
           else
             break;
-      if (l)
-        for (const a in s) {
-          const f = s[a];
-          u && n[a] === f || Dt(c, a, f);
+      if (a)
+        for (const i in s) {
+          const f = s[i];
+          u && n[i] === f || St(c, i, f);
         }
       else
         c.cssText = s;
     } else {
       const c = t[0] == "$" ? t.slice(1) : t;
-      c === t && (!r && !ve[t] && t in e || C(s) || C(n)) ? e[t] = s ?? "" : s == null ? e.removeAttribute(c) : e.setAttribute(
+      c === t && (!r && !ve[t] && t in e || w(s) || w(n)) ? e[t] = s ?? "" : s == null ? e.removeAttribute(c) : e.setAttribute(
         c,
         R(s) ? JSON.stringify(s) : s
       );
@@ -541,20 +541,20 @@ function ke(e, t, n, s) {
   } else
     s[t] && (e.removeEventListener(t, s), delete s[t]);
 }
-function Dt(e, t, n) {
+function St(e, t, n) {
   let s = "setProperty";
   n == null && (s = "removeProperty", n = null), ~t.indexOf("-") ? e[s](t, n) : e[t] = n;
 }
-const St = {};
-function B(e, ...t) {
+const wt = {};
+function z(e, ...t) {
   const n = (e.raw || e).reduce(
     (s, r, o) => s + r + (t[o] || ""),
     ""
   );
-  return St[n] = St[n] || Oe(n);
+  return wt[n] = wt[n] || Oe(n);
 }
 function Oe(e) {
-  if (zt.sheet) {
+  if (qt.sheet) {
     const t = new CSSStyleSheet();
     return t.replaceSync(e), t;
   } else {
@@ -562,10 +562,10 @@ function Oe(e) {
     return t.textContent = e, t;
   }
 }
-const Me = Ht("host", { style: "display: contents" }), W = A("atomico/context"), Ae = (e, t) => {
-  const n = L();
+const Me = zt("host", { style: "display: contents" }), W = M("atomico/context"), Ae = (e, t) => {
+  const n = _();
   ge(
-    () => Lt(
+    () => $t(
       n.current,
       "ConnectContext",
       /**
@@ -578,7 +578,7 @@ const Me = Ht("host", { style: "display: contents" }), W = A("atomico/context"),
     [e]
   );
 }, Fe = (e) => {
-  const t = T("ConnectContext", {
+  const t = C("ConnectContext", {
     bubbles: !0,
     composed: !0
   }), n = () => {
@@ -589,10 +589,10 @@ const Me = Ht("host", { style: "display: contents" }), W = A("atomico/context"),
         o = c;
       }
     }), o;
-  }, [s, r] = ot(
+  }, [s, r] = rt(
     n
   );
-  return z(() => {
+  return $(() => {
     s || (e[W] || (e[W] = customElements.whenDefined(
       new e().localName
     )), e[W].then(
@@ -600,14 +600,14 @@ const Me = Ht("host", { style: "display: contents" }), W = A("atomico/context"),
     ));
   }, [e]), s;
 }, Re = (e) => {
-  const t = Fe(e), n = It();
-  return z(() => {
+  const t = Fe(e), n = Rt();
+  return $(() => {
     if (t)
-      return Lt(t, "UpdatedValue", n);
+      return $t(t, "UpdatedValue", n);
   }, [t]), (t || e).value;
 }, Ie = (e) => {
-  const t = _(
-    () => (Ae(t, L().current), Me),
+  const t = j(
+    () => (Ae(t, _().current), Me),
     {
       props: {
         value: {
@@ -619,28 +619,29 @@ const Me = Ht("host", { style: "display: contents" }), W = A("atomico/context"),
     }
   );
   return t.value = e, t;
-}, y = (e, t, n) => (t == null ? t = { key: n } : t.key = n, Ht(e, t)), U = y, Jt = B`*,*:before,*:after{box-sizing:border-box}button{padding:0;touch-action:manipulation;cursor:pointer;user-select:none}`, Zt = B`.vh{position:absolute;transform:scale(0)}`;
-function ct() {
-  return v.from(/* @__PURE__ */ new Date());
+}, y = (e, t, n) => (t == null ? t = { key: n } : t.key = n, zt(e, t)), U = y, Kt = z`*,*:before,*:after{box-sizing:border-box}button{padding:0;touch-action:manipulation;cursor:pointer;user-select:none}`, Jt = z`.vh{position:absolute;transform:scale(0)}`;
+function it() {
+  const e = /* @__PURE__ */ new Date();
+  return new E(e.getFullYear(), e.getMonth() + 1, e.getDate());
 }
-function it(e, t = 0) {
-  const n = w(e), s = n.getUTCDay(), r = (s < t ? 7 : 0) + s - t;
-  return n.setUTCDate(n.getUTCDate() - r), v.from(n);
+function at(e, t = 0) {
+  const n = S(e), s = n.getUTCDay(), r = (s < t ? 7 : 0) + s - t;
+  return n.setUTCDate(n.getUTCDate() - r), E.from(n);
 }
-function Wt(e, t = 0) {
-  return it(e, t).add({ days: 6 });
+function Zt(e, t = 0) {
+  return at(e, t).add({ days: 6 });
 }
-function Xt(e) {
-  return v.from(new Date(Date.UTC(e.year, e.month, 0)));
+function Wt(e) {
+  return E.from(new Date(Date.UTC(e.year, e.month, 0)));
 }
 function H(e, t, n) {
-  return t && v.compare(e, t) < 0 ? t : n && v.compare(e, n) > 0 ? n : e;
+  return t && E.compare(e, t) < 0 ? t : n && E.compare(e, n) > 0 ? n : e;
 }
 const Ue = { days: 1 };
 function $e(e, t = 0) {
-  let n = it(e.toPlainDate(), t);
-  const s = Wt(Xt(e), t), r = [];
-  for (; v.compare(n, s) < 0; ) {
+  let n = at(e.toPlainDate(), t);
+  const s = Zt(Wt(e), t), r = [];
+  for (; E.compare(n, s) < 0; ) {
     const o = [];
     for (let c = 0; c < 7; c++)
       o.push(n), n = n.add(Ue);
@@ -648,11 +649,11 @@ function $e(e, t = 0) {
   }
   return r;
 }
-function w(e) {
+function S(e) {
   return new Date(Date.UTC(e.year, e.month - 1, e.day ?? 1));
 }
 const Le = /^(\d{4})-(0[1-9]|1[0-2])-(0[1-9]|[12][0-9]|3[0-1])$/, X = (e, t) => e.toString().padStart(t, "0");
-class v {
+class E {
   constructor(t, n, s) {
     this.year = t, this.month = n, this.day = s;
   }
@@ -660,13 +661,13 @@ class v {
   // i didn't want to get into more complex arithmetic since it get tricky fast
   // this is enough to serve my needs and will still be a drop-in replacement when actual Temporal API lands
   add(t) {
-    const n = w(this);
+    const n = S(this);
     if ("days" in t)
-      return n.setUTCDate(this.day + t.days), v.from(n);
+      return n.setUTCDate(this.day + t.days), E.from(n);
     let { year: s, month: r } = this;
     "months" in t ? (r = this.month + t.months, n.setUTCMonth(r - 1)) : (s = this.year + t.years, n.setUTCFullYear(s));
-    const o = v.from(w({ year: s, month: r, day: 1 }));
-    return H(v.from(n), o, Xt(o));
+    const o = E.from(S({ year: s, month: r, day: 1 }));
+    return H(E.from(n), o, Wt(o));
   }
   toString() {
     return `${X(this.year, 4)}-${X(this.month, 2)}-${X(this.day, 2)}`;
@@ -675,7 +676,7 @@ class v {
     return new K(this.year, this.month);
   }
   equals(t) {
-    return v.compare(this, t) === 0;
+    return E.compare(this, t) === 0;
   }
   static compare(t, n) {
     return t.year < n.year ? -1 : t.year > n.year ? 1 : t.month < n.month ? -1 : t.month > n.month ? 1 : t.day < n.day ? -1 : t.day > n.day ? 1 : 0;
@@ -686,13 +687,13 @@ class v {
       if (!n)
         throw new TypeError(t);
       const [, s, r, o] = n;
-      return new v(
+      return new E(
         parseInt(s, 10),
         parseInt(r, 10),
         parseInt(o, 10)
       );
     }
-    return new v(
+    return new E(
       t.getUTCFullYear(),
       t.getUTCMonth() + 1,
       t.getUTCDate()
@@ -704,14 +705,14 @@ class K {
     this.year = t, this.month = n;
   }
   add(t) {
-    const n = w(this), s = (t.months ?? 0) + (t.years ?? 0) * 12;
+    const n = S(this), s = (t.months ?? 0) + (t.years ?? 0) * 12;
     return n.setUTCMonth(n.getUTCMonth() + s), new K(n.getUTCFullYear(), n.getUTCMonth() + 1);
   }
   equals(t) {
     return this.year === t.year && this.month === t.month;
   }
   toPlainDate() {
-    return new v(this.year, this.month, 1);
+    return new E(this.year, this.month, 1);
   }
 }
 function x(e, t) {
@@ -721,37 +722,37 @@ function x(e, t) {
     } catch {
     }
 }
-function N(e) {
-  const [t, n] = rt(e);
-  return [P(() => x(v, t), [t]), (o) => n(o?.toString())];
+function P(e) {
+  const [t, n] = ct(e);
+  return [T(() => x(E, t), [t]), (o) => n(o?.toString())];
 }
 function _e(e) {
-  const [t = "", n] = rt(e);
-  return [P(() => {
-    const [o, c] = t.split("/"), u = x(v, o), l = x(v, c);
-    return u && l ? [u, l] : [];
+  const [t = "", n] = ct(e);
+  return [T(() => {
+    const [o, c] = t.split("/"), u = x(E, o), a = x(E, c);
+    return u && a ? [u, a] : [];
   }, [t]), (o) => n(`${o[0]}/${o[1]}`)];
 }
 function je(e) {
-  const [t = "", n] = rt(e);
-  return [P(() => {
+  const [t = "", n] = ct(e);
+  return [T(() => {
     const o = [];
     for (const c of t.trim().split(/\s+/)) {
-      const u = x(v, c);
+      const u = x(E, c);
       u && o.push(u);
     }
     return o;
   }, [t]), (o) => n(o.join(" "))];
 }
-function $(e, t) {
-  return P(
+function L(e, t) {
+  return T(
     () => new Intl.DateTimeFormat(t, { timeZone: "UTC", ...e }),
     [t, e]
   );
 }
-function wt(e, t, n) {
-  const s = $(e, n);
-  return P(() => {
+function Ct(e, t, n) {
+  const s = L(e, n);
+  return T(() => {
     const r = [], o = /* @__PURE__ */ new Date();
     for (var c = 0; c < 7; c++) {
       const u = (o.getUTCDay() - t + 7) % 7;
@@ -760,120 +761,120 @@ function wt(e, t, n) {
     return r;
   }, [t, s]);
 }
-const Ct = (e, t, n) => H(e, t, n) === e, Tt = (e) => e.target.matches(":dir(ltr)"), Ye = { month: "long", day: "numeric" }, qe = { month: "long" }, xe = { weekday: "narrow" }, ze = { weekday: "long" }, G = { bubbles: !0 };
-function Be({ props: e, context: t }) {
+const Tt = (e, t, n) => H(e, t, n) === e, Pt = (e) => e.target.matches(":dir(ltr)"), Ye = { month: "long", day: "numeric" }, Be = { month: "long" }, qe = { weekday: "narrow" }, xe = { weekday: "long" }, G = { bubbles: !0 };
+function ze({ props: e, context: t }) {
   const { offset: n } = e, {
     firstDayOfWeek: s,
     isDateDisallowed: r,
     min: o,
     max: c,
     page: u,
-    locale: l,
-    focusedDate: a
-  } = t, f = ct(), d = wt(ze, s, l), i = wt(xe, s, l), h = $(Ye, l), E = $(qe, l), b = P(
+    locale: a,
+    focusedDate: i
+  } = t, f = it(), d = Ct(xe, s, a), l = Ct(qe, s, a), m = L(Ye, a), v = L(Be, a), p = T(
     () => u.start.add({ months: n }),
     [u, n]
-  ), m = P(
-    () => $e(b, s),
-    [b, s]
-  ), p = T("focusday", G), S = T("selectday", G), Gt = T("hoverday", G);
-  function ht(g) {
-    p(H(g, o, c));
+  ), h = T(
+    () => $e(p, s),
+    [p, s]
+  ), b = C("focusday", G), A = C("selectday", G), Xt = C("hoverday", G);
+  function mt(g) {
+    b(H(g, o, c));
   }
-  function Qt(g) {
+  function Gt(g) {
     let D;
     switch (g.key) {
       case "ArrowRight":
-        D = a.add({ days: Tt(g) ? 1 : -1 });
+        D = i.add({ days: Pt(g) ? 1 : -1 });
         break;
       case "ArrowLeft":
-        D = a.add({ days: Tt(g) ? -1 : 1 });
+        D = i.add({ days: Pt(g) ? -1 : 1 });
         break;
       case "ArrowDown":
-        D = a.add({ days: 7 });
+        D = i.add({ days: 7 });
         break;
       case "ArrowUp":
-        D = a.add({ days: -7 });
+        D = i.add({ days: -7 });
         break;
       case "PageUp":
-        D = a.add(g.shiftKey ? { years: -1 } : { months: -1 });
+        D = i.add(g.shiftKey ? { years: -1 } : { months: -1 });
         break;
       case "PageDown":
-        D = a.add(g.shiftKey ? { years: 1 } : { months: 1 });
+        D = i.add(g.shiftKey ? { years: 1 } : { months: 1 });
         break;
       case "Home":
-        D = it(a, s);
+        D = at(i, s);
         break;
       case "End":
-        D = Wt(a, s);
+        D = Zt(i, s);
         break;
       default:
         return;
     }
-    ht(D), g.preventDefault();
+    mt(D), g.preventDefault();
   }
-  function Vt(g) {
-    const D = b.equals(g);
+  function Qt(g) {
+    const D = p.equals(g);
     if (!t.showOutsideDays && !D)
       return;
-    const te = g.equals(a), mt = g.equals(f), yt = w(g), j = r?.(yt), pt = !Ct(g, o, c);
-    let bt = "", k;
+    const Vt = g.equals(i), yt = g.equals(f), pt = S(g), Y = r?.(pt), bt = !Tt(g, o, c);
+    let gt = "", N;
     if (t.type === "range") {
-      const [F, J] = t.value, gt = F?.equals(g), Et = J?.equals(g);
-      k = F && J && Ct(g, F, J), bt = `${gt ? "range-start" : ""} ${Et ? "range-end" : ""} ${k && !gt && !Et ? "range-inner" : ""}`;
+      const [F, J] = t.value, Et = F?.equals(g), vt = J?.equals(g);
+      N = F && J && Tt(g, F, J), gt = `${Et ? "range-start" : ""} ${vt ? "range-end" : ""} ${N && !Et && !vt ? "range-inner" : ""}`;
     } else
-      t.type === "multi" ? k = t.value.some((F) => F.equals(g)) : k = t.value?.equals(g);
+      t.type === "multi" ? N = t.value.some((F) => F.equals(g)) : N = t.value?.equals(g);
     return {
       part: `${`button day ${// we don't want outside days to ever be shown as selected
-      D ? k ? "selected" : "" : "outside"} ${j ? "disallowed" : ""} ${mt ? "today" : ""}`} ${bt}`,
-      tabindex: D && te ? 0 : -1,
-      disabled: pt,
-      "aria-disabled": j ? "true" : void 0,
-      "aria-pressed": D && k,
-      "aria-current": mt ? "date" : void 0,
-      "aria-label": h.format(yt),
-      onkeydown: Qt,
+      D ? N ? "selected" : "" : "outside"} ${Y ? "disallowed" : ""} ${yt ? "today" : ""}`} ${gt}`,
+      tabindex: D && Vt ? 0 : -1,
+      disabled: bt,
+      "aria-disabled": Y ? "true" : void 0,
+      "aria-pressed": D && N,
+      "aria-current": yt ? "date" : void 0,
+      "aria-label": m.format(pt),
+      onkeydown: Gt,
       onclick() {
-        j || S(g), ht(g);
+        Y || A(g), mt(g);
       },
       onmouseover() {
-        !j && !pt && Gt(g);
+        !Y && !bt && Xt(g);
       }
     };
   }
   return {
-    weeks: m,
-    yearMonth: b,
+    weeks: h,
+    yearMonth: p,
     daysLong: d,
-    daysShort: i,
-    formatter: E,
-    getDayProps: Vt
+    daysShort: l,
+    formatter: v,
+    getDayProps: Qt
   };
 }
-const Q = ct(), at = Ie({
+const Q = it(), lt = Ie({
   type: "date",
   firstDayOfWeek: 1,
   isDateDisallowed: () => !1,
   focusedDate: Q,
   page: { start: Q.toPlainYearMonth(), end: Q.toPlainYearMonth() }
 });
-customElements.define("calendar-month-ctx", at);
-const He = _(
+customElements.define("calendar-month-ctx", lt);
+const He = j(
   (e) => {
-    const t = Re(at), n = Rt(), s = Be({ props: e, context: t });
+    const t = Re(lt), n = se(), s = ze({ props: e, context: t });
     function r() {
       n.current.querySelector("button[tabindex='0']")?.focus();
     }
     return /* @__PURE__ */ U("host", { shadowDom: !0, focus: r, children: [
-      /* @__PURE__ */ y("div", { id: "h", part: "heading", children: s.formatter.format(w(s.yearMonth)) }),
+      /* @__PURE__ */ y("div", { id: "h", part: "heading", children: s.formatter.format(S(s.yearMonth)) }),
       /* @__PURE__ */ U("table", { ref: n, "aria-labelledby": "h", part: "table", children: [
         /* @__PURE__ */ y("thead", { children: /* @__PURE__ */ y("tr", { part: "tr head", children: s.daysLong.map((o, c) => /* @__PURE__ */ U("th", { part: "th", scope: "col", children: [
           /* @__PURE__ */ y("span", { class: "vh", children: o }),
           /* @__PURE__ */ y("span", { "aria-hidden": "true", children: s.daysShort[c] })
         ] })) }) }),
-        /* @__PURE__ */ y("tbody", { children: s.weeks.map((o, c) => /* @__PURE__ */ y("tr", { part: "tr week", children: o.map((u, l) => {
-          const a = s.getDayProps(u);
-          return /* @__PURE__ */ y("td", { part: "td", children: a && /* @__PURE__ */ y("button", { ...a, children: u.day }) }, l);
+        /* @__PURE__ */ y("tbody", { children: s.weeks.map((o, c) => /* @__PURE__ */ y("tr", { part: "tr week", children: o.map((u, a) => {
+          const i = s.getDayProps(u);
+          return /* @__PURE__ */ y("td", { part: "td", children: i && /* @__PURE__ */ y("button", { ...i, children: u.day }) }, a);
         }) }, c)) })
       ] })
     ] });
@@ -886,14 +887,14 @@ const He = _(
       }
     },
     styles: [
+      Kt,
       Jt,
-      Zt,
-      B`:host{--color-accent: black;--color-text-on-accent: white;display:flex;flex-direction:column;gap:.25rem;text-align:center;inline-size:fit-content}table{border-collapse:collapse;font-size:.875rem}th{font-weight:700;block-size:2.25rem}td{padding-inline:0}button{color:inherit;font-size:inherit;background:transparent;border:0;font-variant-numeric:tabular-nums;block-size:2.25rem;inline-size:2.25rem}button:hover:where(:not(:disabled,[aria-disabled])){background:#0000000d}button:is([aria-pressed=true],:focus-visible){background:var(--color-accent);color:var(--color-text-on-accent)}button:focus-visible{outline:1px solid var(--color-text-on-accent);outline-offset:-2px}button:disabled,:host::part(outside),:host::part(disallowed){cursor:default;opacity:.5}`
+      z`:host{--color-accent: black;--color-text-on-accent: white;display:flex;flex-direction:column;gap:.25rem;text-align:center;inline-size:fit-content}table{border-collapse:collapse;font-size:.875rem}th{font-weight:700;block-size:2.25rem}td{padding-inline:0}button{color:inherit;font-size:inherit;background:transparent;border:0;font-variant-numeric:tabular-nums;block-size:2.25rem;inline-size:2.25rem}button:hover:where(:not(:disabled,[aria-disabled])){background:#0000000d}button:is([aria-pressed=true],:focus-visible){background:var(--color-accent);color:var(--color-text-on-accent)}button:focus-visible{outline:1px solid var(--color-text-on-accent);outline-offset:-2px}button:disabled,:host::part(outside),:host::part(disallowed){cursor:default;opacity:.5}`
     ]
   }
 );
 customElements.define("calendar-month", He);
-function Pt(e) {
+function Nt(e) {
   return /* @__PURE__ */ y(
     "button",
     {
@@ -904,17 +905,17 @@ function Pt(e) {
     }
   );
 }
-function lt(e) {
-  const t = w(e.page.start), n = w(e.page.end);
+function ut(e) {
+  const t = S(e.page.start), n = S(e.page.end);
   return /* @__PURE__ */ U("div", { role: "group", "aria-labelledby": "h", part: "container", children: [
     /* @__PURE__ */ y("div", { id: "h", class: "vh", "aria-live": "polite", "aria-atomic": "true", children: e.formatVerbose.formatRange(t, n) }),
     /* @__PURE__ */ U("div", { part: "header", children: [
-      /* @__PURE__ */ y(Pt, { name: "previous", onclick: e.previous, children: "Previous" }),
+      /* @__PURE__ */ y(Nt, { name: "previous", onclick: e.previous, children: "Previous" }),
       /* @__PURE__ */ y("slot", { part: "heading", name: "heading", children: /* @__PURE__ */ y("div", { "aria-hidden": "true", children: e.format.formatRange(t, n) }) }),
-      /* @__PURE__ */ y(Pt, { name: "next", onclick: e.next, children: "Next" })
+      /* @__PURE__ */ y(Nt, { name: "next", onclick: e.next, children: "Next" })
     ] }),
     /* @__PURE__ */ y(
-      at,
+      lt,
       {
         value: e,
         onselectday: e.onSelect,
@@ -925,7 +926,7 @@ function lt(e) {
     )
   ] });
 }
-const ut = {
+const ft = {
   value: {
     type: String,
     value: ""
@@ -968,12 +969,12 @@ const ut = {
     type: String,
     value: () => "months"
   }
-}, ft = [
+}, dt = [
+  Kt,
   Jt,
-  Zt,
-  B`:host{display:block;inline-size:fit-content}[role=group]{display:flex;flex-direction:column;gap:1em}:host::part(header){display:flex;align-items:center;justify-content:space-between}:host::part(heading){font-weight:700;font-size:1.25em}button{display:flex;align-items:center;justify-content:center}button[aria-disabled]{cursor:default;opacity:.5}`
+  z`:host{display:block;inline-size:fit-content}[role=group]{display:flex;flex-direction:column;gap:1em}:host::part(header){display:flex;align-items:center;justify-content:space-between}:host::part(heading){font-weight:700;font-size:1.25em}button{display:flex;align-items:center;justify-content:center}button[aria-disabled]{cursor:default;opacity:.5}`
 ], Ke = { year: "numeric" }, Je = { year: "numeric", month: "long" };
-function Nt(e, t) {
+function V(e, t) {
   return (t.year - e.year) * 12 + t.month - e.month;
 }
 const kt = (e, t) => (e = t === 12 ? new K(e.year, 1) : e, {
@@ -988,76 +989,72 @@ function Ze({
   min: r,
   goto: o
 }) {
-  const c = Rt(!1), [u, l] = ot(
+  const c = e === "single" ? 1 : n, [u, a] = rt(
     () => kt(t.toPlainYearMonth(), n)
-  ), a = (i) => {
-    const h = Nt(u.start, i.toPlainYearMonth());
-    return h >= 0 && h < n;
-  };
-  z(() => {
-    let i = u.start;
-    if (c.current && e === "single")
-      i = t.toPlainYearMonth();
-    else if (!a(t)) {
-      const h = Nt(i, t.toPlainYearMonth()), E = Math.floor(h / n);
-      i = i.add({ months: E * n });
-    }
-    c.current = !1, l(kt(i, n));
-  }, [u.start, t, n, e]);
-  const f = e === "single" ? 1 : n, d = (i) => () => {
-    c.current = !0, o(t.add({ months: i }));
+  ), i = (d) => a(kt(u.start.add({ months: d }), n)), f = (d) => {
+    const l = V(u.start, d.toPlainYearMonth());
+    return l >= 0 && l < n;
   };
-  return {
+  return $(() => {
+    if (f(t))
+      return;
+    const d = V(t.toPlainYearMonth(), u.start);
+    o(t.add({ months: d }));
+  }, [u.start]), $(() => {
+    if (f(t))
+      return;
+    const d = V(u.start, t.toPlainYearMonth());
+    i(d === -1 ? -c : d === n ? c : Math.floor(d / n) * n);
+  }, [t, c, n]), {
     page: u,
-    previous: r == null || !a(r) ? d(-f) : void 0,
-    next: s == null || !a(s) ? d(f) : void 0
+    previous: !r || !f(r) ? () => i(-c) : void 0,
+    next: !s || !f(s) ? () => i(c) : void 0
   };
 }
-function dt({
+function ht({
   months: e,
   pageBy: t,
   locale: n,
   focusedDate: s,
   setFocusedDate: r
 }) {
-  const [o] = N("min"), [c] = N("max"), u = T("focusday"), l = T("change"), a = P(
-    () => H(s ?? ct(), o, c),
+  const [o] = P("min"), [c] = P("max"), u = C("focusday"), a = C("change"), i = T(
+    () => H(s ?? it(), o, c),
     [s, o, c]
   );
-  function f(S) {
-    r(S), u(w(S));
+  function f(h) {
+    r(h), u(S(h));
   }
-  const { next: d, previous: i, page: h } = Ze({
+  const { next: d, previous: l, page: m } = Ze({
     pageBy: t,
-    focusedDate: a,
+    focusedDate: i,
     months: e,
     min: o,
     max: c,
     goto: f
-  }), E = L();
-  function b() {
-    E.current.querySelectorAll("calendar-month").forEach((S) => S.focus());
+  }), v = _();
+  function p() {
+    v.current.querySelectorAll("calendar-month").forEach((h) => h.focus());
   }
-  const m = $(Ke, n), p = $(Je, n);
   return {
-    format: m,
-    formatVerbose: p,
-    page: h,
-    focusedDate: a,
-    dispatch: l,
-    onFocus(S) {
-      S.stopPropagation(), f(S.detail), setTimeout(b);
+    format: L(Ke, n),
+    formatVerbose: L(Je, n),
+    page: m,
+    focusedDate: i,
+    dispatch: a,
+    onFocus(h) {
+      h.stopPropagation(), f(h.detail), setTimeout(p);
     },
     min: o,
     max: c,
     next: d,
-    previous: i,
-    focus: b
+    previous: l,
+    focus: p
   };
 }
-const We = _(
+const We = j(
   (e) => {
-    const [t, n] = N("value"), [s = t, r] = N("focusedDate"), o = dt({
+    const [t, n] = P("value"), [s = t, r] = P("focusedDate"), o = ht({
       ...e,
       focusedDate: s,
       setFocusedDate: r
@@ -1066,7 +1063,7 @@ const We = _(
       n(u.detail), o.dispatch();
     }
     return /* @__PURE__ */ y("host", { shadowDom: !0, focus: o.focus, children: /* @__PURE__ */ y(
-      lt,
+      ut,
       {
         ...e,
         ...o,
@@ -1076,68 +1073,68 @@ const We = _(
       }
     ) });
   },
-  { props: ut, styles: ft }
+  { props: ft, styles: dt }
 );
 customElements.define("calendar-date", We);
-const Ot = (e, t) => v.compare(e, t) < 0 ? [e, t] : [t, e], Xe = _(
+const Ot = (e, t) => E.compare(e, t) < 0 ? [e, t] : [t, e], Xe = j(
   (e) => {
-    const [t, n] = _e("value"), [s = t[0], r] = N("focusedDate"), o = dt({
+    const [t, n] = _e("value"), [s = t[0], r] = P("focusedDate"), o = ht({
       ...e,
       focusedDate: s,
       setFocusedDate: r
-    }), c = T("rangestart"), u = T("rangeend"), [l, a] = N(
+    }), c = C("rangestart"), u = C("rangeend"), [a, i] = P(
       "tentative"
-    ), [f, d] = ot();
-    z(() => d(void 0), [l]);
-    function i(m) {
-      o.onFocus(m), h(m);
+    ), [f, d] = rt();
+    $(() => d(void 0), [a]);
+    function l(h) {
+      o.onFocus(h), m(h);
     }
-    function h(m) {
-      m.stopPropagation(), l && d(m.detail);
+    function m(h) {
+      h.stopPropagation(), a && d(h.detail);
     }
-    function E(m) {
-      const p = m.detail;
-      m.stopPropagation(), l ? (n(Ot(l, p)), a(void 0), u(w(p)), o.dispatch()) : (a(p), c(w(p)));
+    function v(h) {
+      const b = h.detail;
+      h.stopPropagation(), a ? (n(Ot(a, b)), i(void 0), u(S(b)), o.dispatch()) : (i(b), c(S(b)));
     }
-    const b = l ? Ot(l, f ?? l) : t;
+    const p = a ? Ot(a, f ?? a) : t;
     return /* @__PURE__ */ y("host", { shadowDom: !0, focus: o.focus, children: /* @__PURE__ */ y(
-      lt,
+      ut,
       {
         ...e,
         ...o,
         type: "range",
-        value: b,
-        onFocus: i,
-        onHover: h,
-        onSelect: E
+        value: p,
+        onFocus: l,
+        onHover: m,
+        onSelect: v
       }
     ) });
   },
   {
     props: {
-      ...ut,
+      ...ft,
       tentative: {
         type: String,
         value: ""
       }
     },
-    styles: ft
+    styles: dt
   }
 );
 customElements.define("calendar-range", Xe);
-const Ge = _(
+const Ge = j(
   (e) => {
-    const [t, n] = je("value"), [s = t[0], r] = N("focusedDate"), o = dt({
+    const [t, n] = je("value"), [s = t[0], r] = P("focusedDate"), o = ht({
       ...e,
       focusedDate: s,
       setFocusedDate: r
     });
     function c(u) {
-      const l = [...t], a = t.findIndex((f) => f.equals(u.detail));
-      a < 0 ? l.push(u.detail) : l.splice(a, 1), n(l), o.dispatch();
+      const a = [...t], i = t.findIndex((f) => f.equals(u.detail));
+      i < 0 ? a.push(u.detail) : a.splice(i, 1), n(a), o.dispatch();
     }
     return /* @__PURE__ */ y("host", { shadowDom: !0, focus: o.focus, children: /* @__PURE__ */ y(
-      lt,
+      ut,
       {
         ...e,
         ...o,
@@ -1147,7 +1144,7 @@ const Ge = _(
       }
     ) });
   },
-  { props: ut, styles: ft }
+  { props: ft, styles: dt }
 );
 customElements.define("calendar-multi", Ge);
 export {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cally",
-  "version": "0.7.0",
+  "version": "0.7.2",
   "description": "small, feature-rich calendar components",
   "license": "MIT",
   "type": "module",