themelia-react-ui 2.0.5 → 3.0.0

package/dist/features/event-calendar.js

@@ -1,38 +1,41 @@
 "use client";
-import { S as e, d as t, u as n } from "../ui-provider-C-74NVLc.js";
+import { C as e, d as t, f as n } from "../ui-provider-Bu1S-o96.js";
 import { useStrings as r } from "../lib/strings.js";
-import { t as i } from "../utils-B6kKb8jB.js";
-import { n as a } from "../buttons-BedGfygC.js";
-import { c as o, s } from "../typography-BQnine1k.js";
-import { t as c } from "../focus-recipes-B653VaLq.js";
-import { t as l } from "../structure-DuxKl954.js";
+import { t as i } from "../utils-BVbAG2J6.js";
+import { c as a, s as o } from "../typography-C0dELqYV.js";
+import { t as s } from "../focus-recipes-DSkiUvUp.js";
+import { n as c } from "../buttons-pZVgPTZn.js";
+import { t as l } from "../structure-DElaQwwN.js";
 import { i as u, t as d } from "../tone-recipes-BPsRAvhu.js";
-import { t as f } from "../composition.recipes-COdiFhxB.js";
-import { t as p } from "../interaction-recipes-XR9ZpVYL.js";
-import { r as m, t as h } from "../date-Cq8ioE4o.js";
-import { n as g } from "../field-affordance-recipes-DWcNcOjh.js";
-import { l as _ } from "../choice-inputs-zUgBZfE4.js";
-import { t as v } from "../date-pickers-DY-CpXS1.js";
-import { r as y, t as b } from "../control-group-recipes-fMuFo0H7.js";
-import { useCallback as x, useMemo as S, useState as C } from "react";
-import { Fragment as w, jsx as T, jsxs as E } from "react/jsx-runtime";
-import { ChevronLeft as D, ChevronRight as ee, ExternalLink as O } from "lucide-react";
-import { addMonths as k, addWeeks as A, eachDayOfInterval as j, endOfMonth as te, 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 B, subMonths as V, subWeeks as H } from "date-fns";
+import { a as f, o as p } from "../surface-recipes-DV6rrOFq.js";
+import { n as m, t as h } from "../feedback-DmqmXKLn.js";
+import { t as g } from "../composition.recipes-COdiFhxB.js";
+import { t as _ } from "../interaction-recipes-DmuS1ase.js";
+import { r as v, t as ee } from "../date-3qsCE1ID.js";
+import { n as y } from "../field-affordance-recipes-DfbMadot.js";
+import { l as b } from "../choice-inputs-oJEsrb5Y.js";
+import { t as x } from "../date-pickers-D8aJoeHc.js";
+import { r as S, t as C } from "../control-group-recipes-fMuFo0H7.js";
+import { s as w } from "../data-display-CWe9SOYh.js";
+import { isValidElement as te, useCallback as T, useLayoutEffect as E, useMemo as D, useRef as O, useState as k } from "react";
+import { Fragment as ne, jsx as A, jsxs as j } from "react/jsx-runtime";
+import { ChevronLeft as re, ChevronRight as ie, ExternalLink as M } from "lucide-react";
+import { addDays as N, addMonths as ae, addWeeks as oe, eachDayOfInterval as se, endOfDay as ce, endOfMonth as le, endOfWeek as ue, format as P, formatISO as de, isSameDay as F, isSameMonth as fe, isToday as I, isWeekend as pe, startOfDay as L, startOfMonth as me, startOfWeek as he, subMonths as ge, subWeeks as _e } from "date-fns";
 //#region src/components/features/event-calendar/event-calendar.types.ts
-var U = {
-	gray: "bg-muted-foreground",
-	red: "bg-chart-4",
+var R = {
+	gray: f.marker,
+	red: "bg-chart-6",
 	orange: "bg-chart-5",
 	amber: "bg-chart-5",
-	yellow: "bg-chart-5",
-	green: "bg-chart-1",
+	yellow: "bg-chart-7",
+	green: "bg-chart-8",
 	blue: "bg-chart-2",
 	purple: "bg-chart-3"
 };
-function W(e) {
+function z(e) {
 	return e?.colorToken ?? "gray";
 }
-var G = {
+var B = {
 	today: "Today",
 	previous: "Previous",
 	next: "Next",
@@ -53,79 +56,89 @@ var G = {
 		"Thu",
 		"Fri",
 		"Sat"
-	]
+	],
+	categoryFilterLabel: "Filter event categories",
+	formatEventLabel: (e, t) => `${e} at ${t}`,
+	errorTitle: "Events unavailable",
+	errorDescription: "The events could not be loaded.",
+	retry: "Retry"
 };
 //#endregion
 //#region src/components/features/event-calendar/event-calendar-event-badge.tsx
-function K({ event: e, category: t, compact: n = !1, onClick: r }) {
-	let a = U[W(t)], s = e.allDay ? null : N(e.startDate, "HH:mm"), c = e.metadata?.calendar_cell_title, l = typeof c == "string" && c.trim() !== "" ? c : e.title, u = s ? `${l} at ${s}` : l;
-	return /* @__PURE__ */ T("button", {
+function ve({ event: e, category: t, compact: n = !1, onClick: r, disabled: o = !1, locale: s, tabIndex: c, strings: l }) {
+	let u = R[z(t)], f = l?.formatTime ?? ((e) => s ? P(e, "p", { locale: s }) : P(e, "HH:mm")), p = l?.formatEventLabel ?? B.formatEventLabel, m = e.allDay ? null : f(e.startDate), h = e.metadata?.calendar_cell_title, g = typeof h == "string" && h.trim() !== "" ? h : e.title, _ = m ? p(g, m) : g;
+	return /* @__PURE__ */ A("button", {
 		type: "button",
 		onClick: (e) => {
-			e.stopPropagation(), r?.();
+			e.stopPropagation(), o || r?.();
 		},
-		className: i("event-calendar-event-badge--component", g.inline, g.focus, "@container/calendar-event group/calendar-event w-full min-w-0 cursor-pointer text-left text-card-foreground"),
-		"aria-label": u,
-		title: u,
-		children: /* @__PURE__ */ E("span", {
+		className: i("event-calendar-event-badge--component", y.inline, y.focus, "@container/calendar-event group/calendar-event w-full min-w-0 text-left text-card-foreground", o ? "cursor-not-allowed" : "cursor-pointer"),
+		tabIndex: c,
+		"aria-label": _,
+		"aria-disabled": o || void 0,
+		title: _,
+		children: /* @__PURE__ */ j("span", {
 			className: i("box-border flex w-full min-w-0 flex-wrap items-center gap-x-space-xs overflow-hidden rounded-radius border border-border bg-card px-space-xs group-hover/calendar-event:bg-accent group-hover/calendar-event:text-accent-foreground", n ? "py-space-2xs" : "py-space-xs", "@max-[4rem]/calendar-event:min-h-action-xs @max-[4rem]/calendar-event:justify-center @max-[4rem]/calendar-event:border-transparent @max-[4rem]/calendar-event:bg-transparent @max-[4rem]/calendar-event:px-0 @max-[4rem]/calendar-event:py-space-2xs"),
-			children: [/* @__PURE__ */ E("span", {
+			children: [/* @__PURE__ */ j("span", {
 				className: "event-calendar-event-badge--title flex min-w-0 flex-auto items-center gap-space-xs @max-[4rem]/calendar-event:flex-none",
-				children: [/* @__PURE__ */ T("span", {
+				children: [/* @__PURE__ */ A("span", {
 					"aria-hidden": "true",
-					className: i(d.inline, a)
-				}), /* @__PURE__ */ T(o, {
+					className: i(d.inline, u)
+				}), /* @__PURE__ */ A(a, {
 					tag: "span",
 					type: "inherit",
 					size: "xs",
 					weight: "medium",
 					className: "hidden min-w-0 flex-1 truncate @min-[4rem]/calendar-event:block",
-					children: l
+					children: g
 				})]
-			}), !!s && /* @__PURE__ */ T(o, {
+			}), !!m && /* @__PURE__ */ A(a, {
 				tag: "span",
 				size: "xs",
 				type: "secondary",
 				className: "hidden shrink-0 whitespace-nowrap tabular-nums @min-[4rem]/calendar-event:inline",
-				children: s
+				children: m
 			})]
 		})
 	});
 }
-K.displayName = "EventCalendarEventBadge";
+ve.displayName = "EventCalendarEventBadge";
 //#endregion
 //#region src/components/features/event-calendar/use-event-calendar-data.tsx
-function q(e, t, n, r = {}) {
+function V(e) {
+	return de(e, { representation: "date" });
+}
+function ye(e, t, n, r = {}) {
 	let { weekStartsOn: i = 1, showWeekends: a = !0, visibleCategories: o } = r;
-	return S(() => {
-		let r = z(t), s = te(t), c, l;
-		n === "month" ? (c = B(r, { weekStartsOn: i }), l = M(s, { weekStartsOn: i })) : n === "week" ? (c = B(t, { weekStartsOn: i }), l = M(t, { weekStartsOn: i })) : (c = r, l = s);
-		let u = j({
+	return D(() => {
+		let r = me(t), s = le(t), c, l;
+		n === "month" ? (c = he(r, { weekStartsOn: i }), l = ue(s, { weekStartsOn: i })) : n === "week" ? (c = he(t, { weekStartsOn: i }), l = ue(t, { weekStartsOn: i })) : (c = r, l = s);
+		let u = se({
 			start: c,
 			end: l
 		}), d = o && o.length > 0 ? e.filter((e) => o.includes(e.category)) : e, f = /* @__PURE__ */ new Map();
 		return d.forEach((e) => {
-			let t = R(e.startDate);
+			let t = L(e.startDate);
 			if (Number.isNaN(t.getTime())) return;
 			let n = t;
 			if (e.endDate && !Number.isNaN(e.endDate.getTime())) {
-				let r = R(e.endDate);
+				let r = L(e.endDate);
 				!Number.isNaN(r.getTime()) && r.getTime() >= t.getTime() && (n = r);
 			}
-			j({
+			se({
 				start: t,
 				end: n
 			}).forEach((t) => {
-				let n = t.toISOString().split("T")[0];
+				let n = V(t);
 				f.has(n) || f.set(n, []), f.get(n).push(e);
 			});
-		}), u.filter((e) => a || !L(e)).map((e) => {
-			let n = e.toISOString().split("T")[0], r = [...f.get(n) || []].sort((e, t) => e.allDay && !t.allDay ? -1 : !e.allDay && t.allDay ? 1 : e.startDate.getTime() - t.startDate.getTime());
+		}), u.filter((e) => a || !pe(e)).map((e) => {
+			let n = V(e), r = [...f.get(n) || []].sort((e, t) => e.allDay && !t.allDay ? -1 : !e.allDay && t.allDay ? 1 : e.startDate.getTime() - t.startDate.getTime());
 			return {
 				date: e,
-				isCurrentMonth: F(e, t),
+				isCurrentMonth: fe(e, t),
 				isToday: I(e),
-				isWeekend: L(e),
+				isWeekend: pe(e),
 				events: r,
 				eventCount: r.length,
 				hasMultipleEvents: r.length > 1
@@ -140,185 +153,191 @@ function q(e, t, n, r = {}) {
 		o
 	]);
 }
-function ne(e, t) {
+function be(e, t) {
 	return e.filter((e) => {
-		let n = R(e.startDate), r = e.endDate ? R(e.endDate) : n, i = R(t);
-		return P(i, n) || P(i, r) || i > n && i < r;
+		let n = L(e.startDate), r = e.endDate ? L(e.endDate) : n, i = L(t);
+		return F(i, n) || F(i, r) || i > n && i < r;
 	}).sort((e, t) => e.allDay && !t.allDay ? -1 : !e.allDay && t.allDay ? 1 : e.startDate.getTime() - t.startDate.getTime());
 }
-function J(e, t) {
+function H(e, t) {
 	return e.find((e) => e.id === t);
 }
 //#endregion
 //#region src/components/features/event-calendar/event-calendar-day-cell.tsx
-function Y({ data: e, categories: t, maxEvents: n = 3, onClick: r, onEventClick: a, compact: s = !1, strings: c, renderEvent: l }) {
-	let u = {
-		booking: c?.booking ?? G.booking,
-		bookings: c?.bookings ?? G.bookings
-	}, { date: d, isCurrentMonth: f, isToday: p, isWeekend: m, events: h, eventCount: _ } = e, v = h.slice(0, n), y = Math.max(0, _ - n);
-	return /* @__PURE__ */ T("div", {
+function xe({ data: e, categories: t, maxEvents: n = 3, onClick: r, onEventClick: o, compact: s = !1, strings: c, renderEvent: l, disabled: u = !1, locale: f, tabStop: p }) {
+	let m = p === void 0 ? void 0 : p ? 0 : -1, h = {
+		booking: c?.booking ?? B.booking,
+		bookings: c?.bookings ?? B.bookings
+	}, { date: g, isCurrentMonth: _, isToday: v, isWeekend: ee, events: b, eventCount: x } = e, S = b.slice(0, n), C = b.slice(n), w = Math.max(0, x - n), te = [...new Set(C.map((e) => e.category))].slice(0, 3), T = (e) => `${e} ${e === 1 ? h.booking : h.bookings}`, E = P(g, "PPPP", { locale: f }), D = c?.formatDayLabel ? c.formatDayLabel(E, x) : x === 0 ? E : `${E}, ${T(x)}`, O = c?.formatOverflow ? c.formatOverflow(w) : T(w), k = () => {
+		u || r();
+	};
+	return /* @__PURE__ */ A("div", {
 		className: i("event-calendar-day-cell--component", "box-border h-full p-0 relative w-full border-r border-b border-border last:border-r-0 [&:nth-child(7n)]:border-r-0"),
-		children: /* @__PURE__ */ E("div", {
-			onClick: r,
-			className: i("event-calendar-day-cell--surface", "box-border relative h-full w-full min-h-24 p-space-md transition-colors", "hover:bg-accent", "flex flex-col items-start gap-space-xs", p && "h-full bg-accent text-accent-foreground", s && "min-h-20 p-space-xs"),
-			"data-date": d.toISOString(),
-			"data-today": p,
-			"data-weekend": m,
-			"data-current-month": f,
-			children: [/* @__PURE__ */ T("button", {
+		children: /* @__PURE__ */ j("div", {
+			onClick: k,
+			className: i("event-calendar-day-cell--surface", "box-border relative h-full w-full min-h-24 p-space-md transition-colors", "hover:bg-accent", "flex flex-col items-start gap-space-xs", v && "h-full bg-accent text-accent-foreground", s && "min-h-20 p-space-xs"),
+			"data-date": g.toISOString(),
+			"data-today": v,
+			"data-weekend": ee,
+			"data-current-month": _,
+			children: [/* @__PURE__ */ A("button", {
 				type: "button",
 				onClick: (e) => {
-					e.stopPropagation(), r();
+					e.stopPropagation(), k();
 				},
-				className: i("event-calendar-day-cell--date", g.target, g.focus, "text-inherit"),
-				"aria-label": d.toDateString(),
-				children: /* @__PURE__ */ T(o, {
+				className: i("event-calendar-day-cell--date", y.target, y.focus, "text-inherit", u && "cursor-not-allowed"),
+				tabIndex: m,
+				"aria-label": D,
+				"aria-current": v ? "date" : void 0,
+				"aria-disabled": u || void 0,
+				children: /* @__PURE__ */ A(a, {
 					size: s ? "xs" : void 0,
-					weight: p ? "semibold" : "regular",
-					type: f ? "main" : "secondary",
+					weight: v ? "semibold" : "regular",
+					type: _ ? "main" : "secondary",
 					lineHeight: "none",
-					children: d.getDate()
+					children: g.getDate()
 				})
-			}), /* @__PURE__ */ E("div", {
+			}), /* @__PURE__ */ j("div", {
 				className: "w-full space-y-space-2xs",
-				children: [v.map((n) => {
-					let i = J(t, n.category);
-					return l ? /* @__PURE__ */ T("div", { children: l(n, i) }, n.id) : /* @__PURE__ */ T(K, {
+				children: [S.map((n) => {
+					let i = H(t, n.category);
+					return l ? /* @__PURE__ */ A("div", { children: l(n, i) }, n.id) : /* @__PURE__ */ A(ve, {
 						event: n,
 						category: i,
 						compact: s || e.hasMultipleEvents,
+						disabled: u,
+						locale: f,
+						tabIndex: p === !1 ? -1 : void 0,
+						strings: c,
 						onClick: () => {
-							a ? a(n) : r();
+							o ? o(n) : r();
 						}
 					}, n.id);
-				}), y > 0 && /* @__PURE__ */ E("div", {
+				}), w > 0 && /* @__PURE__ */ j("div", {
 					className: "flex items-center gap-space-xs py-space-2xs px-space-md",
-					children: [/* @__PURE__ */ T("div", {
+					children: [/* @__PURE__ */ A("div", {
 						className: "flex items-center -space-x-1",
-						children: t.slice(0, 3).map((e, t) => /* @__PURE__ */ T("span", { className: i("h-1.5 w-1.5 rounded-full border border-background", U[W(e)]) }, e.id || t))
-					}), /* @__PURE__ */ E(o, {
+						children: te.map((e) => /* @__PURE__ */ A("span", { className: i("event-calendar-day-cell--overflow-dot", d.inline, "border border-background", R[z(H(t, e))]) }, e))
+					}), /* @__PURE__ */ A(a, {
 						size: "xs",
 						type: "secondary",
 						weight: "medium",
-						children: [
-							y,
-							" ",
-							y === 1 ? u.booking : u.bookings
-						]
+						children: O
 					})]
 				})]
 			})]
 		})
 	});
 }
-Y.displayName = "EventCalendarDayCell";
+xe.displayName = "EventCalendarDayCell";
 //#endregion
 //#region src/components/features/event-calendar/event-calendar-header.tsx
-var re = (e, t) => {
+var Se = (e, t) => {
 	if (!e) return null;
-	if (e.element) return /* @__PURE__ */ T("div", {
+	if (e.element) return /* @__PURE__ */ A("div", {
 		className: "event-calendar-header--action-slot",
 		children: e.element
 	}, e.id || t);
-	let n = e.icon, r = e.id || `action-${t}`, o = () => {
+	let n = e.icon, r = e.id || `action-${t}`, a = () => {
 		e.onClick?.();
-	}, s = e.buttonStyle === "link" ? "ghost" : e.buttonStyle ?? "solid";
-	return /* @__PURE__ */ E(a, {
-		tone: e.tone ?? "primary",
-		buttonStyle: s,
-		onClick: o,
+	}, o = e.buttonStyle === "link" ? "ghost" : e.buttonStyle ?? "outline";
+	return /* @__PURE__ */ j(c, {
+		tone: e.tone ?? "secondary",
+		buttonStyle: o,
+		onClick: a,
 		className: i("gap-space-md", e.buttonStyle === "link" && "underline underline-offset-[0.2em]"),
 		disabled: !!e.disabled,
-		children: [!!n && /* @__PURE__ */ T(n, { className: "size-icon" }), e.label]
+		children: [!!n && /* @__PURE__ */ A(n, { className: "size-icon" }), e.label]
 	}, r);
 };
-function ie({ currentDate: n, viewMode: o, displayLabel: c, onPrevious: l, onNext: u, onToday: d, onViewModeChange: p, onDateChange: m, locale: h, actions: g, strings: x, rangeMode: C = "date", minDate: O, maxDate: k, prevDisabled: A = !1, nextDisabled: j = !1 }) {
-	let { defaultScale: te } = t(), M = e(void 0, te), N = r(G, x), P = S(() => (g || []).filter((e) => e.visible !== !1), [g]), F = S(() => [
+function Ce({ currentDate: t, viewMode: a, displayLabel: s, onPrevious: l, onNext: u, onToday: d, onViewModeChange: f, onDateChange: p, locale: m, actions: h, strings: _, rangeMode: v = "date", minDate: ee, maxDate: y, prevDisabled: w = !1, nextDisabled: te = !1, todayDisabled: T = !1 }) {
+	let { defaultScale: E } = n(), O = e(void 0, E), k = r(B, _), M = D(() => (h || []).filter((e) => e.visible !== !1), [h]), N = D(() => [
 		{
 			value: "month",
-			label: N.viewMode.month
+			label: k.viewMode.month
 		},
 		{
 			value: "week",
-			label: N.viewMode.week
+			label: k.viewMode.week
 		},
 		{
 			value: "agenda",
-			label: N.viewMode.agenda
+			label: k.viewMode.agenda
 		}
 	], [
-		N.viewMode.month,
-		N.viewMode.week,
-		N.viewMode.agenda
+		k.viewMode.month,
+		k.viewMode.week,
+		k.viewMode.agenda
 	]);
-	return /* @__PURE__ */ T("div", {
+	return /* @__PURE__ */ A("div", {
 		className: "event-calendar-header--component @container/event-calendar-header mb-space-xl min-w-0",
-		children: /* @__PURE__ */ E("div", {
+		children: /* @__PURE__ */ j("div", {
 			className: "event-calendar-header--layout flex min-w-0 flex-col items-stretch gap-space-lg @2xl/event-calendar-header:flex-row @2xl/event-calendar-header:items-center @2xl/event-calendar-header:justify-between @2xl/event-calendar-header:gap-space-xl",
-			children: [/* @__PURE__ */ E("div", {
+			children: [/* @__PURE__ */ j("div", {
 				className: "event-calendar-header--title flex min-w-0 flex-wrap items-center gap-space-lg @2xl/event-calendar-header:flex-none",
-				children: [/* @__PURE__ */ T(s, {
+				children: [/* @__PURE__ */ A(o, {
 					tag: "h3",
 					className: "min-w-0 break-words text-inherit",
-					children: c
-				}), /* @__PURE__ */ T(v, {
+					children: s
+				}), /* @__PURE__ */ A(x, {
 					iconOnly: !0,
 					className: "min-w-0 max-w-full",
 					value: {
-						month: n.getMonth(),
-						year: n.getFullYear()
+						month: t.getMonth(),
+						year: t.getFullYear()
 					},
 					onValueChange: (e) => {
-						e.date && m?.(e.date);
+						e.date && p?.(e.date);
 					},
-					fromYear: O?.getFullYear(),
-					toYear: k?.getFullYear(),
-					locale: h,
-					strings: N.monthYearPicker
+					fromYear: ee?.getFullYear(),
+					toYear: y?.getFullYear(),
+					locale: m,
+					strings: k.monthYearPicker
 				})]
-			}), /* @__PURE__ */ E("div", {
+			}), /* @__PURE__ */ j("div", {
 				className: "event-calendar-header--controls flex w-full min-w-0 flex-wrap items-center gap-space-md @2xl/event-calendar-header:w-auto @2xl/event-calendar-header:flex-1 @2xl/event-calendar-header:justify-end",
 				children: [
-					P.length > 0 && /* @__PURE__ */ E(w, { children: [/* @__PURE__ */ T("div", {
-						className: i("event-calendar-header--actions flex min-w-0 flex-wrap items-center", f.commands),
-						children: P.map((e, t) => re(e, t))
-					}), /* @__PURE__ */ T("div", { className: "event-calendar-header--separator mx-space-sm hidden h-6 w-px bg-border @sm/event-calendar-header:block" })] }),
-					/* @__PURE__ */ T(a, {
+					M.length > 0 && /* @__PURE__ */ j(ne, { children: [/* @__PURE__ */ A("div", {
+						className: i("event-calendar-header--actions flex min-w-0 flex-wrap items-center", g.commands),
+						children: M.map((e, t) => Se(e, t))
+					}), /* @__PURE__ */ A("div", { className: "event-calendar-header--separator mx-space-sm hidden h-6 w-px bg-border @sm/event-calendar-header:block" })] }),
+					/* @__PURE__ */ A(c, {
 						tone: "secondary",
 						buttonStyle: "outline",
 						onClick: d,
-						children: N.today
+						disabled: T,
+						children: k.today
 					}),
-					/* @__PURE__ */ E("div", {
-						className: i("event-calendar-header--navigation", y.joinedFrame, b[M]),
-						children: [/* @__PURE__ */ T(a, {
+					/* @__PURE__ */ j("div", {
+						className: i("event-calendar-header--navigation", S.joinedFrame, C[O]),
+						children: [/* @__PURE__ */ A(c, {
 							tone: "secondary",
 							buttonStyle: "ghost",
-							size: M,
+							size: O,
 							iconOnly: !0,
 							onClick: l,
-							disabled: A,
-							className: i(y.joinedItem, y.firstItem, "border-border border-e"),
-							"aria-label": N.previous,
-							children: /* @__PURE__ */ T(D, { className: "size-icon rtl:rotate-180" })
-						}), /* @__PURE__ */ T(a, {
+							disabled: w,
+							className: i(S.joinedItem, S.firstItem, "border-border border-e"),
+							"aria-label": k.previous,
+							children: /* @__PURE__ */ A(re, { className: "size-icon rtl:rotate-180" })
+						}), /* @__PURE__ */ A(c, {
 							tone: "secondary",
 							buttonStyle: "ghost",
-							size: M,
+							size: O,
 							iconOnly: !0,
 							onClick: u,
-							disabled: j,
-							className: i(y.joinedItem, y.lastItem),
-							"aria-label": N.next,
-							children: /* @__PURE__ */ T(ee, { className: "size-icon rtl:rotate-180" })
+							disabled: te,
+							className: i(S.joinedItem, S.lastItem),
+							"aria-label": k.next,
+							children: /* @__PURE__ */ A(ie, { className: "size-icon rtl:rotate-180" })
 						})]
 					}),
-					!!p && /* @__PURE__ */ T(_, {
-						"aria-label": N.viewMode.label,
-						value: o,
-						options: F,
+					!!f && /* @__PURE__ */ A(b, {
+						"aria-label": k.viewMode.label,
+						value: a,
+						options: N,
 						onValueChange: (e) => {
-							e && p(e);
+							e && f(e);
 						},
 						className: "w-full max-w-full @sm/event-calendar-header:w-28"
 					})
@@ -327,77 +346,77 @@ function ie({ currentDate: n, viewMode: o, displayLabel: c, onPrevious: l, onNex
 		})
 	});
 }
-ie.displayName = "EventCalendarHeader";
+Ce.displayName = "EventCalendarHeader";
 //#endregion
 //#region src/components/features/event-calendar/colors.ts
-var X = {
+var U = {
 	badgeBg: "bg-muted",
 	border: "border-border"
-}, Z = {
+}, W = {
 	gray: {
-		...X,
-		swatch: U.gray
+		...U,
+		swatch: R.gray
 	},
 	red: {
-		...X,
-		swatch: U.red
+		...U,
+		swatch: R.red
 	},
 	orange: {
-		...X,
-		swatch: U.orange
+		...U,
+		swatch: R.orange
 	},
 	amber: {
-		...X,
-		swatch: U.amber
+		...U,
+		swatch: R.amber
 	},
 	yellow: {
-		...X,
-		swatch: U.yellow
+		...U,
+		swatch: R.yellow
 	},
 	green: {
-		...X,
-		swatch: U.green
+		...U,
+		swatch: R.green
 	},
 	blue: {
-		...X,
-		swatch: U.blue
+		...U,
+		swatch: R.blue
 	},
 	purple: {
-		...X,
-		swatch: U.purple
+		...U,
+		swatch: R.purple
 	}
 };
-function ae(e) {
-	let t = W(e);
+function we(e) {
+	let t = z(e);
 	return {
-		dot: U[t],
-		...Z[t]
+		dot: R[t],
+		...W[t]
 	};
 }
-function oe(e) {
-	return U[W(e)];
+function Te(e) {
+	return R[z(e)];
 }
 //#endregion
 //#region src/components/features/event-calendar/event-calendar-legend.tsx
-function se({ categories: e, visibleCategories: t, onToggleCategory: n, enableFiltering: r = !1 }) {
-	let s = !t || t.length === 0, c = (e) => !r || s || t?.includes(e), l = (e) => {
+function Ee({ categories: e, visibleCategories: t, onToggleCategory: n, enableFiltering: r = !1, strings: o }) {
+	let s = !t || t.length === 0, l = (e) => !r || s || t?.includes(e), u = (e) => {
 		r && n && n(e);
 	};
-	return e.length === 0 ? null : /* @__PURE__ */ T("div", {
+	return e.length === 0 ? null : /* @__PURE__ */ A("div", {
 		role: r ? "group" : void 0,
-		"aria-label": r ? "Filter event categories" : void 0,
+		"aria-label": r ? o?.categoryFilterLabel ?? B.categoryFilterLabel : void 0,
 		className: i("event-calendar-legend--component", "flex flex-wrap items-center gap-space-sm py-space-xs"),
 		children: e.map((e) => {
-			let t = c(e.id), n = ae(e), s = e.icon, u = "group inline-flex items-center gap-space-sm rounded-radius border px-space-sm py-space-xs transition-colors", d = /* @__PURE__ */ E(w, { children: [
-				/* @__PURE__ */ T("span", {
-					className: i("inline-block size-2 rounded-radius", t ? n.swatch : "bg-muted-foreground/40"),
+			let t = l(e.id), n = we(e), o = e.icon, s = "group inline-flex items-center gap-space-sm rounded-radius border px-space-sm py-space-xs transition-colors", p = /* @__PURE__ */ j(ne, { children: [
+				/* @__PURE__ */ A("span", {
+					className: i(d.marker, t ? n.swatch : f.markerIdle),
 					"aria-hidden": "true"
 				}),
-				!!s && /* @__PURE__ */ T(s, {
+				!!o && /* @__PURE__ */ A(o, {
 					className: i("size-icon-sm", t ? "text-inherit" : "text-muted-foreground"),
 					"aria-hidden": "true"
 				}),
-				/* @__PURE__ */ T(o, {
+				/* @__PURE__ */ A(a, {
 					tag: "span",
 					size: "xs",
 					weight: "medium",
@@ -405,162 +424,305 @@ function se({ categories: e, visibleCategories: t, onToggleCategory: n, enableFi
 					children: e.label
 				})
 			] });
-			return r ? /* @__PURE__ */ T(a, {
+			return r ? /* @__PURE__ */ A(c, {
 				type: "button",
 				tone: "secondary",
 				buttonStyle: "ghost",
 				size: "sm",
 				"aria-pressed": t,
-				onClick: () => l(e.id),
-				className: i(u, "h-auto min-h-0 cursor-pointer shadow-none", t ? `border-border bg-card text-card-foreground ${p.toggleHover}` : `border-dashed border-border/60 bg-transparent text-muted-foreground ${p.toggleHover}`),
-				children: d
-			}, e.id) : /* @__PURE__ */ T("span", {
-				className: i(u, "border-border bg-card text-card-foreground cursor-default"),
-				children: d
+				onClick: () => u(e.id),
+				className: i(s, "h-auto min-h-0 cursor-pointer shadow-none", t ? `border-border bg-card text-card-foreground ${_.toggleHover}` : `border-dashed border-border/60 bg-transparent text-muted-foreground ${_.toggleHover}`),
+				children: p
+			}, e.id) : /* @__PURE__ */ A("span", {
+				className: i(s, "border-border bg-card text-card-foreground cursor-default"),
+				children: p
 			}, e.id);
 		})
 	});
 }
-se.displayName = "EventCalendarLegend";
+Ee.displayName = "EventCalendarLegend";
 //#endregion
 //#region src/components/features/event-calendar/use-event-calendar.tsx
-function ce({ events: e, locale: t, date: n, defaultDate: r = /* @__PURE__ */ new Date(), viewMode: i, defaultViewMode: a = "month", onDateChange: o, onViewModeChange: s, dataOptions: c = {} }) {
-	let [l, u] = C(r), [d, f] = C(a), p = n ?? l, m = i ?? d, h = x((e) => {
+function De({ events: e, locale: t, date: n, defaultDate: r, viewMode: i, defaultViewMode: a = "month", onDateChange: o, onViewModeChange: s, dataOptions: c = {} }) {
+	let [l, u] = k(() => r ?? /* @__PURE__ */ new Date()), [d, f] = k(a), p = n ?? l, m = i ?? d, h = T((e) => {
 		n === void 0 && u(e), o?.(e);
-	}, [n, o]), g = x((e) => {
+	}, [n, o]), g = T((e) => {
 		i === void 0 && f(e), s?.(e);
-	}, [s, i]), _ = q(e, p, m, c), v = S(() => c.visibleCategories && c.visibleCategories.length > 0 ? e.filter((e) => c.visibleCategories.includes(e.category)) : e, [e, c.visibleCategories]);
+	}, [s, i]), _ = ye(e, p, m, c), v = D(() => c.visibleCategories && c.visibleCategories.length > 0 ? e.filter((e) => c.visibleCategories.includes(e.category)) : e, [e, c.visibleCategories]);
 	return {
 		currentDate: p,
 		viewMode: m,
 		calendarDays: _,
 		visibleEvents: v,
-		goToToday: x(() => {
+		goToToday: T(() => {
 			h(/* @__PURE__ */ new Date());
 		}, [h]),
-		goToNextPeriod: x(() => {
-			let e = m === "month" ? k(p, 1) : A(p, 1);
+		goToNextPeriod: T(() => {
+			let e = m === "week" ? oe(p, 1) : ae(p, 1);
 			h(e);
 		}, [
 			h,
 			p,
 			m
 		]),
-		goToPreviousPeriod: x(() => {
-			let e = m === "month" ? V(p, 1) : H(p, 1);
+		goToPreviousPeriod: T(() => {
+			let e = m === "week" ? _e(p, 1) : ge(p, 1);
 			h(e);
 		}, [
 			h,
 			p,
 			m
 		]),
-		setDate: x((e) => {
+		setDate: T((e) => {
 			h(e);
 		}, [h]),
-		setViewMode: x((e) => {
+		setViewMode: T((e) => {
 			g(e);
 		}, [g]),
-		displayLabel: S(() => {
-			if (m === "month") return N(p, "MMMM yyyy", { locale: t });
+		displayLabel: D(() => {
+			if (m === "month") return P(p, "MMMM yyyy", { locale: t });
 			if (m === "week") {
 				let e = _[0]?.date, n = _[_.length - 1]?.date;
-				return e && n ? `${N(e, "MMM d", { locale: t })} - ${N(n, "MMM d, yyyy", { locale: t })}` : N(p, "MMMM yyyy", { locale: t });
+				return e && n ? `${P(e, "MMM d", { locale: t })} - ${P(n, "MMM d, yyyy", { locale: t })}` : P(p, "MMMM yyyy", { locale: t });
 			}
-			return N(p, "MMMM yyyy", { locale: t });
+			return P(p, "MMMM yyyy", { locale: t });
 		}, [
 			p,
 			m,
 			_,
 			t
 		]),
-		hasEvents: S(() => v.length > 0, [v])
+		hasEvents: D(() => v.length > 0, [v])
 	};
 }
 //#endregion
 //#region src/components/features/event-calendar/event-calendar.tsx
-function le(e, t) {
+function G(e) {
+	return P(e, "yyyy-MM-dd");
+}
+function Oe(e, t) {
+	return e?.querySelector(`[data-day="${t}"] .event-calendar-day-cell--date`) ?? null;
+}
+function ke(e, t) {
 	if (!e) return !1;
 	if (Array.isArray(e)) return e.some((e) => e.toDateString() === t.toDateString());
 	if (typeof e == "function") return e(t);
 	let n = e.dates?.some((e) => e.toDateString() === t.toDateString()) ?? !1, r = e.predicate?.(t) ?? !1;
 	return n || r;
 }
-function ue({ events: e, categories: t, viewMode: a, defaultViewMode: s, onViewModeChange: c, date: l, 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: w, onVisibleCategoriesChange: D, loading: ee = !1, emptyStateMessage: O, className: k, compact: A = !1, actions: j, strings: te, dayHeadingVariant: M = "default", dayHeadingClassName: N, renderDayHeading: P, rangeMode: F = "date", minDate: I, maxDate: L, disabledDates: R, filterEvent: z, renderEvent: B, renderDayCell: V }) {
-	let H = r(G, te), [U, W] = C([]), K = w ?? U, { weekStartsOn: q, locale: ne } = n(), J = y ?? q ?? 1, re = b ?? ne, X = (e) => {
-		let t = K.includes(e) ? K.filter((t) => t !== e) : [...K, e];
-		D ? D(t) : W(t);
-	}, Z = ce({
+function K({ events: e, categories: n, viewMode: o, defaultViewMode: c, onViewModeChange: l, date: d, defaultDate: f, onDateChange: g, onEventClick: _, onDayClick: v, maxEventsPerDay: ee = 3, showLegend: y = !0, showHeader: b = !0, showWeekends: x = !0, weekStartsOn: S, locale: C, enableCategoryFilter: T = !1, visibleCategories: ne, onVisibleCategoriesChange: re, loading: ie = !1, error: M, onRetry: oe, showViewSwitcher: se = !0, className: le, compact: ue = !1, actions: de, strings: F, dayHeadingVariant: I = "default", dayHeadingClassName: me, renderDayHeading: ge, rangeMode: _e = "date", minDate: R, maxDate: z, disabledDates: ve, filterEvent: V, renderEvent: ye, renderDayCell: be }) {
+	let H = r(B, F), [Se, U] = k([]), W = ne ?? Se, { weekStartsOn: we, locale: Te } = t(), K = S ?? we ?? 1, q = C ?? Te, Ae = (e) => {
+		let t = n.map((e) => e.id), r = W.length > 0 ? W : t, i = r.includes(e) ? r.filter((t) => t !== e) : [...r, e], a = t.every((e) => i.includes(e)) || i.length === 0 ? [] : i;
+		re ? re(a) : U(a);
+	}, J = De({
 		events: e,
-		locale: re,
-		date: l,
-		defaultDate: d,
-		viewMode: a,
-		defaultViewMode: s,
-		onDateChange: f,
-		onViewModeChange: c,
+		locale: q,
+		date: d,
+		defaultDate: f,
+		viewMode: o,
+		defaultViewMode: c,
+		onDateChange: g,
+		onViewModeChange: l,
 		dataOptions: {
-			weekStartsOn: J,
-			showWeekends: v,
-			visibleCategories: K.length > 0 ? K : void 0
+			weekStartsOn: K,
+			showWeekends: x,
+			visibleCategories: W.length > 0 ? W : void 0
 		}
-	}), ae = S(() => {
-		let e = H.weekdaysShort;
-		return J === 1 ? [...e.slice(1), e[0]] : e;
-	}, [H.weekdaysShort, J]), oe = (e) => {
-		le(R, e.date) || I && e.date < I || L && e.date > L || m?.(e.date, e.events);
-	}, ue = S(() => z ? Z.calendarDays.map((e) => ({
+	}), je = D(() => Array.from({ length: 7 }, (e, t) => (K + t) % 7).filter((e) => x || e !== 0 && e !== 6), [K, x]), Me = x ? "grid-cols-7" : "grid-cols-5", Ne = D(() => F?.weekdaysShort ?? (q ? Array.from({ length: 7 }, (e, t) => P(new Date(1970, 0, 4 + t), "EEE", { locale: q })) : H.weekdaysShort), [
+		F?.weekdaysShort,
+		q,
+		H.weekdaysShort
+	]), Y = D(() => R ? L(R) : void 0, [R]), X = D(() => z ? ce(z) : void 0, [z]), [Pe] = k(() => L(/* @__PURE__ */ new Date())), Fe = !!Y && Pe < Y || !!X && Pe > X;
+	function Ie(e) {
+		return !!(ke(ve, e) || Y && e < Y || X && e > X);
+	}
+	let Le = (e) => {
+		Ie(e.date) || v?.(e.date, e.events);
+	}, Z = D(() => V ? J.calendarDays.map((e) => ({
 		...e,
-		events: e.events.filter(z),
-		eventCount: e.events.filter(z).length,
-		hasMultipleEvents: e.events.filter(z).length > 1
-	})) : Z.calendarDays, [Z.calendarDays, z]);
-	function Q(e) {
-		return !!(le(R, e) || I && e < I || L && e > L);
+		events: e.events.filter(V),
+		eventCount: e.events.filter(V).length,
+		hasMultipleEvents: e.events.filter(V).length > 1
+	})) : J.calendarDays, [J.calendarDays, V]), Re = Z.some((e) => e.events.length > 0), Q = J.viewMode !== "agenda", ze = O(null), Be = O(null), $ = O(null), Ve = O(!1), [He, Ue] = k(null), We = D(() => new Set(Z.map((e) => G(e.date))), [Z]), Ge = null;
+	if (Q) {
+		let e = [
+			He,
+			G(J.currentDate),
+			G(Pe)
+		], t = Z.find((e) => !Ie(e.date)) ?? Z[0];
+		Ge = e.find((e) => !!e && We.has(e)) ?? (t ? G(t.date) : null);
 	}
-	let $ = S(() => {
-		let e = Z.calendarDays;
+	let Ke = D(() => {
+		let e = [];
+		for (let t of Z) (e.length === 0 || je.indexOf(t.date.getDay()) === 0) && e.push([]), e[e.length - 1].push(t);
+		return e;
+	}, [Z, je]), qe = (e) => {
+		Ve.current = !0;
+		let t = e.target.closest("[data-day]")?.dataset.day;
+		t && Q && Ue(t);
+	}, Je = (e) => {
+		e.relatedTarget instanceof Node && e.currentTarget.contains(e.relatedTarget) || (Ve.current = !1, $.current = null);
+	}, Ye = (e) => {
+		if (!Q || e.altKey || e.ctrlKey || e.metaKey || e.shiftKey) return;
+		let t = e.target.closest(".event-calendar-day-cell--date")?.closest("[data-day]")?.dataset.day, n = Z.find((e) => G(e.date) === t)?.date;
+		if (!n) return;
+		let r = (e) => !x && pe(e), i = (e) => {
+			let t = N(n, e);
+			for (; r(t);) t = N(t, e);
+			return t;
+		}, a = () => Array.from({ length: 7 }, (e, t) => N(he(n, { weekStartsOn: K }), t)).filter((e) => !r(e)), o = (e) => {
+			if (J.viewMode === "week") return N(n, e * 7);
+			let t = ae(n, e);
+			if (!r(t)) return t;
+			let i = t;
+			for (; r(i);) i = N(i, -1);
+			if (fe(i, t)) return i;
+			for (i = t; r(i);) i = N(i, 1);
+			return i;
+		}, s = {
+			ArrowLeft: () => i(-1),
+			ArrowRight: () => i(1),
+			ArrowUp: () => N(n, -7),
+			ArrowDown: () => N(n, 7),
+			Home: () => a()[0],
+			End: () => a().at(-1),
+			PageUp: () => o(-1),
+			PageDown: () => o(1)
+		}[e.key];
+		if (!s) return;
+		e.preventDefault(), $.current = null;
+		let c = s();
+		if (!c || Y && c < Y || X && c > X) return;
+		let l = G(c);
+		if (We.has(l)) {
+			Oe(ze.current, l)?.focus();
+			return;
+		}
+		$.current = l, J.setDate(c);
+	}, Xe = D(() => {
+		let e = J.calendarDays;
 		if (e.length === 0) return {
 			prev: !1,
 			next: !1
 		};
 		let t = e[0].date, n = e[e.length - 1].date;
 		return {
-			prev: !!I && t <= I,
-			next: !!L && n >= L
+			prev: !!Y && t <= Y,
+			next: !!X && ce(n) >= X
 		};
 	}, [
-		Z.calendarDays,
-		I,
-		L
-	]);
-	if (ee) return /* @__PURE__ */ T("div", {
-		className: i("event-calendar--component", "flex items-center justify-center p-surface-lg", k),
-		role: "status",
-		children: /* @__PURE__ */ T(o, {
-			type: "secondary",
-			children: H.loading
+		J.calendarDays,
+		Y,
+		X
+	]), Ze = se && (o === void 0 || l) ? J.setViewMode : void 0, Qe = T ? Ae : void 0, $e = {
+		booking: H.booking,
+		bookings: H.bookings,
+		formatDayLabel: H.formatDayLabel,
+		formatEventLabel: H.formatEventLabel,
+		formatOverflow: H.formatOverflow,
+		formatTime: H.formatTime
+	}, et = null;
+	ie ? et = /* @__PURE__ */ A("div", {
+		className: "event-calendar--loading",
+		"aria-busy": "true",
+		children: /* @__PURE__ */ A(m, { label: H.loading })
+	}) : M && (et = te(M) ? M : /* @__PURE__ */ A(h, {
+		title: H.errorTitle,
+		description: M instanceof Error ? M.message : typeof M == "string" || typeof M == "number" ? String(M) : H.errorDescription,
+		onRetry: oe,
+		retryLabel: H.retry,
+		className: "event-calendar--error"
+	}));
+	let tt = et ?? (!Re && H.emptyState ? /* @__PURE__ */ A(w, {
+		title: H.emptyState,
+		description: !1,
+		ariaLabel: H.emptyState,
+		border: !0,
+		padding: "md",
+		className: "event-calendar--empty"
+	}) : null), nt = tt !== null;
+	E(() => {
+		if (!Ve.current) return;
+		let e = !document.activeElement || document.activeElement === document.body;
+		if (nt) {
+			e && Be.current?.focus();
+			return;
+		}
+		let t = ze.current, n = $.current;
+		if (n && We.has(n)) {
+			$.current = null;
+			let e = Oe(t, n);
+			if (e) {
+				e.focus();
+				return;
+			}
+		}
+		e && (t?.querySelector(".event-calendar-day-cell--date[tabindex=\"0\"]") ?? t?.querySelector(".event-calendar-day-cell--date"))?.focus();
+	});
+	let rt = (e) => {
+		let t = Ie(e.date), r = G(e.date), a = () => /* @__PURE__ */ A(xe, {
+			data: e,
+			categories: n,
+			maxEvents: ee,
+			onClick: () => Le(e),
+			onEventClick: _ ? (t) => {
+				Ie(e.date) || _(t);
+			} : void 0,
+			compact: ue,
+			strings: $e,
+			renderEvent: ye,
+			disabled: t,
+			locale: q,
+			tabStop: Q ? r === Ge : void 0
+		});
+		return /* @__PURE__ */ A("div", {
+			role: Q ? "gridcell" : "listitem",
+			"data-day": r,
+			style: { gridColumnStart: je.indexOf(e.date.getDay()) + 1 },
+			className: i(t && "pointer-events-none opacity-50"),
+			"aria-disabled": Q && t || void 0,
+			children: be ? be(e, a) : a()
+		}, e.date.toISOString());
+	}, it = "box-border bg-background text-foreground rounded-surface border border-border", at = /* @__PURE__ */ A("div", {
+		role: Q ? "row" : void 0,
+		className: i("grid", Me, I === "bordered" && "border-b border-border mb-0", I === "tinted" && i(p.band, "rounded-t-surface mb-0 overflow-hidden"), I === "accent" && i(u.primary.wash, "rounded-t-surface mb-0 overflow-hidden"), I === "default" && "mb-space-md"),
+		children: je.map((e, t) => {
+			let n = Ne[e];
+			return ge ? /* @__PURE__ */ A("div", {
+				role: Q ? "columnheader" : void 0,
+				children: ge(n, t)
+			}, e) : /* @__PURE__ */ A("div", {
+				role: Q ? "columnheader" : void 0,
+				className: i("text-center h-8 flex items-center justify-center", me),
+				children: /* @__PURE__ */ A(a, {
+					size: "xs",
+					weight: I === "accent" ? "medium" : "regular",
+					className: i(I === "default" && "text-muted-foreground", I === "tinted" && "text-muted-foreground", I === "bordered" && "text-foreground", I === "accent" && "text-primary-accent"),
+					children: n
+				})
+			}, e);
 		})
 	});
-	let de = a ? c : void 0, fe = x ? X : void 0;
-	return /* @__PURE__ */ E("div", {
-		className: i("event-calendar--component w-full space-y-space-xl", k),
+	return /* @__PURE__ */ j("div", {
+		className: i("event-calendar--component w-full space-y-space-xl", le),
 		children: [
-			!!_ && /* @__PURE__ */ T(ie, {
-				currentDate: Z.currentDate,
-				viewMode: Z.viewMode,
-				displayLabel: Z.displayLabel,
-				onPrevious: Z.goToPreviousPeriod,
-				onNext: Z.goToNextPeriod,
-				onToday: Z.goToToday,
-				onViewModeChange: de,
-				onDateChange: Z.setDate,
-				locale: re,
-				actions: j,
-				rangeMode: F,
-				minDate: I,
-				maxDate: L,
-				prevDisabled: $.prev,
-				nextDisabled: $.next,
+			!!b && /* @__PURE__ */ A(Ce, {
+				currentDate: J.currentDate,
+				viewMode: J.viewMode,
+				displayLabel: J.displayLabel,
+				onPrevious: J.goToPreviousPeriod,
+				onNext: J.goToNextPeriod,
+				onToday: J.goToToday,
+				todayDisabled: Fe,
+				onViewModeChange: Ze,
+				onDateChange: J.setDate,
+				locale: q,
+				actions: de,
+				rangeMode: _e,
+				minDate: R,
+				maxDate: z,
+				prevDisabled: Xe.prev,
+				nextDisabled: Xe.next,
 				strings: {
 					today: H.today,
 					previous: H.previous,
@@ -569,88 +731,79 @@ function ue({ events: e, categories: t, viewMode: a, defaultViewMode: s, onViewM
 					monthYearPicker: H.monthYearPicker
 				}
 			}),
-			!!g && t.length > 0 && /* @__PURE__ */ T(se, {
-				categories: t,
-				visibleCategories: K,
-				onToggleCategory: fe,
-				enableFiltering: x
+			!!y && n.length > 0 && /* @__PURE__ */ A(Ee, {
+				categories: n,
+				visibleCategories: W,
+				onToggleCategory: Qe,
+				enableFiltering: T,
+				strings: { categoryFilterLabel: H.categoryFilterLabel }
 			}),
-			!Z.hasEvents && O ? /* @__PURE__ */ T("div", {
-				className: "flex items-center justify-center rounded-radius border border-dashed border-border p-surface",
-				children: /* @__PURE__ */ T(o, {
-					type: "secondary",
-					children: O
-				})
-			}) : /* @__PURE__ */ E("div", {
-				className: "box-border bg-background text-foreground rounded-surface border border-border",
-				children: [/* @__PURE__ */ T("div", {
-					className: i("grid grid-cols-7", M === "bordered" && "border-b border-border mb-0", M === "tinted" && "bg-muted/50 rounded-t-surface mb-0 overflow-hidden", M === "accent" && i(u.primary.wash, "rounded-t-surface mb-0 overflow-hidden"), M === "default" && "mb-space-md"),
-					children: ae.map((e, t) => P ? /* @__PURE__ */ T("div", { children: P(e, t) }, e) : /* @__PURE__ */ T("div", {
-						className: i("text-center h-8 flex items-center justify-center", N),
-						children: /* @__PURE__ */ T(o, {
-							size: "xs",
-							weight: M === "accent" ? "medium" : "regular",
-							className: i(M === "default" && "text-muted-foreground", M === "tinted" && "text-muted-foreground", M === "bordered" && "text-foreground", M === "accent" && "text-primary-accent"),
-							children: e
-						})
-					}, e))
-				}), /* @__PURE__ */ T("div", {
-					className: "grid grid-cols-7",
-					children: ue.map((e) => {
-						let n = Q(e.date), r = () => /* @__PURE__ */ T(Y, {
-							data: e,
-							categories: t,
-							maxEvents: h,
-							onClick: () => oe(e),
-							onEventClick: p ? (t) => {
-								Q(e.date) || p(t);
-							} : void 0,
-							compact: A,
-							strings: {
-								booking: H.booking,
-								bookings: H.bookings
-							},
-							renderEvent: B
-						});
-						return /* @__PURE__ */ T("div", {
-							className: i(n && "pointer-events-none opacity-50"),
-							"aria-disabled": n || void 0,
-							children: V ? V(e, r) : r()
-						}, e.date.toISOString());
-					})
+			nt ? /* @__PURE__ */ A("div", {
+				ref: Be,
+				tabIndex: -1,
+				onFocus: qe,
+				onBlur: Je,
+				className: i("event-calendar--state rounded-surface outline-none", s.edge),
+				children: tt
+			}) : Q ? /* @__PURE__ */ j("div", {
+				ref: ze,
+				role: "grid",
+				"aria-label": J.displayLabel,
+				onKeyDown: Ye,
+				onFocus: qe,
+				onBlur: Je,
+				className: it,
+				children: [at, /* @__PURE__ */ A("div", {
+					className: "event-calendar--weeks",
+					children: Ke.map((e) => /* @__PURE__ */ A("div", {
+						role: "row",
+						className: i("event-calendar--week grid", Me),
+						children: e.map(rt)
+					}, e[0].date.toISOString()))
+				})]
+			}) : /* @__PURE__ */ j("div", {
+				ref: ze,
+				onFocus: qe,
+				onBlur: Je,
+				className: it,
+				children: [at, /* @__PURE__ */ A("div", {
+					role: "list",
+					"aria-label": J.displayLabel,
+					className: i("grid", Me),
+					children: Z.map(rt)
 				})]
 			})
 		]
 	});
 }
-ue.displayName = "EventCalendar";
+K.displayName = "EventCalendar";
 //#endregion
 //#region src/components/features/event-calendar/event-calendar-event-card.tsx
-var Q = {
+var q = {
 	guest: "guest",
 	guests: "guests"
 };
-function $({ event: e, category: t, onClick: n, strings: a }) {
-	let u = r(Q, a), f = !!n, g = () => {
+function Ae({ event: e, category: t, onClick: n, strings: c }) {
+	let u = r(q, c), f = !!n, p = () => {
 		n && n();
-	}, _ = e.metadata || {}, v = _.customer_name, y = _.guest_count, b = _.service_name, x = oe(t), S = [v, y !== void 0 && y > 0 ? `${y} ${y === 1 ? u.guest : u.guests}` : void 0].filter(Boolean).join(" · "), C = /* @__PURE__ */ E(l, {
+	}, m = e.metadata || {}, h = m.customer_name, g = m.guest_count, y = m.service_name, b = Te(t), x = [h, g !== void 0 && g > 0 ? `${g} ${g === 1 ? u.guest : u.guests}` : void 0].filter(Boolean).join(" · "), S = /* @__PURE__ */ j(l, {
 		gap: "lg",
 		children: [
-			/* @__PURE__ */ E("div", {
+			/* @__PURE__ */ j("div", {
 				className: "event-calendar-event-card--header flex min-w-0 items-start justify-between gap-space-lg",
-				children: [/* @__PURE__ */ E("div", {
+				children: [/* @__PURE__ */ j("div", {
 					className: "flex min-w-0 flex-1 flex-col items-start gap-space-xs sm:flex-row sm:flex-wrap sm:items-center sm:gap-x-space-md",
-					children: [/* @__PURE__ */ T(s, {
+					children: [/* @__PURE__ */ A(o, {
 						tag: "h5",
 						containerClassName: "event-calendar-event-card--heading min-w-0 max-w-full sm:w-auto",
 						className: "break-words text-inherit",
 						children: e.title
-					}), !!t && /* @__PURE__ */ E("div", {
+					}), !!t && /* @__PURE__ */ j("div", {
 						className: "event-calendar-event-card--category inline-flex min-w-0 max-w-full items-center gap-space-xs",
-						children: [/* @__PURE__ */ T("span", {
+						children: [/* @__PURE__ */ A("span", {
 							"aria-hidden": "true",
-							className: i("event-calendar-event-card--category-dot", d.inline, x)
-						}), /* @__PURE__ */ T(o, {
+							className: i("event-calendar-event-card--category-dot", d.inline, b)
+						}), /* @__PURE__ */ A(a, {
 							tag: "span",
 							type: "inherit",
 							size: "xs",
@@ -659,29 +812,29 @@ function $({ event: e, category: t, onClick: n, strings: a }) {
 							children: t.label
 						})]
 					})]
-				}), !!f && !!e.url && /* @__PURE__ */ T(O, { className: "size-icon-md text-muted-foreground flex-shrink-0" })]
+				}), !!f && !!e.url && /* @__PURE__ */ A(M, { className: "size-icon-md text-muted-foreground flex-shrink-0" })]
 			}),
-			!!(S || b) && /* @__PURE__ */ E(l, {
+			!!(x || y) && /* @__PURE__ */ j(l, {
 				gap: "xs",
 				className: "event-calendar-event-card--details min-w-0",
-				children: [!!S && /* @__PURE__ */ T(o, {
+				children: [!!x && /* @__PURE__ */ A(a, {
 					type: "inherit",
 					className: "event-calendar-event-card--facts break-words",
-					children: S
-				}), !!b && /* @__PURE__ */ T(o, {
+					children: x
+				}), !!y && /* @__PURE__ */ A(a, {
 					type: "secondary",
 					className: "line-clamp-1",
-					children: b
+					children: y
 				})]
 			}),
-			/* @__PURE__ */ T("div", {
+			/* @__PURE__ */ A("div", {
 				className: "event-calendar-event-card--date",
-				children: e.allDay ? /* @__PURE__ */ T(h, {
+				children: e.allDay ? /* @__PURE__ */ A(ee, {
 					value: e.startDate,
 					preset: "long",
 					size: "xs",
 					type: "secondary"
-				}) : /* @__PURE__ */ T(m, {
+				}) : /* @__PURE__ */ A(v, {
 					value: e.startDate,
 					preset: "long",
 					size: "xs",
@@ -689,19 +842,19 @@ function $({ event: e, category: t, onClick: n, strings: a }) {
 				})
 			})
 		]
-	}), w = i("box-border w-full min-w-0 text-left p-surface border border-border rounded-surface bg-card text-card-foreground transition-none", f ? `cursor-pointer focus-visible:outline-none ${c.frame}` : "");
-	return f ? /* @__PURE__ */ T("button", {
+	}), C = i("box-border w-full min-w-0 text-left p-surface border border-border rounded-surface bg-card text-card-foreground transition-none", f ? `cursor-pointer focus-visible:outline-none ${s.frame}` : "");
+	return f ? /* @__PURE__ */ A("button", {
 		type: "button",
-		onClick: g,
-		className: i("event-calendar-event-card--component", `m-0 flex h-auto flex-col items-stretch justify-start whitespace-normal font-sans shadow-none ${p.rowHover}`, w),
-		children: C
-	}) : /* @__PURE__ */ T("div", {
-		className: i("event-calendar-event-card--component", w),
-		children: C
+		onClick: p,
+		className: i("event-calendar-event-card--component", `m-0 flex h-auto flex-col items-stretch justify-start whitespace-normal font-sans shadow-none ${_.rowHover}`, C),
+		children: S
+	}) : /* @__PURE__ */ A("div", {
+		className: i("event-calendar-event-card--component", C),
+		children: S
 	});
 }
-$.displayName = "EventCalendarEventCard";
+Ae.displayName = "EventCalendarEventCard";
 //#endregion
-export { ue as EventCalendar, Y as EventCalendarDayCell, K as EventCalendarEventBadge, $ as EventCalendarEventCard, ie as EventCalendarHeader, se as EventCalendarLegend, U as calendarTokenDot, Q as defaultEventCalendarEventCardStrings, G as defaultEventCalendarStrings, ae as getCalendarColorClasses, oe as getCalendarDotClass, J as getCategoryById, ne as getEventsForDay, W as resolveCategoryColorToken, ce as useEventCalendar, q as useEventCalendarData };
+export { K as EventCalendar, xe as EventCalendarDayCell, ve as EventCalendarEventBadge, Ae as EventCalendarEventCard, Ce as EventCalendarHeader, Ee as EventCalendarLegend, R as calendarTokenDot, q as defaultEventCalendarEventCardStrings, B as defaultEventCalendarStrings, we as getCalendarColorClasses, Te as getCalendarDotClass, H as getCategoryById, be as getEventsForDay, z as resolveCategoryColorToken, De as useEventCalendar, ye as useEventCalendarData };
 
 //# sourceMappingURL=event-calendar.js.map