@athbnb/ui 0.0.2 → 0.0.3

package/dist/ui/SearchBar.js

@@ -0,0 +1,631 @@
+import { Button as e } from "./Button.js";
+import { DatePicker as t } from "./DatePicker.js";
+import { Loader as n } from "./Loader.js";
+import { c as r } from "react/compiler-runtime";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { useCallback as o, useEffect as s, useMemo as c, useRef as ee, useState as l } from "react";
+//#region src/ui/SearchBar.tsx
+function u(e) {
+	let t = r(3), { className: n } = e, a;
+	t[0] === Symbol.for("react.memo_cache_sentinel") ? (a = /* @__PURE__ */ i("path", { d: "M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z" }), t[0] = a) : a = t[0];
+	let o;
+	return t[1] === n ? o = t[2] : (o = /* @__PURE__ */ i("svg", {
+		className: n,
+		viewBox: "0 0 24 24",
+		"aria-hidden": !0,
+		fill: "currentColor",
+		children: a
+	}), t[1] = n, t[2] = o), o;
+}
+function d(e) {
+	let t = r(3), { className: n } = e, a;
+	t[0] === Symbol.for("react.memo_cache_sentinel") ? (a = /* @__PURE__ */ i("path", { d: "M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5a2.5 2.5 0 0 1 0-5 2.5 2.5 0 0 1 0 5z" }), t[0] = a) : a = t[0];
+	let o;
+	return t[1] === n ? o = t[2] : (o = /* @__PURE__ */ i("svg", {
+		className: n,
+		viewBox: "0 0 24 24",
+		"aria-hidden": !0,
+		fill: "currentColor",
+		children: a
+	}), t[1] = n, t[2] = o), o;
+}
+function f(e) {
+	let t = r(3), { className: n } = e, a;
+	t[0] === Symbol.for("react.memo_cache_sentinel") ? (a = /* @__PURE__ */ i("path", { d: "M19 3h-1V1h-2v2H8V1H6v2H5c-1.11 0-1.99.9-1.99 2L3 19a2 2 0 0 0 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5V8h14v11zM7 10h5v5H7z" }), t[0] = a) : a = t[0];
+	let o;
+	return t[1] === n ? o = t[2] : (o = /* @__PURE__ */ i("svg", {
+		className: n,
+		viewBox: "0 0 24 24",
+		"aria-hidden": !0,
+		fill: "currentColor",
+		children: a
+	}), t[1] = n, t[2] = o), o;
+}
+function p(e) {
+	let t = r(3), { className: n } = e, a;
+	t[0] === Symbol.for("react.memo_cache_sentinel") ? (a = /* @__PURE__ */ i("path", { d: "M18 6L6 18M6 6l12 12" }), t[0] = a) : a = t[0];
+	let o;
+	return t[1] === n ? o = t[2] : (o = /* @__PURE__ */ i("svg", {
+		xmlns: "http://www.w3.org/2000/svg",
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: 2,
+		className: n,
+		"aria-hidden": !0,
+		children: a
+	}), t[1] = n, t[2] = o), o;
+}
+function m() {
+	return (/* @__PURE__ */ new Date()).toISOString().slice(0, 10);
+}
+function te(e, t) {
+	let n = /* @__PURE__ */ new Date(e + "T12:00:00");
+	return n.setDate(n.getDate() + t), n.toISOString().slice(0, 10);
+}
+function ne({ destination: e, placeId: t, onDestinationChange: r, onPlaceIdChange: f, fetchSuggestions: m, fetchDebounceMs: te = 750, autoCompleteLoading: ne, autoCompleteResults: re, variant: ie = "default", placeholder: h = "Search destination", whereLabel: g = "Where", noResultsText: _ = "No results", className: v = "" }) {
+	let y = ee(null), [b, x] = l(!1), [S, C] = l(-1), [w, T] = l(!1), [E, D] = l([]), O = !!m, k = c(() => O ? w : ne ?? !1, [
+		O,
+		w,
+		ne
+	]), A = c(() => O ? E : re ?? [], [
+		O,
+		E,
+		re
+	]);
+	s(() => {
+		if (!O || !m) return;
+		if (!e.trim() || t) {
+			D([]);
+			return;
+		}
+		let n = !1;
+		T(!0);
+		let r = window.setTimeout(async () => {
+			try {
+				let t = await m(e.trim());
+				n || D(t ?? []);
+			} catch {
+				n || D([]);
+			} finally {
+				n || T(!1);
+			}
+		}, te);
+		return () => {
+			n = !0, window.clearTimeout(r);
+		};
+	}, [
+		e,
+		t,
+		m,
+		te,
+		O
+	]);
+	let j = o((e) => {
+		r(e.description), f(e.place_id), x(!1), C(-1);
+	}, [r, f]), M = o((e) => {
+		y.current && !y.current.contains(e.target) && (x(!1), C(-1));
+	}, []), N = o((e) => {
+		e.key === "Escape" ? (x(!1), C(-1)) : b && A.length > 0 && (e.key === "ArrowDown" ? (e.preventDefault(), C((e) => e < A.length - 1 ? e + 1 : 0)) : e.key === "ArrowUp" ? (e.preventDefault(), C((e) => e > 0 ? e - 1 : A.length - 1)) : e.key === "Enter" && S !== -1 && (e.preventDefault(), j(A[S])));
+	}, [
+		b,
+		A,
+		S,
+		j
+	]);
+	s(() => (document.addEventListener("mousedown", M), document.addEventListener("keydown", N), () => {
+		document.removeEventListener("mousedown", M), document.removeEventListener("keydown", N);
+	}), [M, N]), s(() => {
+		C(-1);
+	}, [b, A]);
+	let ae = b && e.trim() && !t && e.trim().length > 0 ? /* @__PURE__ */ i("div", {
+		className: "absolute top-full left-0 z-[100] mt-2 max-h-60 w-full divide-y divide-primary/50 overflow-y-auto rounded bg-white shadow-[0px_1px_12px_0px_rgba(0,_0,_0,_0.15)] md:min-w-[300px]",
+		children: k ? /* @__PURE__ */ i("div", {
+			className: "flex w-full items-center justify-center p-3",
+			children: /* @__PURE__ */ i(n, {})
+		}) : A.length > 0 ? A.map((e, t) => /* @__PURE__ */ i("button", {
+			type: "button",
+			className: `m-1 w-[calc(100%-8px)] cursor-pointer rounded p-2 text-left text-sm ${t === S ? "bg-primary/75 text-white" : "hover:bg-primary/75 hover:text-white"}`,
+			onClick: () => j(e),
+			children: e.description
+		}, e.place_id || t)) : /* @__PURE__ */ i("div", {
+			className: "p-3 text-sm text-gray-500",
+			children: _
+		})
+	}) : null;
+	return ie === "horizontal" ? /* @__PURE__ */ a("div", {
+		className: `relative w-full sm:w-full md:w-1/5 ${v}`.trim(),
+		ref: y,
+		children: [/* @__PURE__ */ i("div", {
+			className: "flex h-full w-full flex-col justify-center pb-3 sm:border-r sm:border-dashed sm:border-primary/50 sm:pr-3 md:pb-0",
+			children: /* @__PURE__ */ i("div", {
+				className: "flex w-full flex-col items-center gap-2 p-2",
+				children: /* @__PURE__ */ a("div", {
+					className: "flex w-full items-start gap-2",
+					children: [/* @__PURE__ */ i(d, { className: "mt-0.5 h-4 w-4 shrink-0 fill-primary" }), /* @__PURE__ */ a("div", {
+						className: "min-w-0 flex-1",
+						children: [/* @__PURE__ */ i("label", {
+							className: "block text-base font-bold text-primary",
+							children: g
+						}), /* @__PURE__ */ a("div", {
+							className: "relative mt-2 flex w-full",
+							children: [/* @__PURE__ */ i("input", {
+								type: "text",
+								placeholder: h,
+								className: "w-full border-none bg-transparent text-sm font-bold text-secondary outline-none placeholder:text-secondary/50",
+								value: e,
+								onChange: (e) => {
+									r(e.target.value), f(""), x(!!e.target.value.trim()), C(-1);
+								},
+								onFocus: () => {
+									e?.trim() && x(!0);
+								}
+							}), e ? /* @__PURE__ */ i("button", {
+								type: "button",
+								className: "absolute top-0 right-0 -mt-1 text-gray-400 transition-colors hover:text-gray-500",
+								onClick: () => {
+									r(""), f(""), C(-1);
+								},
+								"aria-label": "Clear",
+								children: /* @__PURE__ */ i(p, { className: "h-5 w-5" })
+							}) : null]
+						})]
+					})]
+				})
+			})
+		}), ae]
+	}) : /* @__PURE__ */ a("div", {
+		className: `relative ${v}`.trim(),
+		ref: y,
+		children: [
+			/* @__PURE__ */ i(u, { className: "absolute top-3 left-2 h-4 w-4 fill-primary" }),
+			/* @__PURE__ */ i("input", {
+				type: "text",
+				placeholder: h,
+				className: "w-full rounded-[5px] border border-primary/50 bg-white py-2 pr-4 pl-8 text-base font-bold text-secondary placeholder:text-primary focus-visible:outline-0",
+				value: e,
+				onChange: (e) => {
+					r(e.target.value), f(""), x(!!e.target.value.trim()), C(-1);
+				},
+				onFocus: () => {
+					e.trim() && x(!0);
+				}
+			}),
+			ae
+		]
+	});
+}
+function re(e) {
+	let t = r(45), { value: n, onChange: o, label: s, minAdults: c, maxAdults: ee, maxChildren: l, className: u, adultsLabel: d, childrenLabel: f } = e, p = s === void 0 ? "Guests" : s, m = c === void 0 ? 1 : c, te = ee === void 0 ? 16 : ee, ne = l === void 0 ? 16 : l, re = u === void 0 ? "" : u, ie = d === void 0 ? "Adults" : d, h = f === void 0 ? "Children" : f, g;
+	t[0] !== te || t[1] !== ne || t[2] !== m || t[3] !== o || t[4] !== n ? (g = (e, t) => {
+		let r = {
+			...n,
+			[e]: n[e] + t
+		};
+		e === "adults" ? r.adults = Math.min(te, Math.max(m, r.adults)) : r.children = Math.min(ne, Math.max(0, r.children)), o(r);
+	}, t[0] = te, t[1] = ne, t[2] = m, t[3] = o, t[4] = n, t[5] = g) : g = t[5];
+	let _ = g, v = `flex flex-col gap-3 rounded-[5px] border border-primary/50 bg-white p-3 ${re}`, y;
+	t[6] === v ? y = t[7] : (y = v.trim(), t[6] = v, t[7] = y);
+	let b;
+	t[8] === p ? b = t[9] : (b = p ? /* @__PURE__ */ i("span", {
+		className: "text-base font-bold text-primary",
+		children: p
+	}) : null, t[8] = p, t[9] = b);
+	let x;
+	t[10] === ie ? x = t[11] : (x = /* @__PURE__ */ i("span", {
+		className: "text-sm font-semibold text-secondary",
+		children: ie
+	}), t[10] = ie, t[11] = x);
+	let S;
+	t[12] === _ ? S = t[13] : (S = /* @__PURE__ */ i("button", {
+		type: "button",
+		className: "flex h-8 w-8 items-center justify-center rounded border border-primary/50 text-primary",
+		onClick: () => _("adults", -1),
+		"aria-label": "Decrease adults",
+		children: "−"
+	}), t[12] = _, t[13] = S);
+	let C;
+	t[14] === n.adults ? C = t[15] : (C = /* @__PURE__ */ i("span", {
+		className: "min-w-[2ch] text-center font-bold text-secondary",
+		children: n.adults
+	}), t[14] = n.adults, t[15] = C);
+	let w;
+	t[16] === _ ? w = t[17] : (w = /* @__PURE__ */ i("button", {
+		type: "button",
+		className: "flex h-8 w-8 items-center justify-center rounded border border-primary/50 text-primary",
+		onClick: () => _("adults", 1),
+		"aria-label": "Increase adults",
+		children: "+"
+	}), t[16] = _, t[17] = w);
+	let T;
+	t[18] !== S || t[19] !== C || t[20] !== w ? (T = /* @__PURE__ */ a("div", {
+		className: "flex items-center gap-2",
+		children: [
+			S,
+			C,
+			w
+		]
+	}), t[18] = S, t[19] = C, t[20] = w, t[21] = T) : T = t[21];
+	let E;
+	t[22] !== x || t[23] !== T ? (E = /* @__PURE__ */ a("div", {
+		className: "flex items-center justify-between gap-2",
+		children: [x, T]
+	}), t[22] = x, t[23] = T, t[24] = E) : E = t[24];
+	let D;
+	t[25] === h ? D = t[26] : (D = /* @__PURE__ */ i("span", {
+		className: "text-sm font-semibold text-secondary",
+		children: h
+	}), t[25] = h, t[26] = D);
+	let O;
+	t[27] === _ ? O = t[28] : (O = /* @__PURE__ */ i("button", {
+		type: "button",
+		className: "flex h-8 w-8 items-center justify-center rounded border border-primary/50 text-primary",
+		onClick: () => _("children", -1),
+		"aria-label": "Decrease children",
+		children: "−"
+	}), t[27] = _, t[28] = O);
+	let k;
+	t[29] === n.children ? k = t[30] : (k = /* @__PURE__ */ i("span", {
+		className: "min-w-[2ch] text-center font-bold text-secondary",
+		children: n.children
+	}), t[29] = n.children, t[30] = k);
+	let A;
+	t[31] === _ ? A = t[32] : (A = /* @__PURE__ */ i("button", {
+		type: "button",
+		className: "flex h-8 w-8 items-center justify-center rounded border border-primary/50 text-primary",
+		onClick: () => _("children", 1),
+		"aria-label": "Increase children",
+		children: "+"
+	}), t[31] = _, t[32] = A);
+	let j;
+	t[33] !== O || t[34] !== k || t[35] !== A ? (j = /* @__PURE__ */ a("div", {
+		className: "flex items-center gap-2",
+		children: [
+			O,
+			k,
+			A
+		]
+	}), t[33] = O, t[34] = k, t[35] = A, t[36] = j) : j = t[36];
+	let M;
+	t[37] !== D || t[38] !== j ? (M = /* @__PURE__ */ a("div", {
+		className: "flex items-center justify-between gap-2",
+		children: [D, j]
+	}), t[37] = D, t[38] = j, t[39] = M) : M = t[39];
+	let N;
+	return t[40] !== y || t[41] !== b || t[42] !== E || t[43] !== M ? (N = /* @__PURE__ */ a("div", {
+		className: y,
+		children: [
+			b,
+			E,
+			M
+		]
+	}), t[40] = y, t[41] = b, t[42] = E, t[43] = M, t[44] = N) : N = t[44], N;
+}
+var ie = {
+	destinationPlaceholder: "Search destination",
+	whereLabel: "Where",
+	checkIn: "Check-in",
+	checkOut: "Check-out",
+	selectDate: "Select date",
+	guests: "Guests",
+	search: "Search",
+	noResults: "No results"
+};
+function h(e) {
+	let n = r(83), { destination: o, placeId: s, onDestinationChange: c, onPlaceIdChange: l, checkIn: u, onCheckInChange: d, checkOut: p, onCheckOutChange: h, guests: g, onGuestsChange: _, onSearch: v, fetchSuggestions: y, fetchDebounceMs: b, autoCompleteLoading: x, autoCompleteResults: S, labels: C, requireCheckoutWhenCheckIn: w, onValidationError: T, className: E } = e, D = w === void 0 ? !0 : w, O = E === void 0 ? "" : E, k;
+	n[0] === C ? k = n[1] : (k = {
+		...ie,
+		...C
+	}, n[0] = C, n[1] = k);
+	let A = k, j = ee(null), M = ee(null), N;
+	n[2] === Symbol.for("react.memo_cache_sentinel") ? (N = m(), n[2] = N) : N = n[2];
+	let ae = N, P;
+	n[3] === u ? P = n[4] : (P = u ? te(u, 1) : ae, n[3] = u, n[4] = P);
+	let oe = P, F;
+	n[5] !== u || n[6] !== p || n[7] !== v || n[8] !== T || n[9] !== D ? (F = () => {
+		if (D && u && !p) {
+			T?.("Please select check-out date.");
+			return;
+		}
+		v();
+	}, n[5] = u, n[6] = p, n[7] = v, n[8] = T, n[9] = D, n[10] = F) : F = n[10];
+	let se = F, ce = `mx-auto mb-4 w-full lg:max-w-[80%] xl:max-w-[70%] ${O}`, I;
+	n[11] === ce ? I = n[12] : (I = ce.trim(), n[11] = ce, n[12] = I);
+	let L;
+	n[13] !== x || n[14] !== S || n[15] !== o || n[16] !== b || n[17] !== y || n[18] !== A.destinationPlaceholder || n[19] !== A.noResults || n[20] !== c || n[21] !== l || n[22] !== s ? (L = /* @__PURE__ */ i(ne, {
+		destination: o,
+		placeId: s,
+		onDestinationChange: c,
+		onPlaceIdChange: l,
+		fetchSuggestions: y,
+		fetchDebounceMs: b,
+		autoCompleteLoading: x,
+		autoCompleteResults: S,
+		variant: "default",
+		placeholder: A.destinationPlaceholder,
+		noResultsText: A.noResults
+	}), n[13] = x, n[14] = S, n[15] = o, n[16] = b, n[17] = y, n[18] = A.destinationPlaceholder, n[19] = A.noResults, n[20] = c, n[21] = l, n[22] = s, n[23] = L) : L = n[23];
+	let le;
+	n[24] === Symbol.for("react.memo_cache_sentinel") ? (le = () => j.current?.open(), n[24] = le) : le = n[24];
+	let ue;
+	n[25] === Symbol.for("react.memo_cache_sentinel") ? (ue = /* @__PURE__ */ i(f, { className: "h-5 w-5 fill-primary" }), n[25] = ue) : ue = n[25];
+	let R;
+	n[26] === A.checkIn ? R = n[27] : (R = /* @__PURE__ */ i("button", {
+		type: "button",
+		className: "cursor-pointer",
+		onClick: le,
+		"aria-label": A.checkIn,
+		children: ue
+	}), n[26] = A.checkIn, n[27] = R);
+	let z;
+	n[28] === Symbol.for("react.memo_cache_sentinel") ? (z = () => j.current?.open(), n[28] = z) : z = n[28];
+	let B;
+	n[29] === A.checkIn ? B = n[30] : (B = /* @__PURE__ */ i("button", {
+		type: "button",
+		className: "block cursor-pointer text-left text-base font-bold text-primary",
+		onClick: z,
+		children: A.checkIn
+	}), n[29] = A.checkIn, n[30] = B);
+	let V;
+	n[31] !== u || n[32] !== A.selectDate || n[33] !== d ? (V = /* @__PURE__ */ i(t, {
+		ref: j,
+		value: u,
+		onChange: d,
+		placeholder: A.selectDate,
+		valueFormat: "iso",
+		min: ae,
+		className: "w-full min-w-0",
+		inputClassName: "text-sm font-bold"
+	}), n[31] = u, n[32] = A.selectDate, n[33] = d, n[34] = V) : V = n[34];
+	let H;
+	n[35] !== B || n[36] !== V ? (H = /* @__PURE__ */ a("div", {
+		className: "flex w-full min-w-0 flex-col",
+		children: [B, V]
+	}), n[35] = B, n[36] = V, n[37] = H) : H = n[37];
+	let U;
+	n[38] !== R || n[39] !== H ? (U = /* @__PURE__ */ i("div", {
+		className: "flex w-full flex-col items-center justify-center rounded-[5px] border border-primary/50 bg-white",
+		children: /* @__PURE__ */ a("div", {
+			className: "flex w-full flex-row items-center gap-2 p-2",
+			children: [R, H]
+		})
+	}), n[38] = R, n[39] = H, n[40] = U) : U = n[40];
+	let de = `flex w-full flex-col items-center justify-center rounded-[5px] border border-primary/50 bg-white ${u ? "" : "cursor-not-allowed opacity-50"}`, W = !u, G;
+	n[41] === Symbol.for("react.memo_cache_sentinel") ? (G = () => M.current?.open(), n[41] = G) : G = n[41];
+	let K;
+	n[42] === Symbol.for("react.memo_cache_sentinel") ? (K = /* @__PURE__ */ i(f, { className: "h-5 w-5 fill-primary" }), n[42] = K) : K = n[42];
+	let q;
+	n[43] !== A.checkOut || n[44] !== W ? (q = /* @__PURE__ */ i("button", {
+		type: "button",
+		className: "cursor-pointer disabled:pointer-events-none",
+		disabled: W,
+		onClick: G,
+		"aria-label": A.checkOut,
+		children: K
+	}), n[43] = A.checkOut, n[44] = W, n[45] = q) : q = n[45];
+	let J = !u, Y;
+	n[46] === Symbol.for("react.memo_cache_sentinel") ? (Y = () => M.current?.open(), n[46] = Y) : Y = n[46];
+	let X;
+	n[47] !== A.checkOut || n[48] !== J ? (X = /* @__PURE__ */ i("button", {
+		type: "button",
+		className: "block cursor-pointer text-left text-base font-bold text-primary disabled:cursor-not-allowed",
+		disabled: J,
+		onClick: Y,
+		children: A.checkOut
+	}), n[47] = A.checkOut, n[48] = J, n[49] = X) : X = n[49];
+	let Z = !u, Q;
+	n[50] !== p || n[51] !== A.selectDate || n[52] !== oe || n[53] !== h || n[54] !== Z ? (Q = /* @__PURE__ */ i(t, {
+		ref: M,
+		value: p,
+		onChange: h,
+		placeholder: A.selectDate,
+		valueFormat: "iso",
+		min: oe,
+		disabled: Z,
+		className: "w-full min-w-0",
+		inputClassName: "text-sm font-bold"
+	}), n[50] = p, n[51] = A.selectDate, n[52] = oe, n[53] = h, n[54] = Z, n[55] = Q) : Q = n[55];
+	let $;
+	n[56] !== X || n[57] !== Q ? ($ = /* @__PURE__ */ a("div", {
+		className: "flex w-full min-w-0 flex-col",
+		children: [X, Q]
+	}), n[56] = X, n[57] = Q, n[58] = $) : $ = n[58];
+	let fe;
+	n[59] !== q || n[60] !== $ ? (fe = /* @__PURE__ */ a("div", {
+		className: "flex w-full flex-row items-center gap-2 p-2",
+		children: [q, $]
+	}), n[59] = q, n[60] = $, n[61] = fe) : fe = n[61];
+	let pe;
+	n[62] !== de || n[63] !== fe ? (pe = /* @__PURE__ */ i("div", {
+		className: de,
+		children: fe
+	}), n[62] = de, n[63] = fe, n[64] = pe) : pe = n[64];
+	let me;
+	n[65] !== U || n[66] !== pe ? (me = /* @__PURE__ */ a("div", {
+		className: "grid grid-cols-2 gap-2",
+		children: [U, pe]
+	}), n[65] = U, n[66] = pe, n[67] = me) : me = n[67];
+	let he;
+	n[68] !== g || n[69] !== A.guests || n[70] !== _ ? (he = /* @__PURE__ */ i(re, {
+		label: A.guests,
+		value: g,
+		onChange: _
+	}), n[68] = g, n[69] = A.guests, n[70] = _, n[71] = he) : he = n[71];
+	let ge;
+	n[72] !== se || n[73] !== A.search ? (ge = /* @__PURE__ */ i("button", {
+		type: "button",
+		className: "flex w-full cursor-pointer items-center justify-center rounded-[5px] bg-primary px-5 py-2.5 text-[14px] font-bold text-white transition-colors md:text-[16px]",
+		onClick: se,
+		children: A.search
+	}), n[72] = se, n[73] = A.search, n[74] = ge) : ge = n[74];
+	let _e;
+	n[75] !== me || n[76] !== he || n[77] !== ge || n[78] !== L ? (_e = /* @__PURE__ */ a("div", {
+		className: "space-y-2 rounded-[10px] p-[10px] shadow-primary",
+		children: [
+			L,
+			me,
+			he,
+			ge
+		]
+	}), n[75] = me, n[76] = he, n[77] = ge, n[78] = L, n[79] = _e) : _e = n[79];
+	let ve;
+	return n[80] !== _e || n[81] !== I ? (ve = /* @__PURE__ */ i("div", {
+		className: I,
+		children: _e
+	}), n[80] = _e, n[81] = I, n[82] = ve) : ve = n[82], ve;
+}
+function g(n) {
+	let o = r(73), { destination: s, placeId: c, onDestinationChange: ee, onPlaceIdChange: l, checkIn: u, onCheckInChange: d, checkOut: p, onCheckOutChange: h, guests: g, onGuestsChange: _, onSearch: v, fetchSuggestions: y, fetchDebounceMs: b, autoCompleteLoading: x, autoCompleteResults: S, labels: C, guestsPlaceholder: w, requireCheckoutWhenCheckIn: T, onValidationError: E, className: D } = n, O = w === void 0 ? "Add guests" : w, k = T === void 0 ? !0 : T, A = D === void 0 ? "" : D, j;
+	o[0] === C ? j = o[1] : (j = {
+		...ie,
+		...C
+	}, o[0] = C, o[1] = j);
+	let M = j, N;
+	o[2] === Symbol.for("react.memo_cache_sentinel") ? (N = m(), o[2] = N) : N = o[2];
+	let ae = N, P;
+	o[3] === u ? P = o[4] : (P = u ? te(u, 1) : ae, o[3] = u, o[4] = P);
+	let oe = P, F;
+	o[5] !== u || o[6] !== p || o[7] !== v || o[8] !== E || o[9] !== k ? (F = () => {
+		if (k && u && !p) {
+			E?.("Please select check-out date.");
+			return;
+		}
+		v();
+	}, o[5] = u, o[6] = p, o[7] = v, o[8] = E, o[9] = k, o[10] = F) : F = o[10];
+	let se = F, ce = `flex w-full flex-col ${A}`, I;
+	o[11] === ce ? I = o[12] : (I = ce.trim(), o[11] = ce, o[12] = I);
+	let L;
+	o[13] !== x || o[14] !== S || o[15] !== s || o[16] !== b || o[17] !== y || o[18] !== M.destinationPlaceholder || o[19] !== M.noResults || o[20] !== M.whereLabel || o[21] !== ee || o[22] !== l || o[23] !== c ? (L = /* @__PURE__ */ i(ne, {
+		destination: s,
+		placeId: c,
+		onDestinationChange: ee,
+		onPlaceIdChange: l,
+		fetchSuggestions: y,
+		fetchDebounceMs: b,
+		autoCompleteLoading: x,
+		autoCompleteResults: S,
+		variant: "horizontal",
+		placeholder: M.destinationPlaceholder,
+		whereLabel: M.whereLabel,
+		noResultsText: M.noResults
+	}), o[13] = x, o[14] = S, o[15] = s, o[16] = b, o[17] = y, o[18] = M.destinationPlaceholder, o[19] = M.noResults, o[20] = M.whereLabel, o[21] = ee, o[22] = l, o[23] = c, o[24] = L) : L = o[24];
+	let le;
+	o[25] === Symbol.for("react.memo_cache_sentinel") ? (le = /* @__PURE__ */ i("div", { className: "w-full border-t border-dashed border-primary/20 sm:hidden" }), o[25] = le) : le = o[25];
+	let ue;
+	o[26] === Symbol.for("react.memo_cache_sentinel") ? (ue = /* @__PURE__ */ i(f, { className: "h-5 w-5 shrink-0 fill-primary" }), o[26] = ue) : ue = o[26];
+	let R;
+	o[27] === M.checkIn ? R = o[28] : (R = /* @__PURE__ */ i("span", {
+		className: "text-base font-bold text-primary",
+		children: M.checkIn
+	}), o[27] = M.checkIn, o[28] = R);
+	let z;
+	o[29] !== u || o[30] !== M.selectDate || o[31] !== d ? (z = /* @__PURE__ */ i(t, {
+		value: u,
+		onChange: d,
+		placeholder: M.selectDate,
+		valueFormat: "iso",
+		min: ae,
+		className: "w-full min-w-0",
+		inputClassName: "!h-auto !p-0 !text-sm font-bold"
+	}), o[29] = u, o[30] = M.selectDate, o[31] = d, o[32] = z) : z = o[32];
+	let B;
+	o[33] !== R || o[34] !== z ? (B = /* @__PURE__ */ i("div", {
+		className: "relative flex w-1/2 flex-col sm:w-full sm:border-r sm:border-dashed sm:border-primary/50 md:w-1/5 sm:px-3 sm:pb-0",
+		children: /* @__PURE__ */ a("div", {
+			className: "flex w-full items-center gap-2 p-2",
+			children: [ue, /* @__PURE__ */ a("div", {
+				className: "flex min-w-0 flex-col items-start",
+				children: [R, z]
+			})]
+		})
+	}), o[33] = R, o[34] = z, o[35] = B) : B = o[35];
+	let V;
+	o[36] === Symbol.for("react.memo_cache_sentinel") ? (V = /* @__PURE__ */ i("div", { className: "mx-1 h-8 border-r border-dashed border-primary/50 sm:hidden" }), o[36] = V) : V = o[36];
+	let H;
+	o[37] === Symbol.for("react.memo_cache_sentinel") ? (H = /* @__PURE__ */ i(f, { className: "h-5 w-5 shrink-0 fill-primary" }), o[37] = H) : H = o[37];
+	let U;
+	o[38] === M.checkOut ? U = o[39] : (U = /* @__PURE__ */ i("span", {
+		className: "text-base font-bold text-primary",
+		children: M.checkOut
+	}), o[38] = M.checkOut, o[39] = U);
+	let de = !u, W;
+	o[40] !== p || o[41] !== M.selectDate || o[42] !== oe || o[43] !== h || o[44] !== de ? (W = /* @__PURE__ */ i(t, {
+		value: p,
+		onChange: h,
+		placeholder: M.selectDate,
+		valueFormat: "iso",
+		min: oe,
+		disabled: de,
+		className: "w-full min-w-0",
+		inputClassName: "!h-auto !p-0 !text-sm font-bold"
+	}), o[40] = p, o[41] = M.selectDate, o[42] = oe, o[43] = h, o[44] = de, o[45] = W) : W = o[45];
+	let G;
+	o[46] !== U || o[47] !== W ? (G = /* @__PURE__ */ i("div", {
+		className: "relative flex w-1/2 flex-col sm:w-full sm:border-r sm:border-dashed sm:border-primary/50 md:w-1/5 sm:px-3 sm:pb-0",
+		children: /* @__PURE__ */ a("div", {
+			className: "flex w-full items-center gap-2 p-2",
+			children: [H, /* @__PURE__ */ a("div", {
+				className: "flex min-w-0 flex-col items-start",
+				children: [U, W]
+			})]
+		})
+	}), o[46] = U, o[47] = W, o[48] = G) : G = o[48];
+	let K;
+	o[49] !== B || o[50] !== G ? (K = /* @__PURE__ */ a("div", {
+		className: "flex w-full flex-row items-center py-2 sm:contents sm:py-0",
+		children: [
+			B,
+			V,
+			G
+		]
+	}), o[49] = B, o[50] = G, o[51] = K) : K = o[51];
+	let q;
+	o[52] === Symbol.for("react.memo_cache_sentinel") ? (q = /* @__PURE__ */ i("div", { className: "w-full border-t border-dashed border-primary/20 sm:hidden" }), o[52] = q) : q = o[52];
+	let J;
+	o[53] !== g || o[54] !== M.guests || o[55] !== _ ? (J = /* @__PURE__ */ i(re, {
+		label: M.guests,
+		value: g,
+		onChange: _,
+		className: "border-0 p-2 shadow-none"
+	}), o[53] = g, o[54] = M.guests, o[55] = _, o[56] = J) : J = o[56];
+	let Y;
+	o[57] === O ? Y = o[58] : (Y = /* @__PURE__ */ i("span", {
+		className: "px-3 pb-1 text-xs text-secondary/70 sm:hidden",
+		children: O
+	}), o[57] = O, o[58] = Y);
+	let X;
+	o[59] !== J || o[60] !== Y ? (X = /* @__PURE__ */ a("div", {
+		className: "flex w-full flex-col pb-3 sm:w-full sm:px-3 md:w-1/5 sm:pb-0",
+		children: [J, Y]
+	}), o[59] = J, o[60] = Y, o[61] = X) : X = o[61];
+	let Z;
+	o[62] !== se || o[63] !== M.search ? (Z = /* @__PURE__ */ i("div", {
+		className: "flex w-full items-center justify-center sm:min-w-[120px] sm:max-w-[200px] sm:shrink-0 sm:pl-2",
+		children: /* @__PURE__ */ i(e, {
+			type: "button",
+			title: M.search,
+			width: "full",
+			className: "w-full rounded-medium sm:rounded-primary md:rounded-medium lg:rounded-primary",
+			onClick: se
+		})
+	}), o[62] = se, o[63] = M.search, o[64] = Z) : Z = o[64];
+	let Q;
+	o[65] !== L || o[66] !== K || o[67] !== X || o[68] !== Z ? (Q = /* @__PURE__ */ a("div", {
+		className: "flex w-full flex-col items-stretch justify-between rounded-xl bg-white p-3 text-start shadow-primary sm:flex-row sm:gap-2 sm:p-4",
+		children: [
+			L,
+			le,
+			K,
+			q,
+			X,
+			Z
+		]
+	}), o[65] = L, o[66] = K, o[67] = X, o[68] = Z, o[69] = Q) : Q = o[69];
+	let $;
+	return o[70] !== Q || o[71] !== I ? ($ = /* @__PURE__ */ i("div", {
+		className: I,
+		children: Q
+	}), o[70] = Q, o[71] = I, o[72] = $) : $ = o[72], $;
+}
+//#endregion
+export { g as HorizontalSearchBar, h as SearchBar, ne as SearchBarDestinationField, re as SearchGuestsField };