lawgic-dev-kit 0.2.4 → 0.3.4

package/dist/components/atoms/CountrySelectInput/CountryDropdown.js

@@ -0,0 +1,256 @@
+import { j as t } from "../../../_virtual/jsx-runtime.js";
+import { useState as S, useRef as z, useEffect as J } from "react";
+import { Controller as K } from "../../../node_modules/react-hook-form/dist/index.esm.js";
+import { useFloating as Q, useClick as V, useDismiss as Z, useInteractions as ee, useTransitionStyles as te } from "../../../node_modules/@floating-ui/react/dist/floating-ui.react.js";
+import { useTheme as D } from "../../../providers/ThemeProvider.js";
+import { autoUpdate as oe } from "../../../node_modules/@floating-ui/dom/dist/floating-ui.dom.js";
+import { offset as se, flip as re, shift as le, size as ne, arrow as ae } from "../../../node_modules/@floating-ui/react-dom/dist/floating-ui.react-dom.js";
+const ge = ({
+  countries: p,
+  name: a,
+  control: u,
+  label: x = "select_a_country",
+  placeholder: g = "type_to_search",
+  language: i = "en",
+  className: l = ""
+}) => {
+  const { t: m } = D();
+  return /* @__PURE__ */ t.jsx(
+    K,
+    {
+      name: a,
+      control: u,
+      render: ({ field: { onChange: f, value: n }, fieldState: { error: r } }) => /* @__PURE__ */ t.jsx(
+        ie,
+        {
+          countries: p,
+          value: n,
+          onChange: f,
+          label: m(x),
+          placeholder: m(g),
+          language: i,
+          error: r == null ? void 0 : r.message,
+          className: l
+        }
+      )
+    }
+  );
+}, ie = ({
+  countries: p,
+  value: a,
+  onChange: u,
+  label: x = "select_a_country",
+  placeholder: g = "type_to_search",
+  language: i = "en",
+  error: l,
+  className: m = ""
+}) => {
+  var _, I;
+  const { t: f } = D(), [n, r] = S(!1), [h, y] = S(""), [o, N] = S(
+    a || null
+  ), b = z(null), v = z(null), { x: F, y: P, strategy: M, refs: $, context: w, placement: A, middlewareData: L } = Q({
+    open: n,
+    onOpenChange: r,
+    middleware: [
+      se(8),
+      re(),
+      le({ padding: 8 }),
+      ne({
+        apply({ availableHeight: e, elements: s }) {
+          Object.assign(s.floating.style, {
+            maxHeight: `${Math.min(e - 10, 300)}px`
+          });
+        },
+        padding: 8
+      }),
+      ae({ element: v })
+    ],
+    placement: "bottom-start",
+    whileElementsMounted: oe
+  }), B = V(w), Y = Z(w), { getReferenceProps: H, getFloatingProps: U } = ee([
+    B,
+    Y
+  ]), { isMounted: E, styles: W } = te(w, {
+    duration: {
+      open: 200,
+      close: 150
+    },
+    initial: {
+      opacity: 0,
+      transform: "translateY(-4px)"
+    }
+  }), T = (Array.isArray(p) ? p : []).filter((e) => {
+    if (!h.trim()) return !0;
+    const s = i === "es" && e.labelES ? e.labelES.toLowerCase() : e.label.toLowerCase(), d = e.code ? e.code.toLowerCase() : "";
+    return s.includes(h.toLowerCase()) || d.includes(h.toLowerCase());
+  }), X = (e) => {
+    N(e), r(!1), y(""), u(e);
+  }, q = () => {
+    r(!n), !n && b.current && setTimeout(() => {
+      var e;
+      (e = b.current) == null || e.focus();
+    }, 100);
+  };
+  J(() => {
+    N(a);
+  }, [a]);
+  const j = (e) => {
+    var s;
+    return e ? e.codeISO2 ? e.codeISO2.toLowerCase() : ((s = e.code) == null ? void 0 : s.toLowerCase()) || "" : "";
+  }, k = (_ = L.arrow) == null ? void 0 : _.x, O = (I = L.arrow) == null ? void 0 : I.y, c = {
+    top: "bottom",
+    right: "left",
+    bottom: "top",
+    left: "right"
+  }[A.split("-")[0]], G = H({
+    onClick: q
+  });
+  return /* @__PURE__ */ t.jsxs("div", { className: `w-full relative flex flex-col gap-8 ${m}`, children: [
+    /* @__PURE__ */ t.jsx(
+      "label",
+      {
+        className: `text-gray-600 font-600 group ${l && "!text-red-500"} text-label`,
+        children: x
+      }
+    ),
+    /* @__PURE__ */ t.jsxs(
+      "div",
+      {
+        ref: $.setReference,
+        className: `flex items-center justify-between bg-light rounded-full p-16 cursor-pointer border transition-all duration-200 hover:border-blue-400 ${l && "border-red-500 hover:border-red-600"} ${E ? "border-blue-400" : "border-blue-100"}`,
+        ...G,
+        children: [
+          o != null && o.code ? /* @__PURE__ */ t.jsxs("div", { className: "flex items-center w-full", children: [
+            j(o) && /* @__PURE__ */ t.jsx(
+              "img",
+              {
+                loading: "lazy",
+                width: "24",
+                height: "16",
+                className: "mr-2",
+                src: `https://flagcdn.com/w20/${j(
+                  o
+                )}.png`,
+                srcSet: `https://flagcdn.com/w40/${j(
+                  o
+                )}.png 2x`,
+                alt: o.label,
+                onError: (e) => {
+                  e.currentTarget.style.display = "none";
+                }
+              }
+            ),
+            /* @__PURE__ */ t.jsxs("span", { className: "flex-grow", children: [
+              i === "es" && o.labelES ? o.labelES : o.label,
+              o.code ? ` (${o.code})` : f("select_country")
+            ] })
+          ] }) : /* @__PURE__ */ t.jsx("span", { className: "text-gray-500", children: g }),
+          /* @__PURE__ */ t.jsx(
+            "svg",
+            {
+              className: `w-16 h-16 transition-transform ${n ? "transform rotate-180" : ""}`,
+              fill: "none",
+              stroke: "currentColor",
+              viewBox: "0 0 24 24",
+              children: /* @__PURE__ */ t.jsx(
+                "path",
+                {
+                  strokeLinecap: "round",
+                  strokeLinejoin: "round",
+                  strokeWidth: "2",
+                  d: "M19 9l-7 7-7-7"
+                }
+              )
+            }
+          )
+        ]
+      }
+    ),
+    l && /* @__PURE__ */ t.jsx("p", { className: "mt-1 text-sm text-red-600", children: l }),
+    E && /* @__PURE__ */ t.jsxs(
+      "div",
+      {
+        ref: $.setFloating,
+        style: {
+          position: M,
+          top: P ?? 0,
+          left: F ?? 0,
+          ...W
+        },
+        className: "z-10 w-full bg-white border border-blue-400 rounded-3xl shadow-lg overflow-auto",
+        ...U(),
+        children: [
+          /* @__PURE__ */ t.jsx(
+            "div",
+            {
+              ref: v,
+              className: "absolute w-4 h-4 bg-white rotate-45 border-blue-400",
+              style: {
+                left: k != null ? `${k}px` : "",
+                top: O != null ? `${O}px` : "",
+                right: "",
+                bottom: "",
+                [c]: "-2px",
+                borderRight: c === "left" ? "1px solid" : "none",
+                borderBottom: c === "top" ? "1px solid" : "none",
+                borderLeft: c === "right" ? "1px solid" : "none",
+                borderTop: c === "bottom" ? "1px solid" : "none"
+              }
+            }
+          ),
+          /* @__PURE__ */ t.jsx("div", { className: "sticky top-0 bg-white p-2 z-20", children: /* @__PURE__ */ t.jsx(
+            "input",
+            {
+              ref: b,
+              type: "text",
+              className: "w-full p-16",
+              placeholder: f("search") + "...",
+              value: h,
+              onChange: (e) => y(e.target.value),
+              onClick: (e) => e.stopPropagation(),
+              autoFocus: !0
+            }
+          ) }),
+          /* @__PURE__ */ t.jsx("div", { children: T.length > 0 ? /* @__PURE__ */ t.jsx("ul", { className: "flex flex-col", children: T.map((e, s) => {
+            var R;
+            const d = e.codeISO2 ? e.codeISO2.toLowerCase() : ((R = e.code) == null ? void 0 : R.toLowerCase()) || "";
+            return /* @__PURE__ */ t.jsxs(
+              "li",
+              {
+                className: "flex items-center gap-10 px-16 py-8 transition-all duration-200 hover:bg-blue-100/50 cursor-pointer",
+                onClick: (C) => {
+                  C.stopPropagation(), X(e);
+                },
+                children: [
+                  d && /* @__PURE__ */ t.jsx(
+                    "img",
+                    {
+                      loading: "lazy",
+                      width: "24",
+                      height: "16",
+                      className: "mr-2",
+                      src: `https://flagcdn.com/w20/${d}.png`,
+                      srcSet: `https://flagcdn.com/w40/${d}.png 2x`,
+                      alt: e.label,
+                      onError: (C) => {
+                        C.currentTarget.style.display = "none";
+                      }
+                    }
+                  ),
+                  /* @__PURE__ */ t.jsxs("span", { children: [
+                    i === "es" && e.labelES ? e.labelES : e.label,
+                    e.code ? ` (${e.code})` : "Country not found"
+                  ] })
+                ]
+              },
+              `${e.code}-${s}`
+            );
+          }) }) : /* @__PURE__ */ t.jsx("div", { className: "px-3 py-2 text-gray-500", children: "No countries found" }) })
+        ]
+      }
+    )
+  ] });
+};
+export {
+  ge as default
+};

package/dist/components/atoms/Divider/Divider.js

@@ -0,0 +1,5 @@
+import { j as l } from "../../../_virtual/jsx-runtime.js";
+const e = ({ className: r = "", direction: t = "horizontal" }) => t === "horizontal" ? /* @__PURE__ */ l.jsx("hr", { className: `w-full min-h-1 max-h-1 bg-blue-200 ${r}` }) : /* @__PURE__ */ l.jsx("hr", { className: `h-full min-w-1 max-w-1 bg-blue-200 ${r}` });
+export {
+  e as default
+};

package/dist/components/atoms/FullLogo/FullLogo.js

@@ -0,0 +1,21 @@
+import { j as c } from "../../../_virtual/jsx-runtime.js";
+const l = (h) => /* @__PURE__ */ c.jsx(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 179,
+    height: 35,
+    fill: "none",
+    ...h,
+    children: /* @__PURE__ */ c.jsx(
+      "path",
+      {
+        fill: "#4570EB",
+        d: "M86.789 28.867c-1.447 0-2.772-.265-3.975-.795a9.122 9.122 0 0 1-3.057-2.232 8.568 8.568 0 0 1-1.803-3.148l2.598-1.07c.55 1.467 1.366 2.598 2.446 3.393 1.1.774 2.384 1.162 3.852 1.162.896 0 1.681-.143 2.354-.428.672-.286 1.192-.683 1.559-1.193.387-.53.58-1.14.58-1.834 0-.958-.275-1.712-.825-2.262-.53-.57-1.314-.999-2.354-1.284l-4.188-1.284c-1.65-.51-2.914-1.314-3.79-2.415-.877-1.1-1.315-2.364-1.315-3.79 0-1.244.295-2.334.886-3.272.612-.957 1.447-1.701 2.507-2.231 1.08-.55 2.303-.826 3.669-.826 1.365 0 2.598.245 3.699.734 1.12.49 2.068 1.152 2.843 1.987a7.691 7.691 0 0 1 1.712 2.813l-2.568 1.07c-.49-1.284-1.223-2.252-2.201-2.905-.979-.672-2.13-1.008-3.455-1.008-.815 0-1.538.142-2.17.428a3.184 3.184 0 0 0-1.437 1.192c-.326.51-.49 1.12-.49 1.834 0 .836.266 1.58.796 2.232.53.652 1.334 1.151 2.415 1.498l3.82 1.13c1.794.55 3.15 1.335 4.067 2.355.917 1.019 1.375 2.282 1.375 3.79 0 1.243-.326 2.344-.978 3.302-.632.958-1.518 1.712-2.66 2.262-1.12.53-2.425.795-3.912.795Zm11.6-.367V12.023h2.844V28.5h-2.844Zm0-19.106V5.725h2.844v3.669h-2.844Zm7.255 19.106V12.023h2.782v3.362l-.398-.52c.408-1.039 1.06-1.834 1.957-2.384.897-.55 1.905-.825 3.026-.825 1.284 0 2.436.356 3.455 1.07 1.039.713 1.752 1.65 2.14 2.812l-.795.03c.428-1.283 1.151-2.251 2.17-2.903a6.028 6.028 0 0 1 3.394-1.01c1.141 0 2.17.266 3.087.796a5.926 5.926 0 0 1 2.232 2.2c.55.938.825 1.998.825 3.18V28.5h-2.873v-9.752c0-.917-.163-1.691-.49-2.323a3.606 3.606 0 0 0-1.345-1.468c-.55-.366-1.202-.55-1.956-.55a3.69 3.69 0 0 0-1.987.55c-.571.347-1.029.846-1.376 1.498-.326.632-.489 1.396-.489 2.293V28.5h-2.874v-9.752c0-.917-.163-1.691-.489-2.323a3.606 3.606 0 0 0-1.345-1.468c-.55-.366-1.202-.55-1.956-.55a3.69 3.69 0 0 0-1.987.55c-.571.347-1.029.846-1.376 1.498-.326.632-.489 1.396-.489 2.293V28.5h-2.843Zm27.913 6.114V12.023h2.782v3.546l-.367-.703c.612-.979 1.447-1.753 2.507-2.324 1.06-.59 2.272-.886 3.638-.886 1.549 0 2.934.377 4.157 1.13a8.069 8.069 0 0 1 2.935 3.088c.713 1.284 1.07 2.752 1.07 4.403 0 1.61-.357 3.067-1.07 4.371a8.068 8.068 0 0 1-2.935 3.088c-1.223.754-2.619 1.13-4.188 1.13-1.325 0-2.537-.295-3.638-.886a6.185 6.185 0 0 1-2.506-2.506l.458-.49v9.63h-2.843Zm8.315-8.498c1.04 0 1.967-.255 2.782-.765a5.185 5.185 0 0 0 1.895-2.078c.469-.897.704-1.896.704-2.996 0-1.142-.235-2.14-.704-2.996a5.185 5.185 0 0 0-1.895-2.079c-.815-.53-1.742-.795-2.782-.795-1.039 0-1.977.255-2.812.764-.815.51-1.468 1.213-1.957 2.11-.468.876-.703 1.875-.703 2.996 0 1.1.235 2.099.703 2.995a5.65 5.65 0 0 0 1.957 2.08c.835.509 1.773.764 2.812.764Zm12.135 2.384V5.358h2.843V28.5h-2.843Zm14.836.367c-1.59 0-3.006-.377-4.25-1.131a8.065 8.065 0 0 1-2.934-3.088c-.714-1.325-1.07-2.802-1.07-4.433 0-1.65.346-3.118 1.039-4.402.713-1.284 1.671-2.292 2.874-3.026 1.223-.754 2.588-1.131 4.096-1.131 1.223 0 2.303.224 3.241.672a6.84 6.84 0 0 1 2.415 1.774 7.477 7.477 0 0 1 1.528 2.537 7.98 7.98 0 0 1 .55 2.934c0 .225-.02.48-.061.765-.02.265-.051.52-.091.764h-13.512v-2.446h11.861l-1.345 1.1c.183-1.059.081-2.006-.306-2.842a4.643 4.643 0 0 0-1.712-1.987c-.754-.49-1.61-.734-2.568-.734s-1.834.245-2.629.734c-.795.489-1.416 1.192-1.865 2.11-.428.896-.601 1.966-.519 3.21-.082 1.201.102 2.261.55 3.178a5.288 5.288 0 0 0 1.956 2.11c.856.489 1.784.733 2.782.733 1.101 0 2.028-.254 2.782-.764a6.011 6.011 0 0 0 1.834-1.956l2.385 1.222c-.326.755-.836 1.447-1.529 2.08-.672.61-1.477 1.1-2.415 1.467-.917.366-1.946.55-3.087.55ZM24.105 5.715h7.319v16.956h11.69V28.5h-19.01V5.715Zm31.958 0c7.97 0 11.955 3.798 11.955 11.393 0 7.595-3.985 11.392-11.955 11.392h-9.87V5.715h9.87Zm-2.55 17.32h2.417c3.07 0 4.604-1.644 4.604-4.934v-1.987c0-3.29-1.535-4.934-4.604-4.934h-2.417v11.856ZM5.94 23.162v5.36H.062v-4.521c0-.391.455-1.216.71-1.53.961-1.179 2.867-3.007 4.022-4.048.572-.515 1.108-.978 1.92-1.06 1.927-.196 4.165.139 6.127 0 3.93-.268 3.945-5.65-.061-5.928-1.784-.124-3.71.097-5.508 0-.629.061-1.078.396-1.303.993-.138 1.237.092 2.622-.026 3.837-.061.598-.409 1.025-1.022 1.092-.873.098-2.881.083-3.776 0C.56 17.306.12 16.93.063 16.327c-.087-.942-.082-2.858 0-3.806.041-.494.404-.953.905-1.02 1.067-.144 3.346.248 4.195-.138 1.583-.716.633-3.497.93-4.924.112-.536.648-.71 1.124-.798 4.2.082 8.057-.747 11.47 2.266 5.871 5.186 2.432 14.564-5.104 15.244H5.944l-.005.01Z"
+      }
+    )
+  }
+);
+export {
+  l as default
+};

package/dist/components/atoms/IconButton/IconButton.js

@@ -0,0 +1,35 @@
+import { j as s } from "../../../_virtual/jsx-runtime.js";
+import { FontAwesomeIcon as d } from "../../../node_modules/@fortawesome/react-fontawesome/index.es.js";
+import { resolveIconButtonClasses as i, resolveIconClasses as p } from "./IconButton.styles.js";
+import { useTheme as x } from "../../../providers/ThemeProvider.js";
+const b = ({
+  variant: t = "filled",
+  color: r,
+  size: o = "base",
+  shadow: n = "none",
+  icon: e,
+  iconProps: m = {},
+  children: l,
+  className: a,
+  ...c
+}) => {
+  const { defaultColorScheme: u } = x(), f = r || u;
+  return /* @__PURE__ */ s.jsx(
+    "button",
+    {
+      ...c,
+      className: `${i(t, f, o, n)} ${a}`,
+      children: e ? /* @__PURE__ */ s.jsx(
+        d,
+        {
+          ...m,
+          className: p(o),
+          icon: e
+        }
+      ) : l
+    }
+  );
+};
+export {
+  b as default
+};

package/dist/components/atoms/IconButton/IconButton.styles.js

@@ -0,0 +1,34 @@
+import { clsx as a } from "../../../node_modules/clsx/dist/clsx.js";
+import { grayVariants as m, redVariants as t, aquaVariants as p, blueVariants as r } from "../Button/Button.styles.js";
+const l = "transition-colors ease-in-out duration-200 flex items-center justify-center rounded-full w-fit font-[600] leading-normal disabled:bg-gray-100 disabled:cursor-not-allowed disabled:text-gray-300", h = {
+  lg: "min-h-[46px] max-h-[46px] min-w-[46px] max-w-[46px]",
+  base: "min-h-[40px] max-h-[40px] min-w-[40px] max-w-[40px]",
+  md: "min-h-[28px] max-h-[28px] min-w-[28px] max-w-[28px]",
+  sm: "min-h-[20px] max-h-[20px] min-w-[16px] max-w-[16px]",
+  xs: "min-h-[12px] max-h-[12px] min-w-[12px] max-w-[12px]"
+}, c = {
+  none: "",
+  blue: "shadow-blue-sh hover:shadow-blue-sh active:shadow-blue-sh"
+}, w = (s = "filled", n = "blue", x = "base", e = "none") => {
+  const o = a(
+    l,
+    h[x],
+    c[e]
+  ), i = {
+    blue: r[s],
+    aqua: p[s],
+    red: t[s],
+    gray: m[s]
+  }[n];
+  return a(o, i);
+}, d = {
+  lg: "min-h-[20px] max-h-[20px]",
+  base: "min-h-[15px] max-h-[15px]",
+  md: "min-h-[15px] max-h-[15px]",
+  sm: "min-h-[15px] max-h-[15px]",
+  xs: "min-h-[15px] max-h-[15px]"
+}, f = (s = "base") => d[s];
+export {
+  w as resolveIconButtonClasses,
+  f as resolveIconClasses
+};

package/dist/components/atoms/ImageProfileInput/ImageProfileInput.js

@@ -0,0 +1,115 @@
+import { j as n } from "../../../_virtual/jsx-runtime.js";
+import { faPlus as k } from "../../../node_modules/@fortawesome/pro-solid-svg-icons/index.js";
+import { FontAwesomeIcon as R } from "../../../node_modules/@fortawesome/react-fontawesome/index.es.js";
+import { useState as h, useRef as L, useEffect as C } from "react";
+import { useController as N } from "../../../node_modules/react-hook-form/dist/index.esm.js";
+import z from "../Avatar/Avatar.js";
+function B(i) {
+  return i !== null && typeof i == "object" && "name" in i && "size" in i && "type" in i && typeof i.name == "string" && typeof i.size == "number" && typeof i.type == "string";
+}
+const H = ({
+  src: i,
+  alt: j,
+  isEditable: f = !1,
+  onChange: o,
+  className: p = "",
+  name: g,
+  control: a,
+  user: y
+}) => {
+  const [m, l] = h(
+    i || null
+  ), [d, r] = h(
+    !!i
+  ), c = L(null), e = N({
+    name: g,
+    control: a
+  }), u = !!a;
+  C(() => {
+    if (u) {
+      const t = e == null ? void 0 : e.field.value;
+      if (B(t)) {
+        const s = URL.createObjectURL(t);
+        return l(s), r(!0), () => URL.revokeObjectURL(s);
+      } else typeof t == "string" && t && t !== i ? (l(t), r(!0)) : i ? (l(i), r(!0)) : (l(null), r(!1));
+    }
+  }, [e == null ? void 0 : e.field.value, i]);
+  const b = () => {
+    var t;
+    f && ((t = c.current) == null || t.click());
+  }, w = (t) => {
+    var x;
+    const s = (x = t.target.files) == null ? void 0 : x[0];
+    if (s) {
+      const v = URL.createObjectURL(s);
+      l(v), r(!0), u && (e == null || e.field.onChange(s)), o && o(s);
+    }
+  }, U = (t) => {
+    t.stopPropagation(), l(null), r(!1), c.current && (c.current.value = ""), u && (e == null || e.field.onChange(null)), o && o(null);
+  };
+  return /* @__PURE__ */ n.jsxs("div", { className: "relative flex items-center gap-10", children: [
+    f && d && /* @__PURE__ */ n.jsx(
+      "button",
+      {
+        type: "button",
+        onClick: U,
+        className: "bg-red-500 text-white rounded-full w-20 h-20 flex items-center justify-center hover:bg-red-600 focus:outline-none",
+        "aria-label": "Eliminar imagen",
+        children: /* @__PURE__ */ n.jsxs(
+          "svg",
+          {
+            xmlns: "http://www.w3.org/2000/svg",
+            width: "16",
+            height: "16",
+            viewBox: "0 0 24 24",
+            fill: "none",
+            stroke: "currentColor",
+            strokeWidth: "2",
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            children: [
+              /* @__PURE__ */ n.jsx("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
+              /* @__PURE__ */ n.jsx("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
+            ]
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ n.jsxs(
+      "div",
+      {
+        className: `relative flex items-center justify-center h-40 w-40 ${f ? "cursor-pointer hover:opacity-80" : ""} ${p}`,
+        onClick: b,
+        children: [
+          m ? /* @__PURE__ */ n.jsx(
+            "img",
+            {
+              src: m,
+              alt: j,
+              className: "w-full h-full object-cover rounded-full"
+            }
+          ) : /* @__PURE__ */ n.jsx(z, { size: 60, user: y }),
+          f && /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
+            /* @__PURE__ */ n.jsx(
+              "input",
+              {
+                type: "file",
+                ref: (t) => {
+                  c.current = t, e && e.field.ref(t);
+                },
+                onChange: w,
+                onBlur: e == null ? void 0 : e.field.onBlur,
+                accept: "image/*",
+                className: "hidden"
+              }
+            ),
+            !d && /* @__PURE__ */ n.jsx("div", { className: "absolute bottom-0 right-0 bg-blue-100 rounded-full h-20 w-20 flex items-center justify-center", children: /* @__PURE__ */ n.jsx(R, { icon: k, className: "text-blue-500" }) })
+          ] })
+        ]
+      }
+    )
+  ] });
+};
+export {
+  H as default
+};

package/dist/components/atoms/ImageProfileInput/ImageProfileInput.validators.js

@@ -0,0 +1,8 @@
+import { object as e, string as a } from "../../../node_modules/yup/index.esm.js";
+const r = e({
+  name: a(),
+  base64: a()
+});
+export {
+  r as default
+};

package/dist/components/atoms/InfoCard/InfoCard.js

@@ -0,0 +1,17 @@
+import { j as e } from "../../../_virtual/jsx-runtime.js";
+const i = ({ imageUrl: t, title: s, subtitle: l }) => /* @__PURE__ */ e.jsxs("section", { className: "gap-10 flex flex-col items-center justify-center", children: [
+  /* @__PURE__ */ e.jsx(
+    "img",
+    {
+      src: t,
+      alt: s,
+      width: 100,
+      height: 100
+    }
+  ),
+  /* @__PURE__ */ e.jsx("h1", { className: "font-bold text-2xl align-middle", children: s }),
+  /* @__PURE__ */ e.jsx("p", { className: "text-lg align-middle font-semibold text-gray-500", children: l })
+] });
+export {
+  i as default
+};

package/dist/components/atoms/LoadingSpinner/LoadingSpinner.js

@@ -0,0 +1,20 @@
+import { j as e } from "../../../_virtual/jsx-runtime.js";
+const m = ({ size: s = 16, strokeWidth: t = 2, color: c = "#1DA696", ...n }) => {
+  const a = (s - t) / 2, r = 2 * Math.PI * a, { className: o = "", ...i } = n;
+  return /* @__PURE__ */ e.jsx("div", { ...i, className: `relative flex items-center justify-center ${o}`, children: /* @__PURE__ */ e.jsx("svg", { height: s, width: s, className: "animate-spin", children: /* @__PURE__ */ e.jsx(
+    "circle",
+    {
+      stroke: c,
+      fill: "transparent",
+      strokeWidth: t,
+      strokeDasharray: r + " " + r,
+      strokeDashoffset: r / 4,
+      r: a,
+      cx: s / 2,
+      cy: s / 2
+    }
+  ) }) });
+};
+export {
+  m as default
+};

package/dist/components/atoms/PasswordInput/PasswordInput.js

@@ -0,0 +1,91 @@
+import { j as r } from "../../../_virtual/jsx-runtime.js";
+import { useState as m } from "react";
+import { useController as b } from "../../../node_modules/react-hook-form/dist/index.esm.js";
+import { FontAwesomeIcon as w } from "../../../node_modules/@fortawesome/react-fontawesome/index.es.js";
+import { faEye as y, faEyeSlash as j } from "../../../node_modules/@fortawesome/pro-light-svg-icons/index.js";
+import { useTheme as $ } from "../../../providers/ThemeProvider.js";
+const P = ({
+  label: u,
+  control: i,
+  name: e,
+  placeholder: c,
+  className: d = "",
+  disabled: o = !1,
+  leftSide: a
+}) => {
+  const {
+    field: { value: s = "", onChange: f, ref: p, onBlur: x },
+    fieldState: { error: t }
+  } = b({ name: e, control: i }), [l, g] = m(!1), { t: n } = $();
+  return /* @__PURE__ */ r.jsxs(
+    "label",
+    {
+      className: `flex flex-col group gap-8 select-none ${o && "cursor-not-allowed"} ${d}`,
+      htmlFor: e,
+      children: [
+        /* @__PURE__ */ r.jsx(
+          "h6",
+          {
+            className: `text-gray-600 font-600 group ${t && "!text-red-500"} text-label ${o && "text-gray-300"}`,
+            children: u
+          }
+        ),
+        /* @__PURE__ */ r.jsxs(
+          "label",
+          {
+            htmlFor: e,
+            className: `
+					flex items-center justify-between gap-8 p-16
+				
+				${t && "!border-red-500"} 
+
+				bg-light
+				
+				w-full h-full rounded-full border 
+				
+				${s && !o ? "border-blue-200" : "border-blue-100"} 
+				${!o && "group-hover:border-blue-300"} 
+				${o && "cursor-not-allowed"}
+				
+				group-focus-within:border-blue-500 transition-colors duration-200 ease-in-out
+				
+				group-disabled:bg-gray-500
+				`,
+            children: [
+              a && a,
+              /* @__PURE__ */ r.jsx(
+                "input",
+                {
+                  id: e,
+                  type: l ? "text" : "password",
+                  autoComplete: "off",
+                  "aria-autocomplete": "none",
+                  name: e,
+                  disabled: o,
+                  placeholder: c,
+                  value: s,
+                  onChange: (h) => f(h.target.value),
+                  onBlur: x,
+                  ref: p,
+                  className: "group bg-transparent w-full h-full font-600 placeholder:font-600 text-body-m disabled:text-gray-300 disabled:placeholder:text-gray-300 placeholder:text-gray-400 disabled:cursor-not-allowed overflow-visible outline-none"
+                }
+              ),
+              /* @__PURE__ */ r.jsx(
+                w,
+                {
+                  icon: l ? y : j,
+                  className: "min-h-16 max-h-16 text-gray-400 hover:text-gray-500 transition-colors duration-150 cursor-pointer ease-in-out",
+                  onClick: () => g(!l)
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ r.jsx("h4", { className: "font-500 text-label text-red-500 leading-none", children: t && n(t.message || "", { x: n(e) }) })
+      ]
+    }
+  );
+};
+export {
+  P as default
+};

package/dist/components/atoms/ProgressBar/ProgressBar.js

@@ -0,0 +1,23 @@
+import { j as e } from "../../../_virtual/jsx-runtime.js";
+const r = ({
+  progress: a,
+  showPercentage: l = !1
+}) => {
+  const s = Math.min(Math.max(a, 0), 100);
+  return /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-12", children: [
+    /* @__PURE__ */ e.jsx("div", { className: "w-full h-8 bg-blue-100 rounded-full", children: /* @__PURE__ */ e.jsx(
+      "div",
+      {
+        className: "h-full bg-blue-500 rounded-full transition-all duration-300 ease-in-out",
+        style: { width: `${s}%` }
+      }
+    ) }),
+    l && /* @__PURE__ */ e.jsxs("span", { className: "text-sm text-gray-400 font-[500]", children: [
+      s,
+      "%"
+    ] })
+  ] });
+};
+export {
+  r as default
+};