@vehiclehistory/property-lib 0.0.993 → 0.0.994

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

@@ -6,6 +6,6 @@ declare const _default: NamedExoticComponent<{
     selector?: string;
     size?: "md" | "lg" | "xl";
     timeout?: number;
-    variation?: "primary" | "secondary";
+    variation?: "primary" | "secondary" | "blue";
 }>;
 export default _default;

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

@@ -12,6 +12,6 @@ declare const _default: NamedExoticComponent<{
     selectClass?: string;
     styles?: any;
     value?: any;
-    variation?: "primary" | "secondary";
+    variation?: "primary" | "secondary" | "blue";
 }>;
 export default _default;

package/dist/components/ui/Text/Textbox.d.ts

@@ -13,6 +13,6 @@ declare const _default: NamedExoticComponent<{
     styles?: any;
     type?: string;
     value?: string;
-    variation?: "primary" | "secondary";
+    variation?: "primary" | "secondary" | "blue";
 }>;
 export default _default;

package/dist/main.es.js

@@ -627,14 +627,14 @@ const W = {
       iconColor: "text-yellow-500",
       styles: "bg-yellow-50 border-yellow-300 text-yellow-700"
     }
-  }, { icon: o, iconColor: u, styles: p } = l[i];
+  }, { icon: o, iconColor: p, styles: u } = l[i];
   return /* @__PURE__ */ c(
     "div",
     {
       id: i,
       className: m(
         "rounded w-full py-2 px-4 mb-4 border",
-        p,
+        u,
         e
       ),
       ...r,
@@ -644,7 +644,7 @@ const W = {
           {
             name: o,
             viewBox: "0 0 24 24",
-            className: u,
+            className: p,
             size: "xSmall"
           }
         ) }),
@@ -677,8 +677,8 @@ const W = {
   leftIcon: i = "homeSearch",
   mobileBackdrop: l = !1,
   name: o = "",
-  options: u = [],
-  parentProps: p = {},
+  options: p = [],
+  parentProps: u = {},
   placeholder: V = "",
   props: C = {},
   rightIcon: f = "",
@@ -702,7 +702,7 @@ const W = {
       "data-use-google": j,
       className: m("Autocomplete", e),
       style: w ? { ...w } : null,
-      ...p,
+      ...u,
       children: [
         A && /* @__PURE__ */ M(
           "span",
@@ -831,7 +831,7 @@ const W = {
                   "data-title": g,
                   "aria-labelledby": "Label",
                   "aria-activedescendant": "search-item-0",
-                  children: u.length > 0 ? u.map((k, z) => /* @__PURE__ */ c(
+                  children: p.length > 0 ? p.map((k, z) => /* @__PURE__ */ c(
                     "li",
                     {
                       id: `search-item-${z}`,
@@ -881,8 +881,8 @@ const W = {
   outline: i = !1,
   props: l = {},
   rightIcon: o,
-  rightIconProps: u = {},
-  rounded: p = !1,
+  rightIconProps: p = {},
+  rounded: u = !1,
   size: V = "md",
   type: C = "button",
   uppercase: f = !1,
@@ -898,7 +898,7 @@ const W = {
         {
           [`button--${v}`]: v,
           [`button--${V}`]: V,
-          "button--rounded": p,
+          "button--rounded": u,
           "button--disabled": s,
           "button--outline": i,
           "button--custom-link": r,
@@ -927,7 +927,7 @@ const W = {
             name: o,
             size: V === "md" ? "small" : "xSmall",
             viewBox: "0 0 24 24",
-            ...u
+            ...p
           }
         )
       ]
@@ -944,11 +944,11 @@ const W = {
   name: i = "",
   props: l = {},
   variation: o = "primary",
-  value: u = ""
+  value: p = ""
 }) => {
-  const p = r ? "div" : "label", V = p === "label" ? { htmlFor: s } : {};
+  const u = r ? "div" : "label", V = u === "label" ? { htmlFor: s } : {};
   return /* @__PURE__ */ M(
-    p,
+    u,
     {
       className: m("checkbox flex items-center", o, t),
       ...V,
@@ -967,7 +967,7 @@ const W = {
             id: s,
             name: i,
             type: "checkbox",
-            value: u,
+            value: p,
             ...l
           }
         ),
@@ -986,8 +986,8 @@ const W = {
   disableClose: i = !1,
   footer: l,
   fullMobile: o = !0,
-  headerClass: u,
-  hideClose: p = !1,
+  headerClass: p,
+  hideClose: u = !1,
   iconSize: V = "medium",
   preventPageScroll: C = !0,
   sheet: f = !1,
@@ -1033,11 +1033,11 @@ const W = {
                       "!pb-0 border-0 justify-end": !h,
                       "justify-between border-b": h
                     },
-                    u
+                    p
                   ),
                   children: [
                     h && /* @__PURE__ */ c("h3", { id: `${e}-dialog-title`, className: b, children: h }),
-                    !p && /* @__PURE__ */ c(
+                    !u && /* @__PURE__ */ c(
                       "button",
                       {
                         type: "button",
@@ -1102,15 +1102,15 @@ const W = {
       `.loading-bar__inner${a ? `.${a}` : ""}`
     );
     if (!o) return;
-    let u, p, V = !1;
+    let p, u, V = !1;
     function C(f) {
-      u === void 0 && (u = f);
-      const v = f - u;
-      if (p !== f) {
+      p === void 0 && (p = f);
+      const v = f - p;
+      if (u !== f) {
         const A = v / s * 101;
         o.style.width = `${A}%`, e && e({ elapsed: v, percentage: A }), A >= 101 && (l && l(), V = !0, window.cancelAnimationFrame(f));
       }
-      v < s && (p = f, V || window.requestAnimationFrame(C));
+      v < s && (u = f, V || window.requestAnimationFrame(C));
     }
     window.requestAnimationFrame(C);
   }
@@ -1197,7 +1197,7 @@ const W = {
   rounded: l = !0,
   showLabel: o = !1
 }) => {
-  const p = ((V, C) => {
+  const u = ((V, C) => {
     if (V) {
       const f = Number(C) / V;
       return f > 1 ? 100 : f * 100;
@@ -1224,7 +1224,7 @@ const W = {
             "h-full text-right flex items-center justify-end rounded-full",
             t
           ),
-          style: { width: `${p}%` },
+          style: { width: `${u}%` },
           children: o && /* @__PURE__ */ c(
             "span",
             {
@@ -1232,7 +1232,7 @@ const W = {
                 "font-bold text-white text-xs mr-2",
                 r
               ),
-              children: s || Math.round(p)
+              children: s || Math.round(u)
             }
           )
         }
@@ -1251,12 +1251,12 @@ const W = {
   variation: l = "primary",
   value: o = ""
 }) => {
-  const u = s ? "div" : "label", p = u === "label" ? { htmlFor: a } : {};
+  const p = s ? "div" : "label", u = p === "label" ? { htmlFor: a } : {};
   return /* @__PURE__ */ M(
-    u,
+    p,
     {
       className: m("radio flex items-center", t),
-      ...p,
+      ...u,
       children: [
         /* @__PURE__ */ c(
           "input",
@@ -1291,16 +1291,16 @@ const W = {
   placeholder: i = "",
   props: l = {},
   selectClass: o = "",
-  styles: u = null,
-  variation: p = "primary",
+  styles: p = null,
+  variation: u = "primary",
   value: V
 }) => {
   const C = i ? { defaultValue: "" } : {};
   return /* @__PURE__ */ M(
     "label",
     {
-      className: m("relative select", d, p),
-      style: u ? { ...u } : null,
+      className: m("relative select", d, u),
+      style: p ? { ...p } : null,
       children: [
         n,
         /* @__PURE__ */ M(
@@ -1309,9 +1309,12 @@ const W = {
             className: m(
               "form-select relative bg-white pl-3 pr-10 text-left cursor-default",
               {
-                "!border-red-500 !bg-red-500/10 !text-red-700 focus:!ring-red-500 focus:!border-red-500": e
+                "!border-red-500 focus:!ring-red-500 focus:!border-red-500": e
               },
-              o
+              { "!bg-red/500/10 !text-red-700": e && u !== "blue" },
+              { "!text-black-900": e && u === "blue" },
+              o,
+              u
             ),
             id: a,
             name: s,
@@ -1419,8 +1422,8 @@ const W = {
   placeholder: i = "",
   props: l = {},
   rows: o = 4,
-  variation: u = "primary"
-}) => /* @__PURE__ */ M("div", { className: m("relative textarea", u, d), children: [
+  variation: p = "primary"
+}) => /* @__PURE__ */ M("div", { className: m("relative textarea", p, d), children: [
   /* @__PURE__ */ c(
     "textarea",
     {
@@ -1466,15 +1469,15 @@ const W = {
   name: i = "",
   placeholder: l = "",
   props: o = {},
-  styles: u = null,
-  type: p = "text",
+  styles: p = null,
+  type: u = "text",
   value: V,
   variation: C = "primary"
 }) => /* @__PURE__ */ M(
   "div",
   {
     className: m("relative textbox", C, d),
-    style: u ? { ...u } : null,
+    style: p ? { ...p } : null,
     children: [
       n && /* @__PURE__ */ c("div", { className: "pointer-events-none absolute inset-y-0 left-0 flex items-center px-2", children: /* @__PURE__ */ c(
         x,
@@ -1491,7 +1494,7 @@ const W = {
           placeholder: l,
           id: s,
           name: i,
-          type: p,
+          type: u,
           value: V,
           autoComplete: "off",
           className: m(
@@ -1499,10 +1502,14 @@ const W = {
             e ? "pr-10" : "pr-4",
             n ? "pl-8" : "pl-4",
             {
-              "!border-red-500 !bg-red-500/10 placeholder:!text-red-700 focus:!ring-red-500 focus:!border-red-500": t
+              "!border-red-500 focus:!ring-red-500 focus:!border-red-500": t
             },
             o.inputClass ?? "",
-            r
+            r,
+            { "placeholder:!text-black-900": t && C === "blue" },
+            {
+              "!bg-red-500/10 placeholder:!text-red-700": t && C !== "blue"
+            }
           ),
           ...o
         }
@@ -1656,23 +1663,23 @@ const W = {
   headerClass: i,
   list: l = !1,
   props: o = {},
-  variation: u = "primary"
+  variation: p = "primary"
 }) => {
-  const p = l ? "ul" : "div";
+  const u = l ? "ul" : "div";
   return /* @__PURE__ */ M(
     "div",
     {
       className: m(
         "content-card",
         { "content-card--block": d },
-        `content-card--${u}`,
+        `content-card--${p}`,
         t
       ),
       ...o,
       children: [
         r && /* @__PURE__ */ c("div", { className: m("content-card__header", i), children: typeof r == "string" ? /* @__PURE__ */ c("h3", { children: r }) : r }),
         /* @__PURE__ */ c(
-          p,
+          u,
           {
             className: m("content-card__content", a),
             role: l ? "list" : null,
@@ -1694,7 +1701,7 @@ const W = {
   rowGap: i = 1,
   value: l,
   valueClass: o,
-  wrap: u = !1
+  wrap: p = !1
 }) => /* @__PURE__ */ M(
   "div",
   {
@@ -1703,7 +1710,7 @@ const W = {
       {
         "flex-col items-start": a === "col",
         "flex-row items-center": a === "row",
-        "flex-wrap": u
+        "flex-wrap": p
       },
       e
     ),
@@ -2115,18 +2122,18 @@ const W = {
   weightProps: i = null
 }) => {
   const l = {};
-  Object.entries(s).forEach(([o, u]) => {
-    const p = {
-      "font-size": u,
+  Object.entries(s).forEach(([o, p]) => {
+    const u = {
+      "font-size": p,
       ...a
-    }, V = `.${e(`${t}-${o}`)}`, C = n ? n({ sizeKey: o, sizeValue: u }) : {};
+    }, V = `.${e(`${t}-${o}`)}`, C = n ? n({ sizeKey: o, sizeValue: p }) : {};
     l[V] = {
-      ...p,
+      ...u,
       ...C
     }, Object.entries(r).forEach(([f, v]) => {
-      const A = `.${e(`${t}-${o}-${f}`)}`, h = i ? i({ sizeKey: o, sizeValue: u, weightKey: f, weightValue: v }) : {};
+      const A = `.${e(`${t}-${o}-${f}`)}`, h = i ? i({ sizeKey: o, sizeValue: p, weightKey: f, weightValue: v }) : {};
       l[A] = {
-        ...p,
+        ...u,
         "font-weight": v,
         ...h
       };
@@ -2273,11 +2280,11 @@ function o2(d, e = []) {
 function c2({ cb: d, form: e, formData: t, validations: a, reactive: n = !1 }) {
   let s = !0;
   for (const [r, i] of t.entries()) {
-    const l = e.querySelector(`[name="${r}"]`), o = a[r], u = [];
-    o.forEach((p) => {
-      p.isValid(i) || u.push(p.message);
-    }), u.length ? (s = !1, l.classList.add("field-error"), d && d({ isValid: s, field: l, validations: a })) : (l.classList.remove("field-error"), d && d({ isValid: !0, field: l, validations: a })), n && (l == null || l.addEventListener("input", (p) => {
-      p.preventDefault(), l.classList.contains("field-error") && l.classList.remove("field-error");
+    const l = e.querySelector(`[name="${r}"]`), o = a[r], p = [];
+    o.forEach((u) => {
+      u.isValid(i) || p.push(u.message);
+    }), p.length ? (s = !1, l.classList.add("field-error"), d && d({ isValid: s, field: l, validations: a })) : (l.classList.remove("field-error"), d && d({ isValid: !0, field: l, validations: a })), n && (l == null || l.addEventListener("input", (u) => {
+      u.preventDefault(), l.classList.contains("field-error") && l.classList.remove("field-error");
     }));
   }
   return s;
@@ -2431,12 +2438,12 @@ class H {
     const {
       isHeads: l = null,
       isLoggedIn: o = null,
-      url: u = null,
-      ip: p = null,
+      url: p = null,
+      ip: u = null,
       sessionId: V = null,
       user: C = null
     } = (window == null ? void 0 : window.options) ?? {}, { id: f = null } = C ?? {};
-    t.userId = s ?? f, t.isHeads = l, t.isLoggedIn = o, t.url = u, await H.createData(
+    t.userId = s ?? f, t.isHeads = l, t.isLoggedIn = o, t.url = p, await H.createData(
       "/api/event",
       {
         payload: {
@@ -2445,7 +2452,7 @@ class H {
           name: n,
           userId: s ?? f,
           url: window.location.href,
-          ip: p,
+          ip: u,
           sessionId: V,
           siteMarker: r ?? i
         }
@@ -2541,8 +2548,8 @@ class H {
     try {
       const l = await fetch(i, { method: "GET" });
       if (t === !0) {
-        const u = await l.text();
-        return u ? u.replace("__next", "") : null;
+        const p = await l.text();
+        return p ? p.replace("__next", "") : null;
       }
       const o = l.headers.get("content-type");
       return o && o.indexOf("application/json") !== -1 ? l.json() : null;
@@ -2625,7 +2632,7 @@ class H {
     if ((o = window == null ? void 0 : window.options) != null && o.isPdf)
       return i;
     try {
-      const p = await (await fetch("/api/client-headers")).json(), V = (p == null ? void 0 : p.sessionId) ?? "noSessionId", C = (p == null ? void 0 : p.ip) ?? null, f = e * 1e3;
+      const u = await (await fetch("/api/client-headers")).json(), V = (u == null ? void 0 : u.sessionId) ?? "noSessionId", C = (u == null ? void 0 : u.ip) ?? null, f = e * 1e3;
       return localStorage.setItem(
         l,
         JSON.stringify({
@@ -2634,8 +2641,8 @@ class H {
           expire: (/* @__PURE__ */ new Date()).getTime() + f
         })
       ), { tolken: V, ip: C, userAgent: a, platform: r };
-    } catch (u) {
-      console.error("getHeaders", u);
+    } catch (p) {
+      console.error("getHeaders", p);
     }
     return i;
   }
@@ -2650,11 +2657,11 @@ class H {
     return await H.fetchData("/api/client?query=" + r);
   }
   static getReportUrl(e, t = null) {
-    var l, o, u;
-    const a = ((l = e == null ? void 0 : e.state) == null ? void 0 : l.slug) ?? null, n = ((o = e == null ? void 0 : e.city) == null ? void 0 : o.slug) ?? null, s = ((u = e == null ? void 0 : e.name) == null ? void 0 : u.slug) ?? null, r = (e == null ? void 0 : e.zip) ?? null;
+    var l, o, p;
+    const a = ((l = e == null ? void 0 : e.state) == null ? void 0 : l.slug) ?? null, n = ((o = e == null ? void 0 : e.city) == null ? void 0 : o.slug) ?? null, s = ((p = e == null ? void 0 : e.name) == null ? void 0 : p.slug) ?? null, r = (e == null ? void 0 : e.zip) ?? null;
     t = t || ((e == null ? void 0 : e.id) ?? null);
-    const i = [r, "-piq", t].filter((p) => p).join("");
-    return "/" + [a, n, s].filter((p) => p).map((p) => H.toSlug(p)).join("/") + "/" + i;
+    const i = [r, "-piq", t].filter((u) => u).join("");
+    return "/" + [a, n, s].filter((u) => u).map((u) => H.toSlug(u)).join("/") + "/" + i;
   }
   static async getSearchValue(e = "recsSearchValue") {
     try {
@@ -2864,7 +2871,7 @@ class H {
     selfClose: r = !1,
     target: i = null
   }) {
-    const l = i ? document.querySelectorAll(i) : [], o = document.getElementById(`${t}-dialog`), u = r ? o == null ? void 0 : o.querySelectorAll("[data-dialog-close]") : document.querySelectorAll("[data-dialog-close]"), p = [
+    const l = i ? document.querySelectorAll(i) : [], o = document.getElementById(`${t}-dialog`), p = r ? o == null ? void 0 : o.querySelectorAll("[data-dialog-close]") : document.querySelectorAll("[data-dialog-close]"), u = [
       "closing",
       "closed",
       "opening",
@@ -2882,13 +2889,13 @@ class H {
         if (w.attributeName === "open") {
           const g = w.target;
           if (!(g == null ? void 0 : g.hasAttribute("open"))) return;
-          g == null || g.removeAttribute("inert"), g == null || g.dispatchEvent(p.opening), g && await A(g), g == null || g.dispatchEvent(p.opened);
+          g == null || g.removeAttribute("inert"), g == null || g.dispatchEvent(u.opening), g && await A(g), g == null || g.dispatchEvent(u.opened);
         }
       });
     }), C = new MutationObserver((h, b) => {
       h.forEach((w) => {
         w.removedNodes.forEach((g) => {
-          g.nodeName === "DIALOG" && (g.removeEventListener("click", v), g.removeEventListener("close", f), g.dispatchEvent(p.removed), C == null || C.disconnect(), V == null || V.disconnect());
+          g.nodeName === "DIALOG" && (g.removeEventListener("click", v), g.removeEventListener("close", f), g.dispatchEvent(u.removed), C == null || C.disconnect(), V == null || V.disconnect());
         });
       });
     });
@@ -2900,9 +2907,9 @@ class H {
       childList: !0
     }));
     const f = async ({ target: h }) => {
-      h == null || h.classList.add("closing"), h == null || h.setAttribute("inert", ""), h == null || h.dispatchEvent(p.closing), h && await A(h), h == null || h.classList.remove("closing"), h == null || h.dispatchEvent(p.closed);
+      h == null || h.classList.add("closing"), h == null || h.setAttribute("inert", ""), h == null || h.dispatchEvent(u.closing), h && await A(h), h == null || h.classList.remove("closing"), h == null || h.dispatchEvent(u.closed);
     }, v = async ({ target: h }) => {
-      (h == null ? void 0 : h.nodeName) === "DIALOG" && (h == null || h.dispatchEvent(p.outside), o == null || o.close("outside"));
+      (h == null ? void 0 : h.nodeName) === "DIALOG" && (h == null || h.dispatchEvent(u.outside), o == null || o.close("outside"));
     }, A = (h) => Promise.allSettled(
       h == null ? void 0 : h.getAnimations().map((b) => b == null ? void 0 : b.finished)
     );
@@ -2918,7 +2925,7 @@ class H {
       h.addEventListener("click", (b) => {
         o == null || o.showModal(), s && s(b, o);
       });
-    }), u == null || u.forEach((h) => {
+    }), p == null || p.forEach((h) => {
       h.addEventListener("click", async (b) => {
         o == null || o.close("close");
       });
@@ -3066,13 +3073,13 @@ class H {
       max: i = null,
       city: l = null,
       state: o = null,
-      vin: u = null,
-      license: p = null,
+      vin: p = null,
+      license: u = null,
       token: V = null,
       phone: C = null
     } = e || {}, f = t && t !== "", v = r && r !== "" && r !== "18", A = i && i !== "" && r !== "99";
     let h = [];
-    return t && t !== "" && h.push("name=" + t), f || (a && a !== "" && h.push("first=" + a), n && n !== "" && h.push("middle=" + n), s && s !== "" && h.push("last=" + s)), v && A ? parseInt(r) > parseInt(i) ? (h.push("min=" + i), h.push("max=" + r)) : (h.push("min=" + r), h.push("max=" + i)) : (v && h.push("min=" + r), A && h.push("max=" + i)), C && C !== "" && h.push("phone=" + C), l && l !== "" && h.push("city=" + l), p && p !== "" && h.push("license=" + p), u && u !== "" && h.push("vin=" + u), o && o !== "" && h.push("state=" + o), V && V !== "" && h.push("token=" + V), h.join("&");
+    return t && t !== "" && h.push("name=" + t), f || (a && a !== "" && h.push("first=" + a), n && n !== "" && h.push("middle=" + n), s && s !== "" && h.push("last=" + s)), v && A ? parseInt(r) > parseInt(i) ? (h.push("min=" + i), h.push("max=" + r)) : (h.push("min=" + r), h.push("max=" + i)) : (v && h.push("min=" + r), A && h.push("max=" + i)), C && C !== "" && h.push("phone=" + C), l && l !== "" && h.push("city=" + l), u && u !== "" && h.push("license=" + u), p && p !== "" && h.push("vin=" + p), o && o !== "" && h.push("state=" + o), V && V !== "" && h.push("token=" + V), h.join("&");
   }
   static padTo2Digits(e) {
     return e.toString().padStart(2, "0");
@@ -3090,8 +3097,8 @@ class H {
       useLocation: i = !0,
       state: l = "",
       useGoogle: o = !1,
-      useGoogleOverride: u = !1,
-      useAmazonOverride: p = !1,
+      useGoogleOverride: p = !1,
+      useAmazonOverride: u = !1,
       isSandboxAccount: V = !1,
       isOptOutSearch: C = !1
     } = t ?? {}, { tolken: f = null, ip: v = null } = await H.getHeaders(), h = [
@@ -3102,8 +3109,8 @@ class H {
       "useCityStateSearch=" + s,
       "useLocation=" + i,
       "useGoogle=" + o,
-      "useGoogleOverride=" + u,
-      "useAmazonOverride=" + p,
+      "useGoogleOverride=" + p,
+      "useAmazonOverride=" + u,
       "isSandboxAccount=" + V,
       "isOptOutSearch=" + C
     ];
@@ -3170,9 +3177,9 @@ class H {
   static async setRandomFileNameVersion(e, t = "scripts") {
     const a = Date.now(), n = typeof window < "u" ? window.location.origin : "", s = t ? `/${t}/` : "/";
     try {
-      const r = e.map(({ fileName: o, initFunctionName: u }) => import(`${n}${s}${o}?v=${a}`)), i = await Promise.all(r), l = [];
-      i.forEach((o, u) => {
-        o && typeof o[e[u].initFunctionName] == "function" ? l.push(o[e[u].initFunctionName]()) : console.error(`error loading ${e[u].initFunctionName}()`);
+      const r = e.map(({ fileName: o, initFunctionName: p }) => import(`${n}${s}${o}?v=${a}`)), i = await Promise.all(r), l = [];
+      i.forEach((o, p) => {
+        o && typeof o[e[p].initFunctionName] == "function" ? l.push(o[e[p].initFunctionName]()) : console.error(`error loading ${e[p].initFunctionName}()`);
       }), l.length > 0 && await Promise.all(l);
     } catch (r) {
       console.error("Failed to load one or more search modules:", r);