your-ai-workflow-firebase-os 2.0.2 → 2.0.3

package/dist/CalendarView-D-ykjpvI.js

@@ -0,0 +1,664 @@
+import "./PageTitle-D93YCiN8.js";
+import { K as e, Mn as t, Mt as n, Pt as r, Qt as i, Rn as a, Tn as o, V as s, Vn as c, Zt as l, _ as u, _n as d, b as f, cr as p, jn as m, o as h, sr as g, u as _, v, x as y, xn as b, zn as x } from "./TimeZoneField-DkI1Bkcz.js";
+import { $ as S, C, G as w, Qt as T, an as E, dn as D, in as ee, o as O, sn as k, un as A } from "./lucide-react-CA7GD7Nv.js";
+import { t as j } from "./Button-4lzOE31p.js";
+import { a as M, i as N, o as P, r as F, s as te, t as I } from "./BookingCalendar-DZ2fEFja.js";
+import { t as ne } from "./ConfirmModal-gKQEpd4d.js";
+import { a as L, i as re, n as R, o as z, r as B, s as V, t as H } from "./EventCard-B6xD-mk3.js";
+import { useEffect as U, useMemo as W, useRef as G, useState as K } from "react";
+import { Fragment as ie, jsx as q, jsxs as J } from "react/jsx-runtime";
+//#region src/components/schedule/EventDetail.tsx
+var ae = (e) => {
+	let t = e.replace(/_/g, " ").trim();
+	return t.charAt(0).toUpperCase() + t.slice(1);
+};
+function oe(e, t) {
+	let n = e.memberName.trim();
+	if (e.partySize > 1) {
+		let n = `${e.partyAccepted} of ${e.partySize} have accepted.`;
+		return t ? `${n} Yours is still to come.` : n;
+	}
+	return t ? "This is waiting for you to accept." : n ? `Waiting for ${n} to accept.` : "Waiting to be accepted.";
+}
+function se(e) {
+	let t = e.memberName.trim();
+	return e.partySize > 1 ? e.partyAccepted > 0 ? `${e.partyAccepted} of ${e.partySize} have confirmed so far. You will hear once they all have.` : "Waiting to be confirmed. You will hear as soon as it is." : t ? `Waiting for ${t} to confirm. You will hear as soon as they do.` : "Waiting to be confirmed. You will hear as soon as it is.";
+}
+function ce({ open: e, onClose: t, children: n }) {
+	return U(() => {
+		if (!e) return;
+		let n = (e) => {
+			e.key === "Escape" && t();
+		};
+		return window.addEventListener("keydown", n), () => window.removeEventListener("keydown", n);
+	}, [e, t]), /* @__PURE__ */ q(p, { children: e && /* @__PURE__ */ J("div", {
+		className: "fixed inset-0 z-50 flex items-center justify-center p-4",
+		children: [/* @__PURE__ */ q(g.div, {
+			onClick: t,
+			initial: { opacity: 0 },
+			animate: { opacity: 1 },
+			exit: { opacity: 0 },
+			className: "absolute inset-0 bg-background/80 backdrop-blur-xl cursor-pointer"
+		}), /* @__PURE__ */ q(g.div, {
+			role: "dialog",
+			"aria-modal": "true",
+			initial: {
+				opacity: 0,
+				scale: .95,
+				y: 10
+			},
+			animate: {
+				opacity: 1,
+				scale: 1,
+				y: 0
+			},
+			exit: {
+				opacity: 0,
+				scale: .95,
+				y: 10
+			},
+			className: "w-full max-w-[420px] max-h-[85vh] overflow-y-auto styled-scrollbars-mini p-5 sm:p-6 rounded-3xl glass-popover border border-[var(--panel-border)] shadow-2xl relative z-10 text-left",
+			children: n
+		})]
+	}) });
+}
+function le({ color: e, title: t, line: r, cancelled: i, onClose: a }) {
+	return /* @__PURE__ */ J("div", {
+		className: "flex items-start gap-3 mb-4",
+		children: [
+			/* @__PURE__ */ q("span", {
+				"aria-hidden": !0,
+				className: `w-1 self-stretch rounded-full shrink-0 ${i ? "bg-foreground/15" : ""}`,
+				style: i ? void 0 : { background: n(e, 85) }
+			}),
+			/* @__PURE__ */ J("div", {
+				className: "flex-1 min-w-0",
+				children: [/* @__PURE__ */ J("div", {
+					className: "flex items-center gap-2 flex-wrap",
+					children: [/* @__PURE__ */ q("h3", {
+						className: `text-[17px] font-extrabold tracking-tight leading-tight break-words ${i ? "text-foreground/50 line-through" : "text-foreground"}`,
+						children: t
+					}), i && /* @__PURE__ */ q(H, {})]
+				}), /* @__PURE__ */ q("p", {
+					className: "text-[12.5px] font-medium text-foreground/50 leading-snug mt-0.5",
+					children: r
+				})]
+			}),
+			/* @__PURE__ */ q("button", {
+				type: "button",
+				onClick: a,
+				"aria-label": "Close",
+				className: I,
+				children: /* @__PURE__ */ q(O, { className: "w-4 h-4" })
+			})
+		]
+	});
+}
+function Y({ label: e, children: t }) {
+	return /* @__PURE__ */ J("div", {
+		className: "flex items-start justify-between gap-3 px-3.5 py-2.5",
+		children: [/* @__PURE__ */ q("span", {
+			className: "text-[12px] font-medium text-foreground/45 shrink-0",
+			children: e
+		}), /* @__PURE__ */ q("span", {
+			className: "text-[12.5px] font-semibold text-foreground/80 text-right break-words min-w-0",
+			children: t
+		})]
+	});
+}
+function X({ booking: e, zone: t, chip: n, me: i = "", side: s = "host", onClose: l, onColor: u, onAccept: d, onCancel: p, onDelete: m, onRelease: g }) {
+	let [_, y] = K(!1), [w, E] = K(!1), [D, ee] = K(""), [O, M] = K(!1), [N, P] = K(""), F = b(e, t), te = e.end < (/* @__PURE__ */ new Date()).toISOString(), I = !e.own && e.timeZone && e.timeZone !== t ? e.timeZone : "", L = Object.entries(e.answers).filter(([, e]) => e), B = s === "booker", H = !e.heldOnly && (L.length > 0 || !!I || !!n || !B && !e.own && (!!e.scheduleName || !!e.email || e.createdAt > 0)), U = e.heldOnly, W = !U && (e.own || e.cancelled || te), G = !B && !!i && e.memberId === i, X = V(e), de = !!X && G && !!d, fe = U ? "Free this held time" : e.own ? "Delete this event" : e.cancelled ? "Remove this cancelled booking" : te ? "Remove this booking" : X && G ? "Decline this booking" : "Cancel this booking", Z = U ? !!g : W && !!m, Q = !W && !U, $ = !!X && G && !W;
+	return /* @__PURE__ */ J(ie, { children: [/* @__PURE__ */ J(ce, {
+		open: !0,
+		onClose: l,
+		children: [
+			/* @__PURE__ */ q(le, {
+				color: e.color,
+				title: z(e, s),
+				line: `${F.day} · ${F.time}`,
+				cancelled: e.cancelled,
+				onClose: l
+			}),
+			e.cancelled && /* @__PURE__ */ J("div", {
+				className: "mb-4 px-3.5 py-2.5 rounded-2xl border border-[var(--panel-border)] bg-foreground/[0.03] flex flex-col gap-1.5",
+				children: [/* @__PURE__ */ J("p", {
+					className: "text-[12.5px] font-medium text-foreground/70 leading-snug",
+					children: [ue(e), " The time is free again — it stays here so you have the record."]
+				}), !!e.cancelReason && /* @__PURE__ */ J("p", {
+					className: "text-[12.5px] font-semibold text-foreground/80 leading-snug border-l-2 border-[var(--panel-border)] pl-2.5",
+					children: [
+						"“",
+						e.cancelReason,
+						"”"
+					]
+				})]
+			}),
+			!!X && /* @__PURE__ */ J("div", {
+				className: "mb-4 px-3.5 py-3 rounded-2xl border border-amber-500/25 bg-amber-500/[0.07] flex flex-col gap-2.5",
+				children: [/* @__PURE__ */ J("div", {
+					className: "flex items-start gap-2.5",
+					children: [
+						/* @__PURE__ */ q(T, {
+							className: "w-4 h-4 shrink-0 mt-[1px] text-amber-600 dark:text-amber-400",
+							"aria-hidden": !0
+						}),
+						/* @__PURE__ */ q("p", {
+							className: "text-[12.5px] font-semibold text-foreground/75 leading-snug flex-1 min-w-0",
+							children: B ? se(e) : oe(e, G)
+						}),
+						e.partySize > 1 && /* @__PURE__ */ q(re, { label: X })
+					]
+				}), de && !w && /* @__PURE__ */ J(j, {
+					onClick: async () => {
+						M(!0), P("");
+						let e = await d();
+						M(!1), e && P(e);
+					},
+					isLoading: O,
+					className: "py-2 px-4 text-[13px] font-bold rounded-xl self-start",
+					children: [/* @__PURE__ */ q(k, {
+						className: "w-3.5 h-3.5 shrink-0",
+						"aria-hidden": !0
+					}), "Accept"]
+				})]
+			}),
+			U && /* @__PURE__ */ q("p", {
+				className: "mb-4 px-3.5 py-2.5 rounded-2xl border border-[var(--panel-border)] bg-foreground/[0.03] text-[12.5px] font-medium text-foreground/70 leading-snug",
+				children: "This hour is held with no booking behind it — a booking that was started and never finished. Nobody can take the time until it is freed, and there is nothing here to cancel."
+			}),
+			H && /* @__PURE__ */ J("div", {
+				className: "rounded-2xl border border-[var(--panel-border)]/60 bg-foreground/[0.015] divide-y divide-[var(--panel-border)]/40",
+				children: [
+					!B && !e.own && e.scheduleName && /* @__PURE__ */ q(Y, {
+						label: "Meeting",
+						children: e.scheduleName
+					}),
+					!B && e.email && /* @__PURE__ */ q(Y, {
+						label: "Email",
+						children: /* @__PURE__ */ q("a", {
+							href: `mailto:${e.email}`,
+							className: "text-accent hover:underline break-all",
+							children: e.email
+						})
+					}),
+					L.map(([e, t]) => /* @__PURE__ */ q(Y, {
+						label: e === "note" ? "Note" : ae(e),
+						children: c(t) ? /* @__PURE__ */ q("span", {
+							className: "flex flex-col items-end gap-1 min-w-0",
+							children: x(t).map((e) => /* @__PURE__ */ J("a", {
+								href: e,
+								target: "_blank",
+								rel: "noopener noreferrer",
+								title: a(e),
+								className: "inline-flex items-center gap-1.5 max-w-full min-w-0 text-accent hover:underline",
+								children: [/* @__PURE__ */ q(S, { className: "w-3.5 h-3.5 shrink-0" }), /* @__PURE__ */ q("span", {
+									className: "truncate min-w-0",
+									children: a(e)
+								})]
+							}, e))
+						}) : t
+					}, e)),
+					I && /* @__PURE__ */ J(Y, {
+						label: B ? "The time you booked in" : "Their time",
+						children: [
+							r(new Date(e.start), I),
+							" — ",
+							o(I)
+						]
+					}),
+					n && /* @__PURE__ */ q(Y, {
+						label: "Payment",
+						children: /* @__PURE__ */ q(v, {
+							state: n.state,
+							label: n.label
+						})
+					}),
+					!B && !e.own && e.createdAt > 0 && /* @__PURE__ */ q(Y, {
+						label: "Booked",
+						children: new Intl.DateTimeFormat(void 0, { dateStyle: "medium" }).format(new Date(e.createdAt))
+					})
+				]
+			}),
+			!e.cancelled && !U && !!u && /* @__PURE__ */ J("div", {
+				className: "mt-4 flex flex-col gap-2",
+				children: [
+					/* @__PURE__ */ q("span", {
+						className: "text-[12.5px] sm:text-[13px] font-medium text-foreground/50 select-none ml-1",
+						children: "Colour"
+					}),
+					/* @__PURE__ */ q(R, {
+						value: e.color,
+						onChange: async (e) => {
+							P("");
+							let t = await u(e);
+							t && P(t);
+						}
+					}),
+					/* @__PURE__ */ q("p", {
+						className: "text-[11px] font-medium text-foreground/40 leading-snug ml-1 mt-0.5",
+						children: "Shown on the calendar and in the day beside it."
+					})
+				]
+			}),
+			w && /* @__PURE__ */ J("div", {
+				className: "mt-4 flex flex-col gap-3 p-3.5 rounded-2xl border border-[var(--panel-border)] bg-foreground/[0.02]",
+				children: [/* @__PURE__ */ q(f, {
+					label: $ ? "Why are you turning it down?" : B ? "Why can you not make it?" : "Why are you cancelling?",
+					value: D,
+					onChange: ee,
+					placeholder: B ? "Something has come up — I would like to book another time." : "Something has come up and I cannot make this time — do book another.",
+					hint: B ? `${e.memberName.trim() || "Whoever you booked with"} will see this.` : `${e.name.trim() || "Whoever booked"} will see this on the meeting.`
+				}), /* @__PURE__ */ J("div", {
+					className: "flex items-center gap-3",
+					children: [/* @__PURE__ */ q(j, {
+						variant: "secondary",
+						onClick: () => {
+							E(!1), P("");
+						},
+						disabled: O,
+						className: "flex-1 py-2.5 text-[13px] font-bold rounded-xl",
+						children: "Keep it"
+					}), /* @__PURE__ */ q(j, {
+						onClick: async () => {
+							M(!0), P("");
+							let e = await p(D.trim());
+							if (M(!1), e) {
+								P(e);
+								return;
+							}
+							E(!1), l();
+						},
+						isLoading: O,
+						disabled: !D.trim(),
+						className: "flex-1 py-2.5 text-[13px] font-bold rounded-xl bg-red-500 hover:bg-red-600 border-none text-white shadow-lg hover:shadow-red-500/20 disabled:opacity-40 disabled:hover:bg-red-500 disabled:hover:shadow-none",
+						children: $ ? "Decline it" : "Cancel it"
+					})]
+				})]
+			}),
+			!w && !Q && !Z && !B && !U && /* @__PURE__ */ q("p", {
+				className: "text-[11px] sm:text-[11.5px] text-foreground/40 font-medium leading-snug mt-4 ml-1",
+				children: "Nothing left to do here — only an admin can take a booking off the calendar for good."
+			}),
+			!!N && /* @__PURE__ */ q("p", {
+				className: "text-[12px] font-semibold text-red-500 mt-3 ml-1",
+				children: N
+			}),
+			!w && /* @__PURE__ */ J("div", {
+				className: `mt-5 flex items-center gap-3 ${Z || Q ? "justify-between" : "justify-end"}`,
+				children: [(Z || Q) && /* @__PURE__ */ q(h, {
+					icon: Z ? C : A,
+					tone: "danger",
+					title: fe,
+					onClick: () => Z ? y(!0) : E(!0),
+					children: U ? "Free the time" : e.own ? "Delete" : Z ? "Remove" : $ ? "Decline" : "Cancel booking"
+				}), /* @__PURE__ */ q(j, {
+					variant: "secondary",
+					onClick: l,
+					className: "py-2 px-4 text-[13px] font-bold rounded-xl",
+					children: "Close"
+				})]
+			})
+		]
+	}), /* @__PURE__ */ q(ne, {
+		isOpen: _,
+		title: `${fe}?`,
+		message: U ? "The hour goes back on offer. There is no booking behind it, so nothing else is lost." : e.own ? "It leaves your calendar and the time can be booked again." : "It goes from the calendar for good, with everything it holds — in every diary it was booked into. This cannot be undone.",
+		confirmText: U ? "Yes, free it" : e.own ? "Yes, delete" : "Yes, remove",
+		cancelText: "Keep it",
+		isProcessing: O,
+		onCancel: () => y(!1),
+		onConfirm: async () => {
+			M(!0);
+			let e = await (U ? g?.() ?? null : m?.() ?? null);
+			M(!1), y(!1), e ? P(e) : l();
+		}
+	})] });
+}
+function ue(e) {
+	let t = e.cancelledAt > 0 ? ` on ${new Intl.DateTimeFormat(void 0, { dateStyle: "medium" }).format(new Date(e.cancelledAt))}` : "", n = e.cancelledBy.trim();
+	return e.cancelledSide === "booker" ? `${n || "The person who booked"} cancelled this${t}.` : e.cancelledSide === "host" ? `${n || "Your team"} cancelled this${t}.` : `This booking was cancelled${t}.`;
+}
+var de = (e, t, n, r) => ({
+	title: "",
+	time: e === r ? i(n, t) : "09:00",
+	minutes: "60",
+	color: "",
+	note: ""
+});
+function fe({ dateKey: n, dayLabel: r, zone: i, today: a, now: c, onClose: l, onAdd: d }) {
+	let [p, m] = K(() => de(n, i, c ? c() : /* @__PURE__ */ new Date(), a)), [h, g] = K(!1), [v, b] = K(""), x = (e) => m((t) => ({
+		...t,
+		...e
+	}));
+	return /* @__PURE__ */ J(ce, {
+		open: !0,
+		onClose: l,
+		children: [
+			/* @__PURE__ */ q(le, {
+				color: p.color,
+				title: p.title.trim() || "Add an event",
+				line: `${r} · your time, ${o(i)}`,
+				onClose: l
+			}),
+			/* @__PURE__ */ J("div", {
+				className: "flex flex-col gap-3.5",
+				children: [
+					/* @__PURE__ */ q(y, {
+						label: "What is it?",
+						value: p.title,
+						onChange: (e) => x({ title: e }),
+						placeholder: "Lunch with Sam",
+						hint: "Leave it empty and the time simply shows as busy."
+					}),
+					/* @__PURE__ */ J("div", {
+						className: "grid grid-cols-2 gap-3",
+						children: [/* @__PURE__ */ q(u, {
+							label: "Starts at",
+							value: p.time,
+							onChange: (e) => x({ time: e }),
+							options: e,
+							allowEmpty: !1
+						}), /* @__PURE__ */ q(u, {
+							label: "Lasts",
+							value: p.minutes,
+							onChange: (e) => x({ minutes: e }),
+							options: s,
+							allowEmpty: !1
+						})]
+					}),
+					/* @__PURE__ */ J("div", {
+						className: "flex flex-col gap-2",
+						children: [/* @__PURE__ */ q("span", {
+							className: `${_} ml-1`,
+							children: "Colour"
+						}), /* @__PURE__ */ q(R, {
+							value: p.color,
+							onChange: (e) => x({ color: e })
+						})]
+					}),
+					/* @__PURE__ */ q(f, {
+						label: "Note",
+						value: p.note,
+						onChange: (e) => x({ note: e }),
+						placeholder: "Anything to remember"
+					})
+				]
+			}),
+			/* @__PURE__ */ q("p", {
+				className: "text-[11.5px] font-medium text-foreground/40 leading-snug mt-3 ml-1",
+				children: "Nobody can book this time once it is here."
+			}),
+			!!v && /* @__PURE__ */ q("p", {
+				className: "text-[12px] font-semibold text-red-500 mt-3 ml-1",
+				children: v
+			}),
+			/* @__PURE__ */ J("div", {
+				className: "mt-5 flex items-center gap-3",
+				children: [/* @__PURE__ */ q(j, {
+					variant: "secondary",
+					onClick: l,
+					disabled: h,
+					className: "flex-1 py-2.5 text-[13px] font-bold rounded-xl",
+					children: "Cancel"
+				}), /* @__PURE__ */ q(j, {
+					onClick: async () => {
+						g(!0), b("");
+						let e = t(n, p.time, i), r = new Date(e.getTime() + Number(p.minutes) * 6e4), a = await d({
+							title: p.title.trim(),
+							start: e.toISOString(),
+							end: r.toISOString(),
+							color: p.color,
+							note: p.note.trim()
+						});
+						g(!1), a ? b(a) : l();
+					},
+					isLoading: h,
+					className: "flex-1 py-2.5 text-[13px] font-bold rounded-xl",
+					children: "Add it"
+				})]
+			})
+		]
+	});
+}
+var Z = (e, t) => new Intl.DateTimeFormat(t, {
+	timeZone: "UTC",
+	weekday: "short",
+	day: "numeric",
+	month: "long"
+}).format(/* @__PURE__ */ new Date(`${e}T00:00:00Z`)), Q = [
+	"M",
+	"T",
+	"W",
+	"T",
+	"F",
+	"S",
+	"S"
+], $ = (e) => e.slice(0, 7), pe = (e, t, n) => r(e, t, n).replace(/[\s\u00a0\u202f]+/g, "").toLowerCase();
+function me(e, t = 3) {
+	return e.length <= t ? {
+		shown: e,
+		extra: 0
+	} : {
+		shown: e.slice(0, t - 1),
+		extra: e.length - (t - 1)
+	};
+}
+var he = (e, t, n = "host") => n === "booker" ? z(e, n) : t && e.memberName ? `${L(e)} · ${e.memberName}` : L(e);
+function ge(e, t) {
+	let n = /* @__PURE__ */ new Map();
+	for (let r of e) {
+		let e = m(new Date(r.start), t).dateKey, i = n.get(e) || [];
+		i.push(r), n.set(e, i);
+	}
+	for (let e of n.values()) e.sort((e, t) => e.start.localeCompare(t.start));
+	return n;
+}
+function _e(e, t, n = !0) {
+	return !n || !e.paymentId && !e.paymentSession ? null : e.paymentSession ? t === void 0 ? {
+		state: "saving",
+		label: "Checking payment"
+	} : t ? {
+		state: "saved",
+		label: "Paid"
+	} : {
+		state: "off",
+		label: "Awaiting payment"
+	} : {
+		state: "off",
+		label: "Not paid"
+	};
+}
+var ve = "h-8 px-3 rounded-xl border border-[var(--panel-border)]/60 inline-flex items-center gap-1.5 text-[12.5px] font-semibold text-foreground/60 hover:text-foreground hover:border-accent/40 hover:bg-foreground/5 active:scale-[0.98] transition-all cursor-pointer";
+function ye({ bookings: e, zone: t, paid: r, openBookingId: i, onOpened: a, withMember: o = !1, me: s = "", side: c = "host", onAccept: u, onCancel: f, onDelete: p, canDelete: h, onColor: g, onRelease: _, onAdd: v, now: y }) {
+	let b = m(y ? y() : /* @__PURE__ */ new Date(), t).dateKey, x = W(() => ge(e, t), [e, t]), [S, C] = K($(b)), [T, O] = K(b), [k, A] = K(null), [j, ne] = K(!1), L = G("");
+	U(() => {
+		if (!i) {
+			L.current = "";
+			return;
+		}
+		if (L.current === i) return;
+		let n = e.find((e) => e.id === i);
+		if (!n) return;
+		L.current = i;
+		let r = m(new Date(n.start), t).dateKey;
+		C($(r)), O(r), A(n.id), a?.();
+	}, [
+		i,
+		e,
+		t,
+		a
+	]);
+	let re = P(S), R = x.get(T) || [], z = (y ? y() : /* @__PURE__ */ new Date()).toISOString(), V = Z(T), H = k ? e.find((e) => e.id === k) : void 0, { ref: ie, moreBelow: ae } = te(R.length, T);
+	return /* @__PURE__ */ J("div", {
+		className: "flex flex-col md:flex-row gap-3 md:gap-4 w-full md:items-stretch",
+		children: [
+			/* @__PURE__ */ J("div", {
+				className: `${F} w-full md:flex-1 min-w-0`,
+				children: [/* @__PURE__ */ J("div", {
+					className: N,
+					children: [/* @__PURE__ */ q("h4", {
+						className: "text-[14px] font-bold text-foreground tracking-tight truncate",
+						children: l(S)
+					}), /* @__PURE__ */ J("div", {
+						className: "flex items-center gap-1.5 shrink-0",
+						children: [
+							/* @__PURE__ */ q("button", {
+								type: "button",
+								onClick: () => {
+									C($(b)), O(b);
+								},
+								className: ve,
+								children: "Today"
+							}),
+							/* @__PURE__ */ q("button", {
+								type: "button",
+								"aria-label": "Previous month",
+								onClick: () => C((e) => d(e, -1)),
+								className: I,
+								children: /* @__PURE__ */ q(E, { className: "w-4 h-4" })
+							}),
+							/* @__PURE__ */ q("button", {
+								type: "button",
+								"aria-label": "Next month",
+								onClick: () => C((e) => d(e, 1)),
+								className: I,
+								children: /* @__PURE__ */ q(ee, { className: "w-4 h-4" })
+							})
+						]
+					})]
+				}), /* @__PURE__ */ q("div", {
+					className: "p-2 sm:p-3",
+					children: /* @__PURE__ */ J("div", {
+						className: "grid grid-cols-7 gap-1",
+						role: "grid",
+						"aria-label": l(S),
+						children: [Q.map((e, t) => /* @__PURE__ */ q("div", {
+							className: "text-center text-[10.5px] font-bold uppercase tracking-wider text-foreground/35 pb-1",
+							children: e
+						}, t)), re.map((e, r) => {
+							if (!e) return /* @__PURE__ */ q("div", { "aria-hidden": !0 }, `blank-${r}`);
+							let i = x.get(e) || [], { shown: a, extra: s } = me(i), l = e === T, u = e === b;
+							return /* @__PURE__ */ J("button", {
+								type: "button",
+								role: "gridcell",
+								"aria-label": `${e}${i.length ? `, ${i.length} booked` : ""}`,
+								"aria-selected": l,
+								onClick: () => O(e),
+								className: `relative flex flex-col items-center sm:items-stretch justify-center sm:justify-start h-10 sm:h-[86px] rounded-xl sm:p-1 text-left transition-all cursor-pointer border ${l ? "border-accent/70 bg-accent/[0.08] shadow-sm shadow-accent/10" : i.length ? "border-transparent hover:bg-foreground/[0.05] hover:border-[var(--panel-border)]/60" : "border-transparent hover:bg-foreground/[0.03]"} ${u && !l ? "ring-1 ring-inset ring-accent/45" : ""}`,
+								children: [/* @__PURE__ */ q("span", {
+									className: `text-[13px] tabular-nums leading-none sm:px-1 sm:pt-0.5 sm:pb-1 ${l || u ? "font-bold text-accent" : i.length ? "font-bold text-foreground" : "font-semibold text-foreground/35"}`,
+									children: Number(e.slice(8, 10))
+								}), /* @__PURE__ */ J("span", {
+									"aria-hidden": !0,
+									className: "max-sm:hidden sm:flex flex-col gap-[2px] w-full min-w-0",
+									children: [a.map((e) => /* @__PURE__ */ J("span", {
+										className: `flex items-center gap-1 min-w-0 rounded-md pr-1 py-[2px] leading-[1.2] overflow-hidden ${e.end < z && !e.cancelled ? "opacity-50" : ""} ${e.cancelled ? "bg-foreground/[0.04] line-through" : ""}`,
+										style: e.cancelled ? void 0 : { background: n(e.color, 12) },
+										children: [
+											/* @__PURE__ */ q("span", {
+												className: `w-[3px] self-stretch rounded-full shrink-0 ${e.cancelled ? "bg-foreground/15" : ""}`,
+												style: e.cancelled ? void 0 : { background: n(e.color, 85) }
+											}),
+											/* @__PURE__ */ q("span", {
+												className: `text-[9.5px] font-bold tabular-nums shrink-0 ${e.cancelled ? "text-foreground/40" : "text-foreground/85"}`,
+												children: pe(new Date(e.start), t)
+											}),
+											/* @__PURE__ */ q("span", {
+												className: `text-[9.5px] font-medium truncate ${e.cancelled ? "text-foreground/40" : "text-foreground/60"}`,
+												children: he(e, o, c)
+											})
+										]
+									}, e.id)), s > 0 && /* @__PURE__ */ J("span", {
+										className: "px-1 text-[9.5px] font-bold text-foreground/45 leading-[1.2]",
+										children: [
+											"+",
+											s,
+											" more"
+										]
+									})]
+								})]
+							}, e);
+						})]
+					})
+				})]
+			}),
+			/* @__PURE__ */ q("div", {
+				className: "w-full md:w-[320px] shrink-0 md:relative md:min-h-[360px]",
+				children: /* @__PURE__ */ J("div", {
+					className: `${F} flex flex-col md:absolute md:inset-0`,
+					children: [/* @__PURE__ */ J("div", {
+						className: N,
+						children: [/* @__PURE__ */ q("p", {
+							className: "text-[13px] font-bold text-foreground tracking-tight truncate",
+							children: V
+						}), /* @__PURE__ */ J("div", {
+							className: "flex items-center gap-2 shrink-0",
+							children: [R.length > 0 && /* @__PURE__ */ J("span", {
+								className: "text-[11.5px] font-semibold text-foreground/40 tabular-nums max-sm:hidden",
+								children: [
+									R.length,
+									" ",
+									R.length === 1 ? "event" : "events"
+								]
+							}), v && /* @__PURE__ */ J("button", {
+								type: "button",
+								onClick: () => ne(!0),
+								title: `Add an event on ${V}`,
+								className: ve,
+								children: [/* @__PURE__ */ q(w, { className: "w-3.5 h-3.5 shrink-0" }), "Add"]
+							})]
+						})]
+					}), /* @__PURE__ */ J("div", {
+						className: "relative flex-1 min-h-0",
+						children: [/* @__PURE__ */ q("div", {
+							ref: ie,
+							className: "p-3 h-full overflow-y-auto styled-scrollbars-mini flex flex-col gap-2",
+							children: R.length === 0 ? /* @__PURE__ */ J("div", {
+								className: "flex flex-col items-center justify-center text-center gap-2 py-8 px-2",
+								children: [/* @__PURE__ */ q(D, {
+									className: "w-5 h-5 text-foreground/25",
+									"aria-hidden": !0
+								}), /* @__PURE__ */ q("p", {
+									className: "text-[12.5px] font-medium text-foreground/45 leading-relaxed",
+									children: "Nothing on this day yet."
+								})]
+							}) : R.map((e) => /* @__PURE__ */ q(B, {
+								booking: e,
+								zone: t,
+								now: y,
+								chip: _e(e, r?.[e.paymentSession], !!r),
+								withMember: o,
+								side: c,
+								onOpen: () => A(e.id)
+							}, e.id))
+						}), ae && /* @__PURE__ */ q(M, {})]
+					})]
+				})
+			}),
+			H && /* @__PURE__ */ q(X, {
+				booking: H,
+				zone: t,
+				chip: _e(H, r?.[H.paymentSession], !!r),
+				onClose: () => A(null),
+				me: s,
+				side: c,
+				onColor: g ? (e) => g(H.id, e) : void 0,
+				onAccept: u ? () => u(H) : void 0,
+				onCancel: (e) => f(H, e),
+				onDelete: p && (!h || h(H)) ? () => p(H) : void 0,
+				onRelease: _ ? () => _(H) : void 0
+			}),
+			j && v && /* @__PURE__ */ q(fe, {
+				dateKey: T,
+				dayLabel: V,
+				zone: t,
+				today: b,
+				now: y,
+				onClose: () => ne(!1),
+				onAdd: v
+			})
+		]
+	});
+}
+//#endregion
+export { ye as t };

package/dist/ConfirmModal-Di9GR-vV.cjs

@@ -0,0 +1 @@
+require(`./chunk-CiTBaPhY.cjs`);const e=require(`./TimeZoneField-qs7NPR30.cjs`),t=require(`./lucide-react-BwV6L6Is.cjs`),n=require(`./Popup-DHYGFl2-.cjs`),r=require(`./Button-5DlB2MCi.cjs`);let i=require(`react`),a=require(`react/jsx-runtime`),o=require(`react-dom`);var s=`a[href],button:not([disabled]),input:not([disabled]),select:not([disabled]),textarea:not([disabled]),[tabindex]:not([tabindex="-1"])`;function c({isOpen:c,title:l,message:u,confirmText:d=`Delete`,cancelText:f=`Cancel`,onConfirm:p,onCancel:m,isProcessing:h=!1,disableConfirm:g=!1}){let _=(0,i.useRef)(null),v=(0,i.useRef)(m),y=(0,i.useRef)(h);if((0,i.useEffect)(()=>{v.current=m,y.current=h}),(0,i.useEffect)(()=>{if(!c)return;let e=document.body.style.overflow;document.body.style.overflow=`hidden`;let t=document.activeElement,n=window.setTimeout(()=>{_.current&&!_.current.contains(document.activeElement)&&_.current.focus()},0),r=e=>{if(e.defaultPrevented)return;if(e.key===`Escape`){e.preventDefault(),e.stopPropagation(),y.current||v.current();return}if(e.key!==`Tab`||!_.current)return;e.stopPropagation();let t=Array.from(_.current.querySelectorAll(s)).filter(e=>e.offsetParent!==null||e===document.activeElement);if(!t.length){e.preventDefault();return}let n=t[0],r=t[t.length-1],i=document.activeElement;e.shiftKey&&(i===n||i===_.current)?(e.preventDefault(),r.focus()):!e.shiftKey&&i===r&&(e.preventDefault(),n.focus())};return window.addEventListener(`keydown`,r,!0),()=>{window.clearTimeout(n),window.removeEventListener(`keydown`,r,!0),document.body.style.overflow=e,t&&document.contains(t)&&t.focus({preventScroll:!0})}},[c]),typeof document>`u`)return null;let b=n.n()>0;return(0,o.createPortal)((0,a.jsx)(e.cr,{children:c&&(0,a.jsxs)(`div`,{className:`fixed inset-0 z-[9999] flex items-center justify-center p-4`,children:[(0,a.jsx)(e.sr.div,{onClick:()=>!h&&m(),initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},transition:{duration:.15},className:`absolute inset-0 cursor-pointer ${b?`bg-background/60`:`bg-background/80 backdrop-blur-xl`}`}),(0,a.jsx)(e.sr.div,{ref:_,role:`dialog`,"aria-modal":`true`,"aria-label":l,tabIndex:-1,initial:{opacity:0,scale:.95,y:10},animate:{opacity:1,scale:1,y:0},exit:{opacity:0,scale:.95,y:10},transition:{duration:.18,ease:[.16,1,.3,1]},className:`w-full max-w-[400px] p-6 rounded-3xl glass-popover border border-[var(--panel-border)] shadow-2xl relative z-10 text-center outline-none`,children:(0,a.jsxs)(`div`,{className:`w-full flex flex-col items-center`,children:[(0,a.jsx)(`h3`,{className:`text-xl font-bold mb-2 text-foreground tracking-tight`,children:l}),(0,a.jsx)(`p`,{className:`w-full text-[14px] font-medium text-foreground/60 leading-relaxed mb-6 break-words`,children:u}),(0,a.jsxs)(`div`,{className:`flex items-center gap-3 w-full`,children:[(0,a.jsx)(r.t,{variant:`secondary`,onClick:m,disabled:h,className:`flex-1 py-2.5 text-[13px] font-bold rounded-xl`,children:f}),(0,a.jsx)(r.t,{onClick:p,disabled:h||g,className:`flex-1 py-2.5 text-[13px] font-bold rounded-xl bg-red-500 hover:bg-red-600 border-none text-white shadow-xl hover:shadow-red-500/20 glow-hover`,children:h?(0,a.jsx)(t.ht,{className:`w-5 h-5 animate-spin mx-auto`}):d})]})]})})]})}),document.body)}Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return c}});