@vehiclehistory/property-lib 0.0.57 → 0.0.59

package/dist/main.es.js

@@ -1,6 +1,6 @@
-import { jsx as o, jsxs as M, Fragment as S } from "react/jsx-runtime";
+import { jsx as o, jsxs as M, Fragment as k } from "react/jsx-runtime";
 import { memo as x, useState as Z, useEffect as N, useRef as Q } from "react";
-import p from "classnames";
+import u from "classnames";
 const U = {
   xxSmall: "w-4 h-4",
   xSmall: "w-5 h-5",
@@ -508,13 +508,13 @@ const U = {
   isOpen: r = !1
 }) => {
   const [l, i] = Z(r);
-  return /* @__PURE__ */ o("div", { className: p("shadow rounded-lg", e), children: /* @__PURE__ */ M(S, { children: [
+  return /* @__PURE__ */ o("div", { className: u("shadow rounded-lg", e), children: /* @__PURE__ */ M(k, { children: [
     /* @__PURE__ */ M(
       "button",
       {
         type: "button",
         "data-div-track": `report | accordion | ${n}`,
-        className: p(
+        className: u(
           "acc-a flex w-full justify-between items-center bg-gray-50 px-4 py-2 text-left font-medium text-slate-700 border border-gray-200 focus:outline-none focus-visible:ring focus-visible:ring-gray-500 focus-visible:ring-opacity-75",
           {
             "acc-o": l
@@ -540,7 +540,7 @@ const U = {
     s && l && /* @__PURE__ */ o(
       "div",
       {
-        className: p(
+        className: u(
           "acc-p p-4 border-x border-b rounded-bl-lg rounded-br-lg border-gray-200 relative",
           a
         ),
@@ -550,7 +550,7 @@ const U = {
     !s && /* @__PURE__ */ o(
       "div",
       {
-        className: p(
+        className: u(
           "acc-p p-4 border-x border-b rounded-bl-lg rounded-br-lg border-gray-200 relative",
           a,
           { hidden: !l }
@@ -559,7 +559,7 @@ const U = {
       }
     )
   ] }) });
-}, Q1 = x(X), _ = ({
+}, U1 = x(X), _ = ({
   children: c,
   className: e = "",
   messages: t = [],
@@ -594,7 +594,7 @@ const U = {
     "div",
     {
       id: r,
-      className: p(
+      className: u(
         "rounded w-full py-2 px-4 mb-4 border",
         h,
         e
@@ -611,13 +611,13 @@ const U = {
           }
         ) }),
         /* @__PURE__ */ M("div", { className: "ml-3", children: [
-          /* @__PURE__ */ o("div", { className: p("font-medium text-sm", n), children: a }),
-          t.length > 0 ? /* @__PURE__ */ o("div", { className: "mt-2 text-xs", children: /* @__PURE__ */ o("ul", { role: "list", className: "list-disc space-y-1 pl-5", children: t.map((u, C) => /* @__PURE__ */ o("li", { children: u }, C)) }) }) : ""
+          /* @__PURE__ */ o("div", { className: u("font-medium text-sm", n), children: a }),
+          t.length > 0 ? /* @__PURE__ */ o("div", { className: "mt-2 text-xs", children: /* @__PURE__ */ o("ul", { role: "list", className: "list-disc space-y-1 pl-5", children: t.map((p, C) => /* @__PURE__ */ o("li", { children: p }, C)) }) }) : ""
         ] })
       ] })
     }
   );
-}, U1 = x(_), e1 = ({
+}, J1 = x(_), e1 = ({
   autoFocus: c = !1,
   className: e = "",
   dataSearch: t = "container",
@@ -629,7 +629,7 @@ const U = {
   mobileBackdrop: i = !1,
   name: d = "",
   options: h = [],
-  placeholder: u = "",
+  placeholder: p = "",
   props: C = {},
   required: g = !1,
   showSearchIcon: v = !0,
@@ -643,13 +643,13 @@ const U = {
     id: s,
     "data-search": t,
     "data-search-type": w,
-    className: p("Autocomplete", e),
+    className: u("Autocomplete", e),
     style: m ? { ...m } : null,
     children: [
       v && /* @__PURE__ */ M(
         "span",
         {
-          className: p(
+          className: u(
             "search-icon-left absolute inset-y-0 left-0 flex items-center pl-2",
             {
               "pointer-events-none": i
@@ -682,7 +682,7 @@ const U = {
         {
           "data-lpignore": "true",
           autoFocus: c,
-          className: p(
+          className: u(
             "w-full bg-white placeholder:bg-white rounded border border-gray-300 py-2 pr-8 shadow-sm focus:outline-none sm-max:text-sm placeholder:text-gray-500 sm-max:placeholder:text-sm placeholder-shown:text-ellipsis truncate",
             {
               "pl-8": v === !0,
@@ -696,7 +696,7 @@ const U = {
           required: g,
           autoComplete: "off",
           value: a,
-          placeholder: !u && n ? " " : u,
+          placeholder: !p && n ? " " : p,
           type: "search",
           name: d || "search-input",
           "data-id": "search-input",
@@ -706,7 +706,7 @@ const U = {
       n && /* @__PURE__ */ o(
         "label",
         {
-          className: p(
+          className: u(
             "floating-label absolute text-sm !normal-case text-gray-500 duration-300 transform -translate-y-4 scale-75 top-2 z-10 origin-[0] bg-white px-2 peer-focus:text-[#222] peer-focus:px-2 peer-focus:bg-white peer-placeholder-shown:bg-white peer-placeholder-shown:scale-100 peer-placeholder-shown:-translate-y-1/2 peer-placeholder-shown:top-1/2 peer-focus:top-2 peer-focus:scale-75 peer-focus:-translate-y-4 start-1 pointer-events-none",
             {
               "!left-7": v === !0,
@@ -765,17 +765,17 @@ const U = {
                 "data-title": V,
                 "aria-labelledby": "Label",
                 "aria-activedescendant": "search-item-0",
-                children: h.length > 0 ? h.map((b, k) => /* @__PURE__ */ o(
+                children: h.length > 0 ? h.map((b, S) => /* @__PURE__ */ o(
                   "li",
                   {
-                    id: `search-item-${k}`,
+                    id: `search-item-${S}`,
                     tabIndex: -1,
                     className: "dropdown-item text-gray-900 cursor-default select-none py-2 pl-3 pr-4 truncate hover:bg-gray-50 font-normal focus:bg-gray-50 focus:text-green-400 focus-visible:outline-0",
-                    "aria-selected": k === 0,
+                    "aria-selected": S === 0,
                     role: "option",
                     children: (b == null ? void 0 : b.name) || b
                   },
-                  `search-item-${k}`
+                  `search-item-${S}`
                 )) : ""
               }
             )
@@ -784,7 +784,7 @@ const U = {
       )
     ]
   }
-), J1 = e1, t1 = ({
+), Y1 = e1, t1 = ({
   children: c,
   className: e,
   size: t = "sm",
@@ -792,7 +792,7 @@ const U = {
 }) => /* @__PURE__ */ o(
   a || "span",
   {
-    className: p(
+    className: u(
       " bg-gray-200 font-semibold py-1 px-2 rounded",
       {
         "text-sm": t === "sm",
@@ -803,7 +803,7 @@ const U = {
     ),
     children: c
   }
-), Y1 = t1, a1 = ({
+), K1 = t1, a1 = ({
   borderless: c = !1,
   leftIcon: e,
   leftIconProps: t = {},
@@ -815,7 +815,7 @@ const U = {
   rightIcon: i,
   rightIconProps: d = {},
   rounded: h = !1,
-  size: u = "md",
+  size: p = "md",
   type: C = "button",
   uppercase: g = !1,
   variation: v = "primary"
@@ -825,11 +825,11 @@ const U = {
     f,
     {
       type: f !== "a" ? C : null,
-      className: p(
+      className: u(
         "button",
         {
           [`button--${v}`]: v,
-          [`button--${u}`]: u,
+          [`button--${p}`]: p,
           "button--rounded": h,
           "button--disabled": s,
           "button--custom-link": r,
@@ -846,7 +846,7 @@ const U = {
           y,
           {
             name: e,
-            size: u === "md" ? "small" : "xSmall",
+            size: p === "md" ? "small" : "xSmall",
             viewBox: "0 0 24 24",
             ...t
           }
@@ -856,7 +856,7 @@ const U = {
           y,
           {
             name: i,
-            size: u === "md" ? "small" : "xSmall",
+            size: p === "md" ? "small" : "xSmall",
             viewBox: "0 0 24 24",
             ...d
           }
@@ -864,7 +864,7 @@ const U = {
       ]
     }
   );
-}, E = x(a1), n1 = ({ children: c, className: e }) => /* @__PURE__ */ o("div", { className: p("flex md:max-w-min border border-gray-300 divide-x divide-gray-200 rounded-lg", e), children: c }), K1 = n1, s1 = ({
+}, E = x(a1), n1 = ({ children: c, className: e }) => /* @__PURE__ */ o("div", { className: u("flex md:max-w-min border border-gray-300 divide-x divide-gray-200 rounded-lg", e), children: c }), X1 = n1, s1 = ({
   block: c = !1,
   borderless: e = !1,
   children: t,
@@ -876,7 +876,7 @@ const U = {
 }) => /* @__PURE__ */ o(
   "div",
   {
-    className: p(
+    className: u(
       "bg-white",
       {
         f1: !e,
@@ -890,7 +890,7 @@ const U = {
     role: l,
     children: t
   }
-), X1 = s1, l1 = ({
+), _1 = s1, l1 = ({
   checked: c = !1,
   children: e,
   className: t = "",
@@ -903,18 +903,18 @@ const U = {
   variation: d = "primary",
   value: h = ""
 }) => {
-  const u = r ? "div" : "label", C = u === "label" ? { htmlFor: s } : {};
+  const p = r ? "div" : "label", C = p === "label" ? { htmlFor: s } : {};
   return /* @__PURE__ */ M(
-    u,
+    p,
     {
-      className: p("checkbox flex items-center", d, t),
+      className: u("checkbox flex items-center", d, t),
       ...C,
       children: [
         /* @__PURE__ */ o(
           "input",
           {
             checked: c,
-            className: p(
+            className: u(
               "form-checkbox ",
               {
                 "!border-red-500 !bg-red-500 focus:!ring-red-500 focus:!border-red-500": a
@@ -932,11 +932,11 @@ const U = {
       ]
     }
   );
-}, _1 = x(l1), r1 = ({ children: c, aside: e, direction: t = "right" }) => /* @__PURE__ */ M("div", { className: "flex flex-col lg:flex-row lg:p-0 max-w-screen-lg", children: [
+}, e2 = x(l1), r1 = ({ children: c, aside: e, direction: t = "right" }) => /* @__PURE__ */ M("div", { className: "flex flex-col lg:flex-row lg:p-0 max-w-screen-lg", children: [
   /* @__PURE__ */ o(
     "main",
     {
-      className: p(
+      className: u(
         "w-full md:mb-0 flex-1 md:block lg:max-w-container",
         {
           "lg:order-2": t === "left"
@@ -948,7 +948,7 @@ const U = {
   /* @__PURE__ */ o(
     "aside",
     {
-      className: p(
+      className: u(
         "sm-max:hidden md:hidden lg:block flex-1 max-w-aside mb-6 md:mb-0 empty:!hidden",
         {
           "md:ml-8": t === "right",
@@ -958,7 +958,7 @@ const U = {
       children: e
     }
   )
-] }), e2 = x(r1), i1 = ({
+] }), t2 = x(r1), i1 = ({
   activator: c,
   id: e = "",
   children: t,
@@ -970,23 +970,23 @@ const U = {
   headerClass: i = "",
   hideClose: d = !1,
   iconSize: h = "medium",
-  preventPageScroll: u = !0,
+  preventPageScroll: p = !0,
   stickyHeader: C = !1,
   title: g = "",
   titleClass: v = ""
-}) => /* @__PURE__ */ M(S, { children: [
+}) => /* @__PURE__ */ M(k, { children: [
   c && /* @__PURE__ */ o("span", { id: `${e}-dialog-activator`, children: c }),
   /* @__PURE__ */ o(
     "dialog",
     {
       inert: "",
       id: `${e}-dialog`,
-      className: p(
+      className: u(
         "dialog",
         {
           "dialog-full-mobile": l,
           dark: s,
-          "prevent-scroll": u
+          "prevent-scroll": p
         },
         a
       ),
@@ -994,7 +994,7 @@ const U = {
         /* @__PURE__ */ M(
           "header",
           {
-            className: p(
+            className: u(
               "dialog-header",
               {
                 "sticky top-0 bg-white z-10": C,
@@ -1030,7 +1030,7 @@ const U = {
           "div",
           {
             id: `${e}-dialog-content`,
-            className: p("dialog-content", n),
+            className: u("dialog-content", n),
             children: t
           }
         ),
@@ -1038,7 +1038,7 @@ const U = {
       ] })
     }
   )
-] }), t2 = x(i1), o1 = ({
+] }), a2 = x(i1), o1 = ({
   activator: c,
   id: e = "",
   children: t,
@@ -1050,7 +1050,7 @@ const U = {
   fullMobile: i = !0,
   headerClass: d = "",
   hideClose: h = !1,
-  iconSize: u = "medium",
+  iconSize: p = "medium",
   isOpen: C = !1,
   setDialogOpen: g,
   stickyHeader: v = !1,
@@ -1061,7 +1061,7 @@ const U = {
     V.current.classList.add("closing"), await q(V.current), V.current.classList.remove("closing"), s && s(), g(!1);
   }, b = async (A) => {
     A.key === "Escape" && await w();
-  }, k = async ({ clientX: A, clientY: z, target: j }) => {
+  }, S = async ({ clientX: A, clientY: z, target: j }) => {
     const { left: P, right: R, top: W, bottom: G } = V.current.getBoundingClientRect() ?? {};
     (!V.current.contains(j) || A < P || A > R || z < W || z > G) && await w();
   }, q = (A) => Promise.allSettled(
@@ -1070,14 +1070,14 @@ const U = {
   return N(() => {
     const A = V.current;
     A && (C ? A.showModal() : typeof A.close == "function" && A.close());
-  }, [C]), /* @__PURE__ */ M(S, { children: [
+  }, [C]), /* @__PURE__ */ M(k, { children: [
     c && /* @__PURE__ */ o("span", { id: `${e}-dialog-activator`, onClick: () => g(!0), children: c }),
     /* @__PURE__ */ M(
       "dialog",
       {
         ref: V,
         id: `${e}-dialog`,
-        className: p(
+        className: u(
           "dialog",
           {
             hidden: !C,
@@ -1086,12 +1086,12 @@ const U = {
           a
         ),
         onKeyDown: b,
-        onClick: (A) => r ? null : k(A),
+        onClick: (A) => r ? null : S(A),
         children: [
           /* @__PURE__ */ M(
             "header",
             {
-              className: p(
+              className: u(
                 "dialog-header flex items-center p-4",
                 { "sticky top-0 bg-white": v },
                 d
@@ -1110,7 +1110,7 @@ const U = {
                       y,
                       {
                         name: "close",
-                        size: u,
+                        size: p,
                         className: "pointer-events-none"
                       }
                     )
@@ -1123,7 +1123,7 @@ const U = {
             "div",
             {
               id: `${e}-dialog-content`,
-              className: p("dialog-content p-4", n),
+              className: u("dialog-content p-4", n),
               children: t
             }
           ),
@@ -1139,7 +1139,7 @@ const U = {
       }
     )
   ] });
-}, a2 = x(o1), c1 = ({ className: c = "" }) => /* @__PURE__ */ M("div", { id: "dots", className: p("mx-auto", c), children: [
+}, n2 = x(o1), c1 = ({ className: c = "" }) => /* @__PURE__ */ M("div", { id: "dots", className: u("mx-auto", c), children: [
   /* @__PURE__ */ o("span", { style: { animationDelay: "0.1s" } }),
   /* @__PURE__ */ o("span", { style: { animationDelay: "0.2s" } }),
   /* @__PURE__ */ o("span", { style: { animationDelay: "0.3s" } }),
@@ -1148,7 +1148,7 @@ const U = {
   /* @__PURE__ */ o("span", { style: { animationDelay: "0.6s" } }),
   /* @__PURE__ */ o("span", { style: { animationDelay: "0.7s" } }),
   /* @__PURE__ */ o("span", { style: { animationDelay: "0.8s" } })
-] }), n2 = c1, d1 = ({
+] }), s2 = c1, d1 = ({
   cb: c,
   onUpdate: e,
   className: t = "",
@@ -1159,15 +1159,15 @@ const U = {
   function r({ cb: l }) {
     const i = document.querySelector(".loading-bar__inner");
     if (!i) return;
-    let d, h, u = !1;
+    let d, h, p = !1;
     function C(g) {
       d === void 0 && (d = g);
       const v = g - d;
       if (h !== g) {
         const f = v / n * 101;
-        i.style.width = `${f}%`, e && e({ elapsed: v, percentage: f }), f >= 101 && (l && l(), u = !0, window.cancelAnimationFrame(g));
+        i.style.width = `${f}%`, e && e({ elapsed: v, percentage: f }), f >= 101 && (l && l(), p = !0, window.cancelAnimationFrame(g));
       }
-      v < n && (h = g, u || window.requestAnimationFrame(C));
+      v < n && (h = g, p || window.requestAnimationFrame(C));
     }
     window.requestAnimationFrame(C);
   }
@@ -1176,7 +1176,7 @@ const U = {
   }, []), /* @__PURE__ */ o(
     "div",
     {
-      className: p(
+      className: u(
         "loading-bar my-8",
         `loading-bar__${s}`,
         {
@@ -1190,18 +1190,7 @@ const U = {
       children: /* @__PURE__ */ o("div", { className: "loading-bar__inner", "data-size": "100" })
     }
   );
-}, s2 = x(d1), h1 = {
-  name: "spinnerDark",
-  color: "text-teal-700",
-  viewBox: "0 0 24 24"
-}, u1 = ({ className: c = "" }) => /* @__PURE__ */ o("div", { className: "rounded-r-md px-2 focus:outline-none", children: /* @__PURE__ */ o(
-  y,
-  {
-    size: "xSmall",
-    ...h1,
-    className: `animate-spin ${c}`
-  }
-) }), l2 = x(u1), p1 = ({
+}, l2 = x(d1), h1 = ({ className: c }) => /* @__PURE__ */ o("div", { className: u("processing-spinner", c) }), r2 = x(h1), u1 = ({
   activator: c,
   activatorClass: e = "",
   attrs: t = {},
@@ -1212,15 +1201,15 @@ const U = {
   disabled: l = !1,
   id: i = "",
   trigger: d = "click"
-}) => /* @__PURE__ */ M(S, { children: [
+}) => /* @__PURE__ */ M(k, { children: [
   /* @__PURE__ */ o(
     "div",
     {
-      className: p("popover z-10 max-w-[350px] hidden", s),
+      className: u("popover z-10 max-w-[350px] hidden", s),
       children: /* @__PURE__ */ M(
         "div",
         {
-          className: p(
+          className: u(
             "popover-container rounded border bg-gray-50 border-gray-300 shadow-md text-gray-500 animate-menu-close",
             r
           ),
@@ -1241,7 +1230,7 @@ const U = {
   /* @__PURE__ */ o(
     "div",
     {
-      className: p(
+      className: u(
         "popover-activator",
         `trigger-${d}`,
         l ? "is-disabled" : "",
@@ -1252,7 +1241,7 @@ const U = {
       children: c
     }
   )
-] }), r2 = p1, m1 = ({
+] }), i2 = u1, p1 = ({
   ariaValuemax: c = 100,
   ariaValuemin: e = 0,
   bgColor: t = "bg-orange-500",
@@ -1262,9 +1251,9 @@ const U = {
   rounded: r = !0,
   showLabel: l = !1
 }) => {
-  const d = ((h, u) => {
+  const d = ((h, p) => {
     if (h) {
-      const C = Number(u) / h;
+      const C = Number(p) / h;
       return C > 1 ? 100 : C * 100;
     }
     return n;
@@ -1272,7 +1261,7 @@ const U = {
   return /* @__PURE__ */ o(
     "div",
     {
-      className: p(
+      className: u(
         "w-full bg-gray-200",
         { "rounded-full": r },
         a
@@ -1285,7 +1274,7 @@ const U = {
       children: /* @__PURE__ */ o(
         "div",
         {
-          className: p(
+          className: u(
             "h-full text-right flex items-center justify-end rounded-full",
             t
           ),
@@ -1295,7 +1284,7 @@ const U = {
       )
     }
   );
-}, i2 = x(m1), f1 = ({
+}, o2 = x(p1), m1 = ({
   checked: c = !1,
   children: e,
   className: t = "",
@@ -1310,14 +1299,14 @@ const U = {
   return /* @__PURE__ */ M(
     d,
     {
-      className: p("radio flex items-center", t),
+      className: u("radio flex items-center", t),
       ...h,
       children: [
         /* @__PURE__ */ o(
           "input",
           {
             checked: c,
-            className: p(
+            className: u(
               "form-radio focus:ring-2 focus:ring-offset-2 focus-within:outline-none",
               {
                 "focus:ring-[#222]": l === "primary"
@@ -1334,7 +1323,7 @@ const U = {
       ]
     }
   );
-}, o2 = x(f1), V1 = ({
+}, c2 = x(m1), f1 = ({
   children: c,
   className: e = "",
   error: t = !1,
@@ -1346,7 +1335,7 @@ const U = {
   placeholder: i = "",
   props: d = {},
   selectClass: h = "",
-  styles: u = null,
+  styles: p = null,
   variation: C = "primary",
   value: g
 }) => {
@@ -1354,14 +1343,14 @@ const U = {
   return /* @__PURE__ */ M(
     "label",
     {
-      className: p("relative select", e, C),
-      style: u ? { ...u } : null,
+      className: u("relative select", e, C),
+      style: p ? { ...p } : null,
       children: [
         s,
         /* @__PURE__ */ M(
           "select",
           {
-            className: p(
+            className: u(
               "form-select relative bg-white pl-3 pr-10 text-left cursor-default",
               t ? "!border-red-500 !bg-red-500/10 !text-red-700 focus:!ring-red-500 focus:!border-red-500" : "",
               h
@@ -1388,10 +1377,10 @@ const U = {
       ]
     }
   );
-}, c2 = x(V1), H1 = ({ className: c = "" }) => /* @__PURE__ */ M(
+}, d2 = x(f1), V1 = ({ className: c = "" }) => /* @__PURE__ */ M(
   "div",
   {
-    className: p(
+    className: u(
       "flex justify-center items-center bg-gray-200 rounded-lg animate-pulse",
       c
     ),
@@ -1400,13 +1389,13 @@ const U = {
       /* @__PURE__ */ o("span", { className: "sr-only", children: "Loading..." })
     ]
   }
-), d2 = x(H1), C1 = ({
+), h2 = x(V1), H1 = ({
   placeholderClass: c = "",
   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: u("slider", t), id: `slider-${a}`, children: [
   /* @__PURE__ */ o(
     "button",
     {
@@ -1435,7 +1424,18 @@ const U = {
       children: /* @__PURE__ */ o(y, { name: "chevronRight" })
     }
   )
-] }), h2 = x(C1), L1 = ({
+] }), u2 = x(H1), C1 = {
+  name: "spinnerDark",
+  color: "text-teal-700",
+  viewBox: "0 0 24 24"
+}, L1 = ({ className: c = "" }) => /* @__PURE__ */ o("div", { className: "rounded-r-md px-2 focus:outline-none", children: /* @__PURE__ */ o(
+  y,
+  {
+    size: "xSmall",
+    ...C1,
+    className: `animate-spin ${c}`
+  }
+) }), p2 = x(L1), g1 = ({
   className: c = "",
   value: e
 }) => {
@@ -1445,14 +1445,14 @@ const U = {
   return /* @__PURE__ */ o(
     "div",
     {
-      className: p(
+      className: u(
         'Stars inline-block leading-none font-sans text-base before:content-["★★★★★"]',
         c
       ),
       style: t
     }
   );
-}, u2 = L1, g1 = ({
+}, m2 = g1, M1 = ({
   className: c = "",
   clear: e = !1,
   error: t = !1,
@@ -1464,7 +1464,7 @@ const U = {
   props: i = {},
   rows: d = 4,
   variation: h = "primary"
-}) => /* @__PURE__ */ M("div", { className: p("relative textarea", h, c), children: [
+}) => /* @__PURE__ */ M("div", { className: u("relative textarea", h, c), children: [
   /* @__PURE__ */ o(
     "textarea",
     {
@@ -1472,7 +1472,7 @@ const U = {
       id: n,
       name: r,
       rows: d,
-      className: p(
+      className: u(
         "form-textarea min-h-[40px] pl-4",
         e ? "pr-10" : "pr-4",
         t ? "!border-red-500 !bg-red-500/10 placeholder:!text-red-700 focus:!ring-red-500 focus:!border-red-500" : "",
@@ -1497,7 +1497,7 @@ const U = {
     }
   ),
   a && /* @__PURE__ */ o("span", { className: "relative flex mt-0.5 text-red-700 text-xs text-left", children: a })
-] }), M1 = x(g1), v1 = ({
+] }), v1 = x(M1), b1 = ({
   className: c = "",
   clear: e = !1,
   error: t = !1,
@@ -1509,13 +1509,13 @@ const U = {
   placeholder: i = "",
   props: d = {},
   styles: h = null,
-  type: u = "text",
+  type: p = "text",
   value: C,
   variation: g = "primary"
 }) => /* @__PURE__ */ M(
   "div",
   {
-    className: p("relative textbox", g, c),
+    className: u("relative textbox", g, c),
     style: h ? { ...h } : null,
     children: [
       n && /* @__PURE__ */ o("div", { className: "pointer-events-none absolute inset-y-0 left-0 flex items-center px-2", children: /* @__PURE__ */ o(
@@ -1533,10 +1533,10 @@ const U = {
           placeholder: i,
           id: s,
           name: l,
-          type: u,
+          type: p,
           value: C,
           autoComplete: "off",
-          className: p(
+          className: u(
             "form-input",
             e ? "pr-10" : "pr-4",
             n ? "pl-8" : "pl-4",
@@ -1567,7 +1567,7 @@ const U = {
       a && /* @__PURE__ */ o("span", { className: "relative flex mt-0.5 text-red-700 text-xs text-left", children: a })
     ]
   }
-), F = x(v1), b1 = ({
+), F = x(b1), x1 = ({
   btnClass: c,
   className: e = "",
   containerClass: t,
@@ -1576,13 +1576,13 @@ const U = {
   titleClass: s,
   uppercase: r = !0
 }) => {
-  const l = a || /* @__PURE__ */ M(S, { children: [
+  const l = a || /* @__PURE__ */ M(k, { children: [
     "Typical email response time is 2-3 hours. If you require immediate assistance you may use our",
     " ",
     /* @__PURE__ */ o(
       E,
       {
-        className: p(
+        className: u(
           "text-black-900 items-center gap-2 live-chat uppercase !inline-flex"
         ),
         variation: "link",
@@ -1597,16 +1597,16 @@ const U = {
     "form",
     {
       id: "contactForm",
-      className: p("contact-form", t, {
+      className: u("contact-form", t, {
         uppercase: r
       }),
       children: [
-        /* @__PURE__ */ o("h2", { id: "contact-title", className: p("mb-4", s), children: n }),
+        /* @__PURE__ */ o("h2", { id: "contact-title", className: u("mb-4", s), children: n }),
         /* @__PURE__ */ o("p", { className: "contact-form__msg", children: l }),
         /* @__PURE__ */ M(
           "div",
           {
-            className: p(
+            className: u(
               "p-6 bg-gray-100 flex flex-col gap-y-3 max-w-[458px]",
               e
             ),
@@ -1617,7 +1617,7 @@ const U = {
                   id: "contact-name",
                   name: "contact-name",
                   placeholder: "Name",
-                  inputClass: p({
+                  inputClass: u({
                     "placeholder:uppercase": r
                   })
                 }
@@ -1628,18 +1628,18 @@ const U = {
                   id: "contact-email",
                   name: "contact-email",
                   placeholder: "Email",
-                  inputClass: p({
+                  inputClass: u({
                     "placeholder:uppercase": r
                   })
                 }
               ),
               /* @__PURE__ */ o(
-                M1,
+                v1,
                 {
                   id: "contact-message",
                   name: "contact-message",
                   placeholder: "Message",
-                  inputClass: p({
+                  inputClass: u({
                     "placeholder:uppercase": r
                   })
                 }
@@ -1647,7 +1647,7 @@ const U = {
               /* @__PURE__ */ o(
                 E,
                 {
-                  className: p(
+                  className: u(
                     "flex mx-auto items-center",
                     {
                       uppercase: r
@@ -1665,7 +1665,7 @@ const U = {
       ]
     }
   );
-}, p2 = x(b1), x1 = ({
+}, f2 = x(x1), y1 = ({
   block: c = !1,
   children: e,
   className: t,
@@ -1678,11 +1678,11 @@ const U = {
   props: d = {},
   variation: h = "primary"
 }) => {
-  const u = i ? "ul" : "div";
+  const p = i ? "ul" : "div";
   return /* @__PURE__ */ M(
     "div",
     {
-      className: p(
+      className: u(
         "content-card",
         { "content-card--block": c },
         `content-card--${h}`,
@@ -1690,20 +1690,20 @@ const U = {
       ),
       ...d,
       children: [
-        r && /* @__PURE__ */ o("div", { className: p("content-card__header", l), children: typeof r == "string" ? /* @__PURE__ */ o("h3", { children: r }) : r }),
+        r && /* @__PURE__ */ o("div", { className: u("content-card__header", l), children: typeof r == "string" ? /* @__PURE__ */ o("h3", { children: r }) : r }),
         /* @__PURE__ */ o(
-          u,
+          p,
           {
-            className: p("content-card__content", a),
+            className: u("content-card__content", a),
             role: i ? "list" : null,
             children: e
           }
         ),
-        s && /* @__PURE__ */ o("div", { className: p("content-card__footer", n), children: s })
+        s && /* @__PURE__ */ o("div", { className: u("content-card__footer", n), children: s })
       ]
     }
   );
-}, m2 = x(x1), y1 = ({
+}, V2 = x(y1), A1 = ({
   children: c,
   className: e,
   colGap: t = 2,
@@ -1718,7 +1718,7 @@ const U = {
 }) => /* @__PURE__ */ M(
   "div",
   {
-    className: p(
+    className: u(
       "flex",
       {
         "flex-col items-start": a === "col",
@@ -1733,12 +1733,12 @@ const U = {
     },
     ...r,
     children: [
-      n && /* @__PURE__ */ o("div", { className: p("item-label", s), children: n }),
-      i && /* @__PURE__ */ o("div", { className: p("item-value", d), children: i }),
+      n && /* @__PURE__ */ o("div", { className: u("item-label", s), children: n }),
+      i && /* @__PURE__ */ o("div", { className: u("item-value", d), children: i }),
       c
     ]
   }
-), f2 = x(y1), A1 = ({
+), H2 = x(A1), w1 = ({
   breakPage: c = !1,
   children: e,
   className: t,
@@ -1750,7 +1750,7 @@ const U = {
 }) => /* @__PURE__ */ M(
   "section",
   {
-    className: p(
+    className: u(
       "spacer",
       {
         "print:!hidden": a,
@@ -1760,20 +1760,20 @@ const U = {
     ),
     ...n,
     children: [
-      s && /* @__PURE__ */ o("h2", { className: p("spacer-title", r), id: l, children: s }),
+      s && /* @__PURE__ */ o("h2", { className: u("spacer-title", r), id: l, children: s }),
       e
     ]
   }
-), V2 = A1, w1 = ({ children: c, className: e, list: t = !0 }) => /* @__PURE__ */ o(t ? "li" : "div", { className: p("stacked-list", e), children: c }), H2 = w1, k1 = ({ children: c, className: e = "", tag: t = "h1", title: a }) => /* @__PURE__ */ o(
+), C2 = w1, S1 = ({ children: c, className: e, list: t = !0 }) => /* @__PURE__ */ o(t ? "li" : "div", { className: u("stacked-list", e), children: c }), L2 = S1, k1 = ({ children: c, className: e = "", tag: t = "h1", title: a }) => /* @__PURE__ */ o(
   t,
   {
-    className: p(
+    className: u(
       "!header-4-medium text-center mb-6 flex items-center justify-center",
       e
     ),
     children: a || c
   }
-), C2 = x(k1), S1 = {
+), g2 = x(k1), z1 = {
   circular: "circular 3s linear infinite",
   "circular-reverse": "circular 3s linear reverse infinite",
   "fade-in": "fade-in 0.2.5s ease-out",
@@ -1785,17 +1785,17 @@ const U = {
   "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"
-}, z1 = {
-  map: "var(--map)"
 }, N1 = {
+  map: "var(--map)"
+}, Z1 = {
   "3xs": "0.5rem",
   xxs: "0.625rem",
   "2.5xl": "1.625rem",
   "2.75xl": "1.75rem",
   "3.5xl": "2rem"
-}, Z1 = {
-  17: "repeat(17, minmax(0, 1fr))"
 }, E1 = {
+  17: "repeat(17, minmax(0, 1fr))"
+}, F1 = {
   circular: {
     "100%": {
       transform: "rotate(360deg)"
@@ -1885,46 +1885,49 @@ const U = {
       transform: "translateX(100%)"
     }
   }
-}, F1 = {
+}, B1 = {
   20: "5rem",
   24: "6rem",
   28: "7rem",
   32: "8rem"
-}, B1 = {
+}, D1 = {
   aside: "268px",
   container: "724px",
   page: "1200px"
-}, D1 = {
-  "sm-max": {
-    max: "767px"
-  },
+}, $1 = {
   "xs-max": {
     max: "639px"
   },
+  "sm-max": {
+    max: "767px"
+  },
   "md-max": {
     max: "895px"
   },
   "md-up": "896px",
+  "screen-lg-max": {
+    max: "1023px"
+  },
   "lg-max": {
     max: "1199px"
   },
   "lg-up": "1200px"
-}, $1 = {
+}, T1 = {
   0: "0ms",
   50: "50ms"
-}, T1 = {
+}, I1 = {
   "center-top": "center 30%"
 }, D = {
-  animation: S1,
-  backgroundImage: z1,
-  fontSize: N1,
-  gridTemplateColumns: Z1,
-  keyframes: E1,
-  margin: F1,
-  maxWidth: B1,
-  screens: D1,
-  transitionDuration: $1,
-  transformOrigin: T1
+  animation: z1,
+  backgroundImage: N1,
+  fontSize: Z1,
+  gridTemplateColumns: E1,
+  keyframes: F1,
+  margin: B1,
+  maxWidth: D1,
+  screens: $1,
+  transitionDuration: T1,
+  transformOrigin: I1
 }, $ = {
   black: {
     50: "#FCFCFC",
@@ -2030,10 +2033,10 @@ const U = {
   purple: "hsl(279 85% 57%)",
   white: "hsl(0 0% 100%)",
   transparent: "hsl(0 0% 100% / 0)"
-}, L2 = {
+}, M2 = {
   ...$,
   ...T
-}, I1 = ({ matchUtilities: c, theme: e }) => c(
+}, O1 = ({ matchUtilities: c, theme: e }) => c(
   {
     aspect: (t) => ({
       "@supports (aspect-ratio: 1 / 1)": {
@@ -2054,7 +2057,7 @@ const U = {
     })
   },
   { values: e("aspectRatio") }
-), O1 = ({ matchUtilities: c, theme: e }) => c(
+), q1 = ({ matchUtilities: c, theme: e }) => c(
   {
     "animation-delay": (t) => ({
       "animation-delay": t
@@ -2063,11 +2066,11 @@ const U = {
   {
     values: e("transitionDelay")
   }
-), q1 = ({ matchUtilities: c }) => c({
+), j1 = ({ matchUtilities: c }) => c({
   "max-inline": (e) => ({
     "max-inline-size": e
   })
-}), j1 = ({ matchUtilities: c }) => c({
+}), P1 = ({ matchUtilities: c }) => c({
   "max-block": (e) => ({
     "max-block-size": e
   })
@@ -2083,17 +2086,17 @@ const U = {
 }) => {
   const i = {};
   Object.entries(s).forEach(([d, h]) => {
-    const u = {
+    const p = {
       "font-size": h,
       ...a
     }, C = `.${e(`${t}-${d}`)}`, g = n ? n({ sizeKey: d, sizeValue: h }) : {};
     i[C] = {
-      ...u,
+      ...p,
       ...g
     }, Object.entries(r).forEach(([v, f]) => {
       const m = `.${e(`${t}-${d}-${v}`)}`, V = l ? l({ sizeKey: d, sizeValue: h, weightKey: v, weightValue: f }) : {};
       i[m] = {
-        ...u,
+        ...p,
         "font-weight": f,
         ...V
       };
@@ -2202,16 +2205,16 @@ const U = {
       classPrefix: "text-body",
       sizes: l,
       weights: s
-    }), I1({ matchUtilities: e, theme: t }), O1({ matchUtilities: e, theme: t }), q1({ matchUtilities: e }), j1({ matchUtilities: e });
+    }), O1({ matchUtilities: e, theme: t }), q1({ matchUtilities: e, theme: t }), j1({ matchUtilities: e }), P1({ matchUtilities: e });
   }
-], g2 = {
+], v2 = {
   theme: {
     extend: D,
     colors: $
   },
   plugins: O,
   corePlugins: I
-}, M2 = {
+}, b2 = {
   theme: {
     extend: D,
     colors: T
@@ -2219,7 +2222,7 @@ const U = {
   plugins: O,
   corePlugins: I
 };
-function P1(c, e = []) {
+function R1(c, e = []) {
   return new Proxy(c, {
     get: function(t, a) {
       return t[a];
@@ -2230,39 +2233,39 @@ function P1(c, e = []) {
     }
   });
 }
-function v2(c, e = []) {
+function x2(c, e = []) {
   e.length && (c == null || c.classList.add(...e));
 }
-function b2(c, e = []) {
+function y2(c, e = []) {
   e.length && (c == null || c.classList.remove(...e));
 }
-function x2({ cb: c, form: e, formData: t, validations: a, reactive: n = !1 }) {
+function A2({ cb: c, form: e, formData: t, validations: a, reactive: n = !1 }) {
   let s = !0;
   for (const [r, l] of t.entries()) {
     const i = e.querySelector(`[name="${r}"]`), d = a[r], h = [];
-    d.forEach((u) => {
-      u.isValid(l) || h.push(u.message);
-    }), h.length ? (s = !1, i.classList.add("field-error"), c && c({ isValid: s, field: i, validations: a })) : (i.classList.remove("field-error"), c && c({ isValid: !0, field: i, validations: a })), n && (i == null || i.addEventListener("input", (u) => {
-      u.preventDefault(), i.classList.contains("field-error") && i.classList.remove("field-error");
+    d.forEach((p) => {
+      p.isValid(l) || h.push(p.message);
+    }), h.length ? (s = !1, i.classList.add("field-error"), c && c({ isValid: s, field: i, validations: a })) : (i.classList.remove("field-error"), c && c({ isValid: !0, field: i, validations: a })), n && (i == null || i.addEventListener("input", (p) => {
+      p.preventDefault(), i.classList.contains("field-error") && i.classList.remove("field-error");
     }));
   }
   return s;
 }
-function y2(c) {
+function w2(c) {
   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(c.toLowerCase()) && !t.test(c);
 }
-class A2 {
+class S2 {
   init(e) {
     this.handleSliders(e);
   }
   handleSliders({ items: e, id: t = 1, cb: a }) {
     if (!document.getElementById(`slider-container-${t}`))
       return;
-    const n = P1(
+    const n = R1(
       {
         activeIndex: 0,
         computedSlides: [],
@@ -2388,8 +2391,8 @@ class H {
       }), h = d.headers.get("content-type");
       if (h && h.indexOf("application/json") !== -1)
         return d.json();
-      const u = await d.text();
-      return u ? u.replace("__next", "") : null;
+      const p = await d.text();
+      return p ? p.replace("__next", "") : null;
     } catch (d) {
       console.error("createData", d);
     }
@@ -2548,15 +2551,15 @@ class H {
     if ((i = window == null ? void 0 : window.options) != null && i.isPdf)
       return r;
     try {
-      const h = await (await fetch("/api/headers")).json(), u = (h == null ? void 0 : h.token) ?? null, C = (h == null ? void 0 : h.ip) ?? null;
+      const h = await (await fetch("/api/headers")).json(), p = (h == null ? void 0 : h.token) ?? null, C = (h == null ? void 0 : h.ip) ?? null;
       return localStorage.setItem(
         "headerTolken",
         JSON.stringify({
-          tolken: u,
+          tolken: p,
           ip: C,
           expire: (/* @__PURE__ */ new Date()).getTime() + e * 1e3
         })
-      ), { tolken: u, ip: C, userAgent: t, platform: s };
+      ), { tolken: p, ip: C, userAgent: t, platform: s };
     } catch (d) {
       console.error("getHeaders", d);
     }
@@ -2576,8 +2579,8 @@ class H {
     var i, d, h;
     const a = ((i = e == null ? void 0 : e.state) == null ? void 0 : i.slug) ?? null, n = ((d = e == null ? void 0 : e.city) == null ? void 0 : d.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 l = [r, "-piq", t].filter((u) => u).join("");
-    return "/" + [a, n, s].filter((u) => u).map((u) => H.toSlug(u)).join("/") + "/" + l;
+    const l = [r, "-piq", t].filter((p) => p).join("");
+    return "/" + [a, n, s].filter((p) => p).map((p) => H.toSlug(p)).join("/") + "/" + l;
   }
   static async getSearchValue(e = "recsSearchValue") {
     try {
@@ -2804,16 +2807,16 @@ class H {
           b == null || b.removeAttribute("inert"), b == null || b.dispatchEvent(d.opening), b && await f(b), b == null || b.dispatchEvent(d.opened);
         }
       });
-    }), u = new MutationObserver((m, V) => {
+    }), p = new MutationObserver((m, V) => {
       m.forEach((w) => {
         w.removedNodes.forEach((b) => {
-          b.nodeName === "DIALOG" && (b.removeEventListener("click", v), b.removeEventListener("close", g), b.dispatchEvent(d.removed), u == null || u.disconnect(), h == null || h.disconnect());
+          b.nodeName === "DIALOG" && (b.removeEventListener("click", v), b.removeEventListener("close", g), b.dispatchEvent(d.removed), p == null || p.disconnect(), h == null || h.disconnect());
         });
       });
     });
     l && (h.observe(l, {
       attributes: !0
-    }), u.observe(document.body, {
+    }), p.observe(document.body, {
       attributes: !1,
       subtree: !1,
       childList: !0
@@ -2992,12 +2995,12 @@ class H {
       city: i = null,
       state: d = null,
       vin: h = null,
-      license: u = null,
+      license: p = null,
       token: C = null,
       phone: g = null
     } = e || {}, v = t && t !== "", f = r && r !== "" && r !== "18", m = l && l !== "" && r !== "99";
     let V = [];
-    return t && t !== "" && V.push("name=" + t), v || (a && a !== "" && V.push("first=" + a), n && n !== "" && V.push("middle=" + n), s && s !== "" && V.push("last=" + s)), f && m ? parseInt(r) > parseInt(l) ? (V.push("min=" + l), V.push("max=" + r)) : (V.push("min=" + r), V.push("max=" + l)) : (f && V.push("min=" + r), m && V.push("max=" + l)), g && g !== "" && V.push("phone=" + g), i && i !== "" && V.push("city=" + i), u && u !== "" && V.push("license=" + u), h && h !== "" && V.push("vin=" + h), d && d !== "" && V.push("state=" + d), C && C !== "" && V.push("token=" + C), V.join("&");
+    return t && t !== "" && V.push("name=" + t), v || (a && a !== "" && V.push("first=" + a), n && n !== "" && V.push("middle=" + n), s && s !== "" && V.push("last=" + s)), f && m ? parseInt(r) > parseInt(l) ? (V.push("min=" + l), V.push("max=" + r)) : (V.push("min=" + r), V.push("max=" + l)) : (f && V.push("min=" + r), m && V.push("max=" + l)), g && g !== "" && V.push("phone=" + g), i && i !== "" && V.push("city=" + i), p && p !== "" && V.push("license=" + p), h && h !== "" && V.push("vin=" + h), d && d !== "" && V.push("state=" + d), C && C !== "" && V.push("token=" + C), V.join("&");
   }
   static padTo2Digits(e) {
     return e.toString().padStart(2, "0");
@@ -3015,7 +3018,7 @@ class H {
       useLocation: l = !0,
       state: i = "",
       useGoogle: d = !1
-    } = t ?? {}, { tolken: h = null, ip: u = null } = await H.getHeaders(), g = [
+    } = t ?? {}, { tolken: h = null, ip: p = null } = await H.getHeaders(), g = [
       "query=" + encodeURIComponent(this.cleanupAddress(e)),
       "addressesOnly=" + a,
       "useSearch=" + r,
@@ -3024,7 +3027,7 @@ class H {
       "useLocation=" + l,
       "useGoogle=" + d
     ];
-    i && i !== "" && !s && g.push("state=" + i), h && h !== "" && g.push("tolken=" + h), u && u !== "" && g.push("ip=" + u);
+    i && i !== "" && !s && g.push("state=" + i), h && h !== "" && g.push("tolken=" + h), p && p !== "" && g.push("ip=" + p);
     const v = g.join("&"), m = (n || s ? "/api/autocomplete-city" : "/api/autocomplete") + "?" + v;
     return await H.makeSearchFetchCall(m);
   }
@@ -3120,46 +3123,47 @@ class H {
   }
 }
 export {
-  Q1 as Accordion,
-  U1 as Alert,
-  J1 as Autocomplete,
-  Y1 as Badge,
+  U1 as Accordion,
+  J1 as Alert,
+  Y1 as Autocomplete,
+  K1 as Badge,
   E as Button,
-  K1 as ButtonGroup,
-  X1 as Card,
-  A2 as CardSlider,
-  _1 as Checkbox,
+  X1 as ButtonGroup,
+  _1 as Card,
+  S2 as CardSlider,
+  e2 as Checkbox,
   H as Common,
-  p2 as ContactForm,
-  e2 as Container,
-  m2 as ContentCard,
-  t2 as Dialog,
-  a2 as DialogOld,
-  n2 as Dots,
-  f2 as FlexItem,
-  C2 as FunnelHeader,
+  f2 as ContactForm,
+  t2 as Container,
+  V2 as ContentCard,
+  a2 as Dialog,
+  n2 as DialogOld,
+  s2 as Dots,
+  H2 as FlexItem,
+  g2 as FunnelHeader,
   y as Icon,
-  s2 as LoadingBar,
-  r2 as Popover,
-  i2 as ProgressBar,
-  o2 as Radio,
-  c2 as Select,
-  d2 as Skeleton,
-  h2 as Slider,
-  V2 as Spacer,
-  l2 as Spinner,
-  H2 as StackedListItem,
-  u2 as Stars,
-  M1 as TextArea,
+  l2 as LoadingBar,
+  i2 as Popover,
+  r2 as ProcessingSpinner,
+  o2 as ProgressBar,
+  c2 as Radio,
+  d2 as Select,
+  h2 as Skeleton,
+  u2 as Slider,
+  C2 as Spacer,
+  p2 as Spinner,
+  L2 as StackedListItem,
+  m2 as Stars,
+  v1 as TextArea,
   F as Textbox,
-  v2 as addClass,
-  L2 as colors,
+  x2 as addClass,
+  M2 as colors,
   I as corePlugins,
-  M2 as elerisPreset,
+  b2 as elerisPreset,
   D as extensions,
   O as plugins,
-  g2 as propertyPreset,
-  b2 as removeClass,
-  y2 as validateEmail,
-  x2 as validateForm
+  v2 as propertyPreset,
+  y2 as removeClass,
+  w2 as validateEmail,
+  A2 as validateForm
 };