cally 0.9.0 → 0.9.2

package/dist/cally.js

@@ -32,10 +32,10 @@ class le {
 const Rt = (e) => new le(e), st = Symbol.for("atomico.hooks");
 globalThis[st] = globalThis[st] || {};
 let A = globalThis[st];
-const ue = Symbol.for("Atomico.suspense"), Yt = Symbol.for("Atomico.effect"), fe = Symbol.for("Atomico.layoutEffect"), Ft = Symbol.for("Atomico.insertionEffect"), U = (e, t, n) => {
+const ue = Symbol.for("Atomico.suspense"), Yt = Symbol.for("Atomico.effect"), fe = Symbol.for("Atomico.layoutEffect"), Ft = Symbol.for("Atomico.insertionEffect"), R = (e, t, n) => {
   const { i: s, hooks: o } = A.c, r = o[s] = o[s] || {};
   return r.value = e(r.value), r.effect = t, r.tag = n, A.c.i++, o[s].value;
-}, It = (e) => U((t = Rt(e)) => t), H = () => U((e = Rt(A.c.host)) => e), Lt = () => A.c.update, de = (e, t, n = 0) => {
+}, It = (e) => R((t = Rt(e)) => t), W = () => R((e = Rt(A.c.host)) => e), Lt = () => A.c.update, de = (e, t, n = 0) => {
   let s = {}, o = !1;
   const r = () => o, a = (l, c) => {
     for (const d in s) {
@@ -58,7 +58,7 @@ const ue = Symbol.for("Atomico.suspense"), Yt = Symbol.for("Atomico.effect"), fe
   }, cleanEffects: (l) => (a(Ft, l), () => (a(fe, l), () => {
     a(Yt, l);
   })), isSuspense: r };
-}, L = Symbol.for;
+}, x = Symbol.for;
 function xt(e, t) {
   const n = e.length;
   if (n !== t.length) return !1;
@@ -68,7 +68,7 @@ function xt(e, t) {
   }
   return !0;
 }
-const T = (e) => typeof e == "function", Y = (e) => typeof e == "object", { isArray: he } = Array, ot = (e, t) => (t ? e instanceof HTMLStyleElement : !0) && "hydrate" in (e?.dataset || {});
+const M = (e) => typeof e == "function", F = (e) => typeof e == "object", { isArray: he } = Array, ot = (e, t) => (t ? e instanceof HTMLStyleElement : !0) && "hydrate" in (e?.dataset || {});
 function _t(e, t) {
   let n;
   const s = (o) => {
@@ -103,15 +103,15 @@ class qt extends Bt {
 }
 class me extends Bt {
 }
-const q = "Custom", ye = null, pe = { true: 1, "": 1, 1: 1 };
-function be(e, t, n, s, o) {
+const z = "Custom", ye = null, pe = { true: 1, "": 1, 1: 1 };
+function ge(e, t, n, s, o) {
   const {
     type: r,
     reflect: a,
     event: u,
     value: f,
-    attr: l = ge(t)
-  } = n?.name != q && Y(n) && n != ye ? n : { type: n }, c = r?.name === q && r.map, d = f != null ? r == Function || !T(f) ? () => f : f : null;
+    attr: l = be(t)
+  } = n?.name != z && F(n) && n != ye ? n : { type: n }, c = r?.name === z && r.map, d = f != null ? r == Function || !M(f) ? () => f : f : null;
   Object.defineProperty(e, t, {
     configurable: !0,
     /**
@@ -121,17 +121,17 @@ function be(e, t, n, s, o) {
     set(i) {
       const m = this[t];
       d && r != Boolean && i == null && (i = d());
-      const { error: b, value: g } = (c ? Ee : we)(
+      const { error: g, value: b } = (c ? Te : Ee)(
         r,
         i
       );
-      if (b && g != null)
+      if (g && b != null)
         throw new qt(
           this,
           `The value defined for prop '${t}' must be of type '${r.name}'`,
-          g
+          b
         );
-      m != g && (this._props[t] = g ?? void 0, this.update(), u && zt(this, u), this.updated.then(() => {
+      m != b && (this._props[t] = b ?? void 0, this.update(), u && zt(this, u), this.updated.then(() => {
         a && (this._ignoreAttr = l, De(this, r, l, this[t]), this._ignoreAttr = null);
       }));
     },
@@ -143,19 +143,19 @@ function be(e, t, n, s, o) {
     }
   }), d && (o[t] = d()), s[l] = { prop: t, type: r };
 }
-const zt = (e, { type: t, base: n = CustomEvent, ...s }) => e.dispatchEvent(new n(t, s)), ge = (e) => e.replace(/([A-Z])/g, "-$1").toLowerCase(), De = (e, t, n, s) => s == null || t == Boolean && !s ? e.removeAttribute(n) : e.setAttribute(
+const zt = (e, { type: t, base: n = CustomEvent, ...s }) => e.dispatchEvent(new n(t, s)), be = (e) => e.replace(/([A-Z])/g, "-$1").toLowerCase(), De = (e, t, n, s) => s == null || t == Boolean && !s ? e.removeAttribute(n) : e.setAttribute(
   n,
-  t?.name === q && t?.serialize ? t?.serialize(s) : Y(s) ? JSON.stringify(s) : t == Boolean ? "" : s
-), Ce = (e, t) => e == Boolean ? !!pe[t] : e == Number ? Number(t) : e == String ? t : e == Array || e == Object ? JSON.parse(t) : e.name == q ? t : (
+  t?.name === z && t?.serialize ? t?.serialize(s) : F(s) ? JSON.stringify(s) : t == Boolean ? "" : s
+), Ce = (e, t) => e == Boolean ? !!pe[t] : e == Number ? Number(t) : e == String ? t : e == Array || e == Object ? JSON.parse(t) : e.name == z ? t : (
   // TODO: If when defining reflect the prop can also be of type string?
   new e(t)
-), Ee = ({ map: e }, t) => {
+), Te = ({ map: e }, t) => {
   try {
     return { value: e(t), error: !1 };
   } catch {
     return { value: t, error: !0 };
   }
-}, we = (e, t) => e == null || t == null ? { value: t, error: !1 } : e != String && t === "" ? { value: void 0, error: !1 } : e == Object || e == Array || e == Symbol ? {
+}, Ee = (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 ? {
@@ -166,7 +166,7 @@ const zt = (e, { type: t, base: n = CustomEvent, ...s }) => e.dispatchEvent(new
   error: e == Number ? typeof t != "number" ? !0 : Number.isNaN(t) : e == String ? typeof t != "string" : typeof t != "boolean"
 } : { value: t, error: !0 };
 let ve = 0;
-const Se = (e) => {
+const we = (e) => {
   const t = (e?.dataset || {})?.hydrate || "";
   return t || "c" + ve++;
 }, k = (e, t = HTMLElement) => {
@@ -198,15 +198,15 @@ const Se = (e) => {
       const i = de(
         () => this.update(),
         this,
-        Se(this)
+        we(this)
       );
-      let m, b = !0;
-      const g = ot(this);
+      let m, g = !0;
+      const b = ot(this);
       this.update = () => (m || (m = !0, this.updated = (this.updated || this.mounted).then(() => {
         try {
           const y = i.load(this._render), p = i.cleanEffects();
           return y && //@ts-ignore
-          y.render(this, this.symbolId, g), m = !1, b && !i.isSuspense() && (b = !1, !g && Te(this)), p();
+          y.render(this, this.symbolId, b), m = !1, g && !i.isSuspense() && (g = !1, !b && Se(this)), p();
         } finally {
           m = !1;
         }
@@ -234,13 +234,13 @@ const Se = (e) => {
     attributeChangedCallback(c, d, i) {
       if (n[c]) {
         if (c === this._ignoreAttr || d === i) return;
-        const { prop: m, type: b } = n[c];
+        const { prop: m, type: g } = n[c];
         try {
-          this[m] = Ce(b, i);
+          this[m] = Ce(g, i);
         } catch {
           throw new me(
             this,
-            `The value defined as attr '${c}' cannot be parsed by type '${b.name}'`,
+            `The value defined as attr '${c}' cannot be parsed by type '${g.name}'`,
             i
           );
         }
@@ -253,13 +253,13 @@ const Se = (e) => {
     static get observedAttributes() {
       const c = super.observedAttributes || [];
       for (const d in a)
-        be(this.prototype, d, a[d], n, s);
+        ge(this.prototype, d, a[d], n, s);
       return Object.keys(n).concat(c);
     }
   }
   return f;
 };
-function Te(e) {
+function Se(e) {
   const { styles: t } = e.constructor, { shadowRoot: n } = e;
   if (n && t.length) {
     const s = [];
@@ -269,19 +269,19 @@ function Te(e) {
   }
 }
 const Ht = (e) => (t, n) => {
-  U(
+  R(
     /**
      * Clean the effect hook
      * @type {import("internal/hooks.js").CollectorEffect}
      */
-    ([s, o] = []) => ((o || !o) && (o && xt(o, n) ? s = s || !0 : (T(s) && s(), s = null)), [s, n]),
+    ([s, o] = []) => ((o || !o) && (o && xt(o, n) ? s = s || !0 : (M(s) && s(), s = null)), [s, n]),
     /**
      * @returns {any}
      */
-    ([s, o], r) => r ? (T(s) && s(), []) : [s || t(), o],
+    ([s, o], r) => r ? (M(s) && s(), []) : [s || t(), o],
     e
   );
-}, I = Ht(Yt), Pe = Ht(Ft);
+}, L = Ht(Yt), Me = Ht(Ft);
 class Wt extends Array {
   /**
    *
@@ -314,41 +314,41 @@ class Wt extends Array {
 }
 const it = (e) => {
   const t = Lt();
-  return U(
+  return R(
     (n = new Wt(e, (s, o, r) => {
-      s = T(s) ? s(o[0]) : s, s !== o[0] && (o[0] = s, r || t());
+      s = M(s) ? s(o[0]) : s, s !== o[0] && (o[0] = s, r || t());
     })) => n
   );
-}, S = (e, t) => {
-  const [n] = U(([s, o, r = 0] = []) => ((!o || o && !xt(o, t)) && (s = e()), [s, t, r]));
+}, w = (e, t) => {
+  const [n] = R(([s, o, r = 0] = []) => ((!o || o && !xt(o, t)) && (s = e()), [s, t, r]));
   return n;
 }, lt = (e) => {
-  const { current: t } = H();
+  const { current: t } = W();
   if (!(e in t))
     throw new qt(
       t,
       `For useProp("${e}"), the prop does not exist on the host.`,
       e
     );
-  return U(
+  return R(
     (n = new Wt(t[e], (s, o) => {
-      s = T(s) ? s(t[e]) : s, t[e] = s;
+      s = M(s) ? s(t[e]) : s, t[e] = s;
     })) => (n[0] = t[e], n)
   );
-}, P = (e, t = {}) => {
-  const n = H();
+}, N = (e, t = {}) => {
+  const n = W();
   return n[e] || (n[e] = (s = t.detail) => zt(n.current, {
     type: e,
     ...t,
     detail: s
   })), n[e];
-}, rt = L("atomico/options");
+}, rt = x("atomico/options");
 globalThis[rt] = globalThis[rt] || {
   sheet: !!document.adoptedStyleSheets
 };
-const W = globalThis[rt], Me = new Promise((e) => {
-  W.ssr || (document.readyState === "loading" ? jt(document, "DOMContentLoaded", e) : e());
-}), Ne = {
+const K = globalThis[rt], Ne = new Promise((e) => {
+  K.ssr || (document.readyState === "loading" ? jt(document, "DOMContentLoaded", e) : e());
+}), Pe = {
   checked: 1,
   value: 1,
   selected: 1
@@ -368,16 +368,16 @@ const W = globalThis[rt], Me = new Promise((e) => {
   cloneNode: 1,
   children: 1,
   key: 1
-}, B = {}, at = [];
+}, q = {}, at = [];
 class ct extends Text {
 }
-const Ae = L("atomico/id"), F = L("atomico/type"), Q = L("atomico/ref"), Kt = L("atomico/vnode"), Jt = () => {
+const Ae = x("atomico/id"), I = x("atomico/type"), Q = x("atomico/ref"), Kt = x("atomico/vnode"), Jt = () => {
 };
-function $e(e, t, n) {
+function Ue(e, t, n) {
   return Xt(this, e, t, n);
 }
 const Zt = (e, t, ...n) => {
-  const s = t || B;
+  const s = t || q;
   let { children: o } = s;
   if (o = o ?? (n.length ? n : at), e === Jt)
     return o;
@@ -389,9 +389,9 @@ const Zt = (e, t, ...n) => {
     return e(
       o != at ? { children: o, ...s } : s
     );
-  const a = W.render || $e;
+  const a = K.render || Ue;
   return {
-    [F]: Kt,
+    [I]: Kt,
     type: e,
     props: s,
     children: o,
@@ -412,7 +412,7 @@ const Zt = (e, t, ...n) => {
 };
 function Xt(e, t, n = Ae, s, o) {
   let r;
-  if (t && t[n] && t[n].vnode == e || e[F] != Kt)
+  if (t && t[n] && t[n].vnode == e || e[I] != Kt)
     return t;
   (e || !t) && (o = o || e.type == "svg", r = e.type != "host" && (e.raw == 1 ? (t && e.clone ? t[Q] : t) != e.type : e.raw == 2 ? !(t instanceof e.type) : t ? t[Q] || t.localName != e.type : !t), r && e.type != null && (e.raw == 1 && e.clone ? (s = !0, t = e.type.cloneNode(!0), t[Q] = e.type) : t = e.raw == 1 ? e.type : e.raw == 2 ? new e.type() : o ? document.createElementNS(
     "http://www.w3.org/2000/svg",
@@ -421,9 +421,9 @@ function Xt(e, t, n = Ae, s, o) {
     e.type,
     e.is ? { is: e.is } : void 0
   )));
-  const a = t[n] ? t[n] : B, { vnode: u = B, cycle: f = 0 } = a;
+  const a = t[n] ? t[n] : q, { vnode: u = q, cycle: f = 0 } = a;
   let { fragment: l, handlers: c } = a;
-  const { children: d = at, props: i = B } = u;
+  const { children: d = at, props: i = q } = u;
   if (c = r ? {} : c || {}, e.static && !r) return t;
   if (e.shadow && !t.shadowRoot && // @ts-ignore
   t.attachShadow({ mode: "open", ...e.shadow }), e.props != i && Ye(t, i, e.props, c, o), e.children !== d) {
@@ -443,7 +443,7 @@ function Xt(e, t, n = Ae, s, o) {
   }
   return t[n] = { vnode: e, handlers: c, fragment: l, cycle: f + 1 }, t;
 }
-function Ue(e, t) {
+function $e(e, t) {
   const n = new ct(""), s = new ct("");
   let o;
   if (e[t ? "prepend" : "append"](n), t) {
@@ -464,24 +464,24 @@ function Ue(e, t) {
 }
 function Re(e, t, n, s, o, r) {
   e = e == null ? null : he(e) ? e : [e];
-  const a = t || Ue(n, o), { markStart: u, markEnd: f, keyes: l } = a;
+  const a = t || $e(n, o), { markStart: u, markEnd: f, keyes: l } = a;
   let c;
   const d = l && /* @__PURE__ */ new Set();
   let i = u;
   if (e && _t(e, (m) => {
-    if (typeof m == "object" && !m[F])
+    if (typeof m == "object" && !m[I])
       return;
-    const b = m[F] && m.key, g = l && b != null && l.get(b);
-    i != f && i === g ? d.delete(i) : i = i == f ? f : i.nextSibling;
-    const y = l ? g : i;
+    const g = m[I] && m.key, b = l && g != null && l.get(g);
+    i != f && i === b ? d.delete(i) : i = i == f ? f : i.nextSibling;
+    const y = l ? b : i;
     let p = y;
-    if (m[F])
+    if (m[I])
       p = Xt(m, y, s, o, r);
     else {
       const v = m + "";
       !(p instanceof Text) || p instanceof ct ? p = new Text(v) : p.data != v && (p.data = v);
     }
-    p != i && (l && d.delete(p), !y || l ? (n.insertBefore(p, i), l && i != f && d.add(i)) : y == f ? n.insertBefore(p, f) : (n.replaceChild(p, y), i = p)), b != null && (c = c || /* @__PURE__ */ new Map(), c.set(b, p));
+    p != i && (l && d.delete(p), !y || l ? (n.insertBefore(p, i), l && i != f && d.add(i)) : y == f ? n.insertBefore(p, f) : (n.replaceChild(p, y), i = p)), g != null && (c = c || /* @__PURE__ */ new Map(), c.set(g, p));
   }), i = i == f ? f : i.nextSibling, t && i != f)
     for (; i != f; ) {
       const m = i;
@@ -491,40 +491,40 @@ function Re(e, t, n, s, o, r) {
 }
 function Ye(e, t, n, s, o) {
   for (const r in t)
-    !(r in n) && Tt(e, r, t[r], null, o, s);
+    !(r in n) && St(e, r, t[r], null, o, s);
   for (const r in n)
-    Tt(e, r, t[r], n[r], o, s);
+    St(e, r, t[r], n[r], o, s);
 }
-function Tt(e, t, n, s, o, r) {
-  if (t = t == "class" && !o ? "className" : t, n = n ?? null, s = s ?? null, t in e && Ne[t] && (n = e[t]), !(s === n || Oe[t] || t[0] == "_"))
+function St(e, t, n, s, o, r) {
+  if (t = t == "class" && !o ? "className" : t, n = n ?? null, s = s ?? null, t in e && Pe[t] && (n = e[t]), !(s === n || Oe[t] || t[0] == "_"))
     if (e.localName === "slot" && t === "assignNode" && "assign" in e)
       e.assign(s);
-    else if (t[0] == "o" && t[1] == "n" && (T(s) || T(n)))
+    else if (t[0] == "o" && t[1] == "n" && (M(s) || M(n)))
       Fe(e, t.slice(2), s, r);
     else if (t == "ref")
-      s && (T(s) ? s(e) : s.current = e);
+      s && (M(s) ? s(e) : s.current = e);
     else if (t == "style") {
       const { style: a } = e;
       n = n || "", s = s || "";
-      const u = Y(n), f = Y(s);
+      const u = F(n), f = F(s);
       if (u)
         for (const l in n)
           if (f)
-            !(l in s) && Pt(a, l, null);
+            !(l in s) && Mt(a, l, null);
           else
             break;
       if (f)
         for (const l in s) {
           const c = s[l];
-          u && n[l] === c || Pt(a, l, c);
+          u && n[l] === c || Mt(a, l, c);
         }
       else
         a.cssText = s;
     } else {
       const a = t[0] == "$" ? t.slice(1) : t;
-      a === t && (!o && !ke[t] && t in e || T(s) || T(n)) ? e[t] = s ?? "" : s == null ? e.removeAttribute(a) : e.setAttribute(
+      a === t && (!o && !ke[t] && t in e || M(s) || M(n)) ? e[t] = s ?? "" : s == null ? e.removeAttribute(a) : e.setAttribute(
         a,
-        Y(s) ? JSON.stringify(s) : s
+        F(s) ? JSON.stringify(s) : s
       );
     }
 }
@@ -538,13 +538,13 @@ function Fe(e, t, n, s) {
   } else
     s[t] && (e.removeEventListener(t, s), delete s[t]);
 }
-function Pt(e, t, n) {
+function Mt(e, t, n) {
   let s = "setProperty";
   n == null && (s = "removeProperty", n = null), ~t.indexOf("-") ? e[s](t, n) : e[t] = n;
 }
 const Ie = Zt("host", { style: "display: contents" }), Gt = "value", Le = (e, t) => {
-  const n = H(), s = It();
-  Pe(
+  const n = W(), s = It();
+  Me(
     () => jt(
       n.current,
       "ConnectContext",
@@ -558,11 +558,11 @@ const Ie = Zt("host", { style: "display: contents" }), Gt = "value", Le = (e, t)
     [e]
   ), s.current = t;
 }, ut = (e) => {
-  const t = P("ConnectContext", {
+  const t = N("ConnectContext", {
     bubbles: !0,
     composed: !0
   }), [n, s] = it(() => {
-    if (W.ssr) return;
+    if (K.ssr) return;
     let r;
     return t({
       id: e,
@@ -574,14 +574,14 @@ const Ie = Zt("host", { style: "display: contents" }), Gt = "value", Le = (e, t)
       }
     }), r;
   }), o = Lt();
-  return I(() => {
-    Me.then(
+  return L(() => {
+    Ne.then(
       () => t({
         id: e,
         connect: s
       })
     );
-  }, [e]), I(() => {
+  }, [e]), L(() => {
     if (n)
       return n.on(o);
   }, [n]), n?.current || e[Gt];
@@ -608,16 +608,16 @@ Qt({
   dispatch(e, t) {
   }
 });
-const Mt = {};
-function K(e, ...t) {
+const Nt = {};
+function J(e, ...t) {
   const n = (e.raw || e).reduce(
     (s, o, r) => s + o + (t[r] || ""),
     ""
   );
-  return Mt[n] = Mt[n] || xe(n);
+  return Nt[n] = Nt[n] || xe(n);
 }
 function xe(e) {
-  if (W.sheet) {
+  if (K.sheet) {
     const t = new CSSStyleSheet();
     return t.replaceSync(e), t;
   } else {
@@ -625,22 +625,22 @@ function xe(e) {
     return t.textContent = e, t;
   }
 }
-const h = (e, t, n) => (t == null ? t = { key: n } : t.key = n, Zt(e, t)), M = h, ft = K`*,*:before,*:after{box-sizing:border-box}button{padding:0;touch-action:manipulation;cursor:pointer;user-select:none}`, dt = K`.vh{position:absolute;transform:scale(0)}`;
+const h = (e, t, n) => (t == null ? t = { key: n } : t.key = n, Zt(e, t)), S = h, ft = J`*,*:before,*:after{box-sizing:border-box}button{padding:0;touch-action:manipulation;cursor:pointer;user-select:none}`, dt = J`.vh{position:absolute;transform:scale(0)}`;
 function ht() {
   const e = /* @__PURE__ */ new Date();
   return new C(e.getFullYear(), e.getMonth() + 1, e.getDate());
 }
 const _e = 864e5;
 function je(e) {
-  const t = w(e);
-  t.setDate(t.getUTCDate() + 3 - (t.getUTCDay() + 6) % 7);
-  const n = new Date(t.getUTCFullYear(), 0, 4);
+  const t = E(e);
+  t.setUTCDate(t.getUTCDate() + 3 - (t.getUTCDay() + 6) % 7);
+  const n = new Date(Date.UTC(t.getUTCFullYear(), 0, 4));
   return 1 + Math.round(
     ((t.getTime() - n.getTime()) / _e - 3 + (n.getUTCDay() + 6) % 7) / 7
   );
 }
 function mt(e, t = 0) {
-  const n = w(e), s = n.getUTCDay(), o = (s < t ? 7 : 0) + s - t;
+  const n = E(e), s = n.getUTCDay(), o = (s < t ? 7 : 0) + s - t;
   return n.setUTCDate(n.getUTCDate() - o), C.from(n);
 }
 function Vt(e, t = 0) {
@@ -649,7 +649,7 @@ function Vt(e, t = 0) {
 function te(e) {
   return C.from(new Date(Date.UTC(e.year, e.month, 0)));
 }
-function J(e, t, n) {
+function Z(e, t, n) {
   return t && C.compare(e, t) < 0 ? t : n && C.compare(e, n) > 0 ? n : e;
 }
 const Be = { days: 1 };
@@ -664,7 +664,7 @@ function qe(e, t = 0) {
   }
   return o;
 }
-function w(e) {
+function E(e) {
   return new Date(Date.UTC(e.year, e.month - 1, e.day ?? 1));
 }
 const ze = /^(\d{4})-(0[1-9]|1[0-2])-(0[1-9]|[12][0-9]|3[0-1])$/, V = (e, t) => e.toString().padStart(t, "0");
@@ -676,19 +676,19 @@ class C {
   // 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 = E(this);
     if ("days" in t)
       return n.setUTCDate(this.day + t.days), C.from(n);
     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 = C.from(w({ year: s, month: o, day: 1 }));
-    return J(C.from(n), r, te(r));
+    const r = C.from(E({ year: s, month: o, day: 1 }));
+    return Z(C.from(n), r, te(r));
   }
   toString() {
     return `${V(this.year, 4)}-${V(this.month, 2)}-${V(this.day, 2)}`;
   }
   toPlainYearMonth() {
-    return new Z(this.year, this.month);
+    return new U(this.year, this.month);
   }
   equals(t) {
     return C.compare(this, t) === 0;
@@ -715,13 +715,13 @@ class C {
     );
   }
 }
-class Z {
+class U {
   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 Z(n.getUTCFullYear(), n.getUTCMonth() + 1);
+    const n = E(this), s = (t.months ?? 0) + (t.years ?? 0) * 12;
+    return n.setUTCMonth(n.getUTCMonth() + s), new U(n.getUTCFullYear(), n.getUTCMonth() + 1);
   }
   equals(t) {
     return this.year === t.year && this.month === t.month;
@@ -729,45 +729,48 @@ class Z {
   toPlainDate() {
     return new C(this.year, this.month, 1);
   }
+  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 : 0;
+  }
 }
-function z(e, t) {
+function H(e, t) {
   if (t)
     try {
       return e.from(t);
     } catch {
     }
 }
-function N(e) {
+function P(e) {
   const [t, n] = lt(e);
-  return [S(() => z(C, t), [t]), (r) => n(r?.toString())];
+  return [w(() => H(C, t), [t]), (r) => n(r?.toString())];
 }
 function He(e) {
   const [t = "", n] = lt(e);
-  return [S(() => {
-    const [r, a] = t.split("/"), u = z(C, r), f = z(C, a);
+  return [w(() => {
+    const [r, a] = t.split("/"), u = H(C, r), f = H(C, a);
     return u && f ? [u, f] : [];
   }, [t]), (r) => n(`${r[0]}/${r[1]}`)];
 }
 function We(e) {
   const [t = "", n] = lt(e);
-  return [S(() => {
+  return [w(() => {
     const r = [];
     for (const a of t.trim().split(/\s+/)) {
-      const u = z(C, a);
+      const u = H(C, a);
       u && r.push(u);
     }
     return r;
   }, [t]), (r) => n(r.join(" "))];
 }
 function $(e, t) {
-  return S(
+  return w(
     () => new Intl.DateTimeFormat(t, { timeZone: "UTC", ...e }),
     [t, e]
   );
 }
-function Nt(e, t, n) {
+function Pt(e, t, n) {
   const s = $(e, n);
-  return S(() => {
+  return w(() => {
     const o = [], r = /* @__PURE__ */ new Date();
     for (var a = 0; a < 7; a++) {
       const u = (r.getUTCDay() - t + 7) % 7;
@@ -776,7 +779,7 @@ function Nt(e, t, n) {
     return o;
   }, [t, s]);
 }
-const kt = (e, t, n) => J(e, t, n) === e, Ot = (e) => e.target.matches(":dir(ltr)"), Ke = { month: "long", day: "numeric" }, Je = { month: "long" }, Ze = { weekday: "long" }, tt = { bubbles: !0 };
+const kt = (e, t, n) => Z(e, t, n) === e, Ot = (e) => e.target.matches(":dir(ltr)"), Ke = { month: "long", day: "numeric" }, Je = { month: "long" }, Ze = { weekday: "long" }, tt = { bubbles: !0 };
 function Xe({ props: e, context: t }) {
   const { offset: n } = e, {
     firstDayOfWeek: s,
@@ -788,76 +791,76 @@ function Xe({ props: e, context: t }) {
     locale: l,
     focusedDate: c,
     formatWeekday: d
-  } = t, i = u ?? ht(), m = Nt(Ze, s, l), b = S(
+  } = t, i = u ?? ht(), m = Pt(Ze, s, l), g = w(
     () => ({ weekday: d }),
     [d]
-  ), g = Nt(b, s, l), y = $(Ke, l), p = $(Je, l), v = S(
+  ), b = Pt(g, s, l), y = $(Ke, l), p = $(Je, l), v = w(
     () => f.start.add({ months: n }),
     [f, n]
-  ), X = S(
+  ), X = w(
     () => qe(v, s),
     [v, s]
-  ), se = P("focusday", tt), oe = P("selectday", tt), re = P("hoverday", tt);
+  ), se = N("focusday", tt), oe = N("selectday", tt), re = N("hoverday", tt);
   function Dt(D) {
-    se(J(D, r, a));
+    se(Z(D, r, a));
   }
   function ae(D) {
-    let E;
+    let T;
     switch (D.key) {
       case "ArrowRight":
-        E = c.add({ days: Ot(D) ? 1 : -1 });
+        T = c.add({ days: Ot(D) ? 1 : -1 });
         break;
       case "ArrowLeft":
-        E = c.add({ days: Ot(D) ? -1 : 1 });
+        T = c.add({ days: Ot(D) ? -1 : 1 });
         break;
       case "ArrowDown":
-        E = c.add({ days: 7 });
+        T = c.add({ days: 7 });
         break;
       case "ArrowUp":
-        E = c.add({ days: -7 });
+        T = c.add({ days: -7 });
         break;
       case "PageUp":
-        E = c.add(D.shiftKey ? { years: -1 } : { months: -1 });
+        T = c.add(D.shiftKey ? { years: -1 } : { months: -1 });
         break;
       case "PageDown":
-        E = c.add(D.shiftKey ? { years: 1 } : { months: 1 });
+        T = c.add(D.shiftKey ? { years: 1 } : { months: 1 });
         break;
       case "Home":
-        E = mt(c, s);
+        T = mt(c, s);
         break;
       case "End":
-        E = Vt(c, s);
+        T = Vt(c, s);
         break;
       default:
         return;
     }
-    Dt(E), D.preventDefault();
+    Dt(T), D.preventDefault();
   }
   function ce(D) {
-    const E = v.equals(D);
-    if (!t.showOutsideDays && !E)
+    const T = v.equals(D);
+    if (!t.showOutsideDays && !T)
       return;
-    const ie = D.equals(c), Ct = D.equals(i), _ = w(D), j = o?.(_), Et = !kt(D, r, a);
-    let wt = "", O;
+    const ie = D.equals(c), Ct = D.equals(i), j = E(D), B = o?.(j), Tt = !kt(D, r, a);
+    let Et = "", O;
     if (t.type === "range") {
-      const [R, G] = t.value, vt = R?.equals(D), St = G?.equals(D);
-      O = R && G && kt(D, R, G), wt = `${vt ? "range-start" : ""} ${St ? "range-end" : ""} ${O && !vt && !St ? "range-inner" : ""}`;
-    } else t.type === "multi" ? O = t.value.some((R) => R.equals(D)) : O = t.value?.equals(D);
+      const [Y, G] = t.value, vt = Y?.equals(D), wt = G?.equals(D);
+      O = Y && G && kt(D, Y, G), Et = `${vt ? "range-start" : ""} ${wt ? "range-end" : ""} ${O && !vt && !wt ? "range-inner" : ""}`;
+    } else t.type === "multi" ? O = t.value.some((Y) => Y.equals(D)) : O = t.value?.equals(D);
     return {
-      part: `${`button day day-${_.getDay()} ${// we don't want outside days to ever be shown as selected
-      E ? O ? "selected" : "" : "outside"} ${j ? "disallowed" : ""} ${Ct ? "today" : ""} ${t.getDayParts?.(_) ?? ""}`} ${wt}`,
-      tabindex: E && ie ? 0 : -1,
-      disabled: Et,
-      "aria-disabled": j ? "true" : void 0,
-      "aria-pressed": E && O,
+      part: `${`button day day-${j.getUTCDay()} ${// we don't want outside days to ever be shown as selected
+      T ? O ? "selected" : "" : "outside"} ${B ? "disallowed" : ""} ${Ct ? "today" : ""} ${t.getDayParts?.(j) ?? ""}`} ${Et}`,
+      tabindex: T && ie ? 0 : -1,
+      disabled: Tt,
+      "aria-disabled": B ? "true" : void 0,
+      "aria-pressed": T && O,
       "aria-current": Ct ? "date" : void 0,
-      "aria-label": y.format(_),
+      "aria-label": y.format(j),
       onkeydown: ae,
       onclick() {
-        j || oe(D), Dt(D);
+        B || oe(D), Dt(D);
       },
       onmouseover() {
-        !j && !Et && re(D);
+        !B && !Tt && re(D);
       }
     };
   }
@@ -865,28 +868,28 @@ function Xe({ props: e, context: t }) {
     weeks: X,
     yearMonth: v,
     daysLong: m,
-    daysVisible: g,
+    daysVisible: b,
     formatter: p,
     getDayProps: ce
   };
 }
-const et = ht(), x = Qt({
+const et = ht(), _ = Qt({
   type: "date",
   firstDayOfWeek: 1,
   focusedDate: et,
   page: { start: et.toPlainYearMonth(), end: et.toPlainYearMonth() }
 });
-customElements.define("calendar-ctx", x);
+customElements.define("calendar-ctx", _);
 const Ge = (e, t) => (t + e) % 7, Qe = k(
   (e) => {
-    const t = ut(x), n = It(), s = Xe({ props: e, context: t });
+    const t = ut(_), n = It(), s = Xe({ props: e, context: t });
     function o() {
       n.current.querySelector("button[tabindex='0']")?.focus();
     }
-    return /* @__PURE__ */ M("host", { shadowDom: !0, focus: o, children: [
-      /* @__PURE__ */ h("div", { id: "h", part: "heading", children: s.formatter.format(w(s.yearMonth)) }),
-      /* @__PURE__ */ M("table", { ref: n, "aria-labelledby": "h", part: "table", children: [
-        /* @__PURE__ */ M("colgroup", { children: [
+    return /* @__PURE__ */ S("host", { shadowDom: !0, focus: o, children: [
+      /* @__PURE__ */ h("div", { id: "h", part: "heading", children: s.formatter.format(E(s.yearMonth)) }),
+      /* @__PURE__ */ S("table", { ref: n, "aria-labelledby": "h", part: "table", children: [
+        /* @__PURE__ */ S("colgroup", { children: [
           t.showWeekNumbers && /* @__PURE__ */ h("col", { part: "col-weeknumber" }),
           /* @__PURE__ */ h("col", { part: "col-1" }),
           /* @__PURE__ */ h("col", { part: "col-2" }),
@@ -896,9 +899,12 @@ const Ge = (e, t) => (t + e) % 7, Qe = k(
           /* @__PURE__ */ h("col", { part: "col-6" }),
           /* @__PURE__ */ h("col", { part: "col-7" })
         ] }),
-        /* @__PURE__ */ h("thead", { children: /* @__PURE__ */ M("tr", { part: "tr head", children: [
-          t.showWeekNumbers && /* @__PURE__ */ h("th", { part: "th weeknumber", children: /* @__PURE__ */ h("slot", { name: "weeknumber", children: /* @__PURE__ */ h("span", { "aria-label": "Week", children: "#" }) }) }),
-          s.daysLong.map((r, a) => /* @__PURE__ */ M(
+        /* @__PURE__ */ h("thead", { children: /* @__PURE__ */ S("tr", { part: "tr head", children: [
+          t.showWeekNumbers && /* @__PURE__ */ h("th", { part: "th weeknumber", children: /* @__PURE__ */ S("slot", { name: "weeknumber", children: [
+            /* @__PURE__ */ h("span", { class: "vh", children: "Week" }),
+            /* @__PURE__ */ h("span", { "aria-hidden": "true", children: "#" })
+          ] }) }),
+          s.daysLong.map((r, a) => /* @__PURE__ */ S(
             "th",
             {
               part: `th day day-${Ge(t.firstDayOfWeek, a)}`,
@@ -910,7 +916,7 @@ const Ge = (e, t) => (t + e) % 7, Qe = k(
             }
           ))
         ] }) }),
-        /* @__PURE__ */ h("tbody", { children: s.weeks.map((r, a) => /* @__PURE__ */ M("tr", { part: "tr week", children: [
+        /* @__PURE__ */ h("tbody", { children: s.weeks.map((r, a) => /* @__PURE__ */ S("tr", { part: "tr week", children: [
           t.showWeekNumbers && /* @__PURE__ */ h("th", { class: "num", part: "th weeknumber", scope: "row", children: je(r[0]) }),
           r.map((u, f) => {
             const l = s.getDayProps(u);
@@ -930,7 +936,7 @@ const Ge = (e, t) => (t + e) % 7, Qe = k(
     styles: [
       ft,
       dt,
-      K`: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{inline-size:2.25rem;block-size:2.25rem}td{padding-inline:0}.num{font-variant-numeric:tabular-nums}button{color:inherit;font-size:inherit;background:transparent;border:0;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}`
+      J`: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{inline-size:2.25rem;block-size:2.25rem}td{padding-inline:0}.num{font-variant-numeric:tabular-nums}button{color:inherit;font-size:inherit;background:transparent;border:0;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}`
     ]
   }
 );
@@ -947,17 +953,17 @@ function At(e) {
   );
 }
 function yt(e) {
-  const t = w(e.page.start), n = w(e.page.end);
+  const t = E(e.page.start), n = E(e.page.end);
   return /* @__PURE__ */ h(
-    x,
+    _,
     {
       value: e,
       onselectday: e.onSelect,
       onfocusday: e.onFocus,
       onhoverday: e.onHover,
-      children: /* @__PURE__ */ M("div", { role: "group", "aria-labelledby": "h", part: "container", children: [
+      children: /* @__PURE__ */ S("div", { role: "group", "aria-labelledby": "h", part: "container", children: [
         /* @__PURE__ */ h("div", { id: "h", class: "vh", "aria-live": "polite", "aria-atomic": "true", children: e.formatVerbose.formatRange(t, n) }),
-        /* @__PURE__ */ M("div", { part: "header", children: [
+        /* @__PURE__ */ S("div", { part: "header", children: [
           /* @__PURE__ */ h(At, { name: "previous", onclick: e.previous, children: "Previous" }),
           /* @__PURE__ */ h("slot", { part: "heading", name: "heading", children: /* @__PURE__ */ h("div", { "aria-hidden": "true", children: e.format.formatRange(t, n) }) }),
           /* @__PURE__ */ h(At, { name: "next", onclick: e.next, children: "Next" })
@@ -1026,15 +1032,15 @@ const pt = {
     type: Boolean,
     value: !1
   }
-}, bt = [
+}, gt = [
   ft,
   dt,
-  K`:host{display:block;inline-size:fit-content}:host::part(container){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}:host::part(button){display:flex;align-items:center;justify-content:center}:host::part(button disabled){cursor:default;opacity:.5}`
+  J`:host{display:block;inline-size:fit-content}:host::part(container){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}:host::part(button){display:flex;align-items:center;justify-content:center}:host::part(button disabled){cursor:default;opacity:.5}`
 ], Ve = { year: "numeric" }, tn = { year: "numeric", month: "long" };
 function nt(e, t) {
   return (t.year - e.year) * 12 + t.month - e.month;
 }
-const $t = (e, t) => (e = t === 12 ? new Z(e.year, 1) : e, {
+const Ut = (e, t) => (e = t === 12 ? new U(e.year, 1) : e, {
   start: e,
   end: e.add({ months: t - 1 })
 });
@@ -1047,17 +1053,17 @@ function en({
   goto: r
 }) {
   const a = e === "single" ? 1 : n, [u, f] = it(
-    () => $t(t.toPlainYearMonth(), n)
-  ), l = (d) => f($t(u.start.add({ months: d }), n)), c = (d) => {
+    () => Ut(t.toPlainYearMonth(), n)
+  ), l = (d) => f(Ut(u.start.add({ months: d }), n)), c = (d) => {
     const i = nt(u.start, d.toPlainYearMonth());
     return i >= 0 && i < n;
   };
-  return I(() => {
+  return L(() => {
     if (c(t))
       return;
     const d = nt(t.toPlainYearMonth(), u.start);
     r(t.add({ months: d }));
-  }, [u.start]), I(() => {
+  }, [u.start]), L(() => {
     if (c(t))
       return;
     const d = nt(u.start, t.toPlainYearMonth());
@@ -1068,36 +1074,36 @@ function en({
     next: !s || !c(s) ? () => l(a) : void 0
   };
 }
-function gt({
+function bt({
   months: e,
   pageBy: t,
   locale: n,
   focusedDate: s,
   setFocusedDate: o
 }) {
-  const [r] = N("min"), [a] = N("max"), [u] = N("today"), f = P("focusday"), l = P("change"), c = S(
-    () => J(s ?? u ?? ht(), r, a),
+  const [r] = P("min"), [a] = P("max"), [u] = P("today"), f = N("focusday"), l = N("change"), c = w(
+    () => Z(s ?? u ?? ht(), r, a),
     [s, u, r, a]
   );
   function d(p) {
-    o(p), f(w(p));
+    o(p), f(E(p));
   }
-  const { next: i, previous: m, page: b } = en({
+  const { next: i, previous: m, page: g } = en({
     pageBy: t,
     focusedDate: c,
     months: e,
     min: r,
     max: a,
     goto: d
-  }), g = H();
+  }), b = W();
   function y(p) {
     const v = p?.target ?? "day";
-    v === "day" ? g.current.querySelectorAll("calendar-month").forEach((X) => X.focus(p)) : g.current.shadowRoot.querySelector(`[part~='${v}']`).focus(p);
+    v === "day" ? b.current.querySelectorAll("calendar-month").forEach((X) => X.focus(p)) : b.current.shadowRoot.querySelector(`[part~='${v}']`).focus(p);
   }
   return {
     format: $(Ve, n),
     formatVerbose: $(tn, n),
-    page: b,
+    page: g,
     focusedDate: c,
     dispatch: l,
     onFocus(p) {
@@ -1113,7 +1119,7 @@ function gt({
 }
 const nn = k(
   (e) => {
-    const [t, n] = N("value"), [s = t, o] = N("focusedDate"), r = gt({
+    const [t, n] = P("value"), [s = t, o] = P("focusedDate"), r = bt({
       ...e,
       focusedDate: s,
       setFocusedDate: o
@@ -1132,11 +1138,11 @@ const nn = k(
       }
     ) });
   },
-  { props: pt, styles: bt }
+  { props: pt, styles: gt }
 );
 customElements.define("calendar-date", nn);
 function ee(e) {
-  return /* @__PURE__ */ M(Jt, { children: [
+  return /* @__PURE__ */ S(Jt, { children: [
     /* @__PURE__ */ h("label", { part: "label", for: "s", children: /* @__PURE__ */ h("slot", { name: "label", children: e.label }) }),
     /* @__PURE__ */ h("select", { id: "s", part: "select", onchange: e.onChange, children: e.options.map((t) => /* @__PURE__ */ h("option", { part: "option", ...t })) })
   ] });
@@ -1146,16 +1152,16 @@ function sn(e, t) {
   return Array.from({ length: e }, (n, s) => t(s));
 }
 function on(e) {
-  const { min: t, max: n, focusedDate: s } = ut(x), o = P("focusday", { bubbles: !0 }), r = s.toPlainYearMonth(), a = r.year, u = Math.floor(e.maxYears / 2), f = a - u, l = a + (e.maxYears - u - 1), c = Math.max(f, t?.year ?? -1 / 0), d = Math.min(l, n?.year ?? 1 / 0), i = sn(d - c + 1, (b) => {
-    const g = c + b;
+  const { min: t, max: n, focusedDate: s } = ut(_), o = N("focusday", { bubbles: !0 }), r = s.toPlainYearMonth(), a = r.year, u = Math.floor(e.maxYears / 2), f = a - u, l = a + (e.maxYears - u - 1), c = Math.max(f, t?.year ?? -1 / 0), d = Math.min(l, n?.year ?? 1 / 0), i = sn(d - c + 1, (g) => {
+    const b = c + g;
     return {
-      label: `${g}`,
-      value: `${g}`,
-      selected: g === r.year
+      label: `${b}`,
+      value: `${b}`,
+      selected: b === r.year
     };
   });
-  function m(b) {
-    const y = parseInt(b.currentTarget.value) - r.year;
+  function m(g) {
+    const y = parseInt(g.currentTarget.value) - r.year;
     o(s.add({ years: y }));
   }
   return { options: i, onChange: m };
@@ -1174,28 +1180,29 @@ const rn = k(
 );
 customElements.define("calendar-select-year", rn);
 function an(e) {
-  const { min: t, max: n, focusedDate: s, locale: o } = ut(x), r = P("focusday", { bubbles: !0 }), a = S(
+  const { min: t, max: n, focusedDate: s, locale: o } = ut(_), r = N("focusday", { bubbles: !0 }), a = w(
     () => ({ month: e.formatMonth }),
     [e.formatMonth]
-  ), u = $(a, o), f = S(() => {
+  ), u = $(a, o), f = w(() => {
     const i = [], m = /* @__PURE__ */ new Date();
-    for (var b = 0; b < 12; b++) {
-      const g = (m.getUTCMonth() + 12) % 12;
-      i[g] = u.format(m), m.setUTCMonth(m.getUTCMonth() + 1);
+    m.setUTCDate(1);
+    for (var g = 0; g < 12; g++) {
+      const b = (m.getUTCMonth() + 12) % 12;
+      i[b] = u.format(m), m.setUTCMonth(m.getUTCMonth() + 1);
     }
     return i;
   }, [u]), l = s.toPlainYearMonth(), c = f.map((i, m) => {
-    const b = m + 1, g = l.add({ months: b - l.month }).toPlainDate(), y = t != null && C.compare(g, t) < 0 || n != null && C.compare(g, n) > 0;
+    const g = m + 1, b = l.add({ months: g - l.month }), y = t != null && U.compare(b, t) < 0 || n != null && U.compare(b, n) > 0;
     return {
       label: i,
-      value: `${b}`,
+      value: `${g}`,
       disabled: y,
-      selected: b === l.month
+      selected: g === l.month
     };
   });
   function d(i) {
-    const b = parseInt(i.currentTarget.value) - l.month;
-    r(s.add({ months: b }));
+    const g = parseInt(i.currentTarget.value) - l.month;
+    r(s.add({ months: g }));
   }
   return { options: c, onChange: d };
 }
@@ -1215,37 +1222,37 @@ const cn = k(
   }
 );
 customElements.define("calendar-select-month", cn);
-const Ut = (e, t) => C.compare(e, t) < 0 ? [e, t] : [t, e], ln = k(
+const $t = (e, t) => C.compare(e, t) < 0 ? [e, t] : [t, e], ln = k(
   (e) => {
-    const [t, n] = He("value"), [s = t[0], o] = N("focusedDate"), r = gt({
+    const [t, n] = He("value"), [s = t[0], o] = P("focusedDate"), r = bt({
       ...e,
       focusedDate: s,
       setFocusedDate: o
-    }), a = P("rangestart"), u = P("rangeend"), [f, l] = N(
+    }), a = N("rangestart"), u = N("rangeend"), [f, l] = P(
       "tentative"
     ), [c, d] = it();
-    I(() => d(void 0), [f]);
+    L(() => d(void 0), [f]);
     function i(y) {
       r.onFocus(y), m(y);
     }
     function m(y) {
       y.stopPropagation(), f && d(y.detail);
     }
-    function b(y) {
+    function g(y) {
       const p = y.detail;
-      y.stopPropagation(), f ? (n(Ut(f, p)), l(void 0), u(w(p)), r.dispatch()) : (l(p), a(w(p)));
+      y.stopPropagation(), f ? (n($t(f, p)), l(void 0), u(E(p)), r.dispatch()) : (l(p), a(E(p)));
     }
-    const g = f ? Ut(f, c ?? f) : t;
+    const b = f ? $t(f, c ?? f) : t;
     return /* @__PURE__ */ h("host", { shadowDom: !0, focus: r.focus, children: /* @__PURE__ */ h(
       yt,
       {
         ...e,
         ...r,
         type: "range",
-        value: g,
+        value: b,
         onFocus: i,
         onHover: m,
-        onSelect: b
+        onSelect: g
       }
     ) });
   },
@@ -1257,13 +1264,13 @@ const Ut = (e, t) => C.compare(e, t) < 0 ? [e, t] : [t, e], ln = k(
         value: ""
       }
     },
-    styles: bt
+    styles: gt
   }
 );
 customElements.define("calendar-range", ln);
 const un = k(
   (e) => {
-    const [t, n] = We("value"), [s = t[0], o] = N("focusedDate"), r = gt({
+    const [t, n] = We("value"), [s = t[0], o] = P("focusedDate"), r = bt({
       ...e,
       focusedDate: s,
       setFocusedDate: o
@@ -1283,7 +1290,7 @@ const un = k(
       }
     ) });
   },
-  { props: pt, styles: bt }
+  { props: pt, styles: gt }
 );
 customElements.define("calendar-multi", un);
 export {