@imj_media/ui 1.10.5 → 1.10.6

package/dist/index.esm.js

@@ -3099,9 +3099,9 @@ const r2 = ({
     /* @__PURE__ */ o(
       "div",
       {
-        className: "ui-absolute ui-right-[-5px] ui-bottom-[-5px] ui-flex ui-items-center ui-justify-center ui-rounded-control-pill ui-bg-fill ui-p-4 ui-shadow-01",
+        className: "ui-absolute ui-bottom-[-5px] ui-right-[-5px] ui-flex ui-items-center ui-justify-center ui-rounded-control-pill ui-bg-fill ui-p-4 ui-shadow-01",
         "aria-hidden": !0,
-        children: /* @__PURE__ */ o("span", { className: "ui-text-brand ui-leading-none", children: /* @__PURE__ */ o(
+        children: /* @__PURE__ */ o("span", { className: "ui-leading-none ui-text-brand", children: /* @__PURE__ */ o(
           we,
           {
             name: t(e.color || "info"),
@@ -3133,98 +3133,92 @@ const r2 = ({
       children: /* @__PURE__ */ o(we, { name: t(e.color || "danger"), color: "current", size: "sm" })
     }
   );
-  return /* @__PURE__ */ v(
-    "div",
-    {
-      className: "ui-flex ui-w-full ui-min-w-0 ui-flex-col ui-justify-between ui-gap-16 ui-items-start",
-      children: [
-        /* @__PURE__ */ v("div", { className: "ui-flex ui-w-full ui-min-w-0 ui-items-start ui-gap-8", children: [
-          /* @__PURE__ */ o("div", { className: "ui-flex ui-w-fit ui-max-w-full ui-shrink-0 ui-flex-col ui-items-start ui-self-start", children: l }),
-          /* @__PURE__ */ v("div", { className: "ui-flex ui-min-w-0 ui-flex-1 ui-flex-col ui-gap-2", children: [
-            /* @__PURE__ */ v("div", { className: "ui-flex ui-w-full ui-min-w-0 ui-items-start ui-justify-between ui-gap-8", children: [
-              /* @__PURE__ */ v("div", { className: "ui-flex ui-min-w-0 ui-flex-1 ui-flex-col ui-gap-0", children: [
-                e.title !== null && /* @__PURE__ */ o(
-                  "div",
-                  {
-                    title: e.truncateHeaderText && e.title ? e.title : void 0,
-                    className: M(
-                      "ui-text-body-sm-bold ui-font-body-sm-bold ui-leading-body-sm-bold ui-tracking-body-sm",
-                      r && "ui-text-primary",
-                      n
-                    ),
-                    children: e.title
-                  }
+  return /* @__PURE__ */ v("div", { className: "ui-flex ui-w-full ui-min-w-0 ui-flex-col ui-items-start ui-justify-between ui-gap-16", children: [
+    /* @__PURE__ */ v("div", { className: "ui-flex ui-w-full ui-min-w-0 ui-items-start ui-gap-8", children: [
+      /* @__PURE__ */ o("div", { className: "ui-flex ui-w-fit ui-max-w-full ui-shrink-0 ui-flex-col ui-items-start ui-self-start", children: l }),
+      /* @__PURE__ */ v("div", { className: "ui-flex ui-min-w-0 ui-flex-1 ui-flex-col ui-gap-2", children: [
+        /* @__PURE__ */ v("div", { className: "ui-flex ui-w-full ui-min-w-0 ui-items-start ui-justify-between ui-gap-8", children: [
+          /* @__PURE__ */ v("div", { className: "ui-flex ui-min-w-0 ui-flex-1 ui-flex-col ui-gap-0", children: [
+            e.title !== null && /* @__PURE__ */ o(
+              "div",
+              {
+                title: e.truncateHeaderText && e.title ? e.title : void 0,
+                className: M(
+                  "ui-text-body-sm-bold ui-font-body-sm-bold ui-leading-body-sm-bold ui-tracking-body-sm",
+                  r && "ui-text-primary",
+                  n
                 ),
-                /* @__PURE__ */ o(
-                  "div",
-                  {
-                    title: e.truncateHeaderText && e.message ? e.message : void 0,
-                    className: M(
-                      "ui-text-body-xs-regular ui-font-body-xs-regular ui-leading-body-xs-regular ui-tracking-body-xs",
-                      r && "ui-text-secondary",
-                      !e.truncateHeaderText && "ui-text-pretty",
-                      n
-                    ),
-                    children: e.message
-                  }
+                children: e.title
+              }
+            ),
+            /* @__PURE__ */ o(
+              "div",
+              {
+                title: e.truncateHeaderText && e.message ? e.message : void 0,
+                className: M(
+                  "ui-text-body-xs-regular ui-font-body-xs-regular ui-leading-body-xs-regular ui-tracking-body-xs",
+                  r && "ui-text-secondary",
+                  !e.truncateHeaderText && "ui-text-pretty",
+                  n
                 ),
-                e.description !== null && e.description !== "" && /* @__PURE__ */ o(
-                  "div",
-                  {
-                    title: e.truncateHeaderText && e.description ? e.description : void 0,
-                    className: M(
-                      "ui-mt-2 ui-text-body-xs-medium ui-font-body-xs-medium ui-leading-body-xs-medium ui-tracking-body-xs",
-                      r && "ui-text-primary",
-                      !e.truncateHeaderText && "ui-text-pretty",
-                      n
-                    ),
-                    children: e.description
-                  }
-                )
-              ] }),
-              e.showCloseButton ? /* @__PURE__ */ o(
-                He,
-                {
-                  icon: Nt,
-                  size: "xxs",
-                  pill: "pill",
-                  color: "tertiary",
-                  className: "ui-shrink-0",
-                  onClick: i,
-                  "aria-label": "Cerrar alerta"
-                }
-              ) : e.endAdornment ? /* @__PURE__ */ o("div", { className: "ui-flex ui-shrink-0 ui-items-start", children: e.endAdornment }) : null
-            ] }),
-            e.headerAddon ? /* @__PURE__ */ o("div", { className: "ui-flex ui-w-full ui-min-w-0 ui-max-w-full ui-flex-col ui-gap-2", children: e.headerAddon }) : null
-          ] })
-        ] }),
-        (e.onSecondaryClick || e.onPrimaryClick) && /* @__PURE__ */ v("div", { className: "ui-flex ui-w-full ui-items-center ui-justify-end ui-gap-1.5", children: [
-          e.onSecondaryClick && /* @__PURE__ */ o(
+                children: e.message
+              }
+            ),
+            e.description !== null && e.description !== "" && /* @__PURE__ */ o(
+              "div",
+              {
+                title: e.truncateHeaderText && e.description ? e.description : void 0,
+                className: M(
+                  "ui-mt-2 ui-text-body-xs-medium ui-font-body-xs-medium ui-leading-body-xs-medium ui-tracking-body-xs",
+                  r && "ui-text-primary",
+                  !e.truncateHeaderText && "ui-text-pretty",
+                  n
+                ),
+                children: e.description
+              }
+            )
+          ] }),
+          e.showCloseButton ? /* @__PURE__ */ o(
             He,
             {
-              clickable: !0,
-              theme: "solid",
+              icon: Nt,
+              size: "xxs",
+              pill: "pill",
               color: "tertiary",
-              size: "xs",
-              onClick: s,
-              children: e.secondaryButtonText || ""
-            }
-          ),
-          e.onPrimaryClick && /* @__PURE__ */ o(
-            He,
-            {
-              clickable: !0,
-              theme: "solid",
-              color: "secondary",
-              size: "xs",
-              onClick: a,
-              children: e.primaryButtonText || ""
+              className: "ui-shrink-0",
+              onClick: i,
+              "aria-label": "Cerrar alerta"
             }
-          )
-        ] })
-      ]
-    }
-  );
+          ) : e.endAdornment ? /* @__PURE__ */ o("div", { className: "ui-flex ui-shrink-0 ui-items-start", children: e.endAdornment }) : null
+        ] }),
+        e.headerAddon ? /* @__PURE__ */ o("div", { className: "ui-flex ui-w-full ui-min-w-0 ui-max-w-full ui-flex-col ui-gap-2", children: e.headerAddon }) : null
+      ] })
+    ] }),
+    (e.onSecondaryClick || e.onPrimaryClick) && /* @__PURE__ */ v("div", { className: "ui-flex ui-w-full ui-items-center ui-justify-end ui-gap-1.5", children: [
+      e.onSecondaryClick && /* @__PURE__ */ o(
+        He,
+        {
+          clickable: !0,
+          theme: "solid",
+          color: "tertiary",
+          size: "xs",
+          onClick: s,
+          children: e.secondaryButtonText || ""
+        }
+      ),
+      e.onPrimaryClick && /* @__PURE__ */ o(
+        He,
+        {
+          clickable: !0,
+          theme: "solid",
+          color: "secondary",
+          size: "xs",
+          onClick: a,
+          children: e.primaryButtonText || ""
+        }
+      )
+    ] })
+  ] });
 });
 ds.displayName = "AlertHeader";
 const a2 = ({
@@ -3782,7 +3776,7 @@ const hs = ({
             onClick: j ? O : void 0,
             onKeyDown: j ? D : void 0,
             children: [
-              /* @__PURE__ */ o("div", { className: "ui-min-w-0 ui-w-full ui-flex-1", children: /* @__PURE__ */ o(
+              /* @__PURE__ */ o("div", { className: "ui-w-full ui-min-w-0 ui-flex-1", children: /* @__PURE__ */ o(
                 ds,
                 {
                   message: i,
@@ -3803,7 +3797,7 @@ const hs = ({
                   headerAddon: L
                 }
               ) }),
-              C != null ? /* @__PURE__ */ o("div", { className: "ui-min-w-0 ui-w-full", children: C }) : null
+              C != null ? /* @__PURE__ */ o("div", { className: "ui-w-full ui-min-w-0", children: C }) : null
             ]
           }
         ),
@@ -37700,7 +37694,7 @@ const cf = () => {
           type: "button",
           className: M(
             "ui-inline-flex ui-h-full ui-shrink-0 ui-items-center ui-justify-center ui-border-0 ui-bg-transparent ui-p-0",
-            "focus-visible:ui-outline focus-visible:ui-outline-2 focus-visible:ui-outline-offset-2 focus-visible:ui-outline-brand"
+            "focus-visible:ui-outline-brand focus-visible:ui-outline focus-visible:ui-outline-2 focus-visible:ui-outline-offset-2"
           ),
           "aria-label": "Descargar archivo",
           onClick: (p) => {
@@ -37732,7 +37726,7 @@ const cf = () => {
             "p",
             {
               className: M(
-                "ui-min-w-0 ui-w-full ui-overflow-hidden ui-text-ellipsis ui-whitespace-nowrap ui-text-body-xs-medium ui-font-body-xs-medium ui-leading-body-xs-medium ui-tracking-body-xs"
+                "ui-w-full ui-min-w-0 ui-overflow-hidden ui-text-ellipsis ui-whitespace-nowrap ui-text-body-xs-medium ui-font-body-xs-medium ui-leading-body-xs-medium ui-tracking-body-xs"
               ),
               title: f,
               children: f
@@ -37742,7 +37736,7 @@ const cf = () => {
             "p",
             {
               className: M(
-                "ui-min-w-0 ui-w-full ui-overflow-hidden ui-text-ellipsis ui-whitespace-nowrap ui-text-caption-xs ui-font-caption-xs ui-leading-caption-xs ui-tracking-caption-xs ui-text-secondary"
+                "ui-w-full ui-min-w-0 ui-overflow-hidden ui-text-ellipsis ui-whitespace-nowrap ui-text-caption-xs ui-font-caption-xs ui-leading-caption-xs ui-tracking-caption-xs ui-text-secondary"
               ),
               title: n.sizeLabel,
               children: n.sizeLabel
@@ -37754,41 +37748,32 @@ const cf = () => {
     }
     if (r === "cta") {
       const f = ((s = a.primaryButton) == null ? void 0 : s.label) ?? a.primaryLabel ?? (t == null ? void 0 : t.primaryButtonText) ?? "Text Button", d = ((l = a.secondaryButton) == null ? void 0 : l.label) ?? a.secondaryLabel ?? (t == null ? void 0 : t.secondaryButtonText) ?? "Text Button", p = ((u = a.primaryButton) == null ? void 0 : u.onClick) ?? (t == null ? void 0 : t.onPrimaryClick), h = ((c = a.secondaryButton) == null ? void 0 : c.onClick) ?? (t == null ? void 0 : t.onSecondaryClick);
-      return /* @__PURE__ */ v(
-        "div",
-        {
-          className: M(
-            Ai,
-            "ui-mt-2 ui-flex ui-flex-wrap ui-items-center ui-gap-10"
-          ),
-          children: [
-            /* @__PURE__ */ o(
-              De,
-              {
-                theme: "solid",
-                color: "secondary",
-                size: "sm",
-                onClick: (m) => {
-                  m.stopPropagation(), h == null || h();
-                },
-                children: d
-              }
-            ),
-            /* @__PURE__ */ o(
-              De,
-              {
-                theme: "solid",
-                color: "primary",
-                size: "sm",
-                onClick: (m) => {
-                  m.stopPropagation(), p == null || p();
-                },
-                children: f
-              }
-            )
-          ]
-        }
-      );
+      return /* @__PURE__ */ v("div", { className: M(Ai, "ui-mt-2 ui-flex ui-flex-wrap ui-items-center ui-gap-10"), children: [
+        /* @__PURE__ */ o(
+          De,
+          {
+            theme: "solid",
+            color: "secondary",
+            size: "sm",
+            onClick: (m) => {
+              m.stopPropagation(), h == null || h();
+            },
+            children: d
+          }
+        ),
+        /* @__PURE__ */ o(
+          De,
+          {
+            theme: "solid",
+            color: "primary",
+            size: "sm",
+            onClick: (m) => {
+              m.stopPropagation(), p == null || p();
+            },
+            children: f
+          }
+        )
+      ] });
     }
     return null;
   }
@@ -37834,7 +37819,7 @@ const pf = {
         className: M(
           "ui-group ui-inline-flex ui-shrink-0 ui-cursor-pointer ui-items-center ui-justify-center ui-rounded-control-pill ui-border-0 ui-bg-transparent ui-p-6",
           "ui-transition-transform ui-duration-150 ui-ease-out motion-reduce:ui-transition-none",
-          "focus-visible:ui-outline focus-visible:ui-outline-2 focus-visible:ui-outline-offset-2 focus-visible:ui-outline-brand"
+          "focus-visible:ui-outline-brand focus-visible:ui-outline focus-visible:ui-outline-2 focus-visible:ui-outline-offset-2"
         ),
         "aria-label": "Marcar como leída",
         onClick: (A) => {
@@ -37897,7 +37882,7 @@ const pf = {
         c.stackSummary && c.presentation === "popup" ? /* @__PURE__ */ o("div", { className: "ui-flex ui-w-full ui-min-w-0 ui-max-w-full ui-justify-center", children: /* @__PURE__ */ o(
           "span",
           {
-            className: "ui-block ui-max-w-full ui-min-w-0 ui-overflow-hidden ui-text-ellipsis ui-whitespace-nowrap ui-text-center ui-text-body-xs-regular ui-font-body-xs-regular ui-text-tertiary",
+            className: "ui-block ui-min-w-0 ui-max-w-full ui-overflow-hidden ui-text-ellipsis ui-whitespace-nowrap ui-text-center ui-text-body-xs-regular ui-font-body-xs-regular ui-text-tertiary",
             title: c.stackSummary,
             children: c.stackSummary
           }
@@ -44846,12 +44831,7 @@ const Vp = Ol, Hp = ({
   ), g = V(
     (C) => {
       var k;
-      const N = Dl(
-        C,
-        c,
-        d,
-        s
-      );
+      const N = Dl(C, c, d, s);
       a ? (k = f.current) == null || k.call(f, N) : u(N);
     },
     [d, a, c, s]
@@ -46766,10 +46746,7 @@ function Pm({
   ), d = te(() => Dm(e, t), [e, t]), p = te(() => ip(), []), h = te(
     () => ({ ...Hm, ...t.appearance }),
     [t.appearance]
-  ), m = te(
-    () => ({ ...Em, ...t.events }),
-    [t.events]
-  ), g = _((ee = t.events) == null ? void 0 : ee.onTimelineChange);
+  ), m = te(() => ({ ...Em, ...t.events }), [t.events]), g = _((ee = t.events) == null ? void 0 : ee.onTimelineChange);
   g.current = (ae = t.events) == null ? void 0 : ae.onTimelineChange, oe(() => {
     var B;
     n && ((B = g.current) == null || B.call(g, wa(a)));
@@ -47926,7 +47903,7 @@ function ql({
         "ui-flex ui-w-full ui-flex-col",
         "ui-transition-[opacity,transform]",
         o1,
-        i ? "ui-opacity-100 ui-translate-y-0" : "ui-opacity-0 ui-translate-y-2"
+        i ? "ui-translate-y-0 ui-opacity-100" : "ui-translate-y-2 ui-opacity-0"
       ),
       style: { gap: Qm },
       role: "list",
@@ -47978,7 +47955,7 @@ function Yl({
         "div",
         {
           className: M(
-            "ui-absolute ui-origin-bottom ui-max-w-full",
+            "ui-absolute ui-max-w-full ui-origin-bottom",
             "ui-pointer-events-auto",
             "ui-transition-[bottom]",
             o1,
@@ -47999,7 +47976,9 @@ function Yl({
                   className: l,
                   isLeaving: s,
                   duration: u(h.id),
-                  progressBarClassName: c(u(h.id)),
+                  progressBarClassName: c(
+                    u(h.id)
+                  ),
                   animation: "none",
                   showActionButtons: !1,
                   onClose: h.showCloseButton ? f(h) : void 0,
@@ -48016,10 +47995,7 @@ function Yl({
     /* @__PURE__ */ o(
       "div",
       {
-        className: M(
-          "ui-relative ui-z-50",
-          e.length > 0 && "ui-drop-shadow-02"
-        ),
+        className: M("ui-relative ui-z-50", e.length > 0 && "ui-drop-shadow-02"),
         children: /* @__PURE__ */ o(
           Xi,
           {
@@ -48028,7 +48004,9 @@ function Yl({
                 className: l,
                 isLeaving: s,
                 duration: u(t.id),
-                progressBarClassName: c(u(t.id)),
+                progressBarClassName: c(
+                  u(t.id)
+                ),
                 animation: "none",
                 showActionButtons: !0,
                 footer: d,
@@ -48074,7 +48052,8 @@ const Kl = ({ group: e }) => {
   const w = Math.min(qm, t.length), N = [...l ? t : t.slice(-w)].reverse(), k = N.length > 1 ? [...N.slice(1)].reverse() : [], y = N.length > 1, S = M(
     "ui-w-full !ui-transition-none !ui-duration-0 ui-opacity-100 motion-reduce:!ui-transition-none"
   ), L = ($ = t[t.length - 1]) == null ? void 0 : $.id, I = (J = N[0]) == null ? void 0 : J.id, T = L !== void 0 && N.some((ie) => ie.id === L), j = (ie) => {
-    if (!d || ie === void 0 || ie !== L || !T) return;
+    if (!d || ie === void 0 || ie !== L || !T)
+      return;
     const q = t.find((U) => U.id === ie);
     return (q == null ? void 0 : q.duration) ?? p;
   }, O = i, D = l ? Xm : Ym, H = u ? 0 : k.length * D, P = r > 1 ? r - 1 : 0, z = e.stackSummaryLegend !== void 0 ? e.stackSummaryLegend : P === 1 ? "1 notificación más" : `${P} notificaciones más`, A = r > 1 ? /* @__PURE__ */ o(
@@ -48181,13 +48160,7 @@ const l1 = Te.memo(({ groups: e }) => {
     "bottom-right"
   ].includes(i) && console.warn(
     `[NotificationPositions] Invalid position "${i}" from config. Using as-is.`
-  ), /* @__PURE__ */ o("div", { className: `${t(i)} ui-z-50 ui-space-y-2 ui-overflow-visible`, children: n.map((a) => a.notification.id ? /* @__PURE__ */ o(
-    Kl,
-    {
-      group: a
-    },
-    a.stackKey
-  ) : (process.env.NODE_ENV !== "production" && console.warn("[NotificationPositions] Group notification without id. Skipping."), null)) });
+  ), /* @__PURE__ */ o("div", { className: `${t(i)} ui-z-50 ui-space-y-2 ui-overflow-visible`, children: n.map((a) => a.notification.id ? /* @__PURE__ */ o(Kl, { group: a }, a.stackKey) : (process.env.NODE_ENV !== "production" && console.warn("[NotificationPositions] Group notification without id. Skipping."), null)) });
 });
 l1.displayName = "NotificationPositions";
 const uv = () => {