prometeo-design-system 7.3.9 → 7.4.1

package/dist/AttachInput.es.js

@@ -1,14 +1,15 @@
-import { j as r } from "./jsx-runtime-GkKLlHH4.js";
-import { c as s } from "./cn-B6yFEsav.js";
-import { memo as T, forwardRef as P, useCallback as E } from "react";
-import { useDropzone as G } from "react-dropzone";
-import H from "./PlainTooltip.es.js";
-import _ from "./HelperComponent.es.js";
+import { j as t } from "./jsx-runtime-GkKLlHH4.js";
+import { c as o } from "./cn-B6yFEsav.js";
+import { memo as P, forwardRef as E, useCallback as G } from "react";
+import { useDropzone as H } from "react-dropzone";
+import _ from "./CardBackground.es.js";
+import q from "./PlainTooltip.es.js";
+import K from "./HelperComponent.es.js";
 import { c as i } from "./index-BOQuZ0gG.js";
-import { UploadCloud as q } from "./Icons/UploadCloud.es.js";
-import { Info as K } from "./Icons/Info.es.js";
-const O = i(
-  "relative w-full radius-large transition-colors duration-200 overflow-hidden flex flex-col items-center justify-center text-center gap-1 p-3",
+import { UploadCloud as O } from "./Icons/UploadCloud.es.js";
+import { Info as U } from "./Icons/Info.es.js";
+const W = i(
+  "relative w-full radius-large transition-colors duration-200 overflow-hidden flex flex-col items-center justify-center text-center gap-1 p-3 flex-1",
   {
     variants: {
       disabled: {
@@ -20,14 +21,14 @@ const O = i(
       disabled: !1
     }
   }
-), U = {
+), J = {
   disabled: "text-[var(--border-disabled-ondisabled)]",
   "drag-active": "text-[var(--border-brand-secondary-default)]",
   "drag-reject": "text-[var(--border-error-onneutral-default)]",
   default: "text-[var(--border-neutral-primary-default)]",
   error: "text-[var(--border-error-onneutral-default)]",
   success: "text-[var(--border-success-onneutral-default)]"
-}, W = (t, e, n) => n ? "disabled" : e === "active" ? "drag-active" : e === "reject" ? "drag-reject" : t, J = i(
+}, L = (r, e, n) => n ? "disabled" : e === "active" ? "drag-active" : e === "reject" ? "drag-reject" : r, Q = i(
   "prometeo-fonts-body-medium text-balanced text-neutral-secondary-default",
   {
     variants: {
@@ -40,14 +41,14 @@ const O = i(
       disabled: !1
     }
   }
-), L = i("icon-neutral-tertiary-default", {
+), X = i("icon-neutral-tertiary-default", {
   variants: {
     disabled: {
       true: "icon-disabled-default!",
       false: ""
     }
   }
-}), Q = i(
+}), Y = i(
   "prometeo-fonts-label-large flex items-center px-3 gap-0.5",
   {
     variants: {
@@ -66,81 +67,92 @@ const O = i(
       disabled: !1
     }
   }
-), X = (t) => {
-  const e = t / 1048576;
-  return e < 1 ? `${Math.round(t / 1024)} KB` : e < 1024 ? `${e % 1 === 0 ? e : e.toFixed(1)} MB` : `${(e / 1024).toFixed(1)} GB`;
-}, y = (t) => Object.keys(t).map((e) => t[e].join(", ")).join(" "), Y = (t, e, n) => {
-  if (t.some(
+), Z = (r) => {
+  const e = r / 1048576;
+  return e < 1 ? `${Math.round(r / 1024)} KB` : e < 1024 ? `${e % 1 === 0 ? e : e.toFixed(1)} MB` : `${(e / 1024).toFixed(1)} GB`;
+}, N = (r) => Object.keys(r).map((e) => r[e].join(", ")).join(" "), F = (r, e, n) => {
+  if (r.some(
     (d) => d.errors.some((u) => u.code === "too-many-files")
   ))
     return `Máximo ${e} ${e === 1 ? "archivo" : "archivos"} permitido${e === 1 ? "" : "s"}`;
-  const o = t.length;
-  return o === 1 ? "El archivo no pudo cargarse" : `${o} archivos no pudieron cargarse`;
-}, Z = (t, e) => e ? "reject" : t ? "active" : "idle", N = P(
+  const s = r.length;
+  return s === 1 ? "El archivo no pudo cargarse" : `${s} archivos no pudieron cargarse`;
+}, ee = (r, e) => e ? "reject" : r ? "active" : "idle", w = E(
   ({
-    onFilesAccepted: t,
+    onFilesAccepted: r,
     onFilesRejected: e,
     className: n,
     label: c,
-    subtitle: o = "Arrastra y suelta los archivos aquí, o haz clic para seleccionar",
+    subtitle: s = "Arrastra y suelta los archivos aquí, o haz clic para seleccionar",
     acceptedFormats: d,
     status: u,
     supportingText: f,
-    showSupportingText: w,
+    showSupportingText: z,
     disabled: a = !1,
     accept: m,
     maxFiles: h = 1,
-    maxSize: p,
-    ...M
-  }, C) => {
-    const D = E(
-      (g, j) => {
-        g.length > 0 && t?.(g), j.length > 0 && e?.(j);
+    maxSize: v,
+    cardBackground: b,
+    ...C
+  }, M) => {
+    const D = G(
+      (j, y) => {
+        j.length > 0 && r?.(j), y.length > 0 && e?.(y);
       },
-      [t, e]
+      [r, e]
     ), {
       getRootProps: V,
       getInputProps: $,
       isDragActive: k,
       isDragReject: A,
-      fileRejections: b
-    } = G({
+      fileRejections: g
+    } = H({
       onDrop: D,
       accept: m,
       maxFiles: h,
       disabled: a,
-      maxSize: p,
-      ...M
-    }), v = b.length > 0, l = v ? "error" : u ?? "default", x = Z(k, A), R = W(l, x, a), S = U[R], I = v ? Y([...b], h) : typeof f == "function" ? f() : f, z = d ?? y(m ?? {}), B = y(m ?? {});
-    return /* @__PURE__ */ r.jsxs("div", { className: s("w-full flex flex-col gap-1", n), children: [
-      c && /* @__PURE__ */ r.jsx(
+      maxSize: v,
+      ...C
+    }), p = g.length > 0, l = p ? "error" : u ?? "default", x = ee(k, A), R = L(l, x, a), S = J[R], I = p ? F([...g], h) : typeof f == "function" ? f() : f, B = d ?? N(m ?? {}), T = N(m ?? {});
+    return /* @__PURE__ */ t.jsxs("div", { className: o("w-full flex flex-col gap-1 h-[136px]", n), children: [
+      c && /* @__PURE__ */ t.jsx(
         "label",
         {
-          className: Q({
+          className: Y({
             visualStatus: l,
             disabled: a
           }),
           children: c
         }
       ),
-      /* @__PURE__ */ r.jsxs(
+      /* @__PURE__ */ t.jsxs(
         "div",
         {
-          ref: C,
+          ref: M,
           ...V(),
-          className: O({ disabled: a }),
+          className: W({ disabled: a }),
           children: [
-            /* @__PURE__ */ r.jsx("input", { ...$() }),
-            /* @__PURE__ */ r.jsx(
+            /* @__PURE__ */ t.jsx("input", { ...$() }),
+            /* @__PURE__ */ t.jsx(
+              _,
+              {
+                color: "neutral",
+                variant: "default",
+                forced: "default",
+                ...b,
+                className: o("absolute inset-0", b?.className)
+              }
+            ),
+            /* @__PURE__ */ t.jsx(
               "svg",
               {
                 "aria-hidden": !0,
-                className: s(
-                  "absolute inset-0 w-full h-full pointer-events-none overflow-visible transition-colors duration-200",
+                className: o(
+                  "absolute inset-0 z-[1] w-full h-full pointer-events-none overflow-visible transition-colors duration-200",
                   S,
                   !a && x === "idle" && "group-hover:text-[var(--border-brand-secondary-hover)] group-active:text-[var(--border-brand-secondary-pressed)]"
                 ),
-                children: /* @__PURE__ */ r.jsx(
+                children: /* @__PURE__ */ t.jsx(
                   "rect",
                   {
                     x: "0.5",
@@ -156,51 +168,53 @@ const O = i(
                 )
               }
             ),
-            o && /* @__PURE__ */ r.jsx(
-              "p",
-              {
-                className: J({
-                  disabled: a
-                }),
-                children: o
-              }
-            ),
-            /* @__PURE__ */ r.jsx(
-              q,
+            s && /* @__PURE__ */ t.jsx("p", { className: o(Q({ disabled: a }), "relative z-[1]"), children: s }),
+            /* @__PURE__ */ t.jsx(
+              O,
               {
                 size: 20,
-                className: L({
-                  disabled: a
-                })
+                className: o(X({ disabled: a }), "relative z-[1]")
               }
             ),
-            !v && /* @__PURE__ */ r.jsxs("div", { className: "w-full overflow-hidden flex justify-center items-center gap-0.5", children: [
-              /* @__PURE__ */ r.jsxs("p", { className: s("prometeo-fonts-body-xsmall text-neutral-tertiary-default line-clamp-1", a && "text-disabled-default!"), children: [
-                z,
-                p !== void 0 && /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
-                  " ",
-                  "· Máx. ",
-                  X(p)
-                ] })
-              ] }),
-              /* @__PURE__ */ r.jsx(H, { title: B, children: /* @__PURE__ */ r.jsx(
-                K,
+            !p && /* @__PURE__ */ t.jsxs("div", { className: "relative z-[1] w-full overflow-hidden flex justify-center items-center gap-0.5", children: [
+              /* @__PURE__ */ t.jsxs(
+                "p",
+                {
+                  className: o(
+                    "prometeo-fonts-body-xsmall text-neutral-tertiary-default line-clamp-1",
+                    a && "text-disabled-default!"
+                  ),
+                  children: [
+                    B,
+                    v !== void 0 && /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+                      " ",
+                      "· Máx. ",
+                      Z(v)
+                    ] })
+                  ]
+                }
+              ),
+              /* @__PURE__ */ t.jsx(q, { title: T, children: /* @__PURE__ */ t.jsx(
+                U,
                 {
                   size: 12,
-                  className: s("icon-neutral-tertiary-default shrink-0", a && "icon-disabled-default!")
+                  className: o(
+                    "icon-neutral-tertiary-default shrink-0",
+                    a && "icon-disabled-default!"
+                  )
                 }
               ) })
             ] })
           ]
         }
       ),
-      w && /* @__PURE__ */ r.jsx(_, { variant: l, disabled: a, className: s(l === "default" && !a && "[&>p]:text-neutral-tertiary-default! [&>svg]:icon-neutral-tertiary-default!"), children: I })
+      z && /* @__PURE__ */ t.jsx(K, { variant: l, disabled: a, className: o(l === "default" && !a && "[&>p]:text-neutral-tertiary-default! [&>svg]:icon-neutral-tertiary-default!"), children: I })
     ] });
   }
 );
-N.displayName = "AttachInput";
-const ie = T(N);
+w.displayName = "AttachInput";
+const ue = P(w);
 export {
-  ie as AttachInput,
-  ie as default
+  ue as AttachInput,
+  ue as default
 };

package/dist/Button.es.js

@@ -16,7 +16,7 @@ const W = (r) => Q(r), B = {
     icon: ""
   },
   large: {
-    container: "h-12 px-5 py-3 spacing-x-2 radius-medium ",
+    container: "h-12 px-5 py-3 spacing-x-2 radius-large ",
     icon: ""
   }
 }, e = {

package/dist/CardBackground.es.js

@@ -1,37 +1,37 @@
 import { j as b } from "./jsx-runtime-GkKLlHH4.js";
-import { memo as I } from "react";
-import { c as T } from "./index-BOQuZ0gG.js";
+import { memo as S } from "react";
+import { c as V } from "./index-BOQuZ0gG.js";
 import { c as g } from "./cn-B6yFEsav.js";
-const N = "data-interaction-group", P = "data-interaction-exclude";
-function W() {
-  return { [N]: "" };
+const O = "data-interaction-group", k = "data-interaction-exclude";
+function G() {
+  return { [O]: "" };
 }
-function R(r) {
+function A(r) {
   return r != null && r !== "self";
 }
-function S(r, e) {
+function E(r, e) {
   const t = r ?? "neutral";
   return {
     color: t,
     variant: t === "brand" ? "primary" : e ?? "default"
   };
 }
-function O(r, e) {
+function _(r, e) {
   return {
     default: { color: r, variant: e },
     hover: { color: r, variant: e, forced: "hover" },
     pressed: { color: r, variant: e, forced: "pressed" }
   };
 }
-function V(r, e, t) {
+function p(r, e, t) {
   if (r) return r;
-  const { color: a, variant: n } = S(e, t);
-  return O(a, n);
+  const { color: a, variant: n } = E(e, t);
+  return _(a, n);
 }
-function A(r, e) {
+function x(r, e) {
   return e || r !== void 0;
 }
-const y = "transition-colors duration-300 ease will-change-colors", i = T(y, {
+const m = "transition-colors duration-300 ease will-change-colors", i = V(m, {
   variants: {
     color: {
       neutral: "",
@@ -183,7 +183,7 @@ const y = "transition-colors duration-300 ease will-change-colors", i = T(y, {
     }
   ]
 });
-function p(r) {
+function y(r) {
   return !("color" in r.default);
 }
 function s(r) {
@@ -210,15 +210,15 @@ function s(r) {
     disabled: !1
   }).split(" ").find((a) => a.startsWith("bg-") && !a.includes(":")) ?? "bg-neutral-default-default"})`;
 }
-function E(r) {
-  const e = p(r) ? r.default : r, t = p(r) ? r.selected : void 0, a = {
+function h(r) {
+  const e = y(r) ? r.default : r, t = y(r) ? r.selected : void 0, a = {
     "--cell-bg": s(e.default),
     "--cell-bg-hover": s(e.hover),
     "--cell-bg-pressed": s(e.pressed)
   };
   return t && (a["--cell-bg-selected"] = s(t.default), a["--cell-bg-sel-hover"] = s(t.hover), a["--cell-bg-sel-pressed"] = s(t.pressed)), a;
 }
-const _ = (r) => {
+const w = (r) => {
   const e = {
     color: "neutral",
     variant: "default",
@@ -235,29 +235,29 @@ const _ = (r) => {
     interactionSource: u,
     ...v
   } = { ...e, ...r };
-  if (A(n, d)) {
-    const C = i({ color: t, variant: a, forced: n, disabled: d });
-    return /* @__PURE__ */ b.jsx("div", { className: g(C, c), "data-disabled": d, ...v, children: l && typeof l == "function" ? l() : l });
+  if (x(n, d)) {
+    const T = i({ color: t, variant: a, forced: n, disabled: d }), N = p(o, t, a), R = h(N);
+    return /* @__PURE__ */ b.jsx("div", { className: g(T, c), "data-disabled": d, style: R, ...v, children: l && typeof l == "function" ? l() : l });
   }
-  const h = V(o, t, a), m = E(h), f = R(u);
+  const C = p(o, t, a), I = h(C), f = A(u);
   return /* @__PURE__ */ b.jsx(
     "div",
     {
       "data-cell-interactive": "",
       "data-interaction-grouped": f ? "" : void 0,
       "data-interaction-source": f ? u : void 0,
-      className: g(y, c),
+      className: g(m, c),
       "data-disabled": d,
-      style: m,
+      style: I,
       ...v,
       children: l && typeof l == "function" ? l() : l
     }
   );
-}, x = I(_);
-x.displayName = "CardBackground";
+}, j = S(w);
+j.displayName = "CardBackground";
 export {
-  P as INTERACTION_EXCLUDE_ATTR,
-  N as INTERACTION_GROUP_ATTR,
-  x as default,
-  W as interactionGroupProps
+  k as INTERACTION_EXCLUDE_ATTR,
+  O as INTERACTION_GROUP_ATTR,
+  j as default,
+  G as interactionGroupProps
 };