@cube-dev/ui-kit 0.182.0 → 0.184.0

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

@@ -1,8 +1,9 @@
-/** @license MIT | @cube-dev/ui-kit v0.182.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.184.0 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { _Overlay } from "./Overlay.js";
 import { _Underlay } from "./Underlay.js";
 import { OVERLAY_WRAPPER_STYLES } from "./Modal.js";
+import { c } from "react-compiler-runtime";
 import { tasty } from "@tenphi/tasty";
 import { forwardRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -37,16 +38,58 @@ const TrayElement = tasty({ styles: {
 	}
 } });
 function Tray(props, ref) {
-	let { qa, children, onClose, isFixedHeight, isNonModal, styles, shouldCloseOnInteractOutside, ...otherProps } = props;
-	let domRef = useObjectRef(ref);
-	let { overlayProps, underlayProps } = useOverlay({
-		...props,
-		isDismissable: true,
-		shouldCloseOnInteractOutside
-	}, domRef);
-	return /* @__PURE__ */ jsxs(_Overlay, {
-		...otherProps,
-		children: [/* @__PURE__ */ jsx(_Underlay, { ...underlayProps }), /* @__PURE__ */ jsx(TrayWrapper, {
+	const $ = c(27);
+	let children;
+	let isFixedHeight;
+	let isNonModal;
+	let onClose;
+	let otherProps;
+	let qa;
+	let shouldCloseOnInteractOutside;
+	let styles;
+	if ($[0] !== props) {
+		({qa, children, onClose, isFixedHeight, isNonModal, styles, shouldCloseOnInteractOutside, ...otherProps} = props);
+		$[0] = props;
+		$[1] = children;
+		$[2] = isFixedHeight;
+		$[3] = isNonModal;
+		$[4] = onClose;
+		$[5] = otherProps;
+		$[6] = qa;
+		$[7] = shouldCloseOnInteractOutside;
+		$[8] = styles;
+	} else {
+		children = $[1];
+		isFixedHeight = $[2];
+		isNonModal = $[3];
+		onClose = $[4];
+		otherProps = $[5];
+		qa = $[6];
+		shouldCloseOnInteractOutside = $[7];
+		styles = $[8];
+	}
+	const domRef = useObjectRef(ref);
+	let t0;
+	if ($[9] !== props || $[10] !== shouldCloseOnInteractOutside) {
+		t0 = {
+			...props,
+			isDismissable: true,
+			shouldCloseOnInteractOutside
+		};
+		$[9] = props;
+		$[10] = shouldCloseOnInteractOutside;
+		$[11] = t0;
+	} else t0 = $[11];
+	const { overlayProps, underlayProps } = useOverlay(t0, domRef);
+	let t1;
+	if ($[12] !== underlayProps) {
+		t1 = /* @__PURE__ */ jsx(_Underlay, { ...underlayProps });
+		$[12] = underlayProps;
+		$[13] = t1;
+	} else t1 = $[13];
+	let t2;
+	if ($[14] !== children || $[15] !== domRef || $[16] !== isFixedHeight || $[17] !== isNonModal || $[18] !== onClose || $[19] !== overlayProps || $[20] !== qa || $[21] !== styles) {
+		t2 = /* @__PURE__ */ jsx(TrayWrapper, {
 			ref: domRef,
 			qa,
 			overlayProps,
@@ -55,33 +98,102 @@ function Tray(props, ref) {
 			styles,
 			onClose,
 			children
-		})]
-	});
+		});
+		$[14] = children;
+		$[15] = domRef;
+		$[16] = isFixedHeight;
+		$[17] = isNonModal;
+		$[18] = onClose;
+		$[19] = overlayProps;
+		$[20] = qa;
+		$[21] = styles;
+		$[22] = t2;
+	} else t2 = $[22];
+	let t3;
+	if ($[23] !== otherProps || $[24] !== t1 || $[25] !== t2) {
+		t3 = /* @__PURE__ */ jsxs(_Overlay, {
+			...otherProps,
+			children: [t1, t2]
+		});
+		$[23] = otherProps;
+		$[24] = t1;
+		$[25] = t2;
+		$[26] = t3;
+	} else t3 = $[26];
+	return t3;
 }
 let TrayWrapper = forwardRef(function TrayWrapper(props, ref) {
-	let { qa, children, isOpen, styles, isFixedHeight, isNonModal, overlayProps, transitionState, ...otherProps } = props;
+	const $ = c(22);
+	const { qa, children, isOpen, styles, isFixedHeight, isNonModal, overlayProps, transitionState, ...otherProps } = props;
 	usePreventScroll();
-	let { modalProps } = useModal({ isDisabled: isNonModal });
-	let domProps = mergeProps$1(otherProps, overlayProps);
-	return /* @__PURE__ */ jsx(TrayWrapperElement, {
-		mods: { open: isOpen },
-		children: /* @__PURE__ */ jsx(TrayElement, {
-			qa: qa || "Tray",
+	let t0;
+	if ($[0] !== isNonModal) {
+		t0 = { isDisabled: isNonModal };
+		$[0] = isNonModal;
+		$[1] = t0;
+	} else t0 = $[1];
+	const { modalProps } = useModal(t0);
+	const domProps = mergeProps$1(otherProps, overlayProps);
+	let t1;
+	if ($[2] !== isOpen) {
+		t1 = { open: isOpen };
+		$[2] = isOpen;
+		$[3] = t1;
+	} else t1 = $[3];
+	const t2 = qa || "Tray";
+	const t3 = transitionState === "enter";
+	const t4 = transitionState === "exit";
+	const t5 = transitionState === "unmounted";
+	const t6 = transitionState === "entered";
+	let t7;
+	if ($[4] !== isFixedHeight || $[5] !== isOpen || $[6] !== t3 || $[7] !== t4 || $[8] !== t5 || $[9] !== t6) {
+		t7 = {
+			open: isOpen,
+			enter: t3,
+			exit: t4,
+			unmounted: t5,
+			entered: t6,
+			"fixed-height": isFixedHeight
+		};
+		$[4] = isFixedHeight;
+		$[5] = isOpen;
+		$[6] = t3;
+		$[7] = t4;
+		$[8] = t5;
+		$[9] = t6;
+		$[10] = t7;
+	} else t7 = $[10];
+	let t8;
+	if ($[11] !== children || $[12] !== domProps || $[13] !== modalProps || $[14] !== ref || $[15] !== styles || $[16] !== t2 || $[17] !== t7) {
+		t8 = /* @__PURE__ */ jsx(TrayElement, {
+			qa: t2,
 			styles,
-			mods: {
-				open: isOpen,
-				enter: transitionState === "enter",
-				exit: transitionState === "exit",
-				unmounted: transitionState === "unmounted",
-				entered: transitionState === "entered",
-				"fixed-height": isFixedHeight
-			},
+			mods: t7,
 			...domProps,
 			...modalProps,
 			ref,
 			children
-		})
-	});
+		});
+		$[11] = children;
+		$[12] = domProps;
+		$[13] = modalProps;
+		$[14] = ref;
+		$[15] = styles;
+		$[16] = t2;
+		$[17] = t7;
+		$[18] = t8;
+	} else t8 = $[18];
+	let t9;
+	if ($[19] !== t1 || $[20] !== t8) {
+		t9 = /* @__PURE__ */ jsx(TrayWrapperElement, {
+			mods: t1,
+			children: t8
+		});
+		$[19] = t1;
+		$[20] = t8;
+		$[21] = t9;
+	} else t9 = $[21];
+	return t9;
 });
 let _Tray = forwardRef(Tray);
 _Tray.displayName = "Tray";

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

@@ -1 +1 @@
-{"version":3,"file":"Tray.js","names":["Overlay","Underlay","mergeProps"],"sources":["../../../../src/components/overlays/Modal/Tray.tsx"],"sourcesContent":["import { useObjectRef } from '@react-aria/utils';\nimport { BaseProps, Styles, tasty } from '@tenphi/tasty';\nimport { forwardRef, ReactNode } from 'react';\nimport {\n  OverlayProps,\n  useModal,\n  useOverlay,\n  usePreventScroll,\n} from 'react-aria';\n\nimport { mergeProps } from '../../../utils/react';\n\nimport { OVERLAY_WRAPPER_STYLES } from './Modal';\nimport { Overlay } from './Overlay';\nimport { TransitionState, WithCloseBehavior } from './types';\nimport { Underlay } from './Underlay';\n\nimport type { Props } from '../../../props';\n\nconst TrayWrapperElement = tasty({\n  qa: 'TrayWrapper',\n  styles: {\n    ...OVERLAY_WRAPPER_STYLES,\n    placeContent: 'end center',\n    placeItems: 'end center',\n  },\n});\n\nconst TrayElement = tasty({\n  styles: {\n    display: 'initial',\n    hide: {\n      '': true,\n      'enter | entered': false,\n      exit: false,\n      unmounted: true,\n    },\n    zIndex: 10,\n    height: 'max 90dvh',\n    width: '$min-dialog-size 90vw',\n    pointerEvents: 'auto',\n    transition:\n      'transform .25s ease-in-out, opacity .25s linear, visibility 0ms linear',\n    opacity: {\n      '': 0,\n      open: '.9999',\n    },\n  },\n});\n\nexport interface CubeTrayProps extends OverlayProps, WithCloseBehavior {\n  container?: HTMLElement;\n  qa?: BaseProps['qa'];\n  onClose?: (action?: string) => void;\n  isFixedHeight?: boolean;\n  isNonModal?: boolean;\n  styles?: Styles;\n  children?: ReactNode;\n  isKeyboardDismissDisabled?: boolean;\n  isOpen?: boolean;\n  onOpenChange?: (isOpen: boolean) => void;\n  defaultOpen?: boolean;\n  /**\n   * Predicate that decides whether the overlay should close in response to an\n   * interaction outside of it. When the function returns `false`, react-aria's\n   * `useOverlay` no longer calls `stopPropagation`/`preventDefault` on the\n   * outside event, which lets sibling triggers receive the click.\n   */\n  shouldCloseOnInteractOutside?: (element: Element) => boolean;\n}\n\ninterface CubeTrayWrapperProps extends CubeTrayProps, TransitionState {\n  isOpen?: boolean;\n  overlayProps?: Props;\n}\n\nfunction Tray(props: CubeTrayProps, ref) {\n  let {\n    qa,\n    children,\n    onClose,\n    isFixedHeight,\n    isNonModal,\n    styles,\n    shouldCloseOnInteractOutside,\n    ...otherProps\n  } = props;\n  let domRef = useObjectRef(ref);\n\n  let { overlayProps, underlayProps } = useOverlay(\n    { ...props, isDismissable: true, shouldCloseOnInteractOutside },\n    domRef,\n  );\n\n  return (\n    <Overlay {...otherProps}>\n      <Underlay {...underlayProps} />\n      <TrayWrapper\n        ref={domRef}\n        qa={qa}\n        overlayProps={overlayProps}\n        isFixedHeight={isFixedHeight}\n        isNonModal={isNonModal}\n        styles={styles}\n        onClose={onClose}\n      >\n        {children}\n      </TrayWrapper>\n    </Overlay>\n  );\n}\n\nlet TrayWrapper = forwardRef(function TrayWrapper(\n  props: CubeTrayWrapperProps,\n  ref,\n) {\n  let {\n    qa,\n    children,\n    isOpen,\n    styles,\n    isFixedHeight,\n    isNonModal,\n    overlayProps,\n    transitionState,\n    ...otherProps\n  } = props;\n  usePreventScroll();\n  let { modalProps } = useModal({\n    isDisabled: isNonModal,\n  });\n\n  let domProps = mergeProps(otherProps, overlayProps);\n\n  return (\n    <TrayWrapperElement\n      mods={{\n        open: isOpen,\n      }}\n    >\n      <TrayElement\n        qa={qa || 'Tray'}\n        styles={styles}\n        mods={{\n          open: isOpen,\n          enter: transitionState === 'enter',\n          exit: transitionState === 'exit',\n          unmounted: transitionState === 'unmounted',\n          entered: transitionState === 'entered',\n          'fixed-height': isFixedHeight,\n        }}\n        {...domProps}\n        {...modalProps}\n        ref={ref}\n      >\n        {children}\n      </TrayElement>\n    </TrayWrapperElement>\n  );\n});\n\nlet _Tray = forwardRef(Tray);\n\n_Tray.displayName = 'Tray';\n\nexport { _Tray as Tray };\n"],"mappings":";;;;;;;;;;;;AAmBA,MAAM,qBAAqB,MAAM;CAC/B,IAAI;CACJ,QAAQ;EACN,GAAG;EACH,cAAc;EACd,YAAY;EACb;CACF,CAAC;AAEF,MAAM,cAAc,MAAM,EACxB,QAAQ;CACN,SAAS;CACT,MAAM;EACJ,IAAI;EACJ,mBAAmB;EACnB,MAAM;EACN,WAAW;EACZ;CACD,QAAQ;CACR,QAAQ;CACR,OAAO;CACP,eAAe;CACf,YACE;CACF,SAAS;EACP,IAAI;EACJ,MAAM;EACP;CACF,EACF,CAAC;AA4BF,SAAS,KAAK,OAAsB,KAAK;CACvC,IAAI,EACF,IACA,UACA,SACA,eACA,YACA,QACA,8BACA,GAAG,eACD;CACJ,IAAI,SAAS,aAAa,IAAI;CAE9B,IAAI,EAAE,cAAc,kBAAkB,WACpC;EAAE,GAAG;EAAO,eAAe;EAAM;EAA8B,EAC/D,OACD;AAED,QACE,qBAACA;EAAQ,GAAI;aACX,oBAACC,aAAS,GAAI,gBAAiB,EAC/B,oBAAC;GACC,KAAK;GACD;GACU;GACC;GACH;GACJ;GACC;GAER;IACW;GACN;;AAId,IAAI,cAAc,WAAW,SAAS,YACpC,OACA,KACA;CACA,IAAI,EACF,IACA,UACA,QACA,QACA,eACA,YACA,cACA,iBACA,GAAG,eACD;AACJ,mBAAkB;CAClB,IAAI,EAAE,eAAe,SAAS,EAC5B,YAAY,YACb,CAAC;CAEF,IAAI,WAAWC,aAAW,YAAY,aAAa;AAEnD,QACE,oBAAC;EACC,MAAM,EACJ,MAAM,QACP;YAED,oBAAC;GACC,IAAI,MAAM;GACF;GACR,MAAM;IACJ,MAAM;IACN,OAAO,oBAAoB;IAC3B,MAAM,oBAAoB;IAC1B,WAAW,oBAAoB;IAC/B,SAAS,oBAAoB;IAC7B,gBAAgB;IACjB;GACD,GAAI;GACJ,GAAI;GACC;GAEJ;IACW;GACK;EAEvB;AAEF,IAAI,QAAQ,WAAW,KAAK;AAE5B,MAAM,cAAc"}
+{"version":3,"file":"Tray.js","names":["useObjectRef","BaseProps","Styles","tasty","forwardRef","ReactNode","OverlayProps","useModal","useOverlay","usePreventScroll","mergeProps","OVERLAY_WRAPPER_STYLES","Overlay","TransitionState","WithCloseBehavior","Underlay","Props","TrayWrapperElement","qa","styles","placeContent","placeItems","TrayElement","display","hide","exit","unmounted","zIndex","height","width","pointerEvents","transition","opacity","open","CubeTrayProps","container","HTMLElement","onClose","action","isFixedHeight","isNonModal","children","isKeyboardDismissDisabled","isOpen","onOpenChange","defaultOpen","shouldCloseOnInteractOutside","element","Element","CubeTrayWrapperProps","overlayProps","Tray","props","ref","$","_c","otherProps","domRef","t0","isDismissable","underlayProps","t1","t2","t3","TrayWrapper","transitionState","isDisabled","modalProps","domProps","t4","t5","t6","t7","enter","entered","t8","t9","_Tray","displayName"],"sources":["../../../../src/components/overlays/Modal/Tray.tsx"],"sourcesContent":["import { useObjectRef } from '@react-aria/utils';\nimport { BaseProps, Styles, tasty } from '@tenphi/tasty';\nimport { forwardRef, ReactNode } from 'react';\nimport {\n  OverlayProps,\n  useModal,\n  useOverlay,\n  usePreventScroll,\n} from 'react-aria';\n\nimport { mergeProps } from '../../../utils/react';\n\nimport { OVERLAY_WRAPPER_STYLES } from './Modal';\nimport { Overlay } from './Overlay';\nimport { TransitionState, WithCloseBehavior } from './types';\nimport { Underlay } from './Underlay';\n\nimport type { Props } from '../../../props';\n\nconst TrayWrapperElement = tasty({\n  qa: 'TrayWrapper',\n  styles: {\n    ...OVERLAY_WRAPPER_STYLES,\n    placeContent: 'end center',\n    placeItems: 'end center',\n  },\n});\n\nconst TrayElement = tasty({\n  styles: {\n    display: 'initial',\n    hide: {\n      '': true,\n      'enter | entered': false,\n      exit: false,\n      unmounted: true,\n    },\n    zIndex: 10,\n    height: 'max 90dvh',\n    width: '$min-dialog-size 90vw',\n    pointerEvents: 'auto',\n    transition:\n      'transform .25s ease-in-out, opacity .25s linear, visibility 0ms linear',\n    opacity: {\n      '': 0,\n      open: '.9999',\n    },\n  },\n});\n\nexport interface CubeTrayProps extends OverlayProps, WithCloseBehavior {\n  container?: HTMLElement;\n  qa?: BaseProps['qa'];\n  onClose?: (action?: string) => void;\n  isFixedHeight?: boolean;\n  isNonModal?: boolean;\n  styles?: Styles;\n  children?: ReactNode;\n  isKeyboardDismissDisabled?: boolean;\n  isOpen?: boolean;\n  onOpenChange?: (isOpen: boolean) => void;\n  defaultOpen?: boolean;\n  /**\n   * Predicate that decides whether the overlay should close in response to an\n   * interaction outside of it. When the function returns `false`, react-aria's\n   * `useOverlay` no longer calls `stopPropagation`/`preventDefault` on the\n   * outside event, which lets sibling triggers receive the click.\n   */\n  shouldCloseOnInteractOutside?: (element: Element) => boolean;\n}\n\ninterface CubeTrayWrapperProps extends CubeTrayProps, TransitionState {\n  isOpen?: boolean;\n  overlayProps?: Props;\n}\n\nfunction Tray(props: CubeTrayProps, ref) {\n  let {\n    qa,\n    children,\n    onClose,\n    isFixedHeight,\n    isNonModal,\n    styles,\n    shouldCloseOnInteractOutside,\n    ...otherProps\n  } = props;\n  let domRef = useObjectRef(ref);\n\n  let { overlayProps, underlayProps } = useOverlay(\n    { ...props, isDismissable: true, shouldCloseOnInteractOutside },\n    domRef,\n  );\n\n  return (\n    <Overlay {...otherProps}>\n      <Underlay {...underlayProps} />\n      <TrayWrapper\n        ref={domRef}\n        qa={qa}\n        overlayProps={overlayProps}\n        isFixedHeight={isFixedHeight}\n        isNonModal={isNonModal}\n        styles={styles}\n        onClose={onClose}\n      >\n        {children}\n      </TrayWrapper>\n    </Overlay>\n  );\n}\n\nlet TrayWrapper = forwardRef(function TrayWrapper(\n  props: CubeTrayWrapperProps,\n  ref,\n) {\n  let {\n    qa,\n    children,\n    isOpen,\n    styles,\n    isFixedHeight,\n    isNonModal,\n    overlayProps,\n    transitionState,\n    ...otherProps\n  } = props;\n  usePreventScroll();\n  let { modalProps } = useModal({\n    isDisabled: isNonModal,\n  });\n\n  let domProps = mergeProps(otherProps, overlayProps);\n\n  return (\n    <TrayWrapperElement\n      mods={{\n        open: isOpen,\n      }}\n    >\n      <TrayElement\n        qa={qa || 'Tray'}\n        styles={styles}\n        mods={{\n          open: isOpen,\n          enter: transitionState === 'enter',\n          exit: transitionState === 'exit',\n          unmounted: transitionState === 'unmounted',\n          entered: transitionState === 'entered',\n          'fixed-height': isFixedHeight,\n        }}\n        {...domProps}\n        {...modalProps}\n        ref={ref}\n      >\n        {children}\n      </TrayElement>\n    </TrayWrapperElement>\n  );\n});\n\nlet _Tray = forwardRef(Tray);\n\n_Tray.displayName = 'Tray';\n\nexport { _Tray as Tray };\n"],"mappings":"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"}

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.184.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.184.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.184.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"}