@vehiclehistory/property-lib 0.0.21 → 0.0.22

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

@@ -1,11 +1,12 @@
 import { ReactNode, NamedExoticComponent } from 'react';
 declare const _default: NamedExoticComponent<{
-    leftIcon?: string;
-    leftIconProps?: object;
+    borderless?: boolean;
     children?: ReactNode;
     className?: string;
     disabled?: boolean;
     href?: string;
+    leftIcon?: string;
+    leftIconProps?: object;
     props?: any;
     rightIcon?: string;
     rightIconProps?: object;

package/dist/main.js

@@ -477,7 +477,7 @@ const F = {
   size: a = "medium",
   viewBox: n = "0 0 20 20"
 }) => {
-  const l = j(t), [i, s] = Z(d), [r, c] = Z(l);
+  const l = j(t), [r, s] = Z(d), [i, c] = Z(l);
   return k(() => {
     c(l);
   }, [l]), k(() => {
@@ -486,12 +486,12 @@ const F = {
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
-      className: `${F[a]} fill-current flex-shrink-0 ${i}${e ? ` ${e}` : ""}`,
+      className: `${F[a]} fill-current flex-shrink-0 ${r}${e ? ` ${e}` : ""}`,
       style: { maxWidth: "4em" },
       role: "presentation",
       viewBox: n,
       dangerouslySetInnerHTML: {
-        __html: r && r.path
+        __html: i && i.path
       }
     }
   );
@@ -502,9 +502,9 @@ const F = {
   panelClass: a,
   title: n,
   unmount: l = !0,
-  isOpen: i = !1
+  isOpen: r = !1
 }) => {
-  const [s, r] = Z(i);
+  const [s, i] = Z(r);
   return /* @__PURE__ */ o("div", { className: m("shadow rounded-lg", e), children: /* @__PURE__ */ g(z, { children: [
     /* @__PURE__ */ g(
       "button",
@@ -519,7 +519,7 @@ const F = {
         ),
         title: n,
         onClick: () => {
-          r(!s), t && t(!s);
+          i(!s), t && t(!s);
         },
         children: [
           /* @__PURE__ */ o("div", { className: "font-medium text-slate-700 sm-max:!text-base text-lg flex items-center", children: n }),
@@ -563,7 +563,7 @@ const F = {
   title: a = "",
   titleClass: n = "",
   props: l = {},
-  type: i = "error"
+  type: r = "error"
 }) => {
   const s = {
     error: {
@@ -586,11 +586,11 @@ const F = {
       iconColor: "text-yellow-500",
       styles: "bg-yellow-50 border-yellow-300 text-yellow-700"
     }
-  }, { icon: r, iconColor: c, styles: h } = s[i];
+  }, { icon: i, iconColor: c, styles: h } = s[r];
   return /* @__PURE__ */ o(
     "div",
     {
-      id: i,
+      id: r,
       className: m(
         "rounded w-full py-2 px-4 mb-4 border",
         h,
@@ -601,7 +601,7 @@ const F = {
         /* @__PURE__ */ o("div", { className: "flex-shrink-0", children: /* @__PURE__ */ o(
           b,
           {
-            name: r,
+            name: i,
             viewBox: "0 0 24 24",
             className: c,
             size: "xSmall"
@@ -609,7 +609,7 @@ const F = {
         ) }),
         /* @__PURE__ */ g("div", { className: "ml-3", children: [
           /* @__PURE__ */ o("div", { className: m("font-medium text-sm", n), children: a }),
-          t.length > 0 ? /* @__PURE__ */ o("div", { className: "mt-2 text-xs", children: /* @__PURE__ */ o("ul", { role: "list", className: "list-disc space-y-1 pl-5", children: t.map((u, C) => /* @__PURE__ */ o("li", { children: u }, C)) }) }) : ""
+          t.length > 0 ? /* @__PURE__ */ o("div", { className: "mt-2 text-xs", children: /* @__PURE__ */ o("ul", { role: "list", className: "list-disc space-y-1 pl-5", children: t.map((u, f) => /* @__PURE__ */ o("li", { children: u }, f)) }) }) : ""
         ] })
       ] })
     }
@@ -621,16 +621,16 @@ const F = {
   defaultValue: a = "",
   id: n = "",
   type: l,
-  floatingLabel: i = "",
+  floatingLabel: r = "",
   inputClass: s = "",
-  leftIcon: r = "homeSearch",
+  leftIcon: i = "homeSearch",
   mobileBackdrop: c = !1,
   showSearchIcon: h = !0,
   options: u = [],
-  name: C = "",
+  name: f = "",
   placeholder: M = "",
   props: A = {},
-  size: f = "medium",
+  size: H = "medium",
   styles: p = null,
   title: V = ""
 }) => /* @__PURE__ */ g(
@@ -656,8 +656,8 @@ const F = {
               b,
               {
                 className: "home-search select-none text-gray-500",
-                name: r,
-                size: f === "xLarge" ? "small" : "xSmall",
+                name: i,
+                size: H === "xLarge" ? "small" : "xSmall",
                 viewBox: "0 0 24 24"
               }
             ),
@@ -666,7 +666,7 @@ const F = {
               {
                 className: "arrow-left select-none text-gray-500 hidden",
                 name: "arrowLeft",
-                size: f === "xLarge" ? "small" : "xSmall",
+                size: H === "xLarge" ? "small" : "xSmall",
                 viewBox: "0 0 24 24"
               }
             )
@@ -682,36 +682,36 @@ const F = {
             "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": h === !0,
-              "px-3 h-10": f === "medium",
-              "px-4 h-12": f === "large",
-              "px-5 h-[60px] sm:!text-base": f === "xLarge",
-              peer: i
+              "px-3 h-10": H === "medium",
+              "px-4 h-12": H === "large",
+              "px-5 h-[60px] sm:!text-base": H === "xLarge",
+              peer: r
             },
             s
           ),
           required: e,
           autoComplete: "off",
           value: a,
-          placeholder: !M && i ? " " : M,
+          placeholder: !M && r ? " " : M,
           type: "search",
-          name: C || "search-input",
+          name: f || "search-input",
           "data-id": "search-input",
           ...A
         }
       ),
-      i && /* @__PURE__ */ o(
+      r && /* @__PURE__ */ o(
         "label",
         {
           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": h === !0,
-              "left-2": f === "medium",
-              "left-3": f === "large",
-              "left-4": f === "xLarge"
+              "left-2": H === "medium",
+              "left-3": H === "large",
+              "left-4": H === "xLarge"
             }
           ),
-          children: i
+          children: r
         }
       ),
       /* @__PURE__ */ o(
@@ -800,59 +800,61 @@ const F = {
     children: d
   }
 ), v1 = Q, G = ({
-  leftIcon: d,
-  leftIconProps: e = {},
-  children: t,
-  className: a = "",
-  disabled: n = !1,
-  href: l,
-  props: i = {},
-  rightIcon: s,
-  rightIconProps: r = {},
-  rounded: c = !1,
-  size: h = "md",
-  type: u = "button",
-  uppercase: C = !1,
-  variation: M = "primary"
+  borderless: d = !1,
+  leftIcon: e,
+  leftIconProps: t = {},
+  children: a,
+  className: n = "",
+  disabled: l = !1,
+  href: r,
+  props: s = {},
+  rightIcon: i,
+  rightIconProps: c = {},
+  rounded: h = !1,
+  size: u = "md",
+  type: f = "button",
+  uppercase: M = !1,
+  variation: A = "primary"
 }) => {
-  const A = l ? "a" : "button";
+  const H = r ? "a" : "button";
   return /* @__PURE__ */ g(
-    A,
+    H,
     {
-      type: A !== "a" ? u : null,
+      type: H !== "a" ? f : null,
       className: m(
         "Button",
         {
-          [`Button--${M}`]: M,
-          [`Button--${h}`]: h,
-          "Button--rounded": c,
-          "Button--disabled": n,
-          "Button--custom-link": l,
-          "Button--uppercase": C
+          [`Button--${A}`]: A,
+          [`Button--${u}`]: u,
+          "Button--rounded": h,
+          "Button--disabled": l,
+          "Button--custom-link": r,
+          "Button--uppercase": M,
+          "Button--borderless": d
         },
-        a
+        n
       ),
-      disabled: n,
-      href: l,
-      ...i,
+      disabled: l,
+      href: r,
+      ...s,
       children: [
-        d && /* @__PURE__ */ o(
+        e && /* @__PURE__ */ o(
           b,
           {
-            name: d,
-            size: "small",
+            name: e,
+            size: u === "md" ? "small" : "xSmall",
             viewBox: "0 0 24 24",
-            ...e
+            ...t
           }
         ),
-        t,
-        s && /* @__PURE__ */ o(
+        a,
+        i && /* @__PURE__ */ o(
           b,
           {
-            name: s,
-            size: "small",
+            name: i,
+            size: u === "md" ? "small" : "xSmall",
             viewBox: "0 0 24 24",
-            ...r
+            ...c
           }
         )
       ]
@@ -865,7 +867,7 @@ const F = {
   className: a = "",
   divider: n = !0,
   inset: l = !0,
-  id: i = null,
+  id: r = null,
   role: s = null
 }) => /* @__PURE__ */ o(
   "div",
@@ -880,7 +882,7 @@ const F = {
       },
       a
     ),
-    id: i,
+    id: r,
     role: s,
     children: t
   }
@@ -891,16 +893,16 @@ const F = {
   error: a = !1,
   id: n = "",
   label: l = "",
-  name: i = "",
+  name: r = "",
   props: s = {},
-  variation: r = "primary",
+  variation: i = "primary",
   value: c = ""
 }) => {
   const h = l ? "div" : "label", u = h === "label" ? { htmlFor: n } : {};
   return /* @__PURE__ */ g(
     h,
     {
-      className: m("checkbox flex items-center", r, t),
+      className: m("checkbox flex items-center", i, t),
       ...u,
       children: [
         /* @__PURE__ */ o(
@@ -911,7 +913,7 @@ const F = {
               "!border-red-500 !bg-red-500 focus:!ring-red-500 focus:!border-red-500": a
             }),
             id: n,
-            name: i,
+            name: r,
             type: "checkbox",
             value: c,
             ...s
@@ -954,13 +956,13 @@ const F = {
   className: a = "",
   contentClass: n = "",
   dark: l = !1,
-  footer: i,
+  footer: r,
   fullMobile: s = !0,
-  headerClass: r = "",
+  headerClass: i = "",
   hideClose: c = !1,
   iconSize: h = "medium",
   preventPageScroll: u = !0,
-  stickyHeader: C = !1,
+  stickyHeader: f = !1,
   title: M = "",
   titleClass: A = ""
 }) => /* @__PURE__ */ g(z, { children: [
@@ -986,11 +988,11 @@ const F = {
             className: m(
               "dialog-header flex items-center p-4",
               {
-                "sticky top-0 bg-white z-10": C,
+                "sticky top-0 bg-white z-10": f,
                 "!pb-0 border-0 justify-end": !M,
                 "justify-between border-b": M
               },
-              r
+              i
             ),
             children: [
               M && /* @__PURE__ */ o("h3", { id: `${e}-dialog-title`, className: A, children: M }),
@@ -1023,7 +1025,7 @@ const F = {
             children: t
           }
         ),
-        i && /* @__PURE__ */ o("footer", { id: `${e}-dialog-footer`, className: "dialog-footer", children: i })
+        r && /* @__PURE__ */ o("footer", { id: `${e}-dialog-footer`, className: "dialog-footer", children: r })
       ] })
     }
   )
@@ -1034,16 +1036,16 @@ const F = {
   className: a = "",
   contentClass: n = "",
   onClose: l,
-  disableOutsideClick: i = !1,
+  disableOutsideClick: r = !1,
   footer: s,
-  fullMobile: r = !0,
+  fullMobile: i = !0,
   headerClass: c = "",
   hideClose: h = !1,
   iconSize: u = "medium",
-  isOpen: C = !1,
+  isOpen: f = !1,
   setDialogOpen: M,
   stickyHeader: A = !1,
-  title: f = "",
+  title: H = "",
   titleClass: p = ""
 }) => {
   const V = I(null), w = async () => {
@@ -1058,8 +1060,8 @@ const F = {
   );
   return k(() => {
     const x = V.current;
-    x && (C ? x.showModal() : typeof x.close == "function" && x.close());
-  }, [C]), /* @__PURE__ */ g(z, { children: [
+    x && (f ? x.showModal() : typeof x.close == "function" && x.close());
+  }, [f]), /* @__PURE__ */ g(z, { children: [
     d && /* @__PURE__ */ o("span", { id: `${e}-dialog-activator`, onClick: () => M(!0), children: d }),
     /* @__PURE__ */ g(
       "dialog",
@@ -1069,13 +1071,13 @@ const F = {
         className: m(
           "dialog",
           {
-            hidden: !C,
-            "xs-max:h-full xs-max:max-h-full": r
+            hidden: !f,
+            "xs-max:h-full xs-max:max-h-full": i
           },
           a
         ),
         onKeyDown: v,
-        onClick: (x) => i ? null : N(x),
+        onClick: (x) => r ? null : N(x),
         children: [
           /* @__PURE__ */ g(
             "header",
@@ -1086,7 +1088,7 @@ const F = {
                 c
               ),
               children: [
-                /* @__PURE__ */ o("h3", { id: `${e}-dialog-title`, className: p, children: f || "" }),
+                /* @__PURE__ */ o("h3", { id: `${e}-dialog-title`, className: p, children: H || "" }),
                 !h && /* @__PURE__ */ o(
                   "button",
                   {
@@ -1144,18 +1146,18 @@ const F = {
   timeout: a = 1e4,
   variation: n = "primary"
 }) => {
-  function l({ cb: i }) {
+  function l({ cb: r }) {
     const s = document.querySelector(".loading-bar__inner");
     if (!s) return;
-    let r, c, h = !1;
-    function u(C) {
-      r === void 0 && (r = C);
-      const M = C - r;
-      if (c !== C) {
+    let i, c, h = !1;
+    function u(f) {
+      i === void 0 && (i = f);
+      const M = f - i;
+      if (c !== f) {
         const A = M / a * 101;
-        s.style.width = `${A}%`, A >= 101 && (i && i(), h = !0, window.cancelAnimationFrame(C));
+        s.style.width = `${A}%`, A >= 101 && (r && r(), h = !0, window.cancelAnimationFrame(f));
       }
-      M < a && (c = C, h || window.requestAnimationFrame(u));
+      M < a && (c = f, h || window.requestAnimationFrame(u));
     }
     window.requestAnimationFrame(u);
   }
@@ -1196,9 +1198,9 @@ const F = {
   options: a = {},
   children: n,
   className: l = "",
-  containerClass: i = "",
+  containerClass: r = "",
   disabled: s = !1,
-  id: r = "",
+  id: i = "",
   trigger: c = "click"
 }) => /* @__PURE__ */ g(z, { children: [
   /* @__PURE__ */ o(
@@ -1210,7 +1212,7 @@ const F = {
         {
           className: m(
             "popover-container rounded border bg-gray-50 border-gray-300 shadow-md text-gray-500 animate-menu-close",
-            i
+            r
           ),
           children: [
             n,
@@ -1247,13 +1249,13 @@ const F = {
   className: a,
   completed: n = 0,
   maxCompleted: l = 100,
-  rounded: i = !0,
+  rounded: r = !0,
   showLabel: s = !1
 }) => {
   const c = ((h, u) => {
     if (h) {
-      const C = Number(u) / h;
-      return C > 1 ? 100 : C * 100;
+      const f = Number(u) / h;
+      return f > 1 ? 100 : f * 100;
     }
     return n;
   })(l, n);
@@ -1262,7 +1264,7 @@ const F = {
     {
       className: m(
         "w-full bg-gray-200",
-        { "rounded-full": i },
+        { "rounded-full": r },
         a
       ),
       role: "progressbar",
@@ -1290,9 +1292,9 @@ const F = {
   id: a = "",
   label: n = "",
   name: l = "",
-  props: i = {},
+  props: r = {},
   variation: s = "primary",
-  value: r = ""
+  value: i = ""
 }) => {
   const c = n ? "div" : "label", h = c === "label" ? { htmlFor: a } : {};
   return /* @__PURE__ */ g(
@@ -1314,8 +1316,8 @@ const F = {
             id: a,
             name: l,
             type: "radio",
-            value: r,
-            ...i
+            value: i,
+            ...r
           }
         ),
         e
@@ -1329,20 +1331,20 @@ const F = {
   errorMessage: a = "",
   id: n = "",
   label: l = "",
-  name: i = "",
+  name: r = "",
   options: s = [],
-  placeholder: r = "",
+  placeholder: i = "",
   props: c = {},
   selectClass: h = "",
   styles: u = null,
-  variation: C = "primary",
+  variation: f = "primary",
   value: M
 }) => {
-  const A = r ? { defaultValue: "" } : {};
+  const A = i ? { defaultValue: "" } : {};
   return /* @__PURE__ */ g(
     "label",
     {
-      className: m("relative select", e, C),
+      className: m("relative select", e, f),
       style: u ? { ...u } : null,
       children: [
         l,
@@ -1355,19 +1357,19 @@ const F = {
               h
             ),
             id: n,
-            name: i,
+            name: r,
             value: M,
             ...A,
             ...c,
             children: [
-              r && /* @__PURE__ */ o("option", { hidden: !0, value: "", children: r }),
-              s.map((f, p) => /* @__PURE__ */ o(
+              i && /* @__PURE__ */ o("option", { hidden: !0, value: "", children: i }),
+              s.map((H, p) => /* @__PURE__ */ o(
                 "option",
                 {
-                  value: (f == null ? void 0 : f.id) || (f == null ? void 0 : f.value) || f,
-                  children: (f == null ? void 0 : f.name) || f
+                  value: (H == null ? void 0 : H.id) || (H == null ? void 0 : H.value) || H,
+                  children: (H == null ? void 0 : H.name) || H
                 },
-                (f == null ? void 0 : f.name) || f
+                (H == null ? void 0 : H.name) || H
               ))
             ]
           }
@@ -1405,13 +1407,13 @@ const F = {
       children: /* @__PURE__ */ o(b, { name: "chevronLeft" })
     }
   ),
-  /* @__PURE__ */ o("div", { id: `slider-container-${a}`, className: "slider-container", children: Array.from({ length: 4 }, (l, i) => /* @__PURE__ */ o(
+  /* @__PURE__ */ o("div", { id: `slider-container-${a}`, className: "slider-container", children: Array.from({ length: 4 }, (l, r) => /* @__PURE__ */ o(
     "div",
     {
       className: `slider-card bg-gray-200 animate-pulse ${d}`,
       children: /* @__PURE__ */ o("div", { className: `slider-card-action ${n ? "p-4" : ""}`, children: e })
     },
-    i
+    r
   )) }),
   /* @__PURE__ */ o(
     "button",
@@ -1447,9 +1449,9 @@ const F = {
   errorMessage: a = "",
   id: n = "",
   inputClass: l = "",
-  name: i = "",
+  name: r = "",
   placeholder: s = "",
-  props: r = {},
+  props: i = {},
   rows: c = 4,
   variation: h = "primary"
 }) => /* @__PURE__ */ g("div", { className: m("relative textarea", h, d), children: [
@@ -1458,7 +1460,7 @@ const F = {
     {
       placeholder: s,
       id: n,
-      name: i,
+      name: r,
       rows: c,
       className: m(
         "form-textarea min-h-[40px] pl-4",
@@ -1466,7 +1468,7 @@ const F = {
         t ? "!border-red-500 !bg-red-500/10 placeholder:!text-red-700 focus:!ring-red-500 focus:!border-red-500" : "",
         l
       ),
-      ...r
+      ...i
     }
   ),
   e && /* @__PURE__ */ o(
@@ -1492,13 +1494,13 @@ const F = {
   errorMessage: a = "",
   iconLeft: n = "",
   id: l = "",
-  inputClass: i = "",
+  inputClass: r = "",
   name: s = "",
-  placeholder: r = "",
+  placeholder: i = "",
   props: c = {},
   styles: h = null,
   type: u = "text",
-  value: C,
+  value: f,
   variation: M = "primary"
 }) => /* @__PURE__ */ g(
   "div",
@@ -1518,11 +1520,11 @@ const F = {
       /* @__PURE__ */ o(
         "input",
         {
-          placeholder: r,
+          placeholder: i,
           id: l,
           name: s,
           type: u,
-          value: C,
+          value: f,
           autoComplete: "off",
           className: m(
             "form-input",
@@ -1532,7 +1534,7 @@ const F = {
               "!border-red-500 !bg-red-500/10 placeholder:!text-red-700 focus:!ring-red-500 focus:!border-red-500": t
             },
             c.inputClass ?? "",
-            i
+            r
           ),
           ...c
         }
@@ -1565,12 +1567,12 @@ const F = {
     children: a || d
   }
 ), j1 = y(m1);
-class H {
+class C {
   static calcCrow(e, t, a, n) {
-    const i = H.toRad(a - e), s = H.toRad(n - t);
-    e = H.toRad(e), a = H.toRad(a);
-    const r = Math.sin(i / 2) * Math.sin(i / 2) + Math.sin(s / 2) * Math.sin(s / 2) * Math.cos(e) * Math.cos(a);
-    return 6371 * (2 * Math.atan2(Math.sqrt(r), Math.sqrt(1 - r)));
+    const r = C.toRad(a - e), s = C.toRad(n - t);
+    e = C.toRad(e), a = C.toRad(a);
+    const i = Math.sin(r / 2) * Math.sin(r / 2) + Math.sin(s / 2) * Math.sin(s / 2) * Math.cos(e) * Math.cos(a);
+    return 6371 * (2 * Math.atan2(Math.sqrt(i), Math.sqrt(1 - i)));
   }
   static cleanupAddress(e) {
     return e.split(" ").map((a) => a.split("-")[0]).join(" ").trim();
@@ -1583,9 +1585,9 @@ class H {
       return;
     window.dataLayer = window.dataLayer || [];
     const t = document.querySelectorAll("[data-div-track]");
-    typeof H == "function" && t.forEach((a) => {
+    typeof C == "function" && t.forEach((a) => {
       a.addEventListener("click", () => {
-        H.clickTrackEvent(a.dataset.divTrack);
+        C.clickTrackEvent(a.dataset.divTrack);
       });
     });
   }
@@ -1599,13 +1601,13 @@ class H {
   static async createData(e, t = null, a = !0) {
     if (options.isBot || !t)
       return null;
-    const { tolken: n = null, ip: l = null } = await H.getHeaders(), i = a === !1 ? "" : "&tolken=" + n + "&ip=" + l, s = e + i, r = typeof t == "string" ? t : JSON.stringify(t);
+    const { tolken: n = null, ip: l = null } = await C.getHeaders(), r = a === !1 ? "" : "&tolken=" + n + "&ip=" + l, s = e + r, i = typeof t == "string" ? t : JSON.stringify(t);
     try {
       const c = await fetch(s, {
         method: "POST",
-        body: r === "null" ? null : r,
+        body: i === "null" ? null : i,
         headers: {
-          website: H.getWebsiteHeaderName()
+          website: C.getWebsiteHeaderName()
         }
       }), h = c.headers.get("content-type");
       if (h && h.indexOf("application/json") !== -1)
@@ -1622,7 +1624,7 @@ class H {
   }
   static async deleteSearchValue(e = "recsSearchValue") {
     try {
-      return await H.createData(`/api/cookie/remove?name=${e}`);
+      return await C.createData(`/api/cookie/remove?name=${e}`);
     } catch (t) {
       console.error("deleteSearchValue", t.message);
     }
@@ -1673,17 +1675,17 @@ class H {
   static async fetchData(e, t = !1, a = !0) {
     if (options.isBot)
       return null;
-    const { tolken: n = null, ip: l = null } = await H.getHeaders(), s = e.replace("#", "").replace("%23", "") + "&tolken=" + n + "&ip=" + l;
+    const { tolken: n = null, ip: l = null } = await C.getHeaders(), s = e.replace("#", "").replace("%23", "") + "&tolken=" + n + "&ip=" + l;
     try {
-      const r = await fetch(s, { method: "GET" });
+      const i = await fetch(s, { method: "GET" });
       if (t === !0) {
-        const h = await r.text();
+        const h = await i.text();
         return h ? h.replace("__next", "") : null;
       }
-      const c = r.headers.get("content-type");
-      return c && c.indexOf("application/json") !== -1 ? r.json() : null;
-    } catch (r) {
-      console.error("fetchData", r, e);
+      const c = i.headers.get("content-type");
+      return c && c.indexOf("application/json") !== -1 ? i.json() : null;
+    } catch (i) {
+      console.error("fetchData", i, e);
     }
     return null;
   }
@@ -1693,8 +1695,8 @@ class H {
   }
   static formatDate(e = null) {
     return e ? (e = new Date(e), [
-      H.padTo2Digits(e.getMonth() + 1),
-      H.padTo2Digits(e.getDate()),
+      C.padTo2Digits(e.getMonth() + 1),
+      C.padTo2Digits(e.getDate()),
       e.getFullYear()
     ].join("-")) : null;
   }
@@ -1711,12 +1713,12 @@ class H {
         swLng: 0
       };
     const n = e.getBounds();
-    let l = n.getSouth(), i = n.getEast(), s = n.getNorth(), r = n.getWest();
-    return a && (l = l - a, i = i + a, s = s + a, r = r - a), t && (l = l.toFixed(t), i = i.toFixed(t), s = s.toFixed(t), r = r.toFixed(t)), {
+    let l = n.getSouth(), r = n.getEast(), s = n.getNorth(), i = n.getWest();
+    return a && (l = l - a, r = r + a, s = s + a, i = i - a), t && (l = l.toFixed(t), r = r.toFixed(t), s = s.toFixed(t), i = i.toFixed(t)), {
       swLat: l,
-      neLng: i,
+      neLng: r,
       neLat: s,
-      swLng: r
+      swLng: i
     };
   }
   static getFirstN(e, t = 5) {
@@ -1748,20 +1750,20 @@ class H {
       userAgent: t = null,
       userAgentData: a = null,
       platform: n = null
-    } = navigator || {}, l = (a == null ? void 0 : a.platform) ?? n, i = {
+    } = navigator || {}, l = (a == null ? void 0 : a.platform) ?? n, r = {
       tolken: null,
       ip: null,
       userAgent: t,
       platform: l
     };
     if (options && options.isBot || typeof window.localStorage > "u")
-      return i;
+      return r;
     const s = localStorage.getItem("headerTolken");
     if (s) {
-      const r = JSON.parse(s), c = (/* @__PURE__ */ new Date()).getTime();
-      return r.expire - c < 0 && localStorage.removeItem("headerTolken"), {
-        tolken: r.tolken,
-        ip: r.ip,
+      const i = JSON.parse(s), c = (/* @__PURE__ */ new Date()).getTime();
+      return i.expire - c < 0 && localStorage.removeItem("headerTolken"), {
+        tolken: i.tolken,
+        ip: i.ip,
         userAgent: t,
         platform: l
       };
@@ -1776,10 +1778,10 @@ class H {
           expire: (/* @__PURE__ */ new Date()).getTime() + e * 1e3
         })
       ), { tolken: h, ip: u, userAgent: t, platform: l };
-    } catch (r) {
-      console.error("getHeaders", r);
+    } catch (i) {
+      console.error("getHeaders", i);
     }
-    return i;
+    return r;
   }
   static getLayerTitle(e) {
     return {
@@ -1788,19 +1790,19 @@ class H {
     }[e];
   }
   static async getLocationData(e) {
-    const { swLat: t, neLng: a, neLat: n, swLng: l } = H.getBounds(e, 3, 0.05), i = "zip-location&swLat=" + t + "&neLng=" + a + "&neLat=" + n + "&swLng=" + l;
-    return await H.fetchData("/api/client?query=" + i);
+    const { swLat: t, neLng: a, neLat: n, swLng: l } = C.getBounds(e, 3, 0.05), r = "zip-location&swLat=" + t + "&neLng=" + a + "&neLat=" + n + "&swLng=" + l;
+    return await C.fetchData("/api/client?query=" + r);
   }
   static getReportUrl(e, t = null) {
-    var r, c, h;
-    const a = ((r = e == null ? void 0 : e.state) == null ? void 0 : r.slug) ?? null, n = ((c = e == null ? void 0 : e.city) == null ? void 0 : c.slug) ?? null, l = ((h = e == null ? void 0 : e.name) == null ? void 0 : h.slug) ?? null, i = (e == null ? void 0 : e.zip) ?? null;
+    var i, c, h;
+    const a = ((i = e == null ? void 0 : e.state) == null ? void 0 : i.slug) ?? null, n = ((c = e == null ? void 0 : e.city) == null ? void 0 : c.slug) ?? null, l = ((h = e == null ? void 0 : e.name) == null ? void 0 : h.slug) ?? null, r = (e == null ? void 0 : e.zip) ?? null;
     t = t || ((e == null ? void 0 : e.id) ?? null);
-    const s = [i, "-piq", t].filter((u) => u).join("");
-    return "/" + [a, n, l].filter((u) => u).map((u) => H.toSlug(u)).join("/") + "/" + s;
+    const s = [r, "-piq", t].filter((u) => u).join("");
+    return "/" + [a, n, l].filter((u) => u).map((u) => C.toSlug(u)).join("/") + "/" + s;
   }
   static async getSearchValue(e = "recsSearchValue") {
     try {
-      return await H.createData(`/api/cookie/fetch?name=${e}`);
+      return await C.createData(`/api/cookie/fetch?name=${e}`);
     } catch (t) {
       console.error("getSearchValue", t.message);
     }
@@ -1925,7 +1927,7 @@ class H {
         return e;
     }
     try {
-      return await H.createData("/api/cookie/fetch?name=odrUser");
+      return await C.createData("/api/cookie/fetch?name=odrUser");
     } catch (e) {
       console.error("getUser", e.message);
     }
@@ -1941,7 +1943,7 @@ class H {
         uuid: t
       }
     });
-    return await H.makeSearchFetchCall(
+    return await C.makeSearchFetchCall(
       `/api/client?query=user-get-history&filter=${a}`
     );
   }
@@ -1959,18 +1961,18 @@ class H {
   static gridTest(e, t, a = 1500) {
     const n = this;
     L.GridLayer.GridDebug = L.GridLayer.extend({
-      createTile: function(l, i) {
+      createTile: function(l, r) {
         const s = document.createElement("div");
         return setTimeout(() => {
-          i(null, s);
-          const { se: r, nw: c } = n.getGridBounds({
+          r(null, s);
+          const { se: i, nw: c } = n.getGridBounds({
             map: e,
             tileSize: this.getTileSize(),
             coords: l
           });
           t({
-            swLat: r.lat,
-            neLng: r.lng,
+            swLat: i.lat,
+            neLng: i.lng,
             neLat: c.lat,
             swLng: c.lng,
             coords: l,
@@ -1999,7 +2001,7 @@ class H {
     onClose: n = null,
     disableOutsideClick: l = !1
   }) {
-    const i = e ? document.querySelectorAll(e) : [], s = document.getElementById(t + "-dialog"), r = document.querySelectorAll("[data-dialog-close]"), c = ["closing", "closed", "opening", "opened", "removed"].reduce(
+    const r = e ? document.querySelectorAll(e) : [], s = document.getElementById(t + "-dialog"), i = document.querySelectorAll("[data-dialog-close]"), c = ["closing", "closed", "opening", "opened", "removed"].reduce(
       (p, V) => ({
         ...p,
         [V]: new Event(V)
@@ -2010,7 +2012,7 @@ class H {
         if (w.attributeName === "open") {
           const v = w.target;
           if (!(v == null ? void 0 : v.hasAttribute("open"))) return;
-          v == null || v.removeAttribute("inert"), v == null || v.dispatchEvent(c.opening), v && await f(v), v == null || v.dispatchEvent(c.opened);
+          v == null || v.removeAttribute("inert"), v == null || v.dispatchEvent(c.opening), v && await H(v), v == null || v.dispatchEvent(c.opened);
         }
       });
     }), u = new MutationObserver((p, V) => {
@@ -2027,39 +2029,39 @@ class H {
       subtree: !1,
       childList: !0
     }));
-    const C = () => {
+    const f = () => {
       s == null || s.showModal();
     }, M = async ({ target: p }) => {
-      p == null || p.classList.add("closing"), p == null || p.setAttribute("inert", ""), p == null || p.dispatchEvent(c.closing), p && await f(p), p == null || p.classList.remove("closing"), p == null || p.dispatchEvent(c.closed);
+      p == null || p.classList.add("closing"), p == null || p.setAttribute("inert", ""), p == null || p.dispatchEvent(c.closing), p && await H(p), p == null || p.classList.remove("closing"), p == null || p.dispatchEvent(c.closed);
     }, A = async ({ target: p }) => {
       (p == null ? void 0 : p.nodeName) === "DIALOG" && (s == null || s.close("outside"));
-    }, f = (p) => Promise.allSettled(
+    }, H = (p) => Promise.allSettled(
       p == null ? void 0 : p.getAnimations().map((V) => V == null ? void 0 : V.finished)
     );
-    return !l && (s == null || s.addEventListener("click", A)), s == null || s.addEventListener("close", M), i == null || i.forEach((p) => {
+    return !l && (s == null || s.addEventListener("click", A)), s == null || s.addEventListener("close", M), r == null || r.forEach((p) => {
       p.addEventListener("click", (V) => {
-        C(), a && a(V, s);
+        f(), a && a(V, s);
       });
-    }), r == null || r.forEach((p) => {
+    }), i == null || i.forEach((p) => {
       p.addEventListener("click", async (V) => {
         s == null || s.close("close"), n && n(V, s);
       });
     }), {
-      activators: i,
+      activators: r,
       ref: s,
-      handleOpen: C,
+      handleOpen: f,
       handleClose: M
     };
   }
   static hasBoundsEntry(e, t = "bounds") {
-    return H.getBoundsEntries(t).includes(e);
+    return C.getBoundsEntries(t).includes(e);
   }
   static initObserver(e, t, a = null) {
     if (!e)
       return;
     const n = (a == null ? void 0 : a.useBounding) ?? !1;
-    new IntersectionObserver(async (i, s) => {
-      n ? (i[0].isIntersecting || i[0].boundingClientRect.y < 0) && t({ obs: s, entry: i[0], entries: i }) : i[0].isIntersecting && t({ obs: s, entry: i[0], entries: i });
+    new IntersectionObserver(async (r, s) => {
+      n ? (r[0].isIntersecting || r[0].boundingClientRect.y < 0) && t({ obs: s, entry: r[0], entries: r }) : r[0].isIntersecting && t({ obs: s, entry: r[0], entries: r });
     }, a).observe(e);
   }
   static injectLink({ href: e, id: t }) {
@@ -2067,11 +2069,11 @@ class H {
     a.href = e, a.type = "text/css", a.rel = "stylesheet", t && (a.id = t), document.getElementsByTagName("head")[0].appendChild(a);
   }
   static injectScript({ src: e, id: t = null, async: a = !0, module: n = !1 }) {
-    return new Promise(function(l, i) {
+    return new Promise(function(l, r) {
       let s = document.getElementById(t);
       if (t && s && s.dataset.loaded === "true")
         return l({ alreadyLoaded: !0, id: t });
-      s || (s = document.createElement("script"), s.src = e, s.dataset.loaded = "false", t && (s.id = t), s.type = n ? "module" : "text/javascript", s.async = a, document.body.appendChild(s), s.onload = () => (s.dataset.loaded = "true", l({ alreadyLoaded: !1, id: t })), s.onerror = () => i(!1));
+      s || (s = document.createElement("script"), s.src = e, s.dataset.loaded = "false", t && (s.id = t), s.type = n ? "module" : "text/javascript", s.async = a, document.body.appendChild(s), s.onload = () => (s.dataset.loaded = "true", l({ alreadyLoaded: !1, id: t })), s.onerror = () => r(!1));
     });
   }
   static isMobile({ selector: e = null, width: t = 640 } = {}) {
@@ -2104,14 +2106,14 @@ class H {
     return a > 999999 ? n * (a / 1e6).toFixed(1) + "m" : a > 999 ? n * (a / 1e3).toFixed(t) + "k" : n * a;
   }
   static async logRequest(e = null, t = null, a = null, n = null, l = null) {
-    const i = {
+    const r = {
       name: e,
       uuid: t,
       ip: a,
       url: n,
       data: l
     };
-    return await H.createData("/api/client?query=log/save&method=POST", i), null;
+    return await C.createData("/api/client?query=log/save&method=POST", r), null;
   }
   static loadAds() {
     window.dataLayer = window.dataLayer || [];
@@ -2128,7 +2130,7 @@ class H {
     if (e) {
       const n = "/scripts/" + e + ".js?v=100.0.5";
       try {
-        return await H.injectScript({
+        return await C.injectScript({
           src: n,
           id: t || e,
           async: !1,
@@ -2144,11 +2146,11 @@ class H {
     if (window.options.googleMapsLoaded === !0)
       return;
     const e = "https://maps.googleapis.com/maps/api/js", t = window.options.googleApiKey, a = e + "?key=" + t + "&libraries=marker&v=beta&callback=mapCb";
-    await H.injectScript({ src: a, id: "googleapis", async: !1 });
+    await C.injectScript({ src: a, id: "googleapis", async: !1 });
   }
   static async loadLeafletApi() {
     const e = "https://unpkg.com/leaflet@1.9.3/dist", t = e + "/leaflet.js", a = e + "/leaflet.css", n = "//unpkg.com/leaflet-gesture-handling", l = "//unpkg.com/leaflet-gesture-handling/dist/leaflet-gesture-handling.min.css";
-    await H.injectLink({ href: a, id: "leafletCss" }), await H.injectLink({ href: l, id: "gestureCss" }), await H.injectScript({ src: t, id: "leafletJs", async: !1 }), await H.injectScript({
+    await C.injectLink({ href: a, id: "leafletCss" }), await C.injectLink({ href: l, id: "gestureCss" }), await C.injectScript({ src: t, id: "leafletJs", async: !1 }), await C.injectScript({
       src: n,
       id: "gestureJs",
       async: !1
@@ -2163,7 +2165,7 @@ class H {
   }
   static async loadSwiper() {
     const e = "https://cdn.jsdelivr.net/npm", t = `${e}/swiper@9/swiper-bundle.min.js`, a = `${e}/swiper@9/swiper-bundle.min.css`;
-    await H.injectLink({ href: a, id: "swiperCss" }), await H.injectScript({ src: t, id: "swiperJs", async: !1 });
+    await C.injectLink({ href: a, id: "swiperCss" }), await C.injectScript({ src: t, id: "swiperJs", async: !1 });
   }
   static async makeSearchFetchCall(e) {
     try {
@@ -2196,17 +2198,17 @@ class H {
       first: a = null,
       middle: n = null,
       last: l = null,
-      min: i = null,
+      min: r = null,
       max: s = null,
-      city: r = null,
+      city: i = null,
       state: c = null,
       vin: h = null,
       license: u = null,
-      token: C = null,
+      token: f = null,
       phone: M = null
-    } = e || {}, A = t && t !== "", f = i && i !== "" && i !== "18", p = s && s !== "" && i !== "99";
+    } = e || {}, A = t && t !== "", H = r && r !== "" && r !== "18", p = s && s !== "" && r !== "99";
     let V = [];
-    return t && t !== "" && V.push("name=" + t), A || (a && a !== "" && V.push("first=" + a), n && n !== "" && V.push("middle=" + n), l && l !== "" && V.push("last=" + l)), f && p ? parseInt(i) > parseInt(s) ? (V.push("min=" + s), V.push("max=" + i)) : (V.push("min=" + i), V.push("max=" + s)) : (f && V.push("min=" + i), p && V.push("max=" + s)), M && M !== "" && V.push("phone=" + M), r && r !== "" && V.push("city=" + r), u && u !== "" && V.push("license=" + u), h && h !== "" && V.push("vin=" + h), c && c !== "" && V.push("state=" + c), C && C !== "" && V.push("token=" + C), V.join("&");
+    return t && t !== "" && V.push("name=" + t), A || (a && a !== "" && V.push("first=" + a), n && n !== "" && V.push("middle=" + n), l && l !== "" && V.push("last=" + l)), H && p ? parseInt(r) > parseInt(s) ? (V.push("min=" + s), V.push("max=" + r)) : (V.push("min=" + r), V.push("max=" + s)) : (H && V.push("min=" + r), p && V.push("max=" + s)), M && M !== "" && V.push("phone=" + M), i && i !== "" && V.push("city=" + i), u && u !== "" && V.push("license=" + u), h && h !== "" && V.push("vin=" + h), c && c !== "" && V.push("state=" + c), f && f !== "" && V.push("token=" + f), V.join("&");
   }
   static padTo2Digits(e) {
     return e.toString().padStart(2, "0");
@@ -2220,20 +2222,20 @@ class H {
       addressesOnly: a = !1,
       useCitySearch: n = !1,
       useCityStateSearch: l = !1,
-      useSearch: i = !1,
+      useSearch: r = !1,
       useLocation: s = !0,
-      state: r = ""
-    } = t ?? {}, { tolken: c = null, ip: h = null } = await H.getHeaders(), C = [
+      state: i = ""
+    } = t ?? {}, { tolken: c = null, ip: h = null } = await C.getHeaders(), f = [
       "query=" + encodeURIComponent(this.cleanupAddress(e)),
       "addressesOnly=" + a,
-      "useSearch=" + i,
+      "useSearch=" + r,
       "useCitySearch=" + n,
       "useCityStateSearch=" + l,
       "useLocation=" + s
     ];
-    r && r !== "" && !l && C.push("state=" + r), c && c !== "" && C.push("tolken=" + c), h && h !== "" && C.push("ip=" + h);
-    const M = C.join("&"), f = (n || l ? "/api/autocomplete-city" : "/api/autocomplete") + "?" + M;
-    return await H.makeSearchFetchCall(f);
+    i && i !== "" && !l && f.push("state=" + i), c && c !== "" && f.push("tolken=" + c), h && h !== "" && f.push("ip=" + h);
+    const M = f.join("&"), H = (n || l ? "/api/autocomplete-city" : "/api/autocomplete") + "?" + M;
+    return await C.makeSearchFetchCall(H);
   }
   static removeElements(e) {
     document.querySelectorAll(e).forEach((t) => t == null ? void 0 : t.remove());
@@ -2252,7 +2254,7 @@ class H {
     });
   }
   static searchInStates(e) {
-    const t = H.getStates(), a = e.toLowerCase();
+    const t = C.getStates(), a = e.toLowerCase();
     let n = t.find((l) => l.short.toLowerCase() === a) ?? null;
     return n || (n = t.find((l) => l.name.toLowerCase() === a) ?? null), n;
   }
@@ -2260,7 +2262,7 @@ class H {
     typeof woopra == "object" && woopra.track(e, t);
   }
   static setBoundsEntries(e, t = "bounds") {
-    const a = H.getBoundsEntries(t);
+    const a = C.getBoundsEntries(t);
     a.push(e), localStorage.setItem(t, JSON.stringify(a));
   }
   static async setCityState(e = null) {
@@ -2269,7 +2271,7 @@ class H {
       return e;
     t = t.toLowerCase().replace(" usa", "").replace("city or state", "").replace(" state", "").trim();
     let [a = null, n = null] = t.split(",").map((l) => l.trim());
-    if (H.getStates(), a && !n) {
+    if (C.getStates(), a && !n) {
       const l = this.searchInStates(a);
       l && (a = null, n = l.short);
     }
@@ -2278,16 +2280,16 @@ class H {
       l && (n = l.short);
     }
     if (a && !n) {
-      const l = a.split(" "), i = l[l.length - 1];
-      if (i.length) {
-        const s = this.searchInStates(i);
+      const l = a.split(" "), r = l[l.length - 1];
+      if (r.length) {
+        const s = this.searchInStates(r);
         s && (n = s.short, a = l.slice(0, -1).join(" "));
       }
     }
     return a && n && a.toLowerCase() === n.toLowerCase() && (a = null), e.city = a, e.state = n ? n.toUpperCase() : null, e;
   }
   static async setSearchValueClient(e, t = "recsSearchValue") {
-    localStorage.setItem(t, JSON.stringify(e)), await H.createData(`/api/cookie/create?name=${t}`, e);
+    localStorage.setItem(t, JSON.stringify(e)), await C.createData(`/api/cookie/create?name=${t}`, e);
   }
   static stickyHeader(e = ".nav") {
     const t = document.querySelector(e);
@@ -2314,7 +2316,7 @@ class H {
     return t.charAt(0).toUpperCase() + t.slice(1);
   }
   static useLayerTitle(e, t) {
-    const a = H.getLayerTitle(e);
+    const a = C.getLayerTitle(e);
     L.tileLayer(a, {
       maxNativeZoom: 19,
       maxZoom: 25,
@@ -2323,7 +2325,7 @@ class H {
     }).addTo(t);
   }
   static ucWords(e) {
-    return e ? e.toString().split(" ").map((t) => H.ucFirst(t)).join(" ") : null;
+    return e ? e.toString().split(" ").map((t) => C.ucFirst(t)).join(" ") : null;
   }
 }
 function V1(d, e = []) {
@@ -2333,7 +2335,7 @@ function V1(d, e = []) {
     },
     set(t, a, n) {
       const l = { ...t };
-      return t[a] = n, e.length > 0 && e.forEach((i) => i(t, l, a)), t;
+      return t[a] = n, e.length > 0 && e.forEach((r) => r(t, l, a)), t;
     }
   });
 }
@@ -2379,16 +2381,16 @@ class P1 {
     )), e.slides = [...(a = e.container) == null ? void 0 : a.children], e.slides.forEach((n) => e.observer.observe(n));
   }
   handleIntersect(e, t, a) {
-    const n = e.filter((r) => r.isIntersecting), l = n.length === a.slides.length, i = n.every(
-      (r) => r.isIntersecting === !0
+    const n = e.filter((i) => i.isIntersecting), l = n.length === a.slides.length, r = n.every(
+      (i) => i.isIntersecting === !0
     );
-    l && i ? t.disconnect() : (a.disableBtns = !1, e.forEach((r) => {
-      const c = [...a.slides].indexOf(r.target);
-      r.target === a.slides[0] && (a.showPrevBtn = r.isIntersecting), r.target === a.slides[a.slides.length - 1] && (a.showNextBtn = r.isIntersecting), r.target === a.slides[2] && (a.scrollToStart = r.isIntersecting), r.target === a.slides[a.slides.length - 2] && (a.scrollToEnd = r.isIntersecting), r.isIntersecting && !a.entriesIntersected.includes(c) && (a.entriesIntersected.push(c), a.activeIndex = c, s(r));
+    l && r ? t.disconnect() : (a.disableBtns = !1, e.forEach((i) => {
+      const c = [...a.slides].indexOf(i.target);
+      i.target === a.slides[0] && (a.showPrevBtn = i.isIntersecting), i.target === a.slides[a.slides.length - 1] && (a.showNextBtn = i.isIntersecting), i.target === a.slides[2] && (a.scrollToStart = i.isIntersecting), i.target === a.slides[a.slides.length - 2] && (a.scrollToEnd = i.isIntersecting), i.isIntersecting && !a.entriesIntersected.includes(c) && (a.entriesIntersected.push(c), a.activeIndex = c, s(i));
     }));
-    function s(r) {
+    function s(i) {
       var c;
-      r.target !== a.slides[a.slides.length - 1] && r.target !== a.slides[0] && r.target !== a.slides[2] && r.target !== a.slides[a.slides.length - 2] && ((c = a.observer) == null || c.unobserve(r.target));
+      i.target !== a.slides[a.slides.length - 1] && i.target !== a.slides[0] && i.target !== a.slides[2] && i.target !== a.slides[a.slides.length - 2] && ((c = a.observer) == null || c.unobserve(i.target));
     }
   }
   btnListeners(e) {
@@ -2407,7 +2409,7 @@ class P1 {
     e.scrollToEnd ? e.transition = n : e.transition += e.slides[1].offsetWidth + 12, e.container.style.transform = `translate3d(${-e.transition}px, 0, 0)`;
   }
   sliderElements({ state: e, items: t, id: a, cb: n }) {
-    const l = '<span class="slide-first"></span>', i = '<span class="slide-last"></span>';
+    const l = '<span class="slide-first"></span>', r = '<span class="slide-last"></span>';
     if (e.container = document.getElementById(`slider-container-${a}`), !e.container)
       return console.error(`slider-container-${a} Not Found`);
     e.prevBtn = e.container.parentElement.querySelector(
@@ -2415,8 +2417,8 @@ class P1 {
     ), e.nextBtn = e.container.parentElement.querySelector(
       `#btn-right-${a}`
     );
-    const s = t.map((c) => n(c)).join(""), r = document.createElement("div");
-    r.innerHTML = `${l}${s}${i}`, e.container.replaceChildren(...r.children), e.container.parentElement.classList.add("loaded");
+    const s = t.map((c) => n(c)).join(""), i = document.createElement("div");
+    i.innerHTML = `${l}${s}${r}`, e.container.replaceChildren(...i.children), e.container.parentElement.classList.add("loaded");
   }
   showHideBtns(e, t, a) {
     if (a === "showPrevBtn" || a === "showNextBtn") {
@@ -2436,7 +2438,7 @@ export {
   b1 as Card,
   P1 as CardSlider,
   w1 as Checkbox,
-  H as Common,
+  C as Common,
   x1 as Container,
   S1 as Dialog,
   k1 as DialogOld,

package/dist/styles.css

@@ -1 +1 @@
-.Button{@apply focus:outline-none font-semibold;}.Button:not(.Button--rounded){@apply rounded;}.Button:not(.Button--link){@apply focus:ring-2 focus:ring-slate-700 no-underline;}.Button.Button--primary{@apply text-slate-700 bg-black-250 border border-slate-700 hover:bg-black-300;}.Button.Button--secondary{@apply bg-teal-700 border border-teal-700 hover:bg-teal-700 text-white focus:ring-teal-700/50;}.Button.Button--sm{@apply px-2 py-1;}.Button.Button--md{@apply px-4 py-1;}.Button.Button--link:not(.Button--custom-link){@apply text-slate-700 underline !important;}.Button.Button--uppercase{@apply uppercase;}.Button.Button--rounded{@apply rounded-full;}.Button.Button--icon{@apply p-1 !important;}.Button:has(svg){@apply flex items-center;}.Button:has(svg).Button--sm{@apply gap-x-1;}.Button:has(svg).Button--md{@apply gap-x-2;}.Button.Button--disabled,.Button svg{@apply pointer-events-none;}.loading-bar{@apply bg-gray-50 overflow-hidden relative;box-shadow:2px 0 10px inset #0003}.loading-bar .loading-bar__inner{@apply w-0 h-full;background-size:30px 30px;animation:move 2s linear infinite;box-shadow:2px 0 10px inset #0003}.loading-bar.loading-bar__primary{@apply rounded-md;}.loading-bar.loading-bar__primary .loading-bar__inner{@apply bg-[#767676];background-image:linear-gradient(-45deg,rgba(255,255,255,.2) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.2) 75%,transparent 75%,transparent)}.loading-bar.loading-bar__secondary .loading-bar__inner{@apply bg-[#909090];}.loading-bar .perc{@apply absolute top-1/2 left-1/2 -translate-y-1/2 -translate-x-1/2 text-white font-bold;}.slider{@apply relative overflow-hidden;}.slider::-webkit-scrollbar{width:0;height:0}.slider .slider-button__prev,.slider .slider-button__next{@apply absolute top-1/2 z-10 -translate-y-1/2 bg-white/90 sm-max:hidden md:block rounded-full px-1.5 py-1.5 border border-solid shadow cursor-pointer min-w-max;}.slider .slider-button__prev{@apply left-4 right-auto;}.slider .slider-button__next{@apply right-4 left-auto;}.slider .slider-container{@apply inline-flex w-full overflow-x-scroll md:overflow-x-hidden md:w-auto transition duration-200 ease-in-out sm-max:transform-none;}.slider .slider-container::-webkit-scrollbar{width:0;height:0}.slider .slider-container>.slider-card{@apply max-w-full shrink-0;}.slider .slider-card{@apply flex flex-col rounded-lg border ring-gray-200 w-64 mr-3 last-of-type:mr-0 overflow-hidden;}.slider .slider-card-action{@apply overflow-hidden relative flex flex-col flex-1 h-full w-full;}.slider .slider-card-main{@apply flex flex-col flex-grow justify-between h-full w-full;}.slider .slider-card-default+.slider-card-main{@apply h-auto;}.slider .slider-card-content{@apply p-3 h-full w-full;}.popover[data-popper-placement^=top] [data-popper-arrow],.popover[data-popper-placement^=bottom] [data-popper-arrow]{@apply before:left-0;}.popover[data-popper-placement^=top] [data-popper-arrow]{@apply -bottom-2 before:border-b before:border-r before:border-gray-300;}.popover[data-popper-placement^=bottom] [data-popper-arrow]{@apply -top-2 before:border-t before:border-l before:border-gray-300;}[data-popper-arrow],[data-popper-arrow]:before{background:inherit}#dots span{@apply inline-block bg-gray-300 rounded-full w-2 h-2 mr-2;animation-name:blink;animation-duration:1.75s;animation-iteration-count:infinite;animation-fill-mode:both}@keyframes blink{0%{background-color:#2223}20%{background-color:#222;transform:scale(1.25)}to{background-color:#2223}}.textbox input,.textbox textarea,.textbox select,.textarea input,.textarea textarea,.textarea select,.select input,.select textarea,.select select{@apply w-full border-2 py-2 shadow-sm focus:outline-none text-sm transition-colors ease-in-out duration-200 focus:ring-1 placeholder:text-gray-500 sm-max:placeholder:text-sm placeholder-shown:text-ellipsis;}.textbox.primary input,.textbox.primary textarea,.textbox.primary select,.textarea.primary input,.textarea.primary textarea,.textarea.primary select,.select.primary input,.select.primary textarea,.select.primary select{@apply border-slate-700 focus:ring-slate-700 focus:border-slate-700;}.textbox.secondary input,.textbox.secondary textarea,.textbox.secondary select,.textarea.secondary input,.textarea.secondary textarea,.textarea.secondary select,.select.secondary input,.select.secondary textarea,.select.secondary select{@apply border border-gray-300 rounded focus:ring-slate-700 focus:border-slate-700;}.checkbox input{@apply focus:ring-2 focus:ring-offset-2 focus-within:outline-none;}.checkbox.primary input{@apply focus:ring-slate-700;}
+.Button{@apply focus:outline-none font-semibold;}.Button.Button--primary{@apply text-slate-700 bg-black-250 border-slate-700 hover:bg-black-300;}.Button.Button--secondary{@apply bg-teal-700 border-teal-700 hover:bg-teal-700 text-white focus:ring-teal-700/50;}.Button.Button--icon{@apply p-1 !important;}.Button.Button--link:not(.Button--custom-link){@apply text-slate-700 underline !important;}.Button.Button--sm{@apply px-2 py-1;}.Button.Button--md{@apply px-4 py-1;}.Button.Button--uppercase{@apply uppercase;}.Button.Button--rounded{@apply rounded-full;}.Button.Button--disabled,.Button svg{@apply pointer-events-none;}.Button:not(.Button--borderless){@apply border;}.Button:not(.Button--rounded){@apply rounded;}.Button:not(.Button--link),.Button:not(.Button--borderless){@apply focus:ring-2 focus:ring-slate-700 no-underline;}.Button:has(svg){@apply flex items-center;}.Button:has(svg).Button--sm{@apply gap-x-1;}.Button:has(svg).Button--md{@apply gap-x-2;}.loading-bar{@apply bg-gray-50 overflow-hidden relative;box-shadow:2px 0 10px inset #0003}.loading-bar .loading-bar__inner{@apply w-0 h-full;background-size:30px 30px;animation:move 2s linear infinite;box-shadow:2px 0 10px inset #0003}.loading-bar.loading-bar__primary{@apply rounded-md;}.loading-bar.loading-bar__primary .loading-bar__inner{@apply bg-[#767676];background-image:linear-gradient(-45deg,rgba(255,255,255,.2) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.2) 75%,transparent 75%,transparent)}.loading-bar.loading-bar__secondary .loading-bar__inner{@apply bg-[#909090];}.loading-bar .perc{@apply absolute top-1/2 left-1/2 -translate-y-1/2 -translate-x-1/2 text-white font-bold;}.slider{@apply relative overflow-hidden;}.slider::-webkit-scrollbar{width:0;height:0}.slider .slider-button__prev,.slider .slider-button__next{@apply absolute top-1/2 z-10 -translate-y-1/2 bg-white/90 sm-max:hidden md:block rounded-full px-1.5 py-1.5 border border-solid shadow cursor-pointer min-w-max;}.slider .slider-button__prev{@apply left-4 right-auto;}.slider .slider-button__next{@apply right-4 left-auto;}.slider .slider-container{@apply inline-flex w-full overflow-x-scroll md:overflow-x-hidden md:w-auto transition duration-200 ease-in-out sm-max:transform-none;}.slider .slider-container::-webkit-scrollbar{width:0;height:0}.slider .slider-container>.slider-card{@apply max-w-full shrink-0;}.slider .slider-card{@apply flex flex-col rounded-lg border ring-gray-200 w-64 mr-3 last-of-type:mr-0 overflow-hidden;}.slider .slider-card-action{@apply overflow-hidden relative flex flex-col flex-1 h-full w-full;}.slider .slider-card-main{@apply flex flex-col flex-grow justify-between h-full w-full;}.slider .slider-card-default+.slider-card-main{@apply h-auto;}.slider .slider-card-content{@apply p-3 h-full w-full;}.popover[data-popper-placement^=top] [data-popper-arrow],.popover[data-popper-placement^=bottom] [data-popper-arrow]{@apply before:left-0;}.popover[data-popper-placement^=top] [data-popper-arrow]{@apply -bottom-2 before:border-b before:border-r before:border-gray-300;}.popover[data-popper-placement^=bottom] [data-popper-arrow]{@apply -top-2 before:border-t before:border-l before:border-gray-300;}[data-popper-arrow],[data-popper-arrow]:before{background:inherit}#dots span{@apply inline-block bg-gray-300 rounded-full w-2 h-2 mr-2;animation-name:blink;animation-duration:1.75s;animation-iteration-count:infinite;animation-fill-mode:both}@keyframes blink{0%{background-color:#2223}20%{background-color:#222;transform:scale(1.25)}to{background-color:#2223}}.textbox input,.textbox textarea,.textbox select,.textarea input,.textarea textarea,.textarea select,.select input,.select textarea,.select select{@apply w-full border-2 py-2 shadow-sm focus:outline-none text-sm transition-colors ease-in-out duration-200 focus:ring-1 placeholder:text-gray-500 sm-max:placeholder:text-sm placeholder-shown:text-ellipsis;}.textbox.primary input,.textbox.primary textarea,.textbox.primary select,.textarea.primary input,.textarea.primary textarea,.textarea.primary select,.select.primary input,.select.primary textarea,.select.primary select{@apply border-slate-700 focus:ring-slate-700 focus:border-slate-700;}.textbox.secondary input,.textbox.secondary textarea,.textbox.secondary select,.textarea.secondary input,.textarea.secondary textarea,.textarea.secondary select,.select.secondary input,.select.secondary textarea,.select.secondary select{@apply border border-gray-300 rounded focus:ring-slate-700 focus:border-slate-700;}.checkbox input{@apply focus:ring-2 focus:ring-offset-2 focus-within:outline-none;}.checkbox.primary input{@apply focus:ring-slate-700;}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@vehiclehistory/property-lib",
   "description": "Shared UI/Utility Library for Property Sites",
-  "version": "0.0.21",
+  "version": "0.0.22",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/penguin-marketing/vh-recs-ui-library.git"