themelia-ui 3.0.0 → 3.2.0

package/dist/features/event-calendar.js

@@ -1,20 +1,22 @@
 "use client";
-import { t as e } from "../cx--CBrhWH0.js";
-import { a as t, o as n } from "../typography-BkxEiwQ1.js";
-import { p as r } from "../feedback-DRerHGuV.js";
-import { t as i } from "../ui-provider-Cmoq6i_D.js";
-import { a, c as o } from "../buttons-CqXKWty3.js";
-import { t as s } from "../action-menu-BNLURfMK.js";
-import { d as c } from "../display-B3Q17h5z.js";
-import { f as l, m as u } from "../primitives-D0bdDozz.js";
-import { t as d } from "../strings-Co9_qArR.js";
-import { s as f } from "../choice-inputs-OUDn0kQw.js";
-import { r as p, u as m } from "../date-pickers-DOwIT-Nk.js";
-import { c as h, r as g, t as _ } from "../popover-DriLnIFc.js";
+import "#core.css";
+import { o as e, s as t } from "../typography-DmeR05Er.js";
+import { t as n } from "../cx--CBrhWH0.js";
+import { t as r } from "../ui-provider-DpzLUD12.js";
+import { a as i, c as a } from "../buttons-BX2JfL5X.js";
+import { t as o } from "../action-menu-BwiL_F6I.js";
+import { t as s } from "../strings-Co9_qArR.js";
+import { f as c, m as l } from "../primitives-BskKlf35.js";
+import { p as u } from "../feedback-D4qVsKlD.js";
+import { d } from "../display-a7AoX_u7.js";
+import { s as f } from "../choice-inputs-NwRxvmZN.js";
+import { r as p, u as m } from "../date-pickers-BwCwKIVM.js";
+import { c as h, r as g, t as _ } from "../popover-CA7SP_iz.js";
 import { CalendarIcon as v, ChevronLeftIcon as y, ChevronRightIcon as b, ExternalLinkIcon as x, UserIcon as S, UsersIcon as C } from "lucide-react";
 import { useCallback as w, useMemo as T, useState as E } from "react";
 import { Fragment as D, jsx as O, jsxs as k } from "react/jsx-runtime";
 import { addMonths as A, addWeeks as j, eachDayOfInterval as M, endOfMonth as N, endOfWeek as P, format as F, isSameDay as I, isSameMonth as L, isToday as R, isWeekend as z, startOfDay as B, startOfMonth as ee, startOfWeek as V, subMonths as H, subWeeks as te } from "date-fns";
+import "#css/event-calendar.css";
 //#region src/components/features/event-calendar/event-calendar.strings.ts
 var U = {
 	today: "Today",
@@ -50,7 +52,11 @@ var U = {
 function G(e) {
 	return e?.colorToken ?? "neutral";
 }
-var K = {
+function K(e) {
+	let t = G(e);
+	return t === "amber" || t === "yellow" ? "warning" : t;
+}
+var q = {
 	root: "event-calendar__root___xzCsb",
 	loading: "event-calendar__loading___-2JN6",
 	dot: "event-calendar__dot___t0qfF",
@@ -96,37 +102,37 @@ var K = {
 };
 //#endregion
 //#region src/components/features/event-calendar/event-calendar-event-badge.tsx
-function ne({ event: t, category: r, compact: a = !1, onClick: o, strings: s }) {
-	let c = d(W, s), { locale: l, timeFormat: u } = i(), f = t.allDay ? null : F(t.startDate, u ?? "HH:mm", { locale: l }), p = t.metadata?.cellTitle, m = typeof p == "string" && p.trim() !== "" ? p : t.title;
+function J({ event: e, category: i, compact: a = !1, onClick: o, strings: c }) {
+	let l = s(W, c), { locale: u, timeFormat: d } = r(), f = e.allDay ? null : F(e.startDate, d ?? "HH:mm", { locale: u }), p = e.metadata?.cellTitle, m = typeof p == "string" && p.trim() !== "" ? p : e.title;
 	return /* @__PURE__ */ k("button", {
 		type: "button",
 		"data-slot": "event-calendar-event-badge",
 		"data-compact": a || void 0,
-		"data-token": G(r),
-		className: e("event-calendar-event-badge--component", K.badge),
+		"data-tone": K(i),
+		className: n("event-calendar-event-badge--component", q.badge),
 		onClick: (e) => {
 			e.stopPropagation(), o?.();
 		},
-		"aria-label": f ? c.eventAt(m, f) : m,
+		"aria-label": f ? l.eventAt(m, f) : m,
 		title: m,
 		children: [
 			/* @__PURE__ */ O("span", {
 				"aria-hidden": !0,
-				className: K.dot
+				className: q.dot
 			}),
-			/* @__PURE__ */ O(n, {
+			/* @__PURE__ */ O(t, {
 				tag: "span",
 				size: "xs",
 				weight: "medium",
-				className: K.badgeTitle,
+				className: q.badgeTitle,
 				children: m
 			}),
-			!!f && /* @__PURE__ */ O(n, {
+			!!f && /* @__PURE__ */ O(t, {
 				tag: "span",
 				size: "xs",
 				type: "secondary",
 				numeric: !0,
-				className: K.badgeTime,
+				className: q.badgeTime,
 				children: f
 			})
 		]
@@ -134,14 +140,14 @@ function ne({ event: t, category: r, compact: a = !1, onClick: o, strings: s })
 }
 //#endregion
 //#region src/components/features/event-calendar/use-event-calendar-data.ts
-function q(e) {
+function Y(e) {
 	let t = `${e.getMonth() + 1}`.padStart(2, "0"), n = `${e.getDate()}`.padStart(2, "0");
 	return `${e.getFullYear()}-${t}-${n}`;
 }
-function J(e, t) {
+function X(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 = {}) {
+function Z(e, t, n, r = {}) {
 	let { weekStartsOn: i = 1, showWeekends: a = !0, visibleCategories: o } = r;
 	return T(() => {
 		let r = ee(t), s = N(t), [c, l] = n === "month" ? [V(r, { weekStartsOn: i }), P(s, { weekStartsOn: i })] : n === "week" ? [V(t, { weekStartsOn: i }), P(t, { weekStartsOn: i })] : [r, s], u = M({
@@ -160,12 +166,12 @@ function Y(e, t, n, r = {}) {
 				start: t,
 				end: n
 			})) {
-				let t = q(r), n = f.get(t);
+				let t = Y(r), n = f.get(t);
 				n ? n.push(e) : f.set(t, [e]);
 			}
 		}
 		return u.filter((e) => a || !z(e)).map((e) => {
-			let n = [...f.get(q(e)) ?? []].sort(J);
+			let n = [...f.get(Y(e)) ?? []].sort(X);
 			return {
 				date: e,
 				isCurrentMonth: L(e, t),
@@ -185,66 +191,66 @@ function Y(e, t, n, r = {}) {
 		i
 	]);
 }
-function X(e, t) {
+function ne(e, t) {
 	let n = B(t);
 	return e.filter((e) => {
 		let t = B(e.startDate), r = e.endDate ? B(e.endDate) : t;
 		return I(n, t) || I(n, r) || n > t && n < r;
-	}).sort(J);
+	}).sort(X);
 }
-function Z(e, t) {
+function Q(e, t) {
 	return e.find((e) => e.id === t);
 }
 //#endregion
 //#region src/components/features/event-calendar/event-calendar-day-cell.tsx
-function re({ data: t, categories: r, maxEvents: i = 3, onClick: a, onEventClick: o, compact: s = !1, strings: l, renderEvent: u }) {
-	let f = d(U, l), { date: p, isCurrentMonth: m, isToday: h, isWeekend: g, events: _, eventCount: v } = t, y = _.slice(0, i), b = Math.max(0, v - i), x = [...new Set(_.slice(i).map((e) => G(Z(r, e.category))))].slice(0, 3);
+function re({ data: e, categories: r, maxEvents: i = 3, onClick: a, onEventClick: o, compact: c = !1, strings: l, renderEvent: u }) {
+	let f = s(U, l), { date: p, isCurrentMonth: m, isToday: h, isWeekend: g, events: _, eventCount: v } = e, y = _.slice(0, i), b = Math.max(0, v - i), x = [...new Set(_.slice(i).map((e) => K(Q(r, e.category))))].slice(0, 3);
 	return /* @__PURE__ */ k("div", {
-		className: e("event-calendar-day-cell--component", K.cell),
+		className: n("event-calendar-day-cell--component", q.cell),
 		"data-today": h || void 0,
 		"data-weekend": g || void 0,
 		"data-outside": !m || void 0,
-		"data-compact": s || void 0,
+		"data-compact": c || void 0,
 		onClick: a,
 		children: [/* @__PURE__ */ O("button", {
 			type: "button",
-			className: K.dayNumber,
+			className: q.dayNumber,
 			onClick: (e) => {
 				e.stopPropagation(), a();
 			},
 			"aria-label": p.toDateString(),
-			children: /* @__PURE__ */ O(n, {
+			children: /* @__PURE__ */ O(t, {
 				tag: "span",
 				type: "inherit",
-				size: s ? "xs" : "sm",
+				size: c ? "xs" : "sm",
 				weight: h ? "semibold" : "normal",
 				numeric: !0,
 				children: p.getDate()
 			})
 		}), /* @__PURE__ */ k("div", {
-			className: K.cellEvents,
+			className: q.cellEvents,
 			children: [y.map((e) => {
-				let t = Z(r, e.category);
-				return u ? /* @__PURE__ */ O("div", { children: u(e, t) }, e.id) : /* @__PURE__ */ O(ne, {
+				let t = Q(r, e.category);
+				return u ? /* @__PURE__ */ O("div", { children: u(e, t) }, e.id) : /* @__PURE__ */ O(J, {
 					event: e,
 					category: t,
-					compact: s,
+					compact: c,
 					onClick: () => o ? o(e) : a()
 				}, e.id);
 			}), b > 0 && /* @__PURE__ */ k("div", {
 				"data-slot": "event-calendar-overflow",
-				className: K.overflow,
+				className: q.overflow,
 				children: [
 					/* @__PURE__ */ O("span", {
 						"aria-hidden": !0,
-						className: K.overflowDots,
+						className: q.overflowDots,
 						children: x.map((e) => /* @__PURE__ */ O("span", {
-							"data-token": e,
-							className: K.dot
+							"data-tone": e,
+							className: q.dot
 						}, e))
 					}),
-					/* @__PURE__ */ O(c, { children: f.moreEvents(b) }),
-					/* @__PURE__ */ k(n, {
+					/* @__PURE__ */ O(d, { children: f.moreEvents(b) }),
+					/* @__PURE__ */ k(t, {
 						"aria-hidden": !0,
 						size: "xs",
 						type: "secondary",
@@ -264,26 +270,26 @@ function re({ data: t, categories: r, maxEvents: i = 3, onClick: a, onEventClick
 }
 //#endregion
 //#region src/components/features/event-calendar/event-calendar-event-card.tsx
-function Q({ event: r, category: i, onClick: a, strings: o, className: s }) {
-	let c = {
+function ie({ event: r, category: i, onClick: a, strings: o, className: s }) {
+	let u = {
 		...W,
 		...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__ */ k(D, { children: [
 		/* @__PURE__ */ k("div", {
-			className: K.cardHeader,
+			className: q.cardHeader,
 			children: [/* @__PURE__ */ k("div", {
-				className: K.cardTitleGroup,
-				children: [/* @__PURE__ */ O(t, {
+				className: q.cardTitleGroup,
+				children: [/* @__PURE__ */ O(e, {
 					level: 4,
 					size: "sm",
 					children: r.title
 				}), !!i && /* @__PURE__ */ k("span", {
-					className: K.cardCategory,
+					className: q.cardCategory,
 					children: [/* @__PURE__ */ O("span", {
 						"aria-hidden": !0,
-						"data-token": G(i),
-						className: K.dot
-					}), /* @__PURE__ */ O(n, {
+						"data-tone": K(i),
+						className: q.dot
+					}), /* @__PURE__ */ O(t, {
 						tag: "span",
 						size: "xs",
 						weight: "medium",
@@ -292,49 +298,49 @@ function Q({ event: r, category: i, onClick: a, strings: o, className: s }) {
 				})]
 			}), !!a && !!r.url && /* @__PURE__ */ O(x, {
 				"aria-hidden": !0,
-				className: K.cardGlyph
+				className: q.cardGlyph
 			})]
 		}),
 		(!!f || p !== void 0) && /* @__PURE__ */ k("div", {
-			className: K.cardFacts,
+			className: q.cardFacts,
 			children: [!!f && /* @__PURE__ */ k("span", {
-				className: K.cardFact,
+				className: q.cardFact,
 				children: [/* @__PURE__ */ O(S, {
 					"aria-hidden": !0,
-					className: K.cardGlyph
-				}), /* @__PURE__ */ O(n, {
+					className: q.cardGlyph
+				}), /* @__PURE__ */ O(t, {
 					tag: "span",
 					children: f
 				})]
 			}), p !== void 0 && p > 0 && /* @__PURE__ */ k("span", {
-				className: K.cardFact,
+				className: q.cardFact,
 				children: [/* @__PURE__ */ O(C, {
 					"aria-hidden": !0,
-					className: K.cardGlyph
-				}), /* @__PURE__ */ k(n, {
+					className: q.cardGlyph
+				}), /* @__PURE__ */ k(t, {
 					tag: "span",
 					children: [
 						p,
 						" ",
-						p === 1 ? c.guest : c.guests
+						p === 1 ? u.guest : u.guests
 					]
 				})]
 			})]
 		}),
-		!!m && /* @__PURE__ */ O(n, {
+		!!m && /* @__PURE__ */ O(t, {
 			type: "secondary",
 			children: m
 		}),
 		/* @__PURE__ */ k("div", {
-			className: K.cardWhen,
+			className: q.cardWhen,
 			children: [/* @__PURE__ */ O(v, {
 				"aria-hidden": !0,
-				className: K.cardGlyph
-			}), r.allDay ? /* @__PURE__ */ O(l, {
+				className: q.cardGlyph
+			}), r.allDay ? /* @__PURE__ */ O(c, {
 				value: r.startDate,
 				size: "xs",
 				type: "secondary"
-			}) : /* @__PURE__ */ O(u, {
+			}) : /* @__PURE__ */ O(l, {
 				value: r.startDate,
 				size: "xs",
 				type: "secondary"
@@ -345,18 +351,18 @@ function Q({ event: r, category: i, onClick: a, strings: o, className: s }) {
 		type: "button",
 		onClick: a,
 		"data-slot": "event-calendar-event-card",
-		className: e("event-calendar-event-card--component", K.card, K.cardButton, s),
+		className: n("event-calendar-event-card--component", q.card, q.cardButton, s),
 		children: h
 	}) : /* @__PURE__ */ O("div", {
 		"data-slot": "event-calendar-event-card",
-		className: e("event-calendar-event-card--component", K.card, s),
+		className: n("event-calendar-event-card--component", q.card, s),
 		children: h
 	});
 }
 //#endregion
 //#region src/components/features/event-calendar/event-calendar-header.tsx
-function ie({ currentDate: n, viewMode: r, displayLabel: i, onPrevious: c, onNext: l, onToday: u, onViewModeChange: x, onDateChange: S, actions: C, strings: w, rangeMode: E = "date", minDate: A, maxDate: j, prevDisabled: M = !1, nextDisabled: N = !1, className: P }) {
-	let F = d(U, w), I = T(() => (C ?? []).filter((e) => e.visible !== !1), [C]), L = T(() => [
+function ae({ currentDate: t, viewMode: r, displayLabel: c, onPrevious: l, onNext: u, onToday: d, onViewModeChange: x, onDateChange: S, actions: C, strings: w, rangeMode: E = "date", minDate: A, maxDate: j, prevDisabled: M = !1, nextDisabled: N = !1, className: P }) {
+	let F = s(U, w), I = T(() => (C ?? []).filter((e) => e.visible !== !1), [C]), L = T(() => [
 		{
 			value: "month",
 			label: F.viewMode.month
@@ -375,37 +381,37 @@ function ie({ currentDate: n, viewMode: r, displayLabel: i, onPrevious: c, onNex
 		F.viewMode.week
 	]);
 	return /* @__PURE__ */ O("div", {
-		className: e("event-calendar-header--component", K.header, P),
+		className: n("event-calendar-header--component", q.header, P),
 		children: /* @__PURE__ */ k("div", {
-			className: K.headerInner,
+			className: q.headerInner,
 			children: [/* @__PURE__ */ k("div", {
-				className: K.headerTitle,
-				children: [/* @__PURE__ */ O(t, {
+				className: q.headerTitle,
+				children: [/* @__PURE__ */ O(e, {
 					level: 3,
-					children: i
-				}), /* @__PURE__ */ k(_, { children: [/* @__PURE__ */ O(h, { render: /* @__PURE__ */ O(o, {
+					children: c
+				}), /* @__PURE__ */ k(_, { children: [/* @__PURE__ */ O(h, { render: /* @__PURE__ */ O(a, {
 					type: "button",
 					tone: "neutral",
-					buttonStyle: "ghost",
+					appearance: "ghost",
 					iconOnly: !0,
 					"aria-label": F.jumpToMonth,
 					children: /* @__PURE__ */ O(v, {})
 				}) }), /* @__PURE__ */ O(g, {
-					className: K.jumpPopover,
+					className: q.jumpPopover,
 					children: E === "month-year" ? /* @__PURE__ */ O(p, {
 						value: {
-							month: n.getMonth(),
-							year: n.getFullYear()
+							month: t.getMonth(),
+							year: t.getFullYear()
 						},
-						onValueChange: ({ month: e, year: t }) => {
-							let r = new Date(n);
-							r.setDate(1), r.setFullYear(t, e), S?.(r);
+						onValueChange: ({ month: e, year: n }) => {
+							let r = new Date(t);
+							r.setDate(1), r.setFullYear(n, e), S?.(r);
 						},
 						minYear: A?.getFullYear(),
 						maxYear: j?.getFullYear()
 					}) : /* @__PURE__ */ O(m, {
 						mode: "single",
-						value: n,
+						value: t,
 						onValueChange: (e) => {
 							e instanceof Date && S?.(e);
 						},
@@ -415,37 +421,37 @@ function ie({ currentDate: n, viewMode: r, displayLabel: i, onPrevious: c, onNex
 					})
 				})] })]
 			}), /* @__PURE__ */ k("div", {
-				className: K.headerControls,
+				className: q.headerControls,
 				children: [
-					I.length > 0 && /* @__PURE__ */ k(D, { children: [/* @__PURE__ */ O(s, {
+					I.length > 0 && /* @__PURE__ */ k(D, { children: [/* @__PURE__ */ O(o, {
 						actions: I,
-						className: K.headerActions
+						className: q.headerActions
 					}), /* @__PURE__ */ O("span", {
 						"aria-hidden": !0,
-						className: K.headerSeparator
+						className: q.headerSeparator
 					})] }),
-					/* @__PURE__ */ O(o, {
+					/* @__PURE__ */ O(a, {
 						type: "button",
 						tone: "neutral",
-						buttonStyle: "outline",
-						onClick: u,
+						appearance: "outline",
+						onClick: d,
 						children: F.today
 					}),
-					/* @__PURE__ */ k(a, { children: [/* @__PURE__ */ O(o, {
+					/* @__PURE__ */ k(i, { children: [/* @__PURE__ */ O(a, {
 						type: "button",
 						tone: "neutral",
-						buttonStyle: "outline",
+						appearance: "outline",
 						iconOnly: !0,
-						onClick: c,
+						onClick: l,
 						disabled: M,
 						"aria-label": F.previous,
 						children: /* @__PURE__ */ O(y, {})
-					}), /* @__PURE__ */ O(o, {
+					}), /* @__PURE__ */ O(a, {
 						type: "button",
 						tone: "neutral",
-						buttonStyle: "outline",
+						appearance: "outline",
 						iconOnly: !0,
-						onClick: l,
+						onClick: u,
 						disabled: N,
 						"aria-label": F.next,
 						children: /* @__PURE__ */ O(b, {})
@@ -455,7 +461,7 @@ function ie({ currentDate: n, viewMode: r, displayLabel: i, onPrevious: c, onNex
 						value: r,
 						options: L,
 						onValueChange: (e) => e && x(e),
-						className: K.viewSelect
+						className: q.viewSelect
 					})
 				]
 			})]
@@ -464,55 +470,55 @@ function ie({ currentDate: n, viewMode: r, displayLabel: i, onPrevious: c, onNex
 }
 //#endregion
 //#region src/components/features/event-calendar/event-calendar-legend.tsx
-function ae({ categories: t, visibleCategories: r, onToggleCategory: i, enableFiltering: a = !1, strings: o, className: s }) {
-	let c = d(U, o);
-	if (t.length === 0) return null;
-	let l = !r || r.length === 0;
+function oe({ categories: e, visibleCategories: r, onToggleCategory: i, enableFiltering: a = !1, strings: o, className: c }) {
+	let l = s(U, o);
+	if (e.length === 0) return null;
+	let u = !r || r.length === 0;
 	return /* @__PURE__ */ O("div", {
 		role: a ? "group" : void 0,
-		"aria-label": a ? c.filterCategories : void 0,
-		className: e("event-calendar-legend--component", K.legend, s),
-		children: t.map((t) => {
-			let o = !a || l || !!r?.includes(t.id), s = /* @__PURE__ */ k(D, { children: [
+		"aria-label": a ? l.filterCategories : void 0,
+		className: n("event-calendar-legend--component", q.legend, c),
+		children: e.map((e) => {
+			let o = !a || u || !!r?.includes(e.id), s = /* @__PURE__ */ k(D, { children: [
 				/* @__PURE__ */ O("span", {
 					"aria-hidden": !0,
-					"data-token": o ? G(t) : void 0,
-					className: K.swatch
+					"data-tone": o ? K(e) : void 0,
+					className: q.swatch
 				}),
-				!!t.icon && /* @__PURE__ */ O("span", {
-					className: K.legendIcon,
-					children: t.icon
+				!!e.icon && /* @__PURE__ */ O("span", {
+					className: q.legendIcon,
+					children: e.icon
 				}),
-				/* @__PURE__ */ O(n, {
+				/* @__PURE__ */ O(t, {
 					tag: "span",
 					size: "xs",
 					weight: "medium",
 					type: o ? "main" : "secondary",
-					children: t.label
+					children: e.label
 				})
 			] });
 			return !a || !i ? /* @__PURE__ */ O("span", {
-				className: K.chip,
+				className: q.chip,
 				children: s
-			}, t.id) : /* @__PURE__ */ O("button", {
+			}, e.id) : /* @__PURE__ */ O("button", {
 				type: "button",
 				"aria-pressed": o,
 				"data-off": !o || void 0,
-				className: e(K.chip, K.chipButton),
-				onClick: () => i(t.id),
+				className: n(q.chip, q.chipButton),
+				onClick: () => i(e.id),
 				children: s
-			}, t.id);
+			}, e.id);
 		})
 	});
 }
 //#endregion
 //#region src/components/features/event-calendar/use-event-calendar.ts
-function oe({ events: e, date: t, defaultDate: n, viewMode: r, defaultViewMode: a = "month", onDateChange: o, onViewModeChange: s, dataOptions: c = {} }) {
-	let { locale: l } = i(), [u, d] = E(() => n ?? /* @__PURE__ */ new Date()), [f, p] = E(a), m = t ?? u, h = r ?? f, g = w((e) => {
+function se({ events: e, date: t, defaultDate: n, viewMode: i, defaultViewMode: a = "month", onDateChange: o, onViewModeChange: s, dataOptions: c = {} }) {
+	let { locale: l } = r(), [u, d] = E(() => n ?? /* @__PURE__ */ new Date()), [f, p] = E(a), m = t ?? u, h = i ?? f, g = w((e) => {
 		t === void 0 && d(e), o?.(e);
 	}, [t, o]), _ = w((e) => {
-		r === void 0 && p(e), s?.(e);
-	}, [s, r]), v = Y(e, m, h, c), { visibleCategories: y } = c, b = T(() => y && y.length > 0 ? e.filter((e) => y.includes(e.category)) : e, [e, y]);
+		i === void 0 && p(e), s?.(e);
+	}, [s, i]), v = Z(e, m, h, c), { visibleCategories: y } = c, b = T(() => y && y.length > 0 ? e.filter((e) => y.includes(e.category)) : e, [e, y]);
 	return {
 		currentDate: m,
 		viewMode: h,
@@ -548,38 +554,38 @@ function oe({ events: e, date: t, defaultDate: n, viewMode: r, defaultViewMode:
 }
 //#endregion
 //#region src/components/features/event-calendar/event-calendar.tsx
-function se(e, t) {
+function ce(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 ce({ events: t, categories: a, viewMode: o, defaultViewMode: s, onViewModeChange: c, date: l, defaultDate: u, 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: C, loading: w = !1, emptyStateMessage: D, 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: V, renderEvent: H, renderDayCell: te }) {
-	let W = d(U, N), [G, ne] = E([]), q = S ?? G, { weekStartsOn: J, locale: Y } = i(), X = y ?? J ?? 1, Z = b ?? Y, Q = oe({
-		events: t,
+function le({ events: e, categories: i, viewMode: a, defaultViewMode: o, 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: S, onVisibleCategoriesChange: C, loading: w = !1, emptyStateMessage: D, 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: V, renderEvent: H, renderDayCell: te }) {
+	let W = s(U, N), [G, K] = E([]), J = S ?? G, { weekStartsOn: Y, locale: X } = r(), Z = y ?? Y ?? 1, ne = b ?? X, Q = se({
+		events: e,
 		date: l,
-		defaultDate: u,
-		viewMode: o,
-		defaultViewMode: s,
+		defaultDate: d,
+		viewMode: a,
+		defaultViewMode: o,
 		onDateChange: f,
 		onViewModeChange: c,
 		dataOptions: {
-			weekStartsOn: X,
+			weekStartsOn: Z,
 			showWeekends: v,
-			visibleCategories: q.length > 0 ? q : void 0
+			visibleCategories: J.length > 0 ? J : void 0
 		}
-	}), ce = (e) => {
-		let t = q.length === 0 ? a.filter((t) => t.id !== e).map((e) => e.id) : q.includes(e) ? q.filter((t) => t !== e) : [...q, e], n = t.length === a.length ? [] : t;
-		C ? C(n) : ne(n);
-	}, ue = T(() => {
-		let e = W.weekdaysShort, t = [...e.slice(X), ...e.slice(0, X)];
+	}), ie = (e) => {
+		let t = J.length === 0 ? i.filter((t) => t.id !== e).map((e) => e.id) : J.includes(e) ? J.filter((t) => t !== e) : [...J, e], n = t.length === i.length ? [] : t;
+		C ? C(n) : K(n);
+	}, le = T(() => {
+		let e = W.weekdaysShort, t = [...e.slice(Z), ...e.slice(0, Z)];
 		return v ? t : t.filter((e, t) => {
-			let n = (X + t) % 7;
+			let n = (Z + t) % 7;
 			return n !== 0 && n !== 6;
 		});
 	}, [
 		W.weekdaysShort,
 		v,
-		X
+		Z
 	]), de = (e) => {
-		if (se(ee, e)) return !0;
+		if (ce(ee, e)) return !0;
 		let t = B(e);
 		return !!(R && t < B(R) || z && t > B(z));
 	}, $ = T(() => V ? Q.calendarDays.map((e) => {
@@ -607,8 +613,8 @@ function ce({ events: t, categories: a, viewMode: o, defaultViewMode: s, onViewM
 		de(e.date) || m?.(e.date, e.events);
 	};
 	if (w) return /* @__PURE__ */ O("div", {
-		className: e("event-calendar--component", K.loading, A),
-		children: /* @__PURE__ */ O(n, {
+		className: n("event-calendar--component", q.loading, A),
+		children: /* @__PURE__ */ O(t, {
 			type: "secondary",
 			children: W.loading
 		})
@@ -616,10 +622,10 @@ function ce({ events: t, categories: a, viewMode: o, defaultViewMode: s, onViewM
 	let me = v ? 7 : 5;
 	return /* @__PURE__ */ k("div", {
 		"data-slot": "event-calendar",
-		className: e("event-calendar--component", K.root, A),
-		style: { "--calendar-columns": me },
+		className: n("event-calendar--component", q.root, A),
+		style: { "--_calendar-columns": me },
 		children: [
-			_ && /* @__PURE__ */ O(ie, {
+			_ && /* @__PURE__ */ O(ae, {
 				currentDate: Q.currentDate,
 				viewMode: Q.viewMode,
 				displayLabel: Q.displayLabel,
@@ -628,7 +634,7 @@ function ce({ events: t, categories: a, viewMode: o, defaultViewMode: s, onViewM
 				onToday: Q.goToToday,
 				onViewModeChange: Q.setViewMode,
 				onDateChange: Q.setDate,
-				locale: Z,
+				locale: ne,
 				actions: M,
 				rangeMode: L,
 				minDate: R,
@@ -637,44 +643,43 @@ function ce({ events: t, categories: a, viewMode: o, defaultViewMode: s, onViewM
 				nextDisabled: fe.next,
 				strings: W
 			}),
-			g && a.length > 0 && /* @__PURE__ */ O(ae, {
-				categories: a,
-				visibleCategories: q,
-				onToggleCategory: x ? ce : void 0,
+			g && i.length > 0 && /* @__PURE__ */ O(oe, {
+				categories: i,
+				visibleCategories: J,
+				onToggleCategory: x ? ie : void 0,
 				enableFiltering: x,
 				strings: W
 			}),
-			!Q.hasEvents && D ? /* @__PURE__ */ O(r, {
+			!Q.hasEvents && D ? /* @__PURE__ */ O(u, {
 				title: D,
 				description: !1,
-				padding: "md",
 				border: !0
-			}) : Q.viewMode === "agenda" ? /* @__PURE__ */ O(le, {
+			}) : Q.viewMode === "agenda" ? /* @__PURE__ */ O(ue, {
 				days: $,
-				categories: a,
+				categories: i,
 				emptyLabel: W.emptyDay,
 				onEventClick: p,
 				renderEvent: H
 			}) : /* @__PURE__ */ k("div", {
-				className: K.grid,
+				className: q.grid,
 				children: [/* @__PURE__ */ O("div", {
-					className: K.weekdays,
+					className: q.weekdays,
 					"data-variant": P,
-					children: ue.map((t, r) => I ? /* @__PURE__ */ O("div", { children: I(t, r) }, t) : /* @__PURE__ */ O("div", {
-						className: e(K.weekday, F),
-						children: /* @__PURE__ */ O(n, {
+					children: le.map((e, r) => I ? /* @__PURE__ */ O("div", { children: I(e, r) }, e) : /* @__PURE__ */ O("div", {
+						className: n(q.weekday, F),
+						children: /* @__PURE__ */ O(t, {
 							type: "inherit",
 							size: "xs",
 							weight: P === "accent" ? "medium" : "normal",
-							children: t
+							children: e
 						})
-					}, t))
+					}, e))
 				}), /* @__PURE__ */ O("div", {
-					className: K.days,
+					className: q.days,
 					children: $.map((e) => {
 						let t = de(e.date), n = () => /* @__PURE__ */ O(re, {
 							data: e,
-							categories: a,
+							categories: i,
 							maxEvents: h,
 							onClick: () => pe(e),
 							onEventClick: p,
@@ -683,7 +688,7 @@ function ce({ events: t, categories: a, viewMode: o, defaultViewMode: s, onViewM
 							renderEvent: H
 						});
 						return /* @__PURE__ */ O("div", {
-							className: K.dayWrap,
+							className: q.dayWrap,
 							"data-disabled": t || void 0,
 							"aria-disabled": t || void 0,
 							children: te ? te(e, n) : n()
@@ -694,26 +699,25 @@ function ce({ events: t, categories: a, viewMode: o, defaultViewMode: s, onViewM
 		]
 	});
 }
-function le({ days: e, categories: t, emptyLabel: i, onEventClick: a, renderEvent: o }) {
-	let s = e.filter((e) => e.eventCount > 0);
-	return s.length === 0 ? /* @__PURE__ */ O(r, {
-		title: i,
+function ue({ days: e, categories: n, emptyLabel: r, onEventClick: i, renderEvent: a }) {
+	let o = e.filter((e) => e.eventCount > 0);
+	return o.length === 0 ? /* @__PURE__ */ O(u, {
+		title: r,
 		description: !1,
-		padding: "md",
 		border: !0
 	}) : /* @__PURE__ */ O("div", {
-		className: K.agenda,
-		children: s.map((e) => /* @__PURE__ */ k("section", {
-			className: K.agendaDay,
+		className: q.agenda,
+		children: o.map((e) => /* @__PURE__ */ k("section", {
+			className: q.agendaDay,
 			"data-today": e.isToday || void 0,
 			children: [/* @__PURE__ */ k("div", {
-				className: K.agendaDate,
-				children: [/* @__PURE__ */ O(n, {
+				className: q.agendaDate,
+				children: [/* @__PURE__ */ O(t, {
 					size: "xs",
 					type: "secondary",
 					weight: "medium",
 					children: e.date.toLocaleDateString(void 0, { weekday: "short" })
-				}), /* @__PURE__ */ O(n, {
+				}), /* @__PURE__ */ O(t, {
 					type: "inherit",
 					size: "lg",
 					weight: "semibold",
@@ -721,13 +725,13 @@ function le({ days: e, categories: t, emptyLabel: i, onEventClick: a, renderEven
 					children: e.date.getDate()
 				})]
 			}), /* @__PURE__ */ O("div", {
-				className: K.agendaEvents,
+				className: q.agendaEvents,
 				children: e.events.map((e) => {
-					let n = Z(t, e.category);
-					return o ? /* @__PURE__ */ O("div", { children: o(e, n) }, e.id) : /* @__PURE__ */ O(Q, {
+					let t = Q(n, e.category);
+					return a ? /* @__PURE__ */ O("div", { children: a(e, t) }, e.id) : /* @__PURE__ */ O(ie, {
 						event: e,
-						category: n,
-						onClick: a ? () => a(e) : void 0
+						category: t,
+						onClick: i ? () => i(e) : void 0
 					}, e.id);
 				})
 			})]
@@ -735,4 +739,4 @@ function le({ days: e, categories: t, emptyLabel: i, onEventClick: a, renderEven
 	});
 }
 //#endregion
-export { ce as EventCalendar, re as EventCalendarDayCell, ne as EventCalendarEventBadge, Q as EventCalendarEventCard, ie as EventCalendarHeader, ae as EventCalendarLegend, W as defaultEventCalendarEventCardStrings, U as defaultEventCalendarStrings, Z as getCategoryById, X as getEventsForDay, G as resolveCategoryColorToken, oe as useEventCalendar, Y as useEventCalendarData };
+export { le as EventCalendar, re as EventCalendarDayCell, J as EventCalendarEventBadge, ie as EventCalendarEventCard, ae as EventCalendarHeader, oe as EventCalendarLegend, W as defaultEventCalendarEventCardStrings, U as defaultEventCalendarStrings, Q as getCategoryById, ne as getEventsForDay, G as resolveCategoryColorToken, se as useEventCalendar, Z as useEventCalendarData };