@vehiclehistory/property-lib 0.0.972 → 0.0.973

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

@@ -15,6 +15,8 @@ declare const _default: NamedExoticComponent<{
     hideClose?: boolean;
     iconSize?: IconSizes;
     preventPageScroll?: boolean;
+    sheet?: boolean;
+    sheetDirection?: "right";
     stickyHeader?: boolean;
     title?: string | ReactNode;
     titleClass?: string;

package/dist/main.es.js

@@ -1,6 +1,6 @@
 import { jsx as c, jsxs as M, Fragment as S } from "react/jsx-runtime";
 import m from "classnames";
-import { memo as A, useState as Z, useEffect as N } from "react";
+import { memo as y, useState as Z, useEffect as N } from "react";
 const W = {
   xxSmall: "w-4 h-4",
   xSmall: "w-5 h-5",
@@ -524,7 +524,7 @@ const W = {
       }
     }
   );
-}, x = A(Q), J = ({
+}, A = y(Q), J = ({
   children: d,
   className: e,
   clickHandler: t,
@@ -559,7 +559,7 @@ const W = {
             children: [
               /* @__PURE__ */ c("div", { className: "accordion-title font-medium text-slate-700 sm-max:!text-base text-lg flex items-center", children: n }),
               /* @__PURE__ */ c("span", { className: "accordion-icon ml-6 h-7 flex items-center", children: /* @__PURE__ */ c(
-                x,
+                A,
                 {
                   name: "chevronDown",
                   size: "small",
@@ -593,7 +593,7 @@ const W = {
       ] })
     }
   );
-}, F1 = A(J), _ = ({
+}, F1 = y(J), _ = ({
   children: d,
   className: e,
   messages: t = [],
@@ -637,7 +637,7 @@ const W = {
       ...l,
       children: /* @__PURE__ */ M("div", { className: "flex", children: [
         /* @__PURE__ */ c("div", { className: "flex-shrink-0", children: /* @__PURE__ */ c(
-          x,
+          A,
           {
             name: o,
             viewBox: "0 0 24 24",
@@ -663,7 +663,7 @@ const W = {
       ] })
     }
   );
-}, D1 = A(_), T1 = ({
+}, D1 = y(_), T1 = ({
   autoFocus: d = !1,
   className: e,
   dataSearch: t = "container",
@@ -680,11 +680,11 @@ const W = {
   props: C = {},
   rightIcon: f = "",
   required: g = !1,
-  showSearchIcon: y = !0,
+  showSearchIcon: x = !0,
   showRightIcon: h = !1,
-  size: v = "medium",
+  size: b = "medium",
   styles: w = null,
-  title: b = "",
+  title: v = "",
   type: E,
   useGoogle: j = !1,
   useReact: P = !1
@@ -701,7 +701,7 @@ const W = {
       style: w ? { ...w } : null,
       ...u,
       children: [
-        y && /* @__PURE__ */ M(
+        x && /* @__PURE__ */ M(
           "span",
           {
             className: m(
@@ -712,20 +712,20 @@ const W = {
             ),
             children: [
               /* @__PURE__ */ c(
-                x,
+                A,
                 {
                   className: "home-search select-none text-gray-500",
                   name: i,
-                  size: v === "xLarge" ? "small" : "xSmall",
+                  size: b === "xLarge" ? "small" : "xSmall",
                   viewBox: "0 0 24 24"
                 }
               ),
               /* @__PURE__ */ c(
-                x,
+                A,
                 {
                   className: "arrow-left select-none text-gray-500 hidden",
                   name: "arrowLeft",
-                  size: v === "xLarge" ? "small" : "xSmall",
+                  size: b === "xLarge" ? "small" : "xSmall",
                   viewBox: "0 0 24 24"
                 }
               )
@@ -740,10 +740,10 @@ const W = {
             className: m(
               "w-full bg-white placeholder:bg-white rounded border border-gray-300 py-2 pr-8 shadow-sm focus:outline-none sm-max:text-sm placeholder:text-gray-500 sm-max:placeholder:text-sm placeholder-shown:text-ellipsis truncate",
               {
-                "pl-8": y === !0,
-                "px-3 h-10": v === "medium",
-                "px-4 h-12": v === "large",
-                "px-5 h-[60px] sm:!text-base": v === "xLarge",
+                "pl-8": x === !0,
+                "px-3 h-10": b === "medium",
+                "px-4 h-12": b === "large",
+                "px-5 h-[60px] sm:!text-base": b === "xLarge",
                 peer: n
               },
               l
@@ -764,10 +764,10 @@ const W = {
             className: m(
               "floating-label absolute text-sm !normal-case text-gray-500 duration-300 transform -translate-y-4 scale-75 top-2 z-10 origin-[0] bg-white px-2 peer-focus:text-[#222] peer-focus:px-2 peer-focus:bg-white peer-placeholder-shown:bg-white peer-placeholder-shown:scale-100 peer-placeholder-shown:-translate-y-1/2 peer-placeholder-shown:top-1/2 peer-focus:top-2 peer-focus:scale-75 peer-focus:-translate-y-4 start-1 pointer-events-none",
               {
-                "!left-7": y === !0,
-                "left-2": v === "medium",
-                "left-3": v === "large",
-                "left-4": v === "xLarge"
+                "!left-7": x === !0,
+                "left-2": b === "medium",
+                "left-3": b === "large",
+                "left-4": b === "xLarge"
               }
             ),
             children: n
@@ -779,7 +779,7 @@ const W = {
             "data-id": "search-clear",
             className: "clear-btn absolute inset-y-0 right-0 flex items-center px-2 hidden",
             children: /* @__PURE__ */ c(
-              x,
+              A,
               {
                 className: "cursor-pointer text-gray-500",
                 name: "xCircle",
@@ -795,7 +795,7 @@ const W = {
             "data-id": "search-loading",
             className: "absolute inset-y-0 right-0 flex items-center px-2 pointer-events-none hidden",
             children: /* @__PURE__ */ c(
-              x,
+              A,
               {
                 className: "animate-spin text-[#222]] pointer-events-none",
                 name: "spinnerDark",
@@ -810,7 +810,7 @@ const W = {
           {
             "data-id": "right-icon",
             className: `${h ? "" : "hidden"} absolute inset-y-0 right-0 flex items-center px-2 pointer-events-none`,
-            children: /* @__PURE__ */ c(x, { name: f, size: "small", viewBox: "0 0 24 24" })
+            children: /* @__PURE__ */ c(A, { name: f, size: "small", viewBox: "0 0 24 24" })
           }
         ),
         /* @__PURE__ */ M(
@@ -825,7 +825,7 @@ const W = {
                 {
                   "data-id": "search-dropdown-body",
                   role: "listbox",
-                  "data-title": b,
+                  "data-title": v,
                   "aria-labelledby": "Label",
                   "aria-activedescendant": "search-item-0",
                   children: p.length > 0 ? p.map((k, z) => /* @__PURE__ */ c(
@@ -907,7 +907,7 @@ const W = {
       ...i,
       children: [
         e && /* @__PURE__ */ c(
-          x,
+          A,
           {
             name: e,
             size: u === "md" ? "small" : "xSmall",
@@ -917,7 +917,7 @@ const W = {
         ),
         a,
         r && /* @__PURE__ */ c(
-          x,
+          A,
           {
             name: r,
             size: u === "md" ? "small" : "xSmall",
@@ -928,7 +928,7 @@ const W = {
       ]
     }
   );
-}, F = A(Y), K = ({
+}, F = y(Y), X = ({
   checked: d = !1,
   children: e,
   className: t,
@@ -970,7 +970,7 @@ const W = {
       ]
     }
   );
-}, I1 = A(K), X = ({
+}, I1 = y(X), K = ({
   activator: d,
   id: e = "",
   children: t,
@@ -985,12 +985,14 @@ const W = {
   hideClose: u = !1,
   iconSize: V = "medium",
   preventPageScroll: C = !0,
-  stickyHeader: f = !1,
-  title: g = "",
-  titleClass: y,
-  useFormMethod: h = !0
+  sheet: f = !1,
+  sheetDirection: g = "right",
+  stickyHeader: x = !1,
+  title: h = "",
+  titleClass: b,
+  useFormMethod: w = !0
 }) => {
-  const v = h ? "form" : "div";
+  const v = w ? "form" : "div";
   return /* @__PURE__ */ M(S, { children: [
     d && /* @__PURE__ */ c("span", { id: `${e}-dialog-activator`, children: d }),
     /* @__PURE__ */ c(
@@ -1003,7 +1005,9 @@ const W = {
           "dialog",
           {
             "dialog-full-mobile": o,
+            "dialog-sheet": f,
             dark: l,
+            "dialog-sheet--right": g === "right",
             "prevent-scroll": C
           },
           a
@@ -1012,7 +1016,7 @@ const W = {
           v,
           {
             className: "dialog-container",
-            method: h ? "dialog" : null,
+            method: w ? "dialog" : null,
             children: [
               /* @__PURE__ */ M(
                 "header",
@@ -1020,14 +1024,14 @@ const W = {
                   className: m(
                     "dialog-header",
                     {
-                      "sticky top-0 bg-white z-10": f,
-                      "!pb-0 border-0 justify-end": !g,
-                      "justify-between border-b": g
+                      "sticky top-0 bg-white z-10": x,
+                      "!pb-0 border-0 justify-end": !h,
+                      "justify-between border-b": h
                     },
                     p
                   ),
                   children: [
-                    g && /* @__PURE__ */ c("h3", { id: `${e}-dialog-title`, className: y, children: g }),
+                    h && /* @__PURE__ */ c("h3", { id: `${e}-dialog-title`, className: b, children: h }),
                     !u && /* @__PURE__ */ c(
                       "button",
                       {
@@ -1037,7 +1041,7 @@ const W = {
                         "data-dialog-close": "",
                         value: "close",
                         children: /* @__PURE__ */ c(
-                          x,
+                          A,
                           {
                             name: "close",
                             size: V,
@@ -1070,7 +1074,7 @@ const W = {
       }
     )
   ] });
-}, B1 = A(X), $1 = ({ className: d }) => /* @__PURE__ */ M("div", { className: m("Dots mx-auto", d), children: [
+}, B1 = y(K), $1 = ({ className: d }) => /* @__PURE__ */ M("div", { className: m("Dots mx-auto", d), children: [
   /* @__PURE__ */ c("span", { style: { animationDelay: "0.1s" } }),
   /* @__PURE__ */ c("span", { style: { animationDelay: "0.2s" } }),
   /* @__PURE__ */ c("span", { style: { animationDelay: "0.3s" } }),
@@ -1121,7 +1125,7 @@ const W = {
       children: /* @__PURE__ */ c("div", { className: "loading-bar__inner", "data-size": "100" })
     }
   );
-}, q1 = A(e1), t1 = ({ className: d }) => /* @__PURE__ */ c("div", { className: m("processing-spinner", d) }), j1 = A(t1), P1 = ({
+}, q1 = y(e1), t1 = ({ className: d }) => /* @__PURE__ */ c("div", { className: m("processing-spinner", d) }), j1 = y(t1), P1 = ({
   activator: d,
   activatorClass: e = "",
   attrs: t = {},
@@ -1227,7 +1231,7 @@ const W = {
       )
     }
   );
-}, R1 = A(a1), n1 = ({
+}, R1 = y(a1), n1 = ({
   checked: d = !1,
   children: e,
   className: t,
@@ -1268,7 +1272,7 @@ const W = {
       ]
     }
   );
-}, W1 = A(n1), s1 = ({
+}, W1 = y(n1), s1 = ({
   className: d = "",
   error: e = !1,
   errorMessage: t = "",
@@ -1323,7 +1327,7 @@ const W = {
       ]
     }
   );
-}, U1 = A(s1), r1 = ({ className: d }) => /* @__PURE__ */ M(
+}, U1 = y(s1), r1 = ({ className: d }) => /* @__PURE__ */ M(
   "div",
   {
     className: m(
@@ -1331,11 +1335,11 @@ const W = {
       d
     ),
     children: [
-      /* @__PURE__ */ c(x, { size: "xLarge", name: "map", className: "mx-auto" }),
+      /* @__PURE__ */ c(A, { size: "xLarge", name: "map", className: "mx-auto" }),
       /* @__PURE__ */ c("span", { className: "sr-only", children: "Loading..." })
     ]
   }
-), G1 = A(r1), l1 = ({
+), G1 = y(r1), l1 = ({
   placeholderClass: d = "",
   children: e,
   className: t,
@@ -1349,7 +1353,7 @@ const W = {
       id: `btn-left-${a}`,
       type: "button",
       className: "slider-button__prev ",
-      children: /* @__PURE__ */ c(x, { name: "chevronLeft" })
+      children: /* @__PURE__ */ c(A, { name: "chevronLeft" })
     }
   ),
   /* @__PURE__ */ c("div", { id: `slider-container-${a}`, className: "slider-container", children: Array.from({ length: 4 }, (s, l) => /* @__PURE__ */ c(
@@ -1367,11 +1371,11 @@ const W = {
       id: `btn-right-${a}`,
       type: "button",
       className: "slider-button__next",
-      children: /* @__PURE__ */ c(x, { name: "chevronRight" })
+      children: /* @__PURE__ */ c(A, { name: "chevronRight" })
     }
   )
-] }), Q1 = A(l1), i1 = ({ className: d, iconClass: e, iconProps: t = {} }) => /* @__PURE__ */ c("div", { className: m("rounded-r-md px-2 focus:outline-none", d), children: /* @__PURE__ */ c(
-  x,
+] }), Q1 = y(l1), i1 = ({ className: d, iconClass: e, iconProps: t = {} }) => /* @__PURE__ */ c("div", { className: m("rounded-r-md px-2 focus:outline-none", d), children: /* @__PURE__ */ c(
+  A,
   {
     className: m("animate-spin text-black-900", e),
     size: "xSmall",
@@ -1379,7 +1383,7 @@ const W = {
     viewBox: "0 0 24 24",
     ...t
   }
-) }), J1 = A(i1), _1 = ({
+) }), J1 = y(i1), _1 = ({
   className: d,
   value: e
 }) => {
@@ -1433,7 +1437,7 @@ const W = {
       id: `${n}-clear`,
       className: "textarea-clear absolute right-0 top-2 bottom-auto flex items-center rounded-r-md pr-2 focus:outline-none hidden",
       children: /* @__PURE__ */ c(
-        x,
+        A,
         {
           size: "xSmall",
           name: "xCircle",
@@ -1443,7 +1447,7 @@ const W = {
     }
   ),
   a && /* @__PURE__ */ c("span", { className: "relative flex mt-0.5 text-red-700 text-xs text-left", children: a })
-] }), c1 = A(o1), d1 = ({
+] }), c1 = y(o1), d1 = ({
   className: d,
   clear: e = !1,
   error: t = !1,
@@ -1465,7 +1469,7 @@ const W = {
     style: p ? { ...p } : null,
     children: [
       n && /* @__PURE__ */ c("div", { className: "pointer-events-none absolute inset-y-0 left-0 flex items-center px-2", children: /* @__PURE__ */ c(
-        x,
+        A,
         {
           size: "xSmall",
           name: n,
@@ -1501,7 +1505,7 @@ const W = {
           id: `${s}-clear`,
           className: "textbox-clear absolute inset-y-0 right-0 flex items-center rounded-r-md px-2 focus:outline-none hidden",
           children: /* @__PURE__ */ c(
-            x,
+            A,
             {
               size: "xSmall",
               name: "xCircle",
@@ -1513,7 +1517,7 @@ const W = {
       a && /* @__PURE__ */ c("span", { className: "relative flex mt-0.5 text-red-700 text-xs text-left", children: a })
     ]
   }
-), D = A(d1), h1 = ({ checked: d = !1, props: e = {} }) => /* @__PURE__ */ c(S, { children: /* @__PURE__ */ c("label", { className: "flex cursor-pointer select-none items-center", children: /* @__PURE__ */ M("div", { className: "relative", children: [
+), D = y(d1), h1 = ({ checked: d = !1, props: e = {} }) => /* @__PURE__ */ c(S, { children: /* @__PURE__ */ c("label", { className: "flex cursor-pointer select-none items-center", children: /* @__PURE__ */ M("div", { className: "relative", children: [
   /* @__PURE__ */ c(
     "input",
     {
@@ -1535,7 +1539,7 @@ const W = {
       className: `absolute left-1 top-1 flex h-6 w-6 items-center justify-center rounded-full bg-white transition ${d ? "translate-x-full" : ""}`
     }
   )
-] }) }) }), Y1 = A(h1), u1 = ({
+] }) }) }), Y1 = y(h1), u1 = ({
   btnClass: d,
   className: e = "",
   containerClass: t,
@@ -1633,7 +1637,7 @@ const W = {
       ]
     }
   );
-}, K1 = A(u1), p1 = ({
+}, X1 = y(u1), p1 = ({
   block: d = !1,
   children: e,
   className: t,
@@ -1671,7 +1675,7 @@ const W = {
       ]
     }
   );
-}, X1 = A(p1), m1 = ({
+}, K1 = y(p1), m1 = ({
   children: d,
   className: e,
   colGap: t = 2,
@@ -1706,7 +1710,7 @@ const W = {
       d
     ]
   }
-), e2 = A(m1), t2 = ({
+), e2 = y(m1), t2 = ({
   breakPage: d = !1,
   children: e,
   className: t,
@@ -1746,7 +1750,7 @@ const W = {
     ),
     children: n || e
   }
-), n2 = A(f1), V1 = {
+), n2 = y(f1), V1 = {
   circular: "circular 3s linear infinite",
   "circular-reverse": "circular 3s linear reverse infinite",
   "fade-in": "fade-in 0.2.5s ease-out",
@@ -1757,6 +1761,8 @@ const W = {
   "listbox-close": "listbox-close 0.075s ease-out",
   "menu-open": "menu-open 0.1s ease-out",
   "menu-close": "menu-close 0.1s ease-in-out",
+  "slide-out-to-right": "slide-out-to-right 0.3s ease-in forwards",
+  "slide-in-from-right": "slide-in-from-right 0.3s ease-out forwards",
   indeterminate_first: "indeterminate_first 1.1s ease-in-out infinite"
 }, H1 = {
   map: "var(--map)"
@@ -1857,6 +1863,26 @@ const W = {
     "100%": {
       transform: "translateX(100%)"
     }
+  },
+  "slide-out-to-right": {
+    from: {
+      opacity: "1",
+      transform: "translateX(0)"
+    },
+    to: {
+      opacity: "0",
+      transform: "translateX(100%)"
+    }
+  },
+  "slide-in-from-right": {
+    from: {
+      opacity: "0",
+      transform: "translateX(100%)"
+    },
+    to: {
+      opacity: "1",
+      transform: "translateX(0)"
+    }
   }
 }, g1 = {
   20: "5rem",
@@ -1885,10 +1911,10 @@ const W = {
     max: "1199px"
   },
   "lg-up": "1200px"
-}, A1 = {
+}, y1 = {
   0: "0ms",
   50: "50ms"
-}, x1 = {
+}, A1 = {
   "center-top": "center 30%"
 }, O = {
   animation: V1,
@@ -1899,8 +1925,8 @@ const W = {
   margin: g1,
   maxWidth: v1,
   screens: b1,
-  transitionDuration: A1,
-  transformOrigin: x1
+  transitionDuration: y1,
+  transformOrigin: A1
 }, I = {
   black: {
     50: "#FCFCFC",
@@ -2011,7 +2037,7 @@ const W = {
 }, s2 = {
   ...I,
   ...B
-}, y1 = ({ matchUtilities: d, theme: e }) => d(
+}, x1 = ({ matchUtilities: d, theme: e }) => d(
   {
     aspect: (t) => ({
       "@supports (aspect-ratio: 1 / 1)": {
@@ -2069,8 +2095,8 @@ const W = {
       ...u,
       ...C
     }, Object.entries(l).forEach(([f, g]) => {
-      const y = `.${e(`${t}-${o}-${f}`)}`, h = i ? i({ sizeKey: o, sizeValue: p, weightKey: f, weightValue: g }) : {};
-      r[y] = {
+      const x = `.${e(`${t}-${o}-${f}`)}`, h = i ? i({ sizeKey: o, sizeValue: p, weightKey: f, weightValue: g }) : {};
+      r[x] = {
         ...u,
         "font-weight": g,
         ...h
@@ -2181,7 +2207,7 @@ const W = {
       classPrefix: "text-body",
       sizes: i,
       weights: s
-    }), y1({ matchUtilities: e, theme: t }), w1({ matchUtilities: e, theme: t }), S1({ matchUtilities: e }), k1({ matchUtilities: e });
+    }), x1({ matchUtilities: e, theme: t }), w1({ matchUtilities: e, theme: t }), S1({ matchUtilities: e }), k1({ matchUtilities: e });
   }
 ], r2 = {
   theme: {
@@ -2783,23 +2809,23 @@ class H {
       "outside",
       "removed"
     ].reduce(
-      (h, v) => ({
+      (h, b) => ({
         ...h,
-        [v]: new Event(v)
+        [b]: new Event(b)
       }),
       {}
-    ), V = new MutationObserver((h, v) => {
+    ), V = new MutationObserver((h, b) => {
       h.forEach(async (w) => {
         if (w.attributeName === "open") {
-          const b = w.target;
-          if (!(b == null ? void 0 : b.hasAttribute("open"))) return;
-          b == null || b.removeAttribute("inert"), b == null || b.dispatchEvent(u.opening), b && await y(b), b == null || b.dispatchEvent(u.opened);
+          const v = w.target;
+          if (!(v == null ? void 0 : v.hasAttribute("open"))) return;
+          v == null || v.removeAttribute("inert"), v == null || v.dispatchEvent(u.opening), v && await x(v), v == null || v.dispatchEvent(u.opened);
         }
       });
-    }), C = new MutationObserver((h, v) => {
+    }), C = new MutationObserver((h, b) => {
       h.forEach((w) => {
-        w.removedNodes.forEach((b) => {
-          b.nodeName === "DIALOG" && (b.removeEventListener("click", g), b.removeEventListener("close", f), b.dispatchEvent(u.removed), C == null || C.disconnect(), V == null || V.disconnect());
+        w.removedNodes.forEach((v) => {
+          v.nodeName === "DIALOG" && (v.removeEventListener("click", g), v.removeEventListener("close", f), v.dispatchEvent(u.removed), C == null || C.disconnect(), V == null || V.disconnect());
         });
       });
     });
@@ -2811,11 +2837,11 @@ class H {
       childList: !0
     }));
     const f = async ({ target: h }) => {
-      h == null || h.classList.add("closing"), h == null || h.setAttribute("inert", ""), h == null || h.dispatchEvent(u.closing), h && await y(h), h == null || h.classList.remove("closing"), h == null || h.dispatchEvent(u.closed);
+      h == null || h.classList.add("closing"), h == null || h.setAttribute("inert", ""), h == null || h.dispatchEvent(u.closing), h && await x(h), h == null || h.classList.remove("closing"), h == null || h.dispatchEvent(u.closed);
     }, g = async ({ target: h }) => {
       (h == null ? void 0 : h.nodeName) === "DIALOG" && (h == null || h.dispatchEvent(u.outside), o == null || o.close("outside"));
-    }, y = (h) => Promise.allSettled(
-      h == null ? void 0 : h.getAnimations().map((v) => v == null ? void 0 : v.finished)
+    }, x = (h) => Promise.allSettled(
+      h == null ? void 0 : h.getAnimations().map((b) => b == null ? void 0 : b.finished)
     );
     return !e && (o == null || o.addEventListener("click", g)), o == null || o.addEventListener("close", async (h) => {
       await f({ target: h.target }), a && a(h, o);
@@ -2826,11 +2852,11 @@ class H {
     })), n && (o == null || o.addEventListener("open", async (h) => {
       n(h, o);
     })), r == null || r.forEach((h) => {
-      h.addEventListener("click", (v) => {
-        o == null || o.showModal(), s && s(v, o);
+      h.addEventListener("click", (b) => {
+        o == null || o.showModal(), s && s(b, o);
       });
     }), p == null || p.forEach((h) => {
-      h.addEventListener("click", async (v) => {
+      h.addEventListener("click", async (b) => {
         o == null || o.close("close");
       });
     }), {
@@ -2981,9 +3007,9 @@ class H {
       license: u = null,
       token: V = null,
       phone: C = null
-    } = e || {}, f = t && t !== "", g = l && l !== "" && l !== "18", y = i && i !== "" && l !== "99";
+    } = e || {}, f = t && t !== "", g = l && l !== "" && l !== "18", x = i && i !== "" && l !== "99";
     let h = [];
-    return t && t !== "" && h.push("name=" + t), f || (a && a !== "" && h.push("first=" + a), n && n !== "" && h.push("middle=" + n), s && s !== "" && h.push("last=" + s)), g && y ? parseInt(l) > parseInt(i) ? (h.push("min=" + i), h.push("max=" + l)) : (h.push("min=" + l), h.push("max=" + i)) : (g && h.push("min=" + l), y && h.push("max=" + i)), C && C !== "" && h.push("phone=" + C), r && r !== "" && h.push("city=" + r), u && u !== "" && h.push("license=" + u), p && p !== "" && h.push("vin=" + p), o && o !== "" && h.push("state=" + o), V && V !== "" && h.push("token=" + V), h.join("&");
+    return t && t !== "" && h.push("name=" + t), f || (a && a !== "" && h.push("first=" + a), n && n !== "" && h.push("middle=" + n), s && s !== "" && h.push("last=" + s)), g && x ? parseInt(l) > parseInt(i) ? (h.push("min=" + i), h.push("max=" + l)) : (h.push("min=" + l), h.push("max=" + i)) : (g && h.push("min=" + l), x && h.push("max=" + i)), C && C !== "" && h.push("phone=" + C), r && r !== "" && h.push("city=" + r), u && u !== "" && h.push("license=" + u), p && p !== "" && h.push("vin=" + p), o && o !== "" && h.push("state=" + o), V && V !== "" && h.push("token=" + V), h.join("&");
   }
   static padTo2Digits(e) {
     return e.toString().padStart(2, "0");
@@ -3019,8 +3045,8 @@ class H {
       "isOptOutSearch=" + C
     ];
     r && r !== "" && !s && h.push("state=" + r), f && f !== "" && h.push("tolken=" + f), g && g !== "" && h.push("ip=" + g);
-    const v = h.join("&"), b = (n || s ? "/api/autocomplete-city" : "/api/autocomplete") + "?" + v;
-    return await H.fetchData(b);
+    const b = h.join("&"), v = (n || s ? "/api/autocomplete-city" : "/api/autocomplete") + "?" + b;
+    return await H.fetchData(v);
   }
   static removeElements(e) {
     document.querySelectorAll(e).forEach((t) => t == null ? void 0 : t.remove());
@@ -3182,13 +3208,13 @@ export {
   h2 as CardSlider,
   I1 as Checkbox,
   H as Common,
-  K1 as ContactForm,
-  X1 as ContentCard,
+  X1 as ContactForm,
+  K1 as ContentCard,
   B1 as Dialog,
   $1 as Dots,
   e2 as FlexItem,
   n2 as FunnelHeader,
-  x as Icon,
+  A as Icon,
   q1 as LoadingBar,
   P1 as Popover,
   j1 as ProcessingSpinner,