@cube-dev/ui-kit 0.196.0 → 0.198.0

package/dist/components/overlays/Notifications/Notification.d.ts

@@ -1,6 +1,5 @@
 
 import { NotificationProps } from "./types.js";
-
 //#region src/components/overlays/Notifications/Notification.d.ts
 /**
  * Declarative Notification component that shows a notification while mounted.
@@ -32,7 +31,6 @@ import { NotificationProps } from "./types.js";
  * />
  * ```
  */
-declare function Notification(props: NotificationProps): null;
+export declare function Notification(props: NotificationProps): null;
 //#endregion
-export { Notification };
 //# sourceMappingURL=Notification.d.ts.map

package/dist/components/overlays/Notifications/Notification.js

@@ -1,8 +1,7 @@
-/** @license MIT | @cube-dev/ui-kit v0.196.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.198.0 | Cube Dev Team */
 import { useNotificationContext } from "./NotificationContext.js";
 import { c } from "react/compiler-runtime";
 import { useEffect, useRef } from "react";
-
 //#region src/components/overlays/Notifications/Notification.tsx
 /**
 * Declarative Notification component that shows a notification while mounted.
@@ -42,10 +41,11 @@ function Notification(props) {
 	let t0;
 	if ($[0] !== addNotification || $[1] !== props || $[2] !== removeNotification || $[3] !== removePersistentItem) {
 		t0 = () => {
-			notificationIdRef.current = addNotification({
+			const id = addNotification({
 				...props,
 				mode: "overlay"
 			});
+			notificationIdRef.current = id;
 			return () => {
 				if (notificationIdRef.current != null) {
 					removeNotification(notificationIdRef.current, "api");
@@ -109,7 +109,7 @@ function Notification(props) {
 	useEffect(t2, t3);
 	return null;
 }
-
 //#endregion
 export { Notification };
+
 //# sourceMappingURL=Notification.js.map

package/dist/components/overlays/Notifications/Notification.js.map

@@ -1 +1 @@
-{"version":3,"file":"Notification.js","names":["Key","useEffect","useRef","useNotificationContext","NotificationProps","Notification","props","$","_c","addNotification","removeNotification","updateNotification","removePersistentItem","notificationIdRef","renderCountRef","t0","id","mode","current","t1","Symbol","for","t2","t3","actions","description","duration","icon","isDismissable","persistent","theme","title"],"sources":["../../../../src/components/overlays/Notifications/Notification.tsx"],"sourcesContent":["import { Key, useEffect, useRef } from 'react';\n\nimport { useNotificationContext } from './NotificationContext';\n\nimport type { NotificationProps } from './types';\n\n/**\n * Declarative Notification component that shows a notification while mounted.\n * Only supports `mode: 'overlay'` (the default).\n *\n * Duration defaults are the same as for imperative `notify()`:\n * - 3000ms for non-persistent, 5000ms for persistent notifications\n * - Pass `duration={null}` explicitly to disable auto-dismiss.\n *\n * Semantics:\n * - mount → show or update by `id`\n * - unmount → remove from overlay and persistent list\n *\n * @example\n * ```tsx\n * <Notification\n *   id=\"release:new-version\"\n *   theme=\"warning\"\n *   title=\"New release available\"\n *   description=\"2.0.0 can be installed now.\"\n *   actions={\n *     <>\n *       <Notification.Action>Later</Notification.Action>\n *       <Notification.Action onPress={() => openUpgradeDialog()}>\n *         Upgrade\n *       </Notification.Action>\n *     </>\n *   }\n * />\n * ```\n */\nexport function Notification(props: NotificationProps): null {\n  const {\n    addNotification,\n    removeNotification,\n    updateNotification,\n    removePersistentItem,\n  } = useNotificationContext();\n  const notificationIdRef = useRef<Key | null>(null);\n  // Tracks how many times the update effect has run. The first run (0 → 1)\n  // coincides with mount and must be skipped because addNotification already\n  // handles the initial state.\n  const renderCountRef = useRef(0);\n\n  // Show notification on mount\n  useEffect(() => {\n    const id = addNotification({\n      ...props,\n      mode: 'overlay',\n    });\n\n    notificationIdRef.current = id;\n\n    return () => {\n      if (notificationIdRef.current != null) {\n        removeNotification(notificationIdRef.current, 'api');\n        removePersistentItem(notificationIdRef.current);\n        notificationIdRef.current = null;\n      }\n    };\n  }, []);\n\n  // Update notification when props change (skip initial mount)\n  useEffect(() => {\n    // Skip the first run — it coincides with the mount effect above\n    if (renderCountRef.current === 0) {\n      renderCountRef.current = 1;\n\n      return;\n    }\n\n    if (notificationIdRef.current != null) {\n      updateNotification(notificationIdRef.current, {\n        ...props,\n        mode: 'overlay',\n      });\n    }\n  }, [\n    props.id,\n    props.theme,\n    props.title,\n    props.description,\n    props.icon,\n    props.actions,\n    props.isDismissable,\n    props.persistent,\n    props.duration,\n  ]);\n\n  return null;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoCA,SAAOK,aAAAC,OAAA;CAAA,MAAAC,IAAAC,EAAA,GAAA;CACL,MAAA,EAAAC,iBAAAC,oBAAAC,oBAAAC,yBAKIT,wBAAwB;CAC5B,MAAAU,oBAA0BX,OAAmB,KAAK;CAIlD,MAAAY,iBAAuBZ,OAAO,EAAE;CAAC,IAAAa;AAAA,KAAAR,EAAA,OAAAE,mBAAAF,EAAA,OAAAD,SAAAC,EAAA,OAAAG,sBAAAH,EAAA,OAAAK,sBAAA;AAGvBG,aAAA;AAMRF,qBAAiBK,UALNT,gBAAgB;IAAA,GACtBH;IAAKW,MACF;IACP,CAAC;AAEuB,gBAElB;AACL,QAAIJ,kBAAiBK,WAAY,MAAI;AACnCR,wBAAmBG,kBAAiBK,SAAU,MAAM;AACpDN,0BAAqBC,kBAAiBK,QAAS;AAC/CL,uBAAiBK,UAAW;;;;AAGjCX,IAAA,KAAAE;AAAAF,IAAA,KAAAD;AAAAC,IAAA,KAAAG;AAAAH,IAAA,KAAAK;AAAAL,IAAA,KAAAQ;OAAAA,MAAAR,EAAA;CAAA,IAAAY;AAAA,KAAAZ,EAAA,OAAAa,OAAAC,IAAA,4BAAA,EAAA;AAAEF,OAAA,EAAE;AAAAZ,IAAA,KAAAY;OAAAA,MAAAZ,EAAA;AAfLN,WAAUc,IAePI,GAAG;CAAA,IAAAG;AAAA,KAAAf,EAAA,OAAAD,SAAAC,EAAA,OAAAI,oBAAA;AAGIW,aAAA;AAER,OAAIR,eAAcI,YAAa,GAAC;AAC9BJ,mBAAcI,UAAW;AAAH;;AAKxB,OAAIL,kBAAiBK,WAAY,KAC/BP,oBAAmBE,kBAAiBK,SAAU;IAAA,GACzCZ;IAAKW,MACF;IACP,CAAC;;AAELV,IAAA,KAAAD;AAAAC,IAAA,KAAAI;AAAAJ,IAAA,KAAAe;OAAAA,MAAAf,EAAA;CAAA,IAAAgB;AAAA,KAAAhB,EAAA,OAAAD,MAAAkB,WAAAjB,EAAA,QAAAD,MAAAmB,eAAAlB,EAAA,QAAAD,MAAAoB,YAAAnB,EAAA,QAAAD,MAAAqB,QAAApB,EAAA,QAAAD,MAAAU,MAAAT,EAAA,QAAAD,MAAAsB,iBAAArB,EAAA,QAAAD,MAAAuB,cAAAtB,EAAA,QAAAD,MAAAwB,SAAAvB,EAAA,QAAAD,MAAAyB,OAAA;AAAER,OAAA;GACDjB,MAAKU;GACLV,MAAKwB;GACLxB,MAAKyB;GACLzB,MAAKmB;GACLnB,MAAKqB;GACLrB,MAAKkB;GACLlB,MAAKsB;GACLtB,MAAKuB;GACLvB,MAAKoB;GACN;AAAAnB,IAAA,KAAAD,MAAAkB;AAAAjB,IAAA,MAAAD,MAAAmB;AAAAlB,IAAA,MAAAD,MAAAoB;AAAAnB,IAAA,MAAAD,MAAAqB;AAAApB,IAAA,MAAAD,MAAAU;AAAAT,IAAA,MAAAD,MAAAsB;AAAArB,IAAA,MAAAD,MAAAuB;AAAAtB,IAAA,MAAAD,MAAAwB;AAAAvB,IAAA,MAAAD,MAAAyB;AAAAxB,IAAA,MAAAgB;OAAAA,MAAAhB,EAAA;AAxBDN,WAAUqB,IAcPC,GAUD;AAAA,QAEK"}
+{"version":3,"file":"Notification.js","names":["Key","useEffect","useRef","useNotificationContext","NotificationProps","Notification","props","$","_c","addNotification","removeNotification","updateNotification","removePersistentItem","notificationIdRef","renderCountRef","t0","id","mode","current","t1","Symbol","for","t2","t3","actions","description","duration","icon","isDismissable","persistent","theme","title","_c"],"sources":["../../../../src/components/overlays/Notifications/Notification.tsx"],"sourcesContent":["import { Key, useEffect, useRef } from 'react';\n\nimport { useNotificationContext } from './NotificationContext';\n\nimport type { NotificationProps } from './types';\n\n/**\n * Declarative Notification component that shows a notification while mounted.\n * Only supports `mode: 'overlay'` (the default).\n *\n * Duration defaults are the same as for imperative `notify()`:\n * - 3000ms for non-persistent, 5000ms for persistent notifications\n * - Pass `duration={null}` explicitly to disable auto-dismiss.\n *\n * Semantics:\n * - mount → show or update by `id`\n * - unmount → remove from overlay and persistent list\n *\n * @example\n * ```tsx\n * <Notification\n *   id=\"release:new-version\"\n *   theme=\"warning\"\n *   title=\"New release available\"\n *   description=\"2.0.0 can be installed now.\"\n *   actions={\n *     <>\n *       <Notification.Action>Later</Notification.Action>\n *       <Notification.Action onPress={() => openUpgradeDialog()}>\n *         Upgrade\n *       </Notification.Action>\n *     </>\n *   }\n * />\n * ```\n */\nexport function Notification(props: NotificationProps): null {\n  const {\n    addNotification,\n    removeNotification,\n    updateNotification,\n    removePersistentItem,\n  } = useNotificationContext();\n  const notificationIdRef = useRef<Key | null>(null);\n  // Tracks how many times the update effect has run. The first run (0 → 1)\n  // coincides with mount and must be skipped because addNotification already\n  // handles the initial state.\n  const renderCountRef = useRef(0);\n\n  // Show notification on mount\n  useEffect(() => {\n    const id = addNotification({\n      ...props,\n      mode: 'overlay',\n    });\n\n    notificationIdRef.current = id;\n\n    return () => {\n      if (notificationIdRef.current != null) {\n        removeNotification(notificationIdRef.current, 'api');\n        removePersistentItem(notificationIdRef.current);\n        notificationIdRef.current = null;\n      }\n    };\n  }, []);\n\n  // Update notification when props change (skip initial mount)\n  useEffect(() => {\n    // Skip the first run — it coincides with the mount effect above\n    if (renderCountRef.current === 0) {\n      renderCountRef.current = 1;\n\n      return;\n    }\n\n    if (notificationIdRef.current != null) {\n      updateNotification(notificationIdRef.current, {\n        ...props,\n        mode: 'overlay',\n      });\n    }\n  }, [\n    props.id,\n    props.theme,\n    props.title,\n    props.description,\n    props.icon,\n    props.actions,\n    props.isDismissable,\n    props.persistent,\n    props.duration,\n  ]);\n\n  return null;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoCA,SAAOK,aAAAC,OAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CACL,MAAA,EAAAC,iBAAAC,oBAAAC,oBAAAC,yBAKIT,uBAAuB;CAC3B,MAAAU,oBAA0BX,OAAmB,IAAI;CAIjD,MAAAY,iBAAuBZ,OAAO,CAAC;CAAE,IAAAa;CAAA,IAAAR,EAAA,OAAAE,mBAAAF,EAAA,OAAAD,SAAAC,EAAA,OAAAG,sBAAAH,EAAA,OAAAK,sBAAA;EAGvBG,WAAA;GACR,MAAAC,KAAWP,gBAAgB;IAAA,GACtBH;IAAKW,MACF;GACR,CAAC;GAEDJ,kBAAiBK,UAAWF;GAAH,aAElB;IACL,IAAIH,kBAAiBK,WAAY,MAAI;KACnCR,mBAAmBG,kBAAiBK,SAAU,KAAK;KACnDN,qBAAqBC,kBAAiBK,OAAQ;KAC9CL,kBAAiBK,UAAW;IAAH;GAC1B;EACF;EACFX,EAAA,KAAAE;EAAAF,EAAA,KAAAD;EAAAC,EAAA,KAAAG;EAAAH,EAAA,KAAAK;EAAAL,EAAA,KAAAQ;CAAA,OAAAA,KAAAR,EAAA;CAAA,IAAAY;CAAA,IAAAZ,EAAA,OAAAa,OAAAC,IAAA,2BAAA,GAAA;EAAEF,KAAA,CAAA;EAAEZ,EAAA,KAAAY;CAAA,OAAAA,KAAAZ,EAAA;CAfLN,UAAUc,IAePI,EAAE;CAAC,IAAAG;CAAA,IAAAf,EAAA,OAAAD,SAAAC,EAAA,OAAAI,oBAAA;EAGIW,WAAA;GAER,IAAIR,eAAcI,YAAa,GAAC;IAC9BJ,eAAcI,UAAW;IAAH;GAAA;GAKxB,IAAIL,kBAAiBK,WAAY,MAC/BP,mBAAmBE,kBAAiBK,SAAU;IAAA,GACzCZ;IAAKW,MACF;GACR,CAAC;EACF;EACFV,EAAA,KAAAD;EAAAC,EAAA,KAAAI;EAAAJ,EAAA,KAAAe;CAAA,OAAAA,KAAAf,EAAA;CAAA,IAAAgB;CAAA,IAAAhB,EAAA,OAAAD,MAAAkB,WAAAjB,EAAA,QAAAD,MAAAmB,eAAAlB,EAAA,QAAAD,MAAAoB,YAAAnB,EAAA,QAAAD,MAAAqB,QAAApB,EAAA,QAAAD,MAAAU,MAAAT,EAAA,QAAAD,MAAAsB,iBAAArB,EAAA,QAAAD,MAAAuB,cAAAtB,EAAA,QAAAD,MAAAwB,SAAAvB,EAAA,QAAAD,MAAAyB,OAAA;EAAER,KAAA;GACDjB,MAAKU;GACLV,MAAKwB;GACLxB,MAAKyB;GACLzB,MAAKmB;GACLnB,MAAKqB;GACLrB,MAAKkB;GACLlB,MAAKsB;GACLtB,MAAKuB;GACLvB,MAAKoB;EAAS;EACfnB,EAAA,KAAAD,MAAAkB;EAAAjB,EAAA,MAAAD,MAAAmB;EAAAlB,EAAA,MAAAD,MAAAoB;EAAAnB,EAAA,MAAAD,MAAAqB;EAAApB,EAAA,MAAAD,MAAAU;EAAAT,EAAA,MAAAD,MAAAsB;EAAArB,EAAA,MAAAD,MAAAuB;EAAAtB,EAAA,MAAAD,MAAAwB;EAAAvB,EAAA,MAAAD,MAAAyB;EAAAxB,EAAA,MAAAgB;CAAA,OAAAA,KAAAhB,EAAA;CAxBDN,UAAUqB,IAcPC,EAUF;CAAC,OAEK;AAAI"}

package/dist/components/overlays/Notifications/NotificationAction.d.ts

@@ -1,8 +1,6 @@
 
 import { NotificationActionProps } from "./types.js";
-import * as react from "react";
 import { Key, ReactNode } from "react";
-
 //#region src/components/overlays/Notifications/NotificationAction.d.ts
 /**
  * Action button for use inside Notification components.
@@ -15,13 +13,6 @@ import { Key, ReactNode } from "react";
  *   by NotificationCard).
  * - Type (primary/outline/clear/etc.) is set automatically via ItemActionProvider context.
  */
-declare function NotificationAction({
-  children,
-  onPress,
-  closeOnPress,
-  isDisabled,
-  isDismiss
-}: NotificationActionProps): react.JSX.Element;
+export declare function NotificationAction({ children, onPress, closeOnPress, isDisabled, isDismiss }: NotificationActionProps): import("react").JSX.Element;
 //#endregion
-export { NotificationAction };
 //# sourceMappingURL=NotificationAction.d.ts.map

package/dist/components/overlays/Notifications/NotificationAction.js

@@ -1,10 +1,9 @@
-/** @license MIT | @cube-dev/ui-kit v0.196.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.198.0 | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { ItemAction } from "../../actions/ItemAction/ItemAction.js";
 import { c } from "react/compiler-runtime";
 import { createContext, useContext } from "react";
 import { jsx } from "react/jsx-runtime";
-
 //#region src/components/overlays/Notifications/NotificationAction.tsx
 /**
 * Optional callback invoked BEFORE any action's onPress handler.
@@ -107,7 +106,7 @@ function NotificationAction(t0) {
 	} else t3 = $[9];
 	return t3;
 }
-
 //#endregion
 export { NotificationAction, NotificationActionInterceptorContext, NotificationDismissProvider };
+
 //# sourceMappingURL=NotificationAction.js.map

package/dist/components/overlays/Notifications/NotificationAction.js.map

@@ -1 +1 @@
-{"version":3,"file":"NotificationAction.js","names":["createContext","Key","ReactNode","useContext","useMemo","useEvent","ItemAction","NotificationActionProps","NotificationActionInterceptorContext","NotificationDismissContextValue","dismiss","reason","restore","NotificationDismissContext","NotificationDismissProviderProps","notificationId","onDismiss","id","onRestore","children","NotificationDismissProvider","t0","$","_c","t1","t2","t3","value","t4","NotificationAction","onPress","closeOnPress","isDisabled","isDismiss","undefined","dismissCtx","actionInterceptor","result","handlePress"],"sources":["../../../../src/components/overlays/Notifications/NotificationAction.tsx"],"sourcesContent":["import { createContext, Key, ReactNode, useContext, useMemo } from 'react';\n\nimport { useEvent } from '../../../_internal';\nimport { ItemAction } from '../../actions/ItemAction/ItemAction';\n\nimport type { NotificationActionProps } from './types';\n\n// ─── Notification Action Interceptor Context ─────────────────────────\n\n/**\n * Optional callback invoked BEFORE any action's onPress handler.\n * Provided by PersistentNotificationsList so the parent (e.g. popover)\n * can close itself when an action is triggered.\n */\nconst NotificationActionInterceptorContext = createContext<(() => void) | null>(\n  null,\n);\n\nexport { NotificationActionInterceptorContext };\n\n// ─── Notification Dismiss Context ────────────────────────────────────\n\ninterface NotificationDismissContextValue {\n  dismiss: (reason: 'action' | 'close') => void;\n  restore: () => void;\n}\n\nconst NotificationDismissContext =\n  createContext<NotificationDismissContextValue | null>(null);\n\nexport interface NotificationDismissProviderProps {\n  notificationId: Key;\n  onDismiss: (id: Key, reason: 'action' | 'close') => void;\n  onRestore?: (id: Key) => void;\n  children: ReactNode;\n}\n\nexport function NotificationDismissProvider({\n  notificationId,\n  onDismiss,\n  onRestore,\n  children,\n}: NotificationDismissProviderProps) {\n  const dismiss = useEvent((reason: 'action' | 'close') => {\n    onDismiss(notificationId, reason);\n  });\n\n  const restore = useEvent(() => {\n    onRestore?.(notificationId);\n  });\n\n  const value = useMemo(() => ({ dismiss, restore }), [dismiss, restore]);\n\n  return (\n    <NotificationDismissContext.Provider value={value}>\n      {children}\n    </NotificationDismissContext.Provider>\n  );\n}\n\n// ─── NotificationAction Component ────────────────────────────────────\n\n/**\n * Action button for use inside Notification components.\n * Wraps ItemAction with auto-dismiss behavior.\n *\n * - `closeOnPress` (default: true) — auto-dismisses the notification after `onPress`.\n * - An action with no `onPress` and `closeOnPress: true` acts as a dismiss-only action.\n * - `isDismiss` — marks this action as the dismiss button; when present, the default\n *   \"Dismiss\" button is auto-suppressed (detected statically from the actions tree\n *   by NotificationCard).\n * - Type (primary/outline/clear/etc.) is set automatically via ItemActionProvider context.\n */\nexport function NotificationAction({\n  children,\n  onPress,\n  closeOnPress = true,\n  isDisabled,\n  isDismiss,\n}: NotificationActionProps) {\n  const dismissCtx = useContext(NotificationDismissContext);\n  const actionInterceptor = useContext(NotificationActionInterceptorContext);\n\n  const handlePress = useEvent(async () => {\n    actionInterceptor?.();\n\n    if (closeOnPress || actionInterceptor) {\n      // Dismiss immediately so the notification hides before the async action\n      // completes (e.g. opening a confirmation dialog).\n      // isDismiss actions use 'close' reason — the notification moves to the\n      // persistent list. Regular actions use 'action' reason — the notification\n      // is fully dismissed and won't reappear.\n      // When an actionInterceptor is present (persistent list), always dismiss\n      // regardless of closeOnPress — all actions remove the item permanently.\n      dismissCtx?.dismiss(isDismiss ? 'close' : 'action');\n    }\n\n    const result = await onPress?.();\n\n    if (result === false && (closeOnPress || actionInterceptor)) {\n      // The async action signalled cancellation — restore the notification.\n      dismissCtx?.restore();\n    }\n  });\n\n  return (\n    <ItemAction\n      isSelected\n      type=\"outline\"\n      isDisabled={isDisabled}\n      onPress={handlePress}\n    >\n      {children}\n    </ItemAction>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;AAcA,MAAMQ,uCAAuCR,cAC3C,KACD;AAWD,MAAMa,6BACJb,cAAsD,KAAK;AAS7D,SAAOoB,4BAAAC,IAAA;CAAA,MAAAC,IAAAC,EAAA,GAAA;CAAqC,MAAA,EAAAR,gBAAAC,WAAAE,WAAAC,aAAAE;CAKT,IAAAG;AAAA,KAAAF,EAAA,OAAAP,kBAAAO,EAAA,OAAAN,WAAA;AACRQ,QAAAb,WAAA;AACvBK,aAAUD,gBAAgBJ,OAAO;;AAClCW,IAAA,KAAAP;AAAAO,IAAA,KAAAN;AAAAM,IAAA,KAAAE;OAAAA,MAAAF,EAAA;CAFD,MAAAZ,UAAgBL,SAASmB,GAEvB;CAAC,IAAAC;AAAA,KAAAH,EAAA,OAAAP,kBAAAO,EAAA,OAAAJ,WAAA;AAEsBO,aAAA;AACvBP,eAAYH,eAAe;;AAC5BO,IAAA,KAAAP;AAAAO,IAAA,KAAAJ;AAAAI,IAAA,KAAAG;OAAAA,MAAAH,EAAA;CAFD,MAAAV,UAAgBP,SAASoB,GAEvB;CAAC,IAAAC;AAAA,KAAAJ,EAAA,OAAAZ,WAAAY,EAAA,OAAAV,SAAA;AAE0Bc,OAAA;GAAAhB;GAAAE;GAAoB;AAAAU,IAAA,KAAAZ;AAAAY,IAAA,KAAAV;AAAAU,IAAA,KAAAI;OAAAA,MAAAJ,EAAA;CAAjD,MAAAK,QAA6BD;CAA2C,IAAAE;AAAA,KAAAN,EAAA,OAAAH,YAAAG,EAAA,QAAAK,OAAA;AAGtEC,OAAA,oBAAA,2BAAA;GAA4CD;GACzCR;IACmC;AAAAG,IAAA,KAAAH;AAAAG,IAAA,MAAAK;AAAAL,IAAA,MAAAM;OAAAA,MAAAN,EAAA;AAAA,QAFtCM;;;;;;;;;;;;;AAmBJ,SAAOC,mBAAAR,IAAA;CAAA,MAAAC,IAAAC,EAAA,GAAA;CAA4B,MAAA,EAAAJ,UAAAW,SAAAC,cAAAP,IAAAQ,YAAAC,cAAAZ;CAGjC,MAAAU,eAAAP,OAAAU,SAAA,OAAAV;CAIA,MAAAW,aAAmBhC,WAAWU,2BAA2B;CACzD,MAAAuB,oBAA0BjC,WAAWK,qCAAqC;CAAC,IAAAiB;AAAA,KAAAH,EAAA,OAAAc,qBAAAd,EAAA,OAAAS,gBAAAT,EAAA,OAAAa,cAAAb,EAAA,OAAAW,aAAAX,EAAA,OAAAQ,SAAA;AAE9CL,OAAA,YAAA;AAC3BW,wBAAqB;AAErB,OAAIL,gBAAAK,kBAQFD,aAAUzB,QAAUuB,YAAA,UAAA,SAA+B;AAKrD,OAFe,MAAMH,WAAW,KAEjB,UAAUC,gBAAAK,mBAEvBD,aAAUvB,SAAW;;AAExBU,IAAA,KAAAc;AAAAd,IAAA,KAAAS;AAAAT,IAAA,KAAAa;AAAAb,IAAA,KAAAW;AAAAX,IAAA,KAAAQ;AAAAR,IAAA,KAAAG;OAAAA,MAAAH,EAAA;CApBD,MAAAgB,cAAoBjC,SAASoB,GAoB3B;CAAC,IAAAC;AAAA,KAAAJ,EAAA,OAAAH,YAAAG,EAAA,OAAAgB,eAAAhB,EAAA,OAAAU,YAAA;AAGDN,OAAA,oBAAC;GACC,YAAA;GACK,MAAA;GACOM;GACHM,SAAAA;GAERnB;IACU;AAAAG,IAAA,KAAAH;AAAAG,IAAA,KAAAgB;AAAAhB,IAAA,KAAAU;AAAAV,IAAA,KAAAI;OAAAA,MAAAJ,EAAA;AAAA,QAPbI"}
+{"version":3,"file":"NotificationAction.js","names":["createContext","Key","ReactNode","useContext","useMemo","useEvent","ItemAction","NotificationActionProps","NotificationActionInterceptorContext","NotificationDismissContextValue","dismiss","reason","restore","NotificationDismissContext","NotificationDismissProviderProps","notificationId","onDismiss","id","onRestore","children","NotificationDismissProvider","t0","$","_c","t1","t2","t3","value","t4","NotificationAction","onPress","closeOnPress","isDisabled","isDismiss","undefined","dismissCtx","actionInterceptor","result","handlePress","_c"],"sources":["../../../../src/components/overlays/Notifications/NotificationAction.tsx"],"sourcesContent":["import { createContext, Key, ReactNode, useContext, useMemo } from 'react';\n\nimport { useEvent } from '../../../_internal';\nimport { ItemAction } from '../../actions/ItemAction/ItemAction';\n\nimport type { NotificationActionProps } from './types';\n\n// ─── Notification Action Interceptor Context ─────────────────────────\n\n/**\n * Optional callback invoked BEFORE any action's onPress handler.\n * Provided by PersistentNotificationsList so the parent (e.g. popover)\n * can close itself when an action is triggered.\n */\nconst NotificationActionInterceptorContext = createContext<(() => void) | null>(\n  null,\n);\n\nexport { NotificationActionInterceptorContext };\n\n// ─── Notification Dismiss Context ────────────────────────────────────\n\ninterface NotificationDismissContextValue {\n  dismiss: (reason: 'action' | 'close') => void;\n  restore: () => void;\n}\n\nconst NotificationDismissContext =\n  createContext<NotificationDismissContextValue | null>(null);\n\nexport interface NotificationDismissProviderProps {\n  notificationId: Key;\n  onDismiss: (id: Key, reason: 'action' | 'close') => void;\n  onRestore?: (id: Key) => void;\n  children: ReactNode;\n}\n\nexport function NotificationDismissProvider({\n  notificationId,\n  onDismiss,\n  onRestore,\n  children,\n}: NotificationDismissProviderProps) {\n  const dismiss = useEvent((reason: 'action' | 'close') => {\n    onDismiss(notificationId, reason);\n  });\n\n  const restore = useEvent(() => {\n    onRestore?.(notificationId);\n  });\n\n  const value = useMemo(() => ({ dismiss, restore }), [dismiss, restore]);\n\n  return (\n    <NotificationDismissContext.Provider value={value}>\n      {children}\n    </NotificationDismissContext.Provider>\n  );\n}\n\n// ─── NotificationAction Component ────────────────────────────────────\n\n/**\n * Action button for use inside Notification components.\n * Wraps ItemAction with auto-dismiss behavior.\n *\n * - `closeOnPress` (default: true) — auto-dismisses the notification after `onPress`.\n * - An action with no `onPress` and `closeOnPress: true` acts as a dismiss-only action.\n * - `isDismiss` — marks this action as the dismiss button; when present, the default\n *   \"Dismiss\" button is auto-suppressed (detected statically from the actions tree\n *   by NotificationCard).\n * - Type (primary/outline/clear/etc.) is set automatically via ItemActionProvider context.\n */\nexport function NotificationAction({\n  children,\n  onPress,\n  closeOnPress = true,\n  isDisabled,\n  isDismiss,\n}: NotificationActionProps) {\n  const dismissCtx = useContext(NotificationDismissContext);\n  const actionInterceptor = useContext(NotificationActionInterceptorContext);\n\n  const handlePress = useEvent(async () => {\n    actionInterceptor?.();\n\n    if (closeOnPress || actionInterceptor) {\n      // Dismiss immediately so the notification hides before the async action\n      // completes (e.g. opening a confirmation dialog).\n      // isDismiss actions use 'close' reason — the notification moves to the\n      // persistent list. Regular actions use 'action' reason — the notification\n      // is fully dismissed and won't reappear.\n      // When an actionInterceptor is present (persistent list), always dismiss\n      // regardless of closeOnPress — all actions remove the item permanently.\n      dismissCtx?.dismiss(isDismiss ? 'close' : 'action');\n    }\n\n    const result = await onPress?.();\n\n    if (result === false && (closeOnPress || actionInterceptor)) {\n      // The async action signalled cancellation — restore the notification.\n      dismissCtx?.restore();\n    }\n  });\n\n  return (\n    <ItemAction\n      isSelected\n      type=\"outline\"\n      isDisabled={isDisabled}\n      onPress={handlePress}\n    >\n      {children}\n    </ItemAction>\n  );\n}\n"],"mappings":";;;;;;;;;;;;AAcA,MAAMQ,uCAAuCR,cAC3C,IACF;AAWA,MAAMa,6BACJb,cAAsD,IAAI;AAS5D,SAAOoB,4BAAAC,IAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAAqC,MAAA,EAAAR,gBAAAC,WAAAE,WAAAC,aAAAE;CAKT,IAAAG;CAAA,IAAAF,EAAA,OAAAP,kBAAAO,EAAA,OAAAN,WAAA;EACRQ,MAAAb,WAAA;GACvBK,UAAUD,gBAAgBJ,MAAM;EAAC;EAClCW,EAAA,KAAAP;EAAAO,EAAA,KAAAN;EAAAM,EAAA,KAAAE;CAAA,OAAAA,KAAAF,EAAA;CAFD,MAAAZ,UAAgBL,SAASmB,EAExB;CAAE,IAAAC;CAAA,IAAAH,EAAA,OAAAP,kBAAAO,EAAA,OAAAJ,WAAA;EAEsBO,WAAA;GACvBP,YAAYH,cAAc;EAAC;EAC5BO,EAAA,KAAAP;EAAAO,EAAA,KAAAJ;EAAAI,EAAA,KAAAG;CAAA,OAAAA,KAAAH,EAAA;CAFD,MAAAV,UAAgBP,SAASoB,EAExB;CAAE,IAAAC;CAAA,IAAAJ,EAAA,OAAAZ,WAAAY,EAAA,OAAAV,SAAA;EAE0Bc,KAAA;GAAAhB;GAAAE;EAAmB;EAACU,EAAA,KAAAZ;EAAAY,EAAA,KAAAV;EAAAU,EAAA,KAAAI;CAAA,OAAAA,KAAAJ,EAAA;CAAjD,MAAAK,QAA6BD;CAA2C,IAAAE;CAAA,IAAAN,EAAA,OAAAH,YAAAG,EAAA,QAAAK,OAAA;EAGtEC,KAAA,oBAAA,2BAAA,UAAA;GAA4CD;GACzCR;EACH,CAAA;EAAsCG,EAAA,KAAAH;EAAAG,EAAA,MAAAK;EAAAL,EAAA,MAAAM;CAAA,OAAAA,KAAAN,EAAA;CAAA,OAFtCM;AAEsC;;;;;;;;;;;;AAiB1C,SAAOC,mBAAAR,IAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAA4B,MAAA,EAAAJ,UAAAW,SAAAC,cAAAP,IAAAQ,YAAAC,cAAAZ;CAGjC,MAAAU,eAAAP,OAAAU,KAAAA,IAAA,OAAAV;CAIA,MAAAW,aAAmBhC,WAAWU,0BAA0B;CACxD,MAAAuB,oBAA0BjC,WAAWK,oCAAoC;CAAE,IAAAiB;CAAA,IAAAH,EAAA,OAAAc,qBAAAd,EAAA,OAAAS,gBAAAT,EAAA,OAAAa,cAAAb,EAAA,OAAAW,aAAAX,EAAA,OAAAQ,SAAA;EAE9CL,KAAA,YAAA;GAC3BW,oBAAoB;GAEpB,IAAIL,gBAAAK,mBAQFD,YAAUzB,QAAUuB,YAAA,UAAA,QAA8B;GAKpD,IAAII,MAFiBP,UAAU,MAEhB,UAAUC,gBAAAK,oBAEvBD,YAAUvB,QAAU;EACrB;EACFU,EAAA,KAAAc;EAAAd,EAAA,KAAAS;EAAAT,EAAA,KAAAa;EAAAb,EAAA,KAAAW;EAAAX,EAAA,KAAAQ;EAAAR,EAAA,KAAAG;CAAA,OAAAA,KAAAH,EAAA;CApBD,MAAAgB,cAAoBjC,SAASoB,EAoB5B;CAAE,IAAAC;CAAA,IAAAJ,EAAA,OAAAH,YAAAG,EAAA,OAAAgB,eAAAhB,EAAA,OAAAU,YAAA;EAGDN,KAAA,oBAAC,YAAD;GACE,YAAA;GACK,MAAA;GACOM;GACHM,SAAAA;GAERnB;EANQ,CAAA;EAOEG,EAAA,KAAAH;EAAAG,EAAA,KAAAgB;EAAAhB,EAAA,KAAAU;EAAAV,EAAA,KAAAI;CAAA,OAAAA,KAAAJ,EAAA;CAAA,OAPbI;AAOa"}

package/dist/components/overlays/Notifications/NotificationCard.d.ts

@@ -1,10 +1,8 @@
 
 import { DismissReason, NotificationType } from "./types.js";
-import * as react from "react";
 import { Key, ReactNode } from "react";
-
 //#region src/components/overlays/Notifications/NotificationCard.d.ts
-interface NotificationCardProps {
+export interface NotificationCardProps {
   qa?: string;
   /** Notification theme */
   theme?: NotificationType;
@@ -40,20 +38,6 @@ interface NotificationCardProps {
  * Shared presentational card used by both overlay NotificationItem
  * and PersistentNotificationListItem.
  */
-declare function NotificationCard({
-  qa,
-  theme,
-  title,
-  description,
-  icon: providedIcon,
-  actions,
-  isDismissable,
-  elevated,
-  notificationId,
-  onDismiss,
-  onRestore,
-  suffix
-}: NotificationCardProps): react.JSX.Element;
+export declare function NotificationCard({ qa, theme, title, description, icon: providedIcon, actions, isDismissable, elevated, notificationId, onDismiss, onRestore, suffix }: NotificationCardProps): import("react").JSX.Element;
 //#endregion
-export { NotificationCard, NotificationCardProps };
 //# sourceMappingURL=NotificationCard.d.ts.map

package/dist/components/overlays/Notifications/NotificationCard.js

@@ -1,9 +1,9 @@
-/** @license MIT | @cube-dev/ui-kit v0.196.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.198.0 | Cube Dev Team */
 import { Block } from "../../Block.js";
 import { ItemActionProvider } from "../../actions/ItemActionContext.js";
 import { useI18n } from "../../../i18n/useI18n.js";
 import { Space } from "../../layout/Space.js";
-import { _Item } from "../../content/Item/Item.js";
+import { Item as _Item } from "../../content/Item/Item.js";
 import { getThemeIcon } from "../Toast/useToast.js";
 import { Flex } from "../../layout/Flex.js";
 import { NotificationAction, NotificationDismissProvider } from "./NotificationAction.js";
@@ -11,7 +11,6 @@ import { c } from "react/compiler-runtime";
 import { tasty } from "@tenphi/tasty";
 import { isValidElement } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-
 //#region src/components/overlays/Notifications/NotificationCard.tsx
 const StyledItem = tasty(_Item, { styles: {
 	width: {
@@ -236,7 +235,7 @@ function NotificationCard(t0) {
 	} else t9 = $[25];
 	return t9;
 }
-
 //#endregion
 export { NotificationCard };
+
 //# sourceMappingURL=NotificationCard.js.map

package/dist/components/overlays/Notifications/NotificationCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"NotificationCard.js","names":["tasty","isValidElement","Key","ReactNode","useI18n","ItemActionProvider","Block","Item","Flex","Space","getThemeIcon","NotificationAction","NotificationDismissProvider","DismissReason","NotificationType","StyledItem","styles","width","flat","shadow","radius","transition","Description","preset","overflowWrap","hasDismissAction","node","found","visit","n","Array","isArray","child","type","props","isDismiss","children","AutoDismissButton","$","_c","t","t0","t1","ActionsSectionProps","actions","theme","showAutoDismiss","hasDismissContext","notificationId","onDismiss","id","reason","onRestore","ActionsSection","hasDismiss","showDefaultDismiss","t2","t3","actionsContent","t4","t5","NotificationCardProps","qa","title","description","icon","isDismissable","elevated","suffix","NotificationCard","providedIcon","undefined","hasActions","descriptionContent","t6","t7","t8","border","t9"],"sources":["../../../../src/components/overlays/Notifications/NotificationCard.tsx"],"sourcesContent":["import { tasty } from '@tenphi/tasty';\nimport { isValidElement, Key, ReactNode } from 'react';\n\nimport { useI18n } from '../../../i18n';\nimport { ItemActionProvider } from '../../actions/ItemActionContext';\nimport { Block } from '../../Block';\nimport { Item } from '../../content/Item/Item';\nimport { Flex } from '../../layout/Flex';\nimport { Space } from '../../layout/Space';\nimport { getThemeIcon } from '../Toast/useToast';\n\nimport {\n  NotificationAction,\n  NotificationDismissProvider,\n} from './NotificationAction';\n\nimport type { DismissReason, NotificationType } from './types';\n\n// ─── Styled Components ──────────────────────────────────────────────\n\nconst StyledItem = tasty(Item, {\n  styles: {\n    // Same cap as OverlayContainer's item wrapper; change both together.\n    width: {\n      '': 'max min((100vw - 4x), 50x)',\n      flat: '100%',\n    },\n    shadow: {\n      '': '$shadow',\n      flat: false,\n    },\n    radius: {\n      '': '1cr',\n      flat: '0',\n    },\n    transition: 'theme, inset',\n\n    // A word wider than the card, such as a URL, breaks instead of being\n    // clipped. The title keeps its one-line ellipsis.\n    Description: {\n      preset: 't4',\n      overflowWrap: 'anywhere',\n    },\n  },\n});\n\n// ─── Dismiss Action Detection ────────────────────────────────────────\n\n/**\n * Deterministically checks whether any `NotificationAction` with `isDismiss`\n * is present in the `actions` ReactNode tree.\n *\n * Walks the static element tree (arrays, fragments, host elements, and\n * composite wrappers via their `children` prop) instead of relying on\n * render-phase ref mutation, so suppression does not depend on sibling render\n * order or concurrent rendering timing.\n */\nfunction hasDismissAction(node: ReactNode): boolean {\n  let found = false;\n\n  const visit = (n: ReactNode) => {\n    if (found || n == null || typeof n === 'boolean' || typeof n === 'string') {\n      return;\n    }\n\n    if (Array.isArray(n)) {\n      for (const child of n) visit(child);\n      return;\n    }\n\n    if (isValidElement(n)) {\n      if (n.type === NotificationAction && (n.props as any).isDismiss) {\n        found = true;\n        return;\n      }\n\n      // Recurse into any wrapper's children (fragments, host elements like\n      // `div`, and composite wrappers like `Flex` that receive the actions as\n      // children). Note: a component that creates the NotificationAction\n      // internally rather than receiving it via children cannot be detected\n      // statically.\n      visit((n.props as any).children);\n    }\n  };\n\n  visit(node);\n  return found;\n}\n\n/**\n * Renders the default \"Dismiss\" button. Suppression is decided by the caller\n * via `hasDismissAction(actions)` — this component always renders the button.\n */\nfunction AutoDismissButton() {\n  const { t } = useI18n();\n\n  return (\n    <NotificationAction isDismiss>\n      {t('notifications.dismiss', 'Dismiss')}\n    </NotificationAction>\n  );\n}\n\n// ─── ActionsSection ─────────────────────────────────────────────────\n\ninterface ActionsSectionProps {\n  actions?: ReactNode;\n  theme?: NotificationType;\n  /**\n   * Whether to show the auto-appended \"Dismiss\" button.\n   * Controlled by `isDismissable` on the notification.\n   *\n   * When false, no default \"Dismiss\" button is rendered, but actions with\n   * `closeOnPress` (default `true`) can still close the notification via\n   * the dismiss context.\n   */\n  showAutoDismiss: boolean;\n  /** Whether the dismiss context is available (notificationId + onDismiss present) */\n  hasDismissContext: boolean;\n  notificationId?: Key;\n  onDismiss?: (id: Key, reason: DismissReason) => void;\n  onRestore?: (id: Key) => void;\n}\n\n/**\n * Extracted sub-component for the actions area of a notification card.\n *\n * The dismiss provider is always rendered when `hasDismissContext` is true,\n * so any action with `closeOnPress` can close the notification — regardless\n * of `isDismissable`. The `showAutoDismiss` flag only controls the\n * auto-appended \"Dismiss\" button.\n */\nfunction ActionsSection({\n  actions,\n  theme,\n  showAutoDismiss,\n  hasDismissContext,\n  notificationId,\n  onDismiss,\n  onRestore,\n}: ActionsSectionProps) {\n  // Suppress the auto-appended \"Dismiss\" when any provided action is already\n  // marked `isDismiss`. Determined statically from the element tree so it does\n  // not depend on render order or concurrent rendering timing.\n  const hasDismiss = hasDismissAction(actions);\n  const showDefaultDismiss = showAutoDismiss && !hasDismiss;\n\n  const actionsContent = (\n    <Space placeSelf=\"end\" placeContent=\"end\" flexGrow={1}>\n      {actions}\n      {showDefaultDismiss && <AutoDismissButton />}\n    </Space>\n  );\n\n  return (\n    <ItemActionProvider type=\"card\" theme={theme}>\n      {hasDismissContext ? (\n        <NotificationDismissProvider\n          notificationId={notificationId!}\n          onDismiss={onDismiss!}\n          onRestore={onRestore}\n        >\n          {actionsContent}\n        </NotificationDismissProvider>\n      ) : (\n        actionsContent\n      )}\n    </ItemActionProvider>\n  );\n}\n\n// ─── NotificationCard ────────────────────────────────────────────────\n\nexport interface NotificationCardProps {\n  qa?: string;\n  /** Notification theme */\n  theme?: NotificationType;\n  /** Primary text */\n  title?: ReactNode;\n  /** Secondary text */\n  description?: ReactNode;\n  /** Custom icon override (theme default used if omitted) */\n  icon?: ReactNode;\n  /** Action buttons rendered below description */\n  actions?: ReactNode;\n  /**\n   * Whether the notification shows the default dismiss UI (auto-appended\n   * \"Dismiss\" button and Escape key). Default: true.\n   *\n   * When false, no default \"Dismiss\" button is rendered and Escape does\n   * nothing, but actions with `closeOnPress` (default) can still close\n   * the notification.\n   */\n  isDismissable?: boolean;\n  /** When false the card drops its shadow (e.g. inside a list). Default: true. */\n  elevated?: boolean;\n  /** Notification id */\n  notificationId?: Key;\n  /** Called when the notification is dismissed */\n  onDismiss?: (id: Key, reason: DismissReason) => void;\n  /** Called when a dismissed notification should be restored (async action returned false) */\n  onRestore?: (id: Key) => void;\n  /** Suffix content (e.g. timestamp) */\n  suffix?: ReactNode;\n}\n\n/**\n * Shared presentational card used by both overlay NotificationItem\n * and PersistentNotificationListItem.\n */\nexport function NotificationCard({\n  qa = 'Notification',\n  theme,\n  title,\n  description,\n  icon: providedIcon,\n  actions,\n  isDismissable = true,\n  elevated = true,\n  notificationId,\n  onDismiss,\n  onRestore,\n  suffix,\n}: NotificationCardProps) {\n  const icon = getThemeIcon(theme, providedIcon);\n\n  const hasDismissContext = notificationId != null && onDismiss != null;\n  const showAutoDismiss = isDismissable && hasDismissContext;\n  const hasActions = !!(actions || showAutoDismiss);\n\n  const descriptionContent: ReactNode =\n    description || hasActions ? (\n      <Flex flow=\"row wrap\" gap=\"0.5x 1x\" placeItems=\"center stretch\">\n        {description && <Block>{description}</Block>}\n        {hasActions && (\n          <ActionsSection\n            actions={actions}\n            theme={theme}\n            showAutoDismiss={showAutoDismiss}\n            hasDismissContext={hasDismissContext}\n            notificationId={notificationId}\n            onDismiss={onDismiss}\n            onRestore={onRestore}\n          />\n        )}\n      </Flex>\n    ) : undefined;\n\n  return (\n    <StyledItem\n      qa={qa}\n      type=\"card\"\n      theme={theme}\n      icon={icon}\n      description={descriptionContent}\n      suffix={suffix}\n      mods={{ flat: !elevated }}\n      styles={!elevated ? { border: '0' } : undefined}\n    >\n      {title}\n    </StyledItem>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;AAoBA,MAAMe,aAAaf,MAAMO,OAAM,EAC7BS,QAAQ;CAENC,OAAO;EACL,IAAI;EACJC,MAAM;EACP;CACDC,QAAQ;EACN,IAAI;EACJD,MAAM;EACP;CACDE,QAAQ;EACN,IAAI;EACJF,MAAM;EACP;CACDG,YAAY;CAIZC,aAAa;EACXC,QAAQ;EACRC,cAAc;EAChB;CACF,EACD,CAAC;;;;;;;;;;AAaF,SAASC,iBAAiBC,MAA0B;CAClD,IAAIC,QAAQ;CAEZ,MAAMC,SAASC,MAAiB;AAC9B,MAAIF,SAASE,KAAK,QAAQ,OAAOA,MAAM,aAAa,OAAOA,MAAM,SAC/D;AAGF,MAAIC,MAAMC,QAAQF,EAAE,EAAE;AACpB,QAAK,MAAMG,SAASH,EAAGD,OAAMI,MAAM;AACnC;;AAGF,MAAI/B,eAAe4B,EAAE,EAAE;AACrB,OAAIA,EAAEI,SAAStB,sBAAuBkB,EAAEK,MAAcC,WAAW;AAC/DR,YAAQ;AACR;;AAQFC,SAAOC,EAAEK,MAAcE,SAAS;;;AAIpCR,OAAMF,KAAK;AACX,QAAOC;;;;;;AAOT,SAAAU,oBAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CACE,MAAA,EAAAC,MAAcpC,SAAS;CAAC,IAAAqC;AAAA,KAAAH,EAAA,OAAAE,GAAA;AAInBC,OAAAD,EAAE,yBAAyB,UAAU;AAAAF,IAAA,KAAAE;AAAAF,IAAA,KAAAG;OAAAA,MAAAH,EAAA;CAAA,IAAAI;AAAA,KAAAJ,EAAA,OAAAG,IAAA;AADxCC,OAAA,oBAAC;GAAmB,WAAA;aACjBD;IACkB;AAAAH,IAAA,KAAAG;AAAAH,IAAA,KAAAI;OAAAA,MAAAJ,EAAA;AAAA,QAFrBI;;;;;;;;;;AAmCJ,SAAAW,eAAAZ,IAAA;CAAA,MAAAH,IAAAC,EAAA,GAAA;CAAwB,MAAA,EAAAK,SAAAC,OAAAC,iBAAAC,mBAAAC,gBAAAC,WAAAG,cAAAX;CAQF,IAAAC;AAAA,KAAAJ,EAAA,OAAAM,SAAA;AAIDF,OAAAjB,iBAAiBmB,QAAQ;AAAAN,IAAA,KAAAM;AAAAN,IAAA,KAAAI;OAAAA,MAAAJ,EAAA;CAC5C,MAAAiB,qBAA2BT,mBAAA,CADRJ;CACuC,IAAAc;AAAA,KAAAlB,EAAA,OAAAiB,oBAAA;AAKrDC,OAAAD,sBAAsB,oBAAC,sBAAoB;AAAAjB,IAAA,KAAAiB;AAAAjB,IAAA,KAAAkB;OAAAA,MAAAlB,EAAA;CAAA,IAAAmB;AAAA,KAAAnB,EAAA,OAAAM,WAAAN,EAAA,OAAAkB,IAAA;AAF9CC,OAAA,qBAAC;GAAgB,WAAA;GAAmB,cAAA;GAAgB,UAAA;cACjDb,SACAY;IACK;AAAAlB,IAAA,KAAAM;AAAAN,IAAA,KAAAkB;AAAAlB,IAAA,KAAAmB;OAAAA,MAAAnB,EAAA;CAJV,MAAAoB,iBACED;CAIA,IAAAE;AAAA,KAAArB,EAAA,OAAAoB,kBAAApB,EAAA,OAAAS,qBAAAT,EAAA,OAAAU,kBAAAV,EAAA,QAAAW,aAAAX,EAAA,QAAAc,WAAA;AAIGO,OAAAZ,oBACC,oBAAC;GACiBC;GACLC;GACAG;aAEVM;IAIJ,GAVAA;AAUApB,IAAA,KAAAoB;AAAApB,IAAA,KAAAS;AAAAT,IAAA,KAAAU;AAAAV,IAAA,MAAAW;AAAAX,IAAA,MAAAc;AAAAd,IAAA,MAAAqB;OAAAA,MAAArB,EAAA;CAAA,IAAAsB;AAAA,KAAAtB,EAAA,QAAAqB,MAAArB,EAAA,QAAAO,OAAA;AAXHe,OAAA,oBAAC;GAAwB,MAAA;GAAcf;aACpCc;IAWkB;AAAArB,IAAA,MAAAqB;AAAArB,IAAA,MAAAO;AAAAP,IAAA,MAAAsB;OAAAA,MAAAtB,EAAA;AAAA,QAZrBsB;;;;;;AAuDJ,SAAOS,iBAAA5B,IAAA;CAAA,MAAAH,IAAAC,EAAA,GAAA;CAA0B,MAAA,EAAAuB,IAAApB,IAAAG,OAAAkB,OAAAC,aAAAC,MAAAK,cAAA1B,SAAAsB,eAAAV,IAAAW,UAAAV,IAAAT,gBAAAC,WAAAG,WAAAgB,WAAA3B;CAC/B,MAAAqB,KAAApB,OAAA6B,SAAA,iBAAA7B;CAMA,MAAAwB,gBAAAV,OAAAe,SAAA,OAAAf;CACA,MAAAW,WAAAV,OAAAc,SAAA,OAAAd;CAAe,IAAAE;AAAA,KAAArB,EAAA,OAAAgC,gBAAAhC,EAAA,OAAAO,OAAA;AAMFc,OAAAjD,aAAamC,OAAOyB,aAAa;AAAAhC,IAAA,KAAAgC;AAAAhC,IAAA,KAAAO;AAAAP,IAAA,KAAAqB;OAAAA,MAAArB,EAAA;CAA9C,MAAA2B,OAAaN;CAEb,MAAAZ,oBAA0BC,kBAAkB,QAAQC,aAAa;CACjE,MAAAH,kBAAwBoB,iBAAAnB;CACxB,MAAAyB,aAAmB,CAAC,EAAE5B,WAAAE;CAA4B,IAAAc;AAAA,KAAAtB,EAAA,OAAAM,WAAAN,EAAA,OAAA0B,eAAA1B,EAAA,OAAAkC,cAAAlC,EAAA,OAAAS,qBAAAT,EAAA,OAAAU,kBAAAV,EAAA,OAAAW,aAAAX,EAAA,OAAAc,aAAAd,EAAA,QAAAQ,mBAAAR,EAAA,QAAAO,OAAA;AAGhDe,OAAAI,eAAAQ,aACE,qBAAC;GAAU,MAAA;GAAe,KAAA;GAAqB,YAAA;cAC5CR,eAAe,oBAAC,mBAAOA,cAAmB,EAC1CQ,cACC,oBAAC;IACU5B;IACFC;IACUC;IACEC;IACHC;IACLC;IACAG;KAEf;IAES,GAfbmB;AAeajC,IAAA,KAAAM;AAAAN,IAAA,KAAA0B;AAAA1B,IAAA,KAAAkC;AAAAlC,IAAA,KAAAS;AAAAT,IAAA,KAAAU;AAAAV,IAAA,KAAAW;AAAAX,IAAA,KAAAc;AAAAd,IAAA,MAAAQ;AAAAR,IAAA,MAAAO;AAAAP,IAAA,MAAAsB;OAAAA,MAAAtB,EAAA;CAhBf,MAAAmC,qBACEb;CAyBgB,MAAAc,KAAA,CAACP;CAAQ,IAAAQ;AAAA,KAAArC,EAAA,QAAAoC,IAAA;AAAjBC,OAAA,EAAAzD,MAAQwD,IAAW;AAAApC,IAAA,MAAAoC;AAAApC,IAAA,MAAAqC;OAAAA,MAAArC,EAAA;CAAA,IAAAsC;AAAA,KAAAtC,EAAA,QAAA6B,UAAA;AACjBS,OAAA,CAACT,WAAD,EAAAU,QAAsB,KAAiB,GAAvCN;AAAuCjC,IAAA,MAAA6B;AAAA7B,IAAA,MAAAsC;OAAAA,MAAAtC,EAAA;CAAA,IAAAwC;AAAA,KAAAxC,EAAA,QAAAmC,sBAAAnC,EAAA,QAAA2B,QAAA3B,EAAA,QAAAwB,MAAAxB,EAAA,QAAA8B,UAAA9B,EAAA,QAAAqC,MAAArC,EAAA,QAAAsC,MAAAtC,EAAA,QAAAO,SAAAP,EAAA,QAAAyB,OAAA;AARjDe,OAAA,oBAAC;GACKhB;GACC,MAAA;GACEjB;GACDoB;GACOQ,aAAAA;GACLL;GACF,MAAAO;GACE,QAAAC;aAEPb;IACU;AAAAzB,IAAA,MAAAmC;AAAAnC,IAAA,MAAA2B;AAAA3B,IAAA,MAAAwB;AAAAxB,IAAA,MAAA8B;AAAA9B,IAAA,MAAAqC;AAAArC,IAAA,MAAAsC;AAAAtC,IAAA,MAAAO;AAAAP,IAAA,MAAAyB;AAAAzB,IAAA,MAAAwC;OAAAA,MAAAxC,EAAA;AAAA,QAXbwC"}
+{"version":3,"file":"NotificationCard.js","names":["tasty","isValidElement","Key","ReactNode","useI18n","ItemActionProvider","Block","Item","Flex","Space","getThemeIcon","NotificationAction","NotificationDismissProvider","DismissReason","NotificationType","StyledItem","styles","width","flat","shadow","radius","transition","Description","preset","overflowWrap","hasDismissAction","node","found","visit","n","Array","isArray","child","type","props","isDismiss","children","AutoDismissButton","$","_c","t","t0","t1","ActionsSectionProps","actions","theme","showAutoDismiss","hasDismissContext","notificationId","onDismiss","id","reason","onRestore","ActionsSection","hasDismiss","showDefaultDismiss","t2","t3","actionsContent","t4","t5","NotificationCardProps","qa","title","description","icon","isDismissable","elevated","suffix","NotificationCard","providedIcon","undefined","hasActions","descriptionContent","t6","t7","t8","border","t9","Item","_c","hasDismiss"],"sources":["../../../../src/components/overlays/Notifications/NotificationCard.tsx"],"sourcesContent":["import { tasty } from '@tenphi/tasty';\nimport { isValidElement, Key, ReactNode } from 'react';\n\nimport { useI18n } from '../../../i18n';\nimport { ItemActionProvider } from '../../actions/ItemActionContext';\nimport { Block } from '../../Block';\nimport { Item } from '../../content/Item/Item';\nimport { Flex } from '../../layout/Flex';\nimport { Space } from '../../layout/Space';\nimport { getThemeIcon } from '../Toast/useToast';\n\nimport {\n  NotificationAction,\n  NotificationDismissProvider,\n} from './NotificationAction';\n\nimport type { DismissReason, NotificationType } from './types';\n\n// ─── Styled Components ──────────────────────────────────────────────\n\nconst StyledItem = tasty(Item, {\n  styles: {\n    // Same cap as OverlayContainer's item wrapper; change both together.\n    width: {\n      '': 'max min((100vw - 4x), 50x)',\n      flat: '100%',\n    },\n    shadow: {\n      '': '$shadow',\n      flat: false,\n    },\n    radius: {\n      '': '1cr',\n      flat: '0',\n    },\n    transition: 'theme, inset',\n\n    // A word wider than the card, such as a URL, breaks instead of being\n    // clipped. The title keeps its one-line ellipsis.\n    Description: {\n      preset: 't4',\n      overflowWrap: 'anywhere',\n    },\n  },\n});\n\n// ─── Dismiss Action Detection ────────────────────────────────────────\n\n/**\n * Deterministically checks whether any `NotificationAction` with `isDismiss`\n * is present in the `actions` ReactNode tree.\n *\n * Walks the static element tree (arrays, fragments, host elements, and\n * composite wrappers via their `children` prop) instead of relying on\n * render-phase ref mutation, so suppression does not depend on sibling render\n * order or concurrent rendering timing.\n */\nfunction hasDismissAction(node: ReactNode): boolean {\n  let found = false;\n\n  const visit = (n: ReactNode) => {\n    if (found || n == null || typeof n === 'boolean' || typeof n === 'string') {\n      return;\n    }\n\n    if (Array.isArray(n)) {\n      for (const child of n) visit(child);\n      return;\n    }\n\n    if (isValidElement(n)) {\n      if (n.type === NotificationAction && (n.props as any).isDismiss) {\n        found = true;\n        return;\n      }\n\n      // Recurse into any wrapper's children (fragments, host elements like\n      // `div`, and composite wrappers like `Flex` that receive the actions as\n      // children). Note: a component that creates the NotificationAction\n      // internally rather than receiving it via children cannot be detected\n      // statically.\n      visit((n.props as any).children);\n    }\n  };\n\n  visit(node);\n  return found;\n}\n\n/**\n * Renders the default \"Dismiss\" button. Suppression is decided by the caller\n * via `hasDismissAction(actions)` — this component always renders the button.\n */\nfunction AutoDismissButton() {\n  const { t } = useI18n();\n\n  return (\n    <NotificationAction isDismiss>\n      {t('notifications.dismiss', 'Dismiss')}\n    </NotificationAction>\n  );\n}\n\n// ─── ActionsSection ─────────────────────────────────────────────────\n\ninterface ActionsSectionProps {\n  actions?: ReactNode;\n  theme?: NotificationType;\n  /**\n   * Whether to show the auto-appended \"Dismiss\" button.\n   * Controlled by `isDismissable` on the notification.\n   *\n   * When false, no default \"Dismiss\" button is rendered, but actions with\n   * `closeOnPress` (default `true`) can still close the notification via\n   * the dismiss context.\n   */\n  showAutoDismiss: boolean;\n  /** Whether the dismiss context is available (notificationId + onDismiss present) */\n  hasDismissContext: boolean;\n  notificationId?: Key;\n  onDismiss?: (id: Key, reason: DismissReason) => void;\n  onRestore?: (id: Key) => void;\n}\n\n/**\n * Extracted sub-component for the actions area of a notification card.\n *\n * The dismiss provider is always rendered when `hasDismissContext` is true,\n * so any action with `closeOnPress` can close the notification — regardless\n * of `isDismissable`. The `showAutoDismiss` flag only controls the\n * auto-appended \"Dismiss\" button.\n */\nfunction ActionsSection({\n  actions,\n  theme,\n  showAutoDismiss,\n  hasDismissContext,\n  notificationId,\n  onDismiss,\n  onRestore,\n}: ActionsSectionProps) {\n  // Suppress the auto-appended \"Dismiss\" when any provided action is already\n  // marked `isDismiss`. Determined statically from the element tree so it does\n  // not depend on render order or concurrent rendering timing.\n  const hasDismiss = hasDismissAction(actions);\n  const showDefaultDismiss = showAutoDismiss && !hasDismiss;\n\n  const actionsContent = (\n    <Space placeSelf=\"end\" placeContent=\"end\" flexGrow={1}>\n      {actions}\n      {showDefaultDismiss && <AutoDismissButton />}\n    </Space>\n  );\n\n  return (\n    <ItemActionProvider type=\"card\" theme={theme}>\n      {hasDismissContext ? (\n        <NotificationDismissProvider\n          notificationId={notificationId!}\n          onDismiss={onDismiss!}\n          onRestore={onRestore}\n        >\n          {actionsContent}\n        </NotificationDismissProvider>\n      ) : (\n        actionsContent\n      )}\n    </ItemActionProvider>\n  );\n}\n\n// ─── NotificationCard ────────────────────────────────────────────────\n\nexport interface NotificationCardProps {\n  qa?: string;\n  /** Notification theme */\n  theme?: NotificationType;\n  /** Primary text */\n  title?: ReactNode;\n  /** Secondary text */\n  description?: ReactNode;\n  /** Custom icon override (theme default used if omitted) */\n  icon?: ReactNode;\n  /** Action buttons rendered below description */\n  actions?: ReactNode;\n  /**\n   * Whether the notification shows the default dismiss UI (auto-appended\n   * \"Dismiss\" button and Escape key). Default: true.\n   *\n   * When false, no default \"Dismiss\" button is rendered and Escape does\n   * nothing, but actions with `closeOnPress` (default) can still close\n   * the notification.\n   */\n  isDismissable?: boolean;\n  /** When false the card drops its shadow (e.g. inside a list). Default: true. */\n  elevated?: boolean;\n  /** Notification id */\n  notificationId?: Key;\n  /** Called when the notification is dismissed */\n  onDismiss?: (id: Key, reason: DismissReason) => void;\n  /** Called when a dismissed notification should be restored (async action returned false) */\n  onRestore?: (id: Key) => void;\n  /** Suffix content (e.g. timestamp) */\n  suffix?: ReactNode;\n}\n\n/**\n * Shared presentational card used by both overlay NotificationItem\n * and PersistentNotificationListItem.\n */\nexport function NotificationCard({\n  qa = 'Notification',\n  theme,\n  title,\n  description,\n  icon: providedIcon,\n  actions,\n  isDismissable = true,\n  elevated = true,\n  notificationId,\n  onDismiss,\n  onRestore,\n  suffix,\n}: NotificationCardProps) {\n  const icon = getThemeIcon(theme, providedIcon);\n\n  const hasDismissContext = notificationId != null && onDismiss != null;\n  const showAutoDismiss = isDismissable && hasDismissContext;\n  const hasActions = !!(actions || showAutoDismiss);\n\n  const descriptionContent: ReactNode =\n    description || hasActions ? (\n      <Flex flow=\"row wrap\" gap=\"0.5x 1x\" placeItems=\"center stretch\">\n        {description && <Block>{description}</Block>}\n        {hasActions && (\n          <ActionsSection\n            actions={actions}\n            theme={theme}\n            showAutoDismiss={showAutoDismiss}\n            hasDismissContext={hasDismissContext}\n            notificationId={notificationId}\n            onDismiss={onDismiss}\n            onRestore={onRestore}\n          />\n        )}\n      </Flex>\n    ) : undefined;\n\n  return (\n    <StyledItem\n      qa={qa}\n      type=\"card\"\n      theme={theme}\n      icon={icon}\n      description={descriptionContent}\n      suffix={suffix}\n      mods={{ flat: !elevated }}\n      styles={!elevated ? { border: '0' } : undefined}\n    >\n      {title}\n    </StyledItem>\n  );\n}\n"],"mappings":"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"}

package/dist/components/overlays/Notifications/NotificationContext.d.ts

@@ -1,10 +1,7 @@
 
 import "./types.js";
 import { ToastContextValue } from "../Toast/types.js";
-import "react";
-
 //#region src/components/overlays/Notifications/NotificationContext.d.ts
-declare function useToastContext(): ToastContextValue;
+export declare function useToastContext(): ToastContextValue;
 //#endregion
-export { useToastContext };
 //# sourceMappingURL=NotificationContext.d.ts.map

package/dist/components/overlays/Notifications/NotificationContext.js

@@ -1,6 +1,5 @@
-/** @license MIT | @cube-dev/ui-kit v0.196.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.198.0 | Cube Dev Team */
 import { createContext, useContext } from "react";
-
 //#region src/components/overlays/Notifications/NotificationContext.ts
 const ToastContext = createContext(null);
 /**
@@ -28,7 +27,7 @@ function usePersistentNotificationsContext() {
 	if (!context) throw new Error("usePersistentNotificationsContext must be used within an OverlayProvider");
 	return context;
 }
-
 //#endregion
 export { NotificationContext, PersistentNotificationsContext, ToastContext, useNotificationContext, usePersistentNotificationsContext, useToastContext };
+
 //# sourceMappingURL=NotificationContext.js.map

package/dist/components/overlays/Notifications/NotificationContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"NotificationContext.js","names":["createContext","useContext","ToastContextValue","InternalNotificationContextValue","PersistentNotificationsContextValue","ToastContext","NotificationContext","PersistentNotificationsContext","useToastContext","context","Error","useNotificationContext","usePersistentNotificationsContext"],"sources":["../../../../src/components/overlays/Notifications/NotificationContext.ts"],"sourcesContent":["import { createContext, useContext } from 'react';\n\nimport type { ToastContextValue } from '../Toast/types';\nimport type {\n  InternalNotificationContextValue,\n  PersistentNotificationsContextValue,\n} from './types';\n\n// ─── Contexts ─────────────────────────────────────────────────────────\n\nexport const ToastContext = createContext<ToastContextValue | null>(null);\n\n/**\n * Internal context for overlay notification machinery.\n * Not exported publicly — consumers should use `useNotifications` hook.\n */\nexport const NotificationContext =\n  createContext<InternalNotificationContextValue | null>(null);\n\n/**\n * Public context for persistent notifications.\n * Used by `usePersistentNotifications` and `useNotificationsCount` hooks.\n */\nexport const PersistentNotificationsContext =\n  createContext<PersistentNotificationsContextValue | null>(null);\n\n// ─── Context Hooks ────────────────────────────────────────────────────\n\nexport function useToastContext(): ToastContextValue {\n  const context = useContext(ToastContext);\n\n  if (!context) {\n    throw new Error('useToastContext must be used within an OverlayProvider');\n  }\n\n  return context;\n}\n\nexport function useNotificationContext(): InternalNotificationContextValue {\n  const context = useContext(NotificationContext);\n\n  if (!context) {\n    throw new Error(\n      'useNotificationContext must be used within an OverlayProvider',\n    );\n  }\n\n  return context;\n}\n\nexport function usePersistentNotificationsContext(): PersistentNotificationsContextValue {\n  const context = useContext(PersistentNotificationsContext);\n\n  if (!context) {\n    throw new Error(\n      'usePersistentNotificationsContext must be used within an OverlayProvider',\n    );\n  }\n\n  return context;\n}\n"],"mappings":";;;;AAUA,MAAaK,eAAeL,cAAwC,KAAK;;;;;AAMzE,MAAaM,sBACXN,cAAuD,KAAK;;;;;AAM9D,MAAaO,iCACXP,cAA0D,KAAK;AAIjE,SAAOQ,kBAAA;CACL,MAAAC,UAAgBR,WAAWI,aAAa;AAExC,KAAI,CAACI,QACH,OAAM,IAAIC,MAAM,yDAAyD;AAC1E,QAEMD;;AAGT,SAAOE,yBAAA;CACL,MAAAF,UAAgBR,WAAWK,oBAAoB;AAE/C,KAAI,CAACG,QACH,OAAM,IAAIC,MACR,gEACD;AACF,QAEMD;;AAGT,SAAOG,oCAAA;CACL,MAAAH,UAAgBR,WAAWM,+BAA+B;AAE1D,KAAI,CAACE,QACH,OAAM,IAAIC,MACR,2EACD;AACF,QAEMD"}
+{"version":3,"file":"NotificationContext.js","names":["createContext","useContext","ToastContextValue","InternalNotificationContextValue","PersistentNotificationsContextValue","ToastContext","NotificationContext","PersistentNotificationsContext","useToastContext","context","Error","useNotificationContext","usePersistentNotificationsContext"],"sources":["../../../../src/components/overlays/Notifications/NotificationContext.ts"],"sourcesContent":["import { createContext, useContext } from 'react';\n\nimport type { ToastContextValue } from '../Toast/types';\nimport type {\n  InternalNotificationContextValue,\n  PersistentNotificationsContextValue,\n} from './types';\n\n// ─── Contexts ─────────────────────────────────────────────────────────\n\nexport const ToastContext = createContext<ToastContextValue | null>(null);\n\n/**\n * Internal context for overlay notification machinery.\n * Not exported publicly — consumers should use `useNotifications` hook.\n */\nexport const NotificationContext =\n  createContext<InternalNotificationContextValue | null>(null);\n\n/**\n * Public context for persistent notifications.\n * Used by `usePersistentNotifications` and `useNotificationsCount` hooks.\n */\nexport const PersistentNotificationsContext =\n  createContext<PersistentNotificationsContextValue | null>(null);\n\n// ─── Context Hooks ────────────────────────────────────────────────────\n\nexport function useToastContext(): ToastContextValue {\n  const context = useContext(ToastContext);\n\n  if (!context) {\n    throw new Error('useToastContext must be used within an OverlayProvider');\n  }\n\n  return context;\n}\n\nexport function useNotificationContext(): InternalNotificationContextValue {\n  const context = useContext(NotificationContext);\n\n  if (!context) {\n    throw new Error(\n      'useNotificationContext must be used within an OverlayProvider',\n    );\n  }\n\n  return context;\n}\n\nexport function usePersistentNotificationsContext(): PersistentNotificationsContextValue {\n  const context = useContext(PersistentNotificationsContext);\n\n  if (!context) {\n    throw new Error(\n      'usePersistentNotificationsContext must be used within an OverlayProvider',\n    );\n  }\n\n  return context;\n}\n"],"mappings":";;;AAUA,MAAaK,eAAeL,cAAwC,IAAI;;;;;AAMxE,MAAaM,sBACXN,cAAuD,IAAI;;;;;AAM7D,MAAaO,iCACXP,cAA0D,IAAI;AAIhE,SAAOQ,kBAAA;CACL,MAAAC,UAAgBR,WAAWI,YAAY;CAEvC,IAAI,CAACI,SACH,MAAM,IAAIC,MAAM,wDAAwD;CACzE,OAEMD;AAAO;AAGhB,SAAOE,yBAAA;CACL,MAAAF,UAAgBR,WAAWK,mBAAmB;CAE9C,IAAI,CAACG,SACH,MAAM,IAAIC,MACR,+DACF;CACD,OAEMD;AAAO;AAGhB,SAAOG,oCAAA;CACL,MAAAH,UAAgBR,WAAWM,8BAA8B;CAEzD,IAAI,CAACE,SACH,MAAM,IAAIC,MACR,0EACF;CACD,OAEMD;AAAO"}

package/dist/components/overlays/Notifications/NotificationItem.d.ts

@@ -1,19 +1,12 @@
 
 import { DismissReason, InternalNotification } from "./types.js";
-import * as react from "react";
 import { Key } from "react";
-
 //#region src/components/overlays/Notifications/NotificationItem.d.ts
-interface NotificationItemProps {
+export interface NotificationItemProps {
   notification: InternalNotification;
   onDismiss: (id: Key, reason: DismissReason) => void;
   onRestore?: (id: Key) => void;
 }
-declare function NotificationItem({
-  notification,
-  onDismiss,
-  onRestore
-}: NotificationItemProps): react.JSX.Element;
+export declare function NotificationItem({ notification, onDismiss, onRestore }: NotificationItemProps): import("react").JSX.Element;
 //#endregion
-export { NotificationItem, NotificationItemProps };
 //# sourceMappingURL=NotificationItem.d.ts.map

package/dist/components/overlays/Notifications/NotificationItem.js

@@ -1,10 +1,9 @@
-/** @license MIT | @cube-dev/ui-kit v0.196.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.198.0 | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { NotificationCard } from "./NotificationCard.js";
 import { c } from "react/compiler-runtime";
 import { tasty } from "@tenphi/tasty";
 import { jsx } from "react/jsx-runtime";
-
 //#region src/components/overlays/Notifications/NotificationItem.tsx
 function getAriaRole(theme) {
 	if (theme === "danger" || theme === "warning") return "alert";
@@ -108,7 +107,7 @@ function NotificationItem(t0) {
 	} else t6 = $[22];
 	return t6;
 }
-
 //#endregion
 export { NotificationItem };
+
 //# sourceMappingURL=NotificationItem.js.map

package/dist/components/overlays/Notifications/NotificationItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"NotificationItem.js","names":["tasty","Key","KeyboardEvent","useEvent","NotificationCard","DismissReason","InternalNotification","NotificationType","getAriaRole","theme","getAriaLive","NotificationItemWrapper","as","tabIndex","styles","outline","NotificationItemProps","notification","onDismiss","id","reason","onRestore","NotificationItem","t0","$","_c","title","description","icon","actions","isDismissable","t1","internalId","undefined","notificationId","t2","e","key","stopPropagation","handleKeyDown","t3","t4","t5","t6"],"sources":["../../../../src/components/overlays/Notifications/NotificationItem.tsx"],"sourcesContent":["import { tasty } from '@tenphi/tasty';\nimport { Key, KeyboardEvent } from 'react';\n\nimport { useEvent } from '../../../_internal';\n\nimport { NotificationCard } from './NotificationCard';\n\nimport type {\n  DismissReason,\n  InternalNotification,\n  NotificationType,\n} from './types';\n\n// ─── ARIA Helpers ────────────────────────────────────────────────────\n\nfunction getAriaRole(theme?: NotificationType): 'alert' | 'status' {\n  if (theme === 'danger' || theme === 'warning') {\n    return 'alert';\n  }\n\n  return 'status';\n}\n\nfunction getAriaLive(theme?: NotificationType): 'assertive' | 'polite' {\n  if (theme === 'danger' || theme === 'warning') {\n    return 'assertive';\n  }\n\n  return 'polite';\n}\n\n// ─── Styled Wrapper ──────────────────────────────────────────────────\n\n/**\n * Wrapper element for overlay notification items.\n *\n * Accessibility attributes are set as static defaults:\n * - `tabIndex={0}`: Makes the notification focusable via keyboard, allowing\n *   users to Tab to it and press Escape to dismiss.\n * - `aria-atomic=\"true\"`: Ensures screen readers announce the entire notification\n *   when content changes (not just the diff).\n * - `aria-relevant=\"additions text\"`: Announces when new content is added or\n *   text changes, but not when elements are removed (e.g., during exit animation).\n *\n * The `role` and `aria-live` are set dynamically per-instance based on theme\n * (see `getAriaRole` and `getAriaLive` above).\n */\nconst NotificationItemWrapper = tasty({\n  as: 'div',\n  tabIndex: 0,\n  'aria-atomic': 'true',\n  'aria-relevant': 'additions text',\n  styles: {\n    outline: {\n      '': 'none',\n    },\n  },\n});\n\n// ─── NotificationItem Component ─────────────────────────────────────\n\nexport interface NotificationItemProps {\n  notification: InternalNotification;\n  onDismiss: (id: Key, reason: DismissReason) => void;\n  onRestore?: (id: Key) => void;\n}\n\nexport function NotificationItem({\n  notification,\n  onDismiss,\n  onRestore,\n}: NotificationItemProps) {\n  const {\n    theme,\n    title,\n    description,\n    icon,\n    actions,\n    isDismissable = true,\n    id,\n    internalId,\n  } = notification;\n\n  const notificationId = id ?? internalId;\n\n  const handleKeyDown = useEvent((e: KeyboardEvent) => {\n    if (e.key === 'Escape' && isDismissable) {\n      e.stopPropagation();\n      onDismiss(notificationId, 'close');\n    }\n  });\n\n  return (\n    <NotificationItemWrapper\n      role={getAriaRole(theme)}\n      aria-live={getAriaLive(theme)}\n      onKeyDown={handleKeyDown}\n    >\n      <NotificationCard\n        qa=\"Notification\"\n        theme={theme}\n        title={title}\n        description={description}\n        icon={icon}\n        actions={actions}\n        isDismissable={isDismissable}\n        notificationId={notificationId}\n        onDismiss={onDismiss}\n        onRestore={onRestore}\n      />\n    </NotificationItemWrapper>\n  );\n}\n"],"mappings":";;;;;;;;AAeA,SAASQ,YAAYC,OAA8C;AACjE,KAAIA,UAAU,YAAYA,UAAU,UAClC,QAAO;AAGT,QAAO;;AAGT,SAASC,YAAYD,OAAkD;AACrE,KAAIA,UAAU,YAAYA,UAAU,UAClC,QAAO;AAGT,QAAO;;;;;;;;;;;;;;;;AAmBT,MAAME,0BAA0BX,MAAM;CACpCY,IAAI;CACJC,UAAU;CACV,eAAe;CACf,iBAAiB;CACjBC,QAAQ,EACNC,SAAS,EACP,IAAI,QACN,EACF;CACD,CAAC;AAUF,SAAOO,iBAAAC,IAAA;CAAA,MAAAC,IAAAC,EAAA,GAAA;CAA0B,MAAA,EAAAR,cAAAC,WAAAG,cAAAE;CAK/B,MAAA,EAAAd,OAAAiB,OAAAC,aAAAC,MAAAC,SAAAC,eAAAC,IAAAZ,IAAAa,eASIf;CAHF,MAAAa,gBAAAC,OAAAE,SAAA,OAAAF;CAKF,MAAAG,iBAAuBf,MAAAa;CAAiB,IAAAG;AAAA,KAAAX,EAAA,OAAAM,iBAAAN,EAAA,OAAAU,kBAAAV,EAAA,OAAAN,WAAA;AAETiB,QAAAC,MAAA;AAC7B,OAAIA,EAACC,QAAS,YAAVP,eAAmC;AACrCM,MAACE,iBAAkB;AACnBpB,cAAUgB,gBAAgB,QAAQ;;;AAErCV,IAAA,KAAAM;AAAAN,IAAA,KAAAU;AAAAV,IAAA,KAAAN;AAAAM,IAAA,KAAAW;OAAAA,MAAAX,EAAA;CALD,MAAAe,gBAAsBpC,SAASgC,GAK7B;CAAC,IAAAK;AAAA,KAAAhB,EAAA,OAAAf,OAAA;AAIO+B,OAAAhC,YAAYC,MAAM;AAAAe,IAAA,KAAAf;AAAAe,IAAA,KAAAgB;OAAAA,MAAAhB,EAAA;CAAA,IAAAiB;AAAA,KAAAjB,EAAA,OAAAf,OAAA;AACbgC,OAAA/B,YAAYD,MAAM;AAAAe,IAAA,KAAAf;AAAAe,IAAA,KAAAiB;OAAAA,MAAAjB,EAAA;CAAA,IAAAkB;AAAA,KAAAlB,EAAA,OAAAK,WAAAL,EAAA,OAAAG,eAAAH,EAAA,QAAAI,QAAAJ,EAAA,QAAAM,iBAAAN,EAAA,QAAAU,kBAAAV,EAAA,QAAAN,aAAAM,EAAA,QAAAH,aAAAG,EAAA,QAAAf,SAAAe,EAAA,QAAAE,OAAA;AAG7BgB,OAAA,oBAAC;GACI,IAAA;GACIjC;GACAiB;GACMC;GACPC;GACGC;GACMC;GACCI;GACLhB;GACAG;IACX;AAAAG,IAAA,KAAAK;AAAAL,IAAA,KAAAG;AAAAH,IAAA,MAAAI;AAAAJ,IAAA,MAAAM;AAAAN,IAAA,MAAAU;AAAAV,IAAA,MAAAN;AAAAM,IAAA,MAAAH;AAAAG,IAAA,MAAAf;AAAAe,IAAA,MAAAE;AAAAF,IAAA,MAAAkB;OAAAA,MAAAlB,EAAA;CAAA,IAAAmB;AAAA,KAAAnB,EAAA,QAAAe,iBAAAf,EAAA,QAAAgB,MAAAhB,EAAA,QAAAiB,MAAAjB,EAAA,QAAAkB,IAAA;AAhBJC,OAAA,oBAAC;GACO,MAAAH;GACK,aAAAC;GACAF,WAAAA;aAEXG;IAYwB;AAAAlB,IAAA,MAAAe;AAAAf,IAAA,MAAAgB;AAAAhB,IAAA,MAAAiB;AAAAjB,IAAA,MAAAkB;AAAAlB,IAAA,MAAAmB;OAAAA,MAAAnB,EAAA;AAAA,QAjB1BmB"}
+{"version":3,"file":"NotificationItem.js","names":["tasty","Key","KeyboardEvent","useEvent","NotificationCard","DismissReason","InternalNotification","NotificationType","getAriaRole","theme","getAriaLive","NotificationItemWrapper","as","tabIndex","styles","outline","NotificationItemProps","notification","onDismiss","id","reason","onRestore","NotificationItem","t0","$","_c","title","description","icon","actions","isDismissable","t1","internalId","undefined","notificationId","t2","e","key","stopPropagation","handleKeyDown","t3","t4","t5","t6","_c"],"sources":["../../../../src/components/overlays/Notifications/NotificationItem.tsx"],"sourcesContent":["import { tasty } from '@tenphi/tasty';\nimport { Key, KeyboardEvent } from 'react';\n\nimport { useEvent } from '../../../_internal';\n\nimport { NotificationCard } from './NotificationCard';\n\nimport type {\n  DismissReason,\n  InternalNotification,\n  NotificationType,\n} from './types';\n\n// ─── ARIA Helpers ────────────────────────────────────────────────────\n\nfunction getAriaRole(theme?: NotificationType): 'alert' | 'status' {\n  if (theme === 'danger' || theme === 'warning') {\n    return 'alert';\n  }\n\n  return 'status';\n}\n\nfunction getAriaLive(theme?: NotificationType): 'assertive' | 'polite' {\n  if (theme === 'danger' || theme === 'warning') {\n    return 'assertive';\n  }\n\n  return 'polite';\n}\n\n// ─── Styled Wrapper ──────────────────────────────────────────────────\n\n/**\n * Wrapper element for overlay notification items.\n *\n * Accessibility attributes are set as static defaults:\n * - `tabIndex={0}`: Makes the notification focusable via keyboard, allowing\n *   users to Tab to it and press Escape to dismiss.\n * - `aria-atomic=\"true\"`: Ensures screen readers announce the entire notification\n *   when content changes (not just the diff).\n * - `aria-relevant=\"additions text\"`: Announces when new content is added or\n *   text changes, but not when elements are removed (e.g., during exit animation).\n *\n * The `role` and `aria-live` are set dynamically per-instance based on theme\n * (see `getAriaRole` and `getAriaLive` above).\n */\nconst NotificationItemWrapper = tasty({\n  as: 'div',\n  tabIndex: 0,\n  'aria-atomic': 'true',\n  'aria-relevant': 'additions text',\n  styles: {\n    outline: {\n      '': 'none',\n    },\n  },\n});\n\n// ─── NotificationItem Component ─────────────────────────────────────\n\nexport interface NotificationItemProps {\n  notification: InternalNotification;\n  onDismiss: (id: Key, reason: DismissReason) => void;\n  onRestore?: (id: Key) => void;\n}\n\nexport function NotificationItem({\n  notification,\n  onDismiss,\n  onRestore,\n}: NotificationItemProps) {\n  const {\n    theme,\n    title,\n    description,\n    icon,\n    actions,\n    isDismissable = true,\n    id,\n    internalId,\n  } = notification;\n\n  const notificationId = id ?? internalId;\n\n  const handleKeyDown = useEvent((e: KeyboardEvent) => {\n    if (e.key === 'Escape' && isDismissable) {\n      e.stopPropagation();\n      onDismiss(notificationId, 'close');\n    }\n  });\n\n  return (\n    <NotificationItemWrapper\n      role={getAriaRole(theme)}\n      aria-live={getAriaLive(theme)}\n      onKeyDown={handleKeyDown}\n    >\n      <NotificationCard\n        qa=\"Notification\"\n        theme={theme}\n        title={title}\n        description={description}\n        icon={icon}\n        actions={actions}\n        isDismissable={isDismissable}\n        notificationId={notificationId}\n        onDismiss={onDismiss}\n        onRestore={onRestore}\n      />\n    </NotificationItemWrapper>\n  );\n}\n"],"mappings":";;;;;;;AAeA,SAASQ,YAAYC,OAA8C;CACjE,IAAIA,UAAU,YAAYA,UAAU,WAClC,OAAO;CAGT,OAAO;AACT;AAEA,SAASC,YAAYD,OAAkD;CACrE,IAAIA,UAAU,YAAYA,UAAU,WAClC,OAAO;CAGT,OAAO;AACT;;;;;;;;;;;;;;;AAkBA,MAAME,0BAA0BX,MAAM;CACpCY,IAAI;CACJC,UAAU;CACV,eAAe;CACf,iBAAiB;CACjBC,QAAQ,EACNC,SAAS,EACP,IAAI,OACN,EACF;AACF,CAAC;AAUD,SAAOO,iBAAAC,IAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAA0B,MAAA,EAAAR,cAAAC,WAAAG,cAAAE;CAK/B,MAAA,EAAAd,OAAAiB,OAAAC,aAAAC,MAAAC,SAAAC,eAAAC,IAAAZ,IAAAa,eASIf;CAHF,MAAAa,gBAAAC,OAAAE,KAAAA,IAAA,OAAAF;CAKF,MAAAG,iBAAuBf,MAAAa;CAAiB,IAAAG;CAAA,IAAAX,EAAA,OAAAM,iBAAAN,EAAA,OAAAU,kBAAAV,EAAA,OAAAN,WAAA;EAETiB,MAAAC,MAAA;GAC7B,IAAIA,EAACC,QAAS,YAAVP,eAAmC;IACrCM,EAACE,gBAAiB;IAClBpB,UAAUgB,gBAAgB,OAAO;GAAC;EACnC;EACFV,EAAA,KAAAM;EAAAN,EAAA,KAAAU;EAAAV,EAAA,KAAAN;EAAAM,EAAA,KAAAW;CAAA,OAAAA,KAAAX,EAAA;CALD,MAAAe,gBAAsBpC,SAASgC,EAK9B;CAAE,IAAAK;CAAA,IAAAhB,EAAA,OAAAf,OAAA;EAIO+B,KAAAhC,YAAYC,KAAK;EAACe,EAAA,KAAAf;EAAAe,EAAA,KAAAgB;CAAA,OAAAA,KAAAhB,EAAA;CAAA,IAAAiB;CAAA,IAAAjB,EAAA,OAAAf,OAAA;EACbgC,KAAA/B,YAAYD,KAAK;EAACe,EAAA,KAAAf;EAAAe,EAAA,KAAAiB;CAAA,OAAAA,KAAAjB,EAAA;CAAA,IAAAkB;CAAA,IAAAlB,EAAA,OAAAK,WAAAL,EAAA,OAAAG,eAAAH,EAAA,QAAAI,QAAAJ,EAAA,QAAAM,iBAAAN,EAAA,QAAAU,kBAAAV,EAAA,QAAAN,aAAAM,EAAA,QAAAH,aAAAG,EAAA,QAAAf,SAAAe,EAAA,QAAAE,OAAA;EAG7BgB,KAAA,oBAAC,kBAAD;GACK,IAAA;GACIjC;GACAiB;GACMC;GACPC;GACGC;GACMC;GACCI;GACLhB;GACAG;EAAS,CAAA;EACpBG,EAAA,KAAAK;EAAAL,EAAA,KAAAG;EAAAH,EAAA,MAAAI;EAAAJ,EAAA,MAAAM;EAAAN,EAAA,MAAAU;EAAAV,EAAA,MAAAN;EAAAM,EAAA,MAAAH;EAAAG,EAAA,MAAAf;EAAAe,EAAA,MAAAE;EAAAF,EAAA,MAAAkB;CAAA,OAAAA,KAAAlB,EAAA;CAAA,IAAAmB;CAAA,IAAAnB,EAAA,QAAAe,iBAAAf,EAAA,QAAAgB,MAAAhB,EAAA,QAAAiB,MAAAjB,EAAA,QAAAkB,IAAA;EAhBJC,KAAA,oBAAC,yBAAD;GACQ,MAAAH;GACK,aAAAC;GACAF,WAAAA;GAEXG,UAAAA;EALsB,CAAA;EAiBElB,EAAA,MAAAe;EAAAf,EAAA,MAAAgB;EAAAhB,EAAA,MAAAiB;EAAAjB,EAAA,MAAAkB;EAAAlB,EAAA,MAAAmB;CAAA,OAAAA,KAAAnB,EAAA;CAAA,OAjB1BmB;AAiB0B"}

package/dist/components/overlays/Notifications/OverlayContainer.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.196.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.198.0 | Cube Dev Team */
 import { useLayoutEffect as useLayoutEffect$1 } from "../../../utils/react/useLayoutEffect.js";
 import { useViewportSize } from "../../../utils/react/useViewportSize.js";
 import { useEvent } from "../../../_internal/hooks/use-event.js";
@@ -10,10 +10,7 @@ import { c } from "react/compiler-runtime";
 import { tasty } from "@tenphi/tasty";
 import { useEffect, useRef, useState } from "react";
 import { jsx } from "react/jsx-runtime";
-
 //#region src/components/overlays/Notifications/OverlayContainer.tsx
-const COLLAPSE_VISIBLE_HEIGHT = 10;
-const CONTAINER_OFFSET = 16;
 const ITEM_GAP = 8;
 const DEFAULT_ITEM_HEIGHT = 56;
 const OverlayContainerElement = tasty({ styles: {
@@ -113,7 +110,7 @@ function useItemPositions(visibleItems) {
 			const newIds = Object.keys(heights).filter((id_2) => !settledIds.has(id_2));
 			if (newIds.length === 0) return;
 			const frame = requestAnimationFrame(() => {
-				setSettledIds((prev_0) => new Set([...prev_0, ...newIds]));
+				setSettledIds((prev_0) => /* @__PURE__ */ new Set([...prev_0, ...newIds]));
 			});
 			return () => cancelAnimationFrame(frame);
 		};
@@ -442,7 +439,7 @@ function OverlayContainer(t0) {
 				if (!isCollapsed || !canCollapse) return { top: `${baseTop}px` };
 				const isNewest = index === total - 1;
 				return {
-					top: `${COLLAPSE_VISIBLE_HEIGHT - CONTAINER_OFFSET - height}px`,
+					top: `${-6 - height}px`,
 					zIndex: index,
 					opacity: isNewest ? 1 : 0,
 					pointerEvents: "none"
@@ -462,8 +459,9 @@ function OverlayContainer(t0) {
 			t10 = allItems.map((item_3) => {
 				const itemId = getItemId(item_3);
 				const visibleIndex = visibleIndexMap.get(itemId) ?? 0;
+				const isExiting = isItemExiting(item_3);
 				return /* @__PURE__ */ jsx(DisplayTransition, {
-					isShown: !isItemExiting(item_3),
+					isShown: !isExiting,
 					onRest: (transition) => {
 						if (transition === "exit") handleExitComplete(item_3);
 					},
@@ -587,7 +585,7 @@ function _temp2(t) {
 		data: t
 	};
 }
-
 //#endregion
 export { OverlayContainer };
+
 //# sourceMappingURL=OverlayContainer.js.map