prometeo-design-system 2.6.8 → 2.7.1

package/dist/ProgressBar.es.js

@@ -1,42 +1,70 @@
 import { j as e } from "./jsx-runtime-DKDX3adD.js";
 import { c as j } from "./cn-B6yFEsav.js";
-import v from "react";
-const V = v.forwardRef(
-  ({
-    className: u,
-    startDate: h,
-    endDate: x,
-    label: o,
-    ...g
-  }, p) => {
-    const d = new Date(h), a = new Date(x), s = /* @__PURE__ */ new Date(), c = a.getTime() - d.getTime(), m = s.getTime() - d.getTime(), y = Math.min(100, Math.max(0, m / c * 100)), n = 1440 * 60 * 1e3, l = Math.max(0, Math.ceil((a.getTime() - s.getTime()) / n)), i = Math.floor((s.getTime() - a.getTime()) / n), f = Math.ceil(c / n), T = Math.min(f, Math.max(0, Math.floor(m / n))), r = s > a, w = l === 0 && !r, b = r && i === 0;
-    let t = o;
-    return o || (r ? i === 0 ? t = "Vence hoy" : i === 1 ? t = "Vencido hace 1 día" : t = `Vencido hace ${i} días` : l === 0 ? t = "Vence hoy" : l === 1 ? t = "Falta 1 día" : t = `Faltan ${l} días`), /* @__PURE__ */ e.jsxs("div", { ref: p, className: u, ...g, 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: t })
+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.jsxs("span", { className: "text-sm text-neutral-medium-default whitespace-nowrap", children: [
-          T,
-          " / ",
-          f,
-          " 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",
-            w || b ? "bg-yellow-500" : r ? "bg-red-500" : "bg-primary-default-default"
-          ),
-          style: { width: `${y}%` }
-        }
-      ) })
-    ] });
+        /* @__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 {
-  V as default
+  M as default
 };