@vehiclehistory/property-lib 0.0.5 → 0.0.6

package/dist/components/Popover/Popover.js

@@ -0,0 +1,57 @@
+import { jsxs as o, Fragment as p, jsx as e } from "react/jsx-runtime";
+import r from "classnames";
+const g = ({
+  activator: a,
+  activatorClass: s = "",
+  attrs: t = {},
+  options: i = {},
+  children: d,
+  className: n = "",
+  containerClass: l = "",
+  disabled: c = !1,
+  id: b = "",
+  trigger: m = "click"
+}) => /* @__PURE__ */ o(p, { children: [
+  /* @__PURE__ */ e(
+    "div",
+    {
+      className: r("popover z-10 max-w-[350px] hidden", n),
+      children: /* @__PURE__ */ o(
+        "div",
+        {
+          className: r(
+            "popover-container rounded border bg-gray-50 border-gray-300 shadow-md text-gray-500 animate-menu-close",
+            l
+          ),
+          children: [
+            d,
+            /* @__PURE__ */ e(
+              "div",
+              {
+                className: "absolute w-4 h-4 before:content-[''] before:absolute before:w-4 before:h-4 before:visible before:transform before:rotate-45",
+                "data-popper-arrow": ""
+              }
+            )
+          ]
+        }
+      )
+    }
+  ),
+  /* @__PURE__ */ e(
+    "div",
+    {
+      className: r(
+        "popover-activator",
+        `trigger-${m}`,
+        c ? "is-disabled" : "",
+        s
+      ),
+      ...t,
+      "data-options": JSON.stringify(i),
+      children: a
+    }
+  )
+] });
+export {
+  g as default
+};

package/dist/components/Progress/ProgressBar.js

@@ -0,0 +1,50 @@
+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

@@ -0,0 +1,46 @@
+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

@@ -0,0 +1,61 @@
+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

@@ -0,0 +1,20 @@
+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

@@ -0,0 +1,58 @@
+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

@@ -0,0 +1,23 @@
+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

@@ -0,0 +1,107 @@
+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

@@ -0,0 +1,53 @@
+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

@@ -0,0 +1,78 @@
+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

@@ -0,0 +1,50 @@
+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

@@ -0,0 +1,52 @@
+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
+};