@vehiclehistory/property-lib 0.1.1 → 0.1.3

package/dist/main.es.js

@@ -1,6 +1,6 @@
 import { jsx as c, jsxs as g, Fragment as k } from "react/jsx-runtime";
 import m from "classnames";
-import { memo as b, useState as N, useEffect as E } from "react";
+import { memo as A, useState as N, useEffect as E } from "react";
 const G = {
   xxSmall: "w-4 h-4",
   xSmall: "w-5 h-5",
@@ -545,7 +545,7 @@ const G = {
       }
     }
   );
-}, x = b(Y), _ = ({
+}, x = A(Y), X = ({
   children: d,
   className: e,
   clickHandler: t,
@@ -614,7 +614,7 @@ const G = {
       ] })
     }
   );
-}, O1 = b(_), X = ({
+}, O1 = A(X), _ = ({
   children: d,
   className: e,
   messages: t = [],
@@ -645,14 +645,14 @@ const G = {
       iconColor: "text-yellow-500",
       styles: "bg-yellow-50 border-yellow-300 text-yellow-700"
     }
-  }, { icon: o, iconColor: p, styles: u } = l[i];
+  }, { icon: o, iconColor: u, styles: p } = l[i];
   return /* @__PURE__ */ c(
     "div",
     {
       id: i,
       className: m(
         "rounded w-full py-2 px-4 mb-4 border",
-        u,
+        p,
         e
       ),
       ...r,
@@ -662,7 +662,7 @@ const G = {
           {
             name: o,
             viewBox: "0 0 24 24",
-            className: p,
+            className: u,
             size: "xSmall"
           }
         ) }),
@@ -684,7 +684,7 @@ const G = {
       ] })
     }
   );
-}, I1 = b(X), T1 = ({
+}, I1 = A(_), T1 = ({
   autoFocus: d = !1,
   className: e,
   dataSearch: t = "container",
@@ -695,15 +695,15 @@ const G = {
   leftIcon: i = "homeSearch",
   leftIconProps: l = {},
   loadingIconProps: o = {},
-  mobileBackdrop: p = !1,
-  name: u = "",
+  mobileBackdrop: u = !1,
+  name: p = "",
   options: V = [],
   parentProps: M = {},
   placeholder: f = "",
   props: v = {},
-  rightIcon: A = "",
+  rightIcon: y = "",
   required: h = !1,
-  showSearchIcon: y = !0,
+  showSearchIcon: b = !0,
   showRightIcon: w = !1,
   size: C = "medium",
   styles: S = null,
@@ -724,13 +724,13 @@ const G = {
       style: S ? { ...S } : null,
       ...M,
       children: [
-        y && /* @__PURE__ */ g(
+        b && /* @__PURE__ */ g(
           "span",
           {
             className: m(
               "search-icon-left absolute inset-y-0 left-0 flex items-center ",
               {
-                "pointer-events-none": p,
+                "pointer-events-none": u,
                 "pl-2": C === "medium",
                 "pl-4": C === "large"
               }
@@ -766,8 +766,8 @@ const G = {
             className: m(
               "w-full bg-white placeholder:bg-white rounded border border-gray-300 py-2 pr-8 shadow-sm focus:outline-none sm-max:text-sm placeholder:text-gray-500 sm-max:placeholder:text-sm placeholder-shown:text-ellipsis truncate",
               {
-                "pl-8": y === !0 && C === "medium",
-                "pl-10": y === !0 && C === "large",
+                "pl-8": b === !0 && C === "medium",
+                "pl-10": b === !0 && C === "large",
                 "px-3 h-10": C === "medium",
                 "px-4 h-12": C === "large",
                 "px-5 h-[60px] sm:!text-base": C === "xLarge",
@@ -779,7 +779,7 @@ const G = {
             autoComplete: "off",
             placeholder: !f && n ? " " : f,
             type: "search",
-            name: u || "search-input",
+            name: p || "search-input",
             "data-id": "search-input",
             ...U,
             ...v
@@ -791,7 +791,7 @@ const G = {
             className: m(
               "floating-label absolute text-sm !normal-case text-gray-500 duration-300 transform -translate-y-4 scale-75 top-2 z-10 origin-[0] bg-white px-2 peer-focus:text-[#222] peer-focus:px-2 peer-focus:bg-white peer-placeholder-shown:bg-white peer-placeholder-shown:scale-100 peer-placeholder-shown:-translate-y-1/2 peer-placeholder-shown:top-1/2 peer-focus:top-2 peer-focus:scale-75 peer-focus:-translate-y-4 start-1 pointer-events-none",
               {
-                "!left-7": y === !0,
+                "!left-7": b === !0,
                 "left-2": C === "medium",
                 "left-3": C === "large",
                 "left-4": C === "xLarge"
@@ -833,12 +833,12 @@ const G = {
             )
           }
         ),
-        A && /* @__PURE__ */ c(
+        y && /* @__PURE__ */ c(
           "span",
           {
             "data-id": "right-icon",
             className: `${w ? "" : "hidden"} absolute inset-y-0 right-0 flex items-center px-2 pointer-events-none`,
-            children: /* @__PURE__ */ c(x, { name: A, size: "small", viewBox: "0 0 24 24" })
+            children: /* @__PURE__ */ c(x, { name: y, size: "small", viewBox: "0 0 24 24" })
           }
         ),
         /* @__PURE__ */ g(
@@ -906,24 +906,24 @@ const G = {
   outline: i = !1,
   props: l = {},
   rightIcon: o,
-  rightIconProps: p = {},
-  rounded: u = !1,
+  rightIconProps: u = {},
+  rounded: p = !1,
   size: V = "md",
   type: M = "button",
   uppercase: f = !1,
   variation: v = "primary"
 }) => {
-  const A = r ? "a" : "button";
+  const y = r ? "a" : "button";
   return /* @__PURE__ */ g(
-    A,
+    y,
     {
-      type: A !== "a" ? M : null,
+      type: y !== "a" ? M : null,
       className: m(
         "button",
         {
           [`button--${v}`]: v,
           [`button--${V}`]: V,
-          "button--rounded": u,
+          "button--rounded": p,
           "button--disabled": s,
           "button--outline": i,
           "button--custom-link": r,
@@ -952,13 +952,13 @@ const G = {
             name: o,
             size: V === "md" ? "small" : "xSmall",
             viewBox: "0 0 24 24",
-            ...p
+            ...u
           }
         )
       ]
     }
   );
-}, F = b(K), e1 = ({
+}, F = A(K), e1 = ({
   checked: d = !1,
   children: e,
   className: t,
@@ -969,13 +969,17 @@ const G = {
   name: i = "",
   props: l = {},
   variation: o = "primary",
-  value: p = ""
+  value: u = ""
 }) => {
-  const u = r ? "div" : "label", V = u === "label" ? { htmlFor: s } : {};
+  const p = r ? "div" : "label", V = p === "label" ? { htmlFor: s } : {};
   return /* @__PURE__ */ g(
-    u,
+    p,
     {
-      className: m("checkbox flex items-center", o, t),
+      className: m(
+        "checkbox",
+        { [`checkbox--${o}`]: o },
+        t
+      ),
       ...V,
       children: [
         /* @__PURE__ */ c(
@@ -983,7 +987,7 @@ const G = {
           {
             checked: d,
             className: m(
-              "form-checkbox ",
+              "form-checkbox",
               {
                 "!border-red-500 !bg-red-500 focus:!ring-red-500 focus:!border-red-500": a
               },
@@ -992,7 +996,7 @@ const G = {
             id: s,
             name: i,
             type: "checkbox",
-            value: p,
+            value: u,
             ...l
           }
         ),
@@ -1000,7 +1004,7 @@ const G = {
       ]
     }
   );
-}, $1 = b(e1), t1 = ({
+}, $1 = A(e1), t1 = ({
   activator: d,
   id: e,
   children: t,
@@ -1011,15 +1015,15 @@ const G = {
   disableClose: i = !1,
   footer: l,
   fullMobile: o = !0,
-  headerClass: p,
-  hideClose: u = !1,
+  headerClass: u,
+  hideClose: p = !1,
   iconSize: V = "medium",
   preventPageScroll: M = !0,
   sheet: f = !1,
   sheetDirection: v = "right",
-  stickyHeader: A = !1,
+  stickyHeader: y = !1,
   title: h = "",
-  titleClass: y,
+  titleClass: b,
   variation: w = "primary",
   useFormMethod: C = !0
 }) => {
@@ -1056,15 +1060,15 @@ const G = {
                   className: m(
                     "dialog-header",
                     {
-                      "sticky top-0 bg-white z-10": A,
+                      "sticky top-0 bg-white z-10": y,
                       "!pb-0 border-0 justify-end": !h,
                       "justify-between border-b": h
                     },
-                    p
+                    u
                   ),
                   children: [
-                    h && /* @__PURE__ */ c("h3", { className: y, children: h }),
-                    !u && /* @__PURE__ */ c(
+                    h && /* @__PURE__ */ c("div", { className: m("dialog-title", b), children: h }),
+                    !p && /* @__PURE__ */ c(
                       "button",
                       {
                         type: "button",
@@ -1105,7 +1109,7 @@ const G = {
       }
     )
   ] });
-}, q1 = b(t1), j1 = ({ className: d }) => /* @__PURE__ */ g("div", { className: m("Dots mx-auto", d), children: [
+}, q1 = A(t1), j1 = ({ className: d }) => /* @__PURE__ */ g("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" } }),
@@ -1117,7 +1121,7 @@ const G = {
 ] }), a1 = ({
   cb: d,
   onUpdate: e,
-  className: t = "",
+  className: t,
   selector: a = "",
   size: n = "md",
   timeout: s = 1e4,
@@ -1125,18 +1129,18 @@ const G = {
 }) => {
   function i({ cb: l }) {
     const o = document.querySelector(
-      `.loading-bar__inner${a ? `.${a}` : ""}`
+      `.loading-bar--inner${a ? `.${a}` : ""}`
     );
     if (!o) return;
-    let p, u, V = !1;
+    let u, p, V = !1;
     function M(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));
+      u === void 0 && (u = f);
+      const v = f - u;
+      if (p !== f) {
+        const y = v / s * 101;
+        o.style.width = `${y}%`, e && e({ elapsed: v, percentage: y }), y >= 101 && (l && l(), V = !0, window.cancelAnimationFrame(f));
       }
-      v < s && (u = f, V || window.requestAnimationFrame(M));
+      v < s && (p = f, V || window.requestAnimationFrame(M));
     }
     window.requestAnimationFrame(M);
   }
@@ -1147,19 +1151,19 @@ const G = {
     {
       className: m(
         "loading-bar my-8",
-        `loading-bar__${r}`,
+        `loading-bar--${r}`,
         {
           "h-4": n === "md",
           "h-6": n === "lg",
           "h-8": n === "xl"
         },
-        `loading-bar__${n}`,
+        `loading-bar--${n}`,
         t
       ),
-      children: /* @__PURE__ */ c("div", { className: `loading-bar__inner ${a}`, "data-size": "100" })
+      children: /* @__PURE__ */ c("div", { className: `loading-bar--inner ${a}`, "data-size": "100" })
     }
   );
-}, P1 = b(a1), n1 = ({ className: d }) => /* @__PURE__ */ c("div", { className: m("processing-spinner", d) }), R1 = b(n1), W1 = ({
+}, P1 = A(a1), n1 = ({ className: d }) => /* @__PURE__ */ c("div", { className: m("processing-spinner", d) }), R1 = A(n1), W1 = ({
   activator: d,
   activatorClass: e = "",
   attrs: t = {},
@@ -1223,7 +1227,7 @@ const G = {
   rounded: l = !0,
   showLabel: o = !1
 }) => {
-  const u = ((V, M) => {
+  const p = ((V, M) => {
     if (V) {
       const f = Number(M) / V;
       return f > 1 ? 100 : f * 100;
@@ -1250,7 +1254,7 @@ const G = {
             "h-full text-right flex items-center justify-end rounded-full",
             t
           ),
-          style: { width: `${u}%` },
+          style: { width: `${p}%` },
           children: o && /* @__PURE__ */ c(
             "span",
             {
@@ -1258,14 +1262,14 @@ const G = {
                 "font-bold text-white text-xs mr-2",
                 r
               ),
-              children: s || Math.round(u)
+              children: s || Math.round(p)
             }
           )
         }
       )
     }
   );
-}, U1 = b(s1), l1 = ({
+}, U1 = A(s1), l1 = ({
   checked: d = !1,
   children: e,
   className: t,
@@ -1277,24 +1281,22 @@ const G = {
   variation: l = "primary",
   value: o = ""
 }) => {
-  const p = s ? "div" : "label", u = p === "label" ? { htmlFor: a } : {};
+  const u = s ? "div" : "label", p = u === "label" ? { htmlFor: a } : {};
   return /* @__PURE__ */ g(
-    p,
+    u,
     {
-      className: m("radio flex items-center", t),
-      ...u,
+      className: m(
+        "radio",
+        { [`radio--${l}`]: l },
+        t
+      ),
+      ...p,
       children: [
         /* @__PURE__ */ c(
           "input",
           {
             checked: d,
-            className: m(
-              "form-radio focus:ring-2 focus:ring-offset-2 focus-within:outline-none",
-              {
-                "focus:ring-[#222]": l === "primary"
-              },
-              n
-            ),
+            className: m("form-radio", n),
             id: a,
             name: r,
             type: "radio",
@@ -1306,7 +1308,7 @@ const G = {
       ]
     }
   );
-}, G1 = b(l1), r1 = ({
+}, G1 = A(l1), r1 = ({
   className: d = "",
   error: e = !1,
   errorMessage: t = "",
@@ -1317,16 +1319,20 @@ const G = {
   placeholder: i = "",
   props: l = {},
   selectClass: o = "",
-  styles: p = null,
-  variation: u = "primary",
+  styles: u = null,
+  variation: p = "primary",
   value: V
 }) => {
   const M = i ? { defaultValue: "" } : {};
   return /* @__PURE__ */ g(
     "label",
     {
-      className: m("relative select", d, u),
-      style: p ? { ...p } : null,
+      className: m(
+        "relative select",
+        { [`select--${p}`]: p },
+        d
+      ),
+      style: u ? { ...u } : null,
       children: [
         n,
         /* @__PURE__ */ g(
@@ -1335,12 +1341,9 @@ const G = {
             className: m(
               "form-select relative bg-white pl-3 pr-10 text-left cursor-default",
               {
-                "!border-red-500 focus:!ring-red-500 focus:!border-red-500": e
+                "field-error": e
               },
-              { "!bg-red/500/10 !text-red-700": e && u !== "blue" },
-              { "!text-black-900": e && u === "blue" },
-              o,
-              u
+              o
             ),
             id: a,
             name: s,
@@ -1364,7 +1367,7 @@ const G = {
       ]
     }
   );
-}, Q1 = b(r1), i1 = ({ className: d }) => /* @__PURE__ */ g(
+}, Q1 = A(r1), i1 = ({ className: d }) => /* @__PURE__ */ g(
   "div",
   {
     className: m(
@@ -1376,7 +1379,7 @@ const G = {
       /* @__PURE__ */ c("span", { className: "sr-only", children: "Loading..." })
     ]
   }
-), J1 = b(i1), o1 = ({
+), J1 = A(i1), o1 = ({
   placeholderClass: d = "",
   children: e,
   className: t,
@@ -1411,7 +1414,7 @@ const G = {
       children: /* @__PURE__ */ c(x, { name: "chevronRight" })
     }
   )
-] }), Y1 = b(o1), c1 = ({ className: d, iconClass: e, iconProps: t = {} }) => /* @__PURE__ */ c("div", { className: m("rounded-r-md px-2 focus:outline-none", d), children: /* @__PURE__ */ c(
+] }), Y1 = A(o1), c1 = ({ 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: m("animate-spin text-black-900", e),
@@ -1420,7 +1423,7 @@ const G = {
     viewBox: "0 0 24 24",
     ...t
   }
-) }), _1 = b(c1), X1 = ({
+) }), X1 = A(c1), _1 = ({
   className: d,
   value: e
 }) => {
@@ -1448,8 +1451,8 @@ const G = {
   placeholder: i = "",
   props: l = {},
   rows: o = 4,
-  variation: p = "primary"
-}) => /* @__PURE__ */ g("div", { className: m("relative textarea", p, d), children: [
+  variation: u = "primary"
+}) => /* @__PURE__ */ g("div", { className: m("relative textarea", u, d), children: [
   /* @__PURE__ */ c(
     "textarea",
     {
@@ -1461,7 +1464,7 @@ const G = {
         "form-textarea min-h-[40px] pl-4",
         e ? "pr-10" : "pr-4",
         {
-          "!border-red-500 !bg-red-500/10 placeholder:!text-red-700 focus:!ring-red-500 focus:!border-red-500": t
+          "field-error": t
         },
         s
       ),
@@ -1484,7 +1487,7 @@ const G = {
     }
   ),
   a && /* @__PURE__ */ c("span", { className: "relative flex mt-0.5 text-red-700 text-xs text-left", children: a })
-] }), h1 = b(d1), u1 = ({
+] }), h1 = A(d1), u1 = ({
   className: d,
   clear: e = !1,
   error: t = !1,
@@ -1495,15 +1498,15 @@ const G = {
   name: i = "",
   placeholder: l = "",
   props: o = {},
-  styles: p = null,
-  type: u = "text",
+  styles: u = null,
+  type: p = "text",
   value: V,
   variation: M = "primary"
 }) => /* @__PURE__ */ g(
   "div",
   {
     className: m("relative textbox", M, d),
-    style: p ? { ...p } : null,
+    style: u ? { ...u } : 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,
@@ -1520,7 +1523,7 @@ const G = {
           placeholder: l,
           id: s,
           name: i,
-          type: u,
+          type: p,
           value: V,
           autoComplete: "off",
           className: m(
@@ -1530,9 +1533,7 @@ const G = {
             o.inputClass ?? "",
             r,
             {
-              "placeholder:!text-gray-750": t && M === "blue",
-              "!border-red-500 focus:!ring-red-500 focus:!border-red-500": t,
-              "!bg-red-500/10 placeholder:!text-red-700": t && M !== "blue"
+              "field-error": t
             }
           ),
           ...o
@@ -1556,7 +1557,7 @@ const G = {
       a && /* @__PURE__ */ c("span", { className: "relative flex mt-0.5 text-red-700 text-xs text-left", children: a })
     ]
   }
-), D = b(u1), p1 = ({ checked: d = !1, props: e = {} }) => /* @__PURE__ */ c(k, { children: /* @__PURE__ */ c("label", { className: "flex cursor-pointer select-none items-center", children: /* @__PURE__ */ g("div", { className: "relative", children: [
+), D = A(u1), p1 = ({ checked: d = !1, props: e = {} }) => /* @__PURE__ */ c(k, { children: /* @__PURE__ */ c("label", { className: "flex cursor-pointer select-none items-center", children: /* @__PURE__ */ g("div", { className: "relative", children: [
   /* @__PURE__ */ c(
     "input",
     {
@@ -1578,7 +1579,7 @@ const G = {
       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(p1), m1 = ({
+] }) }) }), K1 = A(p1), m1 = ({
   btnClass: d,
   btnProps: e = {},
   btnTitle: t = "Submit",
@@ -1679,7 +1680,7 @@ const G = {
       ]
     }
   );
-}, e2 = b(m1), f1 = ({
+}, e2 = A(m1), f1 = ({
   block: d = !1,
   children: e,
   className: t,
@@ -1690,23 +1691,23 @@ const G = {
   headerClass: i,
   list: l = !1,
   props: o = {},
-  variation: p = "primary"
+  variation: u = "primary"
 }) => {
-  const u = l ? "ul" : "div";
+  const p = l ? "ul" : "div";
   return /* @__PURE__ */ g(
     "div",
     {
       className: m(
         "content-card",
         { "content-card--block": d },
-        `content-card--${p}`,
+        `content-card--${u}`,
         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(
-          u,
+          p,
           {
             className: m("content-card__content", a),
             role: l ? "list" : null,
@@ -1717,7 +1718,7 @@ const G = {
       ]
     }
   );
-}, t2 = b(f1), V1 = ({
+}, t2 = A(f1), V1 = ({
   children: d,
   className: e,
   colGap: t = 2,
@@ -1728,7 +1729,7 @@ const G = {
   rowGap: i = 1,
   value: l,
   valueClass: o,
-  wrap: p = !1
+  wrap: u = !1
 }) => /* @__PURE__ */ g(
   "div",
   {
@@ -1737,7 +1738,7 @@ const G = {
       {
         "flex-col items-start": a === "col",
         "flex-row items-center": a === "row",
-        "flex-wrap": p
+        "flex-wrap": u
       },
       e
     ),
@@ -1752,7 +1753,7 @@ const G = {
       d
     ]
   }
-), a2 = b(V1), n2 = ({
+), a2 = A(V1), n2 = ({
   breakPage: d = !1,
   children: e,
   className: t,
@@ -1792,7 +1793,7 @@ const G = {
     ),
     children: n || e
   }
-), l2 = b(H1), C1 = {
+), l2 = A(H1), C1 = {
   circular: "circular 3s linear infinite",
   "circular-reverse": "circular 3s linear reverse infinite",
   "fade-in": "fade-in 0.2.5s ease-out",
@@ -1926,16 +1927,16 @@ const G = {
       transform: "translateX(0)"
     }
   }
-}, b1 = {
+}, A1 = {
   20: "5rem",
   24: "6rem",
   28: "7rem",
   32: "8rem"
-}, A1 = {
+}, y1 = {
   aside: "268px",
   container: "724px",
   page: "1200px"
-}, y1 = {
+}, b1 = {
   "xs-max": {
     max: "639px"
   },
@@ -1964,9 +1965,9 @@ const G = {
   fontSize: M1,
   gridTemplateColumns: g1,
   keyframes: v1,
-  margin: b1,
-  maxWidth: A1,
-  screens: y1,
+  margin: A1,
+  maxWidth: y1,
+  screens: b1,
   transitionDuration: x1,
   transformOrigin: w1
 }, T = {
@@ -2149,18 +2150,18 @@ const G = {
   weightProps: i = null
 }) => {
   const l = {};
-  Object.entries(s).forEach(([o, p]) => {
-    const u = {
-      "font-size": p,
+  Object.entries(s).forEach(([o, u]) => {
+    const p = {
+      "font-size": u,
       ...a
-    }, V = `.${e(`${t}-${o}`)}`, M = n ? n({ sizeKey: o, sizeValue: p }) : {};
+    }, V = `.${e(`${t}-${o}`)}`, M = n ? n({ sizeKey: o, sizeValue: u }) : {};
     l[V] = {
-      ...u,
+      ...p,
       ...M
     }, Object.entries(r).forEach(([f, v]) => {
-      const A = `.${e(`${t}-${o}-${f}`)}`, h = i ? i({ sizeKey: o, sizeValue: p, weightKey: f, weightValue: v }) : {};
-      l[A] = {
-        ...u,
+      const y = `.${e(`${t}-${o}-${f}`)}`, h = i ? i({ sizeKey: o, sizeValue: u, weightKey: f, weightValue: v }) : {};
+      l[y] = {
+        ...p,
         "font-weight": v,
         ...h
       };
@@ -2307,11 +2308,11 @@ function d2(d, e = []) {
 function h2({ 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], 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");
+    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");
     }));
   }
   return s;
@@ -2465,12 +2466,12 @@ class H {
     const {
       isHeads: l = null,
       isLoggedIn: o = null,
-      url: p = null,
-      ip: u = null,
+      url: u = null,
+      ip: p = null,
       sessionId: V = null,
       user: M = null
     } = (window == null ? void 0 : window.options) ?? {}, { id: f = null } = M ?? {};
-    t.userId = s ?? f, t.isHeads = l, t.isLoggedIn = o, t.url = p, await H.createData(
+    t.userId = s ?? f, t.isHeads = l, t.isLoggedIn = o, t.url = u, await H.createData(
       "/api/event",
       {
         payload: {
@@ -2479,7 +2480,7 @@ class H {
           name: n,
           userId: s ?? f,
           url: window.location.href,
-          ip: u,
+          ip: p,
           sessionId: V,
           siteMarker: r ?? i
         }
@@ -2575,8 +2576,8 @@ class H {
     try {
       const l = await fetch(i, { method: "GET" });
       if (t === !0) {
-        const p = await l.text();
-        return p ? p.replace("__next", "") : null;
+        const u = await l.text();
+        return u ? u.replace("__next", "") : null;
       }
       const o = l.headers.get("content-type");
       return o && o.indexOf("application/json") !== -1 ? l.json() : null;
@@ -2659,7 +2660,7 @@ class H {
     if ((o = window == null ? void 0 : window.options) != null && o.isPdf)
       return i;
     try {
-      const u = await (await fetch("/api/client-headers")).json(), V = (u == null ? void 0 : u.sessionId) ?? "noSessionId", M = (u == null ? void 0 : u.ip) ?? null, f = e * 1e3;
+      const p = await (await fetch("/api/client-headers")).json(), V = (p == null ? void 0 : p.sessionId) ?? "noSessionId", M = (p == null ? void 0 : p.ip) ?? null, f = e * 1e3;
       return localStorage.setItem(
         l,
         JSON.stringify({
@@ -2668,8 +2669,8 @@ class H {
           expire: (/* @__PURE__ */ new Date()).getTime() + f
         })
       ), { tolken: V, ip: M, userAgent: a, platform: r };
-    } catch (p) {
-      console.error("getHeaders", p);
+    } catch (u) {
+      console.error("getHeaders", u);
     }
     return i;
   }
@@ -2684,11 +2685,11 @@ class H {
     return await H.fetchData("/api/client?query=" + r);
   }
   static getReportUrl(e, t = 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;
+    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;
     t = t || ((e == null ? void 0 : e.id) ?? null);
-    const i = [r, "-piq", t].filter((u) => u).join("");
-    return "/" + [a, n, s].filter((u) => u).map((u) => H.toSlug(u)).join("/") + "/" + i;
+    const i = [r, "-piq", t].filter((p) => p).join("");
+    return "/" + [a, n, s].filter((p) => p).map((p) => H.toSlug(p)).join("/") + "/" + i;
   }
   static async getSearchValue(e = "recsSearchValue") {
     try {
@@ -2898,7 +2899,7 @@ class H {
     selfClose: r = !1,
     target: i = null
   }) {
-    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 = [
+    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 = [
       "closing",
       "closed",
       "opening",
@@ -2906,23 +2907,23 @@ class H {
       "outside",
       "removed"
     ].reduce(
-      (h, y) => ({
+      (h, b) => ({
         ...h,
-        [y]: new Event(y)
+        [b]: new Event(b)
       }),
       {}
-    ), V = new MutationObserver((h, y) => {
+    ), V = new MutationObserver((h, b) => {
       h.forEach(async (w) => {
         if (w.attributeName === "open") {
           const C = w.target;
           if (!(C == null ? void 0 : C.hasAttribute("open"))) return;
-          C == null || C.removeAttribute("inert"), C == null || C.dispatchEvent(u.opening), C && await A(C), C == null || C.dispatchEvent(u.opened);
+          C == null || C.removeAttribute("inert"), C == null || C.dispatchEvent(p.opening), C && await y(C), C == null || C.dispatchEvent(p.opened);
         }
       });
-    }), M = new MutationObserver((h, y) => {
+    }), M = new MutationObserver((h, b) => {
       h.forEach((w) => {
         w.removedNodes.forEach((C) => {
-          C.nodeName === "DIALOG" && (C.removeEventListener("click", v), C.removeEventListener("close", f), C.dispatchEvent(u.removed), M == null || M.disconnect(), V == null || V.disconnect());
+          C.nodeName === "DIALOG" && (C.removeEventListener("click", v), C.removeEventListener("close", f), C.dispatchEvent(p.removed), M == null || M.disconnect(), V == null || V.disconnect());
         });
       });
     });
@@ -2934,11 +2935,11 @@ class H {
       childList: !0
     }));
     const f = async ({ target: h }) => {
-      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);
+      h == null || h.classList.add("closing"), h == null || h.setAttribute("inert", ""), h == null || h.dispatchEvent(p.closing), h && await y(h), h == null || h.classList.remove("closing"), h == null || h.dispatchEvent(p.closed);
     }, v = async ({ target: h }) => {
-      (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((y) => y == null ? void 0 : y.finished)
+      (h == null ? void 0 : h.nodeName) === "DIALOG" && (h == null || h.dispatchEvent(p.outside), o == null || o.close("outside"));
+    }, y = (h) => Promise.allSettled(
+      h == null ? void 0 : h.getAnimations().map((b) => b == null ? void 0 : b.finished)
     );
     return !e && (o == null || o.addEventListener("click", v)), o == null || o.addEventListener("close", async (h) => {
       await f({ target: h.target }), a && a(h, o);
@@ -2949,11 +2950,11 @@ class H {
     })), n && (o == null || o.addEventListener("open", async (h) => {
       n(h, o);
     })), l == null || l.forEach((h) => {
-      h.addEventListener("click", (y) => {
-        o == null || o.showModal(), s && s(y, o);
+      h.addEventListener("click", (b) => {
+        o == null || o.showModal(), s && s(b, o);
       });
-    }), p == null || p.forEach((h) => {
-      h.addEventListener("click", async (y) => {
+    }), u == null || u.forEach((h) => {
+      h.addEventListener("click", async (b) => {
         o == null || o.close("close");
       });
     }), {
@@ -3100,13 +3101,13 @@ class H {
       max: i = null,
       city: l = null,
       state: o = null,
-      vin: p = null,
-      license: u = null,
+      vin: u = null,
+      license: p = null,
       token: V = null,
       phone: M = null
-    } = e || {}, f = t && t !== "", v = r && r !== "" && r !== "18", A = i && i !== "" && r !== "99";
+    } = e || {}, f = t && t !== "", v = r && r !== "" && r !== "18", y = 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)), M && M !== "" && h.push("phone=" + M), 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("&");
+    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 && y ? 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), y && h.push("max=" + i)), M && M !== "" && h.push("phone=" + M), 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("&");
   }
   static padTo2Digits(e) {
     return e.toString().padStart(2, "0");
@@ -3124,8 +3125,8 @@ class H {
       useLocation: i = !0,
       state: l = "",
       useGoogle: o = !1,
-      useGoogleOverride: p = !1,
-      useAmazonOverride: u = !1,
+      useGoogleOverride: u = !1,
+      useAmazonOverride: p = !1,
       isSandboxAccount: V = !1,
       isOptOutSearch: M = !1
     } = t ?? {}, { tolken: f = null, ip: v = null } = await H.getHeaders(), h = [
@@ -3136,13 +3137,13 @@ class H {
       "useCityStateSearch=" + s,
       "useLocation=" + i,
       "useGoogle=" + o,
-      "useGoogleOverride=" + p,
-      "useAmazonOverride=" + u,
+      "useGoogleOverride=" + u,
+      "useAmazonOverride=" + p,
       "isSandboxAccount=" + V,
       "isOptOutSearch=" + M
     ];
     l && l !== "" && !s && h.push("state=" + l), f && f !== "" && h.push("tolken=" + f), v && v !== "" && h.push("ip=" + v);
-    const y = h.join("&"), C = (n || s ? "/api/autocomplete-city" : "/api/autocomplete") + "?" + y;
+    const b = h.join("&"), C = (n || s ? "/api/autocomplete-city" : "/api/autocomplete") + "?" + b;
     return await H.fetchData(C);
   }
   static removeElements(e) {
@@ -3204,9 +3205,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: 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}()`);
+      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}()`);
       }), l.length > 0 && await Promise.all(l);
     } catch (r) {
       console.error("Failed to load one or more search modules:", r);
@@ -3321,9 +3322,9 @@ export {
   J1 as Skeleton,
   Y1 as Slider,
   n2 as Spacer,
-  _1 as Spinner,
+  X1 as Spinner,
   s2 as StackedListItem,
-  X1 as Stars,
+  _1 as Stars,
   h1 as TextArea,
   D as Textbox,
   K1 as Toggle,