@vehiclehistory/property-lib 0.0.45 → 0.0.47

package/dist/main.es.js

@@ -1,5 +1,5 @@
-import { jsx as o, jsxs as g, Fragment as k } from "react/jsx-runtime";
-import { memo as x, useState as N, useEffect as z, useRef as q } from "react";
+import { jsx as o, jsxs as g, Fragment as S } from "react/jsx-runtime";
+import { memo as x, useState as Z, useEffect as N, useRef as q } from "react";
 import u from "classnames";
 const j = {
   xxSmall: "w-4 h-4",
@@ -480,16 +480,16 @@ const j = {
   size: a = "medium",
   viewBox: n = "0 0 20 20"
 }) => {
-  const s = R(t), [r, i] = N(d), [l, c] = N(s);
-  return z(() => {
+  const s = R(t), [i, r] = Z(d), [l, c] = Z(s);
+  return N(() => {
     c(s);
-  }, [s]), z(() => {
-    i(d);
+  }, [s]), N(() => {
+    r(d);
   }, [d]), !s && console.error("Icon does not exist", t), /* @__PURE__ */ o(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
-      className: `${j[a]} fill-current flex-shrink-0 ${r}${e ? ` ${e}` : ""}`,
+      className: `${j[a]} fill-current flex-shrink-0 ${i}${e ? ` ${e}` : ""}`,
       style: { maxWidth: "4em" },
       role: "presentation",
       viewBox: n,
@@ -505,10 +505,10 @@ const j = {
   panelClass: a,
   title: n,
   unmount: s = !0,
-  isOpen: r = !1
+  isOpen: i = !1
 }) => {
-  const [i, l] = N(r);
-  return /* @__PURE__ */ o("div", { className: u("shadow rounded-lg", e), children: /* @__PURE__ */ g(k, { children: [
+  const [r, l] = Z(i);
+  return /* @__PURE__ */ o("div", { className: u("shadow rounded-lg", e), children: /* @__PURE__ */ g(S, { children: [
     /* @__PURE__ */ g(
       "button",
       {
@@ -517,12 +517,12 @@ const j = {
         className: u(
           "acc-a flex w-full justify-between items-center bg-gray-50 px-4 py-2 text-left font-medium text-slate-700 border border-gray-200 focus:outline-none focus-visible:ring focus-visible:ring-gray-500 focus-visible:ring-opacity-75",
           {
-            "acc-o": i
+            "acc-o": r
           }
         ),
         title: n,
         onClick: () => {
-          l(!i), t && t(!i);
+          l(!r), t && t(!r);
         },
         children: [
           /* @__PURE__ */ o("div", { className: "font-medium text-slate-700 sm-max:!text-base text-lg flex items-center", children: n }),
@@ -537,7 +537,7 @@ const j = {
         ]
       }
     ),
-    s && i && /* @__PURE__ */ o(
+    s && r && /* @__PURE__ */ o(
       "div",
       {
         className: u(
@@ -553,7 +553,7 @@ const j = {
         className: u(
           "acc-p p-4 border-x border-b rounded-bl-lg rounded-br-lg border-gray-200 relative",
           a,
-          { hidden: !i }
+          { hidden: !r }
         ),
         children: d
       }
@@ -566,9 +566,9 @@ const j = {
   title: a = "",
   titleClass: n = "",
   props: s = {},
-  type: r = "error"
+  type: i = "error"
 }) => {
-  const i = {
+  const r = {
     error: {
       icon: "error",
       iconColor: "text-red-500",
@@ -589,11 +589,11 @@ const j = {
       iconColor: "text-yellow-500",
       styles: "bg-yellow-50 border-yellow-300 text-yellow-700"
     }
-  }, { icon: l, iconColor: c, styles: h } = i[r];
+  }, { icon: l, iconColor: c, styles: h } = r[i];
   return /* @__PURE__ */ o(
     "div",
     {
-      id: r,
+      id: i,
       className: u(
         "rounded w-full py-2 px-4 mb-4 border",
         h,
@@ -619,39 +619,40 @@ const j = {
   );
 }, k1 = x(U), G = ({
   autoFocus: d = !1,
-  required: e = !1,
-  className: t = "",
+  className: e = "",
+  dataSearch: t = "container",
   defaultValue: a = "",
-  id: n = "",
-  type: s,
-  floatingLabel: r = "",
+  floatingLabel: n = "",
+  id: s = "",
   inputClass: i = "",
-  leftIcon: l = "homeSearch",
-  mobileBackdrop: c = !1,
-  showSearchIcon: h = !0,
-  options: p = [],
-  name: f = "",
-  placeholder: M = "",
-  props: b = {},
+  leftIcon: r = "homeSearch",
+  mobileBackdrop: l = !1,
+  name: c = "",
+  options: h = [],
+  placeholder: p = "",
+  props: f = {},
+  required: M = !1,
+  showSearchIcon: b = !0,
   size: H = "medium",
   styles: m = null,
-  title: V = ""
+  title: V = "",
+  type: w
 }) => /* @__PURE__ */ g(
   "div",
   {
-    id: n,
-    "data-search": "container",
-    "data-search-type": s,
-    className: u("Autocomplete", t),
+    id: s,
+    "data-search": t,
+    "data-search-type": w,
+    className: u("Autocomplete", e),
     style: m ? { ...m } : null,
     children: [
-      h && /* @__PURE__ */ g(
+      b && /* @__PURE__ */ g(
         "span",
         {
           className: u(
             "search-icon-left absolute inset-y-0 left-0 flex items-center pl-2",
             {
-              "pointer-events-none": c
+              "pointer-events-none": l
             }
           ),
           children: [
@@ -659,7 +660,7 @@ const j = {
               y,
               {
                 className: "home-search select-none text-gray-500",
-                name: l,
+                name: r,
                 size: H === "xLarge" ? "small" : "xSmall",
                 viewBox: "0 0 24 24"
               }
@@ -684,37 +685,37 @@ const j = {
           className: u(
             "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": h === !0,
+              "pl-8": b === !0,
               "px-3 h-10": H === "medium",
               "px-4 h-12": H === "large",
               "px-5 h-[60px] sm:!text-base": H === "xLarge",
-              peer: r
+              peer: n
             },
             i
           ),
-          required: e,
+          required: M,
           autoComplete: "off",
           value: a,
-          placeholder: !M && r ? " " : M,
+          placeholder: !p && n ? " " : p,
           type: "search",
-          name: f || "search-input",
+          name: c || "search-input",
           "data-id": "search-input",
-          ...b
+          ...f
         }
       ),
-      r && /* @__PURE__ */ o(
+      n && /* @__PURE__ */ o(
         "label",
         {
           className: u(
             "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": h === !0,
+              "!left-7": b === !0,
               "left-2": H === "medium",
               "left-3": H === "large",
               "left-4": H === "xLarge"
             }
           ),
-          children: r
+          children: n
         }
       ),
       /* @__PURE__ */ o(
@@ -764,17 +765,17 @@ const j = {
                 "data-title": V,
                 "aria-labelledby": "Label",
                 "aria-activedescendant": "search-item-0",
-                children: p.length > 0 ? p.map((A, v) => /* @__PURE__ */ o(
+                children: h.length > 0 ? h.map((v, k) => /* @__PURE__ */ o(
                   "li",
                   {
-                    id: `search-item-${v}`,
+                    id: `search-item-${k}`,
                     tabIndex: -1,
                     className: "dropdown-item text-gray-900 cursor-default select-none py-2 pl-3 pr-4 truncate hover:bg-gray-50 font-normal focus:bg-gray-50 focus:text-green-400 focus-visible:outline-0",
-                    "aria-selected": v === 0,
+                    "aria-selected": k === 0,
                     role: "option",
-                    children: (A == null ? void 0 : A.name) || A
+                    children: (v == null ? void 0 : v.name) || v
                   },
-                  `search-item-${v}`
+                  `search-item-${k}`
                 )) : ""
               }
             )
@@ -809,8 +810,8 @@ const j = {
   children: a,
   className: n = "",
   disabled: s = !1,
-  href: r,
-  props: i = {},
+  href: i,
+  props: r = {},
   rightIcon: l,
   rightIconProps: c = {},
   rounded: h = !1,
@@ -819,7 +820,7 @@ const j = {
   uppercase: M = !1,
   variation: b = "primary"
 }) => {
-  const H = r ? "a" : "button";
+  const H = i ? "a" : "button";
   return /* @__PURE__ */ g(
     H,
     {
@@ -831,15 +832,15 @@ const j = {
           [`button--${p}`]: p,
           "button--rounded": h,
           "button--disabled": s,
-          "button--custom-link": r,
+          "button--custom-link": i,
           "button--uppercase": M,
           "button--borderless": d || b === "link"
         },
         n
       ),
       disabled: s,
-      href: r,
-      ...i,
+      href: i,
+      ...r,
       children: [
         e && /* @__PURE__ */ o(
           y,
@@ -870,8 +871,8 @@ const j = {
   className: a = "",
   divider: n = !0,
   inset: s = !0,
-  id: r = null,
-  role: i = null
+  id: i = null,
+  role: r = null
 }) => /* @__PURE__ */ o(
   "div",
   {
@@ -885,8 +886,8 @@ const j = {
       },
       a
     ),
-    id: r,
-    role: i,
+    id: i,
+    role: r,
     children: t
   }
 ), Z1 = X, _ = ({
@@ -896,13 +897,13 @@ const j = {
   error: a = !1,
   inputClass: n,
   id: s = "",
-  label: r = "",
-  name: i = "",
+  label: i = "",
+  name: r = "",
   props: l = {},
   variation: c = "primary",
   value: h = ""
 }) => {
-  const p = r ? "div" : "label", f = p === "label" ? { htmlFor: s } : {};
+  const p = i ? "div" : "label", f = p === "label" ? { htmlFor: s } : {};
   return /* @__PURE__ */ g(
     p,
     {
@@ -921,7 +922,7 @@ const j = {
               n
             ),
             id: s,
-            name: i,
+            name: r,
             type: "checkbox",
             value: h,
             ...l
@@ -964,8 +965,8 @@ const j = {
   className: a = "",
   contentClass: n = "",
   dark: s = !1,
-  footer: r,
-  fullMobile: i = !0,
+  footer: i,
+  fullMobile: r = !0,
   headerClass: l = "",
   hideClose: c = !1,
   iconSize: h = "medium",
@@ -973,7 +974,7 @@ const j = {
   stickyHeader: f = !1,
   title: M = "",
   titleClass: b = ""
-}) => /* @__PURE__ */ g(k, { children: [
+}) => /* @__PURE__ */ g(S, { children: [
   d && /* @__PURE__ */ o("span", { id: `${e}-dialog-activator`, children: d }),
   /* @__PURE__ */ o(
     "dialog",
@@ -983,7 +984,7 @@ const j = {
       className: u(
         "dialog",
         {
-          "dialog-full-mobile": i,
+          "dialog-full-mobile": r,
           dark: s,
           "prevent-scroll": p
         },
@@ -1033,7 +1034,7 @@ const j = {
             children: t
           }
         ),
-        r && /* @__PURE__ */ o("footer", { id: `${e}-dialog-footer`, className: "dialog-footer", children: r })
+        i && /* @__PURE__ */ o("footer", { id: `${e}-dialog-footer`, className: "dialog-footer", children: i })
       ] })
     }
   )
@@ -1044,8 +1045,8 @@ const j = {
   className: a = "",
   contentClass: n = "",
   onClose: s,
-  disableOutsideClick: r = !1,
-  footer: i,
+  disableOutsideClick: i = !1,
+  footer: r,
   fullMobile: l = !0,
   headerClass: c = "",
   hideClose: h = !1,
@@ -1056,20 +1057,20 @@ const j = {
   title: H = "",
   titleClass: m = ""
 }) => {
-  const V = q(null), A = async () => {
+  const V = q(null), w = async () => {
     V.current.classList.add("closing"), await B(V.current), V.current.classList.remove("closing"), s && s(), M(!1);
-  }, v = async (w) => {
-    w.key === "Escape" && await A();
-  }, Z = async ({ clientX: w, clientY: S, target: D }) => {
+  }, v = async (A) => {
+    A.key === "Escape" && await w();
+  }, k = async ({ clientX: A, clientY: z, target: D }) => {
     const { left: $, right: T, top: I, bottom: O } = V.current.getBoundingClientRect() ?? {};
-    (!V.current.contains(D) || w < $ || w > T || S < I || S > O) && await A();
-  }, B = (w) => Promise.allSettled(
-    w.getAnimations().map((S) => S.finished)
+    (!V.current.contains(D) || A < $ || A > T || z < I || z > O) && await w();
+  }, B = (A) => Promise.allSettled(
+    A.getAnimations().map((z) => z.finished)
   );
-  return z(() => {
-    const w = V.current;
-    w && (f ? w.showModal() : typeof w.close == "function" && w.close());
-  }, [f]), /* @__PURE__ */ g(k, { children: [
+  return N(() => {
+    const A = V.current;
+    A && (f ? A.showModal() : typeof A.close == "function" && A.close());
+  }, [f]), /* @__PURE__ */ g(S, { children: [
     d && /* @__PURE__ */ o("span", { id: `${e}-dialog-activator`, onClick: () => M(!0), children: d }),
     /* @__PURE__ */ g(
       "dialog",
@@ -1085,7 +1086,7 @@ const j = {
           a
         ),
         onKeyDown: v,
-        onClick: (w) => r ? null : Z(w),
+        onClick: (A) => i ? null : k(A),
         children: [
           /* @__PURE__ */ g(
             "header",
@@ -1104,7 +1105,7 @@ const j = {
                     title: "Close",
                     className: "dialog-close",
                     "data-dialog-close": "",
-                    onClick: A,
+                    onClick: w,
                     children: /* @__PURE__ */ o(
                       y,
                       {
@@ -1126,12 +1127,12 @@ const j = {
               children: t
             }
           ),
-          i && /* @__PURE__ */ o(
+          r && /* @__PURE__ */ o(
             "footer",
             {
               id: `${e}-dialog-footer`,
               className: "dialog-footer flex justify-between items-center p-4 border-t",
-              children: i
+              children: r
             }
           )
         ]
@@ -1154,22 +1155,22 @@ const j = {
   timeout: a = 1e4,
   variation: n = "primary"
 }) => {
-  function s({ cb: r }) {
-    const i = document.querySelector(".loading-bar__inner");
-    if (!i) return;
+  function s({ cb: i }) {
+    const r = document.querySelector(".loading-bar__inner");
+    if (!r) return;
     let l, c, h = !1;
     function p(f) {
       l === void 0 && (l = f);
       const M = f - l;
       if (c !== f) {
         const b = M / a * 101;
-        i.style.width = `${b}%`, b >= 101 && (r && r(), h = !0, window.cancelAnimationFrame(f));
+        r.style.width = `${b}%`, b >= 101 && (i && i(), h = !0, window.cancelAnimationFrame(f));
       }
       M < a && (c = f, h || window.requestAnimationFrame(p));
     }
     window.requestAnimationFrame(p);
   }
-  return z(() => {
+  return N(() => {
     s({ cb: d });
   }, []), /* @__PURE__ */ o(
     "div",
@@ -1206,11 +1207,11 @@ const j = {
   options: a = {},
   children: n,
   className: s = "",
-  containerClass: r = "",
-  disabled: i = !1,
+  containerClass: i = "",
+  disabled: r = !1,
   id: l = "",
   trigger: c = "click"
-}) => /* @__PURE__ */ g(k, { children: [
+}) => /* @__PURE__ */ g(S, { children: [
   /* @__PURE__ */ o(
     "div",
     {
@@ -1220,7 +1221,7 @@ const j = {
         {
           className: u(
             "popover-container rounded border bg-gray-50 border-gray-300 shadow-md text-gray-500 animate-menu-close",
-            r
+            i
           ),
           children: [
             n,
@@ -1242,7 +1243,7 @@ const j = {
       className: u(
         "popover-activator",
         `trigger-${c}`,
-        i ? "is-disabled" : "",
+        r ? "is-disabled" : "",
         e
       ),
       ...t,
@@ -1257,8 +1258,8 @@ const j = {
   className: a,
   completed: n = 0,
   maxCompleted: s = 100,
-  rounded: r = !0,
-  showLabel: i = !1
+  rounded: i = !0,
+  showLabel: r = !1
 }) => {
   const c = ((h, p) => {
     if (h) {
@@ -1272,7 +1273,7 @@ const j = {
     {
       className: u(
         "w-full bg-gray-200",
-        { "rounded-full": r },
+        { "rounded-full": i },
         a
       ),
       role: "progressbar",
@@ -1288,7 +1289,7 @@ const j = {
             t
           ),
           style: { width: `${c}%` },
-          children: i && /* @__PURE__ */ o("span", { className: "font-bold text-white text-xs mr-2", children: Math.round(c) })
+          children: r && /* @__PURE__ */ o("span", { className: "font-bold text-white text-xs mr-2", children: Math.round(c) })
         }
       )
     }
@@ -1300,8 +1301,8 @@ const j = {
   id: a = "",
   label: n = "",
   name: s = "",
-  props: r = {},
-  variation: i = "primary",
+  props: i = {},
+  variation: r = "primary",
   value: l = ""
 }) => {
   const c = n ? "div" : "label", h = c === "label" ? { htmlFor: a } : {};
@@ -1318,14 +1319,14 @@ const j = {
             className: u(
               "form-radio focus:ring-2 focus:ring-offset-2 focus-within:outline-none",
               {
-                "focus:ring-[#222]": i === "primary"
+                "focus:ring-[#222]": r === "primary"
               }
             ),
             id: a,
             name: s,
             type: "radio",
             value: l,
-            ...r
+            ...i
           }
         ),
         e
@@ -1339,8 +1340,8 @@ const j = {
   errorMessage: a = "",
   id: n = "",
   label: s = "",
-  name: r = "",
-  options: i = [],
+  name: i = "",
+  options: r = [],
   placeholder: l = "",
   props: c = {},
   selectClass: h = "",
@@ -1365,13 +1366,13 @@ const j = {
               h
             ),
             id: n,
-            name: r,
+            name: i,
             value: M,
             ...b,
             ...c,
             children: [
               l && /* @__PURE__ */ o("option", { hidden: !0, value: "", children: l }),
-              i.map((H, m) => /* @__PURE__ */ o(
+              r.map((H, m) => /* @__PURE__ */ o(
                 "option",
                 {
                   value: (H == null ? void 0 : H.id) || (H == null ? void 0 : H.value) || H,
@@ -1415,13 +1416,13 @@ const j = {
       children: /* @__PURE__ */ o(y, { name: "chevronLeft" })
     }
   ),
-  /* @__PURE__ */ o("div", { id: `slider-container-${a}`, className: "slider-container", children: Array.from({ length: 4 }, (s, r) => /* @__PURE__ */ o(
+  /* @__PURE__ */ o("div", { id: `slider-container-${a}`, className: "slider-container", children: Array.from({ length: 4 }, (s, i) => /* @__PURE__ */ o(
     "div",
     {
       className: `slider-card bg-gray-200 animate-pulse ${d}`,
       children: /* @__PURE__ */ o("div", { className: `slider-card-action ${n ? "p-4" : ""}`, children: e })
     },
-    r
+    i
   )) }),
   /* @__PURE__ */ o(
     "button",
@@ -1457,8 +1458,8 @@ const j = {
   errorMessage: a = "",
   id: n = "",
   inputClass: s = "",
-  name: r = "",
-  placeholder: i = "",
+  name: i = "",
+  placeholder: r = "",
   props: l = {},
   rows: c = 4,
   variation: h = "primary"
@@ -1466,9 +1467,9 @@ const j = {
   /* @__PURE__ */ o(
     "textarea",
     {
-      placeholder: i,
+      placeholder: r,
       id: n,
-      name: r,
+      name: i,
       rows: c,
       className: u(
         "form-textarea min-h-[40px] pl-4",
@@ -1502,8 +1503,8 @@ const j = {
   errorMessage: a = "",
   iconLeft: n = "",
   id: s = "",
-  inputClass: r = "",
-  name: i = "",
+  inputClass: i = "",
+  name: r = "",
   placeholder: l = "",
   props: c = {},
   styles: h = null,
@@ -1530,7 +1531,7 @@ const j = {
         {
           placeholder: l,
           id: s,
-          name: i,
+          name: r,
           type: p,
           value: f,
           autoComplete: "off",
@@ -1542,7 +1543,7 @@ const j = {
               "!border-red-500 !bg-red-500/10 placeholder:!text-red-700 focus:!ring-red-500 focus:!border-red-500": t
             },
             c.inputClass ?? "",
-            r
+            i
           ),
           ...c
         }
@@ -1572,9 +1573,9 @@ const j = {
   customSuccessMsg: a = "",
   title: n = "Send A Message",
   titleClass: s,
-  uppercase: r = !0
+  uppercase: i = !0
 }) => {
-  const i = a || /* @__PURE__ */ g(k, { children: [
+  const r = a || /* @__PURE__ */ g(S, { children: [
     "Typical email response time is 2-3 hours. If you require immediate assistance you may use our",
     " ",
     /* @__PURE__ */ o(
@@ -1596,11 +1597,11 @@ const j = {
     {
       id: "contactForm",
       className: u("contact-form", t, {
-        uppercase: r
+        uppercase: i
       }),
       children: [
         /* @__PURE__ */ o("h2", { id: "contact-title", className: u("mb-4", s), children: n }),
-        /* @__PURE__ */ o("p", { className: "contact-form__msg", children: i }),
+        /* @__PURE__ */ o("p", { className: "contact-form__msg", children: r }),
         /* @__PURE__ */ g(
           "div",
           {
@@ -1616,7 +1617,7 @@ const j = {
                   name: "contact-name",
                   placeholder: "Name",
                   inputClass: u({
-                    "placeholder:uppercase": r
+                    "placeholder:uppercase": i
                   })
                 }
               ),
@@ -1627,7 +1628,7 @@ const j = {
                   name: "contact-email",
                   placeholder: "Email",
                   inputClass: u({
-                    "placeholder:uppercase": r
+                    "placeholder:uppercase": i
                   })
                 }
               ),
@@ -1638,7 +1639,7 @@ const j = {
                   name: "contact-message",
                   placeholder: "Message",
                   inputClass: u({
-                    "placeholder:uppercase": r
+                    "placeholder:uppercase": i
                   })
                 }
               ),
@@ -1648,7 +1649,7 @@ const j = {
                   className: u(
                     "flex mx-auto items-center",
                     {
-                      uppercase: r
+                      uppercase: i
                     },
                     d
                   ),
@@ -1670,8 +1671,8 @@ const j = {
   contentClass: a,
   footerClass: n,
   footerContent: s,
-  headerContent: r,
-  headerClass: i,
+  headerContent: i,
+  headerClass: r,
   list: l = !1,
   props: c = {},
   variation: h = "primary"
@@ -1688,7 +1689,7 @@ const j = {
       ),
       ...c,
       children: [
-        r && /* @__PURE__ */ o("div", { className: u("content-card__header", i), children: typeof r == "string" ? /* @__PURE__ */ o("h3", { children: r }) : r }),
+        i && /* @__PURE__ */ o("div", { className: u("content-card__header", r), children: typeof i == "string" ? /* @__PURE__ */ o("h3", { children: i }) : i }),
         /* @__PURE__ */ o(
           p,
           {
@@ -1708,8 +1709,8 @@ const j = {
   direction: a = "col",
   label: n,
   labelClass: s,
-  props: r = {},
-  rowGap: i = 1,
+  props: i = {},
+  rowGap: r = 1,
   value: l,
   valueClass: c,
   wrap: h = !1
@@ -1727,9 +1728,9 @@ const j = {
     ),
     style: {
       columnGap: `${t / 4}rem`,
-      rowGap: `${i / 4}rem`
+      rowGap: `${r / 4}rem`
     },
-    ...r,
+    ...i,
     children: [
       n && /* @__PURE__ */ o("div", { className: u("item-label", s), children: n }),
       l && /* @__PURE__ */ o("div", { className: u("item-value", c), children: l }),
@@ -1743,8 +1744,8 @@ const j = {
   noPrint: a = !1,
   props: n = {},
   title: s,
-  titleClass: r,
-  titleId: i
+  titleClass: i,
+  titleId: r
 }) => /* @__PURE__ */ g(
   "section",
   {
@@ -1758,7 +1759,7 @@ const j = {
     ),
     ...n,
     children: [
-      s && /* @__PURE__ */ o("h2", { className: u("spacer-title", r), id: i, children: s }),
+      s && /* @__PURE__ */ o("h2", { className: u("spacer-title", i), id: r, children: s }),
       e
     ]
   }
@@ -1766,7 +1767,7 @@ const j = {
   t,
   {
     className: u(
-      "!text-xl text-center mb-6 flex items-center justify-center",
+      "!header-3-medium text-center mb-6 flex items-center justify-center",
       e
     ),
     children: a || d
@@ -2019,7 +2020,7 @@ const j = {
   },
   plugins: [
     ({ addUtilities: d, matchUtilities: e, theme: t, e: a }) => {
-      const n = {}, s = ["2", "5"], r = {
+      const n = {}, s = ["2", "5"], i = {
         light: "300",
         normal: "400",
         medium: "500",
@@ -2039,8 +2040,8 @@ const j = {
         }, p = `.${a(`header-${l}`)}`;
         n[p] = {
           ...h,
-          "font-weight": s.includes(l) ? r.semibold : r.bold
-        }, Object.entries(r).forEach(([f, M]) => {
+          "font-weight": s.includes(l) ? i.semibold : i.bold
+        }, Object.entries(i).forEach(([f, M]) => {
           const b = `.${a(`header-${l}-${f}`)}`;
           n[b] = {
             ...h,
@@ -2161,7 +2162,7 @@ function b1(d, e = []) {
     },
     set(t, a, n) {
       const s = { ...t };
-      return t[a] = n, e.length > 0 && e.forEach((r) => r(t, s, a)), t;
+      return t[a] = n, e.length > 0 && e.forEach((i) => i(t, s, a)), t;
     }
   });
 }
@@ -2173,10 +2174,10 @@ function t2(d, e = []) {
 }
 function a2({ cb: d, form: e, formData: t, validations: a, reactive: n = !1 }) {
   let s = !0;
-  for (const [r, i] of t.entries()) {
-    const l = e.querySelector(`[name="${r}"]`), c = a[r], h = [];
+  for (const [i, r] of t.entries()) {
+    const l = e.querySelector(`[name="${i}"]`), c = a[i], h = [];
     c.forEach((p) => {
-      p.isValid(i) || h.push(p.message);
+      p.isValid(r) || h.push(p.message);
     }), h.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", (p) => {
       p.preventDefault(), l.classList.contains("field-error") && l.classList.remove("field-error");
     }));
@@ -2232,14 +2233,14 @@ class s2 {
     )), 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((l) => l.isIntersecting), s = n.length === a.slides.length, r = n.every(
+    const n = e.filter((l) => l.isIntersecting), s = n.length === a.slides.length, i = n.every(
       (l) => l.isIntersecting === !0
     );
-    s && r ? t.disconnect() : (a.disableBtns = !1, e.forEach((l) => {
+    s && i ? t.disconnect() : (a.disableBtns = !1, e.forEach((l) => {
       const c = [...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(c) && (a.entriesIntersected.push(c), a.activeIndex = c, i(l));
+      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(c) && (a.entriesIntersected.push(c), a.activeIndex = c, r(l));
     }));
-    function i(l) {
+    function r(l) {
       var c;
       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] && ((c = a.observer) == null || c.unobserve(l.target));
     }
@@ -2260,7 +2261,7 @@ class s2 {
     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>', r = '<span class="slide-last"></span>';
+    const s = '<span class="slide-first"></span>', i = '<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(
@@ -2268,8 +2269,8 @@ class s2 {
     ), e.nextBtn = e.container.parentElement.querySelector(
       `#btn-right-${a}`
     );
-    const i = t.map((c) => n(c)).join(""), l = document.createElement("div");
-    l.innerHTML = `${s}${i}${r}`, e.container.replaceChildren(...l.children), e.container.parentElement.classList.add("loaded");
+    const r = t.map((c) => n(c)).join(""), l = document.createElement("div");
+    l.innerHTML = `${s}${r}${i}`, e.container.replaceChildren(...l.children), e.container.parentElement.classList.add("loaded");
   }
   showHideBtns(e, t, a) {
     if (a === "showPrevBtn" || a === "showNextBtn") {
@@ -2281,9 +2282,9 @@ class s2 {
 }
 class C {
   static calcCrow(e, t, a, n) {
-    const r = C.toRad(a - e), i = C.toRad(n - t);
+    const i = C.toRad(a - e), r = C.toRad(n - t);
     e = C.toRad(e), a = C.toRad(a);
-    const l = Math.sin(r / 2) * Math.sin(r / 2) + Math.sin(i / 2) * Math.sin(i / 2) * Math.cos(e) * Math.cos(a);
+    const l = Math.sin(i / 2) * Math.sin(i / 2) + Math.sin(r / 2) * Math.sin(r / 2) * Math.cos(e) * Math.cos(a);
     return 6371 * (2 * Math.atan2(Math.sqrt(l), Math.sqrt(1 - l)));
   }
   static cleanupAddress(e) {
@@ -2312,9 +2313,9 @@ class C {
   static async createData(e, t = null, a = !0) {
     if (window.options.isBot || !t)
       return null;
-    const { tolken: n = null, ip: s = null } = await C.getHeaders(), r = a === !1 ? "" : "&tolken=" + n + "&ip=" + s, i = e + r, l = typeof t == "string" ? t : JSON.stringify(t);
+    const { tolken: n = null, ip: s = null } = await C.getHeaders(), i = a === !1 ? "" : "&tolken=" + n + "&ip=" + s, r = e + i, l = typeof t == "string" ? t : JSON.stringify(t);
     try {
-      const c = await fetch(i, {
+      const c = await fetch(r, {
         method: "POST",
         body: l === "null" ? null : l,
         headers: {
@@ -2386,9 +2387,9 @@ class C {
   static async fetchData(e, t = !1, a = !0) {
     if (options.isBot)
       return null;
-    const { tolken: n = null, ip: s = null } = await C.getHeaders(), i = e.replace("#", "").replace("%23", "") + "&tolken=" + n + "&ip=" + s;
+    const { tolken: n = null, ip: s = null } = await C.getHeaders(), r = e.replace("#", "").replace("%23", "") + "&tolken=" + n + "&ip=" + s;
     try {
-      const l = await fetch(i, { method: "GET" });
+      const l = await fetch(r, { method: "GET" });
       if (t === !0) {
         const h = await l.text();
         return h ? h.replace("__next", "") : null;
@@ -2424,11 +2425,11 @@ class C {
         swLng: 0
       };
     const n = e.getBounds();
-    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)), {
+    let s = n.getSouth(), i = n.getEast(), r = n.getNorth(), l = n.getWest();
+    return a && (s = s - a, i = i + a, r = r + a, l = l - a), t && (s = s.toFixed(t), i = i.toFixed(t), r = r.toFixed(t), l = l.toFixed(t)), {
       swLat: s,
-      neLng: r,
-      neLat: i,
+      neLng: i,
+      neLat: r,
       swLng: l
     };
   }
@@ -2462,17 +2463,17 @@ class C {
       userAgent: t = null,
       userAgentData: a = null,
       platform: n = null
-    } = navigator || {}, s = (a == null ? void 0 : a.platform) ?? n, r = {
+    } = navigator || {}, s = (a == null ? void 0 : a.platform) ?? n, i = {
       tolken: null,
       ip: null,
       userAgent: t,
       platform: s
     };
     if (options && options.isBot || typeof window.localStorage > "u")
-      return r;
-    const i = localStorage.getItem("headerTolken");
-    if (i) {
-      const c = JSON.parse(i), h = (/* @__PURE__ */ new Date()).getTime();
+      return i;
+    const r = localStorage.getItem("headerTolken");
+    if (r) {
+      const c = JSON.parse(r), h = (/* @__PURE__ */ new Date()).getTime();
       return c.expire - h < 0 && localStorage.removeItem("headerTolken"), {
         tolken: c.tolken,
         ip: c.ip,
@@ -2481,7 +2482,7 @@ class C {
       };
     }
     if ((l = window == null ? void 0 : window.options) != null && l.isPdf)
-      return r;
+      return i;
     try {
       const h = await (await fetch("/api/headers")).json(), p = (h == null ? void 0 : h.token) ?? null, f = (h == null ? void 0 : h.ip) ?? null;
       return localStorage.setItem(
@@ -2495,7 +2496,7 @@ class C {
     } catch (c) {
       console.error("getHeaders", c);
     }
-    return r;
+    return i;
   }
   static getLayerTitle(e) {
     return {
@@ -2504,15 +2505,15 @@ class C {
     }[e];
   }
   static async getLocationData(e) {
-    const { swLat: t, neLng: a, neLat: n, swLng: s } = C.getBounds(e, 3, 0.05), r = "zip-location&swLat=" + t + "&neLng=" + a + "&neLat=" + n + "&swLng=" + s;
-    return await C.fetchData("/api/client?query=" + r);
+    const { swLat: t, neLng: a, neLat: n, swLng: s } = C.getBounds(e, 3, 0.05), i = "zip-location&swLat=" + t + "&neLng=" + a + "&neLat=" + n + "&swLng=" + s;
+    return await C.fetchData("/api/client?query=" + i);
   }
   static getReportUrl(e, t = null) {
     var l, c, h;
-    const a = ((l = e == null ? void 0 : e.state) == null ? void 0 : l.slug) ?? null, n = ((c = e == null ? void 0 : e.city) == null ? void 0 : c.slug) ?? null, s = ((h = e == null ? void 0 : e.name) == null ? void 0 : h.slug) ?? null, r = (e == null ? void 0 : e.zip) ?? null;
+    const a = ((l = e == null ? void 0 : e.state) == null ? void 0 : l.slug) ?? null, n = ((c = e == null ? void 0 : e.city) == null ? void 0 : c.slug) ?? null, s = ((h = e == null ? void 0 : e.name) == null ? void 0 : h.slug) ?? null, i = (e == null ? void 0 : e.zip) ?? null;
     t = t || ((e == null ? void 0 : e.id) ?? null);
-    const i = [r, "-piq", t].filter((p) => p).join("");
-    return "/" + [a, n, s].filter((p) => p).map((p) => C.toSlug(p)).join("/") + "/" + i;
+    const r = [i, "-piq", t].filter((p) => p).join("");
+    return "/" + [a, n, s].filter((p) => p).map((p) => C.toSlug(p)).join("/") + "/" + r;
   }
   static async getSearchValue(e = "recsSearchValue") {
     try {
@@ -2678,10 +2679,10 @@ class C {
   static gridTest(e, t, a = 1500) {
     const n = this;
     L.GridLayer.GridDebug = L.GridLayer.extend({
-      createTile: function(s, r) {
-        const i = document.createElement("div");
+      createTile: function(s, i) {
+        const r = document.createElement("div");
         return setTimeout(() => {
-          r(null, i);
+          i(null, r);
           const { se: l, nw: c } = n.getGridBounds({
             map: e,
             tileSize: this.getTileSize(),
@@ -2695,7 +2696,7 @@ class C {
             coords: s,
             key: s.z + "-" + s.x + "-" + s.y
           });
-        }, a), i;
+        }, a), r;
       }
     }), L.gridLayer.gridDebug = function(s) {
       return new L.GridLayer.GridDebug(s);
@@ -2718,7 +2719,7 @@ class C {
     onClose: n = null,
     disableOutsideClick: s = !1
   }) {
-    const r = e ? document.querySelectorAll(e) : [], i = document.getElementById(t + "-dialog"), l = document.querySelectorAll("[data-dialog-close]"), c = [
+    const i = e ? document.querySelectorAll(e) : [], r = document.getElementById(t + "-dialog"), l = document.querySelectorAll("[data-dialog-close]"), c = [
       "closing",
       "closed",
       "opening",
@@ -2732,21 +2733,21 @@ class C {
       }),
       {}
     ), h = new MutationObserver((m, V) => {
-      m.forEach(async (A) => {
-        if (A.attributeName === "open") {
-          const v = A.target;
+      m.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(c.opening), v && await H(v), v == null || v.dispatchEvent(c.opened);
         }
       });
     }), p = new MutationObserver((m, V) => {
-      m.forEach((A) => {
-        A.removedNodes.forEach((v) => {
+      m.forEach((w) => {
+        w.removedNodes.forEach((v) => {
           v.nodeName === "DIALOG" && (v.removeEventListener("click", b), v.removeEventListener("close", M), v.dispatchEvent(c.removed), p == null || p.disconnect(), h == null || h.disconnect());
         });
       });
     });
-    i && (h.observe(i, {
+    r && (h.observe(r, {
       attributes: !0
     }), p.observe(document.body, {
       attributes: !1,
@@ -2754,25 +2755,25 @@ class C {
       childList: !0
     }));
     const f = () => {
-      i == null || i.showModal();
+      r == null || r.showModal();
     }, M = async ({ target: m }) => {
       m == null || m.classList.add("closing"), m == null || m.setAttribute("inert", ""), m == null || m.dispatchEvent(c.closing), m && await H(m), m == null || m.classList.remove("closing"), m == null || m.dispatchEvent(c.closed);
     }, b = async ({ target: m }) => {
-      (m == null ? void 0 : m.nodeName) === "DIALOG" && (m == null || m.dispatchEvent(c.outside), i == null || i.close("outside"));
+      (m == null ? void 0 : m.nodeName) === "DIALOG" && (m == null || m.dispatchEvent(c.outside), r == null || r.close("outside"));
     }, H = (m) => Promise.allSettled(
       m == null ? void 0 : m.getAnimations().map((V) => V == null ? void 0 : V.finished)
     );
-    return !s && (i == null || i.addEventListener("click", b)), i == null || i.addEventListener("close", M), r == null || r.forEach((m) => {
+    return !s && (r == null || r.addEventListener("click", b)), r == null || r.addEventListener("close", M), i == null || i.forEach((m) => {
       m.addEventListener("click", (V) => {
-        f(), a && a(V, i);
+        f(), a && a(V, r);
       });
     }), l == null || l.forEach((m) => {
       m.addEventListener("click", async (V) => {
-        i == null || i.close("close"), n && n(V, i);
+        r == null || r.close("close"), n && n(V, r);
       });
     }), {
-      activators: r,
-      ref: i,
+      activators: i,
+      ref: r,
       handleOpen: f,
       handleClose: M
     };
@@ -2784,8 +2785,8 @@ class C {
     if (!e)
       return;
     const n = (a == null ? void 0 : a.useBounding) ?? !1;
-    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 });
+    new IntersectionObserver(async (i, r) => {
+      n ? (i[0].isIntersecting || i[0].boundingClientRect.y < 0) && t({ obs: r, entry: i[0], entries: i }) : i[0].isIntersecting && t({ obs: r, entry: i[0], entries: i });
     }, a).observe(e);
   }
   static injectLink({ href: e, id: t }) {
@@ -2793,11 +2794,11 @@ class C {
     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, r) {
-      let i = document.getElementById(t);
-      if (t && i && i.dataset.loaded === "true")
+    return new Promise(function(s, i) {
+      let r = document.getElementById(t);
+      if (t && r && r.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 = () => r(!1));
+      r || (r = document.createElement("script"), r.src = e, r.dataset.loaded = "false", t && (r.id = t), r.type = n ? "module" : "text/javascript", r.async = a, document.body.appendChild(r), r.onload = () => (r.dataset.loaded = "true", s({ alreadyLoaded: !1, id: t })), r.onerror = () => i(!1));
     });
   }
   static isMobile({ selector: e = null, width: t = 640 } = {}) {
@@ -2830,14 +2831,14 @@ class C {
     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 r = {
+    const i = {
       name: e,
       uuid: t,
       ip: a,
       url: n,
       data: s
     };
-    return await C.createData("/api/client?query=log/save&method=POST", r), null;
+    return await C.createData("/api/client?query=log/save&method=POST", i), null;
   }
   static loadAds() {
     window.dataLayer = window.dataLayer || [];
@@ -2922,17 +2923,17 @@ class C {
       first: a = null,
       middle: n = null,
       last: s = null,
-      min: r = null,
-      max: i = null,
+      min: i = null,
+      max: r = null,
       city: l = null,
       state: c = null,
       vin: h = null,
       license: p = null,
       token: f = null,
       phone: M = null
-    } = e || {}, b = t && t !== "", H = r && r !== "" && r !== "18", m = i && i !== "" && r !== "99";
+    } = e || {}, b = t && t !== "", H = i && i !== "" && i !== "18", m = r && r !== "" && i !== "99";
     let V = [];
-    return t && t !== "" && V.push("name=" + t), b || (a && a !== "" && V.push("first=" + a), n && n !== "" && V.push("middle=" + n), s && s !== "" && V.push("last=" + s)), H && m ? parseInt(r) > parseInt(i) ? (V.push("min=" + i), V.push("max=" + r)) : (V.push("min=" + r), V.push("max=" + i)) : (H && V.push("min=" + r), m && V.push("max=" + i)), M && M !== "" && V.push("phone=" + M), l && l !== "" && V.push("city=" + l), p && p !== "" && V.push("license=" + p), h && h !== "" && V.push("vin=" + h), c && c !== "" && V.push("state=" + c), f && f !== "" && V.push("token=" + f), V.join("&");
+    return t && t !== "" && V.push("name=" + t), b || (a && a !== "" && V.push("first=" + a), n && n !== "" && V.push("middle=" + n), s && s !== "" && V.push("last=" + s)), H && m ? parseInt(i) > parseInt(r) ? (V.push("min=" + r), V.push("max=" + i)) : (V.push("min=" + i), V.push("max=" + r)) : (H && V.push("min=" + i), m && V.push("max=" + r)), M && M !== "" && V.push("phone=" + M), l && l !== "" && V.push("city=" + l), p && p !== "" && V.push("license=" + p), h && h !== "" && V.push("vin=" + h), c && c !== "" && V.push("state=" + c), f && f !== "" && V.push("token=" + f), V.join("&");
   }
   static padTo2Digits(e) {
     return e.toString().padStart(2, "0");
@@ -2946,16 +2947,16 @@ class C {
       addressesOnly: a = !1,
       useCitySearch: n = !1,
       useCityStateSearch: s = !1,
-      useSearch: r = !1,
-      useLocation: i = !0,
+      useSearch: i = !1,
+      useLocation: r = !0,
       state: l = ""
     } = t ?? {}, { tolken: c = null, ip: h = null } = await C.getHeaders(), f = [
       "query=" + encodeURIComponent(this.cleanupAddress(e)),
       "addressesOnly=" + a,
-      "useSearch=" + r,
+      "useSearch=" + i,
       "useCitySearch=" + n,
       "useCityStateSearch=" + s,
-      "useLocation=" + i
+      "useLocation=" + r
     ];
     l && l !== "" && !s && f.push("state=" + l), c && c !== "" && f.push("tolken=" + c), h && h !== "" && f.push("ip=" + h);
     const M = f.join("&"), H = (n || s ? "/api/autocomplete-city" : "/api/autocomplete") + "?" + M;
@@ -3004,10 +3005,10 @@ class C {
       s && (n = s.short);
     }
     if (a && !n) {
-      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(" "));
+      const s = a.split(" "), i = s[s.length - 1];
+      if (i.length) {
+        const r = this.searchInStates(i);
+        r && (n = r.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;