analytica-frontend-lib 1.1.21 → 1.1.23

package/dist/LoadingModal/index.js

@@ -0,0 +1,79 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/LoadingModal/loadingModal.tsx
+var loadingModal_exports = {};
+__export(loadingModal_exports, {
+  default: () => loadingModal_default
+});
+module.exports = __toCommonJS(loadingModal_exports);
+var import_react = require("react");
+var import_jsx_runtime = require("react/jsx-runtime");
+var LoadingModal = (0, import_react.forwardRef)(
+  ({ open, title = "Titulo...", subtitle = "Subtitulo...", ...props }, ref) => {
+    if (!open) return null;
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "div",
+      {
+        ref,
+        "aria-modal": "true",
+        "aria-labelledby": "loading-modal-title",
+        "aria-describedby": "loading-modal-subtitle",
+        className: "fixed inset-0 z-50 flex items-center justify-center bg-background/90 backdrop-blur-xs",
+        ...props,
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "w-full max-w-[364px] flex flex-col items-center justify-center gap-14", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "animate-spin", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+            "svg",
+            {
+              width: "102",
+              height: "102",
+              viewBox: "0 0 102 102",
+              fill: "none",
+              xmlns: "http://www.w3.org/2000/svg",
+              "aria-hidden": "true",
+              focusable: false,
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                  "path",
+                  {
+                    d: "M101.5 51C101.5 78.8904 78.8904 101.5 51 101.5C23.1096 101.5 0.5 78.8904 0.5 51C0.5 23.1096 23.1096 0.5 51 0.5C78.8904 0.5 101.5 23.1096 101.5 51ZM8.62286 51C8.62286 74.4043 27.5957 93.3771 51 93.3771C74.4043 93.3771 93.3771 74.4043 93.3771 51C93.3771 27.5957 74.4043 8.62286 51 8.62286C27.5957 8.62286 8.62286 27.5957 8.62286 51Z",
+                    className: "fill-primary-100"
+                  }
+                ),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                  "path",
+                  {
+                    d: "M97.4386 51C99.6816 51 101.517 52.8213 101.337 55.0571C100.754 62.2833 98.6212 69.3162 95.0643 75.6696C90.8444 83.207 84.7616 89.536 77.3975 94.0514C70.0333 98.5668 61.6339 101.118 53.0024 101.46C44.371 101.803 35.7959 99.9255 28.0971 96.0078C20.3982 92.0902 13.833 86.2631 9.02917 79.0838C4.22529 71.9045 1.34332 63.6129 0.658804 55.0017C-0.0257159 46.3906 1.51009 37.7479 5.1194 29.8997C8.16173 23.2845 12.5915 17.4202 18.0904 12.6959C19.7917 11.2341 22.3444 11.6457 23.6647 13.459C24.9851 15.2723 24.5702 17.7988 22.8916 19.2866C18.5048 23.1747 14.9608 27.9413 12.4992 33.2937C9.47048 39.8794 8.1817 47.132 8.75612 54.3581C9.33053 61.5841 11.7489 68.542 15.7801 74.5666C19.8113 80.5911 25.3205 85.4809 31.781 88.7684C38.2414 92.0559 45.4372 93.6312 52.6804 93.3438C59.9235 93.0564 66.9718 90.9158 73.1515 87.1267C79.3311 83.3375 84.4355 78.0266 87.9766 71.7015C90.8546 66.561 92.6217 60.8903 93.1827 55.0553C93.3973 52.8225 95.1955 51 97.4386 51Z",
+                    className: "fill-primary-600"
+                  }
+                )
+              ]
+            }
+          ) }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "flex flex-col gap-4 text-center", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { id: "loading-modal-title", className: "text-text-950 text-lg", children: title }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { id: "loading-modal-subtitle", className: "text-text-600 text-lg", children: subtitle })
+          ] })
+        ] })
+      }
+    );
+  }
+);
+var loadingModal_default = LoadingModal;
+//# sourceMappingURL=index.js.map

package/dist/LoadingModal/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/LoadingModal/loadingModal.tsx"],"sourcesContent":["import { forwardRef, HTMLAttributes } from 'react';\n\ninterface LoadingModalProps extends HTMLAttributes<HTMLDivElement> {\n  open: boolean;\n  title?: string;\n  subtitle?: string;\n}\n\nconst LoadingModal = forwardRef<HTMLDivElement, LoadingModalProps>(\n  ({ open, title = 'Titulo...', subtitle = 'Subtitulo...', ...props }, ref) => {\n    if (!open) return null;\n\n    return (\n      <div\n        ref={ref}\n        aria-modal=\"true\"\n        aria-labelledby=\"loading-modal-title\"\n        aria-describedby=\"loading-modal-subtitle\"\n        className=\"fixed inset-0 z-50 flex items-center justify-center bg-background/90 backdrop-blur-xs\"\n        {...props}\n      >\n        <div className=\"w-full max-w-[364px] flex flex-col items-center justify-center gap-14\">\n          <span className=\"animate-spin\" aria-hidden=\"true\">\n            <svg\n              width=\"102\"\n              height=\"102\"\n              viewBox=\"0 0 102 102\"\n              fill=\"none\"\n              xmlns=\"http://www.w3.org/2000/svg\"\n              aria-hidden=\"true\"\n              focusable={false}\n            >\n              <path\n                d=\"M101.5 51C101.5 78.8904 78.8904 101.5 51 101.5C23.1096 101.5 0.5 78.8904 0.5 51C0.5 23.1096 23.1096 0.5 51 0.5C78.8904 0.5 101.5 23.1096 101.5 51ZM8.62286 51C8.62286 74.4043 27.5957 93.3771 51 93.3771C74.4043 93.3771 93.3771 74.4043 93.3771 51C93.3771 27.5957 74.4043 8.62286 51 8.62286C27.5957 8.62286 8.62286 27.5957 8.62286 51Z\"\n                className=\"fill-primary-100\"\n              />\n              <path\n                d=\"M97.4386 51C99.6816 51 101.517 52.8213 101.337 55.0571C100.754 62.2833 98.6212 69.3162 95.0643 75.6696C90.8444 83.207 84.7616 89.536 77.3975 94.0514C70.0333 98.5668 61.6339 101.118 53.0024 101.46C44.371 101.803 35.7959 99.9255 28.0971 96.0078C20.3982 92.0902 13.833 86.2631 9.02917 79.0838C4.22529 71.9045 1.34332 63.6129 0.658804 55.0017C-0.0257159 46.3906 1.51009 37.7479 5.1194 29.8997C8.16173 23.2845 12.5915 17.4202 18.0904 12.6959C19.7917 11.2341 22.3444 11.6457 23.6647 13.459C24.9851 15.2723 24.5702 17.7988 22.8916 19.2866C18.5048 23.1747 14.9608 27.9413 12.4992 33.2937C9.47048 39.8794 8.1817 47.132 8.75612 54.3581C9.33053 61.5841 11.7489 68.542 15.7801 74.5666C19.8113 80.5911 25.3205 85.4809 31.781 88.7684C38.2414 92.0559 45.4372 93.6312 52.6804 93.3438C59.9235 93.0564 66.9718 90.9158 73.1515 87.1267C79.3311 83.3375 84.4355 78.0266 87.9766 71.7015C90.8546 66.561 92.6217 60.8903 93.1827 55.0553C93.3973 52.8225 95.1955 51 97.4386 51Z\"\n                className=\"fill-primary-600\"\n              />\n            </svg>\n          </span>\n\n          <span className=\"flex flex-col gap-4 text-center\">\n            <p id=\"loading-modal-title\" className=\"text-text-950 text-lg\">\n              {title}\n            </p>\n\n            <p id=\"loading-modal-subtitle\" className=\"text-text-600 text-lg\">\n              {subtitle}\n            </p>\n          </span>\n        </div>\n      </div>\n    );\n  }\n);\n\nexport default LoadingModal;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA2C;AAuB/B;AAfZ,IAAM,mBAAe;AAAA,EACnB,CAAC,EAAE,MAAM,QAAQ,aAAa,WAAW,gBAAgB,GAAG,MAAM,GAAG,QAAQ;AAC3E,QAAI,CAAC,KAAM,QAAO;AAElB,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,cAAW;AAAA,QACX,mBAAgB;AAAA,QAChB,oBAAiB;AAAA,QACjB,WAAU;AAAA,QACT,GAAG;AAAA,QAEJ,uDAAC,SAAI,WAAU,yEACb;AAAA,sDAAC,UAAK,WAAU,gBAAe,eAAY,QACzC;AAAA,YAAC;AAAA;AAAA,cACC,OAAM;AAAA,cACN,QAAO;AAAA,cACP,SAAQ;AAAA,cACR,MAAK;AAAA,cACL,OAAM;AAAA,cACN,eAAY;AAAA,cACZ,WAAW;AAAA,cAEX;AAAA;AAAA,kBAAC;AAAA;AAAA,oBACC,GAAE;AAAA,oBACF,WAAU;AAAA;AAAA,gBACZ;AAAA,gBACA;AAAA,kBAAC;AAAA;AAAA,oBACC,GAAE;AAAA,oBACF,WAAU;AAAA;AAAA,gBACZ;AAAA;AAAA;AAAA,UACF,GACF;AAAA,UAEA,6CAAC,UAAK,WAAU,mCACd;AAAA,wDAAC,OAAE,IAAG,uBAAsB,WAAU,yBACnC,iBACH;AAAA,YAEA,4CAAC,OAAE,IAAG,0BAAyB,WAAU,yBACtC,oBACH;AAAA,aACF;AAAA,WACF;AAAA;AAAA,IACF;AAAA,EAEJ;AACF;AAEA,IAAO,uBAAQ;","names":[]}

package/dist/LoadingModal/index.mjs

@@ -0,0 +1,58 @@
+// src/components/LoadingModal/loadingModal.tsx
+import { forwardRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var LoadingModal = forwardRef(
+  ({ open, title = "Titulo...", subtitle = "Subtitulo...", ...props }, ref) => {
+    if (!open) return null;
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        "aria-modal": "true",
+        "aria-labelledby": "loading-modal-title",
+        "aria-describedby": "loading-modal-subtitle",
+        className: "fixed inset-0 z-50 flex items-center justify-center bg-background/90 backdrop-blur-xs",
+        ...props,
+        children: /* @__PURE__ */ jsxs("div", { className: "w-full max-w-[364px] flex flex-col items-center justify-center gap-14", children: [
+          /* @__PURE__ */ jsx("span", { className: "animate-spin", "aria-hidden": "true", children: /* @__PURE__ */ jsxs(
+            "svg",
+            {
+              width: "102",
+              height: "102",
+              viewBox: "0 0 102 102",
+              fill: "none",
+              xmlns: "http://www.w3.org/2000/svg",
+              "aria-hidden": "true",
+              focusable: false,
+              children: [
+                /* @__PURE__ */ jsx(
+                  "path",
+                  {
+                    d: "M101.5 51C101.5 78.8904 78.8904 101.5 51 101.5C23.1096 101.5 0.5 78.8904 0.5 51C0.5 23.1096 23.1096 0.5 51 0.5C78.8904 0.5 101.5 23.1096 101.5 51ZM8.62286 51C8.62286 74.4043 27.5957 93.3771 51 93.3771C74.4043 93.3771 93.3771 74.4043 93.3771 51C93.3771 27.5957 74.4043 8.62286 51 8.62286C27.5957 8.62286 8.62286 27.5957 8.62286 51Z",
+                    className: "fill-primary-100"
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  "path",
+                  {
+                    d: "M97.4386 51C99.6816 51 101.517 52.8213 101.337 55.0571C100.754 62.2833 98.6212 69.3162 95.0643 75.6696C90.8444 83.207 84.7616 89.536 77.3975 94.0514C70.0333 98.5668 61.6339 101.118 53.0024 101.46C44.371 101.803 35.7959 99.9255 28.0971 96.0078C20.3982 92.0902 13.833 86.2631 9.02917 79.0838C4.22529 71.9045 1.34332 63.6129 0.658804 55.0017C-0.0257159 46.3906 1.51009 37.7479 5.1194 29.8997C8.16173 23.2845 12.5915 17.4202 18.0904 12.6959C19.7917 11.2341 22.3444 11.6457 23.6647 13.459C24.9851 15.2723 24.5702 17.7988 22.8916 19.2866C18.5048 23.1747 14.9608 27.9413 12.4992 33.2937C9.47048 39.8794 8.1817 47.132 8.75612 54.3581C9.33053 61.5841 11.7489 68.542 15.7801 74.5666C19.8113 80.5911 25.3205 85.4809 31.781 88.7684C38.2414 92.0559 45.4372 93.6312 52.6804 93.3438C59.9235 93.0564 66.9718 90.9158 73.1515 87.1267C79.3311 83.3375 84.4355 78.0266 87.9766 71.7015C90.8546 66.561 92.6217 60.8903 93.1827 55.0553C93.3973 52.8225 95.1955 51 97.4386 51Z",
+                    className: "fill-primary-600"
+                  }
+                )
+              ]
+            }
+          ) }),
+          /* @__PURE__ */ jsxs("span", { className: "flex flex-col gap-4 text-center", children: [
+            /* @__PURE__ */ jsx("p", { id: "loading-modal-title", className: "text-text-950 text-lg", children: title }),
+            /* @__PURE__ */ jsx("p", { id: "loading-modal-subtitle", className: "text-text-600 text-lg", children: subtitle })
+          ] })
+        ] })
+      }
+    );
+  }
+);
+var loadingModal_default = LoadingModal;
+export {
+  loadingModal_default as default
+};
+//# sourceMappingURL=index.mjs.map

package/dist/LoadingModal/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/LoadingModal/loadingModal.tsx"],"sourcesContent":["import { forwardRef, HTMLAttributes } from 'react';\n\ninterface LoadingModalProps extends HTMLAttributes<HTMLDivElement> {\n  open: boolean;\n  title?: string;\n  subtitle?: string;\n}\n\nconst LoadingModal = forwardRef<HTMLDivElement, LoadingModalProps>(\n  ({ open, title = 'Titulo...', subtitle = 'Subtitulo...', ...props }, ref) => {\n    if (!open) return null;\n\n    return (\n      <div\n        ref={ref}\n        aria-modal=\"true\"\n        aria-labelledby=\"loading-modal-title\"\n        aria-describedby=\"loading-modal-subtitle\"\n        className=\"fixed inset-0 z-50 flex items-center justify-center bg-background/90 backdrop-blur-xs\"\n        {...props}\n      >\n        <div className=\"w-full max-w-[364px] flex flex-col items-center justify-center gap-14\">\n          <span className=\"animate-spin\" aria-hidden=\"true\">\n            <svg\n              width=\"102\"\n              height=\"102\"\n              viewBox=\"0 0 102 102\"\n              fill=\"none\"\n              xmlns=\"http://www.w3.org/2000/svg\"\n              aria-hidden=\"true\"\n              focusable={false}\n            >\n              <path\n                d=\"M101.5 51C101.5 78.8904 78.8904 101.5 51 101.5C23.1096 101.5 0.5 78.8904 0.5 51C0.5 23.1096 23.1096 0.5 51 0.5C78.8904 0.5 101.5 23.1096 101.5 51ZM8.62286 51C8.62286 74.4043 27.5957 93.3771 51 93.3771C74.4043 93.3771 93.3771 74.4043 93.3771 51C93.3771 27.5957 74.4043 8.62286 51 8.62286C27.5957 8.62286 8.62286 27.5957 8.62286 51Z\"\n                className=\"fill-primary-100\"\n              />\n              <path\n                d=\"M97.4386 51C99.6816 51 101.517 52.8213 101.337 55.0571C100.754 62.2833 98.6212 69.3162 95.0643 75.6696C90.8444 83.207 84.7616 89.536 77.3975 94.0514C70.0333 98.5668 61.6339 101.118 53.0024 101.46C44.371 101.803 35.7959 99.9255 28.0971 96.0078C20.3982 92.0902 13.833 86.2631 9.02917 79.0838C4.22529 71.9045 1.34332 63.6129 0.658804 55.0017C-0.0257159 46.3906 1.51009 37.7479 5.1194 29.8997C8.16173 23.2845 12.5915 17.4202 18.0904 12.6959C19.7917 11.2341 22.3444 11.6457 23.6647 13.459C24.9851 15.2723 24.5702 17.7988 22.8916 19.2866C18.5048 23.1747 14.9608 27.9413 12.4992 33.2937C9.47048 39.8794 8.1817 47.132 8.75612 54.3581C9.33053 61.5841 11.7489 68.542 15.7801 74.5666C19.8113 80.5911 25.3205 85.4809 31.781 88.7684C38.2414 92.0559 45.4372 93.6312 52.6804 93.3438C59.9235 93.0564 66.9718 90.9158 73.1515 87.1267C79.3311 83.3375 84.4355 78.0266 87.9766 71.7015C90.8546 66.561 92.6217 60.8903 93.1827 55.0553C93.3973 52.8225 95.1955 51 97.4386 51Z\"\n                className=\"fill-primary-600\"\n              />\n            </svg>\n          </span>\n\n          <span className=\"flex flex-col gap-4 text-center\">\n            <p id=\"loading-modal-title\" className=\"text-text-950 text-lg\">\n              {title}\n            </p>\n\n            <p id=\"loading-modal-subtitle\" className=\"text-text-600 text-lg\">\n              {subtitle}\n            </p>\n          </span>\n        </div>\n      </div>\n    );\n  }\n);\n\nexport default LoadingModal;\n"],"mappings":";AAAA,SAAS,kBAAkC;AAuB/B,SASE,KATF;AAfZ,IAAM,eAAe;AAAA,EACnB,CAAC,EAAE,MAAM,QAAQ,aAAa,WAAW,gBAAgB,GAAG,MAAM,GAAG,QAAQ;AAC3E,QAAI,CAAC,KAAM,QAAO;AAElB,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,cAAW;AAAA,QACX,mBAAgB;AAAA,QAChB,oBAAiB;AAAA,QACjB,WAAU;AAAA,QACT,GAAG;AAAA,QAEJ,+BAAC,SAAI,WAAU,yEACb;AAAA,8BAAC,UAAK,WAAU,gBAAe,eAAY,QACzC;AAAA,YAAC;AAAA;AAAA,cACC,OAAM;AAAA,cACN,QAAO;AAAA,cACP,SAAQ;AAAA,cACR,MAAK;AAAA,cACL,OAAM;AAAA,cACN,eAAY;AAAA,cACZ,WAAW;AAAA,cAEX;AAAA;AAAA,kBAAC;AAAA;AAAA,oBACC,GAAE;AAAA,oBACF,WAAU;AAAA;AAAA,gBACZ;AAAA,gBACA;AAAA,kBAAC;AAAA;AAAA,oBACC,GAAE;AAAA,oBACF,WAAU;AAAA;AAAA,gBACZ;AAAA;AAAA;AAAA,UACF,GACF;AAAA,UAEA,qBAAC,UAAK,WAAU,mCACd;AAAA,gCAAC,OAAE,IAAG,uBAAsB,WAAU,yBACnC,iBACH;AAAA,YAEA,oBAAC,OAAE,IAAG,0BAAyB,WAAU,yBACtC,oBACH;AAAA,aACF;AAAA,WACF;AAAA;AAAA,IACF;AAAA,EAEJ;AACF;AAEA,IAAO,uBAAQ;","names":[]}

package/dist/NotificationCard/index.d.mts

@@ -0,0 +1,104 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+
+interface NotificationItem {
+    id: string;
+    title: string;
+    message: string;
+    time: string;
+    isRead: boolean;
+    entityType?: string;
+    entityId?: string;
+    createdAt: string | Date;
+}
+interface NotificationGroup {
+    label: string;
+    notifications: NotificationItem[];
+}
+interface NotificationCardProps {
+    /**
+     * The notification title
+     */
+    title?: string;
+    /**
+     * The notification message content
+     */
+    message?: string;
+    /**
+     * Time displayed (e.g., "Há 3h", "12 Fev")
+     */
+    time?: string;
+    /**
+     * Whether the notification has been read
+     */
+    isRead?: boolean;
+    /**
+     * Callback when user marks notification as read
+     */
+    onMarkAsRead?: () => void;
+    /**
+     * Callback when user deletes notification
+     */
+    onDelete?: () => void;
+    /**
+     * Optional callback for navigation action
+     */
+    onNavigate?: () => void;
+    /**
+     * Label for the action button (only shown if onNavigate is provided)
+     */
+    actionLabel?: string;
+    /**
+     * Array of notifications for list mode
+     */
+    notifications?: NotificationItem[];
+    /**
+     * Array of grouped notifications
+     */
+    groupedNotifications?: NotificationGroup[];
+    /**
+     * Loading state for list mode
+     */
+    loading?: boolean;
+    /**
+     * Error state for list mode
+     */
+    error?: string | null;
+    /**
+     * Callback for retry when error occurs
+     */
+    onRetry?: () => void;
+    /**
+     * Callback when user marks a notification as read in list mode
+     */
+    onMarkAsReadById?: (id: string) => void;
+    /**
+     * Callback when user deletes a notification in list mode
+     */
+    onDeleteById?: (id: string) => void;
+    /**
+     * Callback when user navigates from a notification in list mode
+     */
+    onNavigateById?: (entityType?: string, entityId?: string) => void;
+    /**
+     * Function to get action label for a notification
+     */
+    getActionLabel?: (entityType?: string) => string | undefined;
+    /**
+     * Custom empty state component
+     */
+    renderEmpty?: () => ReactNode;
+    /**
+     * Additional CSS classes
+     */
+    className?: string;
+}
+/**
+ * NotificationCard component - can display single notification or list of notifications
+ *
+ * @param props - The notification card properties
+ * @returns JSX element representing the notification card or list
+ */
+declare const NotificationCard: (props: NotificationCardProps) => react_jsx_runtime.JSX.Element;
+
+export { type NotificationCardProps, type NotificationGroup, type NotificationItem, NotificationCard as default };

package/dist/NotificationCard/index.d.ts

@@ -0,0 +1,104 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+
+interface NotificationItem {
+    id: string;
+    title: string;
+    message: string;
+    time: string;
+    isRead: boolean;
+    entityType?: string;
+    entityId?: string;
+    createdAt: string | Date;
+}
+interface NotificationGroup {
+    label: string;
+    notifications: NotificationItem[];
+}
+interface NotificationCardProps {
+    /**
+     * The notification title
+     */
+    title?: string;
+    /**
+     * The notification message content
+     */
+    message?: string;
+    /**
+     * Time displayed (e.g., "Há 3h", "12 Fev")
+     */
+    time?: string;
+    /**
+     * Whether the notification has been read
+     */
+    isRead?: boolean;
+    /**
+     * Callback when user marks notification as read
+     */
+    onMarkAsRead?: () => void;
+    /**
+     * Callback when user deletes notification
+     */
+    onDelete?: () => void;
+    /**
+     * Optional callback for navigation action
+     */
+    onNavigate?: () => void;
+    /**
+     * Label for the action button (only shown if onNavigate is provided)
+     */
+    actionLabel?: string;
+    /**
+     * Array of notifications for list mode
+     */
+    notifications?: NotificationItem[];
+    /**
+     * Array of grouped notifications
+     */
+    groupedNotifications?: NotificationGroup[];
+    /**
+     * Loading state for list mode
+     */
+    loading?: boolean;
+    /**
+     * Error state for list mode
+     */
+    error?: string | null;
+    /**
+     * Callback for retry when error occurs
+     */
+    onRetry?: () => void;
+    /**
+     * Callback when user marks a notification as read in list mode
+     */
+    onMarkAsReadById?: (id: string) => void;
+    /**
+     * Callback when user deletes a notification in list mode
+     */
+    onDeleteById?: (id: string) => void;
+    /**
+     * Callback when user navigates from a notification in list mode
+     */
+    onNavigateById?: (entityType?: string, entityId?: string) => void;
+    /**
+     * Function to get action label for a notification
+     */
+    getActionLabel?: (entityType?: string) => string | undefined;
+    /**
+     * Custom empty state component
+     */
+    renderEmpty?: () => ReactNode;
+    /**
+     * Additional CSS classes
+     */
+    className?: string;
+}
+/**
+ * NotificationCard component - can display single notification or list of notifications
+ *
+ * @param props - The notification card properties
+ * @returns JSX element representing the notification card or list
+ */
+declare const NotificationCard: (props: NotificationCardProps) => react_jsx_runtime.JSX.Element;
+
+export { type NotificationCardProps, type NotificationGroup, type NotificationItem, NotificationCard as default };