@vehiclehistory/property-lib 0.0.73 → 0.0.74

package/dist/main.es.js

@@ -1,6 +1,6 @@
-import { jsx as o, jsxs as M, Fragment as k } from "react/jsx-runtime";
-import { memo as x, useState as Z, useEffect as N, useRef as G } from "react";
-import u from "classnames";
+import { jsx as o, jsxs as g, Fragment as k } from "react/jsx-runtime";
+import { memo as b, useState as Z, useEffect as N, useRef as G } from "react";
+import p from "classnames";
 const Q = {
   xxSmall: "w-4 h-4",
   xSmall: "w-5 h-5",
@@ -498,12 +498,12 @@ const Q = {
   size: a = "medium",
   viewBox: n = "0 0 20 20"
 }) => {
-  const s = _(t), [r, l] = Z(c), [i, d] = Z(s);
+  const l = _(t), [r, i] = Z(c), [s, d] = Z(l);
   return N(() => {
-    d(s);
-  }, [s]), N(() => {
-    l(c);
-  }, [c]), !s && console.error("Icon does not exist", t), /* @__PURE__ */ o(
+    d(l);
+  }, [l]), N(() => {
+    i(c);
+  }, [c]), !l && console.error("Icon does not exist", t), /* @__PURE__ */ o(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -512,40 +512,40 @@ const Q = {
       role: "presentation",
       viewBox: n,
       dangerouslySetInnerHTML: {
-        __html: i && i.path
+        __html: s && s.path
       }
     }
   );
-}, A = x(Y), K = ({
+}, y = b(Y), K = ({
   children: c,
   className: e,
   clickHandler: t,
   panelClass: a,
   title: n,
-  unmount: s = !0,
+  unmount: l = !0,
   isOpen: r = !1
 }) => {
-  const [l, i] = Z(r);
-  return /* @__PURE__ */ o("div", { className: u("shadow rounded-lg", e), children: /* @__PURE__ */ M(k, { children: [
-    /* @__PURE__ */ M(
+  const [i, s] = Z(r);
+  return /* @__PURE__ */ o("div", { className: p("shadow rounded-lg", e), children: /* @__PURE__ */ g(k, { children: [
+    /* @__PURE__ */ g(
       "button",
       {
         type: "button",
         "data-div-track": `report | accordion | ${n}`,
-        className: u(
+        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": l
+            "acc-o": i
           }
         ),
         title: n,
         onClick: () => {
-          i(!l), t && t(!l);
+          s(!i), t && t(!i);
         },
         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(
-            A,
+            y,
             {
               name: "chevronDown",
               size: "small",
@@ -555,39 +555,39 @@ const Q = {
         ]
       }
     ),
-    s && l && /* @__PURE__ */ o(
+    l && i && /* @__PURE__ */ o(
       "div",
       {
-        className: u(
+        className: p(
           "acc-p p-4 border-x border-b rounded-bl-lg rounded-br-lg border-gray-200 relative",
           a
         ),
         children: c
       }
     ),
-    !s && /* @__PURE__ */ o(
+    !l && /* @__PURE__ */ o(
       "div",
       {
-        className: u(
+        className: p(
           "acc-p p-4 border-x border-b rounded-bl-lg rounded-br-lg border-gray-200 relative",
           a,
-          { hidden: !l }
+          { hidden: !i }
         ),
         children: c
       }
     )
   ] }) });
-}, Q1 = x(K), X = ({
+}, Q1 = b(K), X = ({
   children: c,
   className: e = "",
   messages: t = [],
   messagesClass: a,
   title: n = "",
-  titleClass: s = "",
+  titleClass: l = "",
   props: r = {},
-  type: l = "error"
+  type: i = "error"
 }) => {
-  const i = {
+  const s = {
     error: {
       icon: "error",
       iconColor: "text-red-500",
@@ -608,20 +608,20 @@ const Q = {
       iconColor: "text-yellow-500",
       styles: "bg-yellow-50 border-yellow-300 text-yellow-700"
     }
-  }, { icon: d, iconColor: h, styles: p } = i[l];
+  }, { icon: d, iconColor: h, styles: m } = s[i];
   return /* @__PURE__ */ o(
     "div",
     {
-      id: l,
-      className: u(
+      id: i,
+      className: p(
         "rounded w-full py-2 px-4 mb-4 border",
-        p,
+        m,
         e
       ),
       ...r,
-      children: /* @__PURE__ */ M("div", { className: "flex", children: [
+      children: /* @__PURE__ */ g("div", { className: "flex", children: [
         /* @__PURE__ */ o("div", { className: "flex-shrink-0", children: /* @__PURE__ */ o(
-          A,
+          y,
           {
             name: d,
             viewBox: "0 0 24 24",
@@ -629,17 +629,17 @@ const Q = {
             size: "xSmall"
           }
         ) }),
-        /* @__PURE__ */ M("div", { className: "ml-3", children: [
-          /* @__PURE__ */ o("div", { className: u("font-medium text-sm", s), children: n }),
+        /* @__PURE__ */ g("div", { className: "ml-3", children: [
+          /* @__PURE__ */ o("div", { className: p("font-medium text-sm", l), children: n }),
           t.length > 0 ? /* @__PURE__ */ o(
             "ul",
             {
               role: "list",
-              className: u(
+              className: p(
                 "list-disc space-y-1 pl-5 mt-2 text-xs",
                 a
               ),
-              children: t.map((C, H) => /* @__PURE__ */ o("li", { children: C }, H))
+              children: t.map((V, C) => /* @__PURE__ */ o("li", { children: V }, C))
             }
           ) : "",
           c
@@ -647,56 +647,56 @@ const Q = {
       ] })
     }
   );
-}, J1 = x(X), e1 = ({
+}, J1 = b(X), e1 = ({
   autoFocus: c = !1,
   className: e = "",
   dataSearch: t = "container",
   defaultValue: a = "",
   floatingLabel: n = "",
-  id: s = "",
+  id: l = "",
   inputClass: r = "",
-  leftIcon: l = "homeSearch",
-  mobileBackdrop: i = !1,
+  leftIcon: i = "homeSearch",
+  mobileBackdrop: s = !1,
   name: d = "",
   options: h = [],
-  placeholder: p = "",
-  props: C = {},
-  required: H = !1,
-  showSearchIcon: v = !0,
+  placeholder: m = "",
+  props: V = {},
+  required: C = !1,
+  showSearchIcon: M = !0,
   size: f = "medium",
-  styles: m = null,
-  title: V = "",
-  type: w
-}) => /* @__PURE__ */ M(
+  styles: A = null,
+  title: u = "",
+  type: x
+}) => /* @__PURE__ */ g(
   "div",
   {
-    id: s,
+    id: l,
     "data-search": t,
-    "data-search-type": w,
-    className: u("Autocomplete", e),
-    style: m ? { ...m } : null,
+    "data-search-type": x,
+    className: p("Autocomplete", e),
+    style: A ? { ...A } : null,
     children: [
-      v && /* @__PURE__ */ M(
+      M && /* @__PURE__ */ g(
         "span",
         {
-          className: u(
+          className: p(
             "search-icon-left absolute inset-y-0 left-0 flex items-center pl-2",
             {
-              "pointer-events-none": i
+              "pointer-events-none": s
             }
           ),
           children: [
             /* @__PURE__ */ o(
-              A,
+              y,
               {
                 className: "home-search select-none text-gray-500",
-                name: l,
+                name: i,
                 size: f === "xLarge" ? "small" : "xSmall",
                 viewBox: "0 0 24 24"
               }
             ),
             /* @__PURE__ */ o(
-              A,
+              y,
               {
                 className: "arrow-left select-none text-gray-500 hidden",
                 name: "arrowLeft",
@@ -712,10 +712,10 @@ const Q = {
         {
           "data-lpignore": "true",
           autoFocus: c,
-          className: u(
+          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": v === !0,
+              "pl-8": M === !0,
               "px-3 h-10": f === "medium",
               "px-4 h-12": f === "large",
               "px-5 h-[60px] sm:!text-base": f === "xLarge",
@@ -723,23 +723,23 @@ const Q = {
             },
             r
           ),
-          required: H,
+          required: C,
           autoComplete: "off",
           value: a,
-          placeholder: !p && n ? " " : p,
+          placeholder: !m && n ? " " : m,
           type: "search",
           name: d || "search-input",
           "data-id": "search-input",
-          ...C
+          ...V
         }
       ),
       n && /* @__PURE__ */ o(
         "label",
         {
-          className: u(
+          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": v === !0,
+              "!left-7": M === !0,
               "left-2": f === "medium",
               "left-3": f === "large",
               "left-4": f === "xLarge"
@@ -754,7 +754,7 @@ const Q = {
           "data-id": "search-clear",
           className: "clear-btn absolute inset-y-0 right-0 flex items-center px-2 hidden",
           children: /* @__PURE__ */ o(
-            A,
+            y,
             {
               className: "cursor-pointer text-gray-500",
               name: "xCircle",
@@ -770,7 +770,7 @@ const Q = {
           "data-id": "search-loading",
           className: "absolute inset-y-0 right-0 flex items-center px-2 pointer-events-none hidden",
           children: /* @__PURE__ */ o(
-            A,
+            y,
             {
               className: "animate-spin text-[#222]] pointer-events-none",
               name: "spinnerDark",
@@ -780,7 +780,7 @@ const Q = {
           )
         }
       ),
-      /* @__PURE__ */ M(
+      /* @__PURE__ */ g(
         "div",
         {
           "data-id": "search-dropdown",
@@ -792,20 +792,20 @@ const Q = {
               {
                 "data-id": "search-dropdown-body",
                 role: "listbox",
-                "data-title": V,
+                "data-title": u,
                 "aria-labelledby": "Label",
                 "aria-activedescendant": "search-item-0",
-                children: h.length > 0 ? h.map((b, S) => /* @__PURE__ */ o(
+                children: h.length > 0 ? h.map((S, v) => /* @__PURE__ */ o(
                   "li",
                   {
-                    id: `search-item-${S}`,
+                    id: `search-item-${v}`,
                     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": S === 0,
+                    "aria-selected": v === 0,
                     role: "option",
-                    children: (b == null ? void 0 : b.name) || b
+                    children: (S == null ? void 0 : S.name) || S
                   },
-                  `search-item-${S}`
+                  `search-item-${v}`
                 )) : ""
               }
             )
@@ -822,7 +822,7 @@ const Q = {
 }) => /* @__PURE__ */ o(
   a || "span",
   {
-    className: u(
+    className: p(
       " bg-gray-200 font-semibold py-1 px-2 rounded",
       {
         "text-sm": t === "sm",
@@ -839,54 +839,54 @@ const Q = {
   leftIconProps: t = {},
   children: a,
   className: n = "",
-  disabled: s = !1,
+  disabled: l = !1,
   href: r,
-  props: l = {},
-  rightIcon: i,
+  props: i = {},
+  rightIcon: s,
   rightIconProps: d = {},
   rounded: h = !1,
-  size: p = "md",
-  type: C = "button",
-  uppercase: H = !1,
-  variation: v = "primary"
+  size: m = "md",
+  type: V = "button",
+  uppercase: C = !1,
+  variation: M = "primary"
 }) => {
   const f = r ? "a" : "button";
-  return /* @__PURE__ */ M(
+  return /* @__PURE__ */ g(
     f,
     {
-      type: f !== "a" ? C : null,
-      className: u(
+      type: f !== "a" ? V : null,
+      className: p(
         "button",
         {
-          [`button--${v}`]: v,
-          [`button--${p}`]: p,
+          [`button--${M}`]: M,
+          [`button--${m}`]: m,
           "button--rounded": h,
-          "button--disabled": s,
+          "button--disabled": l,
           "button--custom-link": r,
-          "button--uppercase": H,
-          "button--borderless": c || v === "link"
+          "button--uppercase": C,
+          "button--borderless": c || M === "link"
         },
         n
       ),
-      disabled: s,
+      disabled: l,
       href: r,
-      ...l,
+      ...i,
       children: [
         e && /* @__PURE__ */ o(
-          A,
+          y,
           {
             name: e,
-            size: p === "md" ? "small" : "xSmall",
+            size: m === "md" ? "small" : "xSmall",
             viewBox: "0 0 24 24",
             ...t
           }
         ),
         a,
-        i && /* @__PURE__ */ o(
-          A,
+        s && /* @__PURE__ */ o(
+          y,
           {
-            name: i,
-            size: p === "md" ? "small" : "xSmall",
+            name: s,
+            size: m === "md" ? "small" : "xSmall",
             viewBox: "0 0 24 24",
             ...d
           }
@@ -894,30 +894,30 @@ const Q = {
       ]
     }
   );
-}, E = x(a1), n1 = ({ children: c, className: e }) => /* @__PURE__ */ o("div", { className: u("flex md:max-w-min border border-gray-300 divide-x divide-gray-200 rounded-lg", e), children: c }), K1 = n1, s1 = ({
+}, F = b(a1), n1 = ({ children: c, className: e }) => /* @__PURE__ */ o("div", { className: p("flex md:max-w-min border border-gray-300 divide-x divide-gray-200 rounded-lg", e), children: c }), K1 = n1, s1 = ({
   block: c = !1,
   borderless: e = !1,
   children: t,
   className: a = "",
   divider: n = !0,
-  inset: s = !0,
+  inset: l = !0,
   id: r = null,
-  role: l = null
+  role: i = null
 }) => /* @__PURE__ */ o(
   "div",
   {
-    className: u(
+    className: p(
       "bg-white",
       {
         f1: !e,
         f2: c,
         f3: n,
-        f4: s
+        f4: l
       },
       a
     ),
     id: r,
-    role: l,
+    role: i,
     children: t
   }
 ), X1 = s1, l1 = ({
@@ -926,47 +926,47 @@ const Q = {
   className: t = "",
   error: a = !1,
   inputClass: n,
-  id: s = "",
+  id: l = "",
   label: r = "",
-  name: l = "",
-  props: i = {},
+  name: i = "",
+  props: s = {},
   variation: d = "primary",
   value: h = ""
 }) => {
-  const p = r ? "div" : "label", C = p === "label" ? { htmlFor: s } : {};
-  return /* @__PURE__ */ M(
-    p,
+  const m = r ? "div" : "label", V = m === "label" ? { htmlFor: l } : {};
+  return /* @__PURE__ */ g(
+    m,
     {
-      className: u("checkbox flex items-center", d, t),
-      ...C,
+      className: p("checkbox flex items-center", d, t),
+      ...V,
       children: [
         /* @__PURE__ */ o(
           "input",
           {
             checked: c,
-            className: u(
+            className: p(
               "form-checkbox ",
               {
                 "!border-red-500 !bg-red-500 focus:!ring-red-500 focus:!border-red-500": a
               },
               n
             ),
-            id: s,
-            name: l,
+            id: l,
+            name: i,
             type: "checkbox",
             value: h,
-            ...i
+            ...s
           }
         ),
         e
       ]
     }
   );
-}, e2 = x(l1), r1 = ({ children: c, aside: e, direction: t = "right" }) => /* @__PURE__ */ M("div", { className: "flex flex-col lg:flex-row lg:p-0 max-w-screen-lg", children: [
+}, e2 = b(l1), r1 = ({ children: c, aside: e, direction: t = "right" }) => /* @__PURE__ */ g("div", { className: "flex flex-col lg:flex-row lg:p-0 max-w-screen-lg", children: [
   /* @__PURE__ */ o(
     "main",
     {
-      className: u(
+      className: p(
         "w-full md:mb-0 flex-1 md:block lg:max-w-container",
         {
           "lg:order-2": t === "left"
@@ -978,7 +978,7 @@ const Q = {
   /* @__PURE__ */ o(
     "aside",
     {
-      className: u(
+      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",
@@ -988,61 +988,61 @@ const Q = {
       children: e
     }
   )
-] }), t2 = x(r1), i1 = ({
+] }), t2 = b(r1), i1 = ({
   activator: c,
   id: e = "",
   children: t,
   className: a = "",
   contentClass: n = "",
-  dark: s = !1,
+  dark: l = !1,
   footer: r,
-  fullMobile: l = !0,
-  headerClass: i = "",
+  fullMobile: i = !0,
+  headerClass: s = "",
   hideClose: d = !1,
   iconSize: h = "medium",
-  preventPageScroll: p = !0,
-  stickyHeader: C = !1,
-  title: H = "",
-  titleClass: v = "",
+  preventPageScroll: m = !0,
+  stickyHeader: V = !1,
+  title: C = "",
+  titleClass: M = "",
   useFormMethod: f = !0
 }) => {
-  const m = f ? "form" : "div";
-  return /* @__PURE__ */ M(k, { children: [
+  const A = f ? "form" : "div";
+  return /* @__PURE__ */ g(k, { children: [
     c && /* @__PURE__ */ o("span", { id: `${e}-dialog-activator`, children: c }),
     /* @__PURE__ */ o(
       "dialog",
       {
         inert: "",
         id: `${e}-dialog`,
-        className: u(
+        className: p(
           "dialog",
           {
-            "dialog-full-mobile": l,
-            dark: s,
-            "prevent-scroll": p
+            "dialog-full-mobile": i,
+            dark: l,
+            "prevent-scroll": m
           },
           a
         ),
-        children: /* @__PURE__ */ M(
-          m,
+        children: /* @__PURE__ */ g(
+          A,
           {
             className: "dialog-container",
             method: f ? "dialog" : null,
             children: [
-              /* @__PURE__ */ M(
+              /* @__PURE__ */ g(
                 "header",
                 {
-                  className: u(
+                  className: p(
                     "dialog-header",
                     {
-                      "sticky top-0 bg-white z-10": C,
-                      "!pb-0 border-0 justify-end": !H,
-                      "justify-between border-b": H
+                      "sticky top-0 bg-white z-10": V,
+                      "!pb-0 border-0 justify-end": !C,
+                      "justify-between border-b": C
                     },
-                    i
+                    s
                   ),
                   children: [
-                    H && /* @__PURE__ */ o("h3", { id: `${e}-dialog-title`, className: v, children: H }),
+                    C && /* @__PURE__ */ o("h3", { id: `${e}-dialog-title`, className: M, children: C }),
                     !d && /* @__PURE__ */ o(
                       "button",
                       {
@@ -1052,7 +1052,7 @@ const Q = {
                         "data-dialog-close": "",
                         value: "close",
                         children: /* @__PURE__ */ o(
-                          A,
+                          y,
                           {
                             name: "close",
                             size: h,
@@ -1068,7 +1068,7 @@ const Q = {
                 "div",
                 {
                   id: `${e}-dialog-content`,
-                  className: u("dialog-content", n),
+                  className: p("dialog-content", n),
                   children: t
                 }
               ),
@@ -1079,66 +1079,66 @@ const Q = {
       }
     )
   ] });
-}, a2 = x(i1), o1 = ({
+}, a2 = b(i1), o1 = ({
   activator: c,
   id: e = "",
   children: t,
   className: a = "",
   contentClass: n = "",
-  onClose: s,
+  onClose: l,
   disableOutsideClick: r = !1,
-  footer: l,
-  fullMobile: i = !0,
+  footer: i,
+  fullMobile: s = !0,
   headerClass: d = "",
   hideClose: h = !1,
-  iconSize: p = "medium",
-  isOpen: C = !1,
-  setDialogOpen: H,
-  stickyHeader: v = !1,
+  iconSize: m = "medium",
+  isOpen: V = !1,
+  setDialogOpen: C,
+  stickyHeader: M = !1,
   title: f = "",
-  titleClass: m = ""
+  titleClass: A = ""
 }) => {
-  const V = G(null), w = async () => {
-    V.current.classList.add("closing"), await q(V.current), V.current.classList.remove("closing"), s && s(), H(!1);
-  }, b = async (y) => {
-    y.key === "Escape" && await w();
-  }, S = async ({ clientX: y, clientY: z, target: j }) => {
-    const { left: P, right: R, top: W, bottom: U } = V.current.getBoundingClientRect() ?? {};
-    (!V.current.contains(j) || y < P || y > R || z < W || z > U) && await w();
-  }, q = (y) => Promise.allSettled(
-    y.getAnimations().map((z) => z.finished)
+  const u = G(null), x = async () => {
+    u.current.classList.add("closing"), await E(u.current), u.current.classList.remove("closing"), l && l(), C(!1);
+  }, S = async (w) => {
+    w.key === "Escape" && await x();
+  }, v = async ({ clientX: w, clientY: z, target: j }) => {
+    const { left: P, right: R, top: W, bottom: U } = u.current.getBoundingClientRect() ?? {};
+    (!u.current.contains(j) || w < P || w > R || z < W || z > U) && await x();
+  }, E = (w) => Promise.allSettled(
+    w.getAnimations().map((z) => z.finished)
   );
   return N(() => {
-    const y = V.current;
-    y && (C ? y.showModal() : typeof y.close == "function" && y.close());
-  }, [C]), /* @__PURE__ */ M(k, { children: [
-    c && /* @__PURE__ */ o("span", { id: `${e}-dialog-activator`, onClick: () => H(!0), children: c }),
-    /* @__PURE__ */ M(
+    const w = u.current;
+    w && (V ? w.showModal() : typeof w.close == "function" && w.close());
+  }, [V]), /* @__PURE__ */ g(k, { children: [
+    c && /* @__PURE__ */ o("span", { id: `${e}-dialog-activator`, onClick: () => C(!0), children: c }),
+    /* @__PURE__ */ g(
       "dialog",
       {
-        ref: V,
+        ref: u,
         id: `${e}-dialog`,
-        className: u(
+        className: p(
           "dialog",
           {
-            hidden: !C,
-            "xs-max:h-full xs-max:max-h-full": i
+            hidden: !V,
+            "xs-max:h-full xs-max:max-h-full": s
           },
           a
         ),
-        onKeyDown: b,
-        onClick: (y) => r ? null : S(y),
+        onKeyDown: S,
+        onClick: (w) => r ? null : v(w),
         children: [
-          /* @__PURE__ */ M(
+          /* @__PURE__ */ g(
             "header",
             {
-              className: u(
+              className: p(
                 "dialog-header flex items-center p-4",
-                { "sticky top-0 bg-white": v },
+                { "sticky top-0 bg-white": M },
                 d
               ),
               children: [
-                /* @__PURE__ */ o("h3", { id: `${e}-dialog-title`, className: m, children: f || "" }),
+                /* @__PURE__ */ o("h3", { id: `${e}-dialog-title`, className: A, children: f || "" }),
                 !h && /* @__PURE__ */ o(
                   "button",
                   {
@@ -1146,12 +1146,12 @@ const Q = {
                     title: "Close",
                     className: "dialog-close",
                     "data-dialog-close": "",
-                    onClick: w,
+                    onClick: x,
                     children: /* @__PURE__ */ o(
-                      A,
+                      y,
                       {
                         name: "close",
-                        size: p,
+                        size: m,
                         className: "pointer-events-none"
                       }
                     )
@@ -1164,23 +1164,23 @@ const Q = {
             "div",
             {
               id: `${e}-dialog-content`,
-              className: u("dialog-content p-4", n),
+              className: p("dialog-content p-4", n),
               children: t
             }
           ),
-          l && /* @__PURE__ */ o(
+          i && /* @__PURE__ */ o(
             "footer",
             {
               id: `${e}-dialog-footer`,
               className: "dialog-footer flex justify-between items-center p-4 border-t",
-              children: l
+              children: i
             }
           )
         ]
       }
     )
   ] });
-}, n2 = x(o1), c1 = ({ className: c = "" }) => /* @__PURE__ */ M("div", { id: "dots", className: u("mx-auto", c), children: [
+}, n2 = b(o1), c1 = ({ className: c = "" }) => /* @__PURE__ */ g("div", { id: "dots", className: p("mx-auto", c), children: [
   /* @__PURE__ */ o("span", { style: { animationDelay: "0.1s" } }),
   /* @__PURE__ */ o("span", { style: { animationDelay: "0.2s" } }),
   /* @__PURE__ */ o("span", { style: { animationDelay: "0.3s" } }),
@@ -1195,31 +1195,31 @@ const Q = {
   className: t = "",
   size: a = "md",
   timeout: n = 1e4,
-  variation: s = "primary"
+  variation: l = "primary"
 }) => {
-  function r({ cb: l }) {
-    const i = document.querySelector(".loading-bar__inner");
-    if (!i) return;
-    let d, h, p = !1;
-    function C(H) {
-      d === void 0 && (d = H);
-      const v = H - d;
-      if (h !== H) {
-        const f = v / n * 101;
-        i.style.width = `${f}%`, e && e({ elapsed: v, percentage: f }), f >= 101 && (l && l(), p = !0, window.cancelAnimationFrame(H));
+  function r({ cb: i }) {
+    const s = document.querySelector(".loading-bar__inner");
+    if (!s) return;
+    let d, h, m = !1;
+    function V(C) {
+      d === void 0 && (d = C);
+      const M = C - d;
+      if (h !== C) {
+        const f = M / n * 101;
+        s.style.width = `${f}%`, e && e({ elapsed: M, percentage: f }), f >= 101 && (i && i(), m = !0, window.cancelAnimationFrame(C));
       }
-      v < n && (h = H, p || window.requestAnimationFrame(C));
+      M < n && (h = C, m || window.requestAnimationFrame(V));
     }
-    window.requestAnimationFrame(C);
+    window.requestAnimationFrame(V);
   }
   return N(() => {
     r({ cb: c });
   }, []), /* @__PURE__ */ o(
     "div",
     {
-      className: u(
+      className: p(
         "loading-bar my-8",
-        `loading-bar__${s}`,
+        `loading-bar__${l}`,
         {
           "h-4": a === "md",
           "h-6": a === "lg",
@@ -1231,26 +1231,26 @@ const Q = {
       children: /* @__PURE__ */ o("div", { className: "loading-bar__inner", "data-size": "100" })
     }
   );
-}, l2 = x(d1), h1 = ({ className: c }) => /* @__PURE__ */ o("div", { className: u("processing-spinner", c) }), r2 = x(h1), u1 = ({
+}, l2 = b(d1), h1 = ({ className: c }) => /* @__PURE__ */ o("div", { className: p("processing-spinner", c) }), r2 = b(h1), u1 = ({
   activator: c,
   activatorClass: e = "",
   attrs: t = {},
   options: a = {},
   children: n,
-  className: s = "",
+  className: l = "",
   containerClass: r = "",
-  disabled: l = !1,
-  id: i = "",
+  disabled: i = !1,
+  id: s = "",
   trigger: d = "click"
-}) => /* @__PURE__ */ M(k, { children: [
+}) => /* @__PURE__ */ g(k, { children: [
   /* @__PURE__ */ o(
     "div",
     {
-      className: u("popover z-10 max-w-[350px] hidden", s),
-      children: /* @__PURE__ */ M(
+      className: p("popover z-10 max-w-[350px] hidden", l),
+      children: /* @__PURE__ */ g(
         "div",
         {
-          className: u(
+          className: p(
             "popover-container rounded border bg-gray-50 border-gray-300 shadow-md text-gray-500 animate-menu-close",
             r
           ),
@@ -1271,10 +1271,10 @@ const Q = {
   /* @__PURE__ */ o(
     "div",
     {
-      className: u(
+      className: p(
         "popover-activator",
         `trigger-${d}`,
-        l ? "is-disabled" : "",
+        i ? "is-disabled" : "",
         e
       ),
       ...t,
@@ -1288,21 +1288,21 @@ const Q = {
   bgColor: t = "bg-orange-500",
   className: a,
   completed: n = 0,
-  maxCompleted: s = 100,
+  maxCompleted: l = 100,
   rounded: r = !0,
-  showLabel: l = !1
+  showLabel: i = !1
 }) => {
-  const d = ((h, p) => {
+  const d = ((h, m) => {
     if (h) {
-      const C = Number(p) / h;
-      return C > 1 ? 100 : C * 100;
+      const V = Number(m) / h;
+      return V > 1 ? 100 : V * 100;
     }
     return n;
-  })(s, n);
+  })(l, n);
   return /* @__PURE__ */ o(
     "div",
     {
-      className: u(
+      className: p(
         "w-full bg-gray-200",
         { "rounded-full": r },
         a
@@ -1315,48 +1315,48 @@ const Q = {
       children: /* @__PURE__ */ o(
         "div",
         {
-          className: u(
+          className: p(
             "h-full text-right flex items-center justify-end rounded-full",
             t
           ),
           style: { width: `${d}%` },
-          children: l && /* @__PURE__ */ o("span", { className: "font-bold text-white text-xs mr-2", children: Math.round(d) })
+          children: i && /* @__PURE__ */ o("span", { className: "font-bold text-white text-xs mr-2", children: Math.round(d) })
         }
       )
     }
   );
-}, o2 = x(p1), m1 = ({
+}, o2 = b(p1), m1 = ({
   checked: c = !1,
   children: e,
   className: t = "",
   id: a = "",
   label: n = "",
-  name: s = "",
+  name: l = "",
   props: r = {},
-  variation: l = "primary",
-  value: i = ""
+  variation: i = "primary",
+  value: s = ""
 }) => {
   const d = n ? "div" : "label", h = d === "label" ? { htmlFor: a } : {};
-  return /* @__PURE__ */ M(
+  return /* @__PURE__ */ g(
     d,
     {
-      className: u("radio flex items-center", t),
+      className: p("radio flex items-center", t),
       ...h,
       children: [
         /* @__PURE__ */ o(
           "input",
           {
             checked: c,
-            className: u(
+            className: p(
               "form-radio focus:ring-2 focus:ring-offset-2 focus-within:outline-none",
               {
-                "focus:ring-[#222]": l === "primary"
+                "focus:ring-[#222]": i === "primary"
               }
             ),
             id: a,
-            name: s,
+            name: l,
             type: "radio",
-            value: i,
+            value: s,
             ...r
           }
         ),
@@ -1364,46 +1364,46 @@ const Q = {
       ]
     }
   );
-}, c2 = x(m1), f1 = ({
+}, c2 = b(m1), f1 = ({
   children: c,
   className: e = "",
   error: t = !1,
   errorMessage: a = "",
   id: n = "",
-  label: s = "",
+  label: l = "",
   name: r = "",
-  options: l = [],
-  placeholder: i = "",
+  options: i = [],
+  placeholder: s = "",
   props: d = {},
   selectClass: h = "",
-  styles: p = null,
-  variation: C = "primary",
-  value: H
+  styles: m = null,
+  variation: V = "primary",
+  value: C
 }) => {
-  const v = i ? { defaultValue: "" } : {};
-  return /* @__PURE__ */ M(
+  const M = s ? { defaultValue: "" } : {};
+  return /* @__PURE__ */ g(
     "label",
     {
-      className: u("relative select", e, C),
-      style: p ? { ...p } : null,
+      className: p("relative select", e, V),
+      style: m ? { ...m } : null,
       children: [
-        s,
-        /* @__PURE__ */ M(
+        l,
+        /* @__PURE__ */ g(
           "select",
           {
-            className: u(
+            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" : "",
               h
             ),
             id: n,
             name: r,
-            value: H,
-            ...v,
+            value: C,
+            ...M,
             ...d,
             children: [
-              i && /* @__PURE__ */ o("option", { hidden: !0, value: "", children: i }),
-              l.map((f, m) => /* @__PURE__ */ o(
+              s && /* @__PURE__ */ o("option", { hidden: !0, value: "", children: s }),
+              i.map((f, A) => /* @__PURE__ */ o(
                 "option",
                 {
                   value: (f == null ? void 0 : f.id) || (f == null ? void 0 : f.value) || f,
@@ -1418,25 +1418,25 @@ const Q = {
       ]
     }
   );
-}, d2 = x(f1), V1 = ({ className: c = "" }) => /* @__PURE__ */ M(
+}, d2 = b(f1), V1 = ({ className: c = "" }) => /* @__PURE__ */ g(
   "div",
   {
-    className: u(
+    className: p(
       "flex justify-center items-center bg-gray-200 rounded-lg animate-pulse",
       c
     ),
     children: [
-      /* @__PURE__ */ o(A, { size: "xLarge", name: "map", className: "mx-auto" }),
+      /* @__PURE__ */ o(y, { size: "xLarge", name: "map", className: "mx-auto" }),
       /* @__PURE__ */ o("span", { className: "sr-only", children: "Loading..." })
     ]
   }
-), h2 = x(V1), C1 = ({
+), h2 = b(V1), C1 = ({
   placeholderClass: c = "",
   children: e,
   className: t = "",
   id: a = 1,
   padding: n = !0
-}) => /* @__PURE__ */ M("div", { className: u("slider", t), id: `slider-${a}`, children: [
+}) => /* @__PURE__ */ g("div", { className: p("slider", t), id: `slider-${a}`, children: [
   /* @__PURE__ */ o(
     "button",
     {
@@ -1444,10 +1444,10 @@ const Q = {
       id: `btn-left-${a}`,
       type: "button",
       className: "slider-button__prev ",
-      children: /* @__PURE__ */ o(A, { name: "chevronLeft" })
+      children: /* @__PURE__ */ o(y, { name: "chevronLeft" })
     }
   ),
-  /* @__PURE__ */ o("div", { id: `slider-container-${a}`, className: "slider-container", children: Array.from({ length: 4 }, (s, r) => /* @__PURE__ */ o(
+  /* @__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 ${c}`,
@@ -1462,21 +1462,21 @@ const Q = {
       id: `btn-right-${a}`,
       type: "button",
       className: "slider-button__next",
-      children: /* @__PURE__ */ o(A, { name: "chevronRight" })
+      children: /* @__PURE__ */ o(y, { name: "chevronRight" })
     }
   )
-] }), u2 = x(C1), H1 = {
+] }), u2 = b(C1), H1 = {
   name: "spinnerDark",
   color: "text-teal-700",
   viewBox: "0 0 24 24"
 }, L1 = ({ className: c = "" }) => /* @__PURE__ */ o("div", { className: "rounded-r-md px-2 focus:outline-none", children: /* @__PURE__ */ o(
-  A,
+  y,
   {
     size: "xSmall",
     ...H1,
     className: `animate-spin ${c}`
   }
-) }), p2 = x(L1), g1 = ({
+) }), p2 = b(L1), g1 = ({
   className: c = "",
   value: e
 }) => {
@@ -1486,7 +1486,7 @@ const Q = {
   return /* @__PURE__ */ o(
     "div",
     {
-      className: u(
+      className: p(
         'Stars inline-block leading-none font-sans text-base before:content-["★★★★★"]',
         c
       ),
@@ -1499,27 +1499,27 @@ const Q = {
   error: t = !1,
   errorMessage: a = "",
   id: n = "",
-  inputClass: s = "",
+  inputClass: l = "",
   name: r = "",
-  placeholder: l = "",
-  props: i = {},
+  placeholder: i = "",
+  props: s = {},
   rows: d = 4,
   variation: h = "primary"
-}) => /* @__PURE__ */ M("div", { className: u("relative textarea", h, c), children: [
+}) => /* @__PURE__ */ g("div", { className: p("relative textarea", h, c), children: [
   /* @__PURE__ */ o(
     "textarea",
     {
-      placeholder: l,
+      placeholder: i,
       id: n,
       name: r,
       rows: d,
-      className: u(
+      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" : "",
-        s
+        l
       ),
-      ...i
+      ...s
     }
   ),
   e && /* @__PURE__ */ o(
@@ -1528,7 +1528,7 @@ const Q = {
       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(
-        A,
+        y,
         {
           size: "xSmall",
           name: "xCircle",
@@ -1538,29 +1538,29 @@ const Q = {
     }
   ),
   a && /* @__PURE__ */ o("span", { className: "relative flex mt-0.5 text-red-700 text-xs text-left", children: a })
-] }), v1 = x(M1), b1 = ({
+] }), v1 = b(M1), b1 = ({
   className: c = "",
   clear: e = !1,
   error: t = !1,
   errorMessage: a = "",
   iconLeft: n = "",
-  id: s = "",
+  id: l = "",
   inputClass: r = "",
-  name: l = "",
-  placeholder: i = "",
+  name: i = "",
+  placeholder: s = "",
   props: d = {},
   styles: h = null,
-  type: p = "text",
-  value: C,
-  variation: H = "primary"
-}) => /* @__PURE__ */ M(
+  type: m = "text",
+  value: V,
+  variation: C = "primary"
+}) => /* @__PURE__ */ g(
   "div",
   {
-    className: u("relative textbox", H, c),
+    className: p("relative textbox", C, c),
     style: h ? { ...h } : null,
     children: [
       n && /* @__PURE__ */ o("div", { className: "pointer-events-none absolute inset-y-0 left-0 flex items-center px-2", children: /* @__PURE__ */ o(
-        A,
+        y,
         {
           size: "xSmall",
           name: n,
@@ -1571,13 +1571,13 @@ const Q = {
       /* @__PURE__ */ o(
         "input",
         {
-          placeholder: i,
-          id: s,
-          name: l,
-          type: p,
-          value: C,
+          placeholder: s,
+          id: l,
+          name: i,
+          type: m,
+          value: V,
           autoComplete: "off",
-          className: u(
+          className: p(
             "form-input",
             e ? "pr-10" : "pr-4",
             n ? "pl-8" : "pl-4",
@@ -1593,10 +1593,10 @@ const Q = {
       e && /* @__PURE__ */ o(
         "div",
         {
-          id: `${s}-clear`,
+          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(
-            A,
+            y,
             {
               size: "xSmall",
               name: "xCircle",
@@ -1608,22 +1608,22 @@ const Q = {
       a && /* @__PURE__ */ o("span", { className: "relative flex mt-0.5 text-red-700 text-xs text-left", children: a })
     ]
   }
-), F = x(b1), x1 = ({
+), D = b(b1), x1 = ({
   btnClass: c,
   className: e = "",
   containerClass: t,
   customSuccessMsg: a = "",
   title: n = "Send A Message",
-  titleClass: s,
+  titleClass: l,
   uppercase: r = !0
 }) => {
-  const l = a || /* @__PURE__ */ M(k, { children: [
+  const i = a || /* @__PURE__ */ g(k, { children: [
     "Typical email response time is 2-3 hours. If you require immediate assistance you may use our",
     " ",
     /* @__PURE__ */ o(
-      E,
+      F,
       {
-        className: u(
+        className: p(
           "text-black-900 items-center gap-2 live-chat uppercase !inline-flex"
         ),
         variation: "link",
@@ -1634,42 +1634,42 @@ const Q = {
       }
     )
   ] });
-  return /* @__PURE__ */ M(
+  return /* @__PURE__ */ g(
     "form",
     {
       id: "contactForm",
-      className: u("contact-form", t, {
+      className: p("contact-form", t, {
         uppercase: r
       }),
       children: [
-        /* @__PURE__ */ o("h2", { id: "contact-title", className: u("mb-4", s), children: n }),
-        /* @__PURE__ */ o("p", { className: "contact-form__msg", children: l }),
-        /* @__PURE__ */ M(
+        /* @__PURE__ */ o("h2", { id: "contact-title", className: p("mb-4", l), children: n }),
+        /* @__PURE__ */ o("p", { className: "contact-form__msg", children: i }),
+        /* @__PURE__ */ g(
           "div",
           {
-            className: u(
+            className: p(
               "p-6 bg-gray-100 flex flex-col gap-y-3 max-w-[458px]",
               e
             ),
             children: [
               /* @__PURE__ */ o(
-                F,
+                D,
                 {
                   id: "contact-name",
                   name: "contact-name",
                   placeholder: "Name",
-                  inputClass: u({
+                  inputClass: p({
                     "placeholder:uppercase": r
                   })
                 }
               ),
               /* @__PURE__ */ o(
-                F,
+                D,
                 {
                   id: "contact-email",
                   name: "contact-email",
                   placeholder: "Email",
-                  inputClass: u({
+                  inputClass: p({
                     "placeholder:uppercase": r
                   })
                 }
@@ -1680,15 +1680,15 @@ const Q = {
                   id: "contact-message",
                   name: "contact-message",
                   placeholder: "Message",
-                  inputClass: u({
+                  inputClass: p({
                     "placeholder:uppercase": r
                   })
                 }
               ),
               /* @__PURE__ */ o(
-                E,
+                F,
                 {
-                  className: u(
+                  className: p(
                     "flex mx-auto items-center",
                     {
                       uppercase: r
@@ -1706,24 +1706,24 @@ const Q = {
       ]
     }
   );
-}, f2 = x(x1), A1 = ({
+}, f2 = b(x1), A1 = ({
   block: c = !1,
   children: e,
   className: t,
   contentClass: a,
   footerClass: n,
-  footerContent: s,
+  footerContent: l,
   headerContent: r,
-  headerClass: l,
-  list: i = !1,
+  headerClass: i,
+  list: s = !1,
   props: d = {},
   variation: h = "primary"
 }) => {
-  const p = i ? "ul" : "div";
-  return /* @__PURE__ */ M(
+  const m = s ? "ul" : "div";
+  return /* @__PURE__ */ g(
     "div",
     {
-      className: u(
+      className: p(
         "content-card",
         { "content-card--block": c },
         `content-card--${h}`,
@@ -1731,35 +1731,35 @@ const Q = {
       ),
       ...d,
       children: [
-        r && /* @__PURE__ */ o("div", { className: u("content-card__header", l), children: typeof r == "string" ? /* @__PURE__ */ o("h3", { children: r }) : r }),
+        r && /* @__PURE__ */ o("div", { className: p("content-card__header", i), children: typeof r == "string" ? /* @__PURE__ */ o("h3", { children: r }) : r }),
         /* @__PURE__ */ o(
-          p,
+          m,
           {
-            className: u("content-card__content", a),
-            role: i ? "list" : null,
+            className: p("content-card__content", a),
+            role: s ? "list" : null,
             children: e
           }
         ),
-        s && /* @__PURE__ */ o("div", { className: u("content-card__footer", n), children: s })
+        l && /* @__PURE__ */ o("div", { className: p("content-card__footer", n), children: l })
       ]
     }
   );
-}, V2 = x(A1), y1 = ({
+}, V2 = b(A1), y1 = ({
   children: c,
   className: e,
   colGap: t = 2,
   direction: a = "col",
   label: n,
-  labelClass: s,
+  labelClass: l,
   props: r = {},
-  rowGap: l = 1,
-  value: i,
+  rowGap: i = 1,
+  value: s,
   valueClass: d,
   wrap: h = !1
-}) => /* @__PURE__ */ M(
+}) => /* @__PURE__ */ g(
   "div",
   {
-    className: u(
+    className: p(
       "flex",
       {
         "flex-col items-start": a === "col",
@@ -1770,28 +1770,28 @@ const Q = {
     ),
     style: {
       columnGap: `${t / 4}rem`,
-      rowGap: `${l / 4}rem`
+      rowGap: `${i / 4}rem`
     },
     ...r,
     children: [
-      n && /* @__PURE__ */ o("div", { className: u("item-label", s), children: n }),
-      i && /* @__PURE__ */ o("div", { className: u("item-value", d), children: i }),
+      n && /* @__PURE__ */ o("div", { className: p("item-label", l), children: n }),
+      s && /* @__PURE__ */ o("div", { className: p("item-value", d), children: s }),
       c
     ]
   }
-), C2 = x(y1), w1 = ({
+), C2 = b(y1), w1 = ({
   breakPage: c = !1,
   children: e,
   className: t,
   noPrint: a = !1,
   props: n = {},
-  title: s,
+  title: l,
   titleClass: r,
-  titleId: l
-}) => /* @__PURE__ */ M(
+  titleId: i
+}) => /* @__PURE__ */ g(
   "section",
   {
-    className: u(
+    className: p(
       "spacer",
       {
         "print:!hidden": a,
@@ -1801,14 +1801,14 @@ const Q = {
     ),
     ...n,
     children: [
-      s && /* @__PURE__ */ o("h2", { className: u("spacer-title", r), id: l, children: s }),
+      l && /* @__PURE__ */ o("h2", { className: p("spacer-title", r), id: i, children: l }),
       e
     ]
   }
-), H2 = w1, S1 = ({ children: c, className: e, list: t = !0 }) => /* @__PURE__ */ o(t ? "li" : "div", { className: u("stacked-list", e), children: c }), L2 = S1, k1 = ({ align: c = "center", children: e, className: t = "", tag: a = "h1", title: n }) => /* @__PURE__ */ o(
+), H2 = w1, S1 = ({ children: c, className: e, list: t = !0 }) => /* @__PURE__ */ o(t ? "li" : "div", { className: p("stacked-list", e), children: c }), L2 = S1, k1 = ({ align: c = "center", children: e, className: t = "", tag: a = "h1", title: n }) => /* @__PURE__ */ o(
   a,
   {
-    className: u(
+    className: p(
       "!header-4-medium mb-6 flex items-center",
       {
         "text-center justify-center": c === "center",
@@ -1819,7 +1819,7 @@ const Q = {
     ),
     children: n || e
   }
-), g2 = x(k1), z1 = {
+), g2 = b(k1), z1 = {
   circular: "circular 3s linear infinite",
   "circular-reverse": "circular 3s linear reverse infinite",
   "fade-in": "fade-in 0.2.5s ease-out",
@@ -1961,9 +1961,9 @@ const Q = {
 }, I1 = {
   0: "0ms",
   50: "50ms"
-}, O1 = {
+}, $1 = {
   "center-top": "center 30%"
-}, T = {
+}, B = {
   animation: z1,
   backgroundImage: N1,
   fontSize: Z1,
@@ -1973,8 +1973,8 @@ const Q = {
   maxWidth: T1,
   screens: B1,
   transitionDuration: I1,
-  transformOrigin: O1
-}, B = {
+  transformOrigin: $1
+}, I = {
   black: {
     50: "#FCFCFC",
     100: "#F9F9F9",
@@ -2065,7 +2065,7 @@ const Q = {
   current: "currentColor",
   transparent: "transparent",
   white: "#fff"
-}, I = {
+}, $ = {
   blue: {
     100: "hsl(240 42% 22%)",
     60: "hsl(240 24% 34%)",
@@ -2082,9 +2082,9 @@ const Q = {
   white: "hsl(0 0% 100%)",
   transparent: "hsl(0 0% 100% / 0)"
 }, M2 = {
-  ...B,
-  ...I
-}, $1 = ({ matchUtilities: c, theme: e }) => c(
+  ...I,
+  ...$
+}, O1 = ({ matchUtilities: c, theme: e }) => c(
   {
     aspect: (t) => ({
       "@supports (aspect-ratio: 1 / 1)": {
@@ -2122,34 +2122,34 @@ const Q = {
   "max-block": (e) => ({
     "max-block-size": e
   })
-}), D = ({
+}), T = ({
   addUtilities: c,
   e,
   classPrefix: t = "",
   fixedProps: a = {},
   sizeProps: n = null,
-  sizes: s,
+  sizes: l,
   weights: r,
-  weightProps: l = null
+  weightProps: i = null
 }) => {
-  const i = {};
-  Object.entries(s).forEach(([d, h]) => {
-    const p = {
+  const s = {};
+  Object.entries(l).forEach(([d, h]) => {
+    const m = {
       "font-size": h,
       ...a
-    }, C = `.${e(`${t}-${d}`)}`, H = n ? n({ sizeKey: d, sizeValue: h }) : {};
-    i[C] = {
-      ...p,
-      ...H
-    }, Object.entries(r).forEach(([v, f]) => {
-      const m = `.${e(`${t}-${d}-${v}`)}`, V = l ? l({ sizeKey: d, sizeValue: h, weightKey: v, weightValue: f }) : {};
-      i[m] = {
-        ...p,
+    }, V = `.${e(`${t}-${d}`)}`, C = n ? n({ sizeKey: d, sizeValue: h }) : {};
+    s[V] = {
+      ...m,
+      ...C
+    }, Object.entries(r).forEach(([M, f]) => {
+      const A = `.${e(`${t}-${d}-${M}`)}`, u = i ? i({ sizeKey: d, sizeValue: h, weightKey: M, weightValue: f }) : {};
+      s[A] = {
+        ...m,
         "font-weight": f,
-        ...V
+        ...u
       };
     });
-  }), c(i);
+  }), c(s);
 }, O = {
   aspectRatio: !1,
   backdropBlur: !1,
@@ -2214,9 +2214,9 @@ const Q = {
   textOpacity: !1,
   textUnderlineOffset: !1,
   touchAction: !1
-}, $ = [
+}, q = [
   ({ addUtilities: c, matchUtilities: e, theme: t, e: a }) => {
-    const n = ["2", "5"], s = {
+    const n = ["2", "5"], l = {
       light: "300",
       normal: "400",
       medium: "500",
@@ -2230,44 +2230,44 @@ const Q = {
       4: "1.25rem",
       5: "1.125rem",
       6: "1rem"
-    }, l = {
+    }, i = {
       1: "0.938rem",
       2: "0.813rem",
       3: "0.75rem"
     };
-    D({
+    T({
       addUtilities: c,
       e: a,
       classPrefix: "header",
       fixedProps: {
         "line-height": "1.5"
       },
-      sizeProps: ({ sizeKey: i }) => ({
-        "font-weight": n.includes(i) ? s.semibold : s.bold
+      sizeProps: ({ sizeKey: s }) => ({
+        "font-weight": n.includes(s) ? l.semibold : l.bold
       }),
       sizes: r,
-      weights: s
-    }), D({
+      weights: l
+    }), T({
       addUtilities: c,
       e: a,
       classPrefix: "text-body",
-      sizes: l,
-      weights: s
-    }), $1({ matchUtilities: e, theme: t }), q1({ matchUtilities: e, theme: t }), j1({ matchUtilities: e }), P1({ matchUtilities: e });
+      sizes: i,
+      weights: l
+    }), O1({ matchUtilities: e, theme: t }), q1({ matchUtilities: e, theme: t }), j1({ matchUtilities: e }), P1({ matchUtilities: e });
   }
 ], v2 = {
   theme: {
-    extend: T,
-    colors: B
+    extend: B,
+    colors: I
   },
-  plugins: $,
+  plugins: q,
   corePlugins: O
 }, b2 = {
   theme: {
-    extend: T,
-    colors: I
+    extend: B,
+    colors: $
   },
-  plugins: $,
+  plugins: q,
   corePlugins: O
 };
 function R1(c, e = []) {
@@ -2276,8 +2276,8 @@ function R1(c, e = []) {
       return t[a];
     },
     set(t, a, n) {
-      const s = { ...t };
-      return t[a] = n, e.length > 0 && e.forEach((r) => r(t, s, a)), t;
+      const l = { ...t };
+      return t[a] = n, e.length > 0 && e.forEach((r) => r(t, l, a)), t;
     }
   });
 }
@@ -2288,16 +2288,16 @@ function A2(c, e = []) {
   e.length && (c == null || c.classList.remove(...e));
 }
 function y2({ cb: c, form: e, formData: t, validations: a, reactive: n = !1 }) {
-  let s = !0;
-  for (const [r, l] of t.entries()) {
-    const i = e.querySelector(`[name="${r}"]`), d = a[r], h = [];
-    d.forEach((p) => {
-      p.isValid(l) || h.push(p.message);
-    }), h.length ? (s = !1, i.classList.add("field-error"), c && c({ isValid: s, field: i, validations: a })) : (i.classList.remove("field-error"), c && c({ isValid: !0, field: i, validations: a })), n && (i == null || i.addEventListener("input", (p) => {
-      p.preventDefault(), i.classList.contains("field-error") && i.classList.remove("field-error");
+  let l = !0;
+  for (const [r, i] of t.entries()) {
+    const s = e.querySelector(`[name="${r}"]`), d = a[r], h = [];
+    d.forEach((m) => {
+      m.isValid(i) || h.push(m.message);
+    }), h.length ? (l = !1, s.classList.add("field-error"), c && c({ isValid: l, field: s, validations: a })) : (s.classList.remove("field-error"), c && c({ isValid: !0, field: s, validations: a })), n && (s == null || s.addEventListener("input", (m) => {
+      m.preventDefault(), s.classList.contains("field-error") && s.classList.remove("field-error");
     }));
   }
-  return s;
+  return l;
 }
 function w2(c) {
   const e = (
@@ -2339,8 +2339,8 @@ class S2 {
   initObserver(e) {
     var t, a;
     e.observer || (e.observer = new IntersectionObserver(
-      (n, s) => {
-        this.handleIntersect(n, s, e);
+      (n, l) => {
+        this.handleIntersect(n, l, e);
       },
       {
         root: (t = e.container) == null ? void 0 : t.offsetParent
@@ -2348,16 +2348,16 @@ class S2 {
     )), 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), s = n.length === a.slides.length, r = n.every(
-      (i) => i.isIntersecting === !0
+    const n = e.filter((s) => s.isIntersecting), l = n.length === a.slides.length, r = n.every(
+      (s) => s.isIntersecting === !0
     );
-    s && r ? t.disconnect() : (a.disableBtns = !1, e.forEach((i) => {
-      const d = [...a.slides].indexOf(i.target);
-      i.target === a.slides[0] && (a.showPrevBtn = i.isIntersecting), i.target === a.slides[a.slides.length - 1] && (a.showNextBtn = i.isIntersecting), i.target === a.slides[2] && (a.scrollToStart = i.isIntersecting), i.target === a.slides[a.slides.length - 2] && (a.scrollToEnd = i.isIntersecting), i.isIntersecting && !a.entriesIntersected.includes(d) && (a.entriesIntersected.push(d), a.activeIndex = d, l(i));
+    l && r ? t.disconnect() : (a.disableBtns = !1, e.forEach((s) => {
+      const d = [...a.slides].indexOf(s.target);
+      s.target === a.slides[0] && (a.showPrevBtn = s.isIntersecting), s.target === a.slides[a.slides.length - 1] && (a.showNextBtn = s.isIntersecting), s.target === a.slides[2] && (a.scrollToStart = s.isIntersecting), s.target === a.slides[a.slides.length - 2] && (a.scrollToEnd = s.isIntersecting), s.isIntersecting && !a.entriesIntersected.includes(d) && (a.entriesIntersected.push(d), a.activeIndex = d, i(s));
     }));
-    function l(i) {
+    function i(s) {
       var d;
-      i.target !== a.slides[a.slides.length - 1] && i.target !== a.slides[0] && i.target !== a.slides[2] && i.target !== a.slides[a.slides.length - 2] && ((d = a.observer) == null || d.unobserve(i.target));
+      s.target !== a.slides[a.slides.length - 1] && s.target !== a.slides[0] && s.target !== a.slides[2] && s.target !== a.slides[a.slides.length - 2] && ((d = a.observer) == null || d.unobserve(s.target));
     }
   }
   btnListeners(e) {
@@ -2376,7 +2376,7 @@ class S2 {
     e.scrollToEnd ? e.transition = n : e.transition += e.slides[1].offsetWidth + 12, e.container.style.transform = `translate3d(${-e.transition}px, 0, 0)`;
   }
   sliderElements({ state: e, items: t, id: a, cb: n }) {
-    const s = '<span class="slide-first"></span>', r = '<span class="slide-last"></span>';
+    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(
@@ -2384,8 +2384,8 @@ class S2 {
     ), e.nextBtn = e.container.parentElement.querySelector(
       `#btn-right-${a}`
     );
-    const l = t.map((d) => n(d)).join(""), i = document.createElement("div");
-    i.innerHTML = `${s}${l}${r}`, e.container.replaceChildren(...i.children), e.container.parentElement.classList.add("loaded");
+    const i = t.map((d) => n(d)).join(""), s = document.createElement("div");
+    s.innerHTML = `${l}${i}${r}`, e.container.replaceChildren(...s.children), e.container.parentElement.classList.add("loaded");
   }
   showHideBtns(e, t, a) {
     if (a === "showPrevBtn" || a === "showNextBtn") {
@@ -2395,12 +2395,12 @@ class S2 {
     }
   }
 }
-class g {
+class H {
   static calcCrow(e, t, a, n) {
-    const r = g.toRad(a - e), l = g.toRad(n - t);
-    e = g.toRad(e), a = g.toRad(a);
-    const i = Math.sin(r / 2) * Math.sin(r / 2) + Math.sin(l / 2) * Math.sin(l / 2) * Math.cos(e) * Math.cos(a);
-    return 6371 * (2 * Math.atan2(Math.sqrt(i), Math.sqrt(1 - i)));
+    const r = H.toRad(a - e), i = H.toRad(n - t);
+    e = H.toRad(e), a = H.toRad(a);
+    const s = Math.sin(r / 2) * Math.sin(r / 2) + Math.sin(i / 2) * Math.sin(i / 2) * Math.cos(e) * Math.cos(a);
+    return 6371 * (2 * Math.atan2(Math.sqrt(s), Math.sqrt(1 - s)));
   }
   static cleanupAddress(e) {
     return e.split(" ").map((a) => a.split("-")[0]).join(" ").trim();
@@ -2413,9 +2413,9 @@ class g {
       return;
     window.dataLayer = window.dataLayer || [];
     const t = document.querySelectorAll("[data-div-track]");
-    typeof g == "function" && t.forEach((a) => {
+    typeof H == "function" && t.forEach((a) => {
       a.addEventListener("click", () => {
-        g.clickTrackEvent(a.dataset.divTrack);
+        H.clickTrackEvent(a.dataset.divTrack);
       });
     });
   }
@@ -2428,19 +2428,19 @@ class g {
   static async createData(e, t = null, a = !0) {
     if (window.options.isBot || !t)
       return null;
-    const { tolken: n = null, ip: s = null } = await g.getHeaders(), r = a === !1 ? "" : "&tolken=" + n + "&ip=" + s, l = e + r, i = typeof t == "string" ? t : JSON.stringify(t), d = (t == null ? void 0 : t.website) ?? g.getWebsiteHeaderName();
+    const { tolken: n = null, ip: l = null } = await H.getHeaders(), r = a === !1 ? "" : "&tolken=" + n + "&ip=" + l, i = e + r, s = typeof t == "string" ? t : JSON.stringify(t), d = (t == null ? void 0 : t.website) ?? H.getWebsiteHeaderName();
     try {
-      const h = await fetch(l, {
+      const h = await fetch(i, {
         method: "POST",
-        body: i === "null" ? null : i,
+        body: s === "null" ? null : s,
         headers: {
           website: d
         }
-      }), p = h.headers.get("content-type");
-      if (p && p.indexOf("application/json") !== -1)
+      }), m = h.headers.get("content-type");
+      if (m && m.indexOf("application/json") !== -1)
         return h.json();
-      const C = await h.text();
-      return C ? C.replace("__next", "") : null;
+      const V = await h.text();
+      return V ? V.replace("__next", "") : null;
     } catch (h) {
       console.error("createData", h);
     }
@@ -2451,7 +2451,7 @@ class g {
   }
   static async deleteSearchValue(e = "recsSearchValue") {
     try {
-      return await g.createData(`/api/cookie/remove?name=${e}`);
+      return await H.createData(`/api/cookie/remove?name=${e}`);
     } catch (t) {
       console.error("deleteSearchValue", t.message);
     }
@@ -2502,17 +2502,17 @@ class g {
   static async fetchData(e, t = !1, a = !0) {
     if (options.isBot)
       return null;
-    const { tolken: n = null, ip: s = null } = await g.getHeaders(), l = e.replace("#", "").replace("%23", "") + "&tolken=" + n + "&ip=" + s;
+    const { tolken: n = null, ip: l = null } = await H.getHeaders(), i = e.replace("#", "").replace("%23", "") + "&tolken=" + n + "&ip=" + l;
     try {
-      const i = await fetch(l, { method: "GET" });
+      const s = await fetch(i, { method: "GET" });
       if (t === !0) {
-        const h = await i.text();
+        const h = await s.text();
         return h ? h.replace("__next", "") : null;
       }
-      const d = i.headers.get("content-type");
-      return d && d.indexOf("application/json") !== -1 ? i.json() : null;
-    } catch (i) {
-      console.error("fetchData", i, e);
+      const d = s.headers.get("content-type");
+      return d && d.indexOf("application/json") !== -1 ? s.json() : null;
+    } catch (s) {
+      console.error("fetchData", s, e);
     }
     return null;
   }
@@ -2522,8 +2522,8 @@ class g {
   }
   static formatDate(e = null) {
     return e ? (e = new Date(e), [
-      g.padTo2Digits(e.getMonth() + 1),
-      g.padTo2Digits(e.getDate()),
+      H.padTo2Digits(e.getMonth() + 1),
+      H.padTo2Digits(e.getDate()),
       e.getFullYear()
     ].join("-")) : null;
   }
@@ -2540,12 +2540,12 @@ class g {
         swLng: 0
       };
     const n = e.getBounds();
-    let s = n.getSouth(), r = n.getEast(), l = n.getNorth(), i = n.getWest();
-    return a && (s = s - a, r = r + a, l = l + a, i = i - a), t && (s = s.toFixed(t), r = r.toFixed(t), l = l.toFixed(t), i = i.toFixed(t)), {
-      swLat: s,
+    let l = n.getSouth(), r = n.getEast(), i = n.getNorth(), s = n.getWest();
+    return a && (l = l - a, r = r + a, i = i + a, s = s - a), t && (l = l.toFixed(t), r = r.toFixed(t), i = i.toFixed(t), s = s.toFixed(t)), {
+      swLat: l,
       neLng: r,
-      neLat: l,
-      swLng: i
+      neLat: i,
+      swLng: s
     };
   }
   static getFirstN(e, t = 5) {
@@ -2573,41 +2573,41 @@ class g {
       return "/report/license-plate";
   }
   static async getHeaders(e = 300) {
-    var i;
+    var s;
     const {
       userAgent: t = null,
       userAgentData: a = null,
       platform: n = null
-    } = navigator || {}, s = (a == null ? void 0 : a.platform) ?? n, r = {
+    } = navigator || {}, l = (a == null ? void 0 : a.platform) ?? n, r = {
       tolken: null,
       ip: null,
       userAgent: t,
-      platform: s
+      platform: l
     };
     if (options && options.isBot || typeof window.localStorage > "u")
       return r;
-    const l = localStorage.getItem("headerTolken");
-    if (l) {
-      const d = JSON.parse(l), h = (/* @__PURE__ */ new Date()).getTime();
+    const i = localStorage.getItem("headerTolken");
+    if (i) {
+      const d = JSON.parse(i), h = (/* @__PURE__ */ new Date()).getTime();
       return d.expire - h < 0 && localStorage.removeItem("headerTolken"), {
         tolken: d.tolken,
         ip: d.ip,
         userAgent: t,
-        platform: s
+        platform: l
       };
     }
-    if ((i = window == null ? void 0 : window.options) != null && i.isPdf)
+    if ((s = window == null ? void 0 : window.options) != null && s.isPdf)
       return r;
     try {
-      const h = await (await fetch("/api/headers")).json(), p = (h == null ? void 0 : h.token) ?? null, C = (h == null ? void 0 : h.ip) ?? null;
+      const h = await (await fetch("/api/headers")).json(), m = (h == null ? void 0 : h.token) ?? null, V = (h == null ? void 0 : h.ip) ?? null;
       return localStorage.setItem(
         "headerTolken",
         JSON.stringify({
-          tolken: p,
-          ip: C,
+          tolken: m,
+          ip: V,
           expire: (/* @__PURE__ */ new Date()).getTime() + e * 1e3
         })
-      ), { tolken: p, ip: C, userAgent: t, platform: s };
+      ), { tolken: m, ip: V, userAgent: t, platform: l };
     } catch (d) {
       console.error("getHeaders", d);
     }
@@ -2620,19 +2620,19 @@ class g {
     }[e];
   }
   static async getLocationData(e) {
-    const { swLat: t, neLng: a, neLat: n, swLng: s } = g.getBounds(e, 3, 0.05), r = "zip-location&swLat=" + t + "&neLng=" + a + "&neLat=" + n + "&swLng=" + s;
-    return await g.fetchData("/api/client?query=" + r);
+    const { swLat: t, neLng: a, neLat: n, swLng: l } = H.getBounds(e, 3, 0.05), r = "zip-location&swLat=" + t + "&neLng=" + a + "&neLat=" + n + "&swLng=" + l;
+    return await H.fetchData("/api/client?query=" + r);
   }
   static getReportUrl(e, t = null) {
-    var i, d, h;
-    const a = ((i = e == null ? void 0 : e.state) == null ? void 0 : i.slug) ?? null, n = ((d = e == null ? void 0 : e.city) == null ? void 0 : d.slug) ?? null, s = ((h = e == null ? void 0 : e.name) == null ? void 0 : h.slug) ?? null, r = (e == null ? void 0 : e.zip) ?? null;
+    var s, d, h;
+    const a = ((s = e == null ? void 0 : e.state) == null ? void 0 : s.slug) ?? null, n = ((d = e == null ? void 0 : e.city) == null ? void 0 : d.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 l = [r, "-piq", t].filter((p) => p).join("");
-    return "/" + [a, n, s].filter((p) => p).map((p) => g.toSlug(p)).join("/") + "/" + l;
+    const i = [r, "-piq", t].filter((m) => m).join("");
+    return "/" + [a, n, l].filter((m) => m).map((m) => H.toSlug(m)).join("/") + "/" + i;
   }
   static async getSearchValue(e = "recsSearchValue") {
     try {
-      return await g.createData(`/api/cookie/fetch?name=${e}`);
+      return await H.createData(`/api/cookie/fetch?name=${e}`);
     } catch (t) {
       console.error("getSearchValue", t.message);
     }
@@ -2738,15 +2738,15 @@ class g {
     ];
   }
   static getTrackingData(e) {
-    const [t, ...a] = e.split("|"), n = a.join("|").trim(), s = [
+    const [t, ...a] = e.split("|"), n = a.join("|").trim(), l = [
       "[pageType::" + t.trim() + "]",
       "[name::" + n + "]"
     ].join(" ");
     return {
-      value: s,
+      value: l,
       dataLayer: {
         event: "clickTrack",
-        value: s
+        value: l
       }
     };
   }
@@ -2760,7 +2760,7 @@ class g {
     if ((e = window == null ? void 0 : window.options) != null && e.isPdf)
       return null;
     try {
-      return await g.createData("/api/cookie/fetch?name=odrUser");
+      return await H.createData("/api/cookie/fetch?name=odrUser");
     } catch (t) {
       console.error("getUser", t.message);
     }
@@ -2776,7 +2776,7 @@ class g {
         uuid: t
       }
     });
-    return await g.makeSearchFetchCall(
+    return await H.makeSearchFetchCall(
       `/api/client?query=user-get-history&filter=${a}`
     );
   }
@@ -2785,56 +2785,58 @@ class g {
     return a && a.includes(t) ? t : e;
   }
   static getGridBounds({ map: e, tileSize: t, coords: a }) {
-    const n = a.scaleBy(t), s = n.add(t);
+    const n = a.scaleBy(t), l = n.add(t);
     return {
       nw: e.unproject(n, a.z),
-      se: e.unproject(s, a.z)
+      se: e.unproject(l, a.z)
     };
   }
   static gridTest(e, t, a = 1500) {
     const n = this;
     L.GridLayer.GridDebug = L.GridLayer.extend({
-      createTile: function(s, r) {
-        const l = document.createElement("div");
+      createTile: function(l, r) {
+        const i = document.createElement("div");
         return setTimeout(() => {
-          r(null, l);
-          const { se: i, nw: d } = n.getGridBounds({
+          r(null, i);
+          const { se: s, nw: d } = n.getGridBounds({
             map: e,
             tileSize: this.getTileSize(),
-            coords: s
+            coords: l
           });
           t({
-            swLat: i.lat,
-            neLng: i.lng,
+            swLat: s.lat,
+            neLng: s.lng,
             neLat: d.lat,
             swLng: d.lng,
-            coords: s,
-            key: s.z + "-" + s.x + "-" + s.y
+            coords: l,
+            key: l.z + "-" + l.x + "-" + l.y
           });
-        }, a), l;
+        }, a), i;
       }
-    }), L.gridLayer.gridDebug = function(s) {
-      return new L.GridLayer.GridDebug(s);
+    }), L.gridLayer.gridDebug = function(l) {
+      return new L.GridLayer.GridDebug(l);
     }, e.addLayer(L.gridLayer.gridDebug());
   }
   /**
    * Handle Native Dialogs
    * @type {function} handleDialog
-   * @param {string|null} target - Selector that open the dialog
+   * @param {boolean} disableOutsideClick - Disable dialog closing when clicking outside the dialog
    * @param {string} id - Unique dialog id
    * @param {function|null} onOpen - Callback function called when dialog is opened
    * @param {function|null} onClose - Callback function called when dialog is closed
-   * @param {boolean} disableOutsideClick - Disable dialog closing when clicking outside the dialog
+   * @param {boolean} selfClose - Only allow the dialog to close from within. (In the case of multiple active dialogs)
+   * @param {string|null} target - Selector that open the dialog
    * @returns {{activators: NodeListOf<Element>, handleOpen: {function}, handleClose: {function}, ref: HTMLDialogElement}}
    */
   static handleDialog({
-    target: e = null,
+    disableOutsideClick: e = !1,
     id: t = "",
-    onOpen: a = null,
-    onClose: n = null,
-    disableOutsideClick: s = !1
+    onClose: a = null,
+    onOpen: n = null,
+    selfClose: l = !1,
+    target: r = null
   }) {
-    const r = e ? document.querySelectorAll(e) : [], l = document.getElementById(t + "-dialog"), i = document.querySelectorAll("[data-dialog-close]"), d = [
+    const i = r ? document.querySelectorAll(r) : [], s = document.getElementById(`${t}-dialog`), d = l ? s == null ? void 0 : s.querySelectorAll("[data-dialog-close]") : document.querySelectorAll("[data-dialog-close]"), h = [
       "closing",
       "closed",
       "opening",
@@ -2842,66 +2844,66 @@ class g {
       "outside",
       "removed"
     ].reduce(
-      (m, V) => ({
-        ...m,
-        [V]: new Event(V)
+      (u, x) => ({
+        ...u,
+        [x]: new Event(x)
       }),
       {}
-    ), h = new MutationObserver((m, V) => {
-      m.forEach(async (w) => {
-        if (w.attributeName === "open") {
-          const b = w.target;
-          if (!(b == null ? void 0 : b.hasAttribute("open"))) return;
-          b == null || b.removeAttribute("inert"), b == null || b.dispatchEvent(d.opening), b && await f(b), b == null || b.dispatchEvent(d.opened);
+    ), m = new MutationObserver((u, x) => {
+      u.forEach(async (S) => {
+        if (S.attributeName === "open") {
+          const v = S.target;
+          if (!(v == null ? void 0 : v.hasAttribute("open"))) return;
+          v == null || v.removeAttribute("inert"), v == null || v.dispatchEvent(h.opening), v && await A(v), v == null || v.dispatchEvent(h.opened);
         }
       });
-    }), p = new MutationObserver((m, V) => {
-      m.forEach((w) => {
-        w.removedNodes.forEach((b) => {
-          b.nodeName === "DIALOG" && (b.removeEventListener("click", v), b.removeEventListener("close", H), b.dispatchEvent(d.removed), p == null || p.disconnect(), h == null || h.disconnect());
+    }), V = new MutationObserver((u, x) => {
+      u.forEach((S) => {
+        S.removedNodes.forEach((v) => {
+          v.nodeName === "DIALOG" && (v.removeEventListener("click", f), v.removeEventListener("close", M), v.dispatchEvent(h.removed), V == null || V.disconnect(), m == null || m.disconnect());
         });
       });
     });
-    l && (h.observe(l, {
+    s && (m.observe(s, {
       attributes: !0
-    }), p.observe(document.body, {
+    }), V.observe(document.body, {
       attributes: !1,
       subtree: !1,
       childList: !0
     }));
     const C = () => {
-      l == null || l.showModal();
-    }, H = async ({ target: m }) => {
-      m == null || m.classList.add("closing"), m == null || m.setAttribute("inert", ""), m == null || m.dispatchEvent(d.closing), m && await f(m), m == null || m.classList.remove("closing"), m == null || m.dispatchEvent(d.closed);
-    }, v = async ({ target: m }) => {
-      (m == null ? void 0 : m.nodeName) === "DIALOG" && (m == null || m.dispatchEvent(d.outside), l == null || l.close("outside"));
-    }, f = (m) => Promise.allSettled(
-      m == null ? void 0 : m.getAnimations().map((V) => V == null ? void 0 : V.finished)
+      s == null || s.showModal();
+    }, M = async ({ target: u }) => {
+      u == null || u.classList.add("closing"), u == null || u.setAttribute("inert", ""), u == null || u.dispatchEvent(h.closing), u && await A(u), u == null || u.classList.remove("closing"), u == null || u.dispatchEvent(h.closed);
+    }, f = async ({ target: u }) => {
+      (u == null ? void 0 : u.nodeName) === "DIALOG" && (u == null || u.dispatchEvent(h.outside), s == null || s.close("outside"));
+    }, A = (u) => Promise.allSettled(
+      u == null ? void 0 : u.getAnimations().map((x) => x == null ? void 0 : x.finished)
     );
-    return !s && (l == null || l.addEventListener("click", v)), l == null || l.addEventListener("close", H), r == null || r.forEach((m) => {
-      m.addEventListener("click", (V) => {
-        C(), a && a(V, l);
+    return !e && (s == null || s.addEventListener("click", f)), s == null || s.addEventListener("close", M), i == null || i.forEach((u) => {
+      u.addEventListener("click", (x) => {
+        C(), n && n(x, s);
       });
-    }), i == null || i.forEach((m) => {
-      m.addEventListener("click", async (V) => {
-        l == null || l.close("close"), n && n(V, l);
+    }), d == null || d.forEach((u) => {
+      u.addEventListener("click", async (x) => {
+        s == null || s.close("close"), a && a(x, s);
       });
     }), {
-      activators: r,
-      ref: l,
+      activators: i,
+      ref: s,
       handleOpen: C,
-      handleClose: H
+      handleClose: M
     };
   }
   static hasBoundsEntry(e, t = "bounds") {
-    return g.getBoundsEntries(t).includes(e);
+    return H.getBoundsEntries(t).includes(e);
   }
   static initObserver(e, t, a = null) {
     if (!e)
       return;
     const n = (a == null ? void 0 : a.useBounding) ?? !1;
-    new IntersectionObserver(async (r, l) => {
-      n ? (r[0].isIntersecting || r[0].boundingClientRect.y < 0) && t({ obs: l, entry: r[0], entries: r }) : r[0].isIntersecting && t({ obs: l, entry: r[0], entries: r });
+    new IntersectionObserver(async (r, i) => {
+      n ? (r[0].isIntersecting || r[0].boundingClientRect.y < 0) && t({ obs: i, entry: r[0], entries: r }) : r[0].isIntersecting && t({ obs: i, entry: r[0], entries: r });
     }, a).observe(e);
   }
   static injectLink({ href: e, id: t }) {
@@ -2909,11 +2911,11 @@ class g {
     a.href = e, a.type = "text/css", a.rel = "stylesheet", t && (a.id = t), document.getElementsByTagName("head")[0].appendChild(a);
   }
   static injectScript({ src: e, id: t = null, async: a = !0, module: n = !1 }) {
-    return new Promise(function(s, r) {
-      let l = document.getElementById(t);
-      if (t && l && l.dataset.loaded === "true")
-        return s({ alreadyLoaded: !0, id: t });
-      l || (l = document.createElement("script"), l.src = e, l.dataset.loaded = "false", t && (l.id = t), l.type = n ? "module" : "text/javascript", l.async = a, document.body.appendChild(l), l.onload = () => (l.dataset.loaded = "true", s({ alreadyLoaded: !1, id: t })), l.onerror = () => r(!1));
+    return new Promise(function(l, r) {
+      let i = document.getElementById(t);
+      if (t && i && i.dataset.loaded === "true")
+        return l({ alreadyLoaded: !0, id: t });
+      i || (i = document.createElement("script"), i.src = e, i.dataset.loaded = "false", t && (i.id = t), i.type = n ? "module" : "text/javascript", i.async = a, document.body.appendChild(i), i.onload = () => (i.dataset.loaded = "true", l({ alreadyLoaded: !1, id: t })), i.onerror = () => r(!1));
     });
   }
   static isMobile({ selector: e = null, width: t = 640 } = {}) {
@@ -2945,15 +2947,15 @@ class g {
     const a = Math.abs(e), n = Math.sign(e);
     return a > 999999 ? n * (a / 1e6).toFixed(1) + "m" : a > 999 ? n * (a / 1e3).toFixed(t) + "k" : n * a;
   }
-  static async logRequest(e = null, t = null, a = null, n = null, s = null) {
+  static async logRequest(e = null, t = null, a = null, n = null, l = null) {
     const r = {
       name: e,
       uuid: t,
       ip: a,
       url: n,
-      data: s
+      data: l
     };
-    return await g.createData("/api/client?query=log/save&method=POST", r), null;
+    return await H.createData("/api/client?query=log/save&method=POST", r), null;
   }
   static loadAds() {
     window.dataLayer = window.dataLayer || [];
@@ -2969,10 +2971,10 @@ class g {
   static async loadCustomScript({ name: e = null, id: t = "", module: a = !1 } = {}) {
     const n = Math.floor(Date.now() / 1e3);
     if (e) {
-      const s = "/scripts/" + e + ".js?v=" + n;
+      const l = "/scripts/" + e + ".js?v=" + n;
       try {
-        return await g.injectScript({
-          src: s,
+        return await H.injectScript({
+          src: l,
           id: t || e,
           async: !1,
           module: a
@@ -2987,11 +2989,11 @@ class g {
     if (window.options.googleMapsLoaded === !0)
       return;
     const e = "https://maps.googleapis.com/maps/api/js", t = window.options.googleApiKey, a = e + "?key=" + t + "&libraries=marker&v=beta&callback=mapCb";
-    await g.injectScript({ src: a, id: "googleapis", async: !1 });
+    await H.injectScript({ src: a, id: "googleapis", async: !1 });
   }
   static async loadLeafletApi() {
     const e = "/leaflet/leaflet.js", t = "/leaflet/leaflet.css", a = "/leaflet/leaflet-gesture-handling.min.js", n = "/leaflet/leaflet-gesture-handling.min.css";
-    await g.injectLink({ href: t, id: "leafletCss" }), await g.injectLink({ href: n, id: "gestureCss" }), await g.injectScript({ src: e, id: "leafletJs", async: !1 }), await g.injectScript({
+    await H.injectLink({ href: t, id: "leafletCss" }), await H.injectLink({ href: n, id: "gestureCss" }), await H.injectScript({ src: e, id: "leafletJs", async: !1 }), await H.injectScript({
       src: a,
       id: "gestureJs",
       async: !1
@@ -3006,7 +3008,7 @@ class g {
   }
   static async loadSwiper() {
     const e = "/slider/swiper-bundle.min.js";
-    await g.injectLink({ href: "/slider/swiper-bundle.min.css", id: "swiperCss" }), await g.injectScript({ src: e, id: "swiperJs", async: !1 });
+    await H.injectLink({ href: "/slider/swiper-bundle.min.css", id: "swiperCss" }), await H.injectScript({ src: e, id: "swiperJs", async: !1 });
   }
   static async makeSearchFetchCall(e) {
     try {
@@ -3038,18 +3040,18 @@ class g {
       name: t = null,
       first: a = null,
       middle: n = null,
-      last: s = null,
+      last: l = null,
       min: r = null,
-      max: l = null,
-      city: i = null,
+      max: i = null,
+      city: s = null,
       state: d = null,
       vin: h = null,
-      license: p = null,
-      token: C = null,
-      phone: H = null
-    } = e || {}, v = t && t !== "", f = r && r !== "" && r !== "18", m = l && l !== "" && r !== "99";
-    let V = [];
-    return t && t !== "" && V.push("name=" + t), v || (a && a !== "" && V.push("first=" + a), n && n !== "" && V.push("middle=" + n), s && s !== "" && V.push("last=" + s)), f && m ? parseInt(r) > parseInt(l) ? (V.push("min=" + l), V.push("max=" + r)) : (V.push("min=" + r), V.push("max=" + l)) : (f && V.push("min=" + r), m && V.push("max=" + l)), H && H !== "" && V.push("phone=" + H), i && i !== "" && V.push("city=" + i), p && p !== "" && V.push("license=" + p), h && h !== "" && V.push("vin=" + h), d && d !== "" && V.push("state=" + d), C && C !== "" && V.push("token=" + C), V.join("&");
+      license: m = null,
+      token: V = null,
+      phone: C = null
+    } = e || {}, M = t && t !== "", f = r && r !== "" && r !== "18", A = i && i !== "" && r !== "99";
+    let u = [];
+    return t && t !== "" && u.push("name=" + t), M || (a && a !== "" && u.push("first=" + a), n && n !== "" && u.push("middle=" + n), l && l !== "" && u.push("last=" + l)), f && A ? parseInt(r) > parseInt(i) ? (u.push("min=" + i), u.push("max=" + r)) : (u.push("min=" + r), u.push("max=" + i)) : (f && u.push("min=" + r), A && u.push("max=" + i)), C && C !== "" && u.push("phone=" + C), s && s !== "" && u.push("city=" + s), m && m !== "" && u.push("license=" + m), h && h !== "" && u.push("vin=" + h), d && d !== "" && u.push("state=" + d), V && V !== "" && u.push("token=" + V), u.join("&");
   }
   static padTo2Digits(e) {
     return e.toString().padStart(2, "0");
@@ -3062,23 +3064,23 @@ class g {
     const {
       addressesOnly: a = !1,
       useCitySearch: n = !1,
-      useCityStateSearch: s = !1,
+      useCityStateSearch: l = !1,
       useSearch: r = !1,
-      useLocation: l = !0,
-      state: i = "",
+      useLocation: i = !0,
+      state: s = "",
       useGoogle: d = !1
-    } = t ?? {}, { tolken: h = null, ip: p = null } = await g.getHeaders(), H = [
+    } = t ?? {}, { tolken: h = null, ip: m = null } = await H.getHeaders(), C = [
       "query=" + encodeURIComponent(this.cleanupAddress(e)),
       "addressesOnly=" + a,
       "useSearch=" + r,
       "useCitySearch=" + n,
-      "useCityStateSearch=" + s,
-      "useLocation=" + l,
+      "useCityStateSearch=" + l,
+      "useLocation=" + i,
       "useGoogle=" + d
     ];
-    i && i !== "" && !s && H.push("state=" + i), h && h !== "" && H.push("tolken=" + h), p && p !== "" && H.push("ip=" + p);
-    const v = H.join("&"), m = (n || s ? "/api/autocomplete-city" : "/api/autocomplete") + "?" + v;
-    return await g.makeSearchFetchCall(m);
+    s && s !== "" && !l && C.push("state=" + s), h && h !== "" && C.push("tolken=" + h), m && m !== "" && C.push("ip=" + m);
+    const M = C.join("&"), A = (n || l ? "/api/autocomplete-city" : "/api/autocomplete") + "?" + M;
+    return await H.makeSearchFetchCall(A);
   }
   static removeElements(e) {
     document.querySelectorAll(e).forEach((t) => t == null ? void 0 : t.remove());
@@ -3097,15 +3099,15 @@ class g {
     });
   }
   static searchInStates(e) {
-    const t = g.getStates(), a = e.toLowerCase();
-    let n = t.find((s) => s.short.toLowerCase() === a) ?? null;
-    return n || (n = t.find((s) => s.name.toLowerCase() === a) ?? null), n;
+    const t = H.getStates(), a = e.toLowerCase();
+    let n = t.find((l) => l.short.toLowerCase() === a) ?? null;
+    return n || (n = t.find((l) => l.name.toLowerCase() === a) ?? null), n;
   }
   static sendWoopraEvent(e, t) {
     typeof woopra == "object" && woopra.track(e, t);
   }
   static setBoundsEntries(e, t = "bounds") {
-    const a = g.getBoundsEntries(t);
+    const a = H.getBoundsEntries(t);
     a.push(e), localStorage.setItem(t, JSON.stringify(a));
   }
   static async setCityState(e = null) {
@@ -3113,26 +3115,26 @@ class g {
     if (!t)
       return e;
     t = t.toLowerCase().replace(" usa", "").replace("city or state", "").replace(" state", "").trim();
-    let [a = null, n = null] = t.split(",").map((s) => s.trim());
-    if (g.getStates(), a && !n) {
-      const s = this.searchInStates(a);
-      s && (a = null, n = s.short);
+    let [a = null, n = null] = t.split(",").map((l) => l.trim());
+    if (H.getStates(), a && !n) {
+      const l = this.searchInStates(a);
+      l && (a = null, n = l.short);
     }
     if (!n && a) {
-      const s = this.searchInStates(a);
-      s && (n = s.short);
+      const l = this.searchInStates(a);
+      l && (n = l.short);
     }
     if (a && !n) {
-      const s = a.split(" "), r = s[s.length - 1];
+      const l = a.split(" "), r = l[l.length - 1];
       if (r.length) {
-        const l = this.searchInStates(r);
-        l && (n = l.short, a = s.slice(0, -1).join(" "));
+        const i = this.searchInStates(r);
+        i && (n = i.short, a = l.slice(0, -1).join(" "));
       }
     }
     return a && n && a.toLowerCase() === n.toLowerCase() && (a = null), e.city = a, e.state = n ? n.toUpperCase() : null, e;
   }
   static async setSearchValueClient(e, t = "recsSearchValue") {
-    localStorage.setItem(t, JSON.stringify(e)), await g.createData(`/api/cookie/create?name=${t}`, e);
+    localStorage.setItem(t, JSON.stringify(e)), await H.createData(`/api/cookie/create?name=${t}`, e);
   }
   static stickyHeader(e = ".nav") {
     const t = document.querySelector(e);
@@ -3159,7 +3161,7 @@ class g {
     return t.charAt(0).toUpperCase() + t.slice(1);
   }
   static useLayerTitle(e, t) {
-    const a = g.getLayerTitle(e);
+    const a = H.getLayerTitle(e);
     L.tileLayer(a, {
       maxNativeZoom: 19,
       maxZoom: 25,
@@ -3168,7 +3170,7 @@ class g {
     }).addTo(t);
   }
   static ucWords(e) {
-    return e ? e.toString().split(" ").map((t) => g.ucFirst(t)).join(" ") : null;
+    return e ? e.toString().split(" ").map((t) => H.ucFirst(t)).join(" ") : null;
   }
   /**
    * HOW TO USE EVENTS
@@ -3215,12 +3217,12 @@ export {
   J1 as Alert,
   _1 as Autocomplete,
   Y1 as Badge,
-  E as Button,
+  F as Button,
   K1 as ButtonGroup,
   X1 as Card,
   S2 as CardSlider,
   e2 as Checkbox,
-  g as Common,
+  H as Common,
   f2 as ContactForm,
   t2 as Container,
   V2 as ContentCard,
@@ -3229,7 +3231,7 @@ export {
   s2 as Dots,
   C2 as FlexItem,
   g2 as FunnelHeader,
-  A as Icon,
+  y as Icon,
   l2 as LoadingBar,
   i2 as Popover,
   r2 as ProcessingSpinner,
@@ -3243,13 +3245,13 @@ export {
   L2 as StackedListItem,
   m2 as Stars,
   v1 as TextArea,
-  F as Textbox,
+  D as Textbox,
   x2 as addClass,
   M2 as colors,
   O as corePlugins,
   b2 as elerisPreset,
-  T as extensions,
-  $ as plugins,
+  B as extensions,
+  q as plugins,
   v2 as propertyPreset,
   A2 as removeClass,
   w2 as validateEmail,