@vehiclehistory/property-lib 0.1.995 → 0.1.997

package/dist/main.es.js

@@ -1,5 +1,5 @@
 import { jsx as o, jsxs as M, Fragment as N } from "react/jsx-runtime";
-import m from "classnames";
+import p from "classnames";
 import { memo as y, useState as F, useEffect as O } from "react";
 const X = {
   xxSmall: "w-4 h-4",
@@ -537,7 +537,7 @@ const X = {
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
-      className: m(
+      className: p(
         "fill-current flex-shrink-0",
         X[a],
         r,
@@ -564,7 +564,7 @@ const X = {
   return /* @__PURE__ */ o(
     "div",
     {
-      className: m(
+      className: p(
         "accordion shadow rounded-lg",
         {
           "accordion--open": i
@@ -576,7 +576,7 @@ const X = {
           "button",
           {
             type: "button",
-            className: m(
+            className: p(
               "accordion-header 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"
             ),
             title: n,
@@ -599,7 +599,7 @@ const X = {
         l && i && /* @__PURE__ */ o(
           "div",
           {
-            className: m(
+            className: p(
               "accordion-panel p-4 border-x border-b rounded-bl-lg rounded-br-lg border-gray-200 relative",
               a
             ),
@@ -609,7 +609,7 @@ const X = {
         !l && /* @__PURE__ */ o(
           "div",
           {
-            className: m(
+            className: p(
               "accordion-panel p-4 border-x border-b rounded-bl-lg rounded-br-lg border-gray-200 relative",
               a,
               { hidden: !i }
@@ -651,12 +651,12 @@ const X = {
       iconColor: "text-yellow-500",
       styles: "bg-yellow-50 border-yellow-300 text-yellow-700"
     }
-  }, { icon: c, iconColor: p, styles: f } = s[i];
+  }, { icon: c, iconColor: u, styles: f } = s[i];
   return /* @__PURE__ */ o(
     "div",
     {
       id: i,
-      className: m(
+      className: p(
         "rounded w-full py-2 px-4 mb-4 border",
         f,
         e
@@ -668,17 +668,17 @@ const X = {
           {
             name: c,
             viewBox: "0 0 24 24",
-            className: p,
+            className: u,
             size: "xSmall"
           }
         ) }),
         /* @__PURE__ */ M("div", { className: "ml-3", children: [
-          /* @__PURE__ */ o("div", { className: m("font-medium text-sm", l), children: n }),
+          /* @__PURE__ */ o("div", { className: p("font-medium text-sm", l), children: n }),
           t.length > 0 ? /* @__PURE__ */ o(
             "ul",
             {
               role: "list",
-              className: m(
+              className: p(
                 "list-disc space-y-1 pl-5 mt-2 text-xs",
                 a
               ),
@@ -701,12 +701,12 @@ const X = {
   label: i,
   leftIcon: s = "homeSearch",
   leftIconProps: c = {},
-  loadingIconProps: p = {},
+  loadingIconProps: u = {},
   mobileBackdrop: f = !1,
   name: V = "",
   options: H = [],
   parentProps: v = {},
-  placeholder: u = "",
+  placeholder: m = "",
   props: b = {},
   rightIcon: h = "",
   required: A = !1,
@@ -730,14 +730,14 @@ const X = {
       "data-search": t,
       "data-search-type": G,
       "data-use-google": Q,
-      className: m("Autocomplete", e),
+      className: p("Autocomplete", e),
       style: $ ? { ...$ } : null,
       ...v,
       children: [
         z && /* @__PURE__ */ M(
           "span",
           {
-            className: m(
+            className: p(
               "search-icon-left absolute inset-y-0 left-0 flex items-center ",
               {
                 "pointer-events-none": f,
@@ -774,7 +774,7 @@ const X = {
             "data-lpignore": "true",
             "aria-label": i,
             autoFocus: d,
-            className: m(
+            className: p(
               "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": z === !0 && S === "medium",
@@ -788,7 +788,7 @@ const X = {
             ),
             required: A,
             autoComplete: "off",
-            placeholder: !u && n ? " " : u,
+            placeholder: !m && n ? " " : m,
             type: "search",
             name: V || "search-input",
             "data-id": "search-input",
@@ -799,7 +799,7 @@ const X = {
         n && /* @__PURE__ */ o(
           "label",
           {
-            className: m(
+            className: p(
               "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": z === !0,
@@ -839,7 +839,7 @@ const X = {
                 name: "spinnerDark",
                 size: "xSmall",
                 viewBox: "0 0 24 24",
-                ...p
+                ...u
               }
             )
           }
@@ -895,7 +895,7 @@ const X = {
 }) => /* @__PURE__ */ o(
   a || "span",
   {
-    className: m(
+    className: p(
       " bg-gray-200 font-semibold py-1 px-2 rounded",
       {
         "text-sm": t === "sm",
@@ -917,29 +917,29 @@ const X = {
   outline: i = !1,
   props: s = {},
   rightIcon: c,
-  rightIconProps: p = {},
+  rightIconProps: u = {},
   rounded: f = !1,
   size: V = "md",
   type: H = "button",
   uppercase: v = !1,
-  variation: u = "primary"
+  variation: m = "primary"
 }) => {
   const b = r ? "a" : "button";
   return /* @__PURE__ */ M(
     b,
     {
       type: b !== "a" ? H : null,
-      className: m(
+      className: p(
         "button",
         {
-          [`button--${u}`]: u,
+          [`button--${m}`]: m,
           [`button--${V}`]: V,
           "button--rounded": f,
           "button--disabled": l,
           "button--outline": i,
           "button--custom-link": r,
           "button--uppercase": v,
-          "button--borderless": d || u === "link"
+          "button--borderless": d || m === "link"
         },
         n
       ),
@@ -963,7 +963,7 @@ const X = {
             name: c,
             size: V === "md" ? "small" : "xSmall",
             viewBox: "0 0 24 24",
-            ...p
+            ...u
           }
         )
       ]
@@ -980,14 +980,14 @@ const X = {
   labelClass: i,
   name: s,
   props: c = {},
-  variation: p = "primary",
+  variation: u = "primary",
   value: f
 }) => /* @__PURE__ */ M(
   "label",
   {
-    className: m(
+    className: p(
       "checkbox",
-      { [`checkbox--${p}`]: p },
+      { [`checkbox--${u}`]: u },
       t
     ),
     htmlFor: l,
@@ -997,7 +997,7 @@ const X = {
         {
           "aria-invalid": a || null,
           checked: d,
-          className: m(
+          className: p(
             "form-checkbox",
             {
               "!border-red-500 !bg-red-500 focus:!ring-red-500 focus:!border-red-500": a
@@ -1011,7 +1011,7 @@ const X = {
           ...c
         }
       ),
-      r && /* @__PURE__ */ o("span", { className: m("sr-only", i), children: r }),
+      r && /* @__PURE__ */ o("span", { className: p("sr-only", i), children: r }),
       e
     ]
   }
@@ -1026,12 +1026,12 @@ const X = {
   dark: i = !1,
   disableClose: s = !1,
   footer: c,
-  fullMobile: p = !0,
+  fullMobile: u = !0,
   headerClass: f,
   hideClose: V = !1,
   iconSize: H = "medium",
   preventPageScroll: v = !0,
-  props: u = {},
+  props: m = {},
   sheet: b = !1,
   sheetDirection: h = "right",
   stickyHeader: A = !1,
@@ -1050,11 +1050,11 @@ const X = {
         "aria-label": !x && e ? e : null,
         ...s ? { closedby: "none" } : null,
         id: t ? `${t}-dialog` : null,
-        className: m(
+        className: p(
           "dialog",
           {
             [`dialog-${k}`]: k,
-            "dialog-full-mobile": p,
+            "dialog-full-mobile": u,
             "dialog-sheet": b,
             dark: i,
             "dialog-sheet--right": h === "right" && b,
@@ -1062,7 +1062,7 @@ const X = {
           },
           n
         ),
-        ...u,
+        ...m,
         children: /* @__PURE__ */ M(
           z,
           {
@@ -1072,7 +1072,7 @@ const X = {
               /* @__PURE__ */ M(
                 "div",
                 {
-                  className: m(
+                  className: p(
                     "dialog-header",
                     {
                       "sticky top-0 bg-white z-10": A,
@@ -1086,7 +1086,7 @@ const X = {
                       "div",
                       {
                         id: `${t}-dialog-title`,
-                        className: m("dialog-title", g),
+                        className: p("dialog-title", g),
                         children: x
                       }
                     ),
@@ -1115,7 +1115,7 @@ const X = {
                 "div",
                 {
                   id: `${t}-dialog-content`,
-                  className: m(
+                  className: p(
                     "dialog-content",
                     {
                       "custom-scrollbar": r
@@ -1140,7 +1140,7 @@ const X = {
   {
     role: "status",
     "aria-label": d,
-    className: m("Dots mx-auto", e),
+    className: p("Dots mx-auto", e),
     children: [
       /* @__PURE__ */ o("span", { style: { animationDelay: "0.1s" } }),
       /* @__PURE__ */ o("span", { style: { animationDelay: "0.2s" } }),
@@ -1163,25 +1163,25 @@ const X = {
   variation: i = "primary"
 }) => {
   const [s, c] = F(0);
-  function p({ cb: f }) {
+  function u({ cb: f }) {
     const V = document.querySelector(
       `.loading-bar--inner${n ? `.${n}` : ""}`
     );
     if (!V) return;
-    let H, v, u = !1;
+    let H, v, m = !1;
     function b(h) {
       H === void 0 && (H = h);
       const A = h - H;
       if (v !== h) {
         const x = A / r * 101;
-        V.style.width = `${x}%`, c(Math.min(100, Math.round(x))), t && t({ elapsed: A, percentage: x }), x >= 101 && (f && f(), u = !0, window.cancelAnimationFrame(h));
+        V.style.width = `${x}%`, c(Math.min(100, Math.round(x))), t && t({ elapsed: A, percentage: x }), x >= 101 && (f && f(), m = !0, window.cancelAnimationFrame(h));
       }
-      A < r && (v = h, u || window.requestAnimationFrame(b));
+      A < r && (v = h, m || window.requestAnimationFrame(b));
     }
     window.requestAnimationFrame(b);
   }
   return O(() => {
-    p({ cb: e });
+    u({ cb: e });
   }, []), /* @__PURE__ */ o(
     "div",
     {
@@ -1191,7 +1191,7 @@ const X = {
       "aria-valuemin": 0,
       "aria-valuemax": 100,
       "aria-busy": s < 100,
-      className: m(
+      className: p(
         "loading-bar my-8",
         `loading-bar--${i}`,
         {
@@ -1213,7 +1213,7 @@ const X = {
   {
     role: "status",
     "aria-label": d,
-    className: m("processing-spinner", e)
+    className: p("processing-spinner", e)
   }
 ), Q1 = y(i1), J1 = ({
   activator: d,
@@ -1229,11 +1229,11 @@ const X = {
   /* @__PURE__ */ o(
     "div",
     {
-      className: m("popover z-10 max-w-[350px] hidden", n),
+      className: p("popover z-10 max-w-[350px] hidden", n),
       children: /* @__PURE__ */ M(
         "div",
         {
-          className: m(
+          className: p(
             "popover-container rounded border bg-gray-50 border-gray-300 shadow-md text-gray-500 animate-menu-close",
             l
           ),
@@ -1254,7 +1254,7 @@ const X = {
   /* @__PURE__ */ o(
     "div",
     {
-      className: m(
+      className: p(
         "popover-activator",
         `trigger-${s}`,
         {
@@ -1278,19 +1278,19 @@ const X = {
   labelClass: i,
   maxCompleted: s = 100,
   rounded: c = !0,
-  showLabel: p = !1
+  showLabel: u = !1
 }) => {
   const V = ((H, v) => {
     if (H) {
-      const u = Number(v) / H;
-      return u > 1 ? 100 : u * 100;
+      const m = Number(v) / H;
+      return m > 1 ? 100 : m * 100;
     }
     return l;
   })(s, l);
   return /* @__PURE__ */ o(
     "div",
     {
-      className: m(
+      className: p(
         "w-full bg-gray-200",
         { "rounded-full": c },
         n
@@ -1303,15 +1303,15 @@ const X = {
       children: /* @__PURE__ */ o(
         "div",
         {
-          className: m(
+          className: p(
             "h-full text-right flex items-center justify-end rounded-full",
             a
           ),
           style: { width: `${V}%` },
-          children: p && /* @__PURE__ */ o(
+          children: u && /* @__PURE__ */ o(
             "span",
             {
-              className: m(
+              className: p(
                 "font-bold text-white text-xs mr-2",
                 i
               ),
@@ -1333,11 +1333,11 @@ const X = {
   name: i,
   props: s = {},
   variation: c = "primary",
-  value: p
+  value: u
 }) => /* @__PURE__ */ M(
   "label",
   {
-    className: m(
+    className: p(
       "radio",
       { [`radio--${c}`]: c },
       t
@@ -1348,15 +1348,15 @@ const X = {
         "input",
         {
           checked: d,
-          className: m("form-radio", n),
+          className: p("form-radio", n),
           id: a,
           name: i,
           type: "radio",
-          value: p,
+          value: u,
           ...s
         }
       ),
-      l && /* @__PURE__ */ o("span", { className: m("sr-only", r), children: l }),
+      l && /* @__PURE__ */ o("span", { className: p("sr-only", r), children: l }),
       e
     ]
   }
@@ -1371,7 +1371,7 @@ const X = {
   options: i = [],
   placeholder: s,
   props: c = {},
-  selectClass: p,
+  selectClass: u,
   styles: f = null,
   variation: V = "primary",
   value: H
@@ -1380,25 +1380,26 @@ const X = {
   return /* @__PURE__ */ M(
     "label",
     {
-      className: m(
+      htmlFor: a,
+      className: p(
         "relative select",
         { [`select--${V}`]: V },
         d
       ),
       style: f ? { ...f } : null,
       children: [
-        n && /* @__PURE__ */ o("span", { className: m("sr-only", l), children: n }),
+        n && /* @__PURE__ */ o("span", { className: p("sr-only", l), children: n }),
         /* @__PURE__ */ M(
           "select",
           {
             "aria-invalid": e || null,
             "aria-describedby": e && a && t ? `${a}-error` : null,
-            className: m(
+            className: p(
               "form-select relative bg-white pl-3 pr-10 text-left cursor-default",
               {
                 "field-error": e
               },
-              p
+              u
             ),
             id: a,
             name: r,
@@ -1406,15 +1407,15 @@ const X = {
             ...v,
             ...c,
             children: [
-              s && /* @__PURE__ */ o("option", { "aria-label": s, hidden: !0, value: "", children: s }),
-              i.map((u) => /* @__PURE__ */ o(
+              s && /* @__PURE__ */ o("option", { hidden: !0, value: "", children: s }),
+              i.map((m) => /* @__PURE__ */ o(
                 "option",
                 {
-                  "aria-label": (u == null ? void 0 : u.label) || (u == null ? void 0 : u.name) || (u == null ? void 0 : u.value) || (u == null ? void 0 : u.id) || u,
-                  value: (u == null ? void 0 : u.id) || (u == null ? void 0 : u.value) || (u == null ? void 0 : u.name) || u,
-                  children: (u == null ? void 0 : u.name) || (u == null ? void 0 : u.value) || (u == null ? void 0 : u.id) || u
+                  label: m == null ? void 0 : m.label,
+                  value: (m == null ? void 0 : m.id) || (m == null ? void 0 : m.value) || (m == null ? void 0 : m.name) || m,
+                  children: (m == null ? void 0 : m.name) || (m == null ? void 0 : m.value) || (m == null ? void 0 : m.id) || m
                 },
-                (u == null ? void 0 : u.name) || (u == null ? void 0 : u.value) || (u == null ? void 0 : u.id) || u
+                (m == null ? void 0 : m.name) || (m == null ? void 0 : m.value) || (m == null ? void 0 : m.id) || m
               ))
             ]
           }
@@ -1433,7 +1434,7 @@ const X = {
 }, _1 = y(d1), h1 = ({ className: d }) => /* @__PURE__ */ M(
   "div",
   {
-    className: m(
+    className: p(
       "flex justify-center items-center bg-gray-200 rounded-lg animate-pulse",
       d
     ),
@@ -1448,7 +1449,7 @@ const X = {
   className: t,
   id: a = 1,
   padding: n = !0
-}) => /* @__PURE__ */ M("div", { className: m("slider", t), id: `slider-${a}`, children: [
+}) => /* @__PURE__ */ M("div", { className: p("slider", t), id: `slider-${a}`, children: [
   /* @__PURE__ */ o(
     "button",
     {
@@ -1482,11 +1483,11 @@ const X = {
   {
     role: "status",
     "aria-label": d,
-    className: m("rounded-r-md px-2 focus:outline-none", e),
+    className: p("rounded-r-md px-2 focus:outline-none", e),
     children: /* @__PURE__ */ o(
       w,
       {
-        className: m(
+        className: p(
           "animate-spin text-black-900 motion-reduce:animate-none",
           t
         ),
@@ -1507,7 +1508,7 @@ const X = {
   return /* @__PURE__ */ o(
     "div",
     {
-      className: m(
+      className: p(
         'Stars inline-block leading-none font-sans text-base before:content-["★★★★★"]',
         d
       ),
@@ -1525,13 +1526,13 @@ const X = {
   placeholder: i = "",
   props: s = {},
   rows: c = 4,
-  variation: p = "primary"
+  variation: u = "primary"
 }) => /* @__PURE__ */ M(
   "div",
   {
-    className: m(
+    className: p(
       "relative textarea",
-      { [`textarea--${p}`]: p },
+      { [`textarea--${u}`]: u },
       d
     ),
     children: [
@@ -1544,7 +1545,7 @@ const X = {
           id: n,
           name: r,
           rows: c,
-          className: m(
+          className: p(
             "form-textarea min-h-[40px] pl-4",
             e ? "pr-10" : "pr-4",
             {
@@ -1591,19 +1592,19 @@ const X = {
   name: i = "",
   placeholder: s = "",
   props: c = {},
-  styles: p = null,
+  styles: u = null,
   type: f = "text",
   value: V,
   variation: H = "primary"
 }) => /* @__PURE__ */ M(
   "div",
   {
-    className: m(
+    className: p(
       "relative textbox",
       { [`textbox--${H}`]: H },
       d
     ),
-    style: p ? { ...p } : null,
+    style: u ? { ...u } : null,
     children: [
       n && /* @__PURE__ */ o("div", { className: "pointer-events-none absolute inset-y-0 left-0 flex items-center px-2", children: /* @__PURE__ */ o(
         w,
@@ -1625,7 +1626,7 @@ const X = {
           type: f,
           value: V,
           autoComplete: "off",
-          className: m(
+          className: p(
             "form-input",
             e ? "pr-10" : "pr-4",
             n ? "pl-8" : "pl-4",
@@ -1702,7 +1703,7 @@ const X = {
     /* @__PURE__ */ o(
       I,
       {
-        className: m(
+        className: p(
           "text-black-900 items-center gap-2 live-chat uppercase !inline-flex"
         ),
         variation: "link",
@@ -1717,49 +1718,59 @@ const X = {
     "form",
     {
       id: "contactForm",
-      className: m("contact-form", n, {
+      className: p("contact-form", n, {
         uppercase: s
       }),
       children: [
-        /* @__PURE__ */ o("h2", { id: "contact-title", className: m("mb-4", i), children: r }),
+        /* @__PURE__ */ o(
+          "div",
+          {
+            id: "contact-title",
+            className: p("mb-4 header-2-semibold", i),
+            children: r
+          }
+        ),
         /* @__PURE__ */ o("p", { className: "contact-form__msg", children: c }),
         /* @__PURE__ */ M(
           "div",
           {
-            className: m(
+            className: p(
               "p-6 bg-gray-100 flex flex-col gap-y-3 max-w-[458px]",
               a
             ),
             children: [
+              /* @__PURE__ */ o("label", { htmlFor: "contact-name", className: "sr-only", children: "Contact Name" }),
               /* @__PURE__ */ o(
                 T,
                 {
                   id: "contact-name",
                   name: "contact-name",
                   placeholder: "Name",
-                  inputClass: m({
+                  inputClass: p({
                     "placeholder:uppercase": s
                   })
                 }
               ),
+              /* @__PURE__ */ o("label", { htmlFor: "contact-email", className: "sr-only", children: "Contact Email" }),
               /* @__PURE__ */ o(
                 T,
                 {
                   id: "contact-email",
                   name: "contact-email",
                   placeholder: "Email",
-                  inputClass: m({
+                  inputClass: p({
                     "placeholder:uppercase": s
                   })
                 }
               ),
+              /* @__PURE__ */ o("label", { htmlFor: "contact-message", className: "sr-only", children: "Contact Message" }),
               /* @__PURE__ */ o(
                 f1,
                 {
                   id: "contact-message",
                   name: "contact-message",
                   placeholder: "Message",
-                  inputClass: m({
+                  inputClass: p({
                     "placeholder:uppercase": s
                   })
                 }
@@ -1767,7 +1778,7 @@ const X = {
               /* @__PURE__ */ o(
                 I,
                 {
-                  className: m(
+                  className: p(
                     "flex mx-auto items-center",
                     {
                       uppercase: s
@@ -1797,30 +1808,30 @@ const X = {
   headerClass: i,
   list: s = !1,
   props: c = {},
-  variation: p = "primary"
+  variation: u = "primary"
 }) => {
   const f = s ? "ul" : "div";
   return /* @__PURE__ */ M(
     "div",
     {
-      className: m(
+      className: p(
         "content-card",
         { "content-card--block": d },
-        `content-card--${p}`,
+        `content-card--${u}`,
         t
       ),
       ...c,
       children: [
-        r && /* @__PURE__ */ o("div", { className: m("content-card__header", i), children: typeof r == "string" ? /* @__PURE__ */ o("h3", { children: r }) : r }),
+        r && /* @__PURE__ */ o("div", { className: p("content-card__header", i), children: typeof r == "string" ? /* @__PURE__ */ o("h3", { children: r }) : r }),
         /* @__PURE__ */ o(
           f,
           {
-            className: m("content-card__content", a),
+            className: p("content-card__content", a),
             role: s ? "list" : null,
             children: e
           }
         ),
-        l && /* @__PURE__ */ o("div", { className: m("content-card__footer", n), children: l })
+        l && /* @__PURE__ */ o("div", { className: p("content-card__footer", n), children: l })
       ]
     }
   );
@@ -1835,16 +1846,16 @@ const X = {
   rowGap: i = 1,
   value: s,
   valueClass: c,
-  wrap: p = !1
+  wrap: u = !1
 }) => /* @__PURE__ */ M(
   "div",
   {
-    className: m(
+    className: p(
       "flex",
       {
         "flex-col items-start": a === "col",
         "flex-row items-center": a === "row",
-        "flex-wrap": p
+        "flex-wrap": u
       },
       e
     ),
@@ -1854,8 +1865,8 @@ const X = {
     },
     ...r,
     children: [
-      n && /* @__PURE__ */ o("div", { className: m("item-label", l), children: n }),
-      s && /* @__PURE__ */ o("div", { className: m("item-value", c), children: s }),
+      n && /* @__PURE__ */ o("div", { className: p("item-label", l), children: n }),
+      s && /* @__PURE__ */ o("div", { className: p("item-value", c), children: s }),
       d
     ]
   }
@@ -1871,7 +1882,7 @@ const X = {
 }) => /* @__PURE__ */ M(
   "section",
   {
-    className: m(
+    className: p(
       "spacer",
       {
         "print:!hidden": a,
@@ -1881,14 +1892,14 @@ const X = {
     ),
     ...n,
     children: [
-      l && /* @__PURE__ */ o("h2", { className: m("spacer-title", r), id: i, children: l }),
+      l && /* @__PURE__ */ o("h2", { className: p("spacer-title", r), id: i, children: l }),
       e
     ]
   }
-), c2 = ({ children: d, className: e, list: t = !0 }) => /* @__PURE__ */ o(t ? "li" : "div", { className: m("stacked-list", e), children: d }), v1 = ({ align: d = "center", children: e, className: t, tag: a = "h1", title: n }) => /* @__PURE__ */ o(
+), c2 = ({ children: d, className: e, list: t = !0 }) => /* @__PURE__ */ o(t ? "li" : "div", { className: p("stacked-list", e), children: d }), v1 = ({ align: d = "center", children: e, className: t, tag: a = "h1", title: n }) => /* @__PURE__ */ o(
   a,
   {
-    className: m(
+    className: p(
       "funnel-header !header-4-medium mb-6 flex items-center",
       {
         "text-center justify-center": d === "center",
@@ -2256,19 +2267,19 @@ const X = {
   weightProps: i = null
 }) => {
   const s = {};
-  Object.entries(l).forEach(([c, p]) => {
+  Object.entries(l).forEach(([c, u]) => {
     const f = {
-      "font-size": p,
+      "font-size": u,
       ...a
-    }, V = `.${e(`${t}-${c}`)}`, H = n ? n({ sizeKey: c, sizeValue: p }) : {};
+    }, V = `.${e(`${t}-${c}`)}`, H = n ? n({ sizeKey: c, sizeValue: u }) : {};
     s[V] = {
       ...f,
       ...H
-    }, Object.entries(r).forEach(([v, u]) => {
-      const b = `.${e(`${t}-${c}-${v}`)}`, h = i ? i({ sizeKey: c, sizeValue: p, weightKey: v, weightValue: u }) : {};
+    }, Object.entries(r).forEach(([v, m]) => {
+      const b = `.${e(`${t}-${c}-${v}`)}`, h = i ? i({ sizeKey: c, sizeValue: u, weightKey: v, weightValue: m }) : {};
       s[b] = {
         ...f,
-        "font-weight": u,
+        "font-weight": m,
         ...h
       };
     });
@@ -2414,10 +2425,10 @@ function m2(d, e = []) {
 function f2({ cb: d, form: e, formData: t, validations: a, reactive: n = !1 }) {
   let l = !0;
   for (const [r, i] of t.entries()) {
-    const s = e.querySelector(`[name="${r}"]`), c = a[r], p = [];
+    const s = e.querySelector(`[name="${r}"]`), c = a[r], u = [];
     c.forEach((f) => {
-      f.isValid(i) || p.push(f.message);
-    }), p.length ? (l = !1, s.classList.add("field-error"), d && d({ isValid: l, field: s, validations: a })) : (s.classList.remove("field-error"), d && d({ isValid: !0, field: s, validations: a })), n && (s == null || s.addEventListener("input", (f) => {
+      f.isValid(i) || u.push(f.message);
+    }), u.length ? (l = !1, s.classList.add("field-error"), d && d({ isValid: l, field: s, validations: a })) : (s.classList.remove("field-error"), d && d({ isValid: !0, field: s, validations: a })), n && (s == null || s.addEventListener("input", (f) => {
       f.preventDefault(), s.classList.contains("field-error") && s.classList.remove("field-error");
     }));
   }
@@ -2572,12 +2583,12 @@ class C {
     const {
       isHeads: s = null,
       isLoggedIn: c = null,
-      url: p = null,
+      url: u = null,
       ip: f = null,
       sessionId: V = null,
       user: H = null
     } = (window == null ? void 0 : window.options) ?? {}, { id: v = null } = H ?? {};
-    t.userId = l ?? v, t.isHeads = s, t.isLoggedIn = c, t.url = p, await C.createData(
+    t.userId = l ?? v, t.isHeads = s, t.isLoggedIn = c, t.url = u, await C.createData(
       "/api/event",
       {
         payload: {
@@ -2768,7 +2779,7 @@ class C {
     if ((s = window == null ? void 0 : window.options) != null && s.isPdf)
       return r;
     try {
-      const p = await (await fetch("/api/client-headers")).json(), f = (p == null ? void 0 : p.sessionId) ?? "noSessionId", V = (p == null ? void 0 : p.ip) ?? null, H = e * 1e3;
+      const u = await (await fetch("/api/client-headers")).json(), f = (u == null ? void 0 : u.sessionId) ?? "noSessionId", V = (u == null ? void 0 : u.ip) ?? null, H = e * 1e3;
       return localStorage.setItem(
         i,
         JSON.stringify({
@@ -2793,8 +2804,8 @@ class C {
     return await C.fetchData("/api/client?query=" + r);
   }
   static getReportUrl(e, t = null) {
-    var s, c, p;
-    const a = ((s = e == null ? void 0 : e.state) == null ? void 0 : s.slug) ?? null, n = ((c = e == null ? void 0 : e.city) == null ? void 0 : c.slug) ?? null, l = ((p = e == null ? void 0 : e.name) == null ? void 0 : p.slug) ?? null, r = (e == null ? void 0 : e.zip) ?? null;
+    var s, c, u;
+    const a = ((s = e == null ? void 0 : e.state) == null ? void 0 : s.slug) ?? null, n = ((c = e == null ? void 0 : e.city) == null ? void 0 : c.slug) ?? null, l = ((u = e == null ? void 0 : e.name) == null ? void 0 : u.slug) ?? null, r = (e == null ? void 0 : e.zip) ?? null;
     t = t || ((e == null ? void 0 : e.id) ?? null);
     const i = [r, "-piq", t].filter((f) => f).join("");
     return "/" + [a, n, l].filter((f) => f).map((f) => C.toSlug(f)).join("/") + "/" + i;
@@ -3007,7 +3018,7 @@ class C {
     selfClose: r = !1,
     target: i = null
   }) {
-    const s = i ? document.querySelectorAll(i) : [], c = document.getElementById(`${t}-dialog`), p = r ? c == null ? void 0 : c.querySelectorAll("[data-dialog-close]") : document.querySelectorAll("[data-dialog-close]"), f = [
+    const s = i ? document.querySelectorAll(i) : [], c = document.getElementById(`${t}-dialog`), u = r ? c == null ? void 0 : c.querySelectorAll("[data-dialog-close]") : document.querySelectorAll("[data-dialog-close]"), f = [
       "closing",
       "closed",
       "opening",
@@ -3031,7 +3042,7 @@ class C {
     }), H = new MutationObserver((h, A) => {
       h.forEach((x) => {
         x.removedNodes.forEach((g) => {
-          g.nodeName === "DIALOG" && (g.removeEventListener("click", u), g.removeEventListener("close", v), g.dispatchEvent(f.removed), H == null || H.disconnect(), V == null || V.disconnect());
+          g.nodeName === "DIALOG" && (g.removeEventListener("click", m), g.removeEventListener("close", v), g.dispatchEvent(f.removed), H == null || H.disconnect(), V == null || V.disconnect());
         });
       });
     });
@@ -3044,12 +3055,12 @@ class C {
     }));
     const v = async ({ target: h }) => {
       h == null || h.classList.add("closing"), h == null || h.setAttribute("inert", ""), h == null || h.dispatchEvent(f.closing), h && await b(h), h == null || h.classList.remove("closing"), h == null || h.removeAttribute("inert"), h == null || h.dispatchEvent(f.closed);
-    }, u = async ({ target: h }) => {
+    }, m = async ({ target: h }) => {
       (h == null ? void 0 : h.nodeName) === "DIALOG" && (h == null || h.dispatchEvent(f.outside), c == null || c.close("outside"));
     }, b = (h) => Promise.allSettled(
       h == null ? void 0 : h.getAnimations().map((A) => A == null ? void 0 : A.finished)
     );
-    return !e && (c == null || c.addEventListener("click", u)), c == null || c.addEventListener("close", async (h) => {
+    return !e && (c == null || c.addEventListener("click", m)), c == null || c.addEventListener("close", async (h) => {
       await v({ target: h.target }), a && a(h, c);
     }), e && (c == null || c.addEventListener("cancel", async (h) => {
       h.key === "Escape" && h.preventDefault();
@@ -3061,7 +3072,7 @@ class C {
       h.addEventListener("click", (A) => {
         c == null || c.showModal(), l && l(A, c);
       });
-    }), p == null || p.forEach((h) => {
+    }), u == null || u.forEach((h) => {
       h.addEventListener("click", async (A) => {
         c == null || c.close("close");
       });
@@ -3209,13 +3220,13 @@ class C {
       max: i = null,
       city: s = null,
       state: c = null,
-      vin: p = null,
+      vin: u = null,
       license: f = null,
       token: V = null,
       phone: H = null
-    } = e || {}, v = t && t !== "", u = r && r !== "" && r !== "18", b = i && i !== "" && r !== "99";
+    } = e || {}, v = t && t !== "", m = r && r !== "" && r !== "18", b = i && i !== "" && r !== "99";
     let h = [];
-    return t && t !== "" && h.push("name=" + t), v || (a && a !== "" && h.push("first=" + a), n && n !== "" && h.push("middle=" + n), l && l !== "" && h.push("last=" + l)), u && b ? parseInt(r) > parseInt(i) ? (h.push("min=" + i), h.push("max=" + r)) : (h.push("min=" + r), h.push("max=" + i)) : (u && h.push("min=" + r), b && h.push("max=" + i)), H && H !== "" && h.push("phone=" + H), s && s !== "" && h.push("city=" + s), f && f !== "" && h.push("license=" + f), p && p !== "" && h.push("vin=" + p), c && c !== "" && h.push("state=" + c), V && V !== "" && h.push("token=" + V), h.join("&");
+    return t && t !== "" && h.push("name=" + t), v || (a && a !== "" && h.push("first=" + a), n && n !== "" && h.push("middle=" + n), l && l !== "" && h.push("last=" + l)), m && b ? parseInt(r) > parseInt(i) ? (h.push("min=" + i), h.push("max=" + r)) : (h.push("min=" + r), h.push("max=" + i)) : (m && h.push("min=" + r), b && h.push("max=" + i)), H && H !== "" && h.push("phone=" + H), s && s !== "" && h.push("city=" + s), f && f !== "" && h.push("license=" + f), u && u !== "" && h.push("vin=" + u), c && c !== "" && h.push("state=" + c), V && V !== "" && h.push("token=" + V), h.join("&");
   }
   static padTo2Digits(e) {
     return e.toString().padStart(2, "0");
@@ -3233,7 +3244,7 @@ class C {
       state: i = "",
       useAmazonOverride: s = !1,
       useCitySearch: c = !1,
-      useCityStateSearch: p = !1,
+      useCityStateSearch: u = !1,
       useGoogle: f = !1,
       useGoogleOverride: V = !1,
       useLocation: H = !0,
@@ -3243,7 +3254,7 @@ class C {
       "addressesOnly=" + a,
       "useSearch=" + v,
       "useCitySearch=" + c,
-      "useCityStateSearch=" + p,
+      "useCityStateSearch=" + u,
       "useLocation=" + H,
       "useGoogle=" + f,
       "useGoogleOverride=" + V,
@@ -3251,8 +3262,8 @@ class C {
       "isSandboxAccount=" + l,
       "isOptOutSearch=" + n
     ];
-    i && i !== "" && !p && b.push("state=" + i);
-    const h = b.join("&"), x = (c || p ? "/api/autocomplete-city" : "/api/autocomplete") + "?" + h;
+    i && i !== "" && !u && b.push("state=" + i);
+    const h = b.join("&"), x = (c || u ? "/api/autocomplete-city" : "/api/autocomplete") + "?" + h;
     return await C.fetchData(x, !1, r);
   }
   static removeElements(e) {
@@ -3314,9 +3325,9 @@ class C {
   static async setRandomFileNameVersion(e, t = "scripts") {
     const a = Date.now(), n = typeof window < "u" ? window.location.origin : "", l = t ? `/${t}/` : "/";
     try {
-      const r = e.map(({ fileName: c, initFunctionName: p }) => import(`${n}${l}${c}?v=${a}`)), i = await Promise.all(r), s = [];
-      i.forEach((c, p) => {
-        c && typeof c[e[p].initFunctionName] == "function" ? s.push(c[e[p].initFunctionName]()) : console.error(`error loading ${e[p].initFunctionName}()`);
+      const r = e.map(({ fileName: c, initFunctionName: u }) => import(`${n}${l}${c}?v=${a}`)), i = await Promise.all(r), s = [];
+      i.forEach((c, u) => {
+        c && typeof c[e[u].initFunctionName] == "function" ? s.push(c[e[u].initFunctionName]()) : console.error(`error loading ${e[u].initFunctionName}()`);
       }), s.length > 0 && await Promise.all(s);
     } catch (r) {
       console.error("Failed to load one or more search modules:", r);