@vehiclehistory/property-lib 0.0.32 → 0.0.34

package/dist/main.js

@@ -1,7 +1,10 @@
-import { jsx as o, jsxs as g, Fragment as z } from "react/jsx-runtime";
-import { memo as y, useState as Z, useEffect as k, useRef as I } from "react";
-import m from "classnames";
-const F = {
+var P = Object.defineProperty;
+var R = (c, e, t) => e in c ? P(c, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : c[e] = t;
+var k = (c, e, t) => R(c, typeof e != "symbol" ? e + "" : e, t);
+import { jsx as o, jsxs as g, Fragment as S } from "react/jsx-runtime";
+import { memo as y, useState as N, useEffect as Z, useRef as W } from "react";
+import p from "classnames";
+const U = {
   xxSmall: "w-4 h-4",
   xSmall: "w-5 h-5",
   small: "w-6 h-6",
@@ -10,7 +13,7 @@ const F = {
   mediumPlus: "w-9 h-9",
   large: "w-10 h-10",
   xLarge: "w-12 h-12"
-}, q = {
+}, Q = {
   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" />'
   },
@@ -473,23 +476,23 @@ const F = {
   chatBubble: {
     path: '<path d="M12,3C17.5,3 22,6.58 22,11C22,15.42 17.5,19 12,19C10.76,19 9.57,18.82 8.47,18.5C5.55,21 2,21 2,21C4.33,18.67 4.7,17.1 4.75,16.5C3.05,15.07 2,13.13 2,11C2,6.58 6.5,3 12,3Z" />'
   }
-}, j = (h) => q[h], P = ({
-  color: h = "text-current",
+}, G = (c) => Q[c], J = ({
+  color: c = "text-current",
   className: e,
   name: t,
   size: a = "medium",
   viewBox: n = "0 0 20 20"
 }) => {
-  const l = j(t), [r, s] = Z(h), [i, c] = Z(l);
-  return k(() => {
-    c(l);
-  }, [l]), k(() => {
-    s(h);
-  }, [h]), !l && console.error("Icon does not exist", t), /* @__PURE__ */ o(
+  const s = G(t), [r, l] = N(c), [i, d] = N(s);
+  return Z(() => {
+    d(s);
+  }, [s]), Z(() => {
+    l(c);
+  }, [c]), !s && console.error("Icon does not exist", t), /* @__PURE__ */ o(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
-      className: `${F[a]} fill-current flex-shrink-0 ${r}${e ? ` ${e}` : ""}`,
+      className: `${U[a]} fill-current flex-shrink-0 ${r}${e ? ` ${e}` : ""}`,
       style: { maxWidth: "4em" },
       role: "presentation",
       viewBox: n,
@@ -498,31 +501,31 @@ const F = {
       }
     }
   );
-}, b = y(P), W = ({
-  children: h,
+}, b = y(J), K = ({
+  children: c,
   className: e,
   clickHandler: t,
   panelClass: a,
   title: n,
-  unmount: l = !0,
+  unmount: s = !0,
   isOpen: r = !1
 }) => {
-  const [s, i] = Z(r);
-  return /* @__PURE__ */ o("div", { className: m("shadow rounded-lg", e), children: /* @__PURE__ */ g(z, { children: [
+  const [l, i] = N(r);
+  return /* @__PURE__ */ o("div", { className: p("shadow rounded-lg", e), children: /* @__PURE__ */ g(S, { children: [
     /* @__PURE__ */ g(
       "button",
       {
         type: "button",
         "data-div-track": `report | accordion | ${n}`,
-        className: m(
+        className: p(
           "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": s
+            "acc-o": l
           }
         ),
         title: n,
         onClick: () => {
-          i(!s), t && t(!s);
+          i(!l), t && t(!l);
         },
         children: [
           /* @__PURE__ */ o("div", { className: "font-medium text-slate-700 sm-max:!text-base text-lg flex items-center", children: n }),
@@ -537,38 +540,38 @@ const F = {
         ]
       }
     ),
-    l && s && /* @__PURE__ */ o(
+    s && l && /* @__PURE__ */ o(
       "div",
       {
-        className: m(
+        className: p(
           "acc-p p-4 border-x border-b rounded-bl-lg rounded-br-lg border-gray-200 relative",
           a
         ),
-        children: h
+        children: c
       }
     ),
-    !l && /* @__PURE__ */ o(
+    !s && /* @__PURE__ */ o(
       "div",
       {
-        className: m(
+        className: p(
           "acc-p p-4 border-x border-b rounded-bl-lg rounded-br-lg border-gray-200 relative",
           a,
-          { hidden: !s }
+          { hidden: !l }
         ),
-        children: h
+        children: c
       }
     )
   ] }) });
-}, f1 = y(W), R = ({
-  children: h,
+}, N1 = y(K), Y = ({
+  children: c,
   className: e = "",
   messages: t = [],
   title: a = "",
   titleClass: n = "",
-  props: l = {},
+  props: s = {},
   type: r = "error"
 }) => {
-  const s = {
+  const l = {
     error: {
       icon: "error",
       iconColor: "text-red-500",
@@ -589,69 +592,69 @@ const F = {
       iconColor: "text-yellow-500",
       styles: "bg-yellow-50 border-yellow-300 text-yellow-700"
     }
-  }, { icon: i, iconColor: c, styles: d } = s[r];
+  }, { icon: i, iconColor: d, styles: h } = l[r];
   return /* @__PURE__ */ o(
     "div",
     {
       id: r,
-      className: m(
+      className: p(
         "rounded w-full py-2 px-4 mb-4 border",
-        d,
+        h,
         e
       ),
-      ...l,
+      ...s,
       children: /* @__PURE__ */ g("div", { className: "flex", children: [
         /* @__PURE__ */ o("div", { className: "flex-shrink-0", children: /* @__PURE__ */ o(
           b,
           {
             name: i,
             viewBox: "0 0 24 24",
-            className: c,
+            className: d,
             size: "xSmall"
           }
         ) }),
         /* @__PURE__ */ g("div", { className: "ml-3", children: [
-          /* @__PURE__ */ o("div", { className: m("font-medium text-sm", n), children: a }),
+          /* @__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, V) => /* @__PURE__ */ o("li", { children: u }, V)) }) }) : ""
         ] })
       ] })
     }
   );
-}, M1 = y(R), U = ({
-  autoFocus: h = !1,
+}, E1 = y(Y), X = ({
+  autoFocus: c = !1,
   required: e = !1,
   className: t = "",
   defaultValue: a = "",
   id: n = "",
-  type: l,
+  type: s,
   floatingLabel: r = "",
-  inputClass: s = "",
+  inputClass: l = "",
   leftIcon: i = "homeSearch",
-  mobileBackdrop: c = !1,
-  showSearchIcon: d = !0,
+  mobileBackdrop: d = !1,
+  showSearchIcon: h = !0,
   options: u = [],
   name: V = "",
   placeholder: M = "",
   props: A = {},
   size: C = "medium",
-  styles: p = null,
+  styles: m = null,
   title: H = ""
 }) => /* @__PURE__ */ g(
   "div",
   {
     id: n,
     "data-search": "container",
-    "data-search-type": l,
-    className: m("Autocomplete", t),
-    style: p ? { ...p } : null,
+    "data-search-type": s,
+    className: p("Autocomplete", t),
+    style: m ? { ...m } : null,
     children: [
-      d && /* @__PURE__ */ g(
+      h && /* @__PURE__ */ g(
         "span",
         {
-          className: m(
+          className: p(
             "search-icon-left absolute inset-y-0 left-0 flex items-center pl-2",
             {
-              "pointer-events-none": c
+              "pointer-events-none": d
             }
           ),
           children: [
@@ -680,17 +683,17 @@ const F = {
         "input",
         {
           "data-lpignore": "true",
-          autoFocus: h,
-          className: m(
+          autoFocus: c,
+          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": d === !0,
+              "pl-8": h === !0,
               "px-3 h-10": C === "medium",
               "px-4 h-12": C === "large",
               "px-5 h-[60px] sm:!text-base": C === "xLarge",
               peer: r
             },
-            s
+            l
           ),
           required: e,
           autoComplete: "off",
@@ -705,10 +708,10 @@ const F = {
       r && /* @__PURE__ */ o(
         "label",
         {
-          className: m(
+          className: p(
             "floating-label absolute text-sm !normal-case text-gray-500 duration-300 transform -translate-y-4 scale-75 top-2 z-10 origin-[0] bg-white px-2 peer-focus:text-[#222] peer-focus:px-2 peer-focus:bg-white peer-placeholder-shown:bg-white peer-placeholder-shown:scale-100 peer-placeholder-shown:-translate-y-1/2 peer-placeholder-shown:top-1/2 peer-focus:top-2 peer-focus:scale-75 peer-focus:-translate-y-4 start-1 pointer-events-none",
             {
-              "!left-7": d === !0,
+              "!left-7": h === !0,
               "left-2": C === "medium",
               "left-3": C === "large",
               "left-4": C === "xLarge"
@@ -764,7 +767,7 @@ const F = {
                 "data-title": H,
                 "aria-labelledby": "Label",
                 "aria-activedescendant": "search-item-0",
-                children: u.length > 0 ? u.map((w, v) => /* @__PURE__ */ o(
+                children: u.length > 0 ? u.map((x, v) => /* @__PURE__ */ o(
                   "li",
                   {
                     id: `search-item-${v}`,
@@ -772,7 +775,7 @@ const F = {
                     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": v === 0,
                     role: "option",
-                    children: (w == null ? void 0 : w.name) || w
+                    children: (x == null ? void 0 : x.name) || x
                   },
                   `search-item-${v}`
                 )) : ""
@@ -783,15 +786,15 @@ const F = {
       )
     ]
   }
-), g1 = U, Q = ({
-  children: h,
+), B1 = X, _ = ({
+  children: c,
   className: e,
   size: t = "sm",
   tag: a = "span"
 }) => /* @__PURE__ */ o(
   a || "span",
   {
-    className: m(
+    className: p(
       " bg-gray-200 font-semibold py-1 px-2 rounded",
       {
         "text-sm": t === "sm",
@@ -800,20 +803,20 @@ const F = {
       },
       e
     ),
-    children: h
+    children: c
   }
-), v1 = Q, G = ({
-  borderless: h = !1,
+), D1 = _, e1 = ({
+  borderless: c = !1,
   leftIcon: e,
   leftIconProps: t = {},
   children: a,
   className: n = "",
-  disabled: l = !1,
+  disabled: s = !1,
   href: r,
-  props: s = {},
+  props: l = {},
   rightIcon: i,
-  rightIconProps: c = {},
-  rounded: d = !1,
+  rightIconProps: d = {},
+  rounded: h = !1,
   size: u = "md",
   type: V = "button",
   uppercase: M = !1,
@@ -824,22 +827,22 @@ const F = {
     C,
     {
       type: C !== "a" ? V : null,
-      className: m(
+      className: p(
         "Button",
         {
           [`Button--${A}`]: A,
           [`Button--${u}`]: u,
-          "Button--rounded": d,
-          "Button--disabled": l,
+          "Button--rounded": h,
+          "Button--disabled": s,
           "Button--custom-link": r,
           "Button--uppercase": M,
-          "Button--borderless": h || A === "link"
+          "Button--borderless": c || A === "link"
         },
         n
       ),
-      disabled: l,
+      disabled: s,
       href: r,
-      ...s,
+      ...l,
       children: [
         e && /* @__PURE__ */ o(
           b,
@@ -857,73 +860,73 @@ const F = {
             name: i,
             size: u === "md" ? "small" : "xSmall",
             viewBox: "0 0 24 24",
-            ...c
+            ...d
           }
         )
       ]
     }
   );
-}, A1 = y(G), J = ({ children: h, className: e }) => /* @__PURE__ */ o("div", { className: m("flex md:max-w-min border border-gray-300 divide-x divide-gray-200 rounded-lg", e), children: h }), y1 = J, K = ({
-  block: h = !1,
+}, B = y(e1), t1 = ({ 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 }), T1 = t1, a1 = ({
+  block: c = !1,
   borderless: e = !1,
   children: t,
   className: a = "",
   divider: n = !0,
-  inset: l = !0,
+  inset: s = !0,
   id: r = null,
-  role: s = null
+  role: l = null
 }) => /* @__PURE__ */ o(
   "div",
   {
-    className: m(
+    className: p(
       "bg-white",
       {
         f1: !e,
-        f2: h,
+        f2: c,
         f3: n,
-        f4: l
+        f4: s
       },
       a
     ),
     id: r,
-    role: s,
+    role: l,
     children: t
   }
-), b1 = K, Y = ({
-  checked: h = !1,
+), $1 = a1, n1 = ({
+  checked: c = !1,
   children: e,
   className: t = "",
   error: a = !1,
   inputClass: n,
-  id: l = "",
+  id: s = "",
   label: r = "",
-  name: s = "",
+  name: l = "",
   props: i = {},
-  variation: c = "primary",
-  value: d = ""
+  variation: d = "primary",
+  value: h = ""
 }) => {
-  const u = r ? "div" : "label", V = u === "label" ? { htmlFor: l } : {};
+  const u = r ? "div" : "label", V = u === "label" ? { htmlFor: s } : {};
   return /* @__PURE__ */ g(
     u,
     {
-      className: m("checkbox flex items-center", c, t),
+      className: p("checkbox flex items-center", d, t),
       ...V,
       children: [
         /* @__PURE__ */ o(
           "input",
           {
-            checked: h,
-            className: m(
+            checked: c,
+            className: p(
               "form-checkbox ",
               {
                 "!border-red-500 !bg-red-500 focus:!ring-red-500 focus:!border-red-500": a
               },
               n
             ),
-            id: l,
-            name: s,
+            id: s,
+            name: l,
             type: "checkbox",
-            value: d,
+            value: h,
             ...i
           }
         ),
@@ -931,23 +934,23 @@ const F = {
       ]
     }
   );
-}, w1 = y(Y), X = ({ children: h, aside: e, direction: t = "right" }) => /* @__PURE__ */ g("div", { className: "flex flex-col lg:flex-row lg:p-0 max-w-screen-lg", children: [
+}, F1 = y(n1), s1 = ({ children: c, aside: e, direction: t = "right" }) => /* @__PURE__ */ g("div", { className: "flex flex-col lg:flex-row lg:p-0 max-w-screen-lg", children: [
   /* @__PURE__ */ o(
     "main",
     {
-      className: m(
+      className: p(
         "w-full md:mb-0 flex-1 md:block lg:max-w-container",
         {
           "lg:order-2": t === "left"
         }
       ),
-      children: h
+      children: c
     }
   ),
   /* @__PURE__ */ o(
     "aside",
     {
-      className: m(
+      className: p(
         "sm-max:hidden md:hidden lg:block flex-1 max-w-aside mb-6 md:mb-0 empty:!hidden",
         {
           "md:ml-8": t === "right",
@@ -957,34 +960,34 @@ const F = {
       children: e
     }
   )
-] }), x1 = y(X), _ = ({
-  activator: h,
+] }), I1 = y(s1), l1 = ({
+  activator: c,
   id: e = "",
   children: t,
   className: a = "",
   contentClass: n = "",
-  dark: l = !1,
+  dark: s = !1,
   footer: r,
-  fullMobile: s = !0,
+  fullMobile: l = !0,
   headerClass: i = "",
-  hideClose: c = !1,
-  iconSize: d = "medium",
+  hideClose: d = !1,
+  iconSize: h = "medium",
   preventPageScroll: u = !0,
   stickyHeader: V = !1,
   title: M = "",
   titleClass: A = ""
-}) => /* @__PURE__ */ g(z, { children: [
-  h && /* @__PURE__ */ o("span", { id: `${e}-dialog-activator`, children: h }),
+}) => /* @__PURE__ */ g(S, { children: [
+  c && /* @__PURE__ */ o("span", { id: `${e}-dialog-activator`, children: c }),
   /* @__PURE__ */ o(
     "dialog",
     {
       inert: "",
       id: `${e}-dialog`,
-      className: m(
+      className: p(
         "dialog",
         {
-          "dialog-full-mobile": s,
-          dark: l,
+          "dialog-full-mobile": l,
+          dark: s,
           "prevent-scroll": u
         },
         a
@@ -993,7 +996,7 @@ const F = {
         /* @__PURE__ */ g(
           "header",
           {
-            className: m(
+            className: p(
               "dialog-header flex items-center p-4",
               {
                 "sticky top-0 bg-white z-10": V,
@@ -1004,7 +1007,7 @@ const F = {
             ),
             children: [
               M && /* @__PURE__ */ o("h3", { id: `${e}-dialog-title`, className: A, children: M }),
-              !c && /* @__PURE__ */ o(
+              !d && /* @__PURE__ */ o(
                 "button",
                 {
                   type: "button",
@@ -1016,7 +1019,7 @@ const F = {
                     b,
                     {
                       name: "close",
-                      size: d,
+                      size: h,
                       className: "pointer-events-none"
                     }
                   )
@@ -1029,7 +1032,7 @@ const F = {
           "div",
           {
             id: `${e}-dialog-content`,
-            className: m("dialog-content", n),
+            className: p("dialog-content", n),
             children: t
           }
         ),
@@ -1037,46 +1040,46 @@ const F = {
       ] })
     }
   )
-] }), S1 = y(_), e1 = ({
-  activator: h,
+] }), O1 = y(l1), r1 = ({
+  activator: c,
   id: e = "",
   children: t,
   className: a = "",
   contentClass: n = "",
-  onClose: l,
+  onClose: s,
   disableOutsideClick: r = !1,
-  footer: s,
+  footer: l,
   fullMobile: i = !0,
-  headerClass: c = "",
-  hideClose: d = !1,
+  headerClass: d = "",
+  hideClose: h = !1,
   iconSize: u = "medium",
   isOpen: V = !1,
   setDialogOpen: M,
   stickyHeader: A = !1,
   title: C = "",
-  titleClass: p = ""
+  titleClass: m = ""
 }) => {
-  const H = I(null), w = async () => {
-    H.current.classList.add("closing"), await B(H.current), H.current.classList.remove("closing"), l && l(), M(!1);
-  }, v = async (x) => {
-    x.key === "Escape" && await w();
-  }, N = async ({ clientX: x, clientY: S, target: D }) => {
-    const { left: E, right: T, top: $, bottom: O } = H.current.getBoundingClientRect() ?? {};
-    (!H.current.contains(D) || x < E || x > T || S < $ || S > O) && await w();
-  }, B = (x) => Promise.allSettled(
-    x.getAnimations().map((S) => S.finished)
+  const H = W(null), x = async () => {
+    H.current.classList.add("closing"), await $(H.current), H.current.classList.remove("closing"), s && s(), M(!1);
+  }, v = async (w) => {
+    w.key === "Escape" && await x();
+  }, E = async ({ clientX: w, clientY: z, target: F }) => {
+    const { left: I, right: O, top: q, bottom: j } = H.current.getBoundingClientRect() ?? {};
+    (!H.current.contains(F) || w < I || w > O || z < q || z > j) && await x();
+  }, $ = (w) => Promise.allSettled(
+    w.getAnimations().map((z) => z.finished)
   );
-  return k(() => {
-    const x = H.current;
-    x && (V ? x.showModal() : typeof x.close == "function" && x.close());
-  }, [V]), /* @__PURE__ */ g(z, { children: [
-    h && /* @__PURE__ */ o("span", { id: `${e}-dialog-activator`, onClick: () => M(!0), children: h }),
+  return Z(() => {
+    const w = H.current;
+    w && (V ? w.showModal() : typeof w.close == "function" && w.close());
+  }, [V]), /* @__PURE__ */ g(S, { children: [
+    c && /* @__PURE__ */ o("span", { id: `${e}-dialog-activator`, onClick: () => M(!0), children: c }),
     /* @__PURE__ */ g(
       "dialog",
       {
         ref: H,
         id: `${e}-dialog`,
-        className: m(
+        className: p(
           "dialog",
           {
             hidden: !V,
@@ -1085,26 +1088,26 @@ const F = {
           a
         ),
         onKeyDown: v,
-        onClick: (x) => r ? null : N(x),
+        onClick: (w) => r ? null : E(w),
         children: [
           /* @__PURE__ */ g(
             "header",
             {
-              className: m(
+              className: p(
                 "dialog-header flex items-center p-4",
                 { "sticky top-0 bg-white": A },
-                c
+                d
               ),
               children: [
-                /* @__PURE__ */ o("h3", { id: `${e}-dialog-title`, className: p, children: C || "" }),
-                !d && /* @__PURE__ */ o(
+                /* @__PURE__ */ o("h3", { id: `${e}-dialog-title`, className: m, children: C || "" }),
+                !h && /* @__PURE__ */ o(
                   "button",
                   {
                     type: "button",
                     title: "Close",
                     className: "dialog-close",
                     "data-dialog-close": "",
-                    onClick: w,
+                    onClick: x,
                     children: /* @__PURE__ */ o(
                       b,
                       {
@@ -1122,23 +1125,23 @@ const F = {
             "div",
             {
               id: `${e}-dialog-content`,
-              className: m("dialog-content p-4", n),
+              className: p("dialog-content p-4", n),
               children: t
             }
           ),
-          s && /* @__PURE__ */ o(
+          l && /* @__PURE__ */ o(
             "footer",
             {
               id: `${e}-dialog-footer`,
               className: "dialog-footer flex justify-between items-center p-4 border-t",
-              children: s
+              children: l
             }
           )
         ]
       }
     )
   ] });
-}, k1 = y(e1), t1 = ({ className: h = "" }) => /* @__PURE__ */ g("div", { id: "dots", className: m("mx-auto", h), children: [
+}, q1 = y(r1), i1 = ({ className: c = "" }) => /* @__PURE__ */ g("div", { id: "dots", className: p("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" } }),
@@ -1147,34 +1150,34 @@ const F = {
   /* @__PURE__ */ o("span", { style: { animationDelay: "0.6s" } }),
   /* @__PURE__ */ o("span", { style: { animationDelay: "0.7s" } }),
   /* @__PURE__ */ o("span", { style: { animationDelay: "0.8s" } })
-] }), z1 = t1, a1 = ({
-  cb: h,
+] }), j1 = i1, o1 = ({
+  cb: c,
   className: e = "",
   size: t = "md",
   timeout: a = 1e4,
   variation: n = "primary"
 }) => {
-  function l({ cb: r }) {
-    const s = document.querySelector(".loading-bar__inner");
-    if (!s) return;
-    let i, c, d = !1;
+  function s({ cb: r }) {
+    const l = document.querySelector(".loading-bar__inner");
+    if (!l) return;
+    let i, d, h = !1;
     function u(V) {
       i === void 0 && (i = V);
       const M = V - i;
-      if (c !== V) {
+      if (d !== V) {
         const A = M / a * 101;
-        s.style.width = `${A}%`, A >= 101 && (r && r(), d = !0, window.cancelAnimationFrame(V));
+        l.style.width = `${A}%`, A >= 101 && (r && r(), h = !0, window.cancelAnimationFrame(V));
       }
-      M < a && (c = V, d || window.requestAnimationFrame(u));
+      M < a && (d = V, h || window.requestAnimationFrame(u));
     }
     window.requestAnimationFrame(u);
   }
-  return k(() => {
-    l({ cb: h });
+  return Z(() => {
+    s({ cb: c });
   }, []), /* @__PURE__ */ o(
     "div",
     {
-      className: m(
+      className: p(
         "loading-bar my-8",
         `loading-bar__${n}`,
         {
@@ -1188,37 +1191,37 @@ const F = {
       children: /* @__PURE__ */ o("div", { className: "loading-bar__inner", "data-size": "100" })
     }
   );
-}, Z1 = y(a1), n1 = {
+}, P1 = y(o1), c1 = {
   name: "spinnerDark",
   color: "text-teal-700",
   viewBox: "0 0 24 24"
-}, l1 = ({ className: h = "" }) => /* @__PURE__ */ o("div", { className: "rounded-r-md px-2 focus:outline-none", children: /* @__PURE__ */ o(
+}, d1 = ({ className: c = "" }) => /* @__PURE__ */ o("div", { className: "rounded-r-md px-2 focus:outline-none", children: /* @__PURE__ */ o(
   b,
   {
     size: "xSmall",
-    ...n1,
-    className: `animate-spin ${h}`
+    ...c1,
+    className: `animate-spin ${c}`
   }
-) }), N1 = y(l1), s1 = ({
-  activator: h,
+) }), R1 = y(d1), h1 = ({
+  activator: c,
   activatorClass: e = "",
   attrs: t = {},
   options: a = {},
   children: n,
-  className: l = "",
+  className: s = "",
   containerClass: r = "",
-  disabled: s = !1,
+  disabled: l = !1,
   id: i = "",
-  trigger: c = "click"
-}) => /* @__PURE__ */ g(z, { children: [
+  trigger: d = "click"
+}) => /* @__PURE__ */ g(S, { children: [
   /* @__PURE__ */ o(
     "div",
     {
-      className: m("popover z-10 max-w-[350px] hidden", l),
+      className: p("popover z-10 max-w-[350px] hidden", s),
       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",
             r
           ),
@@ -1239,38 +1242,38 @@ const F = {
   /* @__PURE__ */ o(
     "div",
     {
-      className: m(
+      className: p(
         "popover-activator",
-        `trigger-${c}`,
-        s ? "is-disabled" : "",
+        `trigger-${d}`,
+        l ? "is-disabled" : "",
         e
       ),
       ...t,
       "data-options": JSON.stringify(a),
-      children: h
+      children: c
     }
   )
-] }), B1 = s1, r1 = ({
-  ariaValuemax: h = 100,
+] }), W1 = h1, u1 = ({
+  ariaValuemax: c = 100,
   ariaValuemin: e = 0,
   bgColor: t = "bg-orange-500",
   className: a,
   completed: n = 0,
-  maxCompleted: l = 100,
+  maxCompleted: s = 100,
   rounded: r = !0,
-  showLabel: s = !1
+  showLabel: l = !1
 }) => {
-  const c = ((d, u) => {
-    if (d) {
-      const V = Number(u) / d;
+  const d = ((h, u) => {
+    if (h) {
+      const V = Number(u) / h;
       return V > 1 ? 100 : V * 100;
     }
     return n;
-  })(l, n);
+  })(s, n);
   return /* @__PURE__ */ o(
     "div",
     {
-      className: m(
+      className: p(
         "w-full bg-gray-200",
         { "rounded-full": r },
         a
@@ -1279,50 +1282,50 @@ const F = {
       "aria-label": "Progress Bar",
       "aria-valuenow": n,
       "aria-valuemin": e,
-      "aria-valuemax": h,
+      "aria-valuemax": c,
       children: /* @__PURE__ */ o(
         "div",
         {
-          className: m(
+          className: p(
             "h-full text-right flex items-center justify-end rounded-full",
             t
           ),
-          style: { width: `${c}%` },
-          children: s && /* @__PURE__ */ o("span", { className: "font-bold text-white text-xs mr-2", children: Math.round(c) })
+          style: { width: `${d}%` },
+          children: l && /* @__PURE__ */ o("span", { className: "font-bold text-white text-xs mr-2", children: Math.round(d) })
         }
       )
     }
   );
-}, D1 = y(r1), i1 = ({
-  checked: h = !1,
+}, U1 = y(u1), p1 = ({
+  checked: c = !1,
   children: e,
   className: t = "",
   id: a = "",
   label: n = "",
-  name: l = "",
+  name: s = "",
   props: r = {},
-  variation: s = "primary",
+  variation: l = "primary",
   value: i = ""
 }) => {
-  const c = n ? "div" : "label", d = c === "label" ? { htmlFor: a } : {};
+  const d = n ? "div" : "label", h = d === "label" ? { htmlFor: a } : {};
   return /* @__PURE__ */ g(
-    c,
+    d,
     {
-      className: m("radio flex items-center", t),
-      ...d,
+      className: p("radio flex items-center", t),
+      ...h,
       children: [
         /* @__PURE__ */ o(
           "input",
           {
-            checked: h,
-            className: m(
+            checked: c,
+            className: p(
               "form-radio focus:ring-2 focus:ring-offset-2 focus-within:outline-none",
               {
-                "focus:ring-[#222]": s === "primary"
+                "focus:ring-[#222]": l === "primary"
               }
             ),
             id: a,
-            name: l,
+            name: s,
             type: "radio",
             value: i,
             ...r
@@ -1332,18 +1335,18 @@ const F = {
       ]
     }
   );
-}, E1 = y(i1), o1 = ({
-  children: h,
+}, Q1 = y(p1), m1 = ({
+  children: c,
   className: e = "",
   error: t = !1,
   errorMessage: a = "",
   id: n = "",
-  label: l = "",
+  label: s = "",
   name: r = "",
-  options: s = [],
+  options: l = [],
   placeholder: i = "",
-  props: c = {},
-  selectClass: d = "",
+  props: d = {},
+  selectClass: h = "",
   styles: u = null,
   variation: V = "primary",
   value: M
@@ -1352,26 +1355,26 @@ const F = {
   return /* @__PURE__ */ g(
     "label",
     {
-      className: m("relative select", e, V),
+      className: p("relative select", e, V),
       style: u ? { ...u } : null,
       children: [
-        l,
+        s,
         /* @__PURE__ */ g(
           "select",
           {
-            className: m(
+            className: p(
               "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" : "",
-              d
+              h
             ),
             id: n,
             name: r,
             value: M,
             ...A,
-            ...c,
+            ...d,
             children: [
               i && /* @__PURE__ */ o("option", { hidden: !0, value: "", children: i }),
-              s.map((C, p) => /* @__PURE__ */ o(
+              l.map((C, m) => /* @__PURE__ */ o(
                 "option",
                 {
                   value: (C == null ? void 0 : C.id) || (C == null ? void 0 : C.value) || C,
@@ -1386,25 +1389,25 @@ const F = {
       ]
     }
   );
-}, T1 = y(o1), c1 = ({ className: h = "" }) => /* @__PURE__ */ g(
+}, G1 = y(m1), V1 = ({ className: c = "" }) => /* @__PURE__ */ g(
   "div",
   {
-    className: m(
+    className: p(
       "flex justify-center items-center bg-gray-200 rounded-lg animate-pulse",
-      h
+      c
     ),
     children: [
       /* @__PURE__ */ o(b, { size: "xLarge", name: "map", className: "mx-auto" }),
       /* @__PURE__ */ o("span", { className: "sr-only", children: "Loading..." })
     ]
   }
-), $1 = y(c1), d1 = ({
-  placeholderClass: h = "",
+), J1 = y(V1), H1 = ({
+  placeholderClass: c = "",
   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__ */ o(
     "button",
     {
@@ -1415,10 +1418,10 @@ const F = {
       children: /* @__PURE__ */ o(b, { name: "chevronLeft" })
     }
   ),
-  /* @__PURE__ */ o("div", { id: `slider-container-${a}`, className: "slider-container", children: Array.from({ length: 4 }, (l, r) => /* @__PURE__ */ o(
+  /* @__PURE__ */ o("div", { id: `slider-container-${a}`, className: "slider-container", children: Array.from({ length: 4 }, (s, r) => /* @__PURE__ */ o(
     "div",
     {
-      className: `slider-card bg-gray-200 animate-pulse ${h}`,
+      className: `slider-card bg-gray-200 animate-pulse ${c}`,
       children: /* @__PURE__ */ o("div", { className: `slider-card-action ${n ? "p-4" : ""}`, children: e })
     },
     r
@@ -1433,8 +1436,8 @@ const F = {
       children: /* @__PURE__ */ o(b, { name: "chevronRight" })
     }
   )
-] }), O1 = y(d1), h1 = ({
-  className: h = "",
+] }), K1 = y(H1), C1 = ({
+  className: c = "",
   value: e
 }) => {
   const t = {
@@ -1443,38 +1446,38 @@ const F = {
   return /* @__PURE__ */ o(
     "div",
     {
-      className: m(
+      className: p(
         'Stars inline-block leading-none font-sans text-base before:content-["★★★★★"]',
-        h
+        c
       ),
       style: t
     }
   );
-}, I1 = h1, u1 = ({
-  className: h = "",
+}, Y1 = C1, L1 = ({
+  className: c = "",
   clear: e = !1,
   error: t = !1,
   errorMessage: a = "",
   id: n = "",
-  inputClass: l = "",
+  inputClass: s = "",
   name: r = "",
-  placeholder: s = "",
+  placeholder: l = "",
   props: i = {},
-  rows: c = 4,
-  variation: d = "primary"
-}) => /* @__PURE__ */ g("div", { className: m("relative textarea", d, h), children: [
+  rows: d = 4,
+  variation: h = "primary"
+}) => /* @__PURE__ */ g("div", { className: p("relative textarea", h, c), children: [
   /* @__PURE__ */ o(
     "textarea",
     {
-      placeholder: s,
+      placeholder: l,
       id: n,
       name: r,
-      rows: c,
-      className: m(
+      rows: d,
+      className: p(
         "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" : "",
-        l
+        s
       ),
       ...i
     }
@@ -1495,26 +1498,26 @@ const F = {
     }
   ),
   a && /* @__PURE__ */ o("span", { className: "relative flex mt-0.5 text-red-700 text-xs text-left", children: a })
-] }), F1 = y(u1), p1 = ({
-  className: h = "",
+] }), f1 = y(L1), M1 = ({
+  className: c = "",
   clear: e = !1,
   error: t = !1,
   errorMessage: a = "",
   iconLeft: n = "",
-  id: l = "",
+  id: s = "",
   inputClass: r = "",
-  name: s = "",
+  name: l = "",
   placeholder: i = "",
-  props: c = {},
-  styles: d = null,
+  props: d = {},
+  styles: h = null,
   type: u = "text",
   value: V,
   variation: M = "primary"
 }) => /* @__PURE__ */ g(
   "div",
   {
-    className: m("relative textbox", M, h),
-    style: d ? { ...d } : null,
+    className: p("relative textbox", M, 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(
         b,
@@ -1529,28 +1532,28 @@ const F = {
         "input",
         {
           placeholder: i,
-          id: l,
-          name: s,
+          id: s,
+          name: l,
           type: u,
           value: V,
           autoComplete: "off",
-          className: m(
+          className: p(
             "form-input",
             e ? "pr-10" : "pr-4",
             n ? "pl-8" : "pl-4",
             {
               "!border-red-500 !bg-red-500/10 placeholder:!text-red-700 focus:!ring-red-500 focus:!border-red-500": t
             },
-            c.inputClass ?? "",
+            d.inputClass ?? "",
             r
           ),
-          ...c
+          ...d
         }
       ),
       e && /* @__PURE__ */ o(
         "div",
         {
-          id: `${l}-clear`,
+          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__ */ o(
             b,
@@ -1565,21 +1568,244 @@ const F = {
       a && /* @__PURE__ */ o("span", { className: "relative flex mt-0.5 text-red-700 text-xs text-left", children: a })
     ]
   }
-), q1 = y(p1), m1 = ({ children: h, className: e = "", tag: t = "h1", title: a }) => /* @__PURE__ */ o(
+), D = y(M1), g1 = ({
+  btnClass: c,
+  className: e = "",
+  containerClass: t,
+  customSuccessMsg: a = "",
+  title: n = "Send A Message",
+  titleClass: s,
+  uppercase: r = !0
+}) => {
+  const l = a || /* @__PURE__ */ g(S, { children: [
+    "Typical email response time is 2-3 hours. If you require immediate assistance you may use our",
+    " ",
+    /* @__PURE__ */ o(
+      B,
+      {
+        className: p(
+          "text-black-900 items-center gap-2 live-chat uppercase !inline-flex"
+        ),
+        variation: "link",
+        props: {
+          title: "Live Chat"
+        },
+        children: "Live Chat"
+      }
+    )
+  ] });
+  return /* @__PURE__ */ g(
+    "form",
+    {
+      id: "contactForm",
+      className: p("contact-form", t, {
+        uppercase: r
+      }),
+      children: [
+        /* @__PURE__ */ o("h2", { id: "contact-title", className: p("mb-4", s), children: n }),
+        /* @__PURE__ */ o("p", { className: "contact-form__msg", children: l }),
+        /* @__PURE__ */ g(
+          "div",
+          {
+            className: p(
+              "p-6 bg-gray-100 flex flex-col gap-y-3 max-w-[458px]",
+              e
+            ),
+            children: [
+              /* @__PURE__ */ o(
+                D,
+                {
+                  id: "contact-name",
+                  name: "contact-name",
+                  placeholder: "Name",
+                  inputClass: p({
+                    "placeholder:uppercase": r
+                  })
+                }
+              ),
+              /* @__PURE__ */ o(
+                D,
+                {
+                  id: "contact-email",
+                  name: "contact-email",
+                  placeholder: "Email",
+                  inputClass: p({
+                    "placeholder:uppercase": r
+                  })
+                }
+              ),
+              /* @__PURE__ */ o(
+                f1,
+                {
+                  id: "contact-message",
+                  name: "contact-message",
+                  placeholder: "Message",
+                  inputClass: p({
+                    "placeholder:uppercase": r
+                  })
+                }
+              ),
+              /* @__PURE__ */ o(
+                B,
+                {
+                  className: p(
+                    "flex mx-auto items-center",
+                    {
+                      uppercase: r
+                    },
+                    c
+                  ),
+                  props: { title: "Submit" },
+                  type: "submit",
+                  children: "Submit"
+                }
+              )
+            ]
+          }
+        )
+      ]
+    }
+  );
+}, X1 = y(g1), v1 = ({ children: c, className: e = "", tag: t = "h1", title: a }) => /* @__PURE__ */ o(
   t,
   {
-    className: m(
+    className: p(
       "!text-xl text-center mb-6 flex items-center justify-center",
       e
     ),
-    children: a || h
+    children: a || c
+  }
+), _1 = y(v1);
+function A1(c, e = []) {
+  return new Proxy(c, {
+    get: function(t, a) {
+      return t[a];
+    },
+    set(t, a, n) {
+      const s = { ...t };
+      return t[a] = n, e.length > 0 && e.forEach((r) => r(t, s, a)), t;
+    }
+  });
+}
+function T(c, e = []) {
+  e.length && (c == null || c.classList.add(...e));
+}
+function y1(c, e = []) {
+  e.length && (c == null || c.classList.remove(...e));
+}
+function b1({ 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");
+    }));
+  }
+  return s;
+}
+function x1(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 e2 {
+  init(e) {
+    this.handleSliders(e);
+  }
+  handleSliders({ items: e, id: t = 1, cb: a }) {
+    if (!document.getElementById(`slider-container-${t}`))
+      return;
+    const n = A1(
+      {
+        activeIndex: 0,
+        computedSlides: [],
+        container: null,
+        disableBtns: !0,
+        endingIndex: 3,
+        entriesIntersected: [],
+        lazyIndex: 3,
+        nextBtn: null,
+        observer: null,
+        prevBtn: null,
+        scrollToEnd: !1,
+        scrollToStart: !1,
+        showNextBtn: !1,
+        showPrevBtn: !1,
+        slides: [],
+        transition: 0
+      },
+      [this.showHideBtns]
+    );
+    this.sliderElements({ state: n, items: e, id: t, cb: a }), n.container && (this.initObserver(n), this.btnListeners(n));
+  }
+  initObserver(e) {
+    var t, a;
+    e.observer || (e.observer = new IntersectionObserver(
+      (n, s) => {
+        this.handleIntersect(n, s, e);
+      },
+      {
+        root: (t = e.container) == null ? void 0 : t.offsetParent
+      }
+    )), e.slides = [...(a = e.container) == null ? void 0 : a.children], e.slides.forEach((n) => e.observer.observe(n));
   }
-), j1 = y(m1);
-class f {
+  handleIntersect(e, t, a) {
+    const n = e.filter((i) => i.isIntersecting), s = n.length === a.slides.length, r = n.every(
+      (i) => i.isIntersecting === !0
+    );
+    s && r ? t.disconnect() : (a.disableBtns = !1, e.forEach((i) => {
+      const d = [...a.slides].indexOf(i.target);
+      i.target === a.slides[0] && (a.showPrevBtn = i.isIntersecting), i.target === a.slides[a.slides.length - 1] && (a.showNextBtn = i.isIntersecting), i.target === a.slides[2] && (a.scrollToStart = i.isIntersecting), i.target === a.slides[a.slides.length - 2] && (a.scrollToEnd = i.isIntersecting), i.isIntersecting && !a.entriesIntersected.includes(d) && (a.entriesIntersected.push(d), a.activeIndex = d, l(i));
+    }));
+    function l(i) {
+      var d;
+      i.target !== a.slides[a.slides.length - 1] && i.target !== a.slides[0] && i.target !== a.slides[2] && i.target !== a.slides[a.slides.length - 2] && ((d = a.observer) == null || d.unobserve(i.target));
+    }
+  }
+  btnListeners(e) {
+    var t, a;
+    (t = e.prevBtn) == null || t.addEventListener("click", () => {
+      this.scrollPrev(e);
+    }), (a = e.nextBtn) == null || a.addEventListener("click", () => {
+      this.scrollNext(e);
+    });
+  }
+  scrollPrev(e) {
+    e.scrollToStart ? e.transition = 0 : e.transition -= e.slides[1].offsetWidth + 12, e.container.style.transform = `translate3d(${-e.transition}px, 0, 0)`;
+  }
+  scrollNext(e) {
+    const { offsetWidth: t, offsetParent: a } = e.container, n = t - a.offsetWidth;
+    e.scrollToEnd ? e.transition = n : e.transition += e.slides[1].offsetWidth + 12, e.container.style.transform = `translate3d(${-e.transition}px, 0, 0)`;
+  }
+  sliderElements({ state: e, items: t, id: a, cb: n }) {
+    const s = '<span class="slide-first"></span>', r = '<span class="slide-last"></span>';
+    if (e.container = document.getElementById(`slider-container-${a}`), !e.container)
+      return console.error(`slider-container-${a} Not Found`);
+    e.prevBtn = e.container.parentElement.querySelector(
+      `#btn-left-${a}`
+    ), e.nextBtn = e.container.parentElement.querySelector(
+      `#btn-right-${a}`
+    );
+    const l = t.map((d) => n(d)).join(""), i = document.createElement("div");
+    i.innerHTML = `${s}${l}${r}`, e.container.replaceChildren(...i.children), e.container.parentElement.classList.add("loaded");
+  }
+  showHideBtns(e, t, a) {
+    if (a === "showPrevBtn" || a === "showNextBtn") {
+      if (e[a] === t[a])
+        return;
+      e[a] ? a === "showPrevBtn" ? e.prevBtn.style.display = "none" : e.nextBtn.style.display = "none" : a === "showPrevBtn" ? e.prevBtn.style.display = "block" : e.nextBtn.style.display = "block";
+    }
+  }
+}
+let t2 = class f {
   static calcCrow(e, t, a, n) {
-    const r = f.toRad(a - e), s = f.toRad(n - t);
+    const r = f.toRad(a - e), l = f.toRad(n - t);
     e = f.toRad(e), a = f.toRad(a);
-    const i = Math.sin(r / 2) * Math.sin(r / 2) + Math.sin(s / 2) * Math.sin(s / 2) * Math.cos(e) * Math.cos(a);
+    const i = Math.sin(r / 2) * Math.sin(r / 2) + Math.sin(l / 2) * Math.sin(l / 2) * Math.cos(e) * Math.cos(a);
     return 6371 * (2 * Math.atan2(Math.sqrt(i), Math.sqrt(1 - i)));
   }
   static cleanupAddress(e) {
@@ -1608,21 +1834,21 @@ class f {
   static async createData(e, t = null, a = !0) {
     if (window.options.isBot || !t)
       return null;
-    const { tolken: n = null, ip: l = null } = await f.getHeaders(), r = a === !1 ? "" : "&tolken=" + n + "&ip=" + l, s = e + r, i = typeof t == "string" ? t : JSON.stringify(t);
+    const { tolken: n = null, ip: s = null } = await f.getHeaders(), r = a === !1 ? "" : "&tolken=" + n + "&ip=" + s, l = e + r, i = typeof t == "string" ? t : JSON.stringify(t);
     try {
-      const c = await fetch(s, {
+      const d = await fetch(l, {
         method: "POST",
         body: i === "null" ? null : i,
         headers: {
           website: f.getWebsiteHeaderName()
         }
-      }), d = c.headers.get("content-type");
-      if (d && d.indexOf("application/json") !== -1)
-        return c.json();
-      const u = await c.text();
+      }), 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;
-    } catch (c) {
-      console.error("createData", c);
+    } catch (d) {
+      console.error("createData", d);
     }
     return null;
   }
@@ -1682,15 +1908,15 @@ class f {
   static async fetchData(e, t = !1, a = !0) {
     if (options.isBot)
       return null;
-    const { tolken: n = null, ip: l = null } = await f.getHeaders(), s = e.replace("#", "").replace("%23", "") + "&tolken=" + n + "&ip=" + l;
+    const { tolken: n = null, ip: s = null } = await f.getHeaders(), l = e.replace("#", "").replace("%23", "") + "&tolken=" + n + "&ip=" + s;
     try {
-      const i = await fetch(s, { method: "GET" });
+      const i = await fetch(l, { method: "GET" });
       if (t === !0) {
-        const d = await i.text();
-        return d ? d.replace("__next", "") : null;
+        const h = await i.text();
+        return h ? h.replace("__next", "") : null;
       }
-      const c = i.headers.get("content-type");
-      return c && c.indexOf("application/json") !== -1 ? i.json() : null;
+      const d = i.headers.get("content-type");
+      return d && d.indexOf("application/json") !== -1 ? i.json() : null;
     } catch (i) {
       console.error("fetchData", i, e);
     }
@@ -1720,11 +1946,11 @@ class f {
         swLng: 0
       };
     const n = e.getBounds();
-    let l = n.getSouth(), r = n.getEast(), s = n.getNorth(), i = n.getWest();
-    return a && (l = l - a, r = r + a, s = s + a, i = i - a), t && (l = l.toFixed(t), r = r.toFixed(t), s = s.toFixed(t), i = i.toFixed(t)), {
-      swLat: l,
+    let s = n.getSouth(), r = n.getEast(), l = n.getNorth(), i = n.getWest();
+    return a && (s = s - a, r = r + a, l = l + a, i = i - a), t && (s = s.toFixed(t), r = r.toFixed(t), l = l.toFixed(t), i = i.toFixed(t)), {
+      swLat: s,
       neLng: r,
-      neLat: s,
+      neLat: l,
       swLng: i
     };
   }
@@ -1758,28 +1984,28 @@ class f {
       userAgent: t = null,
       userAgentData: a = null,
       platform: n = null
-    } = navigator || {}, l = (a == null ? void 0 : a.platform) ?? n, r = {
+    } = navigator || {}, s = (a == null ? void 0 : a.platform) ?? n, r = {
       tolken: null,
       ip: null,
       userAgent: t,
-      platform: l
+      platform: s
     };
     if (options && options.isBot || typeof window.localStorage > "u")
       return r;
-    const s = localStorage.getItem("headerTolken");
-    if (s) {
-      const c = JSON.parse(s), d = (/* @__PURE__ */ new Date()).getTime();
-      return c.expire - d < 0 && localStorage.removeItem("headerTolken"), {
-        tolken: c.tolken,
-        ip: c.ip,
+    const l = localStorage.getItem("headerTolken");
+    if (l) {
+      const d = JSON.parse(l), h = (/* @__PURE__ */ new Date()).getTime();
+      return d.expire - h < 0 && localStorage.removeItem("headerTolken"), {
+        tolken: d.tolken,
+        ip: d.ip,
         userAgent: t,
-        platform: l
+        platform: s
       };
     }
     if ((i = window == null ? void 0 : window.options) != null && i.isPdf)
       return r;
     try {
-      const d = await (await fetch("/api/headers")).json(), u = (d == null ? void 0 : d.token) ?? null, V = (d == null ? void 0 : d.ip) ?? null;
+      const h = await (await fetch("/api/headers")).json(), u = (h == null ? void 0 : h.token) ?? null, V = (h == null ? void 0 : h.ip) ?? null;
       return localStorage.setItem(
         "headerTolken",
         JSON.stringify({
@@ -1787,9 +2013,9 @@ class f {
           ip: V,
           expire: (/* @__PURE__ */ new Date()).getTime() + e * 1e3
         })
-      ), { tolken: u, ip: V, userAgent: t, platform: l };
-    } catch (c) {
-      console.error("getHeaders", c);
+      ), { tolken: u, ip: V, userAgent: t, platform: s };
+    } catch (d) {
+      console.error("getHeaders", d);
     }
     return r;
   }
@@ -1800,15 +2026,15 @@ class f {
     }[e];
   }
   static async getLocationData(e) {
-    const { swLat: t, neLng: a, neLat: n, swLng: l } = f.getBounds(e, 3, 0.05), r = "zip-location&swLat=" + t + "&neLng=" + a + "&neLat=" + n + "&swLng=" + l;
+    const { swLat: t, neLng: a, neLat: n, swLng: s } = f.getBounds(e, 3, 0.05), r = "zip-location&swLat=" + t + "&neLng=" + a + "&neLat=" + n + "&swLng=" + s;
     return await f.fetchData("/api/client?query=" + r);
   }
   static getReportUrl(e, t = null) {
-    var i, c, d;
-    const a = ((i = e == null ? void 0 : e.state) == null ? void 0 : i.slug) ?? null, n = ((c = e == null ? void 0 : e.city) == null ? void 0 : c.slug) ?? null, l = ((d = e == null ? void 0 : e.name) == null ? void 0 : d.slug) ?? null, r = (e == null ? void 0 : e.zip) ?? null;
+    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 s = [r, "-piq", t].filter((u) => u).join("");
-    return "/" + [a, n, l].filter((u) => u).map((u) => f.toSlug(u)).join("/") + "/" + s;
+    const l = [r, "-piq", t].filter((u) => u).join("");
+    return "/" + [a, n, s].filter((u) => u).map((u) => f.toSlug(u)).join("/") + "/" + l;
   }
   static async getSearchValue(e = "recsSearchValue") {
     try {
@@ -1918,15 +2144,15 @@ class f {
     ];
   }
   static getTrackingData(e) {
-    const [t, ...a] = e.split("|"), n = a.join("|").trim(), l = [
+    const [t, ...a] = e.split("|"), n = a.join("|").trim(), s = [
       "[pageType::" + t.trim() + "]",
       "[name::" + n + "]"
     ].join(" ");
     return {
-      value: l,
+      value: s,
       dataLayer: {
         event: "clickTrack",
-        value: l
+        value: s
       }
     };
   }
@@ -1965,36 +2191,36 @@ class f {
     return a && a.includes(t) ? t : e;
   }
   static getGridBounds({ map: e, tileSize: t, coords: a }) {
-    const n = a.scaleBy(t), l = n.add(t);
+    const n = a.scaleBy(t), s = n.add(t);
     return {
       nw: e.unproject(n, a.z),
-      se: e.unproject(l, a.z)
+      se: e.unproject(s, a.z)
     };
   }
   static gridTest(e, t, a = 1500) {
     const n = this;
     L.GridLayer.GridDebug = L.GridLayer.extend({
-      createTile: function(l, r) {
-        const s = document.createElement("div");
+      createTile: function(s, r) {
+        const l = document.createElement("div");
         return setTimeout(() => {
-          r(null, s);
-          const { se: i, nw: c } = n.getGridBounds({
+          r(null, l);
+          const { se: i, nw: d } = n.getGridBounds({
             map: e,
             tileSize: this.getTileSize(),
-            coords: l
+            coords: s
           });
           t({
             swLat: i.lat,
             neLng: i.lng,
-            neLat: c.lat,
-            swLng: c.lng,
-            coords: l,
-            key: l.z + "-" + l.x + "-" + l.y
+            neLat: d.lat,
+            swLng: d.lng,
+            coords: s,
+            key: s.z + "-" + s.x + "-" + s.y
           });
-        }, a), s;
+        }, a), l;
       }
-    }), L.gridLayer.gridDebug = function(l) {
-      return new L.GridLayer.GridDebug(l);
+    }), L.gridLayer.gridDebug = function(s) {
+      return new L.GridLayer.GridDebug(s);
     }, e.addLayer(L.gridLayer.gridDebug());
   }
   /**
@@ -2012,30 +2238,37 @@ class f {
     id: t = "",
     onOpen: a = null,
     onClose: n = null,
-    disableOutsideClick: l = !1
+    disableOutsideClick: s = !1
   }) {
-    const r = e ? document.querySelectorAll(e) : [], s = document.getElementById(t + "-dialog"), i = document.querySelectorAll("[data-dialog-close]"), c = ["closing", "closed", "opening", "opened", "removed"].reduce(
-      (p, H) => ({
-        ...p,
+    const r = e ? document.querySelectorAll(e) : [], l = document.getElementById(t + "-dialog"), i = document.querySelectorAll("[data-dialog-close]"), d = [
+      "closing",
+      "closed",
+      "opening",
+      "opened",
+      "outside",
+      "removed"
+    ].reduce(
+      (m, H) => ({
+        ...m,
         [H]: new Event(H)
       }),
       {}
-    ), d = new MutationObserver((p, H) => {
-      p.forEach(async (w) => {
-        if (w.attributeName === "open") {
-          const v = w.target;
+    ), h = new MutationObserver((m, H) => {
+      m.forEach(async (x) => {
+        if (x.attributeName === "open") {
+          const v = x.target;
           if (!(v == null ? void 0 : v.hasAttribute("open"))) return;
-          v == null || v.removeAttribute("inert"), v == null || v.dispatchEvent(c.opening), v && await C(v), v == null || v.dispatchEvent(c.opened);
+          v == null || v.removeAttribute("inert"), v == null || v.dispatchEvent(d.opening), v && await C(v), v == null || v.dispatchEvent(d.opened);
         }
       });
-    }), u = new MutationObserver((p, H) => {
-      p.forEach((w) => {
-        w.removedNodes.forEach((v) => {
-          v.nodeName === "DIALOG" && (v.removeEventListener("click", A), v.removeEventListener("close", M), v.dispatchEvent(c.removed), u == null || u.disconnect(), d == null || d.disconnect());
+    }), u = new MutationObserver((m, H) => {
+      m.forEach((x) => {
+        x.removedNodes.forEach((v) => {
+          v.nodeName === "DIALOG" && (v.removeEventListener("click", A), v.removeEventListener("close", M), v.dispatchEvent(d.removed), u == null || u.disconnect(), h == null || h.disconnect());
         });
       });
     });
-    s && (d.observe(s, {
+    l && (h.observe(l, {
       attributes: !0
     }), u.observe(document.body, {
       attributes: !1,
@@ -2043,25 +2276,25 @@ class f {
       childList: !0
     }));
     const V = () => {
-      s == null || s.showModal();
-    }, M = async ({ target: p }) => {
-      p == null || p.classList.add("closing"), p == null || p.setAttribute("inert", ""), p == null || p.dispatchEvent(c.closing), p && await C(p), p == null || p.classList.remove("closing"), p == null || p.dispatchEvent(c.closed);
-    }, A = async ({ target: p }) => {
-      (p == null ? void 0 : p.nodeName) === "DIALOG" && (s == null || s.close("outside"));
-    }, C = (p) => Promise.allSettled(
-      p == null ? void 0 : p.getAnimations().map((H) => H == null ? void 0 : H.finished)
+      l == null || l.showModal();
+    }, M = async ({ target: m }) => {
+      m == null || m.classList.add("closing"), m == null || m.setAttribute("inert", ""), m == null || m.dispatchEvent(d.closing), m && await C(m), m == null || m.classList.remove("closing"), m == null || m.dispatchEvent(d.closed);
+    }, A = async ({ target: m }) => {
+      (m == null ? void 0 : m.nodeName) === "DIALOG" && (m == null || m.dispatchEvent(d.outside), l == null || l.close("outside"));
+    }, C = (m) => Promise.allSettled(
+      m == null ? void 0 : m.getAnimations().map((H) => H == null ? void 0 : H.finished)
     );
-    return !l && (s == null || s.addEventListener("click", A)), s == null || s.addEventListener("close", M), r == null || r.forEach((p) => {
-      p.addEventListener("click", (H) => {
-        V(), a && a(H, s);
+    return !s && (l == null || l.addEventListener("click", A)), l == null || l.addEventListener("close", M), r == null || r.forEach((m) => {
+      m.addEventListener("click", (H) => {
+        V(), a && a(H, l);
       });
-    }), i == null || i.forEach((p) => {
-      p.addEventListener("click", async (H) => {
-        s == null || s.close("close"), n && n(H, s);
+    }), i == null || i.forEach((m) => {
+      m.addEventListener("click", async (H) => {
+        l == null || l.close("close"), n && n(H, l);
       });
     }), {
       activators: r,
-      ref: s,
+      ref: l,
       handleOpen: V,
       handleClose: M
     };
@@ -2073,8 +2306,8 @@ class f {
     if (!e)
       return;
     const n = (a == null ? void 0 : a.useBounding) ?? !1;
-    new IntersectionObserver(async (r, s) => {
-      n ? (r[0].isIntersecting || r[0].boundingClientRect.y < 0) && t({ obs: s, entry: r[0], entries: r }) : r[0].isIntersecting && t({ obs: s, entry: r[0], entries: r });
+    new IntersectionObserver(async (r, l) => {
+      n ? (r[0].isIntersecting || r[0].boundingClientRect.y < 0) && t({ obs: l, entry: r[0], entries: r }) : r[0].isIntersecting && t({ obs: l, entry: r[0], entries: r });
     }, a).observe(e);
   }
   static injectLink({ href: e, id: t }) {
@@ -2082,11 +2315,11 @@ class f {
     a.href = e, a.type = "text/css", a.rel = "stylesheet", t && (a.id = t), document.getElementsByTagName("head")[0].appendChild(a);
   }
   static injectScript({ src: e, id: t = null, async: a = !0, module: n = !1 }) {
-    return new Promise(function(l, r) {
-      let s = document.getElementById(t);
-      if (t && s && s.dataset.loaded === "true")
-        return l({ alreadyLoaded: !0, id: t });
-      s || (s = document.createElement("script"), s.src = e, s.dataset.loaded = "false", t && (s.id = t), s.type = n ? "module" : "text/javascript", s.async = a, document.body.appendChild(s), s.onload = () => (s.dataset.loaded = "true", l({ alreadyLoaded: !1, id: t })), s.onerror = () => r(!1));
+    return new Promise(function(s, r) {
+      let l = document.getElementById(t);
+      if (t && l && l.dataset.loaded === "true")
+        return s({ alreadyLoaded: !0, id: t });
+      l || (l = document.createElement("script"), l.src = e, l.dataset.loaded = "false", t && (l.id = t), l.type = n ? "module" : "text/javascript", l.async = a, document.body.appendChild(l), l.onload = () => (l.dataset.loaded = "true", s({ alreadyLoaded: !1, id: t })), l.onerror = () => r(!1));
     });
   }
   static isMobile({ selector: e = null, width: t = 640 } = {}) {
@@ -2118,13 +2351,13 @@ class f {
     const a = Math.abs(e), n = Math.sign(e);
     return a > 999999 ? n * (a / 1e6).toFixed(1) + "m" : a > 999 ? n * (a / 1e3).toFixed(t) + "k" : n * a;
   }
-  static async logRequest(e = null, t = null, a = null, n = null, l = null) {
+  static async logRequest(e = null, t = null, a = null, n = null, s = null) {
     const r = {
       name: e,
       uuid: t,
       ip: a,
       url: n,
-      data: l
+      data: s
     };
     return await f.createData("/api/client?query=log/save&method=POST", r), null;
   }
@@ -2149,8 +2382,8 @@ class f {
           async: !1,
           module: a
         });
-      } catch (l) {
-        console.error("loadCustomScript", l);
+      } catch (s) {
+        console.error("loadCustomScript", s);
       }
     }
     return null;
@@ -2162,8 +2395,8 @@ class f {
     await f.injectScript({ src: a, id: "googleapis", async: !1 });
   }
   static async loadLeafletApi() {
-    const e = "https://unpkg.com/leaflet@1.9.3/dist", t = e + "/leaflet.js", a = e + "/leaflet.css", n = "//unpkg.com/leaflet-gesture-handling", l = "//unpkg.com/leaflet-gesture-handling/dist/leaflet-gesture-handling.min.css";
-    await f.injectLink({ href: a, id: "leafletCss" }), await f.injectLink({ href: l, id: "gestureCss" }), await f.injectScript({ src: t, id: "leafletJs", async: !1 }), await f.injectScript({
+    const e = "https://unpkg.com/leaflet@1.9.3/dist", t = e + "/leaflet.js", a = e + "/leaflet.css", n = "//unpkg.com/leaflet-gesture-handling", s = "//unpkg.com/leaflet-gesture-handling/dist/leaflet-gesture-handling.min.css";
+    await f.injectLink({ href: a, id: "leafletCss" }), await f.injectLink({ href: s, id: "gestureCss" }), await f.injectScript({ src: t, id: "leafletJs", async: !1 }), await f.injectScript({
       src: n,
       id: "gestureJs",
       async: !1
@@ -2210,18 +2443,18 @@ class f {
       name: t = null,
       first: a = null,
       middle: n = null,
-      last: l = null,
+      last: s = null,
       min: r = null,
-      max: s = null,
+      max: l = null,
       city: i = null,
-      state: c = null,
-      vin: d = null,
+      state: d = null,
+      vin: h = null,
       license: u = null,
       token: V = null,
       phone: M = null
-    } = e || {}, A = t && t !== "", C = r && r !== "" && r !== "18", p = s && s !== "" && r !== "99";
+    } = e || {}, A = t && t !== "", C = r && r !== "" && r !== "18", m = l && l !== "" && r !== "99";
     let H = [];
-    return t && t !== "" && H.push("name=" + t), A || (a && a !== "" && H.push("first=" + a), n && n !== "" && H.push("middle=" + n), l && l !== "" && H.push("last=" + l)), C && p ? parseInt(r) > parseInt(s) ? (H.push("min=" + s), H.push("max=" + r)) : (H.push("min=" + r), H.push("max=" + s)) : (C && H.push("min=" + r), p && H.push("max=" + s)), M && M !== "" && H.push("phone=" + M), i && i !== "" && H.push("city=" + i), u && u !== "" && H.push("license=" + u), d && d !== "" && H.push("vin=" + d), c && c !== "" && H.push("state=" + c), V && V !== "" && H.push("token=" + V), H.join("&");
+    return t && t !== "" && H.push("name=" + t), A || (a && a !== "" && H.push("first=" + a), n && n !== "" && H.push("middle=" + n), s && s !== "" && H.push("last=" + s)), C && m ? parseInt(r) > parseInt(l) ? (H.push("min=" + l), H.push("max=" + r)) : (H.push("min=" + r), H.push("max=" + l)) : (C && H.push("min=" + r), m && H.push("max=" + l)), M && M !== "" && H.push("phone=" + M), i && i !== "" && H.push("city=" + i), u && u !== "" && H.push("license=" + u), h && h !== "" && H.push("vin=" + h), d && d !== "" && H.push("state=" + d), V && V !== "" && H.push("token=" + V), H.join("&");
   }
   static padTo2Digits(e) {
     return e.toString().padStart(2, "0");
@@ -2234,20 +2467,20 @@ class f {
     const {
       addressesOnly: a = !1,
       useCitySearch: n = !1,
-      useCityStateSearch: l = !1,
+      useCityStateSearch: s = !1,
       useSearch: r = !1,
-      useLocation: s = !0,
+      useLocation: l = !0,
       state: i = ""
-    } = t ?? {}, { tolken: c = null, ip: d = null } = await f.getHeaders(), V = [
+    } = t ?? {}, { tolken: d = null, ip: h = null } = await f.getHeaders(), V = [
       "query=" + encodeURIComponent(this.cleanupAddress(e)),
       "addressesOnly=" + a,
       "useSearch=" + r,
       "useCitySearch=" + n,
-      "useCityStateSearch=" + l,
-      "useLocation=" + s
+      "useCityStateSearch=" + s,
+      "useLocation=" + l
     ];
-    i && i !== "" && !l && V.push("state=" + i), c && c !== "" && V.push("tolken=" + c), d && d !== "" && V.push("ip=" + d);
-    const M = V.join("&"), C = (n || l ? "/api/autocomplete-city" : "/api/autocomplete") + "?" + M;
+    i && i !== "" && !s && V.push("state=" + i), d && d !== "" && V.push("tolken=" + d), h && h !== "" && V.push("ip=" + h);
+    const M = V.join("&"), C = (n || s ? "/api/autocomplete-city" : "/api/autocomplete") + "?" + M;
     return await f.makeSearchFetchCall(C);
   }
   static removeElements(e) {
@@ -2268,8 +2501,8 @@ class f {
   }
   static searchInStates(e) {
     const t = f.getStates(), a = e.toLowerCase();
-    let n = t.find((l) => l.short.toLowerCase() === a) ?? null;
-    return n || (n = t.find((l) => l.name.toLowerCase() === a) ?? null), n;
+    let n = t.find((s) => s.short.toLowerCase() === a) ?? null;
+    return n || (n = t.find((s) => s.name.toLowerCase() === a) ?? null), n;
   }
   static sendWoopraEvent(e, t) {
     typeof woopra == "object" && woopra.track(e, t);
@@ -2283,20 +2516,20 @@ class f {
     if (!t)
       return e;
     t = t.toLowerCase().replace(" usa", "").replace("city or state", "").replace(" state", "").trim();
-    let [a = null, n = null] = t.split(",").map((l) => l.trim());
+    let [a = null, n = null] = t.split(",").map((s) => s.trim());
     if (f.getStates(), a && !n) {
-      const l = this.searchInStates(a);
-      l && (a = null, n = l.short);
+      const s = this.searchInStates(a);
+      s && (a = null, n = s.short);
     }
     if (!n && a) {
-      const l = this.searchInStates(a);
-      l && (n = l.short);
+      const s = this.searchInStates(a);
+      s && (n = s.short);
     }
     if (a && !n) {
-      const l = a.split(" "), r = l[l.length - 1];
+      const s = a.split(" "), r = s[s.length - 1];
       if (r.length) {
-        const s = this.searchInStates(r);
-        s && (n = s.short, a = l.slice(0, -1).join(" "));
+        const l = this.searchInStates(r);
+        l && (n = l.short, a = s.slice(0, -1).join(" "));
       }
     }
     return a && n && a.toLowerCase() === n.toLowerCase() && (a = null), e.city = a, e.state = n ? n.toUpperCase() : null, e;
@@ -2340,133 +2573,131 @@ class f {
   static ucWords(e) {
     return e ? e.toString().split(" ").map((t) => f.ucFirst(t)).join(" ") : null;
   }
-}
-function V1(h, e = []) {
-  return new Proxy(h, {
-    get: function(t, a) {
-      return t[a];
-    },
-    set(t, a, n) {
-      const l = { ...t };
-      return t[a] = n, e.length > 0 && e.forEach((r) => r(t, l, a)), t;
-    }
-  });
-}
-class P1 {
-  init(e) {
-    this.handleSliders(e);
-  }
-  handleSliders({ items: e, id: t = 1, cb: a }) {
-    if (!document.getElementById(`slider-container-${t}`))
-      return;
-    const n = V1(
-      {
-        activeIndex: 0,
-        computedSlides: [],
-        container: null,
-        disableBtns: !0,
-        endingIndex: 3,
-        entriesIntersected: [],
-        lazyIndex: 3,
-        nextBtn: null,
-        observer: null,
-        prevBtn: null,
-        scrollToEnd: !1,
-        scrollToStart: !1,
-        showNextBtn: !1,
-        showPrevBtn: !1,
-        slides: [],
-        transition: 0
-      },
-      [this.showHideBtns]
-    );
-    this.sliderElements({ state: n, items: e, id: t, cb: a }), n.container && (this.initObserver(n), this.btnListeners(n));
+};
+class w1 {
+  constructor() {
+    k(this, "contactForm", null);
+    k(this, "submitBtn", null);
+    k(this, "VALIDATION", {
+      "contact-email": [
+        {
+          isValid: (e) => x1(e),
+          message: "Invalid email"
+        }
+      ],
+      "contact-name": [
+        {
+          isValid: (e) => e.length > 1,
+          message: "Must include at least 2 characters"
+        }
+      ],
+      "contact-message": [
+        {
+          isValid: (e) => e.length > 4,
+          message: "Must include at least 5 characters"
+        }
+      ]
+    });
   }
-  initObserver(e) {
-    var t, a;
-    e.observer || (e.observer = new IntersectionObserver(
-      (n, l) => {
-        this.handleIntersect(n, l, e);
-      },
-      {
-        root: (t = e.container) == null ? void 0 : t.offsetParent
-      }
-    )), e.slides = [...(a = e.container) == null ? void 0 : a.children], e.slides.forEach((n) => e.observer.observe(n));
+  init({ formEl: e }) {
+    var t;
+    this.contactForm = e, this.submitBtn = this.contactForm.querySelector('button[type="submit"]'), (t = this.submitBtn) == null || t.addEventListener("click", async (a) => {
+      var u;
+      a.preventDefault();
+      let n = {
+        "contact-email": "",
+        "contact-name": "",
+        "contact-message": ""
+      }, s = new FormData(this.contactForm);
+      if (!b1({
+        form: this.contactForm,
+        formData: s,
+        validations: this.VALIDATION,
+        cb: this.handleErrors.bind(this)
+      }))
+        return;
+      this.handleLoading(!0);
+      for (const [V, M] of s.entries())
+        n[V] = M;
+      const {
+        "contact-email": l,
+        "contact-name": i,
+        "contact-message": d
+      } = n, h = ((u = window == null ? void 0 : window.location) == null ? void 0 : u.href) ?? "";
+      await this.sendContactForm({
+        email: l,
+        name: i,
+        message: `${d} - Submitted from ${h}`
+      }), this.handleSuccessMsg();
+    });
   }
-  handleIntersect(e, t, a) {
-    const n = e.filter((i) => i.isIntersecting), l = n.length === a.slides.length, r = n.every(
-      (i) => i.isIntersecting === !0
+  handleErrors({ isValid: e, field: t } = {}) {
+    const a = t.nextElementSibling;
+    e ? a == null || a.remove() : !a && t.insertAdjacentHTML(
+      "afterend",
+      this.setErrorEl(this.VALIDATION[t.name][0].message)
     );
-    l && r ? t.disconnect() : (a.disableBtns = !1, e.forEach((i) => {
-      const c = [...a.slides].indexOf(i.target);
-      i.target === a.slides[0] && (a.showPrevBtn = i.isIntersecting), i.target === a.slides[a.slides.length - 1] && (a.showNextBtn = i.isIntersecting), i.target === a.slides[2] && (a.scrollToStart = i.isIntersecting), i.target === a.slides[a.slides.length - 2] && (a.scrollToEnd = i.isIntersecting), i.isIntersecting && !a.entriesIntersected.includes(c) && (a.entriesIntersected.push(c), a.activeIndex = c, s(i));
-    }));
-    function s(i) {
-      var c;
-      i.target !== a.slides[a.slides.length - 1] && i.target !== a.slides[0] && i.target !== a.slides[2] && i.target !== a.slides[a.slides.length - 2] && ((c = a.observer) == null || c.unobserve(i.target));
-    }
-  }
-  btnListeners(e) {
-    var t, a;
-    (t = e.prevBtn) == null || t.addEventListener("click", () => {
-      this.scrollPrev(e);
-    }), (a = e.nextBtn) == null || a.addEventListener("click", () => {
-      this.scrollNext(e);
-    });
   }
-  scrollPrev(e) {
-    e.scrollToStart ? e.transition = 0 : e.transition -= e.slides[1].offsetWidth + 12, e.container.style.transform = `translate3d(${-e.transition}px, 0, 0)`;
+  handleLoading(e) {
+    if (e)
+      return T(this.submitBtn, ["button-loader"]);
+    y1(this.submitBtn, ["button-loader"]);
   }
-  scrollNext(e) {
-    const { offsetWidth: t, offsetParent: a } = e.container, n = t - a.offsetWidth;
-    e.scrollToEnd ? e.transition = n : e.transition += e.slides[1].offsetWidth + 12, e.container.style.transform = `translate3d(${-e.transition}px, 0, 0)`;
+  handleSuccessMsg() {
+    this.handleLoading(!1), this.contactForm.firstElementChild.innerHTML = "We received your message.", T(this.contactForm, ["contact-form--success"]), this.contactForm.lastElementChild.remove();
   }
-  sliderElements({ state: e, items: t, id: a, cb: n }) {
-    const l = '<span class="slide-first"></span>', r = '<span class="slide-last"></span>';
-    if (e.container = document.getElementById(`slider-container-${a}`), !e.container)
-      return console.error(`slider-container-${a} Not Found`);
-    e.prevBtn = e.container.parentElement.querySelector(
-      `#btn-left-${a}`
-    ), e.nextBtn = e.container.parentElement.querySelector(
-      `#btn-right-${a}`
+  async sendContactForm(e) {
+    const t = await Common.createData(
+      "/api/client?query=contacts&method=POST",
+      e
     );
-    const s = t.map((c) => n(c)).join(""), i = document.createElement("div");
-    i.innerHTML = `${l}${s}${r}`, e.container.replaceChildren(...i.children), e.container.parentElement.classList.add("loaded");
+    return {
+      error: t == null ? void 0 : t.error,
+      message: t == null ? void 0 : t.message,
+      data: t == null ? void 0 : t.data
+    };
   }
-  showHideBtns(e, t, a) {
-    if (a === "showPrevBtn" || a === "showNextBtn") {
-      if (e[a] === t[a])
-        return;
-      e[a] ? a === "showPrevBtn" ? e.prevBtn.style.display = "none" : e.nextBtn.style.display = "none" : a === "showPrevBtn" ? e.prevBtn.style.display = "block" : e.nextBtn.style.display = "block";
-    }
+  setErrorEl(e) {
+    return `<span class="relative flex mt-0.5 text-red-700 text-xs text-left">
+          ${e}
+        </span>`;
   }
 }
+function a2() {
+  const c = document.querySelectorAll(".contact-form");
+  c.length > 0 && Array.from({ length: c.length }, (e, t) => {
+    const a = c[t];
+    new w1().init({ formEl: a });
+  });
+}
 export {
-  f1 as Accordion,
-  M1 as Alert,
-  g1 as Autocomplete,
-  v1 as Badge,
-  A1 as Button,
-  y1 as ButtonGroup,
-  b1 as Card,
-  P1 as CardSlider,
-  w1 as Checkbox,
-  f as Common,
-  x1 as Container,
-  S1 as Dialog,
-  k1 as DialogOld,
-  z1 as Dots,
-  j1 as FunnelHeader,
+  N1 as Accordion,
+  E1 as Alert,
+  B1 as Autocomplete,
+  D1 as Badge,
+  B as Button,
+  T1 as ButtonGroup,
+  $1 as Card,
+  e2 as CardSlider,
+  F1 as Checkbox,
+  t2 as Common,
+  X1 as ContactForm,
+  I1 as Container,
+  O1 as Dialog,
+  q1 as DialogOld,
+  j1 as Dots,
+  _1 as FunnelHeader,
   b as Icon,
-  Z1 as LoadingBar,
-  B1 as Popover,
-  D1 as ProgressBar,
-  E1 as Radio,
-  T1 as Select,
-  $1 as Skeleton,
-  O1 as Slider,
-  N1 as Spinner,
-  I1 as Stars,
-  F1 as TextArea,
-  q1 as Textbox
+  P1 as LoadingBar,
+  W1 as Popover,
+  U1 as ProgressBar,
+  Q1 as Radio,
+  G1 as Select,
+  J1 as Skeleton,
+  K1 as Slider,
+  R1 as Spinner,
+  Y1 as Stars,
+  f1 as TextArea,
+  D as Textbox,
+  a2 as useContactForm
 };