@athbnb/ui 0.0.2 → 0.0.3

package/dist/ui/Accordion.js

@@ -0,0 +1,255 @@
+import { Button as e } from "./Button.js";
+import { c as t } from "react/compiler-runtime";
+import { Fragment as n, jsx as r, jsxs as i } from "react/jsx-runtime";
+import { useState as a } from "react";
+//#region src/ui/Accordion.tsx
+function o(e) {
+	let n = t(3), { className: i } = e, a;
+	n[0] === Symbol.for("react.memo_cache_sentinel") ? (a = /* @__PURE__ */ r("path", {
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		strokeWidth: 2,
+		d: "M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"
+	}), n[0] = a) : a = n[0];
+	let o;
+	return n[1] === i ? o = n[2] : (o = /* @__PURE__ */ r("svg", {
+		className: i,
+		fill: "none",
+		stroke: "currentColor",
+		viewBox: "0 0 24 24",
+		"aria-hidden": !0,
+		children: a
+	}), n[1] = i, n[2] = o), o;
+}
+function s(e) {
+	let n = t(2), { expanded: i } = e, a;
+	return n[0] === i ? a = n[1] : (a = /* @__PURE__ */ r("span", {
+		className: "flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-primary sm:h-[30px] sm:w-[30px]",
+		"aria-hidden": !0,
+		children: /* @__PURE__ */ r("svg", {
+			viewBox: "0 0 24 24",
+			className: "h-[18px] w-[18px] sm:h-[22px] sm:w-[22px]",
+			fill: "none",
+			children: i ? /* @__PURE__ */ r("path", {
+				stroke: "white",
+				strokeLinecap: "round",
+				strokeWidth: 2.75,
+				d: "M5 12h14"
+			}) : /* @__PURE__ */ r("path", {
+				stroke: "white",
+				strokeLinecap: "round",
+				strokeWidth: 2.75,
+				d: "M12 5v14M5 12h14"
+			})
+		})
+	}), n[0] = i, n[1] = a), a;
+}
+function c(o) {
+	let c = t(13), { filteredFaqs: l, emptyMessage: u } = o, [d, f] = a(null), p;
+	if (c[0] !== l || c[1] !== d) {
+		let t;
+		c[3] === d ? t = c[4] : (t = (t, n) => /* @__PURE__ */ i("div", {
+			className: "border-b border-primary bg-white",
+			children: [/* @__PURE__ */ r(e, {
+				type: "button",
+				outline: !0,
+				width: "full",
+				title: /* @__PURE__ */ i("div", {
+					className: "flex w-full items-center justify-between",
+					children: [/* @__PURE__ */ i("div", {
+						className: "flex items-center gap-2 sm:gap-4",
+						children: [/* @__PURE__ */ r("span", {
+							className: "title-text font-bold text-primary/50",
+							children: String(n + 1).padStart(2, "0")
+						}), /* @__PURE__ */ r("span", {
+							className: "title-text font-bold",
+							children: t.question
+						})]
+					}), /* @__PURE__ */ r("div", {
+						className: "ml-2 shrink-0 sm:ml-4",
+						children: /* @__PURE__ */ r(s, { expanded: d === n })
+					})]
+				}),
+				onClick: () => f((e) => e === n ? null : n),
+				className: "!h-auto !min-h-0 !justify-start !rounded-none !border-0 !bg-transparent !px-0 !pt-0 !pb-2 !text-left !shadow-none !ring-0 !outline-none sm:!pb-4 text-xs sm:text-base"
+			}), d === n ? /* @__PURE__ */ r("div", {
+				className: "pb-2 sm:pb-4",
+				children: t.answerHtml != null && t.answerHtml !== "" ? /* @__PURE__ */ r("div", {
+					className: "faq-answer-content paragraph-text text-secondary",
+					dangerouslySetInnerHTML: { __html: t.answerHtml }
+				}) : /* @__PURE__ */ r("div", {
+					className: "faq-answer-content paragraph-text text-secondary",
+					children: t.answer
+				})
+			}) : null]
+		}, `${t.question}-${n}`), c[3] = d, c[4] = t), p = l.map(t), c[0] = l, c[1] = d, c[2] = p;
+	} else p = c[2];
+	let m;
+	c[5] === p ? m = c[6] : (m = /* @__PURE__ */ r("div", {
+		className: "flex flex-col gap-2 sm:gap-4",
+		children: p
+	}), c[5] = p, c[6] = m);
+	let h;
+	c[7] !== u || c[8] !== l.length ? (h = l.length === 0 ? /* @__PURE__ */ r("div", {
+		className: "py-8 text-center text-sm text-primary sm:text-base",
+		children: u
+	}) : null, c[7] = u, c[8] = l.length, c[9] = h) : h = c[9];
+	let g;
+	return c[10] !== m || c[11] !== h ? (g = /* @__PURE__ */ i(n, { children: [m, h] }), c[10] = m, c[11] = h, c[12] = g) : g = c[12], g;
+}
+function l(e) {
+	let n = t(36), { faqs: s, categories: l, showCategories: u, showSearch: d, className: f, activeCategory: p, defaultActiveCategory: m, onActiveCategoryChange: h, searchPlaceholder: g, emptyMessage: _ } = e, v;
+	n[0] === s ? v = n[1] : (v = s === void 0 ? [] : s, n[0] = s, n[1] = v);
+	let y = v, b;
+	n[2] === l ? b = n[3] : (b = l === void 0 ? [] : l, n[2] = l, n[3] = b);
+	let x = b, S = u === void 0 ? !0 : u, C = d === void 0 ? !0 : d, w = f === void 0 ? "" : f, T = g === void 0 ? "Search here..." : g, E = _ === void 0 ? "No FAQs match your search." : _, [D, O] = a(""), [k, A] = a(m ?? x[0] ?? ""), j = p !== void 0, M = j ? p : k, N;
+	n[4] !== j || n[5] !== h ? (N = (e) => {
+		h?.(e), j || A(e);
+	}, n[4] = j, n[5] = h, n[6] = N) : N = n[6];
+	let P = N, F;
+	if (n[7] !== M || n[8] !== y || n[9] !== D || n[10] !== S) {
+		let e;
+		n[12] !== M || n[13] !== D || n[14] !== S ? (e = (e) => {
+			let t = !S || !e.category || e.category === M, n = e.question.toLowerCase(), r = (e.answerHtml ?? "").toLowerCase(), i = !D || n.includes(D.toLowerCase()) || r.includes(D.toLowerCase());
+			return t && i;
+		}, n[12] = M, n[13] = D, n[14] = S, n[15] = e) : e = n[15], F = y.filter(e), n[7] = M, n[8] = y, n[9] = D, n[10] = S, n[11] = F;
+	} else F = n[11];
+	let I = F, L = `mx-auto flex flex-col ${w}`, R;
+	n[16] === L ? R = n[17] : (R = L.trim(), n[16] = L, n[17] = R);
+	let z;
+	n[18] !== M || n[19] !== x || n[20] !== P || n[21] !== S ? (z = S && x.length > 1 ? /* @__PURE__ */ r("div", {
+		className: "mb-4 flex flex-wrap justify-center gap-2",
+		children: x.map((e) => /* @__PURE__ */ r("button", {
+			type: "button",
+			className: `rounded-button-text cursor-pointer rounded-full border px-4 py-2 font-bold transition-colors duration-150 ${M === e ? "border-primary bg-primary text-white" : "border-primary/50 bg-white text-primary hover:border-primary"}`,
+			onClick: () => P(e),
+			children: e
+		}, e))
+	}) : null, n[18] = M, n[19] = x, n[20] = P, n[21] = S, n[22] = z) : z = n[22];
+	let B;
+	n[23] !== T || n[24] !== D || n[25] !== C ? (B = C ? /* @__PURE__ */ i("div", {
+		className: "relative mb-4 sm:mb-6",
+		children: [/* @__PURE__ */ r("input", {
+			type: "search",
+			placeholder: T,
+			value: D,
+			onChange: (e) => O(e.target.value),
+			className: "w-full rounded-full border border-primary py-2 pr-3 pl-9 text-sm text-primary outline-none focus:border-primary focus:shadow-none focus:outline-none focus:ring-0 focus:ring-offset-0 focus-visible:outline-none focus-visible:ring-0 sm:py-3 sm:pl-10 sm:text-base",
+			"aria-label": T
+		}), /* @__PURE__ */ r(o, { className: "absolute top-1/2 left-3 h-4 w-4 -translate-y-1/2 text-primary sm:h-5 sm:w-5" })]
+	}) : null, n[23] = T, n[24] = D, n[25] = C, n[26] = B) : B = n[26];
+	let V = `${M}\u0000${D}`, H;
+	n[27] !== E || n[28] !== I || n[29] !== V ? (H = /* @__PURE__ */ r(c, {
+		filteredFaqs: I,
+		emptyMessage: E
+	}, V), n[27] = E, n[28] = I, n[29] = V, n[30] = H) : H = n[30];
+	let U;
+	return n[31] !== R || n[32] !== z || n[33] !== B || n[34] !== H ? (U = /* @__PURE__ */ i("div", {
+		className: R,
+		children: [
+			z,
+			B,
+			H
+		]
+	}), n[31] = R, n[32] = z, n[33] = B, n[34] = H, n[35] = U) : U = n[35], U;
+}
+var u = l;
+function d(e) {
+	let n = t(44), o, s, c, l, u, d, f, p, m, h, g;
+	n[0] === e ? (o = n[1], s = n[2], c = n[3], l = n[4], u = n[5], d = n[6], f = n[7], p = n[8], m = n[9], h = n[10], g = n[11]) : ({onDelete: l, header: c, children: o, showDeleteButton: p, className: m, expanded: s, defaultExpanded: h, onExpandedChange: u, onToggle: d, keepMounted: g, ...f} = e, n[0] = e, n[1] = o, n[2] = s, n[3] = c, n[4] = l, n[5] = u, n[6] = d, n[7] = f, n[8] = p, n[9] = m, n[10] = h, n[11] = g);
+	let _ = p === void 0 ? !0 : p, v = m === void 0 ? "" : m, y = h === void 0 ? !1 : h, b = g === void 0 ? !1 : g, [x, S] = a(y), C = s !== void 0, w = C ? s : x, T;
+	n[12] !== C || n[13] !== w || n[14] !== u || n[15] !== d ? (T = () => {
+		if (d) {
+			d();
+			return;
+		}
+		let e = !w;
+		C ? u?.(e) : S(e);
+	}, n[12] = C, n[13] = w, n[14] = u, n[15] = d, n[16] = T) : T = n[16];
+	let E = T, D = `overflow-hidden rounded-lg border border-primary ${v}`, O;
+	n[17] === D ? O = n[18] : (O = D.trim(), n[17] = D, n[18] = O);
+	let k;
+	n[19] === c ? k = n[20] : (k = /* @__PURE__ */ r("div", {
+		className: "flex items-center gap-3",
+		children: /* @__PURE__ */ r("span", {
+			className: "paragraph-text font-semibold",
+			children: c
+		})
+	}), n[19] = c, n[20] = k);
+	let A;
+	n[21] !== l || n[22] !== _ ? (A = _ && l ? /* @__PURE__ */ r("button", {
+		type: "button",
+		onClick: (e) => {
+			e.stopPropagation(), l();
+		},
+		className: "cursor-pointer border-0 bg-transparent p-0 text-white transition-colors hover:text-red-200",
+		title: "Delete item",
+		children: /* @__PURE__ */ r("svg", {
+			className: "h-5 w-5",
+			fill: "none",
+			stroke: "currentColor",
+			viewBox: "0 0 24 24",
+			"aria-hidden": !0,
+			children: /* @__PURE__ */ r("path", {
+				strokeLinecap: "round",
+				strokeLinejoin: "round",
+				strokeWidth: 2,
+				d: "M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16"
+			})
+		})
+	}) : null, n[21] = l, n[22] = _, n[23] = A) : A = n[23];
+	let j = `h-5 w-5 transform transition-transform ${w ? "rotate-180" : ""}`, M;
+	n[24] === Symbol.for("react.memo_cache_sentinel") ? (M = /* @__PURE__ */ r("path", {
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		strokeWidth: 2,
+		d: "M19 9l-7 7-7-7"
+	}), n[24] = M) : M = n[24];
+	let N;
+	n[25] === j ? N = n[26] : (N = /* @__PURE__ */ r("span", {
+		className: "text-white",
+		"aria-hidden": !0,
+		children: /* @__PURE__ */ r("svg", {
+			className: j,
+			fill: "none",
+			stroke: "currentColor",
+			viewBox: "0 0 24 24",
+			children: M
+		})
+	}), n[25] = j, n[26] = N);
+	let P;
+	n[27] !== N || n[28] !== A ? (P = /* @__PURE__ */ i("div", {
+		className: "flex items-center gap-2",
+		children: [A, N]
+	}), n[27] = N, n[28] = A, n[29] = P) : P = n[29];
+	let F;
+	n[30] !== w || n[31] !== P || n[32] !== k || n[33] !== E ? (F = /* @__PURE__ */ i("button", {
+		type: "button",
+		className: "flex w-full cursor-pointer items-center justify-between bg-primary p-4 text-left text-white",
+		onClick: E,
+		"aria-expanded": w,
+		children: [k, P]
+	}), n[30] = w, n[31] = P, n[32] = k, n[33] = E, n[34] = F) : F = n[34];
+	let I;
+	n[35] !== o || n[36] !== w || n[37] !== b ? (I = b ? /* @__PURE__ */ r("div", {
+		className: `bg-white p-4 ${w ? "" : "hidden"}`,
+		children: /* @__PURE__ */ r("div", {
+			className: "space-y-4",
+			children: o
+		})
+	}) : w ? /* @__PURE__ */ r("div", {
+		className: "bg-white p-4",
+		children: /* @__PURE__ */ r("div", {
+			className: "space-y-4",
+			children: o
+		})
+	}) : null, n[35] = o, n[36] = w, n[37] = b, n[38] = I) : I = n[38];
+	let L;
+	return n[39] !== f || n[40] !== F || n[41] !== I || n[42] !== O ? (L = /* @__PURE__ */ i("div", {
+		...f,
+		className: O,
+		children: [F, I]
+	}), n[39] = f, n[40] = F, n[41] = I, n[42] = O, n[43] = L) : L = n[43], L;
+}
+//#endregion
+export { u as Accordion, l as FaqAccordion, d as ReusableAccordion };

package/dist/ui/BookingDetailsCard.js

@@ -0,0 +1,122 @@
+import { c as e } from "react/compiler-runtime";
+import { NavLink as t } from "react-router-dom";
+import { Fragment as n, jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/ui/BookingDetailsCard.tsx
+function a(t) {
+	let n = e(4), { className: a } = t, o, s;
+	n[0] === Symbol.for("react.memo_cache_sentinel") ? (o = /* @__PURE__ */ r("path", { d: "M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z" }), s = /* @__PURE__ */ r("polyline", { points: "9 22 9 12 15 12 15 22" }), n[0] = o, n[1] = s) : (o = n[0], s = n[1]);
+	let c;
+	return n[2] === a ? c = n[3] : (c = /* @__PURE__ */ i("svg", {
+		xmlns: "http://www.w3.org/2000/svg",
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: "1.75",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		className: a,
+		"aria-hidden": !0,
+		children: [o, s]
+	}), n[2] = a, n[3] = c), c;
+}
+function o(e, t) {
+	return t != null && t > 0 && typeof e == "string" && e.length > t ? /* @__PURE__ */ i(n, { children: [e.slice(0, t), /* @__PURE__ */ r("span", {
+		className: "text-primary",
+		children: "..."
+	})] }) : e;
+}
+var s = "relative block cursor-pointer rounded-secondary border border-gray-100 bg-white p-4 shadow-primary transition-shadow duration-200 hover:shadow-sm sm:p-4";
+function c(c) {
+	let u = e(35), { title: d, description: f, icon: p, iconSrc: m, iconAlt: h, to: g, onClick: _, amenities: v, credits: y, descriptionMaxLength: b, className: x } = c, S = h === void 0 ? "" : h, C = b === void 0 ? 150 : b, w = x === void 0 ? "" : x, T;
+	u[0] !== p || u[1] !== S || u[2] !== m ? (T = /* @__PURE__ */ r("div", {
+		className: "absolute -top-3 left-4 h-12 w-12 overflow-hidden rounded-xl bg-white shadow-[0_12px_40px_rgba(0,0,0,0.12),0_4px_12px_rgba(0,0,0,0.08)] sm:-top-5 sm:left-6 sm:h-16 sm:w-16",
+		children: p ? /* @__PURE__ */ r("span", {
+			className: "flex h-full w-full items-center justify-center p-1.5 text-primary [&_svg]:max-h-full [&_svg]:max-w-full [&_img]:max-h-full [&_img]:max-w-full [&_img]:object-contain",
+			children: p
+		}) : m ? /* @__PURE__ */ r("img", {
+			src: m,
+			alt: S,
+			className: "h-full w-full object-cover",
+			loading: "lazy"
+		}) : /* @__PURE__ */ r("div", {
+			className: "flex h-full w-full items-center justify-center p-1.5",
+			children: /* @__PURE__ */ r(a, { className: "h-8 w-8 text-primary sm:h-10 sm:w-10" })
+		})
+	}), u[0] = p, u[1] = S, u[2] = m, u[3] = T) : T = u[3];
+	let E;
+	u[4] === d ? E = u[5] : (E = /* @__PURE__ */ r("h3", {
+		className: "title-text mb-1 font-bold text-primary sm:mb-1",
+		children: d
+	}), u[4] = d, u[5] = E);
+	let D;
+	u[6] !== f || u[7] !== C ? (D = o(f, C), u[6] = f, u[7] = C, u[8] = D) : D = u[8];
+	let O;
+	u[9] === D ? O = u[10] : (O = /* @__PURE__ */ r("p", {
+		className: "paragraph-text mb-4 leading-relaxed text-secondary sm:mb-4",
+		children: D
+	}), u[9] = D, u[10] = O);
+	let k;
+	u[11] === v ? k = u[12] : (k = v && v.length > 0 ? /* @__PURE__ */ r("div", {
+		className: "mb-4 grid grid-cols-2 gap-x-2 gap-y-2 sm:mb-6 sm:gap-y-3",
+		children: v.map(l)
+	}) : null, u[11] = v, u[12] = k);
+	let A;
+	u[13] === y ? A = u[14] : (A = y ? /* @__PURE__ */ i("div", {
+		className: "flex items-center gap-2",
+		children: [/* @__PURE__ */ r("div", {
+			className: "flex h-5 w-5 shrink-0 items-center justify-center rounded-full bg-primary sm:h-6 sm:w-6",
+			children: /* @__PURE__ */ r("span", {
+				className: "paragraph-text font-bold text-white",
+				children: y.badgeText
+			})
+		}), /* @__PURE__ */ r("span", {
+			className: "paragraph-text text-secondary",
+			children: y.label
+		})]
+	}) : null, u[13] = y, u[14] = A);
+	let j;
+	u[15] !== E || u[16] !== O || u[17] !== k || u[18] !== A ? (j = /* @__PURE__ */ i("div", {
+		className: "mt-10",
+		children: [
+			E,
+			O,
+			k,
+			A
+		]
+	}), u[15] = E, u[16] = O, u[17] = k, u[18] = A, u[19] = j) : j = u[19];
+	let M;
+	u[20] !== j || u[21] !== T ? (M = /* @__PURE__ */ i(n, { children: [T, j] }), u[20] = j, u[21] = T, u[22] = M) : M = u[22];
+	let N = M;
+	if (g) {
+		let e = `${s} ${w}`, n;
+		u[23] === e ? n = u[24] : (n = e.trim(), u[23] = e, u[24] = n);
+		let i;
+		return u[25] !== N || u[26] !== n || u[27] !== g ? (i = /* @__PURE__ */ r(t, {
+			to: g,
+			className: n,
+			children: N
+		}), u[25] = N, u[26] = n, u[27] = g, u[28] = i) : i = u[28], i;
+	}
+	let P = `${s} ${w}`, F;
+	u[29] === P ? F = u[30] : (F = P.trim(), u[29] = P, u[30] = F);
+	let I;
+	return u[31] !== N || u[32] !== _ || u[33] !== F ? (I = /* @__PURE__ */ r("div", {
+		className: F,
+		onClick: _,
+		children: N
+	}), u[31] = N, u[32] = _, u[33] = F, u[34] = I) : I = u[34], I;
+}
+function l(e, t) {
+	return /* @__PURE__ */ i("div", {
+		className: "flex gap-2 sm:gap-3",
+		children: [/* @__PURE__ */ r("div", {
+			className: "h-4 w-4 shrink-0 text-primary sm:h-5 sm:w-5 [&_svg]:h-full [&_svg]:w-full",
+			children: e.icon
+		}), /* @__PURE__ */ r("span", {
+			className: "paragraph-text capitalize text-secondary",
+			children: e.label
+		})]
+	}, t);
+}
+//#endregion
+export { c as BookingDetailsCard };

package/dist/ui/Breadcrumbs.js

@@ -0,0 +1,83 @@
+import { c as e } from "react/compiler-runtime";
+import { NavLink as t, useMatches as n, useSearchParams as r } from "react-router-dom";
+import { Fragment as i, jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region src/ui/Breadcrumbs.tsx
+function s(t) {
+	let n = e(3), { className: r } = t, i;
+	n[0] === Symbol.for("react.memo_cache_sentinel") ? (i = /* @__PURE__ */ a("path", {
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		d: "M9 5l7 7-7 7"
+	}), n[0] = i) : i = n[0];
+	let o;
+	return n[1] === r ? o = n[2] : (o = /* @__PURE__ */ a("svg", {
+		className: r,
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: 2,
+		"aria-hidden": !0,
+		children: i
+	}), n[1] = r, n[2] = o), o;
+}
+var c = "max-w-[120px] cursor-pointer truncate text-secondary hover:underline sm:max-w-[180px] md:max-w-[240px]", l = "max-w-[120px] truncate font-bold text-primary sm:max-w-[180px] md:max-w-[240px]", u = "max-w-[120px] truncate text-secondary sm:max-w-[180px] md:max-w-[240px]";
+function d(n) {
+	let r = e(11), { items: d, className: f, separatorClassName: p } = n, m = f === void 0 ? "" : f, h = p === void 0 ? "ms-2 me-2 h-2 w-2 shrink-0 text-secondary sm:h-4 sm:w-4" : p, g = `breadcrum-text mt-10 flex flex-wrap items-center gap-x-1 gap-y-2 px-6 ${m}`, _;
+	r[0] === g ? _ = r[1] : (_ = g.trim(), r[0] = g, r[1] = _);
+	let v;
+	if (r[2] !== d || r[3] !== h) {
+		let e;
+		r[5] !== d.length || r[6] !== h ? (e = (e, n) => /* @__PURE__ */ a("span", {
+			className: "flex items-center justify-center",
+			children: n === d.length - 1 ? /* @__PURE__ */ a("span", {
+				className: l,
+				children: e.label
+			}) : /* @__PURE__ */ o(i, { children: [e.to == null ? /* @__PURE__ */ a("span", {
+				className: u,
+				children: e.label
+			}) : /* @__PURE__ */ a(t, {
+				to: e.to,
+				className: c,
+				children: e.label
+			}), /* @__PURE__ */ a(s, { className: h })] })
+		}, `${String(e.to ?? "item")}-${n}`), r[5] = d.length, r[6] = h, r[7] = e) : e = r[7], v = d.map(e), r[2] = d, r[3] = h, r[4] = v;
+	} else v = r[4];
+	let y;
+	return r[8] !== _ || r[9] !== v ? (y = /* @__PURE__ */ a("nav", {
+		className: _,
+		"aria-label": "Breadcrumb",
+		children: v
+	}), r[8] = _, r[9] = v, r[10] = y) : y = r[10], y;
+}
+function f(t) {
+	let i = e(11), { className: o, separatorClassName: s } = t, c = o === void 0 ? "" : o, l = s === void 0 ? "ms-2 me-2 h-2 w-2 shrink-0 text-secondary sm:h-4 sm:w-4" : s, u = n(), [f] = r(), m;
+	i[0] === f ? m = i[1] : (m = f.toString() ? `?${f.toString()}` : "", i[0] = f, i[1] = m);
+	let h = m, g;
+	if (i[2] !== u || i[3] !== h) {
+		let e;
+		i[5] === h ? e = i[6] : (e = (e) => ({
+			name: e.handle.crumb,
+			pathname: e.pathname,
+			search: h
+		}), i[5] = h, i[6] = e);
+		let t = u.filter(p).map(e);
+		g = t.map((e, n) => ({
+			label: e.name,
+			to: n < t.length - 1 ? e.pathname + e.search : void 0
+		})), i[2] = u, i[3] = h, i[4] = g;
+	} else g = i[4];
+	let _ = g;
+	if (_.length === 0) return null;
+	let v;
+	return i[7] !== c || i[8] !== _ || i[9] !== l ? (v = /* @__PURE__ */ a(d, {
+		items: _,
+		className: c,
+		separatorClassName: l
+	}), i[7] = c, i[8] = _, i[9] = l, i[10] = v) : v = i[10], v;
+}
+function p(e) {
+	let t = e.handle;
+	return t != null && t.crumb != null && t.crumb !== "";
+}
+//#endregion
+export { d as BreadcrumbTrail, f as Breadcrumbs };

package/dist/ui/Button.js

@@ -0,0 +1,66 @@
+import { c as e } from "react/compiler-runtime";
+import { NavLink as t } from "react-router-dom";
+import { Fragment as n, jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/ui/Button.tsx
+var a = {
+	fit: "w-fit",
+	full: "w-full",
+	auto: "w-auto",
+	min: "w-min",
+	max: "w-max"
+};
+function o(o) {
+	let s = e(27), { title: c, outline: l, className: u, width: d, onClick: f, disabled: p, loading: m, loadingClass: h, pulseDotClass: g, type: _, icon: v, to: y, children: b } = o, x = l === void 0 ? !1 : l, S = u === void 0 ? "h-fit" : u, C = d === void 0 ? "fit" : d, w = p === void 0 ? !1 : p, T = m === void 0 ? !1 : m, E = h === void 0 ? "" : h, D = g === void 0 ? "" : g, O = _ === void 0 ? "button" : _, k = a[C] ?? a.fit, A = x ? "border bg-transparent border-primary text-primary font-bold" : "bg-primary text-white font-bold border border-primary", j;
+	s[0] !== S || s[1] !== A || s[2] !== k ? (j = [
+		A,
+		"flex",
+		"cursor-pointer",
+		"px-5 py-2.5",
+		k,
+		"rounded-button-primary",
+		"items-center",
+		"justify-center",
+		"text-sm",
+		"transition-all",
+		"duration-200",
+		"ease-in-out",
+		"disabled:opacity-50",
+		"disabled:cursor-not-allowed",
+		S
+	].filter(Boolean), s[0] = S, s[1] = A, s[2] = k, s[3] = j) : j = s[3];
+	let M = j.join(" "), N = b ?? c, P;
+	s[4] !== N || s[5] !== T || s[6] !== E || s[7] !== x || s[8] !== D ? (P = T ? /* @__PURE__ */ r("div", {
+		className: `flex space-x-2.5 py-2 items-center ${E}`,
+		role: "status",
+		"aria-label": "Loading",
+		children: Array.from({ length: 3 }, (e, t) => /* @__PURE__ */ r("div", { className: `w-2 h-2 rounded-full pulse-scale-dot ${x ? "bg-primary" : "bg-white"} ${D}` }, t))
+	}) : N, s[4] = N, s[5] = T, s[6] = E, s[7] = x, s[8] = D, s[9] = P) : P = s[9];
+	let F;
+	s[10] === v ? F = s[11] : (F = v ? /* @__PURE__ */ r("span", {
+		className: "ml-2",
+		children: v
+	}) : null, s[10] = v, s[11] = F);
+	let I;
+	s[12] !== P || s[13] !== F ? (I = /* @__PURE__ */ i(n, { children: [P, F] }), s[12] = P, s[13] = F, s[14] = I) : I = s[14];
+	let L = I;
+	if (y) {
+		let e = w || T, n;
+		return s[15] !== M || s[16] !== L || s[17] !== f || s[18] !== e || s[19] !== y ? (n = /* @__PURE__ */ r(t, {
+			to: y,
+			className: M,
+			onClick: f,
+			"aria-disabled": e,
+			children: L
+		}), s[15] = M, s[16] = L, s[17] = f, s[18] = e, s[19] = y, s[20] = n) : n = s[20], n;
+	}
+	let R = w || T, z;
+	return s[21] !== M || s[22] !== L || s[23] !== f || s[24] !== R || s[25] !== O ? (z = /* @__PURE__ */ r("button", {
+		className: M,
+		disabled: R,
+		onClick: f,
+		type: O,
+		children: L
+	}), s[21] = M, s[22] = L, s[23] = f, s[24] = R, s[25] = O, s[26] = z) : z = s[26], z;
+}
+//#endregion
+export { o as Button };

package/dist/ui/Card.js

@@ -0,0 +1,155 @@
+import { c as e } from "react/compiler-runtime";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region src/ui/Card.tsx
+function r(r) {
+	let i = e(25), { title: a, description: o, image: s, imageAlt: c, onClick: l, className: u, style: d } = r, f = u === void 0 ? "" : u, p = c ?? (typeof a == "string" ? a : "Card image"), m = `shrink-0 px-2 ${f}`, h;
+	i[0] === m ? h = i[1] : (h = m.trim(), i[0] = m, i[1] = h);
+	let g;
+	i[2] === l ? g = i[3] : (g = l ? (e) => {
+		(e.key === "Enter" || e.key === " ") && (e.preventDefault(), l());
+	} : void 0, i[2] = l, i[3] = g);
+	let _ = l ? "button" : void 0, v = l ? 0 : void 0, y;
+	i[4] !== p || i[5] !== s ? (y = /* @__PURE__ */ t("div", {
+		className: "relative h-[220px] w-full sm:h-[280px] md:h-[320px] lg:h-[360px]",
+		children: /* @__PURE__ */ t("img", {
+			src: s,
+			alt: p,
+			className: "absolute inset-0 h-full w-full rounded-2xl object-cover",
+			loading: "lazy",
+			decoding: "async"
+		})
+	}), i[4] = p, i[5] = s, i[6] = y) : y = i[6];
+	let b;
+	i[7] === a ? b = i[8] : (b = /* @__PURE__ */ t("h3", {
+		className: "text-center text-lg font-bold text-primary transition-colors duration-200 sm:text-xl md:text-2xl",
+		children: a
+	}), i[7] = a, i[8] = b);
+	let x;
+	i[9] === o ? x = i[10] : (x = /* @__PURE__ */ t("p", {
+		className: "mb-3 text-center text-sm text-secondary sm:text-base",
+		children: o
+	}), i[9] = o, i[10] = x);
+	let S;
+	i[11] !== b || i[12] !== x ? (S = /* @__PURE__ */ n("div", {
+		className: "mt-4 flex w-full flex-1 flex-col justify-between px-2 text-center sm:px-4",
+		children: [b, x]
+	}), i[11] = b, i[12] = x, i[13] = S) : S = i[13];
+	let C;
+	i[14] !== S || i[15] !== y ? (C = /* @__PURE__ */ n("div", {
+		className: "flex h-full flex-col overflow-hidden bg-transparent transition-all duration-300",
+		children: [y, S]
+	}), i[14] = S, i[15] = y, i[16] = C) : C = i[16];
+	let w;
+	return i[17] !== l || i[18] !== d || i[19] !== C || i[20] !== h || i[21] !== g || i[22] !== _ || i[23] !== v ? (w = /* @__PURE__ */ t("div", {
+		className: h,
+		style: d,
+		onClick: l,
+		onKeyDown: g,
+		role: _,
+		tabIndex: v,
+		children: C
+	}), i[17] = l, i[18] = d, i[19] = C, i[20] = h, i[21] = g, i[22] = _, i[23] = v, i[24] = w) : w = i[24], w;
+}
+function i(r) {
+	let i = e(53), { title: a, description: o, img: s, imgMobile: c, imageAlt: l, logo: u, isReverse: d, className: f } = r, p = l === void 0 ? "Info image" : l, m = d === void 0 ? !1 : d, h = `w-full ${f === void 0 ? "" : f}`, g;
+	i[0] === h ? g = i[1] : (g = h.trim(), i[0] = h, i[1] = g);
+	let _ = `relative mb-4 aspect-square w-1/2 ${m ? "float-left mr-5" : "float-right ml-5"}`, v = c ?? s, y;
+	i[2] !== p || i[3] !== v ? (y = /* @__PURE__ */ t("img", {
+		src: v,
+		alt: p,
+		className: "h-full w-full rounded-2xl object-cover",
+		loading: "lazy",
+		decoding: "async"
+	}), i[2] = p, i[3] = v, i[4] = y) : y = i[4];
+	let b;
+	i[5] !== m || i[6] !== u ? (b = u ? /* @__PURE__ */ t("div", {
+		className: `absolute -bottom-4 scale-75 transform ${m ? "-right-4" : "-left-4"}`,
+		children: u
+	}) : null, i[5] = m, i[6] = u, i[7] = b) : b = i[7];
+	let x;
+	i[8] !== _ || i[9] !== y || i[10] !== b ? (x = /* @__PURE__ */ n("div", {
+		className: _,
+		children: [y, b]
+	}), i[8] = _, i[9] = y, i[10] = b, i[11] = x) : x = i[11];
+	let S;
+	i[12] === a ? S = i[13] : (S = /* @__PURE__ */ t("h2", {
+		className: "section-header-text mb-3 text-left font-bold leading-[1.2] text-primary",
+		children: a
+	}), i[12] = a, i[13] = S);
+	let C;
+	i[14] === o ? C = i[15] : (C = /* @__PURE__ */ t("p", {
+		className: "paragraph-text whitespace-pre-line leading-relaxed text-secondary",
+		children: o
+	}), i[14] = o, i[15] = C);
+	let w;
+	i[16] !== x || i[17] !== S || i[18] !== C ? (w = /* @__PURE__ */ n("div", {
+		className: "relative",
+		children: [
+			x,
+			S,
+			C
+		]
+	}), i[16] = x, i[17] = S, i[18] = C, i[19] = w) : w = i[19];
+	let T;
+	i[20] === Symbol.for("react.memo_cache_sentinel") ? (T = /* @__PURE__ */ t("div", { className: "clear-both" }), i[20] = T) : T = i[20];
+	let E;
+	i[21] === w ? E = i[22] : (E = /* @__PURE__ */ n("div", {
+		className: "block w-full lg:hidden",
+		children: [w, T]
+	}), i[21] = w, i[22] = E);
+	let D = `hidden w-full items-center gap-0 lg:flex ${m ? "flex-row-reverse" : "flex-row"}`, O = `flex flex-1 flex-col justify-center gap-6 text-left ${m ? "items-start pl-16" : "items-end pr-16"}`, k;
+	i[23] === a ? k = i[24] : (k = /* @__PURE__ */ t("h2", {
+		className: "section-header-text mb-4 font-bold leading-tight text-primary",
+		children: a
+	}), i[23] = a, i[24] = k);
+	let A;
+	i[25] === o ? A = i[26] : (A = /* @__PURE__ */ t("p", {
+		className: "paragraph-text whitespace-pre-line leading-relaxed text-secondary",
+		children: o
+	}), i[25] = o, i[26] = A);
+	let j;
+	i[27] !== k || i[28] !== A ? (j = /* @__PURE__ */ n("div", {
+		className: "w-full max-w-md",
+		children: [k, A]
+	}), i[27] = k, i[28] = A, i[29] = j) : j = i[29];
+	let M;
+	i[30] !== O || i[31] !== j ? (M = /* @__PURE__ */ t("div", {
+		className: O,
+		children: j
+	}), i[30] = O, i[31] = j, i[32] = M) : M = i[32];
+	let N = `relative flex flex-1 ${m ? "justify-end pr-16" : "justify-start pl-16"}`, P;
+	i[33] !== p || i[34] !== s ? (P = /* @__PURE__ */ t("img", {
+		src: s,
+		alt: p,
+		className: "aspect-square w-full rounded-3xl object-cover",
+		loading: "lazy",
+		decoding: "async"
+	}), i[33] = p, i[34] = s, i[35] = P) : P = i[35];
+	let F;
+	i[36] !== m || i[37] !== u ? (F = u ? /* @__PURE__ */ t("div", {
+		className: `absolute -bottom-4 rounded-full transform ${m ? "-right-4" : "-left-4"}`,
+		children: u
+	}) : null, i[36] = m, i[37] = u, i[38] = F) : F = i[38];
+	let I;
+	i[39] !== P || i[40] !== F ? (I = /* @__PURE__ */ n("div", {
+		className: "relative w-full max-w-md",
+		children: [P, F]
+	}), i[39] = P, i[40] = F, i[41] = I) : I = i[41];
+	let L;
+	i[42] !== N || i[43] !== I ? (L = /* @__PURE__ */ t("div", {
+		className: N,
+		children: I
+	}), i[42] = N, i[43] = I, i[44] = L) : L = i[44];
+	let R;
+	i[45] !== D || i[46] !== M || i[47] !== L ? (R = /* @__PURE__ */ n("div", {
+		className: D,
+		children: [M, L]
+	}), i[45] = D, i[46] = M, i[47] = L, i[48] = R) : R = i[48];
+	let z;
+	return i[49] !== E || i[50] !== R || i[51] !== g ? (z = /* @__PURE__ */ n("div", {
+		className: g,
+		children: [E, R]
+	}), i[49] = E, i[50] = R, i[51] = g, i[52] = z) : z = i[52], z;
+}
+//#endregion
+export { i as AboutCard, r as Card };