boreal-ui 0.0.31 → 0.0.33

package/dist/next/NavBar-kgNrVtKB.js

@@ -0,0 +1,173 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { c as combineClassNames } from "./classNames-AS8QjFq7.js";
+import { c as capitalize } from "./capitalize-C0TSQSPh.js";
+import { d as getDefaultTheme, a as getDefaultRounding, b as getDefaultShadow } from "./boreal-style-config-BILmxkZG.js";
+import { L as Link } from "./link-Bik5xH00.js";
+import { n as navigation } from "./navigation-DTwYCgCL.js";
+const normalizePath = (p) => p.endsWith("/") && p.length > 1 ? p.slice(0, -1) : p;
+const slugify = (s) => s.toLowerCase().trim().replace(/\s+/g, "-").replace(/[^a-z0-9\-]/g, "");
+const BaseNavBar = ({
+  items,
+  currentPath,
+  LinkWrapper,
+  classMap,
+  theme = getDefaultTheme(),
+  rounding = getDefaultRounding(),
+  shadow = getDefaultShadow(),
+  className = "",
+  "data-testid": testId = "nav-bar"
+}) => {
+  const wrapperClass = useMemo(
+    () => combineClassNames(classMap.container, classMap[theme], className),
+    [classMap, theme, className]
+  );
+  const itemClass = useMemo(
+    () => combineClassNames(
+      classMap.item,
+      shadow && classMap[`shadow${capitalize(shadow)}`],
+      rounding && classMap[`round${capitalize(rounding)}`]
+    ),
+    [classMap, shadow, rounding]
+  );
+  const current = normalizePath(currentPath ?? "/");
+  return /* @__PURE__ */ jsx(
+    "nav",
+    {
+      "aria-label": "Main navigation",
+      className: wrapperClass,
+      "data-testid": `${testId}-nav-bar`,
+      children: /* @__PURE__ */ jsx("ul", { className: classMap.list, children: items.map((item2) => {
+        const isActive = normalizePath(item2.path) === current;
+        const slug = slugify(item2.label || item2.path);
+        return /* @__PURE__ */ jsx("li", { className: classMap.listItem, children: /* @__PURE__ */ jsx(
+          LinkWrapper,
+          {
+            href: item2.path,
+            isActive,
+            className: combineClassNames(
+              itemClass,
+              isActive && classMap.active
+            ),
+            "data-testid": `${testId}-nav-item-${slug}`,
+            "aria-current": isActive ? "page" : void 0,
+            children: /* @__PURE__ */ jsxs("span", { className: classMap.linkContent, children: [
+              item2.icon && /* @__PURE__ */ jsx(
+                "span",
+                {
+                  className: classMap.icon,
+                  "aria-hidden": "true",
+                  "data-testid": `${testId}-nav-icon-${slug}`,
+                  children: item2.icon
+                }
+              ),
+              /* @__PURE__ */ jsx("span", { className: classMap.label, children: item2.label })
+            ] })
+          }
+        ) }, `${item2.path}-${slug}`);
+      }) })
+    }
+  );
+};
+BaseNavBar.displayName = "BaseNavBar";
+const noScroll = "_noScroll_15wwf_91";
+const errorMessage = "_errorMessage_15wwf_92";
+const loadingContainer = "_loadingContainer_15wwf_93";
+const hideScrollbar = "_hideScrollbar_15wwf_85";
+const sr_only = "_sr_only_15wwf_94";
+const container = "_container_15wwf_540";
+const primary = "_primary_15wwf_568";
+const item = "_item_15wwf_568";
+const secondary = "_secondary_15wwf_580";
+const tertiary = "_tertiary_15wwf_592";
+const quaternary = "_quaternary_15wwf_604";
+const clear = "_clear_15wwf_616";
+const list = "_list_15wwf_628";
+const linkContent = "_linkContent_15wwf_666";
+const icon = "_icon_15wwf_670";
+const label = "_label_15wwf_681";
+const roundNone = "_roundNone_15wwf_693";
+const roundSmall = "_roundSmall_15wwf_697";
+const roundMedium = "_roundMedium_15wwf_701";
+const roundLarge = "_roundLarge_15wwf_705";
+const roundFull = "_roundFull_15wwf_709";
+const shadowNone = "_shadowNone_15wwf_713";
+const shadowLight = "_shadowLight_15wwf_717";
+const shadowMedium = "_shadowMedium_15wwf_721";
+const shadowStrong = "_shadowStrong_15wwf_725";
+const shadowIntense = "_shadowIntense_15wwf_729";
+const spin = "_spin_15wwf_1";
+const pulse = "_pulse_15wwf_1";
+const styles = {
+  noScroll,
+  errorMessage,
+  loadingContainer,
+  hideScrollbar,
+  sr_only,
+  container,
+  primary,
+  item,
+  "item--active": "_item--active_15wwf_575",
+  secondary,
+  tertiary,
+  quaternary,
+  clear,
+  list,
+  linkContent,
+  icon,
+  label,
+  roundNone,
+  roundSmall,
+  roundMedium,
+  roundLarge,
+  roundFull,
+  shadowNone,
+  shadowLight,
+  shadowMedium,
+  shadowStrong,
+  shadowIntense,
+  "fade-in": "_fade-in_15wwf_1",
+  "slide-up": "_slide-up_15wwf_1",
+  "spin-3d": "_spin-3d_15wwf_1",
+  spin,
+  pulse,
+  "fade-in-up": "_fade-in-up_15wwf_1",
+  "progress-grow": "_progress-grow_15wwf_1",
+  "indeterminate-move": "_indeterminate-move_15wwf_1",
+  "skeleton-loading": "_skeleton-loading_15wwf_1"
+};
+const NavBar = ({
+  mockPath,
+  ...props
+}) => {
+  const pathname = navigation.usePathname();
+  const resolvedPath = mockPath ?? pathname;
+  return /* @__PURE__ */ jsx(
+    BaseNavBar,
+    {
+      ...props,
+      currentPath: resolvedPath || "/",
+      LinkWrapper: ({
+        href,
+        children,
+        className,
+        isActive,
+        "data-testid": testId
+      }) => /* @__PURE__ */ jsx(
+        Link,
+        {
+          href,
+          className,
+          "aria-current": isActive ? "page" : void 0,
+          "data-testid": testId,
+          children
+        }
+      ),
+      classMap: styles
+    }
+  );
+};
+export {
+  NavBar as N
+};
+//# sourceMappingURL=NavBar-kgNrVtKB.js.map

package/dist/next/NavBar-kgNrVtKB.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavBar-kgNrVtKB.js","sources":["../../src/components/NavBar/NavBarBase.tsx","../../src/components/NavBar/next/NavBar.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n  getDefaultRounding,\r\n  getDefaultShadow,\r\n  getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\nimport { BaseNavBarProps } from \"./NavBar.types\";\r\n\r\nconst normalizePath = (p: string) =>\r\n  p.endsWith(\"/\") && p.length > 1 ? p.slice(0, -1) : p;\r\nconst slugify = (s: string) =>\r\n  s\r\n    .toLowerCase()\r\n    .trim()\r\n    .replace(/\\s+/g, \"-\")\r\n    .replace(/[^a-z0-9\\-]/g, \"\");\r\n\r\nconst BaseNavBar: React.FC<BaseNavBarProps> = ({\r\n  items,\r\n  currentPath,\r\n  LinkWrapper,\r\n  classMap,\r\n  theme = getDefaultTheme(),\r\n  rounding = getDefaultRounding(),\r\n  shadow = getDefaultShadow(),\r\n  className = \"\",\r\n  \"data-testid\": testId = \"nav-bar\",\r\n}) => {\r\n  const wrapperClass = useMemo(\r\n    () => combineClassNames(classMap.container, classMap[theme], className),\r\n    [classMap, theme, className]\r\n  );\r\n\r\n  const itemClass = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.item,\r\n        shadow && classMap[`shadow${capitalize(shadow)}`],\r\n        rounding && classMap[`round${capitalize(rounding)}`]\r\n      ),\r\n    [classMap, shadow, rounding]\r\n  );\r\n\r\n  const current = normalizePath(currentPath ?? \"/\");\r\n\r\n  return (\r\n    <nav\r\n      aria-label=\"Main navigation\"\r\n      className={wrapperClass}\r\n      data-testid={`${testId}-nav-bar`}\r\n    >\r\n      <ul className={classMap.list}>\r\n        {items.map((item) => {\r\n          const isActive = normalizePath(item.path) === current;\r\n          const slug = slugify(item.label || item.path);\r\n\r\n          return (\r\n            <li key={`${item.path}-${slug}`} className={classMap.listItem}>\r\n              <LinkWrapper\r\n                href={item.path}\r\n                isActive={isActive}\r\n                className={combineClassNames(\r\n                  itemClass,\r\n                  isActive && classMap.active\r\n                )}\r\n                data-testid={`${testId}-nav-item-${slug}`}\r\n                aria-current={isActive ? \"page\" : undefined}\r\n              >\r\n                <span className={classMap.linkContent}>\r\n                  {item.icon && (\r\n                    <span\r\n                      className={classMap.icon}\r\n                      aria-hidden=\"true\"\r\n                      data-testid={`${testId}-nav-icon-${slug}`}\r\n                    >\r\n                      {item.icon}\r\n                    </span>\r\n                  )}\r\n                  <span className={classMap.label}>{item.label}</span>\r\n                </span>\r\n              </LinkWrapper>\r\n            </li>\r\n          );\r\n        })}\r\n      </ul>\r\n    </nav>\r\n  );\r\n};\r\n\r\nBaseNavBar.displayName = \"BaseNavBar\";\r\nexport default BaseNavBar;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport BaseNavBar from \"../NavBarBase\";\r\nimport Link from \"next/link\";\r\nimport { usePathname } from \"next/navigation\";\r\nimport styles from \"./NavBar.module.scss\";\r\nimport { NavBarProps } from \"../NavBar.types\";\r\n\r\nconst NavBar: React.FC<NavBarProps & { mockPath?: string }> = ({\r\n  mockPath,\r\n  ...props\r\n}) => {\r\n  const pathname = usePathname();\r\n  const resolvedPath = mockPath ?? pathname;\r\n\r\n  return (\r\n    <BaseNavBar\r\n      {...props}\r\n      currentPath={resolvedPath || \"/\"}\r\n      LinkWrapper={({\r\n        href,\r\n        children,\r\n        className,\r\n        isActive,\r\n        \"data-testid\": testId,\r\n      }) => (\r\n        <Link\r\n          href={href}\r\n          className={className}\r\n          aria-current={isActive ? \"page\" : undefined}\r\n          data-testid={testId}\r\n        >\r\n          {children}\r\n        </Link>\r\n      )}\r\n      classMap={styles}\r\n    />\r\n  );\r\n};\r\n\r\nexport default NavBar;\r\n"],"names":["item","usePathname"],"mappings":"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"}

package/dist/next/NavBar-yvxI6w8C.cjs

@@ -0,0 +1,172 @@
+"use strict";
+const require$$2 = require("react/jsx-runtime");
+const React = require("react");
+const classNames = require("./classNames-BcWMx052.cjs");
+const capitalize = require("./capitalize-DoV-nOmN.cjs");
+const borealStyleConfig = require("./boreal-style-config-Rr5d5Qts.cjs");
+const link = require("./link-hxAaLm0Q.cjs");
+const navigation = require("./navigation-m012syo9.cjs");
+const normalizePath = (p) => p.endsWith("/") && p.length > 1 ? p.slice(0, -1) : p;
+const slugify = (s) => s.toLowerCase().trim().replace(/\s+/g, "-").replace(/[^a-z0-9\-]/g, "");
+const BaseNavBar = ({
+  items,
+  currentPath,
+  LinkWrapper,
+  classMap,
+  theme = borealStyleConfig.getDefaultTheme(),
+  rounding = borealStyleConfig.getDefaultRounding(),
+  shadow = borealStyleConfig.getDefaultShadow(),
+  className = "",
+  "data-testid": testId = "nav-bar"
+}) => {
+  const wrapperClass = React.useMemo(
+    () => classNames.combineClassNames(classMap.container, classMap[theme], className),
+    [classMap, theme, className]
+  );
+  const itemClass = React.useMemo(
+    () => classNames.combineClassNames(
+      classMap.item,
+      shadow && classMap[`shadow${capitalize.capitalize(shadow)}`],
+      rounding && classMap[`round${capitalize.capitalize(rounding)}`]
+    ),
+    [classMap, shadow, rounding]
+  );
+  const current = normalizePath(currentPath ?? "/");
+  return /* @__PURE__ */ require$$2.jsx(
+    "nav",
+    {
+      "aria-label": "Main navigation",
+      className: wrapperClass,
+      "data-testid": `${testId}-nav-bar`,
+      children: /* @__PURE__ */ require$$2.jsx("ul", { className: classMap.list, children: items.map((item2) => {
+        const isActive = normalizePath(item2.path) === current;
+        const slug = slugify(item2.label || item2.path);
+        return /* @__PURE__ */ require$$2.jsx("li", { className: classMap.listItem, children: /* @__PURE__ */ require$$2.jsx(
+          LinkWrapper,
+          {
+            href: item2.path,
+            isActive,
+            className: classNames.combineClassNames(
+              itemClass,
+              isActive && classMap.active
+            ),
+            "data-testid": `${testId}-nav-item-${slug}`,
+            "aria-current": isActive ? "page" : void 0,
+            children: /* @__PURE__ */ require$$2.jsxs("span", { className: classMap.linkContent, children: [
+              item2.icon && /* @__PURE__ */ require$$2.jsx(
+                "span",
+                {
+                  className: classMap.icon,
+                  "aria-hidden": "true",
+                  "data-testid": `${testId}-nav-icon-${slug}`,
+                  children: item2.icon
+                }
+              ),
+              /* @__PURE__ */ require$$2.jsx("span", { className: classMap.label, children: item2.label })
+            ] })
+          }
+        ) }, `${item2.path}-${slug}`);
+      }) })
+    }
+  );
+};
+BaseNavBar.displayName = "BaseNavBar";
+const noScroll = "_noScroll_15wwf_91";
+const errorMessage = "_errorMessage_15wwf_92";
+const loadingContainer = "_loadingContainer_15wwf_93";
+const hideScrollbar = "_hideScrollbar_15wwf_85";
+const sr_only = "_sr_only_15wwf_94";
+const container = "_container_15wwf_540";
+const primary = "_primary_15wwf_568";
+const item = "_item_15wwf_568";
+const secondary = "_secondary_15wwf_580";
+const tertiary = "_tertiary_15wwf_592";
+const quaternary = "_quaternary_15wwf_604";
+const clear = "_clear_15wwf_616";
+const list = "_list_15wwf_628";
+const linkContent = "_linkContent_15wwf_666";
+const icon = "_icon_15wwf_670";
+const label = "_label_15wwf_681";
+const roundNone = "_roundNone_15wwf_693";
+const roundSmall = "_roundSmall_15wwf_697";
+const roundMedium = "_roundMedium_15wwf_701";
+const roundLarge = "_roundLarge_15wwf_705";
+const roundFull = "_roundFull_15wwf_709";
+const shadowNone = "_shadowNone_15wwf_713";
+const shadowLight = "_shadowLight_15wwf_717";
+const shadowMedium = "_shadowMedium_15wwf_721";
+const shadowStrong = "_shadowStrong_15wwf_725";
+const shadowIntense = "_shadowIntense_15wwf_729";
+const spin = "_spin_15wwf_1";
+const pulse = "_pulse_15wwf_1";
+const styles = {
+  noScroll,
+  errorMessage,
+  loadingContainer,
+  hideScrollbar,
+  sr_only,
+  container,
+  primary,
+  item,
+  "item--active": "_item--active_15wwf_575",
+  secondary,
+  tertiary,
+  quaternary,
+  clear,
+  list,
+  linkContent,
+  icon,
+  label,
+  roundNone,
+  roundSmall,
+  roundMedium,
+  roundLarge,
+  roundFull,
+  shadowNone,
+  shadowLight,
+  shadowMedium,
+  shadowStrong,
+  shadowIntense,
+  "fade-in": "_fade-in_15wwf_1",
+  "slide-up": "_slide-up_15wwf_1",
+  "spin-3d": "_spin-3d_15wwf_1",
+  spin,
+  pulse,
+  "fade-in-up": "_fade-in-up_15wwf_1",
+  "progress-grow": "_progress-grow_15wwf_1",
+  "indeterminate-move": "_indeterminate-move_15wwf_1",
+  "skeleton-loading": "_skeleton-loading_15wwf_1"
+};
+const NavBar = ({
+  mockPath,
+  ...props
+}) => {
+  const pathname = navigation.navigation.usePathname();
+  const resolvedPath = mockPath ?? pathname;
+  return /* @__PURE__ */ require$$2.jsx(
+    BaseNavBar,
+    {
+      ...props,
+      currentPath: resolvedPath || "/",
+      LinkWrapper: ({
+        href,
+        children,
+        className,
+        isActive,
+        "data-testid": testId
+      }) => /* @__PURE__ */ require$$2.jsx(
+        link.Link,
+        {
+          href,
+          className,
+          "aria-current": isActive ? "page" : void 0,
+          "data-testid": testId,
+          children
+        }
+      ),
+      classMap: styles
+    }
+  );
+};
+exports.NavBar = NavBar;
+//# sourceMappingURL=NavBar-yvxI6w8C.cjs.map

package/dist/next/NavBar-yvxI6w8C.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavBar-yvxI6w8C.cjs","sources":["../../src/components/NavBar/NavBarBase.tsx","../../src/components/NavBar/next/NavBar.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n  getDefaultRounding,\r\n  getDefaultShadow,\r\n  getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\nimport { BaseNavBarProps } from \"./NavBar.types\";\r\n\r\nconst normalizePath = (p: string) =>\r\n  p.endsWith(\"/\") && p.length > 1 ? p.slice(0, -1) : p;\r\nconst slugify = (s: string) =>\r\n  s\r\n    .toLowerCase()\r\n    .trim()\r\n    .replace(/\\s+/g, \"-\")\r\n    .replace(/[^a-z0-9\\-]/g, \"\");\r\n\r\nconst BaseNavBar: React.FC<BaseNavBarProps> = ({\r\n  items,\r\n  currentPath,\r\n  LinkWrapper,\r\n  classMap,\r\n  theme = getDefaultTheme(),\r\n  rounding = getDefaultRounding(),\r\n  shadow = getDefaultShadow(),\r\n  className = \"\",\r\n  \"data-testid\": testId = \"nav-bar\",\r\n}) => {\r\n  const wrapperClass = useMemo(\r\n    () => combineClassNames(classMap.container, classMap[theme], className),\r\n    [classMap, theme, className]\r\n  );\r\n\r\n  const itemClass = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.item,\r\n        shadow && classMap[`shadow${capitalize(shadow)}`],\r\n        rounding && classMap[`round${capitalize(rounding)}`]\r\n      ),\r\n    [classMap, shadow, rounding]\r\n  );\r\n\r\n  const current = normalizePath(currentPath ?? \"/\");\r\n\r\n  return (\r\n    <nav\r\n      aria-label=\"Main navigation\"\r\n      className={wrapperClass}\r\n      data-testid={`${testId}-nav-bar`}\r\n    >\r\n      <ul className={classMap.list}>\r\n        {items.map((item) => {\r\n          const isActive = normalizePath(item.path) === current;\r\n          const slug = slugify(item.label || item.path);\r\n\r\n          return (\r\n            <li key={`${item.path}-${slug}`} className={classMap.listItem}>\r\n              <LinkWrapper\r\n                href={item.path}\r\n                isActive={isActive}\r\n                className={combineClassNames(\r\n                  itemClass,\r\n                  isActive && classMap.active\r\n                )}\r\n                data-testid={`${testId}-nav-item-${slug}`}\r\n                aria-current={isActive ? \"page\" : undefined}\r\n              >\r\n                <span className={classMap.linkContent}>\r\n                  {item.icon && (\r\n                    <span\r\n                      className={classMap.icon}\r\n                      aria-hidden=\"true\"\r\n                      data-testid={`${testId}-nav-icon-${slug}`}\r\n                    >\r\n                      {item.icon}\r\n                    </span>\r\n                  )}\r\n                  <span className={classMap.label}>{item.label}</span>\r\n                </span>\r\n              </LinkWrapper>\r\n            </li>\r\n          );\r\n        })}\r\n      </ul>\r\n    </nav>\r\n  );\r\n};\r\n\r\nBaseNavBar.displayName = \"BaseNavBar\";\r\nexport default BaseNavBar;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport BaseNavBar from \"../NavBarBase\";\r\nimport Link from \"next/link\";\r\nimport { usePathname } from \"next/navigation\";\r\nimport styles from \"./NavBar.module.scss\";\r\nimport { NavBarProps } from \"../NavBar.types\";\r\n\r\nconst NavBar: React.FC<NavBarProps & { mockPath?: string }> = ({\r\n  mockPath,\r\n  ...props\r\n}) => {\r\n  const pathname = usePathname();\r\n  const resolvedPath = mockPath ?? pathname;\r\n\r\n  return (\r\n    <BaseNavBar\r\n      {...props}\r\n      currentPath={resolvedPath || \"/\"}\r\n      LinkWrapper={({\r\n        href,\r\n        children,\r\n        className,\r\n        isActive,\r\n        \"data-testid\": testId,\r\n      }) => (\r\n        <Link\r\n          href={href}\r\n          className={className}\r\n          aria-current={isActive ? \"page\" : undefined}\r\n          data-testid={testId}\r\n        >\r\n          {children}\r\n        </Link>\r\n      )}\r\n      classMap={styles}\r\n    />\r\n  );\r\n};\r\n\r\nexport default NavBar;\r\n"],"names":["getDefaultTheme","getDefaultRounding","getDefaultShadow","useMemo","combineClassNames","capitalize","jsx","item","jsxs","usePathname","Link"],"mappings":"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"}

package/dist/next/NavBar.cjs.js

@@ -1,4 +1,4 @@
 "use strict";
-const NavBar = require("./NavBar-CO4v6_28.cjs");
+const NavBar = require("./NavBar-yvxI6w8C.cjs");
 module.exports = NavBar.NavBar;
 //# sourceMappingURL=NavBar.cjs.js.map

package/dist/next/NavBar.js

@@ -1,4 +1,4 @@
-import { N } from "./NavBar-CKo-nom2.js";
+import { N } from "./NavBar-kgNrVtKB.js";
 export {
   N as default
 };

package/dist/next/{NotificationCenter-DCE8DuOm.js → NotificationCenter-DlbqVzzr.js}

@@ -4,8 +4,8 @@ import { C as CloseIcon } from "./CloseIcon-C3eQm4EK.js";
 import { c as combineClassNames } from "./classNames-AS8QjFq7.js";
 import { c as capitalize } from "./capitalize-C0TSQSPh.js";
 import { a as getDefaultRounding, b as getDefaultShadow } from "./boreal-style-config-BILmxkZG.js";
-import { B as Button } from "./Button-ClWB5gZW.js";
-import { I as IconButton } from "./IconButton-Dk8EDf4Z.js";
+import { B as Button } from "./Button-DN8rTQSp.js";
+import { I as IconButton } from "./IconButton-B1r838wY.js";
 var DefaultContext = {
   color: void 0,
   size: void 0,
@@ -171,7 +171,8 @@ const BaseNotificationCenter = ({
   classMap,
   "data-testid": testId = "notification-center"
 }) => {
-  const timeouts = useRef({});
+  const timers = useRef({});
+  const prevIds = useRef(/* @__PURE__ */ new Set());
   useEffect(() => {
     if (maxNotifications && notifications.length > maxNotifications && clearOldOnOverflow && setNotifications) {
       const overflow = notifications.length - maxNotifications;
@@ -180,35 +181,50 @@ const BaseNotificationCenter = ({
   }, [notifications, maxNotifications, clearOldOnOverflow, setNotifications]);
   useEffect(() => {
     if (!fetchNotifications) return;
+    let alive = true;
     const load = () => {
       fetchNotifications().catch((err) => {
         console.error("Failed to fetch notifications:", err);
       });
     };
     load();
-    const intervalId = setInterval(load, pollInterval);
-    return () => clearInterval(intervalId);
+    const id = setInterval(() => alive && load(), pollInterval);
+    return () => {
+      clearInterval(id);
+      alive = false;
+    };
   }, [fetchNotifications, pollInterval]);
   useEffect(() => {
-    notifications.forEach((note) => {
-      if (note.duration && !timeouts.current[note.id]) {
-        timeouts.current[note.id] = setTimeout(() => {
-          onRemove(note.id);
-          delete timeouts.current[note.id];
-        }, note.duration);
+    const currentIds = new Set(notifications.map((n) => n.id));
+    for (const n of notifications) {
+      if (n.duration && !timers.current[n.id]) {
+        timers.current[n.id] = setTimeout(() => {
+          onRemove(n.id);
+          delete timers.current[n.id];
+        }, n.duration);
       }
-    });
+    }
+    for (const oldId of prevIds.current) {
+      if (!currentIds.has(oldId) && timers.current[oldId]) {
+        clearTimeout(timers.current[oldId]);
+        delete timers.current[oldId];
+      }
+    }
+    prevIds.current = currentIds;
     return () => {
-      Object.values(timeouts.current).forEach(clearTimeout);
+      if (prevIds.current === currentIds) {
+        Object.values(timers.current).forEach(clearTimeout);
+        timers.current = {};
+      }
     };
   }, [notifications, onRemove]);
-  const notifcationClass = useMemo(
+  const notificationClass = useMemo(
     () => combineClassNames(
       classMap.notification,
       notificationShadow && classMap[`shadow${capitalize(notificationShadow)}`],
       notificationRounding && classMap[`round${capitalize(notificationRounding)}`]
     ),
-    []
+    [classMap, notificationShadow, notificationRounding]
   );
   return /* @__PURE__ */ jsxs(
     "div",
@@ -231,6 +247,7 @@ const BaseNotificationCenter = ({
               onClick: onClearAll,
               "aria-label": "Clear all notifications",
               "data-testid": `${testId}-clear-all`,
+              type: "button",
               children: "Clear All"
             }
           )
@@ -247,13 +264,19 @@ const BaseNotificationCenter = ({
             "li",
             {
               className: combineClassNames(
-                notifcationClass,
+                notificationClass,
                 classMap[note.type || "info"]
               ),
               "data-testid": noteTestId,
-              "aria-label": `Notification ${index + 1}: ${note.message}${timestampStr ? ` at ${timestampStr}` : ""}`,
               children: [
-                /* @__PURE__ */ jsx(Icon, { className: classMap.icon, "aria-hidden": "true" }),
+                /* @__PURE__ */ jsx(
+                  Icon,
+                  {
+                    className: classMap.icon,
+                    "aria-hidden": "true",
+                    focusable: false
+                  }
+                ),
                 /* @__PURE__ */ jsxs("div", { className: classMap.content, children: [
                   /* @__PURE__ */ jsx(
                     "span",
@@ -281,9 +304,10 @@ const BaseNotificationCenter = ({
                     outline: true,
                     icon: CloseIcon,
                     onClick: () => onRemove(note.id),
-                    "aria-label": `Dismiss notification ${index + 1}`,
+                    ariaLabel: `Dismiss notification ${index + 1}`,
                     title: "Dismiss",
-                    "data-testid": `${noteTestId}-dismiss`
+                    "data-testid": `${noteTestId}-dismiss`,
+                    type: "button"
                   }
                 )
               ]
@@ -295,40 +319,41 @@ const BaseNotificationCenter = ({
     }
   );
 };
-const wrapper = "_wrapper_1w6km_187";
-const header = "_header_1w6km_195";
-const clearAll = "_clearAll_1w6km_201";
-const list = "_list_1w6km_205";
-const notification = "_notification_1w6km_218";
-const icon = "_icon_1w6km_228";
-const content = "_content_1w6km_232";
-const message = "_message_1w6km_235";
-const timestamp = "_timestamp_1w6km_239";
-const close = "_close_1w6km_243";
-const primary = "_primary_1w6km_251";
-const success = "_success_1w6km_254";
-const error = "_error_1w6km_257";
-const warning = "_warning_1w6km_260";
-const info = "_info_1w6km_263";
-const roundNone = "_roundNone_1w6km_267";
-const roundSmall = "_roundSmall_1w6km_271";
-const roundMedium = "_roundMedium_1w6km_275";
-const roundLarge = "_roundLarge_1w6km_279";
-const roundFull = "_roundFull_1w6km_283";
-const shadowNone = "_shadowNone_1w6km_287";
-const shadowLight = "_shadowLight_1w6km_291";
-const shadowMedium = "_shadowMedium_1w6km_295";
-const shadowStrong = "_shadowStrong_1w6km_299";
-const shadowIntense = "_shadowIntense_1w6km_303";
-const spin = "_spin_1w6km_1";
-const pulse = "_pulse_1w6km_1";
+BaseNotificationCenter.displayName = "BaseNotificationCenter";
+const wrapper = "_wrapper_182fu_187";
+const header = "_header_182fu_195";
+const clearAll = "_clearAll_182fu_201";
+const list = "_list_182fu_205";
+const notification = "_notification_182fu_218";
+const icon = "_icon_182fu_228";
+const content = "_content_182fu_232";
+const message = "_message_182fu_235";
+const timestamp = "_timestamp_182fu_239";
+const close = "_close_182fu_243";
+const primary = "_primary_182fu_251";
+const success = "_success_182fu_254";
+const error = "_error_182fu_257";
+const warning = "_warning_182fu_260";
+const info = "_info_182fu_263";
+const roundNone = "_roundNone_182fu_267";
+const roundSmall = "_roundSmall_182fu_271";
+const roundMedium = "_roundMedium_182fu_275";
+const roundLarge = "_roundLarge_182fu_279";
+const roundFull = "_roundFull_182fu_283";
+const shadowNone = "_shadowNone_182fu_287";
+const shadowLight = "_shadowLight_182fu_291";
+const shadowMedium = "_shadowMedium_182fu_295";
+const shadowStrong = "_shadowStrong_182fu_299";
+const shadowIntense = "_shadowIntense_182fu_303";
+const spin = "_spin_182fu_1";
+const pulse = "_pulse_182fu_1";
 const styles = {
   wrapper,
   header,
   clearAll,
   list,
   notification,
-  "fade-in-up": "_fade-in-up_1w6km_1",
+  "fade-in-up": "_fade-in-up_182fu_1",
   icon,
   content,
   message,
@@ -349,14 +374,14 @@ const styles = {
   shadowMedium,
   shadowStrong,
   shadowIntense,
-  "fade-in": "_fade-in_1w6km_1",
-  "slide-up": "_slide-up_1w6km_1",
-  "spin-3d": "_spin-3d_1w6km_1",
+  "fade-in": "_fade-in_182fu_1",
+  "slide-up": "_slide-up_182fu_1",
+  "spin-3d": "_spin-3d_182fu_1",
   spin,
   pulse,
-  "progress-grow": "_progress-grow_1w6km_1",
-  "indeterminate-move": "_indeterminate-move_1w6km_1",
-  "skeleton-loading": "_skeleton-loading_1w6km_1"
+  "progress-grow": "_progress-grow_182fu_1",
+  "indeterminate-move": "_indeterminate-move_182fu_1",
+  "skeleton-loading": "_skeleton-loading_182fu_1"
 };
 const NotificationCenter = (props) => {
   return /* @__PURE__ */ jsx(
@@ -373,4 +398,4 @@ export {
   NotificationCenter as N,
   themeIcons as t
 };
-//# sourceMappingURL=NotificationCenter-DCE8DuOm.js.map
+//# sourceMappingURL=NotificationCenter-DlbqVzzr.js.map