themelia-react-ui 2.0.5 → 2.0.6

package/dist/features/appointment-calendar.js

@@ -1,28 +1,28 @@
 "use client";
 import { f as e, u as t } from "../ui-provider-C-74NVLc.js";
 import { useStrings as n } from "../lib/strings.js";
-import { t as r } from "../utils-B6kKb8jB.js";
-import { n as i } from "../buttons-BedGfygC.js";
-import { c as a, s as o } from "../typography-BQnine1k.js";
+import { t as r } from "../utils-DhuoqFy4.js";
+import { n as i } from "../buttons-DeW0bQeK.js";
+import { c as a, s as o } from "../typography-C7-YMW1S.js";
 import { n as s } from "../text.styles-B64My8RZ.js";
 import { t as c } from "../focus-recipes-B653VaLq.js";
-import { t as l } from "../structure-DuxKl954.js";
+import { t as l } from "../structure-DZJ2wbAU.js";
 import { i as u, t as d } from "../tone-recipes-BPsRAvhu.js";
-import { h as f, m as p, p as m, t as h, v as g } from "../smart-card-CW0hjetE.js";
-import { t as _ } from "../feedback-Dm4izqFn.js";
+import { h as f, m as p, p as m, t as h, v as g } from "../smart-card-B6vLxqa_.js";
+import { t as _ } from "../feedback-Dzo1xtAU.js";
 import { t as v } from "../composition.recipes-COdiFhxB.js";
-import { n as y } from "../action-menu-Dr8K-ghE.js";
-import { r as b } from "../skeleton-BapcJd9C.js";
-import { t as x } from "../interaction-recipes-XR9ZpVYL.js";
+import { n as y } from "../action-menu-C0gjzLyE.js";
+import { r as b } from "../skeleton-DDgdhmu9.js";
+import { t as x } from "../interaction-recipes-4wZ2tvfb.js";
 import { t as S } from "../initials-format-CDoQEOd_.js";
-import { i as C, n as w, s as T } from "../avatar-CeZaFmNH.js";
-import { t as E } from "../badge-xIiV_E7f.js";
-import { l as D } from "../choice-inputs-zUgBZfE4.js";
-import { o as O } from "../display-KsZLw9Ov.js";
-import { t as k } from "../scroll-area-B0dB2cBi.js";
-import { i as ee, n as te, r as ne, t as re, u as ie } from "../item-DjCcM18E.js";
-import { i as ae, r as oe, t as se } from "../tabs-e7ko9S2o.js";
-import { s as ce } from "../data-display-BdgCAw8T.js";
+import { i as C, n as w, s as T } from "../avatar-B9Jnp-T-.js";
+import { t as E } from "../badge-wWauMgAt.js";
+import { l as D } from "../choice-inputs-DHGtx0QV.js";
+import { o as O } from "../display-CT_N2a3w.js";
+import { t as k } from "../scroll-area-Bj6CRUif.js";
+import { i as ee, n as te, r as ne, t as re, u as ie } from "../item-FfWnaYST.js";
+import { i as ae, r as oe, t as se } from "../tabs-C4Kr_hCr.js";
+import { s as ce } from "../data-display-Cmj-xZYl.js";
 import { isValidElement as le, useEffect as A, useId as ue, useLayoutEffect as de, useMemo as j, useRef as M, useState as N } from "react";
 import { Fragment as fe, jsx as P, jsxs as F } from "react/jsx-runtime";
 import { ChevronLeft as pe, ChevronRight as me, Plus as he, TriangleAlert as ge } from "lucide-react";
@@ -69,53 +69,53 @@ var _e = {
 	"chart-3",
 	"chart-4",
 	"chart-5"
-], L = {
+], ve = {
 	"chart-1": "bg-chart-1",
 	"chart-2": "bg-chart-2",
 	"chart-3": "bg-chart-3",
 	"chart-4": "bg-chart-4",
 	"chart-5": "bg-chart-5"
 };
-function ve(e, t) {
+function ye(e, t) {
 	let n = e.findIndex((e) => e.id === t);
 	return n < 0 ? "chart-1" : e[n]?.color ?? I[n % I.length] ?? "chart-1";
 }
-function R(e) {
+function L(e) {
 	return new Date(e.getFullYear(), e.getMonth(), e.getDate());
 }
-function z(e, t) {
+function R(e, t) {
 	return new Date(e.getFullYear(), e.getMonth(), e.getDate() + t);
 }
-function B(e, t) {
+function z(e, t) {
 	return e.getFullYear() === t.getFullYear() && e.getMonth() === t.getMonth() && e.getDate() === t.getDate();
 }
-function V(e, t) {
+function B(e, t) {
 	let n = new Date(e.getFullYear(), e.getMonth() + t, 1), r = new Date(n.getFullYear(), n.getMonth() + 1, 0).getDate();
 	return new Date(n.getFullYear(), n.getMonth(), Math.min(e.getDate(), r));
 }
-function H(e, t) {
-	let n = R(e);
-	return z(n, -((n.getDay() - t + 7) % 7));
-}
-function ye(e, t) {
-	let n = H(e, t);
-	return Array.from({ length: 7 }, (e, t) => z(n, t));
+function V(e, t) {
+	let n = L(e);
+	return R(n, -((n.getDay() - t + 7) % 7));
 }
 function be(e, t) {
-	let n = H(new Date(e.getFullYear(), e.getMonth(), 1), t);
-	return Array.from({ length: 6 }, (e, t) => Array.from({ length: 7 }, (e, r) => z(n, t * 7 + r)));
+	let n = V(e, t);
+	return Array.from({ length: 7 }, (e, t) => R(n, t));
 }
 function xe(e, t) {
-	let n = R(t).getTime(), r = z(t, 1).getTime();
+	let n = V(new Date(e.getFullYear(), e.getMonth(), 1), t);
+	return Array.from({ length: 6 }, (e, t) => Array.from({ length: 7 }, (e, r) => R(n, t * 7 + r)));
+}
+function Se(e, t) {
+	let n = L(t).getTime(), r = R(t, 1).getTime();
 	return e.start.getTime() < r && e.end.getTime() > n;
 }
-function U(e, t) {
-	return e.filter((e) => xe(e, t)).sort((e, t) => e.start.getTime() - t.start.getTime() || e.end.getTime() - t.end.getTime());
+function H(e, t) {
+	return e.filter((e) => Se(e, t)).sort((e, t) => e.start.getTime() - t.start.getTime() || e.end.getTime() - t.end.getTime());
 }
-function Se(e, t, n) {
+function Ce(e, t, n) {
 	return e.filter((e) => (t === "all" || e.category === t) && (n === "all" || e.staff?.id === n));
 }
-function Ce(e) {
+function we(e) {
 	let t = /* @__PURE__ */ new Map();
 	for (let n of e) {
 		if (!n.staff || n.status === "cancelled") continue;
@@ -137,15 +137,15 @@ function Ce(e) {
 	}
 	return n.sort((e, t) => e.start.getTime() - t.start.getTime());
 }
-function we(e) {
+function Te(e) {
 	return new Set(e.flatMap((e) => e.appointments.map((e) => e.id)));
 }
-function Te(e) {
+function Ee(e) {
 	let t = /* @__PURE__ */ new Map();
 	for (let n of e) n.staff && !t.has(n.staff.id) && t.set(n.staff.id, n.staff);
 	return [...t.values()];
 }
-function Ee(e, t) {
+function De(e, t) {
 	let { hour12: n } = new Intl.DateTimeFormat(t, { hour: "numeric" }).resolvedOptions();
 	if (!n) return new Intl.DateTimeFormat(t, {
 		hour: "2-digit",
@@ -157,20 +157,20 @@ function Ee(e, t) {
 	};
 	return new Intl.DateTimeFormat(t, r).format(e);
 }
-function W(e) {
+function Oe(e) {
 	return typeof e == "string" ? e : e?.name;
 }
 //#endregion
 //#region src/components/features/appointment-calendar/partials/appointment-agenda.tsx
-var G = {
+var U = {
 	confirmed: "success",
 	pending: "warning",
 	completed: "neutral",
 	cancelled: "neutral",
 	noShow: "destructive"
 };
-function De({ appointment: e, context: t }) {
-	let n = ue(), i = W(e.client), o = e.staff, { open: s, conflict: l } = t, d = t.actions.length > 0, f = [
+function W({ appointment: e, context: t }) {
+	let n = ue(), i = Oe(e.client), o = e.staff, { open: s, conflict: l } = t, d = t.actions.length > 0, f = [
 		`${n}-title`,
 		`${n}-status`,
 		`${n}-detail`,
@@ -242,10 +242,10 @@ function De({ appointment: e, context: t }) {
 		]
 	});
 }
-function Oe({ days: e, appointments: t, categories: n, conflicts: r, heading: i, loading: c, error: u, onRetry: d, locale: f, onAppointmentClick: p, appointmentActions: m, renderAppointment: g, strings: v }) {
+function ke({ days: e, appointments: t, categories: n, conflicts: r, heading: i, loading: c, error: u, onRetry: d, locale: f, onAppointmentClick: p, appointmentActions: m, renderAppointment: g, strings: v }) {
 	let x = e.map((e) => ({
 		day: e,
-		items: U(t, e)
+		items: H(t, e)
 	})), S = x.reduce((e, t) => e + t.items.length, 0), C = new Intl.DateTimeFormat(f, {
 		weekday: "long",
 		month: "long",
@@ -253,11 +253,11 @@ function Oe({ days: e, appointments: t, categories: n, conflicts: r, heading: i,
 	}), w = e.length > 1, T = (e) => {
 		let t = r.has(e.id), i = (m?.(e) ?? []).filter((e) => e.visible !== !1), a = {
 			category: n.find((t) => t.id === e.category),
-			categoryColorClass: L[ve(n, e.category)],
+			categoryColorClass: ve[ye(n, e.category)],
 			conflict: t,
 			statusLabel: t ? v.conflict : v.status[e.status],
-			statusTone: t ? "destructive" : G[e.status],
-			time: v.formatTimeRange(Ee(e.start, f), Ee(e.end, f)),
+			statusTone: t ? "destructive" : U[e.status],
+			time: v.formatTimeRange(De(e.start, f), De(e.end, f)),
 			open: p ? () => p(e) : void 0,
 			actions: i,
 			actionsMenu: i.length > 0 ? /* @__PURE__ */ P(y, {
@@ -271,7 +271,7 @@ function Oe({ days: e, appointments: t, categories: n, conflicts: r, heading: i,
 		};
 		return {
 			...a,
-			defaultRender: () => /* @__PURE__ */ P(De, {
+			defaultRender: () => /* @__PURE__ */ P(W, {
 				appointment: e,
 				context: a
 			})
@@ -339,8 +339,8 @@ function Oe({ days: e, appointments: t, categories: n, conflicts: r, heading: i,
 }
 //#endregion
 //#region src/components/features/appointment-calendar/partials/appointment-month.tsx
-var K = 3;
-function ke({ selected: e, onSelect: t, onVisibleMonthChange: n, appointments: o, categories: s, weekStartsOn: u, locale: f, strings: p }) {
+var Ae = 3;
+function je({ selected: e, onSelect: t, onVisibleMonthChange: n, appointments: o, categories: s, weekStartsOn: u, locale: f, strings: p }) {
 	let [m, h] = N(e), g = M(null), _ = M(!1), v = j(() => /* @__PURE__ */ new Date(), []);
 	A(() => h(e), [e]);
 	let y = m.getFullYear() * 12 + m.getMonth();
@@ -349,7 +349,7 @@ function ke({ selected: e, onSelect: t, onVisibleMonthChange: n, appointments: o
 	}, [y, n]), A(() => {
 		_.current && (_.current = !1, g.current?.querySelector("[data-focus-target]")?.focus());
 	}, [m]);
-	let b = j(() => be(m, u), [m, u]), S = j(() => new Intl.DateTimeFormat(f, { month: "long" }), [f]), C = j(() => new Intl.DateTimeFormat(f, { weekday: "short" }), [f]), w = j(() => new Intl.DateTimeFormat(f, {
+	let b = j(() => xe(m, u), [m, u]), S = j(() => new Intl.DateTimeFormat(f, { month: "long" }), [f]), C = j(() => new Intl.DateTimeFormat(f, { weekday: "short" }), [f]), w = j(() => new Intl.DateTimeFormat(f, {
 		weekday: "long",
 		month: "long",
 		day: "numeric",
@@ -372,7 +372,7 @@ function ke({ selected: e, onSelect: t, onVisibleMonthChange: n, appointments: o
 	]), O = (e, n = !1) => {
 		_.current = !0, h(e), n && t(e);
 	}, k = (n) => {
-		let r = V(e, n);
+		let r = B(e, n);
 		h(r), t(r);
 	};
 	return /* @__PURE__ */ F(l, {
@@ -430,14 +430,14 @@ function ke({ selected: e, onSelect: t, onVisibleMonthChange: n, appointments: o
 			"aria-label": `${S.format(m)} ${m.getFullYear()}`,
 			onKeyDown: (e) => {
 				let t = {
-					ArrowLeft: () => z(m, -1),
-					ArrowRight: () => z(m, 1),
-					ArrowUp: () => z(m, -7),
-					ArrowDown: () => z(m, 7),
-					Home: () => H(m, u),
-					End: () => z(H(m, u), 6),
-					PageUp: () => V(m, -1),
-					PageDown: () => V(m, 1)
+					ArrowLeft: () => R(m, -1),
+					ArrowRight: () => R(m, 1),
+					ArrowUp: () => R(m, -7),
+					ArrowDown: () => R(m, 7),
+					Home: () => V(m, u),
+					End: () => R(V(m, u), 6),
+					PageUp: () => B(m, -1),
+					PageDown: () => B(m, 1)
 				}[e.key];
 				t && (e.preventDefault(), O(t()));
 			},
@@ -459,7 +459,7 @@ function ke({ selected: e, onSelect: t, onVisibleMonthChange: n, appointments: o
 				role: "row",
 				className: "contents",
 				children: t.map((t) => {
-					let n = U(o, t), i = [...new Set(n.map((e) => e.category))], a = B(t, e), l = B(t, m), u = t.getMonth() !== m.getMonth();
+					let n = H(o, t), i = [...new Set(n.map((e) => e.category))], a = z(t, e), l = z(t, m), u = t.getMonth() !== m.getMonth();
 					return /* @__PURE__ */ P("div", {
 						role: "gridcell",
 						"aria-selected": a,
@@ -470,14 +470,14 @@ function ke({ selected: e, onSelect: t, onVisibleMonthChange: n, appointments: o
 							"data-focus-target": l ? "" : void 0,
 							"data-selected": a ? "" : void 0,
 							"data-outside": u ? "" : void 0,
-							"aria-current": B(t, v) ? "date" : void 0,
+							"aria-current": z(t, v) ? "date" : void 0,
 							"aria-label": p.formatDayLabel(w.format(t), n.length),
 							onClick: () => O(t, !0),
-							className: r(x.nativeButtonReset, "appointment-month--day relative flex size-action flex-col items-center justify-center rounded-radius text-sm tabular-nums outline-none", c.edge, a ? "bg-primary font-semibold text-primary-foreground" : r(x.rowHover, u ? "text-muted-foreground" : "text-foreground"), !a && B(t, v) && "font-semibold"),
+							className: r(x.nativeButtonReset, "appointment-month--day relative flex size-action flex-col items-center justify-center rounded-radius text-sm tabular-nums outline-none", c.edge, a ? "bg-primary font-semibold text-primary-foreground" : r(x.rowHover, u ? "text-muted-foreground" : "text-foreground"), !a && z(t, v) && "font-semibold"),
 							children: [t.getDate(), i.length > 0 && /* @__PURE__ */ P("span", {
 								"aria-hidden": "true",
 								className: "appointment-month--dots absolute inset-x-0 bottom-space-2xs flex justify-center gap-space-2xs",
-								children: i.slice(0, K).map((e) => /* @__PURE__ */ P("span", { className: r(d.inline, L[ve(s, e)]) }, e))
+								children: i.slice(0, Ae).map((e) => /* @__PURE__ */ P("span", { className: r(d.inline, ve[ye(s, e)]) }, e))
 							})]
 						})
 					}, t.toISOString());
@@ -488,49 +488,49 @@ function ke({ selected: e, onSelect: t, onVisibleMonthChange: n, appointments: o
 }
 //#endregion
 //#region src/components/features/appointment-calendar/appointment-calendar.tsx
-function q(e, t, n) {
+function G(e, t, n) {
 	let [r, i] = N(t);
 	return [e ?? r, (t) => {
 		e === void 0 && i(t), n?.(t);
 	}];
 }
-function Ae({ appointments: s, categories: c, staff: u, title: _, date: y, defaultDate: b, onDateChange: x, view: S, defaultView: C = "day", onViewChange: w, category: T, defaultCategory: E = "all", onCategoryChange: O, staffId: k, defaultStaffId: ee = "all", onStaffChange: te, onAppointmentClick: ne, appointmentActions: re, renderAppointment: ie, onRangeChange: ce, onCreateAppointment: le, onConflictsDismiss: ue, loading: de = !1, error: fe, onRetry: pe, weekStartsOn: me, strings: I, className: B }) {
-	let V = n(_e, I), { locale: H } = e(), U = t(), W = me ?? U.weekStartsOn ?? 0, [G, De] = q(y, b ?? R(/* @__PURE__ */ new Date()), x), [K, Ae] = q(S, C, w), [J, je] = q(T, E, O), [Y, Me] = q(k, ee, te), [Ne, Pe] = N(""), [Fe, Ie] = N(() => new Date(G.getFullYear(), G.getMonth(), 1)), Le = j(() => u ?? Te(s), [u, s]), X = j(() => K === "week" ? ye(G, W) : [R(G)], [
+function K({ appointments: s, categories: c, staff: u, title: _, date: y, defaultDate: b, onDateChange: x, view: S, defaultView: C = "day", onViewChange: w, category: T, defaultCategory: E = "all", onCategoryChange: O, staffId: k, defaultStaffId: ee = "all", onStaffIdChange: te, onStaffChange: ne, onAppointmentClick: re, appointmentActions: ie, renderAppointment: ce, onRangeChange: le, onCreateAppointment: ue, onConflictsDismiss: de, loading: fe = !1, error: pe, onRetry: me, weekStartsOn: I, strings: z, className: B }) {
+	let V = n(_e, z), { locale: H } = e(), Oe = t(), U = I ?? Oe.weekStartsOn ?? 0, [W, Ae] = G(y, b ?? L(/* @__PURE__ */ new Date()), x), [K, Me] = G(S, C, w), [q, Ne] = G(T, E, O), [J, Pe] = G(k, ee, te ?? ne), [Fe, Ie] = N(""), [Le, Re] = N(() => new Date(W.getFullYear(), W.getMonth(), 1)), ze = j(() => u ?? Ee(s), [u, s]), Y = j(() => K === "week" ? be(W, U) : [L(W)], [
 		K,
-		G,
-		W
-	]), Z = j(() => Se(s, J, Y), [
+		W,
+		U
+	]), X = j(() => Ce(s, q, J), [
 		s,
-		J,
-		Y
-	]), Q = j(() => {
-		let e = [...be(Fe, W).flat(), ...X].map((e) => e.getTime());
+		q,
+		J
+	]), Z = j(() => {
+		let e = [...xe(Le, U).flat(), ...Y].map((e) => e.getTime());
 		return {
 			start: new Date(Math.min(...e)),
-			end: z(new Date(Math.max(...e)), 1)
+			end: R(new Date(Math.max(...e)), 1)
 		};
 	}, [
-		Fe,
-		W,
-		X
-	]), Re = M("");
+		Le,
+		U,
+		Y
+	]), Be = M("");
 	A(() => {
-		let e = `${Q.start.getTime()}:${Q.end.getTime()}`;
-		e !== Re.current && (Re.current = e, ce?.(Q));
-	}, [Q, ce]);
-	let ze = j(() => Z.filter((e) => X.some((t) => xe(e, t))), [Z, X]), $ = j(() => Ce(Se(s, "all", Y).filter((e) => X.some((t) => xe(e, t)))), [
+		let e = `${Z.start.getTime()}:${Z.end.getTime()}`;
+		e !== Be.current && (Be.current = e, le?.(Z));
+	}, [Z, le]);
+	let Ve = j(() => X.filter((e) => Y.some((t) => Se(e, t))), [X, Y]), Q = j(() => we(Ce(s, "all", J).filter((e) => Y.some((t) => Se(e, t)))), [
 		s,
-		Y,
-		X
-	]), Be = j(() => we($), [$]), Ve = ze.filter((e) => Be.has(e.id)).length, He = ze.filter((e) => e.status !== "cancelled").length, Ue = [...Be].sort().join("|"), We = $.length > 0 && Ne !== Ue, Ge = new Intl.DateTimeFormat(H, {
+		J,
+		Y
+	]), $ = j(() => Te(Q), [Q]), He = Ve.filter((e) => $.has(e.id)).length, Ue = Ve.filter((e) => e.status !== "cancelled").length, We = [...$].sort().join("|"), Ge = Q.length > 0 && Fe !== We, Ke = new Intl.DateTimeFormat(H, {
 		weekday: "long",
 		month: "long",
 		day: "numeric"
-	}), Ke = new Intl.DateTimeFormat(H, {
+	}), qe = new Intl.DateTimeFormat(H, {
 		month: "long",
 		day: "numeric"
-	}), qe = K === "week" ? V.formatWeekRange(Ke.format(X[0] ?? G), Ke.format(X[X.length - 1] ?? G)) : Ge.format(G), Je = (e) => {
-		Pe(Ue), ue?.(e);
+	}), Je = K === "week" ? V.formatWeekRange(qe.format(Y[0] ?? W), qe.format(Y[Y.length - 1] ?? W)) : Ke.format(W), Ye = (e) => {
+		Ie(We), de?.(e);
 	};
 	return /* @__PURE__ */ F(l, {
 		gap: "xl",
@@ -548,18 +548,18 @@ function Ae({ appointments: s, categories: c, staff: u, title: _, date: y, defau
 						tag: "h2",
 						size: "lg",
 						children: _
-					}), !de && !fe && /* @__PURE__ */ F(a, {
+					}), !fe && !pe && /* @__PURE__ */ F(a, {
 						size: "xs",
 						type: "secondary",
 						className: "appointment-calendar--counts tabular-nums",
-						children: [V.formatBooked(He), Ve > 0 && ` · ${V.formatConflicts(Ve)}`]
+						children: [V.formatBooked(Ue), He > 0 && ` · ${V.formatConflicts(He)}`]
 					})]
 				}), /* @__PURE__ */ F("div", {
 					className: r("appointment-calendar--actions flex min-w-0 flex-wrap items-center", v.commands),
 					children: [
 						/* @__PURE__ */ P(se, {
 							value: K,
-							onValueChange: (e) => (e === "day" || e === "week") && Ae(e),
+							onValueChange: (e) => (e === "day" || e === "week") && Me(e),
 							children: /* @__PURE__ */ P(oe, {
 								role: "group",
 								"aria-label": V.viewLabel,
@@ -575,23 +575,23 @@ function Ae({ appointments: s, categories: c, staff: u, title: _, date: y, defau
 								}, e))
 							})
 						}),
-						Le.length > 0 && /* @__PURE__ */ P(D, {
+						ze.length > 0 && /* @__PURE__ */ P(D, {
 							"aria-label": V.staffLabel,
 							options: [{
 								value: "all",
 								label: V.allStaff
-							}, ...Le.map((e) => ({
+							}, ...ze.map((e) => ({
 								value: e.id,
 								label: e.name
 							}))],
-							value: Y,
-							onValueChange: (e) => Me(e ?? "all"),
+							value: J,
+							onValueChange: (e) => Pe(e ?? "all"),
 							className: "appointment-calendar--staff w-44"
 						}),
-						!!le && /* @__PURE__ */ F(i, {
+						!!ue && /* @__PURE__ */ F(i, {
 							type: "button",
 							tone: "primary",
-							onClick: () => le(G),
+							onClick: () => ue(W),
 							className: "appointment-calendar--create",
 							children: [/* @__PURE__ */ P(he, {
 								"aria-hidden": "true",
@@ -601,17 +601,17 @@ function Ae({ appointments: s, categories: c, staff: u, title: _, date: y, defau
 					]
 				})]
 			}),
-			We && /* @__PURE__ */ F(m, {
+			Ge && /* @__PURE__ */ F(m, {
 				tone: "destructive",
 				className: "appointment-calendar--alert",
 				children: [
 					/* @__PURE__ */ P(ge, { "aria-hidden": "true" }),
 					/* @__PURE__ */ P(g, { children: V.conflictTitle }),
-					/* @__PURE__ */ P(f, { children: $.map((e) => V.formatConflict(e.staff.name, e.appointments.length, Ee(e.start, H))).join(" ") }),
+					/* @__PURE__ */ P(f, { children: Q.map((e) => V.formatConflict(e.staff.name, e.appointments.length, De(e.start, H))).join(" ") }),
 					/* @__PURE__ */ P(p, { children: /* @__PURE__ */ P(i, {
 						type: "button",
 						size: "sm",
-						onClick: () => Je($),
+						onClick: () => Ye(Q),
 						children: V.dismiss
 					}) })
 				]
@@ -623,18 +623,18 @@ function Ae({ appointments: s, categories: c, staff: u, title: _, date: y, defau
 					className: "appointment-calendar--aside min-w-0 self-start",
 					children: /* @__PURE__ */ F(l, {
 						gap: "xl",
-						children: [/* @__PURE__ */ P(ke, {
-							selected: G,
-							onSelect: De,
-							onVisibleMonthChange: Ie,
-							appointments: Z,
+						children: [/* @__PURE__ */ P(je, {
+							selected: W,
+							onSelect: Ae,
+							onVisibleMonthChange: Re,
+							appointments: X,
 							categories: c,
-							weekStartsOn: W,
+							weekStartsOn: U,
 							locale: H,
 							strings: V
 						}), c.length > 0 && /* @__PURE__ */ P(se, {
-							value: J,
-							onValueChange: (e) => typeof e == "string" && je(e),
+							value: q,
+							onValueChange: (e) => typeof e == "string" && Ne(e),
 							children: /* @__PURE__ */ P(oe, {
 								variant: "chips",
 								role: "group",
@@ -649,37 +649,37 @@ function Ae({ appointments: s, categories: c, staff: u, title: _, date: y, defau
 									role: "button",
 									"aria-selected": void 0,
 									"aria-controls": void 0,
-									"aria-pressed": J === e.id,
+									"aria-pressed": q === e.id,
 									className: "appointment-calendar--category gap-space-xs",
 									children: [e.id !== "all" && /* @__PURE__ */ P("span", {
 										"aria-hidden": "true",
-										className: r(d.inline, L[ve(c, e.id)])
+										className: r(d.inline, ve[ye(c, e.id)])
 									}), e.label]
 								}, e.id))
 							})
 						})]
 					})
-				}), /* @__PURE__ */ P(Oe, {
-					days: X,
-					appointments: Z,
+				}), /* @__PURE__ */ P(ke, {
+					days: Y,
+					appointments: X,
 					categories: c,
-					conflicts: Be,
-					heading: qe,
-					loading: de,
-					error: fe,
-					onRetry: pe,
+					conflicts: $,
+					heading: Je,
+					loading: fe,
+					error: pe,
+					onRetry: me,
 					locale: H,
-					onAppointmentClick: ne,
-					appointmentActions: re,
-					renderAppointment: ie,
+					onAppointmentClick: re,
+					appointmentActions: ie,
+					renderAppointment: ce,
 					strings: V
 				})]
 			})
 		]
 	});
 }
-Ae.displayName = "AppointmentCalendar";
+K.displayName = "AppointmentCalendar";
 //#endregion
-export { Ae as AppointmentCalendar, U as appointmentsOn, _e as defaultAppointmentCalendarStrings, Se as filterAppointments, Ce as findConflicts };
+export { K as AppointmentCalendar, H as appointmentsOn, _e as defaultAppointmentCalendarStrings, Ce as filterAppointments, we as findConflicts };
 
 //# sourceMappingURL=appointment-calendar.js.map