cally 0.5.2 → 0.5.3

package/dist/cally.js

@@ -29,13 +29,13 @@ class te {
     return this.#e.add(t), () => this.#e.delete(t);
   }
 }
-const Ct = (e) => new te(e), Q = Symbol.for("atomico.hooks");
+const Pt = (e) => new te(e), Q = Symbol.for("atomico.hooks");
 globalThis[Q] = globalThis[Q] || {};
 let N = globalThis[Q];
-const ee = Symbol.for("Atomico.suspense"), Pt = Symbol.for("Atomico.effect"), ne = Symbol.for("Atomico.layoutEffect"), Nt = Symbol.for("Atomico.insertionEffect"), k = (e, t, n) => {
+const ee = Symbol.for("Atomico.suspense"), Nt = Symbol.for("Atomico.effect"), ne = Symbol.for("Atomico.layoutEffect"), kt = Symbol.for("Atomico.insertionEffect"), k = (e, t, n) => {
   const { i: s, hooks: o } = N.c, r = o[s] = o[s] || {};
   return r.value = e(r.value), r.effect = t, r.tag = n, N.c.i++, o[s].value;
-}, se = (e) => k((t = Ct(e)) => t), $ = () => k((e = Ct(N.c.host)) => e), kt = () => N.c.update, oe = (e, t, n = 0) => {
+}, se = (e) => k((t = Pt(e)) => t), U = () => k((e = Pt(N.c.host)) => e), Ot = () => N.c.update, oe = (e, t, n = 0) => {
   let s = {}, o = !1;
   const r = () => o, c = (i, u) => {
     for (const d in s) {
@@ -56,11 +56,11 @@ const ee = Symbol.for("Atomico.suspense"), Pt = Symbol.for("Atomico.effect"), ne
       N.c = null;
     }
     return u;
-  }, cleanEffects: (i) => (c(Nt, i), () => (c(ne, i), () => {
-    c(Pt, i);
+  }, cleanEffects: (i) => (c(kt, i), () => (c(ne, i), () => {
+    c(Nt, i);
   })), isSuspense: r };
 }, O = Symbol.for;
-function Ot(e, t) {
+function At(e, t) {
   const n = e.length;
   if (n !== t.length)
     return !1;
@@ -72,7 +72,7 @@ function Ot(e, t) {
   return !0;
 }
 const T = (e) => typeof e == "function", R = (e) => typeof e == "object", { isArray: re } = Array, V = (e, t) => (t ? e instanceof HTMLStyleElement : !0) && "hydrate" in (e?.dataset || {});
-function At(e, t) {
+function Rt(e, t) {
   let n;
   const s = (o) => {
     let { length: r } = o;
@@ -90,8 +90,8 @@ function At(e, t) {
   };
   s(e), n != null && t(n);
 }
-const Rt = (e, t, n) => (e.addEventListener(t, n), () => e.removeEventListener(t, n));
-class Mt {
+const Mt = (e, t, n) => (e.addEventListener(t, n), () => e.removeEventListener(t, n));
+class Ft {
   /**
    *
    * @param {HTMLElement} target
@@ -102,11 +102,11 @@ class Mt {
     this.message = n, this.target = t, this.value = s;
   }
 }
-class Ft extends Mt {
+class It extends Ft {
 }
-class ce extends Mt {
+class ce extends Ft {
 }
-const _ = "Custom", ie = null, ae = { true: 1, "": 1, 1: 1 };
+const j = "Custom", ie = null, ae = { true: 1, "": 1, 1: 1 };
 function le(e, t, n, s, o) {
   const {
     type: r,
@@ -114,7 +114,7 @@ function le(e, t, n, s, o) {
     event: f,
     value: a,
     attr: i = ue(t)
-  } = n?.name != _ && R(n) && n != ie ? n : { type: n }, u = r?.name === _ && r.map, d = a != null ? r == Function || !T(a) ? () => a : a : null;
+  } = n?.name != j && R(n) && n != ie ? n : { type: n }, u = r?.name === j && r.map, d = a != null ? r == Function || !T(a) ? () => a : a : null;
   Object.defineProperty(e, t, {
     configurable: !0,
     /**
@@ -129,12 +129,12 @@ function le(e, t, n, s, o) {
         l
       );
       if (p && y != null)
-        throw new Ft(
+        throw new It(
           this,
           `The value defined for prop '${t}' must be of type '${r.name}'`,
           y
         );
-      m != y && (this._props[t] = y ?? void 0, this.update(), f && It(this, f), this.updated.then(() => {
+      m != y && (this._props[t] = y ?? void 0, this.update(), f && $t(this, f), this.updated.then(() => {
         c && (this._ignoreAttr = i, fe(this, r, i, this[t]), this._ignoreAttr = null);
       }));
     },
@@ -146,10 +146,10 @@ function le(e, t, n, s, o) {
     }
   }), d && (o[t] = d()), s[i] = { prop: t, type: r };
 }
-const It = (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 $t = (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 === _ && 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 == _ ? t : (
+  t?.name === j && 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 == j ? t : (
   // TODO: If when defining reflect the prop can also be of type string?
   new e(t)
 ), he = ({ map: e }, t) => {
@@ -172,7 +172,7 @@ let ye = 0;
 const pe = (e) => {
   const t = (e?.dataset || {})?.hydrate || "";
   return t || "c" + ye++;
-}, j = (e, t = HTMLElement) => {
+}, Y = (e, t = HTMLElement) => {
   const n = {}, s = {}, o = "prototype" in t && t.prototype instanceof Element, r = o ? t : "base" in t ? t.base : HTMLElement, { props: c, styles: f } = o ? e : t;
   class a extends r {
     constructor() {
@@ -269,7 +269,7 @@ function be(e) {
   const { styles: t } = e.constructor, { shadowRoot: n } = e;
   if (n && t.length) {
     const s = [];
-    At(t, (o) => {
+    Rt(t, (o) => {
       o && (o instanceof Element ? n.appendChild(o.cloneNode(!0)) : s.push(o));
     }), s.length && (n.adoptedStyleSheets = s);
   }
@@ -280,15 +280,15 @@ const Ut = (e) => (t, n) => {
      * Clean the effect hook
      * @type {import("internal/hooks.js").CollectorEffect}
      */
-    ([s, o] = []) => ((o || !o) && (o && Ot(o, n) ? s = s || !0 : (T(s) && s(), s = null)), [s, n]),
+    ([s, o] = []) => ((o || !o) && (o && At(o, n) ? s = s || !0 : (T(s) && s(), s = null)), [s, n]),
     /**
      * @returns {any}
      */
     ([s, o], r) => r ? (T(s) && s(), []) : [s || t(), o],
     e
   );
-}, ot = Ut(Pt), ge = Ut(Nt);
-class $t extends Array {
+}, ot = Ut(Nt), ge = Ut(kt);
+class Lt extends Array {
   /**
    *
    * @param {any} initialState
@@ -319,31 +319,31 @@ class $t extends Array {
   // }
 }
 const rt = (e) => {
-  const t = kt();
+  const t = Ot();
   return k(
-    (n = new $t(e, (s, o, r) => {
+    (n = new Lt(e, (s, o, r) => {
       s = T(s) ? s(o[0]) : s, s !== o[0] && (o[0] = s, r || t());
     })) => n
   );
 }, P = (e, t) => {
-  const [n] = k(([s, o, r = 0] = []) => ((!o || o && !Ot(o, t)) && (s = e()), [s, t, r]));
+  const [n] = k(([s, o, r = 0] = []) => ((!o || o && !At(o, t)) && (s = e()), [s, t, r]));
   return n;
-}, Lt = (e) => {
-  const { current: t } = $();
+}, _t = (e) => {
+  const { current: t } = U();
   if (!(e in t))
-    throw new Ft(
+    throw new It(
       t,
       `For useProp("${e}"), the prop does not exist on the host.`,
       e
     );
   return k(
-    (n = new $t(t[e], (s, o) => {
+    (n = new Lt(t[e], (s, o) => {
       s = T(s) ? s(t[e]) : s, t[e] = s;
     })) => (n[0] = t[e], n)
   );
 }, C = (e, t = {}) => {
-  const n = $();
-  return n[e] || (n[e] = (s = t.detail) => It(n.current, {
+  const n = U();
+  return n[e] || (n[e] = (s = t.detail) => $t(n.current, {
     type: e,
     ...t,
     detail: s
@@ -352,7 +352,7 @@ const rt = (e) => {
 globalThis[tt] = globalThis[tt] || {
   sheet: !!document.adoptedStyleSheets
 };
-const _t = globalThis[tt], Ee = {
+const jt = globalThis[tt], Ee = {
   checked: 1,
   value: 1,
   selected: 1
@@ -372,16 +372,16 @@ const _t = globalThis[tt], Ee = {
   cloneNode: 1,
   children: 1,
   key: 1
-}, L = {}, et = [];
+}, _ = {}, et = [];
 class nt extends Text {
 }
-const we = O("atomico/id"), M = O("atomico/type"), J = O("atomico/ref"), jt = O("atomico/vnode"), ve = () => {
+const we = O("atomico/id"), M = O("atomico/type"), J = O("atomico/ref"), Yt = O("atomico/vnode"), ve = () => {
 };
 function Te(e, t, n) {
-  return xt(this, e, t, n);
+  return Bt(this, e, t, n);
 }
-const Yt = (e, t, ...n) => {
-  const s = t || L;
+const xt = (e, t, ...n) => {
+  const s = t || _;
   let { children: o } = s;
   if (o = o ?? (n.length ? n : et), e === ve)
     return o;
@@ -393,9 +393,9 @@ const Yt = (e, t, ...n) => {
     return e(
       o != et ? { children: o, ...s } : s
     );
-  const c = _t.render || Te;
+  const c = jt.render || Te;
   return {
-    [M]: jt,
+    [M]: Yt,
     type: e,
     props: s,
     children: o,
@@ -414,9 +414,9 @@ const Yt = (e, t, ...n) => {
     render: c
   };
 };
-function xt(e, t, n = we, s, o) {
+function Bt(e, t, n = we, s, o) {
   let r;
-  if (t && t[n] && t[n].vnode == e || e[M] != jt)
+  if (t && t[n] && t[n].vnode == e || e[M] != Yt)
     return t;
   (e || !t) && (o = o || e.type == "svg", r = e.type != "host" && (e.raw == 1 ? (t && e.clone ? t[J] : t) != e.type : e.raw == 2 ? !(t instanceof e.type) : t ? t[J] || t.localName != e.type : !t), r && e.type != null && (e.raw == 1 && e.clone ? (s = !0, t = e.type.cloneNode(!0), t[J] = e.type) : t = e.raw == 1 ? e.type : e.raw == 2 ? new e.type() : o ? document.createElementNS(
     "http://www.w3.org/2000/svg",
@@ -425,9 +425,9 @@ function xt(e, t, n = we, s, o) {
     e.type,
     e.is ? { is: e.is } : void 0
   )));
-  const c = t[n] ? t[n] : L, { vnode: f = L, cycle: a = 0 } = c;
+  const c = t[n] ? t[n] : _, { vnode: f = _, cycle: a = 0 } = c;
   let { fragment: i, handlers: u } = c;
-  const { children: d = et, props: l = L } = f;
+  const { children: d = et, props: l = _ } = f;
   if (u = r ? {} : u || {}, e.static && !r)
     return t;
   if (e.shadow && !t.shadowRoot && // @ts-ignore
@@ -473,7 +473,7 @@ function Pe(e, t, n, s, o, r) {
   let u;
   const d = i && /* @__PURE__ */ new Set();
   let l = f;
-  if (e && At(e, (m) => {
+  if (e && Rt(e, (m) => {
     if (typeof m == "object" && !m[M])
       return;
     const p = m[M] && m.key, y = i && p != null && i.get(p);
@@ -481,7 +481,7 @@ function Pe(e, t, n, s, o, r) {
     const E = i ? y : l;
     let h = E;
     if (m[M])
-      h = xt(m, E, s, o, r);
+      h = Bt(m, E, s, o, r);
     else {
       const v = m + "";
       !(h instanceof Text) || h instanceof nt ? h = new Text(v) : h.data != v && (h.data = v);
@@ -496,11 +496,11 @@ function Pe(e, t, n, s, o, r) {
 }
 function Ne(e, t, n, s, o) {
   for (const r in t)
-    !(r in n) && yt(e, r, t[r], null, o, s);
+    !(r in n) && pt(e, r, t[r], null, o, s);
   for (const r in n)
-    yt(e, r, t[r], n[r], o, s);
+    pt(e, r, t[r], n[r], o, s);
 }
-function yt(e, t, n, s, o, r) {
+function pt(e, t, n, s, o, r) {
   if (t = t == "class" && !o ? "className" : t, n = n ?? null, s = s ?? null, t in e && Ee[t] && (n = e[t]), !(s === n || Se[t] || t[0] == "_"))
     if (t[0] == "o" && t[1] == "n" && (T(s) || T(n)))
       ke(e, t.slice(2), s, r);
@@ -513,13 +513,13 @@ function yt(e, t, n, s, o, r) {
       if (f)
         for (const i in n)
           if (a)
-            !(i in s) && pt(c, i, null);
+            !(i in s) && bt(c, i, null);
           else
             break;
       if (a)
         for (const i in s) {
           const u = s[i];
-          f && n[i] === u || pt(c, i, u);
+          f && n[i] === u || bt(c, i, u);
         }
       else
         c.cssText = s;
@@ -541,20 +541,20 @@ function ke(e, t, n, s) {
   } else
     s[t] && (e.removeEventListener(t, s), delete s[t]);
 }
-function pt(e, t, n) {
+function bt(e, t, n) {
   let s = "setProperty";
   n == null && (s = "removeProperty", n = null), ~t.indexOf("-") ? e[s](t, n) : e[t] = n;
 }
-const bt = {};
-function Y(e, ...t) {
+const gt = {};
+function x(e, ...t) {
   const n = (e.raw || e).reduce(
     (s, o, r) => s + o + (t[r] || ""),
     ""
   );
-  return bt[n] = bt[n] || Oe(n);
+  return gt[n] = gt[n] || Oe(n);
 }
 function Oe(e) {
-  if (_t.sheet) {
+  if (jt.sheet) {
     const t = new CSSStyleSheet();
     return t.replaceSync(e), t;
   } else {
@@ -562,10 +562,10 @@ function Oe(e) {
     return t.textContent = e, t;
   }
 }
-const Ae = Yt("host", { style: "display: contents" }), Z = O("atomico/context"), Re = (e, t) => {
-  const n = $();
+const Ae = xt("host", { style: "display: contents" }), Z = O("atomico/context"), Re = (e, t) => {
+  const n = U();
   ge(
-    () => Rt(
+    () => Mt(
       n.current,
       "ConnectContext",
       /**
@@ -600,14 +600,14 @@ const Ae = Yt("host", { style: "display: contents" }), Z = O("atomico/context"),
     ));
   }, [e]), s;
 }, Fe = (e) => {
-  const t = Me(e), n = kt();
+  const t = Me(e), n = Ot();
   return ot(() => {
     if (t)
-      return Rt(t, "UpdatedValue", n);
+      return Mt(t, "UpdatedValue", n);
   }, [t]), (t || e).value;
 }, Ie = (e) => {
-  const t = j(
-    () => (Re(t, $().current), Ae),
+  const t = Y(
+    () => (Re(t, U().current), Ae),
     {
       props: {
         value: {
@@ -619,7 +619,7 @@ const Ae = Yt("host", { style: "display: contents" }), Z = O("atomico/context"),
     }
   );
   return t.value = e, t;
-}, b = (e, t, n) => (t == null ? t = { key: n } : t.key = n, Yt(e, t)), F = b, Bt = Y`*,*:before,*:after{box-sizing:border-box}button{padding:0;touch-action:manipulation;cursor:pointer;user-select:none}`, zt = Y`.vh{position:absolute;transform:scale(0)}`;
+}, b = (e, t, n) => (t == null ? t = { key: n } : t.key = n, xt(e, t)), F = b, zt = x`*,*:before,*:after{box-sizing:border-box}button{padding:0;touch-action:manipulation;cursor:pointer;user-select:none}`, qt = x`.vh{position:absolute;transform:scale(0)}`;
 function ct() {
   return D.from(/* @__PURE__ */ new Date());
 }
@@ -627,23 +627,23 @@ function it(e, t = 0) {
   const n = w(e), s = n.getUTCDay(), o = (s < t ? 7 : 0) + s - t;
   return n.setUTCDate(n.getUTCDate() - o), D.from(n);
 }
-function qt(e, t = 0) {
+function Ht(e, t = 0) {
   return it(e, t).add({ days: 6 });
 }
-function Ht(e) {
+function Kt(e) {
   return D.from(new Date(Date.UTC(e.year, e.month, 0)));
 }
-function x(e, t, n) {
+function B(e, t, n) {
   return t && D.compare(e, t) < 0 ? t : n && D.compare(e, n) > 0 ? n : e;
 }
-const Ue = { days: 1 };
-function $e(e, t = 0) {
+const $e = { days: 1 };
+function Ue(e, t = 0) {
   let n = it(e.toPlainDate(), t);
-  const s = qt(Ht(e), t), o = [];
+  const s = Ht(Kt(e), t), o = [];
   for (; D.compare(n, s) < 0; ) {
     const r = [];
     for (let c = 0; c < 7; c++)
-      r.push(n), n = n.add(Ue);
+      r.push(n), n = n.add($e);
     o.push(r);
   }
   return o;
@@ -666,13 +666,13 @@ class D {
     let { year: s, month: o } = this;
     "months" in t ? (o = this.month + t.months, n.setUTCMonth(o - 1)) : (s = this.year + t.years, n.setUTCFullYear(s));
     const r = D.from(w({ year: s, month: o, day: 1 }));
-    return x(D.from(n), r, Ht(r));
+    return B(D.from(n), r, Kt(r));
   }
   toString() {
     return `${W(this.year, 4)}-${W(this.month, 2)}-${W(this.day, 2)}`;
   }
   toPlainYearMonth() {
-    return new B(this.year, this.month);
+    return new z(this.year, this.month);
   }
   equals(t) {
     return D.compare(this, t) === 0;
@@ -699,13 +699,13 @@ class D {
     );
   }
 }
-class B {
+class z {
   constructor(t, n) {
     this.year = t, this.month = n;
   }
   add(t) {
     const n = w(this), s = (t.months ?? 0) + (t.years ?? 0) * 12;
-    return n.setUTCMonth(n.getUTCMonth() + s), new B(n.getUTCFullYear(), n.getUTCMonth() + 1);
+    return n.setUTCMonth(n.getUTCMonth() + s), new z(n.getUTCFullYear(), n.getUTCMonth() + 1);
   }
   equals(t) {
     return this.year === t.year && this.month === t.month;
@@ -722,7 +722,7 @@ function st(e, t) {
     }
 }
 function I(e) {
-  const [t, n] = Lt(e);
+  const [t, n] = _t(e);
   return [P(() => st(D, t), [t]), (r) => n(r.toString())];
 }
 function _e(e) {
@@ -734,17 +734,17 @@ function _e(e) {
   return [];
 }
 function je(e) {
-  const [t, n] = Lt(e);
+  const [t, n] = _t(e);
   return [P(() => _e(t), [t]), (r) => n(`${r[0]}/${r[1]}`)];
 }
-function U(e, t) {
+function $(e, t) {
   return P(
     () => new Intl.DateTimeFormat(t, { timeZone: "UTC", ...e }),
     [t, e]
   );
 }
-function gt(e, t, n) {
-  const s = U(e, n);
+function Et(e, t, n) {
+  const s = $(e, n);
   return P(() => {
     const o = [], r = /* @__PURE__ */ new Date();
     for (var c = 0; c < 7; c++) {
@@ -754,7 +754,7 @@ function gt(e, t, n) {
     return o;
   }, [t, s]);
 }
-const Et = (e, t, n) => x(e, t, n) === e, Dt = (e) => e.target.matches(":dir(ltr)"), Ye = { month: "long", day: "numeric" }, xe = { month: "long" }, Be = { weekday: "narrow" }, ze = { weekday: "long" }, X = { bubbles: !0 };
+const Dt = (e, t, n) => B(e, t, n) === e, St = (e) => e.target.matches(":dir(ltr)"), Ye = { month: "long", day: "numeric" }, xe = { month: "long" }, Be = { weekday: "narrow" }, ze = { weekday: "long" }, X = { bubbles: !0 };
 function qe({ props: e, context: t }) {
   const { offset: n } = e, {
     firstDayOfWeek: s,
@@ -764,24 +764,24 @@ function qe({ props: e, context: t }) {
     page: f,
     locale: a,
     focusedDate: i
-  } = t, u = ct(), d = gt(ze, s, a), l = gt(Be, s, a), m = U(Ye, a), p = U(xe, a), y = P(
+  } = t, u = ct(), d = Et(ze, s, a), l = Et(Be, s, a), m = $(Ye, a), p = $(xe, a), y = P(
     () => f.start.add({ months: n }),
     [f, n]
   ), E = P(
-    () => $e(y, s),
+    () => Ue(y, s),
     [y, s]
-  ), h = C("focusday", X), v = C("selectday", X), z = C("hoverday", X);
+  ), h = C("focusday", X), v = C("selectday", X), q = C("hoverday", X);
   function lt(g) {
-    h(x(g, r, c));
+    h(B(g, r, c));
   }
-  function Xt(g) {
+  function Gt(g) {
     let S;
     switch (g.key) {
       case "ArrowRight":
-        S = i.add({ days: Dt(g) ? 1 : -1 });
+        S = i.add({ days: St(g) ? 1 : -1 });
         break;
       case "ArrowLeft":
-        S = i.add({ days: Dt(g) ? -1 : 1 });
+        S = i.add({ days: St(g) ? -1 : 1 });
         break;
       case "ArrowDown":
         S = i.add({ days: 7 });
@@ -799,38 +799,39 @@ function qe({ props: e, context: t }) {
         S = it(i, s);
         break;
       case "End":
-        S = qt(i, s);
+        S = Ht(i, s);
         break;
       default:
         return;
     }
     lt(S), g.preventDefault();
   }
-  function Gt(g) {
+  function Qt(g) {
     const S = y.equals(g);
     if (!S && !t.showOutsideDays)
       return;
-    const Qt = g.equals(i), Vt = g.equals(u), ut = w(g), q = o?.(ut), ft = !Et(g, r, c);
-    let dt = "", A;
+    const Vt = g.equals(i), ut = g.equals(u), ft = w(g), L = o?.(ft), dt = !Dt(g, r, c);
+    let ht = "", A;
     if ("highlightedRange" in t) {
-      const [H, K] = t.highlightedRange, ht = H?.equals(g), mt = K?.equals(g);
-      A = H && K && Et(g, H, K), dt = `${ht ? "range-start" : ""} ${mt ? "range-end" : ""} ${A && !ht && !mt ? "range-inner" : ""}`;
+      const [H, K] = t.highlightedRange, mt = H?.equals(g), yt = K?.equals(g);
+      A = H && K && Dt(g, H, K), ht = `${mt ? "range-start" : ""} ${yt ? "range-end" : ""} ${A && !mt && !yt ? "range-inner" : ""}`;
     } else
       A = t.value?.equals(g);
     return {
-      part: `button day ${S ? A ? "selected" : "" : "outside"} ${dt}`,
-      tabindex: S && Qt ? 0 : -1,
-      disabled: ft,
-      "aria-disabled": q ? "true" : void 0,
+      part: `${`button day ${// we don't want outside days to ever be shown as selected
+      S ? A ? "selected" : "" : "outside"} ${L ? "disallowed" : ""} ${ut ? "today" : ""}`} ${ht}`,
+      tabindex: S && Vt ? 0 : -1,
+      disabled: dt,
+      "aria-disabled": L ? "true" : void 0,
       "aria-pressed": S && A,
-      "aria-current": Vt ? "date" : void 0,
-      "aria-label": m.format(ut),
-      onkeydown: Xt,
+      "aria-current": ut ? "date" : void 0,
+      "aria-label": m.format(ft),
+      onkeydown: Gt,
       onclick() {
-        q || v(g), lt(g);
+        L || v(g), lt(g);
       },
       onmouseover() {
-        !q && !ft && z(g);
+        !L && !dt && q(g);
       }
     };
   }
@@ -840,7 +841,7 @@ function qe({ props: e, context: t }) {
     daysLong: d,
     daysShort: l,
     formatter: p,
-    getDayProps: Gt
+    getDayProps: Qt
   };
 }
 const G = ct(), at = Ie({
@@ -850,7 +851,7 @@ const G = ct(), at = Ie({
   page: { start: G.toPlainYearMonth(), end: G.toPlainYearMonth() }
 });
 customElements.define("calendar-month-ctx", at);
-const He = j(
+const He = Y(
   (e) => {
     const t = Fe(at), n = se(), s = qe({ props: e, context: t });
     function o() {
@@ -878,14 +879,14 @@ const He = j(
       }
     },
     styles: [
-      Bt,
       zt,
-      Y`: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)){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}`
+      qt,
+      x`: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)){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 St(e) {
+function wt(e) {
   return /* @__PURE__ */ b(
     "button",
     {
@@ -896,14 +897,14 @@ function St(e) {
     }
   );
 }
-function Kt(e) {
+function Jt(e) {
   const t = w(e.page.start), n = w(e.page.end);
   return /* @__PURE__ */ F("div", { role: "group", "aria-labelledby": "h", part: "container", children: [
     /* @__PURE__ */ b("div", { id: "h", class: "vh", "aria-live": "polite", "aria-atomic": "true", children: e.formatVerbose.formatRange(t, n) }),
     /* @__PURE__ */ F("div", { part: "header", children: [
-      /* @__PURE__ */ b(St, { name: "previous", onclick: e.previous, children: "Previous" }),
+      /* @__PURE__ */ b(wt, { name: "previous", onclick: e.previous, children: "Previous" }),
       /* @__PURE__ */ b("div", { part: "heading", "aria-hidden": "true", children: e.format.formatRange(t, n) }),
-      /* @__PURE__ */ b(St, { name: "next", onclick: e.next, children: "Next" })
+      /* @__PURE__ */ b(wt, { name: "next", onclick: e.next, children: "Next" })
     ] }),
     /* @__PURE__ */ b(
       at,
@@ -917,7 +918,7 @@ function Kt(e) {
     )
   ] });
 }
-const Jt = {
+const Zt = {
   value: {
     type: String,
     value: ""
@@ -956,49 +957,49 @@ const Jt = {
     value: () => {
     }
   }
-}, Zt = [
-  Bt,
+}, Wt = [
   zt,
-  Y`: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}`
+  qt,
+  x`: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 wt(e, t) {
+function vt(e, t) {
   return (t.year - e.year) * 12 + t.month - e.month;
 }
-const vt = (e, t) => (e = t === 12 ? new B(e.year, 1) : e, {
+const Tt = (e, t) => (e = t === 12 ? new z(e.year, 1) : e, {
   start: e,
   end: e.add({ months: t - 1 })
 });
-function Wt({
+function Xt({
   months: e,
   locale: t,
   focusedDate: n,
   setFocusedDate: s
 }) {
   const [o] = I("min"), [r] = I("max"), c = C("focusday"), f = C("change"), a = P(
-    () => x(n ?? ct(), o, r),
+    () => B(n ?? ct(), o, r),
     [n, o, r]
   ), [i, u] = rt(
-    () => vt(a.toPlainYearMonth(), e)
+    () => Tt(a.toPlainYearMonth(), e)
   ), d = (h) => {
-    const v = wt(i.start, h.toPlainYearMonth());
+    const v = vt(i.start, h.toPlainYearMonth());
     return v >= 0 && v < e;
   };
   ot(() => {
     let h = i.start;
     if (!d(a)) {
-      const v = wt(h, a.toPlainYearMonth()), z = Math.floor(v / e);
-      h = h.add({ months: z * e });
+      const v = vt(h, a.toPlainYearMonth()), q = Math.floor(v / e);
+      h = h.add({ months: q * e });
     }
-    u(vt(h, e));
+    u(Tt(h, e));
   }, [a, e]);
-  const l = $();
+  const l = U();
   function m() {
     l.current.querySelectorAll("calendar-month").forEach((h) => h.focus());
   }
   function p(h) {
     s(h), c(w(h));
   }
-  const y = U(Ke, t), E = U(Je, t);
+  const y = $(Ke, t), E = $(Je, t);
   return {
     format: y,
     formatVerbose: E,
@@ -1015,9 +1016,9 @@ function Wt({
     focus: m
   };
 }
-const Ze = j(
+const Ze = Y(
   (e) => {
-    const [t, n] = I("value"), [s = t, o] = I("focusedDate"), r = Wt({
+    const [t, n] = I("value"), [s = t, o] = I("focusedDate"), r = Xt({
       ...e,
       focusedDate: s,
       setFocusedDate: o
@@ -1026,7 +1027,7 @@ const Ze = j(
       n(f.detail), r.dispatch();
     }
     return /* @__PURE__ */ b("host", { shadowDom: !0, focus: r.focus, children: /* @__PURE__ */ b(
-      Kt,
+      Jt,
       {
         ...e,
         ...r,
@@ -1035,12 +1036,12 @@ const Ze = j(
       }
     ) });
   },
-  { props: Jt, styles: Zt }
+  { props: Zt, styles: Wt }
 );
 customElements.define("calendar-date", Ze);
-const Tt = (e, t) => D.compare(e, t) < 0 ? [e, t] : [t, e], We = j(
+const Ct = (e, t) => D.compare(e, t) < 0 ? [e, t] : [t, e], We = Y(
   (e) => {
-    const [t, n] = je("value"), [s = t[0], o] = I("focusedDate"), r = Wt({
+    const [t, n] = je("value"), [s = t[0], o] = I("focusedDate"), r = Xt({
       ...e,
       focusedDate: s,
       setFocusedDate: o
@@ -1053,11 +1054,11 @@ const Tt = (e, t) => D.compare(e, t) < 0 ? [e, t] : [t, e], We = j(
     }
     function l(p) {
       const y = p.detail;
-      p.stopPropagation(), a ? (n(Tt(a.a, y)), i(void 0), f(w(y)), r.dispatch()) : (i({ a: y, b: y }), c(w(y)));
+      p.stopPropagation(), a ? (n(Ct(a.a, y)), i(void 0), f(w(y)), r.dispatch()) : (i({ a: y, b: y }), c(w(y)));
     }
-    const m = a ? Tt(a.a, a.b) : t;
+    const m = a ? Ct(a.a, a.b) : t;
     return /* @__PURE__ */ b("host", { shadowDom: !0, focus: r.focus, children: /* @__PURE__ */ b(
-      Kt,
+      Jt,
       {
         ...e,
         ...r,
@@ -1068,7 +1069,7 @@ const Tt = (e, t) => D.compare(e, t) < 0 ? [e, t] : [t, e], We = j(
       }
     ) });
   },
-  { props: Jt, styles: Zt }
+  { props: Zt, styles: Wt }
 );
 customElements.define("calendar-range", We);
 export {

package/package.json

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