@stachelock/ui 0.6.3 → 0.6.5

package/dist/inputs/AddressInput.d.ts

@@ -0,0 +1 @@
+export {}

package/dist/inputs/AddressInput.js

@@ -0,0 +1,639 @@
+import { defineComponent as me, inject as pe, onMounted as ye, ref as $, reactive as ve, computed as E, watch as be, createElementBlock as K, openBlock as x, createVNode as y, unref as p, withCtx as C, createElementVNode as v, createCommentVNode as R, normalizeClass as I, createBlock as O, Fragment as he, renderList as xe, toDisplayString as N, resolveDynamicComponent as ke, createTextVNode as H } from "vue";
+import { Combobox as we, ComboboxInput as Ce, ComboboxButton as Ie, TransitionRoot as W, ComboboxOptions as Se, ComboboxOption as Ae } from "@headlessui/vue";
+import { LockClosedIcon as ze, MagnifyingGlassIcon as _e, CheckIcon as $e, ChevronDownIcon as Ke, ChevronUpIcon as Ge } from "@heroicons/vue/20/solid";
+import { ClockIcon as Q, ExclamationCircleIcon as Te, CheckCircleIcon as Me } from "@heroicons/vue/24/outline";
+import { useField as Ue } from "vee-validate";
+import { debounce as X } from "lodash-es";
+import Ee from "../forms/FormFieldWrapper.js";
+import G from "./TextInput.js";
+import { g as Oe } from "../id-DafBB_QF.js";
+import { Loader as Pe } from "@googlemaps/js-api-loader";
+import { _ as Le } from "../_plugin-vue_export-helper-CHgC5LLL.js";
+let k = null, U = null, L = null, T = null, F = !1;
+const M = /* @__PURE__ */ new Map(), Re = 1e3, Ne = 1e3 * 60 * 60 * 24;
+function Fe(e) {
+  k = e, F = !1, T = null, L = null, U = null;
+}
+function De() {
+  return k !== null && !!k.apiKey;
+}
+async function D() {
+  if (!F) {
+    if (T)
+      return T;
+    if (!k?.apiKey)
+      throw new Error(
+        '[Geocoding] API key not configured. Call configureGeocoding({ apiKey: "..." }) first, or configure via StachelockUI plugin with googleMaps.apiKey option.'
+      );
+    return T = (async () => {
+      try {
+        await new Pe({
+          apiKey: k.apiKey,
+          version: k.version || "weekly",
+          id: "__stachelockGoogleMapsScriptId",
+          libraries: k.libraries || ["places", "maps", "geometry"]
+        }).load(), L = await google.maps.importLibrary("places"), U = new google.maps.Geocoder(), F = !0;
+      } catch (e) {
+        throw T = null, console.error("[Geocoding] Error loading Google Maps API:", e), e;
+      }
+    })(), T;
+  }
+}
+function J(e) {
+  return e.trim().toLowerCase().replace(/\s+/g, " ");
+}
+function Y(e) {
+  return typeof e == "string" ? `str:${J(e)}` : `pid:${e.placeId}`;
+}
+function q(e) {
+  const a = M.get(e);
+  return a ? Date.now() - a.ts > Ne ? (M.delete(e), null) : a.result : null;
+}
+function ee(e, a) {
+  try {
+    if (M.size >= Re) {
+      const c = M.keys().next().value;
+      c && M.delete(c);
+    }
+    M.set(e, { result: a, ts: Date.now() });
+  } catch {
+  }
+}
+function te(e, a = 15, c = "200x200") {
+  if (!k?.apiKey) return "";
+  const n = k.staticMapsApiKey || k.apiKey, i = "https://maps.googleapis.com/maps/api/staticmap", f = new URLSearchParams({
+    center: `${e.lat},${e.lng}`,
+    zoom: a.toString(),
+    size: c,
+    key: n,
+    markers: `color:red|${e.lat},${e.lng}`
+  });
+  return `${i}?${f.toString()}`;
+}
+async function Be(e) {
+  if (!e?.trim())
+    return {
+      status: "INVALID_INPUT",
+      message: "No placeId provided for geocoding."
+    };
+  await D();
+  const a = Y({ placeId: e }), c = q(a);
+  return c || new Promise((n) => {
+    if (!U) {
+      n({
+        status: "ERROR",
+        message: "Geocoder service not initialized."
+      });
+      return;
+    }
+    U.geocode({ placeId: e }, (i, f) => {
+      if (f === google.maps.GeocoderStatus.OK && i && i.length > 0) {
+        const d = i[0], r = d.geometry ? {
+          lat: d.geometry.location.lat(),
+          lng: d.geometry.location.lng()
+        } : void 0, h = {
+          status: "OK",
+          message: "Found address",
+          address_components: d.address_components || [],
+          location: r,
+          formatted_address: d.formatted_address || "",
+          thumbnailUrl: r ? te(r) : void 0
+        };
+        ee(a, h), n(h);
+      } else
+        n({
+          status: f.toString(),
+          message: `Unable to geocode place: ${f}`
+        });
+    });
+  });
+}
+function Ve(e) {
+  const a = J(e);
+  if (a.length < 10) return !1;
+  const c = /\d/.test(a), n = a.includes(","), i = /\b([A-Z]{2})\b/i.test(e), f = /\b\d{5}(?:-\d{4})?\b/.test(a);
+  return (n || i || f) && c;
+}
+async function je(e) {
+  if (!e?.trim())
+    return {
+      status: "INVALID_INPUT",
+      message: "No address provided for geocoding."
+    };
+  if (!Ve(e))
+    return {
+      status: "INVALID_INPUT",
+      message: "Insufficient address information for geocoding."
+    };
+  await D();
+  const a = Y(e), c = q(a);
+  return c || new Promise((n) => {
+    if (!U) {
+      n({
+        status: "ERROR",
+        message: "Geocoder service not initialized."
+      });
+      return;
+    }
+    U.geocode({ address: e }, (i, f) => {
+      if (f === google.maps.GeocoderStatus.OK && i && i.length > 0) {
+        const d = i[0], r = d.geometry ? {
+          lat: d.geometry.location.lat(),
+          lng: d.geometry.location.lng()
+        } : void 0, h = {
+          status: "OK",
+          message: "Found address",
+          address_components: d.address_components || [],
+          location: r,
+          formatted_address: d.formatted_address || "",
+          thumbnailUrl: r ? te(r) : void 0
+        };
+        ee(a, h), n(h);
+      } else
+        n({
+          status: f.toString(),
+          message: `Unable to geocode address: ${f}`
+        });
+    });
+  });
+}
+async function Ze(e, a) {
+  if (!e?.trim())
+    return [];
+  if (await D(), !L)
+    return console.warn("[Geocoding] Places library not initialized"), [];
+  try {
+    const { AutocompleteSuggestion: c } = L, n = {
+      input: e,
+      ...a?.includedPrimaryTypes && { includedPrimaryTypes: a.includedPrimaryTypes },
+      ...a?.includedRegionCodes && { includedRegionCodes: a.includedRegionCodes }
+    }, { suggestions: i } = await c.fetchAutocompleteSuggestions(n);
+    return i.filter(
+      (d) => d.placePrediction !== null
+    ).map((d) => {
+      const r = d.placePrediction;
+      return {
+        placeId: r.placeId,
+        description: r.text.toString(),
+        mainText: r.mainText?.toString() || r.text.toString(),
+        secondaryText: r.secondaryText?.toString() || "",
+        types: r.types || []
+      };
+    });
+  } catch (c) {
+    return console.error("[Geocoding] Error fetching autocomplete suggestions:", c), [];
+  }
+}
+function He(e) {
+  const a = {
+    street: "",
+    city: "",
+    state: "",
+    zipcode: "",
+    country: ""
+  };
+  if (!e?.address_components)
+    return a;
+  let c = "", n = "", i = "", f = "", d = "", r = "", h = "", S = "", A = "", P = "", b = "", z = "";
+  for (const g of e.address_components) {
+    const u = g.types;
+    u.includes("street_number") ? c = g.long_name : u.includes("route") ? n = g.long_name : u.includes("subpremise") ? i = g.long_name : u.includes("premise") ? f = g.long_name : u.includes("locality") ? d = g.long_name : u.includes("sublocality") || u.includes("sublocality_level_1") ? u.includes("sublocality_level_1") ? h = g.long_name : r = g.long_name : u.includes("administrative_area_level_2") ? S = g.long_name : u.includes("administrative_area_level_3") ? A = g.long_name : u.includes("postal_town") ? P = g.long_name : u.includes("administrative_area_level_1") ? a.state = g.short_name : u.includes("postal_code") ? b = g.long_name : u.includes("postal_code_prefix") ? z = g.long_name : u.includes("country") && (a.country = g.short_name);
+  }
+  return c && n ? a.street = `${c} ${n}` : n ? a.street = n : f && (a.street = f), i && a.street && (a.street = `${a.street}, ${i}`), a.city = d || P || h || r || A || S || "", a.zipcode = b || z || "", a;
+}
+function We(e) {
+  return [
+    e.street,
+    e.city,
+    e.state && e.zipcode ? `${e.state} ${e.zipcode}` : e.state || e.zipcode,
+    e.country
+  ].filter(Boolean).join(", ");
+}
+const Qe = { class: "sl-address-input" }, Xe = { class: "sl-space-y-3" }, Je = { class: "sl-relative" }, Ye = { class: "sl-flex sl-flex-col" }, qe = {
+  key: 0,
+  class: "sl-flex sl-items-center sl-justify-between"
+}, et = { class: "sl-flex sl-items-center sl-gap-2" }, tt = { class: "sl-grid sl-grid-cols-1 sm:sl-grid-cols-2 sl-gap-3 sl-p-3 sl-bg-gray-50 dark:sl-bg-slate-800/50 sl-rounded-lg sl-border sl-border-gray-200 dark:sl-border-slate-700" }, st = { class: "sm:sl-col-span-2" }, lt = /* @__PURE__ */ me({
+  __name: "AddressInput",
+  props: {
+    name: {},
+    modelValue: {},
+    label: { default: "" },
+    placeholder: { default: "Search for an address..." },
+    disabled: { type: Boolean, default: !1 },
+    rules: {},
+    showSuggestionCount: { type: Boolean, default: !1 },
+    allowManualEntry: { type: Boolean, default: !0 },
+    successMessage: { default: "" },
+    tertiaryLabel: { default: "" },
+    validateOnMount: { type: Boolean, default: !1 }
+  },
+  emits: ["update:modelValue", "blur", "focus"],
+  setup(e, { expose: a, emit: c }) {
+    const n = e, i = c, f = Oe(n.name || "address-input"), d = pe("googleMaps", void 0);
+    ye(() => {
+      d?.apiKey && !De() && Fe({
+        apiKey: d.apiKey,
+        version: d.version,
+        libraries: d.libraries
+      });
+    });
+    const { value: r, errorMessage: h, meta: S, handleChange: A, setTouched: P } = Ue(
+      () => n.name,
+      n.rules,
+      {
+        validateOnMount: n.validateOnMount,
+        initialValue: n.modelValue
+      }
+    ), b = $([]), z = $(null), g = $(""), u = $(!1), B = $(!1), m = $("unverified"), s = ve({
+      street: "",
+      suite: "",
+      city: "",
+      state: "",
+      zipcode: "",
+      country: ""
+    }), V = E(() => !!(r.value?.formattedAddress || r.value?.street)), se = E(() => n.showSuggestionCount && b.value.length > 0 ? `${b.value.length} suggestions` : n.tertiaryLabel), j = E(() => {
+      switch (m.value) {
+        case "verified":
+          return "sl-text-green-600 dark:sl-text-green-400";
+        case "error":
+          return "sl-text-red-600 dark:sl-text-red-400";
+        case "pending":
+          return "sl-text-yellow-600 dark:sl-text-yellow-400";
+        default:
+          return "sl-text-gray-500 dark:sl-text-slate-400";
+      }
+    }), le = E(() => {
+      switch (m.value) {
+        case "verified":
+          return "Verified";
+        case "error":
+          return "Not verified";
+        case "pending":
+          return "Verifying...";
+        default:
+          return "Unverified";
+      }
+    }), ae = E(() => {
+      switch (m.value) {
+        case "verified":
+          return Me;
+        case "error":
+          return Te;
+        case "pending":
+          return Q;
+        default:
+          return Q;
+      }
+    }), oe = X(async (l) => {
+      if (!l || l.length < 3) {
+        b.value = [];
+        return;
+      }
+      B.value = !0;
+      try {
+        const t = await Ze(l);
+        b.value = t;
+      } catch (t) {
+        console.error("[AddressInput] Error fetching suggestions:", t), b.value = [];
+      } finally {
+        B.value = !1;
+      }
+    }, 300);
+    function re(l) {
+      const t = l.target;
+      g.value = t.value, oe(t.value);
+    }
+    function ne(l) {
+      return l ? l.description : r.value?.formattedAddress ? r.value.formattedAddress : "";
+    }
+    async function ie(l) {
+      if (l) {
+        m.value = "pending", b.value = [];
+        try {
+          const t = await Be(l.placeId);
+          if (t.status === "OK") {
+            m.value = "verified";
+            const o = He(t);
+            s.street = o.street, s.city = o.city, s.state = o.state, s.zipcode = o.zipcode, s.country = o.country;
+            const w = {
+              formattedAddress: t.formatted_address,
+              street: o.street,
+              suite: s.suite,
+              city: o.city,
+              state: o.state,
+              zipcode: o.zipcode,
+              country: o.country,
+              geocode: t,
+              placeId: l.placeId
+            };
+            r.value = w, A(w), i("update:modelValue", w), u.value = !0;
+          } else
+            m.value = "error", console.warn("[AddressInput] Geocoding failed:", t.message);
+        } catch (t) {
+          m.value = "error", console.error("[AddressInput] Geocoding error:", t);
+        }
+      }
+    }
+    const de = ["street", "city", "state", "zipcode", "country"], ce = X(async () => {
+      const l = We(s);
+      if (!l || l.length < 10) {
+        m.value = "unverified";
+        return;
+      }
+      m.value = "pending";
+      try {
+        const t = await je(l);
+        if (t.status === "OK") {
+          m.value = "verified";
+          const o = {
+            formattedAddress: t.formatted_address,
+            street: s.street,
+            suite: s.suite,
+            city: s.city,
+            state: s.state,
+            zipcode: s.zipcode,
+            country: s.country,
+            geocode: t,
+            placeId: void 0
+            // Clear placeId since we re-geocoded
+          };
+          r.value = o, A(o), i("update:modelValue", o);
+        } else
+          m.value = "unverified";
+      } catch (t) {
+        m.value = "error", console.error("[AddressInput] Re-geocoding error:", t);
+      }
+    }, 600);
+    function _(l) {
+      const t = {
+        ...r.value,
+        street: s.street,
+        suite: s.suite,
+        city: s.city,
+        state: s.state,
+        zipcode: s.zipcode,
+        country: s.country
+      };
+      de.includes(l) && (m.value = "unverified", t.geocode = void 0, ce()), r.value = t, A(t), i("update:modelValue", t);
+    }
+    function ue(l) {
+      i("focus", l);
+    }
+    function fe(l) {
+      P(!0), i("blur", l);
+    }
+    be(
+      () => n.modelValue,
+      (l) => {
+        l && (l.geocode?.status === "OK" ? m.value = "verified" : l.geocode?.status === "ERROR" && (m.value = "error"), l !== r.value && (r.value = l, l.street !== void 0 && (s.street = l.street), l.suite !== void 0 && (s.suite = l.suite), l.city !== void 0 && (s.city = l.city), l.state !== void 0 && (s.state = l.state), l.zipcode !== void 0 && (s.zipcode = l.zipcode), l.country !== void 0 && (s.country = l.country)));
+      },
+      { immediate: !0, deep: !0 }
+    );
+    function ge() {
+      r.value = void 0, z.value = null, g.value = "", b.value = [], u.value = !1, m.value = "unverified", s.street = "", s.suite = "", s.city = "", s.state = "", s.zipcode = "", s.country = "";
+    }
+    return a({
+      resetInput: ge,
+      geocodeStatus: m,
+      meta: S,
+      errorMessage: h
+    }), (l, t) => (x(), K("div", Qe, [
+      y(Ee, {
+        id: p(f),
+        name: e.name,
+        label: e.label,
+        "tertiary-label": se.value,
+        "error-message": p(h),
+        "success-message": e.successMessage,
+        "is-valid": p(S).valid,
+        "is-touched": p(S).touched,
+        disabled: e.disabled
+      }, {
+        default: C(() => [
+          v("div", Xe, [
+            y(p(we), {
+              modelValue: z.value,
+              "onUpdate:modelValue": [
+                t[0] || (t[0] = (o) => z.value = o),
+                ie
+              ],
+              disabled: e.disabled,
+              nullable: ""
+            }, {
+              default: C(() => [
+                v("div", Je, [
+                  y(p(Ce), {
+                    id: p(f),
+                    "display-value": ne,
+                    placeholder: e.placeholder || "Search for an address...",
+                    disabled: e.disabled,
+                    class: I([
+                      "sl-block sl-w-full sl-rounded-lg sl-border sl-py-2.5 sl-pl-3 sl-pr-10 sl-text-sm focus:sl-outline-none",
+                      e.disabled ? "sl-border-gray-200 dark:sl-border-slate-700 sl-bg-gray-50 dark:sl-bg-slate-800 sl-text-gray-500 dark:sl-text-slate-400 sl-cursor-not-allowed" : "sl-border-gray-300 dark:sl-border-slate-600 sl-bg-white dark:sl-bg-slate-900 sl-text-gray-900 dark:sl-text-slate-100 placeholder:sl-text-gray-400 dark:placeholder:sl-text-slate-500 focus:sl-border-stachelock-500 focus:sl-ring-2 focus:sl-ring-stachelock-500"
+                    ]),
+                    onChange: re,
+                    onFocus: ue,
+                    onBlur: fe
+                  }, null, 8, ["id", "placeholder", "disabled", "class"]),
+                  y(p(Ie), { class: "sl-absolute sl-inset-y-0 sl-right-0 sl-flex sl-items-center sl-pr-2" }, {
+                    default: C(() => [
+                      e.disabled ? (x(), O(p(ze), {
+                        key: 0,
+                        class: "sl-h-5 sl-w-5 sl-text-gray-400 dark:sl-text-slate-500",
+                        "aria-hidden": "true"
+                      })) : (x(), O(p(_e), {
+                        key: 1,
+                        class: "sl-h-5 sl-w-5 sl-text-gray-400 dark:sl-text-slate-400",
+                        "aria-hidden": "true"
+                      }))
+                    ]),
+                    _: 1
+                  }),
+                  y(p(W), {
+                    leave: "sl-transition sl-ease-in sl-duration-100",
+                    "leave-from": "sl-opacity-100",
+                    "leave-to": "sl-opacity-0"
+                  }, {
+                    default: C(() => [
+                      b.value.length > 0 ? (x(), O(p(Se), {
+                        key: 0,
+                        class: "sl-absolute sl-z-50 sl-mt-1 sl-max-h-60 sl-w-full sl-overflow-auto sl-rounded-md sl-bg-white dark:sl-bg-slate-800 sl-py-1 sl-text-base sl-shadow-lg dark:sl-shadow-slate-900/50 sl-ring-1 sl-ring-black sl-ring-opacity-5 dark:sl-ring-slate-700 focus:sl-outline-none sm:sl-text-sm"
+                      }, {
+                        default: C(() => [
+                          (x(!0), K(he, null, xe(b.value, (o) => (x(), O(p(Ae), {
+                            key: o.placeId,
+                            value: o,
+                            as: "template"
+                          }, {
+                            default: C(({ active: w, selected: Z }) => [
+                              v("li", {
+                                class: I([
+                                  "sl-relative sl-cursor-pointer sl-select-none sl-py-2 sl-pl-10 sl-pr-4",
+                                  w ? "sl-bg-stachelock-600 sl-text-white" : "sl-text-gray-900 dark:sl-text-slate-200"
+                                ])
+                              }, [
+                                v("div", Ye, [
+                                  v("span", {
+                                    class: I(["sl-block sl-truncate", Z ? "sl-font-medium" : "sl-font-normal"])
+                                  }, N(o.mainText), 3),
+                                  v("span", {
+                                    class: I(["sl-text-xs", w ? "sl-text-stachelock-100" : "sl-text-gray-500 dark:sl-text-slate-400"])
+                                  }, N(o.secondaryText), 3)
+                                ]),
+                                Z ? (x(), K("span", {
+                                  key: 0,
+                                  class: I([
+                                    "sl-absolute sl-inset-y-0 sl-left-0 sl-flex sl-items-center sl-pl-3",
+                                    w ? "sl-text-white" : "sl-text-stachelock-600 dark:sl-text-stachelock-400"
+                                  ])
+                                }, [
+                                  y(p($e), {
+                                    class: "sl-h-5 sl-w-5",
+                                    "aria-hidden": "true"
+                                  })
+                                ], 2)) : R("", !0)
+                              ], 2)
+                            ]),
+                            _: 2
+                          }, 1032, ["value"]))), 128))
+                        ]),
+                        _: 1
+                      })) : R("", !0)
+                    ]),
+                    _: 1
+                  })
+                ])
+              ]),
+              _: 1
+            }, 8, ["modelValue", "disabled"]),
+            V.value && !e.disabled ? (x(), K("div", qe, [
+              v("div", et, [
+                v("span", {
+                  class: I(["sl-text-xs sl-uppercase sl-font-medium", j.value])
+                }, N(le.value), 3),
+                (x(), O(ke(ae.value), {
+                  class: I(["sl-h-4 sl-w-4", j.value])
+                }, null, 8, ["class"]))
+              ]),
+              u.value ? (x(), K("button", {
+                key: 1,
+                type: "button",
+                onClick: t[2] || (t[2] = (o) => u.value = !1),
+                class: "sl-text-xs sl-text-gray-500 dark:sl-text-slate-400 hover:sl-underline sl-flex sl-items-center sl-gap-1"
+              }, [
+                t[10] || (t[10] = H(" Collapse ", -1)),
+                y(p(Ge), { class: "sl-h-3 sl-w-3" })
+              ])) : (x(), K("button", {
+                key: 0,
+                type: "button",
+                onClick: t[1] || (t[1] = (o) => u.value = !0),
+                class: "sl-text-xs sl-text-stachelock-600 dark:sl-text-stachelock-400 hover:sl-underline sl-flex sl-items-center sl-gap-1"
+              }, [
+                t[9] || (t[9] = H(" Edit address ", -1)),
+                y(p(Ke), { class: "sl-h-3 sl-w-3" })
+              ]))
+            ])) : R("", !0),
+            y(p(W), {
+              show: u.value && V.value && !e.disabled,
+              enter: "sl-transition sl-ease-out sl-duration-200",
+              "enter-from": "sl-opacity-0 sl-transform sl--translate-y-2",
+              "enter-to": "sl-opacity-100 sl-transform sl-translate-y-0",
+              leave: "sl-transition sl-ease-in sl-duration-150",
+              "leave-from": "sl-opacity-100 sl-transform sl-translate-y-0",
+              "leave-to": "sl-opacity-0 sl-transform sl--translate-y-2"
+            }, {
+              default: C(() => [
+                v("div", tt, [
+                  v("div", st, [
+                    y(G, {
+                      name: `${e.name}_street`,
+                      label: "Street Address",
+                      value: s.street,
+                      disabled: e.disabled,
+                      "show-valid-check": !1,
+                      "colorful-validation": !1,
+                      "onUpdate:value": t[3] || (t[3] = (o) => {
+                        s.street = o, _("street");
+                      })
+                    }, null, 8, ["name", "value", "disabled"])
+                  ]),
+                  v("div", null, [
+                    y(G, {
+                      name: `${e.name}_suite`,
+                      label: "Suite / Apt",
+                      value: s.suite,
+                      disabled: e.disabled,
+                      placeholder: "Optional",
+                      "show-valid-check": !1,
+                      "colorful-validation": !1,
+                      "onUpdate:value": t[4] || (t[4] = (o) => {
+                        s.suite = o, _("suite");
+                      })
+                    }, null, 8, ["name", "value", "disabled"])
+                  ]),
+                  v("div", null, [
+                    y(G, {
+                      name: `${e.name}_city`,
+                      label: "City",
+                      value: s.city,
+                      disabled: e.disabled,
+                      "show-valid-check": !1,
+                      "colorful-validation": !1,
+                      "onUpdate:value": t[5] || (t[5] = (o) => {
+                        s.city = o, _("city");
+                      })
+                    }, null, 8, ["name", "value", "disabled"])
+                  ]),
+                  v("div", null, [
+                    y(G, {
+                      name: `${e.name}_state`,
+                      label: "State",
+                      value: s.state,
+                      disabled: e.disabled,
+                      "show-valid-check": !1,
+                      "colorful-validation": !1,
+                      "onUpdate:value": t[6] || (t[6] = (o) => {
+                        s.state = o, _("state");
+                      })
+                    }, null, 8, ["name", "value", "disabled"])
+                  ]),
+                  v("div", null, [
+                    y(G, {
+                      name: `${e.name}_zipcode`,
+                      label: "ZIP Code",
+                      value: s.zipcode,
+                      disabled: e.disabled,
+                      "show-valid-check": !1,
+                      "colorful-validation": !1,
+                      "onUpdate:value": t[7] || (t[7] = (o) => {
+                        s.zipcode = o, _("zipcode");
+                      })
+                    }, null, 8, ["name", "value", "disabled"])
+                  ]),
+                  v("div", null, [
+                    y(G, {
+                      name: `${e.name}_country`,
+                      label: "Country",
+                      value: s.country,
+                      disabled: e.disabled,
+                      "show-valid-check": !1,
+                      "colorful-validation": !1,
+                      "onUpdate:value": t[8] || (t[8] = (o) => {
+                        s.country = o, _("country");
+                      })
+                    }, null, 8, ["name", "value", "disabled"])
+                  ])
+                ])
+              ]),
+              _: 1
+            }, 8, ["show"])
+          ])
+        ]),
+        _: 1
+      }, 8, ["id", "name", "label", "tertiary-label", "error-message", "success-message", "is-valid", "is-touched", "disabled"])
+    ]));
+  }
+}), pt = /* @__PURE__ */ Le(lt, [["__scopeId", "data-v-d65320d7"]]);
+export {
+  pt as default
+};

package/dist/inputs/ImageDropzoneInput.d.ts

@@ -0,0 +1 @@
+export {}

package/dist/inputs/ImageDropzoneInput.js

@@ -0,0 +1,4 @@
+import { _ as f } from "../ImageDropzoneInput.vue_vue_type_script_setup_true_lang-7JWDfxD2.js";
+export {
+  f as default
+};

package/dist/src/services/geocoding.service.d.ts

@@ -48,6 +48,7 @@ export declare function fetchPlaceSuggestions(query: string, options?: {
 }): Promise<PlaceSuggestion[]>;
 /**
  * Extract individual address fields from geocode result
+ * Handles various address formats from different countries and address types
  */
 export declare function extractAddressFields(geocodeResult: GeocodeResult | null): {
     street: string;