your-ai-workflow-firebase-os 1.14.33 → 1.14.35

package/dist/AddressField-CB1Fcjky.js

@@ -0,0 +1,375 @@
+import { F as e, a as t, ct as n, ht as r, on as i } from "./lucide-react-COexEoX9.js";
+import { i as a, t as o } from "./address-D6MYmA1-.js";
+import { n as s, t as c } from "./dist-C4ycpl2h.js";
+import { useEffect as l, useRef as u, useState as d } from "react";
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
+//#region src/lib/countryList.ts
+var m = null;
+function h() {
+	return m || (m = c.map((e) => {
+		let t = s(e);
+		return {
+			iso2: t.iso2,
+			name: t.name
+		};
+	}).sort((e, t) => e.name.localeCompare(t.name)), m);
+}
+var g = (e) => h().find((t) => t.iso2 === String(e || "").toLowerCase())?.name || "", _ = {
+	"united states of america": "us",
+	usa: "us",
+	"u.s.": "us",
+	"u.s.a.": "us",
+	uk: "gb",
+	"great britain": "gb",
+	england: "gb",
+	scotland: "gb",
+	wales: "gb",
+	"northern ireland": "gb",
+	"russian federation": "ru",
+	deutschland: "de",
+	españa: "es",
+	italia: "it",
+	brasil: "br",
+	"south korea": "kr",
+	"republic of korea": "kr",
+	"north korea": "kp",
+	czechia: "cz",
+	"czech republic": "cz",
+	"viet nam": "vn",
+	türkiye: "tr",
+	"the netherlands": "nl",
+	holland: "nl",
+	uae: "ae",
+	"united arab emirates": "ae",
+	"hong kong sar": "hk",
+	macau: "mo",
+	"ivory coast": "ci",
+	"côte d'ivoire": "ci",
+	eswatini: "sz",
+	"myanmar (burma)": "mm",
+	burma: "mm"
+};
+function v(e) {
+	let t = String(e || "").trim().toLowerCase();
+	if (!t) return "";
+	if (/^[a-z]{2}$/.test(t) && h().some((e) => e.iso2 === t)) return t;
+	if (_[t]) return _[t];
+	let n = h().find((e) => e.name.toLowerCase() === t);
+	return n ? n.iso2 : h().find((e) => t.startsWith(e.name.toLowerCase()) || e.name.toLowerCase().startsWith(t))?.iso2 || "";
+}
+function y(e) {
+	let t = v(e);
+	return t ? g(t) : String(e || "").trim();
+}
+//#endregion
+//#region src/lib/addressLookup.ts
+var b = "https://photon.komoot.io/api/";
+function x(e) {
+	let t = (e.street || "").trim(), n = (e.housenumber || "").trim();
+	return t ? n ? `${n} ${t}` : t : (e.name || "").trim();
+}
+var S = (e) => (e.city || e.town || e.village || e.district || e.county || "").trim();
+function C(e, t) {
+	let n = e.properties;
+	if (!n) return null;
+	let r = x(n), i = S(n);
+	if (!r && !i) return null;
+	let a = (n.state || "").trim(), o = (n.postcode || "").trim(), s = (n.country || "").trim(), c = [a, o].filter(Boolean).join(" ");
+	return {
+		id: `${n.osm_type || "x"}${n.osm_id ?? t}-${t}`,
+		label: [
+			r,
+			i,
+			c,
+			s
+		].filter(Boolean).join(", "),
+		street: r,
+		city: i,
+		region: a,
+		postcode: o,
+		country: s,
+		countryCode: (n.countrycode || "").trim().toLowerCase()
+	};
+}
+function w(e) {
+	let t = /* @__PURE__ */ new Set();
+	return e.filter((e) => {
+		let n = e.label.toLowerCase();
+		return t.has(n) ? !1 : (t.add(n), !0);
+	});
+}
+async function T(e, t = {}) {
+	let n = String(e || "").trim();
+	if (n.length < 3) return [];
+	let r = `${b}?q=${encodeURIComponent(n)}&limit=${t.limit ?? 6}`;
+	try {
+		let e = await fetch(r, { signal: t.signal });
+		if (!e.ok) return [];
+		let n = await e.json();
+		return w((Array.isArray(n?.features) ? n.features : []).map(C).filter((e) => e !== null));
+	} catch {
+		return [];
+	}
+}
+//#endregion
+//#region src/components/AddressField.tsx
+var E = "text-[13px] font-medium text-foreground/50 select-none mb-1.5 ml-1", D = { borderRadius: "var(--input-radius, 0.75rem)" }, O = "flex items-center h-12 w-full px-4 text-[15px] text-foreground transition-all duration-300 glass-panel", k = "block h-12 w-full px-4 py-2 text-[15px] text-foreground transition-all duration-300 placeholder:text-foreground/40 focus:outline-none focus:border-accent glow-focus disabled:cursor-not-allowed disabled:opacity-50 glass-panel", A = "flex-1 min-w-0 bg-transparent border-none outline-none shadow-none p-0 text-[15px] text-foreground placeholder:text-foreground/40 no-glow";
+function j(e) {
+	let [t, n] = d(!1), [r, i] = d(!1), [a, o] = d([]), [s, c] = d(-1), f = u(!1), p = u(!1), m = u(null);
+	return l(() => {
+		if (f.current) {
+			f.current = !1;
+			return;
+		}
+		if (!p.current) {
+			o([]), i(!1), n(!1);
+			return;
+		}
+		let t = e.trim();
+		if (t.length < 3) {
+			o([]), i(!1), n(!1);
+			return;
+		}
+		let r = new AbortController();
+		i(!0);
+		let a = setTimeout(async () => {
+			let e = await T(t, { signal: r.signal });
+			r.signal.aborted || (o(e), c(-1), i(!1), n(e.length > 0));
+		}, 250);
+		return () => {
+			r.abort(), clearTimeout(a);
+		};
+	}, [e]), l(() => {
+		if (!t) return;
+		let e = (e) => {
+			m.current?.contains(e.target) || n(!1);
+		};
+		return document.addEventListener("pointerdown", e, !0), () => document.removeEventListener("pointerdown", e, !0);
+	}, [t]), {
+		open: t,
+		setOpen: n,
+		busy: r,
+		rows: a,
+		active: s,
+		setActive: c,
+		boxRef: m,
+		typed: p,
+		take: (e) => {
+			f.current = !0, e(), n(!1), o([]), c(-1);
+		},
+		onKeyDown: (e, r) => {
+			if (e.key === "Escape" && t) {
+				e.stopPropagation(), n(!1);
+				return;
+			}
+			!t || !a.length || (e.key === "ArrowDown" ? (e.preventDefault(), c((e) => (e + 1) % a.length)) : e.key === "ArrowUp" ? (e.preventDefault(), c((e) => (e <= 0 ? a.length : e) - 1)) : e.key === "Enter" && s >= 0 && (e.preventDefault(), r(a[s])));
+		}
+	};
+}
+function M({ label: n, value: r, disabled: a, onPick: o }) {
+	let [s, c] = d(!1), [m, g] = d(""), _ = u(null), y = u(null);
+	l(() => {
+		if (!s) {
+			g("");
+			return;
+		}
+		y.current?.focus();
+		let e = (e) => {
+			_.current?.contains(e.target) || c(!1);
+		};
+		return document.addEventListener("pointerdown", e, !0), () => document.removeEventListener("pointerdown", e, !0);
+	}, [s]);
+	let b = m.trim().toLowerCase(), x = b ? h().filter((e) => e.name.toLowerCase().includes(b)) : h(), S = v(r);
+	return /* @__PURE__ */ p("div", {
+		className: "relative w-full",
+		ref: _,
+		children: [/* @__PURE__ */ p("button", {
+			type: "button",
+			disabled: a,
+			onClick: () => c((e) => !e),
+			"aria-haspopup": "listbox",
+			"aria-expanded": s,
+			"aria-label": n,
+			className: `${O} justify-between gap-2 text-left cursor-pointer hover:border-accent/40 disabled:cursor-not-allowed disabled:opacity-50`,
+			style: D,
+			children: [/* @__PURE__ */ f("span", {
+				className: `truncate ${r ? "text-foreground" : "text-foreground/40"}`,
+				children: r || "Country"
+			}), /* @__PURE__ */ f(i, { className: `w-3.5 h-3.5 shrink-0 text-foreground/50 transition-transform duration-300 ${s ? "rotate-180" : ""}` })]
+		}), s && /* @__PURE__ */ p("div", {
+			role: "listbox",
+			"aria-label": n,
+			className: "absolute z-[999999] top-[calc(100%+8px)] left-0 w-full glass-popover overflow-hidden",
+			style: D,
+			children: [/* @__PURE__ */ p("div", {
+				className: "flex items-center gap-2 px-3 h-11 border-b border-[var(--panel-border)]/50",
+				children: [/* @__PURE__ */ f(e, { className: "w-3.5 h-3.5 shrink-0 text-foreground/35" }), /* @__PURE__ */ f("input", {
+					ref: y,
+					value: m,
+					onChange: (e) => g(e.target.value),
+					onKeyDown: (e) => {
+						if (e.key === "Escape") {
+							e.stopPropagation(), c(!1);
+							return;
+						}
+						e.key === "Enter" && (e.preventDefault(), x[0] && (o(x[0].name), c(!1)));
+					},
+					placeholder: "Search countries",
+					"aria-label": "Search countries",
+					autoComplete: "off",
+					className: `${A} text-[14px]`
+				})]
+			}), /* @__PURE__ */ p("div", {
+				className: "max-h-56 overflow-y-auto no-scrollbar p-1",
+				children: [
+					r && !b && /* @__PURE__ */ p("div", {
+						role: "option",
+						"aria-selected": !1,
+						onClick: () => {
+							o(""), c(!1);
+						},
+						className: "flex items-center gap-2.5 px-3 py-2.5 text-[13px] font-medium text-foreground/60 hover:bg-foreground/5 cursor-pointer",
+						style: { borderRadius: "calc(var(--input-radius, 0.75rem) - 0.25rem)" },
+						children: [/* @__PURE__ */ f(t, { className: "w-3.5 h-3.5 shrink-0 text-foreground/35" }), /* @__PURE__ */ f("span", {
+							className: "truncate",
+							children: "No country"
+						})]
+					}),
+					x.map((e) => /* @__PURE__ */ f("div", {
+						role: "option",
+						"aria-selected": e.iso2 === S,
+						onClick: () => {
+							o(e.name), c(!1);
+						},
+						className: `flex items-center px-3 py-2.5 transition-colors font-medium text-[13px] cursor-pointer ${e.iso2 === S ? "bg-accent/10 text-accent font-bold" : "text-foreground/80 hover:bg-foreground/5 hover:text-foreground"}`,
+						style: { borderRadius: "calc(var(--input-radius, 0.75rem) - 0.25rem)" },
+						children: /* @__PURE__ */ f("span", {
+							className: "truncate",
+							children: e.name
+						})
+					}, e.iso2)),
+					x.length === 0 && /* @__PURE__ */ f("div", {
+						className: "px-3 py-2.5 text-[13px] text-foreground/40",
+						children: "No match"
+					})
+				]
+			})]
+		})]
+	});
+}
+function N({ id: e, label: t, value: i, onChange: s, required: c = !1, disabled: l = !1, placeholder: u, error: d }) {
+	let m = j(i.street), h = a(v(i.country)), g = (e) => s({
+		...i,
+		...e
+	}), _ = (e) => m.take(() => s({
+		street: e.street,
+		city: e.city,
+		region: e.region,
+		postcode: e.postcode,
+		country: y(e.countryCode || e.country) || i.country
+	})), b = (e, n, r, a, o) => /* @__PURE__ */ f("div", {
+		className: a,
+		children: /* @__PURE__ */ f("input", {
+			type: "text",
+			disabled: l,
+			value: i[e],
+			onChange: (t) => g({ [e]: t.target.value }),
+			placeholder: r,
+			"aria-label": `${t} — ${n}`,
+			autoComplete: o,
+			className: k,
+			style: D
+		})
+	}, e), x = h.postal ? "col-span-1" : "col-span-2", S = h.region ? "col-span-1" : "col-span-2", C = !!(i.country || i.city || i.region || i.postcode);
+	return /* @__PURE__ */ p("div", {
+		className: "flex flex-col w-full",
+		ref: m.boxRef,
+		children: [
+			/* @__PURE__ */ p("label", {
+				className: E,
+				htmlFor: e,
+				children: [
+					t,
+					" ",
+					c && /* @__PURE__ */ f("span", {
+						className: "text-red-500",
+						children: "*"
+					})
+				]
+			}),
+			/* @__PURE__ */ p("div", {
+				className: "relative w-full",
+				children: [/* @__PURE__ */ p("div", {
+					className: `${O} gap-2.5 focus-within:border-accent glow-focus ${d ? "border-red-500/50" : ""}`,
+					style: D,
+					children: [
+						/* @__PURE__ */ f(n, { className: "w-4 h-4 shrink-0 text-foreground/40" }),
+						/* @__PURE__ */ f("input", {
+							id: e,
+							type: "text",
+							required: c,
+							disabled: l,
+							value: i.street,
+							onChange: (e) => {
+								m.typed.current = !0, g({ street: e.target.value });
+							},
+							onFocus: () => {
+								m.rows.length && m.setOpen(!0);
+							},
+							onKeyDown: (e) => m.onKeyDown(e, _),
+							role: "combobox",
+							"aria-expanded": m.open,
+							"aria-autocomplete": "list",
+							"aria-controls": `${e}-list`,
+							placeholder: u || "Start typing your address",
+							autoComplete: "address-line1",
+							className: A
+						}),
+						m.busy && /* @__PURE__ */ f(r, { className: "w-3.5 h-3.5 shrink-0 text-foreground/30 animate-spin" })
+					]
+				}), m.open && /* @__PURE__ */ f("div", {
+					id: `${e}-list`,
+					role: "listbox",
+					"aria-label": t,
+					className: "absolute z-[999999] top-[calc(100%+8px)] left-0 w-full glass-popover overflow-hidden p-1",
+					style: D,
+					children: m.rows.map((e, t) => /* @__PURE__ */ p("div", {
+						role: "option",
+						"aria-selected": t === m.active,
+						onMouseEnter: () => m.setActive(t),
+						onClick: () => _(e),
+						className: `flex items-center gap-2.5 px-3 py-2.5 transition-colors text-[13px] font-medium cursor-pointer ${t === m.active ? "bg-accent/10 text-accent" : "text-foreground/80 hover:bg-foreground/5"}`,
+						style: { borderRadius: "calc(var(--input-radius, 0.75rem) - 0.25rem)" },
+						children: [/* @__PURE__ */ f(n, { className: "w-3.5 h-3.5 shrink-0 text-foreground/35" }), /* @__PURE__ */ f("span", {
+							className: "truncate",
+							children: e.label
+						})]
+					}, e.id))
+				})]
+			}),
+			/* @__PURE__ */ f("div", {
+				className: "mt-2.5",
+				children: /* @__PURE__ */ f(M, {
+					label: `${t} — country`,
+					value: i.country,
+					disabled: l,
+					onPick: (e) => g({ country: e })
+				})
+			}),
+			C && /* @__PURE__ */ p("div", {
+				className: "grid grid-cols-2 gap-2.5 mt-2.5",
+				children: [
+					b("city", "city", o[h.locality], "col-span-2", "address-level2"),
+					h.region && b("region", "region", o[h.region], x, "address-level1"),
+					h.postal && b("postcode", "postcode", o[h.postal], S, "postal-code")
+				]
+			}),
+			d && /* @__PURE__ */ f("p", {
+				className: "text-xs text-red-500 font-medium mt-1.5 ml-1",
+				children: d
+			})
+		]
+	});
+}
+//#endregion
+export { N as AddressField, N as default };

package/dist/AddressField-D6DDopAb.cjs

@@ -0,0 +1 @@
+require(`./chunk-CiTBaPhY.cjs`);const e=require(`./lucide-react-DKUgoIFa.cjs`),t=require(`./address-COc6hg_p.cjs`),n=require(`./dist-CNztuGOG.cjs`);let r=require(`react`),i=require(`react/jsx-runtime`);var a=null;function o(){return a||(a=n.t.map(e=>{let t=n.n(e);return{iso2:t.iso2,name:t.name}}).sort((e,t)=>e.name.localeCompare(t.name)),a)}var s=e=>o().find(t=>t.iso2===String(e||``).toLowerCase())?.name||``,c={"united states of america":`us`,usa:`us`,"u.s.":`us`,"u.s.a.":`us`,uk:`gb`,"great britain":`gb`,england:`gb`,scotland:`gb`,wales:`gb`,"northern ireland":`gb`,"russian federation":`ru`,deutschland:`de`,españa:`es`,italia:`it`,brasil:`br`,"south korea":`kr`,"republic of korea":`kr`,"north korea":`kp`,czechia:`cz`,"czech republic":`cz`,"viet nam":`vn`,türkiye:`tr`,"the netherlands":`nl`,holland:`nl`,uae:`ae`,"united arab emirates":`ae`,"hong kong sar":`hk`,macau:`mo`,"ivory coast":`ci`,"côte d'ivoire":`ci`,eswatini:`sz`,"myanmar (burma)":`mm`,burma:`mm`};function l(e){let t=String(e||``).trim().toLowerCase();if(!t)return``;if(/^[a-z]{2}$/.test(t)&&o().some(e=>e.iso2===t))return t;if(c[t])return c[t];let n=o().find(e=>e.name.toLowerCase()===t);return n?n.iso2:o().find(e=>t.startsWith(e.name.toLowerCase())||e.name.toLowerCase().startsWith(t))?.iso2||``}function u(e){let t=l(e);return t?s(t):String(e||``).trim()}var d=`https://photon.komoot.io/api/`;function f(e){let t=(e.street||``).trim(),n=(e.housenumber||``).trim();return t?n?`${n} ${t}`:t:(e.name||``).trim()}var p=e=>(e.city||e.town||e.village||e.district||e.county||``).trim();function m(e,t){let n=e.properties;if(!n)return null;let r=f(n),i=p(n);if(!r&&!i)return null;let a=(n.state||``).trim(),o=(n.postcode||``).trim(),s=(n.country||``).trim(),c=[a,o].filter(Boolean).join(` `);return{id:`${n.osm_type||`x`}${n.osm_id??t}-${t}`,label:[r,i,c,s].filter(Boolean).join(`, `),street:r,city:i,region:a,postcode:o,country:s,countryCode:(n.countrycode||``).trim().toLowerCase()}}function h(e){let t=new Set;return e.filter(e=>{let n=e.label.toLowerCase();return t.has(n)?!1:(t.add(n),!0)})}async function g(e,t={}){let n=String(e||``).trim();if(n.length<3)return[];let r=`${d}?q=${encodeURIComponent(n)}&limit=${t.limit??6}`;try{let e=await fetch(r,{signal:t.signal});if(!e.ok)return[];let n=await e.json();return h((Array.isArray(n?.features)?n.features:[]).map(m).filter(e=>e!==null))}catch{return[]}}var _=`text-[13px] font-medium text-foreground/50 select-none mb-1.5 ml-1`,v={borderRadius:`var(--input-radius, 0.75rem)`},y=`flex items-center h-12 w-full px-4 text-[15px] text-foreground transition-all duration-300 glass-panel`,b=`block h-12 w-full px-4 py-2 text-[15px] text-foreground transition-all duration-300 placeholder:text-foreground/40 focus:outline-none focus:border-accent glow-focus disabled:cursor-not-allowed disabled:opacity-50 glass-panel`,x=`flex-1 min-w-0 bg-transparent border-none outline-none shadow-none p-0 text-[15px] text-foreground placeholder:text-foreground/40 no-glow`;function S(e){let[t,n]=(0,r.useState)(!1),[i,a]=(0,r.useState)(!1),[o,s]=(0,r.useState)([]),[c,l]=(0,r.useState)(-1),u=(0,r.useRef)(!1),d=(0,r.useRef)(!1),f=(0,r.useRef)(null);return(0,r.useEffect)(()=>{if(u.current){u.current=!1;return}if(!d.current){s([]),a(!1),n(!1);return}let t=e.trim();if(t.length<3){s([]),a(!1),n(!1);return}let r=new AbortController;a(!0);let i=setTimeout(async()=>{let e=await g(t,{signal:r.signal});r.signal.aborted||(s(e),l(-1),a(!1),n(e.length>0))},250);return()=>{r.abort(),clearTimeout(i)}},[e]),(0,r.useEffect)(()=>{if(!t)return;let e=e=>{f.current?.contains(e.target)||n(!1)};return document.addEventListener(`pointerdown`,e,!0),()=>document.removeEventListener(`pointerdown`,e,!0)},[t]),{open:t,setOpen:n,busy:i,rows:o,active:c,setActive:l,boxRef:f,typed:d,take:e=>{u.current=!0,e(),n(!1),s([]),l(-1)},onKeyDown:(e,r)=>{if(e.key===`Escape`&&t){e.stopPropagation(),n(!1);return}!t||!o.length||(e.key===`ArrowDown`?(e.preventDefault(),l(e=>(e+1)%o.length)):e.key===`ArrowUp`?(e.preventDefault(),l(e=>(e<=0?o.length:e)-1)):e.key===`Enter`&&c>=0&&(e.preventDefault(),r(o[c])))}}}function C({label:t,value:n,disabled:a,onPick:s}){let[c,u]=(0,r.useState)(!1),[d,f]=(0,r.useState)(``),p=(0,r.useRef)(null),m=(0,r.useRef)(null);(0,r.useEffect)(()=>{if(!c){f(``);return}m.current?.focus();let e=e=>{p.current?.contains(e.target)||u(!1)};return document.addEventListener(`pointerdown`,e,!0),()=>document.removeEventListener(`pointerdown`,e,!0)},[c]);let h=d.trim().toLowerCase(),g=h?o().filter(e=>e.name.toLowerCase().includes(h)):o(),_=l(n);return(0,i.jsxs)(`div`,{className:`relative w-full`,ref:p,children:[(0,i.jsxs)(`button`,{type:`button`,disabled:a,onClick:()=>u(e=>!e),"aria-haspopup":`listbox`,"aria-expanded":c,"aria-label":t,className:`${y} justify-between gap-2 text-left cursor-pointer hover:border-accent/40 disabled:cursor-not-allowed disabled:opacity-50`,style:v,children:[(0,i.jsx)(`span`,{className:`truncate ${n?`text-foreground`:`text-foreground/40`}`,children:n||`Country`}),(0,i.jsx)(e.on,{className:`w-3.5 h-3.5 shrink-0 text-foreground/50 transition-transform duration-300 ${c?`rotate-180`:``}`})]}),c&&(0,i.jsxs)(`div`,{role:`listbox`,"aria-label":t,className:`absolute z-[999999] top-[calc(100%+8px)] left-0 w-full glass-popover overflow-hidden`,style:v,children:[(0,i.jsxs)(`div`,{className:`flex items-center gap-2 px-3 h-11 border-b border-[var(--panel-border)]/50`,children:[(0,i.jsx)(e.F,{className:`w-3.5 h-3.5 shrink-0 text-foreground/35`}),(0,i.jsx)(`input`,{ref:m,value:d,onChange:e=>f(e.target.value),onKeyDown:e=>{if(e.key===`Escape`){e.stopPropagation(),u(!1);return}e.key===`Enter`&&(e.preventDefault(),g[0]&&(s(g[0].name),u(!1)))},placeholder:`Search countries`,"aria-label":`Search countries`,autoComplete:`off`,className:`${x} text-[14px]`})]}),(0,i.jsxs)(`div`,{className:`max-h-56 overflow-y-auto no-scrollbar p-1`,children:[n&&!h&&(0,i.jsxs)(`div`,{role:`option`,"aria-selected":!1,onClick:()=>{s(``),u(!1)},className:`flex items-center gap-2.5 px-3 py-2.5 text-[13px] font-medium text-foreground/60 hover:bg-foreground/5 cursor-pointer`,style:{borderRadius:`calc(var(--input-radius, 0.75rem) - 0.25rem)`},children:[(0,i.jsx)(e.a,{className:`w-3.5 h-3.5 shrink-0 text-foreground/35`}),(0,i.jsx)(`span`,{className:`truncate`,children:`No country`})]}),g.map(e=>(0,i.jsx)(`div`,{role:`option`,"aria-selected":e.iso2===_,onClick:()=>{s(e.name),u(!1)},className:`flex items-center px-3 py-2.5 transition-colors font-medium text-[13px] cursor-pointer ${e.iso2===_?`bg-accent/10 text-accent font-bold`:`text-foreground/80 hover:bg-foreground/5 hover:text-foreground`}`,style:{borderRadius:`calc(var(--input-radius, 0.75rem) - 0.25rem)`},children:(0,i.jsx)(`span`,{className:`truncate`,children:e.name})},e.iso2)),g.length===0&&(0,i.jsx)(`div`,{className:`px-3 py-2.5 text-[13px] text-foreground/40`,children:`No match`})]})]})]})}function w({id:n,label:r,value:a,onChange:o,required:s=!1,disabled:c=!1,placeholder:d,error:f}){let p=S(a.street),m=t.i(l(a.country)),h=e=>o({...a,...e}),g=e=>p.take(()=>o({street:e.street,city:e.city,region:e.region,postcode:e.postcode,country:u(e.countryCode||e.country)||a.country})),w=(e,t,n,o,s)=>(0,i.jsx)(`div`,{className:o,children:(0,i.jsx)(`input`,{type:`text`,disabled:c,value:a[e],onChange:t=>h({[e]:t.target.value}),placeholder:n,"aria-label":`${r} — ${t}`,autoComplete:s,className:b,style:v})},e),T=m.postal?`col-span-1`:`col-span-2`,E=m.region?`col-span-1`:`col-span-2`,D=!!(a.country||a.city||a.region||a.postcode);return(0,i.jsxs)(`div`,{className:`flex flex-col w-full`,ref:p.boxRef,children:[(0,i.jsxs)(`label`,{className:_,htmlFor:n,children:[r,` `,s&&(0,i.jsx)(`span`,{className:`text-red-500`,children:`*`})]}),(0,i.jsxs)(`div`,{className:`relative w-full`,children:[(0,i.jsxs)(`div`,{className:`${y} gap-2.5 focus-within:border-accent glow-focus ${f?`border-red-500/50`:``}`,style:v,children:[(0,i.jsx)(e.ct,{className:`w-4 h-4 shrink-0 text-foreground/40`}),(0,i.jsx)(`input`,{id:n,type:`text`,required:s,disabled:c,value:a.street,onChange:e=>{p.typed.current=!0,h({street:e.target.value})},onFocus:()=>{p.rows.length&&p.setOpen(!0)},onKeyDown:e=>p.onKeyDown(e,g),role:`combobox`,"aria-expanded":p.open,"aria-autocomplete":`list`,"aria-controls":`${n}-list`,placeholder:d||`Start typing your address`,autoComplete:`address-line1`,className:x}),p.busy&&(0,i.jsx)(e.ht,{className:`w-3.5 h-3.5 shrink-0 text-foreground/30 animate-spin`})]}),p.open&&(0,i.jsx)(`div`,{id:`${n}-list`,role:`listbox`,"aria-label":r,className:`absolute z-[999999] top-[calc(100%+8px)] left-0 w-full glass-popover overflow-hidden p-1`,style:v,children:p.rows.map((t,n)=>(0,i.jsxs)(`div`,{role:`option`,"aria-selected":n===p.active,onMouseEnter:()=>p.setActive(n),onClick:()=>g(t),className:`flex items-center gap-2.5 px-3 py-2.5 transition-colors text-[13px] font-medium cursor-pointer ${n===p.active?`bg-accent/10 text-accent`:`text-foreground/80 hover:bg-foreground/5`}`,style:{borderRadius:`calc(var(--input-radius, 0.75rem) - 0.25rem)`},children:[(0,i.jsx)(e.ct,{className:`w-3.5 h-3.5 shrink-0 text-foreground/35`}),(0,i.jsx)(`span`,{className:`truncate`,children:t.label})]},t.id))})]}),(0,i.jsx)(`div`,{className:`mt-2.5`,children:(0,i.jsx)(C,{label:`${r} — country`,value:a.country,disabled:c,onPick:e=>h({country:e})})}),D&&(0,i.jsxs)(`div`,{className:`grid grid-cols-2 gap-2.5 mt-2.5`,children:[w(`city`,`city`,t.t[m.locality],`col-span-2`,`address-level2`),m.region&&w(`region`,`region`,t.t[m.region],T,`address-level1`),m.postal&&w(`postcode`,`postcode`,t.t[m.postal],E,`postal-code`)]}),f&&(0,i.jsx)(`p`,{className:`text-xs text-red-500 font-medium mt-1.5 ml-1`,children:f})]})}exports.AddressField=w,exports.default=w;