@cube-dev/ui-kit 0.182.0 → 0.183.0

package/dist/components/overlays/Modal/Underlay.js

@@ -1,4 +1,5 @@
-/** @license MIT | @cube-dev/ui-kit v0.182.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.183.0 | Cube Dev Team */
+import { c } from "react-compiler-runtime";
 import { tasty } from "@tenphi/tasty";
 import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";
@@ -28,12 +29,40 @@ const UnderlayElement = tasty({
 		transition: "transform .25s ease-in-out, opacity .25s linear, visibility 0ms linear"
 	}
 });
-function Underlay({ isOpen, transitionState, ...otherProps }, ref) {
-	return /* @__PURE__ */ jsx(UnderlayElement, {
-		ref,
-		mods: { open: isOpen },
-		...otherProps
-	});
+function Underlay(t0, ref) {
+	const $ = c(9);
+	let isOpen;
+	let otherProps;
+	if ($[0] !== t0) {
+		const { isOpen: t1, transitionState, ...t2 } = t0;
+		isOpen = t1;
+		otherProps = t2;
+		$[0] = t0;
+		$[1] = isOpen;
+		$[2] = otherProps;
+	} else {
+		isOpen = $[1];
+		otherProps = $[2];
+	}
+	let t1;
+	if ($[3] !== isOpen) {
+		t1 = { open: isOpen };
+		$[3] = isOpen;
+		$[4] = t1;
+	} else t1 = $[4];
+	let t2;
+	if ($[5] !== otherProps || $[6] !== ref || $[7] !== t1) {
+		t2 = /* @__PURE__ */ jsx(UnderlayElement, {
+			ref,
+			mods: t1,
+			...otherProps
+		});
+		$[5] = otherProps;
+		$[6] = ref;
+		$[7] = t1;
+		$[8] = t2;
+	} else t2 = $[8];
+	return t2;
 }
 let _Underlay = forwardRef(Underlay);
 _Underlay.displayName = "Underlay";

package/dist/components/overlays/Modal/Underlay.js.map

@@ -1 +1 @@
-{"version":3,"file":"Underlay.js","names":[],"sources":["../../../../src/components/overlays/Modal/Underlay.tsx"],"sourcesContent":["import { tasty } from '@tenphi/tasty';\nimport { forwardRef, HTMLAttributes, Ref } from 'react';\n\nimport { TransitionState } from './types';\n\nconst UnderlayElement = tasty({\n  qa: 'Underlay',\n  'data-type': 'primary',\n  styles: {\n    position: 'fixed',\n    top: 0,\n    right: 0,\n    bottom: 0,\n    left: 0,\n    zIndex: 10,\n    transitionDelay: '0ms',\n    opacity: {\n      '': 0,\n      open: 0.9999,\n    },\n    pointerEvents: {\n      '': 'none',\n      open: 'auto',\n    },\n    fill: '#black.30',\n    overflow: 'hidden',\n    transition:\n      'transform .25s ease-in-out, opacity .25s linear, visibility 0ms linear',\n  },\n});\n\nexport interface CubeUnderlayProps extends HTMLAttributes<HTMLElement> {\n  isOpen?: boolean;\n  transitionState?: TransitionState;\n}\n\nfunction Underlay(\n  { isOpen, transitionState, ...otherProps }: CubeUnderlayProps,\n  ref: Ref<HTMLElement>,\n) {\n  return (\n    <UnderlayElement\n      ref={ref}\n      mods={{\n        open: isOpen,\n      }}\n      {...otherProps}\n    />\n  );\n}\n\nlet _Underlay = forwardRef(Underlay);\n\n_Underlay.displayName = 'Underlay';\n\nexport { _Underlay as Underlay };\n"],"mappings":";;;;;;AAKA,MAAM,kBAAkB,MAAM;CAC5B,IAAI;CACJ,aAAa;CACb,QAAQ;EACN,UAAU;EACV,KAAK;EACL,OAAO;EACP,QAAQ;EACR,MAAM;EACN,QAAQ;EACR,iBAAiB;EACjB,SAAS;GACP,IAAI;GACJ,MAAM;GACP;EACD,eAAe;GACb,IAAI;GACJ,MAAM;GACP;EACD,MAAM;EACN,UAAU;EACV,YACE;EACH;CACF,CAAC;AAOF,SAAS,SACP,EAAE,QAAQ,iBAAiB,GAAG,cAC9B,KACA;AACA,QACE,oBAAC;EACM;EACL,MAAM,EACJ,MAAM,QACP;EACD,GAAI;GACJ;;AAIN,IAAI,YAAY,WAAW,SAAS;AAEpC,UAAU,cAAc"}
+{"version":3,"file":"Underlay.js","names":["tasty","forwardRef","HTMLAttributes","Ref","TransitionState","UnderlayElement","qa","styles","position","top","right","bottom","left","zIndex","transitionDelay","opacity","open","pointerEvents","fill","overflow","transition","CubeUnderlayProps","HTMLElement","isOpen","transitionState","Underlay","t0","ref","$","_c","otherProps","t1","t2","_Underlay","displayName"],"sources":["../../../../src/components/overlays/Modal/Underlay.tsx"],"sourcesContent":["import { tasty } from '@tenphi/tasty';\nimport { forwardRef, HTMLAttributes, Ref } from 'react';\n\nimport { TransitionState } from './types';\n\nconst UnderlayElement = tasty({\n  qa: 'Underlay',\n  'data-type': 'primary',\n  styles: {\n    position: 'fixed',\n    top: 0,\n    right: 0,\n    bottom: 0,\n    left: 0,\n    zIndex: 10,\n    transitionDelay: '0ms',\n    opacity: {\n      '': 0,\n      open: 0.9999,\n    },\n    pointerEvents: {\n      '': 'none',\n      open: 'auto',\n    },\n    fill: '#black.30',\n    overflow: 'hidden',\n    transition:\n      'transform .25s ease-in-out, opacity .25s linear, visibility 0ms linear',\n  },\n});\n\nexport interface CubeUnderlayProps extends HTMLAttributes<HTMLElement> {\n  isOpen?: boolean;\n  transitionState?: TransitionState;\n}\n\nfunction Underlay(\n  { isOpen, transitionState, ...otherProps }: CubeUnderlayProps,\n  ref: Ref<HTMLElement>,\n) {\n  return (\n    <UnderlayElement\n      ref={ref}\n      mods={{\n        open: isOpen,\n      }}\n      {...otherProps}\n    />\n  );\n}\n\nlet _Underlay = forwardRef(Underlay);\n\n_Underlay.displayName = 'Underlay';\n\nexport { _Underlay as Underlay };\n"],"mappings":";;;;;;;AAKA,MAAMK,kBAAkBL,MAAM;CAC5BM,IAAI;CACJ,aAAa;CACbC,QAAQ;EACNC,UAAU;EACVC,KAAK;EACLC,OAAO;EACPC,QAAQ;EACRC,MAAM;EACNC,QAAQ;EACRC,iBAAiB;EACjBC,SAAS;GACP,IAAI;GACJC,MAAM;GACP;EACDC,eAAe;GACb,IAAI;GACJD,MAAM;GACP;EACDE,MAAM;EACNC,UAAU;EACVC,YACE;EACJ;CACD,CAAC;AAOF,SAAAK,SAAAC,IAAAC,KAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAAA,IAAAN;CAAA,IAAAO;AAAA,KAAAF,EAAA,OAAAF,IAAA;EACE,MAAA,EAAAH,QAAAQ,IAAAP,iBAAA,GAAAQ,OAAAN;AAAAH,WAAAQ;AAAAD,eAAAE;AAA6DJ,IAAA,KAAAF;AAAAE,IAAA,KAAAL;AAAAK,IAAA,KAAAE;QAAA;AAAAP,WAAAK,EAAA;AAAAE,eAAAF,EAAA;;CAAA,IAAAG;AAAA,KAAAH,EAAA,OAAAL,QAAA;AAMnDQ,OAAA,EAAAf,MACEO,QACP;AAAAK,IAAA,KAAAL;AAAAK,IAAA,KAAAG;OAAAA,MAAAH,EAAA;CAAA,IAAAI;AAAA,KAAAJ,EAAA,OAAAE,cAAAF,EAAA,OAAAD,OAAAC,EAAA,OAAAG,IAAA;AAJHC,OAAA,oBAAC;GACML;GACC,MAAAI;GAEL,GACGD;IACJ;AAAAF,IAAA,KAAAE;AAAAF,IAAA,KAAAD;AAAAC,IAAA,KAAAG;AAAAH,IAAA,KAAAI;OAAAA,MAAAJ,EAAA;AAAA,QANFI;;AAUJ,IAAIC,YAAYhC,WAAWwB,SAAS;AAEpCQ,UAAUC,cAAc"}

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

@@ -1,5 +1,6 @@
-/** @license MIT | @cube-dev/ui-kit v0.182.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.183.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
@@ -34,42 +35,78 @@ import { useEffect, useRef } from "react";
 * ```
 */
 function Notification(props) {
+	const $ = c(19);
 	const { addNotification, removeNotification, updateNotification, removePersistentItem } = useNotificationContext();
 	const notificationIdRef = useRef(null);
 	const renderCountRef = useRef(0);
-	useEffect(() => {
-		notificationIdRef.current = addNotification({
-			...props,
-			mode: "overlay"
-		});
-		return () => {
-			if (notificationIdRef.current != null) {
-				removeNotification(notificationIdRef.current, "api");
-				removePersistentItem(notificationIdRef.current);
-				notificationIdRef.current = null;
+	let t0;
+	if ($[0] !== addNotification || $[1] !== props || $[2] !== removeNotification || $[3] !== removePersistentItem) {
+		t0 = () => {
+			notificationIdRef.current = addNotification({
+				...props,
+				mode: "overlay"
+			});
+			return () => {
+				if (notificationIdRef.current != null) {
+					removeNotification(notificationIdRef.current, "api");
+					removePersistentItem(notificationIdRef.current);
+					notificationIdRef.current = null;
+				}
+			};
+		};
+		$[0] = addNotification;
+		$[1] = props;
+		$[2] = removeNotification;
+		$[3] = removePersistentItem;
+		$[4] = t0;
+	} else t0 = $[4];
+	let t1;
+	if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
+		t1 = [];
+		$[5] = t1;
+	} else t1 = $[5];
+	useEffect(t0, t1);
+	let t2;
+	if ($[6] !== props || $[7] !== updateNotification) {
+		t2 = () => {
+			if (renderCountRef.current === 0) {
+				renderCountRef.current = 1;
+				return;
 			}
+			if (notificationIdRef.current != null) updateNotification(notificationIdRef.current, {
+				...props,
+				mode: "overlay"
+			});
 		};
-	}, []);
-	useEffect(() => {
-		if (renderCountRef.current === 0) {
-			renderCountRef.current = 1;
-			return;
-		}
-		if (notificationIdRef.current != null) updateNotification(notificationIdRef.current, {
-			...props,
-			mode: "overlay"
-		});
-	}, [
-		props.id,
-		props.theme,
-		props.title,
-		props.description,
-		props.icon,
-		props.actions,
-		props.isDismissable,
-		props.persistent,
-		props.duration
-	]);
+		$[6] = props;
+		$[7] = updateNotification;
+		$[8] = t2;
+	} else t2 = $[8];
+	let t3;
+	if ($[9] !== props.actions || $[10] !== props.description || $[11] !== props.duration || $[12] !== props.icon || $[13] !== props.id || $[14] !== props.isDismissable || $[15] !== props.persistent || $[16] !== props.theme || $[17] !== props.title) {
+		t3 = [
+			props.id,
+			props.theme,
+			props.title,
+			props.description,
+			props.icon,
+			props.actions,
+			props.isDismissable,
+			props.persistent,
+			props.duration
+		];
+		$[9] = props.actions;
+		$[10] = props.description;
+		$[11] = props.duration;
+		$[12] = props.icon;
+		$[13] = props.id;
+		$[14] = props.isDismissable;
+		$[15] = props.persistent;
+		$[16] = props.theme;
+		$[17] = props.title;
+		$[18] = t3;
+	} else t3 = $[18];
+	useEffect(t2, t3);
 	return null;
 }
 

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

@@ -1 +1 @@
-{"version":3,"file":"Notification.js","names":[],"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,SAAgB,aAAa,OAAgC;CAC3D,MAAM,EACJ,iBACA,oBACA,oBACA,yBACE,wBAAwB;CAC5B,MAAM,oBAAoB,OAAmB,KAAK;CAIlD,MAAM,iBAAiB,OAAO,EAAE;AAGhC,iBAAgB;AAMd,oBAAkB,UALP,gBAAgB;GACzB,GAAG;GACH,MAAM;GACP,CAAC;AAIF,eAAa;AACX,OAAI,kBAAkB,WAAW,MAAM;AACrC,uBAAmB,kBAAkB,SAAS,MAAM;AACpD,yBAAqB,kBAAkB,QAAQ;AAC/C,sBAAkB,UAAU;;;IAG/B,EAAE,CAAC;AAGN,iBAAgB;AAEd,MAAI,eAAe,YAAY,GAAG;AAChC,kBAAe,UAAU;AAEzB;;AAGF,MAAI,kBAAkB,WAAW,KAC/B,oBAAmB,kBAAkB,SAAS;GAC5C,GAAG;GACH,MAAM;GACP,CAAC;IAEH;EACD,MAAM;EACN,MAAM;EACN,MAAM;EACN,MAAM;EACN,MAAM;EACN,MAAM;EACN,MAAM;EACN,MAAM;EACN,MAAM;EACP,CAAC;AAEF,QAAO"}
+{"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"}

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

@@ -1,7 +1,8 @@
-/** @license MIT | @cube-dev/ui-kit v0.182.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.183.0 | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { ItemAction } from "../../actions/ItemAction/ItemAction.js";
-import { createContext, useContext, useMemo } from "react";
+import { c } from "react-compiler-runtime";
+import { createContext, useContext } from "react";
 import { jsx } from "react/jsx-runtime";
 
 //#region src/components/overlays/Notifications/NotificationAction.tsx
@@ -12,21 +13,51 @@ import { jsx } from "react/jsx-runtime";
 */
 const NotificationActionInterceptorContext = createContext(null);
 const NotificationDismissContext = createContext(null);
-function NotificationDismissProvider({ notificationId, onDismiss, onRestore, children }) {
-	const dismiss = useEvent((reason) => {
-		onDismiss(notificationId, reason);
-	});
-	const restore = useEvent(() => {
-		onRestore?.(notificationId);
-	});
-	const value = useMemo(() => ({
-		dismiss,
-		restore
-	}), [dismiss, restore]);
-	return /* @__PURE__ */ jsx(NotificationDismissContext.Provider, {
-		value,
-		children
-	});
+function NotificationDismissProvider(t0) {
+	const $ = c(12);
+	const { notificationId, onDismiss, onRestore, children } = t0;
+	let t1;
+	if ($[0] !== notificationId || $[1] !== onDismiss) {
+		t1 = (reason) => {
+			onDismiss(notificationId, reason);
+		};
+		$[0] = notificationId;
+		$[1] = onDismiss;
+		$[2] = t1;
+	} else t1 = $[2];
+	const dismiss = useEvent(t1);
+	let t2;
+	if ($[3] !== notificationId || $[4] !== onRestore) {
+		t2 = () => {
+			onRestore?.(notificationId);
+		};
+		$[3] = notificationId;
+		$[4] = onRestore;
+		$[5] = t2;
+	} else t2 = $[5];
+	const restore = useEvent(t2);
+	let t3;
+	if ($[6] !== dismiss || $[7] !== restore) {
+		t3 = {
+			dismiss,
+			restore
+		};
+		$[6] = dismiss;
+		$[7] = restore;
+		$[8] = t3;
+	} else t3 = $[8];
+	const value = t3;
+	let t4;
+	if ($[9] !== children || $[10] !== value) {
+		t4 = /* @__PURE__ */ jsx(NotificationDismissContext.Provider, {
+			value,
+			children
+		});
+		$[9] = children;
+		$[10] = value;
+		$[11] = t4;
+	} else t4 = $[11];
+	return t4;
 }
 /**
 * Action button for use inside Notification components.
@@ -39,20 +70,42 @@ function NotificationDismissProvider({ notificationId, onDismiss, onRestore, chi
 *   by NotificationCard).
 * - Type (primary/outline/clear/etc.) is set automatically via ItemActionProvider context.
 */
-function NotificationAction({ children, onPress, closeOnPress = true, isDisabled, isDismiss }) {
+function NotificationAction(t0) {
+	const $ = c(10);
+	const { children, onPress, closeOnPress: t1, isDisabled, isDismiss } = t0;
+	const closeOnPress = t1 === void 0 ? true : t1;
 	const dismissCtx = useContext(NotificationDismissContext);
 	const actionInterceptor = useContext(NotificationActionInterceptorContext);
-	return /* @__PURE__ */ jsx(ItemAction, {
-		isSelected: true,
-		type: "outline",
-		isDisabled,
-		onPress: useEvent(async () => {
+	let t2;
+	if ($[0] !== actionInterceptor || $[1] !== closeOnPress || $[2] !== dismissCtx || $[3] !== isDismiss || $[4] !== onPress) {
+		t2 = async () => {
 			actionInterceptor?.();
 			if (closeOnPress || actionInterceptor) dismissCtx?.dismiss(isDismiss ? "close" : "action");
 			if (await onPress?.() === false && (closeOnPress || actionInterceptor)) dismissCtx?.restore();
-		}),
-		children
-	});
+		};
+		$[0] = actionInterceptor;
+		$[1] = closeOnPress;
+		$[2] = dismissCtx;
+		$[3] = isDismiss;
+		$[4] = onPress;
+		$[5] = t2;
+	} else t2 = $[5];
+	const handlePress = useEvent(t2);
+	let t3;
+	if ($[6] !== children || $[7] !== handlePress || $[8] !== isDisabled) {
+		t3 = /* @__PURE__ */ jsx(ItemAction, {
+			isSelected: true,
+			type: "outline",
+			isDisabled,
+			onPress: handlePress,
+			children
+		});
+		$[6] = children;
+		$[7] = handlePress;
+		$[8] = isDisabled;
+		$[9] = t3;
+	} else t3 = $[9];
+	return t3;
 }
 
 //#endregion

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

@@ -1 +1 @@
-{"version":3,"file":"NotificationAction.js","names":[],"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,MAAM,uCAAuC,cAC3C,KACD;AAWD,MAAM,6BACJ,cAAsD,KAAK;AAS7D,SAAgB,4BAA4B,EAC1C,gBACA,WACA,WACA,YACmC;CACnC,MAAM,UAAU,UAAU,WAA+B;AACvD,YAAU,gBAAgB,OAAO;GACjC;CAEF,MAAM,UAAU,eAAe;AAC7B,cAAY,eAAe;GAC3B;CAEF,MAAM,QAAQ,eAAe;EAAE;EAAS;EAAS,GAAG,CAAC,SAAS,QAAQ,CAAC;AAEvE,QACE,oBAAC,2BAA2B;EAAgB;EACzC;GACmC;;;;;;;;;;;;;AAiB1C,SAAgB,mBAAmB,EACjC,UACA,SACA,eAAe,MACf,YACA,aAC0B;CAC1B,MAAM,aAAa,WAAW,2BAA2B;CACzD,MAAM,oBAAoB,WAAW,qCAAqC;AAwB1E,QACE,oBAAC;EACC;EACA,MAAK;EACO;EACZ,SA3BgB,SAAS,YAAY;AACvC,wBAAqB;AAErB,OAAI,gBAAgB,kBAQlB,aAAY,QAAQ,YAAY,UAAU,SAAS;AAKrD,OAFe,MAAM,WAAW,KAEjB,UAAU,gBAAgB,mBAEvC,aAAY,SAAS;IAEvB;EASG;GACU"}
+{"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"}

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.182.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.183.0 | Cube Dev Team */
 import { Block } from "../../Block.js";
 import { ItemActionProvider } from "../../actions/ItemActionContext.js";
 import { Space } from "../../layout/Space.js";
@@ -7,6 +7,7 @@ import { useI18n } from "../../../i18n/useI18n.js";
 import { getThemeIcon } from "../Toast/useToast.js";
 import { Flex } from "../../layout/Flex.js";
 import { NotificationAction, NotificationDismissProvider } from "./NotificationAction.js";
+import { c } from "react-compiler-runtime";
 import { tasty } from "@tenphi/tasty";
 import { isValidElement } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -61,11 +62,24 @@ function hasDismissAction(node) {
 * via `hasDismissAction(actions)` — this component always renders the button.
 */
 function AutoDismissButton() {
+	const $ = c(4);
 	const { t } = useI18n();
-	return /* @__PURE__ */ jsx(NotificationAction, {
-		isDismiss: true,
-		children: t("notifications.dismiss", "Dismiss")
-	});
+	let t0;
+	if ($[0] !== t) {
+		t0 = t("notifications.dismiss", "Dismiss");
+		$[0] = t;
+		$[1] = t0;
+	} else t0 = $[1];
+	let t1;
+	if ($[2] !== t0) {
+		t1 = /* @__PURE__ */ jsx(NotificationAction, {
+			isDismiss: true,
+			children: t0
+		});
+		$[2] = t0;
+		$[3] = t1;
+	} else t1 = $[3];
+	return t1;
 }
 /**
 * Extracted sub-component for the actions area of a notification card.
@@ -75,40 +89,87 @@ function AutoDismissButton() {
 * of `isDismissable`. The `showAutoDismiss` flag only controls the
 * auto-appended "Dismiss" button.
 */
-function ActionsSection({ actions, theme, showAutoDismiss, hasDismissContext, notificationId, onDismiss, onRestore }) {
-	const hasDismiss = hasDismissAction(actions);
-	const actionsContent = /* @__PURE__ */ jsxs(Space, {
-		placeSelf: "end",
-		placeContent: "end",
-		flexGrow: 1,
-		children: [actions, showAutoDismiss && !hasDismiss && /* @__PURE__ */ jsx(AutoDismissButton, {})]
-	});
-	return /* @__PURE__ */ jsx(ItemActionProvider, {
-		type: "card",
-		theme,
-		children: hasDismissContext ? /* @__PURE__ */ jsx(NotificationDismissProvider, {
+function ActionsSection(t0) {
+	const $ = c(16);
+	const { actions, theme, showAutoDismiss, hasDismissContext, notificationId, onDismiss, onRestore } = t0;
+	let t1;
+	if ($[0] !== actions) {
+		t1 = hasDismissAction(actions);
+		$[0] = actions;
+		$[1] = t1;
+	} else t1 = $[1];
+	const showDefaultDismiss = showAutoDismiss && !t1;
+	let t2;
+	if ($[2] !== showDefaultDismiss) {
+		t2 = showDefaultDismiss && /* @__PURE__ */ jsx(AutoDismissButton, {});
+		$[2] = showDefaultDismiss;
+		$[3] = t2;
+	} else t2 = $[3];
+	let t3;
+	if ($[4] !== actions || $[5] !== t2) {
+		t3 = /* @__PURE__ */ jsxs(Space, {
+			placeSelf: "end",
+			placeContent: "end",
+			flexGrow: 1,
+			children: [actions, t2]
+		});
+		$[4] = actions;
+		$[5] = t2;
+		$[6] = t3;
+	} else t3 = $[6];
+	const actionsContent = t3;
+	let t4;
+	if ($[7] !== actionsContent || $[8] !== hasDismissContext || $[9] !== notificationId || $[10] !== onDismiss || $[11] !== onRestore) {
+		t4 = hasDismissContext ? /* @__PURE__ */ jsx(NotificationDismissProvider, {
 			notificationId,
 			onDismiss,
 			onRestore,
 			children: actionsContent
-		}) : actionsContent
-	});
+		}) : actionsContent;
+		$[7] = actionsContent;
+		$[8] = hasDismissContext;
+		$[9] = notificationId;
+		$[10] = onDismiss;
+		$[11] = onRestore;
+		$[12] = t4;
+	} else t4 = $[12];
+	let t5;
+	if ($[13] !== t4 || $[14] !== theme) {
+		t5 = /* @__PURE__ */ jsx(ItemActionProvider, {
+			type: "card",
+			theme,
+			children: t4
+		});
+		$[13] = t4;
+		$[14] = theme;
+		$[15] = t5;
+	} else t5 = $[15];
+	return t5;
 }
 /**
 * Shared presentational card used by both overlay NotificationItem
 * and PersistentNotificationListItem.
 */
-function NotificationCard({ qa = "Notification", theme, title, description, icon: providedIcon, actions, isDismissable = true, elevated = true, notificationId, onDismiss, onRestore, suffix }) {
-	const icon = getThemeIcon(theme, providedIcon);
+function NotificationCard(t0) {
+	const $ = c(26);
+	const { qa: t1, theme, title, description, icon: providedIcon, actions, isDismissable: t2, elevated: t3, notificationId, onDismiss, onRestore, suffix } = t0;
+	const qa = t1 === void 0 ? "Notification" : t1;
+	const isDismissable = t2 === void 0 ? true : t2;
+	const elevated = t3 === void 0 ? true : t3;
+	let t4;
+	if ($[0] !== providedIcon || $[1] !== theme) {
+		t4 = getThemeIcon(theme, providedIcon);
+		$[0] = providedIcon;
+		$[1] = theme;
+		$[2] = t4;
+	} else t4 = $[2];
+	const icon = t4;
 	const hasDismissContext = notificationId != null && onDismiss != null;
 	const showAutoDismiss = isDismissable && hasDismissContext;
 	const hasActions = !!(actions || showAutoDismiss);
-	return /* @__PURE__ */ jsx(StyledItem, {
-		qa,
-		type: "card",
-		theme,
-		icon,
-		description: description || hasActions ? /* @__PURE__ */ jsxs(Flex, {
+	let t5;
+	if ($[3] !== actions || $[4] !== description || $[5] !== hasActions || $[6] !== hasDismissContext || $[7] !== notificationId || $[8] !== onDismiss || $[9] !== onRestore || $[10] !== showAutoDismiss || $[11] !== theme) {
+		t5 = description || hasActions ? /* @__PURE__ */ jsxs(Flex, {
 			flow: "row wrap",
 			gap: "0.5x 1x",
 			placeItems: "center stretch",
@@ -121,12 +182,56 @@ function NotificationCard({ qa = "Notification", theme, title, description, icon
 				onDismiss,
 				onRestore
 			})]
-		}) : void 0,
-		suffix,
-		mods: { flat: !elevated },
-		styles: !elevated ? { border: "0" } : void 0,
-		children: title
-	});
+		}) : void 0;
+		$[3] = actions;
+		$[4] = description;
+		$[5] = hasActions;
+		$[6] = hasDismissContext;
+		$[7] = notificationId;
+		$[8] = onDismiss;
+		$[9] = onRestore;
+		$[10] = showAutoDismiss;
+		$[11] = theme;
+		$[12] = t5;
+	} else t5 = $[12];
+	const descriptionContent = t5;
+	const t6 = !elevated;
+	let t7;
+	if ($[13] !== t6) {
+		t7 = { flat: t6 };
+		$[13] = t6;
+		$[14] = t7;
+	} else t7 = $[14];
+	let t8;
+	if ($[15] !== elevated) {
+		t8 = !elevated ? { border: "0" } : void 0;
+		$[15] = elevated;
+		$[16] = t8;
+	} else t8 = $[16];
+	let t9;
+	if ($[17] !== descriptionContent || $[18] !== icon || $[19] !== qa || $[20] !== suffix || $[21] !== t7 || $[22] !== t8 || $[23] !== theme || $[24] !== title) {
+		t9 = /* @__PURE__ */ jsx(StyledItem, {
+			qa,
+			type: "card",
+			theme,
+			icon,
+			description: descriptionContent,
+			suffix,
+			mods: t7,
+			styles: t8,
+			children: title
+		});
+		$[17] = descriptionContent;
+		$[18] = icon;
+		$[19] = qa;
+		$[20] = suffix;
+		$[21] = t7;
+		$[22] = t8;
+		$[23] = theme;
+		$[24] = title;
+		$[25] = t9;
+	} else t9 = $[25];
+	return t9;
 }
 
 //#endregion