analytica-frontend-lib 1.1.52 → 1.1.53

package/dist/index.js

@@ -10776,12 +10776,19 @@ var NotificationHeader = ({
   unreadCount,
   variant = "modal"
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "flex items-center justify-between", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "flex items-center justify-between gap-2", children: [
     variant === "modal" ? /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Text_default, { size: "sm", weight: "bold", className: "text-text-950", children: "Notifica\xE7\xF5es" }) : /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("h3", { className: "text-sm font-semibold text-text-950", children: "Notifica\xE7\xF5es" }),
-    unreadCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("span", { className: "px-2 py-1 bg-info-100 text-info-700 text-xs rounded-full", children: [
-      unreadCount,
-      " n\xE3o lidas"
-    ] })
+    unreadCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+      Badge_default,
+      {
+        variant: "solid",
+        action: "info",
+        size: "small",
+        iconLeft: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_phosphor_react21.Bell, { size: 12, "aria-hidden": "true", focusable: "false" }),
+        className: "border-0",
+        children: unreadCount === 1 ? "1 n\xE3o lida" : `${unreadCount} n\xE3o lidas`
+      }
+    )
   ] });
 };
 var SingleNotificationCard = ({
@@ -10994,18 +11001,18 @@ var NotificationCenter = ({
           closeOnBackdropClick: true,
           closeOnEscape: true,
           children: /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "flex flex-col h-full max-h-[80vh]", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: "px-0 pb-3 border-b border-border-200", children: /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "flex items-center justify-between", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "px-0 pb-3 border-b border-border-200", children: [
               /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(NotificationHeader, { unreadCount, variant: "modal" }),
               unreadCount > 0 && onMarkAllAsRead && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
                 "button",
                 {
                   type: "button",
                   onClick: onMarkAllAsRead,
-                  className: "text-sm font-medium text-info-600 hover:text-info-700 cursor-pointer",
+                  className: "text-sm font-medium text-info-600 hover:text-info-700 cursor-pointer mt-2",
                   children: "Marcar todas como lidas"
                 }
               )
-            ] }) }),
+            ] }),
             /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: "flex-1 overflow-y-auto", children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
               NotificationList,
               {
@@ -11052,24 +11059,18 @@ var NotificationCenter = ({
         side: "bottom",
         align: "end",
         children: /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "flex flex-col", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: "px-4 py-3 border-b border-border-200", children: /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "flex items-center justify-between", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
-              NotificationHeader,
-              {
-                unreadCount,
-                variant: "dropdown"
-              }
-            ),
+          /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "px-4 py-3 border-b border-border-200", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(NotificationHeader, { unreadCount, variant: "dropdown" }),
             unreadCount > 0 && onMarkAllAsRead && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
               "button",
               {
                 type: "button",
                 onClick: onMarkAllAsRead,
-                className: "text-sm font-medium text-info-600 hover:text-info-700 cursor-pointer",
+                className: "text-sm font-medium text-info-600 hover:text-info-700 cursor-pointer mt-2",
                 children: "Marcar todas como lidas"
               }
             )
-          ] }) }),
+          ] }),
           /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: "max-h-[350px] overflow-y-auto", children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
             NotificationList,
             {