@slotted/react 0.0.0-stage → 0.1.0-beta.0

package/dist/event-calendar-BFdeGfC-.js

@@ -0,0 +1,1399 @@
+import { n as e, t } from "./icon-T9Yt4tnm.js";
+import { _ as n, n as r, r as i, t as a } from "./menu-parts-BQej6eU9.js";
+import { n as o, r as s } from "./i18n-DpW8lqJ1.js";
+import { a as c, c as l, n as u, o as d, r as f, s as p, t as m, u as h } from "./drawer-Ci3wuCVa.js";
+import { n as g } from "./progress-indicator-DwvUSFFs.js";
+/* empty css                         */
+import { a as _, c as v, f as ee, i as te, l as ne, o as re, p as ie, r as ae, u as oe } from "./popover-DE22lSpV.js";
+import { n as se, r as y, t as ce } from "./context-menu-DMiHdggw.js";
+import { a as le, t as ue } from "./segmented-control-Cy_5D3Nj.js";
+import { createContext as de, createElement as fe, useCallback as b, useContext as pe, useEffect as x, useId as me, useImperativeHandle as he, useLayoutEffect as ge, useMemo as _e, useRef as S, useState as C } from "react";
+import { Fragment as w, jsx as T, jsxs as E } from "react/jsx-runtime";
+import { eventCalendarMessages as ve } from "@slotted/core/i18n";
+import { COMPACT_BELOW as ye, createWidthGate as be } from "@slotted/core/measure";
+import { getLiveAnnouncer as xe } from "@slotted/core/live-announcer";
+import { addDays as Se, compareDate as Ce, compareDateTime as we, createDateFormat as Te, daysBetween as Ee, isPlainDateTime as D, isSameDate as O, isoWeekNumber as De, nowDateTimeIn as Oe, plainDateTime as ke, secondsOfDay as Ae, timeOfSeconds as je, toISODate as k, todayIn as Me } from "@slotted/core/date";
+import { calendarColor as Ne, contextSlot as Pe, formatHour as Fe, formatOccurrence as Ie, formatTime as A, formatTimeRange as Le, isMultiDay as Re, isWorkingDay as ze, layoutColumn as Be, layoutRow as Ve, listDayParts as He, listDays as Ue, moveDate as We, movePlacement as Ge, nextAllowedPlacement as Ke, occurrenceTimes as qe, occurrenceWhen as Je, occurrencesIn as Ye, occurrencesOn as Xe, offHoursOn as Ze, offsetChangeOn as Qe, overflowByDay as $e, placeOccurrence as et, placementOf as tt, resizePlacement as nt, slotMinutes as rt, stepView as it, viewRange as at, viewTitle as ot, withPlacement as st, zoneLabel as j } from "@slotted/core/event-calendar";
+//#region src/event-calendar/event-calendar-context.ts
+var ct = de(null);
+function lt() {
+	let e = pe(ct);
+	if (e === null) throw Error("An event calendar part has to be inside EventCalendar.");
+	return e;
+}
+//#endregion
+//#region src/event-calendar/event-calendar-defaults.tsx
+var ut = {
+	compact: "list",
+	dayHours: [0, 24],
+	firstDayOfWeek: void 0,
+	fixedWeeks: !1,
+	hourCycle: void 0,
+	listRange: "week",
+	loadingDelay: 200,
+	loadingMinDuration: 400,
+	maxColumns: 6,
+	maxEvents: 3,
+	scrollTime: {
+		hour: 7,
+		minute: 0,
+		second: 0
+	},
+	slotDuration: 30,
+	timeZone: void 0,
+	weekends: "shown",
+	weekNumbers: !1
+}, dt = de(ut);
+function ft() {
+	return pe(dt);
+}
+function pt({ children: e, ...t }) {
+	let n = { ...ft() };
+	for (let [e, r] of Object.entries(t)) r !== void 0 && (n[e] = r);
+	return /* @__PURE__ */ T(dt.Provider, {
+		value: n,
+		children: e
+	});
+}
+//#endregion
+//#region src/event-calendar/event-calendar-event.tsx
+function mt(e, t, n) {
+	if (t.allDay) return e.t("allDay");
+	let r = {
+		locale: e.locale,
+		hourCycle: e.hourCycle
+	}, { start: i, end: a } = qe(t, n);
+	return i !== null && a !== null ? Le(i, a, r) : i === null ? a === null ? e.t("allDay") : e.t("until", { time: A(a, r) }) : e.t("from", { time: A(i, r) });
+}
+function ht(e, t, n) {
+	let r = [
+		Ie(t, {
+			locale: e.locale,
+			hourCycle: e.hourCycle
+		}),
+		t.allDay ? e.t("allDay") : void 0,
+		e.calendarLabel(t.event.calendar),
+		t.event.status === "tentative" ? e.t("tentative") : void 0,
+		t.event.status === "cancelled" ? e.t("cancelled") : void 0,
+		t.recurring ? e.t("recurring") : void 0,
+		n ? e.t("continues") : void 0
+	].filter((e) => e !== void 0 && e !== "");
+	return `, ${new Intl.ListFormat(e.locale, { type: "unit" }).format(r)}`;
+}
+function gt({ clippedEnd: n, clippedStart: r, continuesAfter: i, continuesBefore: a, date: o, inGrid: s, layout: c, occurrence: l, short: u, style: d, withLocation: f }) {
+	let p = lt(), { event: m } = l, h = l.key, g = p.openKey === h, _ = p.colorOf(m.calendar), v = c === "bar", ee = b((e) => p.registerEvent(h, e), [h, p.registerEvent]), te = c !== "bar" || !l.allDay, ne = c === "lane" || v && !l.allDay ? A(l.start.time, {
+		locale: p.locale,
+		hourCycle: p.hourCycle
+	}) : mt(p, l, o), re = /* @__PURE__ */ E(w, { children: [
+		te && !(v && l.allDay) ? /* @__PURE__ */ T("span", {
+			"data-part": "event-time",
+			children: ne
+		}) : null,
+		/* @__PURE__ */ T("span", {
+			"data-part": "event-title",
+			children: m.title
+		}),
+		f && m.location ? /* @__PURE__ */ T("span", {
+			"data-part": "event-location",
+			children: m.location
+		}) : null
+	] }), ie = p.renderEvent === void 0 ? re : p.renderEvent(l, {
+		layout: c,
+		date: o,
+		content: re
+	}), ae = p.canEdit(l), oe = {
+		"data-part": "event",
+		"data-key": h,
+		"data-editable": ae && s ? "" : void 0,
+		"data-dragging": p.draggingKey === h ? "" : void 0,
+		"data-drop-invalid": p.draggingKey === h && p.dropInvalid ? "" : void 0,
+		"data-context": p.contextKey === h ? "" : void 0,
+		"data-all-day": l.allDay ? "" : void 0,
+		"data-bar": v ? "" : void 0,
+		"data-color": _ === null ? void 0 : String(_),
+		"data-status": m.status === void 0 || m.status === "confirmed" ? void 0 : m.status,
+		"data-open": g ? "" : void 0,
+		"data-past": p.now !== null && we(l.end, p.now) <= 0 ? "" : void 0,
+		"data-continues-before": a ? "" : void 0,
+		"data-continues-after": i ? "" : void 0,
+		"data-clipped-start": r ? "" : void 0,
+		"data-clipped-end": n ? "" : void 0,
+		"data-short": u ? "" : void 0,
+		tabIndex: s ? -1 : void 0,
+		style: d
+	}, se = ae && s && (c === "block" ? n !== !0 && i !== !0 : c === "bar" && i !== !0), y = (n) => /* @__PURE__ */ T(t, {
+		"data-edge": n,
+		size: "sm",
+		children: /* @__PURE__ */ T(e, { name: "chevron-right" })
+	}), ce = /* @__PURE__ */ E(w, { children: [
+		c === "bar" && a === !0 ? y("start") : null,
+		ie,
+		/* @__PURE__ */ T("span", {
+			"data-part": "event-meta",
+			children: ht(p, l, a === !0)
+		}),
+		c === "bar" && i === !0 ? y("end") : null,
+		se ? /* @__PURE__ */ T("span", {
+			"aria-hidden": "true",
+			"data-part": "resize-handle"
+		}) : null
+	] });
+	if (m.href !== void 0) return /* @__PURE__ */ T("a", {
+		...oe,
+		href: m.href,
+		ref: ee,
+		children: ce
+	});
+	let le = (e) => (t) => {
+		p.activate(l, t.currentTarget, e, t);
+	};
+	return /* @__PURE__ */ T("button", {
+		...oe,
+		"aria-expanded": p.hostsDetail || p.openKey !== null ? g : void 0,
+		"aria-haspopup": p.hostsDetail ? "dialog" : void 0,
+		onClick: (e) => le(e.detail === 0 ? "keyboard" : "pointer")(e),
+		ref: ee,
+		type: "button",
+		children: ce
+	});
+}
+//#endregion
+//#region src/event-calendar/event-calendar-list.tsx
+function _t({ days: e, empty: t, emptyText: n, occurrences: r }) {
+	let i = lt(), a = Ue(r, e), o = `h${Math.min(6, i.headingLevel + 1)}`;
+	return a.length === 0 ? /* @__PURE__ */ T("div", {
+		"data-part": "list",
+		children: /* @__PURE__ */ E("div", {
+			"data-part": "empty",
+			children: [/* @__PURE__ */ T("p", { children: n }), t]
+		})
+	}) : /* @__PURE__ */ T("div", {
+		"data-part": "list",
+		children: a.map((e) => {
+			let t = k(e.date), n = `${i.id}-list-${t}`, r = He(e.date, i.locale);
+			return /* @__PURE__ */ E("section", {
+				"aria-labelledby": n,
+				"data-date": t,
+				"data-part": "list-day",
+				"data-today": i.today !== null && O(e.date, i.today) ? "" : void 0,
+				children: [fe(o, {
+					"aria-label": r.label,
+					"data-part": "list-day-heading",
+					id: n
+				}, /* @__PURE__ */ E(w, { children: [
+					/* @__PURE__ */ T("span", {
+						"data-part": "list-weekday",
+						children: r.weekday
+					}),
+					" ",
+					/* @__PURE__ */ T("span", {
+						"data-part": "list-date",
+						children: r.date
+					})
+				] })), /* @__PURE__ */ T("ul", {
+					"data-part": "list-events",
+					role: "list",
+					children: e.occurrences.map((t) => /* @__PURE__ */ T("li", { children: /* @__PURE__ */ T(gt, {
+						date: e.date,
+						inGrid: !1,
+						layout: "list",
+						occurrence: t,
+						withLocation: !0
+					}) }, t.key))
+				})]
+			}, t);
+		})
+	});
+}
+//#endregion
+//#region src/event-calendar/event-calendar-month.tsx
+function vt(e, t, n) {
+	if (e === null || D(e.start) || !n) return !1;
+	let { start: r, end: i } = e;
+	return Ce(t, r) >= 0 && Ce(t, i) <= 0;
+}
+function yt(e, t, n) {
+	return new Intl.DateTimeFormat(e.locale, {
+		timeZone: "UTC",
+		weekday: n
+	}).format(new Date(Date.UTC(t.year, t.month - 1, t.day)));
+}
+function M(e, t) {
+	return new Intl.DateTimeFormat(e.locale, {
+		timeZone: "UTC",
+		weekday: "long",
+		month: "long",
+		day: "numeric"
+	}).format(new Date(Date.UTC(t.year, t.month - 1, t.day)));
+}
+function bt({ anchorMonth: e, occurrences: t, titleId: n, weeks: r }) {
+	let i = lt(), a = r[0] ?? [], o = i.pendingSelection ?? i.selection;
+	return /* @__PURE__ */ E("table", {
+		"aria-labelledby": n,
+		"data-part": "month",
+		role: "grid",
+		children: [/* @__PURE__ */ T("thead", { children: /* @__PURE__ */ E("tr", {
+			"data-part": "weekdays",
+			children: [i.weekNumbers ? /* @__PURE__ */ T("th", {
+				"data-part": "week-number-header",
+				scope: "col",
+				children: /* @__PURE__ */ T("span", {
+					"data-ui": "visually-hidden",
+					children: i.t("weekNumber")
+				})
+			}) : null, a.map((e) => /* @__PURE__ */ T("th", {
+				abbr: yt(i, e, "long"),
+				"data-part": "weekday",
+				scope: "col",
+				children: yt(i, e, "short")
+			}, k(e)))]
+		}) }), /* @__PURE__ */ T("tbody", { children: r.map((n) => {
+			let { segments: r } = Ve(t, n, {}), a = $e(r, n.length, i.maxEvents), s = n[0];
+			return /* @__PURE__ */ E("tr", {
+				"data-part": "week",
+				style: { "--slotted-event-calendar-lanes": i.maxEvents },
+				children: [i.weekNumbers ? /* @__PURE__ */ T("th", {
+					"data-part": "week-number",
+					scope: "row",
+					children: De(s)
+				}) : null, n.map((n, s) => {
+					let c = k(n), l = `${i.id}-day-${c}`, u = `${l}-count`, d = r.filter((e) => e.start === s && e.lane < i.maxEvents), f = r.filter((e) => e.start < s && e.start + e.span > s && e.lane < i.maxEvents), p = Xe(t, n).length, m = vt(o, n, !0), h = i.renderDayContent?.(n, { view: "month" }), g = a[s] ?? 0;
+					return /* @__PURE__ */ E("td", {
+						"aria-labelledby": `${l} ${u}`,
+						"aria-selected": i.selectionMode === "range" ? m : void 0,
+						"data-date": c,
+						"data-non-working": ze(n, i.workingHours) ? void 0 : "",
+						"data-outside-month": n.month === e ? void 0 : "",
+						"data-part": "day",
+						"data-row": "day",
+						"data-selected": m ? "" : void 0,
+						"data-today": i.today !== null && O(n, i.today) ? "" : void 0,
+						role: "gridcell",
+						tabIndex: O(n, i.date) ? 0 : -1,
+						children: [/* @__PURE__ */ E("div", {
+							"data-part": "day-header",
+							children: [
+								/* @__PURE__ */ T("button", {
+									"aria-label": M(i, n),
+									"aria-haspopup": i.narrow ? "dialog" : void 0,
+									"data-part": "day-number",
+									id: l,
+									onClick: (e) => i.drill(n, e.detail === 0 ? "keyboard" : "pointer", e),
+									tabIndex: -1,
+									type: "button",
+									children: n.day
+								}),
+								h == null ? null : /* @__PURE__ */ T("div", {
+									"data-part": "day-content",
+									children: h
+								}),
+								/* @__PURE__ */ T("span", {
+									"data-ui": "visually-hidden",
+									id: u,
+									children: i.t("events", { count: p })
+								})
+							]
+						}), /* @__PURE__ */ E("div", {
+							"data-part": "day-events",
+							children: [
+								d.map((e) => {
+									let t = e.occurrence.allDay || Re(e.occurrence);
+									return /* @__PURE__ */ T(gt, {
+										continuesAfter: e.continuesAfter,
+										continuesBefore: e.continuesBefore,
+										date: n,
+										inGrid: !0,
+										layout: t ? "bar" : "lane",
+										occurrence: e.occurrence,
+										style: {
+											"--slotted-event-lane": e.lane + 1,
+											...t ? { "--slotted-event-span": e.span } : {}
+										}
+									}, e.occurrence.key);
+								}),
+								f.map((e) => /* @__PURE__ */ T("span", {
+									"data-part": "continuation",
+									children: i.t("titleContinues", { title: e.occurrence.event.title })
+								}, e.occurrence.key)),
+								g > 0 ? /* @__PURE__ */ E("button", {
+									"aria-expanded": i.moreDate === c,
+									"aria-haspopup": "dialog",
+									"aria-label": i.t("moreEvents", { count: g }),
+									"data-part": "more",
+									onClick: (e) => i.openMore(n, e.currentTarget),
+									tabIndex: -1,
+									type: "button",
+									children: [`+${g}`, /* @__PURE__ */ T("span", { children: i.t("more") })]
+								}) : null
+							]
+						})]
+					}, c);
+				})]
+			}, k(s));
+		}) })]
+	});
+}
+//#endregion
+//#region src/event-calendar/event-calendar-time-grid.tsx
+var xt = 64, St = 45, Ct = 20, N = (e) => Ae(e.time) / 60;
+function wt(e, t) {
+	return {
+		direction: e.minutes > 0 ? "forward" : "back",
+		hours: Math.abs(e.minutes) / 60,
+		at: A(e.at, t)
+	};
+}
+function Tt({ days: e, occurrences: t, scrollerRef: n, titleId: r }) {
+	let i = lt(), [a, o] = i.dayHours, s = S(null), [c, l] = C(null);
+	ge(() => {
+		let e = s.current?.querySelector("[data-part='column']");
+		if (e == null || typeof ResizeObserver > "u") return;
+		let t = () => l(e.getBoundingClientRect().width || null);
+		t();
+		let n = new ResizeObserver(t);
+		return n.observe(e), () => n.disconnect();
+	}, [e.length]);
+	let u = c === null ? i.maxColumns : Math.max(1, Math.min(i.maxColumns, Math.floor(c / xt))), d = b((e) => {
+		s.current = e, typeof n == "function" ? n(e) : n != null && (n.current = e);
+	}, [n]), { segments: f, lanes: p } = Ve(t, e, { allDayOnly: !0 }), m = i.pendingSelection ?? i.selection, h = {
+		locale: i.locale,
+		hourCycle: i.hourCycle
+	}, g = e[0], _ = (e) => O(e, i.date), v = (e) => i.today !== null && O(e, i.today), ee = Array.from({ length: Math.max(0, o - a) }, (e, t) => a + t);
+	return /* @__PURE__ */ E("div", {
+		"aria-labelledby": r,
+		"data-part": "time-grid",
+		role: "grid",
+		style: {
+			"--slotted-event-calendar-days": e.length,
+			"--slotted-event-calendar-slot": i.slotDuration
+		},
+		children: [/* @__PURE__ */ E("div", {
+			"data-part": "time-head",
+			role: "rowgroup",
+			children: [/* @__PURE__ */ E("div", {
+				"data-part": "columns",
+				role: "row",
+				children: [/* @__PURE__ */ T("div", {
+					"data-part": "zone",
+					role: "columnheader",
+					children: j(g, i.timeZone, i.locale)
+				}), e.map((e) => {
+					let t = Qe(e, i.timeZone), n = i.renderDayContent?.(e, { view: i.view });
+					return /* @__PURE__ */ E("div", {
+						"data-date": k(e),
+						"data-offset-change": t === null ? void 0 : "",
+						"data-part": "column-header",
+						"data-row": "header",
+						"data-today": v(e) ? "" : void 0,
+						role: "columnheader",
+						tabIndex: i.row === "header" && _(e) ? 0 : -1,
+						children: [
+							/* @__PURE__ */ T("span", {
+								"aria-hidden": "true",
+								"data-part": "weekday",
+								children: new Intl.DateTimeFormat(i.locale, {
+									timeZone: "UTC",
+									weekday: "short"
+								}).format(new Date(Date.UTC(e.year, e.month - 1, e.day)))
+							}),
+							/* @__PURE__ */ T("button", {
+								"aria-label": M(i, e),
+								"data-part": "day-number",
+								onClick: (t) => i.drill(e, t.detail === 0 ? "keyboard" : "pointer", t),
+								tabIndex: -1,
+								type: "button",
+								children: e.day
+							}),
+							n == null ? null : /* @__PURE__ */ T("div", {
+								"data-part": "day-content",
+								children: n
+							}),
+							t === null ? null : /* @__PURE__ */ T("span", {
+								"aria-label": i.t("offsetChange", wt(t, h)),
+								"data-part": "offset-change",
+								role: "note",
+								children: i.t("offsetChangeShort", wt(t, h))
+							})
+						]
+					}, k(e));
+				})]
+			}), /* @__PURE__ */ E("div", {
+				"data-part": "all-day-row",
+				role: "row",
+				style: { "--slotted-event-calendar-lanes": Math.max(1, p) },
+				children: [/* @__PURE__ */ T("div", {
+					"data-part": "all-day-label",
+					role: "rowheader",
+					children: i.t("allDay")
+				}), e.map((e, t) => {
+					let n = f.filter((e) => e.start === t), r = f.filter((e) => e.start < t && e.start + e.span > t), a = vt(m, e, !0);
+					return /* @__PURE__ */ E("div", {
+						"aria-selected": i.selectionMode === "range" ? a : void 0,
+						"data-date": k(e),
+						"data-non-working": ze(e, i.workingHours) ? void 0 : "",
+						"data-part": "all-day-cell",
+						"data-row": "all-day",
+						"data-selected": a ? "" : void 0,
+						"data-today": v(e) ? "" : void 0,
+						role: "gridcell",
+						tabIndex: i.row === "all-day" && _(e) ? 0 : -1,
+						children: [n.map((t) => /* @__PURE__ */ T(gt, {
+							continuesAfter: t.continuesAfter,
+							continuesBefore: t.continuesBefore,
+							date: e,
+							inGrid: !0,
+							layout: "bar",
+							occurrence: t.occurrence,
+							style: {
+								"--slotted-event-lane": t.lane + 1,
+								"--slotted-event-span": t.span
+							}
+						}, t.occurrence.key)), r.map((e) => /* @__PURE__ */ T("span", {
+							"data-part": "continuation",
+							children: i.t("titleContinues", { title: e.occurrence.event.title })
+						}, e.occurrence.key))]
+					}, k(e));
+				})]
+			})]
+		}), /* @__PURE__ */ T("div", {
+			"data-part": "scroller",
+			ref: d,
+			role: "rowgroup",
+			children: /* @__PURE__ */ E("div", {
+				"data-part": "time-row",
+				role: "row",
+				children: [/* @__PURE__ */ E("div", {
+					"data-part": "gutter",
+					role: "rowheader",
+					children: [/* @__PURE__ */ T("span", {
+						"data-ui": "visually-hidden",
+						children: i.t("timed")
+					}), ee.map((e) => /* @__PURE__ */ T("span", {
+						"aria-hidden": "true",
+						"data-part": "hour",
+						children: Fe(e, h)
+					}, e))]
+				}), e.map((e) => {
+					let { items: n, more: r } = Be(t, e, {
+						startHour: a,
+						endHour: o,
+						maxColumns: u,
+						minLength: Ct
+					}), s = Qe(e, i.timeZone), c = i.now !== null && O(i.now.date, e) ? N(i.now) : null, l = m !== null && D(m.start) && O(m.start.date, e) ? m : null;
+					return /* @__PURE__ */ E("div", {
+						"data-date": k(e),
+						"data-non-working": ze(e, i.workingHours) ? void 0 : "",
+						"data-part": "column",
+						"data-row": "timed",
+						"data-today": v(e) ? "" : void 0,
+						role: "gridcell",
+						tabIndex: i.row === "timed" && _(e) ? 0 : -1,
+						children: [
+							Ze(e, i.workingHours, {
+								startHour: a,
+								endHour: o
+							}).map((e) => /* @__PURE__ */ T("div", {
+								"aria-hidden": "true",
+								"data-part": "off-hours",
+								style: {
+									"--slotted-event-start": e.start,
+									"--slotted-event-length": e.length
+								}
+							}, e.start)),
+							s === null ? null : /* @__PURE__ */ T("div", {
+								"aria-hidden": "true",
+								"data-part": "offset-line",
+								style: { "--slotted-event-start": s.at.hour * 60 + s.at.minute - a * 60 }
+							}),
+							l === null ? null : /* @__PURE__ */ T("div", {
+								"aria-hidden": "true",
+								"data-part": "selection",
+								style: {
+									"--slotted-event-start": N(l.start) - a * 60,
+									"--slotted-event-length": (O(l.end.date, e) ? N(l.end) : 1440) - N(l.start)
+								},
+								children: Le(l.start.time, l.end.time, h)
+							}),
+							n.map((t) => /* @__PURE__ */ T(gt, {
+								clippedEnd: t.clippedEnd,
+								clippedStart: t.clippedStart,
+								continuesAfter: t.continuesAfter,
+								continuesBefore: t.continuesBefore,
+								date: e,
+								inGrid: !0,
+								layout: "block",
+								occurrence: t.occurrence,
+								short: t.length < St,
+								style: {
+									"--slotted-event-start": t.start,
+									"--slotted-event-length": t.length,
+									"--slotted-event-column": t.column,
+									"--slotted-event-columns": t.columns,
+									"--slotted-event-span": t.span
+								},
+								withLocation: t.length >= St
+							}, t.occurrence.key)),
+							r.map((t) => /* @__PURE__ */ E("button", {
+								"aria-expanded": i.moreDate === k(e),
+								"aria-haspopup": "dialog",
+								"aria-label": i.t("moreEvents", { count: t.occurrences.length }),
+								"data-overlay": t.overlay ? "" : void 0,
+								"data-part": "more",
+								onClick: (t) => i.openMore(e, t.currentTarget),
+								style: {
+									"--slotted-event-start": t.start,
+									"--slotted-event-length": t.length,
+									"--slotted-event-column": t.column,
+									"--slotted-event-columns": t.columns,
+									"--slotted-event-span": 1
+								},
+								tabIndex: -1,
+								type: "button",
+								children: [`+${t.occurrences.length}`, /* @__PURE__ */ T("span", { children: i.t("more") })]
+							}, t.start)),
+							c === null || c < a * 60 || c > o * 60 ? null : /* @__PURE__ */ T("div", {
+								"aria-hidden": "true",
+								"data-part": "now",
+								style: { "--slotted-event-start": c - a * 60 }
+							})
+						]
+					}, k(e));
+				})]
+			})
+		})]
+	});
+}
+//#endregion
+//#region src/event-calendar/event-calendar.tsx
+var Et = [
+	"month",
+	"week",
+	"day",
+	"list"
+], Dt = "[data-part='day-number'], [data-part='event'], [data-part='more']", Ot = (e, t) => e.length === t.length && e.every((e, n) => e === t[n]);
+function kt(e, t, n, r) {
+	for (let i of e?.querySelectorAll(`[data-row='${t}'][data-date]`) ?? []) {
+		let e = i.getBoundingClientRect();
+		if (n >= e.left && n < e.right && (t !== "day" || r >= e.top && r < e.bottom)) {
+			let [e, t, n] = (i.dataset.date ?? "").split("-").map(Number);
+			return {
+				year: e,
+				month: t,
+				day: n
+			};
+		}
+	}
+	return null;
+}
+function At(e, t) {
+	return e === null || t === null ? e === t : D(e.start) === D(t.start) ? D(e.start) ? we(e.start, t.start) === 0 && we(e.end, t.end) === 0 : Ce(e.start, t.start) === 0 && Ce(e.end, t.end) === 0 : !1;
+}
+var jt = (e, t) => Ce(e, t) <= 0 ? {
+	start: e,
+	end: t
+} : {
+	start: t,
+	end: e
+}, P = (e, t) => t >= 1440 ? ke(Se(e, 1), je(0)) : ke(e, je(Math.max(0, t) * 60));
+function Mt(e, t, n, r, i, a) {
+	if (n(e, t)) return !1;
+	let o = !1;
+	return a?.(t, {
+		value: t,
+		previous: e,
+		reason: r,
+		source: i,
+		get cancelled() {
+			return o;
+		},
+		cancel() {
+			o = !0;
+		}
+	}), !o;
+}
+function Nt({ when: e }) {
+	return /* @__PURE__ */ E(w, { children: [e.day === null ? null : /* @__PURE__ */ E(w, { children: [/* @__PURE__ */ E("span", {
+		"data-part": "detail-day",
+		children: [e.day, ","]
+	}), " "] }), /* @__PURE__ */ T("span", {
+		"data-part": "detail-range",
+		children: e.range
+	})] });
+}
+function Pt({ handle: e }) {
+	return e.current = y(), null;
+}
+function Ft({ element: e }) {
+	let t = ie();
+	return ge(() => {
+		t.setAnchorNode(e);
+	}, [e, t.setAnchorNode]), null;
+}
+function It({ actions: ie, calendars: y = [], className: de, compact: pe, date: Se, dayHours: Ce, defaultDate: we, defaultOpenEvent: De, defaultSelection: ke, defaultView: je, defaultVisibleCalendars: Fe, editable: A = !1, empty: Re, error: ze, events: Be, filter: Ve, firstDayOfWeek: He, fixedWeeks: Ue, header: qe = !0, hourCycle: Ze, level: Qe = 2, listRange: $e, loading: j = !1, loadingDelay: lt, loadingMinDuration: ut, locale: dt, maxColumns: pt, maxEvents: mt, messages: ht, onDateChange: vt, onEventChange: yt, canDrop: xt, onOpenEventChange: St, onRangeChange: Ct, onSelectionChange: N, onViewChange: wt, onVisibleCalendarsChange: It, openEvent: Lt, ref: Rt, render: zt, renderDayContent: Bt, renderEvent: Vt, renderContextMenu: Ht, renderEventDetail: Ut, scrollTime: Wt, selection: Gt, selectionMode: Kt = "none", slotDuration: qt, style: Jt, timeZone: Yt, view: Xt, views: Zt = Et, visibleCalendars: Qt, weekends: $t, weekNumbers: en, workingHours: tn = [], ...nn }) {
+	let F = ft(), rn = me(), an = `${rn}-title`, on = o(), I = s(ve, ht), L = dt ?? on, sn = Yt ?? F.timeZone, cn = Ze ?? F.hourCycle, ln = $t ?? F.weekends, un = Ce ?? F.dayHours, R = rt(qt ?? F.slotDuration), dn = Wt ?? F.scrollTime, fn = Math.max(1, mt ?? F.maxEvents), pn = Math.max(2, pt ?? F.maxColumns), mn = pe ?? F.compact, hn = $e ?? F.listRange, gn = {
+		firstDayOfWeek: _e(() => Te({
+			locale: L,
+			firstDayOfWeek: He ?? F.firstDayOfWeek
+		}).firstDayOfWeek, [
+			F.firstDayOfWeek,
+			He,
+			L
+		]),
+		weekends: ln,
+		fixedWeeks: Ue ?? F.fixedWeeks,
+		listRange: hn
+	}, z = S(null), B = S(null), _n = S(null), [vn, yn] = C(null);
+	x(() => {
+		let e, t = () => {
+			yn(Oe(sn)), e = setTimeout(t, 6e4 - Date.now() % 6e4);
+		};
+		return t(), () => clearTimeout(e);
+	}, [sn]);
+	let bn = vn?.date ?? null, [xn, Sn] = C(() => we ?? Me(sn)), V = Se ?? xn, [Cn, wn] = C(je ?? Zt[0] ?? "month"), H = Xt ?? Cn, Tn = _e(() => y.map((e) => e.key), [y]), [En, Dn] = C(Fe ?? null), U = Qt ?? En ?? Tn, [On, kn] = C(ke ?? null), An = Gt === void 0 ? On : Gt, [jn, Mn] = C(De ?? null), W = Lt === void 0 ? jn : Lt, G = b((e, t, n) => {
+		let r = Mt(V, e, O, t, n, vt);
+		return r && Se === void 0 && Sn(e), r;
+	}, [
+		V,
+		Se,
+		vt
+	]), Nn = b((e, t, n) => {
+		let r = Mt(H, e, Object.is, t, n, wt);
+		return r && Xt === void 0 && wn(e), r;
+	}, [
+		H,
+		wt,
+		Xt
+	]), Pn = b((e, t, n) => {
+		let r = Mt(U, e, Ot, t, n, It);
+		return r && Qt === void 0 && Dn(e), r;
+	}, [
+		It,
+		U,
+		Qt
+	]), Fn = b((e, t, n) => {
+		let r = Mt(An, e, At, t, n, N);
+		return r && Gt === void 0 && kn(e), r;
+	}, [
+		An,
+		N,
+		Gt
+	]), In = b((e, t, n) => {
+		let r = Mt(W, e, Object.is, t, n, St);
+		return r && Lt === void 0 && Mn(e), r;
+	}, [
+		W,
+		St,
+		Lt
+	]), [Ln, Rn] = C(!1), zn = S(null), Bn = S(null), [Vn, Hn] = C(null);
+	x(() => {
+		let e = z.current;
+		if (e === null) return;
+		let t = be(e, {
+			at: ye,
+			onChange: Rn
+		});
+		return Rn(t.narrow()), () => t.destroy();
+	}, []);
+	let Un = H === "list" || Ln && mn === "list" && (H === "month" || H === "week") ? "list" : "grid", K = Un === "list" && H !== "list" ? at("list", V, {
+		...gn,
+		listRange: H === "month" ? "month" : "week"
+	}) : at(H, V, gn), Wn = k(K.start), Gn = k(K.end), Kn = _e(() => new Intl.Collator(L), [L]), q = _e(() => Ye(Be, K.start, K.end, { collator: Kn }).filter((e) => (e.event.calendar === void 0 || !Tn.includes(e.event.calendar) || U.includes(e.event.calendar)) && (Ve === void 0 || Ve(e))), [
+		Tn,
+		Kn,
+		Be,
+		Ve,
+		Gn,
+		Wn,
+		U
+	]), qn = b((e) => typeof A == "function" ? A(e) : A, [A]), [Jn, Yn] = C(null), Xn = _e(() => Jn === null ? q : st(q, Jn.key, Jn.placement), [Jn, q]), Zn = S(null);
+	ge(() => {
+		let e = Zn.current;
+		e !== null && (Zn.current = null, z.current?.querySelector(`[data-part='event'][data-key='${CSS.escape(e)}']`)?.focus());
+	});
+	let Qn = b((e, t, n) => ({
+		key: e.key,
+		event: e.event,
+		occurrence: e.start.date,
+		recurring: e.recurring,
+		kind: n,
+		...et(t)
+	}), []), $n = b((e, t, n) => xt === void 0 || xt(Qn(e, t, n)), [xt, Qn]), er = b((e, t, n, r, i) => {
+		let a = (t) => Qn(e, t, n), o = Mt(a(tt(e)), a(t), (e, t) => JSON.stringify([e.start, e.end]) === JSON.stringify([t.start, t.end]), r, i, yt);
+		return o && xe().announce(`${e.event.title}, ${Ie({
+			...e,
+			start: t.start,
+			end: t.end
+		}, {
+			locale: L,
+			hourCycle: cn
+		})}`), o;
+	}, [
+		Qn,
+		yt,
+		cn,
+		L
+	]), tr = ot(H, K, V, {
+		locale: L,
+		listRange: H === "list" ? hn : void 0
+	}), nr = S(null);
+	x(() => {
+		let e = `${Wn}/${Gn}/${H}`;
+		nr.current !== e && (nr.current = e, Ct?.({
+			start: K.start,
+			end: K.end,
+			view: H
+		}));
+	}, [
+		H,
+		Ct,
+		Gn,
+		Wn
+	]);
+	let [rr, ir] = C("timed"), J = S(null);
+	ge(() => {
+		let e = J.current;
+		e !== null && (J.current = null, B.current?.querySelector(`[data-row='${e.row}'][data-date='${e.date}']`)?.focus());
+	});
+	let ar = S(/* @__PURE__ */ new Map()), or = b((e, t) => {
+		t === null ? ar.current.delete(e) : ar.current.set(e, t);
+	}, []), [Y, sr] = C(null), [cr, lr] = C(null), X = _e(() => W === null ? null : q.find((e) => e.key === W) ?? null, [W, q]), ur = Ut !== void 0, [dr, fr] = C(null), pr = S(null), [Z, Q] = un, mr = (e, t, n) => {
+		let r = e.getBoundingClientRect(), i = (Q - Z) * 60, a = Z * 60 + (t - r.top) / Math.max(1, r.height) * i, o = Math[n](a / R) * R;
+		return Math.min(Q * 60, Math.max(Z * 60, o));
+	}, hr = b((e) => {
+		let t = {
+			locale: L,
+			hourCycle: cn
+		};
+		return D(e.start) ? `${M({ locale: L }, e.start.date)}, ${Le(e.start.time, e.end.time, t)}` : O(e.start, e.end) ? M({ locale: L }, e.start) : `${M({ locale: L }, e.start)} – ${M({ locale: L }, e.end)}`;
+	}, [cn, L]), gr = b((e) => xe().announce(I("selected", { text: hr(e) })), [hr, I]);
+	x(() => {
+		if (dr === null) return;
+		let e = (e) => {
+			let t = pr.current;
+			if (t === null) return;
+			if (t.kind === "hours") {
+				let n = mr(t.column, e.clientY, "floor"), r = Math.min(t.anchor, n), i = Math.max(t.anchor, n) + R;
+				fr({
+					start: P(t.date, r),
+					end: P(t.date, Math.min(i, Q * 60))
+				});
+				return;
+			}
+			let n = kt(z.current, "day", e.clientX, e.clientY) ?? kt(z.current, "all-day", e.clientX, e.clientY);
+			n !== null && fr(jt(t.anchor, n));
+		}, t = (e) => {
+			let t = dr;
+			pr.current = null, fr(null), t !== null && Fn(t, "pointer", e) && gr(t);
+		}, n = (e) => {
+			e.key === "Escape" && (pr.current = null, fr(null));
+		};
+		return document.addEventListener("pointermove", e), document.addEventListener("pointerup", t), document.addEventListener("keydown", n, !0), () => {
+			document.removeEventListener("pointermove", e), document.removeEventListener("pointerup", t), document.removeEventListener("keydown", n, !0);
+		};
+	});
+	let _r = S(null), vr = S(!1), yr = (e) => {
+		let t = e.target, n = t.closest("[data-part='event'][data-editable]"), r = n?.closest("[data-row]"), i = n?.dataset.key, a = r?.dataset.date;
+		if (n == null || r == null) return !1;
+		let o = q.find((e) => e.key === i);
+		if (o === void 0 || a === void 0) return !1;
+		let s = r.dataset.row ?? "", [c, l, u] = a.split("-").map(Number);
+		_r.current = {
+			occurrence: o,
+			kind: t.closest("[data-part='resize-handle']") ? "resize" : "move",
+			row: s,
+			date: kt(z.current, s, e.clientX, e.clientY) ?? {
+				year: c,
+				month: l,
+				day: u
+			},
+			column: r,
+			x: e.clientX,
+			y: e.clientY,
+			started: !1,
+			placement: tt(o),
+			invalid: !1
+		};
+		let d = () => Math.max(1, r.getBoundingClientRect().height / Math.max(1, Q - Z)), f = (e) => {
+			let t = _r.current;
+			if (t === null || !t.started && Math.hypot(e.clientX - t.x, e.clientY - t.y) < 4) return;
+			t.started = !0;
+			let n = kt(z.current, t.row, e.clientX, e.clientY), r = {
+				days: n === null ? 0 : Ee(t.date, n),
+				minutes: t.row === "timed" ? Math.round((e.clientY - t.y) / d() * (60 / R)) * R : 0
+			};
+			t.placement = t.kind === "move" ? Ge(tt(t.occurrence), r) : nt(tt(t.occurrence), r, R), t.invalid = !$n(t.occurrence, t.placement, t.kind), Yn({
+				key: t.occurrence.key,
+				placement: t.placement,
+				invalid: t.invalid
+			});
+		}, p = (e, t) => {
+			let n = _r.current;
+			_r.current = null, document.removeEventListener("pointermove", f), document.removeEventListener("pointerup", m), document.removeEventListener("keydown", h, !0), Yn(null), n !== null && n.started && (vr.current = !0, t && !n.invalid && er(n.occurrence, n.placement, n.kind, "pointer", e));
+		}, m = (e) => p(e, !0), h = (e) => {
+			e.key === "Escape" && _r.current?.started === !0 && (e.stopPropagation(), p(e, !1));
+		};
+		return document.addEventListener("pointermove", f), document.addEventListener("pointerup", m), document.addEventListener("keydown", h, !0), !0;
+	}, br = (e) => {
+		if (e.button !== 0 || yr(e) || Kt !== "range") return;
+		let t = e.target;
+		if (t.closest("button, a, input")) return;
+		let n = t.closest("[data-row]"), r = n?.dataset.date;
+		if (n == null || r === void 0) return;
+		let [i, a, o] = r.split("-").map(Number), s = {
+			year: i,
+			month: a,
+			day: o
+		};
+		if (n.dataset.row === "timed") {
+			let t = mr(n, e.clientY, "floor");
+			pr.current = {
+				kind: "hours",
+				date: s,
+				anchor: t,
+				column: n
+			}, fr({
+				start: P(s, t),
+				end: P(s, Math.min(t + R, Q * 60))
+			});
+		} else if (n.dataset.row === "day" || n.dataset.row === "all-day") pr.current = {
+			kind: "days",
+			anchor: s
+		}, fr({
+			start: s,
+			end: s
+		});
+		else return;
+		e.preventDefault();
+	}, [$, xr] = C(null), Sr = S(null), Cr = S(null), wr = (e, t) => {
+		Sr.current = null;
+		let n = B.current;
+		if (Ht === void 0 || !(e instanceof Element) || n === null || !n.contains(e)) return null;
+		let r = e.closest("[data-part='event'][data-key]"), i = r === null ? void 0 : q.find((e) => e.key === r.dataset.key), a;
+		if (r !== null && i !== void 0) a = {
+			target: {
+				kind: "event",
+				occurrence: i
+			},
+			element: r
+		};
+		else {
+			let r = e.closest("[data-date]"), i = r?.dataset.date;
+			if (r == null || i === void 0) return null;
+			let [o, s, c] = i.split("-").map(Number), l = r.dataset.row === "timed", u = Pe({
+				date: {
+					year: o,
+					month: s,
+					day: c
+				},
+				minute: l && t !== null ? mr(r, t, "floor") : null,
+				timed: l,
+				held: dr ?? An,
+				slot: R,
+				endMinute: Q * 60
+			}), d = l && t === null ? r.querySelector("[data-part='selection']") ?? n.querySelector(`[data-part='column-header'][data-date='${i}']`) ?? r : r;
+			a = {
+				target: {
+					kind: "slot",
+					slot: u
+				},
+				element: d
+			};
+		}
+		let o = Ht(a.target);
+		return o == null || o === !1 ? null : (Sr.current = a, a);
+	}, Tr = $ === null ? void 0 : $.target.kind === "event" ? $.target.occurrence.event.title : hr($.target.slot), Er = S(null), Dr = (e, t, n) => {
+		if (J.current = {
+			date: k(e),
+			row: t
+		}, O(e, V)) {
+			B.current?.querySelector(`[data-row='${t}'][data-date='${k(e)}']`)?.focus(), J.current = null;
+			return;
+		}
+		G(e, "keyboard", n);
+	}, Or = (e) => {
+		let t = e.target, n = t.closest("[data-row]");
+		if (n === null || !B.current?.contains(n) || n.dataset.row === void 0) return;
+		let r = n.dataset.row;
+		if (t !== n) {
+			let i = t.closest("[data-part='event'][data-editable]");
+			if (i !== null && e.altKey && e.key.startsWith("Arrow")) {
+				let t = q.find((e) => e.key === i.dataset.key);
+				if (t === void 0) return;
+				e.preventDefault();
+				let a = getComputedStyle(n).direction === "rtl", o = e.key === "ArrowLeft" || e.key === "ArrowRight", s = (e.key === "ArrowRight" ? !a : e.key === "ArrowLeft" ? a : e.key === "ArrowDown") ? 1 : -1, c = o ? {
+					days: s,
+					minutes: 0
+				} : r === "timed" ? {
+					days: 0,
+					minutes: s * R
+				} : {
+					days: r === "day" ? s * 7 : 0,
+					minutes: 0
+				};
+				if (c.days === 0 && c.minutes === 0) return;
+				let l = e.shiftKey ? "resize" : "move", u = Ke(tt(t), c, l, {
+					slot: R,
+					hours: un,
+					allowed: (e) => $n(t, e, l)
+				});
+				if (u === null) {
+					xe().announce(I("dropInvalid", { title: t.event.title }));
+					return;
+				}
+				Zn.current = t.key, er(t, u, l, "keyboard", e);
+				return;
+			}
+			if (e.key === "Escape" || e.key === "F2") {
+				e.preventDefault(), n.focus();
+				return;
+			}
+			if (e.key === "ArrowDown" || e.key === "ArrowUp") {
+				let r = [...n.querySelectorAll(Dt)], i = r[r.indexOf(t.closest(Dt) ?? t) + (e.key === "ArrowDown" ? 1 : -1)];
+				e.preventDefault(), i?.focus();
+			}
+			return;
+		}
+		let i = getComputedStyle(n).direction === "rtl", a = r === "day", o = {
+			ArrowLeft: i ? "next" : "previous",
+			ArrowRight: i ? "previous" : "next",
+			Home: e.ctrlKey || e.metaKey ? "periodStart" : "rowStart",
+			End: e.ctrlKey || e.metaKey ? "periodEnd" : "rowEnd",
+			PageUp: e.shiftKey && a ? "yearBack" : "pageBack",
+			PageDown: e.shiftKey && a ? "yearForward" : "pageForward",
+			ArrowUp: a ? "up" : void 0,
+			ArrowDown: a ? "down" : void 0
+		};
+		if (r === "timed" && e.shiftKey && (e.key === "ArrowDown" || e.key === "ArrowUp") && Kt === "range") {
+			e.preventDefault();
+			let t = An;
+			if (t === null || !D(t.start) || !O(t.start.date, V)) return;
+			let n = Ae(t.start.time) / 60, r = t.end, i = O(r.date, V) ? Ae(r.time) / 60 : 1440, a = Math.min(Q * 60, Math.max(n + R, i + (e.key === "ArrowDown" ? 1 : -1) * R)), o = {
+				start: t.start,
+				end: P(V, a)
+			};
+			Fn(o, "keyboard", e) && gr(o);
+			return;
+		}
+		if (!a && (e.key === "ArrowUp" || e.key === "ArrowDown")) {
+			e.preventDefault();
+			let t = [
+				"header",
+				"all-day",
+				"timed"
+			], n = t[t.indexOf(r) + (e.key === "ArrowDown" ? 1 : -1)];
+			if (n === void 0) return;
+			ir(n), J.current = {
+				date: k(V),
+				row: n
+			};
+			return;
+		}
+		let s = o[e.key];
+		if (s !== void 0) {
+			e.preventDefault();
+			let t = We(H, V, s, gn);
+			if (e.shiftKey && Kt === "range" && e.key.startsWith("Arrow") && r !== "timed") {
+				let n = Er.current ?? V;
+				Er.current = n;
+				let r = jt(n, t);
+				Fn(r, "keyboard", e) && gr(r);
+			} else e.shiftKey || (Er.current = null);
+			Dr(t, r, e);
+			return;
+		}
+		if (e.key === "Enter" || e.key === "F2") {
+			let t = n.querySelector(Dt);
+			if (t === null) return;
+			e.preventDefault(), t.focus();
+			return;
+		}
+		if (e.key === " " && Kt === "range") {
+			e.preventDefault(), Er.current = V;
+			let t = r === "timed" ? (() => {
+				let e = Math.min(Math.max(Ae(dn) / 60, Z * 60), Q * 60 - R);
+				return {
+					start: P(V, e),
+					end: P(V, e + R)
+				};
+			})() : {
+				start: V,
+				end: V
+			};
+			Fn(t, "keyboard", e) && gr(t);
+			return;
+		}
+		e.key === "Escape" && An !== null && (e.preventDefault(), Fn(null, "escape", e));
+	}, kr = b((e) => {
+		let t = _n.current, n = t?.querySelector("[data-part='column']");
+		if (t == null || n == null) return;
+		let r = n.getBoundingClientRect().height / Math.max(1, Q - Z), i = t.querySelector("[data-part='hour']"), a = i === null ? 0 : parseFloat(getComputedStyle(i).lineHeight) / 2 || 0;
+		t.scrollTop = Math.max(0, (Ae(e) / 3600 - Z) * r - a);
+	}, [Q, Z]);
+	ge(() => {
+		Un === "grid" && (H === "week" || H === "day") && kr(dn);
+	}, [H, Un]);
+	let Ar = lt ?? F.loadingDelay, jr = ut ?? F.loadingMinDuration, [Mr, Nr] = C(j);
+	x(() => {
+		if (j) {
+			Nr(!0);
+			return;
+		}
+		let e = setTimeout(() => Nr(!1), Ar + jr);
+		return () => clearTimeout(e);
+	}, [
+		Ar,
+		jr,
+		j
+	]);
+	let Pr = I("loading");
+	x(() => {
+		if (!j) return;
+		let e = setTimeout(() => xe().announce(Pr), Ar);
+		return () => clearTimeout(e);
+	}, [
+		Ar,
+		j,
+		Pr
+	]), he(Rt, () => ({
+		get element() {
+			return z.current;
+		},
+		focus() {
+			(B.current?.querySelector("[data-row][tabindex='0']") ?? B.current?.querySelector("[data-part='event']"))?.focus();
+		},
+		focusDate(e) {
+			if (J.current = {
+				date: k(e),
+				row: H === "month" ? "day" : rr
+			}, O(e, V)) {
+				B.current?.querySelector(`[data-row='${J.current.row}'][data-date='${k(e)}']`)?.focus(), J.current = null;
+				return;
+			}
+			G(e, "programmatic");
+		},
+		focusEvent(e) {
+			let t = ar.current.get(e);
+			return t === void 0 || !t.isConnected ? !1 : (t.focus(), !0);
+		},
+		scrollToTime: kr
+	}), [
+		V,
+		H,
+		G,
+		rr,
+		kr
+	]);
+	let Fr = {
+		id: rn,
+		t: I,
+		locale: L,
+		hourCycle: cn,
+		timeZone: sn,
+		view: H,
+		date: V,
+		today: bn,
+		now: vn,
+		calendars: y,
+		openKey: W,
+		hostsDetail: ur,
+		selection: An,
+		pendingSelection: dr ?? ($?.target.kind === "slot" ? $.target.slot : null),
+		selectionMode: Kt,
+		narrow: Ln,
+		weekNumbers: en ?? F.weekNumbers,
+		maxEvents: fn,
+		maxColumns: pn,
+		slotDuration: R,
+		dayHours: un,
+		workingHours: tn,
+		row: H === "month" ? "timed" : rr,
+		moreDate: Y === null ? null : k(Y.date),
+		headingLevel: Qe,
+		renderEvent: Vt,
+		canEdit: qn,
+		draggingKey: Jn?.key ?? null,
+		dropInvalid: Jn?.invalid ?? !1,
+		contextKey: $?.target.kind === "event" ? $.target.occurrence.key : null,
+		renderDayContent: Bt,
+		activate(e, t, n, r) {
+			lr(t), sr(null), In(W === e.key ? null : e.key, n, r);
+		},
+		drill(e, t, n) {
+			if (Ln && H === "month" && Un === "grid") {
+				let t = n.currentTarget;
+				sr((n) => n !== null && O(n.date, e) ? null : {
+					date: e,
+					element: t
+				});
+				return;
+			}
+			Nn("day", t, n), G(e, t, n);
+		},
+		openMore(e, t) {
+			sr((n) => n !== null && O(n.date, e) ? null : {
+				date: e,
+				element: t
+			});
+		},
+		registerEvent: or,
+		calendarLabel: (e) => y.find((t) => t.key === e)?.label,
+		colorOf: (e) => Ne(e, y)
+	}, Ir = fe(`h${Qe}`, {
+		"aria-live": "polite",
+		"data-part": "title",
+		id: an
+	}, tr), Lr = qe ? /* @__PURE__ */ E("div", {
+		"data-part": "header",
+		children: [
+			Ir,
+			/* @__PURE__ */ E("div", {
+				"aria-label": I("navigation"),
+				"data-part": "navigation",
+				role: "group",
+				children: [
+					/* @__PURE__ */ T("button", {
+						"aria-label": I(`previous.${H}`),
+						"data-part": "previous",
+						onClick: (e) => G(it(H, V, -1, gn), e.detail === 0 ? "keyboard" : "pointer", e),
+						type: "button",
+						children: /* @__PURE__ */ T(t, { children: /* @__PURE__ */ T(e, { name: "chevron-right" }) })
+					}),
+					/* @__PURE__ */ T("button", {
+						"data-part": "today",
+						onClick: (e) => G(bn ?? Me(sn), e.detail === 0 ? "keyboard" : "pointer", e),
+						type: "button",
+						children: I("today")
+					}),
+					/* @__PURE__ */ T("button", {
+						"aria-label": I(`next.${H}`),
+						"data-part": "next",
+						onClick: (e) => G(it(H, V, 1, gn), e.detail === 0 ? "keyboard" : "pointer", e),
+						type: "button",
+						children: /* @__PURE__ */ T(t, { children: /* @__PURE__ */ T(e, { name: "chevron-right" }) })
+					})
+				]
+			}),
+			Zt.length > 1 ? /* @__PURE__ */ T("div", {
+				"data-part": "views",
+				children: /* @__PURE__ */ T(ue, {
+					"aria-label": I("views"),
+					fullWidth: !0,
+					onValueChange: (e, t) => Nn(e, t.reason, t.source),
+					value: H,
+					children: Zt.map((e) => /* @__PURE__ */ T(le, {
+						value: e,
+						children: I(`view.${e}`)
+					}, e))
+				})
+			}) : null,
+			y.length > 1 ? /* @__PURE__ */ E(n, { children: [/* @__PURE__ */ T(r, { render: (n) => /* @__PURE__ */ E("button", {
+				...n,
+				"data-part": "filter",
+				type: "button",
+				children: [
+					/* @__PURE__ */ T(t, { children: /* @__PURE__ */ T(e, { name: "funnel" }) }),
+					/* @__PURE__ */ T("span", { children: I("calendars") }),
+					/* @__PURE__ */ T(t, { children: /* @__PURE__ */ T(e, { name: "chevron-down" }) })
+				]
+			}) }), /* @__PURE__ */ T(a, { children: y.map((e) => {
+				let t = Ne(e.key, y);
+				return /* @__PURE__ */ E(i, {
+					checked: U.includes(e.key),
+					onCheckedChange: (t, n) => Pn(t ? Tn.filter((t) => t === e.key || U.includes(t)) : U.filter((t) => t !== e.key), n.reason, n.source),
+					children: [/* @__PURE__ */ T("svg", {
+						"aria-hidden": "true",
+						height: "10",
+						viewBox: "0 0 14 10",
+						width: "14",
+						children: /* @__PURE__ */ T("circle", {
+							cx: "5",
+							cy: "5",
+							r: "4",
+							style: { fill: t === null ? "currentColor" : `var(--slotted-data-${t})` }
+						})
+					}), e.label]
+				}, e.key);
+			}) })] }) : null,
+			ie == null ? null : /* @__PURE__ */ T("div", {
+				"data-part": "actions",
+				children: ie
+			})
+		]
+	}) : null, Rr = H === "month" ? "month" : H === "day" ? "day" : "week", zr = /* @__PURE__ */ E(w, { children: [
+		/* @__PURE__ */ T("div", {
+			"data-part": "loader",
+			children: Mr ? /* @__PURE__ */ T(g, {
+				delay: Ar,
+				hideLabel: !0,
+				label: I("loading"),
+				loading: j,
+				minDuration: jr,
+				onWithdraw: () => Nr(!1),
+				size: "sm"
+			}) : null
+		}),
+		ze == null ? null : /* @__PURE__ */ T("div", {
+			"data-part": "error",
+			children: ze
+		}),
+		Un === "list" ? /* @__PURE__ */ T(_t, {
+			days: K.days,
+			empty: Re,
+			emptyText: I(`empty.${Rr}`),
+			occurrences: Xn
+		}) : H === "month" ? /* @__PURE__ */ T(bt, {
+			anchorMonth: V.month,
+			occurrences: Xn,
+			titleId: an,
+			weeks: K.weeks
+		}) : /* @__PURE__ */ T(Tt, {
+			days: K.days,
+			occurrences: Xn,
+			scrollerRef: _n,
+			titleId: an
+		})
+	] }), Br = {
+		"aria-busy": j ? !0 : void 0,
+		"data-part": "body",
+		onKeyDown: Or,
+		onPointerDown: br
+	}, Vr = Ht === void 0 ? /* @__PURE__ */ T("div", {
+		...Br,
+		ref: B,
+		children: zr
+	}) : /* @__PURE__ */ E(ce, {
+		onOpenChange: (e, t) => {
+			if (!e) {
+				xr(null);
+				return;
+			}
+			let n = Sr.current;
+			if (n === null) {
+				t.cancel();
+				return;
+			}
+			xr(n), t.reason === "keyboard" && Cr.current?.setAnchor(n.element);
+		},
+		children: [
+			/* @__PURE__ */ T(Pt, { handle: Cr }),
+			/* @__PURE__ */ T(se, { render: (e) => /* @__PURE__ */ T("div", {
+				...e,
+				...Br,
+				onContextMenuCapture: (e) => {
+					wr(e.target, e.clientY) === null && e.stopPropagation();
+				},
+				onKeyDown: (t) => {
+					if (t.key === "ContextMenu" || t.key === "F10" && t.shiftKey) {
+						if (wr(t.target, null) === null) return;
+					} else Or(t);
+					e.onKeyDown?.(t);
+				},
+				onPointerDown: (t) => {
+					t.pointerType !== "mouse" && wr(t.target, t.clientY), br(t), e.onPointerDown?.(t);
+				},
+				ref: (t) => {
+					B.current = t, e.ref?.(t);
+				},
+				children: zr
+			}) }),
+			/* @__PURE__ */ T(a, {
+				"aria-label": Tr,
+				children: $ === null ? null : Ht($.target)
+			})
+		]
+	}), Hr = Y === null ? [] : Xe(q, Y.date), Ur = Y === null ? null : M(Fr, Y.date), Wr = Y === null ? null : /* @__PURE__ */ T("ul", {
+		"aria-label": I("dayEvents", { day: Ur ?? "" }),
+		"data-layout": "stacked",
+		"data-part": "list-events",
+		role: "list",
+		children: Hr.map((e) => /* @__PURE__ */ T("li", { children: /* @__PURE__ */ T(gt, {
+			date: Y.date,
+			inGrid: !1,
+			layout: "list",
+			occurrence: e,
+			withLocation: !0
+		}) }, e.key))
+	}), Gr = (W !== null && ar.current.get(W)?.isConnected ? ar.current.get(W) : cr) ?? null, Kr = X === null ? null : /* @__PURE__ */ T(Nt, { when: Je(X, {
+		hourCycle: cn,
+		locale: L
+	}) }), qr = X === null ? null : Ut?.(X, { close: () => In(null, "programmatic") });
+	zn.current = Y?.element ?? null, Bn.current = Gr;
+	let Jr = Ln ? /* @__PURE__ */ E(w, { children: [/* @__PURE__ */ T(h, {
+		container: Vn,
+		finalFocus: zn,
+		onOpenChange: (e) => {
+			e || sr(null);
+		},
+		open: Y !== null,
+		side: "bottom",
+		children: /* @__PURE__ */ E(d, { children: [
+			/* @__PURE__ */ T(p, {}),
+			/* @__PURE__ */ E(c, { children: [/* @__PURE__ */ T(l, { children: Ur }), /* @__PURE__ */ T(u, {})] }),
+			/* @__PURE__ */ T(m, { children: Wr })
+		] })
+	}), ur ? /* @__PURE__ */ T(h, {
+		container: Vn,
+		finalFocus: Bn,
+		onOpenChange: (e, t) => {
+			e || In(null, t.reason, t.source);
+		},
+		open: X !== null,
+		side: "bottom",
+		children: /* @__PURE__ */ E(d, { children: [
+			/* @__PURE__ */ T(p, {}),
+			/* @__PURE__ */ E(c, { children: [
+				/* @__PURE__ */ T(l, { children: X?.event.title }),
+				/* @__PURE__ */ T(f, { children: Kr }),
+				/* @__PURE__ */ T(u, {})
+			] }),
+			/* @__PURE__ */ T(m, { children: qr })
+		] })
+	}) : null] }) : /* @__PURE__ */ E(w, { children: [/* @__PURE__ */ E(ee, {
+		onOpenChange: (e) => {
+			e || sr(null);
+		},
+		open: Y !== null,
+		portal: !1,
+		children: [/* @__PURE__ */ T(Ft, { element: Y?.element ?? null }), /* @__PURE__ */ T(ne, { children: /* @__PURE__ */ T(_, { children: Y === null ? null : /* @__PURE__ */ E(w, { children: [/* @__PURE__ */ E(v, { children: [/* @__PURE__ */ T(oe, { children: Ur }), /* @__PURE__ */ T(te, {})] }), /* @__PURE__ */ T(ae, { children: Wr })] }) }) })]
+	}), ur ? /* @__PURE__ */ E(ee, {
+		finalFocus: cr ?? void 0,
+		onOpenChange: (e, t) => {
+			e || In(null, t.reason, t.source);
+		},
+		open: X !== null,
+		portal: !1,
+		size: "lg",
+		children: [/* @__PURE__ */ T(Ft, { element: Gr }), /* @__PURE__ */ T(ne, { children: /* @__PURE__ */ T(_, { children: X === null ? null : /* @__PURE__ */ E(w, { children: [/* @__PURE__ */ E(v, { children: [
+			/* @__PURE__ */ T(oe, { children: X.event.title }),
+			/* @__PURE__ */ T(re, { children: Kr }),
+			/* @__PURE__ */ T(te, {})
+		] }), /* @__PURE__ */ T(ae, { children: qr })] }) }) })]
+	}) : null] }), Yr = {
+		...nn,
+		className: de,
+		"data-layout": Un,
+		"data-loading": j ? "" : void 0,
+		"data-part": "root",
+		"data-slot-duration": String(R),
+		"data-ui": "event-calendar",
+		"data-view": H,
+		onClickCapture: (e) => {
+			nn.onClickCapture?.(e), vr.current && (vr.current = !1, e.preventDefault(), e.stopPropagation());
+		},
+		ref: (e) => {
+			z.current = e, e !== Vn && Hn(e);
+		},
+		style: Jt,
+		children: /* @__PURE__ */ E(ct.Provider, {
+			value: Fr,
+			children: [
+				Lr,
+				Vr,
+				Jr
+			]
+		})
+	};
+	return zt === void 0 ? /* @__PURE__ */ T("div", { ...Yr }) : zt(Yr);
+}
+//#endregion
+export { ft as i, ut as n, pt as r, It as t };