prometeo-design-system 3.1.3 → 3.1.5

package/dist/ProfilePictureUpload.es.js

@@ -1,189 +0,0 @@
-import { j as o } from "./jsx-runtime-DKDX3adD.js";
-import { memo as L, useRef as w, useLayoutEffect as N } from "react";
-import R from "./Avatar.es.js";
-import { c as i } from "./cn-B6yFEsav.js";
-const F = {
-  sm: "w-16 h-16",
-  md: "w-24 h-24",
-  lg: "w-32 h-32",
-  xl: "w-40 h-40"
-}, A = {
-  sm: "w-4 h-4",
-  md: "w-5 h-5",
-  lg: "w-6 h-6",
-  xl: "w-8 h-8"
-}, M = {
-  sm: "w-6 h-6",
-  md: "w-7 h-7",
-  lg: "w-8 h-8",
-  xl: "w-10 h-10"
-}, T = {
-  sm: "-bottom-1 -right-0.5",
-  md: "-bottom-0.5 -right-0.5",
-  lg: "bottom-1 right-1",
-  xl: "bottom-3 right-2"
-}, b = {
-  sm: "w-4 h-4",
-  md: "w-5 h-5",
-  lg: "w-6 h-6",
-  xl: "w-7 h-7"
-}, U = {
-  sm: "-top-0.5 -right-0.5",
-  md: "-top-1 -right-1",
-  lg: "-top-1 -right-0",
-  xl: "top-1 right-1"
-};
-function z({
-  imageUrl: t,
-  fallbackText: e = "S L",
-  onFileSelect: y,
-  onEditClick: m,
-  onRemoveClick: k,
-  size: r = "lg",
-  className: C,
-  disabled: n = !1,
-  showRemoveButton: j = !0,
-  acceptedTypes: p = "image/*",
-  maxFileSize: h = 5 * 1024 * 1024,
-  onError: g
-}) {
-  const f = w(null), u = w(null), x = (l) => l.type.startsWith("image/") ? l.size > h ? (g?.(
-    `La imagen debe ser menor a ${Math.round(h / 1024 / 1024)}MB`
-  ), !1) : !0 : (g?.("Por favor selecciona un archivo de imagen válido"), !1), v = (l) => {
-    const a = l.target.files?.[0];
-    a && (x(a) && y?.(a), l.target.value = "");
-  }, B = () => {
-    n || (m ? m() : f.current?.click());
-  }, S = (l) => {
-    l.stopPropagation(), !n && k?.();
-  };
-  return N(() => {
-    if (u.current) {
-      const a = ((E) => {
-        let c = E;
-        for (; c && c !== document.body; ) {
-          const d = window.getComputedStyle(c).backgroundColor;
-          if (d && d !== "transparent" && d !== "rgba(0, 0, 0, 0)")
-            return d;
-          c = c.parentElement;
-        }
-        const s = window.getComputedStyle(document.body).backgroundColor;
-        return s && s !== "transparent" && s !== "rgba(0, 0, 0, 0)" ? s : "rgb(255, 255, 255)";
-      })(
-        u.current.parentElement
-      );
-      u.current.style.borderColor = a;
-    }
-  }, []), /* @__PURE__ */ o.jsxs(
-    "div",
-    {
-      className: i("relative inline-block border-inherit group", C),
-      children: [
-        /* @__PURE__ */ o.jsx(
-          "input",
-          {
-            ref: f,
-            type: "file",
-            accept: p,
-            onChange: v,
-            className: "hidden",
-            disabled: n
-          }
-        ),
-        /* @__PURE__ */ o.jsx(
-          "div",
-          {
-            className: i(
-              F[r],
-              "rounded-full overflow-hidden flex items-center justify-center relative",
-              n && "opacity-50 cursor-not-default"
-            ),
-            children: /* @__PURE__ */ o.jsx(
-              R,
-              {
-                imageUrl: t,
-                fallbackText: e,
-                sizeImage: r,
-                sizeFallback: r
-              }
-            )
-          }
-        ),
-        /* @__PURE__ */ o.jsx(
-          "button",
-          {
-            ref: u,
-            className: i(
-              "absolute bg-primary-default-default rounded-lg border-2 hover:bg-primary-default-hover cursor-pointer grid place-content-center",
-              T[r],
-              M[r],
-              n && "opacity-50 cursor-not-default"
-            ),
-            onClick: B,
-            disabled: n,
-            children: /* @__PURE__ */ o.jsx(
-              "svg",
-              {
-                className: i(A[r], "text-white"),
-                fill: "none",
-                stroke: "currentColor",
-                viewBox: "0 0 24 24",
-                children: /* @__PURE__ */ o.jsx(
-                  "path",
-                  {
-                    strokeLinecap: "round",
-                    strokeLinejoin: "round",
-                    strokeWidth: 2,
-                    d: "M15.232 5.232l3.536 3.536m-2.036-5.036a2.5 2.5 0 113.536 3.536L6.5 21.036H3v-3.572L16.732 3.732z"
-                  }
-                )
-              }
-            )
-          }
-        ),
-        t && j && !n && /* @__PURE__ */ o.jsx(
-          "button",
-          {
-            className: i(
-              "absolute rounded-full shadow-lg bg-error-light flex cursor-pointer items-center justify-center",
-              "opacity-0 scale-80 group-hover:opacity-100 group-hover:scale-100",
-              "transition-all duration-200 ease-out",
-              U[r],
-              b[r],
-              n && "opacity-50 cursor-default"
-            ),
-            disabled: n,
-            onClick: S,
-            children: /* @__PURE__ */ o.jsx(
-              "svg",
-              {
-                className: i(b[r], "text-white p-1"),
-                fill: "none",
-                stroke: "currentColor",
-                viewBox: "0 0 24 24",
-                children: /* @__PURE__ */ o.jsx(
-                  "path",
-                  {
-                    strokeLinecap: "round",
-                    strokeLinejoin: "round",
-                    strokeWidth: 2,
-                    d: "M6 18L18 6M6 6l12 12"
-                  }
-                )
-              }
-            )
-          }
-        )
-      ]
-    }
-  );
-}
-const W = L(
-  z,
-  (t, e) => t.imageUrl === e.imageUrl && t.fallbackText === e.fallbackText && t.size === e.size && t.className === e.className && t.disabled === e.disabled && t.showRemoveButton === e.showRemoveButton && t.acceptedTypes === e.acceptedTypes && t.maxFileSize === e.maxFileSize && t.disableEntryAnimation === e.disableEntryAnimation && t.onFileSelect === e.onFileSelect && t.onEditClick === e.onEditClick && t.onRemoveClick === e.onRemoveClick && t.onError === e.onError
-);
-W.displayName = "ProfilePictureUpload";
-export {
-  W as ProfilePictureUpload,
-  W as default
-};

package/dist/ProgressBar.d.ts

@@ -1,6 +0,0 @@
-export * from './exports/ProgressBar'
-export {}
-import PrometeoDesignSystem from './exports/ProgressBar'
-export default PrometeoDesignSystem
-export * from './exports/ProgressBar'
-export {}

package/dist/ProgressBar.es.js

@@ -1,70 +0,0 @@
-import { j as e } from "./jsx-runtime-DKDX3adD.js";
-import { c as j } from "./cn-B6yFEsav.js";
-import T from "react";
-const M = T.forwardRef(
-  (o, g) => {
-    const { className: p, label: m, ...b } = o;
-    if (o.variant === "date") {
-      const { startDate: l, endDate: n } = o, r = new Date(l), t = new Date(n), a = /* @__PURE__ */ new Date(), i = t.getTime() - r.getTime(), c = a.getTime() - r.getTime(), d = Math.min(100, Math.max(0, c / i * 100)), u = 1440 * 60 * 1e3, f = Math.max(0, Math.ceil((t.getTime() - a.getTime()) / u)), x = Math.floor((a.getTime() - t.getTime()) / u), y = Math.ceil(i / u), w = Math.min(y, Math.max(0, Math.floor(c / u))), h = a > t, v = f === 0 && !h, N = h && x === 0;
-      let s = m;
-      return m || (h ? x === 0 ? s = "Vence hoy" : x === 1 ? s = "Vencido hace 1 día" : s = `Vencido hace ${x} días` : f === 0 ? s = "Vence hoy" : f === 1 ? s = "Falta 1 día" : s = `Faltan ${f} días`), /* @__PURE__ */ e.jsxs("div", { ref: g, className: p, ...b, children: [
-        /* @__PURE__ */ e.jsxs("div", { className: "flex justify-between items-end mb-2 gap-4 px-2", children: [
-          /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col gap-1", children: [
-            /* @__PURE__ */ e.jsx("span", { className: "text-sm text-neutral-medium-default", children: "Tiempo restante de resolución" }),
-            /* @__PURE__ */ e.jsx("span", { className: "font-semibold text-base text-neutral-default-default", children: s })
-          ] }),
-          /* @__PURE__ */ e.jsxs("span", { className: "text-sm text-neutral-medium-default whitespace-nowrap", children: [
-            w,
-            " / ",
-            y,
-            " días"
-          ] })
-        ] }),
-        /* @__PURE__ */ e.jsx("div", { className: "w-full bg-neutral-800 dark:bg-neutral-900 border border-neutral-600 dark:border-neutral-700 rounded-sm h-4 overflow-hidden", children: /* @__PURE__ */ e.jsx(
-          "div",
-          {
-            className: j(
-              "h-full transition-all duration-300",
-              v || N ? "bg-yellow-500" : h ? "bg-red-500" : "bg-primary-default-default"
-            ),
-            style: { width: `${d}%` }
-          }
-        ) })
-      ] });
-    }
-    if (o.variant === "quantity") {
-      const { current: l, total: n, unit: r = "items" } = o, t = Math.min(100, Math.max(0, l / n * 100)), a = Math.max(0, n - l), i = l >= n, c = t >= 80 && !i;
-      let d = m;
-      return m || (i ? d = "Completado" : a === 1 ? d = `Falta 1 ${r}` : d = `Faltan ${a} ${r}`), /* @__PURE__ */ e.jsxs("div", { ref: g, className: p, ...b, children: [
-        /* @__PURE__ */ e.jsxs("div", { className: "flex justify-between items-end mb-2 gap-4 px-2", children: [
-          /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col gap-1", children: [
-            /* @__PURE__ */ e.jsx("span", { className: "text-sm text-neutral-medium-default", children: "Progreso" }),
-            /* @__PURE__ */ e.jsx("span", { className: "font-semibold text-base text-neutral-default-default", children: d })
-          ] }),
-          /* @__PURE__ */ e.jsxs("span", { className: "text-sm text-neutral-medium-default whitespace-nowrap", children: [
-            l,
-            " / ",
-            n,
-            " ",
-            r
-          ] })
-        ] }),
-        /* @__PURE__ */ e.jsx("div", { className: "w-full bg-neutral-800 dark:bg-neutral-900 border border-neutral-600 dark:border-neutral-700 rounded-sm h-4 overflow-hidden", children: /* @__PURE__ */ e.jsx(
-          "div",
-          {
-            className: j(
-              "h-full transition-all duration-300",
-              i ? "bg-green-500" : c ? "bg-yellow-500" : "bg-primary-default-default"
-            ),
-            style: { width: `${t}%` }
-          }
-        ) })
-      ] });
-    }
-    return null;
-  }
-);
-M.displayName = "ProgressBar";
-export {
-  M as default
-};

package/dist/RadioButton.d.ts

@@ -1,6 +0,0 @@
-export * from './exports/RadioButton'
-export {}
-import PrometeoDesignSystem from './exports/RadioButton'
-export default PrometeoDesignSystem
-export * from './exports/RadioButton'
-export {}

package/dist/RadioButton.es.js

@@ -1,78 +0,0 @@
-import { j as e } from "./jsx-runtime-DKDX3adD.js";
-import { c as t } from "./cn-B6yFEsav.js";
-import { memo as x, forwardRef as k, useRef as g, useEffect as y } from "react";
-import { H as j } from "./HelperComponent-DhGU_ug-.js";
-const s = k((n, a) => {
-  const r = g(null);
-  y(() => {
-    a && (typeof a == "function" ? a(r.current) : a.current = r.current);
-  }, [a]);
-  const c = (v) => {
-    r.current && (v.stopPropagation(), r.current.click());
-  }, { disabled: o = !1, label: l, required: u = !1, errorComponent: d, helperComponent: i, variant: f = "default", className: p, labelClassName: m, ...b } = n, h = d !== void 0 || i !== void 0;
-  return /* @__PURE__ */ e.jsxs("div", { className: t("flex flex-col gap-1 min-h-10 min-w-max items-center", p), children: [
-    /* @__PURE__ */ e.jsxs("label", { className: t("flex items-center justify-start gap-3"), children: [
-      /* @__PURE__ */ e.jsxs("div", { className: "relative z-10 min-w-10 h-10 flex items-center justify-center ", children: [
-        /* @__PURE__ */ e.jsx(
-          "input",
-          {
-            hidden: !0,
-            type: "radio",
-            ref: r,
-            className: "peer",
-            disabled: o,
-            ...b
-          }
-        ),
-        /* @__PURE__ */ e.jsx(
-          "div",
-          {
-            role: "radio",
-            "aria-checked": r.current?.checked,
-            "aria-disabled": o,
-            onClick: o ? () => {
-            } : c,
-            className: t(
-              "size-5 rounded-full border-neutral-default-hover hover:border-neutral-default-default border-2 p-[3px]",
-              "transition-all duration-300 cursor-pointer relative ",
-              "grid place-items-center",
-              " before:bg-neutral-default-pressed before:size-10 before:absolute before:rounded-full before:-z-10! before:opacity-0 active:before:opacity-100 before:transition-all before:duration-300 ",
-              "hover:before:opacity-0 hover:before:bg-neutral-default-hover",
-              "peer-checked:border-primary-default-default peer-checked:hover:before:opacity-100 peer-checked:hover:before:bg-neutral-default-pressed peer-checked:active:before:bg-neutral-default-hover peer-checked:hover:border-primary-default-focused peer-checked:hover:*:bg-primary-default-hover active:before:bg-neutral-default-hover peer-checked:active:border-primary-strong-pressed peer-checked:active:*:bg-primary-default-pressed",
-              "peer-checked:*:bg-primary-light",
-              //disabled
-              "peer-disabled:pointer-events-none",
-              "peer-disabled:border-neutral-default-disabled peer-disabled:peer-checked:border-neutral-default-default",
-              "peer-disabled:peer-checked:*:bg-neutral-weak-hover"
-            ),
-            children: /* @__PURE__ */ e.jsx(
-              "div",
-              {
-                className: t(
-                  "size-full rounded-full transition-all duration-300"
-                )
-              }
-            )
-          }
-        )
-      ] }),
-      l && /* @__PURE__ */ e.jsxs("span", { className: t("prometeo-fonts-label-large w-max min-w-max", m), children: [
-        l,
-        u && " *"
-      ] })
-    ] }),
-    h && /* @__PURE__ */ e.jsx("div", { className: "min-h-5", children: /* @__PURE__ */ e.jsx(
-      j,
-      {
-        variant: f,
-        children: d || i
-      }
-    ) })
-  ] });
-});
-s.displayName = "RadioButton";
-const z = x(s);
-export {
-  z as RadioButton,
-  z as default
-};

package/dist/RecurrentDatePicker.d.ts

@@ -1,2 +0,0 @@
-export * from './exports/RecurrentDatePicker'
-export {}