cally 0.7.2 → 0.8.0

package/dist/cally.js

@@ -1,4 +1,4 @@
-class te {
+class se {
   /**
    * @type {T}
    */
@@ -29,37 +29,37 @@ class te {
     return this.#e.add(t), () => this.#e.delete(t);
   }
 }
-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) => {
+const At = (e) => new se(e), nt = Symbol.for("atomico.hooks");
+globalThis[nt] = globalThis[nt] || {};
+let O = globalThis[nt];
+const oe = Symbol.for("Atomico.suspense"), Ft = Symbol.for("Atomico.effect"), re = Symbol.for("Atomico.layoutEffect"), Rt = 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;
+}, ae = (e) => M((t = At(e)) => t), _ = () => M((e = At(O.c.host)) => e), $t = () => O.c.update, ce = (e, t, n = 0) => {
   let s = {}, r = !1;
-  const o = () => r, c = (i, f) => {
+  const o = () => r, a = (l, c) => {
     for (const d in s) {
-      const l = s[d];
-      l.effect && l.tag === i && (l.value = l.effect(l.value, f));
+      const f = s[d];
+      f.effect && f.tag === l && (f.value = f.effect(f.value, c));
     }
   };
-  return { load: (i) => {
-    k.c = { host: t, hooks: s, update: e, i: 0, id: n };
-    let f;
+  return { load: (l) => {
+    O.c = { host: t, hooks: s, update: e, i: 0, id: n };
+    let c;
     try {
-      r = !1, f = i();
+      r = !1, c = l();
     } catch (d) {
-      if (d !== ee)
+      if (d !== oe)
         throw d;
       r = !0;
     } finally {
-      k.c = null;
+      O.c = null;
     }
-    return f;
-  }, cleanEffects: (i) => (c(Ft, i), () => (c(ne, i), () => {
-    c(At, i);
+    return c;
+  }, cleanEffects: (l) => (a(Rt, l), () => (a(re, l), () => {
+    a(Ft, l);
   })), isSuspense: o };
-}, M = Symbol.for;
+}, A = Symbol.for;
 function It(e, t) {
   const n = e.length;
   if (n !== t.length)
@@ -71,27 +71,27 @@ function It(e, t) {
   }
   return !0;
 }
-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 || {});
+const T = (e) => typeof e == "function", R = (e) => typeof e == "object", { isArray: ie } = Array, st = (e, t) => (t ? e instanceof HTMLStyleElement : !0) && "hydrate" in (e?.dataset || {});
 function Ut(e, t) {
   let n;
   const s = (r) => {
     let { length: o } = r;
-    for (let c = 0; c < o; c++) {
-      const u = r[c];
+    for (let a = 0; a < o; a++) {
+      const u = r[a];
       if (u && Array.isArray(u))
         s(u);
       else {
-        const a = typeof u;
-        if (u == null || a === "function" || a === "boolean")
+        const i = typeof u;
+        if (u == null || i === "function" || i === "boolean")
           continue;
-        a === "string" || a === "number" ? (n == null && (n = ""), n += u) : (n != null && (t(n), n = null), t(u));
+        i === "string" || i === "number" ? (n == null && (n = ""), n += u) : (n != null && (t(n), n = null), t(u));
       }
     }
   };
   s(e), n != null && t(n);
 }
-const $t = (e, t, n) => (e.addEventListener(t, n), () => e.removeEventListener(t, n));
-class Lt {
+const Lt = (e, t, n) => (e.addEventListener(t, n), () => e.removeEventListener(t, n));
+class _t {
   /**
    *
    * @param {HTMLElement} target
@@ -102,40 +102,40 @@ class Lt {
     this.message = n, this.target = t, this.value = s;
   }
 }
-class _t extends Lt {
+class jt extends _t {
 }
-class ce extends Lt {
+class le extends _t {
 }
-const q = "Custom", ie = null, ae = { true: 1, "": 1, 1: 1 };
-function le(e, t, n, s, r) {
+const x = "Custom", ue = null, fe = { true: 1, "": 1, 1: 1 };
+function de(e, t, n, s, r) {
   const {
     type: o,
-    reflect: c,
+    reflect: a,
     event: u,
-    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;
+    value: i,
+    attr: l = he(t)
+  } = n?.name != x && R(n) && n != ue ? n : { type: n }, c = o?.name === x && o.map, d = i != null ? o == Function || !T(i) ? () => i : i : null;
   Object.defineProperty(e, t, {
     configurable: !0,
     /**
      * @this {import("dom").AtomicoThisInternal}
      * @param {any} newValue
      */
-    set(l) {
+    set(f) {
       const m = this[t];
-      d && o != Boolean && l == null && (l = d());
-      const { error: v, value: p } = (f ? he : me)(
+      d && o != Boolean && f == null && (f = d());
+      const { error: E, value: g } = (c ? pe : be)(
         o,
-        l
+        f
       );
-      if (v && p != null)
-        throw new _t(
+      if (E && g != null)
+        throw new jt(
           this,
           `The value defined for prop '${t}' must be of type '${o.name}'`,
-          p
+          g
         );
-      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);
+      m != g && (this._props[t] = g ?? void 0, this.update(), u && Yt(this, u), this.updated.then(() => {
+        a && (this._ignoreAttr = l, me(this, o, l, this[t]), this._ignoreAttr = null);
       }));
     },
     /**
@@ -144,21 +144,21 @@ function le(e, t, n, s, r) {
     get() {
       return this._props[t];
     }
-  }), d && (r[t] = d()), s[i] = { prop: t, type: o };
+  }), d && (r[t] = d()), s[l] = { prop: t, type: o };
 }
-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(
+const Yt = (e, { type: t, base: n = CustomEvent, ...s }) => e.dispatchEvent(new n(t, s)), he = (e) => e.replace(/([A-Z])/g, "-$1").toLowerCase(), me = (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 : (
+  t?.name === x && t?.serialize ? t?.serialize(s) : R(s) ? JSON.stringify(s) : t == Boolean ? "" : s
+), ye = (e, t) => e == Boolean ? !!fe[t] : e == Number ? Number(t) : e == String ? t : e == Array || e == Object ? JSON.parse(t) : e.name == x ? t : (
   // TODO: If when defining reflect the prop can also be of type string?
   new e(t)
-), he = ({ map: e }, t) => {
+), pe = ({ map: e }, t) => {
   try {
     return { value: e(t), error: !1 };
   } catch {
     return { value: t, error: !0 };
   }
-}, me = (e, t) => e == null || t == null ? { value: t, error: !1 } : e != String && t === "" ? { value: void 0, error: !1 } : e == Object || e == Array || e == Symbol ? {
+}, be = (e, t) => e == null || t == null ? { value: t, error: !1 } : e != String && t === "" ? { value: void 0, error: !1 } : e == Object || e == Array || e == Symbol ? {
   value: t,
   error: {}.toString.call(t) !== `[object ${e.name}]`
 } : t instanceof e ? {
@@ -168,17 +168,17 @@ const jt = (e, { type: t, base: n = CustomEvent, ...s }) => e.dispatchEvent(new
   value: t,
   error: e == Number ? typeof t != "number" ? !0 : Number.isNaN(t) : e == String ? typeof t != "string" : typeof t != "boolean"
 } : { value: t, error: !0 };
-let ye = 0;
-const pe = (e) => {
+let ge = 0;
+const ve = (e) => {
   const t = (e?.dataset || {})?.hydrate || "";
-  return t || "c" + ye++;
+  return t || "c" + ge++;
 }, 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 a extends o {
+  const n = {}, s = {}, r = "prototype" in t && t.prototype instanceof Element, o = r ? t : "base" in t ? t.base : HTMLElement, { props: a, styles: u } = r ? e : t;
+  class i extends o {
     constructor() {
       super(), this._setup(), this._render = () => e({ ...this._props });
-      for (const f in s)
-        this[f] = s[f];
+      for (const c in s)
+        this[c] = s[c];
     }
     /**
      * @returns {import("core").Sheets[]}
@@ -190,28 +190,28 @@ const pe = (e) => {
       if (this._props)
         return;
       this._props = {};
-      let f, d;
+      let c, d;
       this.mounted = new Promise(
-        (h) => this.mount = () => {
-          h(), f != this.parentNode && (d != f ? this.unmounted.then(this.update) : this.update()), f = this.parentNode;
+        (y) => this.mount = () => {
+          y(), c != this.parentNode && (d != c ? this.unmounted.then(this.update) : this.update()), c = this.parentNode;
         }
       ), this.unmounted = new Promise(
-        (h) => this.unmount = () => {
-          h(), (f != this.parentNode || !this.isConnected) && (l.cleanEffects(!0)()(), d = this.parentNode, f = null);
+        (y) => this.unmount = () => {
+          y(), (c != this.parentNode || !this.isConnected) && (f.cleanEffects(!0)()(), d = this.parentNode, c = null);
         }
       ), this.symbolId = this.symbolId || Symbol(), this.symbolIdParent = Symbol();
-      const l = oe(
+      const f = ce(
         () => this.update(),
         this,
-        pe(this)
+        ve(this)
       );
-      let m, v = !0;
-      const p = et(this);
+      let m, E = !0;
+      const g = st(this);
       this.update = () => (m || (m = !0, this.updated = (this.updated || this.mounted).then(() => {
         try {
-          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();
+          const y = f.load(this._render), h = f.cleanEffects();
+          return y && //@ts-ignore
+          y.render(this, this.symbolId, g), m = !1, E && !f.isSuspense() && (E = !1, !g && Ee(this)), h();
         } finally {
           m = !1;
         }
@@ -219,8 +219,8 @@ const pe = (e) => {
         /**
          * @param {import("internal/hooks.js").CleanUseEffects} [cleanUseEffect]
          */
-        (h) => {
-          h && h();
+        (y) => {
+          y && y();
         }
       )), this.updated), this.update();
     }
@@ -236,36 +236,36 @@ const pe = (e) => {
      * @param {(string|null)} oldValue
      * @param {(string|null)} value
      */
-    attributeChangedCallback(f, d, l) {
-      if (n[f]) {
-        if (f === this._ignoreAttr || d === l)
+    attributeChangedCallback(c, d, f) {
+      if (n[c]) {
+        if (c === this._ignoreAttr || d === f)
           return;
-        const { prop: m, type: v } = n[f];
+        const { prop: m, type: E } = n[c];
         try {
-          this[m] = de(v, l);
+          this[m] = ye(E, f);
         } catch {
-          throw new ce(
+          throw new le(
             this,
-            `The value defined as attr '${f}' cannot be parsed by type '${v.name}'`,
-            l
+            `The value defined as attr '${c}' cannot be parsed by type '${E.name}'`,
+            f
           );
         }
       } else
-        super.attributeChangedCallback(f, d, l);
+        super.attributeChangedCallback(c, d, f);
     }
     static get props() {
-      return { ...super.props, ...c };
+      return { ...super.props, ...a };
     }
     static get observedAttributes() {
-      const f = super.observedAttributes || [];
-      for (const d in c)
-        le(this.prototype, d, c[d], n, s);
-      return Object.keys(n).concat(f);
+      const c = super.observedAttributes || [];
+      for (const d in a)
+        de(this.prototype, d, a[d], n, s);
+      return Object.keys(n).concat(c);
     }
   }
-  return a;
+  return i;
 };
-function be(e) {
+function Ee(e) {
   const { styles: t } = e.constructor, { shadowRoot: n } = e;
   if (n && t.length) {
     const s = [];
@@ -274,21 +274,21 @@ function be(e) {
     }), s.length && (n.adoptedStyleSheets = s);
   }
 }
-const Yt = (e) => (t, n) => {
-  O(
+const Bt = (e) => (t, n) => {
+  M(
     /**
      * Clean the effect hook
      * @type {import("internal/hooks.js").CollectorEffect}
      */
-    ([s, r] = []) => ((r || !r) && (r && It(r, n) ? s = s || !0 : (w(s) && s(), s = null)), [s, n]),
+    ([s, r] = []) => ((r || !r) && (r && It(r, n) ? s = s || !0 : (T(s) && s(), s = null)), [s, n]),
     /**
      * @returns {any}
      */
-    ([s, r], o) => o ? (w(s) && s(), []) : [s || t(), r],
+    ([s, r], o) => o ? (T(s) && s(), []) : [s || t(), r],
     e
   );
-}, $ = Yt(At), ge = Yt(Ft);
-class Bt extends Array {
+}, U = Bt(Ft), De = Bt(Rt);
+class qt extends Array {
   /**
    *
    * @param {any} initialState
@@ -318,45 +318,45 @@ class Bt extends Array {
   //     this[2](nextState, this);
   // }
 }
-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());
+const ct = (e) => {
+  const t = $t();
+  return M(
+    (n = new qt(e, (s, r, o) => {
+      s = T(s) ? s(r[0]) : s, s !== r[0] && (r[0] = s, o || t());
     })) => n
   );
-}, T = (e, t) => {
-  const [n] = O(([s, r, o = 0] = []) => ((!r || r && !It(r, t)) && (s = e()), [s, t, o]));
+}, C = (e, t) => {
+  const [n] = M(([s, r, o = 0] = []) => ((!r || r && !It(r, t)) && (s = e()), [s, t, o]));
   return n;
-}, ct = (e) => {
+}, it = (e) => {
   const { current: t } = _();
   if (!(e in t))
-    throw new _t(
+    throw new jt(
       t,
       `For useProp("${e}"), the prop does not exist on the host.`,
       e
     );
-  return O(
-    (n = new Bt(t[e], (s, r) => {
-      s = w(s) ? s(t[e]) : s, t[e] = s;
+  return M(
+    (n = new qt(t[e], (s, r) => {
+      s = T(s) ? s(t[e]) : s, t[e] = s;
     })) => (n[0] = t[e], n)
   );
-}, C = (e, t = {}) => {
+}, P = (e, t = {}) => {
   const n = _();
-  return n[e] || (n[e] = (s = t.detail) => jt(n.current, {
+  return n[e] || (n[e] = (s = t.detail) => Yt(n.current, {
     type: e,
     ...t,
     detail: s
   })), n[e];
-}, nt = M("atomico/options");
-globalThis[nt] = globalThis[nt] || {
+}, ot = A("atomico/options");
+globalThis[ot] = globalThis[ot] || {
   sheet: !!document.adoptedStyleSheets
 };
-const qt = globalThis[nt], Ee = {
+const xt = globalThis[ot], Se = {
   checked: 1,
   value: 1,
   selected: 1
-}, ve = {
+}, we = {
   list: 1,
   type: 1,
   size: 1,
@@ -366,24 +366,24 @@ const qt = globalThis[nt], Ee = {
   src: 1,
   href: 1,
   slot: 1
-}, De = {
+}, Te = {
   shadowDom: 1,
   staticNode: 1,
   cloneNode: 1,
   children: 1,
   key: 1
-}, B = {}, st = [];
-class ot extends Text {
+}, q = {}, rt = [];
+class at extends Text {
 }
-const Se = M("atomico/id"), I = M("atomico/type"), Z = M("atomico/ref"), xt = M("atomico/vnode"), we = () => {
+const Ce = A("atomico/id"), $ = A("atomico/type"), X = A("atomico/ref"), zt = A("atomico/vnode"), Pe = () => {
 };
-function Ce(e, t, n) {
-  return Ht(this, e, t, n);
+function Ne(e, t, n) {
+  return Kt(this, e, t, n);
 }
-const zt = (e, t, ...n) => {
-  const s = t || B;
+const Ht = (e, t, ...n) => {
+  const s = t || q;
   let { children: r } = s;
-  if (r = r ?? (n.length ? n : st), e === we)
+  if (r = r ?? (n.length ? n : rt), e === Pe)
     return r;
   const o = e ? e instanceof Node ? 1 : (
     //@ts-ignore
@@ -391,11 +391,11 @@ const zt = (e, t, ...n) => {
   ) : 0;
   if (o === !1 && e instanceof Function)
     return e(
-      r != st ? { children: r, ...s } : s
+      r != rt ? { children: r, ...s } : s
     );
-  const c = qt.render || Ce;
+  const a = xt.render || Ne;
   return {
-    [I]: xt,
+    [$]: zt,
     type: e,
     props: s,
     children: r,
@@ -411,55 +411,55 @@ const zt = (e, t, ...n) => {
     is: s.is,
     // clone the node if it comes from a reference
     clone: s.cloneNode,
-    render: c
+    render: a
   };
 };
-function Ht(e, t, n = Se, s, r) {
+function Kt(e, t, n = Ce, s, r) {
   let o;
-  if (t && t[n] && t[n].vnode == e || e[I] != xt)
+  if (t && t[n] && t[n].vnode == e || e[$] != zt)
     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(
+  (e || !t) && (r = r || e.type == "svg", o = e.type != "host" && (e.raw == 1 ? (t && e.clone ? t[X] : t) != e.type : e.raw == 2 ? !(t instanceof e.type) : t ? t[X] || t.localName != e.type : !t), o && e.type != null && (e.raw == 1 && e.clone ? (s = !0, t = e.type.cloneNode(!0), t[X] = e.type) : t = e.raw == 1 ? e.type : e.raw == 2 ? new e.type() : r ? document.createElementNS(
     "http://www.w3.org/2000/svg",
     e.type
   ) : document.createElement(
     e.type,
     e.is ? { is: e.is } : void 0
   )));
-  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)
+  const a = t[n] ? t[n] : q, { vnode: u = q, cycle: i = 0 } = a;
+  let { fragment: l, handlers: c } = a;
+  const { children: d = rt, props: f = q } = u;
+  if (c = o ? {} : c || {}, e.static && !o)
     return t;
   if (e.shadow && !t.shadowRoot && // @ts-ignore
-  t.attachShadow({ mode: "open", ...e.shadow }), e.props != l && Ne(t, l, e.props, f, r), e.children !== d) {
+  t.attachShadow({ mode: "open", ...e.shadow }), e.props != f && Me(t, f, e.props, c, r), e.children !== d) {
     const m = e.shadow ? t.shadowRoot : t;
-    i = Pe(
+    l = Oe(
       e.children,
       /**
        * @todo for hydration use attribute and send childNodes
        */
-      i,
+      l,
       m,
       n,
       // add support to foreignObject, children will escape from svg
-      !a && s,
+      !i && s,
       r && e.type == "foreignObject" ? !1 : r
     );
   }
-  return t[n] = { vnode: e, handlers: f, fragment: i, cycle: a + 1 }, t;
+  return t[n] = { vnode: e, handlers: c, fragment: l, cycle: i + 1 }, t;
 }
-function Te(e, t) {
-  const n = new ot(""), s = new ot("");
+function ke(e, t) {
+  const n = new at(""), s = new at("");
   let r;
   if (e[t ? "prepend" : "append"](n), t) {
     let { lastElementChild: o } = e;
     for (; o; ) {
-      const { previousElementSibling: c } = o;
-      if (et(o, !0) && !et(c, !0)) {
+      const { previousElementSibling: a } = o;
+      if (st(o, !0) && !st(a, !0)) {
         r = o;
         break;
       }
-      o = c;
+      o = a;
     }
   }
   return r ? r.before(s) : e.append(s), {
@@ -467,71 +467,71 @@ function Te(e, t) {
     markEnd: s
   };
 }
-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: a, keyes: i } = c;
-  let f;
-  const d = i && /* @__PURE__ */ new Set();
-  let l = u;
+function Oe(e, t, n, s, r, o) {
+  e = e == null ? null : ie(e) ? e : [e];
+  const a = t || ke(n, r), { markStart: u, markEnd: i, keyes: l } = a;
+  let c;
+  const d = l && /* @__PURE__ */ new Set();
+  let f = u;
   if (e && Ut(e, (m) => {
-    if (typeof m == "object" && !m[I])
+    if (typeof m == "object" && !m[$])
       return;
-    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);
+    const E = m[$] && m.key, g = l && E != null && l.get(E);
+    f != i && f === g ? d.delete(f) : f = f == i ? i : f.nextSibling;
+    const y = l ? g : f;
+    let h = y;
+    if (m[$])
+      h = Kt(m, y, s, r, o);
     else {
-      const A = m + "";
-      !(b instanceof Text) || b instanceof ot ? b = new Text(A) : b.data != A && (b.data = A);
+      const S = m + "";
+      !(h instanceof Text) || h instanceof at ? h = new Text(S) : h.data != S && (h.data = S);
     }
-    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();
+    h != f && (l && d.delete(h), !y || l ? (n.insertBefore(h, f), l && f != i && d.add(f)) : y == i ? n.insertBefore(h, i) : (n.replaceChild(h, y), f = h)), E != null && (c = c || /* @__PURE__ */ new Map(), c.set(E, h));
+  }), f = f == i ? i : f.nextSibling, t && f != i)
+    for (; f != i; ) {
+      const m = f;
+      f = f.nextSibling, m.remove();
     }
-  return d && d.forEach((m) => m.remove()), c.keyes = f, c;
+  return d && d.forEach((m) => m.remove()), a.keyes = c, a;
 }
-function Ne(e, t, n, s, r) {
+function Me(e, t, n, s, r) {
   for (const o in t)
-    !(o in n) && Dt(e, o, t[o], null, r, s);
+    !(o in n) && St(e, o, t[o], null, r, s);
   for (const o in n)
-    Dt(e, o, t[o], n[o], r, s);
+    St(e, o, t[o], n[o], r, s);
 }
-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" && (w(s) || w(n)))
-      ke(e, t.slice(2), s, o);
+function St(e, t, n, s, r, o) {
+  if (t = t == "class" && !r ? "className" : t, n = n ?? null, s = s ?? null, t in e && Se[t] && (n = e[t]), !(s === n || Te[t] || t[0] == "_"))
+    if (t[0] == "o" && t[1] == "n" && (T(s) || T(n)))
+      Ae(e, t.slice(2), s, o);
     else if (t == "ref")
-      s && (w(s) ? s(e) : s.current = e);
+      s && (T(s) ? s(e) : s.current = e);
     else if (t == "style") {
-      const { style: c } = e;
+      const { style: a } = e;
       n = n || "", s = s || "";
-      const u = R(n), a = R(s);
+      const u = R(n), i = R(s);
       if (u)
-        for (const i in n)
-          if (a)
-            !(i in s) && St(c, i, null);
+        for (const l in n)
+          if (i)
+            !(l in s) && wt(a, l, null);
           else
             break;
-      if (a)
-        for (const i in s) {
-          const f = s[i];
-          u && n[i] === f || St(c, i, f);
+      if (i)
+        for (const l in s) {
+          const c = s[l];
+          u && n[l] === c || wt(a, l, c);
         }
       else
-        c.cssText = s;
+        a.cssText = s;
     } else {
-      const c = t[0] == "$" ? t.slice(1) : t;
-      c === t && (!r && !ve[t] && t in e || w(s) || w(n)) ? e[t] = s ?? "" : s == null ? e.removeAttribute(c) : e.setAttribute(
-        c,
+      const a = t[0] == "$" ? t.slice(1) : t;
+      a === t && (!r && !we[t] && t in e || T(s) || T(n)) ? e[t] = s ?? "" : s == null ? e.removeAttribute(a) : e.setAttribute(
+        a,
         R(s) ? JSON.stringify(s) : s
       );
     }
 }
-function ke(e, t, n, s) {
+function Ae(e, t, n, s) {
   if (s.handleEvent || (s.handleEvent = (r) => s[r.type].call(e, r)), n) {
     if (!s[t]) {
       const r = n.capture || n.once || n.passive ? Object.assign({}, n) : null;
@@ -541,20 +541,20 @@ function ke(e, t, n, s) {
   } else
     s[t] && (e.removeEventListener(t, s), delete s[t]);
 }
-function St(e, t, n) {
+function wt(e, t, n) {
   let s = "setProperty";
   n == null && (s = "removeProperty", n = null), ~t.indexOf("-") ? e[s](t, n) : e[t] = n;
 }
-const wt = {};
-function z(e, ...t) {
+const Tt = {};
+function H(e, ...t) {
   const n = (e.raw || e).reduce(
     (s, r, o) => s + r + (t[o] || ""),
     ""
   );
-  return wt[n] = wt[n] || Oe(n);
+  return Tt[n] = Tt[n] || Fe(n);
 }
-function Oe(e) {
-  if (qt.sheet) {
+function Fe(e) {
+  if (xt.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 = zt("host", { style: "display: contents" }), W = M("atomico/context"), Ae = (e, t) => {
+const Re = Ht("host", { style: "display: contents" }), G = A("atomico/context"), $e = (e, t) => {
   const n = _();
-  ge(
-    () => $t(
+  De(
+    () => Lt(
       n.current,
       "ConnectContext",
       /**
@@ -577,37 +577,37 @@ const Me = zt("host", { style: "display: contents" }), W = M("atomico/context"),
     ),
     [e]
   );
-}, Fe = (e) => {
-  const t = C("ConnectContext", {
+}, Ie = (e) => {
+  const t = P("ConnectContext", {
     bubbles: !0,
     composed: !0
   }), n = () => {
     let o;
     return t({
       id: e,
-      connect(c) {
-        o = c;
+      connect(a) {
+        o = a;
       }
     }), o;
-  }, [s, r] = rt(
+  }, [s, r] = ct(
     n
   );
-  return $(() => {
-    s || (e[W] || (e[W] = customElements.whenDefined(
+  return U(() => {
+    s || (e[G] || (e[G] = customElements.whenDefined(
       new e().localName
-    )), e[W].then(
+    )), e[G].then(
       () => r(n)
     ));
   }, [e]), s;
-}, Re = (e) => {
-  const t = Fe(e), n = Rt();
-  return $(() => {
+}, Ue = (e) => {
+  const t = Ie(e), n = $t();
+  return U(() => {
     if (t)
-      return $t(t, "UpdatedValue", n);
+      return Lt(t, "UpdatedValue", n);
   }, [t]), (t || e).value;
-}, Ie = (e) => {
+}, Le = (e) => {
   const t = j(
-    () => (Ae(t, _().current), Me),
+    () => ($e(t, _().current), Re),
     {
       props: {
         value: {
@@ -619,41 +619,41 @@ const Me = zt("host", { style: "display: contents" }), W = M("atomico/context"),
     }
   );
   return t.value = e, t;
-}, 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() {
+}, p = (e, t, n) => (t == null ? t = { key: n } : t.key = n, Ht(e, t)), I = p, Wt = H`*,*:before,*:after{box-sizing:border-box}button{padding:0;touch-action:manipulation;cursor:pointer;user-select:none}`, Jt = H`.vh{position:absolute;transform:scale(0)}`;
+function lt() {
   const e = /* @__PURE__ */ new Date();
-  return new E(e.getFullYear(), e.getMonth() + 1, e.getDate());
+  return new v(e.getFullYear(), e.getMonth() + 1, e.getDate());
 }
-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 ut(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 Zt(e, t = 0) {
-  return at(e, t).add({ days: 6 });
+  return ut(e, t).add({ days: 6 });
 }
-function Wt(e) {
-  return E.from(new Date(Date.UTC(e.year, e.month, 0)));
+function Xt(e) {
+  return v.from(new Date(Date.UTC(e.year, e.month, 0)));
 }
-function H(e, t, n) {
-  return t && E.compare(e, t) < 0 ? t : n && E.compare(e, n) > 0 ? n : e;
+function K(e, t, n) {
+  return t && v.compare(e, t) < 0 ? t : n && v.compare(e, n) > 0 ? n : e;
 }
-const Ue = { days: 1 };
-function $e(e, t = 0) {
-  let n = at(e.toPlainDate(), t);
-  const s = Zt(Wt(e), t), r = [];
-  for (; E.compare(n, s) < 0; ) {
+const _e = { days: 1 };
+function je(e, t = 0) {
+  let n = ut(e.toPlainDate(), t);
+  const s = Zt(Xt(e), t), r = [];
+  for (; v.compare(n, s) < 0; ) {
     const o = [];
-    for (let c = 0; c < 7; c++)
-      o.push(n), n = n.add(Ue);
+    for (let a = 0; a < 7; a++)
+      o.push(n), n = n.add(_e);
     r.push(o);
   }
   return r;
 }
-function S(e) {
+function w(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 E {
+const Ye = /^(\d{4})-(0[1-9]|1[0-2])-(0[1-9]|[12][0-9]|3[0-1])$/, Q = (e, t) => e.toString().padStart(t, "0");
+class v {
   constructor(t, n, s) {
     this.year = t, this.month = n, this.day = s;
   }
@@ -661,221 +661,232 @@ class E {
   // 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 = S(this);
+    const n = w(this);
     if ("days" in t)
-      return n.setUTCDate(this.day + t.days), E.from(n);
+      return n.setUTCDate(this.day + t.days), v.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 = E.from(S({ year: s, month: r, day: 1 }));
-    return H(E.from(n), o, Wt(o));
+    const o = v.from(w({ year: s, month: r, day: 1 }));
+    return K(v.from(n), o, Xt(o));
   }
   toString() {
-    return `${X(this.year, 4)}-${X(this.month, 2)}-${X(this.day, 2)}`;
+    return `${Q(this.year, 4)}-${Q(this.month, 2)}-${Q(this.day, 2)}`;
   }
   toPlainYearMonth() {
-    return new K(this.year, this.month);
+    return new W(this.year, this.month);
   }
   equals(t) {
-    return E.compare(this, t) === 0;
+    return v.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;
   }
   static from(t) {
     if (typeof t == "string") {
-      const n = t.match(Le);
+      const n = t.match(Ye);
       if (!n)
         throw new TypeError(t);
       const [, s, r, o] = n;
-      return new E(
+      return new v(
         parseInt(s, 10),
         parseInt(r, 10),
         parseInt(o, 10)
       );
     }
-    return new E(
+    return new v(
       t.getUTCFullYear(),
       t.getUTCMonth() + 1,
       t.getUTCDate()
     );
   }
 }
-class K {
+class W {
   constructor(t, n) {
     this.year = t, this.month = n;
   }
   add(t) {
-    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);
+    const n = w(this), s = (t.months ?? 0) + (t.years ?? 0) * 12;
+    return n.setUTCMonth(n.getUTCMonth() + s), new W(n.getUTCFullYear(), n.getUTCMonth() + 1);
   }
   equals(t) {
     return this.year === t.year && this.month === t.month;
   }
   toPlainDate() {
-    return new E(this.year, this.month, 1);
+    return new v(this.year, this.month, 1);
   }
 }
-function x(e, t) {
+function z(e, t) {
   if (t)
     try {
       return e.from(t);
     } catch {
     }
 }
-function P(e) {
-  const [t, n] = ct(e);
-  return [T(() => x(E, t), [t]), (o) => n(o?.toString())];
+function N(e) {
+  const [t, n] = it(e);
+  return [C(() => z(v, t), [t]), (o) => n(o?.toString())];
 }
-function _e(e) {
-  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] : [];
+function Be(e) {
+  const [t = "", n] = it(e);
+  return [C(() => {
+    const [o, a] = t.split("/"), u = z(v, o), i = z(v, a);
+    return u && i ? [u, i] : [];
   }, [t]), (o) => n(`${o[0]}/${o[1]}`)];
 }
-function je(e) {
-  const [t = "", n] = ct(e);
-  return [T(() => {
+function qe(e) {
+  const [t = "", n] = it(e);
+  return [C(() => {
     const o = [];
-    for (const c of t.trim().split(/\s+/)) {
-      const u = x(E, c);
+    for (const a of t.trim().split(/\s+/)) {
+      const u = z(v, a);
       u && o.push(u);
     }
     return o;
   }, [t]), (o) => n(o.join(" "))];
 }
 function L(e, t) {
-  return T(
+  return C(
     () => new Intl.DateTimeFormat(t, { timeZone: "UTC", ...e }),
     [t, e]
   );
 }
 function Ct(e, t, n) {
   const s = L(e, n);
-  return T(() => {
+  return C(() => {
     const r = [], o = /* @__PURE__ */ new Date();
-    for (var c = 0; c < 7; c++) {
+    for (var a = 0; a < 7; a++) {
       const u = (o.getUTCDay() - t + 7) % 7;
       r[u] = s.format(o), o.setUTCDate(o.getUTCDate() + 1);
     }
     return r;
   }, [t, s]);
 }
-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 Pt = (e, t, n) => K(e, t, n) === e, Nt = (e) => e.target.matches(":dir(ltr)"), xe = { month: "long", day: "numeric" }, ze = { month: "long" }, He = { weekday: "long" }, V = { bubbles: !0 };
+function Ke({ props: e, context: t }) {
   const { offset: n } = e, {
     firstDayOfWeek: s,
     isDateDisallowed: r,
     min: o,
-    max: c,
-    page: u,
-    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]
-  ), 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));
+    max: a,
+    today: u,
+    page: i,
+    locale: l,
+    focusedDate: c,
+    formatWeekday: d
+  } = t, f = u ?? lt(), m = Ct(He, s, l), E = C(
+    () => ({ weekday: d }),
+    [d]
+  ), g = Ct(E, s, l), y = L(xe, l), h = L(ze, l), S = C(
+    () => i.start.add({ months: n }),
+    [i, n]
+  ), J = C(
+    () => je(S, s),
+    [S, s]
+  ), Gt = P("focusday", V), Qt = P("selectday", V), Vt = P("hoverday", V);
+  function pt(b) {
+    Gt(K(b, o, a));
   }
-  function Gt(g) {
+  function te(b) {
     let D;
-    switch (g.key) {
+    switch (b.key) {
       case "ArrowRight":
-        D = i.add({ days: Pt(g) ? 1 : -1 });
+        D = c.add({ days: Nt(b) ? 1 : -1 });
         break;
       case "ArrowLeft":
-        D = i.add({ days: Pt(g) ? -1 : 1 });
+        D = c.add({ days: Nt(b) ? -1 : 1 });
         break;
       case "ArrowDown":
-        D = i.add({ days: 7 });
+        D = c.add({ days: 7 });
         break;
       case "ArrowUp":
-        D = i.add({ days: -7 });
+        D = c.add({ days: -7 });
         break;
       case "PageUp":
-        D = i.add(g.shiftKey ? { years: -1 } : { months: -1 });
+        D = c.add(b.shiftKey ? { years: -1 } : { months: -1 });
         break;
       case "PageDown":
-        D = i.add(g.shiftKey ? { years: 1 } : { months: 1 });
+        D = c.add(b.shiftKey ? { years: 1 } : { months: 1 });
         break;
       case "Home":
-        D = at(i, s);
+        D = ut(c, s);
         break;
       case "End":
-        D = Zt(i, s);
+        D = Zt(c, s);
         break;
       default:
         return;
     }
-    mt(D), g.preventDefault();
+    pt(D), b.preventDefault();
   }
-  function Qt(g) {
-    const D = p.equals(g);
+  function ee(b) {
+    const D = S.equals(b);
     if (!t.showOutsideDays && !D)
       return;
-    const Vt = g.equals(i), yt = g.equals(f), pt = S(g), Y = r?.(pt), bt = !Tt(g, o, c);
-    let gt = "", N;
+    const ne = b.equals(c), bt = b.equals(f), Y = w(b), B = r?.(Y), gt = !Pt(b, o, a);
+    let vt = "", k;
     if (t.type === "range") {
-      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" : ""}`;
+      const [F, Z] = t.value, Et = F?.equals(b), Dt = Z?.equals(b);
+      k = F && Z && Pt(b, F, Z), vt = `${Et ? "range-start" : ""} ${Dt ? "range-end" : ""} ${k && !Et && !Dt ? "range-inner" : ""}`;
     } else
-      t.type === "multi" ? N = t.value.some((F) => F.equals(g)) : N = t.value?.equals(g);
+      t.type === "multi" ? k = t.value.some((F) => F.equals(b)) : k = t.value?.equals(b);
     return {
-      part: `${`button day ${// we don't want outside days to ever be shown as selected
-      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,
+      part: `${`button day day-${Y.getDay()} ${// we don't want outside days to ever be shown as selected
+      D ? k ? "selected" : "" : "outside"} ${B ? "disallowed" : ""} ${bt ? "today" : ""} ${t.getDayParts?.(Y) ?? ""}`} ${vt}`,
+      tabindex: D && ne ? 0 : -1,
+      disabled: gt,
+      "aria-disabled": B ? "true" : void 0,
+      "aria-pressed": D && k,
+      "aria-current": bt ? "date" : void 0,
+      "aria-label": y.format(Y),
+      onkeydown: te,
       onclick() {
-        Y || A(g), mt(g);
+        B || Qt(b), pt(b);
       },
       onmouseover() {
-        !Y && !bt && Xt(g);
+        !B && !gt && Vt(b);
       }
     };
   }
   return {
-    weeks: h,
-    yearMonth: p,
-    daysLong: d,
-    daysShort: l,
-    formatter: v,
-    getDayProps: Qt
+    weeks: J,
+    yearMonth: S,
+    daysLong: m,
+    daysVisible: g,
+    formatter: h,
+    getDayProps: ee
   };
 }
-const Q = it(), lt = Ie({
+const tt = lt(), ft = Le({
   type: "date",
   firstDayOfWeek: 1,
-  isDateDisallowed: () => !1,
-  focusedDate: Q,
-  page: { start: Q.toPlainYearMonth(), end: Q.toPlainYearMonth() }
+  focusedDate: tt,
+  page: { start: tt.toPlainYearMonth(), end: tt.toPlainYearMonth() }
 });
-customElements.define("calendar-month-ctx", lt);
-const He = j(
+customElements.define("calendar-ctx", ft);
+const We = (e, t) => (t + e) % 7, Je = j(
   (e) => {
-    const t = Re(lt), n = se(), s = ze({ props: e, context: t });
+    const t = Ue(ft), n = ae(), s = Ke({ 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(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, a) => {
-          const i = s.getDayProps(u);
-          return /* @__PURE__ */ y("td", { part: "td", children: i && /* @__PURE__ */ y("button", { ...i, children: u.day }) }, a);
-        }) }, c)) })
+    return /* @__PURE__ */ I("host", { shadowDom: !0, focus: r, children: [
+      /* @__PURE__ */ p("div", { id: "h", part: "heading", children: s.formatter.format(w(s.yearMonth)) }),
+      /* @__PURE__ */ I("table", { ref: n, "aria-labelledby": "h", part: "table", children: [
+        /* @__PURE__ */ p("thead", { children: /* @__PURE__ */ p("tr", { part: "tr head", children: s.daysLong.map((o, a) => /* @__PURE__ */ I(
+          "th",
+          {
+            part: `th day day-${We(t.firstDayOfWeek, a)}`,
+            scope: "col",
+            children: [
+              /* @__PURE__ */ p("span", { class: "vh", children: o }),
+              /* @__PURE__ */ p("span", { "aria-hidden": "true", children: s.daysVisible[a] })
+            ]
+          }
+        )) }) }),
+        /* @__PURE__ */ p("tbody", { children: s.weeks.map((o, a) => /* @__PURE__ */ p("tr", { part: "tr week", children: o.map((u, i) => {
+          const l = s.getDayProps(u);
+          return /* @__PURE__ */ p("td", { part: "td", children: l && /* @__PURE__ */ p("button", { ...l, children: u.day }) }, i);
+        }) }, a)) })
       ] })
     ] });
   },
@@ -887,46 +898,46 @@ const He = j(
       }
     },
     styles: [
-      Kt,
+      Wt,
       Jt,
-      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}`
+      H`: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 Nt(e) {
-  return /* @__PURE__ */ y(
+customElements.define("calendar-month", Je);
+function kt(e) {
+  return /* @__PURE__ */ p(
     "button",
     {
       part: `button ${e.name} ${e.onclick ? "" : "disabled"}`,
       onclick: e.onclick,
       "aria-disabled": e.onclick ? null : "true",
-      children: /* @__PURE__ */ y("slot", { name: e.name, children: e.children })
+      children: /* @__PURE__ */ p("slot", { name: e.name, children: e.children })
     }
   );
 }
-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(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(Nt, { name: "next", onclick: e.next, children: "Next" })
+function dt(e) {
+  const t = w(e.page.start), n = w(e.page.end);
+  return /* @__PURE__ */ I("div", { role: "group", "aria-labelledby": "h", part: "container", children: [
+    /* @__PURE__ */ p("div", { id: "h", class: "vh", "aria-live": "polite", "aria-atomic": "true", children: e.formatVerbose.formatRange(t, n) }),
+    /* @__PURE__ */ I("div", { part: "header", children: [
+      /* @__PURE__ */ p(kt, { name: "previous", onclick: e.previous, children: "Previous" }),
+      /* @__PURE__ */ p("slot", { part: "heading", name: "heading", children: /* @__PURE__ */ p("div", { "aria-hidden": "true", children: e.format.formatRange(t, n) }) }),
+      /* @__PURE__ */ p(kt, { name: "next", onclick: e.next, children: "Next" })
     ] }),
-    /* @__PURE__ */ y(
-      lt,
+    /* @__PURE__ */ p(
+      ft,
       {
         value: e,
         onselectday: e.onSelect,
         onfocusday: e.onFocus,
         onhoverday: e.onHover,
-        children: /* @__PURE__ */ y("slot", {})
+        children: /* @__PURE__ */ p("slot", {})
       }
     )
   ] });
 }
-const ft = {
+const ht = {
   value: {
     type: String,
     value: ""
@@ -939,10 +950,22 @@ const ft = {
     type: String,
     value: ""
   },
+  today: {
+    type: String,
+    value: ""
+  },
   isDateDisallowed: {
     type: Function,
     value: (e) => !1
   },
+  formatWeekday: {
+    type: String,
+    value: () => "narrow"
+  },
+  getDayParts: {
+    type: Function,
+    value: (e) => ""
+  },
   firstDayOfWeek: {
     type: Number,
     value: () => 1
@@ -969,19 +992,19 @@ const ft = {
     type: String,
     value: () => "months"
   }
-}, dt = [
-  Kt,
+}, mt = [
+  Wt,
   Jt,
-  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 V(e, t) {
+  H`: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}`
+], Ze = { year: "numeric" }, Xe = { year: "numeric", month: "long" };
+function et(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, {
+const Ot = (e, t) => (e = t === 12 ? new W(e.year, 1) : e, {
   start: e,
   end: e.add({ months: t - 1 })
 });
-function Ze({
+function Ge({
   pageBy: e,
   focusedDate: t,
   months: n,
@@ -989,167 +1012,169 @@ function Ze({
   min: r,
   goto: o
 }) {
-  const c = e === "single" ? 1 : n, [u, a] = rt(
-    () => kt(t.toPlainYearMonth(), n)
-  ), i = (d) => a(kt(u.start.add({ months: d }), n)), f = (d) => {
-    const l = V(u.start, d.toPlainYearMonth());
-    return l >= 0 && l < n;
+  const a = e === "single" ? 1 : n, [u, i] = ct(
+    () => Ot(t.toPlainYearMonth(), n)
+  ), l = (d) => i(Ot(u.start.add({ months: d }), n)), c = (d) => {
+    const f = et(u.start, d.toPlainYearMonth());
+    return f >= 0 && f < n;
   };
-  return $(() => {
-    if (f(t))
+  return U(() => {
+    if (c(t))
       return;
-    const d = V(t.toPlainYearMonth(), u.start);
+    const d = et(t.toPlainYearMonth(), u.start);
     o(t.add({ months: d }));
-  }, [u.start]), $(() => {
-    if (f(t))
+  }, [u.start]), U(() => {
+    if (c(t))
       return;
-    const d = V(u.start, t.toPlainYearMonth());
-    i(d === -1 ? -c : d === n ? c : Math.floor(d / n) * n);
-  }, [t, c, n]), {
+    const d = et(u.start, t.toPlainYearMonth());
+    l(d === -1 ? -a : d === n ? a : Math.floor(d / n) * n);
+  }, [t, a, n]), {
     page: u,
-    previous: !r || !f(r) ? () => i(-c) : void 0,
-    next: !s || !f(s) ? () => i(c) : void 0
+    previous: !r || !c(r) ? () => l(-a) : void 0,
+    next: !s || !c(s) ? () => l(a) : void 0
   };
 }
-function ht({
+function yt({
   months: e,
   pageBy: t,
   locale: n,
   focusedDate: s,
   setFocusedDate: r
 }) {
-  const [o] = P("min"), [c] = P("max"), u = C("focusday"), a = C("change"), i = T(
-    () => H(s ?? it(), o, c),
-    [s, o, c]
+  const [o] = N("min"), [a] = N("max"), [u] = N("today"), i = P("focusday"), l = P("change"), c = C(
+    () => K(s ?? u ?? lt(), o, a),
+    [s, u, o, a]
   );
-  function f(h) {
-    r(h), u(S(h));
+  function d(h) {
+    r(h), i(w(h));
   }
-  const { next: d, previous: l, page: m } = Ze({
+  const { next: f, previous: m, page: E } = Ge({
     pageBy: t,
-    focusedDate: i,
+    focusedDate: c,
     months: e,
     min: o,
-    max: c,
-    goto: f
-  }), v = _();
-  function p() {
-    v.current.querySelectorAll("calendar-month").forEach((h) => h.focus());
+    max: a,
+    goto: d
+  }), g = _();
+  function y(h) {
+    const S = h?.target ?? "day";
+    S === "day" ? g.current.querySelectorAll("calendar-month").forEach((J) => J.focus(h)) : g.current.shadowRoot.querySelector(`[part~='${S}']`).focus(h);
   }
   return {
-    format: L(Ke, n),
-    formatVerbose: L(Je, n),
-    page: m,
-    focusedDate: i,
-    dispatch: a,
+    format: L(Ze, n),
+    formatVerbose: L(Xe, n),
+    page: E,
+    focusedDate: c,
+    dispatch: l,
     onFocus(h) {
-      h.stopPropagation(), f(h.detail), setTimeout(p);
+      h.stopPropagation(), d(h.detail), setTimeout(y);
     },
     min: o,
-    max: c,
-    next: d,
-    previous: l,
-    focus: p
+    max: a,
+    today: u,
+    next: f,
+    previous: m,
+    focus: y
   };
 }
-const We = j(
+const Qe = j(
   (e) => {
-    const [t, n] = P("value"), [s = t, r] = P("focusedDate"), o = ht({
+    const [t, n] = N("value"), [s = t, r] = N("focusedDate"), o = yt({
       ...e,
       focusedDate: s,
       setFocusedDate: r
     });
-    function c(u) {
+    function a(u) {
       n(u.detail), o.dispatch();
     }
-    return /* @__PURE__ */ y("host", { shadowDom: !0, focus: o.focus, children: /* @__PURE__ */ y(
-      ut,
+    return /* @__PURE__ */ p("host", { shadowDom: !0, focus: o.focus, children: /* @__PURE__ */ p(
+      dt,
       {
         ...e,
         ...o,
         type: "date",
         value: t,
-        onSelect: c
+        onSelect: a
       }
     ) });
   },
-  { props: ft, styles: dt }
+  { props: ht, styles: mt }
 );
-customElements.define("calendar-date", We);
-const Ot = (e, t) => E.compare(e, t) < 0 ? [e, t] : [t, e], Xe = j(
+customElements.define("calendar-date", Qe);
+const Mt = (e, t) => v.compare(e, t) < 0 ? [e, t] : [t, e], Ve = j(
   (e) => {
-    const [t, n] = _e("value"), [s = t[0], r] = P("focusedDate"), o = ht({
+    const [t, n] = Be("value"), [s = t[0], r] = N("focusedDate"), o = yt({
       ...e,
       focusedDate: s,
       setFocusedDate: r
-    }), c = C("rangestart"), u = C("rangeend"), [a, i] = P(
+    }), a = P("rangestart"), u = P("rangeend"), [i, l] = N(
       "tentative"
-    ), [f, d] = rt();
-    $(() => d(void 0), [a]);
-    function l(h) {
-      o.onFocus(h), m(h);
+    ), [c, d] = ct();
+    U(() => d(void 0), [i]);
+    function f(y) {
+      o.onFocus(y), m(y);
     }
-    function m(h) {
-      h.stopPropagation(), a && d(h.detail);
+    function m(y) {
+      y.stopPropagation(), i && d(y.detail);
     }
-    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)));
+    function E(y) {
+      const h = y.detail;
+      y.stopPropagation(), i ? (n(Mt(i, h)), l(void 0), u(w(h)), o.dispatch()) : (l(h), a(w(h)));
     }
-    const p = a ? Ot(a, f ?? a) : t;
-    return /* @__PURE__ */ y("host", { shadowDom: !0, focus: o.focus, children: /* @__PURE__ */ y(
-      ut,
+    const g = i ? Mt(i, c ?? i) : t;
+    return /* @__PURE__ */ p("host", { shadowDom: !0, focus: o.focus, children: /* @__PURE__ */ p(
+      dt,
       {
         ...e,
         ...o,
         type: "range",
-        value: p,
-        onFocus: l,
+        value: g,
+        onFocus: f,
         onHover: m,
-        onSelect: v
+        onSelect: E
       }
     ) });
   },
   {
     props: {
-      ...ft,
+      ...ht,
       tentative: {
         type: String,
         value: ""
       }
     },
-    styles: dt
+    styles: mt
   }
 );
-customElements.define("calendar-range", Xe);
-const Ge = j(
+customElements.define("calendar-range", Ve);
+const tn = j(
   (e) => {
-    const [t, n] = je("value"), [s = t[0], r] = P("focusedDate"), o = ht({
+    const [t, n] = qe("value"), [s = t[0], r] = N("focusedDate"), o = yt({
       ...e,
       focusedDate: s,
       setFocusedDate: r
     });
-    function c(u) {
-      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();
+    function a(u) {
+      const i = [...t], l = t.findIndex((c) => c.equals(u.detail));
+      l < 0 ? i.push(u.detail) : i.splice(l, 1), n(i), o.dispatch();
     }
-    return /* @__PURE__ */ y("host", { shadowDom: !0, focus: o.focus, children: /* @__PURE__ */ y(
-      ut,
+    return /* @__PURE__ */ p("host", { shadowDom: !0, focus: o.focus, children: /* @__PURE__ */ p(
+      dt,
       {
         ...e,
         ...o,
         type: "multi",
         value: t,
-        onSelect: c
+        onSelect: a
       }
     ) });
   },
-  { props: ft, styles: dt }
+  { props: ht, styles: mt }
 );
-customElements.define("calendar-multi", Ge);
+customElements.define("calendar-multi", tn);
 export {
-  We as CalendarDate,
-  He as CalendarMonth,
-  Ge as CalendarMulti,
-  Xe as CalendarRange
+  Qe as CalendarDate,
+  Je as CalendarMonth,
+  tn as CalendarMulti,
+  Ve as CalendarRange
 };