@forgebuild/hotal-ui 0.6.0 → 0.7.1

package/dist/hotal-ui.js

@@ -12449,8 +12449,307 @@ var ih, ah, oh, sh, ch, lh, uh, dh = o((() => {
 		},
 		fetchInquiries: {}
 	}, [], [], { mode: "open" }));
+})), fh = /* @__PURE__ */ c({ default: () => ph });
+function ph(e, t) {
+	dt(t, !0), Ea(e, Dh);
+	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",
+		"Engagement",
+		"Corporate Event",
+		"Cocktail Reception",
+		"Wedding",
+		"Other"
+	]), o = $(t, "minGuests", 7, 12), s = $(t, "submitNote", 7, ""), c = $(t, "submitInquiry", 7), l = /* @__PURE__ */ B(""), u = /* @__PURE__ */ B(""), d = /* @__PURE__ */ B(""), f = /* @__PURE__ */ B(""), p = /* @__PURE__ */ B(Un(o())), m = /* @__PURE__ */ B(""), h = /* @__PURE__ */ B(""), g = /* @__PURE__ */ B(!1), _ = /* @__PURE__ */ B(void 0), v = /* @__PURE__ */ B(void 0);
+	function y() {
+		V(g, !K(g));
+	}
+	function b(e) {
+		V(f, e, !0), V(g, !1);
+	}
+	fr(() => {
+		if (!K(g) || !K(_) || !K(v)) return;
+		let e = K(_), t = K(v);
+		t.style.width = `${e.getBoundingClientRect().width}px`, t.showPopover();
+		let n = cc(e, t, async () => {
+			let { x: n, y: r } = await gc(e, t, {
+				strategy: "fixed",
+				placement: "bottom-start",
+				middleware: [
+					pc(4),
+					hc(),
+					mc({ padding: 12 })
+				]
+			});
+			t.style.left = `${n}px`, t.style.top = `${r}px`;
+		});
+		function r(e) {
+			e.newState === "closed" && V(g, !1);
+		}
+		return t.addEventListener("toggle", r), () => {
+			n(), t.removeEventListener("toggle", r), t.matches(":popover-open") && t.hidePopover();
+		};
+	});
+	function x() {
+		V(p, Math.max(o(), K(p) - 1), !0);
+	}
+	function S() {
+		V(p, Math.min(200, K(p) + 1), !0);
+	}
+	let C = /* @__PURE__ */ B(void 0), w = {}, T = /* @__PURE__ */ B("opacity: 0; transform: scaleX(0);");
+	function E(e) {
+		V(m, K(m) === e ? "" : e, !0);
+	}
+	fr(() => {
+		let e = K(m) ? w[K(m)] : void 0;
+		e ? V(T, `left: ${e.offsetLeft}px; width: ${e.offsetWidth}px; opacity: 1; transform: scaleX(1);`) : V(T, "opacity: 0; transform: scaleX(0);");
+	});
+	let D = yc(/* @__PURE__ */ new Date()), ee = /* @__PURE__ */ B(Un(D.getFullYear())), O = /* @__PURE__ */ B(Un(D.getMonth())), k = /* @__PURE__ */ B(null), te = /* @__PURE__ */ B(!1), A = /* @__PURE__ */ nn(() => Sc(K(ee), K(O), D, [])), ne = /* @__PURE__ */ nn(() => K(ee) !== D.getFullYear() || K(O) !== D.getMonth()), j = /* @__PURE__ */ nn(() => K(k) ? vc(K(k)) : null);
+	function re() {
+		K(ne) && (V(O, K(O) - 1), K(O) < 0 && (V(O, 11), V(ee, K(ee) - 1)));
+	}
+	function ie() {
+		V(O, K(O) + 1), K(O) > 11 && (V(O, 0), V(ee, K(ee) + 1));
+	}
+	function ae(e) {
+		!e.inMonth || e.isPast || (V(k, e.date, !0), V(te, !1));
+	}
+	let oe = /* @__PURE__ */ B(!1), se = /* @__PURE__ */ B(""), ce = /* @__PURE__ */ B(!1);
+	function le(e, n) {
+		t.$$host?.dispatchEvent(new CustomEvent(e, {
+			detail: n,
+			bubbles: !0,
+			composed: !0
+		}));
+	}
+	async function ue(e) {
+		if (e.preventDefault(), !K(j)) {
+			V(te, !0);
+			return;
+		}
+		if (!c()) {
+			V(se, "This form is not wired up to send inquiries yet.");
+			return;
+		}
+		V(se, ""), V(oe, !0);
+		let t = {
+			name: K(l),
+			email: K(u),
+			phone: K(d),
+			date: K(j),
+			guests: K(p),
+			eventType: K(f),
+			format: K(m),
+			message: K(h)
+		};
+		try {
+			let e = await c()(t);
+			if (!e.ok) throw Error(e.error || "request failed");
+			V(ce, !0), le("inquiry-submitted", t);
+		} catch (e) {
+			V(se, e instanceof Error && e.message !== "request failed" ? e.message : "Something went wrong sending your inquiry. Please try again or call us directly.", !0);
+		} finally {
+			V(oe, !1);
+		}
+	}
+	var de = {
+		get heading() {
+			return n();
+		},
+		set heading(e = "Plan Your Event") {
+			n(e), R();
+		},
+		get tagline() {
+			return r();
+		},
+		set tagline(e = "Tell Us the Occasion") {
+			r(e), R();
+		},
+		get description() {
+			return i();
+		},
+		set description(e = "Share a few details below and our events team will follow up to help shape the evening around you.") {
+			i(e), R();
+		},
+		get eventTypes() {
+			return a();
+		},
+		set eventTypes(e = [
+			"Birthday",
+			"Anniversary",
+			"Engagement",
+			"Corporate Event",
+			"Cocktail Reception",
+			"Wedding",
+			"Other"
+		]) {
+			a(e), R();
+		},
+		get minGuests() {
+			return o();
+		},
+		set minGuests(e = 12) {
+			o(e), R();
+		},
+		get submitNote() {
+			return s();
+		},
+		set submitNote(e = "") {
+			s(e), R();
+		},
+		get submitInquiry() {
+			return c();
+		},
+		set submitInquiry(e) {
+			c(e), R();
+		}
+	}, fe = Eh(), pe = H(fe), me = H(pe), he = H(me, !0);
+	P(me);
+	var ge = U(me, 4), _e = (e) => {
+		var t = hh(), n = Xn(t), a = (e) => {
+			var t = mh(), n = H(t, !0);
+			P(t), W(() => Q(n, r())), Z(e, t);
+		};
+		ra(n, (e) => {
+			r() && e(a);
+		});
+		var o = U(n, 2), s = H(o, !0);
+		P(o), W(() => Q(s, i())), Z(e, t);
+	};
+	ra(ge, (e) => {
+		K(ce) || e(_e);
+	}), P(pe);
+	var ve = U(pe, 2), ye = (e) => {
+		var t = wh(), n = H(t), r = H(n), i = U(H(r), 2);
+		Ha(i), P(r);
+		var c = U(r, 2), D = U(H(c), 2);
+		Ha(D), P(c);
+		var k = U(c, 2), ce = U(H(k), 2);
+		Ha(ce), P(k);
+		var le = U(k, 2), de = U(H(le), 2), fe = H(de);
+		let pe;
+		var me = H(fe, !0);
+		P(fe);
+		var he = U(fe, 2);
+		let ge;
+		P(de), co(de, (e) => V(_, e), () => K(_));
+		var _e = U(de, 2);
+		ua(_e, 20, a, (e) => e, (e, t) => {
+			var n = gh(), r = H(n), i = H(r, !0);
+			P(r), P(n), W(() => {
+				Ua(r, "aria-selected", t === K(f)), Q(i, t);
+			}), ui("click", r, () => b(t)), Z(e, n);
+		}), P(_e), co(_e, (e) => V(v, e), () => K(v)), P(le), P(n);
+		var ve = U(n, 2), ye = H(ve), be = U(H(ye), 2), xe = H(be), Se = U(xe, 2), Ce = H(Se, !0);
+		P(Se);
+		var we = U(Se, 2);
+		P(be);
+		var Te = U(be, 2), M = H(Te);
+		P(Te);
+		var Ee = U(Te, 2), N = U(H(Ee), 2), De = H(N), Oe = U(De, 2);
+		let ke;
+		co(Oe, (e) => w["Seated Dinner"] = e, () => w?.["Seated Dinner"]);
+		var Ae = U(Oe, 2);
+		let je;
+		co(Ae, (e) => w["Cocktail Reception"] = e, () => w?.["Cocktail Reception"]), P(N), co(N, (e) => V(C, e), () => K(C)), P(Ee), P(ye);
+		var Me = U(ye, 2), Ne = U(H(Me), 2);
+		let Pe;
+		var Fe = H(Ne), Ie = H(Fe), Le = H(Ie);
+		P(Ie);
+		var Re = U(Ie, 2), ze = H(Re), Be = U(ze, 2);
+		P(Re), P(Fe);
+		var Ve = U(Fe, 2);
+		ua(Ve, 20, () => wc, (e) => e, (e, t) => {
+			var n = _h(), r = H(n, !0);
+			P(n), W(() => Q(r, t)), Z(e, n);
+		}), P(Ve);
+		var He = U(Ve, 2);
+		ua(He, 21, () => K(A), (e) => e.iso, (e, t) => {
+			var n = vh();
+			let r;
+			var i = H(n, !0);
+			P(n), W(() => {
+				r = Ia(n, 1, "ecf-cal-cell svelte-1cgy5x5", null, r, { "ecf-cal-cell-selected": K(j) === K(t).iso }), n.disabled = !K(t).inMonth || K(t).isPast, Q(i, K(t).dayNumber);
+			}), ui("click", n, () => ae(K(t))), Z(e, n);
+		}), P(He), P(Ne);
+		var Ue = U(Ne, 2), We = (e) => {
+			Z(e, yh());
+		};
+		ra(Ue, (e) => {
+			K(te) && e(We);
+		}), P(Me), P(ve);
+		var Ge = U(ve, 2), Ke = U(H(Ge), 2);
+		Lt(Ke), P(Ge);
+		var qe = U(Ge, 2), Je = H(qe), Ye = (e) => {
+			Z(e, bh());
+		};
+		ra(Je, (e) => {
+			K(oe) && e(Ye);
+		});
+		var Xe = U(Je, 2), Ze = H(Xe, !0);
+		P(Xe);
+		var F = U(Xe, 2), Qe = (e) => {
+			Z(e, xh());
+		};
+		ra(F, (e) => {
+			K(oe) || e(Qe);
+		}), P(qe);
+		var $e = U(qe, 2), et = (e) => {
+			var t = Sh(), n = H(t, !0);
+			P(t), W(() => Q(n, s())), Z(e, t);
+		};
+		ra($e, (e) => {
+			s() && e(et);
+		});
+		var tt = U($e, 2), nt = (e) => {
+			var t = Ch(), n = H(t, !0);
+			P(t), W(() => Q(n, K(se))), Z(e, t);
+		};
+		ra(tt, (e) => {
+			K(se) && e(nt);
+		}), P(t), W(() => {
+			Ua(de, "aria-expanded", K(g)), pe = Ia(fe, 1, "svelte-1cgy5x5", null, pe, { "ecf-placeholder": !K(f) }), Q(me, K(f) || "Select an option"), ge = Ia(he, 0, "ecf-chevron svelte-1cgy5x5", null, ge, { "ecf-chevron-open": K(g) }), xe.disabled = K(p) <= o(), Q(Ce, K(p)), we.disabled = K(p) >= 200, Q(M, `${o() ?? ""}-guest minimum for private events.`), za(De, K(T)), ke = Ia(Oe, 1, "svelte-1cgy5x5", null, ke, { "ecf-format-active": K(m) === "Seated Dinner" }), je = Ia(Ae, 1, "svelte-1cgy5x5", null, je, { "ecf-format-active": K(m) === "Cocktail Reception" }), Pe = Ia(Ne, 1, "ecf-calendar svelte-1cgy5x5", null, Pe, { "ecf-calendar-error": K(te) }), Q(Le, `${Cc[K(O)] ?? ""} ${K(ee) ?? ""}`), ze.disabled = !K(ne), qe.disabled = K(oe), Q(Ze, K(oe) ? "Sending…" : "Send Inquiry");
+		}), li("submit", t, ue), $a(i, () => K(l), (e) => V(l, e)), $a(D, () => K(u), (e) => V(u, e)), $a(ce, () => K(d), (e) => V(d, e)), ui("click", de, y), ui("click", xe, x), ui("click", we, S), ui("click", Oe, () => E("Seated Dinner")), ui("click", Ae, () => E("Cocktail Reception")), ui("click", ze, re), ui("click", Be, ie), $a(Ke, () => K(h), (e) => V(h, e)), Z(e, t);
+	}, be = (e) => {
+		Z(e, Th());
+	};
+	return ra(ve, (e) => {
+		K(ce) ? e(be, -1) : e(ye);
+	}), P(fe), W(() => Q(he, n())), Z(e, fe), I(de);
+}
+var mh, hh, gh, _h, vh, yh, bh, xh, Sh, Ch, wh, Th, Eh, Dh, Oh = o((() => {
+	f(), Do(), _c(), Tc(), mh = /* @__PURE__ */ X("<p class=\"ecf-tagline svelte-1cgy5x5\"> </p>"), hh = /* @__PURE__ */ X("<!> <p class=\"ecf-description svelte-1cgy5x5\"> </p>", 1), gh = /* @__PURE__ */ X("<li role=\"presentation\"><button type=\"button\" role=\"option\" class=\"svelte-1cgy5x5\"> </button></li>"), _h = /* @__PURE__ */ X("<span> </span>"), vh = /* @__PURE__ */ X("<button type=\"button\"> </button>"), yh = /* @__PURE__ */ X("<p class=\"ecf-error-text svelte-1cgy5x5\">Please select a date.</p>"), bh = /* @__PURE__ */ X("<span class=\"ecf-spinner svelte-1cgy5x5\"></span>"), xh = /* @__PURE__ */ X("<span aria-hidden=\"true\">→</span>"), Sh = /* @__PURE__ */ X("<p class=\"ecf-submit-note svelte-1cgy5x5\"> </p>"), Ch = /* @__PURE__ */ X("<p class=\"ecf-error-text ecf-submit-error svelte-1cgy5x5\"> </p>"), wh = /* @__PURE__ */ X("<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\" aria-label=\"Decrease guest count\" class=\"svelte-1cgy5x5\">−</button> <span class=\"ecf-stepper-count svelte-1cgy5x5\"> </span> <button type=\"button\" aria-label=\"Increase guest count\" class=\"svelte-1cgy5x5\">+</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>"), Th = /* @__PURE__ */ X("<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>"), Eh = /* @__PURE__ */ X("<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>"), Dh = {
+		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) {display:flex;height:2rem;width:2rem;align-items:center;justify-content:center;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;}.ecf-stepper.svelte-1cgy5x5 button:where(.svelte-1cgy5x5):hover:not(:disabled) {background:var(--ecf-text-color, #1a1a1a);color:var(--ecf-bg, #faf6ec);}.ecf-stepper.svelte-1cgy5x5 button:where(.svelte-1cgy5x5):disabled {cursor:default;opacity:0.3;}.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;}"
+	}, di(["click"]), customElements.define("event-contact-form", Co(ph, {
+		heading: {
+			attribute: "heading",
+			type: "String"
+		},
+		tagline: {
+			attribute: "tagline",
+			type: "String"
+		},
+		description: {
+			attribute: "description",
+			type: "String"
+		},
+		eventTypes: {
+			attribute: "event-types",
+			type: "Array"
+		},
+		minGuests: {
+			attribute: "min-guests",
+			type: "Number"
+		},
+		submitNote: {
+			attribute: "submit-note",
+			type: "String"
+		},
+		submitInquiry: { type: "Object" }
+	}, [], [], { 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(() => (dh(), nh)));
+typeof customElements < "u" && (Promise.resolve().then(() => (Pc(), Ec)), Promise.resolve().then(() => (xl(), sl)), Promise.resolve().then(() => (eh(), Pm)), Promise.resolve().then(() => (dh(), nh)), Promise.resolve().then(() => (Oh(), fh)));
 //#endregion

package/dist/index.d.ts

@@ -111,16 +111,41 @@ export interface EventInquiriesFeedElement extends HTMLElement {
 	emptyLabel?: string;
 }
 
+export interface EventInquiryPayload {
+	name: string;
+	email: string;
+	phone: string;
+	date: string;
+	guests: number;
+	eventType: string;
+	format: string;
+	message: string;
+}
+
+export type SubmitInquiryResult = { ok: true } | { ok: false; error?: string };
+
+export interface EventContactFormElement extends HTMLElement {
+	heading?: string;
+	tagline?: string;
+	description?: string;
+	eventTypes?: string[];
+	minGuests?: number;
+	submitNote?: string;
+	submitInquiry?: (payload: EventInquiryPayload) => Promise<SubmitInquiryResult>;
+}
+
 declare global {
 	interface HTMLElementTagNameMap {
 		'reservation-bar': ReservationBarElement;
 		'booking-flow': BookingFlowElement;
 		'menu-section': MenuSectionElement;
 		'event-inquiries-feed': EventInquiriesFeedElement;
+		'event-contact-form': EventContactFormElement;
 	}
 
 	interface HTMLElementEventMap {
 		reservationchange: CustomEvent<{ date: string; guests: number; time: string }>;
 		'booking-confirmed': CustomEvent<{ date: string; time: string; guests: number }>;
+		'inquiry-submitted': CustomEvent<EventInquiryPayload>;
 	}
 }

package/package.json

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