@vehiclehistory/property-lib 0.0.95 → 0.0.97

package/dist/main.es.js

@@ -501,7 +501,7 @@ 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), [r, i] = Z(d), [l, o] = Z(s);
   return N(() => {
     o(s);
   }, [s]), N(() => {
@@ -513,27 +513,27 @@ const W = {
       className: m(
         "fill-current flex-shrink-0",
         W[a],
-        l,
+        r,
         e
       ),
       style: { maxWidth: "4em" },
       role: "presentation",
       viewBox: n,
       dangerouslySetInnerHTML: {
-        __html: r && r.path
+        __html: l && l.path
       }
     }
   );
-}, y = A(Q), J = ({
+}, x = A(Q), J = ({
   children: d,
   className: e,
   clickHandler: t,
   panelClass: a,
   title: n,
   unmount: s = !0,
-  isOpen: l = !1
+  isOpen: r = !1
 }) => {
-  const [i, r] = Z(l);
+  const [i, l] = Z(r);
   return /* @__PURE__ */ c(
     "div",
     {
@@ -554,12 +554,12 @@ const W = {
             ),
             title: n,
             onClick: () => {
-              r(!i), t && t(!i);
+              l(!i), t && t(!i);
             },
             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",
@@ -600,10 +600,10 @@ const W = {
   messagesClass: a,
   title: n = "",
   titleClass: s = "",
-  props: l = {},
+  props: r = {},
   type: i = "error"
 }) => {
-  const r = {
+  const l = {
     error: {
       icon: "error",
       iconColor: "text-red-500",
@@ -624,24 +624,24 @@ const W = {
       iconColor: "text-yellow-500",
       styles: "bg-yellow-50 border-yellow-300 text-yellow-700"
     }
-  }, { icon: o, iconColor: u, styles: p } = r[i];
+  }, { icon: o, iconColor: p, styles: u } = l[i];
   return /* @__PURE__ */ c(
     "div",
     {
       id: i,
       className: m(
         "rounded w-full py-2 px-4 mb-4 border",
-        p,
+        u,
         e
       ),
-      ...l,
+      ...r,
       children: /* @__PURE__ */ M("div", { className: "flex", children: [
         /* @__PURE__ */ c("div", { className: "flex-shrink-0", children: /* @__PURE__ */ c(
-          y,
+          x,
           {
             name: o,
             viewBox: "0 0 24 24",
-            className: u,
+            className: p,
             size: "xSmall"
           }
         ) }),
@@ -670,17 +670,17 @@ const W = {
   defaultValue: a = "",
   floatingLabel: n = "",
   id: s = "",
-  inputClass: l,
+  inputClass: r,
   leftIcon: i = "homeSearch",
-  mobileBackdrop: r = !1,
+  mobileBackdrop: l = !1,
   name: o = "",
-  options: u = [],
-  parentProps: p = {},
+  options: p = [],
+  parentProps: u = {},
   placeholder: V = "",
   props: C = {},
   rightIcon: f = "",
   required: g = !1,
-  showSearchIcon: x = !0,
+  showSearchIcon: y = !0,
   showRightIcon: h = !1,
   size: v = "medium",
   styles: w = null,
@@ -699,20 +699,20 @@ const W = {
       "data-use-google": j,
       className: m("Autocomplete", e),
       style: w ? { ...w } : null,
-      ...p,
+      ...u,
       children: [
-        x && /* @__PURE__ */ M(
+        y && /* @__PURE__ */ M(
           "span",
           {
             className: m(
               "search-icon-left absolute inset-y-0 left-0 flex items-center pl-2",
               {
-                "pointer-events-none": r
+                "pointer-events-none": l
               }
             ),
             children: [
               /* @__PURE__ */ c(
-                y,
+                x,
                 {
                   className: "home-search select-none text-gray-500",
                   name: i,
@@ -721,7 +721,7 @@ const W = {
                 }
               ),
               /* @__PURE__ */ c(
-                y,
+                x,
                 {
                   className: "arrow-left select-none text-gray-500 hidden",
                   name: "arrowLeft",
@@ -740,13 +740,13 @@ 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,
+                "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
+              r
             ),
             required: g,
             autoComplete: "off",
@@ -764,7 +764,7 @@ 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-7": y === !0,
                 "left-2": v === "medium",
                 "left-3": v === "large",
                 "left-4": v === "xLarge"
@@ -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",
@@ -810,7 +810,7 @@ const W = {
           {
             "data-id": "right-icon",
             className: `${h ? "" : "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" })
+            children: /* @__PURE__ */ c(x, { name: f, size: "small", viewBox: "0 0 24 24" })
           }
         ),
         /* @__PURE__ */ M(
@@ -828,7 +828,7 @@ const W = {
                   "data-title": b,
                   "aria-labelledby": "Label",
                   "aria-activedescendant": "search-item-0",
-                  children: u.length > 0 ? u.map((k, z) => /* @__PURE__ */ c(
+                  children: p.length > 0 ? p.map((k, z) => /* @__PURE__ */ c(
                     "li",
                     {
                       id: `search-item-${z}`,
@@ -874,17 +874,17 @@ const W = {
   children: a,
   className: n,
   disabled: s = !1,
-  href: l,
+  href: r,
   props: i = {},
-  rightIcon: r,
+  rightIcon: l,
   rightIconProps: o = {},
-  rounded: u = !1,
-  size: p = "md",
+  rounded: p = !1,
+  size: u = "md",
   type: V = "button",
   uppercase: C = !1,
   variation: f = "primary"
 }) => {
-  const g = l ? "a" : "button";
+  const g = r ? "a" : "button";
   return /* @__PURE__ */ M(
     g,
     {
@@ -893,34 +893,34 @@ const W = {
         "button",
         {
           [`button--${f}`]: f,
-          [`button--${p}`]: p,
-          "button--rounded": u,
+          [`button--${u}`]: u,
+          "button--rounded": p,
           "button--disabled": s,
-          "button--custom-link": l,
+          "button--custom-link": r,
           "button--uppercase": C,
           "button--borderless": d || f === "link"
         },
         n
       ),
       disabled: s,
-      href: l,
+      href: r,
       ...i,
       children: [
         e && /* @__PURE__ */ c(
-          y,
+          x,
           {
             name: e,
-            size: p === "md" ? "small" : "xSmall",
+            size: u === "md" ? "small" : "xSmall",
             viewBox: "0 0 24 24",
             ...t
           }
         ),
         a,
-        r && /* @__PURE__ */ c(
-          y,
+        l && /* @__PURE__ */ c(
+          x,
           {
-            name: r,
-            size: p === "md" ? "small" : "xSmall",
+            name: l,
+            size: u === "md" ? "small" : "xSmall",
             viewBox: "0 0 24 24",
             ...o
           }
@@ -935,15 +935,15 @@ const W = {
   error: a = !1,
   inputClass: n,
   id: s = "",
-  label: l = "",
+  label: r = "",
   name: i = "",
-  props: r = {},
+  props: l = {},
   variation: o = "primary",
-  value: u = ""
+  value: p = ""
 }) => {
-  const p = l ? "div" : "label", V = p === "label" ? { htmlFor: s } : {};
+  const u = r ? "div" : "label", V = u === "label" ? { htmlFor: s } : {};
   return /* @__PURE__ */ M(
-    p,
+    u,
     {
       className: m("checkbox flex items-center", o, t),
       ...V,
@@ -962,8 +962,8 @@ const W = {
             id: s,
             name: i,
             type: "checkbox",
-            value: u,
-            ...r
+            value: p,
+            ...l
           }
         ),
         e
@@ -977,17 +977,17 @@ const W = {
   className: a,
   contentClass: n,
   customScrollbar: s = !0,
-  dark: l = !1,
+  dark: r = !1,
   disableClose: i = !1,
-  footer: r,
+  footer: l,
   fullMobile: o = !0,
-  headerClass: u,
-  hideClose: p = !1,
+  headerClass: p,
+  hideClose: u = !1,
   iconSize: V = "medium",
   preventPageScroll: C = !0,
   stickyHeader: f = !1,
   title: g = "",
-  titleClass: x,
+  titleClass: y,
   useFormMethod: h = !0
 }) => {
   const v = h ? "form" : "div";
@@ -1003,7 +1003,7 @@ const W = {
           "dialog",
           {
             "dialog-full-mobile": o,
-            dark: l,
+            dark: r,
             "prevent-scroll": C
           },
           a
@@ -1024,11 +1024,11 @@ const W = {
                       "!pb-0 border-0 justify-end": !g,
                       "justify-between border-b": g
                     },
-                    u
+                    p
                   ),
                   children: [
-                    g && /* @__PURE__ */ c("h3", { id: `${e}-dialog-title`, className: x, children: g }),
-                    !p && /* @__PURE__ */ c(
+                    g && /* @__PURE__ */ c("h3", { id: `${e}-dialog-title`, className: y, children: g }),
+                    !u && /* @__PURE__ */ c(
                       "button",
                       {
                         type: "button",
@@ -1037,7 +1037,7 @@ const W = {
                         "data-dialog-close": "",
                         value: "close",
                         children: /* @__PURE__ */ c(
-                          y,
+                          x,
                           {
                             name: "close",
                             size: V,
@@ -1063,7 +1063,7 @@ const W = {
                   children: t
                 }
               ),
-              r && /* @__PURE__ */ c("footer", { id: `${e}-dialog-footer`, className: "dialog-footer", children: r })
+              l && /* @__PURE__ */ c("footer", { id: `${e}-dialog-footer`, className: "dialog-footer", children: l })
             ]
           }
         )
@@ -1087,23 +1087,23 @@ const W = {
   timeout: n = 1e4,
   variation: s = "primary"
 }) => {
-  function l({ cb: i }) {
-    const r = document.querySelector(".loading-bar__inner");
-    if (!r) return;
-    let o, u, p = !1;
+  function r({ cb: i }) {
+    const l = document.querySelector(".loading-bar__inner");
+    if (!l) return;
+    let o, p, u = !1;
     function V(C) {
       o === void 0 && (o = C);
       const f = C - o;
-      if (u !== C) {
+      if (p !== C) {
         const g = f / n * 101;
-        r.style.width = `${g}%`, e && e({ elapsed: f, percentage: g }), g >= 101 && (i && i(), p = !0, window.cancelAnimationFrame(C));
+        l.style.width = `${g}%`, e && e({ elapsed: f, percentage: g }), g >= 101 && (i && i(), u = !0, window.cancelAnimationFrame(C));
       }
-      f < n && (u = C, p || window.requestAnimationFrame(V));
+      f < n && (p = C, u || window.requestAnimationFrame(V));
     }
     window.requestAnimationFrame(V);
   }
   return N(() => {
-    l({ cb: d });
+    r({ cb: d });
   }, []), /* @__PURE__ */ c(
     "div",
     {
@@ -1128,9 +1128,9 @@ const W = {
   children: a,
   className: n = "",
   containerClass: s = "",
-  disabled: l = !1,
+  disabled: r = !1,
   options: i = {},
-  trigger: r = "click"
+  trigger: l = "click"
 }) => /* @__PURE__ */ M(S, { children: [
   /* @__PURE__ */ c(
     "div",
@@ -1162,9 +1162,9 @@ const W = {
     {
       className: m(
         "popover-activator",
-        `trigger-${r}`,
+        `trigger-${l}`,
         {
-          "is-disabled": l
+          "is-disabled": r
         },
         e
       ),
@@ -1180,12 +1180,12 @@ const W = {
   className: a,
   completed: n = 0,
   customLabel: s,
-  labelClass: l,
+  labelClass: r,
   maxCompleted: i = 100,
-  rounded: r = !0,
+  rounded: l = !0,
   showLabel: o = !1
 }) => {
-  const p = ((V, C) => {
+  const u = ((V, C) => {
     if (V) {
       const f = Number(C) / V;
       return f > 1 ? 100 : f * 100;
@@ -1197,7 +1197,7 @@ const W = {
     {
       className: m(
         "w-full bg-gray-200",
-        { "rounded-full": r },
+        { "rounded-full": l },
         a
       ),
       role: "progressbar",
@@ -1212,15 +1212,15 @@ const W = {
             "h-full text-right flex items-center justify-end rounded-full",
             t
           ),
-          style: { width: `${p}%` },
+          style: { width: `${u}%` },
           children: o && /* @__PURE__ */ c(
             "span",
             {
               className: m(
                 "font-bold text-white text-xs mr-2",
-                l
+                r
               ),
-              children: s || Math.round(p)
+              children: s || Math.round(u)
             }
           )
         }
@@ -1234,17 +1234,17 @@ const W = {
   id: a = "",
   inputClass: n,
   label: s = "",
-  name: l = "",
+  name: r = "",
   props: i = {},
-  variation: r = "primary",
+  variation: l = "primary",
   value: o = ""
 }) => {
-  const u = s ? "div" : "label", p = u === "label" ? { htmlFor: a } : {};
+  const p = s ? "div" : "label", u = p === "label" ? { htmlFor: a } : {};
   return /* @__PURE__ */ M(
-    u,
+    p,
     {
       className: m("radio flex items-center", t),
-      ...p,
+      ...u,
       children: [
         /* @__PURE__ */ c(
           "input",
@@ -1253,12 +1253,12 @@ const W = {
             className: m(
               "form-radio focus:ring-2 focus:ring-offset-2 focus-within:outline-none",
               {
-                "focus:ring-[#222]": r === "primary"
+                "focus:ring-[#222]": l === "primary"
               },
               n
             ),
             id: a,
-            name: l,
+            name: r,
             type: "radio",
             value: o,
             ...i
@@ -1275,20 +1275,20 @@ const W = {
   id: a = "",
   label: n = "",
   name: s = "",
-  options: l = [],
+  options: r = [],
   placeholder: i = "",
-  props: r = {},
+  props: l = {},
   selectClass: o = "",
-  styles: u = null,
-  variation: p = "primary",
+  styles: p = null,
+  variation: u = "primary",
   value: V
 }) => {
   const C = i ? { defaultValue: "" } : {};
   return /* @__PURE__ */ M(
     "label",
     {
-      className: m("relative select", d, p),
-      style: u ? { ...u } : null,
+      className: m("relative select", d, u),
+      style: p ? { ...p } : null,
       children: [
         n,
         /* @__PURE__ */ M(
@@ -1305,10 +1305,10 @@ const W = {
             name: s,
             value: V,
             ...C,
-            ...r,
+            ...l,
             children: [
               i && /* @__PURE__ */ c("option", { hidden: !0, value: "", children: i }),
-              l.map((f) => /* @__PURE__ */ c(
+              r.map((f) => /* @__PURE__ */ c(
                 "option",
                 {
                   value: (f == null ? void 0 : f.id) || (f == null ? void 0 : f.value) || f,
@@ -1323,7 +1323,7 @@ const W = {
       ]
     }
   );
-}, U1 = A(s1), r1 = ({ className: d }) => /* @__PURE__ */ M(
+}, U1 = A(s1), l1 = ({ className: d }) => /* @__PURE__ */ M(
   "div",
   {
     className: m(
@@ -1331,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..." })
     ]
   }
-), G1 = A(r1), l1 = ({
+), G1 = A(l1), r1 = ({
   placeholderClass: d = "",
   children: e,
   className: t,
@@ -1349,16 +1349,16 @@ 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(
+  /* @__PURE__ */ c("div", { id: `slider-container-${a}`, className: "slider-container", children: Array.from({ length: 4 }, (s, r) => /* @__PURE__ */ c(
     "div",
     {
       className: `slider-card bg-gray-200 animate-pulse ${d}`,
       children: /* @__PURE__ */ c("div", { className: `slider-card-action ${n ? "p-4" : ""}`, children: e })
     },
-    l
+    r
   )) }),
   /* @__PURE__ */ c(
     "button",
@@ -1367,11 +1367,11 @@ const W = {
       id: `btn-right-${a}`,
       type: "button",
       className: "slider-button__next",
-      children: /* @__PURE__ */ c(y, { name: "chevronRight" })
+      children: /* @__PURE__ */ c(x, { name: "chevronRight" })
     }
   )
-] }), Q1 = A(l1), i1 = ({ className: d, iconClass: e, iconProps: t = {} }) => /* @__PURE__ */ c("div", { className: m("rounded-r-md px-2 focus:outline-none", d), children: /* @__PURE__ */ c(
-  y,
+] }), Q1 = A(r1), i1 = ({ className: d, iconClass: e, iconProps: t = {} }) => /* @__PURE__ */ c("div", { className: m("rounded-r-md px-2 focus:outline-none", d), children: /* @__PURE__ */ c(
+  x,
   {
     className: m("animate-spin text-black-900", e),
     size: "xSmall",
@@ -1403,18 +1403,18 @@ const W = {
   errorMessage: a = "",
   id: n = "",
   inputClass: s = "",
-  name: l = "",
+  name: r = "",
   placeholder: i = "",
-  props: r = {},
+  props: l = {},
   rows: o = 4,
-  variation: u = "primary"
-}) => /* @__PURE__ */ M("div", { className: m("relative textarea", u, d), children: [
+  variation: p = "primary"
+}) => /* @__PURE__ */ M("div", { className: m("relative textarea", p, d), children: [
   /* @__PURE__ */ c(
     "textarea",
     {
       placeholder: i,
       id: n,
-      name: l,
+      name: r,
       rows: o,
       className: m(
         "form-textarea min-h-[40px] pl-4",
@@ -1424,7 +1424,7 @@ const W = {
         },
         s
       ),
-      ...r
+      ...l
     }
   ),
   e && /* @__PURE__ */ c(
@@ -1433,7 +1433,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",
@@ -1450,22 +1450,22 @@ const W = {
   errorMessage: a = "",
   iconLeft: n = "",
   id: s = "",
-  inputClass: l,
+  inputClass: r,
   name: i = "",
-  placeholder: r = "",
+  placeholder: l = "",
   props: o = {},
-  styles: u = null,
-  type: p = "text",
+  styles: p = null,
+  type: u = "text",
   value: V,
   variation: C = "primary"
 }) => /* @__PURE__ */ M(
   "div",
   {
     className: m("relative textbox", C, d),
-    style: u ? { ...u } : null,
+    style: p ? { ...p } : 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,
@@ -1476,10 +1476,10 @@ const W = {
       /* @__PURE__ */ c(
         "input",
         {
-          placeholder: r,
+          placeholder: l,
           id: s,
           name: i,
-          type: p,
+          type: u,
           value: V,
           autoComplete: "off",
           className: m(
@@ -1490,7 +1490,7 @@ const W = {
               "!border-red-500 !bg-red-500/10 placeholder:!text-red-700 focus:!ring-red-500 focus:!border-red-500": t
             },
             o.inputClass ?? "",
-            l
+            r
           ),
           ...o
         }
@@ -1501,7 +1501,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",
@@ -1542,7 +1542,7 @@ const W = {
   customSuccessMsg: a = "",
   title: n = "Send A Message",
   titleClass: s,
-  uppercase: l = !0
+  uppercase: r = !0
 }) => {
   const i = a || /* @__PURE__ */ M(S, { children: [
     "Typical email response time is 2-3 hours. If you require immediate assistance you may use our",
@@ -1566,7 +1566,7 @@ const W = {
     {
       id: "contactForm",
       className: m("contact-form", t, {
-        uppercase: l
+        uppercase: r
       }),
       children: [
         /* @__PURE__ */ c("h2", { id: "contact-title", className: m("mb-4", s), children: n }),
@@ -1586,7 +1586,7 @@ const W = {
                   name: "contact-name",
                   placeholder: "Name",
                   inputClass: m({
-                    "placeholder:uppercase": l
+                    "placeholder:uppercase": r
                   })
                 }
               ),
@@ -1597,7 +1597,7 @@ const W = {
                   name: "contact-email",
                   placeholder: "Email",
                   inputClass: m({
-                    "placeholder:uppercase": l
+                    "placeholder:uppercase": r
                   })
                 }
               ),
@@ -1608,7 +1608,7 @@ const W = {
                   name: "contact-message",
                   placeholder: "Message",
                   inputClass: m({
-                    "placeholder:uppercase": l
+                    "placeholder:uppercase": r
                   })
                 }
               ),
@@ -1618,7 +1618,7 @@ const W = {
                   className: m(
                     "flex mx-auto items-center",
                     {
-                      uppercase: l
+                      uppercase: r
                     },
                     d
                   ),
@@ -1640,30 +1640,30 @@ const W = {
   contentClass: a,
   footerClass: n,
   footerContent: s,
-  headerContent: l,
+  headerContent: r,
   headerClass: i,
-  list: r = !1,
+  list: l = !1,
   props: o = {},
-  variation: u = "primary"
+  variation: p = "primary"
 }) => {
-  const p = r ? "ul" : "div";
+  const u = l ? "ul" : "div";
   return /* @__PURE__ */ M(
     "div",
     {
       className: m(
         "content-card",
         { "content-card--block": d },
-        `content-card--${u}`,
+        `content-card--${p}`,
         t
       ),
       ...o,
       children: [
-        l && /* @__PURE__ */ c("div", { className: m("content-card__header", i), children: typeof l == "string" ? /* @__PURE__ */ c("h3", { children: l }) : l }),
+        r && /* @__PURE__ */ c("div", { className: m("content-card__header", i), children: typeof r == "string" ? /* @__PURE__ */ c("h3", { children: r }) : r }),
         /* @__PURE__ */ c(
-          p,
+          u,
           {
             className: m("content-card__content", a),
-            role: r ? "list" : null,
+            role: l ? "list" : null,
             children: e
           }
         ),
@@ -1678,11 +1678,11 @@ const W = {
   direction: a = "col",
   label: n,
   labelClass: s,
-  props: l = {},
+  props: r = {},
   rowGap: i = 1,
-  value: r,
+  value: l,
   valueClass: o,
-  wrap: u = !1
+  wrap: p = !1
 }) => /* @__PURE__ */ M(
   "div",
   {
@@ -1691,7 +1691,7 @@ const W = {
       {
         "flex-col items-start": a === "col",
         "flex-row items-center": a === "row",
-        "flex-wrap": u
+        "flex-wrap": p
       },
       e
     ),
@@ -1699,10 +1699,10 @@ const W = {
       columnGap: `${t / 4}rem`,
       rowGap: `${i / 4}rem`
     },
-    ...l,
+    ...r,
     children: [
       n && /* @__PURE__ */ c("div", { className: m("item-label", s), children: n }),
-      r && /* @__PURE__ */ c("div", { className: m("item-value", o), children: r }),
+      l && /* @__PURE__ */ c("div", { className: m("item-value", o), children: l }),
       d
     ]
   }
@@ -1713,7 +1713,7 @@ const W = {
   noPrint: a = !1,
   props: n = {},
   title: s,
-  titleClass: l,
+  titleClass: r,
   titleId: i
 }) => /* @__PURE__ */ M(
   "section",
@@ -1728,7 +1728,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", r), id: i, children: s }),
       e
     ]
   }
@@ -1888,7 +1888,7 @@ const W = {
 }, A1 = {
   0: "0ms",
   50: "50ms"
-}, y1 = {
+}, x1 = {
   "center-top": "center 30%"
 }, O = {
   animation: V1,
@@ -1900,7 +1900,7 @@ const W = {
   maxWidth: v1,
   screens: b1,
   transitionDuration: A1,
-  transformOrigin: y1
+  transformOrigin: x1
 }, I = {
   black: {
     50: "#FCFCFC",
@@ -2011,7 +2011,7 @@ const W = {
 }, s2 = {
   ...I,
   ...B
-}, x1 = ({ matchUtilities: d, theme: e }) => d(
+}, y1 = ({ matchUtilities: d, theme: e }) => d(
   {
     aspect: (t) => ({
       "@supports (aspect-ratio: 1 / 1)": {
@@ -2056,27 +2056,27 @@ const W = {
   fixedProps: a = {},
   sizeProps: n = null,
   sizes: s,
-  weights: l,
+  weights: r,
   weightProps: i = null
 }) => {
-  const r = {};
-  Object.entries(s).forEach(([o, u]) => {
-    const p = {
-      "font-size": u,
+  const l = {};
+  Object.entries(s).forEach(([o, p]) => {
+    const u = {
+      "font-size": p,
       ...a
-    }, V = `.${e(`${t}-${o}`)}`, C = n ? n({ sizeKey: o, sizeValue: u }) : {};
-    r[V] = {
-      ...p,
+    }, V = `.${e(`${t}-${o}`)}`, C = n ? n({ sizeKey: o, sizeValue: p }) : {};
+    l[V] = {
+      ...u,
       ...C
-    }, Object.entries(l).forEach(([f, g]) => {
-      const x = `.${e(`${t}-${o}-${f}`)}`, h = i ? i({ sizeKey: o, sizeValue: u, weightKey: f, weightValue: g }) : {};
-      r[x] = {
-        ...p,
+    }, Object.entries(r).forEach(([f, g]) => {
+      const y = `.${e(`${t}-${o}-${f}`)}`, h = i ? i({ sizeKey: o, sizeValue: p, weightKey: f, weightValue: g }) : {};
+      l[y] = {
+        ...u,
         "font-weight": g,
         ...h
       };
     });
-  }), d(r);
+  }), d(l);
 }, $ = {
   aspectRatio: !1,
   backdropBlur: !1,
@@ -2149,7 +2149,7 @@ const W = {
       medium: "500",
       semibold: "600",
       bold: "700"
-    }, l = {
+    }, r = {
       title: "2rem",
       1: "1.75rem",
       2: "1.625rem",
@@ -2170,10 +2170,10 @@ const W = {
       fixedProps: {
         "line-height": "1.5"
       },
-      sizeProps: ({ sizeKey: r }) => ({
-        "font-weight": n.includes(r) ? s.semibold : s.bold
+      sizeProps: ({ sizeKey: l }) => ({
+        "font-weight": n.includes(l) ? s.semibold : s.bold
       }),
-      sizes: l,
+      sizes: r,
       weights: s
     }), T({
       addUtilities: d,
@@ -2181,16 +2181,16 @@ const W = {
       classPrefix: "text-body",
       sizes: i,
       weights: s
-    }), x1({ matchUtilities: e, theme: t }), w1({ matchUtilities: e, theme: t }), S1({ matchUtilities: e }), k1({ matchUtilities: e });
+    }), y1({ matchUtilities: e, theme: t }), w1({ matchUtilities: e, theme: t }), S1({ matchUtilities: e }), k1({ matchUtilities: e });
   }
-], r2 = {
+], l2 = {
   theme: {
     extend: O,
     colors: I
   },
   plugins: q,
   corePlugins: $
-}, l2 = {
+}, r2 = {
   theme: {
     extend: O,
     colors: B
@@ -2205,7 +2205,7 @@ function z1(d, e = []) {
     },
     set(t, a, n) {
       const s = { ...t };
-      return t[a] = n, e.length > 0 && e.forEach((l) => l(t, s, a)), t;
+      return t[a] = n, e.length > 0 && e.forEach((r) => r(t, s, a)), t;
     }
   });
 }
@@ -2217,12 +2217,12 @@ function o2(d, e = []) {
 }
 function c2({ 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], u = [];
-    o.forEach((p) => {
-      p.isValid(i) || 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");
+  for (const [r, i] of t.entries()) {
+    const l = e.querySelector(`[name="${r}"]`), o = a[r], p = [];
+    o.forEach((u) => {
+      u.isValid(i) || p.push(u.message);
+    }), p.length ? (s = !1, l.classList.add("field-error"), d && d({ isValid: s, field: l, validations: a })) : (l.classList.remove("field-error"), d && d({ isValid: !0, field: l, validations: a })), n && (l == null || l.addEventListener("input", (u) => {
+      u.preventDefault(), l.classList.contains("field-error") && l.classList.remove("field-error");
     }));
   }
   return s;
@@ -2276,16 +2276,16 @@ class h2 {
     )), e.slides = [...(a = e.container) == null ? void 0 : a.children], e.slides.forEach((n) => e.observer.observe(n));
   }
   handleIntersect(e, t, a) {
-    const n = e.filter((r) => r.isIntersecting), s = n.length === a.slides.length, l = n.every(
-      (r) => r.isIntersecting === !0
+    const n = e.filter((l) => l.isIntersecting), s = n.length === a.slides.length, r = n.every(
+      (l) => l.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));
+    s && r ? t.disconnect() : (a.disableBtns = !1, e.forEach((l) => {
+      const o = [...a.slides].indexOf(l.target);
+      l.target === a.slides[0] && (a.showPrevBtn = l.isIntersecting), l.target === a.slides[a.slides.length - 1] && (a.showNextBtn = l.isIntersecting), l.target === a.slides[2] && (a.scrollToStart = l.isIntersecting), l.target === a.slides[a.slides.length - 2] && (a.scrollToEnd = l.isIntersecting), l.isIntersecting && !a.entriesIntersected.includes(o) && (a.entriesIntersected.push(o), a.activeIndex = o, i(l));
     }));
-    function i(r) {
+    function i(l) {
       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));
+      l.target !== a.slides[a.slides.length - 1] && l.target !== a.slides[0] && l.target !== a.slides[2] && l.target !== a.slides[a.slides.length - 2] && ((o = a.observer) == null || o.unobserve(l.target));
     }
   }
   btnListeners(e) {
@@ -2304,7 +2304,7 @@ class h2 {
     e.scrollToEnd ? e.transition = n : e.transition += e.slides[1].offsetWidth + 12, e.container.style.transform = `translate3d(${-e.transition}px, 0, 0)`;
   }
   sliderElements({ state: e, items: t, id: a, cb: n }) {
-    const s = '<span class="slide-first"></span>', l = '<span class="slide-last"></span>';
+    const s = '<span class="slide-first"></span>', r = '<span class="slide-last"></span>';
     if (e.container = document.getElementById(`slider-container-${a}`), !e.container)
       return console.error(`slider-container-${a} Not Found`);
     e.prevBtn = e.container.parentElement.querySelector(
@@ -2312,8 +2312,8 @@ class h2 {
     ), 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 i = t.map((o) => n(o)).join(""), l = document.createElement("div");
+    l.innerHTML = `${s}${i}${r}`, e.container.replaceChildren(...l.children), e.container.parentElement.classList.add("loaded");
   }
   showHideBtns(e, t, a) {
     if (a === "showPrevBtn" || a === "showNextBtn") {
@@ -2325,10 +2325,10 @@ class h2 {
 }
 class H {
   static calcCrow(e, t, a, n) {
-    const l = H.toRad(a - e), i = H.toRad(n - t);
+    const r = H.toRad(a - e), i = 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);
-    return 6371 * (2 * Math.atan2(Math.sqrt(r), Math.sqrt(1 - r)));
+    const l = Math.sin(r / 2) * Math.sin(r / 2) + Math.sin(i / 2) * Math.sin(i / 2) * Math.cos(e) * Math.cos(a);
+    return 6371 * (2 * Math.atan2(Math.sqrt(l), Math.sqrt(1 - l)));
   }
   static cleanupAddress(e) {
     return e.split(" ").map((a) => a.split("-")[0]).join(" ").trim();
@@ -2356,25 +2356,33 @@ class H {
   static async createData(e, t = null, a = !0, n = {}) {
     if (!t)
       return null;
-    const { tolken: s = null, ip: l = null } = await H.getHeaders(), i = a === !1 ? "" : "&tolken=" + s + "&ip=" + l, r = e + i, o = typeof t == "string" ? t : JSON.stringify(t), u = (t == null ? void 0 : t.website) ?? H.getWebsiteHeaderName();
+    const s = await this.createDataGetExtra({ useExtra: a }), r = typeof t == "string" ? t : JSON.stringify(t), i = (t == null ? void 0 : t.website) ?? H.getWebsiteHeaderName();
     try {
-      const p = await fetch(r, {
+      const l = await fetch(e + s, {
         method: "POST",
-        body: o === "null" ? null : o,
+        body: r === "null" ? null : r,
         headers: {
-          website: u
+          website: i
         },
         ...n
-      }), V = p.headers.get("content-type");
-      if (V && V.indexOf("application/json") !== -1)
-        return p.json();
-      const C = await p.text();
-      return C ? C.replace("__next", "") : null;
-    } catch (p) {
-      console.error("createData", p);
+      });
+      return await this.createDataReturn(l);
+    } catch (l) {
+      console.error("createData", l);
     }
     return null;
   }
+  static async createDataGetExtra({ useExtra: e }) {
+    const { tolken: t = null, ip: a = null } = await H.getHeaders();
+    return e === !1 ? "" : "&tolken=" + t + "&ip=" + a;
+  }
+  static async createDataReturn(e) {
+    const t = e.headers.get("content-type");
+    if (t && t.indexOf("application/json") !== -1)
+      return e.json();
+    const a = await e.text();
+    return a ? a.replace("__next", "") : null;
+  }
   static dataLayer({ type: e = null, data: t = null }) {
     typeof dataLayer.push > "u" || typeof dataLayer.push > "u" || (e === "custom" && t && this.dlvCustom(t), e === "login" && t && this.dlvUserLogin(t), e === "userData" && t && this.dlvUserData(t));
   }
@@ -2431,15 +2439,15 @@ class H {
   static async fetchData(e, t = !1, a = !0) {
     const { tolken: n = null, ip: s = null } = await H.getHeaders(), i = e.replace("#", "").replace("%23", "") + "&tolken=" + n + "&ip=" + s;
     try {
-      const r = await fetch(i, { method: "GET" });
+      const l = await fetch(i, { method: "GET" });
       if (t === !0) {
-        const u = await r.text();
-        return u ? u.replace("__next", "") : null;
+        const p = await l.text();
+        return p ? p.replace("__next", "") : null;
       }
-      const o = r.headers.get("content-type");
-      return o && o.indexOf("application/json") !== -1 ? r.json() : null;
-    } catch (r) {
-      console.error("fetchData", r, e);
+      const o = l.headers.get("content-type");
+      return o && o.indexOf("application/json") !== -1 ? l.json() : null;
+    } catch (l) {
+      console.error("fetchData", l, e);
     }
     return null;
   }
@@ -2467,12 +2475,12 @@ 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(), r = n.getEast(), i = n.getNorth(), l = n.getWest();
+    return a && (s = s - a, r = r + a, i = i + a, l = l - a), t && (s = s.toFixed(t), r = r.toFixed(t), i = i.toFixed(t), l = l.toFixed(t)), {
       swLat: s,
-      neLng: l,
+      neLng: r,
       neLat: i,
-      swLng: r
+      swLng: l
     };
   }
   static getFirstN(e, t = 5) {
@@ -2499,27 +2507,48 @@ class H {
     if (t === "license" || t === "license-plate")
       return "/report/license-plate";
   }
-  static async getHeaders(e = 300) {
-    var i;
+  static async getHeaders({ ttl: e = 600, bypassSession: t = !1 } = {}) {
+    var p;
     const {
-      userAgent: t = null,
-      userAgentData: a = null,
-      platform: n = null
-    } = navigator || {}, s = (a == null ? void 0 : a.platform) ?? n, l = {
+      userAgent: a = null,
+      userAgentData: n = null,
+      platform: s = null
+    } = navigator || {}, r = (n == null ? void 0 : n.platform) ?? s, i = {
       tolken: null,
       ip: null,
-      userAgent: t,
-      platform: s
+      userAgent: a,
+      platform: r
     };
-    if ((i = window == null ? void 0 : window.options) != null && i.isPdf)
-      return l;
+    if (typeof window.localStorage > "u")
+      return i;
+    const l = "headerSessionIdData", o = localStorage.getItem(l);
+    if (o && !t) {
+      const u = JSON.parse(o), V = (/* @__PURE__ */ new Date()).getTime();
+      if (console.log(`localStorage - ${u.expire - V}`), u.expire - V <= 0)
+        console.log(`expire localStorage & continue to call headers - ${l}`), localStorage.removeItem(l);
+      else
+        return {
+          tolken: u.tolken,
+          ip: null,
+          userAgent: a,
+          platform: r
+        };
+    }
+    if ((p = window == null ? void 0 : window.options) != null && p.isPdf)
+      return i;
     try {
-      const o = await (await fetch("/api/headers")).json(), { headers: u } = o, p = u["x-forwarded-for"] ?? null, V = p ? p.split(/, /)[0] : null;
-      return { tolken: (u == null ? void 0 : u.sessionId) ?? null, ip: V, userAgent: t, platform: s };
-    } catch (r) {
-      console.error("getHeaders", r);
+      const V = await (await fetch("/api/client-headers")).json(), C = (V == null ? void 0 : V.sessionId) ?? "noSessionId", f = null, g = e * 1e3;
+      return localStorage.setItem(
+        l,
+        JSON.stringify({
+          tolken: C,
+          expire: (/* @__PURE__ */ new Date()).getTime() + g
+        })
+      ), { tolken: C, ip: f, userAgent: a, platform: r };
+    } catch (u) {
+      console.error("getHeaders", u);
     }
-    return l;
+    return i;
   }
   static getLayerTitle(e) {
     return {
@@ -2528,15 +2557,15 @@ class H {
     }[e];
   }
   static async getLocationData(e) {
-    const { swLat: t, neLng: a, neLat: n, swLng: s } = H.getBounds(e, 3, 0.05), l = "zip-location&swLat=" + t + "&neLng=" + a + "&neLat=" + n + "&swLng=" + s;
-    return await H.fetchData("/api/client?query=" + l);
+    const { swLat: t, neLng: a, neLat: n, swLng: s } = H.getBounds(e, 3, 0.05), r = "zip-location&swLat=" + t + "&neLng=" + a + "&neLat=" + n + "&swLng=" + s;
+    return await H.fetchData("/api/client?query=" + r);
   }
   static getReportUrl(e, t = null) {
-    var r, o, u;
-    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 = ((u = e == null ? void 0 : e.name) == null ? void 0 : u.slug) ?? null, l = (e == null ? void 0 : e.zip) ?? null;
+    var l, o, p;
+    const a = ((l = e == null ? void 0 : e.state) == null ? void 0 : l.slug) ?? null, n = ((o = e == null ? void 0 : e.city) == null ? void 0 : o.slug) ?? null, s = ((p = e == null ? void 0 : e.name) == null ? void 0 : p.slug) ?? null, r = (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 i = [r, "-piq", t].filter((u) => u).join("");
+    return "/" + [a, n, s].filter((u) => u).map((u) => H.toSlug(u)).join("/") + "/" + i;
   }
   static async getSearchValue(e = "recsSearchValue") {
     try {
@@ -2684,7 +2713,7 @@ class H {
         uuid: t
       }
     });
-    return await H.makeSearchFetchCall(
+    return await H.fetchData(
       `/api/client?query=user-get-history&filter=${a}`
     );
   }
@@ -2702,18 +2731,18 @@ class H {
   static gridTest(e, t, a = 1500) {
     const n = this;
     L.GridLayer.GridDebug = L.GridLayer.extend({
-      createTile: function(s, l) {
+      createTile: function(s, r) {
         const i = document.createElement("div");
         return setTimeout(() => {
-          l(null, i);
-          const { se: r, nw: o } = n.getGridBounds({
+          r(null, i);
+          const { se: l, nw: o } = n.getGridBounds({
             map: e,
             tileSize: this.getTileSize(),
             coords: s
           });
           t({
-            swLat: r.lat,
-            neLng: r.lng,
+            swLat: l.lat,
+            neLng: l.lng,
             neLat: o.lat,
             swLng: o.lng,
             coords: s,
@@ -2743,10 +2772,10 @@ class H {
     onClose: a = null,
     onOpen: n = null,
     onTargetClick: s = null,
-    selfClose: l = !1,
+    selfClose: r = !1,
     target: i = null
   }) {
-    const r = i ? document.querySelectorAll(i) : [], o = document.getElementById(`${t}-dialog`), u = l ? o == null ? void 0 : o.querySelectorAll("[data-dialog-close]") : document.querySelectorAll("[data-dialog-close]"), p = [
+    const l = i ? document.querySelectorAll(i) : [], o = document.getElementById(`${t}-dialog`), p = r ? o == null ? void 0 : o.querySelectorAll("[data-dialog-close]") : document.querySelectorAll("[data-dialog-close]"), u = [
       "closing",
       "closed",
       "opening",
@@ -2764,13 +2793,13 @@ class H {
         if (w.attributeName === "open") {
           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 x(b), b == null || b.dispatchEvent(p.opened);
+          b == null || b.removeAttribute("inert"), b == null || b.dispatchEvent(u.opening), b && await y(b), b == null || b.dispatchEvent(u.opened);
         }
       });
     }), 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());
+          b.nodeName === "DIALOG" && (b.removeEventListener("click", g), b.removeEventListener("close", f), b.dispatchEvent(u.removed), C == null || C.disconnect(), V == null || V.disconnect());
         });
       });
     });
@@ -2782,10 +2811,10 @@ class H {
       childList: !0
     }));
     const f = async ({ target: h }) => {
-      h == null || h.classList.add("closing"), h == null || h.setAttribute("inert", ""), h == null || h.dispatchEvent(p.closing), h && await x(h), h == null || h.classList.remove("closing"), h == null || h.dispatchEvent(p.closed);
+      h == null || h.classList.add("closing"), h == null || h.setAttribute("inert", ""), h == null || h.dispatchEvent(u.closing), h && await y(h), h == null || h.classList.remove("closing"), h == null || h.dispatchEvent(u.closed);
     }, g = async ({ target: h }) => {
-      (h == null ? void 0 : h.nodeName) === "DIALOG" && (h == null || h.dispatchEvent(p.outside), o == null || o.close("outside"));
-    }, x = (h) => Promise.allSettled(
+      (h == null ? void 0 : h.nodeName) === "DIALOG" && (h == null || h.dispatchEvent(u.outside), o == null || o.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", g)), o == null || o.addEventListener("close", async (h) => {
@@ -2796,16 +2825,16 @@ class H {
       h.key === "Escape" && h.preventDefault();
     })), n && (o == null || o.addEventListener("open", async (h) => {
       n(h, o);
-    })), r == null || r.forEach((h) => {
+    })), l == null || l.forEach((h) => {
       h.addEventListener("click", (v) => {
         o == null || o.showModal(), s && s(v, o);
       });
-    }), u == null || u.forEach((h) => {
+    }), p == null || p.forEach((h) => {
       h.addEventListener("click", async (v) => {
         o == null || o.close("close");
       });
     }), {
-      activators: r,
+      activators: l,
       ref: o
     };
   }
@@ -2816,8 +2845,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 (r, i) => {
+      n ? (r[0].isIntersecting || r[0].boundingClientRect.y < 0) && t({ obs: i, entry: r[0], entries: r }) : r[0].isIntersecting && t({ obs: i, entry: r[0], entries: r });
     }, a).observe(e);
   }
   static injectLink({ href: e, id: t }) {
@@ -2825,11 +2854,11 @@ class H {
     a.href = e, a.type = "text/css", a.rel = "stylesheet", t && (a.id = t), document.getElementsByTagName("head")[0].appendChild(a);
   }
   static injectScript({ src: e, id: t = null, async: a = !0, module: n = !1 }) {
-    return new Promise(function(s, l) {
+    return new Promise(function(s, r) {
       let i = document.getElementById(t);
       if (t && i && i.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));
+      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 = () => r(!1));
     });
   }
   static isMobile({ selector: e = null, width: t = 640 } = {}) {
@@ -2862,14 +2891,14 @@ class H {
     return a > 999999 ? n * (a / 1e6).toFixed(1) + "m" : a > 999 ? n * (a / 1e3).toFixed(t) + "k" : n * a;
   }
   static async logRequest(e = null, t = null, a = null, n = null, s = null) {
-    const l = {
+    const r = {
       name: e,
       uuid: t,
       ip: a,
       url: n,
       data: s
     };
-    return await H.createData("/api/client?query=log/save&method=POST", l), null;
+    return await H.createData("/api/client?query=log/save&method=POST", r), null;
   }
   static loadAds() {
     window.dataLayer = window.dataLayer || [];
@@ -2893,8 +2922,8 @@ class H {
           async: !1,
           module: a
         });
-      } catch (l) {
-        console.error("loadCustomScript", l);
+      } catch (r) {
+        console.error("loadCustomScript", r);
       }
     }
     return null;
@@ -2924,17 +2953,6 @@ class H {
     const e = "/slider/swiper-bundle.min.js";
     await H.injectLink({ href: "/slider/swiper-bundle.min.css", id: "swiperCss" }), await H.injectScript({ src: e, id: "swiperJs", async: !1 });
   }
-  static async makeSearchFetchCall(e) {
-    try {
-      return (await fetch(e, {
-        method: "GET",
-        headers: { "Content-Type": "application/json" }
-      })).json();
-    } catch (t) {
-      console.error("performSearch", t, { url: e });
-    }
-    return [];
-  }
   static money(e, t = "", a = 0) {
     return e === null ? t : Intl ? new Intl.NumberFormat("en-US", {
       style: "currency",
@@ -2955,17 +2973,17 @@ class H {
       first: a = null,
       middle: n = null,
       last: s = null,
-      min: l = null,
+      min: r = null,
       max: i = null,
-      city: r = null,
+      city: l = null,
       state: o = null,
-      vin: u = null,
-      license: p = null,
+      vin: p = null,
+      license: u = null,
       token: V = null,
       phone: C = null
-    } = e || {}, f = t && t !== "", g = l && l !== "" && l !== "18", x = i && i !== "" && l !== "99";
+    } = e || {}, f = t && t !== "", g = r && r !== "" && r !== "18", y = i && i !== "" && r !== "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 && x ? parseInt(l) > parseInt(i) ? (h.push("min=" + i), h.push("max=" + l)) : (h.push("min=" + l), h.push("max=" + i)) : (g && h.push("min=" + l), x && h.push("max=" + i)), C && C !== "" && h.push("phone=" + C), r && r !== "" && h.push("city=" + r), p && p !== "" && h.push("license=" + p), u && u !== "" && h.push("vin=" + u), o && o !== "" && h.push("state=" + o), V && V !== "" && h.push("token=" + V), h.join("&");
+    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(r) > parseInt(i) ? (h.push("min=" + i), h.push("max=" + r)) : (h.push("min=" + r), h.push("max=" + i)) : (g && h.push("min=" + r), y && h.push("max=" + i)), C && C !== "" && h.push("phone=" + C), l && l !== "" && h.push("city=" + l), u && u !== "" && h.push("license=" + u), p && p !== "" && h.push("vin=" + p), o && o !== "" && h.push("state=" + o), V && V !== "" && h.push("token=" + V), h.join("&");
   }
   static padTo2Digits(e) {
     return e.toString().padStart(2, "0");
@@ -2979,30 +2997,30 @@ class H {
       addressesOnly: a = !1,
       useCitySearch: n = !1,
       useCityStateSearch: s = !1,
-      useSearch: l = !1,
+      useSearch: r = !1,
       useLocation: i = !0,
-      state: r = "",
+      state: l = "",
       useGoogle: o = !1,
-      useGoogleOverride: u = !1,
-      useAmazonOverride: p = !1,
+      useGoogleOverride: p = !1,
+      useAmazonOverride: u = !1,
       isSandboxAccount: V = !1,
       isOptOutSearch: C = !1
     } = t ?? {}, { tolken: f = null, ip: g = null } = await H.getHeaders(), h = [
       "query=" + encodeURIComponent(this.cleanupAddress(e)),
       "addressesOnly=" + a,
-      "useSearch=" + l,
+      "useSearch=" + r,
       "useCitySearch=" + n,
       "useCityStateSearch=" + s,
       "useLocation=" + i,
       "useGoogle=" + o,
-      "useGoogleOverride=" + u,
-      "useAmazonOverride=" + p,
+      "useGoogleOverride=" + p,
+      "useAmazonOverride=" + u,
       "isSandboxAccount=" + V,
       "isOptOutSearch=" + C
     ];
-    r && r !== "" && !s && h.push("state=" + r), f && f !== "" && h.push("tolken=" + f), g && g !== "" && h.push("ip=" + g);
+    l && l !== "" && !s && h.push("state=" + l), f && f !== "" && h.push("tolken=" + f), g && g !== "" && h.push("ip=" + g);
     const v = h.join("&"), b = (n || s ? "/api/autocomplete-city" : "/api/autocomplete") + "?" + v;
-    return await H.makeSearchFetchCall(b);
+    return await H.fetchData(b);
   }
   static removeElements(e) {
     document.querySelectorAll(e).forEach((t) => t == null ? void 0 : t.remove());
@@ -3047,9 +3065,9 @@ class H {
       s && (n = s.short);
     }
     if (a && !n) {
-      const s = a.split(" "), l = s[s.length - 1];
-      if (l.length) {
-        const i = this.searchInStates(l);
+      const s = a.split(" "), r = s[s.length - 1];
+      if (r.length) {
+        const i = this.searchInStates(r);
         i && (n = i.short, a = s.slice(0, -1).join(" "));
       }
     }
@@ -3063,12 +3081,12 @@ 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: u }) => import(`${n}${s}${o}?v=${a}`)), i = await Promise.all(l), r = [];
-      i.forEach((o, u) => {
-        o && typeof o[e[u].initFunctionName] == "function" ? r.push(o[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);
+      const r = e.map(({ fileName: o, initFunctionName: p }) => import(`${n}${s}${o}?v=${a}`)), i = await Promise.all(r), l = [];
+      i.forEach((o, p) => {
+        o && typeof o[e[p].initFunctionName] == "function" ? l.push(o[e[p].initFunctionName]()) : console.error(`error loading ${e[p].initFunctionName}()`);
+      }), l.length > 0 && await Promise.all(l);
+    } catch (r) {
+      console.error("Failed to load one or more search modules:", r);
     }
   }
   static async setSearchValueClient(e, t = "recsSearchValue", a = {}) {
@@ -3170,7 +3188,7 @@ export {
   $1 as Dots,
   e2 as FlexItem,
   n2 as FunnelHeader,
-  y as Icon,
+  x as Icon,
   q1 as LoadingBar,
   P1 as Popover,
   j1 as ProcessingSpinner,
@@ -3189,10 +3207,10 @@ export {
   i2 as addClass,
   s2 as colors,
   $ as corePlugins,
-  l2 as elerisPreset,
+  r2 as elerisPreset,
   O as extensions,
   q as plugins,
-  r2 as propertyPreset,
+  l2 as propertyPreset,
   o2 as removeClass,
   d2 as validateEmail,
   c2 as validateForm