@vehiclehistory/property-lib 0.0.33 → 0.0.35

package/dist/main.js

@@ -1,7 +1,7 @@
-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 = {
+import { jsx as o, jsxs as g, Fragment as S } from "react/jsx-runtime";
+import { memo as y, useState as Z, useEffect as k, useRef as q } from "react";
+import p from "classnames";
+const j = {
   xxSmall: "w-4 h-4",
   xSmall: "w-5 h-5",
   small: "w-6 h-6",
@@ -10,7 +10,7 @@ const F = {
   mediumPlus: "w-9 h-9",
   large: "w-10 h-10",
   xLarge: "w-12 h-12"
-}, q = {
+}, P = {
   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 +473,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",
+}, R = (d) => P[d], W = ({
+  color: d = "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);
+  const l = R(t), [r, s] = Z(d), [i, c] = Z(l);
   return k(() => {
     c(l);
   }, [l]), k(() => {
-    s(h);
-  }, [h]), !l && console.error("Icon does not exist", t), /* @__PURE__ */ o(
+    s(d);
+  }, [d]), !l && 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: `${j[a]} fill-current flex-shrink-0 ${r}${e ? ` ${e}` : ""}`,
       style: { maxWidth: "4em" },
       role: "presentation",
       viewBox: n,
@@ -498,8 +498,8 @@ const F = {
       }
     }
   );
-}, b = y(P), W = ({
-  children: h,
+}, x = y(W), U = ({
+  children: d,
   className: e,
   clickHandler: t,
   panelClass: a,
@@ -508,13 +508,13 @@ const F = {
   isOpen: r = !1
 }) => {
   const [s, i] = Z(r);
-  return /* @__PURE__ */ o("div", { className: m("shadow rounded-lg", e), children: /* @__PURE__ */ g(z, { children: [
+  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
@@ -527,7 +527,7 @@ const F = {
         children: [
           /* @__PURE__ */ o("div", { className: "font-medium text-slate-700 sm-max:!text-base text-lg flex items-center", children: n }),
           /* @__PURE__ */ o("span", { className: "ml-6 h-7 flex items-center", children: /* @__PURE__ */ o(
-            b,
+            x,
             {
               name: "chevronDown",
               size: "small",
@@ -540,27 +540,27 @@ const F = {
     l && 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
         ),
-        children: h
+        children: d
       }
     ),
     !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,
           { hidden: !s }
         ),
-        children: h
+        children: d
       }
     )
   ] }) });
-}, f1 = y(W), R = ({
-  children: h,
+}, A1 = y(U), Q = ({
+  children: d,
   className: e = "",
   messages: t = [],
   title: a = "",
@@ -589,20 +589,20 @@ 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: c, styles: h } = s[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,
       children: /* @__PURE__ */ g("div", { className: "flex", children: [
         /* @__PURE__ */ o("div", { className: "flex-shrink-0", children: /* @__PURE__ */ o(
-          b,
+          x,
           {
             name: i,
             viewBox: "0 0 24 24",
@@ -611,14 +611,14 @@ const F = {
           }
         ) }),
         /* @__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,
+}, y1 = y(Q), G = ({
+  autoFocus: d = !1,
   required: e = !1,
   className: t = "",
   defaultValue: a = "",
@@ -628,13 +628,13 @@ const F = {
   inputClass: s = "",
   leftIcon: i = "homeSearch",
   mobileBackdrop: c = !1,
-  showSearchIcon: d = !0,
+  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",
@@ -642,13 +642,13 @@ const F = {
     id: n,
     "data-search": "container",
     "data-search-type": l,
-    className: m("Autocomplete", t),
-    style: p ? { ...p } : null,
+    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
@@ -656,7 +656,7 @@ const F = {
           ),
           children: [
             /* @__PURE__ */ o(
-              b,
+              x,
               {
                 className: "home-search select-none text-gray-500",
                 name: i,
@@ -665,7 +665,7 @@ const F = {
               }
             ),
             /* @__PURE__ */ o(
-              b,
+              x,
               {
                 className: "arrow-left select-none text-gray-500 hidden",
                 name: "arrowLeft",
@@ -680,11 +680,11 @@ const F = {
         "input",
         {
           "data-lpignore": "true",
-          autoFocus: h,
-          className: m(
+          autoFocus: d,
+          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",
@@ -705,10 +705,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"
@@ -723,7 +723,7 @@ const F = {
           "data-id": "search-clear",
           className: "clear-btn absolute inset-y-0 right-0 flex items-center px-2 hidden",
           children: /* @__PURE__ */ o(
-            b,
+            x,
             {
               className: "cursor-pointer text-gray-500",
               name: "xCircle",
@@ -739,7 +739,7 @@ const F = {
           "data-id": "search-loading",
           className: "absolute inset-y-0 right-0 flex items-center px-2 pointer-events-none hidden",
           children: /* @__PURE__ */ o(
-            b,
+            x,
             {
               className: "animate-spin text-[#222]] pointer-events-none",
               name: "spinnerDark",
@@ -764,7 +764,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((b, v) => /* @__PURE__ */ o(
                   "li",
                   {
                     id: `search-item-${v}`,
@@ -772,7 +772,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: (b == null ? void 0 : b.name) || b
                   },
                   `search-item-${v}`
                 )) : ""
@@ -783,15 +783,15 @@ const F = {
       )
     ]
   }
-), g1 = U, Q = ({
-  children: h,
+), x1 = G, J = ({
+  children: d,
   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,10 +800,10 @@ const F = {
       },
       e
     ),
-    children: h
+    children: d
   }
-), v1 = Q, G = ({
-  borderless: h = !1,
+), b1 = J, K = ({
+  borderless: d = !1,
   leftIcon: e,
   leftIconProps: t = {},
   children: a,
@@ -813,7 +813,7 @@ const F = {
   props: s = {},
   rightIcon: i,
   rightIconProps: c = {},
-  rounded: d = !1,
+  rounded: h = !1,
   size: u = "md",
   type: V = "button",
   uppercase: M = !1,
@@ -824,16 +824,16 @@ const F = {
     C,
     {
       type: C !== "a" ? V : null,
-      className: m(
+      className: p(
         "Button",
         {
           [`Button--${A}`]: A,
           [`Button--${u}`]: u,
-          "Button--rounded": d,
+          "Button--rounded": h,
           "Button--disabled": l,
           "Button--custom-link": r,
           "Button--uppercase": M,
-          "Button--borderless": h || A === "link"
+          "Button--borderless": d || A === "link"
         },
         n
       ),
@@ -842,7 +842,7 @@ const F = {
       ...s,
       children: [
         e && /* @__PURE__ */ o(
-          b,
+          x,
           {
             name: e,
             size: u === "md" ? "small" : "xSmall",
@@ -852,7 +852,7 @@ const F = {
         ),
         a,
         i && /* @__PURE__ */ o(
-          b,
+          x,
           {
             name: i,
             size: u === "md" ? "small" : "xSmall",
@@ -863,8 +863,8 @@ const F = {
       ]
     }
   );
-}, 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,
+}, E = y(K), Y = ({ children: d, 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: d }), w1 = Y, X = ({
+  block: d = !1,
   borderless: e = !1,
   children: t,
   className: a = "",
@@ -875,11 +875,11 @@ const F = {
 }) => /* @__PURE__ */ o(
   "div",
   {
-    className: m(
+    className: p(
       "bg-white",
       {
         f1: !e,
-        f2: h,
+        f2: d,
         f3: n,
         f4: l
       },
@@ -889,8 +889,8 @@ const F = {
     role: s,
     children: t
   }
-), b1 = K, Y = ({
-  checked: h = !1,
+), S1 = X, _ = ({
+  checked: d = !1,
   children: e,
   className: t = "",
   error: a = !1,
@@ -900,20 +900,20 @@ const F = {
   name: s = "",
   props: i = {},
   variation: c = "primary",
-  value: d = ""
+  value: h = ""
 }) => {
   const u = r ? "div" : "label", V = u === "label" ? { htmlFor: l } : {};
   return /* @__PURE__ */ g(
     u,
     {
-      className: m("checkbox flex items-center", c, t),
+      className: p("checkbox flex items-center", c, t),
       ...V,
       children: [
         /* @__PURE__ */ o(
           "input",
           {
-            checked: h,
-            className: m(
+            checked: d,
+            className: p(
               "form-checkbox ",
               {
                 "!border-red-500 !bg-red-500 focus:!ring-red-500 focus:!border-red-500": a
@@ -923,7 +923,7 @@ const F = {
             id: l,
             name: s,
             type: "checkbox",
-            value: d,
+            value: h,
             ...i
           }
         ),
@@ -931,23 +931,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: [
+}, z1 = y(_), e1 = ({ children: d, 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: d
     }
   ),
   /* @__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,8 +957,8 @@ const F = {
       children: e
     }
   )
-] }), x1 = y(X), _ = ({
-  activator: h,
+] }), k1 = y(e1), t1 = ({
+  activator: d,
   id: e = "",
   children: t,
   className: a = "",
@@ -968,19 +968,19 @@ const F = {
   fullMobile: s = !0,
   headerClass: i = "",
   hideClose: c = !1,
-  iconSize: d = "medium",
+  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: [
+  d && /* @__PURE__ */ o("span", { id: `${e}-dialog-activator`, children: d }),
   /* @__PURE__ */ o(
     "dialog",
     {
       inert: "",
       id: `${e}-dialog`,
-      className: m(
+      className: p(
         "dialog",
         {
           "dialog-full-mobile": s,
@@ -993,7 +993,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,
@@ -1013,10 +1013,10 @@ const F = {
                   "data-dialog-close": "",
                   value: "close",
                   children: /* @__PURE__ */ o(
-                    b,
+                    x,
                     {
                       name: "close",
-                      size: d,
+                      size: h,
                       className: "pointer-events-none"
                     }
                   )
@@ -1029,7 +1029,7 @@ const F = {
           "div",
           {
             id: `${e}-dialog-content`,
-            className: m("dialog-content", n),
+            className: p("dialog-content", n),
             children: t
           }
         ),
@@ -1037,8 +1037,8 @@ const F = {
       ] })
     }
   )
-] }), S1 = y(_), e1 = ({
-  activator: h,
+] }), Z1 = y(t1), a1 = ({
+  activator: d,
   id: e = "",
   children: t,
   className: a = "",
@@ -1048,35 +1048,35 @@ const F = {
   footer: s,
   fullMobile: i = !0,
   headerClass: c = "",
-  hideClose: d = !1,
+  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 = q(null), b = async () => {
+    H.current.classList.add("closing"), await D(H.current), H.current.classList.remove("closing"), l && l(), M(!1);
+  }, v = async (w) => {
+    w.key === "Escape" && await b();
+  }, N = async ({ clientX: w, clientY: z, target: T }) => {
+    const { left: $, right: I, top: O, bottom: F } = H.current.getBoundingClientRect() ?? {};
+    (!H.current.contains(T) || w < $ || w > I || z < O || z > F) && await b();
+  }, D = (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 }),
+    const w = H.current;
+    w && (V ? w.showModal() : typeof w.close == "function" && w.close());
+  }, [V]), /* @__PURE__ */ g(S, { children: [
+    d && /* @__PURE__ */ o("span", { id: `${e}-dialog-activator`, onClick: () => M(!0), children: d }),
     /* @__PURE__ */ g(
       "dialog",
       {
         ref: H,
         id: `${e}-dialog`,
-        className: m(
+        className: p(
           "dialog",
           {
             hidden: !V,
@@ -1085,28 +1085,28 @@ const F = {
           a
         ),
         onKeyDown: v,
-        onClick: (x) => r ? null : N(x),
+        onClick: (w) => r ? null : N(w),
         children: [
           /* @__PURE__ */ g(
             "header",
             {
-              className: m(
+              className: p(
                 "dialog-header flex items-center p-4",
                 { "sticky top-0 bg-white": A },
                 c
               ),
               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: b,
                     children: /* @__PURE__ */ o(
-                      b,
+                      x,
                       {
                         name: "close",
                         size: u,
@@ -1122,7 +1122,7 @@ const F = {
             "div",
             {
               id: `${e}-dialog-content`,
-              className: m("dialog-content p-4", n),
+              className: p("dialog-content p-4", n),
               children: t
             }
           ),
@@ -1138,7 +1138,7 @@ const F = {
       }
     )
   ] });
-}, k1 = y(e1), t1 = ({ className: h = "" }) => /* @__PURE__ */ g("div", { id: "dots", className: m("mx-auto", h), children: [
+}, N1 = y(a1), n1 = ({ className: d = "" }) => /* @__PURE__ */ g("div", { id: "dots", className: p("mx-auto", d), children: [
   /* @__PURE__ */ o("span", { style: { animationDelay: "0.1s" } }),
   /* @__PURE__ */ o("span", { style: { animationDelay: "0.2s" } }),
   /* @__PURE__ */ o("span", { style: { animationDelay: "0.3s" } }),
@@ -1147,8 +1147,8 @@ 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,
+] }), E1 = n1, l1 = ({
+  cb: d,
   className: e = "",
   size: t = "md",
   timeout: a = 1e4,
@@ -1157,24 +1157,24 @@ const F = {
   function l({ cb: r }) {
     const s = document.querySelector(".loading-bar__inner");
     if (!s) return;
-    let i, c, d = !1;
+    let i, c, h = !1;
     function u(V) {
       i === void 0 && (i = V);
       const M = V - i;
       if (c !== V) {
         const A = M / a * 101;
-        s.style.width = `${A}%`, A >= 101 && (r && r(), d = !0, window.cancelAnimationFrame(V));
+        s.style.width = `${A}%`, A >= 101 && (r && r(), h = !0, window.cancelAnimationFrame(V));
       }
-      M < a && (c = V, d || window.requestAnimationFrame(u));
+      M < a && (c = V, h || window.requestAnimationFrame(u));
     }
     window.requestAnimationFrame(u);
   }
   return k(() => {
-    l({ cb: h });
+    l({ cb: d });
   }, []), /* @__PURE__ */ o(
     "div",
     {
-      className: m(
+      className: p(
         "loading-bar my-8",
         `loading-bar__${n}`,
         {
@@ -1188,19 +1188,19 @@ const F = {
       children: /* @__PURE__ */ o("div", { className: "loading-bar__inner", "data-size": "100" })
     }
   );
-}, Z1 = y(a1), n1 = {
+}, B1 = y(l1), s1 = {
   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(
-  b,
+}, r1 = ({ className: d = "" }) => /* @__PURE__ */ o("div", { className: "rounded-r-md px-2 focus:outline-none", children: /* @__PURE__ */ o(
+  x,
   {
     size: "xSmall",
-    ...n1,
-    className: `animate-spin ${h}`
+    ...s1,
+    className: `animate-spin ${d}`
   }
-) }), N1 = y(l1), s1 = ({
-  activator: h,
+) }), D1 = y(r1), i1 = ({
+  activator: d,
   activatorClass: e = "",
   attrs: t = {},
   options: a = {},
@@ -1210,15 +1210,15 @@ const F = {
   disabled: s = !1,
   id: i = "",
   trigger: c = "click"
-}) => /* @__PURE__ */ g(z, { children: [
+}) => /* @__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", l),
       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,7 +1239,7 @@ const F = {
   /* @__PURE__ */ o(
     "div",
     {
-      className: m(
+      className: p(
         "popover-activator",
         `trigger-${c}`,
         s ? "is-disabled" : "",
@@ -1247,11 +1247,11 @@ const F = {
       ),
       ...t,
       "data-options": JSON.stringify(a),
-      children: h
+      children: d
     }
   )
-] }), B1 = s1, r1 = ({
-  ariaValuemax: h = 100,
+] }), T1 = i1, o1 = ({
+  ariaValuemax: d = 100,
   ariaValuemin: e = 0,
   bgColor: t = "bg-orange-500",
   className: a,
@@ -1260,9 +1260,9 @@ const F = {
   rounded: r = !0,
   showLabel: s = !1
 }) => {
-  const c = ((d, u) => {
-    if (d) {
-      const V = Number(u) / d;
+  const c = ((h, u) => {
+    if (h) {
+      const V = Number(u) / h;
       return V > 1 ? 100 : V * 100;
     }
     return n;
@@ -1270,7 +1270,7 @@ const F = {
   return /* @__PURE__ */ o(
     "div",
     {
-      className: m(
+      className: p(
         "w-full bg-gray-200",
         { "rounded-full": r },
         a
@@ -1279,11 +1279,11 @@ const F = {
       "aria-label": "Progress Bar",
       "aria-valuenow": n,
       "aria-valuemin": e,
-      "aria-valuemax": h,
+      "aria-valuemax": d,
       children: /* @__PURE__ */ o(
         "div",
         {
-          className: m(
+          className: p(
             "h-full text-right flex items-center justify-end rounded-full",
             t
           ),
@@ -1293,8 +1293,8 @@ const F = {
       )
     }
   );
-}, D1 = y(r1), i1 = ({
-  checked: h = !1,
+}, $1 = y(o1), c1 = ({
+  checked: d = !1,
   children: e,
   className: t = "",
   id: a = "",
@@ -1304,18 +1304,18 @@ const F = {
   variation: s = "primary",
   value: i = ""
 }) => {
-  const c = n ? "div" : "label", d = c === "label" ? { htmlFor: a } : {};
+  const c = n ? "div" : "label", h = c === "label" ? { htmlFor: a } : {};
   return /* @__PURE__ */ g(
     c,
     {
-      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: d,
+            className: p(
               "form-radio focus:ring-2 focus:ring-offset-2 focus-within:outline-none",
               {
                 "focus:ring-[#222]": s === "primary"
@@ -1332,8 +1332,8 @@ const F = {
       ]
     }
   );
-}, E1 = y(i1), o1 = ({
-  children: h,
+}, I1 = y(c1), d1 = ({
+  children: d,
   className: e = "",
   error: t = !1,
   errorMessage: a = "",
@@ -1343,7 +1343,7 @@ const F = {
   options: s = [],
   placeholder: i = "",
   props: c = {},
-  selectClass: d = "",
+  selectClass: h = "",
   styles: u = null,
   variation: V = "primary",
   value: M
@@ -1352,17 +1352,17 @@ const F = {
   return /* @__PURE__ */ g(
     "label",
     {
-      className: m("relative select", e, V),
+      className: p("relative select", e, V),
       style: u ? { ...u } : null,
       children: [
         l,
         /* @__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,
@@ -1371,7 +1371,7 @@ const F = {
             ...c,
             children: [
               i && /* @__PURE__ */ o("option", { hidden: !0, value: "", children: i }),
-              s.map((C, p) => /* @__PURE__ */ o(
+              s.map((C, m) => /* @__PURE__ */ o(
                 "option",
                 {
                   value: (C == null ? void 0 : C.id) || (C == null ? void 0 : C.value) || C,
@@ -1386,25 +1386,25 @@ const F = {
       ]
     }
   );
-}, T1 = y(o1), c1 = ({ className: h = "" }) => /* @__PURE__ */ g(
+}, O1 = y(d1), h1 = ({ className: d = "" }) => /* @__PURE__ */ g(
   "div",
   {
-    className: m(
+    className: p(
       "flex justify-center items-center bg-gray-200 rounded-lg animate-pulse",
-      h
+      d
     ),
     children: [
-      /* @__PURE__ */ o(b, { size: "xLarge", name: "map", className: "mx-auto" }),
+      /* @__PURE__ */ o(x, { size: "xLarge", name: "map", className: "mx-auto" }),
       /* @__PURE__ */ o("span", { className: "sr-only", children: "Loading..." })
     ]
   }
-), $1 = y(c1), d1 = ({
-  placeholderClass: h = "",
+), F1 = y(h1), u1 = ({
+  placeholderClass: d = "",
   children: e,
   className: t = "",
   id: a = 1,
   padding: n = !0
-}) => /* @__PURE__ */ g("div", { className: m("slider", t), id: `slider-${a}`, children: [
+}) => /* @__PURE__ */ g("div", { className: p("slider", t), id: `slider-${a}`, children: [
   /* @__PURE__ */ o(
     "button",
     {
@@ -1412,13 +1412,13 @@ const F = {
       id: `btn-left-${a}`,
       type: "button",
       className: "slider-button__prev ",
-      children: /* @__PURE__ */ o(b, { name: "chevronLeft" })
+      children: /* @__PURE__ */ o(x, { name: "chevronLeft" })
     }
   ),
   /* @__PURE__ */ o("div", { id: `slider-container-${a}`, className: "slider-container", children: Array.from({ length: 4 }, (l, r) => /* @__PURE__ */ o(
     "div",
     {
-      className: `slider-card bg-gray-200 animate-pulse ${h}`,
+      className: `slider-card bg-gray-200 animate-pulse ${d}`,
       children: /* @__PURE__ */ o("div", { className: `slider-card-action ${n ? "p-4" : ""}`, children: e })
     },
     r
@@ -1430,11 +1430,11 @@ const F = {
       id: `btn-right-${a}`,
       type: "button",
       className: "slider-button__next",
-      children: /* @__PURE__ */ o(b, { name: "chevronRight" })
+      children: /* @__PURE__ */ o(x, { name: "chevronRight" })
     }
   )
-] }), O1 = y(d1), h1 = ({
-  className: h = "",
+] }), q1 = y(u1), p1 = ({
+  className: d = "",
   value: e
 }) => {
   const t = {
@@ -1443,15 +1443,15 @@ const F = {
   return /* @__PURE__ */ o(
     "div",
     {
-      className: m(
+      className: p(
         'Stars inline-block leading-none font-sans text-base before:content-["★★★★★"]',
-        h
+        d
       ),
       style: t
     }
   );
-}, I1 = h1, u1 = ({
-  className: h = "",
+}, j1 = p1, m1 = ({
+  className: d = "",
   clear: e = !1,
   error: t = !1,
   errorMessage: a = "",
@@ -1461,8 +1461,8 @@ const F = {
   placeholder: s = "",
   props: i = {},
   rows: c = 4,
-  variation: d = "primary"
-}) => /* @__PURE__ */ g("div", { className: m("relative textarea", d, h), children: [
+  variation: h = "primary"
+}) => /* @__PURE__ */ g("div", { className: p("relative textarea", h, d), children: [
   /* @__PURE__ */ o(
     "textarea",
     {
@@ -1470,7 +1470,7 @@ const F = {
       id: n,
       name: r,
       rows: c,
-      className: m(
+      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" : "",
@@ -1485,7 +1485,7 @@ const F = {
       id: `${n}-clear`,
       className: "textarea-clear absolute right-0 top-2 bottom-auto flex items-center rounded-r-md pr-2 focus:outline-none hidden",
       children: /* @__PURE__ */ o(
-        b,
+        x,
         {
           size: "xSmall",
           name: "xCircle",
@@ -1495,8 +1495,8 @@ 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 = "",
+] }), V1 = y(m1), H1 = ({
+  className: d = "",
   clear: e = !1,
   error: t = !1,
   errorMessage: a = "",
@@ -1506,18 +1506,18 @@ const F = {
   name: s = "",
   placeholder: i = "",
   props: c = {},
-  styles: d = null,
+  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, d),
+    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,
+        x,
         {
           size: "xSmall",
           name: n,
@@ -1534,7 +1534,7 @@ const F = {
           type: u,
           value: V,
           autoComplete: "off",
-          className: m(
+          className: p(
             "form-input",
             e ? "pr-10" : "pr-4",
             n ? "pl-8" : "pl-4",
@@ -1553,7 +1553,7 @@ const F = {
           id: `${l}-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,
+            x,
             {
               size: "xSmall",
               name: "xCircle",
@@ -1565,16 +1565,239 @@ 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(
+), B = y(H1), L1 = ({
+  btnClass: d,
+  className: e = "",
+  containerClass: t,
+  customSuccessMsg: a = "",
+  title: n = "Send A Message",
+  titleClass: l,
+  uppercase: r = !0
+}) => {
+  const s = a || /* @__PURE__ */ g(S, { children: [
+    "Typical email response time is 2-3 hours. If you require immediate assistance you may use our",
+    " ",
+    /* @__PURE__ */ o(
+      E,
+      {
+        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", l), children: n }),
+        /* @__PURE__ */ o("p", { className: "contact-form__msg", children: s }),
+        /* @__PURE__ */ g(
+          "div",
+          {
+            className: p(
+              "p-6 bg-gray-100 flex flex-col gap-y-3 max-w-[458px]",
+              e
+            ),
+            children: [
+              /* @__PURE__ */ o(
+                B,
+                {
+                  id: "contact-name",
+                  name: "contact-name",
+                  placeholder: "Name",
+                  inputClass: p({
+                    "placeholder:uppercase": r
+                  })
+                }
+              ),
+              /* @__PURE__ */ o(
+                B,
+                {
+                  id: "contact-email",
+                  name: "contact-email",
+                  placeholder: "Email",
+                  inputClass: p({
+                    "placeholder:uppercase": r
+                  })
+                }
+              ),
+              /* @__PURE__ */ o(
+                V1,
+                {
+                  id: "contact-message",
+                  name: "contact-message",
+                  placeholder: "Message",
+                  inputClass: p({
+                    "placeholder:uppercase": r
+                  })
+                }
+              ),
+              /* @__PURE__ */ o(
+                E,
+                {
+                  className: p(
+                    "flex mx-auto items-center",
+                    {
+                      uppercase: r
+                    },
+                    d
+                  ),
+                  props: { title: "Submit" },
+                  type: "submit",
+                  children: "Submit"
+                }
+              )
+            ]
+          }
+        )
+      ]
+    }
+  );
+}, P1 = y(L1), C1 = ({ children: d, 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 || d
+  }
+), R1 = y(C1);
+function f1(d, e = []) {
+  return new Proxy(d, {
+    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;
+    }
+  });
+}
+function W1(d, e = []) {
+  e.length && (d == null || d.classList.add(...e));
+}
+function U1(d, e = []) {
+  e.length && (d == null || d.classList.remove(...e));
+}
+function Q1({ cb: d, form: e, formData: t, validations: a, reactive: n = !1 }) {
+  let l = !0;
+  for (const [r, s] of t.entries()) {
+    const i = e.querySelector(`[name="${r}"]`), c = a[r], h = [];
+    c.forEach((u) => {
+      u.isValid(s) || h.push(u.message);
+    }), h.length ? (l = !1, i.classList.add("field-error"), d && d({ isValid: l, field: i, validations: a })) : (i.classList.remove("field-error"), d && d({ 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 l;
+}
+function G1(d) {
+  const e = (
+    // eslint-disable-next-line
+    /(?:[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*|"(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21\x23-\x5b\x5d-\x7f]|\\[\x01-\x09\x0b\x0c\x0e-\x7f])*")@(?:(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?|\[(?:(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.){3}(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?|[a-z0-9-]*[a-z0-9]:(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21-\x5a\x53-\x7f]|\\[\x01-\x09\x0b\x0c\x0e-\x7f])+)\])/
+  ), t = /[^a-zA-Z]+$/;
+  return e.test(d.toLowerCase()) && !t.test(d);
+}
+class J1 {
+  init(e) {
+    this.handleSliders(e);
+  }
+  handleSliders({ items: e, id: t = 1, cb: a }) {
+    if (!document.getElementById(`slider-container-${t}`))
+      return;
+    const n = f1(
+      {
+        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, 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));
+  }
+  handleIntersect(e, t, a) {
+    const n = e.filter((i) => i.isIntersecting), l = n.length === a.slides.length, r = n.every(
+      (i) => i.isIntersecting === !0
+    );
+    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)`;
+  }
+  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 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}`
+    );
+    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");
+  }
+  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";
+    }
   }
-), j1 = y(m1);
+}
 class f {
   static calcCrow(e, t, a, n) {
     const r = f.toRad(a - e), s = f.toRad(n - t);
@@ -1616,8 +1839,8 @@ class f {
         headers: {
           website: f.getWebsiteHeaderName()
         }
-      }), d = c.headers.get("content-type");
-      if (d && d.indexOf("application/json") !== -1)
+      }), h = c.headers.get("content-type");
+      if (h && h.indexOf("application/json") !== -1)
         return c.json();
       const u = await c.text();
       return u ? u.replace("__next", "") : null;
@@ -1686,8 +1909,8 @@ class f {
     try {
       const i = await fetch(s, { 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;
@@ -1768,8 +1991,8 @@ class f {
       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"), {
+      const c = JSON.parse(s), h = (/* @__PURE__ */ new Date()).getTime();
+      return c.expire - h < 0 && localStorage.removeItem("headerTolken"), {
         tolken: c.tolken,
         ip: c.ip,
         userAgent: t,
@@ -1779,7 +2002,7 @@ class f {
     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({
@@ -1804,8 +2027,8 @@ class f {
     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, c, h;
+    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 = ((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;
@@ -2022,27 +2245,27 @@ class f {
       "outside",
       "removed"
     ].reduce(
-      (p, H) => ({
-        ...p,
+      (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 (b) => {
+        if (b.attributeName === "open") {
+          const v = b.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);
         }
       });
-    }), 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((b) => {
+        b.removedNodes.forEach((v) => {
+          v.nodeName === "DIALOG" && (v.removeEventListener("click", A), v.removeEventListener("close", M), v.dispatchEvent(c.removed), u == null || u.disconnect(), h == null || h.disconnect());
         });
       });
     });
-    s && (d.observe(s, {
+    s && (h.observe(s, {
       attributes: !0
     }), u.observe(document.body, {
       attributes: !1,
@@ -2051,19 +2274,19 @@ class f {
     }));
     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" && (p == null || p.dispatchEvent(c.outside), s == null || s.close("outside"));
-    }, C = (p) => Promise.allSettled(
-      p == null ? void 0 : p.getAnimations().map((H) => H == null ? void 0 : H.finished)
+    }, M = async ({ target: m }) => {
+      m == null || m.classList.add("closing"), m == null || m.setAttribute("inert", ""), m == null || m.dispatchEvent(c.closing), m && await C(m), m == null || m.classList.remove("closing"), m == null || m.dispatchEvent(c.closed);
+    }, A = async ({ target: m }) => {
+      (m == null ? void 0 : m.nodeName) === "DIALOG" && (m == null || m.dispatchEvent(c.outside), s == null || s.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) => {
+    return !l && (s == null || s.addEventListener("click", A)), s == null || s.addEventListener("close", M), r == null || r.forEach((m) => {
+      m.addEventListener("click", (H) => {
         V(), a && a(H, s);
       });
-    }), i == null || i.forEach((p) => {
-      p.addEventListener("click", async (H) => {
+    }), i == null || i.forEach((m) => {
+      m.addEventListener("click", async (H) => {
         s == null || s.close("close"), n && n(H, s);
       });
     }), {
@@ -2222,13 +2445,13 @@ class f {
       max: s = null,
       city: i = null,
       state: c = null,
-      vin: 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 = s && s !== "" && 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), l && l !== "" && H.push("last=" + l)), C && m ? 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), m && H.push("max=" + s)), M && M !== "" && H.push("phone=" + M), i && i !== "" && H.push("city=" + i), u && u !== "" && H.push("license=" + u), h && h !== "" && H.push("vin=" + h), c && c !== "" && H.push("state=" + c), V && V !== "" && H.push("token=" + V), H.join("&");
   }
   static padTo2Digits(e) {
     return e.toString().padStart(2, "0");
@@ -2245,7 +2468,7 @@ class f {
       useSearch: r = !1,
       useLocation: s = !0,
       state: i = ""
-    } = t ?? {}, { tolken: c = null, ip: d = null } = await f.getHeaders(), V = [
+    } = t ?? {}, { tolken: c = null, ip: h = null } = await f.getHeaders(), V = [
       "query=" + encodeURIComponent(this.cleanupAddress(e)),
       "addressesOnly=" + a,
       "useSearch=" + r,
@@ -2253,7 +2476,7 @@ class f {
       "useCityStateSearch=" + l,
       "useLocation=" + s
     ];
-    i && i !== "" && !l && V.push("state=" + i), c && c !== "" && V.push("tolken=" + c), d && d !== "" && V.push("ip=" + d);
+    i && i !== "" && !l && V.push("state=" + i), c && c !== "" && V.push("tolken=" + c), h && h !== "" && V.push("ip=" + h);
     const M = V.join("&"), C = (n || l ? "/api/autocomplete-city" : "/api/autocomplete") + "?" + M;
     return await f.makeSearchFetchCall(C);
   }
@@ -2348,132 +2571,37 @@ class f {
     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));
-  }
-  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));
-  }
-  handleIntersect(e, t, a) {
-    const n = e.filter((i) => i.isIntersecting), l = n.length === a.slides.length, r = n.every(
-      (i) => i.isIntersecting === !0
-    );
-    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)`;
-  }
-  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 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}`
-    );
-    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");
-  }
-  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";
-    }
-  }
-}
 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,
+  A1 as Accordion,
+  y1 as Alert,
+  x1 as Autocomplete,
+  b1 as Badge,
+  E as Button,
+  w1 as ButtonGroup,
+  S1 as Card,
+  J1 as CardSlider,
+  z1 as Checkbox,
   f as Common,
-  x1 as Container,
-  S1 as Dialog,
-  k1 as DialogOld,
-  z1 as Dots,
-  j1 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 ContactForm,
+  k1 as Container,
+  Z1 as Dialog,
+  N1 as DialogOld,
+  E1 as Dots,
+  R1 as FunnelHeader,
+  x as Icon,
+  B1 as LoadingBar,
+  T1 as Popover,
+  $1 as ProgressBar,
+  I1 as Radio,
+  O1 as Select,
+  F1 as Skeleton,
+  q1 as Slider,
+  D1 as Spinner,
+  j1 as Stars,
+  V1 as TextArea,
+  B as Textbox,
+  W1 as addClass,
+  U1 as removeClass,
+  G1 as validateEmail,
+  Q1 as validateForm
 };