@vehiclehistory/property-lib 0.0.19 → 0.0.21

package/dist/components/funnel/FunnelHeader.d.ts

@@ -1,5 +1,4 @@
 import { ReactNode, NamedExoticComponent } from 'react';
-
 declare const _default: NamedExoticComponent<{
     children?: ReactNode;
     className?: string;

package/dist/components/index.d.ts

@@ -23,5 +23,4 @@ import { default as Stars } from './ui/Stars/Stars';
 import { default as TextArea } from './ui/Text/TextArea';
 import { default as Textbox } from './ui/Text/Textbox';
 import { default as FunnelHeader } from './funnel/FunnelHeader';
-
 export { Accordion, Alert, Autocomplete, Badge, Button, ButtonGroup, Card, Checkbox, Container, Dialog, DialogOld, Dots, FunnelHeader, Icon, LoadingBar, Spinner, Popover, ProgressBar, Radio, Select, Skeleton, Slider, Stars, TextArea, Textbox, };

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

@@ -1,5 +1,4 @@
 import { ReactNode, NamedExoticComponent } from 'react';
-
 declare const _default: NamedExoticComponent<{
     children?: ReactNode;
     className?: string;

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

@@ -1,5 +1,4 @@
 import { ReactNode, NamedExoticComponent } from 'react';
-
 declare const _default: NamedExoticComponent<{
     children?: ReactNode;
     className?: string;

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

@@ -1,5 +1,4 @@
 import { FC } from 'react';
-
 declare const Autocomplete: FC<{
     autoFocus?: boolean;
     required?: boolean;

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

@@ -1,5 +1,4 @@
 import { FC, ReactNode } from 'react';
-
 interface BadgeProps {
     children?: ReactNode;
     className?: string;

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

@@ -1,5 +1,4 @@
 import { ReactNode, NamedExoticComponent } from 'react';
-
 declare const _default: NamedExoticComponent<{
     leftIcon?: string;
     leftIconProps?: object;
@@ -11,6 +10,7 @@ declare const _default: NamedExoticComponent<{
     rightIcon?: string;
     rightIconProps?: object;
     rounded?: boolean;
+    size?: "sm" | "md";
     type?: "button" | "submit" | "reset";
     uppercase?: boolean;
     variation?: "primary" | "secondary" | "icon" | "link";

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

@@ -1,5 +1,4 @@
 import { ReactNode } from 'react';
-
 interface ButtonGroupProps {
     children?: ReactNode;
     className?: string;

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

@@ -1,5 +1,4 @@
 import { FC, ReactNode } from 'react';
-
 interface CardProps {
     block?: boolean;
     borderless?: boolean;

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

@@ -1,5 +1,4 @@
 import { ReactNode, NamedExoticComponent } from 'react';
-
 declare const _default: NamedExoticComponent<{
     checked?: boolean;
     children?: ReactNode;

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

@@ -1,5 +1,4 @@
 import { ReactNode, NamedExoticComponent } from 'react';
-
 declare const _default: NamedExoticComponent<{
     children?: ReactNode;
     aside?: ReactNode;

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

@@ -1,6 +1,5 @@
 import { ReactNode, NamedExoticComponent } from 'react';
 import { IconSizes } from '../Icon/icons';
-
 declare const _default: NamedExoticComponent<{
     activator?: ReactNode;
     id?: string;

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

@@ -1,6 +1,5 @@
 import { ReactNode, Dispatch, SetStateAction, NamedExoticComponent } from 'react';
 import { IconSizes } from '../Icon/icons';
-
 declare const _default: NamedExoticComponent<{
     activator?: ReactNode;
     id?: string;

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

@@ -1,5 +1,4 @@
 import { FC } from 'react';
-
 declare const Dots: FC<{
     className?: string;
 }>;

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

@@ -1,5 +1,4 @@
 import { IconProps } from './icons';
 import { NamedExoticComponent } from 'react';
-
 declare const _default: NamedExoticComponent<IconProps>;
 export default _default;

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

@@ -1,5 +1,4 @@
 import { FC, ReactNode } from 'react';
-
 declare const Popover: FC<{
     activator: ReactNode;
     activatorClass?: string;

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

@@ -1,5 +1,4 @@
 import { ReactNode, NamedExoticComponent } from 'react';
-
 declare const _default: NamedExoticComponent<{
     checked?: boolean;
     children?: ReactNode;

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

@@ -1,5 +1,4 @@
 import { ReactNode, NamedExoticComponent } from 'react';
-
 declare const _default: NamedExoticComponent<{
     children?: ReactNode;
     className?: string;

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

@@ -1,5 +1,4 @@
 import { ReactNode, NamedExoticComponent } from 'react';
-
 declare const _default: NamedExoticComponent<{
     placeholderClass?: string;
     children?: ReactNode;

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

@@ -1,5 +1,4 @@
 import { FC } from 'react';
-
 declare const Stars: FC<{
     className?: string;
     value: number | string;

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

@@ -1,5 +1,4 @@
 import { FC } from 'react';
-
 declare const Swiper: FC<{
     alt?: string;
     buttonsMobile?: boolean;

package/dist/main.d.ts

@@ -1,3 +1,2 @@
-
 export * from './components';
 export * from './scripts';

package/dist/main.js

@@ -1,5 +1,5 @@
 import { jsx as o, jsxs as g, Fragment as z } from "react/jsx-runtime";
-import { memo as A, useState as Z, useEffect as k, useRef as $ } from "react";
+import { memo as y, useState as Z, useEffect as k, useRef as I } from "react";
 import m from "classnames";
 const F = {
   xxSmall: "w-4 h-4",
@@ -495,7 +495,7 @@ const F = {
       }
     }
   );
-}, y = A(P), W = ({
+}, b = y(P), W = ({
   children: d,
   className: e,
   clickHandler: t,
@@ -524,7 +524,7 @@ const F = {
         children: [
           /* @__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(
-            y,
+            b,
             {
               name: "chevronDown",
               size: "small",
@@ -556,7 +556,7 @@ const F = {
       }
     )
   ] }) });
-}, u1 = A(W), R = ({
+}, f1 = y(W), R = ({
   children: d,
   className: e = "",
   messages: t = [],
@@ -599,7 +599,7 @@ const F = {
       ...l,
       children: /* @__PURE__ */ g("div", { className: "flex", children: [
         /* @__PURE__ */ o("div", { className: "flex-shrink-0", children: /* @__PURE__ */ o(
-          y,
+          b,
           {
             name: r,
             viewBox: "0 0 24 24",
@@ -609,12 +609,12 @@ const F = {
         ) }),
         /* @__PURE__ */ g("div", { className: "ml-3", children: [
           /* @__PURE__ */ o("div", { className: m("font-medium text-sm", n), children: a }),
-          t.length > 0 ? /* @__PURE__ */ o("div", { className: "mt-2 text-xs", children: /* @__PURE__ */ o("ul", { role: "list", className: "list-disc space-y-1 pl-5", children: t.map((u, H) => /* @__PURE__ */ o("li", { children: u }, H)) }) }) : ""
+          t.length > 0 ? /* @__PURE__ */ o("div", { className: "mt-2 text-xs", children: /* @__PURE__ */ o("ul", { role: "list", className: "list-disc space-y-1 pl-5", children: t.map((u, C) => /* @__PURE__ */ o("li", { children: u }, C)) }) }) : ""
         ] })
       ] })
     }
   );
-}, p1 = A(R), m1 = ({
+}, M1 = y(R), U = ({
   autoFocus: d = !1,
   required: e = !1,
   className: t = "",
@@ -627,9 +627,9 @@ const F = {
   mobileBackdrop: c = !1,
   showSearchIcon: h = !0,
   options: u = [],
-  name: H = "",
+  name: C = "",
   placeholder: M = "",
-  props: b = {},
+  props: A = {},
   size: f = "medium",
   styles: p = null,
   title: V = ""
@@ -653,7 +653,7 @@ const F = {
           ),
           children: [
             /* @__PURE__ */ o(
-              y,
+              b,
               {
                 className: "home-search select-none text-gray-500",
                 name: r,
@@ -662,7 +662,7 @@ const F = {
               }
             ),
             /* @__PURE__ */ o(
-              y,
+              b,
               {
                 className: "arrow-left select-none text-gray-500 hidden",
                 name: "arrowLeft",
@@ -694,9 +694,9 @@ const F = {
           value: a,
           placeholder: !M && i ? " " : M,
           type: "search",
-          name: H || "search-input",
+          name: C || "search-input",
           "data-id": "search-input",
-          ...b
+          ...A
         }
       ),
       i && /* @__PURE__ */ o(
@@ -720,7 +720,7 @@ const F = {
           "data-id": "search-clear",
           className: "clear-btn absolute inset-y-0 right-0 flex items-center px-2 hidden",
           children: /* @__PURE__ */ o(
-            y,
+            b,
             {
               className: "cursor-pointer text-gray-500",
               name: "xCircle",
@@ -736,7 +736,7 @@ const F = {
           "data-id": "search-loading",
           className: "absolute inset-y-0 right-0 flex items-center px-2 pointer-events-none hidden",
           children: /* @__PURE__ */ o(
-            y,
+            b,
             {
               className: "animate-spin text-[#222]] pointer-events-none",
               name: "spinnerDark",
@@ -780,7 +780,7 @@ const F = {
       )
     ]
   }
-), V1 = ({
+), g1 = U, Q = ({
   children: d,
   className: e,
   size: t = "sm",
@@ -799,7 +799,7 @@ const F = {
     ),
     children: d
   }
-), U = ({
+), v1 = Q, G = ({
   leftIcon: d,
   leftIconProps: e = {},
   children: t,
@@ -810,25 +810,25 @@ const F = {
   rightIcon: s,
   rightIconProps: r = {},
   rounded: c = !1,
-  type: h = "button",
-  uppercase: u = !1,
-  variation: H = "primary"
+  size: h = "md",
+  type: u = "button",
+  uppercase: C = !1,
+  variation: M = "primary"
 }) => {
-  const M = l ? "a" : "button";
+  const A = l ? "a" : "button";
   return /* @__PURE__ */ g(
-    M,
+    A,
     {
-      type: M !== "a" ? h : null,
+      type: A !== "a" ? u : null,
       className: m(
         "Button",
         {
-          [`Button--${H}`]: H,
+          [`Button--${M}`]: M,
+          [`Button--${h}`]: h,
           "Button--rounded": c,
-          "Button--icon": H === "icon",
-          "Button--link": H === "link",
           "Button--disabled": n,
           "Button--custom-link": l,
-          "Button--uppercase": u
+          "Button--uppercase": C
         },
         a
       ),
@@ -837,22 +837,20 @@ const F = {
       ...i,
       children: [
         d && /* @__PURE__ */ o(
-          y,
+          b,
           {
             name: d,
             size: "small",
-            className: "mr-2 pointer-events-none text-slate-700",
             viewBox: "0 0 24 24",
             ...e
           }
         ),
         t,
         s && /* @__PURE__ */ o(
-          y,
+          b,
           {
             name: s,
             size: "small",
-            className: "ml-2 pointer-events-none text-slate-700",
             viewBox: "0 0 24 24",
             ...r
           }
@@ -860,7 +858,7 @@ const F = {
       ]
     }
   );
-}, H1 = A(U), L1 = ({ children: d, className: e }) => /* @__PURE__ */ o("div", { className: m("flex md:max-w-min border border-gray-300 divide-x divide-gray-200 rounded-lg", e), children: d }), C1 = ({
+}, A1 = y(G), J = ({ children: d, className: e }) => /* @__PURE__ */ o("div", { className: m("flex md:max-w-min border border-gray-300 divide-x divide-gray-200 rounded-lg", e), children: d }), y1 = J, K = ({
   block: d = !1,
   borderless: e = !1,
   children: t,
@@ -886,7 +884,7 @@ const F = {
     role: s,
     children: t
   }
-), Q = ({
+), b1 = K, Y = ({
   checked: d = !1,
   children: e,
   className: t = "",
@@ -923,7 +921,7 @@ const F = {
       ]
     }
   );
-}, f1 = A(Q), J = ({ children: d, aside: e, direction: t = "right" }) => /* @__PURE__ */ g("div", { className: "flex flex-col lg:flex-row lg:p-0 max-w-screen-lg", children: [
+}, w1 = y(Y), X = ({ children: d, aside: e, direction: t = "right" }) => /* @__PURE__ */ g("div", { className: "flex flex-col lg:flex-row lg:p-0 max-w-screen-lg", children: [
   /* @__PURE__ */ o(
     "main",
     {
@@ -949,7 +947,7 @@ const F = {
       children: e
     }
   )
-] }), M1 = A(J), G = ({
+] }), x1 = y(X), _ = ({
   activator: d,
   id: e = "",
   children: t,
@@ -962,9 +960,9 @@ const F = {
   hideClose: c = !1,
   iconSize: h = "medium",
   preventPageScroll: u = !0,
-  stickyHeader: H = !1,
+  stickyHeader: C = !1,
   title: M = "",
-  titleClass: b = ""
+  titleClass: A = ""
 }) => /* @__PURE__ */ g(z, { children: [
   d && /* @__PURE__ */ o("span", { id: `${e}-dialog-activator`, children: d }),
   /* @__PURE__ */ o(
@@ -988,14 +986,14 @@ const F = {
             className: m(
               "dialog-header flex items-center p-4",
               {
-                "sticky top-0 bg-white z-10": H,
+                "sticky top-0 bg-white z-10": C,
                 "!pb-0 border-0 justify-end": !M,
                 "justify-between border-b": M
               },
               r
             ),
             children: [
-              M && /* @__PURE__ */ o("h3", { id: `${e}-dialog-title`, className: b, children: M }),
+              M && /* @__PURE__ */ o("h3", { id: `${e}-dialog-title`, className: A, children: M }),
               !c && /* @__PURE__ */ o(
                 "button",
                 {
@@ -1005,7 +1003,7 @@ const F = {
                   "data-dialog-close": "",
                   value: "close",
                   children: /* @__PURE__ */ o(
-                    y,
+                    b,
                     {
                       name: "close",
                       size: h,
@@ -1029,7 +1027,7 @@ const F = {
       ] })
     }
   )
-] }), g1 = A(G), K = ({
+] }), S1 = y(_), e1 = ({
   activator: d,
   id: e = "",
   children: t,
@@ -1042,26 +1040,26 @@ const F = {
   headerClass: c = "",
   hideClose: h = !1,
   iconSize: u = "medium",
-  isOpen: H = !1,
+  isOpen: C = !1,
   setDialogOpen: M,
-  stickyHeader: b = !1,
+  stickyHeader: A = !1,
   title: f = "",
   titleClass: p = ""
 }) => {
-  const V = $(null), w = async () => {
+  const V = I(null), w = async () => {
     V.current.classList.add("closing"), await B(V.current), V.current.classList.remove("closing"), l && l(), M(!1);
   }, v = async (x) => {
     x.key === "Escape" && await w();
-  }, N = async ({ clientX: x, clientY: S, target: E }) => {
-    const { left: D, right: T, top: O, bottom: I } = V.current.getBoundingClientRect() ?? {};
-    (!V.current.contains(E) || x < D || x > T || S < O || S > I) && await w();
+  }, N = async ({ clientX: x, clientY: S, target: D }) => {
+    const { left: E, right: T, top: $, bottom: O } = V.current.getBoundingClientRect() ?? {};
+    (!V.current.contains(D) || x < E || x > T || S < $ || S > O) && await w();
   }, B = (x) => Promise.allSettled(
     x.getAnimations().map((S) => S.finished)
   );
   return k(() => {
     const x = V.current;
-    x && (H ? x.showModal() : typeof x.close == "function" && x.close());
-  }, [H]), /* @__PURE__ */ g(z, { children: [
+    x && (C ? x.showModal() : typeof x.close == "function" && x.close());
+  }, [C]), /* @__PURE__ */ g(z, { children: [
     d && /* @__PURE__ */ o("span", { id: `${e}-dialog-activator`, onClick: () => M(!0), children: d }),
     /* @__PURE__ */ g(
       "dialog",
@@ -1071,7 +1069,7 @@ const F = {
         className: m(
           "dialog",
           {
-            hidden: !H,
+            hidden: !C,
             "xs-max:h-full xs-max:max-h-full": r
           },
           a
@@ -1084,7 +1082,7 @@ const F = {
             {
               className: m(
                 "dialog-header flex items-center p-4",
-                { "sticky top-0 bg-white": b },
+                { "sticky top-0 bg-white": A },
                 c
               ),
               children: [
@@ -1098,7 +1096,7 @@ const F = {
                     "data-dialog-close": "",
                     onClick: w,
                     children: /* @__PURE__ */ o(
-                      y,
+                      b,
                       {
                         name: "close",
                         size: u,
@@ -1130,7 +1128,7 @@ const F = {
       }
     )
   ] });
-}, v1 = A(K), A1 = ({ className: d = "" }) => /* @__PURE__ */ g("div", { id: "dots", className: m("mx-auto", d), children: [
+}, k1 = y(e1), t1 = ({ className: d = "" }) => /* @__PURE__ */ g("div", { id: "dots", className: m("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" } }),
@@ -1139,7 +1137,7 @@ const F = {
   /* @__PURE__ */ o("span", { style: { animationDelay: "0.6s" } }),
   /* @__PURE__ */ o("span", { style: { animationDelay: "0.7s" } }),
   /* @__PURE__ */ o("span", { style: { animationDelay: "0.8s" } })
-] }), Y = ({
+] }), z1 = t1, a1 = ({
   cb: d,
   className: e = "",
   size: t = "md",
@@ -1150,14 +1148,14 @@ const F = {
     const s = document.querySelector(".loading-bar__inner");
     if (!s) return;
     let r, c, h = !1;
-    function u(H) {
-      r === void 0 && (r = H);
-      const M = H - r;
-      if (c !== H) {
-        const b = M / a * 101;
-        s.style.width = `${b}%`, b >= 101 && (i && i(), h = !0, window.cancelAnimationFrame(H));
+    function u(C) {
+      r === void 0 && (r = C);
+      const M = C - r;
+      if (c !== C) {
+        const A = M / a * 101;
+        s.style.width = `${A}%`, A >= 101 && (i && i(), h = !0, window.cancelAnimationFrame(C));
       }
-      M < a && (c = H, h || window.requestAnimationFrame(u));
+      M < a && (c = C, h || window.requestAnimationFrame(u));
     }
     window.requestAnimationFrame(u);
   }
@@ -1180,18 +1178,18 @@ const F = {
       children: /* @__PURE__ */ o("div", { className: "loading-bar__inner", "data-size": "100" })
     }
   );
-}, y1 = A(Y), X = {
+}, Z1 = y(a1), n1 = {
   name: "spinnerDark",
   color: "text-teal-700",
   viewBox: "0 0 24 24"
-}, _ = ({ className: d = "" }) => /* @__PURE__ */ o("div", { className: "rounded-r-md px-2 focus:outline-none", children: /* @__PURE__ */ o(
-  y,
+}, l1 = ({ className: d = "" }) => /* @__PURE__ */ o("div", { className: "rounded-r-md px-2 focus:outline-none", children: /* @__PURE__ */ o(
+  b,
   {
     size: "xSmall",
-    ...X,
+    ...n1,
     className: `animate-spin ${d}`
   }
-) }), b1 = A(_), w1 = ({
+) }), N1 = y(l1), s1 = ({
   activator: d,
   activatorClass: e = "",
   attrs: t = {},
@@ -1242,7 +1240,7 @@ const F = {
       children: d
     }
   )
-] }), e1 = ({
+] }), B1 = s1, r1 = ({
   ariaValuemax: d = 100,
   ariaValuemin: e = 0,
   bgColor: t = "bg-orange-500",
@@ -1254,8 +1252,8 @@ const F = {
 }) => {
   const c = ((h, u) => {
     if (h) {
-      const H = Number(u) / h;
-      return H > 1 ? 100 : H * 100;
+      const C = Number(u) / h;
+      return C > 1 ? 100 : C * 100;
     }
     return n;
   })(l, n);
@@ -1285,7 +1283,7 @@ const F = {
       )
     }
   );
-}, x1 = A(e1), t1 = ({
+}, D1 = y(r1), i1 = ({
   checked: d = !1,
   children: e,
   className: t = "",
@@ -1324,7 +1322,7 @@ const F = {
       ]
     }
   );
-}, S1 = A(t1), a1 = ({
+}, E1 = y(i1), o1 = ({
   children: d,
   className: e = "",
   error: t = !1,
@@ -1337,14 +1335,14 @@ const F = {
   props: c = {},
   selectClass: h = "",
   styles: u = null,
-  variation: H = "primary",
+  variation: C = "primary",
   value: M
 }) => {
-  const b = r ? { defaultValue: "" } : {};
+  const A = r ? { defaultValue: "" } : {};
   return /* @__PURE__ */ g(
     "label",
     {
-      className: m("relative select", e, H),
+      className: m("relative select", e, C),
       style: u ? { ...u } : null,
       children: [
         l,
@@ -1359,7 +1357,7 @@ const F = {
             id: n,
             name: i,
             value: M,
-            ...b,
+            ...A,
             ...c,
             children: [
               r && /* @__PURE__ */ o("option", { hidden: !0, value: "", children: r }),
@@ -1378,7 +1376,7 @@ const F = {
       ]
     }
   );
-}, k1 = A(a1), n1 = ({ className: d = "" }) => /* @__PURE__ */ g(
+}, T1 = y(o1), c1 = ({ className: d = "" }) => /* @__PURE__ */ g(
   "div",
   {
     className: m(
@@ -1386,11 +1384,11 @@ const F = {
       d
     ),
     children: [
-      /* @__PURE__ */ o(y, { size: "xLarge", name: "map", className: "mx-auto" }),
+      /* @__PURE__ */ o(b, { size: "xLarge", name: "map", className: "mx-auto" }),
       /* @__PURE__ */ o("span", { className: "sr-only", children: "Loading..." })
     ]
   }
-), z1 = A(n1), l1 = ({
+), $1 = y(c1), d1 = ({
   placeholderClass: d = "",
   children: e,
   className: t = "",
@@ -1404,7 +1402,7 @@ const F = {
       id: `btn-left-${a}`,
       type: "button",
       className: "slider-button__prev ",
-      children: /* @__PURE__ */ o(y, { name: "chevronLeft" })
+      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(
@@ -1422,10 +1420,10 @@ const F = {
       id: `btn-right-${a}`,
       type: "button",
       className: "slider-button__next",
-      children: /* @__PURE__ */ o(y, { name: "chevronRight" })
+      children: /* @__PURE__ */ o(b, { name: "chevronRight" })
     }
   )
-] }), Z1 = A(l1), N1 = ({
+] }), O1 = y(d1), h1 = ({
   className: d = "",
   value: e
 }) => {
@@ -1442,7 +1440,7 @@ const F = {
       style: t
     }
   );
-}, s1 = ({
+}, I1 = h1, u1 = ({
   className: d = "",
   clear: e = !1,
   error: t = !1,
@@ -1477,7 +1475,7 @@ const F = {
       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__ */ o(
-        y,
+        b,
         {
           size: "xSmall",
           name: "xCircle",
@@ -1487,7 +1485,7 @@ const F = {
     }
   ),
   a && /* @__PURE__ */ o("span", { className: "relative flex mt-0.5 text-red-700 text-xs text-left", children: a })
-] }), B1 = A(s1), r1 = ({
+] }), F1 = y(u1), p1 = ({
   className: d = "",
   clear: e = !1,
   error: t = !1,
@@ -1500,7 +1498,7 @@ const F = {
   props: c = {},
   styles: h = null,
   type: u = "text",
-  value: H,
+  value: C,
   variation: M = "primary"
 }) => /* @__PURE__ */ g(
   "div",
@@ -1509,7 +1507,7 @@ const F = {
     style: h ? { ...h } : null,
     children: [
       n && /* @__PURE__ */ o("div", { className: "pointer-events-none absolute inset-y-0 left-0 flex items-center px-2", children: /* @__PURE__ */ o(
-        y,
+        b,
         {
           size: "xSmall",
           name: n,
@@ -1524,7 +1522,7 @@ const F = {
           id: l,
           name: s,
           type: u,
-          value: H,
+          value: C,
           autoComplete: "off",
           className: m(
             "form-input",
@@ -1545,7 +1543,7 @@ const F = {
           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__ */ o(
-            y,
+            b,
             {
               size: "xSmall",
               name: "xCircle",
@@ -1557,7 +1555,7 @@ const F = {
       a && /* @__PURE__ */ o("span", { className: "relative flex mt-0.5 text-red-700 text-xs text-left", children: a })
     ]
   }
-), E1 = A(r1), i1 = ({ children: d, className: e = "", tag: t = "h1", title: a }) => /* @__PURE__ */ o(
+), q1 = y(p1), m1 = ({ children: d, className: e = "", tag: t = "h1", title: a }) => /* @__PURE__ */ o(
   t,
   {
     className: m(
@@ -1566,11 +1564,11 @@ const F = {
     ),
     children: a || d
   }
-), D1 = A(i1);
-class C {
+), j1 = y(m1);
+class H {
   static calcCrow(e, t, a, n) {
-    const i = C.toRad(a - e), s = C.toRad(n - t);
-    e = C.toRad(e), a = C.toRad(a);
+    const i = H.toRad(a - e), s = H.toRad(n - t);
+    e = H.toRad(e), a = H.toRad(a);
     const r = Math.sin(i / 2) * Math.sin(i / 2) + Math.sin(s / 2) * Math.sin(s / 2) * Math.cos(e) * Math.cos(a);
     return 6371 * (2 * Math.atan2(Math.sqrt(r), Math.sqrt(1 - r)));
   }
@@ -1585,9 +1583,9 @@ class C {
       return;
     window.dataLayer = window.dataLayer || [];
     const t = document.querySelectorAll("[data-div-track]");
-    typeof C == "function" && t.forEach((a) => {
+    typeof H == "function" && t.forEach((a) => {
       a.addEventListener("click", () => {
-        C.clickTrackEvent(a.dataset.divTrack);
+        H.clickTrackEvent(a.dataset.divTrack);
       });
     });
   }
@@ -1601,13 +1599,13 @@ class C {
   static async createData(e, t = null, a = !0) {
     if (options.isBot || !t)
       return null;
-    const { tolken: n = null, ip: l = null } = await C.getHeaders(), i = a === !1 ? "" : "&tolken=" + n + "&ip=" + l, s = e + i, r = typeof t == "string" ? t : JSON.stringify(t);
+    const { tolken: n = null, ip: l = null } = await H.getHeaders(), i = a === !1 ? "" : "&tolken=" + n + "&ip=" + l, s = e + i, r = typeof t == "string" ? t : JSON.stringify(t);
     try {
       const c = await fetch(s, {
         method: "POST",
         body: r === "null" ? null : r,
         headers: {
-          website: C.getWebsiteHeaderName()
+          website: H.getWebsiteHeaderName()
         }
       }), h = c.headers.get("content-type");
       if (h && h.indexOf("application/json") !== -1)
@@ -1624,7 +1622,7 @@ class C {
   }
   static async deleteSearchValue(e = "recsSearchValue") {
     try {
-      return await C.createData(`/api/cookie/remove?name=${e}`);
+      return await H.createData(`/api/cookie/remove?name=${e}`);
     } catch (t) {
       console.error("deleteSearchValue", t.message);
     }
@@ -1675,7 +1673,7 @@ class C {
   static async fetchData(e, t = !1, a = !0) {
     if (options.isBot)
       return null;
-    const { tolken: n = null, ip: l = null } = await C.getHeaders(), s = e.replace("#", "").replace("%23", "") + "&tolken=" + n + "&ip=" + l;
+    const { tolken: n = null, ip: l = null } = await H.getHeaders(), s = e.replace("#", "").replace("%23", "") + "&tolken=" + n + "&ip=" + l;
     try {
       const r = await fetch(s, { method: "GET" });
       if (t === !0) {
@@ -1695,8 +1693,8 @@ class C {
   }
   static formatDate(e = null) {
     return e ? (e = new Date(e), [
-      C.padTo2Digits(e.getMonth() + 1),
-      C.padTo2Digits(e.getDate()),
+      H.padTo2Digits(e.getMonth() + 1),
+      H.padTo2Digits(e.getDate()),
       e.getFullYear()
     ].join("-")) : null;
   }
@@ -1790,19 +1788,19 @@ class C {
     }[e];
   }
   static async getLocationData(e) {
-    const { swLat: t, neLng: a, neLat: n, swLng: l } = C.getBounds(e, 3, 0.05), i = "zip-location&swLat=" + t + "&neLng=" + a + "&neLat=" + n + "&swLng=" + l;
-    return await C.fetchData("/api/client?query=" + i);
+    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 r, c, h;
     const a = ((r = e == null ? void 0 : e.state) == null ? void 0 : r.slug) ?? null, n = ((c = e == null ? void 0 : e.city) == null ? void 0 : c.slug) ?? null, l = ((h = e == null ? void 0 : e.name) == null ? void 0 : h.slug) ?? null, i = (e == null ? void 0 : e.zip) ?? null;
     t = t || ((e == null ? void 0 : e.id) ?? null);
     const s = [i, "-piq", t].filter((u) => u).join("");
-    return "/" + [a, n, l].filter((u) => u).map((u) => C.toSlug(u)).join("/") + "/" + s;
+    return "/" + [a, n, l].filter((u) => u).map((u) => H.toSlug(u)).join("/") + "/" + s;
   }
   static async getSearchValue(e = "recsSearchValue") {
     try {
-      return await C.createData(`/api/cookie/fetch?name=${e}`);
+      return await H.createData(`/api/cookie/fetch?name=${e}`);
     } catch (t) {
       console.error("getSearchValue", t.message);
     }
@@ -1927,7 +1925,7 @@ class C {
         return e;
     }
     try {
-      return await C.createData("/api/cookie/fetch?name=odrUser");
+      return await H.createData("/api/cookie/fetch?name=odrUser");
     } catch (e) {
       console.error("getUser", e.message);
     }
@@ -1943,7 +1941,7 @@ class C {
         uuid: t
       }
     });
-    return await C.makeSearchFetchCall(
+    return await H.makeSearchFetchCall(
       `/api/client?query=user-get-history&filter=${a}`
     );
   }
@@ -2018,7 +2016,7 @@ class C {
     }), u = new MutationObserver((p, V) => {
       p.forEach((w) => {
         w.removedNodes.forEach((v) => {
-          v.nodeName === "DIALOG" && (v.removeEventListener("click", b), v.removeEventListener("close", M), v.dispatchEvent(c.removed), u == null || u.disconnect(), h == null || h.disconnect());
+          v.nodeName === "DIALOG" && (v.removeEventListener("click", A), v.removeEventListener("close", M), v.dispatchEvent(c.removed), u == null || u.disconnect(), h == null || h.disconnect());
         });
       });
     });
@@ -2029,18 +2027,18 @@ class C {
       subtree: !1,
       childList: !0
     }));
-    const H = () => {
+    const C = () => {
       s == null || s.showModal();
     }, M = async ({ target: p }) => {
       p == null || p.classList.add("closing"), p == null || p.setAttribute("inert", ""), p == null || p.dispatchEvent(c.closing), p && await f(p), p == null || p.classList.remove("closing"), p == null || p.dispatchEvent(c.closed);
-    }, b = async ({ target: p }) => {
+    }, A = async ({ target: p }) => {
       (p == null ? void 0 : p.nodeName) === "DIALOG" && (s == null || s.close("outside"));
     }, f = (p) => Promise.allSettled(
       p == null ? void 0 : p.getAnimations().map((V) => V == null ? void 0 : V.finished)
     );
-    return !l && (s == null || s.addEventListener("click", b)), s == null || s.addEventListener("close", M), i == null || i.forEach((p) => {
+    return !l && (s == null || s.addEventListener("click", A)), s == null || s.addEventListener("close", M), i == null || i.forEach((p) => {
       p.addEventListener("click", (V) => {
-        H(), a && a(V, s);
+        C(), a && a(V, s);
       });
     }), r == null || r.forEach((p) => {
       p.addEventListener("click", async (V) => {
@@ -2049,12 +2047,12 @@ class C {
     }), {
       activators: i,
       ref: s,
-      handleOpen: H,
+      handleOpen: C,
       handleClose: M
     };
   }
   static hasBoundsEntry(e, t = "bounds") {
-    return C.getBoundsEntries(t).includes(e);
+    return H.getBoundsEntries(t).includes(e);
   }
   static initObserver(e, t, a = null) {
     if (!e)
@@ -2113,7 +2111,7 @@ class C {
       url: n,
       data: l
     };
-    return await C.createData("/api/client?query=log/save&method=POST", i), null;
+    return await H.createData("/api/client?query=log/save&method=POST", i), null;
   }
   static loadAds() {
     window.dataLayer = window.dataLayer || [];
@@ -2130,7 +2128,7 @@ class C {
     if (e) {
       const n = "/scripts/" + e + ".js?v=100.0.5";
       try {
-        return await C.injectScript({
+        return await H.injectScript({
           src: n,
           id: t || e,
           async: !1,
@@ -2146,11 +2144,11 @@ class C {
     if (window.options.googleMapsLoaded === !0)
       return;
     const e = "https://maps.googleapis.com/maps/api/js", t = window.options.googleApiKey, a = e + "?key=" + t + "&libraries=marker&v=beta&callback=mapCb";
-    await C.injectScript({ src: a, id: "googleapis", async: !1 });
+    await 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", l = "//unpkg.com/leaflet-gesture-handling/dist/leaflet-gesture-handling.min.css";
-    await C.injectLink({ href: a, id: "leafletCss" }), await C.injectLink({ href: l, id: "gestureCss" }), await C.injectScript({ src: t, id: "leafletJs", async: !1 }), await C.injectScript({
+    await 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
@@ -2165,7 +2163,7 @@ class C {
   }
   static async loadSwiper() {
     const e = "https://cdn.jsdelivr.net/npm", t = `${e}/swiper@9/swiper-bundle.min.js`, a = `${e}/swiper@9/swiper-bundle.min.css`;
-    await C.injectLink({ href: a, id: "swiperCss" }), await C.injectScript({ src: t, id: "swiperJs", async: !1 });
+    await H.injectLink({ href: a, id: "swiperCss" }), await H.injectScript({ src: t, id: "swiperJs", async: !1 });
   }
   static async makeSearchFetchCall(e) {
     try {
@@ -2204,11 +2202,11 @@ class C {
       state: c = null,
       vin: h = null,
       license: u = null,
-      token: H = null,
+      token: C = null,
       phone: M = null
-    } = e || {}, b = t && t !== "", f = i && i !== "" && i !== "18", p = s && s !== "" && i !== "99";
+    } = e || {}, A = t && t !== "", f = i && i !== "" && i !== "18", p = s && s !== "" && i !== "99";
     let V = [];
-    return t && t !== "" && V.push("name=" + t), b || (a && a !== "" && V.push("first=" + a), n && n !== "" && V.push("middle=" + n), l && l !== "" && V.push("last=" + l)), f && p ? parseInt(i) > parseInt(s) ? (V.push("min=" + s), V.push("max=" + i)) : (V.push("min=" + i), V.push("max=" + s)) : (f && V.push("min=" + i), p && V.push("max=" + s)), M && M !== "" && V.push("phone=" + M), r && r !== "" && V.push("city=" + r), u && u !== "" && V.push("license=" + u), h && h !== "" && V.push("vin=" + h), c && c !== "" && V.push("state=" + c), H && H !== "" && V.push("token=" + H), V.join("&");
+    return t && t !== "" && V.push("name=" + t), A || (a && a !== "" && V.push("first=" + a), n && n !== "" && V.push("middle=" + n), l && l !== "" && V.push("last=" + l)), f && p ? parseInt(i) > parseInt(s) ? (V.push("min=" + s), V.push("max=" + i)) : (V.push("min=" + i), V.push("max=" + s)) : (f && V.push("min=" + i), p && V.push("max=" + s)), M && M !== "" && V.push("phone=" + M), r && r !== "" && V.push("city=" + r), u && u !== "" && V.push("license=" + u), h && h !== "" && V.push("vin=" + h), c && c !== "" && V.push("state=" + c), C && C !== "" && V.push("token=" + C), V.join("&");
   }
   static padTo2Digits(e) {
     return e.toString().padStart(2, "0");
@@ -2225,7 +2223,7 @@ class C {
       useSearch: i = !1,
       useLocation: s = !0,
       state: r = ""
-    } = t ?? {}, { tolken: c = null, ip: h = null } = await C.getHeaders(), H = [
+    } = t ?? {}, { tolken: c = null, ip: h = null } = await H.getHeaders(), C = [
       "query=" + encodeURIComponent(this.cleanupAddress(e)),
       "addressesOnly=" + a,
       "useSearch=" + i,
@@ -2233,9 +2231,9 @@ class C {
       "useCityStateSearch=" + l,
       "useLocation=" + s
     ];
-    r && r !== "" && !l && H.push("state=" + r), c && c !== "" && H.push("tolken=" + c), h && h !== "" && H.push("ip=" + h);
-    const M = H.join("&"), f = (n || l ? "/api/autocomplete-city" : "/api/autocomplete") + "?" + M;
-    return await C.makeSearchFetchCall(f);
+    r && r !== "" && !l && C.push("state=" + r), c && c !== "" && C.push("tolken=" + c), h && h !== "" && C.push("ip=" + h);
+    const M = C.join("&"), f = (n || l ? "/api/autocomplete-city" : "/api/autocomplete") + "?" + M;
+    return await H.makeSearchFetchCall(f);
   }
   static removeElements(e) {
     document.querySelectorAll(e).forEach((t) => t == null ? void 0 : t.remove());
@@ -2254,7 +2252,7 @@ class C {
     });
   }
   static searchInStates(e) {
-    const t = C.getStates(), a = e.toLowerCase();
+    const t = H.getStates(), a = e.toLowerCase();
     let n = t.find((l) => l.short.toLowerCase() === a) ?? null;
     return n || (n = t.find((l) => l.name.toLowerCase() === a) ?? null), n;
   }
@@ -2262,7 +2260,7 @@ class C {
     typeof woopra == "object" && woopra.track(e, t);
   }
   static setBoundsEntries(e, t = "bounds") {
-    const a = C.getBoundsEntries(t);
+    const a = H.getBoundsEntries(t);
     a.push(e), localStorage.setItem(t, JSON.stringify(a));
   }
   static async setCityState(e = null) {
@@ -2271,7 +2269,7 @@ class C {
       return e;
     t = t.toLowerCase().replace(" usa", "").replace("city or state", "").replace(" state", "").trim();
     let [a = null, n = null] = t.split(",").map((l) => l.trim());
-    if (C.getStates(), a && !n) {
+    if (H.getStates(), a && !n) {
       const l = this.searchInStates(a);
       l && (a = null, n = l.short);
     }
@@ -2289,7 +2287,7 @@ class C {
     return a && n && a.toLowerCase() === n.toLowerCase() && (a = null), e.city = a, e.state = n ? n.toUpperCase() : null, e;
   }
   static async setSearchValueClient(e, t = "recsSearchValue") {
-    localStorage.setItem(t, JSON.stringify(e)), await C.createData(`/api/cookie/create?name=${t}`, e);
+    localStorage.setItem(t, JSON.stringify(e)), await H.createData(`/api/cookie/create?name=${t}`, e);
   }
   static stickyHeader(e = ".nav") {
     const t = document.querySelector(e);
@@ -2316,7 +2314,7 @@ class C {
     return t.charAt(0).toUpperCase() + t.slice(1);
   }
   static useLayerTitle(e, t) {
-    const a = C.getLayerTitle(e);
+    const a = H.getLayerTitle(e);
     L.tileLayer(a, {
       maxNativeZoom: 19,
       maxZoom: 25,
@@ -2325,10 +2323,10 @@ class C {
     }).addTo(t);
   }
   static ucWords(e) {
-    return e ? e.toString().split(" ").map((t) => C.ucFirst(t)).join(" ") : null;
+    return e ? e.toString().split(" ").map((t) => H.ucFirst(t)).join(" ") : null;
   }
 }
-function o1(d, e = []) {
+function V1(d, e = []) {
   return new Proxy(d, {
     get: function(t, a) {
       return t[a];
@@ -2339,14 +2337,14 @@ function o1(d, e = []) {
     }
   });
 }
-class T1 {
+class P1 {
   init(e) {
     this.handleSliders(e);
   }
   handleSliders({ items: e, id: t = 1, cb: a }) {
     if (!document.getElementById(`slider-container-${t}`))
       return;
-    const n = o1(
+    const n = V1(
       {
         activeIndex: 0,
         computedSlides: [],
@@ -2429,31 +2427,31 @@ class T1 {
   }
 }
 export {
-  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,
-  C as Common,
-  M1 as Container,
-  g1 as Dialog,
-  v1 as DialogOld,
-  A1 as Dots,
-  D1 as FunnelHeader,
-  y as Icon,
-  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,
-  B1 as TextArea,
-  E1 as Textbox
+  f1 as Accordion,
+  M1 as Alert,
+  g1 as Autocomplete,
+  v1 as Badge,
+  A1 as Button,
+  y1 as ButtonGroup,
+  b1 as Card,
+  P1 as CardSlider,
+  w1 as Checkbox,
+  H as Common,
+  x1 as Container,
+  S1 as Dialog,
+  k1 as DialogOld,
+  z1 as Dots,
+  j1 as FunnelHeader,
+  b as Icon,
+  Z1 as LoadingBar,
+  B1 as Popover,
+  D1 as ProgressBar,
+  E1 as Radio,
+  T1 as Select,
+  $1 as Skeleton,
+  O1 as Slider,
+  N1 as Spinner,
+  I1 as Stars,
+  F1 as TextArea,
+  q1 as Textbox
 };

package/dist/scripts/index.d.ts

@@ -1,4 +1,3 @@
 import { default as Common } from './common';
 import { default as CardSlider } from './cardSlider';
-
 export { Common, CardSlider };

package/dist/styles.css

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

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@vehiclehistory/property-lib",
   "description": "Shared UI/Utility Library for Property Sites",
-  "version": "0.0.19",
+  "version": "0.0.21",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/penguin-marketing/vh-recs-ui-library.git"
@@ -20,6 +20,9 @@
     },
     "./dist/styles.css": "./dist/styles.css"
   },
+  "sideEffects": [
+    "**/*.css"
+  ],
   "scripts": {
     "build": "tsc -b && vite build",
     "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0"
@@ -45,7 +48,7 @@
     "sass": "^1.77.8",
     "typescript": "^5.5.4",
     "vite": "^5.3.5",
-    "vite-plugin-dts": "^4.0.0-beta.2",
+    "vite-plugin-dts": "^4.0.1",
     "vite-tsconfig-paths": "^4.3.2"
   }
 }