@vehiclehistory/property-lib 0.1.98 → 0.1.99

package/dist/main.es.js

@@ -1,6 +1,6 @@
 import { jsx as o, jsxs as M, Fragment as k } from "react/jsx-runtime";
-import p from "classnames";
-import { memo as y, useState as E, useEffect as O } from "react";
+import m from "classnames";
+import { memo as b, useState as E, useEffect as O } from "react";
 const X = {
   xxSmall: "w-4 h-4",
   xSmall: "w-5 h-5",
@@ -537,7 +537,7 @@ const X = {
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
-      className: p(
+      className: m(
         "fill-current flex-shrink-0",
         X[a],
         r,
@@ -551,7 +551,7 @@ const X = {
       }
     }
   );
-}, x = y(e1), t1 = ({
+}, x = b(e1), t1 = ({
   children: d,
   className: e,
   clickHandler: t,
@@ -564,7 +564,7 @@ const X = {
   return /* @__PURE__ */ o(
     "div",
     {
-      className: p(
+      className: m(
         "accordion shadow rounded-lg",
         {
           "accordion--open": i
@@ -576,7 +576,7 @@ const X = {
           "button",
           {
             type: "button",
-            className: p(
+            className: m(
               "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 = {
         s && i && /* @__PURE__ */ o(
           "div",
           {
-            className: p(
+            className: m(
               "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 = {
         !s && /* @__PURE__ */ o(
           "div",
           {
-            className: p(
+            className: m(
               "accordion-panel p-4 border-x border-b rounded-bl-lg rounded-br-lg border-gray-200 relative",
               a,
               { hidden: !i }
@@ -620,7 +620,7 @@ const X = {
       ] })
     }
   );
-}, $1 = y(t1), a1 = ({
+}, $1 = b(t1), a1 = ({
   children: d,
   className: e,
   messages: t = [],
@@ -651,12 +651,12 @@ const X = {
       iconColor: "text-yellow-500",
       styles: "bg-yellow-50 border-yellow-300 text-yellow-700"
     }
-  }, { icon: c, iconColor: u, styles: f } = l[i];
+  }, { icon: c, iconColor: p, styles: f } = l[i];
   return /* @__PURE__ */ o(
     "div",
     {
       id: i,
-      className: p(
+      className: m(
         "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: u,
+            className: p,
             size: "xSmall"
           }
         ) }),
         /* @__PURE__ */ M("div", { className: "ml-3", children: [
-          /* @__PURE__ */ o("div", { className: p("font-medium text-sm", s), children: n }),
+          /* @__PURE__ */ o("div", { className: m("font-medium text-sm", s), children: n }),
           t.length > 0 ? /* @__PURE__ */ o(
             "ul",
             {
               role: "list",
-              className: p(
+              className: m(
                 "list-disc space-y-1 pl-5 mt-2 text-xs",
                 a
               ),
@@ -690,7 +690,7 @@ const X = {
       ] })
     }
   );
-}, q1 = y(a1), P1 = ({
+}, q1 = b(a1), P1 = ({
   autoFocus: d = !1,
   className: e,
   dataSearch: t = "container",
@@ -701,17 +701,17 @@ const X = {
   label: i,
   leftIcon: l = "homeSearch",
   leftIconProps: c = {},
-  loadingIconProps: u = {},
+  loadingIconProps: p = {},
   mobileBackdrop: f = !1,
   name: V = "",
   options: H = [],
   parentProps: v = {},
-  placeholder: m = "",
+  placeholder: u = "",
   props: A = {},
   rightIcon: h = "",
   required: g = !1,
   showClearIcon: w = !0,
-  showDropdown: b = !0,
+  showDropdown: y = !0,
   showLoadingIcon: z = !0,
   showRightIcon: F = !1,
   showSearchIcon: N = !0,
@@ -730,14 +730,14 @@ const X = {
       "data-search": t,
       "data-search-type": G,
       "data-use-google": Q,
-      className: p("Autocomplete", e),
+      className: m("Autocomplete", e),
       style: I ? { ...I } : null,
       ...v,
       children: [
         N && /* @__PURE__ */ M(
           "span",
           {
-            className: p(
+            className: m(
               "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: p(
+            className: m(
               "w-full bg-white placeholder:bg-white rounded border border-gray-300 py-2 pr-8 shadow-sm focus:outline-none sm-max:text-sm placeholder:text-gray-500 sm-max:placeholder:text-sm placeholder-shown:text-ellipsis truncate",
               {
                 "pl-8": N === !0 && S === "medium",
@@ -788,7 +788,7 @@ const X = {
             ),
             required: g,
             autoComplete: "off",
-            placeholder: !m && n ? " " : m,
+            placeholder: !u && n ? " " : u,
             type: "search",
             name: V || "search-input",
             "data-id": "search-input",
@@ -799,7 +799,7 @@ const X = {
         n && /* @__PURE__ */ o(
           "label",
           {
-            className: p(
+            className: m(
               "floating-label absolute text-sm !normal-case text-gray-500 duration-300 transform -translate-y-4 scale-75 top-2 z-10 origin-[0] bg-white px-2 peer-focus:text-[#222] peer-focus:px-2 peer-focus:bg-white peer-placeholder-shown:bg-white peer-placeholder-shown:scale-100 peer-placeholder-shown:-translate-y-1/2 peer-placeholder-shown:top-1/2 peer-focus:top-2 peer-focus:scale-75 peer-focus:-translate-y-4 start-1 pointer-events-none",
               {
                 "!left-7": N === !0,
@@ -839,7 +839,7 @@ const X = {
                 name: "spinnerDark",
                 size: "xSmall",
                 viewBox: "0 0 24 24",
-                ...u
+                ...p
               }
             )
           }
@@ -852,7 +852,7 @@ const X = {
             children: /* @__PURE__ */ o(x, { name: h, size: "small", viewBox: "0 0 24 24" })
           }
         ),
-        b && /* @__PURE__ */ M(
+        y && /* @__PURE__ */ M(
           "div",
           {
             "data-id": "search-dropdown",
@@ -895,7 +895,7 @@ const X = {
 }) => /* @__PURE__ */ o(
   a || "span",
   {
-    className: p(
+    className: m(
       " bg-gray-200 font-semibold py-1 px-2 rounded",
       {
         "text-sm": t === "sm",
@@ -917,29 +917,29 @@ const X = {
   outline: i = !1,
   props: l = {},
   rightIcon: c,
-  rightIconProps: u = {},
+  rightIconProps: p = {},
   rounded: f = !1,
   size: V = "md",
   type: H = "button",
   uppercase: v = !1,
-  variation: m = "primary"
+  variation: u = "primary"
 }) => {
   const A = r ? "a" : "button";
   return /* @__PURE__ */ M(
     A,
     {
       type: A !== "a" ? H : null,
-      className: p(
+      className: m(
         "button",
         {
-          [`button--${m}`]: m,
+          [`button--${u}`]: u,
           [`button--${V}`]: V,
           "button--rounded": f,
           "button--disabled": s,
           "button--outline": i,
           "button--custom-link": r,
           "button--uppercase": v,
-          "button--borderless": d || m === "link"
+          "button--borderless": d || u === "link"
         },
         n
       ),
@@ -963,13 +963,13 @@ const X = {
             name: c,
             size: V === "md" ? "small" : "xSmall",
             viewBox: "0 0 24 24",
-            ...u
+            ...p
           }
         )
       ]
     }
   );
-}, T = y(n1), s1 = ({
+}, T = b(n1), s1 = ({
   checked: d = !1,
   children: e,
   className: t,
@@ -980,14 +980,14 @@ const X = {
   labelClass: i,
   name: l,
   props: c = {},
-  variation: u = "primary",
+  variation: p = "primary",
   value: f
 }) => /* @__PURE__ */ M(
   "label",
   {
-    className: p(
+    className: m(
       "checkbox",
-      { [`checkbox--${u}`]: u },
+      { [`checkbox--${p}`]: p },
       t
     ),
     htmlFor: s,
@@ -996,7 +996,7 @@ const X = {
         "input",
         {
           checked: d,
-          className: p(
+          className: m(
             "form-checkbox",
             {
               "!border-red-500 !bg-red-500 focus:!ring-red-500 focus:!border-red-500": a
@@ -1010,11 +1010,11 @@ const X = {
           ...c
         }
       ),
-      r && /* @__PURE__ */ o("span", { className: p("sr-only", i), children: r }),
+      r && /* @__PURE__ */ o("span", { className: m("sr-only", i), children: r }),
       e
     ]
   }
-), R1 = y(s1), l1 = ({
+), R1 = b(s1), l1 = ({
   activator: d,
   ariaLabel: e,
   id: t,
@@ -1025,17 +1025,17 @@ const X = {
   dark: i = !1,
   disableClose: l = !1,
   footer: c,
-  fullMobile: u = !0,
+  fullMobile: p = !0,
   headerClass: f,
   hideClose: V = !1,
   iconSize: H = "medium",
   preventPageScroll: v = !0,
-  sheet: m = !1,
+  sheet: u = !1,
   sheetDirection: A = "right",
   stickyHeader: h = !1,
   title: g = "",
   titleClass: w,
-  variation: b = "primary",
+  variation: y = "primary",
   useFormMethod: z = !0
 }) => {
   const F = z ? "form" : "div";
@@ -1048,14 +1048,14 @@ const X = {
         "aria-label": !g && e ? e : null,
         ...l ? { closedby: "none" } : null,
         id: t ? `${t}-dialog` : null,
-        className: p(
+        className: m(
           "dialog",
           {
-            [`dialog-${b}`]: b,
-            "dialog-full-mobile": u,
-            "dialog-sheet": m,
+            [`dialog-${y}`]: y,
+            "dialog-full-mobile": p,
+            "dialog-sheet": u,
             dark: i,
-            "dialog-sheet--right": A === "right" && m,
+            "dialog-sheet--right": A === "right" && u,
             "prevent-scroll": v
           },
           n
@@ -1069,7 +1069,7 @@ const X = {
               /* @__PURE__ */ M(
                 "div",
                 {
-                  className: p(
+                  className: m(
                     "dialog-header",
                     {
                       "sticky top-0 bg-white z-10": h,
@@ -1083,7 +1083,7 @@ const X = {
                       "div",
                       {
                         id: `${t}-dialog-title`,
-                        className: p("dialog-title", w),
+                        className: m("dialog-title", w),
                         children: g
                       }
                     ),
@@ -1112,7 +1112,7 @@ const X = {
                 "div",
                 {
                   id: `${t}-dialog-content`,
-                  className: p(
+                  className: m(
                     "dialog-content",
                     {
                       "custom-scrollbar": r
@@ -1129,7 +1129,7 @@ const X = {
       }
     )
   ] });
-}, W1 = y(l1), U1 = ({
+}, W1 = b(l1), U1 = ({
   ariaLabel: d,
   className: e
 }) => /* @__PURE__ */ M(
@@ -1137,7 +1137,7 @@ const X = {
   {
     role: "status",
     "aria-label": d,
-    className: p("Dots mx-auto", e),
+    className: m("Dots mx-auto", e),
     children: [
       /* @__PURE__ */ o("span", { style: { animationDelay: "0.1s" } }),
       /* @__PURE__ */ o("span", { style: { animationDelay: "0.2s" } }),
@@ -1160,25 +1160,25 @@ const X = {
   variation: i = "primary"
 }) => {
   const [l, c] = E(0);
-  function u({ cb: f }) {
+  function p({ cb: f }) {
     const V = document.querySelector(
       `.loading-bar--inner${n ? `.${n}` : ""}`
     );
     if (!V) return;
-    let H, v, m = !1;
+    let H, v, u = !1;
     function A(h) {
       H === void 0 && (H = h);
       const g = h - H;
       if (v !== h) {
         const w = g / r * 101;
-        V.style.width = `${w}%`, c(Math.min(100, Math.round(w))), t && t({ elapsed: g, percentage: w }), w >= 101 && (f && f(), m = !0, window.cancelAnimationFrame(h));
+        V.style.width = `${w}%`, c(Math.min(100, Math.round(w))), t && t({ elapsed: g, percentage: w }), w >= 101 && (f && f(), u = !0, window.cancelAnimationFrame(h));
       }
-      g < r && (v = h, m || window.requestAnimationFrame(A));
+      g < r && (v = h, u || window.requestAnimationFrame(A));
     }
     window.requestAnimationFrame(A);
   }
   return O(() => {
-    u({ cb: e });
+    p({ cb: e });
   }, []), /* @__PURE__ */ o(
     "div",
     {
@@ -1188,7 +1188,7 @@ const X = {
       "aria-valuemin": 0,
       "aria-valuemax": 100,
       "aria-busy": l < 100,
-      className: p(
+      className: m(
         "loading-bar my-8",
         `loading-bar--${i}`,
         {
@@ -1202,7 +1202,7 @@ const X = {
       children: /* @__PURE__ */ o("div", { className: `loading-bar--inner ${n}`, "data-size": "100" })
     }
   );
-}, G1 = y(r1), i1 = ({
+}, G1 = b(r1), i1 = ({
   ariaLabel: d = "Processing...",
   className: e
 }) => /* @__PURE__ */ o(
@@ -1210,9 +1210,9 @@ const X = {
   {
     role: "status",
     "aria-label": d,
-    className: p("processing-spinner", e)
+    className: m("processing-spinner", e)
   }
-), Q1 = y(i1), J1 = ({
+), Q1 = b(i1), J1 = ({
   activator: d,
   activatorClass: e = "",
   attrs: t = {},
@@ -1226,11 +1226,11 @@ const X = {
   /* @__PURE__ */ o(
     "div",
     {
-      className: p("popover z-10 max-w-[350px] hidden", n),
+      className: m("popover z-10 max-w-[350px] hidden", n),
       children: /* @__PURE__ */ M(
         "div",
         {
-          className: p(
+          className: m(
             "popover-container rounded border bg-gray-50 border-gray-300 shadow-md text-gray-500 animate-menu-close",
             s
           ),
@@ -1251,7 +1251,7 @@ const X = {
   /* @__PURE__ */ o(
     "div",
     {
-      className: p(
+      className: m(
         "popover-activator",
         `trigger-${l}`,
         {
@@ -1275,19 +1275,19 @@ const X = {
   labelClass: i,
   maxCompleted: l = 100,
   rounded: c = !0,
-  showLabel: u = !1
+  showLabel: p = !1
 }) => {
   const V = ((H, v) => {
     if (H) {
-      const m = Number(v) / H;
-      return m > 1 ? 100 : m * 100;
+      const u = Number(v) / H;
+      return u > 1 ? 100 : u * 100;
     }
     return s;
   })(l, s);
   return /* @__PURE__ */ o(
     "div",
     {
-      className: p(
+      className: m(
         "w-full bg-gray-200",
         { "rounded-full": c },
         n
@@ -1300,15 +1300,15 @@ const X = {
       children: /* @__PURE__ */ o(
         "div",
         {
-          className: p(
+          className: m(
             "h-full text-right flex items-center justify-end rounded-full",
             a
           ),
           style: { width: `${V}%` },
-          children: u && /* @__PURE__ */ o(
+          children: p && /* @__PURE__ */ o(
             "span",
             {
-              className: p(
+              className: m(
                 "font-bold text-white text-xs mr-2",
                 i
               ),
@@ -1319,7 +1319,7 @@ const X = {
       )
     }
   );
-}, Y1 = y(c1), o1 = ({
+}, Y1 = b(c1), o1 = ({
   checked: d = !1,
   children: e,
   className: t,
@@ -1330,11 +1330,11 @@ const X = {
   name: i,
   props: l = {},
   variation: c = "primary",
-  value: u
+  value: p
 }) => /* @__PURE__ */ M(
   "label",
   {
-    className: p(
+    className: m(
       "radio",
       { [`radio--${c}`]: c },
       t
@@ -1345,19 +1345,19 @@ const X = {
         "input",
         {
           checked: d,
-          className: p("form-radio", n),
+          className: m("form-radio", n),
           id: a,
           name: i,
           type: "radio",
-          value: u,
+          value: p,
           ...l
         }
       ),
-      s && /* @__PURE__ */ o("span", { className: p("sr-only", r), children: s }),
+      s && /* @__PURE__ */ o("span", { className: m("sr-only", r), children: s }),
       e
     ]
   }
-), X1 = y(o1), d1 = ({
+), X1 = b(o1), d1 = ({
   className: d,
   error: e = !1,
   errorMessage: t,
@@ -1368,7 +1368,7 @@ const X = {
   options: i = [],
   placeholder: l,
   props: c = {},
-  selectClass: u,
+  selectClass: p,
   styles: f = null,
   variation: V = "primary",
   value: H
@@ -1377,23 +1377,23 @@ const X = {
   return /* @__PURE__ */ M(
     "label",
     {
-      className: p(
+      className: m(
         "relative select",
         { [`select--${V}`]: V },
         d
       ),
       style: f ? { ...f } : null,
       children: [
-        n && /* @__PURE__ */ o("span", { className: p("sr-only", s), children: n }),
+        n && /* @__PURE__ */ o("span", { className: m("sr-only", s), children: n }),
         /* @__PURE__ */ M(
           "select",
           {
-            className: p(
+            className: m(
               "form-select relative bg-white pl-3 pr-10 text-left cursor-default",
               {
                 "field-error": e
               },
-              u
+              p
             ),
             id: a,
             name: r,
@@ -1402,14 +1402,14 @@ const X = {
             ...c,
             children: [
               l && /* @__PURE__ */ o("option", { "aria-label": l, hidden: !0, value: "", children: l }),
-              i.map((m) => /* @__PURE__ */ o(
+              i.map((u) => /* @__PURE__ */ o(
                 "option",
                 {
-                  "aria-label": (m == null ? void 0 : m.label) || (m == null ? void 0 : m.name) || m,
-                  value: (m == null ? void 0 : m.id) || (m == null ? void 0 : m.value) || m,
-                  children: (m == null ? void 0 : m.label) || (m == null ? void 0 : m.name) || m
+                  "aria-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
                 },
-                (m == null ? void 0 : m.label) || (m == null ? void 0 : m.name) || m
+                (u == null ? void 0 : u.name) || (u == null ? void 0 : u.value) || (u == null ? void 0 : u.id) || u
               ))
             ]
           }
@@ -1418,10 +1418,10 @@ const X = {
       ]
     }
   );
-}, _1 = y(d1), h1 = ({ className: d }) => /* @__PURE__ */ M(
+}, _1 = b(d1), h1 = ({ className: d }) => /* @__PURE__ */ M(
   "div",
   {
-    className: p(
+    className: m(
       "flex justify-center items-center bg-gray-200 rounded-lg animate-pulse",
       d
     ),
@@ -1430,13 +1430,13 @@ const X = {
       /* @__PURE__ */ o("span", { className: "sr-only", children: "Loading..." })
     ]
   }
-), K1 = y(h1), u1 = ({
+), K1 = b(h1), u1 = ({
   placeholderClass: d = "",
   children: e,
   className: t,
   id: a = 1,
   padding: n = !0
-}) => /* @__PURE__ */ M("div", { className: p("slider", t), id: `slider-${a}`, children: [
+}) => /* @__PURE__ */ M("div", { className: m("slider", t), id: `slider-${a}`, children: [
   /* @__PURE__ */ o(
     "button",
     {
@@ -1465,16 +1465,16 @@ const X = {
       children: /* @__PURE__ */ o(x, { name: "chevronRight" })
     }
   )
-] }), e2 = y(u1), p1 = ({ ariaLabel: d, className: e, iconClass: t, iconProps: a = {} }) => /* @__PURE__ */ o(
+] }), e2 = b(u1), p1 = ({ ariaLabel: d, className: e, iconClass: t, iconProps: a = {} }) => /* @__PURE__ */ o(
   "div",
   {
     role: "status",
     "aria-label": d,
-    className: p("rounded-r-md px-2 focus:outline-none", e),
+    className: m("rounded-r-md px-2 focus:outline-none", e),
     children: /* @__PURE__ */ o(
       x,
       {
-        className: p(
+        className: m(
           "animate-spin text-black-900 motion-reduce:animate-none",
           t
         ),
@@ -1485,7 +1485,7 @@ const X = {
       }
     )
   }
-), t2 = y(p1), a2 = ({
+), t2 = b(p1), a2 = ({
   className: d,
   value: e
 }) => {
@@ -1495,7 +1495,7 @@ const X = {
   return /* @__PURE__ */ o(
     "div",
     {
-      className: p(
+      className: m(
         'Stars inline-block leading-none font-sans text-base before:content-["★★★★★"]',
         d
       ),
@@ -1513,13 +1513,13 @@ const X = {
   placeholder: i = "",
   props: l = {},
   rows: c = 4,
-  variation: u = "primary"
+  variation: p = "primary"
 }) => /* @__PURE__ */ M(
   "div",
   {
-    className: p(
+    className: m(
       "relative textarea",
-      { [`textarea--${u}`]: u },
+      { [`textarea--${p}`]: p },
       d
     ),
     children: [
@@ -1530,7 +1530,7 @@ const X = {
           id: n,
           name: r,
           rows: c,
-          className: p(
+          className: m(
             "form-textarea min-h-[40px] pl-4",
             e ? "pr-10" : "pr-4",
             {
@@ -1559,7 +1559,7 @@ const X = {
       a && /* @__PURE__ */ o("span", { className: "relative flex mt-0.5 text-red-700 text-xs text-left", children: a })
     ]
   }
-), f1 = y(m1), V1 = ({
+), f1 = b(m1), V1 = ({
   className: d,
   clear: e = !1,
   error: t = !1,
@@ -1570,19 +1570,19 @@ const X = {
   name: i = "",
   placeholder: l = "",
   props: c = {},
-  styles: u = null,
+  styles: p = null,
   type: f = "text",
   value: V,
   variation: H = "primary"
 }) => /* @__PURE__ */ M(
   "div",
   {
-    className: p(
+    className: m(
       "relative textbox",
       { [`textbox--${H}`]: H },
       d
     ),
-    style: u ? { ...u } : null,
+    style: p ? { ...p } : null,
     children: [
       n && /* @__PURE__ */ o("div", { className: "pointer-events-none absolute inset-y-0 left-0 flex items-center px-2", children: /* @__PURE__ */ o(
         x,
@@ -1602,7 +1602,7 @@ const X = {
           type: f,
           value: V,
           autoComplete: "off",
-          className: p(
+          className: m(
             "form-input",
             e ? "pr-10" : "pr-4",
             n ? "pl-8" : "pl-4",
@@ -1633,7 +1633,7 @@ const X = {
       a && /* @__PURE__ */ o("span", { className: "relative flex mt-0.5 text-red-700 text-xs text-left", children: a })
     ]
   }
-), B = y(V1), H1 = ({ checked: d = !1, props: e = {} }) => /* @__PURE__ */ o(k, { children: /* @__PURE__ */ o("label", { className: "flex cursor-pointer select-none items-center", children: /* @__PURE__ */ M("div", { className: "relative", children: [
+), B = b(V1), H1 = ({ checked: d = !1, props: e = {} }) => /* @__PURE__ */ o(k, { children: /* @__PURE__ */ o("label", { className: "flex cursor-pointer select-none items-center", children: /* @__PURE__ */ M("div", { className: "relative", children: [
   /* @__PURE__ */ o(
     "input",
     {
@@ -1655,7 +1655,7 @@ const X = {
       className: `absolute left-1 top-1 flex h-6 w-6 items-center justify-center rounded-full bg-white transition ${d ? "translate-x-full" : ""}`
     }
   )
-] }) }) }), n2 = y(H1), C1 = ({
+] }) }) }), n2 = b(H1), C1 = ({
   btnClass: d,
   btnProps: e = {},
   btnTitle: t = "Submit",
@@ -1672,7 +1672,7 @@ const X = {
     /* @__PURE__ */ o(
       T,
       {
-        className: p(
+        className: m(
           "text-black-900 items-center gap-2 live-chat uppercase !inline-flex"
         ),
         variation: "link",
@@ -1687,16 +1687,16 @@ const X = {
     "form",
     {
       id: "contactForm",
-      className: p("contact-form", n, {
+      className: m("contact-form", n, {
         uppercase: l
       }),
       children: [
-        /* @__PURE__ */ o("h2", { id: "contact-title", className: p("mb-4", i), children: r }),
+        /* @__PURE__ */ o("h2", { id: "contact-title", className: m("mb-4", i), children: r }),
         /* @__PURE__ */ o("p", { className: "contact-form__msg", children: c }),
         /* @__PURE__ */ M(
           "div",
           {
-            className: p(
+            className: m(
               "p-6 bg-gray-100 flex flex-col gap-y-3 max-w-[458px]",
               a
             ),
@@ -1707,7 +1707,7 @@ const X = {
                   id: "contact-name",
                   name: "contact-name",
                   placeholder: "Name",
-                  inputClass: p({
+                  inputClass: m({
                     "placeholder:uppercase": l
                   })
                 }
@@ -1718,7 +1718,7 @@ const X = {
                   id: "contact-email",
                   name: "contact-email",
                   placeholder: "Email",
-                  inputClass: p({
+                  inputClass: m({
                     "placeholder:uppercase": l
                   })
                 }
@@ -1729,7 +1729,7 @@ const X = {
                   id: "contact-message",
                   name: "contact-message",
                   placeholder: "Message",
-                  inputClass: p({
+                  inputClass: m({
                     "placeholder:uppercase": l
                   })
                 }
@@ -1737,7 +1737,7 @@ const X = {
               /* @__PURE__ */ o(
                 T,
                 {
-                  className: p(
+                  className: m(
                     "flex mx-auto items-center",
                     {
                       uppercase: l
@@ -1756,7 +1756,7 @@ const X = {
       ]
     }
   );
-}, s2 = y(C1), L1 = ({
+}, s2 = b(C1), L1 = ({
   block: d = !1,
   children: e,
   className: t,
@@ -1767,34 +1767,34 @@ const X = {
   headerClass: i,
   list: l = !1,
   props: c = {},
-  variation: u = "primary"
+  variation: p = "primary"
 }) => {
   const f = l ? "ul" : "div";
   return /* @__PURE__ */ M(
     "div",
     {
-      className: p(
+      className: m(
         "content-card",
         { "content-card--block": d },
-        `content-card--${u}`,
+        `content-card--${p}`,
         t
       ),
       ...c,
       children: [
-        r && /* @__PURE__ */ o("div", { className: p("content-card__header", i), children: typeof r == "string" ? /* @__PURE__ */ o("h3", { children: r }) : r }),
+        r && /* @__PURE__ */ o("div", { className: m("content-card__header", i), children: typeof r == "string" ? /* @__PURE__ */ o("h3", { children: r }) : r }),
         /* @__PURE__ */ o(
           f,
           {
-            className: p("content-card__content", a),
+            className: m("content-card__content", a),
             role: l ? "list" : null,
             children: e
           }
         ),
-        s && /* @__PURE__ */ o("div", { className: p("content-card__footer", n), children: s })
+        s && /* @__PURE__ */ o("div", { className: m("content-card__footer", n), children: s })
       ]
     }
   );
-}, l2 = y(L1), M1 = ({
+}, l2 = b(L1), M1 = ({
   children: d,
   className: e,
   colGap: t = 2,
@@ -1805,16 +1805,16 @@ const X = {
   rowGap: i = 1,
   value: l,
   valueClass: c,
-  wrap: u = !1
+  wrap: p = !1
 }) => /* @__PURE__ */ M(
   "div",
   {
-    className: p(
+    className: m(
       "flex",
       {
         "flex-col items-start": a === "col",
         "flex-row items-center": a === "row",
-        "flex-wrap": u
+        "flex-wrap": p
       },
       e
     ),
@@ -1824,12 +1824,12 @@ const X = {
     },
     ...r,
     children: [
-      n && /* @__PURE__ */ o("div", { className: p("item-label", s), children: n }),
-      l && /* @__PURE__ */ o("div", { className: p("item-value", c), children: l }),
+      n && /* @__PURE__ */ o("div", { className: m("item-label", s), children: n }),
+      l && /* @__PURE__ */ o("div", { className: m("item-value", c), children: l }),
       d
     ]
   }
-), r2 = y(M1), i2 = ({
+), r2 = b(M1), i2 = ({
   breakPage: d = !1,
   children: e,
   className: t,
@@ -1841,7 +1841,7 @@ const X = {
 }) => /* @__PURE__ */ M(
   "section",
   {
-    className: p(
+    className: m(
       "spacer",
       {
         "print:!hidden": a,
@@ -1851,14 +1851,14 @@ const X = {
     ),
     ...n,
     children: [
-      s && /* @__PURE__ */ o("h2", { className: p("spacer-title", r), id: i, children: s }),
+      s && /* @__PURE__ */ o("h2", { className: m("spacer-title", r), id: i, children: s }),
       e
     ]
   }
-), 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(
+), 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(
   a,
   {
-    className: p(
+    className: m(
       "funnel-header !header-4-medium mb-6 flex items-center",
       {
         "text-center justify-center": d === "center",
@@ -1869,7 +1869,7 @@ const X = {
     ),
     children: n || e
   }
-), o2 = y(v1), g1 = {
+), o2 = b(v1), g1 = {
   circular: "circular 3s linear infinite",
   "circular-reverse": "circular 3s linear reverse infinite",
   "fade-in": "fade-in 0.2.5s ease-out",
@@ -1883,9 +1883,9 @@ const X = {
   "slide-out-to-right": "slide-out-to-right 0.3s ease-in forwards",
   "slide-in-from-right": "slide-in-from-right 0.3s ease-out forwards",
   indeterminate_first: "indeterminate_first 1.1s ease-in-out infinite"
-}, b1 = {
-  map: "var(--map)"
 }, y1 = {
+  map: "var(--map)"
+}, b1 = {
   "3xs": "0.5rem",
   xxs: "0.625rem",
   "2.5xl": "1.625rem",
@@ -2037,8 +2037,8 @@ const X = {
   "center-top": "center 30%"
 }, q = {
   animation: g1,
-  backgroundImage: b1,
-  fontSize: y1,
+  backgroundImage: y1,
+  fontSize: b1,
   gridTemplateColumns: A1,
   keyframes: x1,
   margin: w1,
@@ -2226,19 +2226,19 @@ const X = {
   weightProps: i = null
 }) => {
   const l = {};
-  Object.entries(s).forEach(([c, u]) => {
+  Object.entries(s).forEach(([c, p]) => {
     const f = {
-      "font-size": u,
+      "font-size": p,
       ...a
-    }, V = `.${e(`${t}-${c}`)}`, H = n ? n({ sizeKey: c, sizeValue: u }) : {};
+    }, V = `.${e(`${t}-${c}`)}`, H = n ? n({ sizeKey: c, sizeValue: p }) : {};
     l[V] = {
       ...f,
       ...H
-    }, Object.entries(r).forEach(([v, m]) => {
-      const A = `.${e(`${t}-${c}-${v}`)}`, h = i ? i({ sizeKey: c, sizeValue: u, weightKey: v, weightValue: m }) : {};
+    }, Object.entries(r).forEach(([v, u]) => {
+      const A = `.${e(`${t}-${c}-${v}`)}`, h = i ? i({ sizeKey: c, sizeValue: p, weightKey: v, weightValue: u }) : {};
       l[A] = {
         ...f,
-        "font-weight": m,
+        "font-weight": u,
         ...h
       };
     });
@@ -2384,10 +2384,10 @@ function m2(d, e = []) {
 function f2({ 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], u = [];
+    const l = e.querySelector(`[name="${r}"]`), c = a[r], p = [];
     c.forEach((f) => {
-      f.isValid(i) || u.push(f.message);
-    }), u.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", (f) => {
+      f.isValid(i) || p.push(f.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", (f) => {
       f.preventDefault(), l.classList.contains("field-error") && l.classList.remove("field-error");
     }));
   }
@@ -2542,12 +2542,12 @@ class C {
     const {
       isHeads: l = null,
       isLoggedIn: c = null,
-      url: u = null,
+      url: p = null,
       ip: f = null,
       sessionId: V = null,
       user: H = null
     } = (window == null ? void 0 : window.options) ?? {}, { id: v = null } = H ?? {};
-    t.userId = s ?? v, t.isHeads = l, t.isLoggedIn = c, t.url = u, await C.createData(
+    t.userId = s ?? v, t.isHeads = l, t.isLoggedIn = c, t.url = p, await C.createData(
       "/api/event",
       {
         payload: {
@@ -2738,7 +2738,7 @@ class C {
     if ((l = window == null ? void 0 : window.options) != null && l.isPdf)
       return r;
     try {
-      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;
+      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;
       return localStorage.setItem(
         i,
         JSON.stringify({
@@ -2763,8 +2763,8 @@ class C {
     return await C.fetchData("/api/client?query=" + r);
   }
   static getReportUrl(e, t = null) {
-    var l, c, u;
-    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 = ((u = e == null ? void 0 : e.name) == null ? void 0 : u.slug) ?? null, r = (e == null ? void 0 : e.zip) ?? null;
+    var l, c, p;
+    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 = ((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 = [r, "-piq", t].filter((f) => f).join("");
     return "/" + [a, n, s].filter((f) => f).map((f) => C.toSlug(f)).join("/") + "/" + i;
@@ -2977,7 +2977,7 @@ class C {
     selfClose: r = !1,
     target: i = null
   }) {
-    const l = 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 = [
+    const l = 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 = [
       "closing",
       "closed",
       "opening",
@@ -2993,15 +2993,15 @@ class C {
     ), V = new MutationObserver((h, g) => {
       h.forEach(async (w) => {
         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(f.opening), b && await A(b), b == null || b.dispatchEvent(f.opened);
+          const y = w.target;
+          if (!(y == null ? void 0 : y.hasAttribute("open"))) return;
+          y == null || y.removeAttribute("inert"), y == null || y.dispatchEvent(f.opening), y && await A(y), y == null || y.dispatchEvent(f.opened);
         }
       });
     }), H = new MutationObserver((h, g) => {
       h.forEach((w) => {
-        w.removedNodes.forEach((b) => {
-          b.nodeName === "DIALOG" && (b.removeEventListener("click", m), b.removeEventListener("close", v), b.dispatchEvent(f.removed), H == null || H.disconnect(), V == null || V.disconnect());
+        w.removedNodes.forEach((y) => {
+          y.nodeName === "DIALOG" && (y.removeEventListener("click", u), y.removeEventListener("close", v), y.dispatchEvent(f.removed), H == null || H.disconnect(), V == null || V.disconnect());
         });
       });
     });
@@ -3014,12 +3014,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 A(h), h == null || h.classList.remove("closing"), h == null || h.removeAttribute("inert"), h == null || h.dispatchEvent(f.closed);
-    }, m = async ({ target: h }) => {
+    }, u = async ({ target: h }) => {
       (h == null ? void 0 : h.nodeName) === "DIALOG" && (h == null || h.dispatchEvent(f.outside), c == null || c.close("outside"));
     }, A = (h) => Promise.allSettled(
       h == null ? void 0 : h.getAnimations().map((g) => g == null ? void 0 : g.finished)
     );
-    return !e && (c == null || c.addEventListener("click", m)), c == null || c.addEventListener("close", async (h) => {
+    return !e && (c == null || c.addEventListener("click", u)), 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();
@@ -3031,7 +3031,7 @@ class C {
       h.addEventListener("click", (g) => {
         c == null || c.showModal(), s && s(g, c);
       });
-    }), u == null || u.forEach((h) => {
+    }), p == null || p.forEach((h) => {
       h.addEventListener("click", async (g) => {
         c == null || c.close("close");
       });
@@ -3179,13 +3179,13 @@ class C {
       max: i = null,
       city: l = null,
       state: c = null,
-      vin: u = null,
+      vin: p = null,
       license: f = null,
       token: V = null,
       phone: H = null
-    } = e || {}, v = t && t !== "", m = r && r !== "" && r !== "18", A = i && i !== "" && r !== "99";
+    } = e || {}, v = t && t !== "", u = r && r !== "" && r !== "18", A = i && i !== "" && r !== "99";
     let h = [];
-    return t && t !== "" && h.push("name=" + t), v || (a && a !== "" && h.push("first=" + a), n && n !== "" && h.push("middle=" + n), s && s !== "" && h.push("last=" + s)), m && A ? 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), A && h.push("max=" + i)), H && H !== "" && h.push("phone=" + H), l && l !== "" && h.push("city=" + l), 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("&");
+    return t && t !== "" && h.push("name=" + t), v || (a && a !== "" && h.push("first=" + a), n && n !== "" && h.push("middle=" + n), s && s !== "" && h.push("last=" + s)), u && A ? parseInt(r) > parseInt(i) ? (h.push("min=" + i), h.push("max=" + r)) : (h.push("min=" + r), h.push("max=" + i)) : (u && h.push("min=" + r), A && h.push("max=" + i)), H && H !== "" && h.push("phone=" + H), l && l !== "" && h.push("city=" + l), f && f !== "" && h.push("license=" + f), p && p !== "" && h.push("vin=" + p), c && c !== "" && h.push("state=" + c), V && V !== "" && h.push("token=" + V), h.join("&");
   }
   static padTo2Digits(e) {
     return e.toString().padStart(2, "0");
@@ -3203,7 +3203,7 @@ class C {
       state: i = "",
       useAmazonOverride: l = !1,
       useCitySearch: c = !1,
-      useCityStateSearch: u = !1,
+      useCityStateSearch: p = !1,
       useGoogle: f = !1,
       useGoogleOverride: V = !1,
       useLocation: H = !0,
@@ -3213,7 +3213,7 @@ class C {
       "addressesOnly=" + a,
       "useSearch=" + v,
       "useCitySearch=" + c,
-      "useCityStateSearch=" + u,
+      "useCityStateSearch=" + p,
       "useLocation=" + H,
       "useGoogle=" + f,
       "useGoogleOverride=" + V,
@@ -3221,8 +3221,8 @@ class C {
       "isSandboxAccount=" + s,
       "isOptOutSearch=" + n
     ];
-    i && i !== "" && !u && A.push("state=" + i);
-    const h = A.join("&"), w = (c || u ? "/api/autocomplete-city" : "/api/autocomplete") + "?" + h;
+    i && i !== "" && !p && A.push("state=" + i);
+    const h = A.join("&"), w = (c || p ? "/api/autocomplete-city" : "/api/autocomplete") + "?" + h;
     return await C.fetchData(w, !1, r);
   }
   static removeElements(e) {
@@ -3284,9 +3284,9 @@ class C {
   static async setRandomFileNameVersion(e, t = "scripts") {
     const a = Date.now(), n = typeof window < "u" ? window.location.origin : "", s = t ? `/${t}/` : "/";
     try {
-      const r = e.map(({ fileName: c, initFunctionName: u }) => import(`${n}${s}${c}?v=${a}`)), i = await Promise.all(r), l = [];
-      i.forEach((c, u) => {
-        c && typeof c[e[u].initFunctionName] == "function" ? l.push(c[e[u].initFunctionName]()) : console.error(`error loading ${e[u].initFunctionName}()`);
+      const r = e.map(({ fileName: c, initFunctionName: p }) => import(`${n}${s}${c}?v=${a}`)), i = await Promise.all(r), l = [];
+      i.forEach((c, p) => {
+        c && typeof c[e[p].initFunctionName] == "function" ? l.push(c[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);