@vehiclehistory/property-lib 0.0.86 → 0.0.87

package/dist/components/index.d.ts

@@ -19,10 +19,11 @@ import { default as Spinner } from './ui/Loading/Spinner';
 import { default as Stars } from './ui/Stars/Stars';
 import { default as TextArea } from './ui/Text/TextArea';
 import { default as Textbox } from './ui/Text/Textbox';
+import { default as Toggle } from './ui/Toggle/Toggle';
 import { default as ContactForm } from './common/ContactForm';
 import { default as ContentCard } from './common/ContentCard';
 import { default as FlexItem } from './common/FlexItem';
 import { default as Spacer } from './common/Spacer';
 import { default as StackedListItem } from './common/StackedListItem';
 import { default as FunnelHeader } from './funnel/FunnelHeader';
-export { Accordion, Alert, Autocomplete, Badge, Button, Checkbox, ContactForm, ContentCard, Dialog, Dots, FlexItem, FunnelHeader, Icon, LoadingBar, Popover, ProcessingSpinner, ProgressBar, Radio, Select, Skeleton, Spacer, Spinner, StackedListItem, Slider, Stars, TextArea, Textbox, };
+export { Accordion, Alert, Autocomplete, Badge, Button, Checkbox, ContactForm, ContentCard, Dialog, Dots, FlexItem, FunnelHeader, Icon, LoadingBar, Popover, ProcessingSpinner, ProgressBar, Radio, Select, Skeleton, Spacer, Spinner, StackedListItem, Slider, Stars, TextArea, Textbox, Toggle, };

package/dist/components/ui/Toggle/Toggle.d.ts

@@ -0,0 +1,6 @@
+import { NamedExoticComponent } from 'react';
+declare const _default: NamedExoticComponent<{
+    checked?: boolean;
+    props?: any;
+}>;
+export default _default;

package/dist/main.es.js

@@ -1,4 +1,4 @@
-import { jsx as c, jsxs as M, Fragment as k } from "react/jsx-runtime";
+import { jsx as c, jsxs as M, Fragment as S } from "react/jsx-runtime";
 import m from "classnames";
 import { memo as b, useState as Z, useEffect as N } from "react";
 const W = {
@@ -544,7 +544,7 @@ const W = {
         },
         e
       ),
-      children: /* @__PURE__ */ M(k, { children: [
+      children: /* @__PURE__ */ M(S, { children: [
         /* @__PURE__ */ M(
           "button",
           {
@@ -593,7 +593,7 @@ const W = {
       ] })
     }
   );
-}, F1 = b(J), _ = ({
+}, T1 = b(J), _ = ({
   children: d,
   className: e,
   messages: t = [],
@@ -663,7 +663,7 @@ const W = {
       ] })
     }
   );
-}, T1 = b(_), D1 = ({
+}, D1 = b(_), O1 = ({
   autoFocus: d = !1,
   className: e,
   dataSearch: t = "container",
@@ -828,7 +828,7 @@ const W = {
                   "data-title": v,
                   "aria-labelledby": "Label",
                   "aria-activedescendant": "search-item-0",
-                  children: h.length > 0 ? h.map((S, z) => /* @__PURE__ */ c(
+                  children: h.length > 0 ? h.map((k, z) => /* @__PURE__ */ c(
                     "li",
                     {
                       id: `search-item-${z}`,
@@ -836,7 +836,7 @@ const W = {
                       className: "dropdown-item text-gray-900 cursor-default select-none py-2 pl-3 pr-4 truncate hover:bg-gray-50 font-normal focus:bg-gray-50 focus:text-green-400 focus-visible:outline-0",
                       "aria-selected": z === 0,
                       role: "option",
-                      children: (S == null ? void 0 : S.name) || S
+                      children: (k == null ? void 0 : k.name) || k
                     },
                     `search-item-${z}`
                   )) : ""
@@ -848,7 +848,7 @@ const W = {
       ]
     }
   );
-}, O1 = ({
+}, B1 = ({
   children: d,
   className: e,
   size: t = "sm",
@@ -970,7 +970,7 @@ const W = {
       ]
     }
   );
-}, B1 = b(K), X = ({
+}, I1 = b(K), X = ({
   activator: d,
   id: e = "",
   children: t,
@@ -990,7 +990,7 @@ const W = {
   useFormMethod: x = !0
 }) => {
   const u = x ? "form" : "div";
-  return /* @__PURE__ */ M(k, { children: [
+  return /* @__PURE__ */ M(S, { children: [
     d && /* @__PURE__ */ c("span", { id: `${e}-dialog-activator`, children: d }),
     /* @__PURE__ */ c(
       "dialog",
@@ -1068,7 +1068,7 @@ const W = {
       }
     )
   ] });
-}, I1 = b(X), $1 = ({ className: d }) => /* @__PURE__ */ M("div", { className: m("Dots mx-auto", d), children: [
+}, $1 = b(X), q1 = ({ 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" } }),
@@ -1119,7 +1119,7 @@ const W = {
       children: /* @__PURE__ */ c("div", { className: "loading-bar__inner", "data-size": "100" })
     }
   );
-}, q1 = b(e1), t1 = ({ className: d }) => /* @__PURE__ */ c("div", { className: m("processing-spinner", d) }), j1 = b(t1), P1 = ({
+}, j1 = b(e1), t1 = ({ className: d }) => /* @__PURE__ */ c("div", { className: m("processing-spinner", d) }), P1 = b(t1), R1 = ({
   activator: d,
   activatorClass: e = "",
   attrs: t = {},
@@ -1129,7 +1129,7 @@ const W = {
   disabled: l = !1,
   options: i = {},
   trigger: r = "click"
-}) => /* @__PURE__ */ M(k, { children: [
+}) => /* @__PURE__ */ M(S, { children: [
   /* @__PURE__ */ c(
     "div",
     {
@@ -1225,7 +1225,7 @@ const W = {
       )
     }
   );
-}, R1 = b(a1), n1 = ({
+}, W1 = b(a1), n1 = ({
   checked: d = !1,
   children: e,
   className: t,
@@ -1266,7 +1266,7 @@ const W = {
       ]
     }
   );
-}, W1 = b(n1), s1 = ({
+}, U1 = b(n1), s1 = ({
   className: d = "",
   error: e = !1,
   errorMessage: t = "",
@@ -1321,7 +1321,7 @@ const W = {
       ]
     }
   );
-}, U1 = b(s1), r1 = ({ className: d }) => /* @__PURE__ */ M(
+}, G1 = b(s1), r1 = ({ className: d }) => /* @__PURE__ */ M(
   "div",
   {
     className: m(
@@ -1333,7 +1333,7 @@ const W = {
       /* @__PURE__ */ c("span", { className: "sr-only", children: "Loading..." })
     ]
   }
-), G1 = b(r1), l1 = ({
+), Q1 = b(r1), l1 = ({
   placeholderClass: d = "",
   children: e,
   className: t,
@@ -1368,7 +1368,7 @@ const W = {
       children: /* @__PURE__ */ c(y, { name: "chevronRight" })
     }
   )
-] }), Q1 = b(l1), i1 = {
+] }), J1 = b(l1), i1 = {
   name: "spinnerDark",
   color: "text-teal-700",
   viewBox: "0 0 24 24"
@@ -1379,7 +1379,7 @@ const W = {
     size: "xSmall",
     ...i1
   }
-) }), J1 = b(o1), _1 = ({
+) }), _1 = b(o1), Y1 = ({
   className: d,
   value: e
 }) => {
@@ -1513,7 +1513,29 @@ const W = {
       a && /* @__PURE__ */ c("span", { className: "relative flex mt-0.5 text-red-700 text-xs text-left", children: a })
     ]
   }
-), T = b(h1), u1 = ({
+), T = b(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: [
+  /* @__PURE__ */ c(
+    "input",
+    {
+      type: "checkbox",
+      checked: d,
+      className: "sr-only",
+      ...e
+    }
+  ),
+  /* @__PURE__ */ c(
+    "div",
+    {
+      className: `box block h-8 w-14 rounded-full ${d ? "bg-[#365487]" : "bg-black-250"}`
+    }
+  ),
+  /* @__PURE__ */ c(
+    "div",
+    {
+      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 = b(u1), p1 = ({
   btnClass: d,
   className: e = "",
   containerClass: t,
@@ -1522,7 +1544,7 @@ const W = {
   titleClass: s,
   uppercase: l = !0
 }) => {
-  const i = a || /* @__PURE__ */ M(k, { children: [
+  const i = a || /* @__PURE__ */ M(S, { children: [
     "Typical email response time is 2-3 hours. If you require immediate assistance you may use our",
     " ",
     /* @__PURE__ */ c(
@@ -1611,7 +1633,7 @@ const W = {
       ]
     }
   );
-}, Y1 = b(u1), p1 = ({
+}, X1 = b(p1), m1 = ({
   block: d = !1,
   children: e,
   className: t,
@@ -1649,7 +1671,7 @@ const W = {
       ]
     }
   );
-}, K1 = b(p1), m1 = ({
+}, e2 = b(m1), f1 = ({
   children: d,
   className: e,
   colGap: t = 2,
@@ -1684,7 +1706,7 @@ const W = {
       d
     ]
   }
-), X1 = b(m1), e2 = ({
+), t2 = b(f1), a2 = ({
   breakPage: d = !1,
   children: e,
   className: t,
@@ -1710,7 +1732,7 @@ const W = {
       e
     ]
   }
-), t2 = ({ 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(
+), 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(
   a,
   {
     className: m(
@@ -1724,7 +1746,7 @@ const W = {
     ),
     children: n || e
   }
-), a2 = b(f1), V1 = {
+), s2 = b(V1), H1 = {
   circular: "circular 3s linear infinite",
   "circular-reverse": "circular 3s linear reverse infinite",
   "fade-in": "fade-in 0.2.5s ease-out",
@@ -1736,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"
-}, H1 = {
-  map: "var(--map)"
 }, C1 = {
+  map: "var(--map)"
+}, L1 = {
   "3xs": "0.5rem",
   xxs: "0.625rem",
   "2.5xl": "1.625rem",
   "2.75xl": "1.75rem",
   "3.5xl": "2rem"
-}, L1 = {
-  17: "repeat(17, minmax(0, 1fr))"
 }, M1 = {
+  17: "repeat(17, minmax(0, 1fr))"
+}, g1 = {
   circular: {
     "100%": {
       transform: "rotate(360deg)"
@@ -1836,12 +1858,12 @@ const W = {
       transform: "translateX(100%)"
     }
   }
-}, g1 = {
+}, v1 = {
   20: "5rem",
   24: "6rem",
   28: "7rem",
   32: "8rem"
-}, v1 = {
+}, b1 = {
   aside: "268px",
   container: "724px",
   page: "1200px"
@@ -1863,22 +1885,22 @@ const W = {
     max: "1199px"
   },
   "lg-up": "1200px"
-}, b1 = {
+}, x1 = {
   0: "0ms",
   50: "50ms"
-}, x1 = {
+}, y1 = {
   "center-top": "center 30%"
 }, O = {
-  animation: V1,
-  backgroundImage: H1,
-  fontSize: C1,
-  gridTemplateColumns: L1,
-  keyframes: M1,
-  margin: g1,
-  maxWidth: v1,
+  animation: H1,
+  backgroundImage: C1,
+  fontSize: L1,
+  gridTemplateColumns: M1,
+  keyframes: g1,
+  margin: v1,
+  maxWidth: b1,
   screens: A1,
-  transitionDuration: b1,
-  transformOrigin: x1
+  transitionDuration: x1,
+  transformOrigin: y1
 }, B = {
   black: {
     50: "#FCFCFC",
@@ -1986,10 +2008,10 @@ const W = {
   purple: "hsl(279 85% 57%)",
   white: "hsl(0 0% 100%)",
   transparent: "hsl(0 0% 100% / 0)"
-}, n2 = {
+}, r2 = {
   ...B,
   ...I
-}, y1 = ({ matchUtilities: d, theme: e }) => d(
+}, w1 = ({ matchUtilities: d, theme: e }) => d(
   {
     aspect: (t) => ({
       "@supports (aspect-ratio: 1 / 1)": {
@@ -2010,7 +2032,7 @@ const W = {
     })
   },
   { values: e("aspectRatio") }
-), w1 = ({ matchUtilities: d, theme: e }) => d(
+), S1 = ({ matchUtilities: d, theme: e }) => d(
   {
     "animation-delay": (t) => ({
       "animation-delay": t
@@ -2019,11 +2041,11 @@ const W = {
   {
     values: e("transitionDelay")
   }
-), S1 = ({ matchUtilities: d }) => d({
+), k1 = ({ matchUtilities: d }) => d({
   "max-inline": (e) => ({
     "max-inline-size": e
   })
-}), k1 = ({ matchUtilities: d }) => d({
+}), z1 = ({ matchUtilities: d }) => d({
   "max-block": (e) => ({
     "max-block-size": e
   })
@@ -2158,16 +2180,16 @@ const W = {
       classPrefix: "text-body",
       sizes: i,
       weights: s
-    }), y1({ matchUtilities: e, theme: t }), w1({ matchUtilities: e, theme: t }), S1({ matchUtilities: e }), k1({ matchUtilities: e });
+    }), w1({ matchUtilities: e, theme: t }), S1({ matchUtilities: e, theme: t }), k1({ matchUtilities: e }), z1({ matchUtilities: e });
   }
-], s2 = {
+], l2 = {
   theme: {
     extend: O,
     colors: B
   },
   plugins: q,
   corePlugins: $
-}, r2 = {
+}, i2 = {
   theme: {
     extend: O,
     colors: I
@@ -2175,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];
@@ -2186,13 +2208,13 @@ function z1(d, e = []) {
     }
   });
 }
-function l2(d, e = []) {
+function o2(d, e = []) {
   e.length && (d == null || d.classList.add(...e));
 }
-function i2(d, e = []) {
+function c2(d, e = []) {
   e.length && (d == null || d.classList.remove(...e));
 }
-function o2({ cb: d, form: e, formData: t, validations: a, reactive: n = !1 }) {
+function d2({ 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 = [];
@@ -2204,21 +2226,21 @@ function o2({ cb: d, form: e, formData: t, validations: a, reactive: n = !1 }) {
   }
   return s;
 }
-function c2(d) {
+function h2(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 d2 {
+class u2 {
   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: [],
@@ -3142,43 +3164,44 @@ class H {
   }
 }
 export {
-  F1 as Accordion,
-  T1 as Alert,
-  D1 as Autocomplete,
-  O1 as Badge,
+  T1 as Accordion,
+  D1 as Alert,
+  O1 as Autocomplete,
+  B1 as Badge,
   F as Button,
-  d2 as CardSlider,
-  B1 as Checkbox,
+  u2 as CardSlider,
+  I1 as Checkbox,
   H as Common,
-  Y1 as ContactForm,
-  K1 as ContentCard,
-  I1 as Dialog,
-  $1 as Dots,
-  X1 as FlexItem,
-  a2 as FunnelHeader,
+  X1 as ContactForm,
+  e2 as ContentCard,
+  $1 as Dialog,
+  q1 as Dots,
+  t2 as FlexItem,
+  s2 as FunnelHeader,
   y as Icon,
-  q1 as LoadingBar,
-  P1 as Popover,
-  j1 as ProcessingSpinner,
-  R1 as ProgressBar,
-  W1 as Radio,
-  U1 as Select,
-  G1 as Skeleton,
-  Q1 as Slider,
-  e2 as Spacer,
-  J1 as Spinner,
-  t2 as StackedListItem,
-  _1 as Stars,
+  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,
   T as Textbox,
-  l2 as addClass,
-  n2 as colors,
+  K1 as Toggle,
+  o2 as addClass,
+  r2 as colors,
   $ as corePlugins,
-  r2 as elerisPreset,
+  i2 as elerisPreset,
   O as extensions,
   q as plugins,
-  s2 as propertyPreset,
-  i2 as removeClass,
-  c2 as validateEmail,
-  o2 as validateForm
+  l2 as propertyPreset,
+  c2 as removeClass,
+  h2 as validateEmail,
+  d2 as validateForm
 };