@vehiclehistory/property-lib 0.0.87 → 0.0.88

package/dist/main.es.js

@@ -1,6 +1,6 @@
 import { jsx as c, jsxs as M, Fragment as S } from "react/jsx-runtime";
 import m from "classnames";
-import { memo as b, useState as Z, useEffect as N } from "react";
+import { memo as A, useState as Z, useEffect as N } from "react";
 const W = {
   xxSmall: "w-4 h-4",
   xSmall: "w-5 h-5",
@@ -501,11 +501,11 @@ const W = {
   size: a = "medium",
   viewBox: n = "0 0 20 20"
 }) => {
-  const s = G(t), [l, i] = Z(d), [r, o] = Z(s);
+  const s = G(t), [l, o] = Z(d), [r, i] = Z(s);
   return N(() => {
-    o(s);
+    i(s);
   }, [s]), N(() => {
-    i(d);
+    o(d);
   }, [d]), !s && console.error("Icon does not exist", t), /* @__PURE__ */ c(
     "svg",
     {
@@ -524,7 +524,7 @@ const W = {
       }
     }
   );
-}, y = b(Q), J = ({
+}, x = A(Q), J = ({
   children: d,
   className: e,
   clickHandler: t,
@@ -533,14 +533,14 @@ const W = {
   unmount: s = !0,
   isOpen: l = !1
 }) => {
-  const [i, r] = Z(l);
+  const [o, r] = Z(l);
   return /* @__PURE__ */ c(
     "div",
     {
       className: m(
         "accordion shadow rounded-lg",
         {
-          "accordion--open": i
+          "accordion--open": o
         },
         e
       ),
@@ -554,12 +554,12 @@ const W = {
             ),
             title: n,
             onClick: () => {
-              r(!i), t && t(!i);
+              r(!o), t && t(!o);
             },
             children: [
               /* @__PURE__ */ c("div", { className: "accordion-title font-medium text-slate-700 sm-max:!text-base text-lg flex items-center", children: n }),
               /* @__PURE__ */ c("span", { className: "accordion-icon ml-6 h-7 flex items-center", children: /* @__PURE__ */ c(
-                y,
+                x,
                 {
                   name: "chevronDown",
                   size: "small",
@@ -569,7 +569,7 @@ const W = {
             ]
           }
         ),
-        s && i && /* @__PURE__ */ c(
+        s && o && /* @__PURE__ */ c(
           "div",
           {
             className: m(
@@ -585,7 +585,7 @@ const W = {
             className: m(
               "accordion-panel p-4 border-x border-b rounded-bl-lg rounded-br-lg border-gray-200 relative",
               a,
-              { hidden: !i }
+              { hidden: !o }
             ),
             children: d
           }
@@ -593,7 +593,7 @@ const W = {
       ] })
     }
   );
-}, T1 = b(J), _ = ({
+}, T1 = A(J), _ = ({
   children: d,
   className: e,
   messages: t = [],
@@ -601,7 +601,7 @@ const W = {
   title: n = "",
   titleClass: s = "",
   props: l = {},
-  type: i = "error"
+  type: o = "error"
 }) => {
   const r = {
     error: {
@@ -624,11 +624,11 @@ const W = {
       iconColor: "text-yellow-500",
       styles: "bg-yellow-50 border-yellow-300 text-yellow-700"
     }
-  }, { icon: o, iconColor: h, styles: p } = r[i];
+  }, { icon: i, iconColor: u, styles: p } = r[o];
   return /* @__PURE__ */ c(
     "div",
     {
-      id: i,
+      id: o,
       className: m(
         "rounded w-full py-2 px-4 mb-4 border",
         p,
@@ -637,11 +637,11 @@ const W = {
       ...l,
       children: /* @__PURE__ */ M("div", { className: "flex", children: [
         /* @__PURE__ */ c("div", { className: "flex-shrink-0", children: /* @__PURE__ */ c(
-          y,
+          x,
           {
-            name: o,
+            name: i,
             viewBox: "0 0 24 24",
-            className: h,
+            className: u,
             size: "xSmall"
           }
         ) }),
@@ -663,7 +663,7 @@ const W = {
       ] })
     }
   );
-}, D1 = b(_), O1 = ({
+}, D1 = A(_), O1 = ({
   autoFocus: d = !1,
   className: e,
   dataSearch: t = "container",
@@ -671,20 +671,20 @@ const W = {
   floatingLabel: n = "",
   id: s = "",
   inputClass: l,
-  leftIcon: i = "homeSearch",
+  leftIcon: o = "homeSearch",
   mobileBackdrop: r = !1,
-  name: o = "",
-  options: h = [],
+  name: i = "",
+  options: u = [],
   parentProps: p = {},
   placeholder: V = "",
   props: C = {},
   rightIcon: f = "",
-  required: A = !1,
-  showSearchIcon: x = !0,
-  showRightIcon: u = !1,
-  size: g = "medium",
+  required: g = !1,
+  showSearchIcon: y = !0,
+  showRightIcon: h = !1,
+  size: v = "medium",
   styles: w = null,
-  title: v = "",
+  title: b = "",
   type: E,
   useGoogle: j = !1,
   useReact: P = !1
@@ -701,7 +701,7 @@ const W = {
       style: w ? { ...w } : null,
       ...p,
       children: [
-        x && /* @__PURE__ */ M(
+        y && /* @__PURE__ */ M(
           "span",
           {
             className: m(
@@ -712,20 +712,20 @@ const W = {
             ),
             children: [
               /* @__PURE__ */ c(
-                y,
+                x,
                 {
                   className: "home-search select-none text-gray-500",
-                  name: i,
-                  size: g === "xLarge" ? "small" : "xSmall",
+                  name: o,
+                  size: v === "xLarge" ? "small" : "xSmall",
                   viewBox: "0 0 24 24"
                 }
               ),
               /* @__PURE__ */ c(
-                y,
+                x,
                 {
                   className: "arrow-left select-none text-gray-500 hidden",
                   name: "arrowLeft",
-                  size: g === "xLarge" ? "small" : "xSmall",
+                  size: v === "xLarge" ? "small" : "xSmall",
                   viewBox: "0 0 24 24"
                 }
               )
@@ -740,19 +740,19 @@ const W = {
             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": x === !0,
-                "px-3 h-10": g === "medium",
-                "px-4 h-12": g === "large",
-                "px-5 h-[60px] sm:!text-base": g === "xLarge",
+                "pl-8": y === !0,
+                "px-3 h-10": v === "medium",
+                "px-4 h-12": v === "large",
+                "px-5 h-[60px] sm:!text-base": v === "xLarge",
                 peer: n
               },
               l
             ),
-            required: A,
+            required: g,
             autoComplete: "off",
             placeholder: !V && n ? " " : V,
             type: "search",
-            name: o || "search-input",
+            name: i || "search-input",
             "data-id": "search-input",
             ...R,
             ...C
@@ -764,10 +764,10 @@ const W = {
             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": x === !0,
-                "left-2": g === "medium",
-                "left-3": g === "large",
-                "left-4": g === "xLarge"
+                "!left-7": y === !0,
+                "left-2": v === "medium",
+                "left-3": v === "large",
+                "left-4": v === "xLarge"
               }
             ),
             children: n
@@ -779,7 +779,7 @@ const W = {
             "data-id": "search-clear",
             className: "clear-btn absolute inset-y-0 right-0 flex items-center px-2 hidden",
             children: /* @__PURE__ */ c(
-              y,
+              x,
               {
                 className: "cursor-pointer text-gray-500",
                 name: "xCircle",
@@ -795,7 +795,7 @@ const W = {
             "data-id": "search-loading",
             className: "absolute inset-y-0 right-0 flex items-center px-2 pointer-events-none hidden",
             children: /* @__PURE__ */ c(
-              y,
+              x,
               {
                 className: "animate-spin text-[#222]] pointer-events-none",
                 name: "spinnerDark",
@@ -809,8 +809,8 @@ const W = {
           "span",
           {
             "data-id": "right-icon",
-            className: `${u ? "" : "hidden"} absolute inset-y-0 right-0 flex items-center px-2 pointer-events-none`,
-            children: /* @__PURE__ */ c(y, { name: f, size: "small", viewBox: "0 0 24 24" })
+            className: `${h ? "" : "hidden"} absolute inset-y-0 right-0 flex items-center px-2 pointer-events-none`,
+            children: /* @__PURE__ */ c(x, { name: f, size: "small", viewBox: "0 0 24 24" })
           }
         ),
         /* @__PURE__ */ M(
@@ -825,10 +825,10 @@ const W = {
                 {
                   "data-id": "search-dropdown-body",
                   role: "listbox",
-                  "data-title": v,
+                  "data-title": b,
                   "aria-labelledby": "Label",
                   "aria-activedescendant": "search-item-0",
-                  children: h.length > 0 ? h.map((k, z) => /* @__PURE__ */ c(
+                  children: u.length > 0 ? u.map((k, z) => /* @__PURE__ */ c(
                     "li",
                     {
                       id: `search-item-${z}`,
@@ -875,26 +875,26 @@ const W = {
   className: n,
   disabled: s = !1,
   href: l,
-  props: i = {},
+  props: o = {},
   rightIcon: r,
-  rightIconProps: o = {},
-  rounded: h = !1,
+  rightIconProps: i = {},
+  rounded: u = !1,
   size: p = "md",
   type: V = "button",
   uppercase: C = !1,
   variation: f = "primary"
 }) => {
-  const A = l ? "a" : "button";
+  const g = l ? "a" : "button";
   return /* @__PURE__ */ M(
-    A,
+    g,
     {
-      type: A !== "a" ? V : null,
+      type: g !== "a" ? V : null,
       className: m(
         "button",
         {
           [`button--${f}`]: f,
           [`button--${p}`]: p,
-          "button--rounded": h,
+          "button--rounded": u,
           "button--disabled": s,
           "button--custom-link": l,
           "button--uppercase": C,
@@ -904,10 +904,10 @@ const W = {
       ),
       disabled: s,
       href: l,
-      ...i,
+      ...o,
       children: [
         e && /* @__PURE__ */ c(
-          y,
+          x,
           {
             name: e,
             size: p === "md" ? "small" : "xSmall",
@@ -917,18 +917,18 @@ const W = {
         ),
         a,
         r && /* @__PURE__ */ c(
-          y,
+          x,
           {
             name: r,
             size: p === "md" ? "small" : "xSmall",
             viewBox: "0 0 24 24",
-            ...o
+            ...i
           }
         )
       ]
     }
   );
-}, F = b(Y), K = ({
+}, F = A(Y), K = ({
   checked: d = !1,
   children: e,
   className: t,
@@ -936,16 +936,16 @@ const W = {
   inputClass: n,
   id: s = "",
   label: l = "",
-  name: i = "",
+  name: o = "",
   props: r = {},
-  variation: o = "primary",
-  value: h = ""
+  variation: i = "primary",
+  value: u = ""
 }) => {
   const p = l ? "div" : "label", V = p === "label" ? { htmlFor: s } : {};
   return /* @__PURE__ */ M(
     p,
     {
-      className: m("checkbox flex items-center", o, t),
+      className: m("checkbox flex items-center", i, t),
       ...V,
       children: [
         /* @__PURE__ */ c(
@@ -960,9 +960,9 @@ const W = {
               n
             ),
             id: s,
-            name: i,
+            name: o,
             type: "checkbox",
-            value: h,
+            value: u,
             ...r
           }
         ),
@@ -970,7 +970,7 @@ const W = {
       ]
     }
   );
-}, I1 = b(K), X = ({
+}, I1 = A(K), X = ({
   activator: d,
   id: e = "",
   children: t,
@@ -978,39 +978,41 @@ const W = {
   contentClass: n,
   customScrollbar: s = !0,
   dark: l = !1,
-  footer: i,
-  fullMobile: r = !0,
-  headerClass: o,
-  hideClose: h = !1,
-  iconSize: p = "medium",
-  preventPageScroll: V = !0,
-  stickyHeader: C = !1,
-  title: f = "",
-  titleClass: A,
-  useFormMethod: x = !0
+  disableClose: o = !1,
+  footer: r,
+  fullMobile: i = !0,
+  headerClass: u,
+  hideClose: p = !1,
+  iconSize: V = "medium",
+  preventPageScroll: C = !0,
+  stickyHeader: f = !1,
+  title: g = "",
+  titleClass: y,
+  useFormMethod: h = !0
 }) => {
-  const u = x ? "form" : "div";
+  const v = h ? "form" : "div";
   return /* @__PURE__ */ M(S, { children: [
     d && /* @__PURE__ */ c("span", { id: `${e}-dialog-activator`, children: d }),
     /* @__PURE__ */ c(
       "dialog",
       {
         inert: "",
+        ...o ? { closedby: "none" } : null,
         id: `${e}-dialog`,
         className: m(
           "dialog",
           {
-            "dialog-full-mobile": r,
+            "dialog-full-mobile": i,
             dark: l,
-            "prevent-scroll": V
+            "prevent-scroll": C
           },
           a
         ),
         children: /* @__PURE__ */ M(
-          u,
+          v,
           {
             className: "dialog-container",
-            method: x ? "dialog" : null,
+            method: h ? "dialog" : null,
             children: [
               /* @__PURE__ */ M(
                 "header",
@@ -1018,15 +1020,15 @@ const W = {
                   className: m(
                     "dialog-header",
                     {
-                      "sticky top-0 bg-white z-10": C,
-                      "!pb-0 border-0 justify-end": !f,
-                      "justify-between border-b": f
+                      "sticky top-0 bg-white z-10": f,
+                      "!pb-0 border-0 justify-end": !g,
+                      "justify-between border-b": g
                     },
-                    o
+                    u
                   ),
                   children: [
-                    f && /* @__PURE__ */ c("h3", { id: `${e}-dialog-title`, className: A, children: f }),
-                    !h && /* @__PURE__ */ c(
+                    g && /* @__PURE__ */ c("h3", { id: `${e}-dialog-title`, className: y, children: g }),
+                    !p && /* @__PURE__ */ c(
                       "button",
                       {
                         type: "button",
@@ -1035,10 +1037,10 @@ const W = {
                         "data-dialog-close": "",
                         value: "close",
                         children: /* @__PURE__ */ c(
-                          y,
+                          x,
                           {
                             name: "close",
-                            size: p,
+                            size: V,
                             className: "pointer-events-none"
                           }
                         )
@@ -1061,14 +1063,14 @@ const W = {
                   children: t
                 }
               ),
-              i && /* @__PURE__ */ c("footer", { id: `${e}-dialog-footer`, className: "dialog-footer", children: i })
+              r && /* @__PURE__ */ c("footer", { id: `${e}-dialog-footer`, className: "dialog-footer", children: r })
             ]
           }
         )
       }
     )
   ] });
-}, $1 = b(X), q1 = ({ className: d }) => /* @__PURE__ */ M("div", { className: m("Dots mx-auto", d), children: [
+}, $1 = A(X), q1 = ({ className: d }) => /* @__PURE__ */ M("div", { className: m("Dots mx-auto", d), children: [
   /* @__PURE__ */ c("span", { style: { animationDelay: "0.1s" } }),
   /* @__PURE__ */ c("span", { style: { animationDelay: "0.2s" } }),
   /* @__PURE__ */ c("span", { style: { animationDelay: "0.3s" } }),
@@ -1085,18 +1087,18 @@ const W = {
   timeout: n = 1e4,
   variation: s = "primary"
 }) => {
-  function l({ cb: i }) {
+  function l({ cb: o }) {
     const r = document.querySelector(".loading-bar__inner");
     if (!r) return;
-    let o, h, p = !1;
+    let i, u, p = !1;
     function V(C) {
-      o === void 0 && (o = C);
-      const f = C - o;
-      if (h !== C) {
-        const A = f / n * 101;
-        r.style.width = `${A}%`, e && e({ elapsed: f, percentage: A }), A >= 101 && (i && i(), p = !0, window.cancelAnimationFrame(C));
+      i === void 0 && (i = C);
+      const f = C - i;
+      if (u !== C) {
+        const g = f / n * 101;
+        r.style.width = `${g}%`, e && e({ elapsed: f, percentage: g }), g >= 101 && (o && o(), p = !0, window.cancelAnimationFrame(C));
       }
-      f < n && (h = C, p || window.requestAnimationFrame(V));
+      f < n && (u = C, p || window.requestAnimationFrame(V));
     }
     window.requestAnimationFrame(V);
   }
@@ -1119,7 +1121,7 @@ const W = {
       children: /* @__PURE__ */ c("div", { className: "loading-bar__inner", "data-size": "100" })
     }
   );
-}, j1 = b(e1), t1 = ({ className: d }) => /* @__PURE__ */ c("div", { className: m("processing-spinner", d) }), P1 = b(t1), R1 = ({
+}, j1 = A(e1), t1 = ({ className: d }) => /* @__PURE__ */ c("div", { className: m("processing-spinner", d) }), P1 = A(t1), R1 = ({
   activator: d,
   activatorClass: e = "",
   attrs: t = {},
@@ -1127,7 +1129,7 @@ const W = {
   className: n = "",
   containerClass: s = "",
   disabled: l = !1,
-  options: i = {},
+  options: o = {},
   trigger: r = "click"
 }) => /* @__PURE__ */ M(S, { children: [
   /* @__PURE__ */ c(
@@ -1167,7 +1169,7 @@ const W = {
         e
       ),
       ...t,
-      "data-options": JSON.stringify(i),
+      "data-options": JSON.stringify(o),
       children: d
     }
   )
@@ -1179,9 +1181,9 @@ const W = {
   completed: n = 0,
   customLabel: s,
   labelClass: l,
-  maxCompleted: i = 100,
+  maxCompleted: o = 100,
   rounded: r = !0,
-  showLabel: o = !1
+  showLabel: i = !1
 }) => {
   const p = ((V, C) => {
     if (V) {
@@ -1189,7 +1191,7 @@ const W = {
       return f > 1 ? 100 : f * 100;
     }
     return n;
-  })(i, n);
+  })(o, n);
   return /* @__PURE__ */ c(
     "div",
     {
@@ -1211,7 +1213,7 @@ const W = {
             t
           ),
           style: { width: `${p}%` },
-          children: o && /* @__PURE__ */ c(
+          children: i && /* @__PURE__ */ c(
             "span",
             {
               className: m(
@@ -1225,7 +1227,7 @@ const W = {
       )
     }
   );
-}, W1 = b(a1), n1 = ({
+}, W1 = A(a1), n1 = ({
   checked: d = !1,
   children: e,
   className: t,
@@ -1233,13 +1235,13 @@ const W = {
   inputClass: n,
   label: s = "",
   name: l = "",
-  props: i = {},
+  props: o = {},
   variation: r = "primary",
-  value: o = ""
+  value: i = ""
 }) => {
-  const h = s ? "div" : "label", p = h === "label" ? { htmlFor: a } : {};
+  const u = s ? "div" : "label", p = u === "label" ? { htmlFor: a } : {};
   return /* @__PURE__ */ M(
-    h,
+    u,
     {
       className: m("radio flex items-center", t),
       ...p,
@@ -1258,15 +1260,15 @@ const W = {
             id: a,
             name: l,
             type: "radio",
-            value: o,
-            ...i
+            value: i,
+            ...o
           }
         ),
         e
       ]
     }
   );
-}, U1 = b(n1), s1 = ({
+}, U1 = A(n1), s1 = ({
   className: d = "",
   error: e = !1,
   errorMessage: t = "",
@@ -1274,19 +1276,19 @@ const W = {
   label: n = "",
   name: s = "",
   options: l = [],
-  placeholder: i = "",
+  placeholder: o = "",
   props: r = {},
-  selectClass: o = "",
-  styles: h = null,
+  selectClass: i = "",
+  styles: u = null,
   variation: p = "primary",
   value: V
 }) => {
-  const C = i ? { defaultValue: "" } : {};
+  const C = o ? { defaultValue: "" } : {};
   return /* @__PURE__ */ M(
     "label",
     {
       className: m("relative select", d, p),
-      style: h ? { ...h } : null,
+      style: u ? { ...u } : null,
       children: [
         n,
         /* @__PURE__ */ M(
@@ -1297,7 +1299,7 @@ const W = {
               {
                 "!border-red-500 !bg-red-500/10 !text-red-700 focus:!ring-red-500 focus:!border-red-500": e
               },
-              o
+              i
             ),
             id: a,
             name: s,
@@ -1305,7 +1307,7 @@ const W = {
             ...C,
             ...r,
             children: [
-              i && /* @__PURE__ */ c("option", { hidden: !0, value: "", children: i }),
+              o && /* @__PURE__ */ c("option", { hidden: !0, value: "", children: o }),
               l.map((f) => /* @__PURE__ */ c(
                 "option",
                 {
@@ -1321,7 +1323,7 @@ const W = {
       ]
     }
   );
-}, G1 = b(s1), r1 = ({ className: d }) => /* @__PURE__ */ M(
+}, G1 = A(s1), r1 = ({ className: d }) => /* @__PURE__ */ M(
   "div",
   {
     className: m(
@@ -1329,11 +1331,11 @@ const W = {
       d
     ),
     children: [
-      /* @__PURE__ */ c(y, { size: "xLarge", name: "map", className: "mx-auto" }),
+      /* @__PURE__ */ c(x, { size: "xLarge", name: "map", className: "mx-auto" }),
       /* @__PURE__ */ c("span", { className: "sr-only", children: "Loading..." })
     ]
   }
-), Q1 = b(r1), l1 = ({
+), Q1 = A(r1), l1 = ({
   placeholderClass: d = "",
   children: e,
   className: t,
@@ -1347,7 +1349,7 @@ const W = {
       id: `btn-left-${a}`,
       type: "button",
       className: "slider-button__prev ",
-      children: /* @__PURE__ */ c(y, { name: "chevronLeft" })
+      children: /* @__PURE__ */ c(x, { name: "chevronLeft" })
     }
   ),
   /* @__PURE__ */ c("div", { id: `slider-container-${a}`, className: "slider-container", children: Array.from({ length: 4 }, (s, l) => /* @__PURE__ */ c(
@@ -1365,21 +1367,21 @@ const W = {
       id: `btn-right-${a}`,
       type: "button",
       className: "slider-button__next",
-      children: /* @__PURE__ */ c(y, { name: "chevronRight" })
+      children: /* @__PURE__ */ c(x, { name: "chevronRight" })
     }
   )
-] }), J1 = b(l1), i1 = {
+] }), J1 = A(l1), i1 = {
   name: "spinnerDark",
   color: "text-teal-700",
   viewBox: "0 0 24 24"
 }, o1 = ({ className: d }) => /* @__PURE__ */ c("div", { className: "rounded-r-md px-2 focus:outline-none", children: /* @__PURE__ */ c(
-  y,
+  x,
   {
     className: `animate-spin ${d}`,
     size: "xSmall",
     ...i1
   }
-) }), _1 = b(o1), Y1 = ({
+) }), _1 = A(o1), Y1 = ({
   className: d,
   value: e
 }) => {
@@ -1404,18 +1406,18 @@ const W = {
   id: n = "",
   inputClass: s = "",
   name: l = "",
-  placeholder: i = "",
+  placeholder: o = "",
   props: r = {},
-  rows: o = 4,
-  variation: h = "primary"
-}) => /* @__PURE__ */ M("div", { className: m("relative textarea", h, d), children: [
+  rows: i = 4,
+  variation: u = "primary"
+}) => /* @__PURE__ */ M("div", { className: m("relative textarea", u, d), children: [
   /* @__PURE__ */ c(
     "textarea",
     {
-      placeholder: i,
+      placeholder: o,
       id: n,
       name: l,
-      rows: o,
+      rows: i,
       className: m(
         "form-textarea min-h-[40px] pl-4",
         e ? "pr-10" : "pr-4",
@@ -1433,7 +1435,7 @@ const W = {
       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__ */ c(
-        y,
+        x,
         {
           size: "xSmall",
           name: "xCircle",
@@ -1443,7 +1445,7 @@ const W = {
     }
   ),
   a && /* @__PURE__ */ c("span", { className: "relative flex mt-0.5 text-red-700 text-xs text-left", children: a })
-] }), d1 = b(c1), h1 = ({
+] }), d1 = A(c1), h1 = ({
   className: d,
   clear: e = !1,
   error: t = !1,
@@ -1451,10 +1453,10 @@ const W = {
   iconLeft: n = "",
   id: s = "",
   inputClass: l,
-  name: i = "",
+  name: o = "",
   placeholder: r = "",
-  props: o = {},
-  styles: h = null,
+  props: i = {},
+  styles: u = null,
   type: p = "text",
   value: V,
   variation: C = "primary"
@@ -1462,10 +1464,10 @@ const W = {
   "div",
   {
     className: m("relative textbox", C, d),
-    style: h ? { ...h } : null,
+    style: u ? { ...u } : null,
     children: [
       n && /* @__PURE__ */ c("div", { className: "pointer-events-none absolute inset-y-0 left-0 flex items-center px-2", children: /* @__PURE__ */ c(
-        y,
+        x,
         {
           size: "xSmall",
           name: n,
@@ -1478,7 +1480,7 @@ const W = {
         {
           placeholder: r,
           id: s,
-          name: i,
+          name: o,
           type: p,
           value: V,
           autoComplete: "off",
@@ -1489,10 +1491,10 @@ const W = {
             {
               "!border-red-500 !bg-red-500/10 placeholder:!text-red-700 focus:!ring-red-500 focus:!border-red-500": t
             },
-            o.inputClass ?? "",
+            i.inputClass ?? "",
             l
           ),
-          ...o
+          ...i
         }
       ),
       e && /* @__PURE__ */ c(
@@ -1501,7 +1503,7 @@ const W = {
           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__ */ c(
-            y,
+            x,
             {
               size: "xSmall",
               name: "xCircle",
@@ -1513,7 +1515,7 @@ const W = {
       a && /* @__PURE__ */ c("span", { className: "relative flex mt-0.5 text-red-700 text-xs text-left", children: a })
     ]
   }
-), T = b(h1), u1 = ({ checked: d = !1, props: e = {} }) => /* @__PURE__ */ c(S, { children: /* @__PURE__ */ c("label", { className: "flex cursor-pointer select-none items-center", children: /* @__PURE__ */ M("div", { className: "relative", children: [
+), T = A(h1), u1 = ({ checked: d = !1, props: e = {} }) => /* @__PURE__ */ c(S, { children: /* @__PURE__ */ c("label", { className: "flex cursor-pointer select-none items-center", children: /* @__PURE__ */ M("div", { className: "relative", children: [
   /* @__PURE__ */ c(
     "input",
     {
@@ -1535,7 +1537,7 @@ const W = {
       className: `absolute left-1 top-1 flex h-6 w-6 items-center justify-center rounded-full bg-white transition ${d ? "translate-x-full" : ""}`
     }
   )
-] }) }) }), K1 = b(u1), p1 = ({
+] }) }) }), K1 = A(u1), p1 = ({
   btnClass: d,
   className: e = "",
   containerClass: t,
@@ -1544,7 +1546,7 @@ const W = {
   titleClass: s,
   uppercase: l = !0
 }) => {
-  const i = a || /* @__PURE__ */ M(S, { children: [
+  const o = a || /* @__PURE__ */ M(S, { children: [
     "Typical email response time is 2-3 hours. If you require immediate assistance you may use our",
     " ",
     /* @__PURE__ */ c(
@@ -1570,7 +1572,7 @@ const W = {
       }),
       children: [
         /* @__PURE__ */ c("h2", { id: "contact-title", className: m("mb-4", s), children: n }),
-        /* @__PURE__ */ c("p", { className: "contact-form__msg", children: i }),
+        /* @__PURE__ */ c("p", { className: "contact-form__msg", children: o }),
         /* @__PURE__ */ M(
           "div",
           {
@@ -1633,7 +1635,7 @@ const W = {
       ]
     }
   );
-}, X1 = b(p1), m1 = ({
+}, X1 = A(p1), m1 = ({
   block: d = !1,
   children: e,
   className: t,
@@ -1641,10 +1643,10 @@ const W = {
   footerClass: n,
   footerContent: s,
   headerContent: l,
-  headerClass: i,
+  headerClass: o,
   list: r = !1,
-  props: o = {},
-  variation: h = "primary"
+  props: i = {},
+  variation: u = "primary"
 }) => {
   const p = r ? "ul" : "div";
   return /* @__PURE__ */ M(
@@ -1653,12 +1655,12 @@ const W = {
       className: m(
         "content-card",
         { "content-card--block": d },
-        `content-card--${h}`,
+        `content-card--${u}`,
         t
       ),
-      ...o,
+      ...i,
       children: [
-        l && /* @__PURE__ */ c("div", { className: m("content-card__header", i), children: typeof l == "string" ? /* @__PURE__ */ c("h3", { children: l }) : l }),
+        l && /* @__PURE__ */ c("div", { className: m("content-card__header", o), children: typeof l == "string" ? /* @__PURE__ */ c("h3", { children: l }) : l }),
         /* @__PURE__ */ c(
           p,
           {
@@ -1671,7 +1673,7 @@ const W = {
       ]
     }
   );
-}, e2 = b(m1), f1 = ({
+}, e2 = A(m1), f1 = ({
   children: d,
   className: e,
   colGap: t = 2,
@@ -1679,10 +1681,10 @@ const W = {
   label: n,
   labelClass: s,
   props: l = {},
-  rowGap: i = 1,
+  rowGap: o = 1,
   value: r,
-  valueClass: o,
-  wrap: h = !1
+  valueClass: i,
+  wrap: u = !1
 }) => /* @__PURE__ */ M(
   "div",
   {
@@ -1691,22 +1693,22 @@ const W = {
       {
         "flex-col items-start": a === "col",
         "flex-row items-center": a === "row",
-        "flex-wrap": h
+        "flex-wrap": u
       },
       e
     ),
     style: {
       columnGap: `${t / 4}rem`,
-      rowGap: `${i / 4}rem`
+      rowGap: `${o / 4}rem`
     },
     ...l,
     children: [
       n && /* @__PURE__ */ c("div", { className: m("item-label", s), children: n }),
-      r && /* @__PURE__ */ c("div", { className: m("item-value", o), children: r }),
+      r && /* @__PURE__ */ c("div", { className: m("item-value", i), children: r }),
       d
     ]
   }
-), t2 = b(f1), a2 = ({
+), t2 = A(f1), a2 = ({
   breakPage: d = !1,
   children: e,
   className: t,
@@ -1714,7 +1716,7 @@ const W = {
   props: n = {},
   title: s,
   titleClass: l,
-  titleId: i
+  titleId: o
 }) => /* @__PURE__ */ M(
   "section",
   {
@@ -1728,7 +1730,7 @@ const W = {
     ),
     ...n,
     children: [
-      s && /* @__PURE__ */ c("h2", { className: m("spacer-title", l), id: i, children: s }),
+      s && /* @__PURE__ */ c("h2", { className: m("spacer-title", l), id: o, children: s }),
       e
     ]
   }
@@ -1746,7 +1748,7 @@ const W = {
     ),
     children: n || e
   }
-), s2 = b(V1), H1 = {
+), s2 = A(V1), H1 = {
   circular: "circular 3s linear infinite",
   "circular-reverse": "circular 3s linear reverse infinite",
   "fade-in": "fade-in 0.2.5s ease-out",
@@ -1885,10 +1887,10 @@ const W = {
     max: "1199px"
   },
   "lg-up": "1200px"
-}, x1 = {
+}, y1 = {
   0: "0ms",
   50: "50ms"
-}, y1 = {
+}, x1 = {
   "center-top": "center 30%"
 }, O = {
   animation: H1,
@@ -1899,8 +1901,8 @@ const W = {
   margin: v1,
   maxWidth: b1,
   screens: A1,
-  transitionDuration: x1,
-  transformOrigin: y1
+  transitionDuration: y1,
+  transformOrigin: x1
 }, B = {
   black: {
     50: "#FCFCFC",
@@ -2057,23 +2059,23 @@ const W = {
   sizeProps: n = null,
   sizes: s,
   weights: l,
-  weightProps: i = null
+  weightProps: o = null
 }) => {
   const r = {};
-  Object.entries(s).forEach(([o, h]) => {
+  Object.entries(s).forEach(([i, u]) => {
     const p = {
-      "font-size": h,
+      "font-size": u,
       ...a
-    }, V = `.${e(`${t}-${o}`)}`, C = n ? n({ sizeKey: o, sizeValue: h }) : {};
+    }, V = `.${e(`${t}-${i}`)}`, C = n ? n({ sizeKey: i, sizeValue: u }) : {};
     r[V] = {
       ...p,
       ...C
-    }, Object.entries(l).forEach(([f, A]) => {
-      const x = `.${e(`${t}-${o}-${f}`)}`, u = i ? i({ sizeKey: o, sizeValue: h, weightKey: f, weightValue: A }) : {};
-      r[x] = {
+    }, Object.entries(l).forEach(([f, g]) => {
+      const y = `.${e(`${t}-${i}-${f}`)}`, h = o ? o({ sizeKey: i, sizeValue: u, weightKey: f, weightValue: g }) : {};
+      r[y] = {
         ...p,
-        "font-weight": A,
-        ...u
+        "font-weight": g,
+        ...h
       };
     });
   }), d(r);
@@ -2157,7 +2159,7 @@ const W = {
       4: "1.25rem",
       5: "1.125rem",
       6: "1rem"
-    }, i = {
+    }, o = {
       1: "0.938rem",
       2: "0.813rem",
       3: "0.75rem"
@@ -2178,7 +2180,7 @@ const W = {
       addUtilities: d,
       e: a,
       classPrefix: "text-body",
-      sizes: i,
+      sizes: o,
       weights: s
     }), w1({ matchUtilities: e, theme: t }), S1({ matchUtilities: e, theme: t }), k1({ matchUtilities: e }), z1({ matchUtilities: e });
   }
@@ -2216,11 +2218,11 @@ function c2(d, e = []) {
 }
 function d2({ cb: d, form: e, formData: t, validations: a, reactive: n = !1 }) {
   let s = !0;
-  for (const [l, i] of t.entries()) {
-    const r = e.querySelector(`[name="${l}"]`), o = a[l], h = [];
-    o.forEach((p) => {
-      p.isValid(i) || h.push(p.message);
-    }), h.length ? (s = !1, r.classList.add("field-error"), d && d({ isValid: s, field: r, validations: a })) : (r.classList.remove("field-error"), d && d({ isValid: !0, field: r, validations: a })), n && (r == null || r.addEventListener("input", (p) => {
+  for (const [l, o] of t.entries()) {
+    const r = e.querySelector(`[name="${l}"]`), i = a[l], u = [];
+    i.forEach((p) => {
+      p.isValid(o) || u.push(p.message);
+    }), u.length ? (s = !1, r.classList.add("field-error"), d && d({ isValid: s, field: r, validations: a })) : (r.classList.remove("field-error"), d && d({ isValid: !0, field: r, validations: a })), n && (r == null || r.addEventListener("input", (p) => {
       p.preventDefault(), r.classList.contains("field-error") && r.classList.remove("field-error");
     }));
   }
@@ -2279,12 +2281,12 @@ class u2 {
       (r) => r.isIntersecting === !0
     );
     s && l ? t.disconnect() : (a.disableBtns = !1, e.forEach((r) => {
-      const o = [...a.slides].indexOf(r.target);
-      r.target === a.slides[0] && (a.showPrevBtn = r.isIntersecting), r.target === a.slides[a.slides.length - 1] && (a.showNextBtn = r.isIntersecting), r.target === a.slides[2] && (a.scrollToStart = r.isIntersecting), r.target === a.slides[a.slides.length - 2] && (a.scrollToEnd = r.isIntersecting), r.isIntersecting && !a.entriesIntersected.includes(o) && (a.entriesIntersected.push(o), a.activeIndex = o, i(r));
+      const i = [...a.slides].indexOf(r.target);
+      r.target === a.slides[0] && (a.showPrevBtn = r.isIntersecting), r.target === a.slides[a.slides.length - 1] && (a.showNextBtn = r.isIntersecting), r.target === a.slides[2] && (a.scrollToStart = r.isIntersecting), r.target === a.slides[a.slides.length - 2] && (a.scrollToEnd = r.isIntersecting), r.isIntersecting && !a.entriesIntersected.includes(i) && (a.entriesIntersected.push(i), a.activeIndex = i, o(r));
     }));
-    function i(r) {
-      var o;
-      r.target !== a.slides[a.slides.length - 1] && r.target !== a.slides[0] && r.target !== a.slides[2] && r.target !== a.slides[a.slides.length - 2] && ((o = a.observer) == null || o.unobserve(r.target));
+    function o(r) {
+      var i;
+      r.target !== a.slides[a.slides.length - 1] && r.target !== a.slides[0] && r.target !== a.slides[2] && r.target !== a.slides[a.slides.length - 2] && ((i = a.observer) == null || i.unobserve(r.target));
     }
   }
   btnListeners(e) {
@@ -2311,8 +2313,8 @@ class u2 {
     ), e.nextBtn = e.container.parentElement.querySelector(
       `#btn-right-${a}`
     );
-    const i = t.map((o) => n(o)).join(""), r = document.createElement("div");
-    r.innerHTML = `${s}${i}${l}`, e.container.replaceChildren(...r.children), e.container.parentElement.classList.add("loaded");
+    const o = t.map((i) => n(i)).join(""), r = document.createElement("div");
+    r.innerHTML = `${s}${o}${l}`, e.container.replaceChildren(...r.children), e.container.parentElement.classList.add("loaded");
   }
   showHideBtns(e, t, a) {
     if (a === "showPrevBtn" || a === "showNextBtn") {
@@ -2324,9 +2326,9 @@ class u2 {
 }
 class H {
   static calcCrow(e, t, a, n) {
-    const l = H.toRad(a - e), i = H.toRad(n - t);
+    const l = H.toRad(a - e), o = H.toRad(n - t);
     e = H.toRad(e), a = H.toRad(a);
-    const r = Math.sin(l / 2) * Math.sin(l / 2) + Math.sin(i / 2) * Math.sin(i / 2) * Math.cos(e) * Math.cos(a);
+    const r = Math.sin(l / 2) * Math.sin(l / 2) + Math.sin(o / 2) * Math.sin(o / 2) * Math.cos(e) * Math.cos(a);
     return 6371 * (2 * Math.atan2(Math.sqrt(r), Math.sqrt(1 - r)));
   }
   static cleanupAddress(e) {
@@ -2355,21 +2357,21 @@ class H {
   static async createData(e, t = null, a = !0) {
     if (window.options.isBot || !t)
       return null;
-    const { tolken: n = null, ip: s = null } = await H.getHeaders(), l = a === !1 ? "" : "&tolken=" + n + "&ip=" + s, i = e + l, r = typeof t == "string" ? t : JSON.stringify(t), o = (t == null ? void 0 : t.website) ?? H.getWebsiteHeaderName();
+    const { tolken: n = null, ip: s = null } = await H.getHeaders(), l = a === !1 ? "" : "&tolken=" + n + "&ip=" + s, o = e + l, r = typeof t == "string" ? t : JSON.stringify(t), i = (t == null ? void 0 : t.website) ?? H.getWebsiteHeaderName();
     try {
-      const h = await fetch(i, {
+      const u = await fetch(o, {
         method: "POST",
         body: r === "null" ? null : r,
         headers: {
-          website: o
+          website: i
         }
-      }), p = h.headers.get("content-type");
+      }), p = u.headers.get("content-type");
       if (p && p.indexOf("application/json") !== -1)
-        return h.json();
-      const V = await h.text();
+        return u.json();
+      const V = await u.text();
       return V ? V.replace("__next", "") : null;
-    } catch (h) {
-      console.error("createData", h);
+    } catch (u) {
+      console.error("createData", u);
     }
     return null;
   }
@@ -2429,15 +2431,15 @@ class H {
   static async fetchData(e, t = !1, a = !0) {
     if (options.isBot)
       return null;
-    const { tolken: n = null, ip: s = null } = await H.getHeaders(), i = e.replace("#", "").replace("%23", "") + "&tolken=" + n + "&ip=" + s;
+    const { tolken: n = null, ip: s = null } = await H.getHeaders(), o = e.replace("#", "").replace("%23", "") + "&tolken=" + n + "&ip=" + s;
     try {
-      const r = await fetch(i, { method: "GET" });
+      const r = await fetch(o, { method: "GET" });
       if (t === !0) {
-        const h = await r.text();
-        return h ? h.replace("__next", "") : null;
+        const u = await r.text();
+        return u ? u.replace("__next", "") : null;
       }
-      const o = r.headers.get("content-type");
-      return o && o.indexOf("application/json") !== -1 ? r.json() : null;
+      const i = r.headers.get("content-type");
+      return i && i.indexOf("application/json") !== -1 ? r.json() : null;
     } catch (r) {
       console.error("fetchData", r, e);
     }
@@ -2467,11 +2469,11 @@ class H {
         swLng: 0
       };
     const n = e.getBounds();
-    let s = n.getSouth(), l = n.getEast(), i = n.getNorth(), r = n.getWest();
-    return a && (s = s - a, l = l + a, i = i + a, r = r - a), t && (s = s.toFixed(t), l = l.toFixed(t), i = i.toFixed(t), r = r.toFixed(t)), {
+    let s = n.getSouth(), l = n.getEast(), o = n.getNorth(), r = n.getWest();
+    return a && (s = s - a, l = l + a, o = o + a, r = r - a), t && (s = s.toFixed(t), l = l.toFixed(t), o = o.toFixed(t), r = r.toFixed(t)), {
       swLat: s,
       neLng: l,
-      neLat: i,
+      neLat: o,
       swLng: r
     };
   }
@@ -2513,12 +2515,12 @@ class H {
     };
     if (options && options.isBot || typeof window.localStorage > "u")
       return l;
-    const i = localStorage.getItem("headerTolken");
-    if (i) {
-      const o = JSON.parse(i), h = (/* @__PURE__ */ new Date()).getTime();
-      return o.expire - h < 0 && localStorage.removeItem("headerTolken"), {
-        tolken: o.tolken,
-        ip: o.ip,
+    const o = localStorage.getItem("headerTolken");
+    if (o) {
+      const i = JSON.parse(o), u = (/* @__PURE__ */ new Date()).getTime();
+      return i.expire - u < 0 && localStorage.removeItem("headerTolken"), {
+        tolken: i.tolken,
+        ip: i.ip,
         userAgent: t,
         platform: s
       };
@@ -2526,7 +2528,7 @@ class H {
     if ((r = window == null ? void 0 : window.options) != null && r.isPdf)
       return l;
     try {
-      const h = await (await fetch("/api/headers")).json(), p = (h == null ? void 0 : h.token) ?? null, V = (h == null ? void 0 : h.ip) ?? null;
+      const u = await (await fetch("/api/headers")).json(), p = (u == null ? void 0 : u.token) ?? null, V = (u == null ? void 0 : u.ip) ?? null;
       return localStorage.setItem(
         "headerTolken",
         JSON.stringify({
@@ -2535,8 +2537,8 @@ class H {
           expire: (/* @__PURE__ */ new Date()).getTime() + e * 1e3
         })
       ), { tolken: p, ip: V, userAgent: t, platform: s };
-    } catch (o) {
-      console.error("getHeaders", o);
+    } catch (i) {
+      console.error("getHeaders", i);
     }
     return l;
   }
@@ -2551,11 +2553,11 @@ class H {
     return await H.fetchData("/api/client?query=" + l);
   }
   static getReportUrl(e, t = null) {
-    var r, o, h;
-    const a = ((r = e == null ? void 0 : e.state) == null ? void 0 : r.slug) ?? null, n = ((o = e == null ? void 0 : e.city) == null ? void 0 : o.slug) ?? null, s = ((h = e == null ? void 0 : e.name) == null ? void 0 : h.slug) ?? null, l = (e == null ? void 0 : e.zip) ?? null;
+    var r, i, u;
+    const a = ((r = e == null ? void 0 : e.state) == null ? void 0 : r.slug) ?? null, n = ((i = e == null ? void 0 : e.city) == null ? void 0 : i.slug) ?? null, s = ((u = e == null ? void 0 : e.name) == null ? void 0 : u.slug) ?? null, l = (e == null ? void 0 : e.zip) ?? null;
     t = t || ((e == null ? void 0 : e.id) ?? null);
-    const i = [l, "-piq", t].filter((p) => p).join("");
-    return "/" + [a, n, s].filter((p) => p).map((p) => H.toSlug(p)).join("/") + "/" + i;
+    const o = [l, "-piq", t].filter((p) => p).join("");
+    return "/" + [a, n, s].filter((p) => p).map((p) => H.toSlug(p)).join("/") + "/" + o;
   }
   static async getSearchValue(e = "recsSearchValue") {
     try {
@@ -2722,10 +2724,10 @@ class H {
     const n = this;
     L.GridLayer.GridDebug = L.GridLayer.extend({
       createTile: function(s, l) {
-        const i = document.createElement("div");
+        const o = document.createElement("div");
         return setTimeout(() => {
-          l(null, i);
-          const { se: r, nw: o } = n.getGridBounds({
+          l(null, o);
+          const { se: r, nw: i } = n.getGridBounds({
             map: e,
             tileSize: this.getTileSize(),
             coords: s
@@ -2733,12 +2735,12 @@ class H {
           t({
             swLat: r.lat,
             neLng: r.lng,
-            neLat: o.lat,
-            swLng: o.lng,
+            neLat: i.lat,
+            swLng: i.lng,
             coords: s,
             key: s.z + "-" + s.x + "-" + s.y
           });
-        }, a), i;
+        }, a), o;
       }
     }), L.gridLayer.gridDebug = function(s) {
       return new L.GridLayer.GridDebug(s);
@@ -2763,9 +2765,9 @@ class H {
     onOpen: n = null,
     onTargetClick: s = null,
     selfClose: l = !1,
-    target: i = null
+    target: o = null
   }) {
-    const r = i ? document.querySelectorAll(i) : [], o = document.getElementById(`${t}-dialog`), h = l ? o == null ? void 0 : o.querySelectorAll("[data-dialog-close]") : document.querySelectorAll("[data-dialog-close]"), p = [
+    const r = o ? document.querySelectorAll(o) : [], i = document.getElementById(`${t}-dialog`), u = l ? i == null ? void 0 : i.querySelectorAll("[data-dialog-close]") : document.querySelectorAll("[data-dialog-close]"), p = [
       "closing",
       "closed",
       "opening",
@@ -2773,55 +2775,59 @@ class H {
       "outside",
       "removed"
     ].reduce(
-      (u, g) => ({
-        ...u,
-        [g]: new Event(g)
+      (h, v) => ({
+        ...h,
+        [v]: new Event(v)
       }),
       {}
-    ), V = new MutationObserver((u, g) => {
-      u.forEach(async (w) => {
+    ), V = new MutationObserver((h, v) => {
+      h.forEach(async (w) => {
         if (w.attributeName === "open") {
-          const v = w.target;
-          if (!(v == null ? void 0 : v.hasAttribute("open"))) return;
-          v == null || v.removeAttribute("inert"), v == null || v.dispatchEvent(p.opening), v && await x(v), v == null || v.dispatchEvent(p.opened);
+          const b = w.target;
+          if (!(b == null ? void 0 : b.hasAttribute("open"))) return;
+          b == null || b.removeAttribute("inert"), b == null || b.dispatchEvent(p.opening), b && await y(b), b == null || b.dispatchEvent(p.opened);
         }
       });
-    }), C = new MutationObserver((u, g) => {
-      u.forEach((w) => {
-        w.removedNodes.forEach((v) => {
-          v.nodeName === "DIALOG" && (v.removeEventListener("click", A), v.removeEventListener("close", f), v.dispatchEvent(p.removed), C == null || C.disconnect(), V == null || V.disconnect());
+    }), C = new MutationObserver((h, v) => {
+      h.forEach((w) => {
+        w.removedNodes.forEach((b) => {
+          b.nodeName === "DIALOG" && (b.removeEventListener("click", g), b.removeEventListener("close", f), b.dispatchEvent(p.removed), C == null || C.disconnect(), V == null || V.disconnect());
         });
       });
     });
-    o && (V.observe(o, {
+    i && (V.observe(i, {
       attributes: !0
     }), C.observe(document.body, {
       attributes: !1,
       subtree: !1,
       childList: !0
     }));
-    const f = async ({ target: u }) => {
-      u == null || u.classList.add("closing"), u == null || u.setAttribute("inert", ""), u == null || u.dispatchEvent(p.closing), u && await x(u), u == null || u.classList.remove("closing"), u == null || u.dispatchEvent(p.closed);
-    }, A = async ({ target: u }) => {
-      (u == null ? void 0 : u.nodeName) === "DIALOG" && (u == null || u.dispatchEvent(p.outside), o == null || o.close("outside"));
-    }, x = (u) => Promise.allSettled(
-      u == null ? void 0 : u.getAnimations().map((g) => g == null ? void 0 : g.finished)
+    const f = async ({ target: h }) => {
+      h == null || h.classList.add("closing"), h == null || h.setAttribute("inert", ""), h == null || h.dispatchEvent(p.closing), h && await y(h), h == null || h.classList.remove("closing"), h == null || h.dispatchEvent(p.closed);
+    }, g = async ({ target: h }) => {
+      (h == null ? void 0 : h.nodeName) === "DIALOG" && (h == null || h.dispatchEvent(p.outside), i == null || i.close("outside"));
+    }, y = (h) => Promise.allSettled(
+      h == null ? void 0 : h.getAnimations().map((v) => v == null ? void 0 : v.finished)
     );
-    return !e && (o == null || o.addEventListener("click", A)), o == null || o.addEventListener("close", async (u) => {
-      await f({ target: u.target }), a && a(u, o);
-    }), n && (o == null || o.addEventListener("open", async (u) => {
-      n(u, o);
-    })), r == null || r.forEach((u) => {
-      u.addEventListener("click", (g) => {
-        o == null || o.showModal(), s && s(g, o);
+    return !e && (i == null || i.addEventListener("click", g)), i == null || i.addEventListener("close", async (h) => {
+      await f({ target: h.target }), a && a(h, i);
+    }), e && (i == null || i.addEventListener("cancel", async (h) => {
+      h.key === "Escape" && h.preventDefault();
+    })), e && (i == null || i.addEventListener("keydown", (h) => {
+      h.key === "Escape" && h.preventDefault();
+    })), n && (i == null || i.addEventListener("open", async (h) => {
+      n(h, i);
+    })), r == null || r.forEach((h) => {
+      h.addEventListener("click", (v) => {
+        i == null || i.showModal(), s && s(v, i);
       });
-    }), h == null || h.forEach((u) => {
-      u.addEventListener("click", async (g) => {
-        o == null || o.close("close");
+    }), u == null || u.forEach((h) => {
+      h.addEventListener("click", async (v) => {
+        i == null || i.close("close");
       });
     }), {
       activators: r,
-      ref: o
+      ref: i
     };
   }
   static hasBoundsEntry(e, t = "bounds") {
@@ -2831,8 +2837,8 @@ class H {
     if (!e)
       return;
     const n = (a == null ? void 0 : a.useBounding) ?? !1;
-    new IntersectionObserver(async (l, i) => {
-      n ? (l[0].isIntersecting || l[0].boundingClientRect.y < 0) && t({ obs: i, entry: l[0], entries: l }) : l[0].isIntersecting && t({ obs: i, entry: l[0], entries: l });
+    new IntersectionObserver(async (l, o) => {
+      n ? (l[0].isIntersecting || l[0].boundingClientRect.y < 0) && t({ obs: o, entry: l[0], entries: l }) : l[0].isIntersecting && t({ obs: o, entry: l[0], entries: l });
     }, a).observe(e);
   }
   static injectLink({ href: e, id: t }) {
@@ -2841,10 +2847,10 @@ class H {
   }
   static injectScript({ src: e, id: t = null, async: a = !0, module: n = !1 }) {
     return new Promise(function(s, l) {
-      let i = document.getElementById(t);
-      if (t && i && i.dataset.loaded === "true")
+      let o = document.getElementById(t);
+      if (t && o && o.dataset.loaded === "true")
         return s({ alreadyLoaded: !0, id: t });
-      i || (i = document.createElement("script"), i.src = e, i.dataset.loaded = "false", t && (i.id = t), i.type = n ? "module" : "text/javascript", i.async = a, document.body.appendChild(i), i.onload = () => (i.dataset.loaded = "true", s({ alreadyLoaded: !1, id: t })), i.onerror = () => l(!1));
+      o || (o = document.createElement("script"), o.src = e, o.dataset.loaded = "false", t && (o.id = t), o.type = n ? "module" : "text/javascript", o.async = a, document.body.appendChild(o), o.onload = () => (o.dataset.loaded = "true", s({ alreadyLoaded: !1, id: t })), o.onerror = () => l(!1));
     });
   }
   static isMobile({ selector: e = null, width: t = 640 } = {}) {
@@ -2971,16 +2977,16 @@ class H {
       middle: n = null,
       last: s = null,
       min: l = null,
-      max: i = null,
+      max: o = null,
       city: r = null,
-      state: o = null,
-      vin: h = null,
+      state: i = null,
+      vin: u = null,
       license: p = null,
       token: V = null,
       phone: C = null
-    } = e || {}, f = t && t !== "", A = l && l !== "" && l !== "18", x = i && i !== "" && l !== "99";
-    let u = [];
-    return t && t !== "" && u.push("name=" + t), f || (a && a !== "" && u.push("first=" + a), n && n !== "" && u.push("middle=" + n), s && s !== "" && u.push("last=" + s)), A && x ? parseInt(l) > parseInt(i) ? (u.push("min=" + i), u.push("max=" + l)) : (u.push("min=" + l), u.push("max=" + i)) : (A && u.push("min=" + l), x && u.push("max=" + i)), C && C !== "" && u.push("phone=" + C), r && r !== "" && u.push("city=" + r), p && p !== "" && u.push("license=" + p), h && h !== "" && u.push("vin=" + h), o && o !== "" && u.push("state=" + o), V && V !== "" && u.push("token=" + V), u.join("&");
+    } = e || {}, f = t && t !== "", g = l && l !== "" && l !== "18", y = o && o !== "" && l !== "99";
+    let h = [];
+    return t && t !== "" && h.push("name=" + t), f || (a && a !== "" && h.push("first=" + a), n && n !== "" && h.push("middle=" + n), s && s !== "" && h.push("last=" + s)), g && y ? parseInt(l) > parseInt(o) ? (h.push("min=" + o), h.push("max=" + l)) : (h.push("min=" + l), h.push("max=" + o)) : (g && h.push("min=" + l), y && h.push("max=" + o)), C && C !== "" && h.push("phone=" + C), r && r !== "" && h.push("city=" + r), p && p !== "" && h.push("license=" + p), u && u !== "" && h.push("vin=" + u), i && i !== "" && h.push("state=" + i), V && V !== "" && h.push("token=" + V), h.join("&");
   }
   static padTo2Digits(e) {
     return e.toString().padStart(2, "0");
@@ -2995,26 +3001,26 @@ class H {
       useCitySearch: n = !1,
       useCityStateSearch: s = !1,
       useSearch: l = !1,
-      useLocation: i = !0,
+      useLocation: o = !0,
       state: r = "",
-      useGoogle: o = !1,
-      useGoogleOverride: h = !1,
+      useGoogle: i = !1,
+      useGoogleOverride: u = !1,
       useAmazonOverride: p = !1,
       isSandboxAccount: V = !1
-    } = t ?? {}, { tolken: C = null, ip: f = null } = await H.getHeaders(), x = [
+    } = t ?? {}, { tolken: C = null, ip: f = null } = await H.getHeaders(), y = [
       "query=" + encodeURIComponent(this.cleanupAddress(e)),
       "addressesOnly=" + a,
       "useSearch=" + l,
       "useCitySearch=" + n,
       "useCityStateSearch=" + s,
-      "useLocation=" + i,
-      "useGoogle=" + o,
-      "useGoogleOverride=" + h,
+      "useLocation=" + o,
+      "useGoogle=" + i,
+      "useGoogleOverride=" + u,
       "useAmazonOverride=" + p,
       "isSandboxAccount=" + V
     ];
-    r && r !== "" && !s && x.push("state=" + r), C && C !== "" && x.push("tolken=" + C), f && f !== "" && x.push("ip=" + f);
-    const u = x.join("&"), w = (n || s ? "/api/autocomplete-city" : "/api/autocomplete") + "?" + u;
+    r && r !== "" && !s && y.push("state=" + r), C && C !== "" && y.push("tolken=" + C), f && f !== "" && y.push("ip=" + f);
+    const h = y.join("&"), w = (n || s ? "/api/autocomplete-city" : "/api/autocomplete") + "?" + h;
     return await H.makeSearchFetchCall(w);
   }
   static removeElements(e) {
@@ -3062,8 +3068,8 @@ class H {
     if (a && !n) {
       const s = a.split(" "), l = s[s.length - 1];
       if (l.length) {
-        const i = this.searchInStates(l);
-        i && (n = i.short, a = s.slice(0, -1).join(" "));
+        const o = this.searchInStates(l);
+        o && (n = o.short, a = s.slice(0, -1).join(" "));
       }
     }
     return a && n && a.toLowerCase() === n.toLowerCase() && (a = null), e.city = a, e.state = n ? n.toUpperCase() : null, e;
@@ -3076,9 +3082,9 @@ class H {
   static async setRandomFileNameVersion(e, t = "scripts") {
     const a = Date.now(), n = typeof window < "u" ? window.location.origin : "", s = t ? `/${t}/` : "/";
     try {
-      const l = e.map(({ fileName: o, initFunctionName: h }) => import(`${n}${s}${o}?v=${a}`)), i = await Promise.all(l), r = [];
-      i.forEach((o, h) => {
-        o && typeof o[e[h].initFunctionName] == "function" ? r.push(o[e[h].initFunctionName]()) : console.error(`error loading ${e[h].initFunctionName}()`);
+      const l = e.map(({ fileName: i, initFunctionName: u }) => import(`${n}${s}${i}?v=${a}`)), o = await Promise.all(l), r = [];
+      o.forEach((i, u) => {
+        i && typeof i[e[u].initFunctionName] == "function" ? r.push(i[e[u].initFunctionName]()) : console.error(`error loading ${e[u].initFunctionName}()`);
       }), r.length > 0 && await Promise.all(r);
     } catch (l) {
       console.error("Failed to load one or more search modules:", l);
@@ -3178,7 +3184,7 @@ export {
   q1 as Dots,
   t2 as FlexItem,
   s2 as FunnelHeader,
-  y as Icon,
+  x as Icon,
   j1 as LoadingBar,
   R1 as Popover,
   P1 as ProcessingSpinner,