@vehiclehistory/property-lib 0.0.965 → 0.0.967

package/dist/main.es.js

@@ -1,6 +1,6 @@
 import { jsx as c, jsxs as g, Fragment as S } from "react/jsx-runtime";
-import m from "classnames";
-import { memo as y, useState as N, useEffect as Z } from "react";
+import p from "classnames";
+import { memo as A, useState as Z, useEffect as N } from "react";
 const W = {
   xxSmall: "w-4 h-4",
   xSmall: "w-5 h-5",
@@ -501,16 +501,16 @@ const W = {
   size: a = "medium",
   viewBox: n = "0 0 20 20"
 }) => {
-  const s = G(t), [l, i] = N(d), [r, o] = N(s);
-  return Z(() => {
+  const s = G(t), [l, i] = Z(d), [r, o] = Z(s);
+  return N(() => {
     o(s);
-  }, [s]), Z(() => {
+  }, [s]), N(() => {
     i(d);
   }, [d]), !s && console.error("Icon does not exist", t), /* @__PURE__ */ c(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
-      className: m(
+      className: p(
         "fill-current flex-shrink-0",
         W[a],
         l,
@@ -524,7 +524,7 @@ const W = {
       }
     }
   );
-}, x = y(Q), J = ({
+}, x = A(Q), J = ({
   children: d,
   className: e,
   clickHandler: t,
@@ -533,11 +533,11 @@ const W = {
   unmount: s = !0,
   isOpen: l = !1
 }) => {
-  const [i, r] = N(l);
+  const [i, r] = Z(l);
   return /* @__PURE__ */ c(
     "div",
     {
-      className: m(
+      className: p(
         "accordion shadow rounded-lg",
         {
           "accordion--open": i
@@ -549,7 +549,7 @@ const W = {
           "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,
@@ -572,7 +572,7 @@ const W = {
         s && i && /* @__PURE__ */ c(
           "div",
           {
-            className: m(
+            className: p(
               "accordion-panel p-4 border-x border-b rounded-bl-lg rounded-br-lg border-gray-200 relative",
               a
             ),
@@ -582,7 +582,7 @@ const W = {
         !s && /* @__PURE__ */ c(
           "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 }
@@ -593,7 +593,7 @@ const W = {
       ] })
     }
   );
-}, F1 = y(J), Y = ({
+}, F1 = A(J), _ = ({
   children: d,
   className: e,
   messages: t = [],
@@ -624,14 +624,14 @@ const W = {
       iconColor: "text-yellow-500",
       styles: "bg-yellow-50 border-yellow-300 text-yellow-700"
     }
-  }, { icon: o, iconColor: u, styles: p } = r[i];
+  }, { icon: o, iconColor: u, styles: m } = r[i];
   return /* @__PURE__ */ c(
     "div",
     {
       id: i,
-      className: m(
+      className: p(
         "rounded w-full py-2 px-4 mb-4 border",
-        p,
+        m,
         e
       ),
       ...l,
@@ -646,16 +646,16 @@ const W = {
           }
         ) }),
         /* @__PURE__ */ g("div", { className: "ml-3", children: [
-          /* @__PURE__ */ c("div", { className: m("font-medium text-sm", s), children: n }),
+          /* @__PURE__ */ c("div", { className: p("font-medium text-sm", s), children: n }),
           t.length > 0 ? /* @__PURE__ */ c(
             "ul",
             {
               role: "list",
-              className: m(
+              className: p(
                 "list-disc space-y-1 pl-5 mt-2 text-xs",
                 a
               ),
-              children: t.map((H, V) => /* @__PURE__ */ c("li", { children: H }, V))
+              children: t.map((V, H) => /* @__PURE__ */ c("li", { children: V }, H))
             }
           ) : "",
           d
@@ -663,7 +663,7 @@ const W = {
       ] })
     }
   );
-}, D1 = y(Y), I1 = ({
+}, D1 = A(_), T1 = ({
   autoFocus: d = !1,
   className: e,
   dataSearch: t = "container",
@@ -675,12 +675,12 @@ const W = {
   mobileBackdrop: r = !1,
   name: o = "",
   options: u = [],
-  parentProps: p = {},
-  placeholder: H = "",
-  props: V = {},
+  parentProps: m = {},
+  placeholder: V = "",
+  props: H = {},
   rightIcon: f = "",
   required: M = !1,
-  showSearchIcon: A = !0,
+  showSearchIcon: y = !0,
   showRightIcon: h = !1,
   size: v = "medium",
   styles: w = null,
@@ -697,14 +697,14 @@ const W = {
       "data-search": t,
       "data-search-type": E,
       "data-use-google": j,
-      className: m("Autocomplete", e),
+      className: p("Autocomplete", e),
       style: w ? { ...w } : null,
-      ...p,
+      ...m,
       children: [
-        A && /* @__PURE__ */ g(
+        y && /* @__PURE__ */ g(
           "span",
           {
-            className: m(
+            className: p(
               "search-icon-left absolute inset-y-0 left-0 flex items-center pl-2",
               {
                 "pointer-events-none": r
@@ -737,10 +737,10 @@ const W = {
           {
             "data-lpignore": "true",
             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": A === !0,
+                "pl-8": y === !0,
                 "px-3 h-10": v === "medium",
                 "px-4 h-12": v === "large",
                 "px-5 h-[60px] sm:!text-base": v === "xLarge",
@@ -750,21 +750,21 @@ const W = {
             ),
             required: M,
             autoComplete: "off",
-            placeholder: !H && n ? " " : H,
+            placeholder: !V && n ? " " : V,
             type: "search",
             name: o || "search-input",
             "data-id": "search-input",
             ...R,
-            ...V
+            ...H
           }
         ),
         n && /* @__PURE__ */ c(
           "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": A === !0,
+                "!left-7": y === !0,
                 "left-2": v === "medium",
                 "left-3": v === "large",
                 "left-4": v === "xLarge"
@@ -848,7 +848,7 @@ const W = {
       ]
     }
   );
-}, T1 = ({
+}, O1 = ({
   children: d,
   className: e,
   size: t = "sm",
@@ -856,7 +856,7 @@ const W = {
 }) => /* @__PURE__ */ c(
   a || "span",
   {
-    className: m(
+    className: p(
       " bg-gray-200 font-semibold py-1 px-2 rounded",
       {
         "text-sm": t === "sm",
@@ -867,7 +867,7 @@ const W = {
     ),
     children: d
   }
-), _ = ({
+), Y = ({
   borderless: d = !1,
   leftIcon: e,
   leftIconProps: t = {},
@@ -879,25 +879,25 @@ const W = {
   rightIcon: r,
   rightIconProps: o = {},
   rounded: u = !1,
-  size: p = "md",
-  type: H = "button",
-  uppercase: V = !1,
+  size: m = "md",
+  type: V = "button",
+  uppercase: H = !1,
   variation: f = "primary"
 }) => {
   const M = l ? "a" : "button";
   return /* @__PURE__ */ g(
     M,
     {
-      type: M !== "a" ? H : null,
-      className: m(
+      type: M !== "a" ? V : null,
+      className: p(
         "button",
         {
           [`button--${f}`]: f,
-          [`button--${p}`]: p,
+          [`button--${m}`]: m,
           "button--rounded": u,
           "button--disabled": s,
           "button--custom-link": l,
-          "button--uppercase": V,
+          "button--uppercase": H,
           "button--borderless": d || f === "link"
         },
         n
@@ -910,7 +910,7 @@ const W = {
           x,
           {
             name: e,
-            size: p === "md" ? "small" : "xSmall",
+            size: m === "md" ? "small" : "xSmall",
             viewBox: "0 0 24 24",
             ...t
           }
@@ -920,7 +920,7 @@ const W = {
           x,
           {
             name: r,
-            size: p === "md" ? "small" : "xSmall",
+            size: m === "md" ? "small" : "xSmall",
             viewBox: "0 0 24 24",
             ...o
           }
@@ -928,7 +928,7 @@ const W = {
       ]
     }
   );
-}, F = y(_), K = ({
+}, F = A(Y), K = ({
   checked: d = !1,
   children: e,
   className: t,
@@ -941,18 +941,18 @@ const W = {
   variation: o = "primary",
   value: u = ""
 }) => {
-  const p = l ? "div" : "label", H = p === "label" ? { htmlFor: s } : {};
+  const m = l ? "div" : "label", V = m === "label" ? { htmlFor: s } : {};
   return /* @__PURE__ */ g(
-    p,
+    m,
     {
-      className: m("checkbox flex items-center", o, t),
-      ...H,
+      className: p("checkbox flex items-center", o, t),
+      ...V,
       children: [
         /* @__PURE__ */ c(
           "input",
           {
             checked: d,
-            className: m(
+            className: p(
               "form-checkbox ",
               {
                 "!border-red-500 !bg-red-500 focus:!ring-red-500 focus:!border-red-500": a
@@ -970,7 +970,7 @@ const W = {
       ]
     }
   );
-}, O1 = y(K), X = ({
+}, I1 = A(K), X = ({
   activator: d,
   id: e = "",
   children: t,
@@ -982,12 +982,12 @@ const W = {
   footer: r,
   fullMobile: o = !0,
   headerClass: u,
-  hideClose: p = !1,
-  iconSize: H = "medium",
-  preventPageScroll: V = !0,
+  hideClose: m = !1,
+  iconSize: V = "medium",
+  preventPageScroll: H = !0,
   stickyHeader: f = !1,
   title: M = "",
-  titleClass: A,
+  titleClass: y,
   useFormMethod: h = !0
 }) => {
   const v = h ? "form" : "div";
@@ -999,12 +999,12 @@ const W = {
         inert: "",
         ...i ? { closedby: "none" } : null,
         id: `${e}-dialog`,
-        className: m(
+        className: p(
           "dialog",
           {
             "dialog-full-mobile": o,
             dark: l,
-            "prevent-scroll": V
+            "prevent-scroll": H
           },
           a
         ),
@@ -1017,7 +1017,7 @@ const W = {
               /* @__PURE__ */ g(
                 "header",
                 {
-                  className: m(
+                  className: p(
                     "dialog-header",
                     {
                       "sticky top-0 bg-white z-10": f,
@@ -1027,8 +1027,8 @@ const W = {
                     u
                   ),
                   children: [
-                    M && /* @__PURE__ */ c("h3", { id: `${e}-dialog-title`, className: A, children: M }),
-                    !p && /* @__PURE__ */ c(
+                    M && /* @__PURE__ */ c("h3", { id: `${e}-dialog-title`, className: y, children: M }),
+                    !m && /* @__PURE__ */ c(
                       "button",
                       {
                         type: "button",
@@ -1040,7 +1040,7 @@ const W = {
                           x,
                           {
                             name: "close",
-                            size: H,
+                            size: V,
                             className: "pointer-events-none"
                           }
                         )
@@ -1053,7 +1053,7 @@ const W = {
                 "div",
                 {
                   id: `${e}-dialog-content`,
-                  className: m(
+                  className: p(
                     "dialog-content",
                     {
                       "custom-scrollbar": s
@@ -1070,7 +1070,7 @@ const W = {
       }
     )
   ] });
-}, B1 = y(X), $1 = ({ className: d }) => /* @__PURE__ */ g("div", { className: m("Dots mx-auto", d), children: [
+}, B1 = A(X), $1 = ({ className: d }) => /* @__PURE__ */ g("div", { className: p("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" } }),
@@ -1090,24 +1090,24 @@ const W = {
   function l({ cb: i }) {
     const r = document.querySelector(".loading-bar__inner");
     if (!r) return;
-    let o, u, p = !1;
-    function H(V) {
-      o === void 0 && (o = V);
-      const f = V - o;
-      if (u !== V) {
+    let o, u, m = !1;
+    function V(H) {
+      o === void 0 && (o = H);
+      const f = H - o;
+      if (u !== H) {
         const M = f / n * 101;
-        r.style.width = `${M}%`, e && e({ elapsed: f, percentage: M }), M >= 101 && (i && i(), p = !0, window.cancelAnimationFrame(V));
+        r.style.width = `${M}%`, e && e({ elapsed: f, percentage: M }), M >= 101 && (i && i(), m = !0, window.cancelAnimationFrame(H));
       }
-      f < n && (u = V, p || window.requestAnimationFrame(H));
+      f < n && (u = H, m || window.requestAnimationFrame(V));
     }
-    window.requestAnimationFrame(H);
+    window.requestAnimationFrame(V);
   }
-  return Z(() => {
+  return N(() => {
     l({ cb: d });
   }, []), /* @__PURE__ */ c(
     "div",
     {
-      className: m(
+      className: p(
         "loading-bar my-8",
         `loading-bar__${s}`,
         {
@@ -1121,7 +1121,7 @@ const W = {
       children: /* @__PURE__ */ c("div", { className: "loading-bar__inner", "data-size": "100" })
     }
   );
-}, q1 = y(e1), t1 = ({ className: d }) => /* @__PURE__ */ c("div", { className: m("processing-spinner", d) }), j1 = y(t1), P1 = ({
+}, q1 = A(e1), t1 = ({ className: d }) => /* @__PURE__ */ c("div", { className: p("processing-spinner", d) }), j1 = A(t1), P1 = ({
   activator: d,
   activatorClass: e = "",
   attrs: t = {},
@@ -1135,11 +1135,11 @@ const W = {
   /* @__PURE__ */ c(
     "div",
     {
-      className: m("popover z-10 max-w-[350px] hidden", n),
+      className: p("popover z-10 max-w-[350px] hidden", n),
       children: /* @__PURE__ */ g(
         "div",
         {
-          className: m(
+          className: p(
             "popover-container rounded border bg-gray-50 border-gray-300 shadow-md text-gray-500 animate-menu-close",
             s
           ),
@@ -1160,7 +1160,7 @@ const W = {
   /* @__PURE__ */ c(
     "div",
     {
-      className: m(
+      className: p(
         "popover-activator",
         `trigger-${r}`,
         {
@@ -1185,9 +1185,9 @@ const W = {
   rounded: r = !0,
   showLabel: o = !1
 }) => {
-  const p = ((H, V) => {
-    if (H) {
-      const f = Number(V) / H;
+  const m = ((V, H) => {
+    if (V) {
+      const f = Number(H) / V;
       return f > 1 ? 100 : f * 100;
     }
     return n;
@@ -1195,7 +1195,7 @@ const W = {
   return /* @__PURE__ */ c(
     "div",
     {
-      className: m(
+      className: p(
         "w-full bg-gray-200",
         { "rounded-full": r },
         a
@@ -1208,26 +1208,26 @@ const W = {
       children: /* @__PURE__ */ c(
         "div",
         {
-          className: m(
+          className: p(
             "h-full text-right flex items-center justify-end rounded-full",
             t
           ),
-          style: { width: `${p}%` },
+          style: { width: `${m}%` },
           children: o && /* @__PURE__ */ c(
             "span",
             {
-              className: m(
+              className: p(
                 "font-bold text-white text-xs mr-2",
                 l
               ),
-              children: s || Math.round(p)
+              children: s || Math.round(m)
             }
           )
         }
       )
     }
   );
-}, R1 = y(a1), n1 = ({
+}, R1 = A(a1), n1 = ({
   checked: d = !1,
   children: e,
   className: t,
@@ -1239,18 +1239,18 @@ const W = {
   variation: r = "primary",
   value: o = ""
 }) => {
-  const u = s ? "div" : "label", p = u === "label" ? { htmlFor: a } : {};
+  const u = s ? "div" : "label", m = u === "label" ? { htmlFor: a } : {};
   return /* @__PURE__ */ g(
     u,
     {
-      className: m("radio flex items-center", t),
-      ...p,
+      className: p("radio flex items-center", t),
+      ...m,
       children: [
         /* @__PURE__ */ c(
           "input",
           {
             checked: d,
-            className: m(
+            className: p(
               "form-radio focus:ring-2 focus:ring-offset-2 focus-within:outline-none",
               {
                 "focus:ring-[#222]": r === "primary"
@@ -1268,7 +1268,7 @@ const W = {
       ]
     }
   );
-}, W1 = y(n1), s1 = ({
+}, W1 = A(n1), s1 = ({
   className: d = "",
   error: e = !1,
   errorMessage: t = "",
@@ -1280,21 +1280,21 @@ const W = {
   props: r = {},
   selectClass: o = "",
   styles: u = null,
-  variation: p = "primary",
-  value: H
+  variation: m = "primary",
+  value: V
 }) => {
-  const V = i ? { defaultValue: "" } : {};
+  const H = i ? { defaultValue: "" } : {};
   return /* @__PURE__ */ g(
     "label",
     {
-      className: m("relative select", d, p),
+      className: p("relative select", d, m),
       style: u ? { ...u } : null,
       children: [
         n,
         /* @__PURE__ */ g(
           "select",
           {
-            className: m(
+            className: p(
               "form-select relative bg-white pl-3 pr-10 text-left cursor-default",
               {
                 "!border-red-500 !bg-red-500/10 !text-red-700 focus:!ring-red-500 focus:!border-red-500": e
@@ -1303,8 +1303,8 @@ const W = {
             ),
             id: a,
             name: s,
-            value: H,
-            ...V,
+            value: V,
+            ...H,
             ...r,
             children: [
               i && /* @__PURE__ */ c("option", { hidden: !0, value: "", children: i }),
@@ -1323,10 +1323,10 @@ const W = {
       ]
     }
   );
-}, U1 = y(s1), r1 = ({ className: d }) => /* @__PURE__ */ g(
+}, U1 = A(s1), r1 = ({ className: d }) => /* @__PURE__ */ g(
   "div",
   {
-    className: m(
+    className: p(
       "flex justify-center items-center bg-gray-200 rounded-lg animate-pulse",
       d
     ),
@@ -1335,13 +1335,13 @@ const W = {
       /* @__PURE__ */ c("span", { className: "sr-only", children: "Loading..." })
     ]
   }
-), G1 = y(r1), l1 = ({
+), G1 = A(r1), l1 = ({
   placeholderClass: d = "",
   children: e,
   className: t,
   id: a = 1,
   padding: n = !0
-}) => /* @__PURE__ */ g("div", { className: m("slider", t), id: `slider-${a}`, children: [
+}) => /* @__PURE__ */ g("div", { className: p("slider", t), id: `slider-${a}`, children: [
   /* @__PURE__ */ c(
     "button",
     {
@@ -1370,16 +1370,16 @@ const W = {
       children: /* @__PURE__ */ c(x, { name: "chevronRight" })
     }
   )
-] }), Q1 = y(l1), i1 = ({ className: d, iconClass: e, iconProps: t = {} }) => /* @__PURE__ */ c("div", { className: m("rounded-r-md px-2 focus:outline-none", d), children: /* @__PURE__ */ c(
+] }), Q1 = A(l1), i1 = ({ className: d, iconClass: e, iconProps: t = {} }) => /* @__PURE__ */ c("div", { className: p("rounded-r-md px-2 focus:outline-none", d), children: /* @__PURE__ */ c(
   x,
   {
-    className: m("animate-spin text-black-900", e),
+    className: p("animate-spin text-black-900", e),
     size: "xSmall",
     name: "spinnerDark",
     viewBox: "0 0 24 24",
     ...t
   }
-) }), J1 = y(i1), Y1 = ({
+) }), J1 = A(i1), _1 = ({
   className: d,
   value: e
 }) => {
@@ -1389,7 +1389,7 @@ const W = {
   return /* @__PURE__ */ c(
     "div",
     {
-      className: m(
+      className: p(
         'Stars inline-block leading-none font-sans text-base before:content-["★★★★★"]',
         d
       ),
@@ -1408,7 +1408,7 @@ const W = {
   props: r = {},
   rows: o = 4,
   variation: u = "primary"
-}) => /* @__PURE__ */ g("div", { className: m("relative textarea", u, d), children: [
+}) => /* @__PURE__ */ g("div", { className: p("relative textarea", u, d), children: [
   /* @__PURE__ */ c(
     "textarea",
     {
@@ -1416,7 +1416,7 @@ const W = {
       id: n,
       name: l,
       rows: o,
-      className: m(
+      className: p(
         "form-textarea min-h-[40px] pl-4",
         e ? "pr-10" : "pr-4",
         {
@@ -1443,7 +1443,7 @@ const W = {
     }
   ),
   a && /* @__PURE__ */ c("span", { className: "relative flex mt-0.5 text-red-700 text-xs text-left", children: a })
-] }), c1 = y(o1), d1 = ({
+] }), c1 = A(o1), d1 = ({
   className: d,
   clear: e = !1,
   error: t = !1,
@@ -1455,13 +1455,13 @@ const W = {
   placeholder: r = "",
   props: o = {},
   styles: u = null,
-  type: p = "text",
-  value: H,
-  variation: V = "primary"
+  type: m = "text",
+  value: V,
+  variation: H = "primary"
 }) => /* @__PURE__ */ g(
   "div",
   {
-    className: m("relative textbox", V, d),
+    className: p("relative textbox", H, d),
     style: u ? { ...u } : null,
     children: [
       n && /* @__PURE__ */ c("div", { className: "pointer-events-none absolute inset-y-0 left-0 flex items-center px-2", children: /* @__PURE__ */ c(
@@ -1479,10 +1479,10 @@ const W = {
           placeholder: r,
           id: s,
           name: i,
-          type: p,
-          value: H,
+          type: m,
+          value: V,
           autoComplete: "off",
-          className: m(
+          className: p(
             "form-input",
             e ? "pr-10" : "pr-4",
             n ? "pl-8" : "pl-4",
@@ -1513,7 +1513,7 @@ const W = {
       a && /* @__PURE__ */ c("span", { className: "relative flex mt-0.5 text-red-700 text-xs text-left", children: a })
     ]
   }
-), D = y(d1), h1 = ({ checked: d = !1, props: e = {} }) => /* @__PURE__ */ c(S, { children: /* @__PURE__ */ c("label", { className: "flex cursor-pointer select-none items-center", children: /* @__PURE__ */ g("div", { className: "relative", children: [
+), D = A(d1), h1 = ({ checked: d = !1, props: e = {} }) => /* @__PURE__ */ c(S, { children: /* @__PURE__ */ c("label", { className: "flex cursor-pointer select-none items-center", children: /* @__PURE__ */ g("div", { className: "relative", children: [
   /* @__PURE__ */ c(
     "input",
     {
@@ -1535,7 +1535,7 @@ const W = {
       className: `absolute left-1 top-1 flex h-6 w-6 items-center justify-center rounded-full bg-white transition ${d ? "translate-x-full" : ""}`
     }
   )
-] }) }) }), _1 = y(h1), u1 = ({
+] }) }) }), Y1 = A(h1), u1 = ({
   btnClass: d,
   className: e = "",
   containerClass: t,
@@ -1550,7 +1550,7 @@ const W = {
     /* @__PURE__ */ c(
       F,
       {
-        className: m(
+        className: p(
           "text-black-900 items-center gap-2 live-chat uppercase !inline-flex"
         ),
         variation: "link",
@@ -1565,16 +1565,16 @@ const W = {
     "form",
     {
       id: "contactForm",
-      className: m("contact-form", t, {
+      className: p("contact-form", t, {
         uppercase: l
       }),
       children: [
-        /* @__PURE__ */ c("h2", { id: "contact-title", className: m("mb-4", s), children: n }),
+        /* @__PURE__ */ c("h2", { id: "contact-title", className: p("mb-4", s), children: n }),
         /* @__PURE__ */ c("p", { className: "contact-form__msg", children: i }),
         /* @__PURE__ */ g(
           "div",
           {
-            className: m(
+            className: p(
               "p-6 bg-gray-100 flex flex-col gap-y-3 max-w-[458px]",
               e
             ),
@@ -1585,7 +1585,7 @@ const W = {
                   id: "contact-name",
                   name: "contact-name",
                   placeholder: "Name",
-                  inputClass: m({
+                  inputClass: p({
                     "placeholder:uppercase": l
                   })
                 }
@@ -1596,7 +1596,7 @@ const W = {
                   id: "contact-email",
                   name: "contact-email",
                   placeholder: "Email",
-                  inputClass: m({
+                  inputClass: p({
                     "placeholder:uppercase": l
                   })
                 }
@@ -1607,7 +1607,7 @@ const W = {
                   id: "contact-message",
                   name: "contact-message",
                   placeholder: "Message",
-                  inputClass: m({
+                  inputClass: p({
                     "placeholder:uppercase": l
                   })
                 }
@@ -1615,7 +1615,7 @@ const W = {
               /* @__PURE__ */ c(
                 F,
                 {
-                  className: m(
+                  className: p(
                     "flex mx-auto items-center",
                     {
                       uppercase: l
@@ -1633,7 +1633,7 @@ const W = {
       ]
     }
   );
-}, K1 = y(u1), p1 = ({
+}, K1 = A(u1), p1 = ({
   block: d = !1,
   children: e,
   className: t,
@@ -1646,11 +1646,11 @@ const W = {
   props: o = {},
   variation: u = "primary"
 }) => {
-  const p = r ? "ul" : "div";
+  const m = r ? "ul" : "div";
   return /* @__PURE__ */ g(
     "div",
     {
-      className: m(
+      className: p(
         "content-card",
         { "content-card--block": d },
         `content-card--${u}`,
@@ -1658,20 +1658,20 @@ const W = {
       ),
       ...o,
       children: [
-        l && /* @__PURE__ */ c("div", { className: m("content-card__header", i), children: typeof l == "string" ? /* @__PURE__ */ c("h3", { children: l }) : l }),
+        l && /* @__PURE__ */ c("div", { className: p("content-card__header", i), children: typeof l == "string" ? /* @__PURE__ */ c("h3", { children: l }) : l }),
         /* @__PURE__ */ c(
-          p,
+          m,
           {
-            className: m("content-card__content", a),
+            className: p("content-card__content", a),
             role: r ? "list" : null,
             children: e
           }
         ),
-        s && /* @__PURE__ */ c("div", { className: m("content-card__footer", n), children: s })
+        s && /* @__PURE__ */ c("div", { className: p("content-card__footer", n), children: s })
       ]
     }
   );
-}, X1 = y(p1), m1 = ({
+}, X1 = A(p1), m1 = ({
   children: d,
   className: e,
   colGap: t = 2,
@@ -1686,7 +1686,7 @@ const W = {
 }) => /* @__PURE__ */ g(
   "div",
   {
-    className: m(
+    className: p(
       "flex",
       {
         "flex-col items-start": a === "col",
@@ -1701,12 +1701,12 @@ const W = {
     },
     ...l,
     children: [
-      n && /* @__PURE__ */ c("div", { className: m("item-label", s), children: n }),
-      r && /* @__PURE__ */ c("div", { className: m("item-value", o), children: r }),
+      n && /* @__PURE__ */ c("div", { className: p("item-label", s), children: n }),
+      r && /* @__PURE__ */ c("div", { className: p("item-value", o), children: r }),
       d
     ]
   }
-), e2 = y(m1), t2 = ({
+), e2 = A(m1), t2 = ({
   breakPage: d = !1,
   children: e,
   className: t,
@@ -1718,7 +1718,7 @@ const W = {
 }) => /* @__PURE__ */ g(
   "section",
   {
-    className: m(
+    className: p(
       "spacer",
       {
         "print:!hidden": a,
@@ -1728,14 +1728,14 @@ const W = {
     ),
     ...n,
     children: [
-      s && /* @__PURE__ */ c("h2", { className: m("spacer-title", l), id: i, children: s }),
+      s && /* @__PURE__ */ c("h2", { className: p("spacer-title", l), id: i, children: s }),
       e
     ]
   }
-), a2 = ({ 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(
+), a2 = ({ children: d, className: e, list: t = !0 }) => /* @__PURE__ */ c(t ? "li" : "div", { className: p("stacked-list", e), children: d }), f1 = ({ align: d = "center", children: e, className: t, tag: a = "h1", title: n }) => /* @__PURE__ */ c(
   a,
   {
-    className: m(
+    className: p(
       "!header-4-medium mb-6 flex items-center",
       {
         "text-center justify-center": d === "center",
@@ -1746,7 +1746,7 @@ const W = {
     ),
     children: n || e
   }
-), n2 = y(f1), V1 = {
+), n2 = A(f1), V1 = {
   circular: "circular 3s linear infinite",
   "circular-reverse": "circular 3s linear reverse infinite",
   "fade-in": "fade-in 0.2.5s ease-out",
@@ -1885,12 +1885,12 @@ const W = {
     max: "1199px"
   },
   "lg-up": "1200px"
-}, y1 = {
+}, A1 = {
   0: "0ms",
   50: "50ms"
-}, A1 = {
+}, y1 = {
   "center-top": "center 30%"
-}, T = {
+}, O = {
   animation: V1,
   backgroundImage: H1,
   fontSize: C1,
@@ -1899,9 +1899,9 @@ const W = {
   margin: g1,
   maxWidth: v1,
   screens: b1,
-  transitionDuration: y1,
-  transformOrigin: A1
-}, O = {
+  transitionDuration: A1,
+  transformOrigin: y1
+}, I = {
   black: {
     50: "#FCFCFC",
     100: "#F9F9F9",
@@ -2009,7 +2009,7 @@ const W = {
   white: "hsl(0 0% 100%)",
   transparent: "hsl(0 0% 100% / 0)"
 }, s2 = {
-  ...O,
+  ...I,
   ...B
 }, x1 = ({ matchUtilities: d, theme: e }) => d(
   {
@@ -2049,7 +2049,7 @@ const W = {
   "max-block": (e) => ({
     "max-block-size": e
   })
-}), I = ({
+}), T = ({
   addUtilities: d,
   e,
   classPrefix: t = "",
@@ -2061,17 +2061,17 @@ const W = {
 }) => {
   const r = {};
   Object.entries(s).forEach(([o, u]) => {
-    const p = {
+    const m = {
       "font-size": u,
       ...a
-    }, H = `.${e(`${t}-${o}`)}`, V = n ? n({ sizeKey: o, sizeValue: u }) : {};
-    r[H] = {
-      ...p,
-      ...V
+    }, V = `.${e(`${t}-${o}`)}`, H = n ? n({ sizeKey: o, sizeValue: u }) : {};
+    r[V] = {
+      ...m,
+      ...H
     }, Object.entries(l).forEach(([f, M]) => {
-      const A = `.${e(`${t}-${o}-${f}`)}`, h = i ? i({ sizeKey: o, sizeValue: u, weightKey: f, weightValue: M }) : {};
-      r[A] = {
-        ...p,
+      const y = `.${e(`${t}-${o}-${f}`)}`, h = i ? i({ sizeKey: o, sizeValue: u, weightKey: f, weightValue: M }) : {};
+      r[y] = {
+        ...m,
         "font-weight": M,
         ...h
       };
@@ -2163,7 +2163,7 @@ const W = {
       2: "0.813rem",
       3: "0.75rem"
     };
-    I({
+    T({
       addUtilities: d,
       e: a,
       classPrefix: "header",
@@ -2175,7 +2175,7 @@ const W = {
       }),
       sizes: l,
       weights: s
-    }), I({
+    }), T({
       addUtilities: d,
       e: a,
       classPrefix: "text-body",
@@ -2185,14 +2185,14 @@ const W = {
   }
 ], r2 = {
   theme: {
-    extend: T,
-    colors: O
+    extend: O,
+    colors: I
   },
   plugins: q,
   corePlugins: $
 }, l2 = {
   theme: {
-    extend: T,
+    extend: O,
     colors: B
   },
   plugins: q,
@@ -2219,10 +2219,10 @@ function c2({ cb: d, form: e, formData: t, validations: a, reactive: n = !1 }) {
   let s = !0;
   for (const [l, i] of t.entries()) {
     const r = e.querySelector(`[name="${l}"]`), o = a[l], u = [];
-    o.forEach((p) => {
-      p.isValid(i) || u.push(p.message);
-    }), u.length ? (s = !1, r.classList.add("field-error"), d && d({ isValid: s, field: r, validations: a })) : (r.classList.remove("field-error"), d && d({ isValid: !0, field: r, validations: a })), n && (r == null || r.addEventListener("input", (p) => {
-      p.preventDefault(), r.classList.contains("field-error") && r.classList.remove("field-error");
+    o.forEach((m) => {
+      m.isValid(i) || u.push(m.message);
+    }), u.length ? (s = !1, r.classList.add("field-error"), d && d({ isValid: s, field: r, validations: a })) : (r.classList.remove("field-error"), d && d({ isValid: !0, field: r, validations: a })), n && (r == null || r.addEventListener("input", (m) => {
+      m.preventDefault(), r.classList.contains("field-error") && r.classList.remove("field-error");
     }));
   }
   return s;
@@ -2365,38 +2365,13 @@ class C {
           website: i
         },
         ...n
-      }), o = r.headers.get("miss-session-id"), u = r.headers.get("client-retry") === "true", p = await this.createDataReturn(r);
-      return u === !0 && o ? await this.createData2(
-        e,
-        t,
-        a,
-        n,
-        o
-      ) : p;
+      });
+      return await this.createDataReturn(r);
     } catch (r) {
       console.error("createData", r);
     }
     return null;
   }
-  static async createData2(e, t = null, a = !0, n = {}, s = null) {
-    if (!t)
-      return null;
-    const l = await this.createDataGetExtra({ useExtra: a, missSessionId: s }), i = typeof t == "string" ? t : JSON.stringify(t), r = (t == null ? void 0 : t.website) ?? C.getWebsiteHeaderName();
-    try {
-      const o = await fetch(e + l, {
-        method: "POST",
-        body: i === "null" ? null : i,
-        headers: {
-          website: r
-        },
-        ...n
-      });
-      return await this.createDataReturn(o);
-    } catch (o) {
-      console.error("createData2", o);
-    }
-    return null;
-  }
   static async createDataGetExtra({ useExtra: e, missSessionId: t = null }) {
     const { tolken: a = null, ip: n = null } = await C.getHeaders({
       bypassSession: t !== null,
@@ -2540,50 +2515,47 @@ class C {
     bypassSession: t = !1,
     missSessionId: a = null
   } = {}) {
-    var p;
+    var m;
     const {
       userAgent: n = null,
       userAgentData: s = null,
       platform: l = null
     } = navigator || {}, i = (s == null ? void 0 : s.platform) ?? l, r = {
       tolken: null,
-      oldSessionId: null,
       ip: null,
       userAgent: n,
       platform: i
     };
     if (typeof window.localStorage > "u")
       return r;
-    const o = "headerSessionId2", u = localStorage.getItem(o);
+    const o = "headerSessionIdData", u = localStorage.getItem(o);
     if (u && !t) {
-      const H = JSON.parse(u), V = (/* @__PURE__ */ new Date()).getTime();
-      return H.expire - V < 0 && localStorage.removeItem(o), {
-        tolken: H.tolken,
-        oldSessionId: H.oldSessionId,
-        ip: H.ip,
+      const V = JSON.parse(u), H = (/* @__PURE__ */ new Date()).getTime();
+      return V.expire - H < 0 && localStorage.removeItem(o), {
+        tolken: V.tolken,
+        ip: V.ip,
         userAgent: n,
         platform: i
       };
     }
-    if ((p = window == null ? void 0 : window.options) != null && p.isPdf)
+    if ((m = window == null ? void 0 : window.options) != null && m.isPdf)
       return r;
     try {
-      const V = await (await fetch("/api/client-headers", {
+      const H = await (await fetch("/api/client-headers", {
         headers: {
           "miss-session-id": a
         }
-      })).json(), f = (V == null ? void 0 : V.sessionId) ?? "noSessionId", M = (V == null ? void 0 : V.oldSessionId) ?? "noOldSessionId", A = V["x-forwarded-for"] ?? null, h = A ? A.split(/, /)[0] : null, v = e * 1e3;
+      })).json(), f = (H == null ? void 0 : H.sessionId) ?? "noSessionId", M = H["x-forwarded-for"] ?? null, y = M ? M.split(/, /)[0] : null, h = e * 1e3;
       return localStorage.setItem(
         o,
         JSON.stringify({
           tolken: f,
-          oldSessionId: M,
-          ip: h,
-          expire: (/* @__PURE__ */ new Date()).getTime() + v
+          ip: y,
+          expire: (/* @__PURE__ */ new Date()).getTime() + h
         })
-      ), { tolken: f, oldSessionId: M, ip: h, userAgent: n, platform: i };
-    } catch (H) {
-      console.error("getHeaders", H);
+      ), { tolken: f, ip: y, userAgent: n, platform: i };
+    } catch (V) {
+      console.error("getHeaders", V);
     }
     return r;
   }
@@ -2601,8 +2573,8 @@ class C {
     var r, o, u;
     const a = ((r = e == null ? void 0 : e.state) == null ? void 0 : r.slug) ?? null, n = ((o = e == null ? void 0 : e.city) == null ? void 0 : o.slug) ?? null, s = ((u = e == null ? void 0 : e.name) == null ? void 0 : u.slug) ?? null, l = (e == null ? void 0 : e.zip) ?? null;
     t = t || ((e == null ? void 0 : e.id) ?? null);
-    const i = [l, "-piq", t].filter((p) => p).join("");
-    return "/" + [a, n, s].filter((p) => p).map((p) => C.toSlug(p)).join("/") + "/" + i;
+    const i = [l, "-piq", t].filter((m) => m).join("");
+    return "/" + [a, n, s].filter((m) => m).map((m) => C.toSlug(m)).join("/") + "/" + i;
   }
   static async getSearchValue(e = "recsSearchValue") {
     try {
@@ -2812,7 +2784,7 @@ class C {
     selfClose: l = !1,
     target: i = null
   }) {
-    const r = i ? document.querySelectorAll(i) : [], o = document.getElementById(`${t}-dialog`), u = l ? o == null ? void 0 : o.querySelectorAll("[data-dialog-close]") : document.querySelectorAll("[data-dialog-close]"), p = [
+    const r = i ? document.querySelectorAll(i) : [], o = document.getElementById(`${t}-dialog`), u = l ? o == null ? void 0 : o.querySelectorAll("[data-dialog-close]") : document.querySelectorAll("[data-dialog-close]"), m = [
       "closing",
       "closed",
       "opening",
@@ -2825,33 +2797,33 @@ class C {
         [v]: new Event(v)
       }),
       {}
-    ), H = new MutationObserver((h, v) => {
+    ), V = new MutationObserver((h, v) => {
       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(p.opening), b && await A(b), b == null || b.dispatchEvent(p.opened);
+          b == null || b.removeAttribute("inert"), b == null || b.dispatchEvent(m.opening), b && await y(b), b == null || b.dispatchEvent(m.opened);
         }
       });
-    }), V = new MutationObserver((h, v) => {
+    }), H = new MutationObserver((h, v) => {
       h.forEach((w) => {
         w.removedNodes.forEach((b) => {
-          b.nodeName === "DIALOG" && (b.removeEventListener("click", M), b.removeEventListener("close", f), b.dispatchEvent(p.removed), V == null || V.disconnect(), H == null || H.disconnect());
+          b.nodeName === "DIALOG" && (b.removeEventListener("click", M), b.removeEventListener("close", f), b.dispatchEvent(m.removed), H == null || H.disconnect(), V == null || V.disconnect());
         });
       });
     });
-    o && (H.observe(o, {
+    o && (V.observe(o, {
       attributes: !0
-    }), V.observe(document.body, {
+    }), H.observe(document.body, {
       attributes: !1,
       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 A(h), h == null || h.classList.remove("closing"), h == null || h.dispatchEvent(p.closed);
+      h == null || h.classList.add("closing"), h == null || h.setAttribute("inert", ""), h == null || h.dispatchEvent(m.closing), h && await y(h), h == null || h.classList.remove("closing"), h == null || h.dispatchEvent(m.closed);
     }, M = async ({ target: h }) => {
-      (h == null ? void 0 : h.nodeName) === "DIALOG" && (h == null || h.dispatchEvent(p.outside), o == null || o.close("outside"));
-    }, A = (h) => Promise.allSettled(
+      (h == null ? void 0 : h.nodeName) === "DIALOG" && (h == null || h.dispatchEvent(m.outside), o == null || o.close("outside"));
+    }, y = (h) => Promise.allSettled(
       h == null ? void 0 : h.getAnimations().map((v) => v == null ? void 0 : v.finished)
     );
     return !e && (o == null || o.addEventListener("click", M)), o == null || o.addEventListener("close", async (h) => {
@@ -3015,12 +2987,12 @@ class C {
       city: r = null,
       state: o = null,
       vin: u = null,
-      license: p = null,
-      token: H = null,
-      phone: V = null
-    } = e || {}, f = t && t !== "", M = l && l !== "" && l !== "18", A = i && i !== "" && l !== "99";
+      license: m = null,
+      token: V = null,
+      phone: H = null
+    } = e || {}, f = t && t !== "", M = l && l !== "" && l !== "18", y = i && i !== "" && l !== "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)), M && A ? parseInt(l) > parseInt(i) ? (h.push("min=" + i), h.push("max=" + l)) : (h.push("min=" + l), h.push("max=" + i)) : (M && h.push("min=" + l), A && h.push("max=" + i)), V && V !== "" && h.push("phone=" + V), r && r !== "" && h.push("city=" + r), p && p !== "" && h.push("license=" + p), u && u !== "" && h.push("vin=" + u), o && o !== "" && h.push("state=" + o), H && H !== "" && h.push("token=" + H), h.join("&");
+    return t && t !== "" && h.push("name=" + t), f || (a && a !== "" && h.push("first=" + a), n && n !== "" && h.push("middle=" + n), s && s !== "" && h.push("last=" + s)), M && y ? parseInt(l) > parseInt(i) ? (h.push("min=" + i), h.push("max=" + l)) : (h.push("min=" + l), h.push("max=" + i)) : (M && h.push("min=" + l), y && h.push("max=" + i)), H && H !== "" && h.push("phone=" + H), r && r !== "" && h.push("city=" + r), m && m !== "" && h.push("license=" + m), u && u !== "" && h.push("vin=" + u), o && o !== "" && h.push("state=" + o), V && V !== "" && h.push("token=" + V), h.join("&");
   }
   static padTo2Digits(e) {
     return e.toString().padStart(2, "0");
@@ -3039,9 +3011,9 @@ class C {
       state: r = "",
       useGoogle: o = !1,
       useGoogleOverride: u = !1,
-      useAmazonOverride: p = !1,
-      isSandboxAccount: H = !1,
-      isOptOutSearch: V = !1
+      useAmazonOverride: m = !1,
+      isSandboxAccount: V = !1,
+      isOptOutSearch: H = !1
     } = t ?? {}, { tolken: f = null, ip: M = null } = await C.getHeaders(), h = [
       "query=" + encodeURIComponent(this.cleanupAddress(e)),
       "addressesOnly=" + a,
@@ -3051,9 +3023,9 @@ class C {
       "useLocation=" + i,
       "useGoogle=" + o,
       "useGoogleOverride=" + u,
-      "useAmazonOverride=" + p,
-      "isSandboxAccount=" + H,
-      "isOptOutSearch=" + V
+      "useAmazonOverride=" + m,
+      "isSandboxAccount=" + V,
+      "isOptOutSearch=" + H
     ];
     r && r !== "" && !s && h.push("state=" + r), f && f !== "" && h.push("tolken=" + f), M && M !== "" && h.push("ip=" + M);
     const v = h.join("&"), b = (n || s ? "/api/autocomplete-city" : "/api/autocomplete") + "?" + v;
@@ -3213,11 +3185,11 @@ class C {
 export {
   F1 as Accordion,
   D1 as Alert,
-  I1 as Autocomplete,
-  T1 as Badge,
+  T1 as Autocomplete,
+  O1 as Badge,
   F as Button,
   h2 as CardSlider,
-  O1 as Checkbox,
+  I1 as Checkbox,
   C as Common,
   K1 as ContactForm,
   X1 as ContentCard,
@@ -3237,15 +3209,15 @@ export {
   t2 as Spacer,
   J1 as Spinner,
   a2 as StackedListItem,
-  Y1 as Stars,
+  _1 as Stars,
   c1 as TextArea,
   D as Textbox,
-  _1 as Toggle,
+  Y1 as Toggle,
   i2 as addClass,
   s2 as colors,
   $ as corePlugins,
   l2 as elerisPreset,
-  T as extensions,
+  O as extensions,
   q as plugins,
   r2 as propertyPreset,
   o2 as removeClass,