@forgebuild/hotal-ui 0.8.1 → 0.9.0

package/dist/hotal-ui.js

@@ -12278,13 +12278,27 @@ var Im, Lm, Rm, zm, Bm, Vm, Hm, Um, Wm, Gm, Km, qm, Jm, Ym, Xm, Zm, Qm, $m, eh =
 	});
 })), nh = /* @__PURE__ */ c({ default: () => rh });
 function rh(e, t) {
-	dt(t, !0), Ea(e, fh);
-	let n = $(t, "channelName", 7), r = $(t, "ablyAuthUrl", 7), i = $(t, "fetchInquiries", 7), a = $(t, "maxItems", 7, 30), o = $(t, "emptyLabel", 7, "No inquiries yet."), s = /* @__PURE__ */ B(Un([])), c = /* @__PURE__ */ B("connecting");
-	function l(e) {
-		let t = K(s).filter((t) => t.id !== e.id);
-		V(s, [e, ...t].slice(0, a()), !0);
+	dt(t, !0), Ea(e, mh);
+	let n = (e) => {
+		var t = ah();
+		let n;
+		var r = H(t), i = (e) => {
+			X(e, wi("Connecting…"));
+		}, a = (e) => {
+			X(e, wi("Live updates unavailable — showing loaded inquiries only."));
+		}, o = (e) => {
+			var t = ih();
+			Ye(), X(e, t);
+		};
+		Q(r, (e) => {
+			K(d) === "connecting" ? e(i) : K(d) === "error" ? e(a, 1) : e(o, -1);
+		}), P(t), W(() => n = Ia(t, 1, "eif-status svelte-9vf17e", null, n, { "eif-status-error": K(d) === "error" })), X(e, t);
+	}, r = $(t, "heading", 7), i = $(t, "channelName", 7), a = $(t, "ablyAuthUrl", 7), o = $(t, "fetchInquiries", 7), s = $(t, "maxItems", 7, 30), c = $(t, "emptyLabel", 7, "No inquiries yet."), l = /* @__PURE__ */ B(Un([])), d = /* @__PURE__ */ B("connecting");
+	function f(e) {
+		let t = K(l).filter((t) => t.id !== e.id);
+		V(l, [e, ...t].slice(0, s()), !0);
 	}
-	function d(e) {
+	function p(e) {
 		try {
 			return new Date(e).toLocaleDateString(void 0, {
 				month: "short",
@@ -12295,7 +12309,7 @@ function rh(e, t) {
 			return e;
 		}
 	}
-	function f(e) {
+	function m(e) {
 		try {
 			return new Date(e).toLocaleString(void 0, {
 				month: "short",
@@ -12308,144 +12322,152 @@ function rh(e, t) {
 		}
 	}
 	fr(() => {
-		if (typeof window > "u" || !n() || !r()) return;
+		if (typeof window > "u" || !i() || !a()) return;
 		let e, t = !1;
 		return (async () => {
-			if (i()) try {
-				let e = await i()();
-				t || V(s, e.slice(0, a()), !0);
+			if (o()) try {
+				let e = await o()();
+				t || V(l, e.slice(0, s()), !0);
 			} catch (e) {
 				console.error("event-inquiries-feed: failed to load existing inquiries", e);
 			}
 			try {
-				let { default: i } = await Promise.resolve().then(() => /* @__PURE__ */ u(th()));
+				let { default: n } = await Promise.resolve().then(() => /* @__PURE__ */ u(th()));
 				if (t) return;
-				e = new i.Realtime({ authUrl: r() });
-				let a = e.channels.get(n());
+				e = new n.Realtime({ authUrl: a() });
+				let r = e.channels.get(i());
 				e.connection.on("connected", () => {
-					t || V(c, "connected");
+					t || V(d, "connected");
 				}), e.connection.on("failed", () => {
-					t || V(c, "error");
-				}), await a.subscribe("new-inquiry", (e) => {
-					t || l(e.data);
+					t || V(d, "error");
+				}), await r.subscribe("new-inquiry", (e) => {
+					t || f(e.data);
 				});
 			} catch (e) {
-				console.error("event-inquiries-feed: Ably connection failed", e), t || V(c, "error");
+				console.error("event-inquiries-feed: Ably connection failed", e), t || V(d, "error");
 			}
 		})(), () => {
 			t = !0, e?.close();
 		};
 	});
-	var p = {
+	var h = {
+		get heading() {
+			return r();
+		},
+		set heading(e) {
+			r(e), R();
+		},
 		get channelName() {
-			return n();
+			return i();
 		},
 		set channelName(e) {
-			n(e), R();
+			i(e), R();
 		},
 		get ablyAuthUrl() {
-			return r();
+			return a();
 		},
 		set ablyAuthUrl(e) {
-			r(e), R();
+			a(e), R();
 		},
 		get fetchInquiries() {
-			return i();
+			return o();
 		},
 		set fetchInquiries(e) {
-			i(e), R();
+			o(e), R();
 		},
 		get maxItems() {
-			return a();
+			return s();
 		},
 		set maxItems(e = 30) {
-			a(e), R();
+			s(e), R();
 		},
 		get emptyLabel() {
-			return o();
+			return c();
 		},
 		set emptyLabel(e = "No inquiries yet.") {
-			o(e), R();
+			c(e), R();
 		}
-	}, m = dh(), h = H(m);
-	let g;
-	var _ = H(h), v = (e) => {
-		X(e, wi("Connecting…"));
+	}, g = ph(), _ = H(g), v = (e) => {
+		var t = oh(), i = H(t), a = H(i, !0);
+		P(i);
+		var o = U(i, 2);
+		n(o), P(t), W(() => Z(a, r())), X(e, t);
 	}, y = (e) => {
-		X(e, wi("Live updates unavailable — showing loaded inquiries only."));
-	}, b = (e) => {
-		var t = ih();
-		Ye(), X(e, t);
+		n(e);
 	};
 	Q(_, (e) => {
-		K(c) === "connecting" ? e(v) : K(c) === "error" ? e(y, 1) : e(b, -1);
-	}), P(h);
-	var x = U(h, 2), S = (e) => {
-		var t = ah(), n = H(t, !0);
-		P(t), W(() => Z(n, o())), X(e, t);
-	}, C = (e) => {
-		var t = uh();
-		ua(t, 21, () => K(s), (e) => e.id, (e, t) => {
-			var n = lh(), r = H(n), i = H(r), a = H(i, !0);
+		r() ? e(v) : e(y, -1);
+	});
+	var b = U(_, 2), x = (e) => {
+		var t = sh(), n = H(t, !0);
+		P(t), W(() => Z(n, c())), X(e, t);
+	}, S = (e) => {
+		var t = fh();
+		ua(t, 21, () => K(l), (e) => e.id, (e, t) => {
+			var n = dh(), r = H(n), i = H(r), a = H(i, !0);
 			P(i);
 			var o = U(i, 2), s = H(o);
 			let c;
 			var l = H(s, !0);
 			P(s);
-			var u = U(s, 2), p = H(u);
+			var u = U(s, 2), d = H(u);
 			P(u), P(o), P(r);
-			var m = U(r, 2), h = H(m), g = U(H(h));
+			var f = U(r, 2), h = H(f), g = U(H(h));
 			P(h);
 			var _ = U(h, 2), v = (e) => {
-				var n = oh(), r = U(H(n));
+				var n = ch(), r = U(H(n));
 				P(n), W(() => Z(r, ` ${K(t).guests ?? ""} guests`)), X(e, n);
 			};
 			Q(_, (e) => {
 				K(t).guests && e(v);
 			});
 			var y = U(_, 2), b = (e) => {
-				var n = sh(), r = H(n, !0);
+				var n = lh(), r = H(n, !0);
 				P(n), W(() => Z(r, K(t).event_type)), X(e, n);
 			};
 			Q(y, (e) => {
 				K(t).event_type && e(b);
 			});
 			var x = U(y, 2), S = (e) => {
-				var n = sh(), r = H(n, !0);
+				var n = lh(), r = H(n, !0);
 				P(n), W(() => Z(r, K(t).format)), X(e, n);
 			};
 			Q(x, (e) => {
 				K(t).format && e(S);
-			}), P(m);
-			var C = U(m, 2), w = H(C), T = H(w, !0);
+			}), P(f);
+			var C = U(f, 2), w = H(C), T = H(w, !0);
 			P(w);
 			var E = U(w, 2), D = (e) => {
-				var n = sh(), r = H(n, !0);
+				var n = lh(), r = H(n, !0);
 				P(n), W(() => Z(r, K(t).phone)), X(e, n);
 			};
 			Q(E, (e) => {
 				K(t).phone && e(D);
 			}), P(C);
 			var ee = U(C, 2), O = (e) => {
-				var n = ch(), r = H(n, !0);
+				var n = uh(), r = H(n, !0);
 				P(n), W(() => Z(r, K(t).message)), X(e, n);
 			};
 			Q(ee, (e) => {
 				K(t).message && e(O);
 			}), P(n), W((e, n) => {
-				Z(a, K(t).name), c = Ia(s, 1, "eif-item-status svelte-9vf17e", null, c, { "eif-status-new": K(t).status === "new" }), Z(l, K(t).status), Z(p, `Received ${e ?? ""}`), Z(g, ` ${n ?? ""}`), Ua(w, "href", `mailto:${K(t).email}`), Z(T, K(t).email);
-			}, [() => f(K(t).created_at), () => d(K(t).event_date)]), X(e, n);
+				Z(a, K(t).name), c = Ia(s, 1, "eif-item-status svelte-9vf17e", null, c, { "eif-status-new": K(t).status === "new" }), Z(l, K(t).status), Z(d, `Received ${e ?? ""}`), Z(g, ` ${n ?? ""}`), Ua(w, "href", `mailto:${K(t).email}`), Z(T, K(t).email);
+			}, [() => m(K(t).created_at), () => p(K(t).event_date)]), X(e, n);
 		}), P(t), X(e, t);
 	};
-	return Q(x, (e) => {
-		K(s).length === 0 ? e(S) : e(C, -1);
-	}), P(m), W(() => g = Ia(h, 1, "eif-status svelte-9vf17e", null, g, { "eif-status-error": K(c) === "error" })), X(e, m), I(p);
+	return Q(b, (e) => {
+		K(l).length === 0 ? e(x) : e(S, -1);
+	}), P(g), X(e, g), I(h);
 }
-var ih, ah, oh, sh, ch, lh, uh, dh, fh, ph = o((() => {
-	f(), Do(), ih = /* @__PURE__ */ Y("<span class=\"eif-live-dot svelte-9vf17e\" aria-hidden=\"true\"></span> Live", 1), ah = /* @__PURE__ */ Y("<p class=\"eif-empty svelte-9vf17e\"> </p>"), oh = /* @__PURE__ */ Y("<span class=\"eif-meta-item svelte-9vf17e\"><svg class=\"eif-meta-icon svelte-9vf17e\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" aria-hidden=\"true\"><circle cx=\"9\" cy=\"8\" r=\"3\" class=\"svelte-9vf17e\"></circle><path d=\"M2 20c0-3.3 3.1-6 7-6s7 2.7 7 6\" stroke-linecap=\"round\" class=\"svelte-9vf17e\"></path><path d=\"M16 9a3 3 0 1 0 0-6\" stroke-linecap=\"round\" class=\"svelte-9vf17e\"></path><path d=\"M22 20c0-2.6-1.9-4.8-4.5-5.6\" stroke-linecap=\"round\" class=\"svelte-9vf17e\"></path></svg> </span>"), sh = /* @__PURE__ */ Y("<span class=\"svelte-9vf17e\"> </span>"), ch = /* @__PURE__ */ Y("<p class=\"eif-item-message svelte-9vf17e\"> </p>"), lh = /* @__PURE__ */ Y("<li class=\"eif-item svelte-9vf17e\"><div class=\"eif-item-header svelte-9vf17e\"><span class=\"eif-item-name svelte-9vf17e\"> </span> <div class=\"eif-item-header-right svelte-9vf17e\"><span> </span> <span class=\"eif-item-received svelte-9vf17e\"> </span></div></div> <div class=\"eif-item-meta svelte-9vf17e\"><span class=\"eif-meta-item svelte-9vf17e\"><svg class=\"eif-meta-icon svelte-9vf17e\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" aria-hidden=\"true\"><rect x=\"3\" y=\"5\" width=\"18\" height=\"16\" rx=\"2\" class=\"svelte-9vf17e\"></rect><path d=\"M3 10h18M8 3v4M16 3v4\" stroke-linecap=\"round\" class=\"svelte-9vf17e\"></path></svg> </span> <!> <!> <!></div> <div class=\"eif-item-contact svelte-9vf17e\"><a class=\"svelte-9vf17e\"> </a> <!></div> <!></li>"), uh = /* @__PURE__ */ Y("<ul class=\"eif-list svelte-9vf17e\"></ul>"), dh = /* @__PURE__ */ Y("<section class=\"eif-root svelte-9vf17e\"><div><!></div> <!></section>"), fh = {
+var ih, ah, oh, sh, ch, lh, uh, dh, fh, ph, mh, hh = o((() => {
+	f(), Do(), ih = /* @__PURE__ */ Y("<span class=\"eif-live-dot svelte-9vf17e\" aria-hidden=\"true\"></span> Live", 1), ah = /* @__PURE__ */ Y("<div><!></div>"), oh = /* @__PURE__ */ Y("<div class=\"eif-header svelte-9vf17e\"><h2 class=\"eif-heading svelte-9vf17e\"> </h2> <!></div>"), sh = /* @__PURE__ */ Y("<p class=\"eif-empty svelte-9vf17e\"> </p>"), ch = /* @__PURE__ */ Y("<span class=\"eif-meta-item svelte-9vf17e\"><svg class=\"eif-meta-icon svelte-9vf17e\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" aria-hidden=\"true\"><circle cx=\"9\" cy=\"8\" r=\"3\" class=\"svelte-9vf17e\"></circle><path d=\"M2 20c0-3.3 3.1-6 7-6s7 2.7 7 6\" stroke-linecap=\"round\" class=\"svelte-9vf17e\"></path><path d=\"M16 9a3 3 0 1 0 0-6\" stroke-linecap=\"round\" class=\"svelte-9vf17e\"></path><path d=\"M22 20c0-2.6-1.9-4.8-4.5-5.6\" stroke-linecap=\"round\" class=\"svelte-9vf17e\"></path></svg> </span>"), lh = /* @__PURE__ */ Y("<span class=\"svelte-9vf17e\"> </span>"), uh = /* @__PURE__ */ Y("<p class=\"eif-item-message svelte-9vf17e\"> </p>"), dh = /* @__PURE__ */ Y("<li class=\"eif-item svelte-9vf17e\"><div class=\"eif-item-header svelte-9vf17e\"><span class=\"eif-item-name svelte-9vf17e\"> </span> <div class=\"eif-item-header-right svelte-9vf17e\"><span> </span> <span class=\"eif-item-received svelte-9vf17e\"> </span></div></div> <div class=\"eif-item-meta svelte-9vf17e\"><span class=\"eif-meta-item svelte-9vf17e\"><svg class=\"eif-meta-icon svelte-9vf17e\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" aria-hidden=\"true\"><rect x=\"3\" y=\"5\" width=\"18\" height=\"16\" rx=\"2\" class=\"svelte-9vf17e\"></rect><path d=\"M3 10h18M8 3v4M16 3v4\" stroke-linecap=\"round\" class=\"svelte-9vf17e\"></path></svg> </span> <!> <!> <!></div> <div class=\"eif-item-contact svelte-9vf17e\"><a class=\"svelte-9vf17e\"> </a> <!></div> <!></li>"), fh = /* @__PURE__ */ Y("<ul class=\"eif-list svelte-9vf17e\"></ul>"), ph = /* @__PURE__ */ Y("<section class=\"eif-root svelte-9vf17e\"><!> <!></section>"), mh = {
 		hash: "svelte-9vf17e",
-		code: ".eif-root.svelte-9vf17e {display:block;font-family:inherit;color:var(--eif-text-color, #1a1a1a);}.eif-status.svelte-9vf17e {display:flex;justify-content:flex-end;align-items:center;gap:0.375rem;margin-bottom:1rem;font-size:0.75rem;font-weight:600;text-transform:uppercase;letter-spacing:0.05em;color:var(--eif-live-color, #1a7d3a);}.eif-status-error.svelte-9vf17e {color:var(--eif-error-color, #b3261e);}.eif-live-dot.svelte-9vf17e {position:relative;width:0.5rem;height:0.5rem;flex-shrink:0;border-radius:9999px;background:currentColor;}.eif-live-dot.svelte-9vf17e::before {content:'';position:absolute;inset:0;border-radius:9999px;background:currentColor;\n		animation: svelte-9vf17e-eif-pulse 1.8s ease-out infinite;}\n	@media (prefers-reduced-motion: reduce) {.eif-live-dot.svelte-9vf17e::before {\n			animation: none;}\n	}\n	@keyframes svelte-9vf17e-eif-pulse {\n		0% {\n			transform: scale(1);\n			opacity: 0.6;\n		}\n		100% {\n			transform: scale(2.5);\n			opacity: 0;\n		}\n	}.eif-empty.svelte-9vf17e {opacity:0.6;font-size:0.875rem;}.eif-list.svelte-9vf17e {display:flex;flex-direction:column;gap:0.75rem;margin:0;padding:0;list-style:none;}.eif-item.svelte-9vf17e {border:1px solid var(--eif-border-color, rgba(0, 0, 0, 0.1));border-radius:4px;padding:0.875rem 1rem;background:var(--eif-item-bg, #fff);}.eif-item-header.svelte-9vf17e {display:flex;align-items:flex-start;justify-content:space-between;gap:0.5rem;}.eif-item-name.svelte-9vf17e {font-weight:700;}.eif-item-header-right.svelte-9vf17e {display:flex;flex-direction:column;align-items:flex-end;gap:0.25rem;flex-shrink:0;}.eif-item-status.svelte-9vf17e {font-size:0.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:0.05em;padding:0.125rem 0.5rem;border-radius:2px;background:var(--eif-status-bg, rgba(0, 0, 0, 0.06));}.eif-status-new.svelte-9vf17e {background:var(--eif-status-new-bg, #fde9b0);color:var(--eif-status-new-text, #5c4300);}.eif-item-received.svelte-9vf17e {font-size:0.6875rem;font-weight:400;text-transform:none;letter-spacing:normal;white-space:nowrap;opacity:0.55;}.eif-item-meta.svelte-9vf17e,\n	.eif-item-contact.svelte-9vf17e {display:flex;flex-wrap:wrap;gap:0.5rem 0.75rem;margin-top:0.375rem;font-size:0.8125rem;opacity:0.75;}.eif-item-contact.svelte-9vf17e a:where(.svelte-9vf17e) {color:inherit;}.eif-meta-item.svelte-9vf17e {display:inline-flex;align-items:center;gap:0.3125rem;}.eif-meta-icon.svelte-9vf17e {width:0.875rem;height:0.875rem;flex-shrink:0;opacity:0.8;}.eif-item-message.svelte-9vf17e {margin:0.5rem 0 0;font-size:0.8125rem;opacity:0.8;white-space:pre-wrap;}"
+		code: ".eif-root.svelte-9vf17e {display:block;font-family:inherit;color:var(--eif-text-color, #1a1a1a);}.eif-header.svelte-9vf17e {display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem;}.eif-heading.svelte-9vf17e {margin:0;font-size:1.125rem;font-weight:700;}.eif-status.svelte-9vf17e {display:flex;justify-content:flex-end;align-items:center;gap:0.375rem;margin-bottom:1rem;font-size:0.75rem;font-weight:600;text-transform:uppercase;letter-spacing:0.05em;color:var(--eif-live-color, #1a7d3a);}.eif-header.svelte-9vf17e .eif-status:where(.svelte-9vf17e) {margin-bottom:0;}.eif-status-error.svelte-9vf17e {color:var(--eif-error-color, #b3261e);}.eif-live-dot.svelte-9vf17e {position:relative;width:0.5rem;height:0.5rem;flex-shrink:0;border-radius:9999px;background:currentColor;}.eif-live-dot.svelte-9vf17e::before {content:'';position:absolute;inset:0;border-radius:9999px;background:currentColor;\n		animation: svelte-9vf17e-eif-pulse 1.8s ease-out infinite;}\n	@media (prefers-reduced-motion: reduce) {.eif-live-dot.svelte-9vf17e::before {\n			animation: none;}\n	}\n	@keyframes svelte-9vf17e-eif-pulse {\n		0% {\n			transform: scale(1);\n			opacity: 0.6;\n		}\n		100% {\n			transform: scale(2.5);\n			opacity: 0;\n		}\n	}.eif-empty.svelte-9vf17e {opacity:0.6;font-size:0.875rem;}.eif-list.svelte-9vf17e {display:flex;flex-direction:column;gap:0.75rem;margin:0;padding:0;list-style:none;}.eif-item.svelte-9vf17e {border:1px solid var(--eif-border-color, rgba(0, 0, 0, 0.1));border-radius:4px;padding:0.875rem 1rem;background:var(--eif-item-bg, #fff);}.eif-item-header.svelte-9vf17e {display:flex;align-items:flex-start;justify-content:space-between;gap:0.5rem;}.eif-item-name.svelte-9vf17e {font-weight:700;}.eif-item-header-right.svelte-9vf17e {display:flex;flex-direction:column;align-items:flex-end;gap:0.25rem;flex-shrink:0;}.eif-item-status.svelte-9vf17e {font-size:0.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:0.05em;padding:0.125rem 0.5rem;border-radius:2px;background:var(--eif-status-bg, rgba(0, 0, 0, 0.06));}.eif-status-new.svelte-9vf17e {background:var(--eif-status-new-bg, #fde9b0);color:var(--eif-status-new-text, #5c4300);}.eif-item-received.svelte-9vf17e {font-size:0.6875rem;font-weight:400;text-transform:none;letter-spacing:normal;white-space:nowrap;opacity:0.55;}.eif-item-meta.svelte-9vf17e,\n	.eif-item-contact.svelte-9vf17e {display:flex;flex-wrap:wrap;gap:0.5rem 0.75rem;margin-top:0.375rem;font-size:0.8125rem;opacity:0.75;}.eif-item-contact.svelte-9vf17e a:where(.svelte-9vf17e) {color:inherit;}.eif-meta-item.svelte-9vf17e {display:inline-flex;align-items:center;gap:0.3125rem;}.eif-meta-icon.svelte-9vf17e {width:0.875rem;height:0.875rem;flex-shrink:0;opacity:0.8;}.eif-item-message.svelte-9vf17e {margin:0.5rem 0 0;font-size:0.8125rem;opacity:0.8;white-space:pre-wrap;}"
 	}, customElements.define("event-inquiries-feed", Co(rh, {
+		heading: {
+			attribute: "heading",
+			type: "String"
+		},
 		channelName: {
 			attribute: "channel-name",
 			type: "String"
@@ -12464,9 +12486,9 @@ var ih, ah, oh, sh, ch, lh, uh, dh, fh, ph = o((() => {
 		},
 		fetchInquiries: {}
 	}, [], [], { mode: "open" }));
-})), mh = /* @__PURE__ */ c({ default: () => hh });
-function hh(e, t) {
-	dt(t, !0), Ea(e, kh);
+})), gh = /* @__PURE__ */ c({ default: () => _h });
+function _h(e, t) {
+	dt(t, !0), Ea(e, jh);
 	let n = $(t, "heading", 7, "Plan Your Event"), r = $(t, "tagline", 7, "Tell Us the Occasion"), i = $(t, "description", 7, "Share a few details below and our events team will follow up to help shape the evening around you."), a = $(t, "eventTypes", 23, () => [
 		"Birthday",
 		"Anniversary",
@@ -12632,11 +12654,11 @@ function hh(e, t) {
 		set submitInquiry(e) {
 			c(e), R();
 		}
-	}, he = Oh(), ge = H(he), _e = H(ge), ve = H(_e, !0);
+	}, he = Ah(), ge = H(he), _e = H(ge), ve = H(_e, !0);
 	P(_e);
 	var ye = U(_e, 4), be = (e) => {
-		var t = _h(), n = Xn(t), a = (e) => {
-			var t = gh(), n = H(t, !0);
+		var t = yh(), n = Xn(t), a = (e) => {
+			var t = vh(), n = H(t, !0);
 			P(t), W(() => Z(n, r())), X(e, t);
 		};
 		Q(n, (e) => {
@@ -12649,7 +12671,7 @@ function hh(e, t) {
 		K(de) || e(be);
 	}), P(ge);
 	var xe = U(ge, 2), Se = (e) => {
-		var t = Eh(), n = H(t), r = H(n), i = U(H(r), 2);
+		var t = Oh(), n = H(t), r = H(n), i = U(H(r), 2);
 		Ha(i), P(r);
 		var c = U(r, 2), C = U(H(c), 2);
 		Ha(C), P(c);
@@ -12664,7 +12686,7 @@ function hh(e, t) {
 		P(fe), co(fe, (e) => V(_, e), () => K(_));
 		var ye = U(fe, 2);
 		ua(ye, 20, a, (e) => e, (e, t) => {
-			var n = vh(), r = H(n), i = H(r, !0);
+			var n = bh(), r = H(n), i = H(r, !0);
 			P(r), P(n), W(() => {
 				Ua(r, "aria-selected", t === K(f)), Z(i, t);
 			}), di("click", r, () => b(t)), X(e, n);
@@ -12691,12 +12713,12 @@ function hh(e, t) {
 		P(Be), P(Le);
 		var Ue = U(Le, 2);
 		ua(Ue, 20, () => wc, (e) => e, (e, t) => {
-			var n = yh(), r = H(n, !0);
+			var n = xh(), r = H(n, !0);
 			P(n), W(() => Z(r, t)), X(e, n);
 		}), P(Ue);
 		var We = U(Ue, 2);
 		ua(We, 21, () => K(re), (e) => e.iso, (e, t) => {
-			var n = bh();
+			var n = Sh();
 			let r;
 			var i = H(n, !0);
 			P(n), W(() => {
@@ -12704,7 +12726,7 @@ function hh(e, t) {
 			}), di("click", n, () => ce(K(t))), X(e, n);
 		}), P(We), P(Fe);
 		var Ge = U(Fe, 2), Ke = (e) => {
-			X(e, xh());
+			X(e, Ch());
 		};
 		Q(Ge, (e) => {
 			K(j) && e(Ke);
@@ -12712,7 +12734,7 @@ function hh(e, t) {
 		var qe = U(be, 2), Je = U(H(qe), 2);
 		Lt(Je), P(qe);
 		var Ye = U(qe, 2), Xe = H(Ye), Ze = (e) => {
-			X(e, Sh());
+			X(e, wh());
 		};
 		Q(Xe, (e) => {
 			K(le) && e(Ze);
@@ -12720,20 +12742,20 @@ function hh(e, t) {
 		var F = U(Xe, 2), Qe = H(F, !0);
 		P(F);
 		var $e = U(F, 2), et = (e) => {
-			X(e, Ch());
+			X(e, Th());
 		};
 		Q($e, (e) => {
 			K(le) || e(et);
 		}), P(Ye);
 		var tt = U(Ye, 2), nt = (e) => {
-			var t = wh(), n = H(t, !0);
+			var t = Eh(), n = H(t, !0);
 			P(t), W(() => Z(n, s())), X(e, t);
 		};
 		Q(tt, (e) => {
 			s() && e(nt);
 		});
 		var rt = U(tt, 2), it = (e) => {
-			var t = Th(), n = H(t, !0);
+			var t = Dh(), n = H(t, !0);
 			P(t), W(() => Z(n, K(ue))), X(e, t);
 		};
 		Q(rt, (e) => {
@@ -12742,17 +12764,17 @@ function hh(e, t) {
 			Ua(fe, "aria-expanded", K(g)), he = Ia(me, 1, "svelte-1cgy5x5", null, he, { "ecf-placeholder": !K(f) }), Z(ge, K(f) || "Select an option"), ve = Ia(_e, 0, "ecf-chevron svelte-1cgy5x5", null, ve, { "ecf-chevron-open": K(g) }), Ce.disabled = K(p) <= o(), Z(Te, K(p)), M.disabled = K(p) >= 200, Z(N, `${o() ?? ""}-guest minimum for private events.`), za(ke, K(ee)), je = Ia(Ae, 1, "svelte-1cgy5x5", null, je, { "ecf-format-active": K(m) === "Seated Dinner" }), Ne = Ia(Me, 1, "svelte-1cgy5x5", null, Ne, { "ecf-format-active": K(m) === "Cocktail Reception" }), Ie = Ia(Fe, 1, "ecf-calendar svelte-1cgy5x5", null, Ie, { "ecf-calendar-error": K(j) }), Z(ze, `${Cc[K(A)] ?? ""} ${K(te) ?? ""}`), Ve.disabled = !K(ie), Ye.disabled = K(le), Z(Qe, K(le) ? "Sending…" : "Send Inquiry");
 		}), ui("submit", t, pe), $a(i, () => K(l), (e) => V(l, e)), $a(C, () => K(u), (e) => V(u, e)), $a(ne, () => K(d), (e) => V(d, e)), di("click", fe, y), di("click", Ce, w), di("click", M, T), di("click", Ae, () => O("Seated Dinner")), di("click", Me, () => O("Cocktail Reception")), di("click", Ve, oe), di("click", He, se), $a(Je, () => K(h), (e) => V(h, e)), X(e, t);
 	}, Ce = (e) => {
-		X(e, Dh());
+		X(e, kh());
 	};
 	return Q(xe, (e) => {
 		K(de) ? e(Ce, -1) : e(Se);
 	}), P(he), W(() => Z(ve, n())), X(e, he), I(me);
 }
-var gh, _h, vh, yh, bh, xh, Sh, Ch, wh, Th, Eh, Dh, Oh, kh, Ah = o((() => {
-	f(), Do(), _c(), Tc(), gh = /* @__PURE__ */ Y("<p class=\"ecf-tagline svelte-1cgy5x5\"> </p>"), _h = /* @__PURE__ */ Y("<!> <p class=\"ecf-description svelte-1cgy5x5\"> </p>", 1), vh = /* @__PURE__ */ Y("<li role=\"presentation\"><button type=\"button\" role=\"option\" class=\"svelte-1cgy5x5\"> </button></li>"), yh = /* @__PURE__ */ Y("<span> </span>"), bh = /* @__PURE__ */ Y("<button type=\"button\"> </button>"), xh = /* @__PURE__ */ Y("<p class=\"ecf-error-text svelte-1cgy5x5\">Please select a date.</p>"), Sh = /* @__PURE__ */ Y("<span class=\"ecf-spinner svelte-1cgy5x5\"></span>"), Ch = /* @__PURE__ */ Y("<span aria-hidden=\"true\">→</span>"), wh = /* @__PURE__ */ Y("<p class=\"ecf-submit-note svelte-1cgy5x5\"> </p>"), Th = /* @__PURE__ */ Y("<p class=\"ecf-error-text ecf-submit-error svelte-1cgy5x5\"> </p>"), Eh = /* @__PURE__ */ Y("<form class=\"ecf-form svelte-1cgy5x5\"><div class=\"ecf-grid svelte-1cgy5x5\"><label class=\"ecf-field svelte-1cgy5x5\"><span class=\"ecf-label svelte-1cgy5x5\">Name</span> <input type=\"text\" required=\"\" placeholder=\"Jane Smith\" class=\"svelte-1cgy5x5\"/></label> <label class=\"ecf-field svelte-1cgy5x5\"><span class=\"ecf-label svelte-1cgy5x5\">Email</span> <input type=\"email\" required=\"\" pattern=\"[^\\s@]+@[^\\s@]+\\.[^\\s@]+\" title=\"Enter a valid email address, e.g. jane@email.com\" placeholder=\"jane@email.com\" class=\"svelte-1cgy5x5\"/></label> <label class=\"ecf-field svelte-1cgy5x5\"><span class=\"ecf-label svelte-1cgy5x5\">Phone</span> <input type=\"tel\" placeholder=\"+1 555 123 4567\" class=\"svelte-1cgy5x5\"/></label> <div class=\"ecf-field svelte-1cgy5x5\"><span class=\"ecf-label svelte-1cgy5x5\" id=\"ecf-type-label\">Event Type</span> <button type=\"button\" class=\"ecf-select-trigger svelte-1cgy5x5\" aria-haspopup=\"listbox\" aria-labelledby=\"ecf-type-label\"><span> </span> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M6 9l6 6 6-6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"></path></svg></button> <ul popover=\"\" role=\"listbox\" aria-label=\"Event type\" class=\"ecf-select-panel svelte-1cgy5x5\"></ul></div></div> <div class=\"ecf-grid ecf-grid-secondary svelte-1cgy5x5\"><div class=\"ecf-field svelte-1cgy5x5\"><span class=\"ecf-label svelte-1cgy5x5\">Guests</span> <div class=\"ecf-stepper svelte-1cgy5x5\"><button type=\"button\" class=\"ecf-stepper-btn svelte-1cgy5x5\" aria-label=\"Decrease guest count\"><span class=\"ecf-stepper-btn-inner svelte-1cgy5x5\">−</span></button> <span class=\"ecf-stepper-count svelte-1cgy5x5\"> </span> <button type=\"button\" class=\"ecf-stepper-btn svelte-1cgy5x5\" aria-label=\"Increase guest count\"><span class=\"ecf-stepper-btn-inner svelte-1cgy5x5\">+</span></button></div> <p class=\"ecf-hint svelte-1cgy5x5\"> </p> <div class=\"ecf-format svelte-1cgy5x5\"><span class=\"ecf-label svelte-1cgy5x5\">Event Format</span> <div class=\"ecf-format-toggle svelte-1cgy5x5\"><span class=\"ecf-format-indicator svelte-1cgy5x5\"></span> <button type=\"button\">Seated Dinner</button> <button type=\"button\">Cocktail Reception</button></div></div></div> <div class=\"ecf-field svelte-1cgy5x5\"><span class=\"ecf-label svelte-1cgy5x5\">Select a Date<span class=\"ecf-required svelte-1cgy5x5\">*</span></span> <div><div class=\"ecf-cal-header svelte-1cgy5x5\"><p class=\"ecf-cal-month svelte-1cgy5x5\"> </p> <div class=\"ecf-cal-nav svelte-1cgy5x5\"><button type=\"button\" aria-label=\"Previous month\" class=\"svelte-1cgy5x5\">‹</button> <button type=\"button\" aria-label=\"Next month\" class=\"svelte-1cgy5x5\">›</button></div></div> <div class=\"ecf-cal-weekdays svelte-1cgy5x5\"></div> <div class=\"ecf-cal-grid svelte-1cgy5x5\"></div></div> <!></div></div> <label class=\"ecf-field ecf-message-field svelte-1cgy5x5\"><span class=\"ecf-label svelte-1cgy5x5\">Tell Us More</span> <textarea rows=\"5\" placeholder=\"Vision for the evening, budget, must-haves...\" class=\"svelte-1cgy5x5\"></textarea></label> <button type=\"submit\" class=\"ecf-submit svelte-1cgy5x5\"><!> <span> </span> <!></button> <!> <!></form>"), Dh = /* @__PURE__ */ Y("<div class=\"ecf-success svelte-1cgy5x5\"><div class=\"ecf-success-icon svelte-1cgy5x5\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" class=\"svelte-1cgy5x5\"><path d=\"M5 13l4 4L19 7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"></path></svg></div> <p class=\"svelte-1cgy5x5\">Thank you! Your inquiry has been sent — our events team will follow up shortly.</p></div>"), Oh = /* @__PURE__ */ Y("<section class=\"ecf-root svelte-1cgy5x5\"><div class=\"ecf-intro svelte-1cgy5x5\"><h2 class=\"ecf-heading svelte-1cgy5x5\"> </h2> <div class=\"ecf-rule svelte-1cgy5x5\"></div> <!></div> <!></section>"), kh = {
+var vh, yh, bh, xh, Sh, Ch, wh, Th, Eh, Dh, Oh, kh, Ah, jh, Mh = o((() => {
+	f(), Do(), _c(), Tc(), vh = /* @__PURE__ */ Y("<p class=\"ecf-tagline svelte-1cgy5x5\"> </p>"), yh = /* @__PURE__ */ Y("<!> <p class=\"ecf-description svelte-1cgy5x5\"> </p>", 1), bh = /* @__PURE__ */ Y("<li role=\"presentation\"><button type=\"button\" role=\"option\" class=\"svelte-1cgy5x5\"> </button></li>"), xh = /* @__PURE__ */ Y("<span> </span>"), Sh = /* @__PURE__ */ Y("<button type=\"button\"> </button>"), Ch = /* @__PURE__ */ Y("<p class=\"ecf-error-text svelte-1cgy5x5\">Please select a date.</p>"), wh = /* @__PURE__ */ Y("<span class=\"ecf-spinner svelte-1cgy5x5\"></span>"), Th = /* @__PURE__ */ Y("<span aria-hidden=\"true\">→</span>"), Eh = /* @__PURE__ */ Y("<p class=\"ecf-submit-note svelte-1cgy5x5\"> </p>"), Dh = /* @__PURE__ */ Y("<p class=\"ecf-error-text ecf-submit-error svelte-1cgy5x5\"> </p>"), Oh = /* @__PURE__ */ Y("<form class=\"ecf-form svelte-1cgy5x5\"><div class=\"ecf-grid svelte-1cgy5x5\"><label class=\"ecf-field svelte-1cgy5x5\"><span class=\"ecf-label svelte-1cgy5x5\">Name</span> <input type=\"text\" required=\"\" placeholder=\"Jane Smith\" class=\"svelte-1cgy5x5\"/></label> <label class=\"ecf-field svelte-1cgy5x5\"><span class=\"ecf-label svelte-1cgy5x5\">Email</span> <input type=\"email\" required=\"\" pattern=\"[^\\s@]+@[^\\s@]+\\.[^\\s@]+\" title=\"Enter a valid email address, e.g. jane@email.com\" placeholder=\"jane@email.com\" class=\"svelte-1cgy5x5\"/></label> <label class=\"ecf-field svelte-1cgy5x5\"><span class=\"ecf-label svelte-1cgy5x5\">Phone</span> <input type=\"tel\" placeholder=\"+1 555 123 4567\" class=\"svelte-1cgy5x5\"/></label> <div class=\"ecf-field svelte-1cgy5x5\"><span class=\"ecf-label svelte-1cgy5x5\" id=\"ecf-type-label\">Event Type</span> <button type=\"button\" class=\"ecf-select-trigger svelte-1cgy5x5\" aria-haspopup=\"listbox\" aria-labelledby=\"ecf-type-label\"><span> </span> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M6 9l6 6 6-6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"></path></svg></button> <ul popover=\"\" role=\"listbox\" aria-label=\"Event type\" class=\"ecf-select-panel svelte-1cgy5x5\"></ul></div></div> <div class=\"ecf-grid ecf-grid-secondary svelte-1cgy5x5\"><div class=\"ecf-field svelte-1cgy5x5\"><span class=\"ecf-label svelte-1cgy5x5\">Guests</span> <div class=\"ecf-stepper svelte-1cgy5x5\"><button type=\"button\" class=\"ecf-stepper-btn svelte-1cgy5x5\" aria-label=\"Decrease guest count\"><span class=\"ecf-stepper-btn-inner svelte-1cgy5x5\">−</span></button> <span class=\"ecf-stepper-count svelte-1cgy5x5\"> </span> <button type=\"button\" class=\"ecf-stepper-btn svelte-1cgy5x5\" aria-label=\"Increase guest count\"><span class=\"ecf-stepper-btn-inner svelte-1cgy5x5\">+</span></button></div> <p class=\"ecf-hint svelte-1cgy5x5\"> </p> <div class=\"ecf-format svelte-1cgy5x5\"><span class=\"ecf-label svelte-1cgy5x5\">Event Format</span> <div class=\"ecf-format-toggle svelte-1cgy5x5\"><span class=\"ecf-format-indicator svelte-1cgy5x5\"></span> <button type=\"button\">Seated Dinner</button> <button type=\"button\">Cocktail Reception</button></div></div></div> <div class=\"ecf-field svelte-1cgy5x5\"><span class=\"ecf-label svelte-1cgy5x5\">Select a Date<span class=\"ecf-required svelte-1cgy5x5\">*</span></span> <div><div class=\"ecf-cal-header svelte-1cgy5x5\"><p class=\"ecf-cal-month svelte-1cgy5x5\"> </p> <div class=\"ecf-cal-nav svelte-1cgy5x5\"><button type=\"button\" aria-label=\"Previous month\" class=\"svelte-1cgy5x5\">‹</button> <button type=\"button\" aria-label=\"Next month\" class=\"svelte-1cgy5x5\">›</button></div></div> <div class=\"ecf-cal-weekdays svelte-1cgy5x5\"></div> <div class=\"ecf-cal-grid svelte-1cgy5x5\"></div></div> <!></div></div> <label class=\"ecf-field ecf-message-field svelte-1cgy5x5\"><span class=\"ecf-label svelte-1cgy5x5\">Tell Us More</span> <textarea rows=\"5\" placeholder=\"Vision for the evening, budget, must-haves...\" class=\"svelte-1cgy5x5\"></textarea></label> <button type=\"submit\" class=\"ecf-submit svelte-1cgy5x5\"><!> <span> </span> <!></button> <!> <!></form>"), kh = /* @__PURE__ */ Y("<div class=\"ecf-success svelte-1cgy5x5\"><div class=\"ecf-success-icon svelte-1cgy5x5\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" class=\"svelte-1cgy5x5\"><path d=\"M5 13l4 4L19 7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"></path></svg></div> <p class=\"svelte-1cgy5x5\">Thank you! Your inquiry has been sent — our events team will follow up shortly.</p></div>"), Ah = /* @__PURE__ */ Y("<section class=\"ecf-root svelte-1cgy5x5\"><div class=\"ecf-intro svelte-1cgy5x5\"><h2 class=\"ecf-heading svelte-1cgy5x5\"> </h2> <div class=\"ecf-rule svelte-1cgy5x5\"></div> <!></div> <!></section>"), jh = {
 		hash: "svelte-1cgy5x5",
 		code: ".ecf-root.svelte-1cgy5x5 {display:block;font-family:inherit;color:var(--ecf-text-color, #1a1a1a);background:var(--ecf-bg, #faf6ec);padding:var(--ecf-padding, 5rem 1.5rem);}.ecf-intro.svelte-1cgy5x5 {max-width:36rem;margin:0 auto;text-align:center;}.ecf-heading.svelte-1cgy5x5 {margin:0;font-size:2.25rem;}\n	@media (min-width: 640px) {.ecf-heading.svelte-1cgy5x5 {font-size:3rem;}\n	}.ecf-rule.svelte-1cgy5x5 {width:4rem;height:1px;margin:1rem auto 0;background:var(--ecf-rule-color, rgba(196, 158, 90, 0.5));}.ecf-tagline.svelte-1cgy5x5 {margin:1.5rem 0 0;font-style:italic;font-size:1.25rem;}.ecf-description.svelte-1cgy5x5 {margin:1.5rem 0 0;font-size:1.125rem;line-height:1.6;}.ecf-form.svelte-1cgy5x5 {max-width:42rem;margin:3.5rem auto 0;}.ecf-grid.svelte-1cgy5x5 {display:grid;gap:1.5rem;}\n	@media (min-width: 640px) {.ecf-grid.svelte-1cgy5x5 {grid-template-columns:1fr 1fr;}\n	}.ecf-grid-secondary.svelte-1cgy5x5 {margin-top:1.5rem;align-items:start;}.ecf-field.svelte-1cgy5x5 {display:flex;position:relative;flex-direction:column;gap:0.5rem;}.ecf-label.svelte-1cgy5x5 {font-size:0.75rem;font-weight:300;text-transform:uppercase;letter-spacing:0.05em;}.ecf-required.svelte-1cgy5x5 {color:#dc2626;}.ecf-field.svelte-1cgy5x5 input:where(.svelte-1cgy5x5),\n	.ecf-field.svelte-1cgy5x5 textarea:where(.svelte-1cgy5x5) {border-radius:2px;border:1px solid var(--ecf-border-color, rgba(0, 0, 0, 0.15));background:var(--ecf-input-bg, #fff);padding:0.75rem 1rem;font-size:0.875rem;font-family:inherit;color:inherit;}.ecf-field.svelte-1cgy5x5 input:where(.svelte-1cgy5x5)::placeholder,\n	.ecf-field.svelte-1cgy5x5 textarea:where(.svelte-1cgy5x5)::placeholder {color:color-mix(in oklab, var(--ecf-text-color, #1a1a1a) 40%, transparent);}.ecf-field.svelte-1cgy5x5 input:where(.svelte-1cgy5x5):focus,\n	.ecf-field.svelte-1cgy5x5 textarea:where(.svelte-1cgy5x5):focus,\n	.ecf-select-trigger.svelte-1cgy5x5:focus {outline:none;border-color:color-mix(in oklab, var(--ecf-text-color, #1a1a1a) 40%, transparent);}.ecf-select-trigger.svelte-1cgy5x5 {display:flex;align-items:center;justify-content:space-between;border-radius:2px;border:1px solid var(--ecf-border-color, rgba(0, 0, 0, 0.15));background:var(--ecf-input-bg, #fff);padding:0.75rem 1rem;font-size:0.875rem;font-family:inherit;color:inherit;cursor:pointer;text-align:left;}.ecf-placeholder.svelte-1cgy5x5 {color:color-mix(in oklab, var(--ecf-text-color, #1a1a1a) 40%, transparent);}.ecf-chevron.svelte-1cgy5x5 {width:1rem;height:1rem;flex-shrink:0;opacity:0.5;transition:transform 200ms ease;}.ecf-chevron-open.svelte-1cgy5x5 {transform:rotate(180deg);}.ecf-select-panel.svelte-1cgy5x5 {position:fixed;inset:auto;margin:0.25rem 0 0;max-height:15rem;overflow:auto;list-style:none;border-radius:2px;border:1px solid var(--ecf-border-color, rgba(0, 0, 0, 0.15));background:var(--ecf-input-bg, #fff);box-shadow:0 8px 24px rgba(0, 0, 0, 0.12);padding:0;}.ecf-select-panel.svelte-1cgy5x5 button:where(.svelte-1cgy5x5) {display:block;width:100%;border:none;background:transparent;color:inherit;font:inherit;text-align:left;padding:0.625rem 1rem;font-size:0.875rem;cursor:pointer;}.ecf-select-panel.svelte-1cgy5x5 button:where(.svelte-1cgy5x5):hover {background:var(--ecf-hover-bg, #000);color:#fff;}.ecf-stepper.svelte-1cgy5x5 {display:flex;align-items:center;justify-content:space-between;border-radius:2px;border:1px solid var(--ecf-border-color, rgba(0, 0, 0, 0.15));background:var(--ecf-input-bg, #fff);padding:0.75rem 1rem;}.ecf-stepper.svelte-1cgy5x5 button:where(.svelte-1cgy5x5) {position:relative;display:flex;height:2rem;width:2rem;align-items:center;justify-content:center;overflow:hidden;border-radius:9999px;border:1px solid color-mix(in oklab, var(--ecf-text-color, #1a1a1a) 20%, transparent);background:transparent;color:inherit;cursor:pointer;font-size:1rem;padding:0;transition:color 300ms ease;}\n	/* Fill-from-center circle on hover, same as the original's ::before trick. */.ecf-stepper.svelte-1cgy5x5 button:where(.svelte-1cgy5x5)::before {content:'';position:absolute;inset:0;border-radius:9999px;background:var(--ecf-text-color, #1a1a1a);transform:scale(0);transition:transform 300ms cubic-bezier(0.4, 0, 0.2, 1);}.ecf-stepper.svelte-1cgy5x5 button:where(.svelte-1cgy5x5):hover:not(:disabled) {color:var(--ecf-bg, #faf6ec);}.ecf-stepper.svelte-1cgy5x5 button:where(.svelte-1cgy5x5):hover:not(:disabled)::before {transform:scale(1);}.ecf-stepper.svelte-1cgy5x5 button:where(.svelte-1cgy5x5):disabled {cursor:default;opacity:0.3;}.ecf-stepper-btn-inner.svelte-1cgy5x5 {position:relative;z-index:1;display:flex;height:100%;width:100%;align-items:center;justify-content:center;}\n	@media (prefers-reduced-motion: reduce) {.ecf-stepper.svelte-1cgy5x5 button:where(.svelte-1cgy5x5)::before {transition:none;}\n	}.ecf-stepper-count.svelte-1cgy5x5 {font-size:1.125rem;font-weight:600;}.ecf-hint.svelte-1cgy5x5 {margin:0;font-size:0.6875rem;opacity:0.5;}.ecf-format.svelte-1cgy5x5 {display:flex;flex-direction:column;gap:0.5rem;margin-top:1rem;}.ecf-format-toggle.svelte-1cgy5x5 {position:relative;display:inline-flex;width:fit-content;border-radius:2px;border:1px solid var(--ecf-border-color, rgba(0, 0, 0, 0.15));background:var(--ecf-input-bg, #fff);padding:0.25rem;}.ecf-format-indicator.svelte-1cgy5x5 {position:absolute;top:0.25rem;bottom:0.25rem;border-radius:2px;background:var(--ecf-text-color, #1a1a1a);transition:all 300ms cubic-bezier(0.4, 0, 0.2, 1);}.ecf-format-toggle.svelte-1cgy5x5 button:where(.svelte-1cgy5x5) {position:relative;z-index:1;border:none;border-radius:2px;background:transparent;color:color-mix(in oklab, var(--ecf-text-color, #1a1a1a) 70%, transparent);padding:0.5rem 1.25rem;font-size:0.875rem;font-weight:500;font-family:inherit;cursor:pointer;transition:color 150ms ease;}.ecf-format-active.svelte-1cgy5x5 {color:var(--ecf-bg, #faf6ec) !important;}.ecf-calendar.svelte-1cgy5x5 {flex:1;border-radius:2px;border:1px solid var(--ecf-border-color, rgba(0, 0, 0, 0.15));background:var(--ecf-input-bg, #fff);padding:1rem;transition:border-color 150ms ease;}.ecf-calendar-error.svelte-1cgy5x5 {border-color:#dc2626;}.ecf-cal-header.svelte-1cgy5x5 {display:flex;align-items:center;justify-content:space-between;}.ecf-cal-month.svelte-1cgy5x5 {margin:0;font-size:0.875rem;font-weight:600;}.ecf-cal-nav.svelte-1cgy5x5 {display:flex;gap:0.25rem;}.ecf-cal-nav.svelte-1cgy5x5 button:where(.svelte-1cgy5x5) {display:flex;height:1.75rem;width:1.75rem;align-items:center;justify-content:center;border-radius:9999px;border:none;background:transparent;color:color-mix(in oklab, var(--ecf-text-color, #1a1a1a) 60%, transparent);cursor:pointer;}.ecf-cal-nav.svelte-1cgy5x5 button:where(.svelte-1cgy5x5):hover:not(:disabled) {background:color-mix(in oklab, var(--ecf-text-color, #1a1a1a) 5%, transparent);}.ecf-cal-nav.svelte-1cgy5x5 button:where(.svelte-1cgy5x5):disabled {cursor:default;opacity:0.3;}.ecf-cal-weekdays.svelte-1cgy5x5 {display:grid;grid-template-columns:repeat(7, 1fr);margin-top:0.75rem;text-align:center;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:0.1em;opacity:0.4;}.ecf-cal-grid.svelte-1cgy5x5 {display:grid;grid-template-columns:repeat(7, 1fr);row-gap:0.25rem;justify-items:center;margin-top:0.25rem;}.ecf-cal-cell.svelte-1cgy5x5 {display:flex;height:2rem;width:2rem;align-items:center;justify-content:center;border-radius:9999px;border:none;background:transparent;color:inherit;font-size:0.875rem;cursor:pointer;}.ecf-cal-cell.svelte-1cgy5x5:hover:not(:disabled) {background:color-mix(in oklab, var(--ecf-text-color, #1a1a1a) 10%, transparent);}.ecf-cal-cell.svelte-1cgy5x5:disabled {cursor:default;opacity:0.25;}.ecf-cal-cell-selected.svelte-1cgy5x5 {background:var(--ecf-text-color, #1a1a1a);color:var(--ecf-bg, #faf6ec);}.ecf-message-field.svelte-1cgy5x5 {margin-top:1.5rem;}.ecf-submit.svelte-1cgy5x5 {display:inline-flex;align-items:center;gap:0.5rem;margin-top:2rem;cursor:pointer;border:none;border-radius:2px;background:var(--ecf-accent-bg, #1a1a1a);color:#fff;padding:0.75rem 1.75rem;font-size:0.75rem;font-weight:600;text-transform:uppercase;letter-spacing:0.05em;transition:background-color 150ms ease;}.ecf-submit.svelte-1cgy5x5:hover:not(:disabled) {background:var(--ecf-accent-hover-bg, #333);}.ecf-submit.svelte-1cgy5x5:disabled {cursor:default;opacity:0.6;}.ecf-spinner.svelte-1cgy5x5 {height:1rem;width:1rem;border-radius:9999px;border:2px solid rgba(255, 255, 255, 0.3);border-top-color:#fff;\n		animation: svelte-1cgy5x5-ecf-spin 0.7s linear infinite;}\n	@keyframes svelte-1cgy5x5-ecf-spin {\n		to {\n			transform: rotate(360deg);\n		}\n	}\n	@media (prefers-reduced-motion: reduce) {.ecf-spinner.svelte-1cgy5x5 {\n			animation: none;}\n	}.ecf-submit-note.svelte-1cgy5x5 {margin:1rem 0 0;font-size:0.875rem;}.ecf-error-text.svelte-1cgy5x5 {margin:0.75rem 0 0;font-size:0.75rem;color:#dc2626;}.ecf-submit-error.svelte-1cgy5x5 {font-size:0.875rem;}.ecf-success.svelte-1cgy5x5 {max-width:36rem;margin:3.5rem auto 0;text-align:center;}.ecf-success-icon.svelte-1cgy5x5 {display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;margin:0 auto 1rem;border-radius:9999px;background:var(--ecf-success-bg, #c49e5a);color:#fff;}.ecf-success-icon.svelte-1cgy5x5 svg:where(.svelte-1cgy5x5) {width:1.5rem;height:1.5rem;}.ecf-success.svelte-1cgy5x5 p:where(.svelte-1cgy5x5) {margin:0;font-size:1.25rem;}"
-	}, fi(["click"]), customElements.define("event-contact-form", Co(hh, {
+	}, fi(["click"]), customElements.define("event-contact-form", Co(_h, {
 		heading: {
 			attribute: "heading",
 			type: "String"
@@ -12779,9 +12801,9 @@ var gh, _h, vh, yh, bh, xh, Sh, Ch, wh, Th, Eh, Dh, Oh, kh, Ah = o((() => {
 		},
 		submitInquiry: { type: "Object" }
 	}, [], [], { mode: "open" }));
-})), jh = /* @__PURE__ */ c({ default: () => Mh });
-function Mh(e, t) {
-	dt(t, !0), Ea(e, Kh);
+})), Nh = /* @__PURE__ */ c({ default: () => Ph });
+function Ph(e, t) {
+	dt(t, !0), Ea(e, Jh);
 	let n = $(t, "mode", 7), r = $(t, "reservationId", 7), i = $(t, "restaurantSlug", 7), a = $(t, "token", 7), o = $(t, "expiresAt", 7), s = $(t, "initiallyExpired", 7, !1), c = $(t, "requestCancel", 7), l = $(t, "confirmCancel", 7);
 	function u(e, n) {
 		t.$$host?.dispatchEvent(new CustomEvent(e, {
@@ -12917,15 +12939,15 @@ function Mh(e, t) {
 			l(e), R();
 		}
 	}, D = Ti(), ee = Xn(D), O = (e) => {
-		var t = Lh(), n = Xn(t), r = H(n), i = (e) => {
-			var t = Nh();
+		var t = zh(), n = Xn(t), r = H(n), i = (e) => {
+			var t = Fh();
 			W(() => t.disabled = K(p)), di("click", t, h), X(e, t);
 		}, a = (e) => {
-			X(e, Ph());
+			X(e, Ih());
 		}, o = (e) => {
-			X(e, Fh());
+			X(e, Lh());
 		}, s = (e) => {
-			X(e, Ih());
+			X(e, Rh());
 		};
 		Q(r, (e) => {
 			K(m) === "idle" ? e(i) : K(m) === "success" ? e(a, 1) : K(m) === "no-email" ? e(o, 2) : e(s, -1);
@@ -12935,27 +12957,27 @@ function Mh(e, t) {
 		var u = H(c), v = U(H(u), 6), y = H(v), b = U(y, 2);
 		P(v), P(u), P(c), co(c, (e) => V(d, e), () => K(d)), W(() => l = Ia(c, 1, "rc-dialog svelte-195t3l3", null, l, { "rc-dialog-visible": K(f) })), di("click", c, (e) => e.target === K(d) && g()), di("click", y, g), di("click", b, _), X(e, t);
 	}, k = (e) => {
-		var t = Gh(), n = H(t), r = (e) => {
-			X(e, Rh());
+		var t = qh(), n = H(t), r = (e) => {
+			X(e, Bh());
 		}, i = (e) => {
-			var t = Vh(), n = U(Xn(t), 2), r = (e) => {
-				var t = zh(), n = U(H(t)), r = H(n, !0);
+			var t = Uh(), n = U(Xn(t), 2), r = (e) => {
+				var t = Vh(), n = U(H(t)), r = H(n, !0);
 				P(n), P(t), W(() => Z(r, K(y))), X(e, t);
 			};
 			Q(n, (e) => {
 				K(y) && e(r);
 			});
 			var i = U(n, 2), a = U(i, 2), o = (e) => {
-				X(e, Bh());
+				X(e, Hh());
 			};
 			Q(a, (e) => {
 				K(x) === "error" && e(o);
 			}), W(() => i.disabled = K(b)), di("click", i, w), X(e, t);
 		}, a = (e) => {
-			X(e, Hh());
+			X(e, Wh());
 		}, o = (e) => {
-			var t = Wh(), n = U(Xn(t), 4), r = U(n, 2), i = (e) => {
-				X(e, Uh());
+			var t = Kh(), n = U(Xn(t), 4), r = U(n, 2), i = (e) => {
+				X(e, Gh());
 			};
 			Q(r, (e) => {
 				K(C) === "error" && e(i);
@@ -12969,11 +12991,11 @@ function Mh(e, t) {
 		n() === "request" ? e(O) : e(k, -1);
 	}), X(e, D), I(E);
 }
-var Nh, Ph, Fh, Ih, Lh, Rh, zh, Bh, Vh, Hh, Uh, Wh, Gh, Kh, qh = o((() => {
-	f(), Do(), Nh = /* @__PURE__ */ Y("<button type=\"button\" class=\"rc-link-btn svelte-195t3l3\">Cancel Reservation</button>"), Ph = /* @__PURE__ */ Y("<p class=\"rc-message svelte-195t3l3\">Check your email to confirm the cancellation.</p>"), Fh = /* @__PURE__ */ Y("<p class=\"rc-message svelte-195t3l3\">We don't have an email on file for this reservation. Please call us to cancel.</p>"), Ih = /* @__PURE__ */ Y("<p class=\"rc-message rc-message-error svelte-195t3l3\">Could not start the cancellation. Please try again or call us directly.</p>"), Lh = /* @__PURE__ */ Y("<div class=\"rc-root svelte-195t3l3\"><!></div> <dialog><div class=\"rc-dialog-inner svelte-195t3l3\"><p class=\"rc-dialog-eyebrow svelte-195t3l3\">Cancel Reservation</p> <div class=\"rc-dialog-rule svelte-195t3l3\"></div> <p class=\"rc-dialog-body svelte-195t3l3\">We'll email you a link to confirm the cancellation.</p> <div class=\"rc-dialog-actions svelte-195t3l3\"><button type=\"button\" class=\"rc-btn-secondary svelte-195t3l3\">Nevermind</button> <button type=\"button\" class=\"rc-btn-danger svelte-195t3l3\">Continue</button></div></div></dialog>", 1), Rh = /* @__PURE__ */ Y("<p class=\"rc-message svelte-195t3l3\">Your reservation has been cancelled.</p>"), zh = /* @__PURE__ */ Y("<p class=\"rc-countdown svelte-195t3l3\">This link expires in <span class=\"svelte-195t3l3\"> </span></p>"), Bh = /* @__PURE__ */ Y("<p class=\"rc-message rc-message-error svelte-195t3l3\">Could not confirm the cancellation. Please try again or call us directly.</p>"), Vh = /* @__PURE__ */ Y("<div class=\"rc-alarm svelte-195t3l3\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" class=\"svelte-195t3l3\"><circle cx=\"12\" cy=\"13\" r=\"8\"></circle><path d=\"M12 9v4l2.5 2.5M5 3 3 5M19 3l2 2\" stroke-linecap=\"round\"></path></svg></div> <!> <button type=\"button\" class=\"rc-btn-danger rc-btn-full svelte-195t3l3\">Yes, Cancel My Reservation</button> <!>", 1), Hh = /* @__PURE__ */ Y("<p class=\"rc-message svelte-195t3l3\">Check your email for a new cancellation link.</p>"), Uh = /* @__PURE__ */ Y("<p class=\"rc-message rc-message-error svelte-195t3l3\">Could not resend the email. Please try again or call us directly.</p>"), Wh = /* @__PURE__ */ Y("<div class=\"rc-alarm rc-alarm-expired svelte-195t3l3\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" class=\"svelte-195t3l3\"><circle cx=\"12\" cy=\"13\" r=\"8\"></circle><path d=\"M12 9v4l2.5 2.5M5 3 3 5M19 3l2 2\" stroke-linecap=\"round\"></path></svg></div> <p class=\"rc-countdown svelte-195t3l3\">This confirmation link has expired.</p> <button type=\"button\" class=\"rc-btn-primary rc-btn-full svelte-195t3l3\"><svg class=\"rc-mail-icon svelte-195t3l3\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"3\" y=\"5\" width=\"18\" height=\"14\" rx=\"2\"></rect><path d=\"m3 7 9 6 9-6\"></path></svg> Resend Cancellation Email</button> <!>", 1), Gh = /* @__PURE__ */ Y("<div class=\"rc-root svelte-195t3l3\"><!></div>"), Kh = {
+var Fh, Ih, Lh, Rh, zh, Bh, Vh, Hh, Uh, Wh, Gh, Kh, qh, Jh, Yh = o((() => {
+	f(), Do(), Fh = /* @__PURE__ */ Y("<button type=\"button\" class=\"rc-link-btn svelte-195t3l3\">Cancel Reservation</button>"), Ih = /* @__PURE__ */ Y("<p class=\"rc-message svelte-195t3l3\">Check your email to confirm the cancellation.</p>"), Lh = /* @__PURE__ */ Y("<p class=\"rc-message svelte-195t3l3\">We don't have an email on file for this reservation. Please call us to cancel.</p>"), Rh = /* @__PURE__ */ Y("<p class=\"rc-message rc-message-error svelte-195t3l3\">Could not start the cancellation. Please try again or call us directly.</p>"), zh = /* @__PURE__ */ Y("<div class=\"rc-root svelte-195t3l3\"><!></div> <dialog><div class=\"rc-dialog-inner svelte-195t3l3\"><p class=\"rc-dialog-eyebrow svelte-195t3l3\">Cancel Reservation</p> <div class=\"rc-dialog-rule svelte-195t3l3\"></div> <p class=\"rc-dialog-body svelte-195t3l3\">We'll email you a link to confirm the cancellation.</p> <div class=\"rc-dialog-actions svelte-195t3l3\"><button type=\"button\" class=\"rc-btn-secondary svelte-195t3l3\">Nevermind</button> <button type=\"button\" class=\"rc-btn-danger svelte-195t3l3\">Continue</button></div></div></dialog>", 1), Bh = /* @__PURE__ */ Y("<p class=\"rc-message svelte-195t3l3\">Your reservation has been cancelled.</p>"), Vh = /* @__PURE__ */ Y("<p class=\"rc-countdown svelte-195t3l3\">This link expires in <span class=\"svelte-195t3l3\"> </span></p>"), Hh = /* @__PURE__ */ Y("<p class=\"rc-message rc-message-error svelte-195t3l3\">Could not confirm the cancellation. Please try again or call us directly.</p>"), Uh = /* @__PURE__ */ Y("<div class=\"rc-alarm svelte-195t3l3\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" class=\"svelte-195t3l3\"><circle cx=\"12\" cy=\"13\" r=\"8\"></circle><path d=\"M12 9v4l2.5 2.5M5 3 3 5M19 3l2 2\" stroke-linecap=\"round\"></path></svg></div> <!> <button type=\"button\" class=\"rc-btn-danger rc-btn-full svelte-195t3l3\">Yes, Cancel My Reservation</button> <!>", 1), Wh = /* @__PURE__ */ Y("<p class=\"rc-message svelte-195t3l3\">Check your email for a new cancellation link.</p>"), Gh = /* @__PURE__ */ Y("<p class=\"rc-message rc-message-error svelte-195t3l3\">Could not resend the email. Please try again or call us directly.</p>"), Kh = /* @__PURE__ */ Y("<div class=\"rc-alarm rc-alarm-expired svelte-195t3l3\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" class=\"svelte-195t3l3\"><circle cx=\"12\" cy=\"13\" r=\"8\"></circle><path d=\"M12 9v4l2.5 2.5M5 3 3 5M19 3l2 2\" stroke-linecap=\"round\"></path></svg></div> <p class=\"rc-countdown svelte-195t3l3\">This confirmation link has expired.</p> <button type=\"button\" class=\"rc-btn-primary rc-btn-full svelte-195t3l3\"><svg class=\"rc-mail-icon svelte-195t3l3\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"3\" y=\"5\" width=\"18\" height=\"14\" rx=\"2\"></rect><path d=\"m3 7 9 6 9-6\"></path></svg> Resend Cancellation Email</button> <!>", 1), qh = /* @__PURE__ */ Y("<div class=\"rc-root svelte-195t3l3\"><!></div>"), Jh = {
 		hash: "svelte-195t3l3",
 		code: ".rc-root.svelte-195t3l3 {display:block;font-family:inherit;color:var(--rc-text-color, #1a1a1a);text-align:center;}.rc-link-btn.svelte-195t3l3 {cursor:pointer;border:none;background:none;padding:0;font:inherit;font-size:0.75rem;font-weight:600;text-transform:uppercase;letter-spacing:0.05em;color:var(--rc-danger-color, #dc2626);text-decoration:underline;text-decoration-color:color-mix(in oklab, var(--rc-danger-color, #dc2626) 30%, transparent);text-underline-offset:4px;}.rc-link-btn.svelte-195t3l3:hover:not(:disabled) {color:var(--rc-danger-hover-color, #b91c1c);}.rc-link-btn.svelte-195t3l3:disabled {opacity:0.5;cursor:default;}.rc-message.svelte-195t3l3 {margin:0.5rem 0 0;font-size:0.875rem;color:color-mix(in oklab, var(--rc-text-color, #1a1a1a) 70%, transparent);}.rc-message-error.svelte-195t3l3 {color:var(--rc-danger-color, #dc2626);}.rc-dialog.svelte-195t3l3 {position:fixed;inset:0;margin:auto;height:fit-content;width:fit-content;border:1px solid var(--rc-border-color, rgba(0, 0, 0, 0.1));border-radius:2px;padding:0;box-shadow:0 20px 40px rgba(0, 0, 0, 0.2);opacity:0;transform:translateY(24px);transition:opacity 0.25s ease, transform 0.25s ease;}.rc-dialog.svelte-195t3l3::backdrop {background:color-mix(in oklab, var(--rc-text-color, #1a1a1a) 40%, transparent);backdrop-filter:blur(4px);}.rc-dialog-visible.svelte-195t3l3 {opacity:1;transform:translateY(0);}.rc-dialog-inner.svelte-195t3l3 {width:20rem;max-width:90vw;padding:1.5rem;text-align:center;color:var(--rc-text-color, #1a1a1a);}.rc-dialog-eyebrow.svelte-195t3l3 {margin:0;font-size:0.75rem;font-weight:600;text-transform:uppercase;letter-spacing:0.05em;color:var(--rc-danger-color, #b91c1c);}.rc-dialog-rule.svelte-195t3l3 {width:3rem;height:1px;margin:0.75rem auto 0;background:var(--rc-danger-color, #b91c1c);}.rc-dialog-body.svelte-195t3l3 {margin:1rem 0 0;font-size:0.875rem;color:color-mix(in oklab, var(--rc-text-color, #1a1a1a) 80%, transparent);}.rc-dialog-actions.svelte-195t3l3 {display:flex;justify-content:center;gap:0.75rem;margin-top:1.5rem;}.rc-btn-secondary.svelte-195t3l3,\n	.rc-btn-danger.svelte-195t3l3,\n	.rc-btn-primary.svelte-195t3l3 {cursor:pointer;border-radius:2px;padding:0.5rem 1.25rem;font-size:0.75rem;font-weight:600;text-transform:uppercase;letter-spacing:0.05em;font-family:inherit;}.rc-btn-secondary.svelte-195t3l3 {border:1px solid color-mix(in oklab, var(--rc-text-color, #1a1a1a) 15%, transparent);background:transparent;color:var(--rc-text-color, #1a1a1a);}.rc-btn-secondary.svelte-195t3l3:hover {background:color-mix(in oklab, var(--rc-text-color, #1a1a1a) 5%, transparent);}.rc-btn-danger.svelte-195t3l3 {border:none;background:var(--rc-danger-color, #dc2626);color:#fff;}.rc-btn-danger.svelte-195t3l3:hover:not(:disabled) {background:var(--rc-danger-hover-color, #b91c1c);}.rc-btn-danger.svelte-195t3l3:disabled,\n	.rc-btn-primary.svelte-195t3l3:disabled {opacity:0.6;cursor:default;}.rc-btn-primary.svelte-195t3l3 {display:inline-flex;align-items:center;gap:0.75rem;border:none;background:var(--rc-accent-bg, #1a1a1a);color:#fff;}.rc-btn-primary.svelte-195t3l3:hover:not(:disabled) {background:var(--rc-accent-hover-bg, #333);}.rc-btn-full.svelte-195t3l3 {width:100%;justify-content:center;margin-top:1rem;padding:0.75rem 2rem;font-size:0.75rem;}.rc-mail-icon.svelte-195t3l3 {width:1.25rem;height:1.25rem;}.rc-alarm.svelte-195t3l3 {display:flex;align-items:center;justify-content:center;width:3.5rem;height:3.5rem;margin:0 auto;border:3px solid var(--rc-text-color, #1a1a1a);border-radius:9999px;padding:0.75rem;color:var(--rc-text-color, #1a1a1a);}.rc-alarm-expired.svelte-195t3l3 {border-color:var(--rc-danger-color, #dc2626);color:var(--rc-danger-color, #dc2626);}.rc-alarm.svelte-195t3l3 svg:where(.svelte-195t3l3) {width:100%;height:100%;}.rc-countdown.svelte-195t3l3 {margin:0.75rem 0 0;font-size:0.75rem;color:var(--rc-text-color, #1a1a1a);}.rc-countdown.svelte-195t3l3 span:where(.svelte-195t3l3) {font-size:1rem;font-weight:700;}"
-	}, fi(["click"]), customElements.define("reservation-cancel", Co(Mh, {
+	}, fi(["click"]), customElements.define("reservation-cancel", Co(Ph, {
 		mode: {
 			attribute: "mode",
 			type: "String"
@@ -13001,8 +13023,242 @@ var Nh, Ph, Fh, Ih, Lh, Rh, zh, Bh, Vh, Hh, Uh, Wh, Gh, Kh, qh = o((() => {
 		requestCancel: { type: "Object" },
 		confirmCancel: { type: "Object" }
 	}, [], [], { mode: "open" }));
+})), Xh = /* @__PURE__ */ c({ default: () => Zh });
+function Zh(e, t) {
+	dt(t, !0), Ea(e, cg);
+	let n = (e) => {
+		var t = $h();
+		let n;
+		var r = H(t), i = (e) => {
+			X(e, wi("Connecting…"));
+		}, a = (e) => {
+			X(e, wi("Live updates unavailable — showing loaded reservations only."));
+		}, o = (e) => {
+			var t = Qh();
+			Ye(), X(e, t);
+		};
+		Q(r, (e) => {
+			K(f) === "connecting" ? e(i) : K(f) === "error" ? e(a, 1) : e(o, -1);
+		}), P(t), W(() => n = Ia(t, 1, "lrf-status svelte-1d6cuoy", null, n, { "lrf-status-error": K(f) === "error" })), X(e, t);
+	}, r = $(t, "heading", 7), i = $(t, "channelName", 7), a = $(t, "ablyAuthUrl", 7), o = $(t, "fetchReservations", 7), s = $(t, "restaurants", 7), c = $(t, "maxItems", 7, 30), l = $(t, "emptyLabel", 7, "No reservations yet."), d = /* @__PURE__ */ B(Un([])), f = /* @__PURE__ */ B("connecting"), p = /* @__PURE__ */ nn(() => new Map((s() ?? []).map((e) => [e.id, e.name])));
+	function m(e) {
+		let t = K(d).filter((t) => t.id !== e.id);
+		V(d, [e, ...t].slice(0, c()), !0);
+	}
+	function h(e) {
+		try {
+			return (/* @__PURE__ */ new Date(`${e}T00:00:00`)).toLocaleDateString(void 0, {
+				month: "short",
+				day: "numeric",
+				year: "numeric"
+			});
+		} catch {
+			return e;
+		}
+	}
+	function g(e) {
+		let [t, n] = e.split(":"), r = Number(t);
+		if (Number.isNaN(r) || n === void 0) return e;
+		let i = r >= 12 ? "PM" : "AM";
+		return `${r % 12 == 0 ? 12 : r % 12}:${n} ${i}`;
+	}
+	function _(e) {
+		try {
+			return new Date(e).toLocaleString(void 0, {
+				month: "short",
+				day: "numeric",
+				hour: "numeric",
+				minute: "2-digit"
+			});
+		} catch {
+			return e;
+		}
+	}
+	fr(() => {
+		if (typeof window > "u" || !i() || !a()) return;
+		let e, t = !1;
+		return (async () => {
+			if (o()) try {
+				let e = await o()();
+				t || V(d, e.slice(0, c()), !0);
+			} catch (e) {
+				console.error("live-reservations-feed: failed to load existing reservations", e);
+			}
+			try {
+				let { default: n } = await Promise.resolve().then(() => /* @__PURE__ */ u(th()));
+				if (t) return;
+				e = new n.Realtime({ authUrl: a() });
+				let r = e.channels.get(i());
+				e.connection.on("connected", () => {
+					t || V(f, "connected");
+				}), e.connection.on("failed", () => {
+					t || V(f, "error");
+				}), await r.subscribe("new-reservation", (e) => {
+					t || m(e.data);
+				}), await r.subscribe("reservation-status-changed", (e) => {
+					t || m(e.data);
+				});
+			} catch (e) {
+				console.error("live-reservations-feed: Ably connection failed", e), t || V(f, "error");
+			}
+		})(), () => {
+			t = !0, e?.close();
+		};
+	});
+	var v = {
+		get heading() {
+			return r();
+		},
+		set heading(e) {
+			r(e), R();
+		},
+		get channelName() {
+			return i();
+		},
+		set channelName(e) {
+			i(e), R();
+		},
+		get ablyAuthUrl() {
+			return a();
+		},
+		set ablyAuthUrl(e) {
+			a(e), R();
+		},
+		get fetchReservations() {
+			return o();
+		},
+		set fetchReservations(e) {
+			o(e), R();
+		},
+		get restaurants() {
+			return s();
+		},
+		set restaurants(e) {
+			s(e), R();
+		},
+		get maxItems() {
+			return c();
+		},
+		set maxItems(e = 30) {
+			c(e), R();
+		},
+		get emptyLabel() {
+			return l();
+		},
+		set emptyLabel(e = "No reservations yet.") {
+			l(e), R();
+		}
+	}, y = sg(), b = H(y), x = (e) => {
+		var t = eg(), i = H(t), a = H(i, !0);
+		P(i);
+		var o = U(i, 2);
+		n(o), P(t), W(() => Z(a, r())), X(e, t);
+	}, S = (e) => {
+		n(e);
+	};
+	Q(b, (e) => {
+		r() ? e(x) : e(S, -1);
+	});
+	var C = U(b, 2), w = (e) => {
+		var t = tg(), n = H(t, !0);
+		P(t), W(() => Z(n, l())), X(e, t);
+	}, T = (e) => {
+		var t = og();
+		ua(t, 21, () => K(d), (e) => e.id, (e, t) => {
+			var n = ag(), r = H(n), i = H(r), a = H(i, !0);
+			P(i);
+			var o = U(i, 2), s = H(o);
+			let c;
+			var l = H(s, !0);
+			P(s);
+			var u = U(s, 2), d = H(u);
+			P(u), P(o), P(r);
+			var f = U(r, 2), m = H(f), v = U(H(m));
+			P(m);
+			var y = U(m, 2), b = U(H(y));
+			P(y);
+			var x = U(y, 2), S = U(H(x));
+			P(x);
+			var C = U(x, 2), w = (e) => {
+				var n = ng(), r = H(n, !0);
+				P(n), W((e) => Z(r, e), [() => K(p).get(K(t).restaurant_id)]), X(e, n);
+			}, T = /* @__PURE__ */ nn(() => K(t).restaurant_id && K(p).get(K(t).restaurant_id));
+			Q(C, (e) => {
+				K(T) && e(w);
+			});
+			var E = U(C, 2), D = (e) => {
+				var n = ng(), r = H(n);
+				P(n), W(() => Z(r, `Table ${K(t).table_number ?? ""}`)), X(e, n);
+			};
+			Q(E, (e) => {
+				K(t).table_number && e(D);
+			}), P(f);
+			var ee = U(f, 2), O = (e) => {
+				var n = ig(), r = H(n), i = (e) => {
+					var n = rg(), r = H(n, !0);
+					P(n), W(() => {
+						Ua(n, "href", `mailto:${K(t).contact_email}`), Z(r, K(t).contact_email);
+					}), X(e, n);
+				};
+				Q(r, (e) => {
+					K(t).contact_email && e(i);
+				});
+				var a = U(r, 2), o = (e) => {
+					var n = ng(), r = H(n, !0);
+					P(n), W(() => Z(r, K(t).contact_phone)), X(e, n);
+				};
+				Q(a, (e) => {
+					K(t).contact_phone && e(o);
+				}), P(n), X(e, n);
+			};
+			Q(ee, (e) => {
+				(K(t).contact_email || K(t).contact_phone) && e(O);
+			}), P(n), W((e, n, r) => {
+				Z(a, K(t).contact_name), c = Ia(s, 1, "lrf-item-status svelte-1d6cuoy", null, c, {
+					"lrf-status-cancelled": K(t).status === "cancelled",
+					"lrf-status-confirmed": K(t).status === "confirmed"
+				}), Z(l, K(t).status), Z(d, `Booked ${e ?? ""}`), Z(v, ` ${n ?? ""}`), Z(b, ` ${r ?? ""}`), Z(S, ` ${K(t).party_size ?? ""} guests`);
+			}, [
+				() => _(K(t).created_at),
+				() => h(K(t).reservation_date),
+				() => g(K(t).start_time)
+			]), X(e, n);
+		}), P(t), X(e, t);
+	};
+	return Q(C, (e) => {
+		K(d).length === 0 ? e(w) : e(T, -1);
+	}), P(y), X(e, y), I(v);
+}
+var Qh, $h, eg, tg, ng, rg, ig, ag, og, sg, cg, lg = o((() => {
+	f(), Do(), Qh = /* @__PURE__ */ Y("<span class=\"lrf-live-dot svelte-1d6cuoy\" aria-hidden=\"true\"></span> Live", 1), $h = /* @__PURE__ */ Y("<div><!></div>"), eg = /* @__PURE__ */ Y("<div class=\"lrf-header svelte-1d6cuoy\"><h2 class=\"lrf-heading svelte-1d6cuoy\"> </h2> <!></div>"), tg = /* @__PURE__ */ Y("<p class=\"lrf-empty svelte-1d6cuoy\"> </p>"), ng = /* @__PURE__ */ Y("<span class=\"svelte-1d6cuoy\"> </span>"), rg = /* @__PURE__ */ Y("<a class=\"svelte-1d6cuoy\"> </a>"), ig = /* @__PURE__ */ Y("<div class=\"lrf-item-contact svelte-1d6cuoy\"><!> <!></div>"), ag = /* @__PURE__ */ Y("<li class=\"lrf-item svelte-1d6cuoy\"><div class=\"lrf-item-header svelte-1d6cuoy\"><span class=\"lrf-item-name svelte-1d6cuoy\"> </span> <div class=\"lrf-item-header-right svelte-1d6cuoy\"><span> </span> <span class=\"lrf-item-received svelte-1d6cuoy\"> </span></div></div> <div class=\"lrf-item-meta svelte-1d6cuoy\"><span class=\"lrf-meta-item svelte-1d6cuoy\"><svg class=\"lrf-meta-icon svelte-1d6cuoy\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" aria-hidden=\"true\"><rect x=\"3\" y=\"5\" width=\"18\" height=\"16\" rx=\"2\" class=\"svelte-1d6cuoy\"></rect><path d=\"M3 10h18M8 3v4M16 3v4\" stroke-linecap=\"round\" class=\"svelte-1d6cuoy\"></path></svg> </span> <span class=\"lrf-meta-item svelte-1d6cuoy\"><svg class=\"lrf-meta-icon svelte-1d6cuoy\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" aria-hidden=\"true\"><circle cx=\"12\" cy=\"12\" r=\"9\" class=\"svelte-1d6cuoy\"></circle><path d=\"M12 7v5l3.5 2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"svelte-1d6cuoy\"></path></svg> </span> <span class=\"lrf-meta-item svelte-1d6cuoy\"><svg class=\"lrf-meta-icon svelte-1d6cuoy\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" aria-hidden=\"true\"><circle cx=\"9\" cy=\"8\" r=\"3\" class=\"svelte-1d6cuoy\"></circle><path d=\"M2 20c0-3.3 3.1-6 7-6s7 2.7 7 6\" stroke-linecap=\"round\" class=\"svelte-1d6cuoy\"></path><path d=\"M16 9a3 3 0 1 0 0-6\" stroke-linecap=\"round\" class=\"svelte-1d6cuoy\"></path><path d=\"M22 20c0-2.6-1.9-4.8-4.5-5.6\" stroke-linecap=\"round\" class=\"svelte-1d6cuoy\"></path></svg> </span> <!> <!></div> <!></li>"), og = /* @__PURE__ */ Y("<ul class=\"lrf-list svelte-1d6cuoy\"></ul>"), sg = /* @__PURE__ */ Y("<section class=\"lrf-root svelte-1d6cuoy\"><!> <!></section>"), cg = {
+		hash: "svelte-1d6cuoy",
+		code: ".lrf-root.svelte-1d6cuoy {display:block;font-family:inherit;color:var(--lrf-text-color, #1a1a1a);}.lrf-header.svelte-1d6cuoy {display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem;}.lrf-heading.svelte-1d6cuoy {margin:0;font-size:1.125rem;font-weight:700;}.lrf-status.svelte-1d6cuoy {display:flex;justify-content:flex-end;align-items:center;gap:0.375rem;margin-bottom:1rem;font-size:0.75rem;font-weight:600;text-transform:uppercase;letter-spacing:0.05em;color:var(--lrf-live-color, #1a7d3a);}.lrf-header.svelte-1d6cuoy .lrf-status:where(.svelte-1d6cuoy) {margin-bottom:0;}.lrf-status-error.svelte-1d6cuoy {color:var(--lrf-error-color, #b3261e);}.lrf-live-dot.svelte-1d6cuoy {position:relative;width:0.5rem;height:0.5rem;flex-shrink:0;border-radius:9999px;background:currentColor;}.lrf-live-dot.svelte-1d6cuoy::before {content:'';position:absolute;inset:0;border-radius:9999px;background:currentColor;\n		animation: svelte-1d6cuoy-lrf-pulse 1.8s ease-out infinite;}\n	@media (prefers-reduced-motion: reduce) {.lrf-live-dot.svelte-1d6cuoy::before {\n			animation: none;}\n	}\n	@keyframes svelte-1d6cuoy-lrf-pulse {\n		0% {\n			transform: scale(1);\n			opacity: 0.6;\n		}\n		100% {\n			transform: scale(2.5);\n			opacity: 0;\n		}\n	}.lrf-empty.svelte-1d6cuoy {opacity:0.6;font-size:0.875rem;}.lrf-list.svelte-1d6cuoy {display:flex;flex-direction:column;gap:0.75rem;margin:0;padding:0;list-style:none;}.lrf-item.svelte-1d6cuoy {border:1px solid var(--lrf-border-color, rgba(0, 0, 0, 0.1));border-radius:4px;padding:0.875rem 1rem;background:var(--lrf-item-bg, #fff);}.lrf-item-header.svelte-1d6cuoy {display:flex;align-items:flex-start;justify-content:space-between;gap:0.5rem;}.lrf-item-name.svelte-1d6cuoy {font-weight:700;}.lrf-item-header-right.svelte-1d6cuoy {display:flex;flex-direction:column;align-items:flex-end;gap:0.25rem;flex-shrink:0;}.lrf-item-status.svelte-1d6cuoy {font-size:0.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:0.05em;padding:0.125rem 0.5rem;border-radius:2px;background:var(--lrf-status-bg, rgba(0, 0, 0, 0.06));}.lrf-status-confirmed.svelte-1d6cuoy {background:var(--lrf-status-confirmed-bg, #dcf5e3);color:var(--lrf-status-confirmed-text, #146c2e);}.lrf-status-cancelled.svelte-1d6cuoy {background:var(--lrf-status-cancelled-bg, #fbdcdc);color:var(--lrf-status-cancelled-text, #8a1c1c);}.lrf-item-received.svelte-1d6cuoy {font-size:0.6875rem;font-weight:400;text-transform:none;letter-spacing:normal;white-space:nowrap;opacity:0.55;}.lrf-item-meta.svelte-1d6cuoy,\n	.lrf-item-contact.svelte-1d6cuoy {display:flex;flex-wrap:wrap;gap:0.5rem 0.75rem;margin-top:0.375rem;font-size:0.8125rem;opacity:0.75;}.lrf-item-contact.svelte-1d6cuoy a:where(.svelte-1d6cuoy) {color:inherit;}.lrf-meta-item.svelte-1d6cuoy {display:inline-flex;align-items:center;gap:0.3125rem;}.lrf-meta-icon.svelte-1d6cuoy {width:0.875rem;height:0.875rem;flex-shrink:0;opacity:0.8;}"
+	}, customElements.define("live-reservations-feed", Co(Zh, {
+		heading: {
+			attribute: "heading",
+			type: "String"
+		},
+		channelName: {
+			attribute: "channel-name",
+			type: "String"
+		},
+		ablyAuthUrl: {
+			attribute: "ably-auth-url",
+			type: "String"
+		},
+		maxItems: {
+			attribute: "max-items",
+			type: "Number"
+		},
+		emptyLabel: {
+			attribute: "empty-label",
+			type: "String"
+		},
+		fetchReservations: {},
+		restaurants: {}
+	}, [], [], { mode: "open" }));
 }));
 //#endregion
 //#region src/index.ts
-typeof customElements < "u" && (Promise.resolve().then(() => (Pc(), Ec)), Promise.resolve().then(() => (xl(), sl)), Promise.resolve().then(() => (eh(), Pm)), Promise.resolve().then(() => (ph(), nh)), Promise.resolve().then(() => (Ah(), mh)), Promise.resolve().then(() => (qh(), jh)));
+typeof customElements < "u" && (Promise.resolve().then(() => (Pc(), Ec)), Promise.resolve().then(() => (xl(), sl)), Promise.resolve().then(() => (eh(), Pm)), Promise.resolve().then(() => (hh(), nh)), Promise.resolve().then(() => (Mh(), gh)), Promise.resolve().then(() => (Yh(), Nh)), Promise.resolve().then(() => (lg(), Xh)));
 //#endregion

package/dist/index.d.ts

@@ -104,6 +104,7 @@ export interface EventInquiry {
 }
 
 export interface EventInquiriesFeedElement extends HTMLElement {
+	heading?: string;
 	channelName?: string;
 	ablyAuthUrl?: string;
 	fetchInquiries?: () => Promise<EventInquiry[]>;
@@ -151,6 +152,36 @@ export interface ReservationCancelElement extends HTMLElement {
 	confirmCancel?: (payload: { token: string }) => Promise<CancelActionResult>;
 }
 
+export interface LiveReservation {
+	id: string;
+	restaurant_id?: string | null;
+	reservation_date: string;
+	start_time: string;
+	party_size: number;
+	status: string;
+	contact_name: string;
+	contact_email?: string | null;
+	contact_phone?: string | null;
+	table_number?: string | null;
+	location?: string | null;
+	created_at: string;
+}
+
+export interface LiveReservationRestaurantRef {
+	id: string;
+	name: string;
+}
+
+export interface LiveReservationsFeedElement extends HTMLElement {
+	heading?: string;
+	channelName?: string;
+	ablyAuthUrl?: string;
+	fetchReservations?: () => Promise<LiveReservation[]>;
+	restaurants?: LiveReservationRestaurantRef[];
+	maxItems?: number;
+	emptyLabel?: string;
+}
+
 declare global {
 	interface HTMLElementTagNameMap {
 		'reservation-bar': ReservationBarElement;
@@ -159,6 +190,7 @@ declare global {
 		'event-inquiries-feed': EventInquiriesFeedElement;
 		'event-contact-form': EventContactFormElement;
 		'reservation-cancel': ReservationCancelElement;
+		'live-reservations-feed': LiveReservationsFeedElement;
 	}
 
 	interface HTMLElementEventMap {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@forgebuild/hotal-ui",
-  "version": "0.8.1",
+  "version": "0.9.0",
   "description": "Reusable Svelte UI components for booking and reservation experiences.",
   "type": "module",
   "license": "MIT",