@ttoss/react-notifications 2.7.19 → 2.7.21

package/dist/index.cjs

@@ -0,0 +1,220 @@
+/** Powered by @ttoss/config. https://ttoss.dev/docs/modules/packages/config/ */
+Object.defineProperty(exports, Symbol.toStringTag, {
+  value: 'Module'
+});
+//#region \0rolldown/runtime.js
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
+      key = keys[i];
+      if (!__hasOwnProp.call(to, key) && key !== except) {
+        __defProp(to, key, {
+          get: (k => from[k]).bind(null, key),
+          enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+        });
+      }
+    }
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+  value: mod,
+  enumerable: true
+}) : target, mod));
+
+//#endregion
+let _ttoss_components_NotificationCard = require("@ttoss/components/NotificationCard");
+let _ttoss_ui = require("@ttoss/ui");
+let _ttoss_components_Toast = require("@ttoss/components/Toast");
+let react = require("react");
+react = __toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
+let _ttoss_components_Modal = require("@ttoss/components/Modal");
+
+//#region src/NotificationsHeader.tsx
+const NotificationsHeader = () => {
+  const {
+    notifications
+  } = useNotifications();
+  const headerNotifications = notifications?.filter(notification => {
+    return notification.viewType === "header";
+  });
+  return /* @__PURE__ */(0, react_jsx_runtime.jsx)(NotificationsBox, {
+    notifications: headerNotifications
+  });
+};
+
+//#endregion
+//#region src/NotificationsModal.tsx
+const NotificationsModal = () => {
+  const {
+    notifications,
+    clearNotifications,
+    defaultViewType
+  } = useNotifications();
+  const modalNotifications = notifications?.filter(notification => {
+    if (defaultViewType === "modal" && !notification.viewType) return true;
+    return notification.viewType === "modal";
+  });
+  return /* @__PURE__ */(0, react_jsx_runtime.jsxs)(_ttoss_components_Modal.Modal, {
+    isOpen: !!modalNotifications && modalNotifications.length > 0,
+    style: {
+      content: {
+        minWidth: "30%",
+        display: "flex",
+        flexDirection: "column",
+        alignItems: "center",
+        gap: "4"
+      }
+    },
+    children: [/* @__PURE__ */(0, react_jsx_runtime.jsx)(_ttoss_ui.CloseButton, {
+      "aria-label": "Close",
+      sx: {
+        alignSelf: "flex-end"
+      },
+      onClick: () => {
+        clearNotifications();
+      }
+    }), /* @__PURE__ */(0, react_jsx_runtime.jsx)(NotificationsBox, {
+      notifications: modalNotifications
+    })]
+  });
+};
+
+//#endregion
+//#region src/Provider.tsx
+const NotificationsContext = react.createContext({
+  isLoading: false,
+  setLoading: () => {},
+  defaultViewType: "box",
+  addNotification: () => {},
+  removeNotification: () => {},
+  clearNotifications: () => {}
+});
+const NotificationsProvider = props => {
+  const [isLoading, setLoading] = react.useState(false);
+  const [notifications, setNotifications] = react.useState();
+  const prefix = react.useId();
+  const removeNotification = react.useCallback(id => {
+    setNotifications(prevNotifications => {
+      return prevNotifications?.filter(notification => {
+        return notification.id !== id;
+      });
+    });
+  }, []);
+  const addNotification = react.useCallback(notification => {
+    const newNotifications = (Array.isArray(notification) ? notification : [notification]).map(notification => {
+      const id = notification.id || `${prefix}-${Math.random()}`;
+      return {
+        ...notification,
+        id
+      };
+    }).filter((notification, index, notifications) => {
+      return notifications.findIndex(n => {
+        return n.id === notification.id;
+      }) === index;
+    });
+    newNotifications.filter(notification => {
+      if (notification.viewType === "toast") return true;
+      if (!notification.viewType && props.defaultViewType === "toast") return true;
+      return false;
+    }).forEach(notification => {
+      (0, _ttoss_components_Toast.toast)(notification.message, {
+        ...notification.toast,
+        type: notification.type,
+        onClose: () => {
+          removeNotification(notification.id);
+          notification.toast?.onClose?.();
+        }
+      });
+    });
+    setNotifications((prevNotifications = []) => {
+      const nonToastNewNotifications = newNotifications.filter(notification => {
+        if (notification.viewType === "toast") return false;
+        if (!notification.viewType && props.defaultViewType === "toast") return false;
+        return true;
+      });
+      return [...prevNotifications.filter(prevNotification => {
+        return !nonToastNewNotifications.some(newNotification => {
+          return newNotification.id === prevNotification.id;
+        });
+      }), ...nonToastNewNotifications];
+    });
+  }, [prefix, props.defaultViewType, removeNotification]);
+  const clearNotifications = react.useCallback(() => {
+    setNotifications(prevNotifications => {
+      return prevNotifications?.filter(notification => {
+        return notification.persist === true;
+      });
+    });
+  }, []);
+  return /* @__PURE__ */(0, react_jsx_runtime.jsxs)(NotificationsContext.Provider, {
+    value: {
+      isLoading,
+      setLoading,
+      notifications,
+      addNotification,
+      removeNotification,
+      clearNotifications,
+      defaultViewType: props.defaultViewType || "box"
+    },
+    children: [/* @__PURE__ */(0, react_jsx_runtime.jsx)(_ttoss_components_Toast.ToastContainer, {
+      ...props.toast
+    }), /* @__PURE__ */(0, react_jsx_runtime.jsx)(NotificationsModal, {}), isLoading && /* @__PURE__ */(0, react_jsx_runtime.jsx)(_ttoss_ui.Flex, {
+      sx: {
+        position: "absolute",
+        width: "100%",
+        top: 0
+      },
+      children: /* @__PURE__ */(0, react_jsx_runtime.jsx)(_ttoss_ui.InfiniteLinearProgress, {})
+    }), /* @__PURE__ */(0, react_jsx_runtime.jsx)(NotificationsHeader, {}), props.children]
+  });
+};
+const useNotifications = () => {
+  return react.useContext(NotificationsContext);
+};
+
+//#endregion
+//#region src/NotificationsBox.tsx
+const NotificationsBox = props => {
+  const {
+    notifications,
+    removeNotification,
+    defaultViewType
+  } = useNotifications();
+  const boxNotifications = props.notifications || notifications?.filter(notification => {
+    if (notification.viewType !== "box" && defaultViewType !== "box") return false;
+    if (!props.id && notification.boxId) return false;
+    if (!props.id && !notification.boxId) return true;
+    return notification.boxId === props.id;
+  });
+  if (!Array.isArray(boxNotifications)) return null;
+  return /* @__PURE__ */(0, react_jsx_runtime.jsx)(_ttoss_ui.Stack, {
+    sx: {
+      width: "full",
+      gap: "1"
+    },
+    children: boxNotifications.map(notification => {
+      return /* @__PURE__ */(0, react_jsx_runtime.jsx)(_ttoss_components_NotificationCard.NotificationCard, {
+        type: notification.type,
+        title: notification.title,
+        message: notification.message,
+        onClose: () => {
+          if (notification.id) removeNotification(notification.id);
+        }
+      }, notification.id);
+    })
+  });
+};
+
+//#endregion
+exports.NotificationsBox = NotificationsBox;
+exports.NotificationsProvider = NotificationsProvider;
+exports.toast = _ttoss_components_Toast.toast;
+exports.useNotifications = useNotifications;

package/dist/index.d.cts

@@ -0,0 +1,39 @@
+
+import { ToastContainerProps, ToastOptions, toast } from "@ttoss/components/Toast";
+import * as React from "react";
+
+//#region src/Provider.d.ts
+type ViewType = 'toast' | 'modal' | 'box' | 'header';
+type Notification = {
+  id?: string | number;
+  title?: string;
+  message: string;
+  type: 'warning' | 'error' | 'info' | 'success';
+  viewType?: ViewType;
+  toast?: ToastOptions;
+  boxId?: string | number;
+  persist?: boolean;
+};
+type NotificationsProviderProps = {
+  children: React.ReactNode;
+  defaultViewType?: ViewType;
+  toast?: ToastContainerProps;
+};
+declare const NotificationsProvider: (props: NotificationsProviderProps) => import("react/jsx-runtime").JSX.Element;
+declare const useNotifications: () => {
+  isLoading: boolean;
+  setLoading: (arg: boolean) => void;
+  defaultViewType: ViewType;
+  notifications?: Notification[];
+  addNotification(notification: Notification | Notification[]): void;
+  removeNotification(id: string | number): void;
+  clearNotifications(): void;
+};
+//#endregion
+//#region src/NotificationsBox.d.ts
+declare const NotificationsBox: (props: {
+  id?: string | number;
+  notifications?: Notification[] | undefined;
+}) => import("react/jsx-runtime").JSX.Element | null;
+//#endregion
+export { type Notification, NotificationsBox, NotificationsProvider, type NotificationsProviderProps, toast, useNotifications };

package/dist/index.d.mts

@@ -0,0 +1,39 @@
+
+import { ToastContainerProps, ToastOptions, toast } from "@ttoss/components/Toast";
+import * as React from "react";
+
+//#region src/Provider.d.ts
+type ViewType = 'toast' | 'modal' | 'box' | 'header';
+type Notification = {
+  id?: string | number;
+  title?: string;
+  message: string;
+  type: 'warning' | 'error' | 'info' | 'success';
+  viewType?: ViewType;
+  toast?: ToastOptions;
+  boxId?: string | number;
+  persist?: boolean;
+};
+type NotificationsProviderProps = {
+  children: React.ReactNode;
+  defaultViewType?: ViewType;
+  toast?: ToastContainerProps;
+};
+declare const NotificationsProvider: (props: NotificationsProviderProps) => import("react/jsx-runtime").JSX.Element;
+declare const useNotifications: () => {
+  isLoading: boolean;
+  setLoading: (arg: boolean) => void;
+  defaultViewType: ViewType;
+  notifications?: Notification[];
+  addNotification(notification: Notification | Notification[]): void;
+  removeNotification(id: string | number): void;
+  clearNotifications(): void;
+};
+//#endregion
+//#region src/NotificationsBox.d.ts
+declare const NotificationsBox: (props: {
+  id?: string | number;
+  notifications?: Notification[] | undefined;
+}) => import("react/jsx-runtime").JSX.Element | null;
+//#endregion
+export { type Notification, NotificationsBox, NotificationsProvider, type NotificationsProviderProps, toast, useNotifications };

package/dist/index.mjs

@@ -0,0 +1,186 @@
+/** Powered by @ttoss/config. https://ttoss.dev/docs/modules/packages/config/ */
+import { NotificationCard } from "@ttoss/components/NotificationCard";
+import { CloseButton, Flex, InfiniteLinearProgress, Stack } from "@ttoss/ui";
+import { ToastContainer, toast } from "@ttoss/components/Toast";
+import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Modal } from "@ttoss/components/Modal";
+
+//#region src/NotificationsHeader.tsx
+const NotificationsHeader = () => {
+  const {
+    notifications
+  } = useNotifications();
+  const headerNotifications = notifications?.filter(notification => {
+    return notification.viewType === "header";
+  });
+  return /* @__PURE__ */jsx(NotificationsBox, {
+    notifications: headerNotifications
+  });
+};
+
+//#endregion
+//#region src/NotificationsModal.tsx
+const NotificationsModal = () => {
+  const {
+    notifications,
+    clearNotifications,
+    defaultViewType
+  } = useNotifications();
+  const modalNotifications = notifications?.filter(notification => {
+    if (defaultViewType === "modal" && !notification.viewType) return true;
+    return notification.viewType === "modal";
+  });
+  return /* @__PURE__ */jsxs(Modal, {
+    isOpen: !!modalNotifications && modalNotifications.length > 0,
+    style: {
+      content: {
+        minWidth: "30%",
+        display: "flex",
+        flexDirection: "column",
+        alignItems: "center",
+        gap: "4"
+      }
+    },
+    children: [/* @__PURE__ */jsx(CloseButton, {
+      "aria-label": "Close",
+      sx: {
+        alignSelf: "flex-end"
+      },
+      onClick: () => {
+        clearNotifications();
+      }
+    }), /* @__PURE__ */jsx(NotificationsBox, {
+      notifications: modalNotifications
+    })]
+  });
+};
+
+//#endregion
+//#region src/Provider.tsx
+const NotificationsContext = React.createContext({
+  isLoading: false,
+  setLoading: () => {},
+  defaultViewType: "box",
+  addNotification: () => {},
+  removeNotification: () => {},
+  clearNotifications: () => {}
+});
+const NotificationsProvider = props => {
+  const [isLoading, setLoading] = React.useState(false);
+  const [notifications, setNotifications] = React.useState();
+  const prefix = React.useId();
+  const removeNotification = React.useCallback(id => {
+    setNotifications(prevNotifications => {
+      return prevNotifications?.filter(notification => {
+        return notification.id !== id;
+      });
+    });
+  }, []);
+  const addNotification = React.useCallback(notification => {
+    const newNotifications = (Array.isArray(notification) ? notification : [notification]).map(notification => {
+      const id = notification.id || `${prefix}-${Math.random()}`;
+      return {
+        ...notification,
+        id
+      };
+    }).filter((notification, index, notifications) => {
+      return notifications.findIndex(n => {
+        return n.id === notification.id;
+      }) === index;
+    });
+    newNotifications.filter(notification => {
+      if (notification.viewType === "toast") return true;
+      if (!notification.viewType && props.defaultViewType === "toast") return true;
+      return false;
+    }).forEach(notification => {
+      toast(notification.message, {
+        ...notification.toast,
+        type: notification.type,
+        onClose: () => {
+          removeNotification(notification.id);
+          notification.toast?.onClose?.();
+        }
+      });
+    });
+    setNotifications((prevNotifications = []) => {
+      const nonToastNewNotifications = newNotifications.filter(notification => {
+        if (notification.viewType === "toast") return false;
+        if (!notification.viewType && props.defaultViewType === "toast") return false;
+        return true;
+      });
+      return [...prevNotifications.filter(prevNotification => {
+        return !nonToastNewNotifications.some(newNotification => {
+          return newNotification.id === prevNotification.id;
+        });
+      }), ...nonToastNewNotifications];
+    });
+  }, [prefix, props.defaultViewType, removeNotification]);
+  const clearNotifications = React.useCallback(() => {
+    setNotifications(prevNotifications => {
+      return prevNotifications?.filter(notification => {
+        return notification.persist === true;
+      });
+    });
+  }, []);
+  return /* @__PURE__ */jsxs(NotificationsContext.Provider, {
+    value: {
+      isLoading,
+      setLoading,
+      notifications,
+      addNotification,
+      removeNotification,
+      clearNotifications,
+      defaultViewType: props.defaultViewType || "box"
+    },
+    children: [/* @__PURE__ */jsx(ToastContainer, {
+      ...props.toast
+    }), /* @__PURE__ */jsx(NotificationsModal, {}), isLoading && /* @__PURE__ */jsx(Flex, {
+      sx: {
+        position: "absolute",
+        width: "100%",
+        top: 0
+      },
+      children: /* @__PURE__ */jsx(InfiniteLinearProgress, {})
+    }), /* @__PURE__ */jsx(NotificationsHeader, {}), props.children]
+  });
+};
+const useNotifications = () => {
+  return React.useContext(NotificationsContext);
+};
+
+//#endregion
+//#region src/NotificationsBox.tsx
+const NotificationsBox = props => {
+  const {
+    notifications,
+    removeNotification,
+    defaultViewType
+  } = useNotifications();
+  const boxNotifications = props.notifications || notifications?.filter(notification => {
+    if (notification.viewType !== "box" && defaultViewType !== "box") return false;
+    if (!props.id && notification.boxId) return false;
+    if (!props.id && !notification.boxId) return true;
+    return notification.boxId === props.id;
+  });
+  if (!Array.isArray(boxNotifications)) return null;
+  return /* @__PURE__ */jsx(Stack, {
+    sx: {
+      width: "full",
+      gap: "1"
+    },
+    children: boxNotifications.map(notification => {
+      return /* @__PURE__ */jsx(NotificationCard, {
+        type: notification.type,
+        title: notification.title,
+        message: notification.message,
+        onClose: () => {
+          if (notification.id) removeNotification(notification.id);
+        }
+      }, notification.id);
+    })
+  });
+};
+
+//#endregion
+export { NotificationsBox, NotificationsProvider, toast, useNotifications };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ttoss/react-notifications",
-  "version": "2.7.19",
+  "version": "2.7.21",
   "description": "ttoss notifications module for React apps.",
   "keywords": [
     "React",
@@ -30,26 +30,26 @@
   "devDependencies": {
     "@types/react": "^19.2.14",
     "jest": "^30.3.0",
-    "react": "^19.2.4",
-    "tsup": "^8.5.1",
-    "@ttoss/config": "^1.37.11",
-    "@ttoss/react-icons": "^0.7.12",
-    "@ttoss/ui": "^6.9.18",
-    "@ttoss/components": "^2.14.19",
-    "@ttoss/test-utils": "^4.2.11"
+    "react": "^19.2.6",
+    "tsdown": "^0.22.0",
+    "@ttoss/components": "^2.14.21",
+    "@ttoss/config": "^1.37.13",
+    "@ttoss/test-utils": "^4.2.13",
+    "@ttoss/react-icons": "^0.7.14",
+    "@ttoss/ui": "^6.9.20"
   },
   "peerDependencies": {
     "react": ">=16.8.0",
-    "@ttoss/ui": "^6.9.18",
-    "@ttoss/components": "^2.14.19",
-    "@ttoss/react-icons": "^0.7.12"
+    "@ttoss/react-icons": "^0.7.14",
+    "@ttoss/ui": "^6.9.20",
+    "@ttoss/components": "^2.14.21"
   },
   "publishConfig": {
     "access": "public",
     "provenance": true
   },
   "scripts": {
-    "build": "tsup",
+    "build": "tsdown",
     "test": "jest --projects tests/unit"
   }
 }

package/dist/esm/index.js

@@ -1,219 +0,0 @@
-/** Powered by @ttoss/config. https://ttoss.dev/docs/modules/packages/config/ */
-import * as React from 'react';
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", {
-  value,
-  configurable: true
-});
-
-// src/NotificationsBox.tsx
-import { NotificationCard } from "@ttoss/components/NotificationCard";
-import { Stack } from "@ttoss/ui";
-
-// src/Provider.tsx
-import { toast, ToastContainer } from "@ttoss/components/Toast";
-import { Flex, InfiniteLinearProgress } from "@ttoss/ui";
-import * as React2 from "react";
-
-// src/NotificationsHeader.tsx
-var NotificationsHeader = /* @__PURE__ */__name(() => {
-  const {
-    notifications
-  } = useNotifications();
-  const headerNotifications = notifications?.filter(notification => {
-    return notification.viewType === "header";
-  });
-  return /* @__PURE__ */React.createElement(NotificationsBox, {
-    notifications: headerNotifications
-  });
-}, "NotificationsHeader");
-
-// src/NotificationsModal.tsx
-import { Modal } from "@ttoss/components/Modal";
-import { CloseButton } from "@ttoss/ui";
-var NotificationsModal = /* @__PURE__ */__name(() => {
-  const {
-    notifications,
-    clearNotifications,
-    defaultViewType
-  } = useNotifications();
-  const modalNotifications = notifications?.filter(notification => {
-    if (defaultViewType === "modal" && !notification.viewType) {
-      return true;
-    }
-    return notification.viewType === "modal";
-  });
-  const isOpen = !!modalNotifications && modalNotifications.length > 0;
-  return /* @__PURE__ */React.createElement(Modal, {
-    isOpen,
-    style: {
-      content: {
-        minWidth: "30%",
-        display: "flex",
-        flexDirection: "column",
-        alignItems: "center",
-        gap: "4"
-      }
-    }
-  }, /* @__PURE__ */React.createElement(CloseButton, {
-    "aria-label": "Close",
-    sx: {
-      alignSelf: "flex-end"
-    },
-    onClick: /* @__PURE__ */__name(() => {
-      clearNotifications();
-    }, "onClick")
-  }), /* @__PURE__ */React.createElement(NotificationsBox, {
-    notifications: modalNotifications
-  }));
-}, "NotificationsModal");
-
-// src/Provider.tsx
-var NotificationsContext = /* @__PURE__ */React2.createContext({
-  isLoading: false,
-  setLoading: /* @__PURE__ */__name(() => {
-    return void 0;
-  }, "setLoading"),
-  defaultViewType: "box",
-  addNotification: /* @__PURE__ */__name(() => {
-    return void 0;
-  }, "addNotification"),
-  removeNotification: /* @__PURE__ */__name(() => {
-    return void 0;
-  }, "removeNotification"),
-  clearNotifications: /* @__PURE__ */__name(() => {
-    return void 0;
-  }, "clearNotifications")
-});
-var NotificationsProvider = /* @__PURE__ */__name(props => {
-  const [isLoading, setLoading] = React2.useState(false);
-  const [notifications, setNotifications] = React2.useState();
-  const prefix = React2.useId();
-  const removeNotification = React2.useCallback(id => {
-    setNotifications(prevNotifications => {
-      return prevNotifications?.filter(notification => {
-        return notification.id !== id;
-      });
-    });
-  }, []);
-  const addNotification = React2.useCallback(notification => {
-    const newNotifications = (Array.isArray(notification) ? notification : [notification]).map(notification2 => {
-      const id = notification2.id || `${prefix}-${Math.random()}`;
-      return {
-        ...notification2,
-        id
-      };
-    }).filter((notification2, index, notifications2) => {
-      return notifications2.findIndex(n => {
-        return n.id === notification2.id;
-      }) === index;
-    });
-    const toastNotifications = newNotifications.filter(notification2 => {
-      if (notification2.viewType === "toast") {
-        return true;
-      }
-      if (!notification2.viewType && props.defaultViewType === "toast") {
-        return true;
-      }
-      return false;
-    });
-    toastNotifications.forEach(notification2 => {
-      toast(notification2.message, {
-        ...notification2.toast,
-        type: notification2.type,
-        onClose: /* @__PURE__ */__name(() => {
-          removeNotification(notification2.id);
-          notification2.toast?.onClose?.();
-        }, "onClose")
-      });
-    });
-    setNotifications((prevNotifications = []) => {
-      const nonToastNewNotifications = newNotifications.filter(notification2 => {
-        if (notification2.viewType === "toast") {
-          return false;
-        }
-        if (!notification2.viewType && props.defaultViewType === "toast") {
-          return false;
-        }
-        return true;
-      });
-      const oldNotifications = prevNotifications.filter(prevNotification => {
-        return !nonToastNewNotifications.some(newNotification => {
-          return newNotification.id === prevNotification.id;
-        });
-      });
-      return [...oldNotifications, ...nonToastNewNotifications];
-    });
-  }, [prefix, props.defaultViewType, removeNotification]);
-  const clearNotifications = React2.useCallback(() => {
-    setNotifications(prevNotifications => {
-      return prevNotifications?.filter(notification => {
-        return notification.persist === true;
-      });
-    });
-  }, []);
-  return /* @__PURE__ */React2.createElement(NotificationsContext.Provider, {
-    value: {
-      isLoading,
-      setLoading,
-      notifications,
-      addNotification,
-      removeNotification,
-      clearNotifications,
-      defaultViewType: props.defaultViewType || "box"
-    }
-  }, /* @__PURE__ */React2.createElement(ToastContainer, props.toast), /* @__PURE__ */React2.createElement(NotificationsModal, null), isLoading && /* @__PURE__ */React2.createElement(Flex, {
-    sx: {
-      position: "absolute",
-      width: "100%",
-      top: 0
-    }
-  }, /* @__PURE__ */React2.createElement(InfiniteLinearProgress, null)), /* @__PURE__ */React2.createElement(NotificationsHeader, null), props.children);
-}, "NotificationsProvider");
-var useNotifications = /* @__PURE__ */__name(() => {
-  return React2.useContext(NotificationsContext);
-}, "useNotifications");
-
-// src/NotificationsBox.tsx
-var NotificationsBox = /* @__PURE__ */__name(props => {
-  const {
-    notifications,
-    removeNotification,
-    defaultViewType
-  } = useNotifications();
-  const boxNotifications = props.notifications || notifications?.filter(notification => {
-    if (notification.viewType !== "box" && defaultViewType !== "box") {
-      return false;
-    }
-    if (!props.id && notification.boxId) {
-      return false;
-    }
-    if (!props.id && !notification.boxId) {
-      return true;
-    }
-    return notification.boxId === props.id;
-  });
-  const hasBoxNotifications = Array.isArray(boxNotifications);
-  if (!hasBoxNotifications) {
-    return null;
-  }
-  return /* @__PURE__ */React.createElement(Stack, {
-    sx: {
-      width: "full",
-      gap: "1"
-    }
-  }, boxNotifications.map(notification => {
-    return /* @__PURE__ */React.createElement(NotificationCard, {
-      key: notification.id,
-      type: notification.type,
-      title: notification.title,
-      message: notification.message,
-      onClose: /* @__PURE__ */__name(() => {
-        if (notification.id) {
-          removeNotification(notification.id);
-        }
-      }, "onClose")
-    });
-  }));
-}, "NotificationsBox");
-export { NotificationsBox, NotificationsProvider, toast, useNotifications };

package/dist/index.d.ts

@@ -1,38 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { ToastOptions, ToastContainerProps } from '@ttoss/components/Toast';
-export { toast } from '@ttoss/components/Toast';
-import * as React from 'react';
-
-type ViewType = 'toast' | 'modal' | 'box' | 'header';
-type Notification = {
-    id?: string | number;
-    title?: string;
-    message: string;
-    type: 'warning' | 'error' | 'info' | 'success';
-    viewType?: ViewType;
-    toast?: ToastOptions;
-    boxId?: string | number;
-    persist?: boolean;
-};
-type NotificationsProviderProps = {
-    children: React.ReactNode;
-    defaultViewType?: ViewType;
-    toast?: ToastContainerProps;
-};
-declare const NotificationsProvider: (props: NotificationsProviderProps) => react_jsx_runtime.JSX.Element;
-declare const useNotifications: () => {
-    isLoading: boolean;
-    setLoading: (arg: boolean) => void;
-    defaultViewType: ViewType;
-    notifications?: Notification[];
-    addNotification(notification: Notification | Notification[]): void;
-    removeNotification(id: string | number): void;
-    clearNotifications(): void;
-};
-
-declare const NotificationsBox: (props: {
-    id?: string | number;
-    notifications?: Notification[] | undefined;
-}) => react_jsx_runtime.JSX.Element | null;
-
-export { type Notification, NotificationsBox, NotificationsProvider, type NotificationsProviderProps, useNotifications };