@vehiclehistory/property-lib 0.0.8 → 0.0.9

package/dist/components/Progress/ProgressBar.js

@@ -1,50 +0,0 @@
-import { jsx as e } from "react/jsx-runtime";
-import { memo as g } from "react";
-import l from "classnames";
-const h = ({
-  ariaValuemax: i = 100,
-  ariaValuemin: o = 0,
-  bgColor: n = "bg-orange-500",
-  className: u,
-  completed: r = 0,
-  maxCompleted: d = 100,
-  rounded: f = !0,
-  showLabel: m = !1
-}) => {
-  const t = ((a, c) => {
-    if (a) {
-      const s = Number(c) / a;
-      return s > 1 ? 100 : s * 100;
-    }
-    return r;
-  })(d, r);
-  return /* @__PURE__ */ e(
-    "div",
-    {
-      className: l(
-        "w-full bg-gray-200",
-        { "rounded-full": f },
-        u
-      ),
-      role: "progressbar",
-      "aria-label": "Progress Bar",
-      "aria-valuenow": r,
-      "aria-valuemin": o,
-      "aria-valuemax": i,
-      children: /* @__PURE__ */ e(
-        "div",
-        {
-          className: l(
-            "h-full text-right flex items-center justify-end rounded-full",
-            n
-          ),
-          style: { width: `${t}%` },
-          children: m && /* @__PURE__ */ e("span", { className: "font-bold text-white text-xs mr-2", children: Math.round(t) })
-        }
-      )
-    }
-  );
-}, N = g(h);
-export {
-  N as default
-};

package/dist/components/Radio/Radio.js

@@ -1,46 +0,0 @@
-import { jsxs as p, jsx as u } from "react/jsx-runtime";
-import { memo as d } from "react";
-import s from "classnames";
-const g = ({
-  checked: a = !1,
-  children: e,
-  className: t = "",
-  id: o = "",
-  label: i = "",
-  name: m = "",
-  props: n = {},
-  variation: l = "primary",
-  value: c = ""
-}) => {
-  const r = i ? "div" : "label", f = r === "label" ? { htmlFor: o } : {};
-  return /* @__PURE__ */ p(
-    r,
-    {
-      className: s("radio flex items-center", t),
-      ...f,
-      children: [
-        /* @__PURE__ */ u(
-          "input",
-          {
-            checked: a,
-            className: s(
-              "form-radio focus:ring-2 focus:ring-offset-2 focus-within:outline-none",
-              {
-                "focus:ring-[#222]": l === "primary"
-              }
-            ),
-            id: o,
-            name: m,
-            type: "radio",
-            value: c,
-            ...n
-          }
-        ),
-        e
-      ]
-    }
-  );
-}, y = d(g);
-export {
-  y as default
-};

package/dist/components/Select/Select.js

@@ -1,61 +0,0 @@
-import { jsxs as d, jsx as r } from "react/jsx-runtime";
-import { memo as S } from "react";
-import c from "classnames";
-const V = ({
-  children: w,
-  className: m = "",
-  error: u = !1,
-  errorMessage: a = "",
-  id: t = "",
-  label: f = "",
-  name: x = "",
-  options: h = [],
-  placeholder: l = "",
-  props: v = {},
-  selectClass: b = "",
-  styles: s = null,
-  variation: N = "primary",
-  value: g
-}) => {
-  const j = l ? { defaultValue: "" } : {};
-  return /* @__PURE__ */ d(
-    "label",
-    {
-      className: c("relative select", m, N),
-      style: s ? { ...s } : null,
-      children: [
-        f,
-        /* @__PURE__ */ d(
-          "select",
-          {
-            className: c(
-              "form-select relative bg-white pl-3 pr-10 text-left cursor-default",
-              u ? "!border-red-500 !bg-red-500/10 !text-red-700 focus:!ring-red-500 focus:!border-red-500" : "",
-              b
-            ),
-            id: t,
-            name: x,
-            value: g,
-            ...j,
-            ...v,
-            children: [
-              l && /* @__PURE__ */ r("option", { hidden: !0, value: "", children: l }),
-              h.map((e, y) => /* @__PURE__ */ r(
-                "option",
-                {
-                  value: (e == null ? void 0 : e.id) || (e == null ? void 0 : e.value) || e,
-                  children: (e == null ? void 0 : e.name) || e
-                },
-                (e == null ? void 0 : e.name) || e
-              ))
-            ]
-          }
-        ),
-        a && /* @__PURE__ */ r("span", { className: "relative flex mt-0.5 text-red-700 text-xs text-left", children: a })
-      ]
-    }
-  );
-}, z = S(V);
-export {
-  z as default
-};

package/dist/components/Skeleton/Skeleton.js

@@ -1,20 +0,0 @@
-import { jsxs as a, jsx as e } from "react/jsx-runtime";
-import { memo as m } from "react";
-import o from "../Icon/Icon.js";
-import r from "classnames";
-const n = ({ className: s = "" }) => /* @__PURE__ */ a(
-  "div",
-  {
-    className: r(
-      "flex justify-center items-center bg-gray-200 rounded-lg animate-pulse",
-      s
-    ),
-    children: [
-      /* @__PURE__ */ e(o, { size: "xLarge", name: "map", className: "mx-auto" }),
-      /* @__PURE__ */ e("span", { className: "sr-only", children: "Loading..." })
-    ]
-  }
-), p = m(n);
-export {
-  p as default
-};

package/dist/components/Slider/Slider.js

@@ -1,58 +0,0 @@
-import { jsxs as s, jsx as e } from "react/jsx-runtime";
-import { memo as m } from "react";
-import t from "../Icon/Icon.js";
-const c = ({
-  placeholderClass: o = "",
-  children: i,
-  className: d = "",
-  id: r = 1,
-  padding: l = !0,
-  sliderName: a = ""
-}) => /* @__PURE__ */ s(
-  "div",
-  {
-    className: `slider relative overflow-hidden ${d}`,
-    id: `slider-${r}`,
-    children: [
-      /* @__PURE__ */ e(
-        "button",
-        {
-          title: "Previous Slide",
-          id: `btn-left-${r}`,
-          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__ */ e(t, { name: "chevronLeft" })
-        }
-      ),
-      /* @__PURE__ */ e(
-        "div",
-        {
-          id: `slider-container-${r}`,
-          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 }, (u, n) => /* @__PURE__ */ e(
-            "div",
-            {
-              className: `card-ph slider-card bg-gray-200 animate-pulse ${o}`,
-              children: /* @__PURE__ */ e("div", { className: `slider-card-action ${l ? "p-4" : ""}`, children: i })
-            },
-            n
-          ))
-        }
-      ),
-      /* @__PURE__ */ e(
-        "button",
-        {
-          title: "Next Slide",
-          id: `btn-right-${r}`,
-          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 | ${a} | More Reviews`,
-          children: /* @__PURE__ */ e(t, { name: "chevronRight" })
-        }
-      )
-    ]
-  }
-), f = m(c);
-export {
-  f as default
-};

package/dist/components/Stars/Stars.js

@@ -1,23 +0,0 @@
-import { jsx as a } from "react/jsx-runtime";
-import n from "classnames";
-const l = ({
-  className: t = "",
-  value: e
-}) => {
-  const s = {
-    "--value": `calc(${e} / 5 * 100%)`
-  };
-  return /* @__PURE__ */ a(
-    "div",
-    {
-      className: n(
-        'Stars inline-block leading-none font-sans text-base before:content-["★★★★★"]',
-        t
-      ),
-      style: s
-    }
-  );
-};
-export {
-  l as default
-};

package/dist/components/Swiper/Swiper.js

@@ -1,107 +0,0 @@
-import { jsxs as t, jsx as e } from "react/jsx-runtime";
-import i from "classnames";
-import d from "../Icon/Icon.js";
-import m from "../Button/Button.js";
-const x = ({
-  alt: r = "",
-  buttonsMobile: p = !0,
-  buttonClass: l,
-  className: w = "",
-  containerClass: h,
-  config: v = {},
-  dialogId: o = null,
-  id: s = "1",
-  images: a = [],
-  placeholder: n
-}) => /* @__PURE__ */ t(
-  "div",
-  {
-    id: `swiper-${s}`,
-    "data-swiper": "",
-    "data-swiper-config": JSON.stringify(v),
-    "data-dialog-id": o,
-    "data-images-count": a.length,
-    className: i("swiper", w),
-    children: [
-      /* @__PURE__ */ t("div", { className: i("swiper-container", h), children: [
-        /* @__PURE__ */ e(
-          "div",
-          {
-            className: i("swiper-placeholder", {
-              "animate-pulse": !n
-            }),
-            children: n ? /* @__PURE__ */ e(
-              "img",
-              {
-                alt: `${r ? `${r} ` : "Placeholder Image"}`,
-                src: n
-              }
-            ) : "Loading Images..."
-          }
-        ),
-        /* @__PURE__ */ e(
-          "div",
-          {
-            className: i("swiper-wrapper", {
-              "cursor-pointer": o
-            }),
-            children: a.length > 0 && a.map((c, u) => /* @__PURE__ */ e(
-              "div",
-              {
-                className: "swiper-slide swiper-slide-visible swiper-slide-active",
-                children: /* @__PURE__ */ e(
-                  "img",
-                  {
-                    alt: `${r ? `${r}-` : ""}Image-${u + 1}`,
-                    src: c
-                  }
-                )
-              },
-              c
-            ))
-          }
-        )
-      ] }),
-      /* @__PURE__ */ t("div", { className: "swiper-label", children: [
-        "1 / ",
-        a.length
-      ] }),
-      /* @__PURE__ */ e("div", { id: `swiper-pagination-${s}`, className: "swiper-pagination" }),
-      /* @__PURE__ */ e(
-        m,
-        {
-          className: i(
-            "swiper-button-prev swiper-button-lock",
-            { "sm-max:!hidden": !p },
-            l
-          ),
-          variation: "icon",
-          props: {
-            id: `swiper-button-prev-${s}`,
-            title: "Previous Slide"
-          },
-          children: /* @__PURE__ */ e(d, { name: "chevronLeft" })
-        }
-      ),
-      /* @__PURE__ */ e(
-        m,
-        {
-          className: i(
-            "swiper-button-next swiper-button-lock",
-            { "sm-max:!hidden": !p },
-            l
-          ),
-          variation: "icon",
-          props: {
-            id: `swiper-button-next-${s}`,
-            title: "Next Slide"
-          },
-          children: /* @__PURE__ */ e(d, { name: "chevronRight" })
-        }
-      )
-    ]
-  }
-);
-export {
-  x as default
-};

package/dist/components/Text/TextArea.js

@@ -1,53 +0,0 @@
-import { jsxs as p, jsx as e } from "react/jsx-runtime";
-import { memo as f } from "react";
-import o from "classnames";
-import u from "../Icon/Icon.js";
-const h = ({
-  className: l = "",
-  clear: r = !1,
-  error: s = !1,
-  errorMessage: t = "",
-  id: a = "",
-  inputClass: m = "",
-  name: i = "",
-  placeholder: c = "",
-  props: d = {},
-  rows: x = 4,
-  variation: n = "primary"
-}) => /* @__PURE__ */ p("div", { className: o("relative textarea", n, l), children: [
-  /* @__PURE__ */ e(
-    "textarea",
-    {
-      placeholder: c,
-      id: a,
-      name: i,
-      rows: x,
-      className: o(
-        "form-textarea min-h-[40px] pl-4",
-        r ? "pr-10" : "pr-4",
-        s ? "!border-red-500 !bg-red-500/10 placeholder:!text-red-700 focus:!ring-red-500 focus:!border-red-500" : "",
-        m
-      ),
-      ...d
-    }
-  ),
-  r && /* @__PURE__ */ e(
-    "div",
-    {
-      id: `${a}-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__ */ e(
-        u,
-        {
-          size: "xSmall",
-          name: "xCircle",
-          color: "text-gray-500 cursor-pointer"
-        }
-      )
-    }
-  ),
-  t && /* @__PURE__ */ e("span", { className: "relative flex mt-0.5 text-red-700 text-xs text-left", children: t })
-] }), j = f(h);
-export {
-  j as default
-};

package/dist/components/Text/Textbox.js

@@ -1,78 +0,0 @@
-import { jsxs as h, jsx as e } from "react/jsx-runtime";
-import { memo as v } from "react";
-import n from "classnames";
-import i from "../Icon/Icon.js";
-const y = ({
-  className: x = "",
-  clear: r = !1,
-  error: m = !1,
-  errorMessage: l = "",
-  iconLeft: t = "",
-  id: o = "",
-  inputClass: c = "",
-  name: d = "",
-  placeholder: p = "",
-  props: s = {},
-  styles: a = null,
-  type: f = "text",
-  value: u,
-  variation: b = "primary"
-}) => /* @__PURE__ */ h(
-  "div",
-  {
-    className: n("relative textbox", b, x),
-    style: a ? { ...a } : null,
-    children: [
-      t && /* @__PURE__ */ e("div", { className: "pointer-events-none absolute inset-y-0 left-0 flex items-center px-2", children: /* @__PURE__ */ e(
-        i,
-        {
-          size: "xSmall",
-          name: t,
-          color: "text-gray-500",
-          viewBox: "0 0 24 24"
-        }
-      ) }),
-      /* @__PURE__ */ e(
-        "input",
-        {
-          placeholder: p,
-          id: o,
-          name: d,
-          type: f,
-          value: u,
-          autoComplete: "off",
-          className: n(
-            "form-input",
-            r ? "pr-10" : "pr-4",
-            t ? "pl-8" : "pl-4",
-            {
-              "!border-red-500 !bg-red-500/10 placeholder:!text-red-700 focus:!ring-red-500 focus:!border-red-500": m
-            },
-            s.inputClass ?? "",
-            c
-          ),
-          ...s
-        }
-      ),
-      r && /* @__PURE__ */ e(
-        "div",
-        {
-          id: `${o}-clear`,
-          className: "textbox-clear absolute inset-y-0 right-0 flex items-center rounded-r-md px-2 focus:outline-none hidden",
-          children: /* @__PURE__ */ e(
-            i,
-            {
-              size: "xSmall",
-              name: "xCircle",
-              color: "text-gray-500 cursor-pointer"
-            }
-          )
-        }
-      ),
-      l && /* @__PURE__ */ e("span", { className: "relative flex mt-0.5 text-red-700 text-xs text-left", children: l })
-    ]
-  }
-), z = v(y);
-export {
-  z as default
-};

package/dist/components/index.js

@@ -1,50 +0,0 @@
-import { default as r } from "./Accordion/Accordion.js";
-import { default as a } from "./Alert/Alert.js";
-import { default as l } from "./Autocomplete/Autocomplete.js";
-import { default as p } from "./Badge/Badge.js";
-import { default as u } from "./Button/Button.js";
-import { default as m } from "./ButtonGroup/ButtonGroup.js";
-import { default as i } from "./Card/Card.js";
-import { default as g } from "./Checkbox/Checkbox.js";
-import { default as S } from "./Container/Container.js";
-import { default as C } from "./Dialog/Dialog.js";
-import { default as b } from "./Dialog/DialogOld.js";
-import { default as P } from "./Dots/Dots.js";
-import { default as h } from "./Icon/Icon.js";
-import { default as G } from "./Loading/LoadingBar.js";
-import { default as L } from "./Loading/Spinner.js";
-import { default as R } from "./Popover/Popover.js";
-import { default as q } from "./Progress/ProgressBar.js";
-import { default as y } from "./Radio/Radio.js";
-import { default as E } from "./Select/Select.js";
-import { default as H } from "./Skeleton/Skeleton.js";
-import { default as K } from "./Slider/Slider.js";
-import { default as N } from "./Stars/Stars.js";
-import { default as U } from "./Text/TextArea.js";
-import { default as W } from "./Text/Textbox.js";
-export {
-  r as Accordion,
-  a as Alert,
-  l as Autocomplete,
-  p as Badge,
-  u as Button,
-  m as ButtonGroup,
-  i as Card,
-  g as Checkbox,
-  S as Container,
-  C as Dialog,
-  b as DialogOld,
-  P as Dots,
-  h as Icon,
-  G as LoadingBar,
-  R as Popover,
-  q as ProgressBar,
-  y as Radio,
-  E as Select,
-  H as Skeleton,
-  K as Slider,
-  L as Spinner,
-  N as Stars,
-  U as TextArea,
-  W as Textbox
-};

package/dist/main.js

@@ -1,52 +0,0 @@
-import { default as r } from "./components/Accordion/Accordion.js";
-import { default as a } from "./components/Alert/Alert.js";
-import { default as l } from "./components/Autocomplete/Autocomplete.js";
-import { default as p } from "./components/Badge/Badge.js";
-import { default as m } from "./components/Button/Button.js";
-import { default as u } from "./components/ButtonGroup/ButtonGroup.js";
-import { default as i } from "./components/Card/Card.js";
-import { default as g } from "./components/Checkbox/Checkbox.js";
-import { default as S } from "./components/Container/Container.js";
-import { default as C } from "./components/Dialog/Dialog.js";
-import { default as b } from "./components/Dialog/DialogOld.js";
-import { default as P } from "./components/Dots/Dots.js";
-import { default as h } from "./components/Icon/Icon.js";
-import { default as G } from "./components/Loading/LoadingBar.js";
-import { default as L } from "./components/Loading/Spinner.js";
-import { default as R } from "./components/Popover/Popover.js";
-import { default as q } from "./components/Progress/ProgressBar.js";
-import { default as y } from "./components/Radio/Radio.js";
-import { default as E } from "./components/Select/Select.js";
-import { default as H } from "./components/Skeleton/Skeleton.js";
-import { default as K } from "./components/Slider/Slider.js";
-import { default as N } from "./components/Stars/Stars.js";
-import { default as U } from "./components/Text/TextArea.js";
-import { default as W } from "./components/Text/Textbox.js";
-import { Common as Y } from "./scripts/index.js";
-export {
-  r as Accordion,
-  a as Alert,
-  l as Autocomplete,
-  p as Badge,
-  m as Button,
-  u as ButtonGroup,
-  i as Card,
-  g as Checkbox,
-  Y as Common,
-  S as Container,
-  C as Dialog,
-  b as DialogOld,
-  P as Dots,
-  h as Icon,
-  G as LoadingBar,
-  R as Popover,
-  q as ProgressBar,
-  y as Radio,
-  E as Select,
-  H as Skeleton,
-  K as Slider,
-  L as Spinner,
-  N as Stars,
-  U as TextArea,
-  W as Textbox
-};