@vehiclehistory/property-lib 0.0.81 → 0.0.82

package/dist/main.es.js

@@ -1,7 +1,7 @@
 import { jsx as c, jsxs as M, Fragment as k } from "react/jsx-runtime";
 import m from "classnames";
-import { memo as b, useState as Z, useEffect as N } from "react";
-const R = {
+import { memo as A, useState as Z, useEffect as N } from "react";
+const W = {
   xxSmall: "w-4 h-4",
   xSmall: "w-5 h-5",
   small: "w-6 h-6",
@@ -10,7 +10,7 @@ const R = {
   mediumPlus: "w-9 h-9",
   large: "w-10 h-10",
   xLarge: "w-12 h-12"
-}, W = {
+}, U = {
   account: {
     path: '<path d="M12,4A4,4 0 0,1 16,8A4,4 0 0,1 12,12A4,4 0 0,1 8,8A4,4 0 0,1 12,4M12,14C16.42,14 20,15.79 20,18V20H4V18C4,15.79 7.58,14 12,14Z" />'
   },
@@ -494,14 +494,14 @@ const R = {
   youtube: {
     path: '<path d="M10,15L15.19,12L10,9V15M21.56,7.17C21.69,7.64 21.78,8.27 21.84,9.07C21.91,9.87 21.94,10.56 21.94,11.16L22,12C22,14.19 21.84,15.8 21.56,16.83C21.31,17.73 20.73,18.31 19.83,18.56C19.36,18.69 18.5,18.78 17.18,18.84C15.88,18.91 14.69,18.94 13.59,18.94L12,19C7.81,19 5.2,18.84 4.17,18.56C3.27,18.31 2.69,17.73 2.44,16.83C2.31,16.36 2.22,15.73 2.16,14.93C2.09,14.13 2.06,13.44 2.06,12.84L2,12C2,9.81 2.16,8.2 2.44,7.17C2.69,6.27 3.27,5.69 4.17,5.44C4.64,5.31 5.5,5.22 6.82,5.16C8.12,5.09 9.31,5.06 10.41,5.06L12,5C16.19,5 18.8,5.16 19.83,5.44C20.73,5.69 21.31,6.27 21.56,7.17Z" />'
   }
-}, U = (d) => W[d], Q = ({
+}, Q = (d) => U[d], G = ({
   color: d = "text-current",
   className: e,
   name: t,
   size: a = "medium",
   viewBox: n = "0 0 20 20"
 }) => {
-  const s = U(t), [r, i] = Z(d), [l, o] = Z(s);
+  const s = Q(t), [r, i] = Z(d), [l, o] = Z(s);
   return N(() => {
     o(s);
   }, [s]), N(() => {
@@ -512,7 +512,7 @@ const R = {
       xmlns: "http://www.w3.org/2000/svg",
       className: m(
         "fill-current flex-shrink-0",
-        R[a],
+        W[a],
         r,
         e
       ),
@@ -524,7 +524,7 @@ const R = {
       }
     }
   );
-}, A = b(Q), G = ({
+}, x = A(G), J = ({
   children: d,
   className: e,
   clickHandler: t,
@@ -559,7 +559,7 @@ const R = {
             children: [
               /* @__PURE__ */ c("div", { className: "accordion-title font-medium text-slate-700 sm-max:!text-base text-lg flex items-center", children: n }),
               /* @__PURE__ */ c("span", { className: "accordion-icon ml-6 h-7 flex items-center", children: /* @__PURE__ */ c(
-                A,
+                x,
                 {
                   name: "chevronDown",
                   size: "small",
@@ -593,7 +593,7 @@ const R = {
       ] })
     }
   );
-}, E1 = b(G), J = ({
+}, F1 = A(J), _ = ({
   children: d,
   className: e,
   messages: t = [],
@@ -624,7 +624,7 @@ const R = {
       iconColor: "text-yellow-500",
       styles: "bg-yellow-50 border-yellow-300 text-yellow-700"
     }
-  }, { icon: o, iconColor: u, styles: p } = l[i];
+  }, { icon: o, iconColor: h, styles: p } = l[i];
   return /* @__PURE__ */ c(
     "div",
     {
@@ -637,11 +637,11 @@ const R = {
       ...r,
       children: /* @__PURE__ */ M("div", { className: "flex", children: [
         /* @__PURE__ */ c("div", { className: "flex-shrink-0", children: /* @__PURE__ */ c(
-          A,
+          x,
           {
             name: o,
             viewBox: "0 0 24 24",
-            className: u,
+            className: h,
             size: "xSmall"
           }
         ) }),
@@ -663,7 +663,7 @@ const R = {
       ] })
     }
   );
-}, F1 = b(J), T1 = ({
+}, T1 = A(_), D1 = ({
   autoFocus: d = !1,
   className: e,
   dataSearch: t = "container",
@@ -674,32 +674,34 @@ const R = {
   leftIcon: i = "homeSearch",
   mobileBackdrop: l = !1,
   name: o = "",
-  options: u = [],
-  placeholder: p = "",
-  props: V = {},
-  rightIcon: C = "",
-  required: f = !1,
-  showSearchIcon: g = !0,
-  showRightIcon: x = !1,
-  size: h = "medium",
-  styles: y = null,
-  title: w = "",
-  type: v,
-  useGoogle: E = !1,
-  useReact: j = !1
+  options: h = [],
+  parentProps: p = {},
+  placeholder: V = "",
+  props: C = {},
+  rightIcon: f = "",
+  required: v = !1,
+  showSearchIcon: y = !0,
+  showRightIcon: u = !1,
+  size: b = "medium",
+  styles: w = null,
+  title: g = "",
+  type: E,
+  useGoogle: j = !1,
+  useReact: P = !1
 }) => {
-  const P = j ? { defaultValue: a } : { value: a };
+  const R = P ? { defaultValue: a } : { value: a };
   return /* @__PURE__ */ M(
     "div",
     {
       id: s,
       "data-search": t,
-      "data-search-type": v,
-      "data-use-google": E,
+      "data-search-type": E,
+      "data-use-google": j,
       className: m("Autocomplete", e),
-      style: y ? { ...y } : null,
+      style: w ? { ...w } : null,
+      ...p,
       children: [
-        g && /* @__PURE__ */ M(
+        y && /* @__PURE__ */ M(
           "span",
           {
             className: m(
@@ -710,20 +712,20 @@ const R = {
             ),
             children: [
               /* @__PURE__ */ c(
-                A,
+                x,
                 {
                   className: "home-search select-none text-gray-500",
                   name: i,
-                  size: h === "xLarge" ? "small" : "xSmall",
+                  size: b === "xLarge" ? "small" : "xSmall",
                   viewBox: "0 0 24 24"
                 }
               ),
               /* @__PURE__ */ c(
-                A,
+                x,
                 {
                   className: "arrow-left select-none text-gray-500 hidden",
                   name: "arrowLeft",
-                  size: h === "xLarge" ? "small" : "xSmall",
+                  size: b === "xLarge" ? "small" : "xSmall",
                   viewBox: "0 0 24 24"
                 }
               )
@@ -738,22 +740,22 @@ const R = {
             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": g === !0,
-                "px-3 h-10": h === "medium",
-                "px-4 h-12": h === "large",
-                "px-5 h-[60px] sm:!text-base": h === "xLarge",
+                "pl-8": y === !0,
+                "px-3 h-10": b === "medium",
+                "px-4 h-12": b === "large",
+                "px-5 h-[60px] sm:!text-base": b === "xLarge",
                 peer: n
               },
               r
             ),
-            required: f,
+            required: v,
             autoComplete: "off",
-            placeholder: !p && n ? " " : p,
+            placeholder: !V && n ? " " : V,
             type: "search",
             name: o || "search-input",
             "data-id": "search-input",
-            ...P,
-            ...V
+            ...R,
+            ...C
           }
         ),
         n && /* @__PURE__ */ c(
@@ -762,10 +764,10 @@ const R = {
             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": g === !0,
-                "left-2": h === "medium",
-                "left-3": h === "large",
-                "left-4": h === "xLarge"
+                "!left-7": y === !0,
+                "left-2": b === "medium",
+                "left-3": b === "large",
+                "left-4": b === "xLarge"
               }
             ),
             children: n
@@ -777,7 +779,7 @@ const R = {
             "data-id": "search-clear",
             className: "clear-btn absolute inset-y-0 right-0 flex items-center px-2 hidden",
             children: /* @__PURE__ */ c(
-              A,
+              x,
               {
                 className: "cursor-pointer text-gray-500",
                 name: "xCircle",
@@ -793,7 +795,7 @@ const R = {
             "data-id": "search-loading",
             className: "absolute inset-y-0 right-0 flex items-center px-2 pointer-events-none hidden",
             children: /* @__PURE__ */ c(
-              A,
+              x,
               {
                 className: "animate-spin text-[#222]] pointer-events-none",
                 name: "spinnerDark",
@@ -803,12 +805,12 @@ const R = {
             )
           }
         ),
-        C && /* @__PURE__ */ c(
+        f && /* @__PURE__ */ c(
           "span",
           {
             "data-id": "right-icon",
-            className: `${x ? "" : "hidden"} absolute inset-y-0 right-0 flex items-center px-2 pointer-events-none`,
-            children: /* @__PURE__ */ c(A, { name: C, size: "small", viewBox: "0 0 24 24" })
+            className: `${u ? "" : "hidden"} absolute inset-y-0 right-0 flex items-center px-2 pointer-events-none`,
+            children: /* @__PURE__ */ c(x, { name: f, size: "small", viewBox: "0 0 24 24" })
           }
         ),
         /* @__PURE__ */ M(
@@ -823,10 +825,10 @@ const R = {
                 {
                   "data-id": "search-dropdown-body",
                   role: "listbox",
-                  "data-title": w,
+                  "data-title": g,
                   "aria-labelledby": "Label",
                   "aria-activedescendant": "search-item-0",
-                  children: u.length > 0 ? u.map((S, z) => /* @__PURE__ */ c(
+                  children: h.length > 0 ? h.map((S, z) => /* @__PURE__ */ c(
                     "li",
                     {
                       id: `search-item-${z}`,
@@ -846,7 +848,7 @@ const R = {
       ]
     }
   );
-}, D1 = ({
+}, B1 = ({
   children: d,
   className: e,
   size: t = "sm",
@@ -865,7 +867,7 @@ const R = {
     ),
     children: d
   }
-), _ = ({
+), Y = ({
   borderless: d = !1,
   leftIcon: e,
   leftIconProps: t = {},
@@ -876,23 +878,23 @@ const R = {
   props: i = {},
   rightIcon: l,
   rightIconProps: o = {},
-  rounded: u = !1,
+  rounded: h = !1,
   size: p = "md",
   type: V = "button",
   uppercase: C = !1,
   variation: f = "primary"
 }) => {
-  const g = r ? "a" : "button";
+  const v = r ? "a" : "button";
   return /* @__PURE__ */ M(
-    g,
+    v,
     {
-      type: g !== "a" ? V : null,
+      type: v !== "a" ? V : null,
       className: m(
         "button",
         {
           [`button--${f}`]: f,
           [`button--${p}`]: p,
-          "button--rounded": u,
+          "button--rounded": h,
           "button--disabled": s,
           "button--custom-link": r,
           "button--uppercase": C,
@@ -905,7 +907,7 @@ const R = {
       ...i,
       children: [
         e && /* @__PURE__ */ c(
-          A,
+          x,
           {
             name: e,
             size: p === "md" ? "small" : "xSmall",
@@ -915,7 +917,7 @@ const R = {
         ),
         a,
         l && /* @__PURE__ */ c(
-          A,
+          x,
           {
             name: l,
             size: p === "md" ? "small" : "xSmall",
@@ -926,7 +928,7 @@ const R = {
       ]
     }
   );
-}, F = b(_), Y = ({
+}, F = A(Y), K = ({
   checked: d = !1,
   children: e,
   className: t,
@@ -937,7 +939,7 @@ const R = {
   name: i = "",
   props: l = {},
   variation: o = "primary",
-  value: u = ""
+  value: h = ""
 }) => {
   const p = r ? "div" : "label", V = p === "label" ? { htmlFor: s } : {};
   return /* @__PURE__ */ M(
@@ -960,7 +962,7 @@ const R = {
             id: s,
             name: i,
             type: "checkbox",
-            value: u,
+            value: h,
             ...l
           }
         ),
@@ -968,7 +970,7 @@ const R = {
       ]
     }
   );
-}, B1 = b(Y), K = ({
+}, I1 = A(K), X = ({
   activator: d,
   id: e = "",
   children: t,
@@ -979,15 +981,15 @@ const R = {
   footer: i,
   fullMobile: l = !0,
   headerClass: o,
-  hideClose: u = !1,
+  hideClose: h = !1,
   iconSize: p = "medium",
   preventPageScroll: V = !0,
   stickyHeader: C = !1,
   title: f = "",
-  titleClass: g,
-  useFormMethod: x = !0
+  titleClass: v,
+  useFormMethod: y = !0
 }) => {
-  const h = x ? "form" : "div";
+  const u = y ? "form" : "div";
   return /* @__PURE__ */ M(k, { children: [
     d && /* @__PURE__ */ c("span", { id: `${e}-dialog-activator`, children: d }),
     /* @__PURE__ */ c(
@@ -1005,10 +1007,10 @@ const R = {
           a
         ),
         children: /* @__PURE__ */ M(
-          h,
+          u,
           {
             className: "dialog-container",
-            method: x ? "dialog" : null,
+            method: y ? "dialog" : null,
             children: [
               /* @__PURE__ */ M(
                 "header",
@@ -1023,8 +1025,8 @@ const R = {
                     o
                   ),
                   children: [
-                    f && /* @__PURE__ */ c("h3", { id: `${e}-dialog-title`, className: g, children: f }),
-                    !u && /* @__PURE__ */ c(
+                    f && /* @__PURE__ */ c("h3", { id: `${e}-dialog-title`, className: v, children: f }),
+                    !h && /* @__PURE__ */ c(
                       "button",
                       {
                         type: "button",
@@ -1033,7 +1035,7 @@ const R = {
                         "data-dialog-close": "",
                         value: "close",
                         children: /* @__PURE__ */ c(
-                          A,
+                          x,
                           {
                             name: "close",
                             size: p,
@@ -1066,7 +1068,7 @@ const R = {
       }
     )
   ] });
-}, I1 = b(K), O1 = ({ className: d }) => /* @__PURE__ */ M("div", { className: m("Dots mx-auto", d), children: [
+}, O1 = A(X), $1 = ({ className: d }) => /* @__PURE__ */ M("div", { className: m("Dots mx-auto", d), children: [
   /* @__PURE__ */ c("span", { style: { animationDelay: "0.1s" } }),
   /* @__PURE__ */ c("span", { style: { animationDelay: "0.2s" } }),
   /* @__PURE__ */ c("span", { style: { animationDelay: "0.3s" } }),
@@ -1075,7 +1077,7 @@ const R = {
   /* @__PURE__ */ c("span", { style: { animationDelay: "0.6s" } }),
   /* @__PURE__ */ c("span", { style: { animationDelay: "0.7s" } }),
   /* @__PURE__ */ c("span", { style: { animationDelay: "0.8s" } })
-] }), X = ({
+] }), e1 = ({
   cb: d,
   onUpdate: e,
   className: t = "",
@@ -1086,15 +1088,15 @@ const R = {
   function r({ cb: i }) {
     const l = document.querySelector(".loading-bar__inner");
     if (!l) return;
-    let o, u, p = !1;
+    let o, h, p = !1;
     function V(C) {
       o === void 0 && (o = C);
       const f = C - o;
-      if (u !== C) {
-        const g = f / n * 101;
-        l.style.width = `${g}%`, e && e({ elapsed: f, percentage: g }), g >= 101 && (i && i(), p = !0, window.cancelAnimationFrame(C));
+      if (h !== C) {
+        const v = f / n * 101;
+        l.style.width = `${v}%`, e && e({ elapsed: f, percentage: v }), v >= 101 && (i && i(), p = !0, window.cancelAnimationFrame(C));
       }
-      f < n && (u = C, p || window.requestAnimationFrame(V));
+      f < n && (h = C, p || window.requestAnimationFrame(V));
     }
     window.requestAnimationFrame(V);
   }
@@ -1117,7 +1119,7 @@ const R = {
       children: /* @__PURE__ */ c("div", { className: "loading-bar__inner", "data-size": "100" })
     }
   );
-}, $1 = b(X), e1 = ({ className: d }) => /* @__PURE__ */ c("div", { className: m("processing-spinner", d) }), q1 = b(e1), j1 = ({
+}, q1 = A(e1), t1 = ({ className: d }) => /* @__PURE__ */ c("div", { className: m("processing-spinner", d) }), j1 = A(t1), P1 = ({
   activator: d,
   activatorClass: e = "",
   attrs: t = {},
@@ -1169,7 +1171,7 @@ const R = {
       children: d
     }
   )
-] }), t1 = ({
+] }), a1 = ({
   ariaValuemax: d = 100,
   ariaValuemin: e = 0,
   bgColor: t = "bg-orange-500",
@@ -1223,7 +1225,7 @@ const R = {
       )
     }
   );
-}, P1 = b(t1), a1 = ({
+}, R1 = A(a1), n1 = ({
   checked: d = !1,
   children: e,
   className: t,
@@ -1235,9 +1237,9 @@ const R = {
   variation: l = "primary",
   value: o = ""
 }) => {
-  const u = s ? "div" : "label", p = u === "label" ? { htmlFor: a } : {};
+  const h = s ? "div" : "label", p = h === "label" ? { htmlFor: a } : {};
   return /* @__PURE__ */ M(
-    u,
+    h,
     {
       className: m("radio flex items-center", t),
       ...p,
@@ -1264,7 +1266,7 @@ const R = {
       ]
     }
   );
-}, R1 = b(a1), n1 = ({
+}, W1 = A(n1), s1 = ({
   className: d = "",
   error: e = !1,
   errorMessage: t = "",
@@ -1275,7 +1277,7 @@ const R = {
   placeholder: i = "",
   props: l = {},
   selectClass: o = "",
-  styles: u = null,
+  styles: h = null,
   variation: p = "primary",
   value: V
 }) => {
@@ -1284,7 +1286,7 @@ const R = {
     "label",
     {
       className: m("relative select", d, p),
-      style: u ? { ...u } : null,
+      style: h ? { ...h } : null,
       children: [
         n,
         /* @__PURE__ */ M(
@@ -1319,7 +1321,7 @@ const R = {
       ]
     }
   );
-}, W1 = b(n1), s1 = ({ className: d }) => /* @__PURE__ */ M(
+}, U1 = A(s1), l1 = ({ className: d }) => /* @__PURE__ */ M(
   "div",
   {
     className: m(
@@ -1327,11 +1329,11 @@ const R = {
       d
     ),
     children: [
-      /* @__PURE__ */ c(A, { size: "xLarge", name: "map", className: "mx-auto" }),
+      /* @__PURE__ */ c(x, { size: "xLarge", name: "map", className: "mx-auto" }),
       /* @__PURE__ */ c("span", { className: "sr-only", children: "Loading..." })
     ]
   }
-), U1 = b(s1), l1 = ({
+), Q1 = A(l1), r1 = ({
   placeholderClass: d = "",
   children: e,
   className: t,
@@ -1345,7 +1347,7 @@ const R = {
       id: `btn-left-${a}`,
       type: "button",
       className: "slider-button__prev ",
-      children: /* @__PURE__ */ c(A, { name: "chevronLeft" })
+      children: /* @__PURE__ */ c(x, { name: "chevronLeft" })
     }
   ),
   /* @__PURE__ */ c("div", { id: `slider-container-${a}`, className: "slider-container", children: Array.from({ length: 4 }, (s, r) => /* @__PURE__ */ c(
@@ -1363,21 +1365,21 @@ const R = {
       id: `btn-right-${a}`,
       type: "button",
       className: "slider-button__next",
-      children: /* @__PURE__ */ c(A, { name: "chevronRight" })
+      children: /* @__PURE__ */ c(x, { name: "chevronRight" })
     }
   )
-] }), Q1 = b(l1), r1 = {
+] }), G1 = A(r1), i1 = {
   name: "spinnerDark",
   color: "text-teal-700",
   viewBox: "0 0 24 24"
-}, i1 = ({ className: d }) => /* @__PURE__ */ c("div", { className: "rounded-r-md px-2 focus:outline-none", children: /* @__PURE__ */ c(
-  A,
+}, o1 = ({ className: d }) => /* @__PURE__ */ c("div", { className: "rounded-r-md px-2 focus:outline-none", children: /* @__PURE__ */ c(
+  x,
   {
     className: `animate-spin ${d}`,
     size: "xSmall",
-    ...r1
+    ...i1
   }
-) }), G1 = b(i1), J1 = ({
+) }), J1 = A(o1), _1 = ({
   className: d,
   value: e
 }) => {
@@ -1394,7 +1396,7 @@ const R = {
       style: t
     }
   );
-}, o1 = ({
+}, c1 = ({
   className: d,
   clear: e = !1,
   error: t = !1,
@@ -1405,8 +1407,8 @@ const R = {
   placeholder: i = "",
   props: l = {},
   rows: o = 4,
-  variation: u = "primary"
-}) => /* @__PURE__ */ M("div", { className: m("relative textarea", u, d), children: [
+  variation: h = "primary"
+}) => /* @__PURE__ */ M("div", { className: m("relative textarea", h, d), children: [
   /* @__PURE__ */ c(
     "textarea",
     {
@@ -1431,7 +1433,7 @@ const R = {
       id: `${n}-clear`,
       className: "textarea-clear absolute right-0 top-2 bottom-auto flex items-center rounded-r-md pr-2 focus:outline-none hidden",
       children: /* @__PURE__ */ c(
-        A,
+        x,
         {
           size: "xSmall",
           name: "xCircle",
@@ -1441,7 +1443,7 @@ const R = {
     }
   ),
   a && /* @__PURE__ */ c("span", { className: "relative flex mt-0.5 text-red-700 text-xs text-left", children: a })
-] }), c1 = b(o1), d1 = ({
+] }), d1 = A(c1), h1 = ({
   className: d,
   clear: e = !1,
   error: t = !1,
@@ -1452,7 +1454,7 @@ const R = {
   name: i = "",
   placeholder: l = "",
   props: o = {},
-  styles: u = null,
+  styles: h = null,
   type: p = "text",
   value: V,
   variation: C = "primary"
@@ -1460,10 +1462,10 @@ const R = {
   "div",
   {
     className: m("relative textbox", C, d),
-    style: u ? { ...u } : null,
+    style: h ? { ...h } : null,
     children: [
       n && /* @__PURE__ */ c("div", { className: "pointer-events-none absolute inset-y-0 left-0 flex items-center px-2", children: /* @__PURE__ */ c(
-        A,
+        x,
         {
           size: "xSmall",
           name: n,
@@ -1499,7 +1501,7 @@ const R = {
           id: `${s}-clear`,
           className: "textbox-clear absolute inset-y-0 right-0 flex items-center rounded-r-md px-2 focus:outline-none hidden",
           children: /* @__PURE__ */ c(
-            A,
+            x,
             {
               size: "xSmall",
               name: "xCircle",
@@ -1511,7 +1513,7 @@ const R = {
       a && /* @__PURE__ */ c("span", { className: "relative flex mt-0.5 text-red-700 text-xs text-left", children: a })
     ]
   }
-), T = b(d1), h1 = ({
+), T = A(h1), u1 = ({
   btnClass: d,
   className: e = "",
   containerClass: t,
@@ -1578,7 +1580,7 @@ const R = {
                 }
               ),
               /* @__PURE__ */ c(
-                c1,
+                d1,
                 {
                   id: "contact-message",
                   name: "contact-message",
@@ -1609,7 +1611,7 @@ const R = {
       ]
     }
   );
-}, _1 = b(h1), u1 = ({
+}, Y1 = A(u1), p1 = ({
   block: d = !1,
   children: e,
   className: t,
@@ -1620,7 +1622,7 @@ const R = {
   headerClass: i,
   list: l = !1,
   props: o = {},
-  variation: u = "primary"
+  variation: h = "primary"
 }) => {
   const p = l ? "ul" : "div";
   return /* @__PURE__ */ M(
@@ -1629,7 +1631,7 @@ const R = {
       className: m(
         "content-card",
         { "content-card--block": d },
-        `content-card--${u}`,
+        `content-card--${h}`,
         t
       ),
       ...o,
@@ -1647,7 +1649,7 @@ const R = {
       ]
     }
   );
-}, Y1 = b(u1), p1 = ({
+}, K1 = A(p1), m1 = ({
   children: d,
   className: e,
   colGap: t = 2,
@@ -1658,7 +1660,7 @@ const R = {
   rowGap: i = 1,
   value: l,
   valueClass: o,
-  wrap: u = !1
+  wrap: h = !1
 }) => /* @__PURE__ */ M(
   "div",
   {
@@ -1667,7 +1669,7 @@ const R = {
       {
         "flex-col items-start": a === "col",
         "flex-row items-center": a === "row",
-        "flex-wrap": u
+        "flex-wrap": h
       },
       e
     ),
@@ -1682,7 +1684,7 @@ const R = {
       d
     ]
   }
-), K1 = b(p1), X1 = ({
+), X1 = A(m1), e2 = ({
   breakPage: d = !1,
   children: e,
   className: t,
@@ -1708,7 +1710,7 @@ const R = {
       e
     ]
   }
-), e2 = ({ children: d, className: e, list: t = !0 }) => /* @__PURE__ */ c(t ? "li" : "div", { className: m("stacked-list", e), children: d }), m1 = ({ align: d = "center", children: e, className: t, tag: a = "h1", title: n }) => /* @__PURE__ */ c(
+), t2 = ({ children: d, className: e, list: t = !0 }) => /* @__PURE__ */ c(t ? "li" : "div", { className: m("stacked-list", e), children: d }), f1 = ({ align: d = "center", children: e, className: t, tag: a = "h1", title: n }) => /* @__PURE__ */ c(
   a,
   {
     className: m(
@@ -1722,7 +1724,7 @@ const R = {
     ),
     children: n || e
   }
-), t2 = b(m1), f1 = {
+), a2 = A(f1), V1 = {
   circular: "circular 3s linear infinite",
   "circular-reverse": "circular 3s linear reverse infinite",
   "fade-in": "fade-in 0.2.5s ease-out",
@@ -1734,17 +1736,17 @@ const R = {
   "menu-open": "menu-open 0.1s ease-out",
   "menu-close": "menu-close 0.1s ease-in-out",
   indeterminate_first: "indeterminate_first 1.1s ease-in-out infinite"
-}, V1 = {
-  map: "var(--map)"
 }, H1 = {
+  map: "var(--map)"
+}, C1 = {
   "3xs": "0.5rem",
   xxs: "0.625rem",
   "2.5xl": "1.625rem",
   "2.75xl": "1.75rem",
   "3.5xl": "2rem"
-}, C1 = {
-  17: "repeat(17, minmax(0, 1fr))"
 }, L1 = {
+  17: "repeat(17, minmax(0, 1fr))"
+}, M1 = {
   circular: {
     "100%": {
       transform: "rotate(360deg)"
@@ -1834,16 +1836,16 @@ const R = {
       transform: "translateX(100%)"
     }
   }
-}, M1 = {
+}, g1 = {
   20: "5rem",
   24: "6rem",
   28: "7rem",
   32: "8rem"
-}, g1 = {
+}, v1 = {
   aside: "268px",
   container: "724px",
   page: "1200px"
-}, v1 = {
+}, b1 = {
   "xs-max": {
     max: "639px"
   },
@@ -1861,22 +1863,22 @@ const R = {
     max: "1199px"
   },
   "lg-up": "1200px"
-}, b1 = {
+}, A1 = {
   0: "0ms",
   50: "50ms"
-}, A1 = {
+}, x1 = {
   "center-top": "center 30%"
 }, B = {
-  animation: f1,
-  backgroundImage: V1,
-  fontSize: H1,
-  gridTemplateColumns: C1,
-  keyframes: L1,
-  margin: M1,
-  maxWidth: g1,
-  screens: v1,
-  transitionDuration: b1,
-  transformOrigin: A1
+  animation: V1,
+  backgroundImage: H1,
+  fontSize: C1,
+  gridTemplateColumns: L1,
+  keyframes: M1,
+  margin: g1,
+  maxWidth: v1,
+  screens: b1,
+  transitionDuration: A1,
+  transformOrigin: x1
 }, I = {
   black: {
     50: "#FCFCFC",
@@ -1984,10 +1986,10 @@ const R = {
   purple: "hsl(279 85% 57%)",
   white: "hsl(0 0% 100%)",
   transparent: "hsl(0 0% 100% / 0)"
-}, a2 = {
+}, n2 = {
   ...I,
   ...O
-}, x1 = ({ matchUtilities: d, theme: e }) => d(
+}, y1 = ({ matchUtilities: d, theme: e }) => d(
   {
     aspect: (t) => ({
       "@supports (aspect-ratio: 1 / 1)": {
@@ -2008,7 +2010,7 @@ const R = {
     })
   },
   { values: e("aspectRatio") }
-), y1 = ({ matchUtilities: d, theme: e }) => d(
+), w1 = ({ matchUtilities: d, theme: e }) => d(
   {
     "animation-delay": (t) => ({
       "animation-delay": t
@@ -2017,11 +2019,11 @@ const R = {
   {
     values: e("transitionDelay")
   }
-), w1 = ({ matchUtilities: d }) => d({
+), S1 = ({ matchUtilities: d }) => d({
   "max-inline": (e) => ({
     "max-inline-size": e
   })
-}), S1 = ({ matchUtilities: d }) => d({
+}), k1 = ({ matchUtilities: d }) => d({
   "max-block": (e) => ({
     "max-block-size": e
   })
@@ -2036,20 +2038,20 @@ const R = {
   weightProps: i = null
 }) => {
   const l = {};
-  Object.entries(s).forEach(([o, u]) => {
+  Object.entries(s).forEach(([o, h]) => {
     const p = {
-      "font-size": u,
+      "font-size": h,
       ...a
-    }, V = `.${e(`${t}-${o}`)}`, C = n ? n({ sizeKey: o, sizeValue: u }) : {};
+    }, V = `.${e(`${t}-${o}`)}`, C = n ? n({ sizeKey: o, sizeValue: h }) : {};
     l[V] = {
       ...p,
       ...C
-    }, Object.entries(r).forEach(([f, g]) => {
-      const x = `.${e(`${t}-${o}-${f}`)}`, h = i ? i({ sizeKey: o, sizeValue: u, weightKey: f, weightValue: g }) : {};
-      l[x] = {
+    }, Object.entries(r).forEach(([f, v]) => {
+      const y = `.${e(`${t}-${o}-${f}`)}`, u = i ? i({ sizeKey: o, sizeValue: h, weightKey: f, weightValue: v }) : {};
+      l[y] = {
         ...p,
-        "font-weight": g,
-        ...h
+        "font-weight": v,
+        ...u
       };
     });
   }), d(l);
@@ -2156,16 +2158,16 @@ const R = {
       classPrefix: "text-body",
       sizes: i,
       weights: s
-    }), x1({ matchUtilities: e, theme: t }), y1({ matchUtilities: e, theme: t }), w1({ matchUtilities: e }), S1({ matchUtilities: e });
+    }), y1({ matchUtilities: e, theme: t }), w1({ matchUtilities: e, theme: t }), S1({ matchUtilities: e }), k1({ matchUtilities: e });
   }
-], n2 = {
+], s2 = {
   theme: {
     extend: B,
     colors: I
   },
   plugins: q,
   corePlugins: $
-}, s2 = {
+}, l2 = {
   theme: {
     extend: B,
     colors: O
@@ -2173,7 +2175,7 @@ const R = {
   plugins: q,
   corePlugins: $
 };
-function k1(d, e = []) {
+function z1(d, e = []) {
   return new Proxy(d, {
     get: function(t, a) {
       return t[a];
@@ -2184,39 +2186,39 @@ function k1(d, e = []) {
     }
   });
 }
-function l2(d, e = []) {
+function r2(d, e = []) {
   e.length && (d == null || d.classList.add(...e));
 }
-function r2(d, e = []) {
+function i2(d, e = []) {
   e.length && (d == null || d.classList.remove(...e));
 }
-function i2({ cb: d, form: e, formData: t, validations: a, reactive: n = !1 }) {
+function o2({ 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}"]`), o = a[r], u = [];
+    const l = e.querySelector(`[name="${r}"]`), o = a[r], h = [];
     o.forEach((p) => {
-      p.isValid(i) || u.push(p.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", (p) => {
+      p.isValid(i) || 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");
     }));
   }
   return s;
 }
-function o2(d) {
+function c2(d) {
   const e = (
     // eslint-disable-next-line
     /(?:[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*|"(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21\x23-\x5b\x5d-\x7f]|\\[\x01-\x09\x0b\x0c\x0e-\x7f])*")@(?:(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?|\[(?:(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.){3}(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?|[a-z0-9-]*[a-z0-9]:(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21-\x5a\x53-\x7f]|\\[\x01-\x09\x0b\x0c\x0e-\x7f])+)\])/
   ), t = /[^a-zA-Z]+$/;
   return e.test(d.toLowerCase()) && !t.test(d);
 }
-class c2 {
+class d2 {
   init(e) {
     this.handleSliders(e);
   }
   handleSliders({ items: e, id: t = 1, cb: a }) {
     if (!document.getElementById(`slider-container-${t}`))
       return;
-    const n = k1(
+    const n = z1(
       {
         activeIndex: 0,
         computedSlides: [],
@@ -2333,19 +2335,19 @@ class H {
       return null;
     const { tolken: n = null, ip: s = null } = await H.getHeaders(), r = a === !1 ? "" : "&tolken=" + n + "&ip=" + s, i = e + r, l = typeof t == "string" ? t : JSON.stringify(t), o = (t == null ? void 0 : t.website) ?? H.getWebsiteHeaderName();
     try {
-      const u = await fetch(i, {
+      const h = await fetch(i, {
         method: "POST",
         body: l === "null" ? null : l,
         headers: {
           website: o
         }
-      }), p = u.headers.get("content-type");
+      }), p = h.headers.get("content-type");
       if (p && p.indexOf("application/json") !== -1)
-        return u.json();
-      const V = await u.text();
+        return h.json();
+      const V = await h.text();
       return V ? V.replace("__next", "") : null;
-    } catch (u) {
-      console.error("createData", u);
+    } catch (h) {
+      console.error("createData", h);
     }
     return null;
   }
@@ -2409,8 +2411,8 @@ class H {
     try {
       const l = await fetch(i, { method: "GET" });
       if (t === !0) {
-        const u = await l.text();
-        return u ? u.replace("__next", "") : null;
+        const h = await l.text();
+        return h ? h.replace("__next", "") : null;
       }
       const o = l.headers.get("content-type");
       return o && o.indexOf("application/json") !== -1 ? l.json() : null;
@@ -2491,8 +2493,8 @@ class H {
       return r;
     const i = localStorage.getItem("headerTolken");
     if (i) {
-      const o = JSON.parse(i), u = (/* @__PURE__ */ new Date()).getTime();
-      return o.expire - u < 0 && localStorage.removeItem("headerTolken"), {
+      const o = JSON.parse(i), h = (/* @__PURE__ */ new Date()).getTime();
+      return o.expire - h < 0 && localStorage.removeItem("headerTolken"), {
         tolken: o.tolken,
         ip: o.ip,
         userAgent: t,
@@ -2502,7 +2504,7 @@ class H {
     if ((l = window == null ? void 0 : window.options) != null && l.isPdf)
       return r;
     try {
-      const u = await (await fetch("/api/headers")).json(), p = (u == null ? void 0 : u.token) ?? null, V = (u == null ? void 0 : u.ip) ?? null;
+      const h = await (await fetch("/api/headers")).json(), p = (h == null ? void 0 : h.token) ?? null, V = (h == null ? void 0 : h.ip) ?? null;
       return localStorage.setItem(
         "headerTolken",
         JSON.stringify({
@@ -2527,8 +2529,8 @@ class H {
     return await H.fetchData("/api/client?query=" + r);
   }
   static getReportUrl(e, t = null) {
-    var l, o, u;
-    const a = ((l = e == null ? void 0 : e.state) == null ? void 0 : l.slug) ?? null, n = ((o = e == null ? void 0 : e.city) == null ? void 0 : o.slug) ?? null, s = ((u = e == null ? void 0 : e.name) == null ? void 0 : u.slug) ?? null, r = (e == null ? void 0 : e.zip) ?? null;
+    var l, o, h;
+    const a = ((l = e == null ? void 0 : e.state) == null ? void 0 : l.slug) ?? null, n = ((o = e == null ? void 0 : e.city) == null ? void 0 : o.slug) ?? null, s = ((h = e == null ? void 0 : e.name) == null ? void 0 : h.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((p) => p).join("");
     return "/" + [a, n, s].filter((p) => p).map((p) => H.toSlug(p)).join("/") + "/" + i;
@@ -2741,7 +2743,7 @@ class H {
     selfClose: r = !1,
     target: i = null
   }) {
-    const l = i ? document.querySelectorAll(i) : [], o = document.getElementById(`${t}-dialog`), u = r ? o == null ? void 0 : o.querySelectorAll("[data-dialog-close]") : document.querySelectorAll("[data-dialog-close]"), p = [
+    const l = i ? document.querySelectorAll(i) : [], o = document.getElementById(`${t}-dialog`), h = r ? o == null ? void 0 : o.querySelectorAll("[data-dialog-close]") : document.querySelectorAll("[data-dialog-close]"), p = [
       "closing",
       "closed",
       "opening",
@@ -2749,23 +2751,23 @@ class H {
       "outside",
       "removed"
     ].reduce(
-      (h, y) => ({
-        ...h,
-        [y]: new Event(y)
+      (u, b) => ({
+        ...u,
+        [b]: new Event(b)
       }),
       {}
-    ), V = new MutationObserver((h, y) => {
-      h.forEach(async (w) => {
+    ), V = new MutationObserver((u, b) => {
+      u.forEach(async (w) => {
         if (w.attributeName === "open") {
-          const v = w.target;
-          if (!(v == null ? void 0 : v.hasAttribute("open"))) return;
-          v == null || v.removeAttribute("inert"), v == null || v.dispatchEvent(p.opening), v && await x(v), v == null || v.dispatchEvent(p.opened);
+          const g = w.target;
+          if (!(g == null ? void 0 : g.hasAttribute("open"))) return;
+          g == null || g.removeAttribute("inert"), g == null || g.dispatchEvent(p.opening), g && await y(g), g == null || g.dispatchEvent(p.opened);
         }
       });
-    }), C = new MutationObserver((h, y) => {
-      h.forEach((w) => {
-        w.removedNodes.forEach((v) => {
-          v.nodeName === "DIALOG" && (v.removeEventListener("click", g), v.removeEventListener("close", f), v.dispatchEvent(p.removed), C == null || C.disconnect(), V == null || V.disconnect());
+    }), C = new MutationObserver((u, b) => {
+      u.forEach((w) => {
+        w.removedNodes.forEach((g) => {
+          g.nodeName === "DIALOG" && (g.removeEventListener("click", v), g.removeEventListener("close", f), g.dispatchEvent(p.removed), C == null || C.disconnect(), V == null || V.disconnect());
         });
       });
     });
@@ -2776,23 +2778,23 @@ class H {
       subtree: !1,
       childList: !0
     }));
-    const f = async ({ target: h }) => {
-      h == null || h.classList.add("closing"), h == null || h.setAttribute("inert", ""), h == null || h.dispatchEvent(p.closing), h && await x(h), h == null || h.classList.remove("closing"), h == null || h.dispatchEvent(p.closed);
-    }, g = async ({ target: h }) => {
-      (h == null ? void 0 : h.nodeName) === "DIALOG" && (h == null || h.dispatchEvent(p.outside), o == null || o.close("outside"));
-    }, x = (h) => Promise.allSettled(
-      h == null ? void 0 : h.getAnimations().map((y) => y == null ? void 0 : y.finished)
+    const f = async ({ target: u }) => {
+      u == null || u.classList.add("closing"), u == null || u.setAttribute("inert", ""), u == null || u.dispatchEvent(p.closing), u && await y(u), u == null || u.classList.remove("closing"), u == null || u.dispatchEvent(p.closed);
+    }, v = async ({ target: u }) => {
+      (u == null ? void 0 : u.nodeName) === "DIALOG" && (u == null || u.dispatchEvent(p.outside), o == null || o.close("outside"));
+    }, y = (u) => Promise.allSettled(
+      u == null ? void 0 : u.getAnimations().map((b) => b == null ? void 0 : b.finished)
     );
-    return !e && (o == null || o.addEventListener("click", g)), o == null || o.addEventListener("close", async (h) => {
-      await f({ target: h.target }), a && a(h, o);
-    }), n && (o == null || o.addEventListener("open", async (h) => {
-      n(h, o);
-    })), l == null || l.forEach((h) => {
-      h.addEventListener("click", (y) => {
-        o == null || o.showModal(), s && s(y, o);
+    return !e && (o == null || o.addEventListener("click", v)), o == null || o.addEventListener("close", async (u) => {
+      await f({ target: u.target }), a && a(u, o);
+    }), n && (o == null || o.addEventListener("open", async (u) => {
+      n(u, o);
+    })), l == null || l.forEach((u) => {
+      u.addEventListener("click", (b) => {
+        o == null || o.showModal(), s && s(b, o);
       });
-    }), u == null || u.forEach((h) => {
-      h.addEventListener("click", async (y) => {
+    }), h == null || h.forEach((u) => {
+      u.addEventListener("click", async (b) => {
         o == null || o.close("close");
       });
     }), {
@@ -2950,13 +2952,13 @@ class H {
       max: i = null,
       city: l = null,
       state: o = null,
-      vin: u = null,
+      vin: h = null,
       license: p = null,
       token: V = null,
       phone: C = null
-    } = e || {}, f = t && t !== "", g = r && r !== "" && r !== "18", x = i && i !== "" && r !== "99";
-    let h = [];
-    return t && t !== "" && h.push("name=" + t), f || (a && a !== "" && h.push("first=" + a), n && n !== "" && h.push("middle=" + n), s && s !== "" && h.push("last=" + s)), g && x ? parseInt(r) > parseInt(i) ? (h.push("min=" + i), h.push("max=" + r)) : (h.push("min=" + r), h.push("max=" + i)) : (g && h.push("min=" + r), x && h.push("max=" + i)), C && C !== "" && h.push("phone=" + C), l && l !== "" && h.push("city=" + l), p && p !== "" && h.push("license=" + p), u && u !== "" && h.push("vin=" + u), o && o !== "" && h.push("state=" + o), V && V !== "" && h.push("token=" + V), h.join("&");
+    } = e || {}, f = t && t !== "", v = r && r !== "" && r !== "18", y = i && i !== "" && r !== "99";
+    let u = [];
+    return t && t !== "" && u.push("name=" + t), f || (a && a !== "" && u.push("first=" + a), n && n !== "" && u.push("middle=" + n), s && s !== "" && u.push("last=" + s)), v && y ? parseInt(r) > parseInt(i) ? (u.push("min=" + i), u.push("max=" + r)) : (u.push("min=" + r), u.push("max=" + i)) : (v && u.push("min=" + r), y && u.push("max=" + i)), C && C !== "" && u.push("phone=" + C), l && l !== "" && u.push("city=" + l), p && p !== "" && u.push("license=" + p), h && h !== "" && u.push("vin=" + h), o && o !== "" && u.push("state=" + o), V && V !== "" && u.push("token=" + V), u.join("&");
   }
   static padTo2Digits(e) {
     return e.toString().padStart(2, "0");
@@ -2974,7 +2976,7 @@ class H {
       useLocation: i = !0,
       state: l = "",
       useGoogle: o = !1
-    } = t ?? {}, { tolken: u = null, ip: p = null } = await H.getHeaders(), C = [
+    } = t ?? {}, { tolken: h = null, ip: p = null } = await H.getHeaders(), C = [
       "query=" + encodeURIComponent(this.cleanupAddress(e)),
       "addressesOnly=" + a,
       "useSearch=" + r,
@@ -2983,9 +2985,9 @@ class H {
       "useLocation=" + i,
       "useGoogle=" + o
     ];
-    l && l !== "" && !s && C.push("state=" + l), u && u !== "" && C.push("tolken=" + u), p && p !== "" && C.push("ip=" + p);
-    const f = C.join("&"), x = (n || s ? "/api/autocomplete-city" : "/api/autocomplete") + "?" + f;
-    return await H.makeSearchFetchCall(x);
+    l && l !== "" && !s && C.push("state=" + l), h && h !== "" && C.push("tolken=" + h), p && p !== "" && C.push("ip=" + p);
+    const f = C.join("&"), y = (n || s ? "/api/autocomplete-city" : "/api/autocomplete") + "?" + f;
+    return await H.makeSearchFetchCall(y);
   }
   static removeElements(e) {
     document.querySelectorAll(e).forEach((t) => t == null ? void 0 : t.remove());
@@ -3118,43 +3120,43 @@ class H {
   }
 }
 export {
-  E1 as Accordion,
-  F1 as Alert,
-  T1 as Autocomplete,
-  D1 as Badge,
+  F1 as Accordion,
+  T1 as Alert,
+  D1 as Autocomplete,
+  B1 as Badge,
   F as Button,
-  c2 as CardSlider,
-  B1 as Checkbox,
+  d2 as CardSlider,
+  I1 as Checkbox,
   H as Common,
-  _1 as ContactForm,
-  Y1 as ContentCard,
-  I1 as Dialog,
-  O1 as Dots,
-  K1 as FlexItem,
-  t2 as FunnelHeader,
-  A as Icon,
-  $1 as LoadingBar,
-  j1 as Popover,
-  q1 as ProcessingSpinner,
-  P1 as ProgressBar,
-  R1 as Radio,
-  W1 as Select,
-  U1 as Skeleton,
-  Q1 as Slider,
-  X1 as Spacer,
-  G1 as Spinner,
-  e2 as StackedListItem,
-  J1 as Stars,
-  c1 as TextArea,
+  Y1 as ContactForm,
+  K1 as ContentCard,
+  O1 as Dialog,
+  $1 as Dots,
+  X1 as FlexItem,
+  a2 as FunnelHeader,
+  x as Icon,
+  q1 as LoadingBar,
+  P1 as Popover,
+  j1 as ProcessingSpinner,
+  R1 as ProgressBar,
+  W1 as Radio,
+  U1 as Select,
+  Q1 as Skeleton,
+  G1 as Slider,
+  e2 as Spacer,
+  J1 as Spinner,
+  t2 as StackedListItem,
+  _1 as Stars,
+  d1 as TextArea,
   T as Textbox,
-  l2 as addClass,
-  a2 as colors,
+  r2 as addClass,
+  n2 as colors,
   $ as corePlugins,
-  s2 as elerisPreset,
+  l2 as elerisPreset,
   B as extensions,
   q as plugins,
-  n2 as propertyPreset,
-  r2 as removeClass,
-  o2 as validateEmail,
-  i2 as validateForm
+  s2 as propertyPreset,
+  i2 as removeClass,
+  c2 as validateEmail,
+  o2 as validateForm
 };