@cocoar/vue-calendar 1.16.0 → 1.17.0

package/dist/index.js

@@ -1,5 +1,5 @@
-import { A as e, B as t, C as n, D as r, E as i, F as a, G as o, H as s, I as c, L as l, M as u, N as d, O as f, P as p, R as m, S as h, T as g, U as _, V as v, W as y, _ as b, a as x, b as S, c as ee, d as C, f as te, g as w, h as ne, i as T, j as E, k as re, l as D, m as ie, n as ae, o as oe, p as se, r as O, s as ce, t as le, u as ue, v as de, w as k, x as fe, y as pe, z as me } from "./core-DK63eHat.js";
-import { Fragment as A, computed as j, createBlock as M, createCommentVNode as N, createElementBlock as P, createElementVNode as F, createSlots as he, createTextVNode as ge, createVNode as I, defineComponent as L, effectScope as _e, guardReactiveProps as ve, h as ye, isRef as be, isVNode as R, mergeProps as xe, nextTick as Se, normalizeClass as z, normalizeProps as B, normalizeStyle as V, onBeforeUnmount as Ce, onMounted as we, onScopeDispose as H, openBlock as U, ref as W, renderList as G, renderSlot as K, shallowReactive as Te, shallowRef as q, toDisplayString as J, toValue as Y, unref as X, useTemplateRef as Ee, watch as Z, watchEffect as De, withCtx as Q, withDirectives as Oe, withModifiers as ke } from "vue";
+import { A as e, B as t, C as n, D as r, E as i, F as a, G as o, H as s, I as c, L as l, M as u, N as d, O as f, P as p, R as m, S as h, T as g, U as _, V as v, W as y, _ as b, a as x, b as ee, c as S, d as te, f as ne, g as C, h as re, i as w, j as T, k as ie, l as ae, m as oe, n as se, o as ce, p as le, r as E, s as ue, t as D, u as O, v as de, w as k, x as fe, y as pe, z as me } from "./core-DK63eHat.js";
+import { Fragment as A, computed as j, createBlock as M, createCommentVNode as N, createElementBlock as P, createElementVNode as F, createSlots as he, createTextVNode as ge, createVNode as I, defineComponent as L, effectScope as _e, guardReactiveProps as R, h as ve, isRef as ye, isVNode as be, mergeProps as z, nextTick as xe, normalizeClass as B, normalizeProps as V, normalizeStyle as H, onBeforeUnmount as Se, onMounted as Ce, onScopeDispose as we, openBlock as U, ref as W, renderList as G, renderSlot as K, shallowReactive as q, shallowRef as Te, toDisplayString as J, toValue as Y, unref as X, useTemplateRef as Ee, watch as Z, watchEffect as De, withCtx as Q, withDirectives as Oe, withModifiers as ke } from "vue";
 import { useI18n as Ae, useLocalization as je } from "@cocoar/vue-localization";
 import { CoarButton as Me, CoarContextMenu as Ne, CoarIcon as Pe, CoarMenuItem as Fe, CoarSegmentedControl as Ie, CoarSelect as Le, useContextMenu as Re } from "@cocoar/vue-ui";
 //#region src/builders/calendar-builder-internals.ts
@@ -12,17 +12,17 @@ function We(e, t) {
 }
 function Ge(e, t) {
 	if (typeof e == "function") throw TypeError(`[CalendarBuilder.${t}] navigation setters require a Ref or a plain value, never a getter function. api.next() / setView() must be able to write back. Pass \`ref(...)\` if you want two-way binding.`);
-	return be(e) ? e : W(e);
+	return ye(e) ? e : W(e);
 }
 var Ke = class e {
 	state;
 	api;
 	_loading = W(!1);
-	_visibleRange = q(null);
+	_visibleRange = Te(null);
 	_gridReady = W(!1);
 	_scrollToTimeImpl;
 	_scrollToDateImpl;
-	_loaderCache = q(/* @__PURE__ */ new Map());
+	_loaderCache = Te(/* @__PURE__ */ new Map());
 	_inFlight = 0;
 	_debounceHandle = null;
 	_generation = 0;
@@ -32,7 +32,7 @@ var Ke = class e {
 		let e = i();
 		typeof console < "u" && e === "UTC" && console.error("[CalendarBuilder] Browser timezone detection failed and silently fell back to UTC. This builder will render every event in UTC unless you call `builder.timezone(\"Europe/Vienna\")` (or similar IANA zone) explicitly. If you intentionally want UTC, call `.timezone(\"UTC\")` to silence this error.");
 		let t = W("month"), r = W(n.Now.plainDateISO(e));
-		this.state = Te({
+		this.state = q({
 			events: null,
 			eventsLoader: null,
 			timezone: e,
@@ -332,10 +332,10 @@ function Ye(e, t) {
 //#endregion
 //#region src/composables/useViewWindow.ts
 var Xe = /* @__PURE__ */ new WeakSet();
-function Ze(e) {
-	return Xe.has(e) && typeof console < "u" && console.warn("[useViewWindow] A second useViewWindow() composable mounted against the same CalendarBuilder. The C5 invariant calls for a single writer for _visibleRange — duplicate writers compute identical windows but fire onRangeChange / schedule the eventsLoader twice per change. Mount useViewWindow in exactly ONE place per builder (typically the active sub-view component)."), Xe.add(e), Z(j(() => {
+function Ze(e, t) {
+	return t?.view && e.state.view.value !== t.view && (e.state.view.value = t.view), Xe.has(e) && typeof console < "u" && console.warn("[useViewWindow] A second useViewWindow() composable mounted against the same CalendarBuilder. The C5 invariant calls for a single writer for _visibleRange — duplicate writers compute identical windows but fire onRangeChange / schedule the eventsLoader twice per change. Mount useViewWindow in exactly ONE place per builder (typically the active sub-view component)."), Xe.add(e), Z(j(() => {
 		let t = Y(e.state.firstDayOfWeek) ?? r(Y(e.state.locale) ?? "en-US");
-		return w({
+		return C({
 			view: e.state.view.value,
 			cursor: e.state.date.value,
 			firstDayOfWeek: t,
@@ -347,14 +347,14 @@ function Ze(e) {
 	}, {
 		immediate: !0,
 		flush: "post"
-	}), H(() => {
+	}), we(() => {
 		Xe.delete(e);
 	}), { visibleRange: e.api.visibleRange };
 }
 //#endregion
 //#region src/composables/useCoarDrag.ts
 function Qe(e) {
-	let t = q(null), n = q(!1), r = j(() => t.value !== null && n.value), i = 0, a = -1, o = null, s = 0, c = 0, l = 0, u = 0, d = 0, f = 0, p = !1, m = 0;
+	let t = Te(null), n = Te(!1), r = j(() => t.value !== null && n.value), i = 0, a = -1, o = null, s = 0, c = 0, l = 0, u = 0, d = 0, f = 0, p = !1, m = 0;
 	function h() {
 		if (e.autoScroll === null) return;
 		let t = e.surfaceRef.value;
@@ -412,24 +412,24 @@ function Qe(e) {
 		if (t.value === null) return;
 		m !== 0 && (cancelAnimationFrame(m), m = 0);
 		let r = g();
-		n === "drop" ? e.onDragEnd?.(r) : e.onDragCancel?.(r), te();
+		n === "drop" ? e.onDragEnd?.(r) : e.onDragCancel?.(r), ne();
 	}
-	function S(e) {
+	function ee(e) {
 		e.pointerId === a && b("drop");
 	}
-	function ee(e) {
+	function S(e) {
 		e.pointerId === a && b("cancel");
 	}
-	function C(e) {
+	function te(e) {
 		e.key === "Escape" && b("cancel");
 	}
-	function te() {
+	function ne() {
 		if (o && o instanceof Element && a >= 0) try {
 			o.releasePointerCapture?.(a);
 		} catch {}
-		window.removeEventListener("pointermove", y), window.removeEventListener("pointerup", S), window.removeEventListener("pointercancel", ee), window.removeEventListener("keydown", C), a = -1, o = null, p = !1, t.value = null, n.value = !1, i++;
+		window.removeEventListener("pointermove", y), window.removeEventListener("pointerup", ee), window.removeEventListener("pointercancel", S), window.removeEventListener("keydown", te), a = -1, o = null, p = !1, t.value = null, n.value = !1, i++;
 	}
-	function w(r) {
+	function C(r) {
 		return (i) => {
 			if (i.button !== 0 || t.value !== null || e.onDragStart?.({
 				event: i,
@@ -442,15 +442,15 @@ function Qe(e) {
 			try {
 				p?.setPointerCapture?.(a);
 			} catch {}
-			window.addEventListener("pointermove", y, { passive: !0 }), window.addEventListener("pointerup", S), window.addEventListener("pointercancel", ee), window.addEventListener("keydown", C), i.preventDefault();
+			window.addEventListener("pointermove", y, { passive: !0 }), window.addEventListener("pointerup", ee), window.addEventListener("pointercancel", S), window.addEventListener("keydown", te), i.preventDefault();
 		};
 	}
-	return Ce(() => {
+	return Se(() => {
 		r.value && b("cancel"), m !== 0 && (cancelAnimationFrame(m), m = 0);
 	}), {
 		isDragging: r,
 		draggedData: t,
-		startDrag: w
+		startDrag: C
 	};
 }
 //#endregion
@@ -499,8 +499,8 @@ function nt(e) {
 			let e = b.start, t = b.end;
 			t && (x = Math.max(m, (t.epochMilliseconds - e.epochMilliseconds) / 6e4));
 		}
-		let S = g * 60 - x;
-		return y < h * 60 || y > S ? null : {
+		let ee = g * 60 - x;
+		return y < h * 60 || y > ee ? null : {
 			date: u.toString(),
 			minutes: y,
 			displayZone: e.timezone.value,
@@ -548,9 +548,9 @@ function nt(e) {
 		if (n === null) return n;
 		let r = e.dstPolicy?.value ?? "compatible";
 		if (r === "reject") try {
-			O(t, n, o.value, r);
+			E(t, n, o.value, r);
 		} catch (e) {
-			if (e instanceof le) return {
+			if (e instanceof D) return {
 				...n,
 				valid: !1
 			};
@@ -578,14 +578,14 @@ function nt(e) {
 				if (i && i.valid && e.onEventDrop) {
 					let t = e.dstPolicy?.value ?? "compatible";
 					try {
-						let r = T(t, n.data, {
+						let r = w(t, n.data, {
 							start: g ?? n.data.start,
 							..._ === void 0 ? {} : { end: _ },
 							displayZone: h
 						}, i, o.value, m);
 						e.onEventDrop(r);
 					} catch (e) {
-						if (e instanceof le) r = !0;
+						if (e instanceof D) r = !0;
 						else throw e;
 					}
 				} else i && i.valid === !1 && (r = !0);
@@ -632,37 +632,37 @@ function nt(e) {
 			c = 0, l = 0, n(t);
 		};
 	}
-	function S(e) {
+	function ee(e) {
 		let t = v.startDrag(e);
 		return (e) => {
 			o.value = "timed-resize-start", c = 0, l = 0, s = 0, t(e);
 		};
 	}
-	function ee(e) {
+	function S(e) {
 		let t = v.startDrag(e);
 		return (e) => {
 			o.value = "timed-resize-end", c = 0, l = 0, s = 0, t(e);
 		};
 	}
-	function C(e) {
+	function te(e) {
 		let t = v.startDrag(e);
 		return (e) => {
 			o.value = "allDay-resize-start", c = 0, l = 0, s = 0, t(e);
 		};
 	}
-	function te(e) {
+	function ne(e) {
 		let t = v.startDrag(e);
 		return (e) => {
 			o.value = "allDay-resize-end", c = 0, l = 0, s = 0, t(e);
 		};
 	}
-	function w(e) {
+	function C(e) {
 		let t = v.startDrag(e);
 		return (e) => {
 			o.value = "month-resize-start", c = 0, l = 0, s = 0, t(e);
 		};
 	}
-	function ne(e) {
+	function re(e) {
 		let t = v.startDrag(e);
 		return (e) => {
 			o.value = "month-resize-end", c = 0, l = 0, s = 0, t(e);
@@ -675,14 +675,14 @@ function nt(e) {
 		dropTarget: t,
 		snappingBack: r,
 		startDrag: y,
-		startTimedResizeStart: S,
-		startTimedResizeEnd: ee,
+		startTimedResizeStart: ee,
+		startTimedResizeEnd: S,
 		startAllDayDrag: b,
-		startAllDayResizeStart: C,
-		startAllDayResizeEnd: te,
+		startAllDayResizeStart: te,
+		startAllDayResizeEnd: ne,
 		startMonthDrag: x,
-		startMonthResizeStart: w,
-		startMonthResizeEnd: ne
+		startMonthResizeStart: C,
+		startMonthResizeEnd: re
 	};
 }
 //#endregion
@@ -714,7 +714,8 @@ function at(e) {
 		timeGridTopBufferMinutes: e.topBufferMinutes,
 		canDrop: e.canDrop ? (t, n) => e.canDrop(t, {
 			date: n.date,
-			minutes: n.minutes
+			minutes: n.minutes,
+			displayZone: n.displayZone
 		}) : void 0,
 		onEventClick: (t, n) => {
 			e.onEventClick?.(t, n);
@@ -726,7 +727,7 @@ function at(e) {
 		let n = Y(e.events), i = t.draggedEvent.value, a = t.dropTarget.value, o = t.dragMode.value;
 		if (i && a && o) {
 			if (a.valid === !1 || o === "month") return n;
-			let t = O(i, a, o, e.dstPolicy ? Y(e.dstPolicy) : "compatible"), r = {
+			let t = E(i, a, o, e.dstPolicy ? Y(e.dstPolicy) : "compatible"), r = {
 				...i,
 				id: `${i.id}__preview`,
 				start: t.start,
@@ -759,7 +760,7 @@ function at(e) {
 			if (!r) return;
 			let i = Y(e.events), a = Y(e.timezone);
 			if (n === "allDay" || n === "allDay-resize-start" || n === "allDay-resize-end") {
-				let t = se(i, {
+				let t = le(i, {
 					days: e.days.value,
 					timezone: a
 				}).find((e) => e.event.id === r.id);
@@ -773,7 +774,7 @@ function at(e) {
 					event: r
 				});
 			} else {
-				let t = E(r.start, a), n = ie(i, {
+				let t = T(r.start, a), n = oe(i, {
 					day: t,
 					timeRange: e.timeRange.value,
 					timezone: a
@@ -794,7 +795,7 @@ function at(e) {
 			if (!t) return;
 			let n = Y(e.events), i = Y(e.timezone);
 			if (t.mode === "allDay" || t.mode === "allDay-resize-start" || t.mode === "allDay-resize-end") {
-				let r = se(n, {
+				let r = le(n, {
 					days: e.days.value,
 					timezone: i
 				}).find((e) => e.event.id === t.event.id);
@@ -808,7 +809,7 @@ function at(e) {
 					event: t.event
 				});
 			} else {
-				let r = E(t.event.start, i), a = ie(n, {
+				let r = T(t.event.start, i), a = oe(n, {
 					day: r,
 					timeRange: e.timeRange.value,
 					timezone: i
@@ -884,7 +885,7 @@ function at(e) {
 			let e = (t.end ?? t.start.add({ minutes: 30 })).withTimeZone(s), n = r.key === "ArrowDown" ? i : -i, a = e.hour * 60 + e.minute + n, { date: o, minutes: u } = m(e.toPlainDate(), a);
 			try {
 				return {
-					next: O(l, {
+					next: E(l, {
 						date: o,
 						minutes: u,
 						displayZone: s,
@@ -901,7 +902,7 @@ function at(e) {
 			let e = t.start.withTimeZone(s), n = r.key === "ArrowDown" ? i : -i, o = e.hour * 60 + e.minute + n, { date: u, minutes: d } = m(e.toPlainDate(), o);
 			try {
 				return {
-					next: O(l, {
+					next: E(l, {
 						date: u,
 						minutes: d,
 						displayZone: s,
@@ -920,7 +921,7 @@ function at(e) {
 				let e = t.start.add({ days: n });
 				try {
 					return {
-						next: O(l, {
+						next: E(l, {
 							date: e.toString(),
 							minutes: null,
 							displayZone: s,
@@ -936,7 +937,7 @@ function at(e) {
 				let e = t.start.withTimeZone(s), r = e.toPlainDate().add({ days: n }), i = e.hour * 60 + e.minute;
 				try {
 					return {
-						next: O(l, {
+						next: E(l, {
 							date: r.toString(),
 							minutes: i,
 							displayZone: s,
@@ -984,7 +985,7 @@ function at(e) {
 		};
 		e.onEventDrop?.(i), e.onAnnounce?.("committed", i), r.value = null;
 		let a = t.event.id;
-		Se(() => {
+		xe(() => {
 			let e = document.querySelector(`[data-event-id="${CSS.escape(a)}"]`);
 			e instanceof HTMLElement && e.focus();
 		});
@@ -1022,7 +1023,7 @@ function at(e) {
 			startDisplayZone: s,
 			originalStart: c,
 			...l ? { originalEnd: l } : {}
-		}, Se(() => {
+		}, xe(() => {
 			let e = document.querySelector(".coar-time-grid-event--ghost[tabindex=\"0\"], .coar-time-grid-all-day-bar--ghost[tabindex=\"0\"]");
 			e && e.focus({ preventScroll: !0 });
 		});
@@ -1052,7 +1053,8 @@ function ot(e) {
 		dstPolicy: e.dstPolicy ? j(() => Y(e.dstPolicy)) : void 0,
 		canDrop: e.canDrop ? (t, n) => e.canDrop(t, {
 			date: n.date,
-			minutes: n.minutes
+			minutes: n.minutes,
+			displayZone: n.displayZone
 		}) : void 0,
 		onEventClick: (t, n) => {
 			e.onEventClick?.(t, n);
@@ -1064,7 +1066,7 @@ function ot(e) {
 		let n = Y(e.events), i = t.draggedEvent.value, a = t.dropTarget.value, o = t.dragMode.value;
 		if (i && a && o) {
 			if (a.valid === !1 || o !== "month" && o !== "month-resize-start" && o !== "month-resize-end") return n;
-			let t = O(i, a, o, e.dstPolicy ? Y(e.dstPolicy) : "compatible"), r = {
+			let t = E(i, a, o, e.dstPolicy ? Y(e.dstPolicy) : "compatible"), r = {
 				...i,
 				id: `${i.id}__preview`,
 				start: t.start,
@@ -1096,7 +1098,7 @@ function ot(e) {
 		if (n && !r && (i === "month" || i === "month-resize-start" || i === "month-resize-end")) {
 			let n = t.draggedEvent.value;
 			if (!n) return;
-			let r = te(Y(e.events), {
+			let r = ne(Y(e.events), {
 				gridDates: e.gridDates.value,
 				timezone: Y(e.timezone)
 			}), i = [], a = [];
@@ -1122,7 +1124,7 @@ function ot(e) {
 		if (t && !n) {
 			let t = r.value;
 			if (!t) return;
-			let n = te(Y(e.events), {
+			let n = ne(Y(e.events), {
 				gridDates: e.gridDates.value,
 				timezone: Y(e.timezone)
 			}), i = [], a = [];
@@ -1205,7 +1207,7 @@ function ot(e) {
 				let e = n.subtract({ days: 1 }).add({ days: o });
 				try {
 					return {
-						next: O(s, {
+						next: E(s, {
 							date: e.toString(),
 							minutes: null,
 							displayZone: i,
@@ -1220,7 +1222,7 @@ function ot(e) {
 			let c = e.add({ days: o });
 			try {
 				return {
-					next: O(s, {
+					next: E(s, {
 						date: c.toString(),
 						minutes: null,
 						displayZone: i,
@@ -1236,7 +1238,7 @@ function ot(e) {
 			let e = t.start.withTimeZone(i), n = e.toPlainDate().add({ days: o }), r = e.hour * 60 + e.minute;
 			try {
 				return {
-					next: O(s, {
+					next: E(s, {
 						date: n.toString(),
 						minutes: r,
 						displayZone: i,
@@ -1274,7 +1276,7 @@ function ot(e) {
 		};
 		e.onEventDrop?.(i), e.onAnnounce?.("committed", i), r.value = null;
 		let a = t.event.id;
-		Se(() => {
+		xe(() => {
 			let e = document.querySelector(`[data-event-id="${CSS.escape(a)}"]`);
 			e instanceof HTMLElement && e.focus();
 		});
@@ -1312,7 +1314,7 @@ function ot(e) {
 			startDisplayZone: o,
 			originalStart: s,
 			...c ? { originalEnd: c } : {}
-		}, Se(() => {
+		}, xe(() => {
 			let e = document.querySelector(".coar-month-pill--ghost[tabindex=\"0\"], .coar-month-bar--ghost[tabindex=\"0\"]");
 			e && e.focus({ preventScroll: !0 });
 		});
@@ -1372,18 +1374,18 @@ var dt = (e) => {
 	if (!t || !n) return null;
 	if (typeof t == "function") {
 		let e = t(n);
-		return R(e) ? e : ye(e, n);
+		return be(e) ? e : ve(e, n);
 	}
-	return ye(t, n);
+	return ve(t, n);
 };
 dt.props = ["renderer", "ctx"], dt.displayName = "CoarRenderEvent";
 var ft = (e) => {
 	let { renderer: t, ctx: n } = e;
 	if (typeof t == "function") {
 		let e = t(n);
-		return R(e) ? e : ye(e, n);
+		return be(e) ? e : ve(e, n);
 	}
-	return ye(t, n);
+	return ve(t, n);
 };
 ft.props = ["renderer", "ctx"], ft.displayName = "CoarRenderDayHeader";
 //#endregion
@@ -1392,14 +1394,14 @@ var pt = ["title", "aria-label"], mt = { class: "coar-event-decorations__sr-only
 	__name: "CoarEventDecorations",
 	props: {
 		event: {},
-		displayZone: {},
+		displayZone: { default: void 0 },
 		size: { default: "xs" }
 	},
 	setup(e) {
 		let t = e, n = je()?.t ?? ((e, t, n) => n ?? ""), r = j(() => Ye(t.event, t.displayZone)), i = j(() => n("coar.calendar.event.utcLabel", void 0, "Global")), a = j(() => n("coar.calendar.event.utcGlobalHint", void 0, "Global event — same instant worldwide")), o = j(() => {
 			let e = r.value.sourceZone;
 			return e ? n("coar.calendar.event.crossZoneHint", { zone: e }, `Source zone: ${e}`) : "";
-		}), s = j(() => t.size === "s" ? 14 : 12);
+		}), s = j(() => t.size === "s" ? "14px" : "12px");
 		return (e, t) => r.value.isUtcAnchored ? (U(), P("span", {
 			key: 0,
 			class: "coar-event-decorations__utc",
@@ -1422,7 +1424,7 @@ var pt = ["title", "aria-label"], mt = { class: "coar-event-decorations__sr-only
 	let n = e.__vccOpts || e;
 	for (let [e, r] of t) n[e] = r;
 	return n;
-}, vt = /* @__PURE__ */ $(_t, [["__scopeId", "data-v-18289212"]]), yt = [
+}, vt = /* @__PURE__ */ $(_t, [["__scopeId", "data-v-c94b210c"]]), yt = [
 	"data-event-id",
 	"tabindex",
 	"role",
@@ -1490,7 +1492,7 @@ var pt = ["title", "aria-label"], mt = { class: "coar-event-decorations__sr-only
 			e.stopPropagation(), r("endResize", e);
 		}
 		return (t, n) => (U(), P("div", {
-			class: z(["coar-time-grid-event", {
+			class: B(["coar-time-grid-event", {
 				"coar-time-grid-event--clipped-top": e.clippedTop,
 				"coar-time-grid-event--clipped-bottom": e.clippedBottom,
 				"coar-time-grid-event--ghost": e.variant === "preview",
@@ -1499,7 +1501,7 @@ var pt = ["title", "aria-label"], mt = { class: "coar-event-decorations__sr-only
 				"coar-time-grid-event--snap-back": e.variant === "invalid" && e.snappingBack,
 				"coar-time-grid-event--density-compact": e.density === "compact"
 			}]),
-			style: V({
+			style: H({
 				top: e.top + "px",
 				height: e.height + "px",
 				left: e.left,
@@ -1544,7 +1546,7 @@ var pt = ["title", "aria-label"], mt = { class: "coar-event-decorations__sr-only
 			}, null, 32)) : N("", !0)
 		], 46, yt));
 	}
-}), [["__scopeId", "data-v-b99b5154"]]), Dt = [
+}), [["__scopeId", "data-v-9d7d3ab2"]]), Dt = [
 	"data-event-id",
 	"tabindex",
 	"role",
@@ -1611,7 +1613,7 @@ var pt = ["title", "aria-label"], mt = { class: "coar-event-decorations__sr-only
 			e.stopPropagation(), r("endResize", e);
 		}
 		return (t, n) => (U(), P("div", {
-			class: z(["coar-time-grid-all-day-bar", {
+			class: B(["coar-time-grid-all-day-bar", {
 				"coar-time-grid-all-day-bar--clipped-start": e.clippedStart,
 				"coar-time-grid-all-day-bar--clipped-end": e.clippedEnd,
 				"coar-time-grid-all-day-bar--ghost": e.variant === "preview",
@@ -1620,7 +1622,7 @@ var pt = ["title", "aria-label"], mt = { class: "coar-event-decorations__sr-only
 				"coar-time-grid-all-day-bar--snap-back": e.variant === "invalid" && e.snappingBack,
 				"coar-time-grid-all-day-bar--density-compact": e.density === "compact"
 			}]),
-			style: V({
+			style: H({
 				top: e.top + "px",
 				left: e.left,
 				width: e.width,
@@ -1657,13 +1659,13 @@ var pt = ["title", "aria-label"], mt = { class: "coar-event-decorations__sr-only
 			}, null, 32)) : N("", !0)
 		], 46, Dt));
 	}
-}), [["__scopeId", "data-v-d0d396ea"]]), jt = /* @__PURE__ */ $(/* @__PURE__ */ L({
+}), [["__scopeId", "data-v-4fac0b2d"]]), jt = /* @__PURE__ */ $(/* @__PURE__ */ L({
 	__name: "CoarTimeGridNowMarker",
 	props: { topPx: {} },
 	setup(e) {
 		return (t, n) => (U(), P("div", {
 			class: "coar-time-grid-now-marker",
-			style: V({ top: e.topPx + "px" }),
+			style: H({ top: e.topPx + "px" }),
 			"aria-hidden": "true"
 		}, [...n[0] ||= [F("span", { class: "coar-time-grid-now-marker__dot" }, null, -1), F("span", { class: "coar-time-grid-now-marker__line" }, null, -1)]], 4));
 	}
@@ -1680,12 +1682,12 @@ var pt = ["title", "aria-label"], mt = { class: "coar-event-decorations__sr-only
 		density: { default: "comfortable" }
 	},
 	setup(e) {
-		return (t, n) => (U(), P("div", { class: z(["coar-time-grid-header", { "coar-time-grid-header--density-compact": e.density === "compact" }]) }, [n[0] ||= F("div", {
+		return (t, n) => (U(), P("div", { class: B(["coar-time-grid-header", { "coar-time-grid-header--density-compact": e.density === "compact" }]) }, [n[0] ||= F("div", {
 			class: "coar-time-grid-header__corner",
 			"aria-hidden": "true"
 		}, null, -1), F("div", Mt, [(U(!0), P(A, null, G(e.days, (n, r) => (U(), P("div", {
 			key: n.toString(),
-			class: z(["coar-time-grid-header__cell", {
+			class: B(["coar-time-grid-header__cell", {
 				"coar-time-grid-header__cell--today": e.isToday(n),
 				"coar-time-grid-header__cell--weekend": e.isWeekend(n)
 			}]),
@@ -1698,7 +1700,7 @@ var pt = ["title", "aria-label"], mt = { class: "coar-event-decorations__sr-only
 			isWeekend: e.isWeekend(n)
 		}, () => [F("span", Pt, J(e.formatLabel(n)), 1)], !0)], 10, Nt))), 128))])], 2));
 	}
-}), [["__scopeId", "data-v-ec745d3f"]]), It = ["aria-label"], Lt = {
+}), [["__scopeId", "data-v-ed6739ff"]]), It = ["aria-label"], Lt = {
 	class: "coar-time-grid-all-day-band__axis",
 	"aria-hidden": "true"
 }, Rt = ["onPointerdown"], zt = /* @__PURE__ */ $(/* @__PURE__ */ L({
@@ -1719,7 +1721,7 @@ var pt = ["title", "aria-label"], mt = { class: "coar-event-decorations__sr-only
 		}
 		return (t, n) => (U(), P("div", {
 			class: "coar-time-grid-all-day-band",
-			style: V({ minHeight: e.bandHeightPx + "px" }),
+			style: H({ minHeight: e.bandHeightPx + "px" }),
 			role: "region",
 			"aria-label": e.axisLabel
 		}, [F("div", Lt, J(e.axisLabel), 1), F("div", {
@@ -1727,11 +1729,11 @@ var pt = ["title", "aria-label"], mt = { class: "coar-event-decorations__sr-only
 			class: "coar-time-grid-all-day-band__columns"
 		}, [(U(!0), P(A, null, G(e.days, (t, n) => (U(), P("div", {
 			key: t.toString(),
-			class: z(["coar-time-grid-all-day-band__cell", {
+			class: B(["coar-time-grid-all-day-band__cell", {
 				"coar-time-grid-all-day-band__cell--today": e.isToday(t),
 				"coar-time-grid-all-day-band__cell--weekend": e.isWeekend(t)
 			}]),
-			style: V({ gridColumn: n + 1 }),
+			style: H({ gridColumn: n + 1 }),
 			onPointerdown: (e) => r(e, t)
 		}, null, 46, Rt))), 128)), K(t.$slots, "default", {}, void 0, !0)], 512)], 12, It));
 	}
@@ -1758,11 +1760,11 @@ var pt = ["title", "aria-label"], mt = { class: "coar-event-decorations__sr-only
 			r("pointerdown", e, n.day);
 		}
 		return (t, n) => (U(), P("div", {
-			class: z(["coar-time-grid-column", {
+			class: B(["coar-time-grid-column", {
 				"coar-time-grid-column--today": e.isToday,
 				"coar-time-grid-column--weekend": e.isWeekend
 			}]),
-			style: V({
+			style: H({
 				height: e.heightPx + "px",
 				backgroundImage: i.value,
 				backgroundPosition: `0 ${e.renderBufferOffsetPx}px`
@@ -1813,7 +1815,7 @@ var pt = ["title", "aria-label"], mt = { class: "coar-event-decorations__sr-only
 		}), o = j(() => a.value.events), s = j(() => a.value.timeRange), l = j(() => a.value.slotDuration), u = j(() => a.value.pixelsPerHour), d = j(() => a.value.timezone), f = je(), p = j(() => a.value.locale ?? f?.language.value ?? "en-US"), m = j(() => a.value.density), h = j(() => a.value.canDrop), g = j(() => r.dates ?? []), y = g, b = {
 			event: {
 				id: "__phantom__",
-				start: "1970-01-01T00:00:00Z"
+				start: n.ZonedDateTime.from("1970-01-01T00:00:00+00:00[UTC]")
 			},
 			startMinutes: 0,
 			endMinutes: 0,
@@ -1824,7 +1826,7 @@ var pt = ["title", "aria-label"], mt = { class: "coar-event-decorations__sr-only
 		}, x = {
 			event: {
 				id: "__phantom__",
-				start: "1970-01-01"
+				start: n.PlainDate.from("1970-01-01")
 			},
 			lane: 0,
 			laneCount: 1,
@@ -1832,19 +1834,19 @@ var pt = ["title", "aria-label"], mt = { class: "coar-event-decorations__sr-only
 			endCol: 0,
 			clippedStart: !1,
 			clippedEnd: !1
-		}, S = Ee("columns"), ee = W(null);
-		function C(e) {
-			ee.value = e;
+		}, ee = Ee("columns"), S = W(null);
+		function te(e) {
+			S.value = e;
 		}
-		let te = j(() => {
-			let e = S.value;
+		let ne = j(() => {
+			let e = ee.value;
 			for (; e && e !== document.body;) {
 				let t = window.getComputedStyle(e).overflowY;
 				if (t === "auto" || t === "scroll") return e;
 				e = e.parentElement;
 			}
 			return null;
-		}), { dnd: w, workingEvents: ne, dragSourceSnapshot: T, dragAllDaySourceSnapshot: E, invalidTimedGhost: re, invalidAllDayGhost: D, isPreviewEvent: ae, onEventPointerdown: oe, onEventKeydown: O, keyboardDrag: ce } = at({
+		}), { dnd: C, workingEvents: re, dragSourceSnapshot: w, dragAllDaySourceSnapshot: T, invalidTimedGhost: ie, invalidAllDayGhost: ae, isPreviewEvent: se, onEventPointerdown: ce, onEventKeydown: E, keyboardDrag: ue } = at({
 			events: () => o.value,
 			days: g,
 			timeRange: s,
@@ -1852,11 +1854,11 @@ var pt = ["title", "aria-label"], mt = { class: "coar-event-decorations__sr-only
 			slotDuration: l,
 			timezone: () => d.value,
 			dstPolicy: () => a.value.dstPolicy,
-			surfaceRef: te,
-			columnsRef: S,
-			allDayColumnsRef: ee,
+			surfaceRef: ne,
+			columnsRef: ee,
+			allDayColumnsRef: S,
 			topBufferMinutes: j(() => Yt),
-			canDrop: h.value,
+			canDrop: h.value ?? void 0,
 			onEventClick: (e, t) => {
 				t && r.builder.state.onEventClick?.({
 					event: e,
@@ -1865,8 +1867,8 @@ var pt = ["title", "aria-label"], mt = { class: "coar-event-decorations__sr-only
 			},
 			onEventDrop: (e) => r.builder.state.onEventDrop?.(e),
 			onAnnounce: (e, t) => pe(e, t)
-		}), le = it();
-		function ue(e) {
+		}), D = it();
+		function O(e) {
 			let t = e.next.start instanceof n.PlainDate, r = {
 				dateStyle: a.value.dateStyle,
 				timeStyle: a.value.timeStyle,
@@ -1906,17 +1908,17 @@ var pt = ["title", "aria-label"], mt = { class: "coar-event-decorations__sr-only
 		}
 		function pe(e, t) {
 			if (e === "cancelled") {
-				le.announce(i("coar.calendar.a11y.moveCancelled", void 0, "Move cancelled"));
+				D.announce(i("coar.calendar.a11y.moveCancelled", void 0, "Move cancelled"));
 				return;
 			}
 			if (!t) return;
-			let n = fe(t), r = ue(t);
-			le.announce(i("coar.calendar.a11y.eventMovedTo", {
+			let n = fe(t), r = O(t);
+			D.announce(i("coar.calendar.a11y.eventMovedTo", {
 				title: n,
 				when: r
 			}, `${n} moved to ${r}`));
 		}
-		let me = j(() => s.value[1] - s.value[0]), ge = j(() => me.value * 60), L = j(() => me.value * u.value + 2 * (u.value * Yt) / 60), _e = j(() => u.value * l.value / 60), ve = j(() => {
+		let me = j(() => s.value[1] - s.value[0]), ge = j(() => me.value * 60), L = j(() => me.value * u.value + 2 * (u.value * Yt) / 60), _e = j(() => u.value * l.value / 60), R = j(() => {
 			let e = [], t = new Intl.DateTimeFormat(p.value, k({ hour: "numeric" }, {
 				timeStyle: a.value.timeStyle,
 				hour12: a.value.hour12
@@ -1929,43 +1931,43 @@ var pt = ["title", "aria-label"], mt = { class: "coar-event-decorations__sr-only
 				});
 			}
 			return e;
-		}), ye = j(() => {
-			let e = w.draggedEvent.value, t = w.dragMode.value, n = e !== null && (t === "timed" || t === "timed-resize-start" || t === "timed-resize-end") ? `${e.id}__preview` : void 0;
+		}), ve = j(() => {
+			let e = C.draggedEvent.value, t = C.dragMode.value, n = e !== null && (t === "timed" || t === "timed-resize-start" || t === "timed-resize-end") ? `${e.id}__preview` : void 0;
 			return g.value.map((e) => ({
 				date: e,
-				positioned: ie(ne.value, {
+				positioned: oe(re.value, {
 					day: e,
 					timeRange: s.value,
 					timezone: d.value,
 					priorityId: n
 				})
 			}));
-		}), be = j(() => se(ne.value, {
+		}), ye = j(() => le(re.value, {
 			days: g.value,
 			timezone: d.value
-		})), R = j(() => be.value.length === 0 ? 0 : be.value[0].laneCount), Se = j(() => R.value === 0 ? 0 : R.value * (Xt + Zt) + 8);
-		function H(e) {
+		})), be = j(() => ye.value.length === 0 ? 0 : ye.value[0].laneCount), xe = j(() => be.value === 0 ? 0 : be.value * (Xt + Zt) + 8);
+		function we(e) {
 			return e * u.value / 60;
 		}
-		function Te(e) {
-			return H(e + Yt);
+		function q(e) {
+			return we(e + Yt);
 		}
-		let q = W(v(d.value)), Z = W(c(d.value)), Oe = 0;
-		we(() => {
+		let Te = W(v(d.value)), Z = W(c(d.value)), Oe = 0;
+		Ce(() => {
 			Oe = window.setInterval(() => {
-				q.value = v(d.value), Z.value = c(d.value);
+				Te.value = v(d.value), Z.value = c(d.value);
 			}, 3e4);
-		}), Ce(() => {
+		}), Se(() => {
 			Oe && clearInterval(Oe);
 		}), De(() => {
-			q.value = v(d.value), Z.value = c(d.value);
+			Te.value = v(d.value), Z.value = c(d.value);
 		});
 		let ke = j(() => {
 			let e = Z.value.hour * 60 + Z.value.minute - s.value[0] * 60;
 			return e < 0 || e >= ge.value ? null : e;
 		});
 		function Me(e) {
-			return n.PlainDate.compare(e, q.value) === 0;
+			return n.PlainDate.compare(e, Te.value) === 0;
 		}
 		function Ne(e) {
 			let t = e.dayOfWeek;
@@ -2007,7 +2009,7 @@ var pt = ["title", "aria-label"], mt = { class: "coar-event-decorations__sr-only
 			let t = Re(e);
 			if (_(e)) return `${t} (${i("coar.calendar.timegrid.allDay", void 0, "all-day")})`;
 			try {
-				let n = new Intl.DateTimeFormat(p.value, k({
+				let r = new Intl.DateTimeFormat(p.value, k({
 					weekday: "short",
 					day: "numeric",
 					month: "short",
@@ -2018,8 +2020,10 @@ var pt = ["title", "aria-label"], mt = { class: "coar-event-decorations__sr-only
 					dateStyle: a.value.dateStyle,
 					timeStyle: a.value.timeStyle,
 					hour12: a.value.hour12
-				})), r = n.formatRange, i = new Date(e.start.epochMilliseconds), o = e.end ? new Date(e.end.epochMilliseconds) : i;
-				return r ? `${t}, ${r.call(n, i, o)}` : `${t}, ${n.format(i)} – ${n.format(o)}`;
+				})), i = r.formatRange;
+				if (e.start instanceof n.PlainDate) return t;
+				let o = new Date(e.start.epochMilliseconds), s = e.end && !(e.end instanceof n.PlainDate) ? new Date(e.end.epochMilliseconds) : o;
+				return i ? `${t}, ${i.call(r, o, s)}` : `${t}, ${r.format(o)} – ${r.format(s)}`;
 			} catch {
 				return t;
 			}
@@ -2035,7 +2039,7 @@ var pt = ["title", "aria-label"], mt = { class: "coar-event-decorations__sr-only
 			return Be(e) ?? "var(--coar-color-accent, #2563eb)";
 		}
 		function Ue(e) {
-			let t = e.hour, n = te.value;
+			let t = e.hour, n = ne.value;
 			if (!n) return;
 			let r = (t - s.value[0]) * u.value;
 			n.scrollTo({
@@ -2043,19 +2047,19 @@ var pt = ["title", "aria-label"], mt = { class: "coar-event-decorations__sr-only
 				behavior: "smooth"
 			});
 		}
-		return we(() => {
+		return Ce(() => {
 			r.builder._setScrollToTime(Ue);
-		}), Ce(() => {
+		}), Se(() => {
 			r.builder._setScrollToTime(void 0);
 		}), t({
-			getLayout: () => ye.value,
+			getLayout: () => ve.value,
 			scrollToTime: Ue
 		}), (e, t) => (U(), P("div", {
-			class: z(["coar-time-grid", [`coar-time-grid--density-${m.value}`]]),
+			class: B(["coar-time-grid", [`coar-time-grid--density-${m.value}`]]),
 			role: "region",
 			"aria-label": X(y).length === 1 ? X(i)("coar.calendar.timegrid.dayLabel", void 0, "Day view") : X(i)("coar.calendar.timegrid.weekLabel", void 0, "Week view")
 		}, [
-			F("div", Ht, J(X(le).message.value), 1),
+			F("div", Ht, J(X(D).message.value), 1),
 			F("div", Ut, [I(Ft, {
 				days: X(y),
 				"is-today": Me,
@@ -2064,57 +2068,57 @@ var pt = ["title", "aria-label"], mt = { class: "coar-event-decorations__sr-only
 				density: m.value
 			}, he({ _: 2 }, [e.$slots.dayHeader || a.value.dayHeaderRenderer ? {
 				name: "dayHeader",
-				fn: Q((t) => [e.$slots.dayHeader ? K(e.$slots, "dayHeader", B(xe({ key: 0 }, t)), void 0, !0) : a.value.dayHeaderRenderer ? (U(), M(X(ft), {
+				fn: Q((t) => [e.$slots.dayHeader ? K(e.$slots, "dayHeader", V(z({ key: 0 }, t)), void 0, !0) : a.value.dayHeaderRenderer ? (U(), M(X(ft), {
 					key: 1,
 					renderer: a.value.dayHeaderRenderer,
 					ctx: t
 				}, null, 8, ["renderer", "ctx"])) : N("", !0)]),
 				key: "0"
-			} : void 0]), 1032, ["days", "density"]), R.value > 0 ? (U(), M(zt, {
+			} : void 0]), 1032, ["days", "density"]), be.value > 0 ? (U(), M(zt, {
 				key: 0,
 				days: X(y),
 				"axis-label": X(i)("coar.calendar.timegrid.allDay", void 0, "all-day"),
-				"band-height-px": Se.value,
+				"band-height-px": xe.value,
 				"is-today": Me,
 				"is-weekend": Ne,
-				"set-columns-el": C,
+				"set-columns-el": te,
 				onCellPointerdown: t[0] ||= (e, t) => Le(e, t)
 			}, {
 				default: Q(() => [
-					(U(!0), P(A, null, G(be.value, (t) => (U(), M(At, {
+					(U(!0), P(A, null, G(ye.value, (t) => (U(), M(At, {
 						key: t.event.id,
 						event: t.event,
 						bar: t,
-						variant: X(ae)(t.event.id) ? "preview" : "live",
-						"kbd-active": X(ce) !== null,
+						variant: X(se)(t.event.id) ? "preview" : "live",
+						"kbd-active": X(ue) !== null,
 						bg: Ve(t.event),
 						border: He(t.event),
 						title: Re(t.event),
-						"aria-label": X(ae)(t.event.id) && X(ce) ? de(t.event) : ze(t.event),
+						"aria-label": X(se)(t.event.id) && X(ue) ? de(t.event) : ze(t.event),
 						density: m.value,
 						top: 4 + t.lane * (Xt + Zt),
 						left: `calc(${t.startCol / X(y).length * 100}% + ${t.startCol === 0 ? 4 : 2}px)`,
 						width: `calc(${(t.endCol - t.startCol + 1) / X(y).length * 100}% - ${(t.startCol === 0 ? 4 : 2) + (t.endCol === X(y).length - 1 ? 4 : 2)}px)`,
 						height: Xt,
-						"z-index": X(ae)(t.event.id) ? 100 : 1,
+						"z-index": X(se)(t.event.id) ? 100 : 1,
 						"clipped-start": t.clippedStart,
 						"clipped-end": t.clippedEnd,
-						onPointerdown: (e) => X(oe)(e, t.event, X(w).startAllDayDrag),
-						onKeydown: (e) => X(O)(e, t.event),
+						onPointerdown: (e) => X(ce)(e, t.event, X(C).startAllDayDrag),
+						onKeydown: (e) => X(E)(e, t.event),
 						onDblclick: (e) => r.builder.state.onEventDoubleClick?.({
 							event: t.event,
 							native: e
 						}),
-						onStartResize: (e) => X(w).startAllDayResizeStart(t.event)(e),
-						onEndResize: (e) => X(w).startAllDayResizeEnd(t.event)(e)
+						onStartResize: (e) => X(C).startAllDayResizeStart(t.event)(e),
+						onEndResize: (e) => X(C).startAllDayResizeEnd(t.event)(e)
 					}, {
 						default: Q(({ event: t, bar: n }) => [e.$slots.allDayEvent ? K(e.$slots, "allDayEvent", {
 							key: 0,
 							event: t,
 							layout: n
-						}, void 0, !0) : a.value.allDayEventRenderer ?? a.value.eventRenderer ? (U(), M(X(dt), {
+						}, void 0, !0) : a.value.eventRenderer ? (U(), M(X(dt), {
 							key: 1,
-							renderer: a.value.allDayEventRenderer ?? a.value.eventRenderer,
+							renderer: a.value.eventRenderer,
 							ctx: {
 								event: t,
 								view: "week",
@@ -2147,22 +2151,22 @@ var pt = ["title", "aria-label"], mt = { class: "coar-event-decorations__sr-only
 						"onStartResize",
 						"onEndResize"
 					]))), 128)),
-					X(E) ? (U(), M(At, {
+					X(T) ? (U(), M(At, {
 						key: 0,
 						variant: "phantom",
-						event: X(E).event,
+						event: X(T).event,
 						bar: x,
-						bg: Ve(X(E).event),
-						border: He(X(E).event),
-						title: Re(X(E).event),
+						bg: Ve(X(T).event),
+						border: He(X(T).event),
+						title: Re(X(T).event),
 						density: m.value,
-						top: 4 + X(E).lane * (Xt + Zt),
-						left: `calc(${X(E).startCol / X(y).length * 100}% + ${X(E).startCol === 0 ? 4 : 2}px)`,
-						width: `calc(${(X(E).endCol - X(E).startCol + 1) / X(y).length * 100}% - ${(X(E).startCol === 0 ? 4 : 2) + (X(E).endCol === X(y).length - 1 ? 4 : 2)}px)`,
+						top: 4 + X(T).lane * (Xt + Zt),
+						left: `calc(${X(T).startCol / X(y).length * 100}% + ${X(T).startCol === 0 ? 4 : 2}px)`,
+						width: `calc(${(X(T).endCol - X(T).startCol + 1) / X(y).length * 100}% - ${(X(T).startCol === 0 ? 4 : 2) + (X(T).endCol === X(y).length - 1 ? 4 : 2)}px)`,
 						height: Xt,
 						"z-index": 1,
-						"clipped-start": X(E).clippedStart,
-						"clipped-end": X(E).clippedEnd
+						"clipped-start": X(T).clippedStart,
+						"clipped-end": X(T).clippedEnd
 					}, null, 8, [
 						"event",
 						"bg",
@@ -2175,19 +2179,19 @@ var pt = ["title", "aria-label"], mt = { class: "coar-event-decorations__sr-only
 						"clipped-start",
 						"clipped-end"
 					])) : N("", !0),
-					X(D) && X(w).draggedEvent.value ? (U(), M(At, {
+					X(ae) && X(C).draggedEvent.value ? (U(), M(At, {
 						key: 1,
 						variant: "invalid",
-						event: X(w).draggedEvent.value,
+						event: X(C).draggedEvent.value,
 						bar: x,
-						bg: Ve(X(w).draggedEvent.value),
-						border: He(X(w).draggedEvent.value),
-						title: Re(X(w).draggedEvent.value),
-						"snapping-back": X(w).snappingBack.value,
+						bg: Ve(X(C).draggedEvent.value),
+						border: He(X(C).draggedEvent.value),
+						title: Re(X(C).draggedEvent.value),
+						"snapping-back": X(C).snappingBack.value,
 						density: m.value,
-						top: 4 + (X(E)?.lane ?? 0) * (Xt + Zt),
-						left: `calc(${X(D).startCol / X(y).length * 100}% + ${X(D).startCol === 0 ? 4 : 2}px)`,
-						width: `calc(${(X(D).endCol - X(D).startCol + 1) / X(y).length * 100}% - ${(X(D).startCol === 0 ? 4 : 2) + (X(D).endCol === X(y).length - 1 ? 4 : 2)}px)`,
+						top: 4 + (X(T)?.lane ?? 0) * (Xt + Zt),
+						left: `calc(${X(ae).startCol / X(y).length * 100}% + ${X(ae).startCol === 0 ? 4 : 2}px)`,
+						width: `calc(${(X(ae).endCol - X(ae).startCol + 1) / X(y).length * 100}% - ${(X(ae).startCol === 0 ? 4 : 2) + (X(ae).endCol === X(y).length - 1 ? 4 : 2)}px)`,
 						height: Xt,
 						"z-index": 100
 					}, null, 8, [
@@ -2210,23 +2214,23 @@ var pt = ["title", "aria-label"], mt = { class: "coar-event-decorations__sr-only
 			])) : N("", !0)]),
 			F("div", {
 				class: "coar-time-grid__body",
-				style: V({ height: L.value + "px" })
+				style: H({ height: L.value + "px" })
 			}, [F("div", {
 				class: "coar-time-grid__hour-axis",
-				style: V({ height: L.value + "px" })
-			}, [(U(!0), P(A, null, G(ve.value, (e) => (U(), P("div", {
+				style: H({ height: L.value + "px" })
+			}, [(U(!0), P(A, null, G(R.value, (e) => (U(), P("div", {
 				key: e.hour,
 				class: "coar-time-grid__hour-label",
 				"data-hour": e.hour,
-				style: V({ top: Te((e.hour - s.value[0]) * 60) + "px" })
-			}, J(e.label), 13, Gt))), 128))], 4), F("div", Kt, [(U(!0), P(A, null, G(ye.value, (n) => (U(), M(Bt, {
+				style: H({ top: q((e.hour - s.value[0]) * 60) + "px" })
+			}, J(e.label), 13, Gt))), 128))], 4), F("div", Kt, [(U(!0), P(A, null, G(ve.value, (n) => (U(), M(Bt, {
 				key: n.date.toString(),
 				day: n.date,
 				"is-today": Me(n.date),
 				"is-weekend": Ne(n.date),
 				"height-px": L.value,
 				"slot-height-px": _e.value,
-				"render-buffer-offset-px": H(Yt),
+				"render-buffer-offset-px": we(Yt),
 				onPointerdown: t[1] ||= (e, t) => Ie(e, t)
 			}, {
 				default: Q(() => [
@@ -2234,29 +2238,29 @@ var pt = ["title", "aria-label"], mt = { class: "coar-event-decorations__sr-only
 						key: t.event.id,
 						event: t.event,
 						positioned: t,
-						variant: X(ae)(t.event.id) ? "preview" : "live",
-						"kbd-active": X(ce) !== null,
+						variant: X(se)(t.event.id) ? "preview" : "live",
+						"kbd-active": X(ue) !== null,
 						bg: Ve(t.event),
 						border: He(t.event),
 						title: Re(t.event),
 						"display-zone": d.value,
-						"aria-label": X(ae)(t.event.id) && X(ce) ? de(t.event) : ze(t.event),
+						"aria-label": X(se)(t.event.id) && X(ue) ? de(t.event) : ze(t.event),
 						density: m.value,
-						top: Te(t.startMinutes),
-						height: Math.max(16, H(t.endMinutes - t.startMinutes)),
+						top: q(t.startMinutes),
+						height: Math.max(16, we(t.endMinutes - t.startMinutes)),
 						left: `calc(${t.lane / t.laneCount * 100}% + ${t.lane === 0 ? 4 : 2}px)`,
 						width: `calc(${100 / t.laneCount}% - ${(t.lane === 0 ? 4 : 2) + (t.lane === t.laneCount - 1 ? 4 : 2)}px)`,
-						"z-index": X(ae)(t.event.id) ? 100 : t.lane + 1,
+						"z-index": X(se)(t.event.id) ? 100 : t.lane + 1,
 						"clipped-top": t.clippedTop,
 						"clipped-bottom": t.clippedBottom,
-						onPointerdown: (e) => X(oe)(e, t.event, X(w).startDrag),
-						onKeydown: (e) => X(O)(e, t.event),
+						onPointerdown: (e) => X(ce)(e, t.event, X(C).startDrag),
+						onKeydown: (e) => X(E)(e, t.event),
 						onDblclick: (e) => r.builder.state.onEventDoubleClick?.({
 							event: t.event,
 							native: e
 						}),
-						onStartResize: (e) => X(w).startTimedResizeStart(t.event)(e),
-						onEndResize: (e) => X(w).startTimedResizeEnd(t.event)(e)
+						onStartResize: (e) => X(C).startTimedResizeStart(t.event)(e),
+						onEndResize: (e) => X(C).startTimedResizeEnd(t.event)(e)
 					}, {
 						default: Q(({ event: t, positioned: n }) => [e.$slots.event ? K(e.$slots, "event", {
 							key: 0,
@@ -2299,21 +2303,21 @@ var pt = ["title", "aria-label"], mt = { class: "coar-event-decorations__sr-only
 						"onStartResize",
 						"onEndResize"
 					]))), 128)),
-					X(T) && X(T).dayKey === n.date.toString() ? (U(), M(Et, {
+					X(w) && X(w).dayKey === n.date.toString() ? (U(), M(Et, {
 						key: 0,
 						variant: "phantom",
-						event: X(T).event,
+						event: X(w).event,
 						positioned: b,
-						bg: Ve(X(T).event),
-						border: He(X(T).event),
-						title: Re(X(T).event),
+						bg: Ve(X(w).event),
+						border: He(X(w).event),
+						title: Re(X(w).event),
 						"display-zone": d.value,
 						density: m.value,
-						top: Te(X(T).startMinutes),
-						height: Math.max(16, H(X(T).endMinutes - X(T).startMinutes)),
-						left: `calc(${X(T).lane / X(T).laneCount * 100}% + ${X(T).lane === 0 ? 4 : 2}px)`,
-						width: `calc(${100 / X(T).laneCount}% - ${(X(T).lane === 0 ? 4 : 2) + (X(T).lane === X(T).laneCount - 1 ? 4 : 2)}px)`,
-						"z-index": X(T).lane + 1
+						top: q(X(w).startMinutes),
+						height: Math.max(16, we(X(w).endMinutes - X(w).startMinutes)),
+						left: `calc(${X(w).lane / X(w).laneCount * 100}% + ${X(w).lane === 0 ? 4 : 2}px)`,
+						width: `calc(${100 / X(w).laneCount}% - ${(X(w).lane === 0 ? 4 : 2) + (X(w).lane === X(w).laneCount - 1 ? 4 : 2)}px)`,
+						"z-index": X(w).lane + 1
 					}, null, 8, [
 						"event",
 						"bg",
@@ -2327,18 +2331,18 @@ var pt = ["title", "aria-label"], mt = { class: "coar-event-decorations__sr-only
 						"width",
 						"z-index"
 					])) : N("", !0),
-					X(re) && X(re).dayKey === n.date.toString() && X(w).draggedEvent.value ? (U(), M(Et, {
+					X(ie) && X(ie).dayKey === n.date.toString() && X(C).draggedEvent.value ? (U(), M(Et, {
 						key: 1,
 						variant: "invalid",
-						event: X(w).draggedEvent.value,
+						event: X(C).draggedEvent.value,
 						positioned: b,
-						bg: Ve(X(w).draggedEvent.value),
-						border: He(X(w).draggedEvent.value),
-						title: Re(X(w).draggedEvent.value),
-						"snapping-back": X(w).snappingBack.value,
+						bg: Ve(X(C).draggedEvent.value),
+						border: He(X(C).draggedEvent.value),
+						title: Re(X(C).draggedEvent.value),
+						"snapping-back": X(C).snappingBack.value,
 						density: m.value,
-						top: Te(X(re).startMinutes),
-						height: Math.max(16, H(X(re).durationMinutes)),
+						top: q(X(ie).startMinutes),
+						height: Math.max(16, we(X(ie).durationMinutes)),
 						left: "calc(0% + 4px)",
 						width: "calc(100% - 8px)",
 						"z-index": 100
@@ -2354,7 +2358,7 @@ var pt = ["title", "aria-label"], mt = { class: "coar-event-decorations__sr-only
 					])) : N("", !0),
 					Me(n.date) && ke.value !== null ? (U(), M(jt, {
 						key: 2,
-						"top-px": Te(ke.value)
+						"top-px": q(ke.value)
 					}, null, 8, ["top-px"])) : N("", !0)
 				]),
 				_: 2
@@ -2368,36 +2372,32 @@ var pt = ["title", "aria-label"], mt = { class: "coar-event-decorations__sr-only
 			]))), 128))], 512)], 4)
 		], 10, Vt));
 	}
-}), [["__scopeId", "data-v-49edd9f1"]]), $t = { class: "coar-day-view" }, en = /* @__PURE__ */ $(/* @__PURE__ */ L({
+}), [["__scopeId", "data-v-7e4afbd4"]]), $t = { class: "coar-day-view" }, en = /* @__PURE__ */ $(/* @__PURE__ */ L({
 	__name: "CoarDayView",
 	props: { builder: {} },
 	setup(e) {
 		let t = e;
-		Ze(t.builder, { view: "day" }), we(() => {
-			t.builder.state.view.value !== "day" && (t.builder.state.view.value = "day");
-		});
+		Ze(t.builder, { view: "day" });
 		let n = j(() => [t.builder.state.date.value]);
 		return (t, r) => (U(), P("div", $t, [I(Qt, {
 			builder: e.builder,
 			dates: n.value
 		}, he({ _: 2 }, [t.$slots.event ? {
 			name: "event",
-			fn: Q((e) => [K(t.$slots, "event", B(ve(e)), void 0, !0)]),
+			fn: Q((e) => [K(t.$slots, "event", V(R(e)), void 0, !0)]),
 			key: "0"
 		} : void 0, t.$slots.dayHeader ? {
 			name: "dayHeader",
-			fn: Q((e) => [K(t.$slots, "dayHeader", B(ve(e)), void 0, !0)]),
+			fn: Q((e) => [K(t.$slots, "dayHeader", V(R(e)), void 0, !0)]),
 			key: "1"
 		} : void 0]), 1032, ["builder", "dates"])]));
 	}
-}), [["__scopeId", "data-v-5a323d36"]]), tn = { class: "coar-week-view" }, nn = /* @__PURE__ */ $(/* @__PURE__ */ L({
+}), [["__scopeId", "data-v-639564d0"]]), tn = { class: "coar-week-view" }, nn = /* @__PURE__ */ $(/* @__PURE__ */ L({
 	__name: "CoarWeekView",
 	props: { builder: {} },
 	setup(e, { expose: t }) {
 		let n = e;
-		Ze(n.builder, { view: "week" }), we(() => {
-			n.builder.state.view.value !== "week" && (n.builder.state.view.value = "week");
-		});
+		Ze(n.builder, { view: "week" });
 		let i = je(), a = j(() => Y(n.builder.state.locale) ?? i?.language.value ?? "en-US"), o = j(() => Y(n.builder.state.firstDayOfWeek) ?? r(a.value)), c = j(() => s(n.builder.state.date.value, o.value));
 		return t({ getVisibleRange() {
 			let e = c.value;
@@ -2411,22 +2411,22 @@ var pt = ["title", "aria-label"], mt = { class: "coar-event-decorations__sr-only
 		}, he({ _: 2 }, [
 			t.$slots.event ? {
 				name: "event",
-				fn: Q((e) => [K(t.$slots, "event", B(ve(e)), void 0, !0)]),
+				fn: Q((e) => [K(t.$slots, "event", V(R(e)), void 0, !0)]),
 				key: "0"
 			} : void 0,
 			t.$slots.allDayEvent ? {
 				name: "allDayEvent",
-				fn: Q((e) => [K(t.$slots, "allDayEvent", B(ve(e)), void 0, !0)]),
+				fn: Q((e) => [K(t.$slots, "allDayEvent", V(R(e)), void 0, !0)]),
 				key: "1"
 			} : void 0,
 			t.$slots.dayHeader ? {
 				name: "dayHeader",
-				fn: Q((e) => [K(t.$slots, "dayHeader", B(ve(e)), void 0, !0)]),
+				fn: Q((e) => [K(t.$slots, "dayHeader", V(R(e)), void 0, !0)]),
 				key: "2"
 			} : void 0
 		]), 1032, ["builder", "dates"])]));
 	}
-}), [["__scopeId", "data-v-3f269ddb"]]), rn = 20, an = 2, on = 24, sn = 76, cn = 100, ln = 300;
+}), [["__scopeId", "data-v-29a99a70"]]), rn = 20, an = 2, on = 24, sn = 76, cn = 100, ln = 300;
 function un(e) {
 	function t(e) {
 		return on + e * (rn + an);
@@ -2467,9 +2467,9 @@ function un(e) {
 		e.layout,
 		i,
 		r
-	], () => Se(c), { deep: !1 }), we(() => {
-		Se(c), window.addEventListener("resize", c);
-	}), Ce(() => {
+	], () => xe(c), { deep: !1 }), Ce(() => {
+		xe(c), window.addEventListener("resize", c);
+	}), Se(() => {
 		window.removeEventListener("resize", c);
 	}), Z(e.resetToken, () => {
 		r.value = /* @__PURE__ */ new Set();
@@ -2532,14 +2532,14 @@ var dn = [
 			i.value && (e.stopPropagation(), r("dblclick", e));
 		}
 		return (t, n) => (U(), P("div", {
-			class: z(["coar-month-pill", {
+			class: B(["coar-month-pill", {
 				"coar-month-pill--ghost": e.variant === "preview",
 				"coar-month-pill--source-phantom": e.variant === "phantom",
 				"coar-month-pill--invalid": e.variant === "invalid",
 				"coar-month-pill--snap-back": e.variant === "invalid" && e.snappingBack,
 				"coar-month-pill--density-compact": e.density === "compact"
 			}]),
-			style: V({
+			style: H({
 				background: e.bg,
 				borderLeft: `3px solid ${e.border}`
 			}),
@@ -2565,7 +2565,7 @@ var dn = [
 			size: "xs"
 		}, null, 8, ["event", "display-zone"]), F("span", pn, J(e.title), 1)], 64))], 46, dn));
 	}
-}), [["__scopeId", "data-v-037f7ee1"]]), hn = [
+}), [["__scopeId", "data-v-ca59e6dd"]]), hn = [
 	"data-event-id",
 	"tabindex",
 	"role",
@@ -2630,7 +2630,7 @@ var dn = [
 			e.stopPropagation(), r("endResize", e);
 		}
 		return (t, n) => (U(), P("div", {
-			class: z(["coar-month-bar", {
+			class: B(["coar-month-bar", {
 				"coar-month-bar--clipped-start": e.clippedStart,
 				"coar-month-bar--clipped-end": e.clippedEnd,
 				"coar-month-bar--ghost": e.variant === "preview",
@@ -2639,7 +2639,7 @@ var dn = [
 				"coar-month-bar--snap-back": e.variant === "invalid" && e.snappingBack,
 				"coar-month-bar--density-compact": e.density === "compact"
 			}]),
-			style: V({
+			style: H({
 				top: e.top + "px",
 				left: e.left,
 				width: e.width,
@@ -2686,7 +2686,7 @@ var dn = [
 			}, null, 32)) : N("", !0)
 		], 46, hn));
 	}
-}), [["__scopeId", "data-v-5ade6911"]]), yn = [
+}), [["__scopeId", "data-v-aae90a51"]]), yn = [
 	"data-day-key",
 	"aria-rowindex",
 	"aria-colindex",
@@ -2737,7 +2737,7 @@ var dn = [
 			r("kebabClick", e, n.day);
 		}
 		return (t, n) => (U(), P("div", {
-			class: z(["coar-month-cell", {
+			class: B(["coar-month-cell", {
 				"coar-month-cell--today": e.isToday,
 				"coar-month-cell--other-month": e.isOtherMonth,
 				"coar-month-cell--weekend": e.isWeekend,
@@ -2785,10 +2785,10 @@ var dn = [
 			})
 		], -1)]], 40, Sn)]), F("div", {
 			class: "coar-month-cell__pills",
-			style: V({ marginTop: e.pillsMarginTopPx + "px" })
+			style: H({ marginTop: e.pillsMarginTopPx + "px" })
 		}, [K(t.$slots, "default", {}, void 0, !0)], 4)], 42, yn));
 	}
-}), [["__scopeId", "data-v-72760fa4"]]), wn = /* @__PURE__ */ $(/* @__PURE__ */ L({
+}), [["__scopeId", "data-v-a2e2a614"]]), wn = /* @__PURE__ */ $(/* @__PURE__ */ L({
 	__name: "CoarMonthRow",
 	props: {
 		heightPx: {},
@@ -2796,12 +2796,12 @@ var dn = [
 	},
 	setup(e) {
 		return (t, n) => (U(), P("div", {
-			class: z(["coar-month-row", { "coar-month-row--density-compact": e.density === "compact" }]),
-			style: V({ height: e.heightPx + "px" }),
+			class: B(["coar-month-row", { "coar-month-row--density-compact": e.density === "compact" }]),
+			style: H({ height: e.heightPx + "px" }),
 			role: "row"
 		}, [K(t.$slots, "default", {}, void 0, !0)], 6));
 	}
-}), [["__scopeId", "data-v-0d63c1bf"]]), Tn = { class: "coar-month-grid" }, En = {
+}), [["__scopeId", "data-v-8f7c41d6"]]), Tn = { class: "coar-month-grid" }, En = {
 	class: "coar-month-grid__weekday-row",
 	role: "row",
 	"aria-rowindex": "1"
@@ -2861,17 +2861,17 @@ var dn = [
 				year: e.year,
 				month: e.month
 			});
-		}), h = j(() => a(m.value, f.value)), y = j(() => p(u.value, f.value, "short")), b = W(null);
-		function x(e) {
-			b.value = e;
+		}), h = j(() => a(m.value, f.value)), b = j(() => p(u.value, f.value, "short")), x = W(null);
+		function ee(e) {
+			x.value = e;
 		}
-		let { dnd: S, workingEvents: ee, dragSourceSnapshot: C, invalidMonthGhost: w, isPreviewId: ne, isInvalidPillTarget: T, onMonthEventPointerdown: E, onMonthEventKeydown: re, keyboardDrag: D } = ot({
+		let { dnd: S, workingEvents: te, dragSourceSnapshot: C, invalidMonthGhost: re, isPreviewId: w, isInvalidPillTarget: T, onMonthEventPointerdown: ie, onMonthEventKeydown: ae, keyboardDrag: oe } = ot({
 			events: () => s.value.events,
 			gridDates: h,
-			gridRef: b,
+			gridRef: x,
 			timezone: () => d.value,
 			dstPolicy: () => s.value.dstPolicy,
-			canDrop: s.value.canDrop,
+			canDrop: s.value.canDrop ?? void 0,
 			onEventClick: (e, t) => {
 				t && i.builder.state.onEventClick?.({
 					event: e,
@@ -2879,17 +2879,17 @@ var dn = [
 				});
 			},
 			onEventDrop: (e) => i.builder.state.onEventDrop?.(e),
-			onAnnounce: (e, t) => O(e, t)
-		}), ie = it();
-		function ae(e) {
+			onAnnounce: (e, t) => ue(e, t)
+		}), se = it();
+		function ce(e) {
 			let t = e.meta, n = (typeof t?.title == "string" ? t.title : void 0) ?? o("coar.calendar.a11y.unnamedEvent", void 0, "Event");
 			return o("coar.calendar.a11y.kbdPreviewLabel", { title: n }, `${n} preview — Arrow keys to move, Enter to commit, Escape to cancel`);
 		}
-		function oe(e) {
+		function le(e) {
 			let t = e.meta;
 			return typeof t?.title == "string" ? t.title : o("coar.calendar.a11y.unnamedEvent", void 0, "Event");
 		}
-		function se(e) {
+		function E(e) {
 			try {
 				let t = new Intl.DateTimeFormat(u.value, k({
 					weekday: "short",
@@ -2905,56 +2905,56 @@ var dn = [
 				return e.target.date;
 			}
 		}
-		function O(e, t) {
+		function ue(e, t) {
 			if (e === "cancelled") {
-				ie.announce(o("coar.calendar.a11y.moveCancelled", void 0, "Move cancelled"));
+				se.announce(o("coar.calendar.a11y.moveCancelled", void 0, "Move cancelled"));
 				return;
 			}
 			if (!t) return;
-			let n = oe(t.event), r = se(t);
-			ie.announce(o("coar.calendar.a11y.eventMovedTo", {
+			let n = le(t.event), r = E(t);
+			se.announce(o("coar.calendar.a11y.eventMovedTo", {
 				title: n,
 				when: r
 			}, `${n} moved to ${r}`));
 		}
-		let ce = j(() => te(ee.value, {
+		let D = j(() => ne(te.value, {
 			gridDates: h.value,
 			timezone: d.value
-		})), le = W(v(d.value));
-		function ue(e) {
-			return n.PlainDate.compare(e, le.value) === 0;
-		}
+		})), O = W(v(d.value));
 		function de(e) {
-			return e.year !== m.value.year || e.month !== m.value.month;
+			return n.PlainDate.compare(e, O.value) === 0;
 		}
 		function fe(e) {
+			return e.year !== m.value.year || e.month !== m.value.month;
+		}
+		function pe(e) {
 			return e.dayOfWeek === 6 || e.dayOfWeek === 7;
 		}
-		let { BAR_HEIGHT: pe, DAY_NUMBER_HEIGHT: me, barTopPx: he, rowBarHeightsPx: ge, rowHeightPx: L, expandedRows: _e, expandRow: ve, collapseRow: ye } = un({
-			layout: ce,
-			gridRef: b,
+		let { BAR_HEIGHT: me, DAY_NUMBER_HEIGHT: he, barTopPx: ge, rowBarHeightsPx: L, rowHeightPx: _e, expandedRows: R, expandRow: ve, collapseRow: ye } = un({
+			layout: D,
+			gridRef: x,
 			resetToken: m
-		}), be = Re(), R = W(null), xe = W(null), Se = W(!1);
-		function B(e, t, n) {
+		}), be = Re(), z = W(null), xe = W(null), V = W(!1);
+		function H(e, t, n) {
 			let r = e.currentTarget;
 			if (!r) return;
 			let i = r.getBoundingClientRect();
-			R.value = t, xe.value = g(n), Se.value = !0, be.open({
+			z.value = t, xe.value = g(n), V.value = !0, be.open({
 				clientX: i.left,
 				clientY: i.bottom + 4
 			});
 		}
-		function V(e, t, n) {
-			R.value = t, xe.value = g(n), Se.value = !1, be.open(e);
+		function Se(e, t, n) {
+			z.value = t, xe.value = g(n), V.value = !1, be.open(e);
 		}
 		Z(() => be.isOpen.value, (e) => {
-			e || (Se.value = !1);
+			e || (V.value = !1);
 		}), Z(m, () => {
-			be.close(), R.value = null, xe.value = null, Se.value = !1;
+			be.close(), z.value = null, xe.value = null, V.value = !1;
 		});
 		let Ce = j(() => {
 			let e = /* @__PURE__ */ new Map();
-			for (let t of ce.value.weekRows) for (let n of t.days) {
+			for (let t of D.value.weekRows) for (let n of t.days) {
 				let r = g(n);
 				e.set(r, t.cellPills.get(r) ?? []);
 			}
@@ -2963,7 +2963,7 @@ var dn = [
 		function we(e) {
 			return Ce.value.get(g(e)) ?? [];
 		}
-		function H(e) {
+		function q(e) {
 			let t = e.meta;
 			return typeof t?.title == "string" ? t.title : "(untitled)";
 		}
@@ -2971,13 +2971,13 @@ var dn = [
 			let t = e.meta;
 			return typeof t?.color == "string" ? t.color : void 0;
 		}
-		function q(e) {
+		function Ee(e) {
 			return Te(e) ?? "var(--coar-color-accent-soft, #93c5fd)";
 		}
-		function Ee(e) {
+		function De(e) {
 			return Te(e) ?? "var(--coar-color-accent, #2563eb)";
 		}
-		let De = j(() => new Intl.DateTimeFormat(u.value, k({
+		let Oe = j(() => new Intl.DateTimeFormat(u.value, k({
 			weekday: "long",
 			day: "numeric",
 			month: "long",
@@ -2987,11 +2987,11 @@ var dn = [
 			dateStyle: s.value.dateStyle,
 			hour12: s.value.hour12
 		})));
-		function Oe(e) {
-			return De.value.format(new Date(Date.UTC(e.year, e.month - 1, e.day)));
-		}
 		function ke(e) {
-			let t = H(e), n = {
+			return Oe.value.format(new Date(Date.UTC(e.year, e.month - 1, e.day)));
+		}
+		function Me(e) {
+			let t = q(e), n = {
 				dateStyle: s.value.dateStyle,
 				timeStyle: s.value.timeStyle,
 				hour12: s.value.hour12
@@ -3006,34 +3006,35 @@ var dn = [
 					}, n)), i = e.start, a = new Date(Date.UTC(i.year, i.month - 1, i.day)), o = e.end ?? i, s = new Date(Date.UTC(o.year, o.month - 1, o.day));
 					return `${t}, ${r.format(a)} – ${r.format(s)}`;
 				}
-				return `${t}, ${new Intl.DateTimeFormat(u.value, k({
+				let r = new Intl.DateTimeFormat(u.value, k({
 					weekday: "short",
 					day: "numeric",
 					month: "short",
 					hour: "numeric",
 					minute: "2-digit",
 					timeZone: d.value
-				}, n)).format(new Date(e.start.epochMilliseconds))}`;
+				}, n));
+				return y(e) ? `${t}, ${r.format(new Date(e.start.epochMilliseconds))}` : t;
 			} catch {
 				return t;
 			}
 		}
-		function Me(e, t) {
+		function Pe(e, t) {
 			i.builder.state.onDateClick?.({
 				date: t,
 				native: e
 			});
 		}
-		let Pe = {
+		let Ie = {
 			event: {
 				id: "__phantom__",
-				start: "1970-01-01"
+				start: n.PlainDate.from("1970-01-01")
 			},
 			order: 0
-		}, Ie = {
+		}, Le = {
 			event: {
 				id: "__phantom__",
-				start: "1970-01-01"
+				start: n.PlainDate.from("1970-01-01")
 			},
 			lane: 0,
 			laneCount: 1,
@@ -3042,21 +3043,21 @@ var dn = [
 			clippedStart: !1,
 			clippedEnd: !1
 		};
-		return t({ getLayout: () => ce.value }), (e, t) => (U(), P("div", {
-			class: z(["coar-month-view", [`coar-month-view--density-${s.value.density}`]]),
+		return t({ getLayout: () => D.value }), (e, t) => (U(), P("div", {
+			class: B(["coar-month-view", [`coar-month-view--density-${s.value.density}`]]),
 			role: "grid",
 			"aria-label": X(o)("coar.calendar.month.gridLabel", void 0, "Month grid"),
-			"aria-rowcount": ce.value.weekRows.length + 1,
+			"aria-rowcount": D.value.weekRows.length + 1,
 			"aria-colcount": 7
 		}, [
-			F("div", An, J(X(ie).message.value), 1),
+			F("div", An, J(X(se).message.value), 1),
 			I(On, {
-				"weekday-headers": y.value,
-				"set-rows-el": x
+				"weekday-headers": b.value,
+				"set-rows-el": ee
 			}, {
-				default: Q(() => [(U(!0), P(A, null, G(ce.value.weekRows, (t, n) => (U(), M(wn, {
+				default: Q(() => [(U(!0), P(A, null, G(D.value.weekRows, (t, n) => (U(), M(wn, {
 					key: t.weekStart.toString(),
-					"height-px": X(L)[n],
+					"height-px": X(_e)[n],
 					density: s.value.density
 				}, {
 					default: Q(() => [
@@ -3064,35 +3065,35 @@ var dn = [
 							key: t.toString(),
 							day: t,
 							"day-key": X(g)(t),
-							"is-today": ue(t),
-							"is-other-month": de(t),
-							"is-weekend": fe(t),
-							"pills-margin-top-px": X(ge)[n] - X(me),
-							"menu-open-for-this-cell": X(be).isOpen.value && Se.value && xe.value === X(g)(t),
+							"is-today": de(t),
+							"is-other-month": fe(t),
+							"is-weekend": pe(t),
+							"pills-margin-top-px": X(L)[n] - X(he),
+							"menu-open-for-this-cell": X(be).isOpen.value && V.value && xe.value === X(g)(t),
 							"kebab-aria-label": X(o)("coar.calendar.month.cellMenu", void 0, "Day actions"),
 							density: s.value.density,
-							"aria-row-index": n + 2,
-							"aria-col-index": r + 1,
-							"aria-label": Oe(t),
-							onCellPointerdown: (e) => Me(e, t),
-							onCellContextmenu: (e) => V(e, n, t),
-							onKebabClick: (e) => B(e, n, t)
+							ariaRowIndex: n + 2,
+							ariaColIndex: r + 1,
+							ariaLabel: ke(t),
+							onCellPointerdown: (e) => Pe(e, t),
+							onCellContextmenu: (e) => Se(e, n, t),
+							onKebabClick: (e) => H(e, n, t)
 						}, {
 							default: Q(() => [
 								(U(!0), P(A, null, G(we(t), (t) => (U(), M(mn, {
 									key: t.event.id,
 									event: t.event,
 									pill: t,
-									variant: X(ne)(t.event.id) ? "preview" : "live",
-									"kbd-active": X(D) !== null,
-									bg: q(t.event),
-									border: Ee(t.event),
-									title: H(t.event),
+									variant: X(w)(t.event.id) ? "preview" : "live",
+									"kbd-active": X(oe) !== null,
+									bg: Ee(t.event),
+									border: De(t.event),
+									title: q(t.event),
 									"display-zone": d.value,
-									"aria-label": X(ne)(t.event.id) && X(D) ? ae(t.event) : ke(t.event),
+									"aria-label": X(w)(t.event.id) && X(oe) ? ce(t.event) : Me(t.event),
 									density: s.value.density,
-									onPointerdown: (e) => X(E)(e, t.event),
-									onKeydown: (e) => X(re)(e, t.event),
+									onPointerdown: (e) => X(ie)(e, t.event),
+									onKeydown: (e) => X(ae)(e, t.event),
 									onDblclick: (e) => i.builder.state.onEventDoubleClick?.({
 										event: t.event,
 										native: e
@@ -3102,9 +3103,9 @@ var dn = [
 										key: 0,
 										event: t,
 										pill: n
-									}, void 0, !0) : s.value.pillRenderer ?? s.value.eventRenderer ? (U(), M(X(dt), {
+									}, void 0, !0) : s.value.eventRenderer ? (U(), M(X(dt), {
 										key: 1,
-										renderer: s.value.pillRenderer ?? s.value.eventRenderer,
+										renderer: s.value.eventRenderer,
 										ctx: {
 											event: t,
 											view: "month",
@@ -3113,7 +3114,7 @@ var dn = [
 												layout: n
 											}
 										}
-									}, null, 8, ["renderer", "ctx"])) : (U(), P("span", jn, J(H(t)), 1))]),
+									}, null, 8, ["renderer", "ctx"])) : (U(), P("span", jn, J(q(t)), 1))]),
 									_: 2
 								}, 1032, [
 									"event",
@@ -3134,10 +3135,10 @@ var dn = [
 									key: 0,
 									variant: "phantom",
 									event: X(C).event,
-									pill: Pe,
-									bg: q(X(C).event),
-									border: Ee(X(C).event),
-									title: H(X(C).event),
+									pill: Ie,
+									bg: Ee(X(C).event),
+									border: De(X(C).event),
+									title: q(X(C).event),
 									"display-zone": d.value,
 									density: s.value.density
 								}, null, 8, [
@@ -3152,10 +3153,10 @@ var dn = [
 									key: 1,
 									variant: "invalid",
 									event: X(S).draggedEvent.value,
-									pill: Pe,
-									bg: q(X(S).draggedEvent.value),
-									border: Ee(X(S).draggedEvent.value),
-									title: H(X(S).draggedEvent.value),
+									pill: Ie,
+									bg: Ee(X(S).draggedEvent.value),
+									border: De(X(S).draggedEvent.value),
+									title: q(X(S).draggedEvent.value),
 									"display-zone": d.value,
 									"snapping-back": X(S).snappingBack.value,
 									density: s.value.density
@@ -3180,9 +3181,9 @@ var dn = [
 							"menu-open-for-this-cell",
 							"kebab-aria-label",
 							"density",
-							"aria-row-index",
-							"aria-col-index",
-							"aria-label",
+							"ariaRowIndex",
+							"ariaColIndex",
+							"ariaLabel",
 							"onCellPointerdown",
 							"onCellContextmenu",
 							"onKebabClick"
@@ -3191,23 +3192,23 @@ var dn = [
 							key: t.event.id,
 							event: t.event,
 							bar: t,
-							variant: X(ne)(t.event.id) ? "preview" : "live",
-							"kbd-active": X(D) !== null,
-							bg: q(t.event),
-							border: Ee(t.event),
-							title: H(t.event),
+							variant: X(w)(t.event.id) ? "preview" : "live",
+							"kbd-active": X(oe) !== null,
+							bg: Ee(t.event),
+							border: De(t.event),
+							title: q(t.event),
 							"display-zone": d.value,
-							"aria-label": X(ne)(t.event.id) && X(D) ? ae(t.event) : ke(t.event),
+							"aria-label": X(w)(t.event.id) && X(oe) ? ce(t.event) : Me(t.event),
 							density: s.value.density,
-							top: X(he)(t.lane),
+							top: X(ge)(t.lane),
 							left: `calc(${t.startCol / 7 * 100}% + 2px)`,
 							width: `calc(${(t.endCol - t.startCol + 1) / 7 * 100}% - 4px)`,
-							height: X(pe),
-							"z-index": X(ne)(t.event.id) ? 100 : t.lane + 1,
+							height: X(me),
+							"z-index": X(w)(t.event.id) ? 100 : t.lane + 1,
 							"clipped-start": t.clippedStart,
 							"clipped-end": t.clippedEnd,
-							onPointerdown: (e) => X(E)(e, t.event),
-							onKeydown: (e) => X(re)(e, t.event),
+							onPointerdown: (e) => X(ie)(e, t.event),
+							onKeydown: (e) => X(ae)(e, t.event),
 							onDblclick: (e) => i.builder.state.onEventDoubleClick?.({
 								event: t.event,
 								native: e
@@ -3219,9 +3220,9 @@ var dn = [
 								key: 0,
 								event: t,
 								bar: n
-							}, void 0, !0) : s.value.barRenderer ?? s.value.eventRenderer ? (U(), M(X(dt), {
+							}, void 0, !0) : s.value.eventRenderer ? (U(), M(X(dt), {
 								key: 1,
-								renderer: s.value.barRenderer ?? s.value.eventRenderer,
+								renderer: s.value.eventRenderer,
 								ctx: {
 									event: t,
 									view: "month",
@@ -3230,7 +3231,7 @@ var dn = [
 										layout: n
 									}
 								}
-							}, null, 8, ["renderer", "ctx"])) : (U(), P("span", Mn, J(H(t)), 1))]),
+							}, null, 8, ["renderer", "ctx"])) : (U(), P("span", Mn, J(q(t)), 1))]),
 							_: 3
 						}, 8, [
 							"event",
@@ -3260,16 +3261,16 @@ var dn = [
 							key: `phantom-${e.startCol}-${e.endCol}`,
 							variant: "phantom",
 							event: X(C).event,
-							bar: Ie,
-							bg: q(X(C).event),
-							border: Ee(X(C).event),
-							title: H(X(C).event),
+							bar: Le,
+							bg: Ee(X(C).event),
+							border: De(X(C).event),
+							title: q(X(C).event),
 							"display-zone": d.value,
 							density: s.value.density,
-							top: X(he)(e.lane),
+							top: X(ge)(e.lane),
 							left: `calc(${e.startCol / 7 * 100}% + 2px)`,
 							width: `calc(${(e.endCol - e.startCol + 1) / 7 * 100}% - 4px)`,
-							height: X(pe),
+							height: X(me),
 							"z-index": e.lane + 1,
 							"clipped-start": e.clippedStart,
 							"clipped-end": e.clippedEnd
@@ -3288,21 +3289,21 @@ var dn = [
 							"clipped-start",
 							"clipped-end"
 						]))), 128)),
-						X(w) && X(w).rowIndex === n && X(w).isBar && X(S).draggedEvent.value ? (U(), M(vn, {
+						X(re) && X(re).rowIndex === n && X(re).isBar && X(S).draggedEvent.value ? (U(), M(vn, {
 							key: 0,
 							variant: "invalid",
 							event: X(S).draggedEvent.value,
-							bar: Ie,
-							bg: q(X(S).draggedEvent.value),
-							border: Ee(X(S).draggedEvent.value),
-							title: H(X(S).draggedEvent.value),
+							bar: Le,
+							bg: Ee(X(S).draggedEvent.value),
+							border: De(X(S).draggedEvent.value),
+							title: q(X(S).draggedEvent.value),
 							"display-zone": d.value,
 							"snapping-back": X(S).snappingBack.value,
 							density: s.value.density,
-							top: X(he)(0),
-							left: `calc(${X(w).startCol / 7 * 100}% + 2px)`,
-							width: `calc(${(X(w).endCol - X(w).startCol + 1) / 7 * 100}% - 4px)`,
-							height: X(pe),
+							top: X(ge)(0),
+							left: `calc(${X(re).startCol / 7 * 100}% + 2px)`,
+							width: `calc(${(X(re).endCol - X(re).startCol + 1) / 7 * 100}% - 4px)`,
+							height: X(me),
 							"z-index": 100
 						}, null, 8, [
 							"event",
@@ -3323,20 +3324,20 @@ var dn = [
 				_: 3
 			}, 8, ["weekday-headers"]),
 			I(X(Ne), { menu: X(be) }, {
-				default: Q(() => [R.value !== null && !X(_e).has(R.value) ? (U(), M(X(Fe), {
+				default: Q(() => [z.value !== null && !X(R).has(z.value) ? (U(), M(X(Fe), {
 					key: 0,
 					label: X(o)("coar.calendar.month.expandRow", void 0, "Show more events"),
-					onClick: t[0] ||= (e) => R.value !== null && X(ve)(R.value)
-				}, null, 8, ["label"])) : N("", !0), R.value !== null && X(_e).has(R.value) ? (U(), M(X(Fe), {
+					onClick: t[0] ||= (e) => z.value !== null && X(ve)(z.value)
+				}, null, 8, ["label"])) : N("", !0), z.value !== null && X(R).has(z.value) ? (U(), M(X(Fe), {
 					key: 1,
 					label: X(o)("coar.calendar.month.collapseRow", void 0, "Show fewer events"),
-					onClick: t[1] ||= (e) => R.value !== null && X(ye)(R.value)
+					onClick: t[1] ||= (e) => z.value !== null && X(ye)(z.value)
 				}, null, 8, ["label"])) : N("", !0)]),
 				_: 1
 			}, 8, ["menu"])
 		], 10, kn));
 	}
-}), [["__scopeId", "data-v-06e4bae9"]]), Pn = ["data-y"], Fn = /* @__PURE__ */ $(/* @__PURE__ */ L({
+}), [["__scopeId", "data-v-ce373bd0"]]), Pn = ["data-y"], Fn = /* @__PURE__ */ $(/* @__PURE__ */ L({
 	__name: "VirtualizedSurface1DY",
 	props: {
 		itemCount: {},
@@ -3347,9 +3348,9 @@ var dn = [
 	},
 	emits: ["rangeChange", "scroll"],
 	setup(e, { expose: t, emit: n }) {
-		let r = e, i = n, a = j(() => r.fixedItemSize !== void 0), o = W(null), s = W(0), c = W(0), l = q(null);
+		let r = e, i = n, a = j(() => r.fixedItemSize !== void 0), o = W(null), s = W(0), c = W(0), l = Te(null);
 		function u() {
-			return l.value ||= new ue(r.itemCount, r.estimatedItemSize), l.value;
+			return l.value ||= new O(r.itemCount, r.estimatedItemSize), l.value;
 		}
 		let d = W(0), f = j(() => a.value ? r.itemCount * r.fixedItemSize : (d.value, l.value ? l.value.totalSize() : r.itemCount * r.estimatedItemSize)), p = j(() => {
 			if (a.value) {
@@ -3368,7 +3369,7 @@ var dn = [
 					totalSize: t
 				};
 			}
-			return d.value, ee(u(), s.value, c.value, r.overscan);
+			return d.value, S(u(), s.value, c.value, r.overscan);
 		}), m = j(() => {
 			let e = p.value, t = [];
 			for (let n = e.startIndex; n < e.endIndex; n++) t.push(n);
@@ -3389,7 +3390,7 @@ var dn = [
 			}));
 		}
 		let v = /* @__PURE__ */ new WeakMap(), y = /* @__PURE__ */ new Map(), b = !1, x = null;
-		function S() {
+		function ee() {
 			x || a.value || typeof ResizeObserver > "u" || (x = new ResizeObserver((e) => {
 				for (let t of e) {
 					let e = v.get(t.target);
@@ -3397,12 +3398,12 @@ var dn = [
 					let n = t.contentRect.height, i = l.value, a = i && i.has(e.index) ? i.get(e.index) : r.estimatedItemSize;
 					Math.abs(n - a) < .5 || y.set(e.index, n);
 				}
-				y.size > 0 && w();
+				y.size > 0 && C();
 			}));
 		}
-		let C = {
+		let te = {
 			mounted(e, t) {
-				a.value || (S(), x && (v.set(e, { index: t.value }), x.observe(e)));
+				a.value || (ee(), x && (v.set(e, { index: t.value }), x.observe(e)));
 			},
 			updated(e, t) {
 				let n = v.get(e);
@@ -3412,7 +3413,7 @@ var dn = [
 				x && x.unobserve(e), v.delete(e);
 			}
 		};
-		function te(e) {
+		function ne(e) {
 			if (r.anchor === null) return null;
 			if (typeof r.anchor == "number") return r.anchor;
 			if (r.itemCount === 0) return null;
@@ -3422,23 +3423,23 @@ var dn = [
 			}
 			return e.indexAtOffset(s.value);
 		}
-		function w() {
-			b || (b = !0, requestAnimationFrame(ne));
+		function C() {
+			b || (b = !0, requestAnimationFrame(re));
 		}
-		function ne() {
+		function re() {
 			if (b = !1, y.size === 0) return;
-			let e = u(), t = T(e), n = te(t);
+			let e = u(), t = w(e), n = ne(t);
 			for (let [t, n] of y) t >= 0 && t < e.itemCount && e.set(t, n);
 			if (y.clear(), d.value++, n !== null && o.value) {
-				let r = ce(t, e, n);
+				let r = ue(t, e, n);
 				if (r !== 0) {
 					let e = o.value;
 					e.scrollTop += r, s.value = e.scrollTop;
 				}
 			}
 		}
-		function T(e) {
-			let t = new ue(e.itemCount, e.estimatedSize);
+		function w(e) {
+			let t = new O(e.itemCount, e.estimatedSize);
 			for (let n = 0; n < e.itemCount; n++) e.has(n) && t.set(n, e.get(n));
 			return t;
 		}
@@ -3446,19 +3447,19 @@ var dn = [
 			l.value && (l.value.resize(e), d.value++);
 		}), Z(() => r.estimatedItemSize, (e) => {
 			if (!l.value) return;
-			let t = l.value, n = new ue(t.itemCount, e);
+			let t = l.value, n = new O(t.itemCount, e);
 			for (let e = 0; e < t.itemCount; e++) t.has(e) && n.set(e, t.get(e));
 			l.value = n, d.value++;
 		});
-		let E = null;
-		return we(() => {
+		let T = null;
+		return Ce(() => {
 			let e = o.value;
-			e && (c.value = e.clientHeight, s.value = e.scrollTop, typeof ResizeObserver < "u" && (E = new ResizeObserver(() => {
+			e && (c.value = e.clientHeight, s.value = e.scrollTop, typeof ResizeObserver < "u" && (T = new ResizeObserver(() => {
 				let t = e.clientHeight;
 				t !== c.value && (c.value = t);
-			}), E.observe(e)));
-		}), Ce(() => {
-			x?.disconnect(), E?.disconnect(), y.clear();
+			}), T.observe(e)));
+		}), Se(() => {
+			x?.disconnect(), T?.disconnect(), y.clear();
 		}), t({
 			getContainerElement: () => o.value,
 			getRange: () => p.value,
@@ -3479,7 +3480,7 @@ var dn = [
 					behavior: t
 				});
 			},
-			getCache: () => l.value ? l.value : a.value ? (l.value = new ue(r.itemCount, r.fixedItemSize), l.value) : u()
+			getCache: () => l.value ? l.value : a.value ? (l.value = new O(r.itemCount, r.fixedItemSize), l.value) : u()
 		}), (e, t) => (U(), P("div", {
 			ref_key: "containerRef",
 			ref: o,
@@ -3487,13 +3488,13 @@ var dn = [
 			onScroll: _
 		}, [F("div", {
 			class: "coar-virtualized-surface-1dy__spacer",
-			style: V({ height: f.value + "px" })
+			style: H({ height: f.value + "px" })
 		}, [(U(!0), P(A, null, G(m.value, (t) => Oe((U(), P("div", {
 			key: t,
 			class: "coar-virtualized-surface-1dy__item",
-			style: V({ transform: `translateY(${h(t)}px)` }),
+			style: H({ transform: `translateY(${h(t)}px)` }),
 			"data-y": t
-		}, [K(e.$slots, "item", { y: t }, void 0, !0)], 12, Pn)), [[C, t]])), 128))], 4)], 544));
+		}, [K(e.$slots, "item", { y: t }, void 0, !0)], 12, Pn)), [[te, t]])), 128))], 4)], 544));
 	}
 }), [["__scopeId", "data-v-50d47c8e"]]), In = ["role", "aria-level"], Ln = { class: "coar-agenda-day-header__label" }, Rn = {
 	key: 0,
@@ -3522,12 +3523,12 @@ var dn = [
 			n("pointerdown", e);
 		}
 		return (t, n) => (U(), P("div", {
-			class: z(["coar-agenda-day-header", {
+			class: B(["coar-agenda-day-header", {
 				"coar-agenda-day-header--today": e.isToday,
 				"coar-agenda-day-header--empty": e.item.isEmpty,
 				"coar-agenda-day-header--floating": e.floating
 			}]),
-			style: V(e.floating ? { transform: e.transform } : void 0),
+			style: H(e.floating ? { transform: e.transform } : void 0),
 			role: e.floating ? "presentation" : "heading",
 			"aria-level": e.floating ? void 0 : 3,
 			onPointerdown: r
@@ -3561,7 +3562,7 @@ var dn = [
 			e.stopPropagation(), n("dblclick", e);
 		}
 		return (t, n) => (U(), P("div", {
-			class: z(["coar-agenda-event", { "coar-agenda-event--continuation": e.item.isContinuation }]),
+			class: B(["coar-agenda-event", { "coar-agenda-event--continuation": e.item.isContinuation }]),
 			role: "listitem",
 			onPointerdown: r,
 			onDblclick: i
@@ -3571,7 +3572,7 @@ var dn = [
 		}, () => [F("div", Bn, [
 			F("span", {
 				class: "coar-agenda-event__color",
-				style: V({ background: e.color })
+				style: H({ background: e.color })
 			}, null, 4),
 			F("span", Vn, J(e.timeLabel), 1),
 			F("span", Hn, [
@@ -3585,7 +3586,7 @@ var dn = [
 			])
 		])], !0)], 34));
 	}
-}), [["__scopeId", "data-v-8e1578ed"]]), Gn = ["aria-label"], Kn = /* @__PURE__ */ $(/* @__PURE__ */ L({
+}), [["__scopeId", "data-v-12cce1c9"]]), Gn = ["aria-label"], Kn = /* @__PURE__ */ $(/* @__PURE__ */ L({
 	__name: "CoarAgendaView",
 	props: {
 		builder: {},
@@ -3609,17 +3610,17 @@ var dn = [
 			};
 		}), o = j(() => a.value.events), s = j(() => a.value.timezone), c = je(), l = j(() => a.value.locale ?? c?.language.value ?? "en-US"), u = j(() => a.value.density), d = j(() => a.value.showEmptyDays), f = j(() => a.value.agendaLengthDays), p = j(() => r.builder.state.date.value);
 		Ze(r.builder, { view: "agenda" });
-		let m = j(() => n.PlainDate.from(p.value.length >= 10 ? p.value.slice(0, 10) : p.value)), h = j(() => m.value.toString()), g = j(() => m.value.add({ days: f.value }).toString()), y = j(() => C(o.value, {
+		let m = j(() => p.value), h = j(() => m.value.toString()), g = j(() => m.value.add({ days: f.value }).toString()), b = j(() => te(o.value, {
 			rangeStart: h.value,
 			rangeEnd: g.value,
 			timezone: s.value,
 			showEmptyDays: d.value
-		})), b = W(v(s.value));
+		})), x = W(v(s.value));
 		De(() => {
-			b.value = v(s.value);
+			x.value = v(s.value);
 		});
-		function x(e) {
-			return n.PlainDate.compare(e, b.value) === 0;
+		function ee(e) {
+			return n.PlainDate.compare(e, x.value) === 0;
 		}
 		let S = j(() => new Intl.DateTimeFormat(l.value, k({
 			weekday: "long",
@@ -3630,7 +3631,7 @@ var dn = [
 			dateStyle: a.value.dateStyle,
 			timeStyle: a.value.timeStyle,
 			hour12: a.value.hour12
-		}))), ee = j(() => new Intl.DateTimeFormat(l.value, k({
+		}))), ne = j(() => new Intl.DateTimeFormat(l.value, k({
 			hour: "numeric",
 			minute: "2-digit",
 			timeZone: s.value
@@ -3638,14 +3639,14 @@ var dn = [
 			timeStyle: a.value.timeStyle,
 			hour12: a.value.hour12
 		})));
-		function te(e) {
+		function C(e) {
 			let t = /* @__PURE__ */ new Date(e + "T00:00:00Z");
 			return S.value.format(t);
 		}
-		function w(e) {
-			return _(e) ? i("coar.calendar.agenda.allDay", void 0, "All day") : ee.value.format(new Date(e.start.epochMilliseconds));
+		function re(e) {
+			return _(e) ? i("coar.calendar.agenda.allDay", void 0, "All day") : y(e) ? ne.value.format(new Date(e.start.epochMilliseconds)) : "";
 		}
-		function ne(e) {
+		function w(e) {
 			let t = e.meta;
 			return typeof t?.title == "string" ? t.title : "(untitled)";
 		}
@@ -3653,37 +3654,37 @@ var dn = [
 			let t = e.meta;
 			return typeof t?.color == "string" ? t.color : void 0;
 		}
-		function E(e) {
+		function ie(e) {
 			return T(e) ?? "var(--coar-color-accent, #2563eb)";
 		}
-		function re(e, t) {
+		function ae(e, t) {
 			r.builder.state.onEventClick?.({
 				event: t,
 				native: e
 			});
 		}
-		function D(e, t) {
+		function oe(e, t) {
 			r.builder.state.onDateClick?.({
 				date: n.PlainDate.from(t),
 				native: e
 			});
 		}
-		let ie = Ee("surface"), ae = W(0), oe = null;
-		function se() {
-			oe && (ae.value = oe.scrollTop);
+		let se = Ee("surface"), ce = W(0), le = null;
+		function E() {
+			le && (ce.value = le.scrollTop);
 		}
-		we(() => {
-			let e = ie.value?.$el ?? null;
-			e && (oe = e, oe.addEventListener("scroll", se, { passive: !0 }), ae.value = oe.scrollTop), r.builder._setScrollToDate((e) => pe(e.toString()));
-		}), Ce(() => {
-			oe &&= (oe.removeEventListener("scroll", se), null), r.builder._setScrollToDate(void 0);
+		Ce(() => {
+			let e = se.value?.$el ?? null;
+			e && (le = e, le.addEventListener("scroll", E, { passive: !0 }), ce.value = le.scrollTop), r.builder._setScrollToDate((e) => me(e.toString()));
+		}), Se(() => {
+			le &&= (le.removeEventListener("scroll", E), null), r.builder._setScrollToDate(void 0);
 		});
-		let O = W(0), ce = j(() => {
-			let e = ae.value;
-			if (y.value.length === 0) return null;
-			let t = ie.value;
+		let ue = W(0), D = j(() => {
+			let e = ce.value;
+			if (b.value.length === 0) return null;
+			let t = se.value;
 			if (!t) return null;
-			let n = t.getCache(), r = y.value, i = -1, a = -1, o = Infinity;
+			let n = t.getCache(), r = b.value, i = -1, a = -1, o = Infinity;
 			for (let t = 0; t < r.length; t++) {
 				if (r[t].kind !== "header") continue;
 				let s = n.prefixSum(t);
@@ -3695,48 +3696,48 @@ var dn = [
 			}
 			if (i < 0) return null;
 			let s = 0;
-			if (a >= 0 && O.value > 0) {
+			if (a >= 0 && ue.value > 0) {
 				let t = o - e;
-				t < O.value && (s = O.value - t);
+				t < ue.value && (s = ue.value - t);
 			}
 			return {
 				current: r[i],
 				pushOffset: s
 			};
-		}), le = j(() => ce.value?.current ?? null), ue = j(() => {
-			let e = ce.value?.pushOffset ?? 0;
+		}), O = j(() => D.value?.current ?? null), de = j(() => {
+			let e = D.value?.pushOffset ?? 0;
 			return e > 0 ? `translateY(-${e}px)` : "none";
-		}), de = Ee("overlayEl");
-		function fe() {
-			let e = de.value;
-			e?.$el && (O.value = e.$el.offsetHeight);
+		}), fe = Ee("overlayEl");
+		function pe() {
+			let e = fe.value;
+			e?.$el && (ue.value = e.$el.offsetHeight);
 		}
-		De(fe);
-		function pe(e) {
-			let t = y.value.findIndex((t) => t.kind === "header" && t.date === e);
-			t >= 0 && ie.value?.scrollToIndex(t);
+		De(pe);
+		function me(e) {
+			let t = b.value.findIndex((t) => t.kind === "header" && t.date === e);
+			t >= 0 && se.value?.scrollToIndex(t);
 		}
 		return t({
-			getItems: () => y.value,
-			scrollToDate: pe
-		}), (t, o) => (U(), P("div", {
-			class: z(["coar-agenda-view", [`coar-agenda-view--density-${u.value}`]]),
+			getItems: () => b.value,
+			scrollToDate: me
+		}), (t, a) => (U(), P("div", {
+			class: B(["coar-agenda-view", [`coar-agenda-view--density-${u.value}`]]),
 			role: "region",
 			"aria-label": X(i)("coar.calendar.agenda.viewLabel", void 0, "Agenda view")
-		}, [le.value ? (U(), M(zn, {
+		}, [O.value ? (U(), M(zn, {
 			key: 0,
 			ref: "overlayEl",
 			floating: "",
-			date: X(n).PlainDate.from(le.value.date),
-			item: le.value,
-			"is-today": x(X(n).PlainDate.from(le.value.date)),
-			label: te(le.value.date),
+			date: X(n).PlainDate.from(O.value.date),
+			item: O.value,
+			"is-today": ee(X(n).PlainDate.from(O.value.date)),
+			label: C(O.value.date),
 			"today-label": X(i)("coar.calendar.agenda.todayBadge", void 0, "today"),
-			transform: ue.value,
-			onPointerdown: o[0] ||= (e) => D(e, le.value.date)
-		}, he({ _: 2 }, [t.$slots.dayGroupHeader || a.value.dayHeaderRenderer ? {
+			transform: de.value,
+			onPointerdown: a[0] ||= (e) => oe(e, O.value.date)
+		}, he({ _: 2 }, [t.$slots.dayGroupHeader ? {
 			name: "default",
-			fn: Q((e) => [t.$slots.dayGroupHeader ? K(t.$slots, "dayGroupHeader", B(xe({ key: 0 }, e)), void 0, !0) : N("", !0)]),
+			fn: Q((e) => [K(t.$slots, "dayGroupHeader", V(R(e)), void 0, !0)]),
 			key: "0"
 		} : void 0]), 1032, [
 			"date",
@@ -3749,22 +3750,22 @@ var dn = [
 			ref: "surface",
 			role: "list",
 			"aria-label": X(i)("coar.calendar.agenda.listLabel", void 0, "Agenda"),
-			"item-count": y.value.length,
+			"item-count": b.value.length,
 			"estimated-item-size": e.estimatedItemSize,
 			overscan: e.overscan,
 			class: "coar-agenda-view__surface"
 		}, {
-			item: Q(({ y: e }) => [y.value[e].kind === "header" ? (U(), M(zn, {
+			item: Q(({ y: e }) => [b.value[e].kind === "header" ? (U(), M(zn, {
 				key: 0,
-				date: X(n).PlainDate.from(y.value[e].date),
-				item: y.value[e],
-				"is-today": x(X(n).PlainDate.from(y.value[e].date)),
-				label: te(y.value[e].date),
+				date: X(n).PlainDate.from(b.value[e].date),
+				item: b.value[e],
+				"is-today": ee(X(n).PlainDate.from(b.value[e].date)),
+				label: C(b.value[e].date),
 				"today-label": X(i)("coar.calendar.agenda.todayBadge", void 0, "today"),
-				onPointerdown: (t) => D(t, y.value[e].date)
+				onPointerdown: (t) => oe(t, b.value[e].date)
 			}, he({ _: 2 }, [t.$slots.dayGroupHeader ? {
 				name: "default",
-				fn: Q((e) => [K(t.$slots, "dayGroupHeader", B(ve(e)), void 0, !0)]),
+				fn: Q((e) => [K(t.$slots, "dayGroupHeader", V(R(e)), void 0, !0)]),
 				key: "0"
 			} : void 0]), 1032, [
 				"date",
@@ -3775,21 +3776,21 @@ var dn = [
 				"onPointerdown"
 			])) : (U(), M(Wn, {
 				key: 1,
-				event: y.value[e].event,
-				item: y.value[e],
-				"time-label": w(y.value[e].event),
-				title: ne(y.value[e].event),
-				color: E(y.value[e].event),
+				event: b.value[e].event,
+				item: b.value[e],
+				"time-label": re(b.value[e].event),
+				title: w(b.value[e].event),
+				color: ie(b.value[e].event),
 				"continuation-tag": X(i)("coar.calendar.agenda.continuationTag", void 0, "(cont.)"),
 				"display-zone": s.value,
-				onPointerdown: (t) => re(t, y.value[e].event),
+				onPointerdown: (t) => ae(t, b.value[e].event),
 				onDblclick: (t) => r.builder.state.onEventDoubleClick?.({
-					event: y.value[e].event,
+					event: b.value[e].event,
 					native: t
 				})
 			}, he({ _: 2 }, [t.$slots.event ? {
 				name: "default",
-				fn: Q((e) => [K(t.$slots, "event", B(ve(e)), void 0, !0)]),
+				fn: Q((e) => [K(t.$slots, "event", V(R(e)), void 0, !0)]),
 				key: "0"
 			} : void 0]), 1032, [
 				"event",
@@ -3810,7 +3811,7 @@ var dn = [
 			"overscan"
 		])], 10, Gn));
 	}
-}), [["__scopeId", "data-v-19b1e099"]]), qn = { class: "coar-calendar__header" }, Jn = { class: "coar-calendar__nav" }, Yn = { class: "coar-calendar__range-label" }, Xn = 100, Zn = /* @__PURE__ */ $(/* @__PURE__ */ L({
+}), [["__scopeId", "data-v-881506a3"]]), qn = { class: "coar-calendar__header" }, Jn = { class: "coar-calendar__nav" }, Yn = { class: "coar-calendar__range-label" }, Xn = 100, Zn = /* @__PURE__ */ $(/* @__PURE__ */ L({
 	__name: "CoarCalendar",
 	props: { builder: {} },
 	setup(e) {
@@ -3837,7 +3838,7 @@ var dn = [
 				eventRenderer: e.eventRenderer,
 				dayHeaderRenderer: e.dayHeaderRenderer
 			};
-		}), a = t.builder.state.view, o = t.builder.state.date, s = je(), { t: c } = Ae(), l = j(() => i.value.locale ?? s?.language.value ?? "en-US"), u = j(() => o.value), d = j(() => i.value.firstDayOfWeek ?? r(l.value)), f = j(() => w({
+		}), a = t.builder.state.view, o = t.builder.state.date, s = je(), { t: c } = Ae(), l = j(() => i.value.locale ?? s?.language.value ?? "en-US"), u = j(() => o.value), d = j(() => i.value.firstDayOfWeek ?? r(l.value)), f = j(() => C({
 			view: a.value,
 			cursor: u.value,
 			firstDayOfWeek: d.value,
@@ -3898,9 +3899,9 @@ var dn = [
 			rangeLabel: _.value,
 			view: a.value,
 			available: i.value.availableViews
-		})), S = Ee("bodyEl"), ee = Ee("agendaView"), C = 0;
-		function te(e, t) {
-			if (f.value.matchMedia?.("(prefers-reduced-motion: reduce)").matches) {
+		})), ee = Ee("bodyEl"), S = Ee("agendaView"), te = 0;
+		function ne(e, t) {
+			if (globalThis.matchMedia?.("(prefers-reduced-motion: reduce)").matches) {
 				e.scrollTop = t;
 				return;
 			}
@@ -3909,30 +3910,30 @@ var dn = [
 				e.scrollTop = t;
 				return;
 			}
-			let i = performance.now(), a = ++C;
+			let i = performance.now(), a = ++te;
 			function o(t) {
-				if (a !== C) return;
+				if (a !== te) return;
 				let s = Math.min(1, (t - i) / Xn);
 				e.scrollTop = n + r * (1 - (1 - s) ** 3), s < 1 && requestAnimationFrame(o);
 			}
 			requestAnimationFrame(o);
 		}
-		return we(() => {
+		return Ce(() => {
 			t.builder._setScrollToTime((e) => {
 				let t = e.hour;
 				if (a.value !== "day" && a.value !== "week") return;
-				let n = S.value;
+				let n = ee.value;
 				if (!n) return;
 				let r = n.querySelector(`.coar-time-grid__hour-label[data-hour="${t}"]`);
 				if (!r) return;
 				let i = n.querySelector(".coar-time-grid__sticky-top"), o = n.getBoundingClientRect().top, s = i ? i.getBoundingClientRect().bottom : o, c = r.getBoundingClientRect().top;
-				te(n, n.scrollTop + (c - s));
+				ne(n, n.scrollTop + (c - s));
 			}), t.builder._setScrollToDate((e) => {
-				a.value === "agenda" && ee.value?.scrollToDate?.(e.toString());
+				a.value === "agenda" && S.value?.scrollToDate?.(e.toString());
 			}), t.builder._setGridReady(!0);
-		}), Ce(() => {
+		}), Se(() => {
 			t.builder._setScrollToTime(void 0), t.builder._setScrollToDate(void 0), t.builder._setGridReady(!1);
-		}), (e, n) => (U(), P("div", { class: z(["coar-calendar", [`coar-calendar--density-${i.value.density}`]]) }, [K(e.$slots, "header", {
+		}), (e, n) => (U(), P("div", { class: B(["coar-calendar", [`coar-calendar--density-${i.value.density}`]]) }, [K(e.$slots, "header", {
 			view: X(a),
 			cursor: u.value,
 			range: f.value,
@@ -3971,7 +3972,7 @@ var dn = [
 				setView: g
 			}, () => [I(X(Ie), {
 				modelValue: X(a),
-				"onUpdate:modelValue": n[0] ||= (e) => be(a) ? a.value = e : null,
+				"onUpdate:modelValue": n[0] ||= (e) => ye(a) ? a.value = e : null,
 				options: b.value,
 				size: "s",
 				"aria-label": X(c)("coar.calendar.viewSwitcher.label", void 0, "Change view")
@@ -3983,18 +3984,18 @@ var dn = [
 			K(e.$slots, "headerEnd", { controls: x.value }, void 0, !0)
 		])], !0), F("div", {
 			ref_key: "bodyEl",
-			ref: S,
-			class: z(["coar-calendar__body", `coar-calendar__body--${X(a)}`])
+			ref: ee,
+			class: B(["coar-calendar__body", `coar-calendar__body--${X(a)}`])
 		}, [X(a) === "day" ? (U(), M(en, {
 			key: 0,
 			builder: t.builder
 		}, he({ _: 2 }, [e.$slots.event ? {
 			name: "event",
-			fn: Q((t) => [K(e.$slots, "event", xe(t, { view: X(a) }), void 0, !0)]),
+			fn: Q((t) => [K(e.$slots, "event", z(t, { view: X(a) }), void 0, !0)]),
 			key: "0"
 		} : void 0, e.$slots.dayHeader ? {
 			name: "dayHeader",
-			fn: Q((t) => [K(e.$slots, "dayHeader", B(ve(t)), void 0, !0)]),
+			fn: Q((t) => [K(e.$slots, "dayHeader", V(R(t)), void 0, !0)]),
 			key: "1"
 		} : void 0]), 1032, ["builder"])) : X(a) === "week" ? (U(), M(nn, {
 			key: 1,
@@ -4002,17 +4003,17 @@ var dn = [
 		}, he({ _: 2 }, [
 			e.$slots.event ? {
 				name: "event",
-				fn: Q((t) => [K(e.$slots, "event", xe(t, { view: X(a) }), void 0, !0)]),
+				fn: Q((t) => [K(e.$slots, "event", z(t, { view: X(a) }), void 0, !0)]),
 				key: "0"
 			} : void 0,
 			e.$slots.allDayEvent ? {
 				name: "allDayEvent",
-				fn: Q((t) => [K(e.$slots, "allDayEvent", B(ve(t)), void 0, !0)]),
+				fn: Q((t) => [K(e.$slots, "allDayEvent", V(R(t)), void 0, !0)]),
 				key: "1"
 			} : void 0,
 			e.$slots.dayHeader ? {
 				name: "dayHeader",
-				fn: Q((t) => [K(e.$slots, "dayHeader", B(ve(t)), void 0, !0)]),
+				fn: Q((t) => [K(e.$slots, "dayHeader", V(R(t)), void 0, !0)]),
 				key: "2"
 			} : void 0
 		]), 1032, ["builder"])) : X(a) === "month" ? (U(), M(Nn, {
@@ -4020,7 +4021,7 @@ var dn = [
 			builder: t.builder
 		}, he({ _: 2 }, [e.$slots.pill || e.$slots.event ? {
 			name: "pill",
-			fn: Q((t) => [e.$slots.pill ? K(e.$slots, "pill", B(xe({ key: 0 }, t)), void 0, !0) : K(e.$slots, "event", {
+			fn: Q((t) => [e.$slots.pill ? K(e.$slots, "pill", V(z({ key: 0 }, t)), void 0, !0) : K(e.$slots, "event", {
 				key: 1,
 				event: t.event,
 				view: X(a),
@@ -4029,7 +4030,7 @@ var dn = [
 			key: "0"
 		} : void 0, e.$slots.multiDayBar || e.$slots.event ? {
 			name: "multiDayBar",
-			fn: Q((t) => [e.$slots.multiDayBar ? K(e.$slots, "multiDayBar", B(xe({ key: 0 }, t)), void 0, !0) : K(e.$slots, "event", {
+			fn: Q((t) => [e.$slots.multiDayBar ? K(e.$slots, "multiDayBar", V(z({ key: 0 }, t)), void 0, !0) : K(e.$slots, "event", {
 				key: 1,
 				event: t.event,
 				view: X(a),
@@ -4042,11 +4043,11 @@ var dn = [
 			builder: t.builder
 		}, he({ _: 2 }, [e.$slots.event ? {
 			name: "event",
-			fn: Q((t) => [K(e.$slots, "event", xe(t, { view: X(a) }), void 0, !0)]),
+			fn: Q((t) => [K(e.$slots, "event", z(t, { view: X(a) }), void 0, !0)]),
 			key: "0"
 		} : void 0]), 1032, ["builder"])) : N("", !0)], 2)], 2));
 	}
-}), [["__scopeId", "data-v-9ea7b027"]]), Qn = /* @__PURE__ */ L({
+}), [["__scopeId", "data-v-b90f5519"]]), Qn = /* @__PURE__ */ L({
 	__name: "CoarDisplayZoneSwitcher",
 	props: {
 		modelValue: {},
@@ -4144,9 +4145,9 @@ var dn = [
 	},
 	emits: ["rangeChange", "scroll"],
 	setup(e, { expose: t, emit: n }) {
-		let r = e, i = n, a = W(null), o = W(0), s = W(0), c = W(0), l = W(0), u = j(() => new ue(r.itemCountX, r.cellWidth)), d = j(() => new ue(r.itemCountY, r.cellHeight)), f = j(() => ({
-			x: ee(u.value, o.value, c.value, r.overscanX),
-			y: ee(d.value, s.value, l.value, r.overscanY)
+		let r = e, i = n, a = W(null), o = W(0), s = W(0), c = W(0), l = W(0), u = j(() => new O(r.itemCountX, r.cellWidth)), d = j(() => new O(r.itemCountY, r.cellHeight)), f = j(() => ({
+			x: S(u.value, o.value, c.value, r.overscanX),
+			y: S(d.value, s.value, l.value, r.overscanY)
 		})), p = j(() => r.itemCountX * r.cellWidth), m = j(() => r.itemCountY * r.cellHeight), h = j(() => {
 			let e = f.value, t = r.cellWidth, n = r.cellHeight, i = [];
 			for (let a = e.y.startIndex; a < e.y.endIndex; a++) for (let o = e.x.startIndex; o < e.x.endIndex; o++) i.push({
@@ -4170,13 +4171,13 @@ var dn = [
 		}
 		Z(f, (e) => i("rangeChange", e));
 		let v = null;
-		return we(() => {
+		return Ce(() => {
 			let e = a.value;
 			e && (c.value = e.clientWidth, l.value = e.clientHeight, o.value = e.scrollLeft, s.value = e.scrollTop, typeof ResizeObserver < "u" && (v = new ResizeObserver(() => {
 				let t = e.clientWidth, n = e.clientHeight;
 				t !== c.value && (c.value = t), n !== l.value && (l.value = n);
 			}), v.observe(e)));
-		}), Ce(() => {
+		}), Se(() => {
 			v?.disconnect();
 		}), t({
 			getRange: () => f.value,
@@ -4197,14 +4198,14 @@ var dn = [
 			onScroll: _
 		}, [F("div", {
 			class: "coar-virtualized-surface-2d__spacer",
-			style: V({
+			style: H({
 				width: p.value + "px",
 				height: m.value + "px"
 			})
 		}, [(U(!0), P(A, null, G(h.value, (t) => (U(), P("div", {
 			key: t.key,
 			class: "coar-virtualized-surface-2d__cell",
-			style: V({
+			style: H({
 				width: r.cellWidth + "px",
 				height: r.cellHeight + "px",
 				transform: `translate(${t.tx}px, ${t.ty}px)`
@@ -4218,4 +4219,4 @@ var dn = [
 	}
 }), [["__scopeId", "data-v-fbba32db"]]);
 //#endregion
-export { Ke as CalendarBuilder, Kn as CoarAgendaView, Zn as CoarCalendar, en as CoarDayView, Qn as CoarDisplayZoneSwitcher, Nn as CoarMonthView, Qt as CoarTimeGrid, nn as CoarWeekView, le as DstResolutionError, fe as EXPAND_SERIES_NOT_IMPLEMENTED_MESSAGE, ae as MIN_RESIZE_MINUTES, ue as MeasurementCache, n as Temporal, Fn as VirtualizedSurface1DY, er as VirtualizedSurface2D, O as applyMoveToEvent, C as buildAgendaItems, T as buildDropPayload, k as buildFormatOptions, ce as computeAnchorAdjustment, x as computeAutoScrollVelocity, w as computeViewWindow, g as dateKey, b as daysInWindow, i as detectBrowserTimezone, r as detectFirstDayOfWeekFromLocale, f as detectHour12FromLocale, re as endOfMonth, e as endOfWeek, E as eventStartDateInZone, h as expandSeries, u as formatScheduledTime, Ye as getEventZoneHints, ee as getVisibleRange1D, D as getVisibleRange2D, oe as hitTestVerticalSurface, _ as isAllDayEvent, y as isTimedEvent, d as isoWeekNumber, se as layoutAllDayBand, ie as layoutDayEvents, te as layoutMonthGrid, ne as layoutOverlappingIntervals, p as localizedWeekdayNames, a as monthGridDates, de as navigateCursor, c as nowInZone, l as parsePlainDate, m as parseScheduledTime, me as startOfMonth, t as startOfWeek, v as todayInZone, it as useA11yAnnouncer, ut as useAgendaView, qe as useCalendar, nt as useCalendarDnd, Qe as useCoarDrag, st as useDayView, ot as useMonthDnd, lt as useMonthView, at as useTimeGridDnd, Ze as useViewWindow, ct as useWeekView, o as validateCalendarEvent, s as weekDates, pe as windowContainsDate, S as windowDayCount };
+export { Ke as CalendarBuilder, Kn as CoarAgendaView, Zn as CoarCalendar, en as CoarDayView, Qn as CoarDisplayZoneSwitcher, Nn as CoarMonthView, Qt as CoarTimeGrid, nn as CoarWeekView, D as DstResolutionError, fe as EXPAND_SERIES_NOT_IMPLEMENTED_MESSAGE, se as MIN_RESIZE_MINUTES, O as MeasurementCache, n as Temporal, Fn as VirtualizedSurface1DY, er as VirtualizedSurface2D, E as applyMoveToEvent, te as buildAgendaItems, w as buildDropPayload, k as buildFormatOptions, ue as computeAnchorAdjustment, x as computeAutoScrollVelocity, C as computeViewWindow, g as dateKey, b as daysInWindow, i as detectBrowserTimezone, r as detectFirstDayOfWeekFromLocale, f as detectHour12FromLocale, ie as endOfMonth, e as endOfWeek, T as eventStartDateInZone, h as expandSeries, u as formatScheduledTime, Ye as getEventZoneHints, S as getVisibleRange1D, ae as getVisibleRange2D, ce as hitTestVerticalSurface, _ as isAllDayEvent, y as isTimedEvent, d as isoWeekNumber, le as layoutAllDayBand, oe as layoutDayEvents, ne as layoutMonthGrid, re as layoutOverlappingIntervals, p as localizedWeekdayNames, a as monthGridDates, de as navigateCursor, c as nowInZone, l as parsePlainDate, m as parseScheduledTime, me as startOfMonth, t as startOfWeek, v as todayInZone, it as useA11yAnnouncer, ut as useAgendaView, qe as useCalendar, nt as useCalendarDnd, Qe as useCoarDrag, st as useDayView, ot as useMonthDnd, lt as useMonthView, at as useTimeGridDnd, Ze as useViewWindow, ct as useWeekView, o as validateCalendarEvent, s as weekDates, pe as windowContainsDate, ee as windowDayCount };