@vehiclehistory/property-lib 0.0.70 → 0.0.72

package/dist/main.es.js

@@ -1,7 +1,7 @@
 import { jsx as o, jsxs as M, Fragment as k } from "react/jsx-runtime";
-import { memo as x, useState as N, useEffect as Z, useRef as Q } from "react";
+import { memo as x, useState as Z, useEffect as N, useRef as G } from "react";
 import u from "classnames";
-const U = {
+const Q = {
   xxSmall: "w-4 h-4",
   xSmall: "w-5 h-5",
   small: "w-6 h-6",
@@ -491,23 +491,23 @@ const U = {
   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" />'
   }
-}, Y = (c) => J[c], K = ({
+}, _ = (c) => J[c], Y = ({
   color: c = "text-current",
   className: e,
   name: t,
   size: a = "medium",
   viewBox: n = "0 0 20 20"
 }) => {
-  const s = Y(t), [r, l] = N(c), [i, d] = N(s);
-  return Z(() => {
+  const s = _(t), [r, l] = Z(c), [i, d] = Z(s);
+  return N(() => {
     d(s);
-  }, [s]), Z(() => {
+  }, [s]), N(() => {
     l(c);
   }, [c]), !s && console.error("Icon does not exist", t), /* @__PURE__ */ o(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
-      className: `${U[a]} fill-current flex-shrink-0 ${r}${e ? ` ${e}` : ""}`,
+      className: `${Q[a]} fill-current flex-shrink-0 ${r}${e ? ` ${e}` : ""}`,
       style: { maxWidth: "4em" },
       role: "presentation",
       viewBox: n,
@@ -516,7 +516,7 @@ const U = {
       }
     }
   );
-}, y = x(K), X = ({
+}, A = x(Y), K = ({
   children: c,
   className: e,
   clickHandler: t,
@@ -525,7 +525,7 @@ const U = {
   unmount: s = !0,
   isOpen: r = !1
 }) => {
-  const [l, i] = N(r);
+  const [l, i] = Z(r);
   return /* @__PURE__ */ o("div", { className: u("shadow rounded-lg", e), children: /* @__PURE__ */ M(k, { children: [
     /* @__PURE__ */ M(
       "button",
@@ -545,7 +545,7 @@ const U = {
         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(
-            y,
+            A,
             {
               name: "chevronDown",
               size: "small",
@@ -577,7 +577,7 @@ const U = {
       }
     )
   ] }) });
-}, U1 = x(X), _ = ({
+}, Q1 = x(K), X = ({
   children: c,
   className: e = "",
   messages: t = [],
@@ -621,7 +621,7 @@ const U = {
       ...r,
       children: /* @__PURE__ */ M("div", { className: "flex", children: [
         /* @__PURE__ */ o("div", { className: "flex-shrink-0", children: /* @__PURE__ */ o(
-          y,
+          A,
           {
             name: d,
             viewBox: "0 0 24 24",
@@ -639,7 +639,7 @@ const U = {
                 "list-disc space-y-1 pl-5 mt-2 text-xs",
                 a
               ),
-              children: t.map((H, C) => /* @__PURE__ */ o("li", { children: H }, C))
+              children: t.map((C, H) => /* @__PURE__ */ o("li", { children: C }, H))
             }
           ) : "",
           c
@@ -647,7 +647,7 @@ const U = {
       ] })
     }
   );
-}, J1 = x(_), e1 = ({
+}, J1 = x(X), e1 = ({
   autoFocus: c = !1,
   className: e = "",
   dataSearch: t = "container",
@@ -660,8 +660,8 @@ const U = {
   name: d = "",
   options: h = [],
   placeholder: p = "",
-  props: H = {},
-  required: C = !1,
+  props: C = {},
+  required: H = !1,
   showSearchIcon: v = !0,
   size: f = "medium",
   styles: m = null,
@@ -687,7 +687,7 @@ const U = {
           ),
           children: [
             /* @__PURE__ */ o(
-              y,
+              A,
               {
                 className: "home-search select-none text-gray-500",
                 name: l,
@@ -696,7 +696,7 @@ const U = {
               }
             ),
             /* @__PURE__ */ o(
-              y,
+              A,
               {
                 className: "arrow-left select-none text-gray-500 hidden",
                 name: "arrowLeft",
@@ -723,14 +723,14 @@ const U = {
             },
             r
           ),
-          required: C,
+          required: H,
           autoComplete: "off",
           value: a,
           placeholder: !p && n ? " " : p,
           type: "search",
           name: d || "search-input",
           "data-id": "search-input",
-          ...H
+          ...C
         }
       ),
       n && /* @__PURE__ */ o(
@@ -754,7 +754,7 @@ const U = {
           "data-id": "search-clear",
           className: "clear-btn absolute inset-y-0 right-0 flex items-center px-2 hidden",
           children: /* @__PURE__ */ o(
-            y,
+            A,
             {
               className: "cursor-pointer text-gray-500",
               name: "xCircle",
@@ -770,7 +770,7 @@ const U = {
           "data-id": "search-loading",
           className: "absolute inset-y-0 right-0 flex items-center px-2 pointer-events-none hidden",
           children: /* @__PURE__ */ o(
-            y,
+            A,
             {
               className: "animate-spin text-[#222]] pointer-events-none",
               name: "spinnerDark",
@@ -814,7 +814,7 @@ const U = {
       )
     ]
   }
-), Y1 = e1, t1 = ({
+), _1 = e1, t1 = ({
   children: c,
   className: e,
   size: t = "sm",
@@ -833,7 +833,7 @@ const U = {
     ),
     children: c
   }
-), K1 = t1, a1 = ({
+), Y1 = t1, a1 = ({
   borderless: c = !1,
   leftIcon: e,
   leftIconProps: t = {},
@@ -846,15 +846,15 @@ const U = {
   rightIconProps: d = {},
   rounded: h = !1,
   size: p = "md",
-  type: H = "button",
-  uppercase: C = !1,
+  type: C = "button",
+  uppercase: H = !1,
   variation: v = "primary"
 }) => {
   const f = r ? "a" : "button";
   return /* @__PURE__ */ M(
     f,
     {
-      type: f !== "a" ? H : null,
+      type: f !== "a" ? C : null,
       className: u(
         "button",
         {
@@ -863,7 +863,7 @@ const U = {
           "button--rounded": h,
           "button--disabled": s,
           "button--custom-link": r,
-          "button--uppercase": C,
+          "button--uppercase": H,
           "button--borderless": c || v === "link"
         },
         n
@@ -873,7 +873,7 @@ const U = {
       ...l,
       children: [
         e && /* @__PURE__ */ o(
-          y,
+          A,
           {
             name: e,
             size: p === "md" ? "small" : "xSmall",
@@ -883,7 +883,7 @@ const U = {
         ),
         a,
         i && /* @__PURE__ */ o(
-          y,
+          A,
           {
             name: i,
             size: p === "md" ? "small" : "xSmall",
@@ -894,7 +894,7 @@ const U = {
       ]
     }
   );
-}, E = x(a1), n1 = ({ children: c, className: e }) => /* @__PURE__ */ o("div", { className: u("flex md:max-w-min border border-gray-300 divide-x divide-gray-200 rounded-lg", e), children: c }), X1 = n1, s1 = ({
+}, 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 = ({
   block: c = !1,
   borderless: e = !1,
   children: t,
@@ -920,7 +920,7 @@ const U = {
     role: l,
     children: t
   }
-), _1 = s1, l1 = ({
+), X1 = s1, l1 = ({
   checked: c = !1,
   children: e,
   className: t = "",
@@ -933,12 +933,12 @@ const U = {
   variation: d = "primary",
   value: h = ""
 }) => {
-  const p = r ? "div" : "label", H = p === "label" ? { htmlFor: s } : {};
+  const p = r ? "div" : "label", C = p === "label" ? { htmlFor: s } : {};
   return /* @__PURE__ */ M(
     p,
     {
       className: u("checkbox flex items-center", d, t),
-      ...H,
+      ...C,
       children: [
         /* @__PURE__ */ o(
           "input",
@@ -1001,8 +1001,8 @@ const U = {
   hideClose: d = !1,
   iconSize: h = "medium",
   preventPageScroll: p = !0,
-  stickyHeader: H = !1,
-  title: C = "",
+  stickyHeader: C = !1,
+  title: H = "",
   titleClass: v = ""
 }) => /* @__PURE__ */ M(k, { children: [
   c && /* @__PURE__ */ o("span", { id: `${e}-dialog-activator`, children: c }),
@@ -1027,14 +1027,14 @@ const U = {
             className: u(
               "dialog-header",
               {
-                "sticky top-0 bg-white z-10": H,
-                "!pb-0 border-0 justify-end": !C,
-                "justify-between border-b": C
+                "sticky top-0 bg-white z-10": C,
+                "!pb-0 border-0 justify-end": !H,
+                "justify-between border-b": H
               },
               i
             ),
             children: [
-              C && /* @__PURE__ */ o("h3", { id: `${e}-dialog-title`, className: v, children: C }),
+              H && /* @__PURE__ */ o("h3", { id: `${e}-dialog-title`, className: v, children: H }),
               !d && /* @__PURE__ */ o(
                 "button",
                 {
@@ -1044,7 +1044,7 @@ const U = {
                   "data-dialog-close": "",
                   value: "close",
                   children: /* @__PURE__ */ o(
-                    y,
+                    A,
                     {
                       name: "close",
                       size: h,
@@ -1081,27 +1081,27 @@ const U = {
   headerClass: d = "",
   hideClose: h = !1,
   iconSize: p = "medium",
-  isOpen: H = !1,
-  setDialogOpen: C,
+  isOpen: C = !1,
+  setDialogOpen: H,
   stickyHeader: v = !1,
   title: f = "",
   titleClass: m = ""
 }) => {
-  const V = Q(null), w = async () => {
-    V.current.classList.add("closing"), await q(V.current), V.current.classList.remove("closing"), s && s(), C(!1);
-  }, b = async (A) => {
-    A.key === "Escape" && await w();
-  }, S = async ({ clientX: A, clientY: z, target: j }) => {
-    const { left: P, right: R, top: W, bottom: G } = V.current.getBoundingClientRect() ?? {};
-    (!V.current.contains(j) || A < P || A > R || z < W || z > G) && await w();
-  }, q = (A) => Promise.allSettled(
-    A.getAnimations().map((z) => z.finished)
+  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)
   );
-  return Z(() => {
-    const A = V.current;
-    A && (H ? A.showModal() : typeof A.close == "function" && A.close());
-  }, [H]), /* @__PURE__ */ M(k, { children: [
-    c && /* @__PURE__ */ o("span", { id: `${e}-dialog-activator`, onClick: () => C(!0), children: c }),
+  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(
       "dialog",
       {
@@ -1110,13 +1110,13 @@ const U = {
         className: u(
           "dialog",
           {
-            hidden: !H,
+            hidden: !C,
             "xs-max:h-full xs-max:max-h-full": i
           },
           a
         ),
         onKeyDown: b,
-        onClick: (A) => r ? null : S(A),
+        onClick: (y) => r ? null : S(y),
         children: [
           /* @__PURE__ */ M(
             "header",
@@ -1137,7 +1137,7 @@ const U = {
                     "data-dialog-close": "",
                     onClick: w,
                     children: /* @__PURE__ */ o(
-                      y,
+                      A,
                       {
                         name: "close",
                         size: p,
@@ -1190,18 +1190,18 @@ const U = {
     const i = document.querySelector(".loading-bar__inner");
     if (!i) return;
     let d, h, p = !1;
-    function H(C) {
-      d === void 0 && (d = C);
-      const v = C - d;
-      if (h !== C) {
+    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(C));
+        i.style.width = `${f}%`, e && e({ elapsed: v, percentage: f }), f >= 101 && (l && l(), p = !0, window.cancelAnimationFrame(H));
       }
-      v < n && (h = C, p || window.requestAnimationFrame(H));
+      v < n && (h = H, p || window.requestAnimationFrame(C));
     }
-    window.requestAnimationFrame(H);
+    window.requestAnimationFrame(C);
   }
-  return Z(() => {
+  return N(() => {
     r({ cb: c });
   }, []), /* @__PURE__ */ o(
     "div",
@@ -1283,8 +1283,8 @@ const U = {
 }) => {
   const d = ((h, p) => {
     if (h) {
-      const H = Number(p) / h;
-      return H > 1 ? 100 : H * 100;
+      const C = Number(p) / h;
+      return C > 1 ? 100 : C * 100;
     }
     return n;
   })(s, n);
@@ -1366,14 +1366,14 @@ const U = {
   props: d = {},
   selectClass: h = "",
   styles: p = null,
-  variation: H = "primary",
-  value: C
+  variation: C = "primary",
+  value: H
 }) => {
   const v = i ? { defaultValue: "" } : {};
   return /* @__PURE__ */ M(
     "label",
     {
-      className: u("relative select", e, H),
+      className: u("relative select", e, C),
       style: p ? { ...p } : null,
       children: [
         s,
@@ -1387,7 +1387,7 @@ const U = {
             ),
             id: n,
             name: r,
-            value: C,
+            value: H,
             ...v,
             ...d,
             children: [
@@ -1415,11 +1415,11 @@ const U = {
       c
     ),
     children: [
-      /* @__PURE__ */ o(y, { size: "xLarge", name: "map", className: "mx-auto" }),
+      /* @__PURE__ */ o(A, { size: "xLarge", name: "map", className: "mx-auto" }),
       /* @__PURE__ */ o("span", { className: "sr-only", children: "Loading..." })
     ]
   }
-), h2 = x(V1), H1 = ({
+), h2 = x(V1), C1 = ({
   placeholderClass: c = "",
   children: e,
   className: t = "",
@@ -1433,7 +1433,7 @@ const U = {
       id: `btn-left-${a}`,
       type: "button",
       className: "slider-button__prev ",
-      children: /* @__PURE__ */ o(y, { name: "chevronLeft" })
+      children: /* @__PURE__ */ o(A, { name: "chevronLeft" })
     }
   ),
   /* @__PURE__ */ o("div", { id: `slider-container-${a}`, className: "slider-container", children: Array.from({ length: 4 }, (s, r) => /* @__PURE__ */ o(
@@ -1451,18 +1451,18 @@ const U = {
       id: `btn-right-${a}`,
       type: "button",
       className: "slider-button__next",
-      children: /* @__PURE__ */ o(y, { name: "chevronRight" })
+      children: /* @__PURE__ */ o(A, { name: "chevronRight" })
     }
   )
-] }), u2 = x(H1), C1 = {
+] }), u2 = x(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(
-  y,
+  A,
   {
     size: "xSmall",
-    ...C1,
+    ...H1,
     className: `animate-spin ${c}`
   }
 ) }), p2 = x(L1), g1 = ({
@@ -1517,7 +1517,7 @@ const U = {
       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(
-        y,
+        A,
         {
           size: "xSmall",
           name: "xCircle",
@@ -1540,16 +1540,16 @@ const U = {
   props: d = {},
   styles: h = null,
   type: p = "text",
-  value: H,
-  variation: C = "primary"
+  value: C,
+  variation: H = "primary"
 }) => /* @__PURE__ */ M(
   "div",
   {
-    className: u("relative textbox", C, c),
+    className: u("relative textbox", H, 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(
-        y,
+        A,
         {
           size: "xSmall",
           name: n,
@@ -1564,7 +1564,7 @@ const U = {
           id: s,
           name: l,
           type: p,
-          value: H,
+          value: C,
           autoComplete: "off",
           className: u(
             "form-input",
@@ -1585,7 +1585,7 @@ const U = {
           id: `${s}-clear`,
           className: "textbox-clear absolute inset-y-0 right-0 flex items-center rounded-r-md px-2 focus:outline-none hidden",
           children: /* @__PURE__ */ o(
-            y,
+            A,
             {
               size: "xSmall",
               name: "xCircle",
@@ -1695,7 +1695,7 @@ const U = {
       ]
     }
   );
-}, f2 = x(x1), y1 = ({
+}, f2 = x(x1), A1 = ({
   block: c = !1,
   children: e,
   className: t,
@@ -1733,7 +1733,7 @@ const U = {
       ]
     }
   );
-}, V2 = x(y1), A1 = ({
+}, V2 = x(A1), y1 = ({
   children: c,
   className: e,
   colGap: t = 2,
@@ -1768,7 +1768,7 @@ const U = {
       c
     ]
   }
-), H2 = x(A1), w1 = ({
+), C2 = x(y1), w1 = ({
   breakPage: c = !1,
   children: e,
   className: t,
@@ -1794,7 +1794,7 @@ const U = {
       e
     ]
   }
-), C2 = w1, S1 = ({ children: c, className: e, list: t = !0 }) => /* @__PURE__ */ o(t ? "li" : "div", { className: u("stacked-list", e), children: c }), L2 = S1, k1 = ({ 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: u("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(
@@ -1820,9 +1820,9 @@ const U = {
   "menu-open": "menu-open 0.1s ease-out",
   "menu-close": "menu-close 0.1s ease-in-out",
   indeterminate_first: "indeterminate_first 1.1s ease-in-out infinite"
-}, Z1 = {
-  map: "var(--map)"
 }, N1 = {
+  map: "var(--map)"
+}, Z1 = {
   "3xs": "0.5rem",
   xxs: "0.625rem",
   "2.5xl": "1.625rem",
@@ -1920,16 +1920,16 @@ const U = {
       transform: "translateX(100%)"
     }
   }
-}, B1 = {
+}, D1 = {
   20: "5rem",
   24: "6rem",
   28: "7rem",
   32: "8rem"
-}, D1 = {
+}, T1 = {
   aside: "268px",
   container: "724px",
   page: "1200px"
-}, $1 = {
+}, B1 = {
   "xs-max": {
     max: "639px"
   },
@@ -1947,23 +1947,23 @@ const U = {
     max: "1199px"
   },
   "lg-up": "1200px"
-}, T1 = {
+}, I1 = {
   0: "0ms",
   50: "50ms"
-}, I1 = {
+}, O1 = {
   "center-top": "center 30%"
-}, D = {
+}, T = {
   animation: z1,
-  backgroundImage: Z1,
-  fontSize: N1,
+  backgroundImage: N1,
+  fontSize: Z1,
   gridTemplateColumns: E1,
   keyframes: F1,
-  margin: B1,
-  maxWidth: D1,
-  screens: $1,
-  transitionDuration: T1,
-  transformOrigin: I1
-}, $ = {
+  margin: D1,
+  maxWidth: T1,
+  screens: B1,
+  transitionDuration: I1,
+  transformOrigin: O1
+}, B = {
   black: {
     50: "#FCFCFC",
     100: "#F9F9F9",
@@ -2054,7 +2054,7 @@ const U = {
   current: "currentColor",
   transparent: "transparent",
   white: "#fff"
-}, T = {
+}, I = {
   blue: {
     100: "hsl(240 42% 22%)",
     60: "hsl(240 24% 34%)",
@@ -2071,9 +2071,9 @@ const U = {
   white: "hsl(0 0% 100%)",
   transparent: "hsl(0 0% 100% / 0)"
 }, M2 = {
-  ...$,
-  ...T
-}, O1 = ({ matchUtilities: c, theme: e }) => c(
+  ...B,
+  ...I
+}, $1 = ({ matchUtilities: c, theme: e }) => c(
   {
     aspect: (t) => ({
       "@supports (aspect-ratio: 1 / 1)": {
@@ -2111,7 +2111,7 @@ const U = {
   "max-block": (e) => ({
     "max-block-size": e
   })
-}), B = ({
+}), D = ({
   addUtilities: c,
   e,
   classPrefix: t = "",
@@ -2126,10 +2126,10 @@ const U = {
     const p = {
       "font-size": h,
       ...a
-    }, H = `.${e(`${t}-${d}`)}`, C = n ? n({ sizeKey: d, sizeValue: h }) : {};
-    i[H] = {
+    }, C = `.${e(`${t}-${d}`)}`, H = n ? n({ sizeKey: d, sizeValue: h }) : {};
+    i[C] = {
       ...p,
-      ...C
+      ...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] = {
@@ -2139,7 +2139,7 @@ const U = {
       };
     });
   }), c(i);
-}, I = {
+}, O = {
   aspectRatio: !1,
   backdropBlur: !1,
   backdropBrightness: !1,
@@ -2203,7 +2203,7 @@ const U = {
   textOpacity: !1,
   textUnderlineOffset: !1,
   touchAction: !1
-}, O = [
+}, $ = [
   ({ addUtilities: c, matchUtilities: e, theme: t, e: a }) => {
     const n = ["2", "5"], s = {
       light: "300",
@@ -2224,7 +2224,7 @@ const U = {
       2: "0.813rem",
       3: "0.75rem"
     };
-    B({
+    D({
       addUtilities: c,
       e: a,
       classPrefix: "header",
@@ -2236,28 +2236,28 @@ const U = {
       }),
       sizes: r,
       weights: s
-    }), B({
+    }), D({
       addUtilities: c,
       e: a,
       classPrefix: "text-body",
       sizes: l,
       weights: s
-    }), O1({ matchUtilities: e, theme: t }), q1({ matchUtilities: e, theme: t }), j1({ matchUtilities: e }), P1({ matchUtilities: e });
+    }), $1({ matchUtilities: e, theme: t }), q1({ matchUtilities: e, theme: t }), j1({ matchUtilities: e }), P1({ matchUtilities: e });
   }
 ], v2 = {
   theme: {
-    extend: D,
-    colors: $
+    extend: T,
+    colors: B
   },
-  plugins: O,
-  corePlugins: I
+  plugins: $,
+  corePlugins: O
 }, b2 = {
   theme: {
-    extend: D,
-    colors: T
+    extend: T,
+    colors: I
   },
-  plugins: O,
-  corePlugins: I
+  plugins: $,
+  corePlugins: O
 };
 function R1(c, e = []) {
   return new Proxy(c, {
@@ -2273,10 +2273,10 @@ function R1(c, e = []) {
 function x2(c, e = []) {
   e.length && (c == null || c.classList.add(...e));
 }
-function y2(c, e = []) {
+function A2(c, e = []) {
   e.length && (c == null || c.classList.remove(...e));
 }
-function A2({ cb: c, form: e, formData: t, validations: a, reactive: n = !1 }) {
+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 = [];
@@ -2428,8 +2428,8 @@ class g {
       }), p = h.headers.get("content-type");
       if (p && p.indexOf("application/json") !== -1)
         return h.json();
-      const H = await h.text();
-      return H ? H.replace("__next", "") : null;
+      const C = await h.text();
+      return C ? C.replace("__next", "") : null;
     } catch (h) {
       console.error("createData", h);
     }
@@ -2588,15 +2588,15 @@ class g {
     if ((i = window == null ? void 0 : window.options) != null && i.isPdf)
       return r;
     try {
-      const h = await (await fetch("/api/headers")).json(), p = (h == null ? void 0 : h.token) ?? null, H = (h == null ? void 0 : h.ip) ?? null;
+      const h = await (await fetch("/api/headers")).json(), p = (h == null ? void 0 : h.token) ?? null, C = (h == null ? void 0 : h.ip) ?? null;
       return localStorage.setItem(
         "headerTolken",
         JSON.stringify({
           tolken: p,
-          ip: H,
+          ip: C,
           expire: (/* @__PURE__ */ new Date()).getTime() + e * 1e3
         })
-      ), { tolken: p, ip: H, userAgent: t, platform: s };
+      ), { tolken: p, ip: C, userAgent: t, platform: s };
     } catch (d) {
       console.error("getHeaders", d);
     }
@@ -2847,7 +2847,7 @@ class g {
     }), p = new MutationObserver((m, V) => {
       m.forEach((w) => {
         w.removedNodes.forEach((b) => {
-          b.nodeName === "DIALOG" && (b.removeEventListener("click", v), b.removeEventListener("close", C), b.dispatchEvent(d.removed), p == null || p.disconnect(), h == null || h.disconnect());
+          b.nodeName === "DIALOG" && (b.removeEventListener("click", v), b.removeEventListener("close", H), b.dispatchEvent(d.removed), p == null || p.disconnect(), h == null || h.disconnect());
         });
       });
     });
@@ -2858,18 +2858,18 @@ class g {
       subtree: !1,
       childList: !0
     }));
-    const H = () => {
+    const C = () => {
       l == null || l.showModal();
-    }, C = async ({ target: m }) => {
+    }, 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)
     );
-    return !s && (l == null || l.addEventListener("click", v)), l == null || l.addEventListener("close", C), r == null || r.forEach((m) => {
+    return !s && (l == null || l.addEventListener("click", v)), l == null || l.addEventListener("close", H), r == null || r.forEach((m) => {
       m.addEventListener("click", (V) => {
-        H(), a && a(V, l);
+        C(), a && a(V, l);
       });
     }), i == null || i.forEach((m) => {
       m.addEventListener("click", async (V) => {
@@ -2878,8 +2878,8 @@ class g {
     }), {
       activators: r,
       ref: l,
-      handleOpen: H,
-      handleClose: C
+      handleOpen: C,
+      handleClose: H
     };
   }
   static hasBoundsEntry(e, t = "bounds") {
@@ -3034,11 +3034,11 @@ class g {
       state: d = null,
       vin: h = null,
       license: p = null,
-      token: H = null,
-      phone: C = 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)), C && C !== "" && V.push("phone=" + C), i && i !== "" && V.push("city=" + i), p && p !== "" && V.push("license=" + p), h && h !== "" && V.push("vin=" + h), d && d !== "" && V.push("state=" + d), H && H !== "" && V.push("token=" + H), V.join("&");
+    return t && t !== "" && V.push("name=" + t), v || (a && a !== "" && V.push("first=" + a), n && n !== "" && V.push("middle=" + n), s && s !== "" && V.push("last=" + s)), f && m ? parseInt(r) > parseInt(l) ? (V.push("min=" + l), V.push("max=" + r)) : (V.push("min=" + r), V.push("max=" + l)) : (f && V.push("min=" + r), m && V.push("max=" + l)), 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("&");
   }
   static padTo2Digits(e) {
     return e.toString().padStart(2, "0");
@@ -3056,7 +3056,7 @@ class g {
       useLocation: l = !0,
       state: i = "",
       useGoogle: d = !1
-    } = t ?? {}, { tolken: h = null, ip: p = null } = await g.getHeaders(), C = [
+    } = t ?? {}, { tolken: h = null, ip: p = null } = await g.getHeaders(), H = [
       "query=" + encodeURIComponent(this.cleanupAddress(e)),
       "addressesOnly=" + a,
       "useSearch=" + r,
@@ -3065,8 +3065,8 @@ class g {
       "useLocation=" + l,
       "useGoogle=" + d
     ];
-    i && i !== "" && !s && C.push("state=" + i), h && h !== "" && C.push("tolken=" + h), p && p !== "" && C.push("ip=" + p);
-    const v = C.join("&"), m = (n || s ? "/api/autocomplete-city" : "/api/autocomplete") + "?" + v;
+    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);
   }
   static removeElements(e) {
@@ -3159,15 +3159,54 @@ class g {
   static ucWords(e) {
     return e ? e.toString().split(" ").map((t) => g.ucFirst(t)).join(" ") : null;
   }
+  /**
+   * HOW TO USE EVENTS
+   *
+   * Trigger event:
+   * window.app.dispatchEvent(window.app.SEARCH.PROPERTY, { some data ... });
+   *
+   * Listen to event
+   * const handleEvent = (event) => {
+   *     console.log(event.detail);
+   * };
+   *
+   * window.app.eventTarget.addEventListener(window.app.SEARCH.PROPERTY, handleEvent);
+   *
+   * Remove Event
+   * window.app.eventTarget.removeEventListener(window.app.SEARCH.PROPERTY, handleEvent);
+   */
+  static initEvents(e) {
+    this.eventTarget = new EventTarget();
+    const { props: t = null } = e ?? {};
+    this.FORM_EVENTS = {
+      CC_VALIDATION_FAILED: "CCValidationFailed",
+      CC_VALIDATION_SUCCESSFUL: "CCValidationSuccessful",
+      FORM_SUBMITTED: "formSubmitted",
+      PAYMENT_SUCCESSFUL: "paymentSuccessful",
+      PAYMENT_FAILED: "paymentFailed",
+      LOADING_STARTED: "loadingStarted",
+      LOADING_ENDED: "loadingEnded",
+      ...t ?? {}
+    }, this.SEARCH_EVENTS = {
+      PROPERTY: "property",
+      PEOPLE: "property",
+      VIN: "vin",
+      ...t ?? {}
+    };
+  }
+  static dispatchEvent(e, t = null) {
+    const a = new CustomEvent(e, { detail: t });
+    this.eventTarget.dispatchEvent(a);
+  }
 }
 export {
-  U1 as Accordion,
+  Q1 as Accordion,
   J1 as Alert,
-  Y1 as Autocomplete,
-  K1 as Badge,
+  _1 as Autocomplete,
+  Y1 as Badge,
   E as Button,
-  X1 as ButtonGroup,
-  _1 as Card,
+  K1 as ButtonGroup,
+  X1 as Card,
   S2 as CardSlider,
   e2 as Checkbox,
   g as Common,
@@ -3177,9 +3216,9 @@ export {
   a2 as Dialog,
   n2 as DialogOld,
   s2 as Dots,
-  H2 as FlexItem,
+  C2 as FlexItem,
   g2 as FunnelHeader,
-  y as Icon,
+  A as Icon,
   l2 as LoadingBar,
   i2 as Popover,
   r2 as ProcessingSpinner,
@@ -3188,7 +3227,7 @@ export {
   d2 as Select,
   h2 as Skeleton,
   u2 as Slider,
-  C2 as Spacer,
+  H2 as Spacer,
   p2 as Spinner,
   L2 as StackedListItem,
   m2 as Stars,
@@ -3196,12 +3235,12 @@ export {
   F as Textbox,
   x2 as addClass,
   M2 as colors,
-  I as corePlugins,
+  O as corePlugins,
   b2 as elerisPreset,
-  D as extensions,
-  O as plugins,
+  T as extensions,
+  $ as plugins,
   v2 as propertyPreset,
-  y2 as removeClass,
+  A2 as removeClass,
   w2 as validateEmail,
-  A2 as validateForm
+  y2 as validateForm
 };