@forgebuild/hotal-ui 0.23.7 → 0.23.9

package/dist/hotal-ui.js

@@ -4105,6 +4105,7 @@ function Cl(e, t) {
 		if (!(P || !r() || !p())) {
 			V(re, !0);
 			try {
+				await Qr();
 				let e = await ie();
 				if (!e) throw Error("Stripe failed to load");
 				let { clientSecret: n, paymentIntentId: a, amountCents: o } = await p()(r(), i());
@@ -4437,7 +4438,7 @@ function Cl(e, t) {
 	}), I(Ne), J(e, Ne), dt(Me);
 }
 var wl, Tl, El, Dl, Ol, kl, Al, jl, Ml, Nl, Pl, Fl, Il, Ll, Rl = o((() => {
-	f(), Ho(), Bc(), wl = /* @__PURE__ */ q("<div class=\"bf-loading svelte-gavyia\"><div class=\"bf-spinner svelte-gavyia\"></div></div>"), Tl = /* @__PURE__ */ q("<span class=\"svelte-gavyia\"> </span>"), El = /* @__PURE__ */ q("<button type=\"button\" class=\"bf-cal-cell svelte-gavyia\"> </button>"), Dl = /* @__PURE__ */ q("<div class=\"bf-empty svelte-gavyia\"><p class=\"svelte-gavyia\"> </p> <div class=\"bf-cal svelte-gavyia\"><div class=\"bf-cal-header svelte-gavyia\"><p class=\"bf-cal-month svelte-gavyia\"> </p> <div class=\"bf-cal-nav svelte-gavyia\"><button type=\"button\" class=\"svelte-gavyia\">‹</button> <button type=\"button\" class=\"svelte-gavyia\">›</button></div></div> <div class=\"bf-cal-weekdays svelte-gavyia\"></div> <div class=\"bf-cal-grid svelte-gavyia\"></div></div></div>"), Ol = /* @__PURE__ */ q("<button type=\"button\"> </button>"), kl = /* @__PURE__ */ q("<option class=\"svelte-gavyia\"> </option>"), Al = /* @__PURE__ */ q("<label class=\"svelte-gavyia\"><span class=\"svelte-gavyia\"> </span> <div class=\"bf-select-wrap svelte-gavyia\"><select class=\"svelte-gavyia\"><option class=\"svelte-gavyia\"> </option><!></select> <svg class=\"bf-select-icon svelte-gavyia\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" aria-hidden=\"true\"><path d=\"m6 9 6 6 6-6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"svelte-gavyia\"></path></svg></div></label>"), jl = /* @__PURE__ */ q("<p class=\"bf-error svelte-gavyia\"> </p>"), Ml = /* @__PURE__ */ q("<span class=\"bf-spinner svelte-gavyia\"></span>"), Nl = /* @__PURE__ */ q("<form class=\"bf-form svelte-gavyia\"><label class=\"svelte-gavyia\"><span class=\"svelte-gavyia\"> </span> <div class=\"bf-input-icon-wrap svelte-gavyia\"><svg class=\"bf-input-icon svelte-gavyia\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" aria-hidden=\"true\"><circle cx=\"12\" cy=\"8\" r=\"3.5\" class=\"svelte-gavyia\"></circle><path stroke-linecap=\"round\" d=\"M5 20c1.2-3.4 4-5 7-5s5.8 1.6 7 5\" class=\"svelte-gavyia\"></path></svg> <input type=\"text\" name=\"name\" autocomplete=\"name\" required=\"\" class=\"svelte-gavyia\"/></div></label> <label class=\"svelte-gavyia\"><span class=\"svelte-gavyia\"> </span> <div class=\"bf-input-icon-wrap svelte-gavyia\"><svg class=\"bf-input-icon svelte-gavyia\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" aria-hidden=\"true\"><rect x=\"2\" y=\"4\" width=\"20\" height=\"16\" rx=\"2\" class=\"svelte-gavyia\"></rect><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"m4 6 8 7 8-7\" class=\"svelte-gavyia\"></path></svg> <input type=\"email\" name=\"email\" autocomplete=\"email\" class=\"svelte-gavyia\"/></div></label> <label class=\"svelte-gavyia\"><span class=\"svelte-gavyia\"> </span> <div class=\"bf-input-icon-wrap svelte-gavyia\"><svg class=\"bf-input-icon svelte-gavyia\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" aria-hidden=\"true\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0 1 22 16.92Z\" class=\"svelte-gavyia\"></path></svg> <input type=\"tel\" name=\"phone\" autocomplete=\"tel\" class=\"svelte-gavyia\"/></div></label> <!> <div class=\"bf-payment svelte-gavyia\"><div class=\"bf-payment-header svelte-gavyia\"><span class=\"svelte-gavyia\"> </span> <span class=\"svelte-gavyia\"> </span></div> <div class=\"bf-payment-slot-anchor svelte-gavyia\"></div> <p class=\"bf-payment-hint svelte-gavyia\"> </p> <!></div> <label class=\"svelte-gavyia\"><span class=\"svelte-gavyia\"> </span> <textarea name=\"notes\" rows=\"3\" class=\"svelte-gavyia\"></textarea></label> <label class=\"bf-checkbox-row svelte-gavyia\"><input type=\"checkbox\" name=\"cancellation_policy\" class=\"bf-checkbox svelte-gavyia\" required=\"\"/> <span class=\"svelte-gavyia\"> </span></label> <button type=\"submit\" class=\"bf-submit svelte-gavyia\"><!> </button> <!></form>"), Pl = /* @__PURE__ */ q("<div class=\"bf-slots svelte-gavyia\"><p class=\"bf-section-label svelte-gavyia\"><svg class=\"bf-section-icon svelte-gavyia\" 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-gavyia\"></circle><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12 7v5l3.5 2\" class=\"svelte-gavyia\"></path></svg> </p> <div class=\"bf-slot-list svelte-gavyia\"></div></div> <!>", 1), Fl = /* @__PURE__ */ q("<div class=\"bf-confirmed svelte-gavyia\"><div class=\"bf-check-circle svelte-gavyia\">✓</div> <p class=\"bf-confirmed-title svelte-gavyia\"> </p> <div class=\"bf-confirmed-card svelte-gavyia\"><div class=\"bf-confirmed-row svelte-gavyia\"><span class=\"svelte-gavyia\"> </span><span class=\"svelte-gavyia\"> </span></div> <div class=\"bf-confirmed-row svelte-gavyia\"><span class=\"svelte-gavyia\"> </span><span class=\"svelte-gavyia\"> </span></div> <div class=\"bf-confirmed-row svelte-gavyia\"><span class=\"svelte-gavyia\"> </span><span class=\"svelte-gavyia\"> </span></div></div></div>"), Il = /* @__PURE__ */ q("<div class=\"bf-root svelte-gavyia\"><!></div>"), Ll = {
+	f(), Ho(), na(), Bc(), wl = /* @__PURE__ */ q("<div class=\"bf-loading svelte-gavyia\"><div class=\"bf-spinner svelte-gavyia\"></div></div>"), Tl = /* @__PURE__ */ q("<span class=\"svelte-gavyia\"> </span>"), El = /* @__PURE__ */ q("<button type=\"button\" class=\"bf-cal-cell svelte-gavyia\"> </button>"), Dl = /* @__PURE__ */ q("<div class=\"bf-empty svelte-gavyia\"><p class=\"svelte-gavyia\"> </p> <div class=\"bf-cal svelte-gavyia\"><div class=\"bf-cal-header svelte-gavyia\"><p class=\"bf-cal-month svelte-gavyia\"> </p> <div class=\"bf-cal-nav svelte-gavyia\"><button type=\"button\" class=\"svelte-gavyia\">‹</button> <button type=\"button\" class=\"svelte-gavyia\">›</button></div></div> <div class=\"bf-cal-weekdays svelte-gavyia\"></div> <div class=\"bf-cal-grid svelte-gavyia\"></div></div></div>"), Ol = /* @__PURE__ */ q("<button type=\"button\"> </button>"), kl = /* @__PURE__ */ q("<option class=\"svelte-gavyia\"> </option>"), Al = /* @__PURE__ */ q("<label class=\"svelte-gavyia\"><span class=\"svelte-gavyia\"> </span> <div class=\"bf-select-wrap svelte-gavyia\"><select class=\"svelte-gavyia\"><option class=\"svelte-gavyia\"> </option><!></select> <svg class=\"bf-select-icon svelte-gavyia\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" aria-hidden=\"true\"><path d=\"m6 9 6 6 6-6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"svelte-gavyia\"></path></svg></div></label>"), jl = /* @__PURE__ */ q("<p class=\"bf-error svelte-gavyia\"> </p>"), Ml = /* @__PURE__ */ q("<span class=\"bf-spinner svelte-gavyia\"></span>"), Nl = /* @__PURE__ */ q("<form class=\"bf-form svelte-gavyia\"><label class=\"svelte-gavyia\"><span class=\"svelte-gavyia\"> </span> <div class=\"bf-input-icon-wrap svelte-gavyia\"><svg class=\"bf-input-icon svelte-gavyia\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" aria-hidden=\"true\"><circle cx=\"12\" cy=\"8\" r=\"3.5\" class=\"svelte-gavyia\"></circle><path stroke-linecap=\"round\" d=\"M5 20c1.2-3.4 4-5 7-5s5.8 1.6 7 5\" class=\"svelte-gavyia\"></path></svg> <input type=\"text\" name=\"name\" autocomplete=\"name\" required=\"\" class=\"svelte-gavyia\"/></div></label> <label class=\"svelte-gavyia\"><span class=\"svelte-gavyia\"> </span> <div class=\"bf-input-icon-wrap svelte-gavyia\"><svg class=\"bf-input-icon svelte-gavyia\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" aria-hidden=\"true\"><rect x=\"2\" y=\"4\" width=\"20\" height=\"16\" rx=\"2\" class=\"svelte-gavyia\"></rect><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"m4 6 8 7 8-7\" class=\"svelte-gavyia\"></path></svg> <input type=\"email\" name=\"email\" autocomplete=\"email\" class=\"svelte-gavyia\"/></div></label> <label class=\"svelte-gavyia\"><span class=\"svelte-gavyia\"> </span> <div class=\"bf-input-icon-wrap svelte-gavyia\"><svg class=\"bf-input-icon svelte-gavyia\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" aria-hidden=\"true\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0 1 22 16.92Z\" class=\"svelte-gavyia\"></path></svg> <input type=\"tel\" name=\"phone\" autocomplete=\"tel\" class=\"svelte-gavyia\"/></div></label> <!> <div class=\"bf-payment svelte-gavyia\"><div class=\"bf-payment-header svelte-gavyia\"><span class=\"svelte-gavyia\"> </span> <span class=\"svelte-gavyia\"> </span></div> <div class=\"bf-payment-slot-anchor svelte-gavyia\"></div> <p class=\"bf-payment-hint svelte-gavyia\"> </p> <!></div> <label class=\"svelte-gavyia\"><span class=\"svelte-gavyia\"> </span> <textarea name=\"notes\" rows=\"3\" class=\"svelte-gavyia\"></textarea></label> <label class=\"bf-checkbox-row svelte-gavyia\"><input type=\"checkbox\" name=\"cancellation_policy\" class=\"bf-checkbox svelte-gavyia\" required=\"\"/> <span class=\"svelte-gavyia\"> </span></label> <button type=\"submit\" class=\"bf-submit svelte-gavyia\"><!> </button> <!></form>"), Pl = /* @__PURE__ */ q("<div class=\"bf-slots svelte-gavyia\"><p class=\"bf-section-label svelte-gavyia\"><svg class=\"bf-section-icon svelte-gavyia\" 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-gavyia\"></circle><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12 7v5l3.5 2\" class=\"svelte-gavyia\"></path></svg> </p> <div class=\"bf-slot-list svelte-gavyia\"></div></div> <!>", 1), Fl = /* @__PURE__ */ q("<div class=\"bf-confirmed svelte-gavyia\"><div class=\"bf-check-circle svelte-gavyia\">✓</div> <p class=\"bf-confirmed-title svelte-gavyia\"> </p> <div class=\"bf-confirmed-card svelte-gavyia\"><div class=\"bf-confirmed-row svelte-gavyia\"><span class=\"svelte-gavyia\"> </span><span class=\"svelte-gavyia\"> </span></div> <div class=\"bf-confirmed-row svelte-gavyia\"><span class=\"svelte-gavyia\"> </span><span class=\"svelte-gavyia\"> </span></div> <div class=\"bf-confirmed-row svelte-gavyia\"><span class=\"svelte-gavyia\"> </span><span class=\"svelte-gavyia\"> </span></div></div></div>"), Il = /* @__PURE__ */ q("<div class=\"bf-root svelte-gavyia\"><!></div>"), Ll = {
 		hash: "svelte-gavyia",
 		code: ".bf-root.svelte-gavyia {font-family:inherit;color:var(--bf-text-color, #1a1a1a);}.bf-loading.svelte-gavyia {display:flex;flex-direction:column;align-items:center;gap:0.75rem;padding:2rem 0;}.bf-spinner.svelte-gavyia {width:24px;height:24px;border-radius:9999px;border:2px solid var(--bf-spinner-track, rgba(0, 0, 0, 0.15));border-top-color:var(--bf-spinner-active, #1a1a1a);\n		animation: svelte-gavyia-bf-spin 0.7s linear infinite;}\n	@keyframes svelte-gavyia-bf-spin {\n		to {\n			transform: rotate(360deg);\n		}\n	}.bf-empty.svelte-gavyia {text-align:center;color:var(--bf-muted-text, rgba(0, 0, 0, 0.6));}.bf-section-label.svelte-gavyia {display:flex;align-items:center;gap:0.5rem;font-size:0.75rem;font-weight:600;text-transform:uppercase;letter-spacing:0.1em;margin:0 0 1rem;}.bf-section-icon.svelte-gavyia {width:1.25rem;height:1.25rem;flex-shrink:0;}.bf-slot-list.svelte-gavyia {display:flex;flex-wrap:wrap;justify-content:center;gap:0.75rem;}.bf-slot.svelte-gavyia {cursor:pointer;border-radius:2px;border:1px solid var(--bf-border-color, rgba(0, 0, 0, 0.15));background:transparent;color:inherit;padding:0.5rem 1.25rem;font-size:0.875rem;font-weight:500;transition:background-color 150ms ease, color 150ms ease;}.bf-slot.svelte-gavyia:hover {background:var(--bf-accent-bg, #1a1a1a);color:var(--bf-accent-text, #fff);}.bf-slot-selected.svelte-gavyia {background:var(--bf-accent-bg, #1a1a1a);color:var(--bf-accent-text, #fff);}.bf-form.svelte-gavyia {display:flex;flex-direction:column;gap:1rem;margin-top:1.5rem;text-align:left;}.bf-form.svelte-gavyia label:where(.svelte-gavyia) {display:flex;flex-direction:column;gap:0.375rem;}.bf-form.svelte-gavyia label:where(.svelte-gavyia) span:where(.svelte-gavyia) {font-size:0.75rem;font-weight:600;text-transform:uppercase;letter-spacing:0.05em;}.bf-form.svelte-gavyia input:where(.svelte-gavyia),\n	.bf-form.svelte-gavyia textarea:where(.svelte-gavyia),\n	.bf-form.svelte-gavyia select:where(.svelte-gavyia) {border:1px solid var(--bf-border-color, rgba(0, 0, 0, 0.15));border-radius:2px;padding:0.65rem 0.9rem;font-size:0.875rem;font:inherit;color:inherit;background:transparent;width:100%;box-sizing:border-box;}.bf-select-wrap.svelte-gavyia {position:relative;display:block;}.bf-select-wrap.svelte-gavyia select:where(.svelte-gavyia) {appearance:none;padding-right:2.5rem;cursor:pointer;}.bf-select-wrap.svelte-gavyia select:where(.svelte-gavyia):invalid,\n	.bf-select-wrap.svelte-gavyia select:where(.svelte-gavyia) option[value='']:where(.svelte-gavyia) {color:var(--bf-muted-text, rgba(0, 0, 0, 0.5));}\n	/* The closed <select> inherits the host theme's (often light-on-dark) text\n	   color, but its open option list is native OS/browser chrome with a\n	   background that can't be recolored to match -- typically white. Options\n	   need their own explicit, background-appropriate color or inherited light\n	   text becomes invisible against that white list once it's open. */.bf-select-wrap.svelte-gavyia select:where(.svelte-gavyia) option:where(.svelte-gavyia) {color:#1a1a1a;background:#fff;}.bf-select-icon.svelte-gavyia {position:absolute;top:50%;right:0.9rem;transform:translateY(-50%);width:1rem;height:1rem;color:var(--bf-muted-text, rgba(0, 0, 0, 0.4));pointer-events:none;}.bf-input-icon-wrap.svelte-gavyia {position:relative;display:block;}.bf-input-icon-wrap.svelte-gavyia input:where(.svelte-gavyia) {padding-left:2.5rem;}.bf-input-icon.svelte-gavyia {position:absolute;top:50%;left:0.9rem;transform:translateY(-50%);width:1rem;height:1rem;color:var(--bf-muted-text, rgba(0, 0, 0, 0.4));pointer-events:none;}.bf-checkbox-row.svelte-gavyia input.bf-checkbox:where(.svelte-gavyia) {appearance:none;margin:0;font:inherit;color:var(--bf-accent-bg, #1a1a1a);width:1.15em;height:1.15em;border:0.15em solid currentColor;border-radius:0.2em;display:grid;place-content:center;flex-shrink:0;cursor:pointer;}.bf-checkbox.svelte-gavyia::before {content:'';width:0.65em;height:0.65em;transform:scale(0);transition:120ms transform ease-in-out;box-shadow:inset 1em 1em currentColor;clip-path:polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);}.bf-checkbox.svelte-gavyia:checked::before {transform:scale(1);}.bf-checkbox.svelte-gavyia:focus-visible {outline:max(2px, 0.15em) solid currentColor;outline-offset:max(2px, 0.15em);}.bf-payment.svelte-gavyia {display:flex;flex-direction:column;gap:0.5rem;}.bf-payment-header.svelte-gavyia {display:flex;align-items:baseline;justify-content:space-between;font-size:0.75rem;font-weight:600;text-transform:uppercase;letter-spacing:0.05em;}\n	/* The mount node is a light-DOM child projected in via the slot above\n	   (see setupStripeCard) — ::slotted() is required to style it from here. */.svelte-gavyia::slotted(.bf-card-element) {border:1px solid var(--bf-border-color, rgba(0, 0, 0, 0.15));border-radius:2px;padding:0.9rem;display:block;}.bf-payment-hint.svelte-gavyia {font-size:0.75rem;color:var(--bf-muted-text, rgba(0, 0, 0, 0.5));margin:0;}.bf-error.svelte-gavyia {font-size:0.8rem;color:#dc2626;margin:0;}.bf-checkbox-row.svelte-gavyia {flex-direction:row !important;align-items:flex-start;gap:0.5rem;}.bf-checkbox-row.svelte-gavyia input:where(.svelte-gavyia) {margin-top:0.2rem;}.bf-checkbox-row.svelte-gavyia span:where(.svelte-gavyia) {font-size:0.75rem;font-weight:400;text-transform:none;letter-spacing:normal;}.bf-submit.svelte-gavyia {display:flex;align-items:center;justify-content:center;gap:0.5rem;cursor:pointer;border:none;border-radius:2px;padding:0.9rem 1.5rem;font-size:0.8rem;font-weight:600;text-transform:uppercase;letter-spacing:0.05em;color:var(--bf-accent-text, #fff);background:var(--bf-accent-bg, #1a1a1a);}.bf-submit.svelte-gavyia:disabled {cursor:default;opacity:0.6;}.bf-spinner.svelte-gavyia {width:1rem;height:1rem;border-radius:50%;border:2px solid color-mix(in srgb, var(--bf-accent-text, #fff) 30%, transparent);border-top-color:var(--bf-accent-text, #fff);\n		animation: svelte-gavyia-bf-spin 0.7s linear infinite;}\n	@keyframes svelte-gavyia-bf-spin {\n		to {\n			transform: rotate(360deg);\n		}\n	}\n	@media (prefers-reduced-motion: reduce) {.bf-spinner.svelte-gavyia {\n			animation: none;}\n	}.bf-confirmed.svelte-gavyia {text-align:center;}.bf-check-circle.svelte-gavyia {display:flex;align-items:center;justify-content:center;width:48px;height:48px;margin:0 auto 1rem;border-radius:9999px;background:var(--bf-accent-bg, #1a1a1a);color:var(--bf-accent-text, #fff);font-size:1.5rem;}.bf-confirmed-title.svelte-gavyia {font-size:1.1rem;}.bf-confirmed-card.svelte-gavyia {max-width:20rem;margin:1.5rem auto 0;border:1px solid var(--bf-border-color, rgba(0, 0, 0, 0.15));border-radius:2px;padding:1.25rem;text-align:left;}.bf-confirmed-row.svelte-gavyia {display:flex;justify-content:space-between;padding:0.6rem 0;border-bottom:1px solid var(--bf-border-color, rgba(0, 0, 0, 0.1));font-size:0.85rem;}.bf-confirmed-row.svelte-gavyia:last-child {border-bottom:none;}.bf-cal.svelte-gavyia {max-width:20rem;margin:1.5rem auto 0;border:1px solid var(--bf-border-color, rgba(0, 0, 0, 0.15));border-radius:2px;padding:1rem;}.bf-cal-header.svelte-gavyia {display:flex;align-items:center;justify-content:space-between;}.bf-cal-month.svelte-gavyia {margin:0;font-size:0.875rem;font-weight:600;}.bf-cal-nav.svelte-gavyia {display:flex;gap:0.25rem;}.bf-cal-nav.svelte-gavyia button:where(.svelte-gavyia) {display:flex;height:28px;width:28px;align-items:center;justify-content:center;border-radius:9999px;border:none;background:transparent;color:inherit;cursor:pointer;}.bf-cal-nav.svelte-gavyia button:where(.svelte-gavyia):disabled {cursor:default;opacity:0.3;}.bf-cal-weekdays.svelte-gavyia {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;}.bf-cal-grid.svelte-gavyia {display:grid;grid-template-columns:repeat(7, 1fr);row-gap:0.25rem;justify-items:center;margin-top:0.25rem;}.bf-cal-cell.svelte-gavyia {display:flex;height:32px;width:32px;align-items:center;justify-content:center;border-radius:9999px;border:none;background:transparent;color:inherit;font-size:0.875rem;cursor:pointer;}.bf-cal-cell.svelte-gavyia:disabled {cursor:default;opacity:0.25;}"
 	}, bi(["click"]), customElements.define("booking-flow", Ro(Cl, {
@@ -15130,7 +15131,7 @@ function ov(e, t) {
 			let t = G(w).get(e.booking_id);
 			return t?.guest_name && t?.room_number ? `${t.guest_name} · Room ${t.room_number}` : t?.guest_name ? t.guest_name : t?.room_number ? `Room ${t.room_number}` : `Booking ${e.booking_id.slice(0, 8)}`;
 		}
-		return e.table_id ? `Table ${e.table_id.slice(0, 8)}` : "Order";
+		return e.table_number ? `Table ${e.table_number}` : e.table_id ? `Table ${e.table_id.slice(0, 8)}` : "Order";
 	}
 	function E(e) {
 		return m.indexOf(e);

package/dist/index.d.ts

@@ -452,6 +452,8 @@ export interface DiningOrder {
 	restaurant_id: string;
 	booking_id?: string | null;
 	table_id?: string | null;
+	/** Joined from restaurant_table by OTA; absent on older payloads. */
+	table_number?: string | null;
 	guest_id?: string | null;
 	status: string;
 	notes?: string | null;

package/package.json

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