@editora/ui-core 0.1.20 → 0.1.22

package/dist/{calendar-DLY4acgn.mjs → calendar-DbxYRdlv.mjs}

@@ -1,5 +1,5 @@
-import { E as Ae } from "./ElementBase-YlTLMsGk.mjs";
-const Te = {
+import { E as Te } from "./ElementBase-YlTLMsGk.mjs";
+const Re = {
   calendarLabel: "Calendar",
   today: "Today",
   clear: "Clear",
@@ -45,7 +45,7 @@ const Te = {
   timePlaceholderSeconds: "HH:mm:ss",
   dateTimePlaceholder: "YYYY-MM-DD HH:mm",
   dateRangeTimePlaceholder: "Start — End"
-}, Re = {
+}, ze = {
   calendarLabel: "日历",
   today: "今天",
   clear: "清除",
@@ -91,7 +91,7 @@ const Te = {
   timePlaceholderSeconds: "HH:mm:ss",
   dateTimePlaceholder: "YYYY-MM-DD HH:mm",
   dateRangeTimePlaceholder: "开始 — 结束"
-}, ze = {
+}, $e = {
   calendarLabel: "Calendrier",
   today: "Aujourd'hui",
   clear: "Effacer",
@@ -138,15 +138,15 @@ const Te = {
   dateTimePlaceholder: "YYYY-MM-DD HH:mm",
   dateRangeTimePlaceholder: "Debut — Fin"
 }, Ee = {
-  en: Te,
-  zh: Re,
-  fr: ze
+  en: Re,
+  zh: ze,
+  fr: $e
 }, se = /* @__PURE__ */ new Map();
-function $e(r) {
+function Oe(r) {
   return r.trim().toLowerCase().replace(/_/g, "-");
 }
-function Oe(r) {
-  const e = r || (typeof navigator < "u" && navigator.language ? navigator.language : "en"), t = $e(e || "");
+function Pe(r) {
+  const e = r || (typeof navigator < "u" && navigator.language ? navigator.language : "en"), t = Oe(e || "");
   return t === "zh" || t.startsWith("zh-") || t === "cn" || t === "chinese" || t === "zh-cn" || t === "zh-hans" || t === "zh-hant" ? "zh" : t === "fr" || t.startsWith("fr-") || t === "french" ? "fr" : "en";
 }
 function oe(r) {
@@ -156,7 +156,7 @@ function oe(r) {
     typeof n == "string" && (e[t] = n);
   }), e;
 }
-function Pe(r, e) {
+function Le(r, e) {
   if (!r) return {};
   try {
     const t = JSON.parse(r);
@@ -167,18 +167,18 @@ function Pe(r, e) {
     return {};
   }
 }
-function Le(r, e) {
-  const t = Oe(r), n = `${t}::${e || ""}`, a = se.get(n);
+function Be(r, e) {
+  const t = Pe(r), n = `${t}::${e || ""}`, a = se.get(n);
   if (a) return a;
-  const i = Ee[t], s = Pe(e, t), l = { ...i, ...s };
-  return se.set(n, l), l;
+  const i = Ee[t], s = Le(e, t), d = { ...i, ...s };
+  return se.set(n, d), d;
 }
-const Be = `
+const Fe = `
   :host {
     --ui-calendar-bg: color-mix(in srgb, var(--ui-color-surface, #ffffff) 95%, transparent);
     --ui-calendar-border: color-mix(in srgb, var(--ui-color-border, #cbd5e1) 74%, transparent);
     --ui-calendar-text: var(--ui-color-text, #0f172a);
-    --ui-calendar-muted: var(--ui-color-muted, #64748b);
+    --ui-calendar-muted: var(--ui-color-muted, #526175);
     --ui-calendar-accent: var(--ui-color-primary, #2563eb);
 
     --ui-calendar-radius: 14px;
@@ -211,7 +211,7 @@ const Be = `
   }
 
   :host([tone="neutral"]) {
-    --ui-calendar-accent: color-mix(in srgb, var(--ui-color-muted, #64748b) 76%, var(--ui-color-text, #0f172a) 24%);
+    --ui-calendar-accent: color-mix(in srgb, var(--ui-color-muted, #526175) 76%, var(--ui-color-text, #0f172a) 24%);
   }
 
   :host([tone="info"]) {
@@ -219,11 +219,11 @@ const Be = `
   }
 
   :host([tone="success"]) {
-    --ui-calendar-accent: var(--ui-color-success, #16a34a);
+    --ui-calendar-accent: var(--ui-color-success, #15803d);
   }
 
   :host([tone="warning"]) {
-    --ui-calendar-accent: var(--ui-color-warning, #d97706);
+    --ui-calendar-accent: var(--ui-color-warning, #b45309);
   }
 
   :host([tone="danger"]) {
@@ -235,7 +235,7 @@ const Be = `
   }
 
   :host([state="success"]) {
-    --ui-calendar-accent: var(--ui-color-success, #16a34a);
+    --ui-calendar-accent: var(--ui-color-success, #15803d);
   }
 
   :host([size="sm"]) {
@@ -505,6 +505,26 @@ const Be = `
     padding: 4px 2px;
   }
 
+  /* One cell per day: the button, plus the event marks and tooltip drawn over and beside it. */
+  .day-cell {
+    position: relative;
+    display: grid;
+    min-inline-size: 0;
+    --ui-calendar-events-h: 10px;
+  }
+
+  .day-cell[data-events="badges"] { --ui-calendar-events-h: 15px; }
+  .day-cell[data-events="count"] { --ui-calendar-events-h: 16px; }
+
+  .day-cell > .day {
+    grid-area: 1 / 1;
+  }
+
+  /* Room under the number for the event marks, so the number sits where it did when they were inside. */
+  .day-cell[data-events] > .day {
+    padding-block-end: calc(var(--ui-calendar-day-padding-block) + var(--ui-calendar-events-h) + 4px);
+  }
+
   .day {
     border: 1px solid color-mix(in srgb, var(--ui-calendar-border) 78%, transparent);
     border-radius: var(--ui-calendar-day-radius);
@@ -587,13 +607,16 @@ const Be = `
   }
 
   .events {
-    min-block-size: 10px;
-    display: inline-flex;
+    position: absolute;
+    inset-inline: var(--ui-calendar-day-padding-inline);
+    inset-block-start: calc(50% + (var(--ui-calendar-day-font-size) + 4px - var(--ui-calendar-events-h)) / 2);
+    block-size: var(--ui-calendar-events-h);
+    display: flex;
     align-items: center;
     justify-content: center;
     gap: 4px;
-    max-inline-size: 100%;
     overflow: hidden;
+    pointer-events: none;
   }
 
   .event-dot {
@@ -647,6 +670,8 @@ const Be = `
     box-shadow: 0 10px 24px rgba(15, 23, 42, 0.14);
     color: var(--ui-calendar-text);
     font: 500 11px/1.35 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
+    /* Not drawn at all until its day is hovered or focused, so a hidden tooltip near an edge cannot widen the page. */
+    display: none;
     opacity: 0;
     pointer-events: none;
     z-index: 5;
@@ -656,12 +681,24 @@ const Be = `
     display: none;
   }
 
-  .day:hover .tooltip,
-  .day:focus-visible .tooltip,
-  .day:focus-within .tooltip {
+  .day:hover ~ .tooltip,
+  .day:focus-visible ~ .tooltip {
+    display: block;
     opacity: 1;
   }
 
+  /* The outer columns open inward, so the tooltip stays inside the calendar (and the viewport). */
+  .week > .day-cell:nth-child(-n + 2) .tooltip {
+    inset-inline-start: 0;
+    transform: none;
+  }
+
+  .week > .day-cell:nth-child(n + 6) .tooltip {
+    inset-inline-start: auto;
+    inset-inline-end: 0;
+    transform: none;
+  }
+
   .live-region {
     position: absolute;
     inline-size: 1px;
@@ -697,7 +734,7 @@ const Be = `
   }
 
   :host([state="success"]) .frame {
-    box-shadow: 0 0 0 1px color-mix(in srgb, var(--ui-color-success, #16a34a) 28%, transparent), var(--ui-calendar-shadow);
+    box-shadow: 0 0 0 1px color-mix(in srgb, var(--ui-color-success, #15803d) 28%, transparent), var(--ui-calendar-shadow);
   }
 
   @media (max-width: 420px) {
@@ -815,11 +852,11 @@ const Be = `
     from { background-position: 120% 0; }
     to { background-position: -120% 0; }
   }
-`, V = {
+`, q = {
   default: "var(--ui-color-primary, #2563eb)",
-  info: "var(--ui-color-info, #0891b2)",
-  success: "var(--ui-color-success, #16a34a)",
-  warning: "var(--ui-color-warning, #d97706)",
+  info: "var(--ui-color-info, #0e7490)",
+  success: "var(--ui-color-success, #15803d)",
+  warning: "var(--ui-color-warning, #b45309)",
   danger: "var(--ui-color-danger, #dc2626)"
 };
 function O(r, e, t) {
@@ -828,7 +865,7 @@ function O(r, e, t) {
 function L(r) {
   return String(r).padStart(2, "0");
 }
-function v(r) {
+function b(r) {
   return `${r.y}-${L(r.m)}-${L(r.d)}`;
 }
 function c(r) {
@@ -856,11 +893,11 @@ function w(r, e) {
   const t = c(r), n = c(e);
   return !t || !n ? r.localeCompare(e) : t.y !== n.y ? t.y - n.y : t.m !== n.m ? t.m - n.m : t.d - n.d;
 }
-function Fe(r, e) {
+function Ue(r, e) {
   const t = c(r);
   if (!t) return r;
   const n = B(t);
-  return n.setUTCDate(n.getUTCDate() + e), v(fe(n));
+  return n.setUTCDate(n.getUTCDate() + e), b(fe(n));
 }
 function P(r, e) {
   const t = new Date(Date.UTC(r.y, r.m - 1, 1));
@@ -870,28 +907,28 @@ function P(r, e) {
 }
 function He(r, e) {
   const t = c(r);
-  return t ? v(P(t, e)) : r;
+  return t ? b(P(t, e)) : r;
 }
-function le(r, e) {
+function de(r, e) {
   return { y: r, m: e, d: 1 };
 }
-function Ue(r, e) {
+function Ne(r, e) {
   return { y: r, m: e, d: F(r, e) };
 }
-function de(r) {
+function le(r) {
   const e = c(r);
   return e ? B(e).getUTCDay() : 0;
 }
-function K(r, e) {
+function W(r, e) {
   if (r == null || r === "") return e;
   const t = Number(r);
   return Number.isFinite(t) ? Math.trunc(t) : e;
 }
 function ce(r, e) {
-  const t = K(r, e);
+  const t = W(r, e);
   return t < 1 ? e : t;
 }
-function Ne(r, e) {
+function Ye(r, e) {
   if (r == null) return e;
   const t = String(r).toLowerCase();
   return t !== "false" && t !== "0" && t !== "off";
@@ -899,10 +936,10 @@ function Ne(r, e) {
 function m(r) {
   return r.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
 }
-function q(r, e, t) {
+function K(r, e, t) {
   return w(r, e) >= 0 && w(r, t) <= 0;
 }
-function E(r, e) {
+function $(r, e) {
   return w(r, e) <= 0 ? { start: r, end: e } : { start: e, end: r };
 }
 function ue(r, e) {
@@ -916,19 +953,19 @@ function ue(r, e) {
   }
   return 0;
 }
-function Ye(r) {
+function je(r) {
   return r === "range" || r === "multiple" ? r : "single";
 }
-function je(r) {
+function Ve(r) {
   return r === "none" || r === "select" ? r : "navigate";
 }
-function Ve(r) {
+function qe(r) {
   return r === "badges" || r === "count" ? r : "dots";
 }
-function qe(r) {
+function Ke(r) {
   return r === "sm" || r === "lg" ? r : "md";
 }
-function Ke(r) {
+function We(r) {
   return r === "neutral" || r === "info" || r === "success" || r === "warning" || r === "danger" ? r : null;
 }
 function he(r) {
@@ -939,14 +976,14 @@ function pe(r) {
   return r.forEach((n) => {
     const a = c(n);
     if (!a) return;
-    const i = v(a);
+    const i = b(a);
     t.has(i) || (t.add(i), e.push(i));
   }), e.sort(w), e;
 }
-function $(r) {
+function E(r) {
   return r.mode === "single" ? { mode: "single", value: r.value } : r.mode === "range" ? { mode: "range", start: r.start, end: r.end } : { mode: "multiple", values: [...r.values] };
 }
-class We extends Ae {
+class Je extends Te {
   constructor() {
     super(), this._eventsRawCache = null, this._eventsParsedCache = [], this._eventsByDateCache = /* @__PURE__ */ new Map(), this._valueRawCache = null, this._valueModeCache = null, this._valueParsedCache = { mode: "single", value: null }, this._focusedIso = "", this._hoverIso = null, this._pickerOpen = !1, this._syncingValueAttribute = !1, this._rangeKeyboardAnchor = null, this._shouldRefocus = !1, this._docPointerDownBound = (e) => this._onDocumentPointerDown(e), this._onClick = this._onClick.bind(this), this._onKeyDown = this._onKeyDown.bind(this), this._onPointerOver = this._onPointerOver.bind(this), this._onMouseLeave = this._onMouseLeave.bind(this), this._onFocusIn = this._onFocusIn.bind(this);
   }
@@ -990,7 +1027,7 @@ class We extends Ae {
   }
   focusDate(e) {
     const t = c(e);
-    t && (this.goToMonth(t.y, t.m), this._focusedIso = v(t), this._shouldRefocus = !0, this.requestRender());
+    t && (this.goToMonth(t.y, t.m), this._focusedIso = b(t), this._shouldRefocus = !0, this.requestRender());
   }
   goToMonth(e, t, n = "api") {
     if (!Number.isFinite(e) || !Number.isFinite(t)) return;
@@ -1001,16 +1038,16 @@ class We extends Ae {
       i -= 12, a += 1;
     let s = !1;
     if (String(a) !== (this.getAttribute("year") || "") && (this.setAttribute("year", String(a)), s = !0), String(i) !== (this.getAttribute("month") || "") && (this.setAttribute("month", String(i)), s = !0), s) {
-      const l = { year: a, month: i, source: n };
+      const d = { year: a, month: i, source: n };
       this.dispatchEvent(
         new CustomEvent("month-change", {
-          detail: l,
+          detail: d,
           bubbles: !0,
           composed: !0
         })
       ), this.dispatchEvent(
         new CustomEvent("ui-month-change", {
-          detail: l,
+          detail: d,
           bubbles: !0,
           composed: !0
         })
@@ -1020,7 +1057,7 @@ class We extends Ae {
   selectDate(e) {
     const t = c(e);
     if (!t) return;
-    const n = v(t);
+    const n = b(t);
     this._shouldRefocus = !0, this._applySelection(n, !1, "api");
   }
   _syncDocumentListener() {
@@ -1030,10 +1067,15 @@ class We extends Ae {
     !this._pickerOpen || e.composedPath().includes(this) || (this._pickerOpen = !1, this.requestRender());
   }
   _resolveLocale() {
-    return (this.getAttribute("locale") || "").trim() || (typeof navigator < "u" ? navigator.language : "en-US");
+    const t = (this.getAttribute("locale") || "").trim() || (typeof navigator < "u" ? navigator.language : "en-US");
+    try {
+      return new Intl.DateTimeFormat(t), t;
+    } catch {
+      return "en-US";
+    }
   }
   _resolvedView() {
-    const e = /* @__PURE__ */ new Date(), t = K(this.getAttribute("year"), e.getFullYear()), n = K(this.getAttribute("month"), e.getMonth() + 1);
+    const e = /* @__PURE__ */ new Date(), t = W(this.getAttribute("year"), e.getFullYear()), n = W(this.getAttribute("month"), e.getMonth() + 1);
     return {
       year: t,
       month: O(n, 1, 12)
@@ -1045,30 +1087,30 @@ class We extends Ae {
   }
   _resolveMinIso() {
     const e = c(this.getAttribute("min") || "");
-    return e ? v(e) : null;
+    return e ? b(e) : null;
   }
   _resolveMaxIso() {
     const e = c(this.getAttribute("max") || "");
-    return e ? v(e) : null;
+    return e ? b(e) : null;
   }
   _monthHasAllowedDay(e, t, n, a) {
-    const i = v(le(e, t)), s = v(Ue(e, t));
+    const i = b(de(e, t)), s = b(Ne(e, t));
     return !(n && w(s, n) < 0 || a && w(i, a) > 0);
   }
   _resolveSelectionMode() {
-    return Ye(this.getAttribute("selection"));
+    return je(this.getAttribute("selection"));
   }
   _resolveEventsDisplay() {
-    return Ve(this.getAttribute("events-display"));
+    return qe(this.getAttribute("events-display"));
   }
   _resolveOutsideClickMode() {
-    return je(this.getAttribute("outside-click"));
+    return Ve(this.getAttribute("outside-click"));
   }
   _resolveCalendarSize() {
-    return qe(this.getAttribute("size"));
+    return Ke(this.getAttribute("size"));
   }
   _resolveTone() {
-    return Ke(this.getAttribute("tone"));
+    return We(this.getAttribute("tone"));
   }
   _resolveState() {
     return he(this.getAttribute("state"));
@@ -1078,7 +1120,7 @@ class We extends Ae {
     return e || this._translations().calendarLabel;
   }
   _translations() {
-    return Le(
+    return Be(
       this.getAttribute("locale"),
       this.getAttribute("translations")
     );
@@ -1104,7 +1146,7 @@ class We extends Ae {
     return O(ce(this.getAttribute("events-max"), 3), 1, 9);
   }
   _showTodayButton() {
-    return this.hasAttribute("hide-today") ? !1 : Ne(this.getAttribute("show-today"), !0);
+    return this.hasAttribute("hide-today") ? !1 : Ye(this.getAttribute("show-today"), !0);
   }
   _isDisabled() {
     return this.hasAttribute("disabled");
@@ -1124,7 +1166,7 @@ class We extends Ae {
   _normalizeValueForMode(e) {
     const t = this.getAttribute("value") || "";
     if (this._valueRawCache === t && this._valueModeCache === e)
-      return $(this._valueParsedCache);
+      return E(this._valueParsedCache);
     let n;
     if (e === "multiple") {
       try {
@@ -1132,29 +1174,29 @@ class We extends Ae {
         if (!Array.isArray(i))
           n = { mode: e, values: [] };
         else {
-          const s = pe(i.map((l) => String(l || "")));
+          const s = pe(i.map((d) => String(d || "")));
           n = { mode: e, values: s };
         }
       } catch {
         n = { mode: e, values: [] };
       }
-      return this._valueRawCache = t, this._valueModeCache = e, this._valueParsedCache = $(n), n;
+      return this._valueRawCache = t, this._valueModeCache = e, this._valueParsedCache = E(n), n;
     }
     if (e === "range") {
       try {
-        const i = JSON.parse(t), s = i && typeof i == "object" ? String(i.start || "") : "", l = i && typeof i == "object" ? String(i.end || "") : "", o = c(s), p = c(l), h = o ? v(o) : null, u = p ? v(p) : null;
-        if (h && u) {
-          const f = E(h, u);
+        const i = JSON.parse(t), s = i && typeof i == "object" ? String(i.start || "") : "", d = i && typeof i == "object" ? String(i.end || "") : "", o = c(s), p = c(d), u = o ? b(o) : null, h = p ? b(p) : null;
+        if (u && h) {
+          const f = $(u, h);
           n = { mode: e, start: f.start, end: f.end };
         } else
-          n = { mode: e, start: h, end: null };
+          n = { mode: e, start: u, end: null };
       } catch {
         n = { mode: e, start: null, end: null };
       }
-      return this._valueRawCache = t, this._valueModeCache = e, this._valueParsedCache = $(n), n;
+      return this._valueRawCache = t, this._valueModeCache = e, this._valueParsedCache = E(n), n;
     }
     const a = c(t);
-    return n = { mode: e, value: a ? v(a) : null }, this._valueRawCache = t, this._valueModeCache = e, this._valueParsedCache = $(n), n;
+    return n = { mode: e, value: a ? b(a) : null }, this._valueRawCache = t, this._valueModeCache = e, this._valueParsedCache = E(n), n;
   }
   _serializeSelection(e) {
     if (e.mode === "single")
@@ -1205,33 +1247,33 @@ class We extends Ae {
     if (!c(e)) return;
     const a = this._resolveSelectionMode(), { minIso: i, maxIso: s } = this._resolveBounds();
     if (this._isDateOutOfBounds(e, i, s)) return;
-    const l = this._isReadonly();
-    if (this._isInteractionDisabled() || l) return;
+    const d = this._isReadonly();
+    if (this._isInteractionDisabled() || d) return;
     let o = this._normalizeValueForMode(a);
     if (a === "single")
       o = { mode: a, value: e };
     else if (a === "multiple") {
-      const u = this._normalizeValueForMode("multiple"), f = new Set(u.values);
+      const h = this._normalizeValueForMode("multiple"), f = new Set(h.values);
       f.has(e) ? f.delete(e) : f.size < this._maxSelections() && f.add(e), o = { mode: a, values: pe(Array.from(f)) };
     } else {
-      const u = this._normalizeValueForMode("range"), f = u.start, _ = u.end;
+      const h = this._normalizeValueForMode("range"), f = h.start, _ = h.end;
       if (t) {
-        const d = this._rangeKeyboardAnchor || f || this._focusedIso || e;
-        if (!c(d))
+        const l = this._rangeKeyboardAnchor || f || this._focusedIso || e;
+        if (!c(l))
           this._rangeKeyboardAnchor = e, o = { mode: a, start: e, end: null };
         else {
-          const b = E(d, e);
-          o = { mode: a, start: b.start, end: b.end };
+          const v = $(l, e);
+          o = { mode: a, start: v.start, end: v.end };
         }
       } else if (!f || f && _)
         this._rangeKeyboardAnchor = e, o = { mode: a, start: e, end: null };
       else if (f && !_) {
-        const d = E(f, e);
-        o = { mode: a, start: d.start, end: d.end };
+        const l = $(f, e);
+        o = { mode: a, start: l.start, end: l.end };
       }
     }
-    const p = this.getAttribute("value"), h = this._serializeSelection(o);
-    p !== h ? (this._setValueAttribute(h), this._emitSelectionEvents(o, a === "single" ? e : null, n)) : a === "single" && this._emitSelectionEvents(o, e, n), this._focusedIso = e, this._hoverIso = null, this._shouldRefocus = !0, n !== "api" && this.requestRender();
+    const p = this.getAttribute("value"), u = this._serializeSelection(o);
+    p !== u ? (this._setValueAttribute(u), this._emitSelectionEvents(o, a === "single" ? e : null, n)) : a === "single" && this._emitSelectionEvents(o, e, n), this._focusedIso = e, this._hoverIso = null, this._shouldRefocus = !0, n !== "api" && this.requestRender();
   }
   _monthLabel(e, t, n) {
     try {
@@ -1258,8 +1300,8 @@ class We extends Ae {
   _weekdayLabels(e, t) {
     const n = [], a = new Intl.DateTimeFormat(e, { weekday: "short", timeZone: "UTC" });
     for (let i = 0; i < 7; i += 1) {
-      const s = (t + i) % 7, l = new Date(Date.UTC(2024, 0, 7 + s));
-      n.push(a.format(l));
+      const s = (t + i) % 7, d = new Date(Date.UTC(2024, 0, 7 + s));
+      n.push(a.format(d));
     }
     return n;
   }
@@ -1287,10 +1329,10 @@ class We extends Ae {
         const n = [];
         t.forEach((a) => {
           if (!a || typeof a != "object") return;
-          const i = String(a.date || "").trim(), s = c(i), l = s ? v(s) : "";
-          if (!l) return;
-          const o = String(a.tone || "default"), p = o === "success" || o === "warning" || o === "danger" || o === "info" ? o : "default", h = a.title != null ? String(a.title) : void 0;
-          n.push({ date: l, title: h, tone: p });
+          const i = String(a.date || "").trim(), s = c(i), d = s ? b(s) : "";
+          if (!d) return;
+          const o = String(a.tone || "default"), p = o === "success" || o === "warning" || o === "danger" || o === "info" ? o : "default", u = a.title != null ? String(a.title) : void 0;
+          n.push({ date: d, title: u, tone: p });
         }), this._eventsParsedCache = n, n.forEach((a) => {
           this._eventsByDateCache.has(a.date) || this._eventsByDateCache.set(a.date, []), this._eventsByDateCache.get(a.date).push(a);
         });
@@ -1298,20 +1340,20 @@ class We extends Ae {
       }
   }
   _buildCells(e, t, n, a, i, s) {
-    const l = v(le(e, t)), p = (de(l) - n + 7) % 7, h = c(l);
-    if (!h) return [];
-    const u = B(h);
-    u.setUTCDate(u.getUTCDate() - p);
+    const d = b(de(e, t)), p = (le(d) - n + 7) % 7, u = c(d);
+    if (!u) return [];
+    const h = B(u);
+    h.setUTCDate(h.getUTCDate() - p);
     const f = [];
     for (let _ = 0; _ < 42; _ += 1) {
-      _ > 0 && u.setUTCDate(u.getUTCDate() + 1);
-      const d = fe(u), b = v(d), D = d.y !== e || d.m !== t, y = this._isDateBlocked(b, D, a, i);
+      _ > 0 && h.setUTCDate(h.getUTCDate() + 1);
+      const l = fe(h), v = b(l), D = l.y !== e || l.m !== t, y = this._isDateBlocked(v, D, a, i);
       f.push({
-        iso: b,
-        parts: d,
+        iso: v,
+        parts: l,
         outside: D,
         disabled: y,
-        today: b === s
+        today: v === s
       });
     }
     return f;
@@ -1326,8 +1368,8 @@ class We extends Ae {
     };
     let s = i(this._focusedIso);
     if (s || (t.mode === "single" && (s = i(t.value)), !s && t.mode === "range" && (s = i(t.end || t.start)), !s && t.mode === "multiple" && (s = i(t.values[0])), s || (s = i(n)), s)) return s;
-    const l = e.find((o) => !o.disabled);
-    return l ? l.iso : e[0]?.iso || "";
+    const d = e.find((o) => !o.disabled);
+    return d ? d.iso : e[0]?.iso || "";
   }
   _focusDateButton(e) {
     if (!e || this.root.activeElement?.getAttribute("data-date") === e) return;
@@ -1340,7 +1382,7 @@ class We extends Ae {
       }
   }
   _moveFocusByDays(e, t, n) {
-    const a = Fe(e, t), i = c(a);
+    const a = Ue(e, t), i = c(a);
     i && (this.goToMonth(i.y, i.m, "keyboard"), this._focusedIso = a, this._shouldRefocus = !0, n && this._resolveSelectionMode() === "range" && !this._isReadonly() && !this._isInteractionDisabled() ? this._applySelection(a, !0, "keyboard") : this.requestRender());
   }
   _moveFocusByMonths(e, t) {
@@ -1348,7 +1390,7 @@ class We extends Ae {
     a && (this.goToMonth(a.y, a.m, "keyboard"), this._focusedIso = n, this._shouldRefocus = !0, this.requestRender());
   }
   _focusWeekBoundary(e, t, n) {
-    const i = (de(e) - n + 7) % 7, s = t === "start" ? -i : 6 - i;
+    const i = (le(e) - n + 7) % 7, s = t === "start" ? -i : 6 - i;
     this._moveFocusByDays(e, s, !1);
   }
   _onPointerOver(e) {
@@ -1359,8 +1401,8 @@ class We extends Ae {
     if (!a) return;
     const i = a.getAttribute("data-date") || "";
     if (!c(i)) return;
-    const s = a.getAttribute("data-outside") === "true", { minIso: l, maxIso: o } = this._resolveBounds();
-    this._isDateBlocked(i, s, l, o) || this._hoverIso !== i && (this._hoverIso = i, this.requestRender());
+    const s = a.getAttribute("data-outside") === "true", { minIso: d, maxIso: o } = this._resolveBounds();
+    this._isDateBlocked(i, s, d, o) || this._hoverIso !== i && (this._hoverIso = i, this.requestRender());
   }
   _onMouseLeave() {
     this._hoverIso != null && (this._hoverIso = null, this.requestRender());
@@ -1380,16 +1422,16 @@ class We extends Ae {
   _onClick(e) {
     const t = e.target;
     if (!t) return;
-    const n = t.closest("[data-action]"), a = n?.getAttribute("data-action") || "", { year: i, month: s } = this._resolvedView(), l = this._todayIso(), o = c(l);
+    const n = t.closest("[data-action]"), a = n?.getAttribute("data-action") || "", { year: i, month: s } = this._resolvedView(), d = this._todayIso(), o = c(d);
     if (a === "prev-month" || a === "next-month") {
       if (this._isInteractionDisabled()) return;
-      const d = a === "prev-month" ? -1 : 1, D = (this._focusedIso ? c(this._focusedIso) : null) || { y: i, m: s, d: 1 }, y = P(D, d);
-      this.goToMonth(y.y, y.m, "pointer"), this._focusedIso = v({ y: y.y, m: y.m, d: O(D.d, 1, F(y.y, y.m)) }), this._shouldRefocus = !0, this.requestRender();
+      const l = a === "prev-month" ? -1 : 1, D = (this._focusedIso ? c(this._focusedIso) : null) || { y: i, m: s, d: 1 }, y = P(D, l);
+      this.goToMonth(y.y, y.m, "pointer"), this._focusedIso = b({ y: y.y, m: y.m, d: O(D.d, 1, F(y.y, y.m)) }), this._shouldRefocus = !0, this.requestRender();
       return;
     }
     if (a === "today") {
       if (this._isInteractionDisabled()) return;
-      this.goToMonth(o.y, o.m, "pointer"), this._focusedIso = l, this._shouldRefocus = !0, this._isReadonly() ? this.requestRender() : this._applySelection(l, !1, "pointer");
+      this.goToMonth(o.y, o.m, "pointer"), this._focusedIso = d, this._shouldRefocus = !0, this._isReadonly() ? this.requestRender() : this._applySelection(d, !1, "pointer");
       return;
     }
     if (a === "toggle-monthyear") {
@@ -1398,36 +1440,36 @@ class We extends Ae {
     }
     if (a === "picker-prev-year" || a === "picker-next-year") {
       if (this._isInteractionDisabled()) return;
-      const d = a === "picker-prev-year" ? -1 : 1;
-      this.goToMonth(i + d, s, "pointer"), this._pickerOpen = !0, this._shouldRefocus = !0, this.requestRender();
+      const l = a === "picker-prev-year" ? -1 : 1;
+      this.goToMonth(i + l, s, "pointer"), this._pickerOpen = !0, this._shouldRefocus = !0, this.requestRender();
       return;
     }
     if (a === "pick-month") {
       if (this._isInteractionDisabled()) return;
-      const d = Number(n?.getAttribute("data-month") || "");
-      if (!Number.isInteger(d) || d < 1 || d > 12) return;
-      this.goToMonth(i, d, "pointer"), this._pickerOpen = !1, this._shouldRefocus = !0, this.requestRender();
+      const l = Number(n?.getAttribute("data-month") || "");
+      if (!Number.isInteger(l) || l < 1 || l > 12) return;
+      this.goToMonth(i, l, "pointer"), this._pickerOpen = !1, this._shouldRefocus = !0, this.requestRender();
       return;
     }
     const p = t.closest(".day");
     if (!p) return;
-    const h = p.getAttribute("data-date") || "";
-    if (!c(h)) return;
-    const u = p.getAttribute("data-outside") === "true", { minIso: f, maxIso: _ } = this._resolveBounds();
-    if (!this._isDateBlocked(h, u, f, _)) {
-      if (u) {
-        const d = this._resolveOutsideClickMode();
-        if (d === "none") return;
-        if (d === "navigate") {
-          const b = c(h);
-          this.goToMonth(b.y, b.m, "pointer");
+    const u = p.getAttribute("data-date") || "";
+    if (!c(u)) return;
+    const h = p.getAttribute("data-outside") === "true", { minIso: f, maxIso: _ } = this._resolveBounds();
+    if (!this._isDateBlocked(u, h, f, _)) {
+      if (h) {
+        const l = this._resolveOutsideClickMode();
+        if (l === "none") return;
+        if (l === "navigate") {
+          const v = c(u);
+          this.goToMonth(v.y, v.m, "pointer");
         }
       }
       if (this._isReadonly()) {
-        this._focusedIso = h, this._shouldRefocus = !0, this.requestRender();
+        this._focusedIso = u, this._shouldRefocus = !0, this.requestRender();
         return;
       }
-      this._applySelection(h, !1, "pointer");
+      this._applySelection(u, !1, "pointer");
     }
   }
   _onKeyDown(e) {
@@ -1439,21 +1481,21 @@ class We extends Ae {
     if (!n) return;
     const a = n.getAttribute("data-date") || "";
     if (!c(a)) return;
-    const i = ue(this.getAttribute("week-start"), this._resolveLocale()), s = this._direction() === "rtl", l = e.shiftKey;
+    const i = ue(this.getAttribute("week-start"), this._resolveLocale()), s = this._direction() === "rtl", d = e.shiftKey;
     if (e.key === "ArrowRight") {
-      e.preventDefault(), this._moveFocusByDays(a, s ? -1 : 1, l);
+      e.preventDefault(), this._moveFocusByDays(a, s ? -1 : 1, d);
       return;
     }
     if (e.key === "ArrowLeft") {
-      e.preventDefault(), this._moveFocusByDays(a, s ? 1 : -1, l);
+      e.preventDefault(), this._moveFocusByDays(a, s ? 1 : -1, d);
       return;
     }
     if (e.key === "ArrowDown") {
-      e.preventDefault(), this._moveFocusByDays(a, 7, l);
+      e.preventDefault(), this._moveFocusByDays(a, 7, d);
       return;
     }
     if (e.key === "ArrowUp") {
-      e.preventDefault(), this._moveFocusByDays(a, -7, l);
+      e.preventDefault(), this._moveFocusByDays(a, -7, d);
       return;
     }
     if (e.key === "Home") {
@@ -1474,44 +1516,45 @@ class We extends Ae {
     }
     if (e.key === "Enter" || e.key === " ") {
       e.preventDefault();
-      const o = n.getAttribute("data-outside") === "true", { minIso: p, maxIso: h } = this._resolveBounds();
-      if (this._isDateBlocked(a, o, p, h)) return;
+      const o = n.getAttribute("data-outside") === "true", { minIso: p, maxIso: u } = this._resolveBounds();
+      if (this._isDateBlocked(a, o, p, u)) return;
       if (o && this._resolveOutsideClickMode() === "navigate") {
-        const u = c(a);
-        this.goToMonth(u.y, u.m, "keyboard");
+        const h = c(a);
+        this.goToMonth(h.y, h.m, "keyboard");
       }
       this._isReadonly() || this._applySelection(a, !1, "keyboard");
     }
   }
   render() {
-    const e = this._resolveLocale(), t = this._translations(), n = ue(this.getAttribute("week-start"), e), { year: a, month: i } = this._resolvedView(), s = this._resolveSelectionMode(), { minIso: l, maxIso: o } = this._resolveBounds(), p = this._todayIso(), h = this._resolveEventsDisplay(), u = this._eventsMax(), f = this._resolveCalendarSize(), _ = this._resolveTone(), d = this._resolveState(), b = this._isInteractionDisabled(), D = this._resolveLabel();
-    _ ? this.setAttribute("tone", _) : this.removeAttribute("tone"), d !== "idle" ? this.setAttribute("state", d) : this.removeAttribute("state"), d === "loading" ? this.setAttribute("aria-busy", "true") : this.removeAttribute("aria-busy"), this._ensureEventsCache();
-    const y = this._normalizeValueForMode(s), W = this._buildCells(a, i, n, l, o, p);
-    this._focusedIso = this._resolveFocusIso(W, y, p);
-    const J = this._monthLabel(a, i, e), Z = P({ y: a, m: i, d: 1 }, -1), X = P({ y: a, m: i, d: 1 }, 1), ge = this._monthHasAllowedDay(Z.y, Z.m, l, o), be = this._monthHasAllowedDay(X.y, X.m, l, o), ve = this._weekdayLabels(e, n), G = s === "range" ? y : null, S = G?.start || null, M = G?.end || null, me = s === "multiple" ? new Set(y.values) : null;
-    let H = null, U = null;
+    const e = this._resolveLocale(), t = this._translations(), n = ue(this.getAttribute("week-start"), e), { year: a, month: i } = this._resolvedView(), s = this._resolveSelectionMode(), { minIso: d, maxIso: o } = this._resolveBounds(), p = this._todayIso(), u = this._resolveEventsDisplay(), h = this._eventsMax(), f = this._resolveCalendarSize(), _ = this._resolveTone(), l = this._resolveState(), v = this._isInteractionDisabled(), D = this._resolveLabel();
+    _ ? this.setAttribute("tone", _) : this.removeAttribute("tone"), l !== "idle" ? this.setAttribute("state", l) : this.removeAttribute("state"), l === "loading" ? this.setAttribute("aria-busy", "true") : this.removeAttribute("aria-busy"), this._ensureEventsCache();
+    const y = this._normalizeValueForMode(s), J = this._buildCells(a, i, n, d, o, p);
+    this._focusedIso = this._resolveFocusIso(J, y, p);
+    const U = this._monthLabel(a, i, e), Z = P({ y: a, m: i, d: 1 }, -1), X = P({ y: a, m: i, d: 1 }, 1), ge = this._monthHasAllowedDay(Z.y, Z.m, d, o), ve = this._monthHasAllowedDay(X.y, X.m, d, o), be = this._weekdayLabels(e, n), G = s === "range" ? y : null, S = G?.start || null, M = G?.end || null, me = s === "multiple" ? new Set(y.values) : null;
+    let H = null, N = null;
     if (s === "range" && S && !M && this._hoverIso && c(this._hoverIso)) {
-      const x = E(S, this._hoverIso);
-      H = x.start, U = x.end;
+      const x = $(S, this._hoverIso);
+      H = x.start, N = x.end;
     }
     const Q = [];
     for (let x = 0; x < 6; x += 1) {
-      const I = W.slice(x * 7, x * 7 + 7).map((g) => {
+      const I = J.slice(x * 7, x * 7 + 7).map((g) => {
         const k = this._eventsByDateCache.get(g.iso) || [], De = this._dayAriaLabel(g.iso, e);
         let A = !1;
-        s === "single" ? A = y.value === g.iso : s === "multiple" ? A = me?.has(g.iso) || !1 : S && M && (A = q(g.iso, S, M));
-        const T = !!(S && M && q(g.iso, S, M)), N = !!(S && g.iso === S), Y = !!(M && g.iso === M), Se = !!(H && U && q(g.iso, H, U)), Me = !g.disabled && g.iso === this._focusedIso ? 0 : -1;
+        s === "single" ? A = y.value === g.iso : s === "multiple" ? A = me?.has(g.iso) || !1 : S && M && (A = K(g.iso, S, M));
+        const T = !!(S && M && K(g.iso, S, M)), Y = !!(S && g.iso === S), j = !!(M && g.iso === M), Se = !!(H && N && K(g.iso, H, N)), Me = !g.disabled && g.iso === this._focusedIso ? 0 : -1;
         let C = "";
-        k.length > 0 && (h === "count" ? C = `<span class="event-count" part="event-more" style="--event-tone:${V[k[0].tone || "default"]}">${k.length}</span>` : h === "badges" ? C = k.slice(0, u).map((z) => {
-          const j = m(z.title || t.event);
-          return `<span class="event-badge" part="event-dot" style="--event-tone:${V[z.tone || "default"]}" title="${j}">${j}</span>`;
-        }).join("") : C = k.slice(0, u).map((z) => `<span class="event-dot" part="event-dot" style="--event-tone:${V[z.tone || "default"]}"></span>`).join(""), k.length > u && h !== "count" && (C += `<span class="event-more" part="event-more">+${k.length - u}</span>`));
-        const ae = `ui-calendar-tip-${g.iso}`, ne = k.length ? k.map((R) => m(R.title || t.event)).join("<br/>") : "", re = ne.length > 0, Ce = C ? `<span class="events" part="events">${C}</span>` : "", Ie = re ? `<span class="tooltip" part="tooltip" id="${ae}">${ne}</span>` : "", ie = A || T || N || Y;
+        k.length > 0 && (u === "count" ? C = `<span class="event-count" part="event-more" style="--event-tone:${q[k[0].tone || "default"]}">${k.length}</span>` : u === "badges" ? C = k.slice(0, h).map((z) => {
+          const V = m(z.title || t.event);
+          return `<span class="event-badge" part="event-dot" style="--event-tone:${q[z.tone || "default"]}" title="${V}">${V}</span>`;
+        }).join("") : C = k.slice(0, h).map((z) => `<span class="event-dot" part="event-dot" style="--event-tone:${q[z.tone || "default"]}"></span>`).join(""), k.length > h && u !== "count" && (C += `<span class="event-more" part="event-more">+${k.length - h}</span>`));
+        const ae = `ui-calendar-tip-${g.iso}`, ne = k.length ? k.map((R) => m(R.title || t.event)).join("<br/>") : "", re = ne.length > 0, Ce = C ? `<span class="events" part="events" aria-hidden="true">${C}</span>` : "", Ie = re ? `<span class="tooltip" part="tooltip" id="${ae}">${ne}</span>` : "", ie = A || T || Y || j, Ae = T || Y || j ? "day range" : "day";
         return `
+            <div class="day-cell" part="day-cell"${C ? ` data-events="${u}"` : ""}>
             <button
               type="button"
               class="day"
-              part="${T || N || Y ? "day range" : "day"}"
+              part="${Ae}"
               role="gridcell"
               data-date="${g.iso}"
               data-outside="${g.outside ? "true" : "false"}"
@@ -1519,8 +1562,8 @@ class We extends Ae {
               data-today="${g.today ? "true" : "false"}"
               data-selected="${ie ? "true" : "false"}"
               data-range="${T ? "true" : "false"}"
-              data-range-start="${N ? "true" : "false"}"
-              data-range-end="${Y ? "true" : "false"}"
+              data-range-start="${Y ? "true" : "false"}"
+              data-range-end="${j ? "true" : "false"}"
               data-range-preview="${!T && Se ? "true" : "false"}"
               aria-selected="${ie ? "true" : "false"}"
               aria-disabled="${g.disabled ? "true" : "false"}"
@@ -1530,9 +1573,10 @@ class We extends Ae {
               tabindex="${Me}"
             >
               <span class="day-number" part="day-number">${g.parts.d}</span>
-              ${Ce}
-              ${Ie}
             </button>
+            ${Ce}
+            ${Ie}
+            </div>
           `;
       }).join("");
       Q.push(`<div class="week" role="row">${I}</div>`);
@@ -1547,30 +1591,30 @@ class We extends Ae {
           data-action="pick-month"
           data-month="${I}"
           data-active="${I === i ? "true" : "false"}"
-          ${b ? "disabled" : ""}
+          ${v ? "disabled" : ""}
         >
           ${x}
         </button>
       `;
-    }).join(""), _e = ve.map((x) => `<span class="weekday" part="weekday" role="columnheader">${m(x)}</span>`).join(""), xe = this._showTodayButton() ? `<button type="button" class="today-btn" part="today" data-action="today" ${b ? "disabled" : ""}>${m(t.today)}</button>` : "", ee = d === "loading" ? t.syncingSchedule : d === "error" ? t.unableToSyncEvents : d === "success" ? t.scheduleSynced : "";
+    }).join(""), _e = be.map((x) => `<span class="weekday" part="weekday" role="columnheader">${m(x)}</span>`).join(""), xe = this._showTodayButton() ? `<button type="button" class="today-btn" part="today" data-action="today" ${v ? "disabled" : ""}>${m(t.today)}</button>` : "", ee = l === "loading" ? t.syncingSchedule : l === "error" ? t.unableToSyncEvents : l === "success" ? t.scheduleSynced : "";
     this.setContent(`
-      <style>${Be}</style>
+      <style>${Fe}</style>
       <section
         class="frame"
         part="frame"
         data-size="${f}"
-        data-state="${d}"
-        aria-disabled="${b ? "true" : "false"}"
+        data-state="${l}"
+        aria-disabled="${v ? "true" : "false"}"
         aria-label="${m(D)}"
       >
-        <div class="live-region" aria-live="polite" aria-atomic="true">${m(J)}</div>
+        <div class="live-region" aria-live="polite" aria-atomic="true">${m(U)}</div>
 
         <header class="header" part="header">
           <div class="nav" part="nav">
-            <button type="button" class="nav-btn" part="prev" data-action="prev-month" ${!ge || b ? "disabled" : ""} aria-label="${m(t.previousMonth)}">
+            <button type="button" class="nav-btn" part="prev" data-action="prev-month" ${!ge || v ? "disabled" : ""} aria-label="${m(t.previousMonth)}">
               <svg viewBox="0 0 24 24" width="14" height="14" aria-hidden="true" focusable="false"><path d="M14.7 6.3a1 1 0 0 1 0 1.4L10.41 12l4.29 4.3a1 1 0 1 1-1.42 1.4l-5-5a1 1 0 0 1 0-1.4l5-5a1 1 0 0 1 1.42 0Z" fill="currentColor"/></svg>
             </button>
-            <button type="button" class="nav-btn" part="next" data-action="next-month" ${!be || b ? "disabled" : ""} aria-label="${m(t.nextMonth)}">
+            <button type="button" class="nav-btn" part="next" data-action="next-month" ${!ve || v ? "disabled" : ""} aria-label="${m(t.nextMonth)}">
               <svg viewBox="0 0 24 24" width="14" height="14" aria-hidden="true" focusable="false"><path d="M9.3 17.7a1 1 0 0 1 0-1.4L13.59 12 9.3 7.7a1 1 0 0 1 1.4-1.4l5 5a1 1 0 0 1 0 1.4l-5 5a1 1 0 0 1-1.4 0Z" fill="currentColor"/></svg>
             </button>
           </div>
@@ -1581,18 +1625,18 @@ class We extends Ae {
               class="title-btn"
               part="title monthyear"
               data-action="toggle-monthyear"
-              ${b ? "disabled" : ""}
+              ${v ? "disabled" : ""}
               aria-expanded="${this._pickerOpen ? "true" : "false"}"
-              aria-label="${m(t.chooseMonthYear)}"
+              aria-label="${m(`${U}, ${t.chooseMonthYear}`)}"
             >
-              <span>${m(J)}</span>
+              <span>${m(U)}</span>
               <svg viewBox="0 0 24 24" width="14" height="14" aria-hidden="true" focusable="false"><path d="M6.7 9.7a1 1 0 0 1 1.4 0L12 13.59l3.9-3.9a1 1 0 1 1 1.4 1.42l-4.6 4.6a1 1 0 0 1-1.4 0l-4.6-4.6a1 1 0 0 1 0-1.42Z" fill="currentColor"/></svg>
             </button>
             <section class="monthyear-pop" part="monthyear" ${this._pickerOpen ? "" : "hidden"}>
               <div class="picker-header">
-                <button type="button" class="picker-year-btn" part="prev" data-action="picker-prev-year" ${b ? "disabled" : ""} aria-label="${m(t.previousYear)}">-</button>
+                <button type="button" class="picker-year-btn" part="prev" data-action="picker-prev-year" ${v ? "disabled" : ""} aria-label="${m(t.previousYear)}">-</button>
                 <span class="picker-year">${a}</span>
-                <button type="button" class="picker-year-btn" part="next" data-action="picker-next-year" ${b ? "disabled" : ""} aria-label="${m(t.nextYear)}">+</button>
+                <button type="button" class="picker-year-btn" part="next" data-action="picker-next-year" ${v ? "disabled" : ""} aria-label="${m(t.nextYear)}">+</button>
               </div>
               <div class="picker-months">${ye}</div>
             </section>
@@ -1608,10 +1652,10 @@ class We extends Ae {
           <span>${m(ee)}</span>
         </div>
 
-        <section class="grid-wrap" part="grid" role="grid" aria-label="${m(D)}">
+        <div class="grid-wrap" part="grid" role="grid" aria-label="${m(D)}">
           <div class="weekdays" role="row">${_e}</div>
           ${Q.join("")}
-        </section>
+        </div>
       </section>
     `);
     const ke = this._focusedIso, we = this._shouldRefocus;
@@ -1623,14 +1667,14 @@ class We extends Ae {
     return !1;
   }
 }
-typeof customElements < "u" && !customElements.get("ui-calendar") && customElements.define("ui-calendar", We);
+typeof customElements < "u" && !customElements.get("ui-calendar") && customElements.define("ui-calendar", Je);
 export {
-  We as U,
-  Fe as a,
+  Je as U,
+  Ue as a,
   He as b,
   w as c,
-  Ue as e,
+  Ne as e,
   c as p,
-  Le as r,
-  le as s
+  Be as r,
+  de as s
 };