@stachelock/ui 0.6.4 → 0.6.6

package/dist/inputs/AddressInput.js

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