themelia-ui 1.0.0

package/dist/features/event-calendar.js

@@ -0,0 +1,725 @@
+"use client";
+import "../core.css";
+import "../css/event-calendar.css";
+import { t as e } from "../cx--CBrhWH0.js";
+import { a as t, o as n } from "../typography-vC_wwEBm.js";
+import { p as r } from "../feedback-DHdvxang.js";
+import { t as i } from "../ui-provider-DvO3G7xp.js";
+import { c as a } from "../buttons-CabBjPap.js";
+import { t as o } from "../action-menu-jAPdRvbi.js";
+import { f as s, m as c } from "../primitives-D-cyAv5O.js";
+import { t as l } from "../strings-Co9_qArR.js";
+import { c as u, r as d, t as f } from "../popover-BpUGuOeI.js";
+import { s as p } from "../choice-inputs-B4fseaKf.js";
+import { d as m, r as h } from "../date-pickers-BpGrG0Bf.js";
+import { CalendarIcon as g, ChevronLeftIcon as _, ChevronRightIcon as v, ExternalLinkIcon as y, UserIcon as b, UsersIcon as x } from "lucide-react";
+import { useCallback as S, useMemo as C, useState as w } from "react";
+import { Fragment as T, jsx as E, jsxs as D } from "react/jsx-runtime";
+import { addMonths as O, addWeeks as k, eachDayOfInterval as A, endOfMonth as j, endOfWeek as M, format as N, isSameDay as P, isSameMonth as F, isToday as I, isWeekend as L, startOfDay as R, startOfMonth as z, startOfWeek as ee, subMonths as B, subWeeks as V } from "date-fns";
+//#region src/components/features/event-calendar/event-calendar.strings.ts
+var H = {
+	today: "Today",
+	previous: "Previous",
+	next: "Next",
+	loading: "Loading…",
+	jumpToMonth: "Jump to month",
+	filterCategories: "Filter event categories",
+	moreEvents: (e) => `${e} more`,
+	emptyDay: "Nothing scheduled.",
+	viewMode: {
+		label: "Calendar view",
+		month: "Month",
+		week: "Week",
+		agenda: "Agenda"
+	},
+	weekdaysShort: [
+		"Sun",
+		"Mon",
+		"Tue",
+		"Wed",
+		"Thu",
+		"Fri",
+		"Sat"
+	]
+}, U = {
+	guest: "guest",
+	guests: "guests",
+	eventAt: (e, t) => `${e} at ${t}`
+};
+//#endregion
+//#region src/components/features/event-calendar/event-calendar.types.ts
+function W(e) {
+	return e?.colorToken ?? "neutral";
+}
+var G = {
+	root: "event-calendar-module__root___X0ixI",
+	loading: "event-calendar-module__loading___IC-h2",
+	dot: "event-calendar-module__dot___UIA13",
+	swatch: "event-calendar-module__swatch___ps5EU",
+	header: "event-calendar-module__header___29TZD",
+	headerInner: "event-calendar-module__headerInner___9QGds",
+	headerTitle: "event-calendar-module__headerTitle___rBg6N",
+	headerControls: "event-calendar-module__headerControls___HAYmB",
+	headerActions: "event-calendar-module__headerActions___-MrTk",
+	headerSeparator: "event-calendar-module__headerSeparator___5GuD2",
+	jumpPopover: "event-calendar-module__jumpPopover___VYGFq",
+	navGroup: "event-calendar-module__navGroup___Uon53",
+	viewSelect: "event-calendar-module__viewSelect___dg8nG",
+	legend: "event-calendar-module__legend___eS9q1",
+	chip: "event-calendar-module__chip___bVA0K",
+	chipButton: "event-calendar-module__chipButton___rgUyI",
+	legendIcon: "event-calendar-module__legendIcon___8bttH",
+	grid: "event-calendar-module__grid___KCjz4",
+	weekdays: "event-calendar-module__weekdays___USWUx",
+	days: "event-calendar-module__days___22V4O",
+	weekday: "event-calendar-module__weekday___xX9FI",
+	dayWrap: "event-calendar-module__dayWrap___RLXJ4",
+	cell: "event-calendar-module__cell___I3PpA",
+	dayNumber: "event-calendar-module__dayNumber___Vleg-",
+	cellEvents: "event-calendar-module__cellEvents___tJQHv",
+	badge: "event-calendar-module__badge___YHpal",
+	badgeTitle: "event-calendar-module__badgeTitle___2fQNb",
+	badgeTime: "event-calendar-module__badgeTime___eLlBH",
+	overflow: "event-calendar-module__overflow___xV09h",
+	overflowDots: "event-calendar-module__overflowDots___TOUff",
+	card: "event-calendar-module__card___wRg60",
+	cardButton: "event-calendar-module__cardButton___d65as",
+	cardHeader: "event-calendar-module__cardHeader___GJEkH",
+	cardTitleGroup: "event-calendar-module__cardTitleGroup___iJ1mG",
+	cardCategory: "event-calendar-module__cardCategory___lOaiH",
+	cardFacts: "event-calendar-module__cardFacts___CKNXj",
+	cardFact: "event-calendar-module__cardFact___5brIK",
+	cardGlyph: "event-calendar-module__cardGlyph___v5YTI",
+	cardWhen: "event-calendar-module__cardWhen___-dJbs",
+	agenda: "event-calendar-module__agenda___-c39i",
+	agendaDay: "event-calendar-module__agendaDay___CLIWL",
+	agendaDate: "event-calendar-module__agendaDate___14-bU",
+	agendaEvents: "event-calendar-module__agendaEvents___OAmZ8"
+};
+//#endregion
+//#region src/components/features/event-calendar/event-calendar-event-badge.tsx
+function K({ event: t, category: r, compact: a = !1, onClick: o, strings: s }) {
+	let c = l(U, s), { locale: u, timeFormat: d } = i(), f = t.allDay ? null : N(t.startDate, d ?? "HH:mm", { locale: u }), p = t.metadata?.cellTitle, m = typeof p == "string" && p.trim() !== "" ? p : t.title;
+	return /* @__PURE__ */ D("button", {
+		type: "button",
+		"data-slot": "event-calendar-event-badge",
+		"data-compact": a || void 0,
+		"data-token": W(r),
+		className: e("event-calendar-event-badge--component", G.badge),
+		onClick: (e) => {
+			e.stopPropagation(), o?.();
+		},
+		"aria-label": f ? c.eventAt(m, f) : m,
+		title: m,
+		children: [
+			/* @__PURE__ */ E("span", {
+				"aria-hidden": !0,
+				className: G.dot
+			}),
+			/* @__PURE__ */ E(n, {
+				tag: "span",
+				size: "xs",
+				weight: "medium",
+				className: G.badgeTitle,
+				children: m
+			}),
+			!!f && /* @__PURE__ */ E(n, {
+				tag: "span",
+				size: "xs",
+				type: "secondary",
+				numeric: !0,
+				className: G.badgeTime,
+				children: f
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/features/event-calendar/use-event-calendar-data.ts
+function q(e) {
+	let t = `${e.getMonth() + 1}`.padStart(2, "0"), n = `${e.getDate()}`.padStart(2, "0");
+	return `${e.getFullYear()}-${t}-${n}`;
+}
+function J(e, t) {
+	return e.allDay && !t.allDay ? -1 : !e.allDay && t.allDay ? 1 : e.startDate.getTime() - t.startDate.getTime();
+}
+function Y(e, t, n, r = {}) {
+	let { weekStartsOn: i = 1, showWeekends: a = !0, visibleCategories: o } = r;
+	return C(() => {
+		let r = z(t), s = j(t), [c, l] = n === "month" ? [ee(r, { weekStartsOn: i }), M(s, { weekStartsOn: i })] : n === "week" ? [ee(t, { weekStartsOn: i }), M(t, { weekStartsOn: i })] : [r, s], u = A({
+			start: c,
+			end: l
+		}), d = o && o.length > 0 ? e.filter((e) => o.includes(e.category)) : e, f = /* @__PURE__ */ new Map();
+		for (let e of d) {
+			let t = R(e.startDate);
+			if (Number.isNaN(t.getTime())) continue;
+			let n = t;
+			if (e.endDate && !Number.isNaN(e.endDate.getTime())) {
+				let r = R(e.endDate);
+				r.getTime() >= t.getTime() && (n = r);
+			}
+			for (let r of A({
+				start: t,
+				end: n
+			})) {
+				let t = q(r), n = f.get(t);
+				n ? n.push(e) : f.set(t, [e]);
+			}
+		}
+		return u.filter((e) => a || !L(e)).map((e) => {
+			let n = [...f.get(q(e)) ?? []].sort(J);
+			return {
+				date: e,
+				isCurrentMonth: F(e, t),
+				isToday: I(e),
+				isWeekend: L(e),
+				events: n,
+				eventCount: n.length,
+				hasMultipleEvents: n.length > 1
+			};
+		});
+	}, [
+		t,
+		e,
+		a,
+		n,
+		o,
+		i
+	]);
+}
+function te(e, t) {
+	let n = R(t);
+	return e.filter((e) => {
+		let t = R(e.startDate), r = e.endDate ? R(e.endDate) : t;
+		return P(n, t) || P(n, r) || n > t && n < r;
+	}).sort(J);
+}
+function X(e, t) {
+	return e.find((e) => e.id === t);
+}
+//#endregion
+//#region src/components/features/event-calendar/event-calendar-day-cell.tsx
+function ne({ data: t, categories: r, maxEvents: i = 3, onClick: a, onEventClick: o, compact: s = !1, strings: c, renderEvent: u }) {
+	let d = l(H, c), { date: f, isCurrentMonth: p, isToday: m, isWeekend: h, events: g, eventCount: _ } = t, v = g.slice(0, i), y = Math.max(0, _ - i), b = [...new Set(g.slice(i).map((e) => W(X(r, e.category))))].slice(0, 3);
+	return /* @__PURE__ */ D("div", {
+		className: e("event-calendar-day-cell--component", G.cell),
+		"data-today": m || void 0,
+		"data-weekend": h || void 0,
+		"data-outside": !p || void 0,
+		"data-compact": s || void 0,
+		onClick: a,
+		children: [/* @__PURE__ */ E("button", {
+			type: "button",
+			className: G.dayNumber,
+			onClick: (e) => {
+				e.stopPropagation(), a();
+			},
+			"aria-label": f.toDateString(),
+			children: /* @__PURE__ */ E(n, {
+				tag: "span",
+				size: s ? "xs" : "sm",
+				weight: m ? "semibold" : "normal",
+				children: f.getDate()
+			})
+		}), /* @__PURE__ */ D("div", {
+			className: G.cellEvents,
+			children: [v.map((e) => {
+				let t = X(r, e.category);
+				return u ? /* @__PURE__ */ E("div", { children: u(e, t) }, e.id) : /* @__PURE__ */ E(K, {
+					event: e,
+					category: t,
+					compact: s,
+					onClick: () => o ? o(e) : a()
+				}, e.id);
+			}), y > 0 && /* @__PURE__ */ D("div", {
+				className: G.overflow,
+				children: [/* @__PURE__ */ E("span", {
+					className: G.overflowDots,
+					children: b.map((e) => /* @__PURE__ */ E("span", {
+						"data-token": e,
+						className: G.dot
+					}, e))
+				}), /* @__PURE__ */ E(n, {
+					size: "xs",
+					type: "secondary",
+					weight: "medium",
+					children: d.moreEvents(y)
+				})]
+			})]
+		})]
+	});
+}
+//#endregion
+//#region src/components/features/event-calendar/event-calendar-event-card.tsx
+function Z({ event: r, category: i, onClick: a, strings: o, className: l }) {
+	let u = {
+		...U,
+		...o
+	}, d = r.metadata ?? {}, f = typeof d.customerName == "string" ? d.customerName : void 0, p = typeof d.guestCount == "number" ? d.guestCount : void 0, m = typeof d.serviceName == "string" ? d.serviceName : void 0, h = /* @__PURE__ */ D(T, { children: [
+		/* @__PURE__ */ D("div", {
+			className: G.cardHeader,
+			children: [/* @__PURE__ */ D("div", {
+				className: G.cardTitleGroup,
+				children: [/* @__PURE__ */ E(t, {
+					level: 4,
+					size: "sm",
+					children: r.title
+				}), !!i && /* @__PURE__ */ D("span", {
+					className: G.cardCategory,
+					children: [/* @__PURE__ */ E("span", {
+						"aria-hidden": !0,
+						"data-token": W(i),
+						className: G.dot
+					}), /* @__PURE__ */ E(n, {
+						tag: "span",
+						size: "xs",
+						weight: "medium",
+						children: i.label
+					})]
+				})]
+			}), !!a && !!r.url && /* @__PURE__ */ E(y, {
+				"aria-hidden": !0,
+				className: G.cardGlyph
+			})]
+		}),
+		(!!f || p !== void 0) && /* @__PURE__ */ D("div", {
+			className: G.cardFacts,
+			children: [!!f && /* @__PURE__ */ D("span", {
+				className: G.cardFact,
+				children: [/* @__PURE__ */ E(b, {
+					"aria-hidden": !0,
+					className: G.cardGlyph
+				}), /* @__PURE__ */ E(n, {
+					tag: "span",
+					size: "sm",
+					children: f
+				})]
+			}), p !== void 0 && p > 0 && /* @__PURE__ */ D("span", {
+				className: G.cardFact,
+				children: [/* @__PURE__ */ E(x, {
+					"aria-hidden": !0,
+					className: G.cardGlyph
+				}), /* @__PURE__ */ D(n, {
+					tag: "span",
+					size: "sm",
+					children: [
+						p,
+						" ",
+						p === 1 ? u.guest : u.guests
+					]
+				})]
+			})]
+		}),
+		!!m && /* @__PURE__ */ E(n, {
+			size: "sm",
+			type: "secondary",
+			children: m
+		}),
+		/* @__PURE__ */ D("div", {
+			className: G.cardWhen,
+			children: [/* @__PURE__ */ E(g, {
+				"aria-hidden": !0,
+				className: G.cardGlyph
+			}), r.allDay ? /* @__PURE__ */ E(s, {
+				value: r.startDate,
+				size: "xs",
+				type: "secondary"
+			}) : /* @__PURE__ */ E(c, {
+				value: r.startDate,
+				size: "xs",
+				type: "secondary"
+			})]
+		})
+	] });
+	return a ? /* @__PURE__ */ E("button", {
+		type: "button",
+		onClick: a,
+		"data-slot": "event-calendar-event-card",
+		className: e("event-calendar-event-card--component", G.card, G.cardButton, l),
+		children: h
+	}) : /* @__PURE__ */ E("div", {
+		"data-slot": "event-calendar-event-card",
+		className: e("event-calendar-event-card--component", G.card, l),
+		children: h
+	});
+}
+//#endregion
+//#region src/components/features/event-calendar/event-calendar-header.tsx
+function re({ currentDate: n, viewMode: r, displayLabel: i, onPrevious: s, onNext: c, onToday: y, onViewModeChange: b, onDateChange: x, actions: S, strings: w, rangeMode: O = "date", minDate: k, maxDate: A, prevDisabled: j = !1, nextDisabled: M = !1, className: N }) {
+	let P = l(H, w), F = C(() => (S ?? []).filter((e) => e.visible !== !1), [S]), I = C(() => [
+		{
+			value: "month",
+			label: P.viewMode.month
+		},
+		{
+			value: "week",
+			label: P.viewMode.week
+		},
+		{
+			value: "agenda",
+			label: P.viewMode.agenda
+		}
+	], [
+		P.viewMode.agenda,
+		P.viewMode.month,
+		P.viewMode.week
+	]);
+	return /* @__PURE__ */ E("div", {
+		className: e("event-calendar-header--component", G.header, N),
+		children: /* @__PURE__ */ D("div", {
+			className: G.headerInner,
+			children: [/* @__PURE__ */ D("div", {
+				className: G.headerTitle,
+				children: [/* @__PURE__ */ E(t, {
+					level: 3,
+					children: i
+				}), /* @__PURE__ */ D(f, { children: [/* @__PURE__ */ E(u, { render: /* @__PURE__ */ E(a, {
+					type: "button",
+					tone: "neutral",
+					buttonStyle: "ghost",
+					iconOnly: !0,
+					"aria-label": P.jumpToMonth,
+					children: /* @__PURE__ */ E(g, {})
+				}) }), /* @__PURE__ */ E(d, {
+					className: G.jumpPopover,
+					children: O === "month-year" ? /* @__PURE__ */ E(h, {
+						value: {
+							month: n.getMonth(),
+							year: n.getFullYear()
+						},
+						onValueChange: ({ month: e, year: t }) => {
+							let r = new Date(n);
+							r.setDate(1), r.setFullYear(t, e), x?.(r);
+						},
+						minYear: k?.getFullYear(),
+						maxYear: A?.getFullYear()
+					}) : /* @__PURE__ */ E(m, {
+						mode: "single",
+						value: n,
+						onValueChange: (e) => {
+							e instanceof Date && x?.(e);
+						},
+						minDate: k,
+						maxDate: A,
+						closeOnSelect: !0
+					})
+				})] })]
+			}), /* @__PURE__ */ D("div", {
+				className: G.headerControls,
+				children: [
+					F.length > 0 && /* @__PURE__ */ D(T, { children: [/* @__PURE__ */ E(o, {
+						actions: F,
+						className: G.headerActions
+					}), /* @__PURE__ */ E("span", {
+						"aria-hidden": !0,
+						className: G.headerSeparator
+					})] }),
+					/* @__PURE__ */ E(a, {
+						type: "button",
+						tone: "neutral",
+						buttonStyle: "outline",
+						onClick: y,
+						children: P.today
+					}),
+					/* @__PURE__ */ D("div", {
+						className: G.navGroup,
+						children: [/* @__PURE__ */ E(a, {
+							type: "button",
+							tone: "neutral",
+							buttonStyle: "ghost",
+							iconOnly: !0,
+							onClick: s,
+							disabled: j,
+							"aria-label": P.previous,
+							children: /* @__PURE__ */ E(_, {})
+						}), /* @__PURE__ */ E(a, {
+							type: "button",
+							tone: "neutral",
+							buttonStyle: "ghost",
+							iconOnly: !0,
+							onClick: c,
+							disabled: M,
+							"aria-label": P.next,
+							children: /* @__PURE__ */ E(v, {})
+						})]
+					}),
+					!!b && /* @__PURE__ */ E(p, {
+						"aria-label": P.viewMode.label,
+						value: r,
+						options: I,
+						onValueChange: (e) => e && b(e),
+						className: G.viewSelect
+					})
+				]
+			})]
+		})
+	});
+}
+//#endregion
+//#region src/components/features/event-calendar/event-calendar-legend.tsx
+function ie({ categories: t, visibleCategories: r, onToggleCategory: i, enableFiltering: a = !1, strings: o, className: s }) {
+	let c = l(H, o);
+	if (t.length === 0) return null;
+	let u = !r || r.length === 0;
+	return /* @__PURE__ */ E("div", {
+		role: a ? "group" : void 0,
+		"aria-label": a ? c.filterCategories : void 0,
+		className: e("event-calendar-legend--component", G.legend, s),
+		children: t.map((t) => {
+			let o = !a || u || !!r?.includes(t.id), s = /* @__PURE__ */ D(T, { children: [
+				/* @__PURE__ */ E("span", {
+					"aria-hidden": !0,
+					"data-token": o ? W(t) : void 0,
+					className: G.swatch
+				}),
+				!!t.icon && /* @__PURE__ */ E("span", {
+					className: G.legendIcon,
+					children: t.icon
+				}),
+				/* @__PURE__ */ E(n, {
+					tag: "span",
+					size: "xs",
+					weight: "medium",
+					type: o ? "main" : "secondary",
+					children: t.label
+				})
+			] });
+			return !a || !i ? /* @__PURE__ */ E("span", {
+				className: G.chip,
+				children: s
+			}, t.id) : /* @__PURE__ */ E("button", {
+				type: "button",
+				"aria-pressed": o,
+				"data-off": !o || void 0,
+				className: e(G.chip, G.chipButton),
+				onClick: () => i(t.id),
+				children: s
+			}, t.id);
+		})
+	});
+}
+//#endregion
+//#region src/components/features/event-calendar/use-event-calendar.ts
+function ae({ events: e, date: t, defaultDate: n, viewMode: r, defaultViewMode: a = "month", onDateChange: o, onViewModeChange: s, dataOptions: c = {} }) {
+	let { locale: l } = i(), [u, d] = w(() => n ?? /* @__PURE__ */ new Date()), [f, p] = w(a), m = t ?? u, h = r ?? f, g = S((e) => {
+		t === void 0 && d(e), o?.(e);
+	}, [t, o]), _ = S((e) => {
+		r === void 0 && p(e), s?.(e);
+	}, [s, r]), v = Y(e, m, h, c), { visibleCategories: y } = c, b = C(() => y && y.length > 0 ? e.filter((e) => y.includes(e.category)) : e, [e, y]);
+	return {
+		currentDate: m,
+		viewMode: h,
+		calendarDays: v,
+		visibleEvents: b,
+		goToToday: S(() => g(/* @__PURE__ */ new Date()), [g]),
+		goToNextPeriod: S(() => g(h === "week" ? k(m, 1) : O(m, 1)), [
+			g,
+			m,
+			h
+		]),
+		goToPreviousPeriod: S(() => g(h === "week" ? V(m, 1) : B(m, 1)), [
+			g,
+			m,
+			h
+		]),
+		setDate: g,
+		setViewMode: _,
+		displayLabel: C(() => {
+			if (h === "week") {
+				let e = v[0]?.date, t = v[v.length - 1]?.date;
+				if (e && t) return `${N(e, "MMM d", { locale: l })} – ${N(t, "MMM d, yyyy", { locale: l })}`;
+			}
+			return N(m, "MMMM yyyy", { locale: l });
+		}, [
+			v,
+			m,
+			h,
+			l
+		]),
+		hasEvents: b.length > 0
+	};
+}
+//#endregion
+//#region src/components/features/event-calendar/event-calendar.tsx
+function oe(e, t) {
+	return e ? Array.isArray(e) ? e.some((e) => e.toDateString() === t.toDateString()) : typeof e == "function" ? e(t) : (e.dates?.some((e) => e.toDateString() === t.toDateString()) ?? !1) || (e.predicate?.(t) ?? !1) : !1;
+}
+function Q({ events: t, categories: a, viewMode: o, defaultViewMode: s, onViewModeChange: c, date: u, defaultDate: d, onDateChange: f, onEventClick: p, onDayClick: m, maxEventsPerDay: h = 3, showLegend: g = !0, showHeader: _ = !0, showWeekends: v = !0, weekStartsOn: y, locale: b, enableCategoryFilter: x = !1, visibleCategories: S, onVisibleCategoriesChange: T, loading: O = !1, emptyStateMessage: k, className: A, compact: j = !1, actions: M, strings: N, dayHeadingVariant: P = "default", dayHeadingClassName: F, renderDayHeading: I, rangeMode: L = "date", minDate: R, maxDate: z, disabledDates: ee, filterEvent: B, renderEvent: V, renderDayCell: U }) {
+	let W = l(H, N), [K, q] = w([]), J = S ?? K, { weekStartsOn: Y, locale: te } = i(), X = y ?? Y ?? 1, Z = b ?? te, Q = ae({
+		events: t,
+		date: u,
+		defaultDate: d,
+		viewMode: o,
+		defaultViewMode: s,
+		onDateChange: f,
+		onViewModeChange: c,
+		dataOptions: {
+			weekStartsOn: X,
+			showWeekends: v,
+			visibleCategories: J.length > 0 ? J : void 0
+		}
+	}), ce = (e) => {
+		let t = J.length === 0 ? a.filter((t) => t.id !== e).map((e) => e.id) : J.includes(e) ? J.filter((t) => t !== e) : [...J, e], n = t.length === a.length ? [] : t;
+		T ? T(n) : q(n);
+	}, le = C(() => {
+		let e = W.weekdaysShort, t = [...e.slice(X), ...e.slice(0, X)];
+		return v ? t : t.filter((e, t) => {
+			let n = (X + t) % 7;
+			return n !== 0 && n !== 6;
+		});
+	}, [
+		W.weekdaysShort,
+		v,
+		X
+	]), ue = (e) => !!(oe(ee, e) || R && e < R || z && e > z), $ = C(() => B ? Q.calendarDays.map((e) => {
+		let t = e.events.filter(B);
+		return {
+			...e,
+			events: t,
+			eventCount: t.length,
+			hasMultipleEvents: t.length > 1
+		};
+	}) : Q.calendarDays, [Q.calendarDays, B]), de = C(() => {
+		let e = $[0]?.date, t = $[$.length - 1]?.date;
+		return !e || !t ? {
+			prev: !1,
+			next: !1
+		} : {
+			prev: !!R && e <= R,
+			next: !!z && t >= z
+		};
+	}, [
+		$,
+		z,
+		R
+	]), fe = (e) => {
+		ue(e.date) || m?.(e.date, e.events);
+	};
+	if (O) return /* @__PURE__ */ E("div", {
+		className: e("event-calendar--component", G.loading, A),
+		children: /* @__PURE__ */ E(n, {
+			type: "secondary",
+			children: W.loading
+		})
+	});
+	let pe = v ? 7 : 5;
+	return /* @__PURE__ */ D("div", {
+		"data-slot": "event-calendar",
+		className: e("event-calendar--component", G.root, A),
+		style: { "--calendar-columns": pe },
+		children: [
+			_ && /* @__PURE__ */ E(re, {
+				currentDate: Q.currentDate,
+				viewMode: Q.viewMode,
+				displayLabel: Q.displayLabel,
+				onPrevious: Q.goToPreviousPeriod,
+				onNext: Q.goToNextPeriod,
+				onToday: Q.goToToday,
+				onViewModeChange: Q.setViewMode,
+				onDateChange: Q.setDate,
+				locale: Z,
+				actions: M,
+				rangeMode: L,
+				minDate: R,
+				maxDate: z,
+				prevDisabled: de.prev,
+				nextDisabled: de.next,
+				strings: W
+			}),
+			g && a.length > 0 && /* @__PURE__ */ E(ie, {
+				categories: a,
+				visibleCategories: J,
+				onToggleCategory: x ? ce : void 0,
+				enableFiltering: x,
+				strings: W
+			}),
+			!Q.hasEvents && k ? /* @__PURE__ */ E(r, {
+				title: k,
+				description: !1,
+				padding: "md",
+				border: !0
+			}) : Q.viewMode === "agenda" ? /* @__PURE__ */ E(se, {
+				days: $,
+				categories: a,
+				emptyLabel: W.emptyDay,
+				onEventClick: p,
+				renderEvent: V
+			}) : /* @__PURE__ */ D("div", {
+				className: G.grid,
+				children: [/* @__PURE__ */ E("div", {
+					className: G.weekdays,
+					"data-variant": P,
+					children: le.map((t, r) => I ? /* @__PURE__ */ E("div", { children: I(t, r) }, t) : /* @__PURE__ */ E("div", {
+						className: e(G.weekday, F),
+						children: /* @__PURE__ */ E(n, {
+							size: "xs",
+							weight: P === "accent" ? "medium" : "normal",
+							children: t
+						})
+					}, t))
+				}), /* @__PURE__ */ E("div", {
+					className: G.days,
+					children: $.map((e) => {
+						let t = ue(e.date), n = () => /* @__PURE__ */ E(ne, {
+							data: e,
+							categories: a,
+							maxEvents: h,
+							onClick: () => fe(e),
+							onEventClick: p,
+							compact: j,
+							strings: W,
+							renderEvent: V
+						});
+						return /* @__PURE__ */ E("div", {
+							className: G.dayWrap,
+							"data-disabled": t || void 0,
+							"aria-disabled": t || void 0,
+							children: U ? U(e, n) : n()
+						}, e.date.toISOString());
+					})
+				})]
+			})
+		]
+	});
+}
+function se({ days: e, categories: t, emptyLabel: i, onEventClick: a, renderEvent: o }) {
+	let s = e.filter((e) => e.eventCount > 0);
+	return s.length === 0 ? /* @__PURE__ */ E(r, {
+		title: i,
+		description: !1,
+		padding: "md",
+		border: !0
+	}) : /* @__PURE__ */ E("div", {
+		className: G.agenda,
+		children: s.map((e) => /* @__PURE__ */ D("section", {
+			className: G.agendaDay,
+			"data-today": e.isToday || void 0,
+			children: [/* @__PURE__ */ D("div", {
+				className: G.agendaDate,
+				children: [/* @__PURE__ */ E(n, {
+					size: "xs",
+					type: "secondary",
+					weight: "medium",
+					children: e.date.toLocaleDateString(void 0, { weekday: "short" })
+				}), /* @__PURE__ */ E(n, {
+					size: "lg",
+					weight: "semibold",
+					numeric: !0,
+					children: e.date.getDate()
+				})]
+			}), /* @__PURE__ */ E("div", {
+				className: G.agendaEvents,
+				children: e.events.map((e) => {
+					let n = X(t, e.category);
+					return o ? /* @__PURE__ */ E("div", { children: o(e, n) }, e.id) : /* @__PURE__ */ E(Z, {
+						event: e,
+						category: n,
+						onClick: a ? () => a(e) : void 0
+					}, e.id);
+				})
+			})]
+		}, e.date.toISOString()))
+	});
+}
+//#endregion
+export { Q as EventCalendar, ne as EventCalendarDayCell, K as EventCalendarEventBadge, Z as EventCalendarEventCard, re as EventCalendarHeader, ie as EventCalendarLegend, U as defaultEventCalendarEventCardStrings, H as defaultEventCalendarStrings, X as getCategoryById, te as getEventsForDay, W as resolveCategoryColorToken, ae as useEventCalendar, Y as useEventCalendarData };