@vehiclehistory/property-lib 0.1.99 → 0.1.992

package/dist/main.es.js

@@ -1,6 +1,6 @@
-import { jsx as o, jsxs as M, Fragment as k } from "react/jsx-runtime";
+import { jsx as o, jsxs as M, Fragment as N } from "react/jsx-runtime";
 import m from "classnames";
-import { memo as b, useState as E, useEffect as O } from "react";
+import { memo as y, useState as F, useEffect as O } from "react";
 const X = {
   xxSmall: "w-4 h-4",
   xSmall: "w-5 h-5",
@@ -528,7 +528,7 @@ const X = {
   size: a = "medium",
   viewBox: n = "0 0 20 20"
 }) => {
-  const s = K(t), [r, i] = E(d), [l, c] = E(s);
+  const s = K(t), [r, i] = F(d), [l, c] = F(s);
   return O(() => {
     c(s);
   }, [s]), O(() => {
@@ -551,7 +551,7 @@ const X = {
       }
     }
   );
-}, x = b(e1), t1 = ({
+}, w = y(e1), t1 = ({
   children: d,
   className: e,
   clickHandler: t,
@@ -560,7 +560,7 @@ const X = {
   unmount: s = !0,
   isOpen: r = !1
 }) => {
-  const [i, l] = E(r);
+  const [i, l] = F(r);
   return /* @__PURE__ */ o(
     "div",
     {
@@ -571,7 +571,7 @@ const X = {
         },
         e
       ),
-      children: /* @__PURE__ */ M(k, { children: [
+      children: /* @__PURE__ */ M(N, { children: [
         /* @__PURE__ */ M(
           "button",
           {
@@ -586,7 +586,7 @@ const X = {
             children: [
               /* @__PURE__ */ o("div", { className: "accordion-title font-medium text-slate-700 sm-max:!text-base text-lg flex items-center", children: n }),
               /* @__PURE__ */ o("span", { className: "accordion-icon ml-6 h-7 flex items-center", children: /* @__PURE__ */ o(
-                x,
+                w,
                 {
                   name: "chevronDown",
                   size: "small",
@@ -620,7 +620,7 @@ const X = {
       ] })
     }
   );
-}, $1 = b(t1), a1 = ({
+}, $1 = y(t1), a1 = ({
   children: d,
   className: e,
   messages: t = [],
@@ -664,7 +664,7 @@ const X = {
       ...r,
       children: /* @__PURE__ */ M("div", { className: "flex", children: [
         /* @__PURE__ */ o("div", { className: "flex-shrink-0", children: /* @__PURE__ */ o(
-          x,
+          w,
           {
             name: c,
             viewBox: "0 0 24 24",
@@ -690,7 +690,7 @@ const X = {
       ] })
     }
   );
-}, q1 = b(a1), P1 = ({
+}, q1 = y(a1), P1 = ({
   autoFocus: d = !1,
   className: e,
   dataSearch: t = "container",
@@ -707,14 +707,14 @@ const X = {
   options: H = [],
   parentProps: v = {},
   placeholder: u = "",
-  props: A = {},
+  props: b = {},
   rightIcon: h = "",
-  required: g = !1,
-  showClearIcon: w = !0,
-  showDropdown: y = !0,
-  showLoadingIcon: z = !0,
-  showRightIcon: F = !1,
-  showSearchIcon: N = !0,
+  required: A = !1,
+  showClearIcon: x = !0,
+  showDropdown: g = !0,
+  showLoadingIcon: k = !0,
+  showRightIcon: Z = !1,
+  showSearchIcon: z = !0,
   size: S = "medium",
   styles: I = null,
   title: U,
@@ -734,7 +734,7 @@ const X = {
       style: I ? { ...I } : null,
       ...v,
       children: [
-        N && /* @__PURE__ */ M(
+        z && /* @__PURE__ */ M(
           "span",
           {
             className: m(
@@ -747,7 +747,7 @@ const X = {
             ),
             children: [
               /* @__PURE__ */ o(
-                x,
+                w,
                 {
                   className: "home-search select-none text-gray-500",
                   name: l,
@@ -757,7 +757,7 @@ const X = {
                 }
               ),
               /* @__PURE__ */ o(
-                x,
+                w,
                 {
                   className: "arrow-left select-none text-gray-500 hidden",
                   name: "arrowLeft",
@@ -777,8 +777,8 @@ const X = {
             className: m(
               "w-full bg-white placeholder:bg-white rounded border border-gray-300 py-2 pr-8 shadow-sm focus:outline-none sm-max:text-sm placeholder:text-gray-500 sm-max:placeholder:text-sm placeholder-shown:text-ellipsis truncate",
               {
-                "pl-8": N === !0 && S === "medium",
-                "pl-10": N === !0 && S === "large",
+                "pl-8": z === !0 && S === "medium",
+                "pl-10": z === !0 && S === "large",
                 "px-3 h-10": S === "medium",
                 "px-4 h-12": S === "large",
                 "px-5 h-[60px] sm:!text-base": S === "xLarge",
@@ -786,14 +786,14 @@ const X = {
               },
               r
             ),
-            required: g,
+            required: A,
             autoComplete: "off",
             placeholder: !u && n ? " " : u,
             type: "search",
             name: V || "search-input",
             "data-id": "search-input",
             ...Y,
-            ...A
+            ...b
           }
         ),
         n && /* @__PURE__ */ o(
@@ -802,7 +802,7 @@ const X = {
             className: m(
               "floating-label absolute text-sm !normal-case text-gray-500 duration-300 transform -translate-y-4 scale-75 top-2 z-10 origin-[0] bg-white px-2 peer-focus:text-[#222] peer-focus:px-2 peer-focus:bg-white peer-placeholder-shown:bg-white peer-placeholder-shown:scale-100 peer-placeholder-shown:-translate-y-1/2 peer-placeholder-shown:top-1/2 peer-focus:top-2 peer-focus:scale-75 peer-focus:-translate-y-4 start-1 pointer-events-none",
               {
-                "!left-7": N === !0,
+                "!left-7": z === !0,
                 "left-2": S === "medium",
                 "left-3": S === "large",
                 "left-4": S === "xLarge"
@@ -811,13 +811,13 @@ const X = {
             children: n
           }
         ),
-        w && /* @__PURE__ */ o(
+        x && /* @__PURE__ */ o(
           "span",
           {
             "data-id": "search-clear",
             className: "clear-btn absolute inset-y-0 right-0 flex items-center px-2 hidden",
             children: /* @__PURE__ */ o(
-              x,
+              w,
               {
                 className: "cursor-pointer text-gray-500",
                 name: "xCircle",
@@ -827,13 +827,13 @@ const X = {
             )
           }
         ),
-        z && /* @__PURE__ */ o(
+        k && /* @__PURE__ */ o(
           "span",
           {
             "data-id": "search-loading",
             className: "absolute inset-y-0 right-0 flex items-center px-2 pointer-events-none hidden",
             children: /* @__PURE__ */ o(
-              x,
+              w,
               {
                 className: "animate-spin text-[#222] pointer-events-none",
                 name: "spinnerDark",
@@ -848,11 +848,11 @@ const X = {
           "span",
           {
             "data-id": "right-icon",
-            className: `${F ? "" : "hidden"} absolute inset-y-0 right-0 flex items-center px-2 pointer-events-none`,
-            children: /* @__PURE__ */ o(x, { name: h, size: "small", viewBox: "0 0 24 24" })
+            className: `${Z ? "" : "hidden"} absolute inset-y-0 right-0 flex items-center px-2 pointer-events-none`,
+            children: /* @__PURE__ */ o(w, { name: h, size: "small", viewBox: "0 0 24 24" })
           }
         ),
-        y && /* @__PURE__ */ M(
+        g && /* @__PURE__ */ M(
           "div",
           {
             "data-id": "search-dropdown",
@@ -867,7 +867,7 @@ const X = {
                   "data-title": U,
                   "aria-labelledby": "Label",
                   "aria-activedescendant": "search-item-0",
-                  children: H.length > 0 ? H.map((Z, D) => /* @__PURE__ */ o(
+                  children: H.length > 0 ? H.map((E, D) => /* @__PURE__ */ o(
                     "li",
                     {
                       id: `search-item-${D}`,
@@ -875,7 +875,7 @@ const X = {
                       className: "dropdown-item text-gray-900 cursor-default select-none py-2 pl-3 pr-4 truncate hover:bg-gray-50 font-normal focus:bg-gray-50 focus:text-green-400 focus-visible:outline-0",
                       "aria-selected": D === 0,
                       role: "option",
-                      children: (Z == null ? void 0 : Z.name) || Z
+                      children: (E == null ? void 0 : E.name) || E
                     },
                     `search-item-${D}`
                   )) : ""
@@ -924,11 +924,11 @@ const X = {
   uppercase: v = !1,
   variation: u = "primary"
 }) => {
-  const A = r ? "a" : "button";
+  const b = r ? "a" : "button";
   return /* @__PURE__ */ M(
-    A,
+    b,
     {
-      type: A !== "a" ? H : null,
+      type: b !== "a" ? H : null,
       className: m(
         "button",
         {
@@ -948,7 +948,7 @@ const X = {
       ...l,
       children: [
         e && /* @__PURE__ */ o(
-          x,
+          w,
           {
             name: e,
             size: V === "md" ? "small" : "xSmall",
@@ -958,7 +958,7 @@ const X = {
         ),
         a,
         c && /* @__PURE__ */ o(
-          x,
+          w,
           {
             name: c,
             size: V === "md" ? "small" : "xSmall",
@@ -969,7 +969,7 @@ const X = {
       ]
     }
   );
-}, T = b(n1), s1 = ({
+}, T = y(n1), s1 = ({
   checked: d = !1,
   children: e,
   className: t,
@@ -1014,7 +1014,7 @@ const X = {
       e
     ]
   }
-), R1 = b(s1), l1 = ({
+), R1 = y(s1), l1 = ({
   activator: d,
   ariaLabel: e,
   id: t,
@@ -1030,41 +1030,43 @@ const X = {
   hideClose: V = !1,
   iconSize: H = "medium",
   preventPageScroll: v = !0,
-  sheet: u = !1,
-  sheetDirection: A = "right",
-  stickyHeader: h = !1,
-  title: g = "",
-  titleClass: w,
-  variation: y = "primary",
-  useFormMethod: z = !0
+  props: u = {},
+  sheet: b = !1,
+  sheetDirection: h = "right",
+  stickyHeader: A = !1,
+  title: x = "",
+  titleClass: g,
+  variation: k = "primary",
+  useFormMethod: Z = !0
 }) => {
-  const F = z ? "form" : "div";
-  return /* @__PURE__ */ M(k, { children: [
+  const z = Z ? "form" : "div";
+  return /* @__PURE__ */ M(N, { children: [
     d && /* @__PURE__ */ o("span", { id: `${t}-dialog-activator`, children: d }),
     /* @__PURE__ */ o(
       "dialog",
       {
-        "aria-labelledby": g ? `${t}-dialog-title` : null,
-        "aria-label": !g && e ? e : null,
+        "aria-labelledby": x ? `${t}-dialog-title` : null,
+        "aria-label": !x && e ? e : null,
         ...l ? { closedby: "none" } : null,
         id: t ? `${t}-dialog` : null,
         className: m(
           "dialog",
           {
-            [`dialog-${y}`]: y,
+            [`dialog-${k}`]: k,
             "dialog-full-mobile": p,
-            "dialog-sheet": u,
+            "dialog-sheet": b,
             dark: i,
-            "dialog-sheet--right": A === "right" && u,
+            "dialog-sheet--right": h === "right" && b,
             "prevent-scroll": v
           },
           n
         ),
+        ...u,
         children: /* @__PURE__ */ M(
-          F,
+          z,
           {
             className: "dialog-container",
-            method: z ? "dialog" : null,
+            method: Z ? "dialog" : null,
             children: [
               /* @__PURE__ */ M(
                 "div",
@@ -1072,19 +1074,19 @@ const X = {
                   className: m(
                     "dialog-header",
                     {
-                      "sticky top-0 bg-white z-10": h,
-                      "!pb-0 border-0 justify-end": !g,
-                      "justify-between border-b": g
+                      "sticky top-0 bg-white z-10": A,
+                      "!pb-0 border-0 justify-end": !x,
+                      "justify-between border-b": x
                     },
                     f
                   ),
                   children: [
-                    g && /* @__PURE__ */ o(
+                    x && /* @__PURE__ */ o(
                       "div",
                       {
                         id: `${t}-dialog-title`,
-                        className: m("dialog-title", w),
-                        children: g
+                        className: m("dialog-title", g),
+                        children: x
                       }
                     ),
                     !V && /* @__PURE__ */ o(
@@ -1096,7 +1098,7 @@ const X = {
                         "data-dialog-close": "",
                         value: "close",
                         children: /* @__PURE__ */ o(
-                          x,
+                          w,
                           {
                             name: "close",
                             size: H,
@@ -1129,7 +1131,7 @@ const X = {
       }
     )
   ] });
-}, W1 = b(l1), U1 = ({
+}, W1 = y(l1), U1 = ({
   ariaLabel: d,
   className: e
 }) => /* @__PURE__ */ M(
@@ -1159,23 +1161,23 @@ const X = {
   timeout: r = 1e4,
   variation: i = "primary"
 }) => {
-  const [l, c] = E(0);
+  const [l, c] = F(0);
   function p({ cb: f }) {
     const V = document.querySelector(
       `.loading-bar--inner${n ? `.${n}` : ""}`
     );
     if (!V) return;
     let H, v, u = !1;
-    function A(h) {
+    function b(h) {
       H === void 0 && (H = h);
-      const g = h - H;
+      const A = h - H;
       if (v !== h) {
-        const w = g / r * 101;
-        V.style.width = `${w}%`, c(Math.min(100, Math.round(w))), t && t({ elapsed: g, percentage: w }), w >= 101 && (f && f(), u = !0, window.cancelAnimationFrame(h));
+        const x = A / r * 101;
+        V.style.width = `${x}%`, c(Math.min(100, Math.round(x))), t && t({ elapsed: A, percentage: x }), x >= 101 && (f && f(), u = !0, window.cancelAnimationFrame(h));
       }
-      g < r && (v = h, u || window.requestAnimationFrame(A));
+      A < r && (v = h, u || window.requestAnimationFrame(b));
     }
-    window.requestAnimationFrame(A);
+    window.requestAnimationFrame(b);
   }
   return O(() => {
     p({ cb: e });
@@ -1202,7 +1204,7 @@ const X = {
       children: /* @__PURE__ */ o("div", { className: `loading-bar--inner ${n}`, "data-size": "100" })
     }
   );
-}, G1 = b(r1), i1 = ({
+}, G1 = y(r1), i1 = ({
   ariaLabel: d = "Processing...",
   className: e
 }) => /* @__PURE__ */ o(
@@ -1212,7 +1214,7 @@ const X = {
     "aria-label": d,
     className: m("processing-spinner", e)
   }
-), Q1 = b(i1), J1 = ({
+), Q1 = y(i1), J1 = ({
   activator: d,
   activatorClass: e = "",
   attrs: t = {},
@@ -1222,7 +1224,7 @@ const X = {
   disabled: r = !1,
   options: i = {},
   trigger: l = "click"
-}) => /* @__PURE__ */ M(k, { children: [
+}) => /* @__PURE__ */ M(N, { children: [
   /* @__PURE__ */ o(
     "div",
     {
@@ -1319,7 +1321,7 @@ const X = {
       )
     }
   );
-}, Y1 = b(c1), o1 = ({
+}, Y1 = y(c1), o1 = ({
   checked: d = !1,
   children: e,
   className: t,
@@ -1357,7 +1359,7 @@ const X = {
       e
     ]
   }
-), X1 = b(o1), d1 = ({
+), X1 = y(o1), d1 = ({
   className: d,
   error: e = !1,
   errorMessage: t,
@@ -1405,7 +1407,7 @@ const X = {
               i.map((u) => /* @__PURE__ */ o(
                 "option",
                 {
-                  "aria-label": (u == null ? void 0 : u.name) || (u == null ? void 0 : u.value) || (u == null ? void 0 : u.id) || u,
+                  "aria-label": (u == null ? void 0 : u.label) || (u == null ? void 0 : u.name) || (u == null ? void 0 : u.value) || (u == null ? void 0 : u.id) || u,
                   value: (u == null ? void 0 : u.id) || (u == null ? void 0 : u.value) || (u == null ? void 0 : u.name) || u,
                   children: (u == null ? void 0 : u.name) || (u == null ? void 0 : u.value) || (u == null ? void 0 : u.id) || u
                 },
@@ -1418,7 +1420,7 @@ const X = {
       ]
     }
   );
-}, _1 = b(d1), h1 = ({ className: d }) => /* @__PURE__ */ M(
+}, _1 = y(d1), h1 = ({ className: d }) => /* @__PURE__ */ M(
   "div",
   {
     className: m(
@@ -1426,11 +1428,11 @@ const X = {
       d
     ),
     children: [
-      /* @__PURE__ */ o(x, { size: "xLarge", name: "map", className: "mx-auto" }),
+      /* @__PURE__ */ o(w, { size: "xLarge", name: "map", className: "mx-auto" }),
       /* @__PURE__ */ o("span", { className: "sr-only", children: "Loading..." })
     ]
   }
-), K1 = b(h1), u1 = ({
+), K1 = y(h1), u1 = ({
   placeholderClass: d = "",
   children: e,
   className: t,
@@ -1444,7 +1446,7 @@ const X = {
       id: `btn-left-${a}`,
       type: "button",
       className: "slider-button__prev ",
-      children: /* @__PURE__ */ o(x, { name: "chevronLeft" })
+      children: /* @__PURE__ */ o(w, { name: "chevronLeft" })
     }
   ),
   /* @__PURE__ */ o("div", { id: `slider-container-${a}`, className: "slider-container", children: Array.from({ length: 4 }, (s, r) => /* @__PURE__ */ o(
@@ -1462,17 +1464,17 @@ const X = {
       id: `btn-right-${a}`,
       type: "button",
       className: "slider-button__next",
-      children: /* @__PURE__ */ o(x, { name: "chevronRight" })
+      children: /* @__PURE__ */ o(w, { name: "chevronRight" })
     }
   )
-] }), e2 = b(u1), p1 = ({ ariaLabel: d, className: e, iconClass: t, iconProps: a = {} }) => /* @__PURE__ */ o(
+] }), e2 = y(u1), p1 = ({ ariaLabel: d, className: e, iconClass: t, iconProps: a = {} }) => /* @__PURE__ */ o(
   "div",
   {
     role: "status",
     "aria-label": d,
     className: m("rounded-r-md px-2 focus:outline-none", e),
     children: /* @__PURE__ */ o(
-      x,
+      w,
       {
         className: m(
           "animate-spin text-black-900 motion-reduce:animate-none",
@@ -1485,7 +1487,7 @@ const X = {
       }
     )
   }
-), t2 = b(p1), a2 = ({
+), t2 = y(p1), a2 = ({
   className: d,
   value: e
 }) => {
@@ -1547,7 +1549,7 @@ const X = {
           id: `${n}-clear`,
           className: "textarea-clear absolute right-0 top-2 bottom-auto flex items-center rounded-r-md pr-2 focus:outline-none hidden",
           children: /* @__PURE__ */ o(
-            x,
+            w,
             {
               size: "xSmall",
               name: "xCircle",
@@ -1559,7 +1561,7 @@ const X = {
       a && /* @__PURE__ */ o("span", { className: "relative flex mt-0.5 text-red-700 text-xs text-left", children: a })
     ]
   }
-), f1 = b(m1), V1 = ({
+), f1 = y(m1), V1 = ({
   className: d,
   clear: e = !1,
   error: t = !1,
@@ -1585,7 +1587,7 @@ const X = {
     style: p ? { ...p } : null,
     children: [
       n && /* @__PURE__ */ o("div", { className: "pointer-events-none absolute inset-y-0 left-0 flex items-center px-2", children: /* @__PURE__ */ o(
-        x,
+        w,
         {
           size: "xSmall",
           name: n,
@@ -1621,7 +1623,7 @@ const X = {
           id: `${s}-clear`,
           className: "textbox-clear absolute inset-y-0 right-0 flex items-center rounded-r-md px-2 focus:outline-none hidden",
           children: /* @__PURE__ */ o(
-            x,
+            w,
             {
               size: "xSmall",
               name: "xCircle",
@@ -1633,7 +1635,7 @@ const X = {
       a && /* @__PURE__ */ o("span", { className: "relative flex mt-0.5 text-red-700 text-xs text-left", children: a })
     ]
   }
-), B = b(V1), H1 = ({ checked: d = !1, props: e = {} }) => /* @__PURE__ */ o(k, { children: /* @__PURE__ */ o("label", { className: "flex cursor-pointer select-none items-center", children: /* @__PURE__ */ M("div", { className: "relative", children: [
+), B = y(V1), H1 = ({ checked: d = !1, props: e = {} }) => /* @__PURE__ */ o(N, { children: /* @__PURE__ */ o("label", { className: "flex cursor-pointer select-none items-center", children: /* @__PURE__ */ M("div", { className: "relative", children: [
   /* @__PURE__ */ o(
     "input",
     {
@@ -1655,7 +1657,7 @@ const X = {
       className: `absolute left-1 top-1 flex h-6 w-6 items-center justify-center rounded-full bg-white transition ${d ? "translate-x-full" : ""}`
     }
   )
-] }) }) }), n2 = b(H1), C1 = ({
+] }) }) }), n2 = y(H1), C1 = ({
   btnClass: d,
   btnProps: e = {},
   btnTitle: t = "Submit",
@@ -1666,7 +1668,7 @@ const X = {
   titleClass: i,
   uppercase: l = !0
 }) => {
-  const c = s || /* @__PURE__ */ M(k, { children: [
+  const c = s || /* @__PURE__ */ M(N, { children: [
     "Typical email response time is 2-3 hours. If you require immediate assistance you may use our",
     " ",
     /* @__PURE__ */ o(
@@ -1756,7 +1758,7 @@ const X = {
       ]
     }
   );
-}, s2 = b(C1), L1 = ({
+}, s2 = y(C1), L1 = ({
   block: d = !1,
   children: e,
   className: t,
@@ -1794,7 +1796,7 @@ const X = {
       ]
     }
   );
-}, l2 = b(L1), M1 = ({
+}, l2 = y(L1), M1 = ({
   children: d,
   className: e,
   colGap: t = 2,
@@ -1829,7 +1831,7 @@ const X = {
       d
     ]
   }
-), r2 = b(M1), i2 = ({
+), r2 = y(M1), i2 = ({
   breakPage: d = !1,
   children: e,
   className: t,
@@ -1869,7 +1871,7 @@ const X = {
     ),
     children: n || e
   }
-), o2 = b(v1), g1 = {
+), o2 = y(v1), g1 = {
   circular: "circular 3s linear infinite",
   "circular-reverse": "circular 3s linear reverse infinite",
   "fade-in": "fade-in 0.2.5s ease-out",
@@ -1883,9 +1885,9 @@ const X = {
   "slide-out-to-right": "slide-out-to-right 0.3s ease-in forwards",
   "slide-in-from-right": "slide-in-from-right 0.3s ease-out forwards",
   indeterminate_first: "indeterminate_first 1.1s ease-in-out infinite"
-}, y1 = {
-  map: "var(--map)"
 }, b1 = {
+  map: "var(--map)"
+}, y1 = {
   "3xs": "0.5rem",
   xxs: "0.625rem",
   "2.5xl": "1.625rem",
@@ -2037,8 +2039,8 @@ const X = {
   "center-top": "center 30%"
 }, q = {
   animation: g1,
-  backgroundImage: y1,
-  fontSize: b1,
+  backgroundImage: b1,
+  fontSize: y1,
   gridTemplateColumns: A1,
   keyframes: x1,
   margin: w1,
@@ -2235,8 +2237,8 @@ const X = {
       ...f,
       ...H
     }, Object.entries(r).forEach(([v, u]) => {
-      const A = `.${e(`${t}-${c}-${v}`)}`, h = i ? i({ sizeKey: c, sizeValue: p, weightKey: v, weightValue: u }) : {};
-      l[A] = {
+      const b = `.${e(`${t}-${c}-${v}`)}`, h = i ? i({ sizeKey: c, sizeValue: p, weightKey: v, weightValue: u }) : {};
+      l[b] = {
         ...f,
         "font-weight": u,
         ...h
@@ -2985,23 +2987,23 @@ class C {
       "outside",
       "removed"
     ].reduce(
-      (h, g) => ({
+      (h, A) => ({
         ...h,
-        [g]: new Event(g)
+        [A]: new Event(A)
       }),
       {}
-    ), V = new MutationObserver((h, g) => {
-      h.forEach(async (w) => {
-        if (w.attributeName === "open") {
-          const y = w.target;
-          if (!(y == null ? void 0 : y.hasAttribute("open"))) return;
-          y == null || y.removeAttribute("inert"), y == null || y.dispatchEvent(f.opening), y && await A(y), y == null || y.dispatchEvent(f.opened);
+    ), V = new MutationObserver((h, A) => {
+      h.forEach(async (x) => {
+        if (x.attributeName === "open") {
+          const g = x.target;
+          if (!(g == null ? void 0 : g.hasAttribute("open"))) return;
+          g == null || g.removeAttribute("inert"), g == null || g.dispatchEvent(f.opening), g && await b(g), g == null || g.dispatchEvent(f.opened);
         }
       });
-    }), H = new MutationObserver((h, g) => {
-      h.forEach((w) => {
-        w.removedNodes.forEach((y) => {
-          y.nodeName === "DIALOG" && (y.removeEventListener("click", u), y.removeEventListener("close", v), y.dispatchEvent(f.removed), H == null || H.disconnect(), V == null || V.disconnect());
+    }), H = new MutationObserver((h, A) => {
+      h.forEach((x) => {
+        x.removedNodes.forEach((g) => {
+          g.nodeName === "DIALOG" && (g.removeEventListener("click", u), g.removeEventListener("close", v), g.dispatchEvent(f.removed), H == null || H.disconnect(), V == null || V.disconnect());
         });
       });
     });
@@ -3013,11 +3015,11 @@ class C {
       childList: !0
     }));
     const v = async ({ target: h }) => {
-      h == null || h.classList.add("closing"), h == null || h.setAttribute("inert", ""), h == null || h.dispatchEvent(f.closing), h && await A(h), h == null || h.classList.remove("closing"), h == null || h.removeAttribute("inert"), h == null || h.dispatchEvent(f.closed);
+      h == null || h.classList.add("closing"), h == null || h.setAttribute("inert", ""), h == null || h.dispatchEvent(f.closing), h && await b(h), h == null || h.classList.remove("closing"), h == null || h.removeAttribute("inert"), h == null || h.dispatchEvent(f.closed);
     }, u = async ({ target: h }) => {
       (h == null ? void 0 : h.nodeName) === "DIALOG" && (h == null || h.dispatchEvent(f.outside), c == null || c.close("outside"));
-    }, A = (h) => Promise.allSettled(
-      h == null ? void 0 : h.getAnimations().map((g) => g == null ? void 0 : g.finished)
+    }, b = (h) => Promise.allSettled(
+      h == null ? void 0 : h.getAnimations().map((A) => A == null ? void 0 : A.finished)
     );
     return !e && (c == null || c.addEventListener("click", u)), c == null || c.addEventListener("close", async (h) => {
       await v({ target: h.target }), a && a(h, c);
@@ -3028,11 +3030,11 @@ class C {
     })), n && (c == null || c.addEventListener("open", async (h) => {
       n(h, c);
     })), l == null || l.forEach((h) => {
-      h.addEventListener("click", (g) => {
-        c == null || c.showModal(), s && s(g, c);
+      h.addEventListener("click", (A) => {
+        c == null || c.showModal(), s && s(A, c);
       });
     }), p == null || p.forEach((h) => {
-      h.addEventListener("click", async (g) => {
+      h.addEventListener("click", async (A) => {
         c == null || c.close("close");
       });
     }), {
@@ -3183,9 +3185,9 @@ class C {
       license: f = null,
       token: V = null,
       phone: H = null
-    } = e || {}, v = t && t !== "", u = r && r !== "" && r !== "18", A = i && i !== "" && r !== "99";
+    } = e || {}, v = t && t !== "", u = r && r !== "" && r !== "18", b = i && i !== "" && r !== "99";
     let h = [];
-    return t && t !== "" && h.push("name=" + t), v || (a && a !== "" && h.push("first=" + a), n && n !== "" && h.push("middle=" + n), s && s !== "" && h.push("last=" + s)), u && A ? parseInt(r) > parseInt(i) ? (h.push("min=" + i), h.push("max=" + r)) : (h.push("min=" + r), h.push("max=" + i)) : (u && h.push("min=" + r), A && h.push("max=" + i)), H && H !== "" && h.push("phone=" + H), l && l !== "" && h.push("city=" + l), f && f !== "" && h.push("license=" + f), p && p !== "" && h.push("vin=" + p), c && c !== "" && h.push("state=" + c), V && V !== "" && h.push("token=" + V), h.join("&");
+    return t && t !== "" && h.push("name=" + t), v || (a && a !== "" && h.push("first=" + a), n && n !== "" && h.push("middle=" + n), s && s !== "" && h.push("last=" + s)), u && b ? parseInt(r) > parseInt(i) ? (h.push("min=" + i), h.push("max=" + r)) : (h.push("min=" + r), h.push("max=" + i)) : (u && h.push("min=" + r), b && h.push("max=" + i)), H && H !== "" && h.push("phone=" + H), l && l !== "" && h.push("city=" + l), f && f !== "" && h.push("license=" + f), p && p !== "" && h.push("vin=" + p), c && c !== "" && h.push("state=" + c), V && V !== "" && h.push("token=" + V), h.join("&");
   }
   static padTo2Digits(e) {
     return e.toString().padStart(2, "0");
@@ -3208,7 +3210,7 @@ class C {
       useGoogleOverride: V = !1,
       useLocation: H = !0,
       useSearch: v = !1
-    } = t ?? {}, A = [
+    } = t ?? {}, b = [
       "query=" + encodeURIComponent(this.cleanupAddress(e)),
       "addressesOnly=" + a,
       "useSearch=" + v,
@@ -3221,9 +3223,9 @@ class C {
       "isSandboxAccount=" + s,
       "isOptOutSearch=" + n
     ];
-    i && i !== "" && !p && A.push("state=" + i);
-    const h = A.join("&"), w = (c || p ? "/api/autocomplete-city" : "/api/autocomplete") + "?" + h;
-    return await C.fetchData(w, !1, r);
+    i && i !== "" && !p && b.push("state=" + i);
+    const h = b.join("&"), x = (c || p ? "/api/autocomplete-city" : "/api/autocomplete") + "?" + h;
+    return await C.fetchData(x, !1, r);
   }
   static removeElements(e) {
     document.querySelectorAll(e).forEach((t) => t == null ? void 0 : t.remove());
@@ -3392,7 +3394,7 @@ export {
   U1 as Dots,
   r2 as FlexItem,
   o2 as FunnelHeader,
-  x as Icon,
+  w as Icon,
   G1 as LoadingBar,
   J1 as Popover,
   Q1 as ProcessingSpinner,