@vehiclehistory/property-lib 0.0.11 → 0.0.13

package/dist/main.js

@@ -1,6 +1,6 @@
-import { jsx as i, jsxs as v, Fragment as z } from "react/jsx-runtime";
-import { memo as A, useState as Z, useEffect as S, useRef as q } from "react";
-import m from "classnames";
+import { jsx as o, jsxs as v, Fragment as z } from "react/jsx-runtime";
+import { memo as A, useState as Z, useEffect as k, useRef as $ } from "react";
+import p from "classnames";
 const F = {
   xxSmall: "w-4 h-4",
   xSmall: "w-5 h-5",
@@ -10,7 +10,7 @@ const F = {
   mediumPlus: "w-9 h-9",
   large: "w-10 h-10",
   xLarge: "w-12 h-12"
-}, B = {
+}, q = {
   account: {
     path: '<path d="M12,4A4,4 0 0,1 16,8A4,4 0 0,1 12,12A4,4 0 0,1 8,8A4,4 0 0,1 12,4M12,14C16.42,14 20,15.79 20,18V20H4V18C4,15.79 7.58,14 12,14Z" />'
   },
@@ -470,60 +470,60 @@ 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" />'
   }
-}, I = (d) => B[d], R = ({
+}, j = (d) => q[d], P = ({
   color: d = "text-current",
   className: e,
   name: t,
   size: a = "medium",
   viewBox: n = "0 0 20 20"
 }) => {
-  const r = I(t), [s, l] = Z(d), [o, c] = Z(r);
-  return S(() => {
-    c(r);
-  }, [r]), S(() => {
-    l(d);
-  }, [d]), !r && console.error("Icon does not exist", t), /* @__PURE__ */ i(
+  const l = j(t), [i, r] = Z(d), [s, c] = Z(l);
+  return k(() => {
+    c(l);
+  }, [l]), k(() => {
+    r(d);
+  }, [d]), !l && console.error("Icon does not exist", t), /* @__PURE__ */ o(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
-      className: `${F[a]} fill-current flex-shrink-0 ${s}${e ? ` ${e}` : ""}`,
+      className: `${F[a]} fill-current flex-shrink-0 ${i}${e ? ` ${e}` : ""}`,
       style: { maxWidth: "4em" },
       role: "presentation",
       viewBox: n,
       dangerouslySetInnerHTML: {
-        __html: o && o.path
+        __html: s && s.path
       }
     }
   );
-}, b = A(R), P = ({
+}, b = A(P), W = ({
   children: d,
   className: e,
   clickHandler: t,
   panelClass: a,
   title: n,
-  unmount: r = !0,
-  isOpen: s = !1
+  unmount: l = !0,
+  isOpen: i = !1
 }) => {
-  const [l, o] = Z(s);
-  return /* @__PURE__ */ i("div", { className: m("shadow rounded-lg", e), children: /* @__PURE__ */ v(z, { children: [
+  const [r, s] = Z(i);
+  return /* @__PURE__ */ o("div", { className: p("shadow rounded-lg", e), children: /* @__PURE__ */ v(z, { children: [
     /* @__PURE__ */ v(
       "button",
       {
         type: "button",
         "data-div-track": `report | accordion | ${n}`,
-        className: m(
+        className: p(
           "acc-a flex w-full justify-between items-center bg-gray-50 px-4 py-2 text-left font-medium text-slate-700 border border-gray-200 focus:outline-none focus-visible:ring focus-visible:ring-gray-500 focus-visible:ring-opacity-75",
           {
-            "acc-o": l
+            "acc-o": r
           }
         ),
         title: n,
         onClick: () => {
-          o(!l), t && t(!l);
+          s(!r), t && t(!r);
         },
         children: [
-          /* @__PURE__ */ i("div", { className: "font-medium text-slate-700 sm-max:!text-base text-lg flex items-center", children: n }),
-          /* @__PURE__ */ i("span", { className: "ml-6 h-7 flex items-center", children: /* @__PURE__ */ i(
+          /* @__PURE__ */ o("div", { className: "font-medium text-slate-700 sm-max:!text-base text-lg flex items-center", children: n }),
+          /* @__PURE__ */ o("span", { className: "ml-6 h-7 flex items-center", children: /* @__PURE__ */ o(
             b,
             {
               name: "chevronDown",
@@ -534,38 +534,38 @@ const F = {
         ]
       }
     ),
-    r && l && /* @__PURE__ */ i(
+    l && r && /* @__PURE__ */ o(
       "div",
       {
-        className: m(
+        className: p(
           "acc-p p-4 border-x border-b rounded-bl-lg rounded-br-lg border-gray-200 relative",
           a
         ),
         children: d
       }
     ),
-    !r && /* @__PURE__ */ i(
+    !l && /* @__PURE__ */ o(
       "div",
       {
-        className: m(
+        className: p(
           "acc-p p-4 border-x border-b rounded-bl-lg rounded-br-lg border-gray-200 relative",
           a,
-          { hidden: !l }
+          { hidden: !r }
         ),
         children: d
       }
     )
   ] }) });
-}, d1 = A(P), U = ({
+}, u1 = A(W), R = ({
   children: d,
   className: e = "",
   messages: t = [],
   title: a = "",
   titleClass: n = "",
-  props: r = {},
-  type: s = "error"
+  props: l = {},
+  type: i = "error"
 }) => {
-  const l = {
+  const r = {
     error: {
       icon: "error",
       iconColor: "text-red-500",
@@ -586,51 +586,51 @@ const F = {
       iconColor: "text-yellow-500",
       styles: "bg-yellow-50 border-yellow-300 text-yellow-700"
     }
-  }, { icon: o, iconColor: c, styles: h } = l[s];
-  return /* @__PURE__ */ i(
+  }, { icon: s, iconColor: c, styles: h } = r[i];
+  return /* @__PURE__ */ o(
     "div",
     {
-      id: s,
-      className: m(
+      id: i,
+      className: p(
         "rounded w-full py-2 px-4 mb-4 border",
         h,
         e
       ),
-      ...r,
+      ...l,
       children: /* @__PURE__ */ v("div", { className: "flex", children: [
-        /* @__PURE__ */ i("div", { className: "flex-shrink-0", children: /* @__PURE__ */ i(
+        /* @__PURE__ */ o("div", { className: "flex-shrink-0", children: /* @__PURE__ */ o(
           b,
           {
-            name: o,
+            name: s,
             viewBox: "0 0 24 24",
             className: c,
             size: "xSmall"
           }
         ) }),
         /* @__PURE__ */ v("div", { className: "ml-3", children: [
-          /* @__PURE__ */ i("div", { className: m("font-medium text-sm", n), children: a }),
-          t.length > 0 ? /* @__PURE__ */ i("div", { className: "mt-2 text-xs", children: /* @__PURE__ */ i("ul", { role: "list", className: "list-disc space-y-1 pl-5", children: t.map((p, C) => /* @__PURE__ */ i("li", { children: p }, C)) }) }) : ""
+          /* @__PURE__ */ o("div", { className: p("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((m, C) => /* @__PURE__ */ o("li", { children: m }, C)) }) }) : ""
         ] })
       ] })
     }
   );
-}, h1 = A(U), u1 = ({
+}, p1 = A(R), m1 = ({
   autoFocus: d = !1,
   required: e = !1,
   className: t = "",
   defaultValue: a = "",
   id: n = "",
-  type: r,
-  floatingLabel: s = "",
-  inputClass: l = "",
-  leftIcon: o = "homeSearch",
+  type: l,
+  floatingLabel: i = "",
+  inputClass: r = "",
+  leftIcon: s = "homeSearch",
   mobileBackdrop: c = !1,
   showSearchIcon: h = !0,
-  options: p = [],
+  options: m = [],
   name: C = "",
-  placeholder: f = "",
+  placeholder: M = "",
   props: y = {},
-  size: M = "medium",
+  size: f = "medium",
   styles: u = null,
   title: V = ""
 }) => /* @__PURE__ */ v(
@@ -638,88 +638,88 @@ const F = {
   {
     id: n,
     "data-search": "container",
-    "data-search-type": r,
-    className: m("Autocomplete", t),
+    "data-search-type": l,
+    className: p("Autocomplete", t),
     style: u ? { ...u } : null,
     children: [
       h && /* @__PURE__ */ v(
         "span",
         {
-          className: m(
+          className: p(
             "search-icon-left absolute inset-y-0 left-0 flex items-center pl-2",
             {
               "pointer-events-none": c
             }
           ),
           children: [
-            /* @__PURE__ */ i(
+            /* @__PURE__ */ o(
               b,
               {
                 className: "home-search select-none text-gray-500",
-                name: o,
-                size: M === "xLarge" ? "small" : "xSmall",
+                name: s,
+                size: f === "xLarge" ? "small" : "xSmall",
                 viewBox: "0 0 24 24"
               }
             ),
-            /* @__PURE__ */ i(
+            /* @__PURE__ */ o(
               b,
               {
                 className: "arrow-left select-none text-gray-500 hidden",
                 name: "arrowLeft",
-                size: M === "xLarge" ? "small" : "xSmall",
+                size: f === "xLarge" ? "small" : "xSmall",
                 viewBox: "0 0 24 24"
               }
             )
           ]
         }
       ),
-      /* @__PURE__ */ i(
+      /* @__PURE__ */ o(
         "input",
         {
           "data-lpignore": "true",
           autoFocus: d,
-          className: m(
+          className: p(
             "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": M === "medium",
-              "px-4 h-12": M === "large",
-              "px-5 h-[60px] sm:!text-base": M === "xLarge",
-              peer: s
+              "px-3 h-10": f === "medium",
+              "px-4 h-12": f === "large",
+              "px-5 h-[60px] sm:!text-base": f === "xLarge",
+              peer: i
             },
-            l
+            r
           ),
           required: e,
           autoComplete: "off",
           value: a,
-          placeholder: !f && s ? " " : f,
+          placeholder: !M && i ? " " : M,
           type: "search",
           name: C || "search-input",
           "data-id": "search-input",
           ...y
         }
       ),
-      s && /* @__PURE__ */ i(
+      i && /* @__PURE__ */ o(
         "label",
         {
-          className: m(
+          className: p(
             "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": M === "medium",
-              "left-3": M === "large",
-              "left-4": M === "xLarge"
+              "left-2": f === "medium",
+              "left-3": f === "large",
+              "left-4": f === "xLarge"
             }
           ),
-          children: s
+          children: i
         }
       ),
-      /* @__PURE__ */ i(
+      /* @__PURE__ */ o(
         "span",
         {
           "data-id": "search-clear",
           className: "clear-btn absolute inset-y-0 right-0 flex items-center px-2 hidden",
-          children: /* @__PURE__ */ i(
+          children: /* @__PURE__ */ o(
             b,
             {
               className: "cursor-pointer text-gray-500",
@@ -730,12 +730,12 @@ const F = {
           )
         }
       ),
-      /* @__PURE__ */ i(
+      /* @__PURE__ */ o(
         "span",
         {
           "data-id": "search-loading",
           className: "absolute inset-y-0 right-0 flex items-center px-2 pointer-events-none hidden",
-          children: /* @__PURE__ */ i(
+          children: /* @__PURE__ */ o(
             b,
             {
               className: "animate-spin text-[#222]] pointer-events-none",
@@ -752,8 +752,8 @@ const F = {
           "data-id": "search-dropdown",
           className: "dropdown absolute z-[15] w-full bg-white shadow-lg max-h-56 rounded-bl rounded-br py-1 overflow-auto focus:outline-none sm:text-sm sm:custom-scrollbar border-x border-b border-gray-300 hidden",
           children: [
-            /* @__PURE__ */ i("div", { "data-id": "search-dropdown-header" }),
-            /* @__PURE__ */ i(
+            /* @__PURE__ */ o("div", { "data-id": "search-dropdown-header" }),
+            /* @__PURE__ */ o(
               "ul",
               {
                 "data-id": "search-dropdown-body",
@@ -761,7 +761,7 @@ const F = {
                 "data-title": V,
                 "aria-labelledby": "Label",
                 "aria-activedescendant": "search-item-0",
-                children: p.length > 0 ? p.map((w, g) => /* @__PURE__ */ i(
+                children: m.length > 0 ? m.map((w, g) => /* @__PURE__ */ o(
                   "li",
                   {
                     id: `search-item-${g}`,
@@ -780,15 +780,15 @@ const F = {
       )
     ]
   }
-), p1 = ({
+), V1 = ({
   children: d,
   className: e = "",
   size: t = "sm",
   tag: a = "span"
-}) => /* @__PURE__ */ i(
+}) => /* @__PURE__ */ o(
   a || "span",
   {
-    className: m(
+    className: p(
       " bg-gray-200 font-semibold py-1 px-2 rounded-md",
       {
         "text-sm": t === "sm",
@@ -799,34 +799,34 @@ const F = {
     ),
     children: d
   }
-), W = ({
+), U = ({
   children: d,
   className: e = "",
   disabled: t = !1,
   href: a,
   props: n = {},
-  rounded: r = !1,
-  type: s = "button",
-  uppercase: l = !1,
-  variation: o = "primary"
+  rounded: l = !1,
+  type: i = "button",
+  uppercase: r = !1,
+  variation: s = "primary"
 }) => {
   const c = a ? "a" : "button";
-  return /* @__PURE__ */ i(
+  return /* @__PURE__ */ o(
     c,
     {
-      type: c !== "a" ? s : null,
-      className: m(
+      type: c !== "a" ? i : null,
+      className: p(
         "Button",
         {
-          "Button--primary": o === "primary",
-          "Button--secondary": o === "secondary",
-          "Button--rounded": r,
-          "Button--icon": o === "icon",
-          "Button--link": o === "link",
+          "Button--primary": s === "primary",
+          "Button--secondary": s === "secondary",
+          "Button--rounded": l,
+          "Button--icon": s === "icon",
+          "Button--link": s === "link",
           "Button--disabled": t,
           "custom-link": a
         },
-        l,
+        r,
         e
       ),
       disabled: t,
@@ -835,30 +835,30 @@ const F = {
       children: d
     }
   );
-}, m1 = A(W), V1 = ({ children: d, className: e }) => /* @__PURE__ */ i("div", { className: m("flex md:max-w-min border border-gray-300 divide-x divide-gray-200 rounded-lg", e), children: d }), H1 = ({
+}, H1 = A(U), L1 = ({ children: d, className: e }) => /* @__PURE__ */ o("div", { className: p("flex md:max-w-min border border-gray-300 divide-x divide-gray-200 rounded-lg", e), children: d }), C1 = ({
   block: d = !1,
   borderless: e = !1,
   children: t,
   className: a = "",
   divider: n = !0,
-  inset: r = !0,
-  id: s = null,
-  role: l = null
-}) => /* @__PURE__ */ i(
+  inset: l = !0,
+  id: i = null,
+  role: r = null
+}) => /* @__PURE__ */ o(
   "div",
   {
-    className: m(
+    className: p(
       "bg-white",
       {
         f1: !e,
         f2: d,
         f3: n,
-        f4: r
+        f4: l
       },
       a
     ),
-    id: s,
-    role: l,
+    id: i,
+    role: r,
     children: t
   }
 ), Q = ({
@@ -867,42 +867,42 @@ const F = {
   className: t = "",
   error: a = !1,
   id: n = "",
-  label: r = "",
-  name: s = "",
-  props: l = {},
-  variation: o = "primary",
+  label: l = "",
+  name: i = "",
+  props: r = {},
+  variation: s = "primary",
   value: c = ""
 }) => {
-  const h = r ? "div" : "label", p = h === "label" ? { htmlFor: n } : {};
+  const h = l ? "div" : "label", m = h === "label" ? { htmlFor: n } : {};
   return /* @__PURE__ */ v(
     h,
     {
-      className: m("checkbox flex items-center", o, t),
-      ...p,
+      className: p("checkbox flex items-center", s, t),
+      ...m,
       children: [
-        /* @__PURE__ */ i(
+        /* @__PURE__ */ o(
           "input",
           {
             checked: d,
-            className: m("form-checkbox ", {
+            className: p("form-checkbox ", {
               "!border-red-500 !bg-red-500 focus:!ring-red-500 focus:!border-red-500": a
             }),
             id: n,
-            name: s,
+            name: i,
             type: "checkbox",
             value: c,
-            ...l
+            ...r
           }
         ),
         e
       ]
     }
   );
-}, L1 = A(Q), J = ({ children: d, aside: e, direction: t = "right" }) => /* @__PURE__ */ v("div", { className: "flex flex-col lg:flex-row lg:p-0 max-w-screen-lg", children: [
-  /* @__PURE__ */ i(
+}, f1 = A(Q), J = ({ children: d, aside: e, direction: t = "right" }) => /* @__PURE__ */ v("div", { className: "flex flex-col lg:flex-row lg:p-0 max-w-screen-lg", children: [
+  /* @__PURE__ */ o(
     "main",
     {
-      className: m(
+      className: p(
         "w-full md:mb-0 flex-1 md:block lg:max-w-container",
         {
           "lg:order-2": t === "left"
@@ -911,10 +911,10 @@ const F = {
       children: d
     }
   ),
-  /* @__PURE__ */ i(
+  /* @__PURE__ */ o(
     "aside",
     {
-      className: m(
+      className: p(
         "sm-max:hidden md:hidden lg:block flex-1 max-w-aside mb-6 md:mb-0 empty:!hidden",
         {
           "md:ml-8": t === "right",
@@ -924,35 +924,35 @@ const F = {
       children: e
     }
   )
-] }), C1 = A(J), G = ({
+] }), M1 = A(J), G = ({
   activator: d,
   id: e = "",
   children: t,
   className: a = "",
   contentClass: n = "",
-  dark: r = !1,
-  footer: s,
-  fullMobile: l = !0,
-  headerClass: o = "",
+  dark: l = !1,
+  footer: i,
+  fullMobile: r = !0,
+  headerClass: s = "",
   hideClose: c = !1,
   iconSize: h = "medium",
-  preventPageScroll: p = !0,
+  preventPageScroll: m = !0,
   stickyHeader: C = !1,
-  title: f = "",
+  title: M = "",
   titleClass: y = ""
 }) => /* @__PURE__ */ v(z, { children: [
-  d && /* @__PURE__ */ i("span", { id: `${e}-dialog-activator`, children: d }),
-  /* @__PURE__ */ i(
+  d && /* @__PURE__ */ o("span", { id: `${e}-dialog-activator`, children: d }),
+  /* @__PURE__ */ o(
     "dialog",
     {
       inert: "",
       id: `${e}-dialog`,
-      className: m(
+      className: p(
         "dialog",
         {
-          "dialog-full-mobile": l,
-          dark: r,
-          "prevent-scroll": p
+          "dialog-full-mobile": r,
+          dark: l,
+          "prevent-scroll": m
         },
         a
       ),
@@ -960,18 +960,18 @@ const F = {
         /* @__PURE__ */ v(
           "header",
           {
-            className: m(
+            className: p(
               "dialog-header flex items-center p-4",
               {
                 "sticky top-0 bg-white z-10": C,
-                "!pb-0 border-0 justify-end": !f,
-                "justify-between border-b": f
+                "!pb-0 border-0 justify-end": !M,
+                "justify-between border-b": M
               },
-              o
+              s
             ),
             children: [
-              f && /* @__PURE__ */ i("h3", { id: `${e}-dialog-title`, className: y, children: f }),
-              !c && /* @__PURE__ */ i(
+              M && /* @__PURE__ */ o("h3", { id: `${e}-dialog-title`, className: y, children: M }),
+              !c && /* @__PURE__ */ o(
                 "button",
                 {
                   type: "button",
@@ -979,7 +979,7 @@ const F = {
                   className: "dialog-close",
                   "data-dialog-close": "",
                   value: "close",
-                  children: /* @__PURE__ */ i(
+                  children: /* @__PURE__ */ o(
                     b,
                     {
                       name: "close",
@@ -992,79 +992,79 @@ const F = {
             ]
           }
         ),
-        /* @__PURE__ */ i(
+        /* @__PURE__ */ o(
           "div",
           {
             id: `${e}-dialog-content`,
-            className: m("dialog-content", n),
+            className: p("dialog-content", n),
             children: t
           }
         ),
-        s && /* @__PURE__ */ i("footer", { id: `${e}-dialog-footer`, className: "dialog-footer", children: s })
+        i && /* @__PURE__ */ o("footer", { id: `${e}-dialog-footer`, className: "dialog-footer", children: i })
       ] })
     }
   )
-] }), M1 = A(G), K = ({
+] }), g1 = A(G), K = ({
   activator: d,
   id: e = "",
   children: t,
   className: a = "",
   contentClass: n = "",
-  onClose: r,
-  disableOutsideClick: s = !1,
-  footer: l,
-  fullMobile: o = !0,
+  onClose: l,
+  disableOutsideClick: i = !1,
+  footer: r,
+  fullMobile: s = !0,
   headerClass: c = "",
   hideClose: h = !1,
-  iconSize: p = "medium",
+  iconSize: m = "medium",
   isOpen: C = !1,
-  setDialogOpen: f,
+  setDialogOpen: M,
   stickyHeader: y = !1,
-  title: M = "",
+  title: f = "",
   titleClass: u = ""
 }) => {
-  const V = q(null), w = async () => {
-    V.current.classList.add("closing"), await D(V.current), V.current.classList.remove("closing"), r && r(), f(!1);
+  const V = $(null), w = async () => {
+    V.current.classList.add("closing"), await E(V.current), V.current.classList.remove("closing"), l && l(), M(!1);
   }, g = async (x) => {
     x.key === "Escape" && await w();
-  }, N = async ({ clientX: x, clientY: k, target: T }) => {
-    const { left: O, right: E, top: $, bottom: j } = V.current.getBoundingClientRect() ?? {};
-    (!V.current.contains(T) || x < O || x > E || k < $ || k > j) && await w();
-  }, D = (x) => Promise.allSettled(
-    x.getAnimations().map((k) => k.finished)
+  }, N = async ({ clientX: x, clientY: S, target: D }) => {
+    const { left: B, right: T, top: I, bottom: O } = V.current.getBoundingClientRect() ?? {};
+    (!V.current.contains(D) || x < B || x > T || S < I || S > O) && await w();
+  }, E = (x) => Promise.allSettled(
+    x.getAnimations().map((S) => S.finished)
   );
-  return S(() => {
+  return k(() => {
     const x = V.current;
     x && (C ? x.showModal() : typeof x.close == "function" && x.close());
   }, [C]), /* @__PURE__ */ v(z, { children: [
-    d && /* @__PURE__ */ i("span", { id: `${e}-dialog-activator`, onClick: () => f(!0), children: d }),
+    d && /* @__PURE__ */ o("span", { id: `${e}-dialog-activator`, onClick: () => M(!0), children: d }),
     /* @__PURE__ */ v(
       "dialog",
       {
         ref: V,
         id: `${e}-dialog`,
-        className: m(
+        className: p(
           "dialog",
           {
             hidden: !C,
-            "xs-max:h-full xs-max:max-h-full": o
+            "xs-max:h-full xs-max:max-h-full": s
           },
           a
         ),
         onKeyDown: g,
-        onClick: (x) => s ? null : N(x),
+        onClick: (x) => i ? null : N(x),
         children: [
           /* @__PURE__ */ v(
             "header",
             {
-              className: m(
+              className: p(
                 "dialog-header flex items-center p-4",
                 { "sticky top-0 bg-white": y },
                 c
               ),
               children: [
-                /* @__PURE__ */ i("h3", { id: `${e}-dialog-title`, className: u, children: M || "" }),
-                !h && /* @__PURE__ */ i(
+                /* @__PURE__ */ o("h3", { id: `${e}-dialog-title`, className: u, children: f || "" }),
+                !h && /* @__PURE__ */ o(
                   "button",
                   {
                     type: "button",
@@ -1072,11 +1072,11 @@ const F = {
                     className: "dialog-close",
                     "data-dialog-close": "",
                     onClick: w,
-                    children: /* @__PURE__ */ i(
+                    children: /* @__PURE__ */ o(
                       b,
                       {
                         name: "close",
-                        size: p,
+                        size: m,
                         className: "pointer-events-none"
                       }
                     )
@@ -1085,35 +1085,35 @@ const F = {
               ]
             }
           ),
-          /* @__PURE__ */ i(
+          /* @__PURE__ */ o(
             "div",
             {
               id: `${e}-dialog-content`,
-              className: m("dialog-content p-4", n),
+              className: p("dialog-content p-4", n),
               children: t
             }
           ),
-          l && /* @__PURE__ */ i(
+          r && /* @__PURE__ */ o(
             "footer",
             {
               id: `${e}-dialog-footer`,
               className: "dialog-footer flex justify-between items-center p-4 border-t",
-              children: l
+              children: r
             }
           )
         ]
       }
     )
   ] });
-}, f1 = A(K), g1 = ({ className: d = "" }) => /* @__PURE__ */ v("div", { id: "dots", className: m("mx-auto", d), children: [
-  /* @__PURE__ */ i("span", { style: { animationDelay: "0.1s" } }),
-  /* @__PURE__ */ i("span", { style: { animationDelay: "0.2s" } }),
-  /* @__PURE__ */ i("span", { style: { animationDelay: "0.3s" } }),
-  /* @__PURE__ */ i("span", { style: { animationDelay: "0.4s" } }),
-  /* @__PURE__ */ i("span", { style: { animationDelay: "0.5s" } }),
-  /* @__PURE__ */ i("span", { style: { animationDelay: "0.6s" } }),
-  /* @__PURE__ */ i("span", { style: { animationDelay: "0.7s" } }),
-  /* @__PURE__ */ i("span", { style: { animationDelay: "0.8s" } })
+}, v1 = A(K), A1 = ({ className: d = "" }) => /* @__PURE__ */ v("div", { id: "dots", className: p("mx-auto", d), children: [
+  /* @__PURE__ */ o("span", { style: { animationDelay: "0.1s" } }),
+  /* @__PURE__ */ o("span", { style: { animationDelay: "0.2s" } }),
+  /* @__PURE__ */ o("span", { style: { animationDelay: "0.3s" } }),
+  /* @__PURE__ */ o("span", { style: { animationDelay: "0.4s" } }),
+  /* @__PURE__ */ o("span", { style: { animationDelay: "0.5s" } }),
+  /* @__PURE__ */ o("span", { style: { animationDelay: "0.6s" } }),
+  /* @__PURE__ */ o("span", { style: { animationDelay: "0.7s" } }),
+  /* @__PURE__ */ o("span", { style: { animationDelay: "0.8s" } })
 ] }), Y = ({
   cb: d,
   className: e = "",
@@ -1121,77 +1121,77 @@ const F = {
   timeout: a = 1e4,
   variation: n = "primary"
 }) => {
-  function r({ cb: s }) {
-    const l = document.querySelector(".loading-bar--inner");
-    if (!l) return;
-    let o, c, h = !1;
-    function p(C) {
-      o === void 0 && (o = C);
-      const f = C - o;
+  function l({ cb: i }) {
+    const r = document.querySelector(".loading-bar__inner");
+    if (!r) return;
+    let s, c, h = !1;
+    function m(C) {
+      s === void 0 && (s = C);
+      const M = C - s;
       if (c !== C) {
-        const y = f / a * 101;
-        l.style.width = `${y}%`, y >= 101 && (s && s(), h = !0, window.cancelAnimationFrame(C));
+        const y = M / a * 101;
+        r.style.width = `${y}%`, y >= 101 && (i && i(), h = !0, window.cancelAnimationFrame(C));
       }
-      f < a && (c = C, h || window.requestAnimationFrame(p));
+      M < a && (c = C, h || window.requestAnimationFrame(m));
     }
-    window.requestAnimationFrame(p);
+    window.requestAnimationFrame(m);
   }
-  return S(() => {
-    r({ cb: d });
-  }, []), /* @__PURE__ */ i(
+  return k(() => {
+    l({ cb: d });
+  }, []), /* @__PURE__ */ o(
     "div",
     {
-      className: m(
+      className: p(
         "loading-bar my-8",
-        `loading-bar--${n}`,
+        `loading-bar__${n}`,
         {
           "h-4": t === "md",
           "h-6": t === "lg",
           "h-8": t === "xl"
         },
-        `loading-bar--${t}`,
+        `loading-bar__${t}`,
         e
       ),
-      children: /* @__PURE__ */ i("div", { className: "loading-bar--inner", "data-size": "100" })
+      children: /* @__PURE__ */ o("div", { className: "loading-bar__inner", "data-size": "100" })
     }
   );
-}, v1 = A(Y), X = {
+}, y1 = A(Y), X = {
   name: "spinnerDark",
   color: "text-teal-700",
   viewBox: "0 0 24 24"
-}, _ = ({ className: d = "" }) => /* @__PURE__ */ i("div", { className: "rounded-r-md px-2 focus:outline-none", children: /* @__PURE__ */ i(
+}, _ = ({ className: d = "" }) => /* @__PURE__ */ o("div", { className: "rounded-r-md px-2 focus:outline-none", children: /* @__PURE__ */ o(
   b,
   {
     size: "xSmall",
     ...X,
     className: `animate-spin ${d}`
   }
-) }), A1 = A(_), y1 = ({
+) }), b1 = A(_), w1 = ({
   activator: d,
   activatorClass: e = "",
   attrs: t = {},
   options: a = {},
   children: n,
-  className: r = "",
-  containerClass: s = "",
-  disabled: l = !1,
-  id: o = "",
+  className: l = "",
+  containerClass: i = "",
+  disabled: r = !1,
+  id: s = "",
   trigger: c = "click"
 }) => /* @__PURE__ */ v(z, { children: [
-  /* @__PURE__ */ i(
+  /* @__PURE__ */ o(
     "div",
     {
-      className: m("popover z-10 max-w-[350px] hidden", r),
+      className: p("popover z-10 max-w-[350px] hidden", l),
       children: /* @__PURE__ */ v(
         "div",
         {
-          className: m(
+          className: p(
             "popover-container rounded border bg-gray-50 border-gray-300 shadow-md text-gray-500 animate-menu-close",
-            s
+            i
           ),
           children: [
             n,
-            /* @__PURE__ */ i(
+            /* @__PURE__ */ o(
               "div",
               {
                 className: "absolute w-4 h-4 before:content-[''] before:absolute before:w-4 before:h-4 before:visible before:transform before:rotate-45",
@@ -1203,13 +1203,13 @@ const F = {
       )
     }
   ),
-  /* @__PURE__ */ i(
+  /* @__PURE__ */ o(
     "div",
     {
-      className: m(
+      className: p(
         "popover-activator",
         `trigger-${c}`,
-        l ? "is-disabled" : "",
+        r ? "is-disabled" : "",
         e
       ),
       ...t,
@@ -1223,23 +1223,23 @@ const F = {
   bgColor: t = "bg-orange-500",
   className: a,
   completed: n = 0,
-  maxCompleted: r = 100,
-  rounded: s = !0,
-  showLabel: l = !1
+  maxCompleted: l = 100,
+  rounded: i = !0,
+  showLabel: r = !1
 }) => {
-  const c = ((h, p) => {
+  const c = ((h, m) => {
     if (h) {
-      const C = Number(p) / h;
+      const C = Number(m) / h;
       return C > 1 ? 100 : C * 100;
     }
     return n;
-  })(r, n);
-  return /* @__PURE__ */ i(
+  })(l, n);
+  return /* @__PURE__ */ o(
     "div",
     {
-      className: m(
+      className: p(
         "w-full bg-gray-200",
-        { "rounded-full": s },
+        { "rounded-full": i },
         a
       ),
       role: "progressbar",
@@ -1247,186 +1247,170 @@ const F = {
       "aria-valuenow": n,
       "aria-valuemin": e,
       "aria-valuemax": d,
-      children: /* @__PURE__ */ i(
+      children: /* @__PURE__ */ o(
         "div",
         {
-          className: m(
+          className: p(
             "h-full text-right flex items-center justify-end rounded-full",
             t
           ),
           style: { width: `${c}%` },
-          children: l && /* @__PURE__ */ i("span", { className: "font-bold text-white text-xs mr-2", children: Math.round(c) })
+          children: r && /* @__PURE__ */ o("span", { className: "font-bold text-white text-xs mr-2", children: Math.round(c) })
         }
       )
     }
   );
-}, b1 = A(e1), t1 = ({
+}, x1 = A(e1), t1 = ({
   checked: d = !1,
   children: e,
   className: t = "",
   id: a = "",
   label: n = "",
-  name: r = "",
-  props: s = {},
-  variation: l = "primary",
-  value: o = ""
+  name: l = "",
+  props: i = {},
+  variation: r = "primary",
+  value: s = ""
 }) => {
   const c = n ? "div" : "label", h = c === "label" ? { htmlFor: a } : {};
   return /* @__PURE__ */ v(
     c,
     {
-      className: m("radio flex items-center", t),
+      className: p("radio flex items-center", t),
       ...h,
       children: [
-        /* @__PURE__ */ i(
+        /* @__PURE__ */ o(
           "input",
           {
             checked: d,
-            className: m(
+            className: p(
               "form-radio focus:ring-2 focus:ring-offset-2 focus-within:outline-none",
               {
-                "focus:ring-[#222]": l === "primary"
+                "focus:ring-[#222]": r === "primary"
               }
             ),
             id: a,
-            name: r,
+            name: l,
             type: "radio",
-            value: o,
-            ...s
+            value: s,
+            ...i
           }
         ),
         e
       ]
     }
   );
-}, w1 = A(t1), a1 = ({
+}, S1 = A(t1), a1 = ({
   children: d,
   className: e = "",
   error: t = !1,
   errorMessage: a = "",
   id: n = "",
-  label: r = "",
-  name: s = "",
-  options: l = [],
-  placeholder: o = "",
+  label: l = "",
+  name: i = "",
+  options: r = [],
+  placeholder: s = "",
   props: c = {},
   selectClass: h = "",
-  styles: p = null,
+  styles: m = null,
   variation: C = "primary",
-  value: f
+  value: M
 }) => {
-  const y = o ? { defaultValue: "" } : {};
+  const y = s ? { defaultValue: "" } : {};
   return /* @__PURE__ */ v(
     "label",
     {
-      className: m("relative select", e, C),
-      style: p ? { ...p } : null,
+      className: p("relative select", e, C),
+      style: m ? { ...m } : null,
       children: [
-        r,
+        l,
         /* @__PURE__ */ v(
           "select",
           {
-            className: m(
+            className: p(
               "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
             ),
             id: n,
-            name: s,
-            value: f,
+            name: i,
+            value: M,
             ...y,
             ...c,
             children: [
-              o && /* @__PURE__ */ i("option", { hidden: !0, value: "", children: o }),
-              l.map((M, u) => /* @__PURE__ */ i(
+              s && /* @__PURE__ */ o("option", { hidden: !0, value: "", children: s }),
+              r.map((f, u) => /* @__PURE__ */ o(
                 "option",
                 {
-                  value: (M == null ? void 0 : M.id) || (M == null ? void 0 : M.value) || M,
-                  children: (M == null ? void 0 : M.name) || M
+                  value: (f == null ? void 0 : f.id) || (f == null ? void 0 : f.value) || f,
+                  children: (f == null ? void 0 : f.name) || f
                 },
-                (M == null ? void 0 : M.name) || M
+                (f == null ? void 0 : f.name) || f
               ))
             ]
           }
         ),
-        a && /* @__PURE__ */ i("span", { className: "relative flex mt-0.5 text-red-700 text-xs text-left", children: a })
+        a && /* @__PURE__ */ o("span", { className: "relative flex mt-0.5 text-red-700 text-xs text-left", children: a })
       ]
     }
   );
-}, x1 = A(a1), n1 = ({ className: d = "" }) => /* @__PURE__ */ v(
+}, k1 = A(a1), n1 = ({ className: d = "" }) => /* @__PURE__ */ v(
   "div",
   {
-    className: m(
+    className: p(
       "flex justify-center items-center bg-gray-200 rounded-lg animate-pulse",
       d
     ),
     children: [
-      /* @__PURE__ */ i(b, { size: "xLarge", name: "map", className: "mx-auto" }),
-      /* @__PURE__ */ i("span", { className: "sr-only", children: "Loading..." })
+      /* @__PURE__ */ o(b, { size: "xLarge", name: "map", className: "mx-auto" }),
+      /* @__PURE__ */ o("span", { className: "sr-only", children: "Loading..." })
     ]
   }
-), k1 = A(n1), l1 = ({
+), z1 = A(n1), l1 = ({
   placeholderClass: d = "",
   children: e,
   className: t = "",
   id: a = 1,
-  padding: n = !0,
-  sliderName: r = ""
-}) => /* @__PURE__ */ v(
-  "div",
-  {
-    className: `slider relative overflow-hidden ${t}`,
-    id: `slider-${a}`,
-    children: [
-      /* @__PURE__ */ i(
-        "button",
-        {
-          title: "Previous Slide",
-          id: `btn-left-${a}`,
-          type: "button",
-          className: "absolute left-4 right-auto 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",
-          children: /* @__PURE__ */ i(b, { name: "chevronLeft" })
-        }
-      ),
-      /* @__PURE__ */ i(
-        "div",
-        {
-          id: `slider-container-${a}`,
-          className: "slider-container inline-flex w-full overflow-x-scroll md:overflow-x-hidden md:w-auto transition duration-200 ease-in-out sm-max:!transform-none",
-          children: Array.from({ length: 4 }, (s, l) => /* @__PURE__ */ i(
-            "div",
-            {
-              className: `card-ph slider-card bg-gray-200 animate-pulse ${d}`,
-              children: /* @__PURE__ */ i("div", { className: `slider-card-action ${n ? "p-4" : ""}`, children: e })
-            },
-            l
-          ))
-        }
-      ),
-      /* @__PURE__ */ i(
-        "button",
-        {
-          title: "Next Slide",
-          id: `btn-right-${a}`,
-          type: "button",
-          className: "absolute right-4 left-auto top-1/2 z-10 -translate-y-1/2 !bg-white/90 hidden sm-max:!hidden md:block rounded-full px-1.5 py-1.5 border border-solid shadow cursor-pointer min-w-max",
-          "data-div-track": `report | ${r} | More Reviews`,
-          children: /* @__PURE__ */ i(b, { name: "chevronRight" })
-        }
-      )
-    ]
-  }
-), S1 = A(l1), z1 = ({
+  padding: n = !0
+}) => /* @__PURE__ */ v("div", { className: p("slider", t), id: `slider-${a}`, children: [
+  /* @__PURE__ */ o(
+    "button",
+    {
+      title: "Previous Slide",
+      id: `btn-left-${a}`,
+      type: "button",
+      className: "slider-button__prev ",
+      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(
+    "div",
+    {
+      className: `slider-card bg-gray-200 animate-pulse ${d}`,
+      children: /* @__PURE__ */ o("div", { className: `slider-card-action ${n ? "p-4" : ""}`, children: e })
+    },
+    i
+  )) }),
+  /* @__PURE__ */ o(
+    "button",
+    {
+      title: "Next Slide",
+      id: `btn-right-${a}`,
+      type: "button",
+      className: "slider-button__next",
+      children: /* @__PURE__ */ o(b, { name: "chevronRight" })
+    }
+  )
+] }), Z1 = A(l1), N1 = ({
   className: d = "",
   value: e
 }) => {
   const t = {
     "--value": `calc(${e} / 5 * 100%)`
   };
-  return /* @__PURE__ */ i(
+  return /* @__PURE__ */ o(
     "div",
     {
-      className: m(
+      className: p(
         'Stars inline-block leading-none font-sans text-base before:content-["★★★★★"]',
         d
       ),
@@ -1439,35 +1423,35 @@ const F = {
   error: t = !1,
   errorMessage: a = "",
   id: n = "",
-  inputClass: r = "",
-  name: s = "",
-  placeholder: l = "",
-  props: o = {},
+  inputClass: l = "",
+  name: i = "",
+  placeholder: r = "",
+  props: s = {},
   rows: c = 4,
   variation: h = "primary"
-}) => /* @__PURE__ */ v("div", { className: m("relative textarea", h, d), children: [
-  /* @__PURE__ */ i(
+}) => /* @__PURE__ */ v("div", { className: p("relative textarea", h, d), children: [
+  /* @__PURE__ */ o(
     "textarea",
     {
-      placeholder: l,
+      placeholder: r,
       id: n,
-      name: s,
+      name: i,
       rows: c,
-      className: m(
+      className: p(
         "form-textarea min-h-[40px] pl-4",
         e ? "pr-10" : "pr-4",
         t ? "!border-red-500 !bg-red-500/10 placeholder:!text-red-700 focus:!ring-red-500 focus:!border-red-500" : "",
-        r
+        l
       ),
-      ...o
+      ...s
     }
   ),
-  e && /* @__PURE__ */ i(
+  e && /* @__PURE__ */ o(
     "div",
     {
       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__ */ i(
+      children: /* @__PURE__ */ o(
         b,
         {
           size: "xSmall",
@@ -1477,29 +1461,29 @@ const F = {
       )
     }
   ),
-  a && /* @__PURE__ */ i("span", { className: "relative flex mt-0.5 text-red-700 text-xs text-left", children: a })
-] }), Z1 = A(r1), s1 = ({
+  a && /* @__PURE__ */ o("span", { className: "relative flex mt-0.5 text-red-700 text-xs text-left", children: a })
+] }), E1 = A(r1), s1 = ({
   className: d = "",
   clear: e = !1,
   error: t = !1,
   errorMessage: a = "",
   iconLeft: n = "",
-  id: r = "",
-  inputClass: s = "",
-  name: l = "",
-  placeholder: o = "",
+  id: l = "",
+  inputClass: i = "",
+  name: r = "",
+  placeholder: s = "",
   props: c = {},
   styles: h = null,
-  type: p = "text",
+  type: m = "text",
   value: C,
-  variation: f = "primary"
+  variation: M = "primary"
 }) => /* @__PURE__ */ v(
   "div",
   {
-    className: m("relative textbox", f, d),
+    className: p("relative textbox", M, d),
     style: h ? { ...h } : null,
     children: [
-      n && /* @__PURE__ */ i("div", { className: "pointer-events-none absolute inset-y-0 left-0 flex items-center px-2", children: /* @__PURE__ */ i(
+      n && /* @__PURE__ */ o("div", { className: "pointer-events-none absolute inset-y-0 left-0 flex items-center px-2", children: /* @__PURE__ */ o(
         b,
         {
           size: "xSmall",
@@ -1508,16 +1492,16 @@ const F = {
           viewBox: "0 0 24 24"
         }
       ) }),
-      /* @__PURE__ */ i(
+      /* @__PURE__ */ o(
         "input",
         {
-          placeholder: o,
-          id: r,
-          name: l,
-          type: p,
+          placeholder: s,
+          id: l,
+          name: r,
+          type: m,
           value: C,
           autoComplete: "off",
-          className: m(
+          className: p(
             "form-input",
             e ? "pr-10" : "pr-4",
             n ? "pl-8" : "pl-4",
@@ -1525,17 +1509,17 @@ const F = {
               "!border-red-500 !bg-red-500/10 placeholder:!text-red-700 focus:!ring-red-500 focus:!border-red-500": t
             },
             c.inputClass ?? "",
-            s
+            i
           ),
           ...c
         }
       ),
-      e && /* @__PURE__ */ i(
+      e && /* @__PURE__ */ o(
         "div",
         {
-          id: `${r}-clear`,
+          id: `${l}-clear`,
           className: "textbox-clear absolute inset-y-0 right-0 flex items-center rounded-r-md px-2 focus:outline-none hidden",
-          children: /* @__PURE__ */ i(
+          children: /* @__PURE__ */ o(
             b,
             {
               size: "xSmall",
@@ -1545,16 +1529,25 @@ const F = {
           )
         }
       ),
-      a && /* @__PURE__ */ i("span", { className: "relative flex mt-0.5 text-red-700 text-xs text-left", children: a })
+      a && /* @__PURE__ */ o("span", { className: "relative flex mt-0.5 text-red-700 text-xs text-left", children: a })
     ]
   }
-), N1 = A(s1);
+), D1 = A(s1), i1 = ({ children: d, className: e = "", tag: t = "h1", title: a }) => /* @__PURE__ */ o(
+  t,
+  {
+    className: p(
+      "!text-xl text-center mb-6 flex items-center justify-center",
+      e
+    ),
+    children: a || d
+  }
+), B1 = A(i1);
 class H {
   static calcCrow(e, t, a, n) {
-    const s = H.toRad(a - e), l = H.toRad(n - t);
+    const i = H.toRad(a - e), r = H.toRad(n - t);
     e = H.toRad(e), a = H.toRad(a);
-    const o = Math.sin(s / 2) * Math.sin(s / 2) + Math.sin(l / 2) * Math.sin(l / 2) * Math.cos(e) * Math.cos(a);
-    return 6371 * (2 * Math.atan2(Math.sqrt(o), Math.sqrt(1 - o)));
+    const s = Math.sin(i / 2) * Math.sin(i / 2) + Math.sin(r / 2) * Math.sin(r / 2) * Math.cos(e) * Math.cos(a);
+    return 6371 * (2 * Math.atan2(Math.sqrt(s), Math.sqrt(1 - s)));
   }
   static cleanupAddress(e) {
     return e.split(" ").map((a) => a.split("-")[0]).join(" ").trim();
@@ -1583,19 +1576,19 @@ class H {
   static async createData(e, t = null, a = !0) {
     if (options.isBot || !t)
       return null;
-    const { tolken: n = null, ip: r = null } = await H.getHeaders(), s = a === !1 ? "" : "&tolken=" + n + "&ip=" + r, l = e + s, o = typeof t == "string" ? t : JSON.stringify(t);
+    const { tolken: n = null, ip: l = null } = await H.getHeaders(), i = a === !1 ? "" : "&tolken=" + n + "&ip=" + l, r = e + i, s = typeof t == "string" ? t : JSON.stringify(t);
     try {
-      const c = await fetch(l, {
+      const c = await fetch(r, {
         method: "POST",
-        body: o === "null" ? null : o,
+        body: s === "null" ? null : s,
         headers: {
           website: H.getWebsiteHeaderName()
         }
       }), h = c.headers.get("content-type");
       if (h && h.indexOf("application/json") !== -1)
         return c.json();
-      const p = await c.text();
-      return p ? p.replace("__next", "") : null;
+      const m = await c.text();
+      return m ? m.replace("__next", "") : null;
     } catch (c) {
       console.error("createData", c);
     }
@@ -1657,17 +1650,17 @@ class H {
   static async fetchData(e, t = !1, a = !0) {
     if (options.isBot)
       return null;
-    const { tolken: n = null, ip: r = null } = await H.getHeaders(), l = e.replace("#", "").replace("%23", "") + "&tolken=" + n + "&ip=" + r;
+    const { tolken: n = null, ip: l = null } = await H.getHeaders(), r = e.replace("#", "").replace("%23", "") + "&tolken=" + n + "&ip=" + l;
     try {
-      const o = await fetch(l, { method: "GET" });
+      const s = await fetch(r, { method: "GET" });
       if (t === !0) {
-        const h = await o.text();
+        const h = await s.text();
         return h ? h.replace("__next", "") : null;
       }
-      const c = o.headers.get("content-type");
-      return c && c.indexOf("application/json") !== -1 ? o.json() : null;
-    } catch (o) {
-      console.error("fetchData", o, e);
+      const c = s.headers.get("content-type");
+      return c && c.indexOf("application/json") !== -1 ? s.json() : null;
+    } catch (s) {
+      console.error("fetchData", s, e);
     }
     return null;
   }
@@ -1695,12 +1688,12 @@ class H {
         swLng: 0
       };
     const n = e.getBounds();
-    let r = n.getSouth(), s = n.getEast(), l = n.getNorth(), o = n.getWest();
-    return a && (r = r - a, s = s + a, l = l + a, o = o - a), t && (r = r.toFixed(t), s = s.toFixed(t), l = l.toFixed(t), o = o.toFixed(t)), {
-      swLat: r,
-      neLng: s,
-      neLat: l,
-      swLng: o
+    let l = n.getSouth(), i = n.getEast(), r = n.getNorth(), s = n.getWest();
+    return a && (l = l - a, i = i + a, r = r + a, s = s - a), t && (l = l.toFixed(t), i = i.toFixed(t), r = r.toFixed(t), s = s.toFixed(t)), {
+      swLat: l,
+      neLng: i,
+      neLat: r,
+      swLng: s
     };
   }
   static getFirstN(e, t = 5) {
@@ -1732,38 +1725,38 @@ class H {
       userAgent: t = null,
       userAgentData: a = null,
       platform: n = null
-    } = navigator || {}, r = (a == null ? void 0 : a.platform) ?? n, s = {
+    } = navigator || {}, l = (a == null ? void 0 : a.platform) ?? n, i = {
       tolken: null,
       ip: null,
       userAgent: t,
-      platform: r
+      platform: l
     };
     if (options && options.isBot || typeof window.localStorage > "u")
-      return s;
-    const l = localStorage.getItem("headerTolken");
-    if (l) {
-      const o = JSON.parse(l), c = (/* @__PURE__ */ new Date()).getTime();
-      return o.expire - c < 0 && localStorage.removeItem("headerTolken"), {
-        tolken: o.tolken,
-        ip: o.ip,
+      return i;
+    const r = localStorage.getItem("headerTolken");
+    if (r) {
+      const s = JSON.parse(r), c = (/* @__PURE__ */ new Date()).getTime();
+      return s.expire - c < 0 && localStorage.removeItem("headerTolken"), {
+        tolken: s.tolken,
+        ip: s.ip,
         userAgent: t,
-        platform: r
+        platform: l
       };
     }
     try {
-      const c = await (await fetch("/api/headers")).json(), h = (c == null ? void 0 : c.token) ?? null, p = (c == null ? void 0 : c.ip) ?? null;
+      const c = await (await fetch("/api/headers")).json(), h = (c == null ? void 0 : c.token) ?? null, m = (c == null ? void 0 : c.ip) ?? null;
       return localStorage.setItem(
         "headerTolken",
         JSON.stringify({
           tolken: h,
-          ip: p,
+          ip: m,
           expire: (/* @__PURE__ */ new Date()).getTime() + e * 1e3
         })
-      ), { tolken: h, ip: p, userAgent: t, platform: r };
-    } catch (o) {
-      console.error("getHeaders", o);
+      ), { tolken: h, ip: m, userAgent: t, platform: l };
+    } catch (s) {
+      console.error("getHeaders", s);
     }
-    return s;
+    return i;
   }
   static getLayerTitle(e) {
     return {
@@ -1772,15 +1765,15 @@ class H {
     }[e];
   }
   static async getLocationData(e) {
-    const { swLat: t, neLng: a, neLat: n, swLng: r } = H.getBounds(e, 3, 0.05), s = "zip-location&swLat=" + t + "&neLng=" + a + "&neLat=" + n + "&swLng=" + r;
-    return await H.fetchData("/api/client?query=" + s);
+    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);
   }
   static getReportUrl(e, t = null) {
-    var o, c, h;
-    const a = ((o = e == null ? void 0 : e.state) == null ? void 0 : o.slug) ?? null, n = ((c = e == null ? void 0 : e.city) == null ? void 0 : c.slug) ?? null, r = ((h = e == null ? void 0 : e.name) == null ? void 0 : h.slug) ?? null, s = (e == null ? void 0 : e.zip) ?? null;
+    var s, c, h;
+    const a = ((s = e == null ? void 0 : e.state) == null ? void 0 : s.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;
     t = t || ((e == null ? void 0 : e.id) ?? null);
-    const l = [s, "-piq", t].filter((p) => p).join("");
-    return "/" + [a, n, r].filter((p) => p).map((p) => H.toSlug(p)).join("/") + "/" + l;
+    const r = [i, "-piq", t].filter((m) => m).join("");
+    return "/" + [a, n, l].filter((m) => m).map((m) => H.toSlug(m)).join("/") + "/" + r;
   }
   static async getSearchValue(e = "recsSearchValue") {
     try {
@@ -1890,15 +1883,15 @@ class H {
     ];
   }
   static getTrackingData(e) {
-    const [t, ...a] = e.split("|"), n = a.join("|").trim(), r = [
+    const [t, ...a] = e.split("|"), n = a.join("|").trim(), l = [
       "[pageType::" + t.trim() + "]",
       "[name::" + n + "]"
     ].join(" ");
     return {
-      value: r,
+      value: l,
       dataLayer: {
         event: "clickTrack",
-        value: r
+        value: l
       }
     };
   }
@@ -1934,36 +1927,36 @@ class H {
     return a && a.includes(t) ? t : e;
   }
   static getGridBounds({ map: e, tileSize: t, coords: a }) {
-    const n = a.scaleBy(t), r = n.add(t);
+    const n = a.scaleBy(t), l = n.add(t);
     return {
       nw: e.unproject(n, a.z),
-      se: e.unproject(r, a.z)
+      se: e.unproject(l, a.z)
     };
   }
   static gridTest(e, t, a = 1500) {
     const n = this;
     L.GridLayer.GridDebug = L.GridLayer.extend({
-      createTile: function(r, s) {
-        const l = document.createElement("div");
+      createTile: function(l, i) {
+        const r = document.createElement("div");
         return setTimeout(() => {
-          s(null, l);
-          const { se: o, nw: c } = n.getGridBounds({
+          i(null, r);
+          const { se: s, nw: c } = n.getGridBounds({
             map: e,
             tileSize: this.getTileSize(),
-            coords: r
+            coords: l
           });
           t({
-            swLat: o.lat,
-            neLng: o.lng,
+            swLat: s.lat,
+            neLng: s.lng,
             neLat: c.lat,
             swLng: c.lng,
-            coords: r,
-            key: r.z + "-" + r.x + "-" + r.y
+            coords: l,
+            key: l.z + "-" + l.x + "-" + l.y
           });
-        }, a), l;
+        }, a), r;
       }
-    }), L.gridLayer.gridDebug = function(r) {
-      return new L.GridLayer.GridDebug(r);
+    }), L.gridLayer.gridDebug = function(l) {
+      return new L.GridLayer.GridDebug(l);
     }, e.addLayer(L.gridLayer.gridDebug());
   }
   /**
@@ -1981,9 +1974,9 @@ class H {
     id: t = "",
     onOpen: a = null,
     onClose: n = null,
-    disableOutsideClick: r = !1
+    disableOutsideClick: l = !1
   }) {
-    const s = e ? document.querySelectorAll(e) : [], l = document.getElementById(t + "-dialog"), o = document.querySelectorAll("[data-dialog-close]"), c = ["closing", "closed", "opening", "opened", "removed"].reduce(
+    const i = e ? document.querySelectorAll(e) : [], r = document.getElementById(t + "-dialog"), s = document.querySelectorAll("[data-dialog-close]"), c = ["closing", "closed", "opening", "opened", "removed"].reduce(
       (u, V) => ({
         ...u,
         [V]: new Event(V)
@@ -1994,45 +1987,45 @@ class H {
         if (w.attributeName === "open") {
           const g = w.target;
           if (!(g == null ? void 0 : g.hasAttribute("open"))) return;
-          g == null || g.removeAttribute("inert"), g == null || g.dispatchEvent(c.opening), g && await M(g), g == null || g.dispatchEvent(c.opened);
+          g == null || g.removeAttribute("inert"), g == null || g.dispatchEvent(c.opening), g && await f(g), g == null || g.dispatchEvent(c.opened);
         }
       });
-    }), p = new MutationObserver((u, V) => {
+    }), m = new MutationObserver((u, V) => {
       u.forEach((w) => {
         w.removedNodes.forEach((g) => {
-          g.nodeName === "DIALOG" && (g.removeEventListener("click", y), g.removeEventListener("close", f), g.dispatchEvent(c.removed), p == null || p.disconnect(), h == null || h.disconnect());
+          g.nodeName === "DIALOG" && (g.removeEventListener("click", y), g.removeEventListener("close", M), g.dispatchEvent(c.removed), m == null || m.disconnect(), h == null || h.disconnect());
         });
       });
     });
-    l && (h.observe(l, {
+    r && (h.observe(r, {
       attributes: !0
-    }), p.observe(document.body, {
+    }), m.observe(document.body, {
       attributes: !1,
       subtree: !1,
       childList: !0
     }));
     const C = () => {
-      l == null || l.showModal();
-    }, f = async ({ target: u }) => {
-      u == null || u.classList.add("closing"), u == null || u.setAttribute("inert", ""), u == null || u.dispatchEvent(c.closing), u && await M(u), u == null || u.classList.remove("closing"), u == null || u.dispatchEvent(c.closed);
+      r == null || r.showModal();
+    }, M = async ({ target: u }) => {
+      u == null || u.classList.add("closing"), u == null || u.setAttribute("inert", ""), u == null || u.dispatchEvent(c.closing), u && await f(u), u == null || u.classList.remove("closing"), u == null || u.dispatchEvent(c.closed);
     }, y = async ({ target: u }) => {
-      (u == null ? void 0 : u.nodeName) === "DIALOG" && (l == null || l.close("outside"));
-    }, M = (u) => Promise.allSettled(
+      (u == null ? void 0 : u.nodeName) === "DIALOG" && (r == null || r.close("outside"));
+    }, f = (u) => Promise.allSettled(
       u == null ? void 0 : u.getAnimations().map((V) => V == null ? void 0 : V.finished)
     );
-    return !r && (l == null || l.addEventListener("click", y)), l == null || l.addEventListener("close", f), s == null || s.forEach((u) => {
+    return !l && (r == null || r.addEventListener("click", y)), r == null || r.addEventListener("close", M), i == null || i.forEach((u) => {
       u.addEventListener("click", (V) => {
-        C(), a && a(V, l);
+        C(), a && a(V, r);
       });
-    }), o == null || o.forEach((u) => {
+    }), s == null || s.forEach((u) => {
       u.addEventListener("click", async (V) => {
-        l == null || l.close("close"), n && n(V, l);
+        r == null || r.close("close"), n && n(V, r);
       });
     }), {
-      activators: s,
-      ref: l,
+      activators: i,
+      ref: r,
       handleOpen: C,
-      handleClose: f
+      handleClose: M
     };
   }
   static hasBoundsEntry(e, t = "bounds") {
@@ -2042,8 +2035,8 @@ class H {
     if (!e)
       return;
     const n = (a == null ? void 0 : a.useBounding) ?? !1;
-    new IntersectionObserver(async (s, l) => {
-      n ? (s[0].isIntersecting || s[0].boundingClientRect.y < 0) && t({ obs: l, entry: s[0], entries: s }) : s[0].isIntersecting && t({ obs: l, entry: s[0], entries: s });
+    new IntersectionObserver(async (i, r) => {
+      n ? (i[0].isIntersecting || i[0].boundingClientRect.y < 0) && t({ obs: r, entry: i[0], entries: i }) : i[0].isIntersecting && t({ obs: r, entry: i[0], entries: i });
     }, a).observe(e);
   }
   static injectLink({ href: e, id: t }) {
@@ -2051,11 +2044,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(r, s) {
-      let l = document.getElementById(t);
-      if (t && l && l.dataset.loaded === "true")
-        return r({ alreadyLoaded: !0, id: t });
-      l || (l = document.createElement("script"), l.src = e, l.dataset.loaded = "false", t && (l.id = t), l.type = n ? "module" : "text/javascript", l.async = a, document.body.appendChild(l), l.onload = () => (l.dataset.loaded = "true", r({ alreadyLoaded: !1, id: t })), l.onerror = () => s(!1));
+    return new Promise(function(l, i) {
+      let r = document.getElementById(t);
+      if (t && r && r.dataset.loaded === "true")
+        return l({ alreadyLoaded: !0, id: t });
+      r || (r = document.createElement("script"), r.src = e, r.dataset.loaded = "false", t && (r.id = t), r.type = n ? "module" : "text/javascript", r.async = a, document.body.appendChild(r), r.onload = () => (r.dataset.loaded = "true", l({ alreadyLoaded: !1, id: t })), r.onerror = () => i(!1));
     });
   }
   static isMobile({ selector: e = null, width: t = 640 } = {}) {
@@ -2087,15 +2080,15 @@ class H {
     const a = Math.abs(e), n = Math.sign(e);
     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, r = null) {
-    const s = {
+  static async logRequest(e = null, t = null, a = null, n = null, l = null) {
+    const i = {
       name: e,
       uuid: t,
       ip: a,
       url: n,
-      data: r
+      data: l
     };
-    return await H.createData("/api/client?query=log/save&method=POST", s), null;
+    return await H.createData("/api/client?query=log/save&method=POST", i), null;
   }
   static loadAds() {
     window.dataLayer = window.dataLayer || [];
@@ -2118,8 +2111,8 @@ class H {
           async: !1,
           module: a
         });
-      } catch (r) {
-        console.error("loadCustomScript", r);
+      } catch (l) {
+        console.error("loadCustomScript", l);
       }
     }
     return null;
@@ -2131,8 +2124,8 @@ class H {
     await H.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", r = "//unpkg.com/leaflet-gesture-handling/dist/leaflet-gesture-handling.min.css";
-    await H.injectLink({ href: a, id: "leafletCss" }), await H.injectLink({ href: r, id: "gestureCss" }), await H.injectScript({ src: t, id: "leafletJs", async: !1 }), await H.injectScript({
+    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({
       src: n,
       id: "gestureJs",
       async: !1
@@ -2179,18 +2172,18 @@ class H {
       name: t = null,
       first: a = null,
       middle: n = null,
-      last: r = null,
-      min: s = null,
-      max: l = null,
-      city: o = null,
+      last: l = null,
+      min: i = null,
+      max: r = null,
+      city: s = null,
       state: c = null,
       vin: h = null,
-      license: p = null,
+      license: m = null,
       token: C = null,
-      phone: f = null
-    } = e || {}, y = t && t !== "", M = s && s !== "" && s !== "18", u = l && l !== "" && s !== "99";
+      phone: M = null
+    } = e || {}, y = t && t !== "", f = i && i !== "" && i !== "18", u = r && r !== "" && i !== "99";
     let V = [];
-    return t && t !== "" && V.push("name=" + t), y || (a && a !== "" && V.push("first=" + a), n && n !== "" && V.push("middle=" + n), r && r !== "" && V.push("last=" + r)), M && u ? parseInt(s) > parseInt(l) ? (V.push("min=" + l), V.push("max=" + s)) : (V.push("min=" + s), V.push("max=" + l)) : (M && V.push("min=" + s), u && V.push("max=" + l)), f && f !== "" && V.push("phone=" + f), o && o !== "" && V.push("city=" + o), p && p !== "" && V.push("license=" + p), 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), y || (a && a !== "" && V.push("first=" + a), n && n !== "" && V.push("middle=" + n), l && l !== "" && V.push("last=" + l)), f && u ? parseInt(i) > parseInt(r) ? (V.push("min=" + r), V.push("max=" + i)) : (V.push("min=" + i), V.push("max=" + r)) : (f && V.push("min=" + i), u && V.push("max=" + r)), M && M !== "" && V.push("phone=" + M), s && s !== "" && V.push("city=" + s), m && m !== "" && V.push("license=" + m), h && h !== "" && V.push("vin=" + h), c && c !== "" && V.push("state=" + c), C && C !== "" && V.push("token=" + C), V.join("&");
   }
   static padTo2Digits(e) {
     return e.toString().padStart(2, "0");
@@ -2203,21 +2196,21 @@ class H {
     const {
       addressesOnly: a = !1,
       useCitySearch: n = !1,
-      useCityStateSearch: r = !1,
-      useSearch: s = !1,
-      useLocation: l = !0,
-      state: o = ""
+      useCityStateSearch: l = !1,
+      useSearch: i = !1,
+      useLocation: r = !0,
+      state: s = ""
     } = t ?? {}, { tolken: c = null, ip: h = null } = await H.getHeaders(), C = [
       "query=" + encodeURIComponent(this.cleanupAddress(e)),
       "addressesOnly=" + a,
-      "useSearch=" + s,
+      "useSearch=" + i,
       "useCitySearch=" + n,
-      "useCityStateSearch=" + r,
-      "useLocation=" + l
+      "useCityStateSearch=" + l,
+      "useLocation=" + r
     ];
-    o && o !== "" && !r && C.push("state=" + o), c && c !== "" && C.push("tolken=" + c), h && h !== "" && C.push("ip=" + h);
-    const f = C.join("&"), M = (n || r ? "/api/autocomplete-city" : "/api/autocomplete") + "?" + f;
-    return await H.makeSearchFetchCall(M);
+    s && s !== "" && !l && C.push("state=" + s), 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);
   }
   static removeElements(e) {
     document.querySelectorAll(e).forEach((t) => t == null ? void 0 : t.remove());
@@ -2237,8 +2230,8 @@ class H {
   }
   static searchInStates(e) {
     const t = H.getStates(), a = e.toLowerCase();
-    let n = t.find((r) => r.short.toLowerCase() === a) ?? null;
-    return n || (n = t.find((r) => r.name.toLowerCase() === a) ?? null), n;
+    let n = t.find((l) => l.short.toLowerCase() === a) ?? null;
+    return n || (n = t.find((l) => l.name.toLowerCase() === a) ?? null), n;
   }
   static sendWoopraEvent(e, t) {
     typeof woopra == "object" && woopra.track(e, t);
@@ -2252,20 +2245,20 @@ class H {
     if (!t)
       return e;
     t = t.toLowerCase().replace(" usa", "").replace("city or state", "").replace(" state", "").trim();
-    let [a = null, n = null] = t.split(",").map((r) => r.trim());
+    let [a = null, n = null] = t.split(",").map((l) => l.trim());
     if (H.getStates(), a && !n) {
-      const r = this.searchInStates(a);
-      r && (a = null, n = r.short);
+      const l = this.searchInStates(a);
+      l && (a = null, n = l.short);
     }
     if (!n && a) {
-      const r = this.searchInStates(a);
-      r && (n = r.short);
+      const l = this.searchInStates(a);
+      l && (n = l.short);
     }
     if (a && !n) {
-      const r = a.split(" "), s = r[r.length - 1];
-      if (s.length) {
-        const l = this.searchInStates(s);
-        l && (n = l.short, a = r.slice(0, -1).join(" "));
+      const l = a.split(" "), i = l[l.length - 1];
+      if (i.length) {
+        const r = this.searchInStates(i);
+        r && (n = r.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;
@@ -2310,30 +2303,132 @@ class H {
     return e ? e.toString().split(" ").map((t) => H.ucFirst(t)).join(" ") : null;
   }
 }
+function o1(d, e = []) {
+  return new Proxy(d, {
+    get: function(t, a) {
+      return t[a];
+    },
+    set(t, a, n) {
+      const l = { ...t };
+      return t[a] = n, e.length > 0 && e.forEach((i) => i(t, l, a)), t;
+    }
+  });
+}
+class T1 {
+  init(e) {
+    this.handleSliders(e);
+  }
+  handleSliders({ items: e, id: t = 1, cb: a }) {
+    if (!document.getElementById(`slider-container-${t}`))
+      return;
+    const n = o1(
+      {
+        activeIndex: 0,
+        computedSlides: [],
+        container: null,
+        disableBtns: !0,
+        endingIndex: 3,
+        entriesIntersected: [],
+        lazyIndex: 3,
+        nextBtn: null,
+        observer: null,
+        prevBtn: null,
+        scrollToEnd: !1,
+        scrollToStart: !1,
+        showNextBtn: !1,
+        showPrevBtn: !1,
+        slides: [],
+        transition: 0
+      },
+      [this.showHideBtns]
+    );
+    this.sliderElements({ state: n, items: e, id: t, cb: a }), n.container && (this.initObserver(n), this.btnListeners(n));
+  }
+  initObserver(e) {
+    var t, a;
+    e.observer || (e.observer = new IntersectionObserver(
+      (n, l) => {
+        this.handleIntersect(n, l, e);
+      },
+      {
+        root: (t = e.container) == null ? void 0 : t.offsetParent
+      }
+    )), 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((s) => s.isIntersecting), l = n.length === a.slides.length, i = n.every(
+      (s) => s.isIntersecting === !0
+    );
+    l && i ? t.disconnect() : (a.disableBtns = !1, e.forEach((s) => {
+      const c = [...a.slides].indexOf(s.target);
+      s.target === a.slides[0] && (a.showPrevBtn = s.isIntersecting), s.target === a.slides[a.slides.length - 1] && (a.showNextBtn = s.isIntersecting), s.target === a.slides[2] && (a.scrollToStart = s.isIntersecting), s.target === a.slides[a.slides.length - 2] && (a.scrollToEnd = s.isIntersecting), s.isIntersecting && !a.entriesIntersected.includes(c) && (a.entriesIntersected.push(c), a.activeIndex = c, r(s));
+    }));
+    function r(s) {
+      var c;
+      s.target !== a.slides[a.slides.length - 1] && s.target !== a.slides[0] && s.target !== a.slides[2] && s.target !== a.slides[a.slides.length - 2] && ((c = a.observer) == null || c.unobserve(s.target));
+    }
+  }
+  btnListeners(e) {
+    var t, a;
+    (t = e.prevBtn) == null || t.addEventListener("click", () => {
+      this.scrollPrev(e);
+    }), (a = e.nextBtn) == null || a.addEventListener("click", () => {
+      this.scrollNext(e);
+    });
+  }
+  scrollPrev(e) {
+    e.scrollToStart ? e.transition = 0 : e.transition -= e.slides[1].offsetWidth + 12, e.container.style.transform = `translate3d(${-e.transition}px, 0, 0)`;
+  }
+  scrollNext(e) {
+    const { offsetWidth: t, offsetParent: a } = e.container, n = t - a.offsetWidth;
+    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>';
+    if (e.container = document.getElementById(`slider-container-${a}`), !e.container)
+      return console.error(`slider-container-${a} Not Found`);
+    e.prevBtn = e.container.parentElement.querySelector(
+      `#btn-left-${a}`
+    ), e.nextBtn = e.container.parentElement.querySelector(
+      `#btn-right-${a}`
+    );
+    const r = t.map((c) => n(c)).join(""), s = document.createElement("div");
+    s.innerHTML = `${l}${r}${i}`, e.container.replaceChildren(...s.children), e.container.parentElement.classList.add("loaded");
+  }
+  showHideBtns(e, t, a) {
+    if (a === "showPrevBtn" || a === "showNextBtn") {
+      if (e[a] === t[a])
+        return;
+      e[a] ? a === "showPrevBtn" ? e.prevBtn.style.display = "none" : e.nextBtn.style.display = "none" : a === "showPrevBtn" ? e.prevBtn.style.display = "block" : e.nextBtn.style.display = "block";
+    }
+  }
+}
 export {
-  d1 as Accordion,
-  h1 as Alert,
-  u1 as Autocomplete,
-  p1 as Badge,
-  m1 as Button,
-  V1 as ButtonGroup,
-  H1 as Card,
-  L1 as Checkbox,
+  u1 as Accordion,
+  p1 as Alert,
+  m1 as Autocomplete,
+  V1 as Badge,
+  H1 as Button,
+  L1 as ButtonGroup,
+  C1 as Card,
+  T1 as CardSlider,
+  f1 as Checkbox,
   H as Common,
-  C1 as Container,
-  M1 as Dialog,
-  f1 as DialogOld,
-  g1 as Dots,
+  M1 as Container,
+  g1 as Dialog,
+  v1 as DialogOld,
+  A1 as Dots,
+  B1 as FunnelHeader,
   b as Icon,
-  v1 as LoadingBar,
-  y1 as Popover,
-  b1 as ProgressBar,
-  w1 as Radio,
-  x1 as Select,
-  k1 as Skeleton,
-  S1 as Slider,
-  A1 as Spinner,
-  z1 as Stars,
-  Z1 as TextArea,
-  N1 as Textbox
+  y1 as LoadingBar,
+  w1 as Popover,
+  x1 as ProgressBar,
+  S1 as Radio,
+  k1 as Select,
+  z1 as Skeleton,
+  Z1 as Slider,
+  b1 as Spinner,
+  N1 as Stars,
+  E1 as TextArea,
+  D1 as Textbox
 };