@vehiclehistory/property-lib 0.0.30 → 0.0.32

package/README.md

@@ -1 +1,11 @@
-# Vh-Recs UI Library
+# @vehiclehistory/property-lib
+
+[Github Repo](https://github.com/penguin-marketing/property-ui-lib/)
+
+### Steps to Build & Publish
+
+1. Update package.json version
+2. run `npm run build`
+3. run `npm publish`
+
+

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

@@ -5,6 +5,7 @@ declare const _default: NamedExoticComponent<{
     className?: string;
     error?: boolean;
     id: string;
+    inputClass?: string;
     label?: string;
     name: string;
     value?: any;

package/dist/main.js

@@ -473,19 +473,19 @@ const F = {
   chatBubble: {
     path: '<path d="M12,3C17.5,3 22,6.58 22,11C22,15.42 17.5,19 12,19C10.76,19 9.57,18.82 8.47,18.5C5.55,21 2,21 2,21C4.33,18.67 4.7,17.1 4.75,16.5C3.05,15.07 2,13.13 2,11C2,6.58 6.5,3 12,3Z" />'
   }
-}, j = (d) => q[d], P = ({
-  color: d = "text-current",
+}, j = (h) => q[h], P = ({
+  color: h = "text-current",
   className: e,
   name: t,
   size: a = "medium",
   viewBox: n = "0 0 20 20"
 }) => {
-  const l = j(t), [r, s] = Z(d), [i, c] = Z(l);
+  const l = j(t), [r, s] = Z(h), [i, c] = Z(l);
   return k(() => {
     c(l);
   }, [l]), k(() => {
-    s(d);
-  }, [d]), !l && console.error("Icon does not exist", t), /* @__PURE__ */ o(
+    s(h);
+  }, [h]), !l && console.error("Icon does not exist", t), /* @__PURE__ */ o(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -499,7 +499,7 @@ const F = {
     }
   );
 }, b = y(P), W = ({
-  children: d,
+  children: h,
   className: e,
   clickHandler: t,
   panelClass: a,
@@ -544,7 +544,7 @@ const F = {
           "acc-p p-4 border-x border-b rounded-bl-lg rounded-br-lg border-gray-200 relative",
           a
         ),
-        children: d
+        children: h
       }
     ),
     !l && /* @__PURE__ */ o(
@@ -555,12 +555,12 @@ const F = {
           a,
           { hidden: !s }
         ),
-        children: d
+        children: h
       }
     )
   ] }) });
 }, f1 = y(W), R = ({
-  children: d,
+  children: h,
   className: e = "",
   messages: t = [],
   title: a = "",
@@ -589,14 +589,14 @@ const F = {
       iconColor: "text-yellow-500",
       styles: "bg-yellow-50 border-yellow-300 text-yellow-700"
     }
-  }, { icon: i, iconColor: c, styles: h } = s[r];
+  }, { icon: i, iconColor: c, styles: d } = s[r];
   return /* @__PURE__ */ o(
     "div",
     {
       id: r,
       className: m(
         "rounded w-full py-2 px-4 mb-4 border",
-        h,
+        d,
         e
       ),
       ...l,
@@ -612,13 +612,13 @@ 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, f) => /* @__PURE__ */ o("li", { children: u }, f)) }) }) : ""
+          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, V) => /* @__PURE__ */ o("li", { children: u }, V)) }) }) : ""
         ] })
       ] })
     }
   );
 }, M1 = y(R), U = ({
-  autoFocus: d = !1,
+  autoFocus: h = !1,
   required: e = !1,
   className: t = "",
   defaultValue: a = "",
@@ -628,14 +628,14 @@ const F = {
   inputClass: s = "",
   leftIcon: i = "homeSearch",
   mobileBackdrop: c = !1,
-  showSearchIcon: h = !0,
+  showSearchIcon: d = !0,
   options: u = [],
-  name: f = "",
+  name: V = "",
   placeholder: M = "",
   props: A = {},
-  size: H = "medium",
+  size: C = "medium",
   styles: p = null,
-  title: V = ""
+  title: H = ""
 }) => /* @__PURE__ */ g(
   "div",
   {
@@ -645,7 +645,7 @@ const F = {
     className: m("Autocomplete", t),
     style: p ? { ...p } : null,
     children: [
-      h && /* @__PURE__ */ g(
+      d && /* @__PURE__ */ g(
         "span",
         {
           className: m(
@@ -660,7 +660,7 @@ const F = {
               {
                 className: "home-search select-none text-gray-500",
                 name: i,
-                size: H === "xLarge" ? "small" : "xSmall",
+                size: C === "xLarge" ? "small" : "xSmall",
                 viewBox: "0 0 24 24"
               }
             ),
@@ -669,7 +669,7 @@ const F = {
               {
                 className: "arrow-left select-none text-gray-500 hidden",
                 name: "arrowLeft",
-                size: H === "xLarge" ? "small" : "xSmall",
+                size: C === "xLarge" ? "small" : "xSmall",
                 viewBox: "0 0 24 24"
               }
             )
@@ -680,14 +680,14 @@ const F = {
         "input",
         {
           "data-lpignore": "true",
-          autoFocus: d,
+          autoFocus: h,
           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": h === !0,
-              "px-3 h-10": H === "medium",
-              "px-4 h-12": H === "large",
-              "px-5 h-[60px] sm:!text-base": H === "xLarge",
+              "pl-8": d === !0,
+              "px-3 h-10": C === "medium",
+              "px-4 h-12": C === "large",
+              "px-5 h-[60px] sm:!text-base": C === "xLarge",
               peer: r
             },
             s
@@ -697,7 +697,7 @@ const F = {
           value: a,
           placeholder: !M && r ? " " : M,
           type: "search",
-          name: f || "search-input",
+          name: V || "search-input",
           "data-id": "search-input",
           ...A
         }
@@ -708,10 +708,10 @@ const F = {
           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": H === "medium",
-              "left-3": H === "large",
-              "left-4": H === "xLarge"
+              "!left-7": d === !0,
+              "left-2": C === "medium",
+              "left-3": C === "large",
+              "left-4": C === "xLarge"
             }
           ),
           children: r
@@ -761,7 +761,7 @@ const F = {
               {
                 "data-id": "search-dropdown-body",
                 role: "listbox",
-                "data-title": V,
+                "data-title": H,
                 "aria-labelledby": "Label",
                 "aria-activedescendant": "search-item-0",
                 children: u.length > 0 ? u.map((w, v) => /* @__PURE__ */ o(
@@ -784,7 +784,7 @@ const F = {
     ]
   }
 ), g1 = U, Q = ({
-  children: d,
+  children: h,
   className: e,
   size: t = "sm",
   tag: a = "span"
@@ -800,10 +800,10 @@ const F = {
       },
       e
     ),
-    children: d
+    children: h
   }
 ), v1 = Q, G = ({
-  borderless: d = !1,
+  borderless: h = !1,
   leftIcon: e,
   leftIconProps: t = {},
   children: a,
@@ -813,27 +813,27 @@ const F = {
   props: s = {},
   rightIcon: i,
   rightIconProps: c = {},
-  rounded: h = !1,
+  rounded: d = !1,
   size: u = "md",
-  type: f = "button",
+  type: V = "button",
   uppercase: M = !1,
   variation: A = "primary"
 }) => {
-  const H = r ? "a" : "button";
+  const C = r ? "a" : "button";
   return /* @__PURE__ */ g(
-    H,
+    C,
     {
-      type: H !== "a" ? f : null,
+      type: C !== "a" ? V : null,
       className: m(
         "Button",
         {
           [`Button--${A}`]: A,
           [`Button--${u}`]: u,
-          "Button--rounded": h,
+          "Button--rounded": d,
           "Button--disabled": l,
           "Button--custom-link": r,
           "Button--uppercase": M,
-          "Button--borderless": d || A === "link"
+          "Button--borderless": h || A === "link"
         },
         n
       ),
@@ -863,8 +863,8 @@ const F = {
       ]
     }
   );
-}, A1 = y(G), J = ({ children: d, className: e }) => /* @__PURE__ */ o("div", { className: m("flex md:max-w-min border border-gray-300 divide-x divide-gray-200 rounded-lg", e), children: d }), y1 = J, K = ({
-  block: d = !1,
+}, A1 = y(G), J = ({ children: h, className: e }) => /* @__PURE__ */ o("div", { className: m("flex md:max-w-min border border-gray-300 divide-x divide-gray-200 rounded-lg", e), children: h }), y1 = J, K = ({
+  block: h = !1,
   borderless: e = !1,
   children: t,
   className: a = "",
@@ -879,7 +879,7 @@ const F = {
       "bg-white",
       {
         f1: !e,
-        f2: d,
+        f2: h,
         f3: n,
         f4: l
       },
@@ -890,43 +890,48 @@ const F = {
     children: t
   }
 ), b1 = K, Y = ({
-  checked: d = !1,
+  checked: h = !1,
   children: e,
   className: t = "",
   error: a = !1,
-  id: n = "",
-  label: l = "",
-  name: r = "",
-  props: s = {},
-  variation: i = "primary",
-  value: c = ""
+  inputClass: n,
+  id: l = "",
+  label: r = "",
+  name: s = "",
+  props: i = {},
+  variation: c = "primary",
+  value: d = ""
 }) => {
-  const h = l ? "div" : "label", u = h === "label" ? { htmlFor: n } : {};
+  const u = r ? "div" : "label", V = u === "label" ? { htmlFor: l } : {};
   return /* @__PURE__ */ g(
-    h,
+    u,
     {
-      className: m("checkbox flex items-center", i, t),
-      ...u,
+      className: m("checkbox flex items-center", c, t),
+      ...V,
       children: [
         /* @__PURE__ */ o(
           "input",
           {
-            checked: d,
-            className: m("form-checkbox ", {
-              "!border-red-500 !bg-red-500 focus:!ring-red-500 focus:!border-red-500": a
-            }),
-            id: n,
-            name: r,
+            checked: h,
+            className: m(
+              "form-checkbox ",
+              {
+                "!border-red-500 !bg-red-500 focus:!ring-red-500 focus:!border-red-500": a
+              },
+              n
+            ),
+            id: l,
+            name: s,
             type: "checkbox",
-            value: c,
-            ...s
+            value: d,
+            ...i
           }
         ),
         e
       ]
     }
   );
-}, w1 = y(Y), X = ({ children: d, aside: e, direction: t = "right" }) => /* @__PURE__ */ g("div", { className: "flex flex-col lg:flex-row lg:p-0 max-w-screen-lg", children: [
+}, w1 = y(Y), X = ({ children: h, aside: e, direction: t = "right" }) => /* @__PURE__ */ g("div", { className: "flex flex-col lg:flex-row lg:p-0 max-w-screen-lg", children: [
   /* @__PURE__ */ o(
     "main",
     {
@@ -936,7 +941,7 @@ const F = {
           "lg:order-2": t === "left"
         }
       ),
-      children: d
+      children: h
     }
   ),
   /* @__PURE__ */ o(
@@ -953,7 +958,7 @@ const F = {
     }
   )
 ] }), x1 = y(X), _ = ({
-  activator: d,
+  activator: h,
   id: e = "",
   children: t,
   className: a = "",
@@ -963,13 +968,13 @@ const F = {
   fullMobile: s = !0,
   headerClass: i = "",
   hideClose: c = !1,
-  iconSize: h = "medium",
+  iconSize: d = "medium",
   preventPageScroll: u = !0,
-  stickyHeader: f = !1,
+  stickyHeader: V = !1,
   title: M = "",
   titleClass: A = ""
 }) => /* @__PURE__ */ g(z, { children: [
-  d && /* @__PURE__ */ o("span", { id: `${e}-dialog-activator`, children: d }),
+  h && /* @__PURE__ */ o("span", { id: `${e}-dialog-activator`, children: h }),
   /* @__PURE__ */ o(
     "dialog",
     {
@@ -991,7 +996,7 @@ const F = {
             className: m(
               "dialog-header flex items-center p-4",
               {
-                "sticky top-0 bg-white z-10": f,
+                "sticky top-0 bg-white z-10": V,
                 "!pb-0 border-0 justify-end": !M,
                 "justify-between border-b": M
               },
@@ -1011,7 +1016,7 @@ const F = {
                     b,
                     {
                       name: "close",
-                      size: h,
+                      size: d,
                       className: "pointer-events-none"
                     }
                   )
@@ -1033,7 +1038,7 @@ const F = {
     }
   )
 ] }), S1 = y(_), e1 = ({
-  activator: d,
+  activator: h,
   id: e = "",
   children: t,
   className: a = "",
@@ -1043,38 +1048,38 @@ const F = {
   footer: s,
   fullMobile: i = !0,
   headerClass: c = "",
-  hideClose: h = !1,
+  hideClose: d = !1,
   iconSize: u = "medium",
-  isOpen: f = !1,
+  isOpen: V = !1,
   setDialogOpen: M,
   stickyHeader: A = !1,
-  title: H = "",
+  title: C = "",
   titleClass: p = ""
 }) => {
-  const V = I(null), w = async () => {
-    V.current.classList.add("closing"), await B(V.current), V.current.classList.remove("closing"), l && l(), M(!1);
+  const H = I(null), w = async () => {
+    H.current.classList.add("closing"), await B(H.current), H.current.classList.remove("closing"), l && l(), M(!1);
   }, v = async (x) => {
     x.key === "Escape" && await w();
   }, N = async ({ clientX: x, clientY: S, target: D }) => {
-    const { left: E, right: T, top: $, bottom: O } = V.current.getBoundingClientRect() ?? {};
-    (!V.current.contains(D) || x < E || x > T || S < $ || S > O) && await w();
+    const { left: E, right: T, top: $, bottom: O } = H.current.getBoundingClientRect() ?? {};
+    (!H.current.contains(D) || x < E || x > T || S < $ || S > O) && await w();
   }, B = (x) => Promise.allSettled(
     x.getAnimations().map((S) => S.finished)
   );
   return k(() => {
-    const x = V.current;
-    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 }),
+    const x = H.current;
+    x && (V ? x.showModal() : typeof x.close == "function" && x.close());
+  }, [V]), /* @__PURE__ */ g(z, { children: [
+    h && /* @__PURE__ */ o("span", { id: `${e}-dialog-activator`, onClick: () => M(!0), children: h }),
     /* @__PURE__ */ g(
       "dialog",
       {
-        ref: V,
+        ref: H,
         id: `${e}-dialog`,
         className: m(
           "dialog",
           {
-            hidden: !f,
+            hidden: !V,
             "xs-max:h-full xs-max:max-h-full": i
           },
           a
@@ -1091,8 +1096,8 @@ const F = {
                 c
               ),
               children: [
-                /* @__PURE__ */ o("h3", { id: `${e}-dialog-title`, className: p, children: H || "" }),
-                !h && /* @__PURE__ */ o(
+                /* @__PURE__ */ o("h3", { id: `${e}-dialog-title`, className: p, children: C || "" }),
+                !d && /* @__PURE__ */ o(
                   "button",
                   {
                     type: "button",
@@ -1133,7 +1138,7 @@ const F = {
       }
     )
   ] });
-}, k1 = y(e1), t1 = ({ className: d = "" }) => /* @__PURE__ */ g("div", { id: "dots", className: m("mx-auto", d), children: [
+}, k1 = y(e1), t1 = ({ className: h = "" }) => /* @__PURE__ */ g("div", { id: "dots", className: m("mx-auto", h), children: [
   /* @__PURE__ */ o("span", { style: { animationDelay: "0.1s" } }),
   /* @__PURE__ */ o("span", { style: { animationDelay: "0.2s" } }),
   /* @__PURE__ */ o("span", { style: { animationDelay: "0.3s" } }),
@@ -1143,7 +1148,7 @@ const F = {
   /* @__PURE__ */ o("span", { style: { animationDelay: "0.7s" } }),
   /* @__PURE__ */ o("span", { style: { animationDelay: "0.8s" } })
 ] }), z1 = t1, a1 = ({
-  cb: d,
+  cb: h,
   className: e = "",
   size: t = "md",
   timeout: a = 1e4,
@@ -1152,20 +1157,20 @@ const F = {
   function l({ cb: r }) {
     const s = document.querySelector(".loading-bar__inner");
     if (!s) return;
-    let i, c, h = !1;
-    function u(f) {
-      i === void 0 && (i = f);
-      const M = f - i;
-      if (c !== f) {
+    let i, c, d = !1;
+    function u(V) {
+      i === void 0 && (i = V);
+      const M = V - i;
+      if (c !== V) {
         const A = M / a * 101;
-        s.style.width = `${A}%`, A >= 101 && (r && r(), h = !0, window.cancelAnimationFrame(f));
+        s.style.width = `${A}%`, A >= 101 && (r && r(), d = !0, window.cancelAnimationFrame(V));
       }
-      M < a && (c = f, h || window.requestAnimationFrame(u));
+      M < a && (c = V, d || window.requestAnimationFrame(u));
     }
     window.requestAnimationFrame(u);
   }
   return k(() => {
-    l({ cb: d });
+    l({ cb: h });
   }, []), /* @__PURE__ */ o(
     "div",
     {
@@ -1187,15 +1192,15 @@ const F = {
   name: "spinnerDark",
   color: "text-teal-700",
   viewBox: "0 0 24 24"
-}, l1 = ({ className: d = "" }) => /* @__PURE__ */ o("div", { className: "rounded-r-md px-2 focus:outline-none", children: /* @__PURE__ */ o(
+}, l1 = ({ className: h = "" }) => /* @__PURE__ */ o("div", { className: "rounded-r-md px-2 focus:outline-none", children: /* @__PURE__ */ o(
   b,
   {
     size: "xSmall",
     ...n1,
-    className: `animate-spin ${d}`
+    className: `animate-spin ${h}`
   }
 ) }), N1 = y(l1), s1 = ({
-  activator: d,
+  activator: h,
   activatorClass: e = "",
   attrs: t = {},
   options: a = {},
@@ -1242,11 +1247,11 @@ const F = {
       ),
       ...t,
       "data-options": JSON.stringify(a),
-      children: d
+      children: h
     }
   )
 ] }), B1 = s1, r1 = ({
-  ariaValuemax: d = 100,
+  ariaValuemax: h = 100,
   ariaValuemin: e = 0,
   bgColor: t = "bg-orange-500",
   className: a,
@@ -1255,10 +1260,10 @@ const F = {
   rounded: r = !0,
   showLabel: s = !1
 }) => {
-  const c = ((h, u) => {
-    if (h) {
-      const f = Number(u) / h;
-      return f > 1 ? 100 : f * 100;
+  const c = ((d, u) => {
+    if (d) {
+      const V = Number(u) / d;
+      return V > 1 ? 100 : V * 100;
     }
     return n;
   })(l, n);
@@ -1274,7 +1279,7 @@ const F = {
       "aria-label": "Progress Bar",
       "aria-valuenow": n,
       "aria-valuemin": e,
-      "aria-valuemax": d,
+      "aria-valuemax": h,
       children: /* @__PURE__ */ o(
         "div",
         {
@@ -1289,7 +1294,7 @@ const F = {
     }
   );
 }, D1 = y(r1), i1 = ({
-  checked: d = !1,
+  checked: h = !1,
   children: e,
   className: t = "",
   id: a = "",
@@ -1299,17 +1304,17 @@ const F = {
   variation: s = "primary",
   value: i = ""
 }) => {
-  const c = n ? "div" : "label", h = c === "label" ? { htmlFor: a } : {};
+  const c = n ? "div" : "label", d = c === "label" ? { htmlFor: a } : {};
   return /* @__PURE__ */ g(
     c,
     {
       className: m("radio flex items-center", t),
-      ...h,
+      ...d,
       children: [
         /* @__PURE__ */ o(
           "input",
           {
-            checked: d,
+            checked: h,
             className: m(
               "form-radio focus:ring-2 focus:ring-offset-2 focus-within:outline-none",
               {
@@ -1328,7 +1333,7 @@ const F = {
     }
   );
 }, E1 = y(i1), o1 = ({
-  children: d,
+  children: h,
   className: e = "",
   error: t = !1,
   errorMessage: a = "",
@@ -1338,16 +1343,16 @@ const F = {
   options: s = [],
   placeholder: i = "",
   props: c = {},
-  selectClass: h = "",
+  selectClass: d = "",
   styles: u = null,
-  variation: f = "primary",
+  variation: V = "primary",
   value: M
 }) => {
   const A = i ? { defaultValue: "" } : {};
   return /* @__PURE__ */ g(
     "label",
     {
-      className: m("relative select", e, f),
+      className: m("relative select", e, V),
       style: u ? { ...u } : null,
       children: [
         l,
@@ -1357,7 +1362,7 @@ const F = {
             className: m(
               "form-select relative bg-white pl-3 pr-10 text-left cursor-default",
               t ? "!border-red-500 !bg-red-500/10 !text-red-700 focus:!ring-red-500 focus:!border-red-500" : "",
-              h
+              d
             ),
             id: n,
             name: r,
@@ -1366,13 +1371,13 @@ const F = {
             ...c,
             children: [
               i && /* @__PURE__ */ o("option", { hidden: !0, value: "", children: i }),
-              s.map((H, p) => /* @__PURE__ */ o(
+              s.map((C, p) => /* @__PURE__ */ o(
                 "option",
                 {
-                  value: (H == null ? void 0 : H.id) || (H == null ? void 0 : H.value) || H,
-                  children: (H == null ? void 0 : H.name) || H
+                  value: (C == null ? void 0 : C.id) || (C == null ? void 0 : C.value) || C,
+                  children: (C == null ? void 0 : C.name) || C
                 },
-                (H == null ? void 0 : H.name) || H
+                (C == null ? void 0 : C.name) || C
               ))
             ]
           }
@@ -1381,12 +1386,12 @@ const F = {
       ]
     }
   );
-}, T1 = y(o1), c1 = ({ className: d = "" }) => /* @__PURE__ */ g(
+}, T1 = y(o1), c1 = ({ className: h = "" }) => /* @__PURE__ */ g(
   "div",
   {
     className: m(
       "flex justify-center items-center bg-gray-200 rounded-lg animate-pulse",
-      d
+      h
     ),
     children: [
       /* @__PURE__ */ o(b, { size: "xLarge", name: "map", className: "mx-auto" }),
@@ -1394,7 +1399,7 @@ const F = {
     ]
   }
 ), $1 = y(c1), d1 = ({
-  placeholderClass: d = "",
+  placeholderClass: h = "",
   children: e,
   className: t = "",
   id: a = 1,
@@ -1413,7 +1418,7 @@ const F = {
   /* @__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}`,
+      className: `slider-card bg-gray-200 animate-pulse ${h}`,
       children: /* @__PURE__ */ o("div", { className: `slider-card-action ${n ? "p-4" : ""}`, children: e })
     },
     r
@@ -1429,7 +1434,7 @@ const F = {
     }
   )
 ] }), O1 = y(d1), h1 = ({
-  className: d = "",
+  className: h = "",
   value: e
 }) => {
   const t = {
@@ -1440,13 +1445,13 @@ const F = {
     {
       className: m(
         'Stars inline-block leading-none font-sans text-base before:content-["★★★★★"]',
-        d
+        h
       ),
       style: t
     }
   );
 }, I1 = h1, u1 = ({
-  className: d = "",
+  className: h = "",
   clear: e = !1,
   error: t = !1,
   errorMessage: a = "",
@@ -1456,8 +1461,8 @@ const F = {
   placeholder: s = "",
   props: i = {},
   rows: c = 4,
-  variation: h = "primary"
-}) => /* @__PURE__ */ g("div", { className: m("relative textarea", h, d), children: [
+  variation: d = "primary"
+}) => /* @__PURE__ */ g("div", { className: m("relative textarea", d, h), children: [
   /* @__PURE__ */ o(
     "textarea",
     {
@@ -1491,7 +1496,7 @@ const F = {
   ),
   a && /* @__PURE__ */ o("span", { className: "relative flex mt-0.5 text-red-700 text-xs text-left", children: a })
 ] }), F1 = y(u1), p1 = ({
-  className: d = "",
+  className: h = "",
   clear: e = !1,
   error: t = !1,
   errorMessage: a = "",
@@ -1501,15 +1506,15 @@ const F = {
   name: s = "",
   placeholder: i = "",
   props: c = {},
-  styles: h = null,
+  styles: d = null,
   type: u = "text",
-  value: f,
+  value: V,
   variation: M = "primary"
 }) => /* @__PURE__ */ g(
   "div",
   {
-    className: m("relative textbox", M, d),
-    style: h ? { ...h } : null,
+    className: m("relative textbox", M, h),
+    style: d ? { ...d } : null,
     children: [
       n && /* @__PURE__ */ o("div", { className: "pointer-events-none absolute inset-y-0 left-0 flex items-center px-2", children: /* @__PURE__ */ o(
         b,
@@ -1527,7 +1532,7 @@ const F = {
           id: l,
           name: s,
           type: u,
-          value: f,
+          value: V,
           autoComplete: "off",
           className: m(
             "form-input",
@@ -1560,20 +1565,20 @@ const F = {
       a && /* @__PURE__ */ o("span", { className: "relative flex mt-0.5 text-red-700 text-xs text-left", children: a })
     ]
   }
-), q1 = y(p1), m1 = ({ children: d, className: e = "", tag: t = "h1", title: a }) => /* @__PURE__ */ o(
+), q1 = y(p1), m1 = ({ children: h, className: e = "", tag: t = "h1", title: a }) => /* @__PURE__ */ o(
   t,
   {
     className: m(
       "!text-xl text-center mb-6 flex items-center justify-center",
       e
     ),
-    children: a || d
+    children: a || h
   }
 ), j1 = y(m1);
-class C {
+class f {
   static calcCrow(e, t, a, n) {
-    const r = C.toRad(a - e), s = C.toRad(n - t);
-    e = C.toRad(e), a = C.toRad(a);
+    const r = f.toRad(a - e), s = f.toRad(n - t);
+    e = f.toRad(e), a = f.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)));
   }
@@ -1588,9 +1593,9 @@ class C {
       return;
     window.dataLayer = window.dataLayer || [];
     const t = document.querySelectorAll("[data-div-track]");
-    typeof C == "function" && t.forEach((a) => {
+    typeof f == "function" && t.forEach((a) => {
       a.addEventListener("click", () => {
-        C.clickTrackEvent(a.dataset.divTrack);
+        f.clickTrackEvent(a.dataset.divTrack);
       });
     });
   }
@@ -1600,20 +1605,19 @@ class C {
       click_value: e
     });
   }
-  /* TODO: Not sure if this or PRECS is more correct */
   static async createData(e, t = null, a = !0) {
-    if (options.isBot || !t)
+    if (window.options.isBot || !t)
       return null;
-    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);
+    const { tolken: n = null, ip: l = null } = await f.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: i === "null" ? null : i,
         headers: {
-          website: C.getWebsiteHeaderName()
+          website: f.getWebsiteHeaderName()
         }
-      }), h = c.headers.get("content-type");
-      if (h && h.indexOf("application/json") !== -1)
+      }), d = c.headers.get("content-type");
+      if (d && d.indexOf("application/json") !== -1)
         return c.json();
       const u = await c.text();
       return u ? u.replace("__next", "") : null;
@@ -1627,7 +1631,7 @@ class C {
   }
   static async deleteSearchValue(e = "recsSearchValue") {
     try {
-      return await C.createData(`/api/cookie/remove?name=${e}`);
+      return await f.createData(`/api/cookie/remove?name=${e}`);
     } catch (t) {
       console.error("deleteSearchValue", t.message);
     }
@@ -1678,12 +1682,12 @@ class C {
   static async fetchData(e, t = !1, a = !0) {
     if (options.isBot)
       return null;
-    const { tolken: n = null, ip: l = null } = await C.getHeaders(), s = e.replace("#", "").replace("%23", "") + "&tolken=" + n + "&ip=" + l;
+    const { tolken: n = null, ip: l = null } = await f.getHeaders(), s = e.replace("#", "").replace("%23", "") + "&tolken=" + n + "&ip=" + l;
     try {
       const i = await fetch(s, { method: "GET" });
       if (t === !0) {
-        const h = await i.text();
-        return h ? h.replace("__next", "") : null;
+        const d = await i.text();
+        return d ? d.replace("__next", "") : null;
       }
       const c = i.headers.get("content-type");
       return c && c.indexOf("application/json") !== -1 ? i.json() : null;
@@ -1698,8 +1702,8 @@ class C {
   }
   static formatDate(e = null) {
     return e ? (e = new Date(e), [
-      C.padTo2Digits(e.getMonth() + 1),
-      C.padTo2Digits(e.getDate()),
+      f.padTo2Digits(e.getMonth() + 1),
+      f.padTo2Digits(e.getDate()),
       e.getFullYear()
     ].join("-")) : null;
   }
@@ -1749,6 +1753,7 @@ class C {
       return "/report/license-plate";
   }
   static async getHeaders(e = 300) {
+    var i;
     const {
       userAgent: t = null,
       userAgentData: a = null,
@@ -1763,26 +1768,28 @@ class C {
       return r;
     const s = localStorage.getItem("headerTolken");
     if (s) {
-      const i = JSON.parse(s), c = (/* @__PURE__ */ new Date()).getTime();
-      return i.expire - c < 0 && localStorage.removeItem("headerTolken"), {
-        tolken: i.tolken,
-        ip: i.ip,
+      const c = JSON.parse(s), d = (/* @__PURE__ */ new Date()).getTime();
+      return c.expire - d < 0 && localStorage.removeItem("headerTolken"), {
+        tolken: c.tolken,
+        ip: c.ip,
         userAgent: t,
         platform: l
       };
     }
+    if ((i = window == null ? void 0 : window.options) != null && i.isPdf)
+      return r;
     try {
-      const c = await (await fetch("/api/headers")).json(), h = (c == null ? void 0 : c.token) ?? null, u = (c == null ? void 0 : c.ip) ?? null;
+      const d = await (await fetch("/api/headers")).json(), u = (d == null ? void 0 : d.token) ?? null, V = (d == null ? void 0 : d.ip) ?? null;
       return localStorage.setItem(
         "headerTolken",
         JSON.stringify({
-          tolken: h,
-          ip: u,
+          tolken: u,
+          ip: V,
           expire: (/* @__PURE__ */ new Date()).getTime() + e * 1e3
         })
-      ), { tolken: h, ip: u, userAgent: t, platform: l };
-    } catch (i) {
-      console.error("getHeaders", i);
+      ), { tolken: u, ip: V, userAgent: t, platform: l };
+    } catch (c) {
+      console.error("getHeaders", c);
     }
     return r;
   }
@@ -1793,19 +1800,19 @@ class C {
     }[e];
   }
   static async getLocationData(e) {
-    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);
+    const { swLat: t, neLng: a, neLat: n, swLng: l } = f.getBounds(e, 3, 0.05), r = "zip-location&swLat=" + t + "&neLng=" + a + "&neLat=" + n + "&swLng=" + l;
+    return await f.fetchData("/api/client?query=" + r);
   }
   static getReportUrl(e, t = 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;
+    var i, c, d;
+    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 = ((d = e == null ? void 0 : e.name) == null ? void 0 : d.slug) ?? null, r = (e == null ? void 0 : e.zip) ?? null;
     t = t || ((e == null ? void 0 : e.id) ?? null);
     const s = [r, "-piq", t].filter((u) => u).join("");
-    return "/" + [a, n, l].filter((u) => u).map((u) => C.toSlug(u)).join("/") + "/" + s;
+    return "/" + [a, n, l].filter((u) => u).map((u) => f.toSlug(u)).join("/") + "/" + s;
   }
   static async getSearchValue(e = "recsSearchValue") {
     try {
-      return await C.createData(`/api/cookie/fetch?name=${e}`);
+      return await f.createData(`/api/cookie/fetch?name=${e}`);
     } catch (t) {
       console.error("getSearchValue", t.message);
     }
@@ -1924,15 +1931,18 @@ class C {
     };
   }
   static async getUser() {
+    var e;
     if (typeof window < "u") {
-      const { user: e = null } = (window == null ? void 0 : window.options) ?? {};
-      if (e)
-        return e;
+      const { user: t = null } = (window == null ? void 0 : window.options) ?? {};
+      if (t)
+        return t;
     }
+    if ((e = window == null ? void 0 : window.options) != null && e.isPdf)
+      return null;
     try {
-      return await C.createData("/api/cookie/fetch?name=odrUser");
-    } catch (e) {
-      console.error("getUser", e.message);
+      return await f.createData("/api/cookie/fetch?name=odrUser");
+    } catch (t) {
+      console.error("getUser", t.message);
     }
     return null;
   }
@@ -1946,7 +1956,7 @@ class C {
         uuid: t
       }
     });
-    return await C.makeSearchFetchCall(
+    return await f.makeSearchFetchCall(
       `/api/client?query=user-get-history&filter=${a}`
     );
   }
@@ -2005,59 +2015,59 @@ class C {
     disableOutsideClick: l = !1
   }) {
     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, H) => ({
         ...p,
-        [V]: new Event(V)
+        [H]: new Event(H)
       }),
       {}
-    ), h = new MutationObserver((p, V) => {
+    ), d = new MutationObserver((p, H) => {
       p.forEach(async (w) => {
         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 H(v), v == null || v.dispatchEvent(c.opened);
+          v == null || v.removeAttribute("inert"), v == null || v.dispatchEvent(c.opening), v && await C(v), v == null || v.dispatchEvent(c.opened);
         }
       });
-    }), u = new MutationObserver((p, V) => {
+    }), u = new MutationObserver((p, H) => {
       p.forEach((w) => {
         w.removedNodes.forEach((v) => {
-          v.nodeName === "DIALOG" && (v.removeEventListener("click", A), v.removeEventListener("close", M), v.dispatchEvent(c.removed), u == null || u.disconnect(), h == null || h.disconnect());
+          v.nodeName === "DIALOG" && (v.removeEventListener("click", A), v.removeEventListener("close", M), v.dispatchEvent(c.removed), u == null || u.disconnect(), d == null || d.disconnect());
         });
       });
     });
-    s && (h.observe(s, {
+    s && (d.observe(s, {
       attributes: !0
     }), u.observe(document.body, {
       attributes: !1,
       subtree: !1,
       childList: !0
     }));
-    const f = () => {
+    const V = () => {
       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 H(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 C(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"));
-    }, H = (p) => Promise.allSettled(
-      p == null ? void 0 : p.getAnimations().map((V) => V == null ? void 0 : V.finished)
+    }, C = (p) => Promise.allSettled(
+      p == null ? void 0 : p.getAnimations().map((H) => H == null ? void 0 : H.finished)
     );
     return !l && (s == null || s.addEventListener("click", A)), s == null || s.addEventListener("close", M), r == null || r.forEach((p) => {
-      p.addEventListener("click", (V) => {
-        f(), a && a(V, s);
+      p.addEventListener("click", (H) => {
+        V(), a && a(H, s);
       });
     }), i == null || i.forEach((p) => {
-      p.addEventListener("click", async (V) => {
-        s == null || s.close("close"), n && n(V, s);
+      p.addEventListener("click", async (H) => {
+        s == null || s.close("close"), n && n(H, s);
       });
     }), {
       activators: r,
       ref: s,
-      handleOpen: f,
+      handleOpen: V,
       handleClose: M
     };
   }
   static hasBoundsEntry(e, t = "bounds") {
-    return C.getBoundsEntries(t).includes(e);
+    return f.getBoundsEntries(t).includes(e);
   }
   static initObserver(e, t, a = null) {
     if (!e)
@@ -2116,7 +2126,7 @@ class C {
       url: n,
       data: l
     };
-    return await C.createData("/api/client?query=log/save&method=POST", r), null;
+    return await f.createData("/api/client?query=log/save&method=POST", r), null;
   }
   static loadAds() {
     window.dataLayer = window.dataLayer || [];
@@ -2133,7 +2143,7 @@ class C {
     if (e) {
       const n = "/scripts/" + e + ".js?v=100.0.5";
       try {
-        return await C.injectScript({
+        return await f.injectScript({
           src: n,
           id: t || e,
           async: !1,
@@ -2149,11 +2159,11 @@ class C {
     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 C.injectScript({ src: a, id: "googleapis", async: !1 });
+    await f.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 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({
+    await f.injectLink({ href: a, id: "leafletCss" }), await f.injectLink({ href: l, id: "gestureCss" }), await f.injectScript({ src: t, id: "leafletJs", async: !1 }), await f.injectScript({
       src: n,
       id: "gestureJs",
       async: !1
@@ -2168,7 +2178,7 @@ class C {
   }
   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 C.injectLink({ href: a, id: "swiperCss" }), await C.injectScript({ src: t, id: "swiperJs", async: !1 });
+    await f.injectLink({ href: a, id: "swiperCss" }), await f.injectScript({ src: t, id: "swiperJs", async: !1 });
   }
   static async makeSearchFetchCall(e) {
     try {
@@ -2205,13 +2215,13 @@ class C {
       max: s = null,
       city: i = null,
       state: c = null,
-      vin: h = null,
+      vin: d = null,
       license: u = null,
-      token: f = null,
+      token: V = null,
       phone: M = null
-    } = 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)), 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("&");
+    } = e || {}, A = t && t !== "", C = r && r !== "" && r !== "18", p = s && s !== "" && r !== "99";
+    let H = [];
+    return t && t !== "" && H.push("name=" + t), A || (a && a !== "" && H.push("first=" + a), n && n !== "" && H.push("middle=" + n), l && l !== "" && H.push("last=" + l)), C && p ? parseInt(r) > parseInt(s) ? (H.push("min=" + s), H.push("max=" + r)) : (H.push("min=" + r), H.push("max=" + s)) : (C && H.push("min=" + r), p && H.push("max=" + s)), M && M !== "" && H.push("phone=" + M), i && i !== "" && H.push("city=" + i), u && u !== "" && H.push("license=" + u), d && d !== "" && H.push("vin=" + d), c && c !== "" && H.push("state=" + c), V && V !== "" && H.push("token=" + V), H.join("&");
   }
   static padTo2Digits(e) {
     return e.toString().padStart(2, "0");
@@ -2228,7 +2238,7 @@ class C {
       useSearch: r = !1,
       useLocation: s = !0,
       state: i = ""
-    } = t ?? {}, { tolken: c = null, ip: h = null } = await C.getHeaders(), f = [
+    } = t ?? {}, { tolken: c = null, ip: d = null } = await f.getHeaders(), V = [
       "query=" + encodeURIComponent(this.cleanupAddress(e)),
       "addressesOnly=" + a,
       "useSearch=" + r,
@@ -2236,9 +2246,9 @@ class C {
       "useCityStateSearch=" + l,
       "useLocation=" + s
     ];
-    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);
+    i && i !== "" && !l && V.push("state=" + i), c && c !== "" && V.push("tolken=" + c), d && d !== "" && V.push("ip=" + d);
+    const M = V.join("&"), C = (n || l ? "/api/autocomplete-city" : "/api/autocomplete") + "?" + M;
+    return await f.makeSearchFetchCall(C);
   }
   static removeElements(e) {
     document.querySelectorAll(e).forEach((t) => t == null ? void 0 : t.remove());
@@ -2257,7 +2267,7 @@ class C {
     });
   }
   static searchInStates(e) {
-    const t = C.getStates(), a = e.toLowerCase();
+    const t = f.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;
   }
@@ -2265,7 +2275,7 @@ class C {
     typeof woopra == "object" && woopra.track(e, t);
   }
   static setBoundsEntries(e, t = "bounds") {
-    const a = C.getBoundsEntries(t);
+    const a = f.getBoundsEntries(t);
     a.push(e), localStorage.setItem(t, JSON.stringify(a));
   }
   static async setCityState(e = null) {
@@ -2274,7 +2284,7 @@ class C {
       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 (C.getStates(), a && !n) {
+    if (f.getStates(), a && !n) {
       const l = this.searchInStates(a);
       l && (a = null, n = l.short);
     }
@@ -2292,7 +2302,7 @@ class C {
     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 C.createData(`/api/cookie/create?name=${t}`, e);
+    localStorage.setItem(t, JSON.stringify(e)), await f.createData(`/api/cookie/create?name=${t}`, e);
   }
   static stickyHeader(e = ".nav") {
     const t = document.querySelector(e);
@@ -2319,7 +2329,7 @@ class C {
     return t.charAt(0).toUpperCase() + t.slice(1);
   }
   static useLayerTitle(e, t) {
-    const a = C.getLayerTitle(e);
+    const a = f.getLayerTitle(e);
     L.tileLayer(a, {
       maxNativeZoom: 19,
       maxZoom: 25,
@@ -2328,11 +2338,11 @@ class C {
     }).addTo(t);
   }
   static ucWords(e) {
-    return e ? e.toString().split(" ").map((t) => C.ucFirst(t)).join(" ") : null;
+    return e ? e.toString().split(" ").map((t) => f.ucFirst(t)).join(" ") : null;
   }
 }
-function V1(d, e = []) {
-  return new Proxy(d, {
+function V1(h, e = []) {
+  return new Proxy(h, {
     get: function(t, a) {
       return t[a];
     },
@@ -2441,7 +2451,7 @@ export {
   b1 as Card,
   P1 as CardSlider,
   w1 as Checkbox,
-  C as Common,
+  f as Common,
   x1 as Container,
   S1 as Dialog,
   k1 as DialogOld,

package/package.json

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