themelia-react-ui 2.0.1 → 2.0.2

package/dist/features/event-calendar.js

@@ -1,24 +1,24 @@
 "use client";
-import { o as e, s as t, v as n } from "../ui-provider-1D_NSYzO.js";
+import { o as e, s as t, v as n } from "../ui-provider-C_U0Xma4.js";
 import { useStrings as r } from "../lib/strings.js";
-import { t as i } from "../utils-l5LpDw2z.js";
-import { n as a } from "../buttons-SbIcm1HJ.js";
-import { o, s } from "../typography-DTRkE9zL.js";
+import { t as i } from "../utils-BRhFDwuU.js";
+import { n as a } from "../buttons-DPZekJFu.js";
+import { c as o, s } from "../typography-UTnveOEy.js";
 import { t as c } from "../focus-recipes-B653VaLq.js";
-import { t as l } from "../structure-DC2dygdA.js";
-import { r as u } from "../tone-recipes-CPoExcTE.js";
-import { t as d } from "../interaction-recipes-CHr0dJUs.js";
-import { r as f, t as p } from "../date-BgK3bTdo.js";
-import { n as m } from "../field-affordance-recipes-qQeIf4lG.js";
-import { l as h } from "../choice-inputs-t6w3ATNz.js";
-import { t as g } from "../date-pickers-BmzxJl5l.js";
-import { r as _, t as v } from "../control-group-recipes-DBXmfh2E.js";
-import { useCallback as y, useMemo as b, useState as x } from "react";
-import { Fragment as S, jsx as C, jsxs as w } from "react/jsx-runtime";
-import { ChevronLeft as T, ChevronRight as ee, ExternalLink as E } from "lucide-react";
-import { addMonths as D, addWeeks as O, eachDayOfInterval as k, endOfMonth as A, endOfWeek as j, format as M, isSameDay as N, isSameMonth as P, isToday as F, isWeekend as te, startOfDay as I, startOfMonth as L, startOfWeek as R, subMonths as z, subWeeks as ne } from "date-fns";
+import { t as l } from "../structure-BmisBK-3.js";
+import { i as u, t as d } from "../tone-recipes-BPsRAvhu.js";
+import { t as f } from "../interaction-recipes-XR9ZpVYL.js";
+import { r as p, t as m } from "../date-DCrsDTZc.js";
+import { n as h } from "../field-affordance-recipes-DZhnIL_Y.js";
+import { l as g } from "../choice-inputs-CNHvARCJ.js";
+import { t as _ } from "../date-pickers-Ccw8DL2b.js";
+import { r as v, t as y } from "../control-group-recipes-DBXmfh2E.js";
+import { useCallback as b, useMemo as x, useState as S } from "react";
+import { Fragment as C, jsx as w, jsxs as T } from "react/jsx-runtime";
+import { ChevronLeft as E, ChevronRight as D, ExternalLink as O } from "lucide-react";
+import { addMonths as k, addWeeks as A, eachDayOfInterval as j, endOfMonth as M, endOfWeek as N, format as P, isSameDay as F, isSameMonth as I, isToday as ee, isWeekend as L, startOfDay as R, startOfMonth as z, startOfWeek as B, subMonths as te, subWeeks as V } from "date-fns";
 //#region src/components/features/event-calendar/event-calendar.types.ts
-var B = {
+var H = {
 	gray: "bg-muted-foreground",
 	red: "bg-destructive",
 	orange: "bg-warning",
@@ -28,10 +28,10 @@ var B = {
 	blue: "bg-info",
 	purple: "bg-primary"
 };
-function V(e) {
+function U(e) {
 	return e?.colorToken ?? "gray";
 }
-var H = {
+var W = {
 	today: "Today",
 	previous: "Previous",
 	next: "Next",
@@ -56,75 +56,76 @@ var H = {
 };
 //#endregion
 //#region src/components/features/event-calendar/event-calendar-event-badge.tsx
-function U({ event: e, category: t, compact: n = !1, onClick: r }) {
-	let a = B[V(t)], o = e.allDay ? null : M(e.startDate, "HH:mm"), c = e.metadata?.calendar_cell_title, l = typeof c == "string" && c.trim() !== "" ? c : e.title, u = o ? `${l} at ${o}` : l;
-	return /* @__PURE__ */ C("button", {
+function G({ event: e, category: t, compact: n = !1, onClick: r }) {
+	let a = H[U(t)], s = e.allDay ? null : P(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__ */ w("button", {
 		type: "button",
 		onClick: (e) => {
 			e.stopPropagation(), r?.();
 		},
-		className: i("event-calendar-event-badge--component", m.inline, m.focus, "@container/calendar-event group/calendar-event w-full min-w-0 cursor-pointer text-left text-card-foreground"),
+		className: i("event-calendar-event-badge--component", h.inline, h.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__ */ w("span", {
+		children: /* @__PURE__ */ T("span", {
 			className: i("box-border flex w-full min-w-0 items-center gap-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__ */ C("span", {
+				/* @__PURE__ */ w("span", {
 					"aria-hidden": "true",
-					className: i("size-1.5 shrink-0 rounded-full", a)
+					className: i(d.inline, a)
 				}),
-				/* @__PURE__ */ C(s, {
+				/* @__PURE__ */ w(o, {
 					tag: "span",
+					type: "inherit",
 					size: "xs",
 					weight: "medium",
 					className: "hidden min-w-0 flex-1 truncate @min-[4rem]/calendar-event:block",
 					children: l
 				}),
-				!!o && /* @__PURE__ */ C(s, {
+				!!s && /* @__PURE__ */ w(o, {
 					tag: "span",
 					size: "xs",
 					type: "secondary",
 					className: "hidden shrink-0 whitespace-nowrap tabular-nums @min-[4rem]/calendar-event:inline",
-					children: o
+					children: s
 				})
 			]
 		})
 	});
 }
-U.displayName = "EventCalendarEventBadge";
+G.displayName = "EventCalendarEventBadge";
 //#endregion
 //#region src/components/features/event-calendar/use-event-calendar-data.tsx
-function W(e, t, n, r = {}) {
+function K(e, t, n, r = {}) {
 	let { weekStartsOn: i = 1, showWeekends: a = !0, visibleCategories: o } = r;
-	return b(() => {
-		let r = L(t), s = A(t), c, l;
-		n === "month" ? (c = R(r, { weekStartsOn: i }), l = j(s, { weekStartsOn: i })) : n === "week" ? (c = R(t, { weekStartsOn: i }), l = j(t, { weekStartsOn: i })) : (c = r, l = s);
-		let u = k({
+	return x(() => {
+		let r = z(t), s = M(t), c, l;
+		n === "month" ? (c = B(r, { weekStartsOn: i }), l = N(s, { weekStartsOn: i })) : n === "week" ? (c = B(t, { weekStartsOn: i }), l = N(t, { weekStartsOn: i })) : (c = r, l = s);
+		let u = j({
 			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 = I(e.startDate);
+			let t = R(e.startDate);
 			if (Number.isNaN(t.getTime())) return;
 			let n = t;
 			if (e.endDate && !Number.isNaN(e.endDate.getTime())) {
-				let r = I(e.endDate);
+				let r = R(e.endDate);
 				!Number.isNaN(r.getTime()) && r.getTime() >= t.getTime() && (n = r);
 			}
-			k({
+			j({
 				start: t,
 				end: n
 			}).forEach((t) => {
 				let n = t.toISOString().split("T")[0];
 				f.has(n) || f.set(n, []), f.get(n).push(e);
 			});
-		}), u.filter((e) => a || !te(e)).map((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());
 			return {
 				date: e,
-				isCurrentMonth: P(e, t),
-				isToday: F(e),
-				isWeekend: te(e),
+				isCurrentMonth: I(e, t),
+				isToday: ee(e),
+				isWeekend: L(e),
 				events: r,
 				eventCount: r.length,
 				hasMultipleEvents: r.length > 1
@@ -139,63 +140,66 @@ function W(e, t, n, r = {}) {
 		o
 	]);
 }
-function G(e, t) {
+function ne(e, t) {
 	return e.filter((e) => {
-		let n = I(e.startDate), r = e.endDate ? I(e.endDate) : n, i = I(t);
-		return N(i, n) || N(i, r) || i > n && i < r;
+		let n = R(e.startDate), r = e.endDate ? R(e.endDate) : n, i = R(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 K(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 q({ data: e, categories: t, maxEvents: n = 3, onClick: r, onEventClick: a, compact: o = !1, strings: c, renderEvent: l }) {
+function J({ data: e, categories: t, maxEvents: n = 3, onClick: r, onEventClick: a, compact: s = !1, strings: c, renderEvent: l }) {
 	let u = {
-		booking: c?.booking ?? H.booking,
-		bookings: c?.bookings ?? H.bookings
-	}, { date: d, isCurrentMonth: f, isToday: p, isWeekend: h, events: g, eventCount: _ } = e, v = g.slice(0, n), y = Math.max(0, _ - n);
-	return /* @__PURE__ */ C("div", {
+		booking: c?.booking ?? W.booking,
+		bookings: c?.bookings ?? W.bookings
+	}, { date: d, isCurrentMonth: f, isToday: p, isWeekend: m, events: g, eventCount: _ } = e, v = g.slice(0, n), y = Math.max(0, _ - n);
+	return /* @__PURE__ */ w("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__ */ w("div", {
+		children: /* @__PURE__ */ T("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", o && "min-h-20 p-space-xs"),
+			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": h,
+			"data-weekend": m,
 			"data-current-month": f,
-			children: [/* @__PURE__ */ C("button", {
+			children: [/* @__PURE__ */ w("button", {
 				type: "button",
 				onClick: (e) => {
 					e.stopPropagation(), r();
 				},
-				className: i("event-calendar-day-cell--date", m.target, m.focus, "text-inherit"),
+				className: i("event-calendar-day-cell--date", h.target, h.focus, "text-inherit"),
 				"aria-label": d.toDateString(),
-				children: /* @__PURE__ */ C(s, {
-					className: i("font-normal leading-none", p && "font-semibold", !f && "text-muted-foreground", o && "text-xs"),
+				children: /* @__PURE__ */ w(o, {
+					size: s ? "xs" : void 0,
+					weight: p ? "semibold" : "regular",
+					type: f ? "main" : "secondary",
+					lineHeight: "none",
 					children: d.getDate()
 				})
-			}), /* @__PURE__ */ w("div", {
+			}), /* @__PURE__ */ T("div", {
 				className: "w-full space-y-space-2xs",
 				children: [v.map((n) => {
-					let i = K(t, n.category);
-					return l ? /* @__PURE__ */ C("div", { children: l(n, i) }, n.id) : /* @__PURE__ */ C(U, {
+					let i = q(t, n.category);
+					return l ? /* @__PURE__ */ w("div", { children: l(n, i) }, n.id) : /* @__PURE__ */ w(G, {
 						event: n,
 						category: i,
-						compact: o || e.hasMultipleEvents,
+						compact: s || e.hasMultipleEvents,
 						onClick: () => {
 							a ? a(n) : r();
 						}
 					}, n.id);
-				}), y > 0 && /* @__PURE__ */ w("div", {
+				}), y > 0 && /* @__PURE__ */ T("div", {
 					className: "flex items-center gap-space-xs py-space-2xs px-space-md",
-					children: [/* @__PURE__ */ C("div", {
+					children: [/* @__PURE__ */ w("div", {
 						className: "flex items-center -space-x-1",
-						children: t.slice(0, 3).map((e, t) => /* @__PURE__ */ C("span", { className: i("h-1.5 w-1.5 rounded-full border border-background", B[V(e)]) }, e.id || t))
-					}), /* @__PURE__ */ w(s, {
+						children: t.slice(0, 3).map((e, t) => /* @__PURE__ */ w("span", { className: i("h-1.5 w-1.5 rounded-full border border-background", H[U(e)]) }, e.id || t))
+					}), /* @__PURE__ */ T(o, {
 						size: "xs",
 						type: "secondary",
-						className: "font-medium text-xs",
+						weight: "medium",
 						children: [
 							y,
 							" ",
@@ -207,57 +211,57 @@ function q({ data: e, categories: t, maxEvents: n = 3, onClick: r, onEventClick:
 		})
 	});
 }
-q.displayName = "EventCalendarDayCell";
+J.displayName = "EventCalendarDayCell";
 //#endregion
 //#region src/components/features/event-calendar/event-calendar-header.tsx
-var re = (e, t) => {
+var Y = (e, t) => {
 	if (!e) return null;
-	if (e.element) return /* @__PURE__ */ C("div", {
+	if (e.element) return /* @__PURE__ */ w("div", {
 		className: "event-calendar-header--action-slot",
 		children: e.element
 	}, e.id || t);
 	let n = e.icon, r = e.id || `action-${t}`, o = () => {
 		e.onClick?.();
 	}, s = e.buttonStyle === "link" ? "ghost" : e.buttonStyle ?? "solid";
-	return /* @__PURE__ */ w(a, {
+	return /* @__PURE__ */ T(a, {
 		tone: e.tone ?? "primary",
 		buttonStyle: s,
 		onClick: o,
-		className: i("gap-space-md", e.buttonStyle === "link" && "underline underline-offset-4"),
+		className: i("gap-space-md", e.buttonStyle === "link" && "underline underline-offset-[0.2em]"),
 		disabled: !!e.disabled,
-		children: [!!n && /* @__PURE__ */ C(n, { className: "size-icon" }), e.label]
+		children: [!!n && /* @__PURE__ */ w(n, { className: "size-icon" }), e.label]
 	}, r);
 };
-function J({ currentDate: e, viewMode: s, displayLabel: c, onPrevious: l, onNext: u, onToday: d, onViewModeChange: f, onDateChange: p, locale: m, actions: y, strings: x, rangeMode: E = "date", minDate: D, maxDate: O, prevDisabled: k = !1, nextDisabled: A = !1 }) {
-	let { defaultScale: j } = t(), M = n(void 0, j), N = r(H, x), P = b(() => (y || []).filter((e) => e.visible !== !1), [y]), F = b(() => [
+function X({ currentDate: e, viewMode: o, displayLabel: c, onPrevious: l, onNext: u, onToday: d, onViewModeChange: f, onDateChange: p, locale: m, actions: h, strings: b, rangeMode: S = "date", minDate: O, maxDate: k, prevDisabled: A = !1, nextDisabled: j = !1 }) {
+	let { defaultScale: M } = t(), N = n(void 0, M), P = r(W, b), F = x(() => (h || []).filter((e) => e.visible !== !1), [h]), I = x(() => [
 		{
 			value: "month",
-			label: N.viewMode.month
+			label: P.viewMode.month
 		},
 		{
 			value: "week",
-			label: N.viewMode.week
+			label: P.viewMode.week
 		},
 		{
 			value: "agenda",
-			label: N.viewMode.agenda
+			label: P.viewMode.agenda
 		}
 	], [
-		N.viewMode.month,
-		N.viewMode.week,
-		N.viewMode.agenda
+		P.viewMode.month,
+		P.viewMode.week,
+		P.viewMode.agenda
 	]);
-	return /* @__PURE__ */ C("div", {
+	return /* @__PURE__ */ w("div", {
 		className: "event-calendar-header--component @container/event-calendar-header mb-space-xl min-w-0",
-		children: /* @__PURE__ */ w("div", {
+		children: /* @__PURE__ */ T("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__ */ w("div", {
+			children: [/* @__PURE__ */ T("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__ */ C(o, {
+				children: [/* @__PURE__ */ w(s, {
 					tag: "h3",
-					className: "min-w-0 break-words",
+					className: "min-w-0 break-words text-inherit",
 					children: c
-				}), /* @__PURE__ */ C(g, {
+				}), /* @__PURE__ */ w(_, {
 					iconOnly: !0,
 					className: "min-w-0 max-w-full",
 					value: {
@@ -267,52 +271,52 @@ function J({ currentDate: e, viewMode: s, displayLabel: c, onPrevious: l, onNext
 					onValueChange: (e) => {
 						e.date && p?.(e.date);
 					},
-					fromYear: D?.getFullYear(),
-					toYear: O?.getFullYear(),
+					fromYear: O?.getFullYear(),
+					toYear: k?.getFullYear(),
 					locale: m,
-					strings: N.monthYearPicker
+					strings: P.monthYearPicker
 				})]
-			}), /* @__PURE__ */ w("div", {
+			}), /* @__PURE__ */ T("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__ */ w(S, { children: [/* @__PURE__ */ C("div", {
+					F.length > 0 && /* @__PURE__ */ T(C, { children: [/* @__PURE__ */ w("div", {
 						className: "event-calendar-header--actions flex min-w-0 flex-wrap items-center gap-space-md",
-						children: P.map((e, t) => re(e, t))
-					}), /* @__PURE__ */ C("div", { className: "event-calendar-header--separator mx-space-sm hidden h-6 w-px bg-border @sm/event-calendar-header:block" })] }),
-					/* @__PURE__ */ C(a, {
+						children: F.map((e, t) => Y(e, t))
+					}), /* @__PURE__ */ w("div", { className: "event-calendar-header--separator mx-space-sm hidden h-6 w-px bg-border @sm/event-calendar-header:block" })] }),
+					/* @__PURE__ */ w(a, {
 						tone: "secondary",
 						buttonStyle: "outline",
 						onClick: d,
-						children: N.today
+						children: P.today
 					}),
-					/* @__PURE__ */ w("div", {
-						className: i("event-calendar-header--navigation", _.joinedFrame, v[M]),
-						children: [/* @__PURE__ */ C(a, {
+					/* @__PURE__ */ T("div", {
+						className: i("event-calendar-header--navigation", v.joinedFrame, y[N]),
+						children: [/* @__PURE__ */ w(a, {
 							tone: "secondary",
 							buttonStyle: "ghost",
-							size: M,
+							size: N,
 							iconOnly: !0,
 							onClick: l,
-							disabled: k,
-							className: i(_.joinedItem, _.firstItem, "border-border border-e"),
-							"aria-label": N.previous,
-							children: /* @__PURE__ */ C(T, { className: "size-icon rtl:rotate-180" })
-						}), /* @__PURE__ */ C(a, {
+							disabled: A,
+							className: i(v.joinedItem, v.firstItem, "border-border border-e"),
+							"aria-label": P.previous,
+							children: /* @__PURE__ */ w(E, { className: "size-icon rtl:rotate-180" })
+						}), /* @__PURE__ */ w(a, {
 							tone: "secondary",
 							buttonStyle: "ghost",
-							size: M,
+							size: N,
 							iconOnly: !0,
 							onClick: u,
-							disabled: A,
-							className: i(_.joinedItem, _.lastItem),
-							"aria-label": N.next,
-							children: /* @__PURE__ */ C(ee, { className: "size-icon rtl:rotate-180" })
+							disabled: j,
+							className: i(v.joinedItem, v.lastItem),
+							"aria-label": P.next,
+							children: /* @__PURE__ */ w(D, { className: "size-icon rtl:rotate-180" })
 						})]
 					}),
-					!!f && /* @__PURE__ */ C(h, {
-						"aria-label": N.viewMode.label,
-						value: s,
-						options: F,
+					!!f && /* @__PURE__ */ w(g, {
+						"aria-label": P.viewMode.label,
+						value: o,
+						options: I,
 						onValueChange: (e) => {
 							e && f(e);
 						},
@@ -323,10 +327,10 @@ function J({ currentDate: e, viewMode: s, displayLabel: c, onPrevious: l, onNext
 		})
 	});
 }
-J.displayName = "EventCalendarHeader";
+X.displayName = "EventCalendarHeader";
 //#endregion
 //#region src/components/features/event-calendar/colors.ts
-var Y = {
+var Z = {
 	gray: {
 		badgeBg: "bg-muted",
 		border: "border-border",
@@ -368,113 +372,113 @@ var Y = {
 		swatch: u.primary.solid
 	}
 };
-function X(e) {
-	let t = V(e);
+function Q(e) {
+	let t = U(e);
 	return {
-		dot: B[t],
-		...Y[t]
+		dot: H[t],
+		...Z[t]
 	};
 }
-function Z(e) {
-	return B[V(e)];
+function $(e) {
+	return H[U(e)];
 }
 //#endregion
 //#region src/components/features/event-calendar/event-calendar-legend.tsx
-function Q({ categories: e, visibleCategories: t, onToggleCategory: n, enableFiltering: r = !1 }) {
-	let o = !t || t.length === 0, c = (e) => !r || o || t?.includes(e), l = (e) => {
+function re({ categories: e, visibleCategories: t, onToggleCategory: n, enableFiltering: r = !1 }) {
+	let s = !t || t.length === 0, c = (e) => !r || s || t?.includes(e), l = (e) => {
 		r && n && n(e);
 	};
-	return e.length === 0 ? null : /* @__PURE__ */ C("div", {
+	return e.length === 0 ? null : /* @__PURE__ */ w("div", {
 		role: r ? "group" : void 0,
 		"aria-label": r ? "Filter event categories" : 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 = X(e), o = e.icon, u = "group inline-flex items-center gap-space-sm rounded-inner border px-space-sm py-space-xs transition-colors", f = /* @__PURE__ */ w(S, { children: [
-				/* @__PURE__ */ C("span", {
+			let t = c(e.id), n = Q(e), s = e.icon, u = "group inline-flex items-center gap-space-sm rounded-inner border px-space-sm py-space-xs transition-colors", d = /* @__PURE__ */ T(C, { children: [
+				/* @__PURE__ */ w("span", {
 					className: i("inline-block size-2 rounded-radius", t ? n.swatch : "bg-muted-foreground/40"),
 					"aria-hidden": "true"
 				}),
-				!!o && /* @__PURE__ */ C(o, {
-					className: i("size-icon-sm", t ? "text-foreground" : "text-muted-foreground"),
+				!!s && /* @__PURE__ */ w(s, {
+					className: i("size-icon-sm", t ? "text-inherit" : "text-muted-foreground"),
 					"aria-hidden": "true"
 				}),
-				/* @__PURE__ */ C(s, {
+				/* @__PURE__ */ w(o, {
 					tag: "span",
 					size: "xs",
 					weight: "medium",
-					type: t ? "main" : "secondary",
+					type: t ? "inherit" : "secondary",
 					children: e.label
 				})
 			] });
-			return r ? /* @__PURE__ */ C(a, {
+			return r ? /* @__PURE__ */ w(a, {
 				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 ${d.toggleHover}` : `border-dashed border-border/60 bg-transparent text-muted-foreground ${d.toggleHover}`),
-				children: f
-			}, e.id) : /* @__PURE__ */ C("span", {
-				className: i(u, "border-border bg-card cursor-default"),
-				children: f
+				className: i(u, "h-auto min-h-0 cursor-pointer shadow-none", t ? `border-border bg-card text-card-foreground ${f.toggleHover}` : `border-dashed border-border/60 bg-transparent text-muted-foreground ${f.toggleHover}`),
+				children: d
+			}, e.id) : /* @__PURE__ */ w("span", {
+				className: i(u, "border-border bg-card text-card-foreground cursor-default"),
+				children: d
 			}, e.id);
 		})
 	});
 }
-Q.displayName = "EventCalendarLegend";
+re.displayName = "EventCalendarLegend";
 //#endregion
 //#region src/components/features/event-calendar/use-event-calendar.tsx
 function ie({ 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] = x(r), [d, f] = x(a), p = n ?? l, m = i ?? d, h = y((e) => {
+	let [l, u] = S(r), [d, f] = S(a), p = n ?? l, m = i ?? d, h = b((e) => {
 		n === void 0 && u(e), o?.(e);
-	}, [n, o]), g = y((e) => {
+	}, [n, o]), g = b((e) => {
 		i === void 0 && f(e), s?.(e);
-	}, [s, i]), _ = W(e, p, m, c), v = b(() => c.visibleCategories && c.visibleCategories.length > 0 ? e.filter((e) => c.visibleCategories.includes(e.category)) : e, [e, c.visibleCategories]);
+	}, [s, i]), _ = K(e, p, m, c), v = x(() => 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: y(() => {
+		goToToday: b(() => {
 			h(/* @__PURE__ */ new Date());
 		}, [h]),
-		goToNextPeriod: y(() => {
-			let e = m === "month" ? D(p, 1) : O(p, 1);
+		goToNextPeriod: b(() => {
+			let e = m === "month" ? k(p, 1) : A(p, 1);
 			h(e);
 		}, [
 			h,
 			p,
 			m
 		]),
-		goToPreviousPeriod: y(() => {
-			let e = m === "month" ? z(p, 1) : ne(p, 1);
+		goToPreviousPeriod: b(() => {
+			let e = m === "month" ? te(p, 1) : V(p, 1);
 			h(e);
 		}, [
 			h,
 			p,
 			m
 		]),
-		setDate: y((e) => {
+		setDate: b((e) => {
 			h(e);
 		}, [h]),
-		setViewMode: y((e) => {
+		setViewMode: b((e) => {
 			g(e);
 		}, [g]),
-		displayLabel: b(() => {
-			if (m === "month") return M(p, "MMMM yyyy", { locale: t });
+		displayLabel: x(() => {
+			if (m === "month") return P(p, "MMMM yyyy", { locale: t });
 			if (m === "week") {
 				let e = _[0]?.date, n = _[_.length - 1]?.date;
-				return e && n ? `${M(e, "MMM d", { locale: t })} - ${M(n, "MMM d, yyyy", { locale: t })}` : M(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 M(p, "MMMM yyyy", { locale: t });
+			return P(p, "MMMM yyyy", { locale: t });
 		}, [
 			p,
 			m,
 			_,
 			t
 		]),
-		hasEvents: b(() => v.length > 0, [v])
+		hasEvents: x(() => v.length > 0, [v])
 	};
 }
 //#endregion
@@ -486,39 +490,39 @@ function ae(e, t) {
 	let n = e.dates?.some((e) => e.toDateString() === t.toDateString()) ?? !1, r = e.predicate?.(t) ?? !1;
 	return n || r;
 }
-function $({ events: t, categories: n, 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: S, enableCategoryFilter: T = !1, visibleCategories: ee, onVisibleCategoriesChange: E, loading: D = !1, emptyStateMessage: O, className: k, compact: A = !1, actions: j, strings: M, dayHeadingVariant: N = "default", dayHeadingClassName: P, renderDayHeading: F, rangeMode: te = "date", minDate: I, maxDate: L, disabledDates: R, filterEvent: z, renderEvent: ne, renderDayCell: B }) {
-	let V = r(H, M), [U, W] = x([]), G = ee ?? U, { weekStartsOn: K, locale: re } = e(), Y = y ?? K ?? 1, X = S ?? re, Z = (e) => {
-		let t = G.includes(e) ? G.filter((t) => t !== e) : [...G, e];
-		E ? E(t) : W(t);
+function oe({ events: t, categories: n, 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: C = !1, visibleCategories: E, onVisibleCategoriesChange: D, loading: O = !1, emptyStateMessage: k, className: A, compact: j = !1, actions: M, strings: N, dayHeadingVariant: P = "default", dayHeadingClassName: F, renderDayHeading: I, rangeMode: ee = "date", minDate: L, maxDate: R, disabledDates: z, filterEvent: B, renderEvent: te, renderDayCell: V }) {
+	let H = r(W, N), [U, G] = S([]), K = E ?? U, { weekStartsOn: ne, locale: q } = e(), Y = y ?? ne ?? 1, Z = b ?? q, Q = (e) => {
+		let t = K.includes(e) ? K.filter((t) => t !== e) : [...K, e];
+		D ? D(t) : G(t);
 	}, $ = ie({
 		events: t,
-		locale: X,
+		locale: Z,
 		date: l,
 		defaultDate: d,
 		viewMode: a,
-		defaultViewMode: o,
+		defaultViewMode: s,
 		onDateChange: f,
 		onViewModeChange: c,
 		dataOptions: {
 			weekStartsOn: Y,
 			showWeekends: v,
-			visibleCategories: G.length > 0 ? G : void 0
+			visibleCategories: K.length > 0 ? K : void 0
 		}
-	}), oe = b(() => {
-		let e = V.weekdaysShort;
+	}), oe = x(() => {
+		let e = H.weekdaysShort;
 		return Y === 1 ? [...e.slice(1), e[0]] : e;
-	}, [V.weekdaysShort, Y]), se = (e) => {
-		ae(R, e.date) || I && e.date < I || L && e.date > L || m?.(e.date, e.events);
-	}, ce = b(() => z ? $.calendarDays.map((e) => ({
+	}, [H.weekdaysShort, Y]), se = (e) => {
+		ae(z, e.date) || L && e.date < L || R && e.date > R || m?.(e.date, e.events);
+	}, ce = x(() => B ? $.calendarDays.map((e) => ({
 		...e,
-		events: e.events.filter(z),
-		eventCount: e.events.filter(z).length,
-		hasMultipleEvents: e.events.filter(z).length > 1
-	})) : $.calendarDays, [$.calendarDays, z]);
+		events: e.events.filter(B),
+		eventCount: e.events.filter(B).length,
+		hasMultipleEvents: e.events.filter(B).length > 1
+	})) : $.calendarDays, [$.calendarDays, B]);
 	function le(e) {
-		return !!(ae(R, e) || I && e < I || L && e > L);
+		return !!(ae(z, e) || L && e < L || R && e > R);
 	}
-	let ue = b(() => {
+	let ue = x(() => {
 		let e = $.calendarDays;
 		if (e.length === 0) return {
 			prev: !1,
@@ -526,27 +530,27 @@ function $({ events: t, categories: n, viewMode: a, defaultViewMode: o, onViewMo
 		};
 		let t = e[0].date, n = e[e.length - 1].date;
 		return {
-			prev: !!I && t <= I,
-			next: !!L && n >= L
+			prev: !!L && t <= L,
+			next: !!R && n >= R
 		};
 	}, [
 		$.calendarDays,
-		I,
-		L
+		L,
+		R
 	]);
-	if (D) return /* @__PURE__ */ C("div", {
-		className: i("event-calendar--component", "flex items-center justify-center p-surface-lg", k),
+	if (O) return /* @__PURE__ */ w("div", {
+		className: i("event-calendar--component", "flex items-center justify-center p-surface-lg", A),
 		role: "status",
-		children: /* @__PURE__ */ C(s, {
+		children: /* @__PURE__ */ w(o, {
 			type: "secondary",
-			children: V.loading
+			children: H.loading
 		})
 	});
-	let de = a ? c : void 0, fe = T ? Z : void 0;
-	return /* @__PURE__ */ w("div", {
-		className: i("event-calendar--component w-full space-y-space-xl", k),
+	let de = a ? c : void 0, fe = C ? Q : void 0;
+	return /* @__PURE__ */ T("div", {
+		className: i("event-calendar--component w-full space-y-space-xl", A),
 		children: [
-			!!_ && /* @__PURE__ */ C(J, {
+			!!_ && /* @__PURE__ */ w(X, {
 				currentDate: $.currentDate,
 				viewMode: $.viewMode,
 				displayLabel: $.displayLabel,
@@ -555,50 +559,50 @@ function $({ events: t, categories: n, viewMode: a, defaultViewMode: o, onViewMo
 				onToday: $.goToToday,
 				onViewModeChange: de,
 				onDateChange: $.setDate,
-				locale: X,
-				actions: j,
-				rangeMode: te,
-				minDate: I,
-				maxDate: L,
+				locale: Z,
+				actions: M,
+				rangeMode: ee,
+				minDate: L,
+				maxDate: R,
 				prevDisabled: ue.prev,
 				nextDisabled: ue.next,
 				strings: {
-					today: V.today,
-					previous: V.previous,
-					next: V.next,
-					viewMode: V.viewMode,
-					monthYearPicker: V.monthYearPicker
+					today: H.today,
+					previous: H.previous,
+					next: H.next,
+					viewMode: H.viewMode,
+					monthYearPicker: H.monthYearPicker
 				}
 			}),
-			!!g && n.length > 0 && /* @__PURE__ */ C(Q, {
+			!!g && n.length > 0 && /* @__PURE__ */ w(re, {
 				categories: n,
-				visibleCategories: G,
+				visibleCategories: K,
 				onToggleCategory: fe,
-				enableFiltering: T
+				enableFiltering: C
 			}),
-			!$.hasEvents && O ? /* @__PURE__ */ C("div", {
+			!$.hasEvents && k ? /* @__PURE__ */ w("div", {
 				className: "flex items-center justify-center rounded-radius border border-dashed border-border p-surface",
-				children: /* @__PURE__ */ C(s, {
+				children: /* @__PURE__ */ w(o, {
 					type: "secondary",
-					children: O
+					children: k
 				})
-			}) : /* @__PURE__ */ w("div", {
-				className: "bg-background rounded-radius border border-border",
-				children: [/* @__PURE__ */ C("div", {
-					className: i("grid grid-cols-7", N === "bordered" && "border-b border-border mb-0", N === "tinted" && "bg-muted/50 rounded-t-radius mb-0 overflow-hidden", N === "accent" && i(u.primary.wash, "rounded-t-radius mb-0 overflow-hidden"), N === "default" && "mb-space-md"),
-					children: oe.map((e, t) => F ? /* @__PURE__ */ C("div", { children: F(e, t) }, e) : /* @__PURE__ */ C("div", {
-						className: i("text-center h-8 flex items-center justify-center", P),
-						children: /* @__PURE__ */ C(s, {
+			}) : /* @__PURE__ */ T("div", {
+				className: "box-border bg-background text-foreground rounded-radius border border-border",
+				children: [/* @__PURE__ */ w("div", {
+					className: i("grid grid-cols-7", P === "bordered" && "border-b border-border mb-0", P === "tinted" && "bg-muted/50 rounded-t-radius mb-0 overflow-hidden", P === "accent" && i(u.primary.wash, "rounded-t-radius mb-0 overflow-hidden"), P === "default" && "mb-space-md"),
+					children: oe.map((e, t) => I ? /* @__PURE__ */ w("div", { children: I(e, t) }, e) : /* @__PURE__ */ w("div", {
+						className: i("text-center h-8 flex items-center justify-center", F),
+						children: /* @__PURE__ */ w(o, {
 							size: "xs",
-							weight: N === "accent" ? "medium" : "regular",
-							className: i(N === "default" && "text-muted-foreground", N === "tinted" && "text-muted-foreground", N === "bordered" && "text-foreground", N === "accent" && "text-primary-accent"),
+							weight: P === "accent" ? "medium" : "regular",
+							className: i(P === "default" && "text-muted-foreground", P === "tinted" && "text-muted-foreground", P === "bordered" && "text-foreground", P === "accent" && "text-primary-accent"),
 							children: e
 						})
 					}, e))
-				}), /* @__PURE__ */ C("div", {
+				}), /* @__PURE__ */ w("div", {
 					className: "grid grid-cols-7",
 					children: ce.map((e) => {
-						let t = le(e.date), r = () => /* @__PURE__ */ C(q, {
+						let t = le(e.date), r = () => /* @__PURE__ */ w(J, {
 							data: e,
 							categories: n,
 							maxEvents: h,
@@ -606,17 +610,17 @@ function $({ events: t, categories: n, viewMode: a, defaultViewMode: o, onViewMo
 							onEventClick: p ? (t) => {
 								le(e.date) || p(t);
 							} : void 0,
-							compact: A,
+							compact: j,
 							strings: {
-								booking: V.booking,
-								bookings: V.bookings
+								booking: H.booking,
+								bookings: H.bookings
 							},
-							renderEvent: ne
+							renderEvent: te
 						});
-						return /* @__PURE__ */ C("div", {
+						return /* @__PURE__ */ w("div", {
 							className: i(t && "pointer-events-none opacity-50"),
 							"aria-disabled": t || void 0,
-							children: B ? B(e, r) : r()
+							children: V ? V(e, r) : r()
 						}, e.date.toISOString());
 					})
 				})]
@@ -624,63 +628,65 @@ function $({ events: t, categories: n, viewMode: a, defaultViewMode: o, onViewMo
 		]
 	});
 }
-$.displayName = "EventCalendar";
+oe.displayName = "EventCalendar";
 //#endregion
 //#region src/components/features/event-calendar/event-calendar-event-card.tsx
-var oe = {
+var se = {
 	guest: "guest",
 	guests: "guests"
 };
-function se({ event: e, category: t, onClick: n, strings: a }) {
-	let u = r(oe, a), m = !!n, h = () => {
+function ce({ event: e, category: t, onClick: n, strings: a }) {
+	let u = r(se, a), h = !!n, g = () => {
 		n && n();
-	}, g = e.metadata || {}, _ = g.customer_name, v = g.guest_count, y = g.service_name, b = Z(t), x = [_, v !== void 0 && v > 0 ? `${v} ${v === 1 ? u.guest : u.guests}` : void 0].filter(Boolean).join(" · "), S = /* @__PURE__ */ w(l, {
+	}, _ = e.metadata || {}, v = _.customer_name, y = _.guest_count, b = _.service_name, x = $(t), S = [v, y !== void 0 && y > 0 ? `${y} ${y === 1 ? u.guest : u.guests}` : void 0].filter(Boolean).join(" · "), C = /* @__PURE__ */ T(l, {
 		gap: "lg",
 		children: [
-			/* @__PURE__ */ w("div", {
+			/* @__PURE__ */ T("div", {
 				className: "event-calendar-event-card--header flex min-w-0 items-start justify-between gap-space-lg",
-				children: [/* @__PURE__ */ w("div", {
+				children: [/* @__PURE__ */ T("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__ */ C(o, {
+					children: [/* @__PURE__ */ w(s, {
 						tag: "h5",
 						containerClassName: "event-calendar-event-card--heading min-w-0 max-w-full sm:w-auto",
-						className: "break-words",
+						className: "break-words text-inherit",
 						children: e.title
-					}), !!t && /* @__PURE__ */ w("div", {
+					}), !!t && /* @__PURE__ */ T("div", {
 						className: "event-calendar-event-card--category inline-flex min-w-0 max-w-full items-center gap-space-xs",
-						children: [/* @__PURE__ */ C("span", {
+						children: [/* @__PURE__ */ w("span", {
 							"aria-hidden": "true",
-							className: i("event-calendar-event-card--category-dot size-1.5 shrink-0 rounded-full", b)
-						}), /* @__PURE__ */ C(s, {
+							className: i("event-calendar-event-card--category-dot", d.inline, x)
+						}), /* @__PURE__ */ w(o, {
 							tag: "span",
+							type: "inherit",
 							size: "xs",
 							weight: "medium",
 							className: "min-w-0 break-words",
 							children: t.label
 						})]
 					})]
-				}), !!m && !!e.url && /* @__PURE__ */ C(E, { className: "h-3.5 w-3.5 text-muted-foreground flex-shrink-0" })]
+				}), !!h && !!e.url && /* @__PURE__ */ w(O, { className: "size-icon-md text-muted-foreground flex-shrink-0" })]
 			}),
-			!!(x || y) && /* @__PURE__ */ w(l, {
+			!!(S || b) && /* @__PURE__ */ T(l, {
 				gap: "xs",
 				className: "event-calendar-event-card--details min-w-0",
-				children: [!!x && /* @__PURE__ */ C(s, {
+				children: [!!S && /* @__PURE__ */ w(o, {
+					type: "inherit",
 					className: "event-calendar-event-card--facts break-words",
-					children: x
-				}), !!y && /* @__PURE__ */ C(s, {
+					children: S
+				}), !!b && /* @__PURE__ */ w(o, {
 					type: "secondary",
 					className: "line-clamp-1",
-					children: y
+					children: b
 				})]
 			}),
-			/* @__PURE__ */ C("div", {
+			/* @__PURE__ */ w("div", {
 				className: "event-calendar-event-card--date",
-				children: e.allDay ? /* @__PURE__ */ C(p, {
+				children: e.allDay ? /* @__PURE__ */ w(m, {
 					value: e.startDate,
 					preset: "long",
 					size: "xs",
 					type: "secondary"
-				}) : /* @__PURE__ */ C(f, {
+				}) : /* @__PURE__ */ w(p, {
 					value: e.startDate,
 					preset: "long",
 					size: "xs",
@@ -688,19 +694,19 @@ function se({ event: e, category: t, onClick: n, strings: a }) {
 				})
 			})
 		]
-	}), T = i("w-full min-w-0 text-left p-surface border border-border rounded-radius bg-card transition-none", m ? `cursor-pointer focus-visible:outline-none ${c.frame}` : "");
-	return m ? /* @__PURE__ */ C("button", {
+	}), E = i("box-border w-full min-w-0 text-left p-surface border border-border rounded-radius bg-card text-card-foreground transition-none", h ? `cursor-pointer focus-visible:outline-none ${c.frame}` : "");
+	return h ? /* @__PURE__ */ w("button", {
 		type: "button",
-		onClick: h,
-		className: i("event-calendar-event-card--component", `box-border m-0 flex h-auto flex-col items-stretch justify-start whitespace-normal font-sans text-foreground shadow-none ${d.rowHover}`, T),
-		children: S
-	}) : /* @__PURE__ */ C("div", {
-		className: i("event-calendar-event-card--component", T),
-		children: S
+		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 ${f.rowHover}`, E),
+		children: C
+	}) : /* @__PURE__ */ w("div", {
+		className: i("event-calendar-event-card--component", E),
+		children: C
 	});
 }
-se.displayName = "EventCalendarEventCard";
+ce.displayName = "EventCalendarEventCard";
 //#endregion
-export { $ as EventCalendar, q as EventCalendarDayCell, U as EventCalendarEventBadge, se as EventCalendarEventCard, J as EventCalendarHeader, Q as EventCalendarLegend, B as calendarTokenDot, oe as defaultEventCalendarEventCardStrings, H as defaultEventCalendarStrings, X as getCalendarColorClasses, Z as getCalendarDotClass, K as getCategoryById, G as getEventsForDay, V as resolveCategoryColorToken, ie as useEventCalendar, W as useEventCalendarData };
+export { oe as EventCalendar, J as EventCalendarDayCell, G as EventCalendarEventBadge, ce as EventCalendarEventCard, X as EventCalendarHeader, re as EventCalendarLegend, H as calendarTokenDot, se as defaultEventCalendarEventCardStrings, W as defaultEventCalendarStrings, Q as getCalendarColorClasses, $ as getCalendarDotClass, q as getCategoryById, ne as getEventsForDay, U as resolveCategoryColorToken, ie as useEventCalendar, K as useEventCalendarData };
 
 //# sourceMappingURL=event-calendar.js.map