@vehiclehistory/property-lib 0.0.88 → 0.0.89

package/dist/components/ui/Loading/Spinner.d.ts

@@ -1,5 +1,9 @@
 import { NamedExoticComponent } from 'react';
 declare const _default: NamedExoticComponent<{
     className?: string;
+    iconClass?: string;
+    iconProps?: {
+        [key: string]: any;
+    };
 }>;
 export default _default;

package/dist/main.es.js

@@ -593,7 +593,7 @@ const W = {
       ] })
     }
   );
-}, T1 = A(J), _ = ({
+}, F1 = A(J), _ = ({
   children: d,
   className: e,
   messages: t = [],
@@ -663,7 +663,7 @@ const W = {
       ] })
     }
   );
-}, D1 = A(_), O1 = ({
+}, T1 = A(_), D1 = ({
   autoFocus: d = !1,
   className: e,
   dataSearch: t = "container",
@@ -848,7 +848,7 @@ const W = {
       ]
     }
   );
-}, B1 = ({
+}, O1 = ({
   children: d,
   className: e,
   size: t = "sm",
@@ -970,7 +970,7 @@ const W = {
       ]
     }
   );
-}, I1 = A(K), X = ({
+}, B1 = A(K), X = ({
   activator: d,
   id: e = "",
   children: t,
@@ -1070,7 +1070,7 @@ const W = {
       }
     )
   ] });
-}, $1 = A(X), q1 = ({ className: d }) => /* @__PURE__ */ M("div", { className: m("Dots mx-auto", d), children: [
+}, I1 = A(X), $1 = ({ 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" } }),
@@ -1121,7 +1121,7 @@ const W = {
       children: /* @__PURE__ */ c("div", { className: "loading-bar__inner", "data-size": "100" })
     }
   );
-}, j1 = A(e1), t1 = ({ className: d }) => /* @__PURE__ */ c("div", { className: m("processing-spinner", d) }), P1 = A(t1), R1 = ({
+}, q1 = A(e1), t1 = ({ className: d }) => /* @__PURE__ */ c("div", { className: m("processing-spinner", d) }), j1 = A(t1), P1 = ({
   activator: d,
   activatorClass: e = "",
   attrs: t = {},
@@ -1227,7 +1227,7 @@ const W = {
       )
     }
   );
-}, W1 = A(a1), n1 = ({
+}, R1 = A(a1), n1 = ({
   checked: d = !1,
   children: e,
   className: t,
@@ -1268,7 +1268,7 @@ const W = {
       ]
     }
   );
-}, U1 = A(n1), s1 = ({
+}, W1 = A(n1), s1 = ({
   className: d = "",
   error: e = !1,
   errorMessage: t = "",
@@ -1323,7 +1323,7 @@ const W = {
       ]
     }
   );
-}, G1 = A(s1), r1 = ({ className: d }) => /* @__PURE__ */ M(
+}, U1 = A(s1), r1 = ({ className: d }) => /* @__PURE__ */ M(
   "div",
   {
     className: m(
@@ -1335,7 +1335,7 @@ const W = {
       /* @__PURE__ */ c("span", { className: "sr-only", children: "Loading..." })
     ]
   }
-), Q1 = A(r1), l1 = ({
+), G1 = A(r1), l1 = ({
   placeholderClass: d = "",
   children: e,
   className: t,
@@ -1370,18 +1370,16 @@ const W = {
       children: /* @__PURE__ */ c(x, { name: "chevronRight" })
     }
   )
-] }), J1 = A(l1), i1 = {
-  name: "spinnerDark",
-  color: "text-teal-700",
-  viewBox: "0 0 24 24"
-}, o1 = ({ className: d }) => /* @__PURE__ */ c("div", { className: "rounded-r-md px-2 focus:outline-none", children: /* @__PURE__ */ c(
+] }), Q1 = A(l1), i1 = ({ className: d, iconClass: e, iconProps: t = {} }) => /* @__PURE__ */ c("div", { className: m("rounded-r-md px-2 focus:outline-none", d), children: /* @__PURE__ */ c(
   x,
   {
-    className: `animate-spin ${d}`,
+    className: m("animate-spin text-black-900", e),
     size: "xSmall",
-    ...i1
+    name: "spinnerDark",
+    viewBox: "0 0 24 24",
+    ...t
   }
-) }), _1 = A(o1), Y1 = ({
+) }), J1 = A(i1), _1 = ({
   className: d,
   value: e
 }) => {
@@ -1398,7 +1396,7 @@ const W = {
       style: t
     }
   );
-}, c1 = ({
+}, o1 = ({
   className: d,
   clear: e = !1,
   error: t = !1,
@@ -1445,7 +1443,7 @@ const W = {
     }
   ),
   a && /* @__PURE__ */ c("span", { className: "relative flex mt-0.5 text-red-700 text-xs text-left", children: a })
-] }), d1 = A(c1), h1 = ({
+] }), c1 = A(o1), d1 = ({
   className: d,
   clear: e = !1,
   error: t = !1,
@@ -1515,7 +1513,7 @@ const W = {
       a && /* @__PURE__ */ c("span", { className: "relative flex mt-0.5 text-red-700 text-xs text-left", children: a })
     ]
   }
-), T = A(h1), u1 = ({ checked: d = !1, props: e = {} }) => /* @__PURE__ */ c(S, { children: /* @__PURE__ */ c("label", { className: "flex cursor-pointer select-none items-center", children: /* @__PURE__ */ M("div", { className: "relative", children: [
+), T = A(d1), h1 = ({ checked: d = !1, props: e = {} }) => /* @__PURE__ */ c(S, { children: /* @__PURE__ */ c("label", { className: "flex cursor-pointer select-none items-center", children: /* @__PURE__ */ M("div", { className: "relative", children: [
   /* @__PURE__ */ c(
     "input",
     {
@@ -1537,7 +1535,7 @@ const W = {
       className: `absolute left-1 top-1 flex h-6 w-6 items-center justify-center rounded-full bg-white transition ${d ? "translate-x-full" : ""}`
     }
   )
-] }) }) }), K1 = A(u1), p1 = ({
+] }) }) }), Y1 = A(h1), u1 = ({
   btnClass: d,
   className: e = "",
   containerClass: t,
@@ -1604,7 +1602,7 @@ const W = {
                 }
               ),
               /* @__PURE__ */ c(
-                d1,
+                c1,
                 {
                   id: "contact-message",
                   name: "contact-message",
@@ -1635,7 +1633,7 @@ const W = {
       ]
     }
   );
-}, X1 = A(p1), m1 = ({
+}, K1 = A(u1), p1 = ({
   block: d = !1,
   children: e,
   className: t,
@@ -1673,7 +1671,7 @@ const W = {
       ]
     }
   );
-}, e2 = A(m1), f1 = ({
+}, X1 = A(p1), m1 = ({
   children: d,
   className: e,
   colGap: t = 2,
@@ -1708,7 +1706,7 @@ const W = {
       d
     ]
   }
-), t2 = A(f1), a2 = ({
+), e2 = A(m1), t2 = ({
   breakPage: d = !1,
   children: e,
   className: t,
@@ -1734,7 +1732,7 @@ const W = {
       e
     ]
   }
-), n2 = ({ children: d, className: e, list: t = !0 }) => /* @__PURE__ */ c(t ? "li" : "div", { className: m("stacked-list", e), children: d }), V1 = ({ align: d = "center", children: e, className: t, tag: a = "h1", title: n }) => /* @__PURE__ */ c(
+), a2 = ({ children: d, className: e, list: t = !0 }) => /* @__PURE__ */ c(t ? "li" : "div", { className: m("stacked-list", e), children: d }), f1 = ({ align: d = "center", children: e, className: t, tag: a = "h1", title: n }) => /* @__PURE__ */ c(
   a,
   {
     className: m(
@@ -1748,7 +1746,7 @@ const W = {
     ),
     children: n || e
   }
-), s2 = A(V1), H1 = {
+), n2 = A(f1), V1 = {
   circular: "circular 3s linear infinite",
   "circular-reverse": "circular 3s linear reverse infinite",
   "fade-in": "fade-in 0.2.5s ease-out",
@@ -1760,17 +1758,17 @@ const W = {
   "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"
-}, C1 = {
+}, H1 = {
   map: "var(--map)"
-}, L1 = {
+}, C1 = {
   "3xs": "0.5rem",
   xxs: "0.625rem",
   "2.5xl": "1.625rem",
   "2.75xl": "1.75rem",
   "3.5xl": "2rem"
-}, M1 = {
+}, L1 = {
   17: "repeat(17, minmax(0, 1fr))"
-}, g1 = {
+}, M1 = {
   circular: {
     "100%": {
       transform: "rotate(360deg)"
@@ -1860,16 +1858,16 @@ const W = {
       transform: "translateX(100%)"
     }
   }
-}, v1 = {
+}, g1 = {
   20: "5rem",
   24: "6rem",
   28: "7rem",
   32: "8rem"
-}, b1 = {
+}, v1 = {
   aside: "268px",
   container: "724px",
   page: "1200px"
-}, A1 = {
+}, b1 = {
   "xs-max": {
     max: "639px"
   },
@@ -1887,22 +1885,22 @@ const W = {
     max: "1199px"
   },
   "lg-up": "1200px"
-}, y1 = {
+}, A1 = {
   0: "0ms",
   50: "50ms"
-}, x1 = {
+}, y1 = {
   "center-top": "center 30%"
 }, O = {
-  animation: H1,
-  backgroundImage: C1,
-  fontSize: L1,
-  gridTemplateColumns: M1,
-  keyframes: g1,
-  margin: v1,
-  maxWidth: b1,
-  screens: A1,
-  transitionDuration: y1,
-  transformOrigin: x1
+  animation: V1,
+  backgroundImage: H1,
+  fontSize: C1,
+  gridTemplateColumns: L1,
+  keyframes: M1,
+  margin: g1,
+  maxWidth: v1,
+  screens: b1,
+  transitionDuration: A1,
+  transformOrigin: y1
 }, B = {
   black: {
     50: "#FCFCFC",
@@ -2010,10 +2008,10 @@ const W = {
   purple: "hsl(279 85% 57%)",
   white: "hsl(0 0% 100%)",
   transparent: "hsl(0 0% 100% / 0)"
-}, r2 = {
+}, s2 = {
   ...B,
   ...I
-}, w1 = ({ matchUtilities: d, theme: e }) => d(
+}, x1 = ({ matchUtilities: d, theme: e }) => d(
   {
     aspect: (t) => ({
       "@supports (aspect-ratio: 1 / 1)": {
@@ -2034,7 +2032,7 @@ const W = {
     })
   },
   { values: e("aspectRatio") }
-), S1 = ({ matchUtilities: d, theme: e }) => d(
+), w1 = ({ matchUtilities: d, theme: e }) => d(
   {
     "animation-delay": (t) => ({
       "animation-delay": t
@@ -2043,11 +2041,11 @@ const W = {
   {
     values: e("transitionDelay")
   }
-), k1 = ({ matchUtilities: d }) => d({
+), S1 = ({ matchUtilities: d }) => d({
   "max-inline": (e) => ({
     "max-inline-size": e
   })
-}), z1 = ({ matchUtilities: d }) => d({
+}), k1 = ({ matchUtilities: d }) => d({
   "max-block": (e) => ({
     "max-block-size": e
   })
@@ -2182,16 +2180,16 @@ const W = {
       classPrefix: "text-body",
       sizes: o,
       weights: s
-    }), w1({ matchUtilities: e, theme: t }), S1({ matchUtilities: e, theme: t }), k1({ matchUtilities: e }), z1({ matchUtilities: e });
+    }), x1({ matchUtilities: e, theme: t }), w1({ matchUtilities: e, theme: t }), S1({ matchUtilities: e }), k1({ matchUtilities: e });
   }
-], l2 = {
+], r2 = {
   theme: {
     extend: O,
     colors: B
   },
   plugins: q,
   corePlugins: $
-}, i2 = {
+}, l2 = {
   theme: {
     extend: O,
     colors: I
@@ -2199,7 +2197,7 @@ const W = {
   plugins: q,
   corePlugins: $
 };
-function Z1(d, e = []) {
+function z1(d, e = []) {
   return new Proxy(d, {
     get: function(t, a) {
       return t[a];
@@ -2210,13 +2208,13 @@ function Z1(d, e = []) {
     }
   });
 }
-function o2(d, e = []) {
+function i2(d, e = []) {
   e.length && (d == null || d.classList.add(...e));
 }
-function c2(d, e = []) {
+function o2(d, e = []) {
   e.length && (d == null || d.classList.remove(...e));
 }
-function d2({ cb: d, form: e, formData: t, validations: a, reactive: n = !1 }) {
+function c2({ cb: d, form: e, formData: t, validations: a, reactive: n = !1 }) {
   let s = !0;
   for (const [l, o] of t.entries()) {
     const r = e.querySelector(`[name="${l}"]`), i = a[l], u = [];
@@ -2228,21 +2226,21 @@ function d2({ cb: d, form: e, formData: t, validations: a, reactive: n = !1 }) {
   }
   return s;
 }
-function h2(d) {
+function d2(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 u2 {
+class h2 {
   init(e) {
     this.handleSliders(e);
   }
   handleSliders({ items: e, id: t = 1, cb: a }) {
     if (!document.getElementById(`slider-container-${t}`))
       return;
-    const n = Z1(
+    const n = z1(
       {
         activeIndex: 0,
         computedSlides: [],
@@ -3170,44 +3168,44 @@ class H {
   }
 }
 export {
-  T1 as Accordion,
-  D1 as Alert,
-  O1 as Autocomplete,
-  B1 as Badge,
+  F1 as Accordion,
+  T1 as Alert,
+  D1 as Autocomplete,
+  O1 as Badge,
   F as Button,
-  u2 as CardSlider,
-  I1 as Checkbox,
+  h2 as CardSlider,
+  B1 as Checkbox,
   H as Common,
-  X1 as ContactForm,
-  e2 as ContentCard,
-  $1 as Dialog,
-  q1 as Dots,
-  t2 as FlexItem,
-  s2 as FunnelHeader,
+  K1 as ContactForm,
+  X1 as ContentCard,
+  I1 as Dialog,
+  $1 as Dots,
+  e2 as FlexItem,
+  n2 as FunnelHeader,
   x as Icon,
-  j1 as LoadingBar,
-  R1 as Popover,
-  P1 as ProcessingSpinner,
-  W1 as ProgressBar,
-  U1 as Radio,
-  G1 as Select,
-  Q1 as Skeleton,
-  J1 as Slider,
-  a2 as Spacer,
-  _1 as Spinner,
-  n2 as StackedListItem,
-  Y1 as Stars,
-  d1 as TextArea,
+  q1 as LoadingBar,
+  P1 as Popover,
+  j1 as ProcessingSpinner,
+  R1 as ProgressBar,
+  W1 as Radio,
+  U1 as Select,
+  G1 as Skeleton,
+  Q1 as Slider,
+  t2 as Spacer,
+  J1 as Spinner,
+  a2 as StackedListItem,
+  _1 as Stars,
+  c1 as TextArea,
   T as Textbox,
-  K1 as Toggle,
-  o2 as addClass,
-  r2 as colors,
+  Y1 as Toggle,
+  i2 as addClass,
+  s2 as colors,
   $ as corePlugins,
-  i2 as elerisPreset,
+  l2 as elerisPreset,
   O as extensions,
   q as plugins,
-  l2 as propertyPreset,
-  c2 as removeClass,
-  h2 as validateEmail,
-  d2 as validateForm
+  r2 as propertyPreset,
+  o2 as removeClass,
+  d2 as validateEmail,
+  c2 as validateForm
 };