cally 0.5.0 → 0.5.2

package/dist/cally.js

@@ -29,9 +29,9 @@ class te {
     return this.#e.add(t), () => this.#e.delete(t);
   }
 }
-const Ct = (e) => new te(e), X = Symbol.for("atomico.hooks");
-globalThis[X] = globalThis[X] || {};
-let N = globalThis[X];
+const Ct = (e) => new te(e), Q = Symbol.for("atomico.hooks");
+globalThis[Q] = globalThis[Q] || {};
+let N = globalThis[Q];
 const ee = Symbol.for("Atomico.suspense"), Pt = Symbol.for("Atomico.effect"), ne = Symbol.for("Atomico.layoutEffect"), Nt = Symbol.for("Atomico.insertionEffect"), k = (e, t, n) => {
   const { i: s, hooks: o } = N.c, r = o[s] = o[s] || {};
   return r.value = e(r.value), r.effect = t, r.tag = n, N.c.i++, o[s].value;
@@ -71,7 +71,7 @@ function Ot(e, t) {
   }
   return !0;
 }
-const T = (e) => typeof e == "function", R = (e) => typeof e == "object", { isArray: re } = Array, G = (e, t) => (t ? e instanceof HTMLStyleElement : !0) && "hydrate" in (e?.dataset || {});
+const T = (e) => typeof e == "function", R = (e) => typeof e == "object", { isArray: re } = Array, V = (e, t) => (t ? e instanceof HTMLStyleElement : !0) && "hydrate" in (e?.dataset || {});
 function At(e, t) {
   let n;
   const s = (o) => {
@@ -206,7 +206,7 @@ const pe = (e) => {
         pe(this)
       );
       let m, p = !0;
-      const y = G(this);
+      const y = V(this);
       this.update = () => (m || (m = !0, this.updated = (this.updated || this.mounted).then(() => {
         try {
           const E = l.load(this._render), h = l.cleanEffects();
@@ -287,7 +287,7 @@ const Ut = (e) => (t, n) => {
     ([s, o], r) => r ? (T(s) && s(), []) : [s || t(), o],
     e
   );
-}, nt = Ut(Pt), ge = Ut(Nt);
+}, ot = Ut(Pt), ge = Ut(Nt);
 class $t extends Array {
   /**
    *
@@ -318,7 +318,7 @@ class $t extends Array {
   //     this[2](nextState, this);
   // }
 }
-const st = (e) => {
+const rt = (e) => {
   const t = kt();
   return k(
     (n = new $t(e, (s, o, r) => {
@@ -348,11 +348,11 @@ const st = (e) => {
     ...t,
     detail: s
   })), n[e];
-}, Q = O("atomico/options");
-globalThis[Q] = globalThis[Q] || {
+}, tt = O("atomico/options");
+globalThis[tt] = globalThis[tt] || {
   sheet: !!document.adoptedStyleSheets
 };
-const _t = globalThis[Q], Ee = {
+const _t = globalThis[tt], Ee = {
   checked: 1,
   value: 1,
   selected: 1
@@ -372,10 +372,10 @@ const _t = globalThis[Q], Ee = {
   cloneNode: 1,
   children: 1,
   key: 1
-}, L = {}, V = [];
-class tt extends Text {
+}, L = {}, et = [];
+class nt extends Text {
 }
-const we = O("atomico/id"), M = O("atomico/type"), H = O("atomico/ref"), jt = O("atomico/vnode"), ve = () => {
+const we = O("atomico/id"), M = O("atomico/type"), J = O("atomico/ref"), jt = O("atomico/vnode"), ve = () => {
 };
 function Te(e, t, n) {
   return xt(this, e, t, n);
@@ -383,7 +383,7 @@ function Te(e, t, n) {
 const Yt = (e, t, ...n) => {
   const s = t || L;
   let { children: o } = s;
-  if (o = o ?? (n.length ? n : V), e === ve)
+  if (o = o ?? (n.length ? n : et), e === ve)
     return o;
   const r = e ? e instanceof Node ? 1 : (
     //@ts-ignore
@@ -391,7 +391,7 @@ const Yt = (e, t, ...n) => {
   ) : 0;
   if (r === !1 && e instanceof Function)
     return e(
-      o != V ? { children: o, ...s } : s
+      o != et ? { children: o, ...s } : s
     );
   const c = _t.render || Te;
   return {
@@ -418,7 +418,7 @@ function xt(e, t, n = we, s, o) {
   let r;
   if (t && t[n] && t[n].vnode == e || e[M] != jt)
     return t;
-  (e || !t) && (o = o || e.type == "svg", r = e.type != "host" && (e.raw == 1 ? (t && e.clone ? t[H] : t) != e.type : e.raw == 2 ? !(t instanceof e.type) : t ? t[H] || t.localName != e.type : !t), r && e.type != null && (e.raw == 1 && e.clone ? (s = !0, t = e.type.cloneNode(!0), t[H] = e.type) : t = e.raw == 1 ? e.type : e.raw == 2 ? new e.type() : o ? document.createElementNS(
+  (e || !t) && (o = o || e.type == "svg", r = e.type != "host" && (e.raw == 1 ? (t && e.clone ? t[J] : t) != e.type : e.raw == 2 ? !(t instanceof e.type) : t ? t[J] || t.localName != e.type : !t), r && e.type != null && (e.raw == 1 && e.clone ? (s = !0, t = e.type.cloneNode(!0), t[J] = e.type) : t = e.raw == 1 ? e.type : e.raw == 2 ? new e.type() : o ? document.createElementNS(
     "http://www.w3.org/2000/svg",
     e.type
   ) : document.createElement(
@@ -427,7 +427,7 @@ function xt(e, t, n = we, s, o) {
   )));
   const c = t[n] ? t[n] : L, { vnode: f = L, cycle: a = 0 } = c;
   let { fragment: i, handlers: u } = c;
-  const { children: d = V, props: l = L } = f;
+  const { children: d = et, props: l = L } = f;
   if (u = r ? {} : u || {}, e.static && !r)
     return t;
   if (e.shadow && !t.shadowRoot && // @ts-ignore
@@ -449,13 +449,13 @@ function xt(e, t, n = we, s, o) {
   return t[n] = { vnode: e, handlers: u, fragment: i, cycle: a + 1 }, t;
 }
 function Ce(e, t) {
-  const n = new tt(""), s = new tt("");
+  const n = new nt(""), s = new nt("");
   let o;
   if (e[t ? "prepend" : "append"](n), t) {
     let { lastElementChild: r } = e;
     for (; r; ) {
       const { previousElementSibling: c } = r;
-      if (G(r, !0) && !G(c, !0)) {
+      if (V(r, !0) && !V(c, !0)) {
         o = r;
         break;
       }
@@ -484,7 +484,7 @@ function Pe(e, t, n, s, o, r) {
       h = xt(m, E, s, o, r);
     else {
       const v = m + "";
-      !(h instanceof Text) || h instanceof tt ? h = new Text(v) : h.data != v && (h.data = v);
+      !(h instanceof Text) || h instanceof nt ? h = new Text(v) : h.data != v && (h.data = v);
     }
     h != l && (i && d.delete(h), !E || i ? (n.insertBefore(h, l), i && l != a && d.add(l)) : E == a ? n.insertBefore(h, a) : (n.replaceChild(h, E), l = h)), p != null && (u = u || /* @__PURE__ */ new Map(), u.set(p, h));
   }), l = l == a ? a : l.nextSibling, t && l != a)
@@ -562,7 +562,7 @@ function Oe(e) {
     return t.textContent = e, t;
   }
 }
-const Ae = Yt("host", { style: "display: contents" }), K = O("atomico/context"), Re = (e, t) => {
+const Ae = Yt("host", { style: "display: contents" }), Z = O("atomico/context"), Re = (e, t) => {
   const n = $();
   ge(
     () => Rt(
@@ -589,19 +589,19 @@ const Ae = Yt("host", { style: "display: contents" }), K = O("atomico/context"),
         r = c;
       }
     }), r;
-  }, [s, o] = st(
+  }, [s, o] = rt(
     n
   );
-  return nt(() => {
-    s || (e[K] || (e[K] = customElements.whenDefined(
+  return ot(() => {
+    s || (e[Z] || (e[Z] = customElements.whenDefined(
       new e().localName
-    )), e[K].then(
+    )), e[Z].then(
       () => o(n)
     ));
   }, [e]), s;
 }, Fe = (e) => {
   const t = Me(e), n = kt();
-  return nt(() => {
+  return ot(() => {
     if (t)
       return Rt(t, "UpdatedValue", n);
   }, [t]), (t || e).value;
@@ -620,15 +620,15 @@ const Ae = Yt("host", { style: "display: contents" }), K = O("atomico/context"),
   );
   return t.value = e, t;
 }, b = (e, t, n) => (t == null ? t = { key: n } : t.key = n, Yt(e, t)), F = b, Bt = Y`*,*:before,*:after{box-sizing:border-box}button{padding:0;touch-action:manipulation;cursor:pointer;user-select:none}`, zt = Y`.vh{position:absolute;transform:scale(0)}`;
-function ot() {
+function ct() {
   return D.from(/* @__PURE__ */ new Date());
 }
-function rt(e, t = 0) {
+function it(e, t = 0) {
   const n = w(e), s = n.getUTCDay(), o = (s < t ? 7 : 0) + s - t;
   return n.setUTCDate(n.getUTCDate() - o), D.from(n);
 }
 function qt(e, t = 0) {
-  return rt(e, t).add({ days: 6 });
+  return it(e, t).add({ days: 6 });
 }
 function Ht(e) {
   return D.from(new Date(Date.UTC(e.year, e.month, 0)));
@@ -638,7 +638,7 @@ function x(e, t, n) {
 }
 const Ue = { days: 1 };
 function $e(e, t = 0) {
-  let n = rt(e.toPlainDate(), t);
+  let n = it(e.toPlainDate(), t);
   const s = qt(Ht(e), t), o = [];
   for (; D.compare(n, s) < 0; ) {
     const r = [];
@@ -651,7 +651,7 @@ function $e(e, t = 0) {
 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])$/, J = (e, t) => e.toString().padStart(t, "0");
+const Le = /^(\d{4})-(0[1-9]|1[0-2])-(0[1-9]|[12][0-9]|3[0-1])$/, W = (e, t) => e.toString().padStart(t, "0");
 class D {
   constructor(t, n, s) {
     this.year = t, this.month = n, this.day = s;
@@ -669,7 +669,7 @@ class D {
     return x(D.from(n), r, Ht(r));
   }
   toString() {
-    return `${J(this.year, 4)}-${J(this.month, 2)}-${J(this.day, 2)}`;
+    return `${W(this.year, 4)}-${W(this.month, 2)}-${W(this.day, 2)}`;
   }
   toPlainYearMonth() {
     return new B(this.year, this.month);
@@ -714,7 +714,7 @@ class B {
     return new D(this.year, this.month, 1);
   }
 }
-function et(e, t) {
+function st(e, t) {
   if (t)
     try {
       return e.from(t);
@@ -723,11 +723,11 @@ function et(e, t) {
 }
 function I(e) {
   const [t, n] = Lt(e);
-  return [P(() => et(D, t), [t]), (r) => n(r.toString())];
+  return [P(() => st(D, t), [t]), (r) => n(r.toString())];
 }
 function _e(e) {
   if (e) {
-    const [t, n] = e.split("/"), s = et(D, t), o = et(D, n);
+    const [t, n] = e.split("/"), s = st(D, t), o = st(D, n);
     if (s && o)
       return [s, o];
   }
@@ -754,7 +754,7 @@ function gt(e, t, n) {
     return o;
   }, [t, s]);
 }
-const Et = (e, t, n) => x(e, t, n) === e, Dt = (e) => e.target.matches(":dir(ltr)"), Ye = { month: "long", day: "numeric" }, xe = { month: "long" }, Be = { weekday: "narrow" }, ze = { weekday: "long" }, Z = { bubbles: !0 };
+const Et = (e, t, n) => x(e, t, n) === e, Dt = (e) => e.target.matches(":dir(ltr)"), Ye = { month: "long", day: "numeric" }, xe = { month: "long" }, Be = { weekday: "narrow" }, ze = { weekday: "long" }, X = { bubbles: !0 };
 function qe({ props: e, context: t }) {
   const { offset: n } = e, {
     firstDayOfWeek: s,
@@ -764,14 +764,14 @@ function qe({ props: e, context: t }) {
     page: f,
     locale: a,
     focusedDate: i
-  } = t, u = ot(), d = gt(ze, s, a), l = gt(Be, s, a), m = U(Ye, a), p = U(xe, a), y = P(
+  } = t, u = ct(), d = gt(ze, s, a), l = gt(Be, s, a), m = U(Ye, a), p = U(xe, a), y = P(
     () => f.start.add({ months: n }),
     [f, n]
   ), E = P(
     () => $e(y, s),
     [y, s]
-  ), h = C("focusday", Z), v = C("selectday", Z), z = C("hoverday", Z);
-  function it(g) {
+  ), h = C("focusday", X), v = C("selectday", X), z = C("hoverday", X);
+  function lt(g) {
     h(x(g, r, c));
   }
   function Xt(g) {
@@ -796,7 +796,7 @@ function qe({ props: e, context: t }) {
         S = i.add(g.shiftKey ? { years: 1 } : { months: 1 });
         break;
       case "Home":
-        S = rt(i, s);
+        S = it(i, s);
         break;
       case "End":
         S = qt(i, s);
@@ -804,33 +804,33 @@ function qe({ props: e, context: t }) {
       default:
         return;
     }
-    it(S), g.preventDefault();
+    lt(S), g.preventDefault();
   }
   function Gt(g) {
     const S = y.equals(g);
     if (!S && !t.showOutsideDays)
       return;
-    const Qt = g.equals(i), Vt = g.equals(u), at = w(g), q = o?.(at), lt = !Et(g, r, c);
-    let ut = "", A;
+    const Qt = g.equals(i), Vt = g.equals(u), ut = w(g), q = o?.(ut), ft = !Et(g, r, c);
+    let dt = "", A;
     if ("highlightedRange" in t) {
-      const [ft, dt] = t.highlightedRange, ht = ft?.equals(g), mt = dt?.equals(g);
-      A = Et(g, ft, dt), ut = `${ht ? "range-start" : ""} ${mt ? "range-end" : ""} ${A && !ht && !mt ? "range-inner" : ""}`;
+      const [H, K] = t.highlightedRange, ht = H?.equals(g), mt = K?.equals(g);
+      A = H && K && Et(g, H, K), dt = `${ht ? "range-start" : ""} ${mt ? "range-end" : ""} ${A && !ht && !mt ? "range-inner" : ""}`;
     } else
       A = t.value?.equals(g);
     return {
-      part: `button day ${S && A ? "selected" : ""} ${ut}`,
+      part: `button day ${S ? A ? "selected" : "" : "outside"} ${dt}`,
       tabindex: S && Qt ? 0 : -1,
-      disabled: lt,
+      disabled: ft,
       "aria-disabled": q ? "true" : void 0,
       "aria-pressed": S && A,
       "aria-current": Vt ? "date" : void 0,
-      "aria-label": m.format(at),
+      "aria-label": m.format(ut),
       onkeydown: Xt,
       onclick() {
-        q || v(g), it(g);
+        q || v(g), lt(g);
       },
       onmouseover() {
-        !q && !lt && z(g);
+        !q && !ft && z(g);
       }
     };
   }
@@ -843,16 +843,16 @@ function qe({ props: e, context: t }) {
     getDayProps: Gt
   };
 }
-const W = ot(), ct = Ie({
+const G = ct(), at = Ie({
   firstDayOfWeek: 1,
   isDateDisallowed: () => !1,
-  focusedDate: W,
-  page: { start: W.toPlainYearMonth(), end: W.toPlainYearMonth() }
+  focusedDate: G,
+  page: { start: G.toPlainYearMonth(), end: G.toPlainYearMonth() }
 });
-customElements.define("calendar-month-ctx", ct);
+customElements.define("calendar-month-ctx", at);
 const He = j(
   (e) => {
-    const t = Fe(ct), n = se(), s = qe({ props: e, context: t });
+    const t = Fe(at), n = se(), s = qe({ props: e, context: t });
     function o() {
       n.current.querySelector("button[tabindex='0']")?.focus();
     }
@@ -906,7 +906,7 @@ function Kt(e) {
       /* @__PURE__ */ b(St, { name: "next", onclick: e.next, children: "Next" })
     ] }),
     /* @__PURE__ */ b(
-      ct,
+      at,
       {
         value: e,
         onselectday: e.onSelect,
@@ -975,15 +975,15 @@ function Wt({
   setFocusedDate: s
 }) {
   const [o] = I("min"), [r] = I("max"), c = C("focusday"), f = C("change"), a = P(
-    () => x(n ?? ot(), o, r),
+    () => x(n ?? ct(), o, r),
     [n, o, r]
-  ), [i, u] = st(
+  ), [i, u] = rt(
     () => vt(a.toPlainYearMonth(), e)
   ), d = (h) => {
     const v = wt(i.start, h.toPlainYearMonth());
     return v >= 0 && v < e;
   };
-  nt(() => {
+  ot(() => {
     let h = i.start;
     if (!d(a)) {
       const v = wt(h, a.toPlainYearMonth()), z = Math.floor(v / e);
@@ -1044,7 +1044,7 @@ const Tt = (e, t) => D.compare(e, t) < 0 ? [e, t] : [t, e], We = j(
       ...e,
       focusedDate: s,
       setFocusedDate: o
-    }), c = C("rangestart"), f = C("rangeend"), [a, i] = st();
+    }), c = C("rangestart"), f = C("rangeend"), [a, i] = rt();
     function u(p) {
       r.onFocus(p), d(p);
     }

package/package.json

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