@cube-dev/ui-kit 0.195.0 → 0.197.0

package/dist/components/overlays/Dialog/use-dialog-open-sync.js

@@ -0,0 +1,83 @@
+/** @license MIT | @cube-dev/ui-kit v0.197.0 | Cube Dev Team */
+import { useEventBus } from "../../../utils/react/useEventBus.js";
+import { c } from "react/compiler-runtime";
+import { useEffect, useEffectEvent } from "react";
+
+//#region src/components/overlays/Dialog/use-dialog-open-sync.ts
+/**
+* Emitted, besides `popover:open`, when a modal, tray, fullscreen or panel
+* `DialogTrigger` opens. A popover that is not dismissable ignores
+* `popover:open`, but such a dialog takes over the page: left open, the popover
+* would sit over it, hidden from screen readers by it, and take its focus
+* restore. So it closes on this.
+*/
+const DIALOG_OPEN_EVENT = "dialog:open";
+/**
+* For `DialogTrigger`: a modal, tray, fullscreen or panel dialog announces that
+* it opened (`emits`), and a popover that is not dismissable closes when one
+* does (`closes`), unless it opened from inside the popover.
+*/
+function useDialogOpenSync(options) {
+	const $ = c(16);
+	const { emits, closes, state, triggerRef, overlayRef } = options;
+	const { emit, on } = useEventBus();
+	const { isOpen } = state;
+	let t0;
+	let t1;
+	if ($[0] !== emit || $[1] !== emits || $[2] !== isOpen || $[3] !== triggerRef) {
+		t0 = () => {
+			if (!emits || !isOpen) return;
+			emit(DIALOG_OPEN_EVENT, { triggerEl: triggerRef.current });
+		};
+		t1 = [
+			emits,
+			isOpen,
+			emit,
+			triggerRef
+		];
+		$[0] = emit;
+		$[1] = emits;
+		$[2] = isOpen;
+		$[3] = triggerRef;
+		$[4] = t0;
+		$[5] = t1;
+	} else {
+		t0 = $[4];
+		t1 = $[5];
+	}
+	useEffect(t0, t1);
+	let t2;
+	if ($[6] !== overlayRef || $[7] !== state) {
+		t2 = (triggerEl) => {
+			if (!state.isOpen || overlayRef.current?.contains(triggerEl)) return;
+			state.close();
+		};
+		$[6] = overlayRef;
+		$[7] = state;
+		$[8] = t2;
+	} else t2 = $[8];
+	const onDialogOpen = useEffectEvent(t2);
+	let t3;
+	if ($[9] !== closes || $[10] !== on || $[11] !== onDialogOpen) {
+		t3 = () => {
+			if (!closes) return;
+			return on(DIALOG_OPEN_EVENT, (data) => onDialogOpen(data.triggerEl));
+		};
+		$[9] = closes;
+		$[10] = on;
+		$[11] = onDialogOpen;
+		$[12] = t3;
+	} else t3 = $[12];
+	let t4;
+	if ($[13] !== closes || $[14] !== on) {
+		t4 = [closes, on];
+		$[13] = closes;
+		$[14] = on;
+		$[15] = t4;
+	} else t4 = $[15];
+	useEffect(t3, t4);
+}
+
+//#endregion
+export { useDialogOpenSync };
+//# sourceMappingURL=use-dialog-open-sync.js.map

package/dist/components/overlays/Dialog/use-dialog-open-sync.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-dialog-open-sync.js","names":["RefObject","useEffect","useEffectEvent","OverlayTriggerState","useEventBus","DIALOG_OPEN_EVENT","DialogOpenPayload","triggerEl","Element","DialogOpenSyncOptions","emits","closes","state","triggerRef","HTMLElement","overlayRef","useDialogOpenSync","options","$","_c","emit","on","isOpen","t0","t1","current","t2","contains","close","onDialogOpen","t3","data","t4"],"sources":["../../../../src/components/overlays/Dialog/use-dialog-open-sync.ts"],"sourcesContent":["import { RefObject, useEffect, useEffectEvent } from 'react';\nimport { OverlayTriggerState } from 'react-stately';\n\nimport { useEventBus } from '../../../utils/react/useEventBus';\n\n/**\n * Emitted, besides `popover:open`, when a modal, tray, fullscreen or panel\n * `DialogTrigger` opens. A popover that is not dismissable ignores\n * `popover:open`, but such a dialog takes over the page: left open, the popover\n * would sit over it, hidden from screen readers by it, and take its focus\n * restore. So it closes on this.\n */\nconst DIALOG_OPEN_EVENT = 'dialog:open';\n\ninterface DialogOpenPayload {\n  triggerEl: Element | null;\n}\n\ninterface DialogOpenSyncOptions {\n  /** Emits `dialog:open` on opening: a dialog that is not a popover. */\n  emits: boolean;\n  /** Closes on another dialog's `dialog:open`: a popover that is not dismissable. */\n  closes: boolean;\n  state: OverlayTriggerState;\n  triggerRef: RefObject<HTMLElement | null>;\n  overlayRef: RefObject<HTMLElement | null>;\n}\n\n/**\n * For `DialogTrigger`: a modal, tray, fullscreen or panel dialog announces that\n * it opened (`emits`), and a popover that is not dismissable closes when one\n * does (`closes`), unless it opened from inside the popover.\n */\nexport function useDialogOpenSync(options: DialogOpenSyncOptions) {\n  const { emits, closes, state, triggerRef, overlayRef } = options;\n  const { emit, on } = useEventBus();\n  const { isOpen } = state;\n\n  useEffect(() => {\n    if (!emits || !isOpen) return;\n\n    emit<DialogOpenPayload>(DIALOG_OPEN_EVENT, {\n      triggerEl: triggerRef.current,\n    });\n  }, [emits, isOpen, emit, triggerRef]);\n\n  const onDialogOpen = useEffectEvent((triggerEl: Element | null) => {\n    // A dialog opened from inside this popover belongs to it, and would be\n    // unmounted with it.\n    if (!state.isOpen || overlayRef.current?.contains(triggerEl)) return;\n\n    state.close();\n  });\n\n  useEffect(() => {\n    if (!closes) return;\n\n    return on<DialogOpenPayload>(DIALOG_OPEN_EVENT, (data) =>\n      onDialogOpen(data.triggerEl),\n    );\n  }, [closes, on]);\n}\n"],"mappings":";;;;;;;;;;;;;AAYA,MAAMK,oBAAoB;;;;;;AAqB1B,SAAOW,kBAAAC,SAAA;CAAA,MAAAC,IAAAC,EAAA,GAAA;CACL,MAAA,EAAAT,OAAAC,QAAAC,OAAAC,YAAAE,eAAyDE;CACzD,MAAA,EAAAG,MAAAC,OAAqBjB,aAAa;CAClC,MAAA,EAAAkB,WAAmBV;CAAM,IAAAW;CAAA,IAAAC;AAAA,KAAAN,EAAA,OAAAE,QAAAF,EAAA,OAAAR,SAAAQ,EAAA,OAAAI,UAAAJ,EAAA,OAAAL,YAAA;AAEfU,aAAA;AACR,OAAI,CAACb,SAAD,CAAWY,OAAM;AAErBF,QAAwBf,mBAAmB,EAAAE,WAC9BM,WAAUY,SACtB,CAAC;;AACDD,OAAA;GAACd;GAAOY;GAAQF;GAAMP;GAAW;AAAAK,IAAA,KAAAE;AAAAF,IAAA,KAAAR;AAAAQ,IAAA,KAAAI;AAAAJ,IAAA,KAAAL;AAAAK,IAAA,KAAAK;AAAAL,IAAA,KAAAM;QAAA;AAAAD,OAAAL,EAAA;AAAAM,OAAAN,EAAA;;AANpCjB,WAAUsB,IAMPC,GAAkC;CAAA,IAAAE;AAAA,KAAAR,EAAA,OAAAH,cAAAG,EAAA,OAAAN,OAAA;AAEDc,QAAAnB,cAAA;AAGlC,OAAI,CAACK,MAAKU,UAAWP,WAAUU,SAAkBE,SAACpB,UAAU,CAAA;AAE5DK,SAAKgB,OAAQ;;AACdV,IAAA,KAAAH;AAAAG,IAAA,KAAAN;AAAAM,IAAA,KAAAQ;OAAAA,MAAAR,EAAA;CAND,MAAAW,eAAqB3B,eAAewB,GAMlC;CAAC,IAAAI;AAAA,KAAAZ,EAAA,OAAAP,UAAAO,EAAA,QAAAG,MAAAH,EAAA,QAAAW,cAAA;AAEOC,aAAA;AACR,OAAI,CAACnB,OAAM;AAAS,UAEbU,GAAsBhB,oBAAmB0B,SAC9CF,aAAaE,KAAIxB,UACnB,CAAC;;AACFW,IAAA,KAAAP;AAAAO,IAAA,MAAAG;AAAAH,IAAA,MAAAW;AAAAX,IAAA,MAAAY;OAAAA,MAAAZ,EAAA;CAAA,IAAAc;AAAA,KAAAd,EAAA,QAAAP,UAAAO,EAAA,QAAAG,IAAA;AAAEW,OAAA,CAACrB,QAAQU,GAAG;AAAAH,IAAA,MAAAP;AAAAO,IAAA,MAAAG;AAAAH,IAAA,MAAAc;OAAAA,MAAAd,EAAA;AANfjB,WAAU6B,IAMPE,GAAa"}

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.195.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.197.0 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { mergeRefs as mergeRefs$1 } from "../../../utils/react/useCombinedRefs.js";
 import { ModalContainmentProvider, useModalContainment } from "./modal-containment.js";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.195.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.197.0 | Cube Dev Team */
 import { createContext, useContext } from "react";
 
 //#region src/components/overlays/Modal/OpenTransitionContext.tsx

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

@@ -1,7 +1,8 @@
-/** @license MIT | @cube-dev/ui-kit v0.195.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.197.0 | Cube Dev Team */
 import { markFocusRestoreWindow } from "../../../utils/react/programmaticFocus.js";
 import { DisplayTransition } from "../../helpers/DisplayTransition/DisplayTransition.js";
 import { Provider, useProviderProps } from "../../../provider.js";
+import { ButtonSplitContext } from "../../actions/ButtonSplit/context.js";
 import { OpenTransitionContext } from "./OpenTransitionContext.js";
 import { TastyBatchProvider } from "@tenphi/tasty";
 import { Children, cloneElement, forwardRef, useCallback, useRef, useState } from "react";
@@ -9,6 +10,7 @@ import { jsx } from "react/jsx-runtime";
 import { createPortal } from "react-dom";
 
 //#region src/components/overlays/Modal/Overlay.tsx
+/** How long a closed overlay stays mounted while it plays its exit. */
 const EXIT_DURATION = 350;
 function Overlay(props, ref) {
 	let { children, isOpen, container = null, onEnter, onEntering, onEntered, onExit, onExiting, onExited, hideOnClose = false } = props;
@@ -50,7 +52,7 @@ function Overlay(props, ref) {
 	if (!(isOpen || !exited)) {
 		if (!hideOnClose) return null;
 	}
-	return createPortal(/* @__PURE__ */ jsx(TastyBatchProvider, { children: /* @__PURE__ */ jsx(Provider, {
+	let contents = /* @__PURE__ */ jsx(Provider, {
 		ref,
 		children: /* @__PURE__ */ jsx(DisplayTransition, {
 			isShown: !!isOpen,
@@ -68,11 +70,15 @@ function Overlay(props, ref) {
 				});
 			}
 		})
+	});
+	return createPortal(/* @__PURE__ */ jsx(TastyBatchProvider, { children: /* @__PURE__ */ jsx(ButtonSplitContext.Provider, {
+		value: null,
+		children: contents
 	}) }), container || root || document.body);
 }
 let _Overlay = forwardRef(Overlay);
 _Overlay.displayName = "Overlay";
 
 //#endregion
-export { _Overlay };
+export { EXIT_DURATION, _Overlay };
 //# sourceMappingURL=Overlay.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Overlay.js","names":["TastyBatchProvider","Children","cloneElement","forwardRef","ReactElement","ReactNode","useCallback","useRef","useState","createPortal","Provider","useProviderProps","markFocusRestoreWindow","DisplayTransition","OpenTransitionContext","WithCloseBehavior","Props","ReportedPhase","CubeOverlayProps","children","isOpen","container","HTMLElement","onEnter","onEntering","onEntered","onExit","onExiting","onExited","EXIT_DURATION","Overlay","props","ref","hideOnClose","exited","setExited","wasOpen","current","root","handlePhaseChange","phase","mountOverlay","contents","isShown","isExiting","transitionState","map","child","undefined","document","body","_Overlay","displayName"],"sources":["../../../../src/components/overlays/Modal/Overlay.tsx"],"sourcesContent":["import { TastyBatchProvider } from '@tenphi/tasty';\nimport {\n  Children,\n  cloneElement,\n  forwardRef,\n  ReactElement,\n  ReactNode,\n  useCallback,\n  useRef,\n  useState,\n} from 'react';\nimport { createPortal } from 'react-dom';\n\nimport { Provider, useProviderProps } from '../../../provider';\nimport { markFocusRestoreWindow } from '../../../utils/react/programmaticFocus';\nimport { DisplayTransition } from '../../helpers/DisplayTransition/DisplayTransition';\n\nimport { OpenTransitionContext } from './OpenTransitionContext';\nimport { WithCloseBehavior } from './types';\n\nimport type { Props } from '../../../props';\nimport type { ReportedPhase } from '../../helpers/DisplayTransition/DisplayTransition';\n\nexport interface CubeOverlayProps extends WithCloseBehavior {\n  children?: ReactNode;\n  isOpen?: boolean;\n  container?: HTMLElement | null;\n  onEnter?: () => void;\n  onEntering?: () => void;\n  onEntered?: () => void;\n  onExit?: () => void;\n  onExiting?: () => void;\n  onExited?: () => void;\n}\n\nconst EXIT_DURATION = 350;\n\nfunction Overlay(props: CubeOverlayProps, ref) {\n  let {\n    children,\n    isOpen,\n    container = null,\n    onEnter,\n    onEntering,\n    onEntered,\n    onExit,\n    onExiting,\n    onExited,\n    hideOnClose = false,\n  } = props;\n  let [exited, setExited] = useState(!isOpen);\n\n  if (isOpen && exited) {\n    setExited(false);\n  }\n\n  // Our `FocusScope` restores focus to the trigger when it unmounts, from\n  // inside React's own commit where nothing can wrap the call. The window has\n  // to be open before that lands, or the restored trigger's tooltip opens and\n  // eats the user's next `Escape` (CUB-4839).\n  //\n  // Keyed to `isOpen` closing rather than to the exit PHASE, because the phase\n  // is not always reported: under reduced motion `DisplayTransition` collapses\n  // its duration to zero, so `exit` and `unmounted` are set in one callback and\n  // React batches the `exit` render — and its notification — away entirely.\n  // Closing is the one signal that always arrives.\n  const wasOpen = useRef(!!isOpen);\n\n  if (wasOpen.current !== !!isOpen) {\n    wasOpen.current = !!isOpen;\n\n    if (!isOpen) markFocusRestoreWindow(EXIT_DURATION + 200);\n  }\n\n  let { root } = useProviderProps({} as Props);\n\n  let handlePhaseChange = useCallback(\n    (phase: ReportedPhase) => {\n      switch (phase) {\n        case 'enter':\n          setExited(false);\n          onEnter?.();\n          onEntering?.();\n          break;\n        case 'entered':\n          onEntered?.();\n          break;\n        case 'exit':\n          onExit?.();\n          onExiting?.();\n          break;\n        case 'unmounted':\n          setExited(true);\n          onExited?.();\n          break;\n      }\n    },\n    [onEnter, onEntering, onEntered, onExit, onExiting, onExited],\n  );\n\n  let mountOverlay = isOpen || !exited;\n\n  if (!mountOverlay) {\n    if (!hideOnClose) {\n      return null;\n    }\n  }\n\n  let contents = (\n    <Provider ref={ref}>\n      <DisplayTransition\n        isShown={!!isOpen}\n        exposeUnmounted={hideOnClose}\n        duration={EXIT_DURATION}\n        onPhaseChange={handlePhaseChange}\n      >\n        {({ phase, isShown, isExiting }) => {\n          return (\n            <OpenTransitionContext.Provider\n              value={{ transitionState: phase as ReportedPhase }}\n            >\n              {Children.map(\n                children,\n                (child) =>\n                  child &&\n                  cloneElement(\n                    child as ReactElement,\n                    {\n                      isOpen: isShown,\n                      transitionState: phase,\n                      // A closed overlay leaves React Aria's stack of visible\n                      // overlays at once, but stays on screen, and clickable,\n                      // while it fades out. A press on it then counts as a\n                      // press outside whatever overlay is topmost again, so a\n                      // click on a fading list closed the Dialog under it\n                      // (CUB-5293). React Aria never treats a press inside a\n                      // top-layer element as outside.\n                      'data-react-aria-top-layer': isExiting || undefined,\n                    } as any,\n                  ),\n              )}\n            </OpenTransitionContext.Provider>\n          );\n        }}\n      </DisplayTransition>\n    </Provider>\n  );\n\n  // Popover, Modal and Tray all portal through here, which makes this the\n  // overlay path that matters most for batching: a dialog or menu mounts a\n  // fresh subtree and react-aria positions it from a layout effect in the same\n  // commit. `<Root>` does not re-render for those commits, so open a window\n  // here — it flushes in `useInsertionEffect`, before any positioning effect\n  // reads the DOM. Note this is a *raw* `createPortal`, not `<Portal>`, so the\n  // window `<Portal>` opens does not reach these overlays.\n  return createPortal(\n    <TastyBatchProvider>{contents}</TastyBatchProvider>,\n    container || root || document.body,\n  );\n}\n\nlet _Overlay = forwardRef(Overlay);\n\n_Overlay.displayName = 'Overlay';\n\nexport { _Overlay as Overlay };\n"],"mappings":";;;;;;;;;;;AAmCA,MAAM6B,gBAAgB;AAEtB,SAASC,QAAQC,OAAyBC,KAAK;CAC7C,IAAI,EACFb,UACAC,QACAC,YAAY,MACZE,SACAC,YACAC,WACAC,QACAC,WACAC,UACAK,cAAc,UACZF;CACJ,IAAI,CAACG,QAAQC,aAAa3B,SAAS,CAACY,OAAO;AAE3C,KAAIA,UAAUc,OACZC,WAAU,MAAM;CAalB,MAAMC,UAAU7B,OAAO,CAAC,CAACa,OAAO;AAEhC,KAAIgB,QAAQC,YAAY,CAAC,CAACjB,QAAQ;AAChCgB,UAAQC,UAAU,CAAC,CAACjB;AAEpB,MAAI,CAACA,OAAQR,wBAAuBiB,gBAAgB,IAAI;;CAG1D,IAAI,EAAES,SAAS3B,iBAAiB,EAAE,CAAU;CAE5C,IAAI4B,oBAAoBjC,aACrBkC,UAAyB;AACxB,UAAQA,OAAR;GACE,KAAK;AACHL,cAAU,MAAM;AAChBZ,eAAW;AACXC,kBAAc;AACd;GACF,KAAK;AACHC,iBAAa;AACb;GACF,KAAK;AACHC,cAAU;AACVC,iBAAa;AACb;GACF,KAAK;AACHQ,cAAU,KAAK;AACfP,gBAAY;AACZ;;IAGN;EAACL;EAASC;EAAYC;EAAWC;EAAQC;EAAWC;EACtD,CAAC;AAID,KAAI,EAFeR,UAAU,CAACc,SAG5B;MAAI,CAACD,YACH,QAAO;;AAmDX,QAAOxB,aACL,oBAAC,gCA/CD,oBAAC;EAAcuB;YACb,oBAAC;GACC,SAAS,CAAC,CAACZ;GACX,iBAAiBa;GACjB,UAAUJ;GACV,eAAeU;cAEb,EAAEC,OAAAA,SAAOG,SAASC,gBAAgB;AAClC,WACE,oBAAC,sBAAsB;KACrB,OAAO,EAAEC,iBAAiBL,SAAwB;eAEjDvC,SAAS6C,IACR3B,WACC4B,UACCA,SACA7C,aACE6C,OACA;MACE3B,QAAQuB;MACRE,iBAAiBL;MAQjB,6BAA6BI,aAAaI;MAC3C,CAEP,CAAC;MAC8B;;IAGpB;GAEtB,GAUoD,EACnD3B,aAAaiB,QAAQW,SAASC,KAC/B;;AAGH,IAAIC,WAAWhD,WAAW2B,QAAQ;AAElCqB,SAASC,cAAc"}
+{"version":3,"file":"Overlay.js","names":["TastyBatchProvider","Children","cloneElement","forwardRef","ReactElement","ReactNode","useCallback","useRef","useState","createPortal","Provider","useProviderProps","markFocusRestoreWindow","ButtonSplitContext","DisplayTransition","OpenTransitionContext","WithCloseBehavior","Props","ReportedPhase","CubeOverlayProps","children","isOpen","container","HTMLElement","onEnter","onEntering","onEntered","onExit","onExiting","onExited","EXIT_DURATION","Overlay","props","ref","hideOnClose","exited","setExited","wasOpen","current","root","handlePhaseChange","phase","mountOverlay","contents","isShown","isExiting","transitionState","map","child","undefined","document","body","_Overlay","displayName"],"sources":["../../../../src/components/overlays/Modal/Overlay.tsx"],"sourcesContent":["import { TastyBatchProvider } from '@tenphi/tasty';\nimport {\n  Children,\n  cloneElement,\n  forwardRef,\n  ReactElement,\n  ReactNode,\n  useCallback,\n  useRef,\n  useState,\n} from 'react';\nimport { createPortal } from 'react-dom';\n\nimport { Provider, useProviderProps } from '../../../provider';\nimport { markFocusRestoreWindow } from '../../../utils/react/programmaticFocus';\nimport { ButtonSplitContext } from '../../actions/ButtonSplit/context';\nimport { DisplayTransition } from '../../helpers/DisplayTransition/DisplayTransition';\n\nimport { OpenTransitionContext } from './OpenTransitionContext';\nimport { WithCloseBehavior } from './types';\n\nimport type { Props } from '../../../props';\nimport type { ReportedPhase } from '../../helpers/DisplayTransition/DisplayTransition';\n\nexport interface CubeOverlayProps extends WithCloseBehavior {\n  children?: ReactNode;\n  isOpen?: boolean;\n  container?: HTMLElement | null;\n  onEnter?: () => void;\n  onEntering?: () => void;\n  onEntered?: () => void;\n  onExit?: () => void;\n  onExiting?: () => void;\n  onExited?: () => void;\n}\n\n/** How long a closed overlay stays mounted while it plays its exit. */\nexport const EXIT_DURATION = 350;\n\nfunction Overlay(props: CubeOverlayProps, ref) {\n  let {\n    children,\n    isOpen,\n    container = null,\n    onEnter,\n    onEntering,\n    onEntered,\n    onExit,\n    onExiting,\n    onExited,\n    hideOnClose = false,\n  } = props;\n  let [exited, setExited] = useState(!isOpen);\n\n  if (isOpen && exited) {\n    setExited(false);\n  }\n\n  // Our `FocusScope` restores focus to the trigger when it unmounts, from\n  // inside React's own commit where nothing can wrap the call. The window has\n  // to be open before that lands, or the restored trigger's tooltip opens and\n  // eats the user's next `Escape` (CUB-4839).\n  //\n  // Keyed to `isOpen` closing rather than to the exit PHASE, because the phase\n  // is not always reported: under reduced motion `DisplayTransition` collapses\n  // its duration to zero, so `exit` and `unmounted` are set in one callback and\n  // React batches the `exit` render — and its notification — away entirely.\n  // Closing is the one signal that always arrives.\n  const wasOpen = useRef(!!isOpen);\n\n  if (wasOpen.current !== !!isOpen) {\n    wasOpen.current = !!isOpen;\n\n    if (!isOpen) markFocusRestoreWindow(EXIT_DURATION + 200);\n  }\n\n  let { root } = useProviderProps({} as Props);\n\n  let handlePhaseChange = useCallback(\n    (phase: ReportedPhase) => {\n      switch (phase) {\n        case 'enter':\n          setExited(false);\n          onEnter?.();\n          onEntering?.();\n          break;\n        case 'entered':\n          onEntered?.();\n          break;\n        case 'exit':\n          onExit?.();\n          onExiting?.();\n          break;\n        case 'unmounted':\n          setExited(true);\n          onExited?.();\n          break;\n      }\n    },\n    [onEnter, onEntering, onEntered, onExit, onExiting, onExited],\n  );\n\n  let mountOverlay = isOpen || !exited;\n\n  if (!mountOverlay) {\n    if (!hideOnClose) {\n      return null;\n    }\n  }\n\n  let contents = (\n    <Provider ref={ref}>\n      <DisplayTransition\n        isShown={!!isOpen}\n        exposeUnmounted={hideOnClose}\n        duration={EXIT_DURATION}\n        onPhaseChange={handlePhaseChange}\n      >\n        {({ phase, isShown, isExiting }) => {\n          return (\n            <OpenTransitionContext.Provider\n              value={{ transitionState: phase as ReportedPhase }}\n            >\n              {Children.map(\n                children,\n                (child) =>\n                  child &&\n                  cloneElement(\n                    child as ReactElement,\n                    {\n                      isOpen: isShown,\n                      transitionState: phase,\n                      // A closed overlay leaves React Aria's stack of visible\n                      // overlays at once, but stays on screen, and clickable,\n                      // while it fades out. A press on it then counts as a\n                      // press outside whatever overlay is topmost again, so a\n                      // click on a fading list closed the Dialog under it\n                      // (CUB-5293). React Aria never treats a press inside a\n                      // top-layer element as outside.\n                      'data-react-aria-top-layer': isExiting || undefined,\n                    } as any,\n                  ),\n              )}\n            </OpenTransitionContext.Provider>\n          );\n        }}\n      </DisplayTransition>\n    </Provider>\n  );\n\n  // Popover, Modal and Tray all portal through here, which makes this the\n  // overlay path that matters most for batching: a dialog or menu mounts a\n  // fresh subtree and react-aria positions it from a layout effect in the same\n  // commit. `<Root>` does not re-render for those commits, so open a window\n  // here — it flushes in `useInsertionEffect`, before any positioning effect\n  // reads the DOM. Note this is a *raw* `createPortal`, not `<Portal>`, so the\n  // window `<Portal>` opens does not reach these overlays.\n  //\n  // Overlays also leave the `ButtonSplit` that opened them here: its context\n  // crosses the portal and would style every Button inside (CUB-5624). A split\n  // rendered inside the overlay still provides its own.\n  return createPortal(\n    <TastyBatchProvider>\n      <ButtonSplitContext.Provider value={null}>\n        {contents}\n      </ButtonSplitContext.Provider>\n    </TastyBatchProvider>,\n    container || root || document.body,\n  );\n}\n\nlet _Overlay = forwardRef(Overlay);\n\n_Overlay.displayName = 'Overlay';\n\nexport { _Overlay as Overlay };\n"],"mappings":";;;;;;;;;;;;;AAqCA,MAAa8B,gBAAgB;AAE7B,SAASC,QAAQC,OAAyBC,KAAK;CAC7C,IAAI,EACFb,UACAC,QACAC,YAAY,MACZE,SACAC,YACAC,WACAC,QACAC,WACAC,UACAK,cAAc,UACZF;CACJ,IAAI,CAACG,QAAQC,aAAa5B,SAAS,CAACa,OAAO;AAE3C,KAAIA,UAAUc,OACZC,WAAU,MAAM;CAalB,MAAMC,UAAU9B,OAAO,CAAC,CAACc,OAAO;AAEhC,KAAIgB,QAAQC,YAAY,CAAC,CAACjB,QAAQ;AAChCgB,UAAQC,UAAU,CAAC,CAACjB;AAEpB,MAAI,CAACA,OAAQT,wBAAuBkB,gBAAgB,IAAI;;CAG1D,IAAI,EAAES,SAAS5B,iBAAiB,EAAE,CAAU;CAE5C,IAAI6B,oBAAoBlC,aACrBmC,UAAyB;AACxB,UAAQA,OAAR;GACE,KAAK;AACHL,cAAU,MAAM;AAChBZ,eAAW;AACXC,kBAAc;AACd;GACF,KAAK;AACHC,iBAAa;AACb;GACF,KAAK;AACHC,cAAU;AACVC,iBAAa;AACb;GACF,KAAK;AACHQ,cAAU,KAAK;AACfP,gBAAY;AACZ;;IAGN;EAACL;EAASC;EAAYC;EAAWC;EAAQC;EAAWC;EACtD,CAAC;AAID,KAAI,EAFeR,UAAU,CAACc,SAG5B;MAAI,CAACD,YACH,QAAO;;CAIX,IAAIS,WACF,oBAAC;EAAcV;YACb,oBAAC;GACC,SAAS,CAAC,CAACZ;GACX,iBAAiBa;GACjB,UAAUJ;GACV,eAAeU;cAEb,EAAEC,OAAAA,SAAOG,SAASC,gBAAgB;AAClC,WACE,oBAAC,sBAAsB;KACrB,OAAO,EAAEC,iBAAiBL,SAAwB;eAEjDxC,SAAS8C,IACR3B,WACC4B,UACCA,SACA9C,aACE8C,OACA;MACE3B,QAAQuB;MACRE,iBAAiBL;MAQjB,6BAA6BI,aAAaI;MAC3C,CAEP,CAAC;MAC8B;;IAGpB;GAEtB;AAaD,QAAOxC,aACL,oBAAC,gCACC,oBAAC,mBAAmB;EAAS,OAAO;YACjCkC;GAC0B,GACV,EACrBrB,aAAaiB,QAAQW,SAASC,KAC/B;;AAGH,IAAIC,WAAWjD,WAAW4B,QAAQ;AAElCqB,SAASC,cAAc"}

package/dist/components/overlays/Modal/Popover.d.ts

@@ -1,7 +1,7 @@
 
 import "../../../shared/index.js";
-import "./types.js";
 import "./Overlay.js";
+import "./types.js";
 import { BaseProps } from "@tenphi/tasty";
 import { HTMLAttributes } from "react";
 import "react-aria";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.195.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.197.0 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { mergeRefs as mergeRefs$1 } from "../../../utils/react/useCombinedRefs.js";
 import { useModalLayerRef } from "./modal-containment.js";
@@ -145,35 +145,37 @@ const PopoverWrapper = forwardRef(function PopoverWrapper(props, ref) {
 	const { modalProps } = useModal(t1);
 	const T0 = PopoverElement;
 	const t2 = qa || "Popover";
-	const t3 = mergeProps$1(otherProps, overlayProps, modalProps);
-	const t4 = transitionState === "enter";
-	const t5 = transitionState === "exit";
-	const t6 = transitionState === "unmounted";
-	const t7 = transitionState === "entered";
-	let t8;
-	if ($[2] !== isOpen || $[3] !== t4 || $[4] !== t5 || $[5] !== t6 || $[6] !== t7) {
-		t8 = {
+	const t3 = "";
+	const t4 = mergeProps$1(otherProps, overlayProps, modalProps);
+	const t5 = transitionState === "enter";
+	const t6 = transitionState === "exit";
+	const t7 = transitionState === "unmounted";
+	const t8 = transitionState === "entered";
+	let t9;
+	if ($[2] !== isOpen || $[3] !== t5 || $[4] !== t6 || $[5] !== t7 || $[6] !== t8) {
+		t9 = {
 			open: isOpen,
-			enter: t4,
-			exit: t5,
-			unmounted: t6,
-			entered: t7
+			enter: t5,
+			exit: t6,
+			unmounted: t7,
+			entered: t8
 		};
 		$[2] = isOpen;
-		$[3] = t4;
-		$[4] = t5;
-		$[5] = t6;
-		$[6] = t7;
-		$[7] = t8;
-	} else t8 = $[7];
-	let t9;
-	if ($[8] !== T0 || $[9] !== children || $[10] !== placement || $[11] !== ref || $[12] !== style || $[13] !== styles || $[14] !== t2 || $[15] !== t3 || $[16] !== t8) {
-		t9 = /* @__PURE__ */ jsx(T0, {
+		$[3] = t5;
+		$[4] = t6;
+		$[5] = t7;
+		$[6] = t8;
+		$[7] = t9;
+	} else t9 = $[7];
+	let t10;
+	if ($[8] !== T0 || $[9] !== children || $[10] !== placement || $[11] !== ref || $[12] !== style || $[13] !== styles || $[14] !== t2 || $[15] !== t4 || $[16] !== t9) {
+		t10 = /* @__PURE__ */ jsx(T0, {
 			qa: t2,
-			...t3,
+			"data-overlay-layer": t3,
+			...t4,
 			ref,
 			styles,
-			mods: t8,
+			mods: t9,
 			"data-placement": placement,
 			style,
 			children
@@ -185,11 +187,11 @@ const PopoverWrapper = forwardRef(function PopoverWrapper(props, ref) {
 		$[12] = style;
 		$[13] = styles;
 		$[14] = t2;
-		$[15] = t3;
-		$[16] = t8;
-		$[17] = t9;
-	} else t9 = $[17];
-	return t9;
+		$[15] = t4;
+		$[16] = t9;
+		$[17] = t10;
+	} else t10 = $[17];
+	return t10;
 });
 const _Popover = forwardRef(Popover);
 _Popover.displayName = "Popover";

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

@@ -1 +1 @@
-{"version":3,"file":"Popover.js","names":["useObjectRef","BaseProps","tasty","ForwardedRef","forwardRef","HTMLAttributes","AriaOverlayProps","useModal","useOverlay","PlacementAxis","mergeProps","mergeRefs","useOverlayEscapeGuard","useModalLayerRef","CubeOverlayProps","Overlay","TransitionState","Props","PopoverElement","role","styles","display","hide","exit","unmounted","pointerEvents","position","transition","transform","open","opacity","transformOrigin","CubePopoverProps","container","HTMLElement","placement","arrowProps","hideArrow","isOpen","onClose","shouldCloseOnBlur","isNonModal","isDismissable","shouldCloseOnInteractOutside","element","Element","Popover","props","ref","$","_c","children","otherProps","qa","style","t0","undefined","domRef","t1","t2","overlayProps","rawOverlayProps","layerRef","t3","t4","t5","PopoverWrapperProps","Omit","PopoverWrapper","transitionState","isDisabled","modalProps","T0","t6","t7","t8","enter","entered","t9","_Popover","displayName"],"sources":["../../../../src/components/overlays/Modal/Popover.tsx"],"sourcesContent":["import { useObjectRef } from '@react-aria/utils';\nimport { BaseProps, tasty } from '@tenphi/tasty';\nimport { ForwardedRef, forwardRef, HTMLAttributes } from 'react';\nimport { AriaOverlayProps, useModal, useOverlay } from 'react-aria';\n\nimport { PlacementAxis } from '../../../shared';\nimport { mergeProps } from '../../../utils/react';\nimport { mergeRefs } from '../../../utils/react/useCombinedRefs';\nimport { useOverlayEscapeGuard } from '../../../utils/react/useOverlayEscapeGuard';\n\nimport { useModalLayerRef } from './modal-containment';\nimport { CubeOverlayProps, Overlay } from './Overlay';\nimport { TransitionState } from './types';\n\nimport type { Props } from '../../../props';\n\nconst PopoverElement = tasty({\n  role: 'presentation',\n  styles: {\n    display: 'initial',\n    hide: {\n      '': true,\n      'enter | entered': false,\n      exit: false,\n      unmounted: true,\n    },\n    pointerEvents: 'auto',\n    position: 'absolute',\n    transition:\n      'opacity $disclosure-transition linear, visibility 0ms linear, transform $disclosure-transition ease-in-out',\n    transform: {\n      '': 'scale(1, .9)',\n      open: 'initial',\n    },\n    opacity: {\n      '': 0,\n      open: '.9999',\n    },\n    transformOrigin: {\n      '': 'top center',\n      '[data-placement=\"top\"]': 'bottom center',\n    },\n  },\n});\n\nexport interface CubePopoverProps\n  extends BaseProps,\n    AriaOverlayProps,\n    CubeOverlayProps,\n    TransitionState {\n  container?: HTMLElement;\n  placement?: PlacementAxis;\n  arrowProps?: HTMLAttributes<HTMLElement>;\n  hideArrow?: boolean;\n  isOpen?: boolean;\n  onClose?: () => void;\n  shouldCloseOnBlur?: boolean;\n  isNonModal?: boolean;\n  isDismissable?: boolean;\n  shouldCloseOnInteractOutside?: (element: Element) => boolean;\n}\n\nfunction Popover(props: CubePopoverProps, ref: ForwardedRef<HTMLElement>) {\n  let {\n    qa,\n    style,\n    styles,\n    children,\n    placement,\n    arrowProps,\n    isNonModal,\n    isDismissable = true,\n    ...otherProps\n  } = props;\n\n  let domRef = useObjectRef(ref);\n\n  // `useOverlay` has to run here rather than inside `PopoverWrapper`, on the\n  // *logical* open state — `Overlay` hands its child an `isOpen` that only\n  // turns true once the enter animation has settled. Registering the overlay\n  // that late leaves it out of React Aria's visible-overlay stack for the first\n  // frames, and `Escape` silently does nothing until the popover finishes\n  // animating in. `Modal` and `Tray` call it from the same place for the same\n  // reason.\n  let { overlayProps: rawOverlayProps } = useOverlay(\n    { ...props, isDismissable: isDismissable && props.isOpen },\n    domRef,\n  );\n\n  // ...and a popover that has already closed must not answer for `Escape`\n  // while it animates out — see `useOverlayEscapeGuard`.\n  const overlayProps = useOverlayEscapeGuard(rawOverlayProps, props.isOpen);\n\n  // Opened inside a modal, it stays readable while the modal hides the page.\n  const layerRef = useModalLayerRef();\n\n  return (\n    <Overlay {...otherProps}>\n      <PopoverWrapper\n        ref={mergeRefs(domRef, layerRef)}\n        qa={qa}\n        style={style}\n        styles={styles}\n        placement={placement}\n        arrowProps={arrowProps}\n        isNonModal={isNonModal}\n        overlayProps={overlayProps}\n      >\n        {children}\n      </PopoverWrapper>\n    </Overlay>\n  );\n}\n\ninterface PopoverWrapperProps\n  extends Omit<CubePopoverProps, 'isDismissable'>,\n    TransitionState {\n  overlayProps?: Props;\n}\n\nconst PopoverWrapper = forwardRef(function PopoverWrapper(\n  props: PopoverWrapperProps,\n  ref,\n) {\n  let {\n    qa,\n    children,\n    placement = 'bottom',\n    arrowProps,\n    // `isOpen` here is the transition's settled state, not the trigger's — it\n    // drives the enter/exit styles only.\n    isOpen,\n    style,\n    styles,\n    isNonModal,\n    transitionState,\n    overlayProps,\n    ...otherProps\n  } = props;\n  let { modalProps } = useModal({\n    isDisabled: isNonModal,\n  });\n\n  return (\n    <PopoverElement\n      qa={qa || 'Popover'}\n      {...mergeProps(otherProps, overlayProps, modalProps)}\n      ref={ref}\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      }}\n      data-placement={placement}\n      style={style}\n    >\n      {children}\n    </PopoverElement>\n  );\n});\n\nconst _Popover = forwardRef(Popover);\n\n_Popover.displayName = 'Popover';\n\nexport { _Popover as Popover };\n"],"mappings":"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"}
+{"version":3,"file":"Popover.js","names":["useObjectRef","BaseProps","tasty","ForwardedRef","forwardRef","HTMLAttributes","AriaOverlayProps","useModal","useOverlay","PlacementAxis","mergeProps","mergeRefs","useOverlayEscapeGuard","useModalLayerRef","CubeOverlayProps","Overlay","TransitionState","Props","PopoverElement","role","styles","display","hide","exit","unmounted","pointerEvents","position","transition","transform","open","opacity","transformOrigin","CubePopoverProps","container","HTMLElement","placement","arrowProps","hideArrow","isOpen","onClose","shouldCloseOnBlur","isNonModal","isDismissable","shouldCloseOnInteractOutside","element","Element","Popover","props","ref","$","_c","children","otherProps","qa","style","t0","undefined","domRef","t1","t2","overlayProps","rawOverlayProps","layerRef","t3","t4","t5","PopoverWrapperProps","Omit","PopoverWrapper","transitionState","isDisabled","modalProps","T0","t6","t7","t8","t9","enter","entered","t10","_Popover","displayName"],"sources":["../../../../src/components/overlays/Modal/Popover.tsx"],"sourcesContent":["import { useObjectRef } from '@react-aria/utils';\nimport { BaseProps, tasty } from '@tenphi/tasty';\nimport { ForwardedRef, forwardRef, HTMLAttributes } from 'react';\nimport { AriaOverlayProps, useModal, useOverlay } from 'react-aria';\n\nimport { PlacementAxis } from '../../../shared';\nimport { mergeProps } from '../../../utils/react';\nimport { mergeRefs } from '../../../utils/react/useCombinedRefs';\nimport { useOverlayEscapeGuard } from '../../../utils/react/useOverlayEscapeGuard';\n\nimport { useModalLayerRef } from './modal-containment';\nimport { CubeOverlayProps, Overlay } from './Overlay';\nimport { TransitionState } from './types';\n\nimport type { Props } from '../../../props';\n\nconst PopoverElement = tasty({\n  role: 'presentation',\n  styles: {\n    display: 'initial',\n    hide: {\n      '': true,\n      'enter | entered': false,\n      exit: false,\n      unmounted: true,\n    },\n    pointerEvents: 'auto',\n    position: 'absolute',\n    transition:\n      'opacity $disclosure-transition linear, visibility 0ms linear, transform $disclosure-transition ease-in-out',\n    transform: {\n      '': 'scale(1, .9)',\n      open: 'initial',\n    },\n    opacity: {\n      '': 0,\n      open: '.9999',\n    },\n    transformOrigin: {\n      '': 'top center',\n      '[data-placement=\"top\"]': 'bottom center',\n    },\n  },\n});\n\nexport interface CubePopoverProps\n  extends BaseProps,\n    AriaOverlayProps,\n    CubeOverlayProps,\n    TransitionState {\n  container?: HTMLElement;\n  placement?: PlacementAxis;\n  arrowProps?: HTMLAttributes<HTMLElement>;\n  /** @deprecated Has no effect: the popover renders no arrow. */\n  hideArrow?: boolean;\n  isOpen?: boolean;\n  onClose?: () => void;\n  shouldCloseOnBlur?: boolean;\n  isNonModal?: boolean;\n  isDismissable?: boolean;\n  shouldCloseOnInteractOutside?: (element: Element) => boolean;\n}\n\nfunction Popover(props: CubePopoverProps, ref: ForwardedRef<HTMLElement>) {\n  let {\n    qa,\n    style,\n    styles,\n    children,\n    placement,\n    arrowProps,\n    isNonModal,\n    isDismissable = true,\n    ...otherProps\n  } = props;\n\n  let domRef = useObjectRef(ref);\n\n  // `useOverlay` has to run here rather than inside `PopoverWrapper`, on the\n  // *logical* open state — `Overlay` hands its child an `isOpen` that only\n  // turns true once the enter animation has settled. Registering the overlay\n  // that late leaves it out of React Aria's visible-overlay stack for the first\n  // frames, and `Escape` silently does nothing until the popover finishes\n  // animating in. `Modal` and `Tray` call it from the same place for the same\n  // reason.\n  let { overlayProps: rawOverlayProps } = useOverlay(\n    { ...props, isDismissable: isDismissable && props.isOpen },\n    domRef,\n  );\n\n  // ...and a popover that has already closed must not answer for `Escape`\n  // while it animates out — see `useOverlayEscapeGuard`.\n  const overlayProps = useOverlayEscapeGuard(rawOverlayProps, props.isOpen);\n\n  // Opened inside a modal, it stays readable while the modal hides the page.\n  const layerRef = useModalLayerRef();\n\n  return (\n    <Overlay {...otherProps}>\n      <PopoverWrapper\n        ref={mergeRefs(domRef, layerRef)}\n        qa={qa}\n        style={style}\n        styles={styles}\n        placement={placement}\n        arrowProps={arrowProps}\n        isNonModal={isNonModal}\n        overlayProps={overlayProps}\n      >\n        {children}\n      </PopoverWrapper>\n    </Overlay>\n  );\n}\n\ninterface PopoverWrapperProps\n  extends Omit<CubePopoverProps, 'isDismissable'>,\n    TransitionState {\n  overlayProps?: Props;\n}\n\nconst PopoverWrapper = forwardRef(function PopoverWrapper(\n  props: PopoverWrapperProps,\n  ref,\n) {\n  let {\n    qa,\n    children,\n    placement = 'bottom',\n    arrowProps,\n    // `isOpen` here is the transition's settled state, not the trigger's — it\n    // drives the enter/exit styles only.\n    isOpen,\n    style,\n    styles,\n    isNonModal,\n    transitionState,\n    overlayProps,\n    ...otherProps\n  } = props;\n  let { modalProps } = useModal({\n    isDisabled: isNonModal,\n  });\n\n  return (\n    <PopoverElement\n      qa={qa || 'Popover'}\n      data-overlay-layer=\"\"\n      {...mergeProps(otherProps, overlayProps, modalProps)}\n      ref={ref}\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      }}\n      data-placement={placement}\n      style={style}\n    >\n      {children}\n    </PopoverElement>\n  );\n});\n\nconst _Popover = forwardRef(Popover);\n\n_Popover.displayName = 'Popover';\n\nexport { _Popover as Popover };\n"],"mappings":"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"}

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.195.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.197.0 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { mergeRefs as mergeRefs$1 } from "../../../utils/react/useCombinedRefs.js";
 import { ModalContainmentProvider, useModalContainment } from "./modal-containment.js";
@@ -145,77 +145,86 @@ function Tray(props, ref) {
 	return t5;
 }
 let TrayWrapper = forwardRef(function TrayWrapper(props, ref) {
-	const $ = c(22);
+	const $ = c(24);
 	const { qa, children, isOpen, styles, isFixedHeight, isNonModal, overlayProps, transitionState, ...otherProps } = props;
-	usePreventScroll();
-	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);
+	const t0 = transitionState === "unmounted";
 	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 = {
+	if ($[0] !== t0) {
+		t1 = { isDisabled: t0 };
+		$[0] = t0;
+		$[1] = t1;
+	} else t1 = $[1];
+	usePreventScroll(t1);
+	const t2 = isNonModal || transitionState === "unmounted";
+	let t3;
+	if ($[2] !== t2) {
+		t3 = { isDisabled: t2 };
+		$[2] = t2;
+		$[3] = t3;
+	} else t3 = $[3];
+	const { modalProps } = useModal(t3);
+	const domProps = mergeProps$1(otherProps, overlayProps);
+	let t4;
+	if ($[4] !== isOpen) {
+		t4 = { open: isOpen };
+		$[4] = isOpen;
+		$[5] = t4;
+	} else t4 = $[5];
+	const t5 = qa || "Tray";
+	const t6 = transitionState === "enter";
+	const t7 = transitionState === "exit";
+	const t8 = transitionState === "unmounted";
+	const t9 = transitionState === "entered";
+	let t10;
+	if ($[6] !== isFixedHeight || $[7] !== isOpen || $[8] !== t6 || $[9] !== t7 || $[10] !== t8 || $[11] !== t9) {
+		t10 = {
 			open: isOpen,
-			enter: t3,
-			exit: t4,
-			unmounted: t5,
-			entered: t6,
+			enter: t6,
+			exit: t7,
+			unmounted: t8,
+			entered: t9,
 			"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,
+		$[6] = isFixedHeight;
+		$[7] = isOpen;
+		$[8] = t6;
+		$[9] = t7;
+		$[10] = t8;
+		$[11] = t9;
+		$[12] = t10;
+	} else t10 = $[12];
+	let t11;
+	if ($[13] !== children || $[14] !== domProps || $[15] !== modalProps || $[16] !== ref || $[17] !== styles || $[18] !== t10 || $[19] !== t5) {
+		t11 = /* @__PURE__ */ jsx(TrayElement, {
+			qa: t5,
+			"data-overlay-layer": "",
 			styles,
-			mods: t7,
+			mods: t10,
 			...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
+		$[13] = children;
+		$[14] = domProps;
+		$[15] = modalProps;
+		$[16] = ref;
+		$[17] = styles;
+		$[18] = t10;
+		$[19] = t5;
+		$[20] = t11;
+	} else t11 = $[20];
+	let t12;
+	if ($[21] !== t11 || $[22] !== t4) {
+		t12 = /* @__PURE__ */ jsx(TrayWrapperElement, {
+			mods: t4,
+			children: t11
 		});
-		$[19] = t1;
-		$[20] = t8;
-		$[21] = t9;
-	} else t9 = $[21];
-	return t9;
+		$[21] = t11;
+		$[22] = t4;
+		$[23] = t12;
+	} else t12 = $[23];
+	return t12;
 });
 let _Tray = forwardRef(Tray);
 _Tray.displayName = "Tray";

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

@@ -1 +1 @@
-{"version":3,"file":"Tray.js","names":["useObjectRef","BaseProps","Styles","tasty","ForwardedRef","forwardRef","ReactNode","AriaOverlayProps","useModal","useOverlay","usePreventScroll","mergeProps","mergeRefs","useOverlayEscapeGuard","OVERLAY_WRAPPER_STYLES","ModalContainmentProvider","useModalContainment","CubeOverlayProps","Overlay","TransitionState","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","rawOverlayProps","underlayProps","containment","containmentRef","t1","t2","t3","t4","t5","TrayWrapper","transitionState","isDisabled","modalProps","domProps","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 { ForwardedRef, forwardRef, ReactNode } from 'react';\nimport {\n  AriaOverlayProps,\n  useModal,\n  useOverlay,\n  usePreventScroll,\n} from 'react-aria';\n\nimport { mergeProps } from '../../../utils/react';\nimport { mergeRefs } from '../../../utils/react/useCombinedRefs';\nimport { useOverlayEscapeGuard } from '../../../utils/react/useOverlayEscapeGuard';\n\nimport { OVERLAY_WRAPPER_STYLES } from './Modal';\nimport {\n  ModalContainmentProvider,\n  useModalContainment,\n} from './modal-containment';\nimport { CubeOverlayProps, Overlay } from './Overlay';\nimport { TransitionState } from './types';\nimport { Underlay } from './Underlay';\n\nimport type { Props } from '../../../props';\n\nconst TrayWrapperElement = tasty({\n  qa: 'TrayWrapper',\n  styles: {\n    // eslint-disable-next-line tasty/no-style-spread -- overlay wrapper base shared with ModalWrapper\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 AriaOverlayProps, CubeOverlayProps {\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: ForwardedRef<HTMLElement>) {\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: rawOverlayProps, underlayProps } = useOverlay(\n    { ...props, isDismissable: true, shouldCloseOnInteractOutside },\n    domRef,\n  );\n\n  // Same as `Modal`: a tray pressed while it closes must not take `Escape`.\n  const overlayProps = useOverlayEscapeGuard(rawOverlayProps, props.isOpen);\n\n  // Same as `Modal`: the page behind an open tray is hidden.\n  const { containment, ref: containmentRef } = useModalContainment(\n    !isNonModal,\n    !!props.isOpen,\n  );\n\n  return (\n    <ModalContainmentProvider value={containment}>\n      <Overlay {...otherProps}>\n        <Underlay {...underlayProps} />\n        <TrayWrapper\n          ref={mergeRefs(domRef, containmentRef)}\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    </ModalContainmentProvider>\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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"}
+{"version":3,"file":"Tray.js","names":["useObjectRef","BaseProps","Styles","tasty","ForwardedRef","forwardRef","ReactNode","AriaOverlayProps","useModal","useOverlay","usePreventScroll","mergeProps","mergeRefs","useOverlayEscapeGuard","OVERLAY_WRAPPER_STYLES","ModalContainmentProvider","useModalContainment","CubeOverlayProps","Overlay","TransitionState","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","rawOverlayProps","underlayProps","containment","containmentRef","t1","t2","t3","t4","t5","TrayWrapper","transitionState","isDisabled","modalProps","domProps","t6","t7","t8","t9","t10","enter","entered","t11","t12","_Tray","displayName"],"sources":["../../../../src/components/overlays/Modal/Tray.tsx"],"sourcesContent":["import { useObjectRef } from '@react-aria/utils';\nimport { BaseProps, Styles, tasty } from '@tenphi/tasty';\nimport { ForwardedRef, forwardRef, ReactNode } from 'react';\nimport {\n  AriaOverlayProps,\n  useModal,\n  useOverlay,\n  usePreventScroll,\n} from 'react-aria';\n\nimport { mergeProps } from '../../../utils/react';\nimport { mergeRefs } from '../../../utils/react/useCombinedRefs';\nimport { useOverlayEscapeGuard } from '../../../utils/react/useOverlayEscapeGuard';\n\nimport { OVERLAY_WRAPPER_STYLES } from './Modal';\nimport {\n  ModalContainmentProvider,\n  useModalContainment,\n} from './modal-containment';\nimport { CubeOverlayProps, Overlay } from './Overlay';\nimport { TransitionState } from './types';\nimport { Underlay } from './Underlay';\n\nimport type { Props } from '../../../props';\n\nconst TrayWrapperElement = tasty({\n  qa: 'TrayWrapper',\n  styles: {\n    // eslint-disable-next-line tasty/no-style-spread -- overlay wrapper base shared with ModalWrapper\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 AriaOverlayProps, CubeOverlayProps {\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: ForwardedRef<HTMLElement>) {\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: rawOverlayProps, underlayProps } = useOverlay(\n    { ...props, isDismissable: true, shouldCloseOnInteractOutside },\n    domRef,\n  );\n\n  // Same as `Modal`: a tray pressed while it closes must not take `Escape`.\n  const overlayProps = useOverlayEscapeGuard(rawOverlayProps, props.isOpen);\n\n  // Same as `Modal`: the page behind an open tray is hidden.\n  const { containment, ref: containmentRef } = useModalContainment(\n    !isNonModal,\n    !!props.isOpen,\n  );\n\n  return (\n    <ModalContainmentProvider value={containment}>\n      <Overlay {...otherProps}>\n        <Underlay {...underlayProps} />\n        <TrayWrapper\n          ref={mergeRefs(domRef, containmentRef)}\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    </ModalContainmentProvider>\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({ isDisabled: transitionState === 'unmounted' });\n  let { modalProps } = useModal({\n    isDisabled: isNonModal || transitionState === 'unmounted',\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        data-overlay-layer=\"\"\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,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.195.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.197.0 | Cube Dev Team */
 import { c } from "react/compiler-runtime";
 import { tasty } from "@tenphi/tasty";
 import { forwardRef } from "react";

package/dist/components/overlays/Modal/index.d.ts

@@ -1,6 +1,6 @@
 
-import { WithCloseBehavior } from "./types.js";
 import "./Overlay.js";
+import { WithCloseBehavior } from "./types.js";
 import "./Tray.js";
 import "./Modal.js";
 import "./Underlay.js";

package/dist/components/overlays/Modal/modal-containment.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.195.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.197.0 | Cube Dev Team */
 import { c } from "react/compiler-runtime";
 import { createContext, useContext, useLayoutEffect, useRef, useState } from "react";
 import { ariaHideOutside } from "react-aria/private/overlays/ariaHideOutside";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.195.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.197.0 | Cube Dev Team */
 import { useNotificationContext } from "./NotificationContext.js";
 import { c } from "react/compiler-runtime";
 import { useEffect, useRef } from "react";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.195.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.197.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";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.195.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.197.0 | Cube Dev Team */
 import { Block } from "../../Block.js";
 import { ItemActionProvider } from "../../actions/ItemActionContext.js";
 import { useI18n } from "../../../i18n/useI18n.js";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.195.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.197.0 | Cube Dev Team */
 import { createContext, useContext } from "react";
 
 //#region src/components/overlays/Notifications/NotificationContext.ts

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.195.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.197.0 | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { NotificationCard } from "./NotificationCard.js";
 import { c } from "react/compiler-runtime";