@vehiclehistory/property-lib 0.0.993 → 0.0.995

package/dist/main.es.js

@@ -1,7 +1,7 @@
-import { jsx as c, jsxs as M, Fragment as S } from "react/jsx-runtime";
+import { jsx as c, jsxs as g, Fragment as S } from "react/jsx-runtime";
 import m from "classnames";
-import { memo as y, useState as Z, useEffect as N } from "react";
-const W = {
+import { memo as b, useState as N, useEffect as E } from "react";
+const G = {
   xxSmall: "w-4 h-4",
   xSmall: "w-5 h-5",
   small: "w-6 h-6",
@@ -10,7 +10,7 @@ const W = {
   mediumPlus: "w-9 h-9",
   large: "w-10 h-10",
   xLarge: "w-12 h-12"
-}, U = {
+}, 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" />'
   },
@@ -26,6 +26,9 @@ const W = {
   accountMultipleOutline: {
     path: '<path d="M13.07 10.41A5 5 0 0 0 13.07 4.59A3.39 3.39 0 0 1 15 4A3.5 3.5 0 0 1 15 11A3.39 3.39 0 0 1 13.07 10.41M5.5 7.5A3.5 3.5 0 1 1 9 11A3.5 3.5 0 0 1 5.5 7.5M7.5 7.5A1.5 1.5 0 1 0 9 6A1.5 1.5 0 0 0 7.5 7.5M16 17V19H2V17S2 13 9 13 16 17 16 17M14 17C13.86 16.22 12.67 15 9 15S4.07 16.31 4 17M15.95 13A5.32 5.32 0 0 1 18 17V19H22V17S22 13.37 15.94 13Z" />'
   },
+  accountOutline: {
+    path: '<path d="M12 4a4 4 0 0 1 4 4 4 4 0 0 1-4 4 4 4 0 0 1-4-4 4 4 0 0 1 4-4m0 2a2 2 0 0 0-2 2 2 2 0 0 0 2 2 2 2 0 0 0 2-2 2 2 0 0 0-2-2m0 7c2.67 0 8 1.33 8 4v3H4v-3c0-2.67 5.33-4 8-4m0 1.9c-2.97 0-6.1 1.46-6.1 2.1v1.1h12.2V17c0-.64-3.13-2.1-6.1-2.1"/>'
+  },
   accountSearch: {
     path: '<path fill="currentColor" d="M15.5,12C18,12 20,14 20,16.5C20,17.38 19.75,18.21 19.31,18.9L22.39,22L21,23.39L17.88,20.32C17.19,20.75 16.37,21 15.5,21C13,21 11,19 11,16.5C11,14 13,12 15.5,12M15.5,14A2.5,2.5 0 0,0 13,16.5A2.5,2.5 0 0,0 15.5,19A2.5,2.5 0 0,0 18,16.5A2.5,2.5 0 0,0 15.5,14M10,4A4,4 0 0,1 14,8C14,8.91 13.69,9.75 13.18,10.43C12.32,10.75 11.55,11.26 10.91,11.9L10,12A4,4 0 0,1 6,8A4,4 0 0,1 10,4M2,20V18C2,15.88 5.31,14.14 9.5,14C9.18,14.78 9,15.62 9,16.5C9,17.79 9.38,19 10,20H2Z" />'
   },
@@ -50,6 +53,9 @@ const W = {
   bankOff: {
     path: '<path d="M20.8 22.7L20.1 22H2V19H17.1L13 14.9V17H10V11.9L6.1 8H2V6L3.4 5.3L1.1 3L2.4 1.7L22.1 21.4L20.8 22.7M4 10V17H7V10H4M21 8V6L11.5 1L6.7 3.5L11.2 8H21M19 15.8V10H16V12.8L19 15.8Z" />'
   },
+  bankOutline: {
+    path: '<path d="M6.5 10h-2v7h2zm6 0h-2v7h2zm8.5 9H2v2h19zm-2.5-9h-2v7h2zm-7-6.74L16.71 6H6.29zm0-2.26L2 6v2h19V6z"/>'
+  },
   bedOutline: {
     path: '<path d="M7 14C8.66 14 10 12.66 10 11C10 9.34 8.66 8 7 8C5.34 8 4 9.34 4 11C4 12.66 5.34 14 7 14M7 10C7.55 10 8 10.45 8 11C8 11.55 7.55 12 7 12C6.45 12 6 11.55 6 11C6 10.45 6.45 10 7 10M19 7H11V15H3V5H1V20H3V17H21V20H23V11C23 8.79 21.21 7 19 7M21 15H13V9H19C20.1 9 21 9.9 21 11Z" />'
   },
@@ -335,6 +341,9 @@ const W = {
   smsText: {
     path: '<path d="M20 2H4c-1.1 0-1.99.9-1.99 2L2 22l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zM9 11H7V9h2v2zm4 0h-2V9h2v2zm4 0h-2V9h2v2z"/>'
   },
+  message: {
+    path: '<path d="M20 2H4a2 2 0 0 0-2 2v18l4-4h14a2 2 0 0 0 2-2V4c0-1.11-.9-2-2-2"/>'
+  },
   messageText: {
     path: '<path d="M20,2H4A2,2 0 0,0 2,4V22L6,18H20A2,2 0 0,0 22,16V4A2,2 0 0,0 20,2M6,9H18V11H6M14,14H6V12H14M18,8H6V6H18" />'
   },
@@ -359,6 +368,9 @@ const W = {
   phoneClassic: {
     path: '<path d="M12,3C7.46,3 3.34,4.78 0.29,7.67C0.11,7.85 0,8.1 0,8.38C0,8.66 0.11,8.91 0.29,9.09L2.77,11.57C2.95,11.75 3.2,11.86 3.5,11.86C3.75,11.86 4,11.75 4.18,11.58C4.97,10.84 5.87,10.22 6.84,9.73C7.17,9.57 7.4,9.23 7.4,8.83V5.73C8.85,5.25 10.39,5 12,5C13.59,5 15.14,5.25 16.59,5.72V8.82C16.59,9.21 16.82,9.56 17.15,9.72C18.13,10.21 19,10.84 19.82,11.57C20,11.75 20.25,11.85 20.5,11.85C20.8,11.85 21.05,11.74 21.23,11.56L23.71,9.08C23.89,8.9 24,8.65 24,8.37C24,8.09 23.88,7.85 23.7,7.67C20.65,4.78 16.53,3 12,3M9,7V10C9,10 3,15 3,18V22H21V18C21,15 15,10 15,10V7H13V9H11V7H9M12,12A4,4 0 0,1 16,16A4,4 0 0,1 12,20A4,4 0 0,1 8,16A4,4 0 0,1 12,12M12,13.5A2.5,2.5 0 0,0 9.5,16A2.5,2.5 0 0,0 12,18.5A2.5,2.5 0 0,0 14.5,16A2.5,2.5 0 0,0 12,13.5Z" />'
   },
+  phoneOutline: {
+    path: '  <path d="M20 15.5c-1.2 0-2.5-.2-3.6-.6h-.3c-.3 0-.5.1-.7.3l-2.2 2.2c-2.8-1.5-5.2-3.8-6.6-6.6l2.2-2.2c.3-.3.4-.7.2-1-.3-1.1-.5-2.4-.5-3.6 0-.5-.5-1-1-1H4c-.5 0-1 .5-1 1 0 9.4 7.6 17 17 17 .5 0 1-.5 1-1v-3.5c0-.5-.5-1-1-1M5 5h1.5c.1.9.3 1.8.5 2.6L5.8 8.8C5.4 7.6 5.1 6.3 5 5m14 14c-1.3-.1-2.6-.4-3.8-.8l1.2-1.2c.8.2 1.7.4 2.6.4z"/>'
+  },
   phoneTalk: {
     path: '<path d="M15,12H17A5,5 0 0,0 12,7V9A3,3 0 0,1 15,12M19,12H21C21,7 16.97,3 12,3V5C15.86,5 19,8.13 19,12M20,15.5C18.75,15.5 17.55,15.3 16.43,14.93C16.08,14.82 15.69,14.9 15.41,15.18L13.21,17.38C10.38,15.94 8.06,13.62 6.62,10.79L8.82,8.59C9.1,8.31 9.18,7.92 9.07,7.57C8.7,6.45 8.5,5.25 8.5,4A1,1 0 0,0 7.5,3H4A1,1 0 0,0 3,4A17,17 0 0,0 20,21A1,1 0 0,0 21,20V16.5A1,1 0 0,0 20,15.5Z" />'
   },
@@ -497,17 +509,17 @@ const W = {
   youtube: {
     path: '<path d="M10,15L15.19,12L10,9V15M21.56,7.17C21.69,7.64 21.78,8.27 21.84,9.07C21.91,9.87 21.94,10.56 21.94,11.16L22,12C22,14.19 21.84,15.8 21.56,16.83C21.31,17.73 20.73,18.31 19.83,18.56C19.36,18.69 18.5,18.78 17.18,18.84C15.88,18.91 14.69,18.94 13.59,18.94L12,19C7.81,19 5.2,18.84 4.17,18.56C3.27,18.31 2.69,17.73 2.44,16.83C2.31,16.36 2.22,15.73 2.16,14.93C2.09,14.13 2.06,13.44 2.06,12.84L2,12C2,9.81 2.16,8.2 2.44,7.17C2.69,6.27 3.27,5.69 4.17,5.44C4.64,5.31 5.5,5.22 6.82,5.16C8.12,5.09 9.31,5.06 10.41,5.06L12,5C16.19,5 18.8,5.16 19.83,5.44C20.73,5.69 21.31,6.27 21.56,7.17Z" />'
   }
-}, G = (d) => U[d], Q = ({
+}, J = (d) => Q[d], Y = ({
   color: d = "text-current",
   className: e,
   name: t,
   size: a = "medium",
   viewBox: n = "0 0 20 20"
 }) => {
-  const s = G(t), [r, i] = Z(d), [l, o] = Z(s);
-  return N(() => {
+  const s = J(t), [r, i] = N(d), [l, o] = N(s);
+  return E(() => {
     o(s);
-  }, [s]), N(() => {
+  }, [s]), E(() => {
     i(d);
   }, [d]), !s && console.error("Icon does not exist", t), /* @__PURE__ */ c(
     "svg",
@@ -515,7 +527,7 @@ const W = {
       xmlns: "http://www.w3.org/2000/svg",
       className: m(
         "fill-current flex-shrink-0",
-        W[a],
+        G[a],
         r,
         e
       ),
@@ -527,7 +539,7 @@ const W = {
       }
     }
   );
-}, x = y(Q), J = ({
+}, x = b(Y), _ = ({
   children: d,
   className: e,
   clickHandler: t,
@@ -536,7 +548,7 @@ const W = {
   unmount: s = !0,
   isOpen: r = !1
 }) => {
-  const [i, l] = Z(r);
+  const [i, l] = N(r);
   return /* @__PURE__ */ c(
     "div",
     {
@@ -547,8 +559,8 @@ const W = {
         },
         e
       ),
-      children: /* @__PURE__ */ M(S, { children: [
-        /* @__PURE__ */ M(
+      children: /* @__PURE__ */ g(S, { children: [
+        /* @__PURE__ */ g(
           "button",
           {
             type: "button",
@@ -596,7 +608,7 @@ const W = {
       ] })
     }
   );
-}, F1 = y(J), Y = ({
+}, O1 = b(_), X = ({
   children: d,
   className: e,
   messages: t = [],
@@ -627,28 +639,28 @@ const W = {
       iconColor: "text-yellow-500",
       styles: "bg-yellow-50 border-yellow-300 text-yellow-700"
     }
-  }, { icon: o, iconColor: u, styles: p } = l[i];
+  }, { icon: o, iconColor: p, styles: u } = l[i];
   return /* @__PURE__ */ c(
     "div",
     {
       id: i,
       className: m(
         "rounded w-full py-2 px-4 mb-4 border",
-        p,
+        u,
         e
       ),
       ...r,
-      children: /* @__PURE__ */ M("div", { className: "flex", children: [
+      children: /* @__PURE__ */ g("div", { className: "flex", children: [
         /* @__PURE__ */ c("div", { className: "flex-shrink-0", children: /* @__PURE__ */ c(
           x,
           {
             name: o,
             viewBox: "0 0 24 24",
-            className: u,
+            className: p,
             size: "xSmall"
           }
         ) }),
-        /* @__PURE__ */ M("div", { className: "ml-3", children: [
+        /* @__PURE__ */ g("div", { className: "ml-3", children: [
           /* @__PURE__ */ c("div", { className: m("font-medium text-sm", s), children: n }),
           t.length > 0 ? /* @__PURE__ */ c(
             "ul",
@@ -666,7 +678,7 @@ const W = {
       ] })
     }
   );
-}, D1 = y(Y), I1 = ({
+}, T1 = b(X), I1 = ({
   autoFocus: d = !1,
   className: e,
   dataSearch: t = "container",
@@ -675,42 +687,46 @@ const W = {
   id: s = "",
   inputClass: r,
   leftIcon: i = "homeSearch",
-  mobileBackdrop: l = !1,
-  name: o = "",
-  options: u = [],
-  parentProps: p = {},
-  placeholder: V = "",
-  props: C = {},
-  rightIcon: f = "",
-  required: v = !1,
-  showSearchIcon: A = !0,
-  showRightIcon: h = !1,
-  size: b = "medium",
-  styles: w = null,
-  title: g = "",
-  type: E,
-  useGoogle: j = !1,
-  useReact: P = !1
+  leftIconProps: l = {},
+  loadingIconProps: o = {},
+  mobileBackdrop: p = !1,
+  name: u = "",
+  options: V = [],
+  parentProps: C = {},
+  placeholder: f = "",
+  props: v = {},
+  rightIcon: A = "",
+  required: h = !1,
+  showSearchIcon: y = !0,
+  showRightIcon: w = !1,
+  size: M = "medium",
+  styles: z = null,
+  title: j = "",
+  type: P,
+  useGoogle: R = !1,
+  useReact: W = !1
 }) => {
-  const R = P ? { defaultValue: a } : { value: a };
-  return /* @__PURE__ */ M(
+  const U = W ? { defaultValue: a } : { value: a };
+  return /* @__PURE__ */ g(
     "div",
     {
       id: s,
       "data-search": t,
-      "data-search-type": E,
-      "data-use-google": j,
+      "data-search-type": P,
+      "data-use-google": R,
       className: m("Autocomplete", e),
-      style: w ? { ...w } : null,
-      ...p,
+      style: z ? { ...z } : null,
+      ...C,
       children: [
-        A && /* @__PURE__ */ M(
+        y && /* @__PURE__ */ g(
           "span",
           {
             className: m(
-              "search-icon-left absolute inset-y-0 left-0 flex items-center pl-2",
+              "search-icon-left absolute inset-y-0 left-0 flex items-center ",
               {
-                "pointer-events-none": l
+                "pointer-events-none": p,
+                "pl-2": M === "medium",
+                "pl-4": M === "large"
               }
             ),
             children: [
@@ -719,8 +735,9 @@ const W = {
                 {
                   className: "home-search select-none text-gray-500",
                   name: i,
-                  size: b === "xLarge" ? "small" : "xSmall",
-                  viewBox: "0 0 24 24"
+                  size: M === "xLarge" ? "small" : "xSmall",
+                  viewBox: "0 0 24 24",
+                  ...l
                 }
               ),
               /* @__PURE__ */ c(
@@ -728,7 +745,7 @@ const W = {
                 {
                   className: "arrow-left select-none text-gray-500 hidden",
                   name: "arrowLeft",
-                  size: b === "xLarge" ? "small" : "xSmall",
+                  size: M === "xLarge" ? "small" : "xSmall",
                   viewBox: "0 0 24 24"
                 }
               )
@@ -743,22 +760,23 @@ const W = {
             className: m(
               "w-full bg-white placeholder:bg-white rounded border border-gray-300 py-2 pr-8 shadow-sm focus:outline-none sm-max:text-sm placeholder:text-gray-500 sm-max:placeholder:text-sm placeholder-shown:text-ellipsis truncate",
               {
-                "pl-8": A === !0,
-                "px-3 h-10": b === "medium",
-                "px-4 h-12": b === "large",
-                "px-5 h-[60px] sm:!text-base": b === "xLarge",
+                "pl-8": y === !0 && M === "medium",
+                "pl-10": y === !0 && M === "large",
+                "px-3 h-10": M === "medium",
+                "px-4 h-12": M === "large",
+                "px-5 h-[60px] sm:!text-base": M === "xLarge",
                 peer: n
               },
               r
             ),
-            required: v,
+            required: h,
             autoComplete: "off",
-            placeholder: !V && n ? " " : V,
+            placeholder: !f && n ? " " : f,
             type: "search",
-            name: o || "search-input",
+            name: u || "search-input",
             "data-id": "search-input",
-            ...R,
-            ...C
+            ...U,
+            ...v
           }
         ),
         n && /* @__PURE__ */ c(
@@ -767,10 +785,10 @@ const W = {
             className: m(
               "floating-label absolute text-sm !normal-case text-gray-500 duration-300 transform -translate-y-4 scale-75 top-2 z-10 origin-[0] bg-white px-2 peer-focus:text-[#222] peer-focus:px-2 peer-focus:bg-white peer-placeholder-shown:bg-white peer-placeholder-shown:scale-100 peer-placeholder-shown:-translate-y-1/2 peer-placeholder-shown:top-1/2 peer-focus:top-2 peer-focus:scale-75 peer-focus:-translate-y-4 start-1 pointer-events-none",
               {
-                "!left-7": A === !0,
-                "left-2": b === "medium",
-                "left-3": b === "large",
-                "left-4": b === "xLarge"
+                "!left-7": y === !0,
+                "left-2": M === "medium",
+                "left-3": M === "large",
+                "left-4": M === "xLarge"
               }
             ),
             children: n
@@ -800,23 +818,24 @@ const W = {
             children: /* @__PURE__ */ c(
               x,
               {
-                className: "animate-spin text-[#222]] pointer-events-none",
+                className: "animate-spin text-[#222] pointer-events-none",
                 name: "spinnerDark",
                 size: "xSmall",
-                viewBox: "0 0 24 24"
+                viewBox: "0 0 24 24",
+                ...o
               }
             )
           }
         ),
-        f && /* @__PURE__ */ c(
+        A && /* @__PURE__ */ c(
           "span",
           {
             "data-id": "right-icon",
-            className: `${h ? "" : "hidden"} absolute inset-y-0 right-0 flex items-center px-2 pointer-events-none`,
-            children: /* @__PURE__ */ c(x, { name: f, size: "small", viewBox: "0 0 24 24" })
+            className: `${w ? "" : "hidden"} absolute inset-y-0 right-0 flex items-center px-2 pointer-events-none`,
+            children: /* @__PURE__ */ c(x, { name: A, size: "small", viewBox: "0 0 24 24" })
           }
         ),
-        /* @__PURE__ */ M(
+        /* @__PURE__ */ g(
           "div",
           {
             "data-id": "search-dropdown",
@@ -828,20 +847,20 @@ const W = {
                 {
                   "data-id": "search-dropdown-body",
                   role: "listbox",
-                  "data-title": g,
+                  "data-title": j,
                   "aria-labelledby": "Label",
                   "aria-activedescendant": "search-item-0",
-                  children: u.length > 0 ? u.map((k, z) => /* @__PURE__ */ c(
+                  children: V.length > 0 ? V.map((k, Z) => /* @__PURE__ */ c(
                     "li",
                     {
-                      id: `search-item-${z}`,
+                      id: `search-item-${Z}`,
                       tabIndex: -1,
                       className: "dropdown-item text-gray-900 cursor-default select-none py-2 pl-3 pr-4 truncate hover:bg-gray-50 font-normal focus:bg-gray-50 focus:text-green-400 focus-visible:outline-0",
-                      "aria-selected": z === 0,
+                      "aria-selected": Z === 0,
                       role: "option",
                       children: (k == null ? void 0 : k.name) || k
                     },
-                    `search-item-${z}`
+                    `search-item-${Z}`
                   )) : ""
                 }
               )
@@ -851,7 +870,7 @@ const W = {
       ]
     }
   );
-}, T1 = ({
+}, B1 = ({
   children: d,
   className: e,
   size: t = "sm",
@@ -870,7 +889,7 @@ const W = {
     ),
     children: d
   }
-), _ = ({
+), K = ({
   borderless: d = !1,
   leftIcon: e,
   leftIconProps: t = {},
@@ -881,15 +900,15 @@ const W = {
   outline: i = !1,
   props: l = {},
   rightIcon: o,
-  rightIconProps: u = {},
-  rounded: p = !1,
+  rightIconProps: p = {},
+  rounded: u = !1,
   size: V = "md",
   type: C = "button",
   uppercase: f = !1,
   variation: v = "primary"
 }) => {
   const A = r ? "a" : "button";
-  return /* @__PURE__ */ M(
+  return /* @__PURE__ */ g(
     A,
     {
       type: A !== "a" ? C : null,
@@ -898,7 +917,7 @@ const W = {
         {
           [`button--${v}`]: v,
           [`button--${V}`]: V,
-          "button--rounded": p,
+          "button--rounded": u,
           "button--disabled": s,
           "button--outline": i,
           "button--custom-link": r,
@@ -927,13 +946,13 @@ const W = {
             name: o,
             size: V === "md" ? "small" : "xSmall",
             viewBox: "0 0 24 24",
-            ...u
+            ...p
           }
         )
       ]
     }
   );
-}, F = y(_), X = ({
+}, F = b(K), e1 = ({
   checked: d = !1,
   children: e,
   className: t,
@@ -944,11 +963,11 @@ const W = {
   name: i = "",
   props: l = {},
   variation: o = "primary",
-  value: u = ""
+  value: p = ""
 }) => {
-  const p = r ? "div" : "label", V = p === "label" ? { htmlFor: s } : {};
-  return /* @__PURE__ */ M(
-    p,
+  const u = r ? "div" : "label", V = u === "label" ? { htmlFor: s } : {};
+  return /* @__PURE__ */ g(
+    u,
     {
       className: m("checkbox flex items-center", o, t),
       ...V,
@@ -967,7 +986,7 @@ const W = {
             id: s,
             name: i,
             type: "checkbox",
-            value: u,
+            value: p,
             ...l
           }
         ),
@@ -975,7 +994,7 @@ const W = {
       ]
     }
   );
-}, O1 = y(X), K = ({
+}, $1 = b(e1), t1 = ({
   activator: d,
   id: e = "",
   children: t,
@@ -986,19 +1005,19 @@ const W = {
   disableClose: i = !1,
   footer: l,
   fullMobile: o = !0,
-  headerClass: u,
-  hideClose: p = !1,
+  headerClass: p,
+  hideClose: u = !1,
   iconSize: V = "medium",
   preventPageScroll: C = !0,
   sheet: f = !1,
   sheetDirection: v = "right",
   stickyHeader: A = !1,
   title: h = "",
-  titleClass: b,
+  titleClass: y,
   useFormMethod: w = !0
 }) => {
-  const g = w ? "form" : "div";
-  return /* @__PURE__ */ M(S, { children: [
+  const M = w ? "form" : "div";
+  return /* @__PURE__ */ g(S, { children: [
     d && /* @__PURE__ */ c("span", { id: `${e}-dialog-activator`, children: d }),
     /* @__PURE__ */ c(
       "dialog",
@@ -1017,13 +1036,13 @@ const W = {
           },
           a
         ),
-        children: /* @__PURE__ */ M(
-          g,
+        children: /* @__PURE__ */ g(
+          M,
           {
             className: "dialog-container",
             method: w ? "dialog" : null,
             children: [
-              /* @__PURE__ */ M(
+              /* @__PURE__ */ g(
                 "header",
                 {
                   className: m(
@@ -1033,11 +1052,11 @@ const W = {
                       "!pb-0 border-0 justify-end": !h,
                       "justify-between border-b": h
                     },
-                    u
+                    p
                   ),
                   children: [
-                    h && /* @__PURE__ */ c("h3", { id: `${e}-dialog-title`, className: b, children: h }),
-                    !p && /* @__PURE__ */ c(
+                    h && /* @__PURE__ */ c("h3", { id: `${e}-dialog-title`, className: y, children: h }),
+                    !u && /* @__PURE__ */ c(
                       "button",
                       {
                         type: "button",
@@ -1079,7 +1098,7 @@ const W = {
       }
     )
   ] });
-}, B1 = y(K), $1 = ({ className: d }) => /* @__PURE__ */ M("div", { className: m("Dots mx-auto", d), children: [
+}, q1 = b(t1), j1 = ({ className: d }) => /* @__PURE__ */ g("div", { className: m("Dots mx-auto", d), children: [
   /* @__PURE__ */ c("span", { style: { animationDelay: "0.1s" } }),
   /* @__PURE__ */ c("span", { style: { animationDelay: "0.2s" } }),
   /* @__PURE__ */ c("span", { style: { animationDelay: "0.3s" } }),
@@ -1088,7 +1107,7 @@ const W = {
   /* @__PURE__ */ c("span", { style: { animationDelay: "0.6s" } }),
   /* @__PURE__ */ c("span", { style: { animationDelay: "0.7s" } }),
   /* @__PURE__ */ c("span", { style: { animationDelay: "0.8s" } })
-] }), e1 = ({
+] }), a1 = ({
   cb: d,
   onUpdate: e,
   className: t = "",
@@ -1102,19 +1121,19 @@ const W = {
       `.loading-bar__inner${a ? `.${a}` : ""}`
     );
     if (!o) return;
-    let u, p, V = !1;
+    let p, u, V = !1;
     function C(f) {
-      u === void 0 && (u = f);
-      const v = f - u;
-      if (p !== f) {
+      p === void 0 && (p = f);
+      const v = f - p;
+      if (u !== f) {
         const A = v / s * 101;
         o.style.width = `${A}%`, e && e({ elapsed: v, percentage: A }), A >= 101 && (l && l(), V = !0, window.cancelAnimationFrame(f));
       }
-      v < s && (p = f, V || window.requestAnimationFrame(C));
+      v < s && (u = f, V || window.requestAnimationFrame(C));
     }
     window.requestAnimationFrame(C);
   }
-  return N(() => {
+  return E(() => {
     i({ cb: d });
   }, []), /* @__PURE__ */ c(
     "div",
@@ -1133,7 +1152,7 @@ const W = {
       children: /* @__PURE__ */ c("div", { className: `loading-bar__inner ${a}`, "data-size": "100" })
     }
   );
-}, q1 = y(e1), t1 = ({ className: d }) => /* @__PURE__ */ c("div", { className: m("processing-spinner", d) }), j1 = y(t1), P1 = ({
+}, P1 = b(a1), n1 = ({ className: d }) => /* @__PURE__ */ c("div", { className: m("processing-spinner", d) }), R1 = b(n1), W1 = ({
   activator: d,
   activatorClass: e = "",
   attrs: t = {},
@@ -1143,12 +1162,12 @@ const W = {
   disabled: r = !1,
   options: i = {},
   trigger: l = "click"
-}) => /* @__PURE__ */ M(S, { children: [
+}) => /* @__PURE__ */ g(S, { children: [
   /* @__PURE__ */ c(
     "div",
     {
       className: m("popover z-10 max-w-[350px] hidden", n),
-      children: /* @__PURE__ */ M(
+      children: /* @__PURE__ */ g(
         "div",
         {
           className: m(
@@ -1185,7 +1204,7 @@ const W = {
       children: d
     }
   )
-] }), a1 = ({
+] }), s1 = ({
   ariaValuemax: d = 100,
   ariaValuemin: e = 0,
   bgColor: t = "bg-orange-500",
@@ -1197,7 +1216,7 @@ const W = {
   rounded: l = !0,
   showLabel: o = !1
 }) => {
-  const p = ((V, C) => {
+  const u = ((V, C) => {
     if (V) {
       const f = Number(C) / V;
       return f > 1 ? 100 : f * 100;
@@ -1224,7 +1243,7 @@ const W = {
             "h-full text-right flex items-center justify-end rounded-full",
             t
           ),
-          style: { width: `${p}%` },
+          style: { width: `${u}%` },
           children: o && /* @__PURE__ */ c(
             "span",
             {
@@ -1232,14 +1251,14 @@ const W = {
                 "font-bold text-white text-xs mr-2",
                 r
               ),
-              children: s || Math.round(p)
+              children: s || Math.round(u)
             }
           )
         }
       )
     }
   );
-}, R1 = y(a1), n1 = ({
+}, U1 = b(s1), l1 = ({
   checked: d = !1,
   children: e,
   className: t,
@@ -1251,12 +1270,12 @@ const W = {
   variation: l = "primary",
   value: o = ""
 }) => {
-  const u = s ? "div" : "label", p = u === "label" ? { htmlFor: a } : {};
-  return /* @__PURE__ */ M(
-    u,
+  const p = s ? "div" : "label", u = p === "label" ? { htmlFor: a } : {};
+  return /* @__PURE__ */ g(
+    p,
     {
       className: m("radio flex items-center", t),
-      ...p,
+      ...u,
       children: [
         /* @__PURE__ */ c(
           "input",
@@ -1280,7 +1299,7 @@ const W = {
       ]
     }
   );
-}, W1 = y(n1), s1 = ({
+}, G1 = b(l1), r1 = ({
   className: d = "",
   error: e = !1,
   errorMessage: t = "",
@@ -1291,27 +1310,30 @@ const W = {
   placeholder: i = "",
   props: l = {},
   selectClass: o = "",
-  styles: u = null,
-  variation: p = "primary",
+  styles: p = null,
+  variation: u = "primary",
   value: V
 }) => {
   const C = i ? { defaultValue: "" } : {};
-  return /* @__PURE__ */ M(
+  return /* @__PURE__ */ g(
     "label",
     {
-      className: m("relative select", d, p),
-      style: u ? { ...u } : null,
+      className: m("relative select", d, u),
+      style: p ? { ...p } : null,
       children: [
         n,
-        /* @__PURE__ */ M(
+        /* @__PURE__ */ g(
           "select",
           {
             className: m(
               "form-select relative bg-white pl-3 pr-10 text-left cursor-default",
               {
-                "!border-red-500 !bg-red-500/10 !text-red-700 focus:!ring-red-500 focus:!border-red-500": e
+                "!border-red-500 focus:!ring-red-500 focus:!border-red-500": e
               },
-              o
+              { "!bg-red/500/10 !text-red-700": e && u !== "blue" },
+              { "!text-black-900": e && u === "blue" },
+              o,
+              u
             ),
             id: a,
             name: s,
@@ -1335,7 +1357,7 @@ const W = {
       ]
     }
   );
-}, U1 = y(s1), l1 = ({ className: d }) => /* @__PURE__ */ M(
+}, Q1 = b(r1), i1 = ({ className: d }) => /* @__PURE__ */ g(
   "div",
   {
     className: m(
@@ -1347,13 +1369,13 @@ const W = {
       /* @__PURE__ */ c("span", { className: "sr-only", children: "Loading..." })
     ]
   }
-), G1 = y(l1), r1 = ({
+), J1 = b(i1), o1 = ({
   placeholderClass: d = "",
   children: e,
   className: t,
   id: a = 1,
   padding: n = !0
-}) => /* @__PURE__ */ M("div", { className: m("slider", t), id: `slider-${a}`, children: [
+}) => /* @__PURE__ */ g("div", { className: m("slider", t), id: `slider-${a}`, children: [
   /* @__PURE__ */ c(
     "button",
     {
@@ -1382,7 +1404,7 @@ const W = {
       children: /* @__PURE__ */ c(x, { name: "chevronRight" })
     }
   )
-] }), Q1 = y(r1), i1 = ({ className: d, iconClass: e, iconProps: t = {} }) => /* @__PURE__ */ c("div", { className: m("rounded-r-md px-2 focus:outline-none", d), children: /* @__PURE__ */ c(
+] }), Y1 = b(o1), c1 = ({ className: d, iconClass: e, iconProps: t = {} }) => /* @__PURE__ */ c("div", { className: m("rounded-r-md px-2 focus:outline-none", d), children: /* @__PURE__ */ c(
   x,
   {
     className: m("animate-spin text-black-900", e),
@@ -1391,7 +1413,7 @@ const W = {
     viewBox: "0 0 24 24",
     ...t
   }
-) }), J1 = y(i1), Y1 = ({
+) }), _1 = b(c1), X1 = ({
   className: d,
   value: e
 }) => {
@@ -1408,7 +1430,7 @@ const W = {
       style: t
     }
   );
-}, o1 = ({
+}, d1 = ({
   className: d,
   clear: e = !1,
   error: t = !1,
@@ -1419,8 +1441,8 @@ const W = {
   placeholder: i = "",
   props: l = {},
   rows: o = 4,
-  variation: u = "primary"
-}) => /* @__PURE__ */ M("div", { className: m("relative textarea", u, d), children: [
+  variation: p = "primary"
+}) => /* @__PURE__ */ g("div", { className: m("relative textarea", p, d), children: [
   /* @__PURE__ */ c(
     "textarea",
     {
@@ -1455,7 +1477,7 @@ const W = {
     }
   ),
   a && /* @__PURE__ */ c("span", { className: "relative flex mt-0.5 text-red-700 text-xs text-left", children: a })
-] }), c1 = y(o1), d1 = ({
+] }), h1 = b(d1), u1 = ({
   className: d,
   clear: e = !1,
   error: t = !1,
@@ -1466,15 +1488,15 @@ const W = {
   name: i = "",
   placeholder: l = "",
   props: o = {},
-  styles: u = null,
-  type: p = "text",
+  styles: p = null,
+  type: u = "text",
   value: V,
   variation: C = "primary"
-}) => /* @__PURE__ */ M(
+}) => /* @__PURE__ */ g(
   "div",
   {
     className: m("relative textbox", C, d),
-    style: u ? { ...u } : null,
+    style: p ? { ...p } : null,
     children: [
       n && /* @__PURE__ */ c("div", { className: "pointer-events-none absolute inset-y-0 left-0 flex items-center px-2", children: /* @__PURE__ */ c(
         x,
@@ -1491,7 +1513,7 @@ const W = {
           placeholder: l,
           id: s,
           name: i,
-          type: p,
+          type: u,
           value: V,
           autoComplete: "off",
           className: m(
@@ -1499,10 +1521,14 @@ const W = {
             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
+              "!border-red-500 focus:!ring-red-500 focus:!border-red-500": t
             },
             o.inputClass ?? "",
-            r
+            r,
+            { "placeholder:!text-black-900": t && C === "blue" },
+            {
+              "!bg-red-500/10 placeholder:!text-red-700": t && C !== "blue"
+            }
           ),
           ...o
         }
@@ -1525,7 +1551,7 @@ const W = {
       a && /* @__PURE__ */ c("span", { className: "relative flex mt-0.5 text-red-700 text-xs text-left", children: a })
     ]
   }
-), D = y(d1), h1 = ({ checked: d = !1, props: e = {} }) => /* @__PURE__ */ c(S, { children: /* @__PURE__ */ c("label", { className: "flex cursor-pointer select-none items-center", children: /* @__PURE__ */ M("div", { className: "relative", children: [
+), D = b(u1), p1 = ({ checked: d = !1, props: e = {} }) => /* @__PURE__ */ c(S, { children: /* @__PURE__ */ c("label", { className: "flex cursor-pointer select-none items-center", children: /* @__PURE__ */ g("div", { className: "relative", children: [
   /* @__PURE__ */ c(
     "input",
     {
@@ -1547,7 +1573,7 @@ const W = {
       className: `absolute left-1 top-1 flex h-6 w-6 items-center justify-center rounded-full bg-white transition ${d ? "translate-x-full" : ""}`
     }
   )
-] }) }) }), _1 = y(h1), u1 = ({
+] }) }) }), K1 = b(p1), m1 = ({
   btnClass: d,
   className: e = "",
   containerClass: t,
@@ -1556,7 +1582,7 @@ const W = {
   titleClass: s,
   uppercase: r = !0
 }) => {
-  const i = a || /* @__PURE__ */ M(S, { children: [
+  const i = a || /* @__PURE__ */ g(S, { children: [
     "Typical email response time is 2-3 hours. If you require immediate assistance you may use our",
     " ",
     /* @__PURE__ */ c(
@@ -1573,7 +1599,7 @@ const W = {
       }
     )
   ] });
-  return /* @__PURE__ */ M(
+  return /* @__PURE__ */ g(
     "form",
     {
       id: "contactForm",
@@ -1583,7 +1609,7 @@ const W = {
       children: [
         /* @__PURE__ */ c("h2", { id: "contact-title", className: m("mb-4", s), children: n }),
         /* @__PURE__ */ c("p", { className: "contact-form__msg", children: i }),
-        /* @__PURE__ */ M(
+        /* @__PURE__ */ g(
           "div",
           {
             className: m(
@@ -1614,7 +1640,7 @@ const W = {
                 }
               ),
               /* @__PURE__ */ c(
-                c1,
+                h1,
                 {
                   id: "contact-message",
                   name: "contact-message",
@@ -1645,7 +1671,7 @@ const W = {
       ]
     }
   );
-}, X1 = y(u1), p1 = ({
+}, e2 = b(m1), f1 = ({
   block: d = !1,
   children: e,
   className: t,
@@ -1656,23 +1682,23 @@ const W = {
   headerClass: i,
   list: l = !1,
   props: o = {},
-  variation: u = "primary"
+  variation: p = "primary"
 }) => {
-  const p = l ? "ul" : "div";
-  return /* @__PURE__ */ M(
+  const u = l ? "ul" : "div";
+  return /* @__PURE__ */ g(
     "div",
     {
       className: m(
         "content-card",
         { "content-card--block": d },
-        `content-card--${u}`,
+        `content-card--${p}`,
         t
       ),
       ...o,
       children: [
         r && /* @__PURE__ */ c("div", { className: m("content-card__header", i), children: typeof r == "string" ? /* @__PURE__ */ c("h3", { children: r }) : r }),
         /* @__PURE__ */ c(
-          p,
+          u,
           {
             className: m("content-card__content", a),
             role: l ? "list" : null,
@@ -1683,7 +1709,7 @@ const W = {
       ]
     }
   );
-}, K1 = y(p1), m1 = ({
+}, t2 = b(f1), V1 = ({
   children: d,
   className: e,
   colGap: t = 2,
@@ -1694,8 +1720,8 @@ const W = {
   rowGap: i = 1,
   value: l,
   valueClass: o,
-  wrap: u = !1
-}) => /* @__PURE__ */ M(
+  wrap: p = !1
+}) => /* @__PURE__ */ g(
   "div",
   {
     className: m(
@@ -1703,7 +1729,7 @@ const W = {
       {
         "flex-col items-start": a === "col",
         "flex-row items-center": a === "row",
-        "flex-wrap": u
+        "flex-wrap": p
       },
       e
     ),
@@ -1718,7 +1744,7 @@ const W = {
       d
     ]
   }
-), e2 = y(m1), t2 = ({
+), a2 = b(V1), n2 = ({
   breakPage: d = !1,
   children: e,
   className: t,
@@ -1727,7 +1753,7 @@ const W = {
   title: s,
   titleClass: r,
   titleId: i
-}) => /* @__PURE__ */ M(
+}) => /* @__PURE__ */ g(
   "section",
   {
     className: m(
@@ -1744,7 +1770,7 @@ const W = {
       e
     ]
   }
-), a2 = ({ children: d, className: e, list: t = !0 }) => /* @__PURE__ */ c(t ? "li" : "div", { className: m("stacked-list", e), children: d }), f1 = ({ align: d = "center", children: e, className: t, tag: a = "h1", title: n }) => /* @__PURE__ */ c(
+), s2 = ({ children: d, className: e, list: t = !0 }) => /* @__PURE__ */ c(t ? "li" : "div", { className: m("stacked-list", e), children: d }), H1 = ({ align: d = "center", children: e, className: t, tag: a = "h1", title: n }) => /* @__PURE__ */ c(
   a,
   {
     className: m(
@@ -1758,7 +1784,7 @@ const W = {
     ),
     children: n || e
   }
-), n2 = y(f1), V1 = {
+), l2 = b(H1), C1 = {
   circular: "circular 3s linear infinite",
   "circular-reverse": "circular 3s linear reverse infinite",
   "fade-in": "fade-in 0.2.5s ease-out",
@@ -1772,17 +1798,17 @@ const W = {
   "slide-out-to-right": "slide-out-to-right 0.3s ease-in forwards",
   "slide-in-from-right": "slide-in-from-right 0.3s ease-out forwards",
   indeterminate_first: "indeterminate_first 1.1s ease-in-out infinite"
-}, H1 = {
+}, L1 = {
   map: "var(--map)"
-}, C1 = {
+}, M1 = {
   "3xs": "0.5rem",
   xxs: "0.625rem",
   "2.5xl": "1.625rem",
   "2.75xl": "1.75rem",
   "3.5xl": "2rem"
-}, L1 = {
+}, g1 = {
   17: "repeat(17, minmax(0, 1fr))"
-}, M1 = {
+}, v1 = {
   circular: {
     "100%": {
       transform: "rotate(360deg)"
@@ -1892,16 +1918,16 @@ const W = {
       transform: "translateX(0)"
     }
   }
-}, g1 = {
+}, b1 = {
   20: "5rem",
   24: "6rem",
   28: "7rem",
   32: "8rem"
-}, v1 = {
+}, A1 = {
   aside: "268px",
   container: "724px",
   page: "1200px"
-}, b1 = {
+}, y1 = {
   "xs-max": {
     max: "639px"
   },
@@ -1919,23 +1945,23 @@ const W = {
     max: "1199px"
   },
   "lg-up": "1200px"
-}, A1 = {
+}, x1 = {
   0: "0ms",
   50: "50ms"
-}, y1 = {
+}, w1 = {
   "center-top": "center 30%"
 }, T = {
-  animation: V1,
-  backgroundImage: H1,
-  fontSize: C1,
-  gridTemplateColumns: L1,
-  keyframes: M1,
-  margin: g1,
-  maxWidth: v1,
-  screens: b1,
-  transitionDuration: A1,
-  transformOrigin: y1
-}, O = {
+  animation: C1,
+  backgroundImage: L1,
+  fontSize: M1,
+  gridTemplateColumns: g1,
+  keyframes: v1,
+  margin: b1,
+  maxWidth: A1,
+  screens: y1,
+  transitionDuration: x1,
+  transformOrigin: w1
+}, I = {
   black: {
     50: "#FCFCFC",
     100: "#F9F9F9",
@@ -2063,10 +2089,10 @@ const W = {
   purple: "hsl(279 85% 57%)",
   white: "hsl(0 0% 100%)",
   transparent: "hsl(0 0% 100% / 0)"
-}, s2 = {
-  ...O,
+}, r2 = {
+  ...I,
   ...B
-}, x1 = ({ matchUtilities: d, theme: e }) => d(
+}, S1 = ({ matchUtilities: d, theme: e }) => d(
   {
     aspect: (t) => ({
       "@supports (aspect-ratio: 1 / 1)": {
@@ -2087,7 +2113,7 @@ const W = {
     })
   },
   { values: e("aspectRatio") }
-), w1 = ({ matchUtilities: d, theme: e }) => d(
+), k1 = ({ matchUtilities: d, theme: e }) => d(
   {
     "animation-delay": (t) => ({
       "animation-delay": t
@@ -2096,15 +2122,15 @@ const W = {
   {
     values: e("transitionDelay")
   }
-), S1 = ({ matchUtilities: d }) => d({
+), z1 = ({ matchUtilities: d }) => d({
   "max-inline": (e) => ({
     "max-inline-size": e
   })
-}), k1 = ({ matchUtilities: d }) => d({
+}), Z1 = ({ matchUtilities: d }) => d({
   "max-block": (e) => ({
     "max-block-size": e
   })
-}), I = ({
+}), O = ({
   addUtilities: d,
   e,
   classPrefix: t = "",
@@ -2115,18 +2141,18 @@ const W = {
   weightProps: i = null
 }) => {
   const l = {};
-  Object.entries(s).forEach(([o, u]) => {
-    const p = {
-      "font-size": u,
+  Object.entries(s).forEach(([o, p]) => {
+    const u = {
+      "font-size": p,
       ...a
-    }, V = `.${e(`${t}-${o}`)}`, C = n ? n({ sizeKey: o, sizeValue: u }) : {};
+    }, V = `.${e(`${t}-${o}`)}`, C = n ? n({ sizeKey: o, sizeValue: p }) : {};
     l[V] = {
-      ...p,
+      ...u,
       ...C
     }, Object.entries(r).forEach(([f, v]) => {
-      const A = `.${e(`${t}-${o}-${f}`)}`, h = i ? i({ sizeKey: o, sizeValue: u, weightKey: f, weightValue: v }) : {};
+      const A = `.${e(`${t}-${o}-${f}`)}`, h = i ? i({ sizeKey: o, sizeValue: p, weightKey: f, weightValue: v }) : {};
       l[A] = {
-        ...p,
+        ...u,
         "font-weight": v,
         ...h
       };
@@ -2218,7 +2244,7 @@ const W = {
       2: "0.813rem",
       3: "0.75rem"
     };
-    I({
+    O({
       addUtilities: d,
       e: a,
       classPrefix: "header",
@@ -2230,22 +2256,22 @@ const W = {
       }),
       sizes: r,
       weights: s
-    }), I({
+    }), O({
       addUtilities: d,
       e: a,
       classPrefix: "text-body",
       sizes: i,
       weights: s
-    }), x1({ matchUtilities: e, theme: t }), w1({ matchUtilities: e, theme: t }), S1({ matchUtilities: e }), k1({ matchUtilities: e });
+    }), S1({ matchUtilities: e, theme: t }), k1({ matchUtilities: e, theme: t }), z1({ matchUtilities: e }), Z1({ matchUtilities: e });
   }
-], l2 = {
+], i2 = {
   theme: {
     extend: T,
-    colors: O
+    colors: I
   },
   plugins: q,
   corePlugins: $
-}, r2 = {
+}, o2 = {
   theme: {
     extend: T,
     colors: B
@@ -2253,7 +2279,7 @@ const W = {
   plugins: q,
   corePlugins: $
 };
-function z1(d, e = []) {
+function N1(d, e = []) {
   return new Proxy(d, {
     get: function(t, a) {
       return t[a];
@@ -2264,39 +2290,39 @@ function z1(d, e = []) {
     }
   });
 }
-function i2(d, e = []) {
+function c2(d, e = []) {
   e.length && (d == null || d.classList.add(...e));
 }
-function o2(d, e = []) {
+function d2(d, e = []) {
   e.length && (d == null || d.classList.remove(...e));
 }
-function c2({ cb: d, form: e, formData: t, validations: a, reactive: n = !1 }) {
+function h2({ cb: d, form: e, formData: t, validations: a, reactive: n = !1 }) {
   let s = !0;
   for (const [r, i] of t.entries()) {
-    const l = e.querySelector(`[name="${r}"]`), o = a[r], u = [];
-    o.forEach((p) => {
-      p.isValid(i) || u.push(p.message);
-    }), u.length ? (s = !1, l.classList.add("field-error"), d && d({ isValid: s, field: l, validations: a })) : (l.classList.remove("field-error"), d && d({ isValid: !0, field: l, validations: a })), n && (l == null || l.addEventListener("input", (p) => {
-      p.preventDefault(), l.classList.contains("field-error") && l.classList.remove("field-error");
+    const l = e.querySelector(`[name="${r}"]`), o = a[r], p = [];
+    o.forEach((u) => {
+      u.isValid(i) || p.push(u.message);
+    }), p.length ? (s = !1, l.classList.add("field-error"), d && d({ isValid: s, field: l, validations: a })) : (l.classList.remove("field-error"), d && d({ isValid: !0, field: l, validations: a })), n && (l == null || l.addEventListener("input", (u) => {
+      u.preventDefault(), l.classList.contains("field-error") && l.classList.remove("field-error");
     }));
   }
   return s;
 }
-function d2(d) {
+function u2(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 h2 {
+class p2 {
   init(e) {
     this.handleSliders(e);
   }
   handleSliders({ items: e, id: t = 1, cb: a }) {
     if (!document.getElementById(`slider-container-${t}`))
       return;
-    const n = z1(
+    const n = N1(
       {
         activeIndex: 0,
         computedSlides: [],
@@ -2431,12 +2457,12 @@ class H {
     const {
       isHeads: l = null,
       isLoggedIn: o = null,
-      url: u = null,
-      ip: p = null,
+      url: p = null,
+      ip: u = null,
       sessionId: V = null,
       user: C = null
     } = (window == null ? void 0 : window.options) ?? {}, { id: f = null } = C ?? {};
-    t.userId = s ?? f, t.isHeads = l, t.isLoggedIn = o, t.url = u, await H.createData(
+    t.userId = s ?? f, t.isHeads = l, t.isLoggedIn = o, t.url = p, await H.createData(
       "/api/event",
       {
         payload: {
@@ -2445,7 +2471,7 @@ class H {
           name: n,
           userId: s ?? f,
           url: window.location.href,
-          ip: p,
+          ip: u,
           sessionId: V,
           siteMarker: r ?? i
         }
@@ -2541,8 +2567,8 @@ class H {
     try {
       const l = await fetch(i, { method: "GET" });
       if (t === !0) {
-        const u = await l.text();
-        return u ? u.replace("__next", "") : null;
+        const p = await l.text();
+        return p ? p.replace("__next", "") : null;
       }
       const o = l.headers.get("content-type");
       return o && o.indexOf("application/json") !== -1 ? l.json() : null;
@@ -2625,7 +2651,7 @@ class H {
     if ((o = window == null ? void 0 : window.options) != null && o.isPdf)
       return i;
     try {
-      const p = await (await fetch("/api/client-headers")).json(), V = (p == null ? void 0 : p.sessionId) ?? "noSessionId", C = (p == null ? void 0 : p.ip) ?? null, f = e * 1e3;
+      const u = await (await fetch("/api/client-headers")).json(), V = (u == null ? void 0 : u.sessionId) ?? "noSessionId", C = (u == null ? void 0 : u.ip) ?? null, f = e * 1e3;
       return localStorage.setItem(
         l,
         JSON.stringify({
@@ -2634,8 +2660,8 @@ class H {
           expire: (/* @__PURE__ */ new Date()).getTime() + f
         })
       ), { tolken: V, ip: C, userAgent: a, platform: r };
-    } catch (u) {
-      console.error("getHeaders", u);
+    } catch (p) {
+      console.error("getHeaders", p);
     }
     return i;
   }
@@ -2650,11 +2676,11 @@ class H {
     return await H.fetchData("/api/client?query=" + r);
   }
   static getReportUrl(e, t = null) {
-    var l, o, u;
-    const a = ((l = e == null ? void 0 : e.state) == null ? void 0 : l.slug) ?? null, n = ((o = e == null ? void 0 : e.city) == null ? void 0 : o.slug) ?? null, s = ((u = e == null ? void 0 : e.name) == null ? void 0 : u.slug) ?? null, r = (e == null ? void 0 : e.zip) ?? null;
+    var l, o, p;
+    const a = ((l = e == null ? void 0 : e.state) == null ? void 0 : l.slug) ?? null, n = ((o = e == null ? void 0 : e.city) == null ? void 0 : o.slug) ?? null, s = ((p = e == null ? void 0 : e.name) == null ? void 0 : p.slug) ?? null, r = (e == null ? void 0 : e.zip) ?? null;
     t = t || ((e == null ? void 0 : e.id) ?? null);
-    const i = [r, "-piq", t].filter((p) => p).join("");
-    return "/" + [a, n, s].filter((p) => p).map((p) => H.toSlug(p)).join("/") + "/" + i;
+    const i = [r, "-piq", t].filter((u) => u).join("");
+    return "/" + [a, n, s].filter((u) => u).map((u) => H.toSlug(u)).join("/") + "/" + i;
   }
   static async getSearchValue(e = "recsSearchValue") {
     try {
@@ -2864,7 +2890,7 @@ class H {
     selfClose: r = !1,
     target: i = null
   }) {
-    const l = i ? document.querySelectorAll(i) : [], o = document.getElementById(`${t}-dialog`), u = r ? o == null ? void 0 : o.querySelectorAll("[data-dialog-close]") : document.querySelectorAll("[data-dialog-close]"), p = [
+    const l = i ? document.querySelectorAll(i) : [], o = document.getElementById(`${t}-dialog`), p = r ? o == null ? void 0 : o.querySelectorAll("[data-dialog-close]") : document.querySelectorAll("[data-dialog-close]"), u = [
       "closing",
       "closed",
       "opening",
@@ -2872,23 +2898,23 @@ class H {
       "outside",
       "removed"
     ].reduce(
-      (h, b) => ({
+      (h, y) => ({
         ...h,
-        [b]: new Event(b)
+        [y]: new Event(y)
       }),
       {}
-    ), V = new MutationObserver((h, b) => {
+    ), V = new MutationObserver((h, y) => {
       h.forEach(async (w) => {
         if (w.attributeName === "open") {
-          const g = w.target;
-          if (!(g == null ? void 0 : g.hasAttribute("open"))) return;
-          g == null || g.removeAttribute("inert"), g == null || g.dispatchEvent(p.opening), g && await A(g), g == null || g.dispatchEvent(p.opened);
+          const M = w.target;
+          if (!(M == null ? void 0 : M.hasAttribute("open"))) return;
+          M == null || M.removeAttribute("inert"), M == null || M.dispatchEvent(u.opening), M && await A(M), M == null || M.dispatchEvent(u.opened);
         }
       });
-    }), C = new MutationObserver((h, b) => {
+    }), C = new MutationObserver((h, y) => {
       h.forEach((w) => {
-        w.removedNodes.forEach((g) => {
-          g.nodeName === "DIALOG" && (g.removeEventListener("click", v), g.removeEventListener("close", f), g.dispatchEvent(p.removed), C == null || C.disconnect(), V == null || V.disconnect());
+        w.removedNodes.forEach((M) => {
+          M.nodeName === "DIALOG" && (M.removeEventListener("click", v), M.removeEventListener("close", f), M.dispatchEvent(u.removed), C == null || C.disconnect(), V == null || V.disconnect());
         });
       });
     });
@@ -2900,11 +2926,11 @@ class H {
       childList: !0
     }));
     const f = async ({ target: h }) => {
-      h == null || h.classList.add("closing"), h == null || h.setAttribute("inert", ""), h == null || h.dispatchEvent(p.closing), h && await A(h), h == null || h.classList.remove("closing"), h == null || h.dispatchEvent(p.closed);
+      h == null || h.classList.add("closing"), h == null || h.setAttribute("inert", ""), h == null || h.dispatchEvent(u.closing), h && await A(h), h == null || h.classList.remove("closing"), h == null || h.dispatchEvent(u.closed);
     }, v = async ({ target: h }) => {
-      (h == null ? void 0 : h.nodeName) === "DIALOG" && (h == null || h.dispatchEvent(p.outside), o == null || o.close("outside"));
+      (h == null ? void 0 : h.nodeName) === "DIALOG" && (h == null || h.dispatchEvent(u.outside), o == null || o.close("outside"));
     }, A = (h) => Promise.allSettled(
-      h == null ? void 0 : h.getAnimations().map((b) => b == null ? void 0 : b.finished)
+      h == null ? void 0 : h.getAnimations().map((y) => y == null ? void 0 : y.finished)
     );
     return !e && (o == null || o.addEventListener("click", v)), o == null || o.addEventListener("close", async (h) => {
       await f({ target: h.target }), a && a(h, o);
@@ -2915,11 +2941,11 @@ class H {
     })), n && (o == null || o.addEventListener("open", async (h) => {
       n(h, o);
     })), l == null || l.forEach((h) => {
-      h.addEventListener("click", (b) => {
-        o == null || o.showModal(), s && s(b, o);
+      h.addEventListener("click", (y) => {
+        o == null || o.showModal(), s && s(y, o);
       });
-    }), u == null || u.forEach((h) => {
-      h.addEventListener("click", async (b) => {
+    }), p == null || p.forEach((h) => {
+      h.addEventListener("click", async (y) => {
         o == null || o.close("close");
       });
     }), {
@@ -3066,13 +3092,13 @@ class H {
       max: i = null,
       city: l = null,
       state: o = null,
-      vin: u = null,
-      license: p = null,
+      vin: p = null,
+      license: u = null,
       token: V = null,
       phone: C = null
     } = e || {}, f = t && t !== "", v = r && r !== "" && r !== "18", A = i && i !== "" && r !== "99";
     let h = [];
-    return t && t !== "" && h.push("name=" + t), f || (a && a !== "" && h.push("first=" + a), n && n !== "" && h.push("middle=" + n), s && s !== "" && h.push("last=" + s)), v && A ? parseInt(r) > parseInt(i) ? (h.push("min=" + i), h.push("max=" + r)) : (h.push("min=" + r), h.push("max=" + i)) : (v && h.push("min=" + r), A && h.push("max=" + i)), C && C !== "" && h.push("phone=" + C), l && l !== "" && h.push("city=" + l), p && p !== "" && h.push("license=" + p), u && u !== "" && h.push("vin=" + u), o && o !== "" && h.push("state=" + o), V && V !== "" && h.push("token=" + V), h.join("&");
+    return t && t !== "" && h.push("name=" + t), f || (a && a !== "" && h.push("first=" + a), n && n !== "" && h.push("middle=" + n), s && s !== "" && h.push("last=" + s)), v && A ? parseInt(r) > parseInt(i) ? (h.push("min=" + i), h.push("max=" + r)) : (h.push("min=" + r), h.push("max=" + i)) : (v && h.push("min=" + r), A && h.push("max=" + i)), C && C !== "" && h.push("phone=" + C), l && l !== "" && h.push("city=" + l), u && u !== "" && h.push("license=" + u), p && p !== "" && h.push("vin=" + p), o && o !== "" && h.push("state=" + o), V && V !== "" && h.push("token=" + V), h.join("&");
   }
   static padTo2Digits(e) {
     return e.toString().padStart(2, "0");
@@ -3090,8 +3116,8 @@ class H {
       useLocation: i = !0,
       state: l = "",
       useGoogle: o = !1,
-      useGoogleOverride: u = !1,
-      useAmazonOverride: p = !1,
+      useGoogleOverride: p = !1,
+      useAmazonOverride: u = !1,
       isSandboxAccount: V = !1,
       isOptOutSearch: C = !1
     } = t ?? {}, { tolken: f = null, ip: v = null } = await H.getHeaders(), h = [
@@ -3102,14 +3128,14 @@ class H {
       "useCityStateSearch=" + s,
       "useLocation=" + i,
       "useGoogle=" + o,
-      "useGoogleOverride=" + u,
-      "useAmazonOverride=" + p,
+      "useGoogleOverride=" + p,
+      "useAmazonOverride=" + u,
       "isSandboxAccount=" + V,
       "isOptOutSearch=" + C
     ];
     l && l !== "" && !s && h.push("state=" + l), f && f !== "" && h.push("tolken=" + f), v && v !== "" && h.push("ip=" + v);
-    const b = h.join("&"), g = (n || s ? "/api/autocomplete-city" : "/api/autocomplete") + "?" + b;
-    return await H.fetchData(g);
+    const y = h.join("&"), M = (n || s ? "/api/autocomplete-city" : "/api/autocomplete") + "?" + y;
+    return await H.fetchData(M);
   }
   static removeElements(e) {
     document.querySelectorAll(e).forEach((t) => t == null ? void 0 : t.remove());
@@ -3170,9 +3196,9 @@ class H {
   static async setRandomFileNameVersion(e, t = "scripts") {
     const a = Date.now(), n = typeof window < "u" ? window.location.origin : "", s = t ? `/${t}/` : "/";
     try {
-      const r = e.map(({ fileName: o, initFunctionName: u }) => import(`${n}${s}${o}?v=${a}`)), i = await Promise.all(r), l = [];
-      i.forEach((o, u) => {
-        o && typeof o[e[u].initFunctionName] == "function" ? l.push(o[e[u].initFunctionName]()) : console.error(`error loading ${e[u].initFunctionName}()`);
+      const r = e.map(({ fileName: o, initFunctionName: p }) => import(`${n}${s}${o}?v=${a}`)), i = await Promise.all(r), l = [];
+      i.forEach((o, p) => {
+        o && typeof o[e[p].initFunctionName] == "function" ? l.push(o[e[p].initFunctionName]()) : console.error(`error loading ${e[p].initFunctionName}()`);
       }), l.length > 0 && await Promise.all(l);
     } catch (r) {
       console.error("Failed to load one or more search modules:", r);
@@ -3263,44 +3289,44 @@ class H {
   }
 }
 export {
-  F1 as Accordion,
-  D1 as Alert,
+  O1 as Accordion,
+  T1 as Alert,
   I1 as Autocomplete,
-  T1 as Badge,
+  B1 as Badge,
   F as Button,
-  h2 as CardSlider,
-  O1 as Checkbox,
+  p2 as CardSlider,
+  $1 as Checkbox,
   H as Common,
-  X1 as ContactForm,
-  K1 as ContentCard,
-  B1 as Dialog,
-  $1 as Dots,
-  e2 as FlexItem,
-  n2 as FunnelHeader,
+  e2 as ContactForm,
+  t2 as ContentCard,
+  q1 as Dialog,
+  j1 as Dots,
+  a2 as FlexItem,
+  l2 as FunnelHeader,
   x as Icon,
-  q1 as LoadingBar,
-  P1 as Popover,
-  j1 as ProcessingSpinner,
-  R1 as ProgressBar,
-  W1 as Radio,
-  U1 as Select,
-  G1 as Skeleton,
-  Q1 as Slider,
-  t2 as Spacer,
-  J1 as Spinner,
-  a2 as StackedListItem,
-  Y1 as Stars,
-  c1 as TextArea,
+  P1 as LoadingBar,
+  W1 as Popover,
+  R1 as ProcessingSpinner,
+  U1 as ProgressBar,
+  G1 as Radio,
+  Q1 as Select,
+  J1 as Skeleton,
+  Y1 as Slider,
+  n2 as Spacer,
+  _1 as Spinner,
+  s2 as StackedListItem,
+  X1 as Stars,
+  h1 as TextArea,
   D as Textbox,
-  _1 as Toggle,
-  i2 as addClass,
-  s2 as colors,
+  K1 as Toggle,
+  c2 as addClass,
+  r2 as colors,
   $ as corePlugins,
-  r2 as elerisPreset,
+  o2 as elerisPreset,
   T as extensions,
   q as plugins,
-  l2 as propertyPreset,
-  o2 as removeClass,
-  d2 as validateEmail,
-  c2 as validateForm
+  i2 as propertyPreset,
+  d2 as removeClass,
+  u2 as validateEmail,
+  h2 as validateForm
 };