@vehiclehistory/property-lib 0.0.78 → 0.0.80

package/dist/main.es.js

@@ -1,7 +1,7 @@
 import { jsx as c, jsxs as M, Fragment as k } from "react/jsx-runtime";
 import m from "classnames";
 import { memo as b, useState as Z, useEffect as N } from "react";
-const q = {
+const j = {
   xxSmall: "w-4 h-4",
   xSmall: "w-5 h-5",
   small: "w-6 h-6",
@@ -10,7 +10,7 @@ const q = {
   mediumPlus: "w-9 h-9",
   large: "w-10 h-10",
   xLarge: "w-12 h-12"
-}, j = {
+}, P = {
   account: {
     path: '<path d="M12,4A4,4 0 0,1 16,8A4,4 0 0,1 12,12A4,4 0 0,1 8,8A4,4 0 0,1 12,4M12,14C16.42,14 20,15.79 20,18V20H4V18C4,15.79 7.58,14 12,14Z" />'
   },
@@ -491,14 +491,14 @@ const q = {
   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" />'
   }
-}, P = (d) => j[d], R = ({
+}, R = (d) => P[d], W = ({
   color: d = "text-current",
   className: e,
   name: t,
   size: a = "medium",
   viewBox: n = "0 0 20 20"
 }) => {
-  const s = P(t), [l, i] = Z(d), [r, o] = Z(s);
+  const s = R(t), [l, i] = Z(d), [r, o] = Z(s);
   return N(() => {
     o(s);
   }, [s]), N(() => {
@@ -509,7 +509,7 @@ const q = {
       xmlns: "http://www.w3.org/2000/svg",
       className: m(
         "fill-current flex-shrink-0",
-        q[a],
+        j[a],
         l,
         e
       ),
@@ -521,7 +521,7 @@ const q = {
       }
     }
   );
-}, A = b(R), W = ({
+}, A = b(W), U = ({
   children: d,
   className: e,
   clickHandler: t,
@@ -590,7 +590,7 @@ const q = {
       ] })
     }
   );
-}, z1 = b(W), U = ({
+}, Z1 = b(U), Q = ({
   children: d,
   className: e,
   messages: t = [],
@@ -660,7 +660,7 @@ const q = {
       ] })
     }
   );
-}, Z1 = b(U), N1 = ({
+}, N1 = b(Q), E1 = ({
   autoFocus: d = !1,
   className: e,
   dataSearch: t = "container",
@@ -680,15 +680,17 @@ const q = {
   styles: x = null,
   title: u = "",
   type: y,
-  useReact: w = !1
+  useGoogle: w = !1,
+  useReact: v = !1
 }) => {
-  const v = w ? { defaultValue: a } : { value: a };
+  const E = v ? { defaultValue: a } : { value: a };
   return /* @__PURE__ */ M(
     "div",
     {
       id: s,
       "data-search": t,
       "data-search-type": y,
+      "data-use-google": w,
       className: m("Autocomplete", e),
       style: x ? { ...x } : null,
       children: [
@@ -745,7 +747,7 @@ const q = {
             type: "search",
             name: o || "search-input",
             "data-id": "search-input",
-            ...v,
+            ...E,
             ...V
           }
         ),
@@ -831,7 +833,7 @@ const q = {
       ]
     }
   );
-}, E1 = ({
+}, F1 = ({
   children: d,
   className: e,
   size: t = "sm",
@@ -850,7 +852,7 @@ const q = {
     ),
     children: d
   }
-), Q = ({
+), G = ({
   borderless: d = !1,
   leftIcon: e,
   leftIconProps: t = {},
@@ -911,7 +913,7 @@ const q = {
       ]
     }
   );
-}, E = b(Q), G = ({
+}, F = b(G), J = ({
   checked: d = !1,
   children: e,
   className: t,
@@ -953,7 +955,7 @@ const q = {
       ]
     }
   );
-}, F1 = b(G), J = ({
+}, T1 = b(J), _ = ({
   activator: d,
   id: e = "",
   children: t,
@@ -1051,7 +1053,7 @@ const q = {
       }
     )
   ] });
-}, T1 = b(J), D1 = ({ className: d }) => /* @__PURE__ */ M("div", { className: m("Dots mx-auto", d), children: [
+}, D1 = b(_), I1 = ({ className: d }) => /* @__PURE__ */ M("div", { className: m("Dots mx-auto", d), children: [
   /* @__PURE__ */ c("span", { style: { animationDelay: "0.1s" } }),
   /* @__PURE__ */ c("span", { style: { animationDelay: "0.2s" } }),
   /* @__PURE__ */ c("span", { style: { animationDelay: "0.3s" } }),
@@ -1060,7 +1062,7 @@ const q = {
   /* @__PURE__ */ c("span", { style: { animationDelay: "0.6s" } }),
   /* @__PURE__ */ c("span", { style: { animationDelay: "0.7s" } }),
   /* @__PURE__ */ c("span", { style: { animationDelay: "0.8s" } })
-] }), _ = ({
+] }), Y = ({
   cb: d,
   onUpdate: e,
   className: t = "",
@@ -1102,7 +1104,7 @@ const q = {
       children: /* @__PURE__ */ c("div", { className: "loading-bar__inner", "data-size": "100" })
     }
   );
-}, I1 = b(_), Y = ({ className: d }) => /* @__PURE__ */ c("div", { className: m("processing-spinner", d) }), B1 = b(Y), O1 = ({
+}, B1 = b(Y), K = ({ className: d }) => /* @__PURE__ */ c("div", { className: m("processing-spinner", d) }), O1 = b(K), $1 = ({
   activator: d,
   activatorClass: e = "",
   attrs: t = {},
@@ -1154,29 +1156,31 @@ const q = {
       children: d
     }
   )
-] }), K = ({
+] }), X = ({
   ariaValuemax: d = 100,
   ariaValuemin: e = 0,
   bgColor: t = "bg-orange-500",
   className: a,
   completed: n = 0,
-  maxCompleted: s = 100,
-  rounded: l = !0,
-  showLabel: i = !1
+  customLabel: s,
+  labelClass: l,
+  maxCompleted: i = 100,
+  rounded: r = !0,
+  showLabel: o = !1
 }) => {
-  const o = ((h, p) => {
-    if (h) {
-      const V = Number(p) / h;
-      return V > 1 ? 100 : V * 100;
+  const p = ((V, C) => {
+    if (V) {
+      const f = Number(C) / V;
+      return f > 1 ? 100 : f * 100;
     }
     return n;
-  })(s, n);
+  })(i, n);
   return /* @__PURE__ */ c(
     "div",
     {
       className: m(
         "w-full bg-gray-200",
-        { "rounded-full": l },
+        { "rounded-full": r },
         a
       ),
       role: "progressbar",
@@ -1191,13 +1195,22 @@ const q = {
             "h-full text-right flex items-center justify-end rounded-full",
             t
           ),
-          style: { width: `${o}%` },
-          children: i && /* @__PURE__ */ c("span", { className: "font-bold text-white text-xs mr-2", children: Math.round(o) })
+          style: { width: `${p}%` },
+          children: o && /* @__PURE__ */ c(
+            "span",
+            {
+              className: m(
+                "font-bold text-white text-xs mr-2",
+                l
+              ),
+              children: s || Math.round(p)
+            }
+          )
         }
       )
     }
   );
-}, $1 = b(K), X = ({
+}, q1 = b(X), e1 = ({
   checked: d = !1,
   children: e,
   className: t,
@@ -1238,7 +1251,7 @@ const q = {
       ]
     }
   );
-}, q1 = b(X), e1 = ({
+}, j1 = b(e1), t1 = ({
   className: d = "",
   error: e = !1,
   errorMessage: t = "",
@@ -1293,7 +1306,7 @@ const q = {
       ]
     }
   );
-}, j1 = b(e1), t1 = ({ className: d }) => /* @__PURE__ */ M(
+}, P1 = b(t1), a1 = ({ className: d }) => /* @__PURE__ */ M(
   "div",
   {
     className: m(
@@ -1305,7 +1318,7 @@ const q = {
       /* @__PURE__ */ c("span", { className: "sr-only", children: "Loading..." })
     ]
   }
-), P1 = b(t1), a1 = ({
+), R1 = b(a1), n1 = ({
   placeholderClass: d = "",
   children: e,
   className: t,
@@ -1340,18 +1353,18 @@ const q = {
       children: /* @__PURE__ */ c(A, { name: "chevronRight" })
     }
   )
-] }), R1 = b(a1), n1 = {
+] }), W1 = b(n1), s1 = {
   name: "spinnerDark",
   color: "text-teal-700",
   viewBox: "0 0 24 24"
-}, s1 = ({ className: d }) => /* @__PURE__ */ c("div", { className: "rounded-r-md px-2 focus:outline-none", children: /* @__PURE__ */ c(
+}, r1 = ({ className: d }) => /* @__PURE__ */ c("div", { className: "rounded-r-md px-2 focus:outline-none", children: /* @__PURE__ */ c(
   A,
   {
     className: `animate-spin ${d}`,
     size: "xSmall",
-    ...n1
+    ...s1
   }
-) }), W1 = b(s1), U1 = ({
+) }), U1 = b(r1), Q1 = ({
   className: d,
   value: e
 }) => {
@@ -1368,7 +1381,7 @@ const q = {
       style: t
     }
   );
-}, r1 = ({
+}, l1 = ({
   className: d,
   clear: e = !1,
   error: t = !1,
@@ -1415,7 +1428,7 @@ const q = {
     }
   ),
   a && /* @__PURE__ */ c("span", { className: "relative flex mt-0.5 text-red-700 text-xs text-left", children: a })
-] }), l1 = b(r1), i1 = ({
+] }), i1 = b(l1), o1 = ({
   className: d,
   clear: e = !1,
   error: t = !1,
@@ -1485,7 +1498,7 @@ const q = {
       a && /* @__PURE__ */ c("span", { className: "relative flex mt-0.5 text-red-700 text-xs text-left", children: a })
     ]
   }
-), F = b(i1), o1 = ({
+), T = b(o1), c1 = ({
   btnClass: d,
   className: e = "",
   containerClass: t,
@@ -1498,7 +1511,7 @@ const q = {
     "Typical email response time is 2-3 hours. If you require immediate assistance you may use our",
     " ",
     /* @__PURE__ */ c(
-      E,
+      F,
       {
         className: m(
           "text-black-900 items-center gap-2 live-chat uppercase !inline-flex"
@@ -1530,7 +1543,7 @@ const q = {
             ),
             children: [
               /* @__PURE__ */ c(
-                F,
+                T,
                 {
                   id: "contact-name",
                   name: "contact-name",
@@ -1541,7 +1554,7 @@ const q = {
                 }
               ),
               /* @__PURE__ */ c(
-                F,
+                T,
                 {
                   id: "contact-email",
                   name: "contact-email",
@@ -1552,7 +1565,7 @@ const q = {
                 }
               ),
               /* @__PURE__ */ c(
-                l1,
+                i1,
                 {
                   id: "contact-message",
                   name: "contact-message",
@@ -1563,7 +1576,7 @@ const q = {
                 }
               ),
               /* @__PURE__ */ c(
-                E,
+                F,
                 {
                   className: m(
                     "flex mx-auto items-center",
@@ -1583,7 +1596,7 @@ const q = {
       ]
     }
   );
-}, Q1 = b(o1), c1 = ({
+}, G1 = b(c1), d1 = ({
   block: d = !1,
   children: e,
   className: t,
@@ -1621,7 +1634,7 @@ const q = {
       ]
     }
   );
-}, G1 = b(c1), d1 = ({
+}, J1 = b(d1), h1 = ({
   children: d,
   className: e,
   colGap: t = 2,
@@ -1656,7 +1669,7 @@ const q = {
       d
     ]
   }
-), J1 = b(d1), _1 = ({
+), _1 = b(h1), Y1 = ({
   breakPage: d = !1,
   children: e,
   className: t,
@@ -1682,7 +1695,7 @@ const q = {
       e
     ]
   }
-), Y1 = ({ children: d, className: e, list: t = !0 }) => /* @__PURE__ */ c(t ? "li" : "div", { className: m("stacked-list", e), children: d }), h1 = ({ align: d = "center", children: e, className: t, tag: a = "h1", title: n }) => /* @__PURE__ */ c(
+), K1 = ({ children: d, className: e, list: t = !0 }) => /* @__PURE__ */ c(t ? "li" : "div", { className: m("stacked-list", e), children: d }), u1 = ({ align: d = "center", children: e, className: t, tag: a = "h1", title: n }) => /* @__PURE__ */ c(
   a,
   {
     className: m(
@@ -1696,7 +1709,7 @@ const q = {
     ),
     children: n || e
   }
-), K1 = b(h1), u1 = {
+), X1 = b(u1), p1 = {
   circular: "circular 3s linear infinite",
   "circular-reverse": "circular 3s linear reverse infinite",
   "fade-in": "fade-in 0.2.5s ease-out",
@@ -1708,17 +1721,17 @@ const q = {
   "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"
-}, p1 = {
-  map: "var(--map)"
 }, m1 = {
+  map: "var(--map)"
+}, f1 = {
   "3xs": "0.5rem",
   xxs: "0.625rem",
   "2.5xl": "1.625rem",
   "2.75xl": "1.75rem",
   "3.5xl": "2rem"
-}, f1 = {
-  17: "repeat(17, minmax(0, 1fr))"
 }, V1 = {
+  17: "repeat(17, minmax(0, 1fr))"
+}, H1 = {
   circular: {
     "100%": {
       transform: "rotate(360deg)"
@@ -1808,16 +1821,16 @@ const q = {
       transform: "translateX(100%)"
     }
   }
-}, H1 = {
+}, C1 = {
   20: "5rem",
   24: "6rem",
   28: "7rem",
   32: "8rem"
-}, C1 = {
+}, L1 = {
   aside: "268px",
   container: "724px",
   page: "1200px"
-}, L1 = {
+}, M1 = {
   "xs-max": {
     max: "639px"
   },
@@ -1835,23 +1848,23 @@ const q = {
     max: "1199px"
   },
   "lg-up": "1200px"
-}, M1 = {
+}, g1 = {
   0: "0ms",
   50: "50ms"
-}, g1 = {
+}, v1 = {
   "center-top": "center 30%"
-}, D = {
-  animation: u1,
-  backgroundImage: p1,
-  fontSize: m1,
-  gridTemplateColumns: f1,
-  keyframes: V1,
-  margin: H1,
-  maxWidth: C1,
-  screens: L1,
-  transitionDuration: M1,
-  transformOrigin: g1
 }, I = {
+  animation: p1,
+  backgroundImage: m1,
+  fontSize: f1,
+  gridTemplateColumns: V1,
+  keyframes: H1,
+  margin: C1,
+  maxWidth: L1,
+  screens: M1,
+  transitionDuration: g1,
+  transformOrigin: v1
+}, B = {
   black: {
     50: "#FCFCFC",
     100: "#F9F9F9",
@@ -1942,7 +1955,7 @@ const q = {
   current: "currentColor",
   transparent: "transparent",
   white: "#fff"
-}, B = {
+}, O = {
   blue: {
     100: "hsl(240 42% 22%)",
     60: "hsl(240 24% 34%)",
@@ -1958,10 +1971,10 @@ const q = {
   purple: "hsl(279 85% 57%)",
   white: "hsl(0 0% 100%)",
   transparent: "hsl(0 0% 100% / 0)"
-}, X1 = {
-  ...I,
-  ...B
-}, v1 = ({ matchUtilities: d, theme: e }) => d(
+}, e2 = {
+  ...B,
+  ...O
+}, b1 = ({ matchUtilities: d, theme: e }) => d(
   {
     aspect: (t) => ({
       "@supports (aspect-ratio: 1 / 1)": {
@@ -1982,7 +1995,7 @@ const q = {
     })
   },
   { values: e("aspectRatio") }
-), b1 = ({ matchUtilities: d, theme: e }) => d(
+), A1 = ({ matchUtilities: d, theme: e }) => d(
   {
     "animation-delay": (t) => ({
       "animation-delay": t
@@ -1991,15 +2004,15 @@ const q = {
   {
     values: e("transitionDelay")
   }
-), A1 = ({ matchUtilities: d }) => d({
+), x1 = ({ matchUtilities: d }) => d({
   "max-inline": (e) => ({
     "max-inline-size": e
   })
-}), x1 = ({ matchUtilities: d }) => d({
+}), y1 = ({ matchUtilities: d }) => d({
   "max-block": (e) => ({
     "max-block-size": e
   })
-}), T = ({
+}), D = ({
   addUtilities: d,
   e,
   classPrefix: t = "",
@@ -2027,7 +2040,7 @@ const q = {
       };
     });
   }), d(r);
-}, O = {
+}, $ = {
   aspectRatio: !1,
   backdropBlur: !1,
   backdropBrightness: !1,
@@ -2091,7 +2104,7 @@ const q = {
   textOpacity: !1,
   textUnderlineOffset: !1,
   touchAction: !1
-}, $ = [
+}, q = [
   ({ addUtilities: d, matchUtilities: e, theme: t, e: a }) => {
     const n = ["2", "5"], s = {
       light: "300",
@@ -2112,7 +2125,7 @@ const q = {
       2: "0.813rem",
       3: "0.75rem"
     };
-    T({
+    D({
       addUtilities: d,
       e: a,
       classPrefix: "header",
@@ -2124,30 +2137,30 @@ const q = {
       }),
       sizes: l,
       weights: s
-    }), T({
+    }), D({
       addUtilities: d,
       e: a,
       classPrefix: "text-body",
       sizes: i,
       weights: s
-    }), v1({ matchUtilities: e, theme: t }), b1({ matchUtilities: e, theme: t }), A1({ matchUtilities: e }), x1({ matchUtilities: e });
+    }), b1({ matchUtilities: e, theme: t }), A1({ matchUtilities: e, theme: t }), x1({ matchUtilities: e }), y1({ matchUtilities: e });
   }
-], e2 = {
+], t2 = {
   theme: {
-    extend: D,
-    colors: I
+    extend: I,
+    colors: B
   },
-  plugins: $,
-  corePlugins: O
-}, t2 = {
+  plugins: q,
+  corePlugins: $
+}, a2 = {
   theme: {
-    extend: D,
-    colors: B
+    extend: I,
+    colors: O
   },
-  plugins: $,
-  corePlugins: O
+  plugins: q,
+  corePlugins: $
 };
-function y1(d, e = []) {
+function w1(d, e = []) {
   return new Proxy(d, {
     get: function(t, a) {
       return t[a];
@@ -2158,13 +2171,13 @@ function y1(d, e = []) {
     }
   });
 }
-function a2(d, e = []) {
+function n2(d, e = []) {
   e.length && (d == null || d.classList.add(...e));
 }
-function n2(d, e = []) {
+function s2(d, e = []) {
   e.length && (d == null || d.classList.remove(...e));
 }
-function s2({ cb: d, form: e, formData: t, validations: a, reactive: n = !1 }) {
+function r2({ cb: d, form: e, formData: t, validations: a, reactive: n = !1 }) {
   let s = !0;
   for (const [l, i] of t.entries()) {
     const r = e.querySelector(`[name="${l}"]`), o = a[l], h = [];
@@ -2176,21 +2189,21 @@ function s2({ cb: d, form: e, formData: t, validations: a, reactive: n = !1 }) {
   }
   return s;
 }
-function r2(d) {
+function l2(d) {
   const e = (
     // eslint-disable-next-line
     /(?:[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*|"(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21\x23-\x5b\x5d-\x7f]|\\[\x01-\x09\x0b\x0c\x0e-\x7f])*")@(?:(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?|\[(?:(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.){3}(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?|[a-z0-9-]*[a-z0-9]:(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21-\x5a\x53-\x7f]|\\[\x01-\x09\x0b\x0c\x0e-\x7f])+)\])/
   ), t = /[^a-zA-Z]+$/;
   return e.test(d.toLowerCase()) && !t.test(d);
 }
-class l2 {
+class i2 {
   init(e) {
     this.handleSliders(e);
   }
   handleSliders({ items: e, id: t = 1, cb: a }) {
     if (!document.getElementById(`slider-container-${t}`))
       return;
-    const n = y1(
+    const n = w1(
       {
         activeIndex: 0,
         computedSlides: [],
@@ -3092,43 +3105,43 @@ class H {
   }
 }
 export {
-  z1 as Accordion,
-  Z1 as Alert,
-  N1 as Autocomplete,
-  E1 as Badge,
-  E as Button,
-  l2 as CardSlider,
-  F1 as Checkbox,
+  Z1 as Accordion,
+  N1 as Alert,
+  E1 as Autocomplete,
+  F1 as Badge,
+  F as Button,
+  i2 as CardSlider,
+  T1 as Checkbox,
   H as Common,
-  Q1 as ContactForm,
-  G1 as ContentCard,
-  T1 as Dialog,
-  D1 as Dots,
-  J1 as FlexItem,
-  K1 as FunnelHeader,
+  G1 as ContactForm,
+  J1 as ContentCard,
+  D1 as Dialog,
+  I1 as Dots,
+  _1 as FlexItem,
+  X1 as FunnelHeader,
   A as Icon,
-  I1 as LoadingBar,
-  O1 as Popover,
-  B1 as ProcessingSpinner,
-  $1 as ProgressBar,
-  q1 as Radio,
-  j1 as Select,
-  P1 as Skeleton,
-  R1 as Slider,
-  _1 as Spacer,
-  W1 as Spinner,
-  Y1 as StackedListItem,
-  U1 as Stars,
-  l1 as TextArea,
-  F as Textbox,
-  a2 as addClass,
-  X1 as colors,
-  O as corePlugins,
-  t2 as elerisPreset,
-  D as extensions,
-  $ as plugins,
-  e2 as propertyPreset,
-  n2 as removeClass,
-  r2 as validateEmail,
-  s2 as validateForm
+  B1 as LoadingBar,
+  $1 as Popover,
+  O1 as ProcessingSpinner,
+  q1 as ProgressBar,
+  j1 as Radio,
+  P1 as Select,
+  R1 as Skeleton,
+  W1 as Slider,
+  Y1 as Spacer,
+  U1 as Spinner,
+  K1 as StackedListItem,
+  Q1 as Stars,
+  i1 as TextArea,
+  T as Textbox,
+  n2 as addClass,
+  e2 as colors,
+  $ as corePlugins,
+  a2 as elerisPreset,
+  I as extensions,
+  q as plugins,
+  t2 as propertyPreset,
+  s2 as removeClass,
+  l2 as validateEmail,
+  r2 as validateForm
 };