@athbnb/ui 0.0.2 → 0.0.3

package/dist/ui/Dropdown.js

@@ -0,0 +1,609 @@
+import { c as e } from "react/compiler-runtime";
+import { Fragment as t, jsx as n, jsxs as r } from "react/jsx-runtime";
+import * as i from "react";
+//#region src/ui/Dropdown.tsx
+function a(e) {
+	return e.map((e) => typeof e == "string" ? {
+		value: e,
+		label: e
+	} : {
+		...e,
+		value: String(e.value)
+	});
+}
+function ee(t) {
+	let r = e(6), { open: i, className: a } = t, ee = i ? "rotate-180" : "rotate-0", o = a ?? "", s;
+	r[0] !== ee || r[1] !== o ? (s = [
+		"shrink-0 fill-secondary transition-transform duration-200 pointer-events-none",
+		ee,
+		o
+	].filter(Boolean), r[0] = ee, r[1] = o, r[2] = s) : s = r[2];
+	let c = s.join(" "), l;
+	r[3] === Symbol.for("react.memo_cache_sentinel") ? (l = /* @__PURE__ */ n("path", { d: "M7 10l5 5 5-5H7z" }), r[3] = l) : l = r[3];
+	let u;
+	return r[4] === c ? u = r[5] : (u = /* @__PURE__ */ n("svg", {
+		xmlns: "http://www.w3.org/2000/svg",
+		viewBox: "0 0 24 24",
+		className: c,
+		"aria-hidden": !0,
+		children: l
+	}), r[4] = c, r[5] = u), u;
+}
+function o(i) {
+	let a = e(9), { description: ee, error: o, helperText: s, helperClassName: c } = i, l = c === void 0 ? "text-sm" : c, u;
+	a[0] === ee ? u = a[1] : (u = ee ? /* @__PURE__ */ n("div", {
+		className: "mt-1 sm:text-base text-sm text-secondary/60",
+		children: ee
+	}) : null, a[0] = ee, a[1] = u);
+	let d;
+	a[2] !== o || a[3] !== l || a[4] !== s ? (d = (o || s) && /* @__PURE__ */ n("p", {
+		className: `mt-1 ${l} ${o ? "text-red-500" : "text-secondary/50"}`,
+		children: o || s
+	}), a[2] = o, a[3] = l, a[4] = s, a[5] = d) : d = a[5];
+	let f;
+	return a[6] !== u || a[7] !== d ? (f = /* @__PURE__ */ r(t, { children: [u, d] }), a[6] = u, a[7] = d, a[8] = f) : f = a[8], f;
+}
+function s(t) {
+	let o = e(37), { label: s, description: d, placeholder: f, options: p, value: m, onValueChange: h, multiple: te, error: ne, errors: re, className: g, disabled: _, name: v, id: ie } = t, y = f === void 0 ? "Select…" : f, b = te === void 0 ? !1 : te, x = g === void 0 ? "" : g, S = _ === void 0 ? !1 : _, C = a(p), w = ne ?? re, [T, ae] = i.useState(!1), E = ie ?? v, D = `relative space-y-0 ${x}`, O;
+	o[0] !== s || o[1] !== E ? (O = s ? /* @__PURE__ */ n("label", {
+		htmlFor: E,
+		className: "block text-secondary text-sm sm:text-lg font-bold mb-2",
+		children: s
+	}) : null, o[0] = s, o[1] = E, o[2] = O) : O = o[2];
+	let k;
+	o[3] === d ? k = o[4] : (k = d ? /* @__PURE__ */ n("p", {
+		className: "mb-2 sm:text-base text-sm text-secondary/75",
+		children: d
+	}) : null, o[3] = d, o[4] = k);
+	let A, j;
+	o[5] === Symbol.for("react.memo_cache_sentinel") ? (j = () => ae(u), A = () => ae(!1), o[5] = A, o[6] = j) : (A = o[5], j = o[6]);
+	let M;
+	o[7] !== b || o[8] !== h ? (M = (e) => {
+		ae(!1), h(b ? Array.from(e.target.selectedOptions).map(l) : e.target.value);
+	}, o[7] = b, o[8] = h, o[9] = M) : M = o[9];
+	let N;
+	o[10] !== b || o[11] !== y ? (N = b ? null : /* @__PURE__ */ n("option", {
+		value: "",
+		disabled: !0,
+		children: y
+	}), o[10] = b, o[11] = y, o[12] = N) : N = o[12];
+	let P = C.map(c), F;
+	o[13] !== S || o[14] !== b || o[15] !== v || o[16] !== E || o[17] !== A || o[18] !== M || o[19] !== N || o[20] !== P || o[21] !== j || o[22] !== m ? (F = /* @__PURE__ */ r("select", {
+		id: E,
+		name: v,
+		multiple: b,
+		disabled: S,
+		value: m,
+		onMouseDown: j,
+		onBlur: A,
+		onChange: M,
+		className: "appearance-none w-full sm:px-3 sm:py-2.5 px-3 py-1.5 text-sm sm:text-base rounded-medium sm:rounded-primary md:rounded-medium lg:rounded-primary outline -outline-offset-1 outline-primary/50 focus:outline-offset-1 focus:outline-primary cursor-pointer disabled:cursor-not-allowed disabled:opacity-75",
+		children: [N, P]
+	}), o[13] = S, o[14] = b, o[15] = v, o[16] = E, o[17] = A, o[18] = M, o[19] = N, o[20] = P, o[21] = j, o[22] = m, o[23] = F) : F = o[23];
+	let I;
+	o[24] === T ? I = o[25] : (I = /* @__PURE__ */ n("div", {
+		className: "pointer-events-none absolute inset-y-0 right-3 flex items-center",
+		children: /* @__PURE__ */ n(ee, {
+			open: T,
+			className: "sm:w-4 sm:h-4 w-2.5 h-2.5"
+		})
+	}), o[24] = T, o[25] = I);
+	let L;
+	o[26] !== F || o[27] !== I ? (L = /* @__PURE__ */ r("div", {
+		className: "relative",
+		children: [F, I]
+	}), o[26] = F, o[27] = I, o[28] = L) : L = o[28];
+	let R;
+	o[29] === w ? R = o[30] : (R = w ? /* @__PURE__ */ n("p", {
+		className: "text-red-500 text-xs mt-1",
+		children: w
+	}) : null, o[29] = w, o[30] = R);
+	let z;
+	return o[31] !== L || o[32] !== R || o[33] !== D || o[34] !== O || o[35] !== k ? (z = /* @__PURE__ */ r("div", {
+		className: D,
+		children: [
+			O,
+			k,
+			L,
+			R
+		]
+	}), o[31] = L, o[32] = R, o[33] = D, o[34] = O, o[35] = k, o[36] = z) : z = o[36], z;
+}
+function c(e) {
+	return /* @__PURE__ */ n("option", {
+		value: e.value,
+		disabled: e.disabled,
+		children: typeof e.label == "string" ? e.label : e.value
+	}, e.value);
+}
+function l(e) {
+	return e.value;
+}
+function u(e) {
+	return !e;
+}
+function d(e, t) {
+	return !t || typeof e != "string" ? e : e.toLowerCase();
+}
+function f(t) {
+	let s = e(82), c, l, u, f, p, m, h, te, ne, re, g, _, v, ie, y, b, x, S, C, w;
+	s[0] === t ? (c = s[1], l = s[2], u = s[3], f = s[4], p = s[5], m = s[6], h = s[7], te = s[8], ne = s[9], re = s[10], g = s[11], _ = s[12], v = s[13], ie = s[14], y = s[15], b = s[16], x = s[17], S = s[18], C = s[19], w = s[20]) : ({label: te, placeholder: v, name: l, id: c, value: ie, onValueChange: f, onBlur: u, error: y, description: b, helperText: x, required: S, disabled: C, options: p, className: w, selectClassName: ne, optionClassName: re, allowEmpty: g, optionLabelLowercase: _, style: h, ...m} = t, s[0] = t, s[1] = c, s[2] = l, s[3] = u, s[4] = f, s[5] = p, s[6] = m, s[7] = h, s[8] = te, s[9] = ne, s[10] = re, s[11] = g, s[12] = _, s[13] = v, s[14] = ie, s[15] = y, s[16] = b, s[17] = x, s[18] = S, s[19] = C, s[20] = w);
+	let T = te === void 0 ? "" : te, ae = v === void 0 ? "" : v, E = ie === void 0 ? "" : ie, D = y === void 0 ? "" : y, O = b === void 0 ? "" : b, k = x === void 0 ? "" : x, A = S === void 0 ? !1 : S, j = C === void 0 ? !1 : C, M = w === void 0 ? "" : w, N = ne === void 0 ? "" : ne, P = re === void 0 ? "" : re, F = g === void 0 ? !0 : g, I = _ === void 0 ? !1 : _, L = a(p), [R, z] = i.useState(!1), [oe, B] = i.useState(!1), V = c ?? l, se, H;
+	s[21] === E ? (se = s[22], H = s[23]) : (se = () => {
+		E?.toString().trim() && z(!0);
+	}, H = [E], s[21] = E, s[22] = se, s[23] = H), i.useEffect(se, H);
+	let U = `relative flex flex-col ${M}`, W;
+	s[24] === h ? W = s[25] : (W = {
+		textTransform: "none",
+		...h
+	}, s[24] = h, s[25] = W);
+	let G;
+	s[26] === f ? G = s[27] : (G = (e) => {
+		f(e.target.value), B(!1);
+	}, s[26] = f, s[27] = G);
+	let K;
+	s[28] === Symbol.for("react.memo_cache_sentinel") ? (K = () => {
+		z(!0), B(!0);
+	}, s[28] = K) : K = s[28];
+	let q;
+	s[29] !== u || s[30] !== E ? (q = (e) => {
+		E?.toString().trim() || z(!1), B(!1), u?.(e);
+	}, s[29] = u, s[30] = E, s[31] = q) : q = s[31];
+	let J;
+	s[32] === Symbol.for("react.memo_cache_sentinel") ? (J = (e) => {
+		e.target.tagName === "SELECT" && B(!0);
+	}, s[32] = J) : J = s[32];
+	let Y = D ? "border-red-500" : R ? "border-primary" : "border-primary/50", X = j ? "bg-white cursor-not-allowed opacity-75" : "", Z;
+	s[33] !== N || s[34] !== Y || s[35] !== X ? (Z = [
+		"min-h-[42px] peer w-full h-full pl-3 pr-10 py-3 sm:py-3 text-sm bg-transparent border rounded-md outline-none appearance-none transition-all text-[14px] text-ellipsis overflow-hidden whitespace-nowrap cursor-pointer",
+		Y,
+		X,
+		N
+	].filter(Boolean), s[33] = N, s[34] = Y, s[35] = X, s[36] = Z) : Z = s[36];
+	let ce = Z.join(" "), le = !F, ue = !F, de = ae || T, Q;
+	s[37] !== le || s[38] !== ue || s[39] !== de ? (Q = /* @__PURE__ */ n("option", {
+		value: "",
+		disabled: le,
+		hidden: ue,
+		children: de
+	}), s[37] = le, s[38] = ue, s[39] = de, s[40] = Q) : Q = s[40];
+	let $;
+	s[41] !== P || s[42] !== I ? ($ = (e, t) => /* @__PURE__ */ n("option", {
+		value: e.value,
+		disabled: e.disabled,
+		className: `text-[14px] ${P}`,
+		children: d(e.label ?? e.value, I)
+	}, e.value ?? t), s[41] = P, s[42] = I, s[43] = $) : $ = s[43];
+	let fe = L.map($), pe;
+	s[44] !== j || s[45] !== l || s[46] !== m || s[47] !== V || s[48] !== W || s[49] !== G || s[50] !== K || s[51] !== q || s[52] !== J || s[53] !== ce || s[54] !== Q || s[55] !== fe || s[56] !== E ? (pe = /* @__PURE__ */ r("select", {
+		id: V,
+		name: l,
+		value: E,
+		disabled: j,
+		style: W,
+		onChange: G,
+		onFocus: K,
+		onBlur: q,
+		onMouseDown: J,
+		className: ce,
+		...m,
+		children: [Q, fe]
+	}), s[44] = j, s[45] = l, s[46] = m, s[47] = V, s[48] = W, s[49] = G, s[50] = K, s[51] = q, s[52] = J, s[53] = ce, s[54] = Q, s[55] = fe, s[56] = E, s[57] = pe) : pe = s[57];
+	let me = R ? "-top-2.5 text-sm! text-secondary bg-white font-bold" : "top-2.5 text-secondary/50 w-11/12", he = D ? "!text-red-500" : "", ge;
+	s[58] !== me || s[59] !== he ? (ge = [
+		"absolute left-2 px-1 transition-all duration-300 ease-in-out bg-white sm:text-base text-sm pointer-events-none",
+		me,
+		he
+	].filter(Boolean), s[58] = me, s[59] = he, s[60] = ge) : ge = s[60];
+	let _e = ge.join(" "), ve;
+	s[61] === A ? ve = s[62] : (ve = A ? /* @__PURE__ */ n("span", {
+		className: "text-red-500 ml-0.5",
+		children: "*"
+	}) : null, s[61] = A, s[62] = ve);
+	let ye;
+	s[63] !== T || s[64] !== V || s[65] !== _e || s[66] !== ve ? (ye = /* @__PURE__ */ r("label", {
+		htmlFor: V,
+		className: _e,
+		children: [T, ve]
+	}), s[63] = T, s[64] = V, s[65] = _e, s[66] = ve, s[67] = ye) : ye = s[67];
+	let be = R && oe, xe;
+	s[68] === be ? xe = s[69] : (xe = /* @__PURE__ */ n(ee, {
+		open: be,
+		className: "absolute right-3 top-1/2 -translate-y-1/2 h-[14px] w-[14px]"
+	}), s[68] = be, s[69] = xe);
+	let Se;
+	s[70] !== pe || s[71] !== ye || s[72] !== xe ? (Se = /* @__PURE__ */ r("div", {
+		className: "relative",
+		children: [
+			pe,
+			ye,
+			xe
+		]
+	}), s[70] = pe, s[71] = ye, s[72] = xe, s[73] = Se) : Se = s[73];
+	let Ce;
+	s[74] !== O || s[75] !== D || s[76] !== k ? (Ce = /* @__PURE__ */ n(o, {
+		description: O,
+		error: D,
+		helperText: k
+	}), s[74] = O, s[75] = D, s[76] = k, s[77] = Ce) : Ce = s[77];
+	let we;
+	return s[78] !== U || s[79] !== Se || s[80] !== Ce ? (we = /* @__PURE__ */ r("div", {
+		className: U,
+		children: [Se, Ce]
+	}), s[78] = U, s[79] = Se, s[80] = Ce, s[81] = we) : we = s[81], we;
+}
+function p(t) {
+	let s = e(27), { label: c, placeholder: l, name: u, value: f, onValueChange: p, onBlur: h, error: te, description: ne, helperText: re, required: g, disabled: _, options: v, className: ie, optionLabelLowercase: y, listMaxHeightClassName: b } = t, x = c === void 0 ? "" : c, S = l === void 0 ? "" : l, C = f === void 0 ? "" : f, w = te === void 0 ? "" : te, T = ne === void 0 ? "" : ne, ae = re === void 0 ? "" : re, E = g === void 0 ? !1 : g, D = _ === void 0 ? !1 : _, O = ie === void 0 ? "" : ie, k = y === void 0 ? !1 : y, A = b === void 0 ? "max-h-[144px]" : b, j = a(v), M = i.useRef(null), [N, P] = i.useState(!1), [F, I] = i.useState(!1), L;
+	s[0] === C ? L = s[1] : (L = (e) => String(e.value) === String(C), s[0] = C, s[1] = L);
+	let R = j.find(L), z, oe;
+	s[2] !== h || s[3] !== C ? (z = () => {
+		let e = (e) => {
+			M.current && !M.current.contains(e.target) && (I(!1), C?.toString()?.trim() || P(!1), h?.());
+		};
+		return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
+	}, oe = [C, h], s[2] = h, s[3] = C, s[4] = z, s[5] = oe) : (z = s[4], oe = s[5]), i.useEffect(z, oe);
+	let B = w ? "border-red-500" : F || N ? "border-primary" : "border-primary/50", V = D ? "bg-white cursor-not-allowed opacity-50" : "cursor-pointer", se;
+	s[6] !== B || s[7] !== V ? (se = [
+		"min-h-[42px] w-full pl-3 pr-10 py-3 sm:py-3 text-sm bg-transparent border rounded-md outline-none transition-all text-[14px] flex items-center",
+		B,
+		V
+	].filter(Boolean), s[6] = B, s[7] = V, s[8] = se) : se = s[8];
+	let H;
+	s[9] === D ? H = s[10] : (H = () => {
+		D || (I(m), P(!0));
+	}, s[9] = D, s[10] = H);
+	let U;
+	s[11] === Symbol.for("react.memo_cache_sentinel") ? (U = (e) => {
+		e.key === "Escape" && I(!1);
+	}, s[11] = U) : U = s[11];
+	let W = N || R ? "-top-2.5 text-sm! text-secondary font-bold" : "top-2.5 text-secondary/50 w-11/12", G = w ? "!text-red-500" : "", K;
+	s[12] !== W || s[13] !== G ? (K = [
+		"absolute left-2 px-1 transition-all duration-300 ease-in-out bg-white sm:text-base text-sm pointer-events-none",
+		W,
+		G
+	].filter(Boolean), s[12] = W, s[13] = G, s[14] = K) : K = s[14];
+	let q = K.join(" "), J;
+	s[15] === E ? J = s[16] : (J = E ? /* @__PURE__ */ n("span", {
+		className: "text-red-500 ml-0.5",
+		children: "*"
+	}) : null, s[15] = E, s[16] = J);
+	let Y;
+	s[17] !== x || s[18] !== q || s[19] !== J ? (Y = /* @__PURE__ */ r("label", {
+		className: q,
+		children: [x, J]
+	}), s[17] = x, s[18] = q, s[19] = J, s[20] = Y) : Y = s[20];
+	let X;
+	s[21] === F ? X = s[22] : (X = /* @__PURE__ */ n(ee, {
+		open: F,
+		className: "absolute right-3 top-1/2 -translate-y-1/2 h-[14px] w-[14px]"
+	}), s[21] = F, s[22] = X);
+	let Z;
+	return s[23] !== T || s[24] !== w || s[25] !== ae ? (Z = /* @__PURE__ */ n(o, {
+		description: T,
+		error: w,
+		helperText: ae
+	}), s[23] = T, s[24] = w, s[25] = ae, s[26] = Z) : Z = s[26], /* @__PURE__ */ r("div", {
+		ref: M,
+		className: `relative flex flex-col ${O}`,
+		children: [/* @__PURE__ */ r("div", {
+			className: "relative",
+			children: [
+				/* @__PURE__ */ n("div", {
+					id: u,
+					role: "combobox",
+					"aria-expanded": F,
+					"aria-haspopup": "listbox",
+					className: se.join(" "),
+					onClick: H,
+					onKeyDown: U,
+					children: /* @__PURE__ */ n("span", {
+						className: R ? "text-secondary" : "text-secondary/40 text-sm truncate",
+						children: R ? d(R.label ?? R.value, k) : S || x
+					})
+				}),
+				Y,
+				X,
+				F && !D ? /* @__PURE__ */ n("ul", {
+					role: "listbox",
+					className: `absolute z-30 top-full mt-1 w-full bg-white border border-primary/50 rounded-md shadow-lg ${A} overflow-y-auto`,
+					children: j.map((e, t) => {
+						let r = String(e.value), i = r === String(C);
+						return /* @__PURE__ */ n("li", {
+							role: "option",
+							"aria-selected": i,
+							onClick: () => {
+								p(r), I(!1);
+							},
+							className: ["px-3 py-2 cursor-pointer text-sm hover:bg-primary/10", i ? "bg-primary/5 font-semibold text-primary" : "text-secondary"].filter(Boolean).join(" "),
+							children: d(e.label ?? e.value, k)
+						}, e.value ?? t);
+					})
+				}) : null
+			]
+		}), Z]
+	});
+}
+function m(e) {
+	return !e;
+}
+function h(t) {
+	let s = e(36), { label: c, name: l, id: u, placeholder: d, options: f, onSelectionChange: p, onToggle: m, onBlur: h, error: ne, description: re, helperText: g, required: _, disabled: v, className: ie } = t, y = c === void 0 ? "" : c, b = d === void 0 ? "Select an option" : d, x = ne === void 0 ? "" : ne, S = re === void 0 ? "" : re, C = g === void 0 ? "" : g, w = _ === void 0 ? !1 : _, T = v === void 0 ? !1 : v, ae = ie === void 0 ? "" : ie, E = a(f), D = "field" in t && t.field ? t.field.value : t.value, O = "field" in t && t.field ? t.field.onChange : t.onValueChange, k = "field" in t && t.field ? t.field.onBlur : void 0, [A, j] = i.useState(!1), [M, N] = i.useState(!1), P = i.useRef(null), F = u ?? l ?? "dropdown-custom-trigger", I;
+	s[0] === D ? I = s[1] : (I = (e) => e.value === D, s[0] = D, s[1] = I);
+	let L = E.find(I), R = !!(M || D), z, oe;
+	s[2] === Symbol.for("react.memo_cache_sentinel") ? (oe = () => {
+		let e = (e) => {
+			P.current && !P.current.contains(e.target) && (j(!1), N(!1));
+		};
+		return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
+	}, z = [], s[2] = z, s[3] = oe) : (z = s[2], oe = s[3]), i.useEffect(oe, z);
+	let B, V;
+	s[4] !== A || s[5] !== m ? (B = () => {
+		m?.(A);
+	}, V = [A, m], s[4] = A, s[5] = m, s[6] = B, s[7] = V) : (B = s[6], V = s[7]), i.useEffect(B, V);
+	let se = () => L?.label == null ? M || A ? b : "" : L.label, H = R ? "-top-2.5 translate-y-0 text-sm! text-secondary font-bold" : `${x ? "top-1/3" : "top-1/2"} -translate-y-1/2 text-secondary/50 w-[86%] truncate`, U = x ? "!text-red-500" : "", W;
+	s[8] !== H || s[9] !== U ? (W = [
+		"absolute left-2 px-1 text-[14px] transition-all duration-300 ease-in-out bg-white sm:text-base text-sm z-10 pointer-events-none",
+		H,
+		U
+	].filter(Boolean), s[8] = H, s[9] = U, s[10] = W) : W = s[10];
+	let G = W.join(" "), K;
+	s[11] === w ? K = s[12] : (K = w ? /* @__PURE__ */ n("span", {
+		className: "text-red-500 ml-0.5",
+		children: "*"
+	}) : null, s[11] = w, s[12] = K);
+	let q;
+	s[13] !== F || s[14] !== y || s[15] !== G || s[16] !== K ? (q = /* @__PURE__ */ r("label", {
+		htmlFor: F,
+		className: G,
+		children: [y, K]
+	}), s[13] = F, s[14] = y, s[15] = G, s[16] = K, s[17] = q) : q = s[17];
+	let J, Y;
+	s[18] === Symbol.for("react.memo_cache_sentinel") ? (J = () => {
+		j(te), N(!0);
+	}, Y = () => N(!0), s[18] = J, s[19] = Y) : (J = s[18], Y = s[19]);
+	let X;
+	s[20] !== h || s[21] !== k ? (X = (e) => {
+		N(!1), h?.(e), k?.(e);
+	}, s[20] = h, s[21] = k, s[22] = X) : X = s[22];
+	let Z = T ? "bg-white cursor-not-allowed opacity-75" : "", ce = x ? "border-red-500" : M || D ? "border-primary" : "border-primary/50", le;
+	s[23] !== Z || s[24] !== ce ? (le = [
+		"peer w-full sm:h-[48px] h-[42px] px-3 text-left text-[14px] text-base bg-transparent border rounded-md outline-none transition-all",
+		Z,
+		ce
+	].filter(Boolean), s[23] = Z, s[24] = ce, s[25] = le) : le = s[25];
+	let ue = `absolute right-3 ${x ? "top-1/3" : "top-1/2"} -translate-y-1/2 h-[14px] w-[14px]`, de;
+	s[26] !== A || s[27] !== ue ? (de = /* @__PURE__ */ n(ee, {
+		open: A,
+		className: ue
+	}), s[26] = A, s[27] = ue, s[28] = de) : de = s[28];
+	let Q;
+	s[29] !== S || s[30] !== x || s[31] !== C ? (Q = /* @__PURE__ */ n(o, {
+		description: S,
+		error: x,
+		helperText: C
+	}), s[29] = S, s[30] = x, s[31] = C, s[32] = Q) : Q = s[32];
+	let $;
+	return s[33] !== l || s[34] !== D ? ($ = l ? /* @__PURE__ */ n("input", {
+		type: "hidden",
+		name: l,
+		value: D,
+		readOnly: !0
+	}) : null, s[33] = l, s[34] = D, s[35] = $) : $ = s[35], /* @__PURE__ */ r("div", {
+		className: `relative ${ae}`,
+		ref: P,
+		children: [
+			q,
+			/* @__PURE__ */ n("button", {
+				id: F,
+				type: "button",
+				disabled: T,
+				onClick: J,
+				onFocus: Y,
+				onBlur: X,
+				className: le.join(" "),
+				children: /* @__PURE__ */ n("div", {
+					className: `${D ? "text-secondary" : "text-gray-500"} truncate`,
+					children: se()
+				})
+			}),
+			A ? /* @__PURE__ */ n("div", {
+				className: "absolute z-50 w-full mt-1 bg-white border shadow-primary border-primary rounded-md overflow-hidden overflow-y-auto max-h-60",
+				children: E.map((e) => {
+					let t = e.label ?? e.value, i = e.description;
+					return /* @__PURE__ */ r("div", {
+						role: "option",
+						tabIndex: 0,
+						onClick: () => {
+							O(e.value), p?.(e), j(!1);
+						},
+						onKeyDown: (t) => {
+							(t.key === "Enter" || t.key === " ") && (t.preventDefault(), O(e.value), p?.(e), j(!1));
+						},
+						className: "px-4 py-3 hover:bg-gray-50 cursor-pointer text-[14px]",
+						children: [/* @__PURE__ */ n("div", {
+							className: "text-secondary text-sm sm:text-lg",
+							children: t
+						}), i ? /* @__PURE__ */ n("div", {
+							className: "text-sm sm:text-sm text-secondary/75 mt-1",
+							children: i
+						}) : null]
+					}, e.value);
+				})
+			}) : null,
+			de,
+			Q,
+			$
+		]
+	});
+}
+function te(e) {
+	return !e;
+}
+function ne(t) {
+	let s = e(44), { label: c, placeholder: l, name: u, value: d, onValueChange: f, onBlur: p, options: m, allOptions: h, maxSelect: te, error: ne, description: g, helperText: _, required: v, disabled: ie, className: y } = t, b = c === void 0 ? "" : c, x = l === void 0 ? "" : l, S = d === void 0 ? [] : d, C = te === void 0 ? 4 : te, w = ne === void 0 ? "" : ne, T = g === void 0 ? "" : g, ae = _ === void 0 ? "" : _, E = v === void 0 ? !1 : v, D = ie === void 0 ? !1 : ie, O = y === void 0 ? "" : y, k = a(m), A = a(h ?? m), j = i.useRef(null), [M, N] = i.useState(!1), [P, F] = i.useState(!1);
+	i.useEffect(() => {
+		S.length > 0 && N(!0);
+	}, [S]);
+	let I, L;
+	s[0] === p ? (I = s[1], L = s[2]) : (I = () => {
+		let e = (e) => {
+			j.current && !j.current.contains(e.target) && (F(!1), N(!1), p?.(e));
+		};
+		return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
+	}, L = [p], s[0] = p, s[1] = I, s[2] = L), i.useEffect(I, L);
+	let R = (e) => {
+		if (!e) return;
+		let t = S.some((t) => t == e), n;
+		if (t) n = S.filter((t) => t != e);
+		else {
+			if (S.length >= C) return;
+			n = [...S, e];
+		}
+		f(n);
+	}, z = (e) => {
+		f(S.filter((t) => t !== e));
+	}, oe = k.filter((e) => !S.some((t) => t == e.value)), B = `relative flex flex-col ${O}`, V = w ? "border-red-500" : M ? "border-primary" : "border-primary/50", se = D ? "bg-gray-100 cursor-not-allowed" : "bg-white cursor-pointer", H;
+	s[3] !== V || s[4] !== se ? (H = [
+		"relative flex flex-wrap items-center gap-1 min-h-[42px] peer w-full px-3 sm:py-3 py-3 border rounded-md",
+		V,
+		se
+	].filter(Boolean), s[3] = V, s[4] = se, s[5] = H) : H = s[5];
+	let U = H.join(" "), W;
+	s[6] === D ? W = s[7] : (W = () => !D && F(re), s[6] = D, s[7] = W);
+	let G;
+	s[8] === Symbol.for("react.memo_cache_sentinel") ? (G = (e) => e.key === "Escape" && F(!1), s[8] = G) : G = s[8];
+	let K = D ? -1 : 0, q = S.length > 0 ? /* @__PURE__ */ n("div", {
+		className: "flex flex-wrap items-center gap-1 py-1 sm:py-0",
+		children: S.map((e, t) => {
+			let i = A.find((t) => (t.value || t) == e), a = typeof i?.label == "string" ? i.label : i?.label ?? i?.value ?? e;
+			return /* @__PURE__ */ r("span", {
+				className: "flex items-center gap-1 bg-primary/10 text-primary text-xs px-2 py-1 rounded-full",
+				children: [a, /* @__PURE__ */ n("button", {
+					type: "button",
+					className: "text-red-500 ml-1 border-0 bg-transparent p-0 cursor-pointer",
+					"aria-label": `Remove ${String(a)}`,
+					onClick: (t) => {
+						t.stopPropagation(), z(e);
+					},
+					children: "✕"
+				})]
+			}, `${e}-${t}`);
+		})
+	}) : /* @__PURE__ */ n("span", {
+		className: "text-secondary/50 text-sm",
+		children: x || `Select ${b}`
+	}), J;
+	s[9] === P ? J = s[10] : (J = /* @__PURE__ */ n(ee, {
+		open: P,
+		className: "absolute right-3 top-1/2 -translate-y-1/2 sm:w-4 z-10 sm:h-4 w-3 h-3"
+	}), s[9] = P, s[10] = J);
+	let Y;
+	s[11] !== P || s[12] !== U || s[13] !== W || s[14] !== K || s[15] !== q || s[16] !== J ? (Y = /* @__PURE__ */ r("div", {
+		role: "combobox",
+		"aria-expanded": P,
+		className: U,
+		onClick: W,
+		onKeyDown: G,
+		tabIndex: K,
+		children: [q, J]
+	}), s[11] = P, s[12] = U, s[13] = W, s[14] = K, s[15] = q, s[16] = J, s[17] = Y) : Y = s[17];
+	let X = P && !D ? /* @__PURE__ */ n("ul", {
+		role: "listbox",
+		className: "absolute z-30 mt-1 w-full bg-white border border-primary/50 rounded-md shadow-lg max-h-48 overflow-y-auto",
+		children: oe.map((e, t) => {
+			let r = String(e.value), i = S.some((e) => e == r), a = !!e.disabled || !i && S.length >= C;
+			return /* @__PURE__ */ n("li", {
+				role: "option",
+				onClick: () => !a && R(r),
+				className: [
+					"px-3 py-2 cursor-pointer text-sm hover:bg-primary/10",
+					i ? "bg-primary/5 font-semibold" : "",
+					a ? "opacity-50 cursor-not-allowed hover:bg-white" : ""
+				].filter(Boolean).join(" "),
+				children: e.label || e.value
+			}, r ?? t);
+		})
+	}) : null, Z = M || S.length > 0 ? "-top-2.5 text-sm! text-secondary font-bold" : "top-1/2 -translate-y-1/2 text-secondary/50 w-11/12", ce = w ? "!text-red-500" : "", le;
+	s[18] !== Z || s[19] !== ce ? (le = [
+		"absolute left-2 px-1 transition-all duration-300 ease-in-out bg-white sm:text-base text-sm pointer-events-none",
+		Z,
+		ce
+	].filter(Boolean), s[18] = Z, s[19] = ce, s[20] = le) : le = s[20];
+	let ue = le.join(" "), de;
+	s[21] === E ? de = s[22] : (de = E ? /* @__PURE__ */ n("span", {
+		className: "text-red-500 ml-0.5",
+		children: "*"
+	}) : null, s[21] = E, s[22] = de);
+	let Q;
+	s[23] !== b || s[24] !== u || s[25] !== ue || s[26] !== de ? (Q = /* @__PURE__ */ r("label", {
+		htmlFor: u,
+		className: ue,
+		children: [b, de]
+	}), s[23] = b, s[24] = u, s[25] = ue, s[26] = de, s[27] = Q) : Q = s[27];
+	let $;
+	s[28] !== Y || s[29] !== X || s[30] !== Q ? ($ = /* @__PURE__ */ r("div", {
+		className: "relative",
+		children: [
+			Y,
+			X,
+			Q
+		]
+	}), s[28] = Y, s[29] = X, s[30] = Q, s[31] = $) : $ = s[31];
+	let fe;
+	s[32] !== T || s[33] !== w || s[34] !== ae ? (fe = /* @__PURE__ */ n(o, {
+		description: T,
+		error: w,
+		helperText: ae,
+		helperClassName: "text-xs"
+	}), s[32] = T, s[33] = w, s[34] = ae, s[35] = fe) : fe = s[35];
+	let pe;
+	s[36] !== C || s[37] !== S.length ? (pe = S.length > C ? /* @__PURE__ */ r("p", {
+		className: "mt-1 text-xs text-red-500",
+		children: [
+			"You can select up to ",
+			C,
+			" options."
+		]
+	}) : null, s[36] = C, s[37] = S.length, s[38] = pe) : pe = s[38];
+	let me;
+	return s[39] !== B || s[40] !== $ || s[41] !== fe || s[42] !== pe ? (me = /* @__PURE__ */ r("div", {
+		ref: j,
+		className: B,
+		children: [
+			$,
+			fe,
+			pe
+		]
+	}), s[39] = B, s[40] = $, s[41] = fe, s[42] = pe, s[43] = me) : me = s[43], me;
+}
+function re(e) {
+	return !e;
+}
+function g(t) {
+	let r = e(10);
+	switch (t.variant) {
+		case "stacked": {
+			let e;
+			return r[0] === t ? e = r[1] : (e = /* @__PURE__ */ n(s, { ...t }), r[0] = t, r[1] = e), e;
+		}
+		case "floating-native": {
+			let e;
+			return r[2] === t ? e = r[3] : (e = /* @__PURE__ */ n(f, { ...t }), r[2] = t, r[3] = e), e;
+		}
+		case "floating-scrollable": {
+			let e;
+			return r[4] === t ? e = r[5] : (e = /* @__PURE__ */ n(p, { ...t }), r[4] = t, r[5] = e), e;
+		}
+		case "floating-custom": {
+			let e;
+			return r[6] === t ? e = r[7] : (e = /* @__PURE__ */ n(h, { ...t }), r[6] = t, r[7] = e), e;
+		}
+		case "multi": {
+			let e;
+			return r[8] === t ? e = r[9] : (e = /* @__PURE__ */ n(ne, { ...t }), r[8] = t, r[9] = e), e;
+		}
+		default: return null;
+	}
+}
+//#endregion
+export { g as Dropdown, a as normalizeDropdownOptions };

package/dist/ui/GoogleMap.js

@@ -0,0 +1,26 @@
+import { c as e } from "react/compiler-runtime";
+import { jsx as t } from "react/jsx-runtime";
+import { APIProvider as n, Map as r } from "@vis.gl/react-google-maps";
+//#region src/ui/GoogleMap.tsx
+var i = n;
+function a(n) {
+	let i = e(12), a, o, s;
+	i[0] === n ? (a = i[1], o = i[2], s = i[3]) : ({className: s, style: o, ...a} = n, i[0] = n, i[1] = a, i[2] = o, i[3] = s);
+	let c = s === void 0 ? "" : s, l;
+	i[4] === c ? l = i[5] : (l = ["w-full min-h-[280px]", c].filter(Boolean), i[4] = c, i[5] = l);
+	let u = l.join(" "), d;
+	i[6] === o ? d = i[7] : (d = {
+		width: "100%",
+		height: "100%",
+		minHeight: 280,
+		...o
+	}, i[6] = o, i[7] = d);
+	let f;
+	return i[8] !== a || i[9] !== u || i[10] !== d ? (f = /* @__PURE__ */ t(r, {
+		...a,
+		className: u,
+		style: d
+	}), i[8] = a, i[9] = u, i[10] = d, i[11] = f) : f = i[11], f;
+}
+//#endregion
+export { a as GoogleMap, i as GoogleMapsProvider };