@cube-dev/ui-kit 0.196.0 → 0.198.0

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

@@ -1,17 +1,13 @@
-/** @license MIT | @cube-dev/ui-kit v0.196.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.198.0 | Cube Dev Team */
 import { 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";
-import { jsx } from "react/jsx-runtime";
+import { Children, cloneElement, forwardRef, useCallback, useLayoutEffect, useRef, useState } from "react";
+import { jsx, jsxs } 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;
 	let [exited, setExited] = useState(!isOpen);
@@ -19,9 +15,25 @@ function Overlay(props, ref) {
 	const wasOpen = useRef(!!isOpen);
 	if (wasOpen.current !== !!isOpen) {
 		wasOpen.current = !!isOpen;
-		if (!isOpen) markFocusRestoreWindow(EXIT_DURATION + 200);
+		if (!isOpen) markFocusRestoreWindow(550);
 	}
 	let { root } = useProviderProps({});
+	const startRef = useRef(null);
+	const endRef = useRef(null);
+	useLayoutEffect(() => {
+		const start = startRef.current;
+		const end = endRef.current;
+		const parent = start?.parentElement;
+		if (!isOpen || !start || !end || !parent?.moveBefore) return;
+		if (parent.lastChild === end) return;
+		parent.offsetHeight;
+		for (let node = start; node;) {
+			const next = node.nextSibling;
+			parent.moveBefore(node, null);
+			if (node === end) break;
+			node = next;
+		}
+	}, [isOpen]);
 	let handlePhaseChange = useCallback((phase) => {
 		switch (phase) {
 			case "enter":
@@ -39,7 +51,6 @@ function Overlay(props, ref) {
 			case "unmounted":
 				setExited(true);
 				onExited?.();
-				break;
 		}
 	}, [
 		onEnter,
@@ -57,7 +68,7 @@ function Overlay(props, ref) {
 		children: /* @__PURE__ */ jsx(DisplayTransition, {
 			isShown: !!isOpen,
 			exposeUnmounted: hideOnClose,
-			duration: EXIT_DURATION,
+			duration: 350,
 			onPhaseChange: handlePhaseChange,
 			children: ({ phase: phase_0, isShown, isExiting }) => {
 				return /* @__PURE__ */ jsx(OpenTransitionContext.Provider, {
@@ -71,14 +82,24 @@ function Overlay(props, ref) {
 			}
 		})
 	});
-	return createPortal(/* @__PURE__ */ jsx(TastyBatchProvider, { children: /* @__PURE__ */ jsx(ButtonSplitContext.Provider, {
+	return createPortal(/* @__PURE__ */ jsx(TastyBatchProvider, { children: /* @__PURE__ */ jsxs(ButtonSplitContext.Provider, {
 		value: null,
-		children: contents
+		children: [
+			hideOnClose && /* @__PURE__ */ jsx("span", {
+				ref: startRef,
+				hidden: true
+			}),
+			contents,
+			hideOnClose && /* @__PURE__ */ jsx("span", {
+				ref: endRef,
+				hidden: true
+			})
+		]
 	}) }), container || root || document.body);
 }
 let _Overlay = forwardRef(Overlay);
 _Overlay.displayName = "Overlay";
-
 //#endregion
-export { EXIT_DURATION, _Overlay };
+export { _Overlay as 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","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"}
+{"version":3,"file":"Overlay.js","names":["TastyBatchProvider","Children","cloneElement","forwardRef","ReactElement","ReactNode","useCallback","useLayoutEffect","useRef","useState","createPortal","Provider","useProviderProps","markFocusRestoreWindow","ButtonSplitContext","DisplayTransition","OpenTransitionContext","WithCloseBehavior","Props","ReportedPhase","CubeOverlayProps","children","isOpen","container","HTMLElement","onEnter","onEntering","onEntered","onExit","onExiting","onExited","MovableParent","moveBefore","node","Node","child","EXIT_DURATION","Overlay","props","ref","hideOnClose","exited","setExited","wasOpen","current","root","startRef","HTMLSpanElement","endRef","start","end","parent","parentElement","lastChild","offsetHeight","ChildNode","next","nextSibling","handlePhaseChange","phase","mountOverlay","contents","isShown","isExiting","transitionState","map","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  useLayoutEffect,\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/** `Element.moveBefore`, which moves a node and keeps its state. */\ntype MovableParent = HTMLElement & {\n  moveBefore?: (node: Node, child: Node | null) => 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  // A kept overlay mounts along with whatever renders it, and its nodes stay\n  // where they were first inserted. One inside another overlay mounts in the\n  // same commit and lands before it, so it would open behind it. Each open\n  // moves its nodes last in the container, where a fresh mount lands. Only\n  // where the browser can move nodes without resetting them: an append would\n  // scroll kept content back to the top and reload its frames.\n  const startRef = useRef<HTMLSpanElement>(null);\n  const endRef = useRef<HTMLSpanElement>(null);\n\n  useLayoutEffect(() => {\n    const start = startRef.current;\n    const end = endRef.current;\n    const parent = start?.parentElement as MovableParent | null | undefined;\n\n    if (!isOpen || !start || !end || !parent?.moveBefore) return;\n    if (parent.lastChild === end) return;\n\n    // Laid out first: content back from `display: none` gets its scroll\n    // position back once it has a box again, and a move keeps what the box\n    // holds. One forced reflow, once per open that moves.\n    void parent.offsetHeight;\n\n    for (let node: ChildNode | null = start; node;) {\n      const next: ChildNode | null = node.nextSibling;\n\n      parent.moveBefore(node, null);\n\n      if (node === end) break;\n\n      node = next;\n    }\n  }, [isOpen]);\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        {hideOnClose && <span ref={startRef} hidden />}\n        {contents}\n        {hideOnClose && <span ref={endRef} hidden />}\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":";;;;;;;;;;AA6CA,SAASqC,QAAQC,OAAyBC,KAAK;CAC7C,IAAI,EACFlB,UACAC,QACAC,YAAY,MACZE,SACAC,YACAC,WACAC,QACAC,WACAC,UACAU,cAAc,UACZF;CACJ,IAAI,CAACG,QAAQC,aAAajC,SAAS,CAACa,MAAM;CAE1C,IAAIA,UAAUmB,QACZC,UAAU,KAAK;CAajB,MAAMC,UAAUnC,OAAO,CAAC,CAACc,MAAM;CAE/B,IAAIqB,QAAQC,YAAY,CAAC,CAACtB,QAAQ;EAChCqB,QAAQC,UAAU,CAAC,CAACtB;EAEpB,IAAI,CAACA,QAAQT,uBAAuBuB,GAAmB;CACzD;CAEA,IAAI,EAAES,SAASjC,iBAAiB,CAAC,CAAU;CAQ3C,MAAMkC,WAAWtC,OAAwB,IAAI;CAC7C,MAAMwC,SAASxC,OAAwB,IAAI;CAE3CD,sBAAsB;EACpB,MAAM0C,QAAQH,SAASF;EACvB,MAAMM,MAAMF,OAAOJ;EACnB,MAAMO,SAASF,OAAOG;EAEtB,IAAI,CAAC9B,UAAU,CAAC2B,SAAS,CAACC,OAAO,CAACC,QAAQnB,YAAY;EACtD,IAAImB,OAAOE,cAAcH,KAAK;EAK9B,OAAYI;EAEZ,KAAK,IAAIrB,OAAyBgB,OAAOhB,OAAO;GAC9C,MAAMuB,OAAyBvB,KAAKwB;GAEpCN,OAAOnB,WAAWC,MAAM,IAAI;GAE5B,IAAIA,SAASiB,KAAK;GAElBjB,OAAOuB;EACT;CACF,GAAG,CAAClC,MAAM,CAAC;CAEX,IAAIoC,oBAAoBpD,aACrBqD,UAAyB;EACxB,QAAQA,OAAR;GACE,KAAK;IACHjB,UAAU,KAAK;IACfjB,UAAU;IACVC,aAAa;IACb;GACF,KAAK;IACHC,YAAY;IACZ;GACF,KAAK;IACHC,SAAS;IACTC,YAAY;IACZ;GACF,KAAK;IACHa,UAAU,IAAI;IACdZ,WAAW;EAEf;CACF,GACA;EAACL;EAASC;EAAYC;EAAWC;EAAQC;EAAWC;CAAQ,CAC9D;CAIA,IAAI,EAFeR,UAAU,CAACmB,SAGxB;MAAA,CAACD,aACH,OAAO;CAAA;CAIX,IAAIqB,WACF,oBAAC,UAAD;EAAetB;EACb,UAAA,oBAAC,mBAAD;GACE,SAAS,CAAC,CAACjB;GACX,iBAAiBkB;GACjB,UAAA;GACA,eAAekB;GAEb,WAAA,EAAEC,OAAAA,SAAOG,SAASC,gBAAgB;IAClC,OACE,oBAAC,sBAAsB,UAAvB;KACE,OAAO,EAAEC,iBAAiBL,QAAuB;KAEhD1D,UAAAA,SAASgE,IACR5C,WACCc,UACCA,SACAjC,aACEiC,OACA;MACEb,QAAQwC;MACRE,iBAAiBL;MAQjB,6BAA6BI,aAAaG,KAAAA;KAC5C,CACF,CACJ;IAC8B,CAAA;GAEpC;EACiB,CAAA;CACX,CAAA;CAcZ,OAAOxD,aACL,oBAAC,oBAAD,EAAA,UACE,qBAAC,mBAAmB,UAApB;EAA6B,OAAO;EAApC,UAAA;GACG8B,eAAe,oBAAC,QAAD;IAAM,KAAKM;IAAU,QAAA;GAAM,CAAA;GAC1Ce;GACArB,eAAe,oBAAC,QAAD;IAAM,KAAKQ;IAAQ,QAAA;GAAM,CAAA;EACd;CACX,CAAA,EAAA,CAAA,GACpBzB,aAAasB,QAAQsB,SAASC,IAChC;AACF;AAEA,IAAIC,WAAWlE,WAAWkC,OAAO;AAEjCgC,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,16 +1,15 @@
-/** @license MIT | @cube-dev/ui-kit v0.196.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.198.0 | Cube Dev Team */
 import { 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";
 import { useOverlayEscapeGuard } from "../../../utils/react/useOverlayEscapeGuard.js";
-import { _Overlay } from "./Overlay.js";
+import { Overlay as _Overlay } from "./Overlay.js";
 import { c } from "react/compiler-runtime";
 import { tasty } from "@tenphi/tasty";
 import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";
 import { useModal, useOverlay } from "react-aria";
 import { useObjectRef } from "@react-aria/utils";
-
 //#region src/components/overlays/Modal/Popover.tsx
 const PopoverElement = tasty({
 	role: "presentation",
@@ -195,7 +194,7 @@ const PopoverWrapper = forwardRef(function PopoverWrapper(props, ref) {
 });
 const _Popover = forwardRef(Popover);
 _Popover.displayName = "Popover";
-
 //#endregion
-export { _Popover };
+export { _Popover as Popover };
+
 //# sourceMappingURL=Popover.js.map

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","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":";;;;;;;;;;;;;;AAgBA,MAAMkB,iBAAiBhB,MAAM;CAC3BiB,MAAM;CACNC,QAAQ;EACNC,SAAS;EACTC,MAAM;GACJ,IAAI;GACJ,mBAAmB;GACnBC,MAAM;GACNC,WAAW;GACZ;EACDC,eAAe;EACfC,UAAU;EACVC,YACE;EACFC,WAAW;GACT,IAAI;GACJC,MAAM;GACP;EACDC,SAAS;GACP,IAAI;GACJD,MAAM;GACP;EACDE,iBAAiB;GACf,IAAI;GACJ,4BAA0B;GAC5B;EACF;CACD,CAAC;AAoBF,SAAAe,QAAAC,OAAAC,KAAA;CAAA,MAAAC,IAAAC,EAAA,GAAA;CAAA,IAAAd;CAAA,IAAAe;CAAA,IAAAV;CAAA,IAAAW;CAAA,IAAAjB;CAAA,IAAAkB;CAAA,IAAAC;CAAA,IAAAlC;CAAA,IAAAmC;AAAA,KAAAN,EAAA,OAAAF,OAAA;AACE,GAAA,CAAAM,IAAAC,OAAAlC,QAAA+B,UAAAhB,WAAAC,YAAAK,YAAAC,eAAAa,OAAAH,cAUIL;AAAME,IAAA,KAAAF;AAAAE,IAAA,KAAAb;AAAAa,IAAA,KAAAE;AAAAF,IAAA,KAAAR;AAAAQ,IAAA,KAAAG;AAAAH,IAAA,KAAAd;AAAAc,IAAA,KAAAI;AAAAJ,IAAA,KAAAK;AAAAL,IAAA,KAAA7B;AAAA6B,IAAA,KAAAM;QAAA;AAAAnB,eAAAa,EAAA;AAAAE,aAAAF,EAAA;AAAAR,eAAAQ,EAAA;AAAAG,eAAAH,EAAA;AAAAd,cAAAc,EAAA;AAAAI,OAAAJ,EAAA;AAAAK,UAAAL,EAAA;AAAA7B,WAAA6B,EAAA;AAAAM,OAAAN,EAAA;;CAFR,MAAAP,gBAAAa,OAAAC,SAAA,OAAAD;CAIF,MAAAE,SAAazD,aAAagD,IAAI;CAUD,MAAAU,KAAAhB,iBAAiBK,MAAKT;CAAO,IAAAqB;AAAA,KAAAV,EAAA,QAAAF,SAAAE,EAAA,QAAAS,IAAA;AAAxDC,OAAA;GAAA,GAAKZ;GAAKL,eAAiBgB;GAA+B;AAAAT,IAAA,MAAAF;AAAAE,IAAA,MAAAS;AAAAT,IAAA,MAAAU;OAAAA,MAAAV,EAAA;CAD5D,MAAA,EAAAW,cAAAC,oBAAwCrD,WACtCmD,IACAF,OACD;CAID,MAAAG,eAAqBhD,sBAAsBiD,iBAAiBd,MAAKT,OAAQ;CAGzE,MAAAwB,WAAiBjD,kBAAkB;CAAC,IAAAkD;AAAA,KAAAd,EAAA,QAAAQ,UAAAR,EAAA,QAAAa,UAAA;AAKzBC,OAAApD,YAAU8C,QAAQK,SAAS;AAAAb,IAAA,MAAAQ;AAAAR,IAAA,MAAAa;AAAAb,IAAA,MAAAc;OAAAA,MAAAd,EAAA;CAAA,IAAAe;AAAA,KAAAf,EAAA,QAAAb,cAAAa,EAAA,QAAAE,YAAAF,EAAA,QAAAR,cAAAQ,EAAA,QAAAW,gBAAAX,EAAA,QAAAd,aAAAc,EAAA,QAAAI,MAAAJ,EAAA,QAAAK,SAAAL,EAAA,QAAA7B,UAAA6B,EAAA,QAAAc,IAAA;AADlCC,OAAA,oBAAC;GACM,KAAAD;GACDV;GACGC;GACClC;GACGe;GACCC;GACAK;GACEmB;GAEbT;IACc;AAAAF,IAAA,MAAAb;AAAAa,IAAA,MAAAE;AAAAF,IAAA,MAAAR;AAAAQ,IAAA,MAAAW;AAAAX,IAAA,MAAAd;AAAAc,IAAA,MAAAI;AAAAJ,IAAA,MAAAK;AAAAL,IAAA,MAAA7B;AAAA6B,IAAA,MAAAc;AAAAd,IAAA,MAAAe;OAAAA,MAAAf,EAAA;CAAA,IAAAgB;AAAA,KAAAhB,EAAA,QAAAG,cAAAH,EAAA,QAAAe,IAAA;AAZnBC,OAAA,oBAAC;GAAO,GAAKb;aACXY;IAYQ;AAAAf,IAAA,MAAAG;AAAAH,IAAA,MAAAe;AAAAf,IAAA,MAAAgB;OAAAA,MAAAhB,EAAA;AAAA,QAbVgB;;AAuBJ,MAAMG,iBAAiBhE,WAAW,SAAAgE,eAAArB,OAAAC,KAAA;CAAA,MAAAC,IAAAC,EAAA,GAAA;CAIhC,MAAA,EAAAG,IAAAF,UAAAhB,WAAAoB,IAAAnB,YAAAE,QAAAgB,OAAAlC,QAAAqB,YAAA4B,iBAAAT,cAAA,GAAAR,eAcIL;CAXF,MAAAZ,YAAAoB,OAAAC,SAAA,WAAAD;CAAoB,IAAAG;AAAA,KAAAT,EAAA,OAAAR,YAAA;AAYQiB,OAAA,EAAAY,YAChB7B,YACb;AAAAQ,IAAA,KAAAR;AAAAQ,IAAA,KAAAS;OAAAA,MAAAT,EAAA;CAFD,MAAA,EAAAsB,eAAqBhE,SAASmD,GAE5B;CAGC,MAAAc,KAAAtD;CACK,MAAAyC,KAAAN,MAAA;CACe,MAAAU,KAAA;CACf,MAAAC,KAAAtD,aAAW0C,YAAYQ,cAAcW,WAAW;CAK3C,MAAAN,KAAAI,oBAAoB;CACrB,MAAAI,KAAAJ,oBAAoB;CACf,MAAAK,KAAAL,oBAAoB;CACtB,MAAAM,KAAAN,oBAAoB;CAAS,IAAAO;AAAA,KAAA3B,EAAA,OAAAX,UAAAW,EAAA,OAAAgB,MAAAhB,EAAA,OAAAwB,MAAAxB,EAAA,OAAAyB,MAAAzB,EAAA,OAAA0B,IAAA;AALlCC,OAAA;GAAA/C,MACES;GAAMuC,OACLZ;GAA2B1C,MAC5BkD;GAA0BjD,WACrBkD;GAA+BI,SACjCH;GACV;AAAA1B,IAAA,KAAAX;AAAAW,IAAA,KAAAgB;AAAAhB,IAAA,KAAAwB;AAAAxB,IAAA,KAAAyB;AAAAzB,IAAA,KAAA0B;AAAA1B,IAAA,KAAA2B;OAAAA,MAAA3B,EAAA;CAAA,IAAA8B;AAAA,KAAA9B,EAAA,OAAAuB,MAAAvB,EAAA,OAAAE,YAAAF,EAAA,QAAAd,aAAAc,EAAA,QAAAD,OAAAC,EAAA,QAAAK,SAAAL,EAAA,QAAA7B,UAAA6B,EAAA,QAAAU,MAAAV,EAAA,QAAAe,MAAAf,EAAA,QAAA2B,IAAA;AAZHG,QAAA,oBAAC;GACK,IAAApB;GACe,sBAAAI;GAAE,GACjBC;GACChB;GACG5B;GACF,MAAAwD;GAOUzC,kBAAAA;GACTmB;GAENH;IACc;AAAAF,IAAA,KAAAuB;AAAAvB,IAAA,KAAAE;AAAAF,IAAA,MAAAd;AAAAc,IAAA,MAAAD;AAAAC,IAAA,MAAAK;AAAAL,IAAA,MAAA7B;AAAA6B,IAAA,MAAAU;AAAAV,IAAA,MAAAe;AAAAf,IAAA,MAAA2B;AAAA3B,IAAA,MAAA8B;OAAAA,OAAA9B,EAAA;AAAA,QAjBjB8B;EAmBF;AAEF,MAAMC,WAAW5E,WAAW0C,QAAQ;AAEpCkC,SAASC,cAAc"}
+{"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","_c","mergeRefs","Overlay","mergeProps"],"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, AriaOverlayProps, CubeOverlayProps, 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'>, 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,10 +1,10 @@
-/** @license MIT | @cube-dev/ui-kit v0.196.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.198.0 | Cube Dev Team */
 import { 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";
 import { useOverlayEscapeGuard } from "../../../utils/react/useOverlayEscapeGuard.js";
-import { _Overlay } from "./Overlay.js";
-import { _Underlay } from "./Underlay.js";
+import { Overlay as _Overlay } from "./Overlay.js";
+import { Underlay as _Underlay } from "./Underlay.js";
 import { OVERLAY_WRAPPER_STYLES } from "./Modal.js";
 import { c } from "react/compiler-runtime";
 import { tasty } from "@tenphi/tasty";
@@ -12,7 +12,6 @@ import { forwardRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useModal, useOverlay, usePreventScroll } from "react-aria";
 import { useObjectRef } from "@react-aria/utils";
-
 //#region src/components/overlays/Modal/Tray.tsx
 const TrayWrapperElement = tasty({
 	qa: "TrayWrapper",
@@ -145,82 +144,90 @@ 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";
-
 //#endregion
-export { _Tray };
+export { _Tray as Tray };
+
 //# sourceMappingURL=Tray.js.map

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        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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"}
+{"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","_c","Underlay","mergeRefs","Overlay","mergeProps"],"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,9 +1,8 @@
-/** @license MIT | @cube-dev/ui-kit v0.196.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.198.0 | Cube Dev Team */
 import { c } from "react/compiler-runtime";
 import { tasty } from "@tenphi/tasty";
 import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";
-
 //#region src/components/overlays/Modal/Underlay.tsx
 const UnderlayElement = tasty({
 	qa: "Underlay",
@@ -66,7 +65,7 @@ function Underlay(t0, ref) {
 }
 let _Underlay = forwardRef(Underlay);
 _Underlay.displayName = "Underlay";
-
 //#endregion
-export { _Underlay };
+export { _Underlay as Underlay };
+
 //# sourceMappingURL=Underlay.js.map

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

@@ -1 +1 @@
-{"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"}
+{"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","_c"],"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;EACR;EACAC,eAAe;GACb,IAAI;GACJD,MAAM;EACR;EACAE,MAAM;EACNC,UAAU;EACVC,YACE;CACJ;AACF,CAAC;AAOD,SAAAK,SAAAC,IAAAC,KAAA;CAAA,MAAAC,IAAAC,EAAA,CAAA;CAAA,IAAAN;CAAA,IAAAO;CAAA,IAAAF,EAAA,OAAAF,IAAA;EACE,MAAA,EAAAH,QAAAQ,IAAAP,iBAAA,GAAAQ,OAAAN;EAAAH,SAAAQ;EAAAD,aAAAE;EAA6DJ,EAAA,KAAAF;EAAAE,EAAA,KAAAL;EAAAK,EAAA,KAAAE;CAAA,OAAA;EAAAP,SAAAK,EAAA;EAAAE,aAAAF,EAAA;CAAA;CAAA,IAAAG;CAAA,IAAAH,EAAA,OAAAL,QAAA;EAMnDQ,KAAA,EAAAf,MACEO,OACR;EAACK,EAAA,KAAAL;EAAAK,EAAA,KAAAG;CAAA,OAAAA,KAAAH,EAAA;CAAA,IAAAI;CAAA,IAAAJ,EAAA,OAAAE,cAAAF,EAAA,OAAAD,OAAAC,EAAA,OAAAG,IAAA;EAJHC,KAAA,oBAAC,iBAAD;GACOL;GACC,MAAAI;GAEL,GACGD;EAAU,CAAA;EACdF,EAAA,KAAAE;EAAAF,EAAA,KAAAD;EAAAC,EAAA,KAAAG;EAAAH,EAAA,KAAAI;CAAA,OAAAA,KAAAJ,EAAA;CAAA,OANFI;AAME;AAIN,IAAIC,YAAYhC,WAAWwB,QAAQ;AAEnCQ,UAAUC,cAAc"}

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

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

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

@@ -1,8 +1,7 @@
-/** @license MIT | @cube-dev/ui-kit v0.196.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.198.0 | Cube Dev Team */
 import { c } from "react/compiler-runtime";
 import { createContext, useContext, useLayoutEffect, useRef, useState } from "react";
 import { ariaHideOutside } from "react-aria/private/overlays/ariaHideOutside";
-
 //#region src/components/overlays/Modal/modal-containment.ts
 const ModalContainmentContext = createContext(null);
 const ModalContainmentProvider = ModalContainmentContext.Provider;
@@ -139,7 +138,7 @@ function useModalLayerRef() {
 	} else t0 = $[1];
 	return t0;
 }
-
 //#endregion
 export { ModalContainmentProvider, useModalContainment, useModalLayerRef };
+
 //# sourceMappingURL=modal-containment.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"modal-containment.js","names":["createContext","useContext","useLayoutEffect","useRef","useState","ariaHideOutside","ModalContainment","keep","element","Element","OwnModalContainment","setElement","setActive","isActive","OpenModal","modal","hide","above","ModalContainmentContext","ModalContainmentProvider","Provider","openModals","hideBehindOpenModals","forEach","open","index","slice","createModalContainment","layers","Map","shown","Set","release","modals","flatMap","next","keys","undefined","set","get","has","count","delete","push","splice","indexOf","useModalContainment","isModal","isOpen","$","_c","parent","containment","layerRef","useModalLayerRef","t0","t1","t2","ref","t3","t4","current"],"sources":["../../../../src/components/overlays/Modal/modal-containment.ts"],"sourcesContent":["import {\n  createContext,\n  useContext,\n  useLayoutEffect,\n  useRef,\n  useState,\n} from 'react';\n// React Aria's own modal overlays hide the page with this; the public barrel\n// does not export it. Sharing React Aria's copy shares its reference counts and\n// observer stack, so this and React Aria's own calls nest correctly.\nimport { ariaHideOutside } from 'react-aria/private/overlays/ariaHideOutside';\n\n/**\n * While a modal overlay is open, everything outside it is `aria-hidden`, so a\n * screen reader's reading cursor cannot wander onto the page behind it.\n *\n * The lists, menus, popovers and dialogs opened from inside a modal render in\n * portals outside its element, and must stay readable. Each one registers its\n * root with the nearest modal through `useModalLayerRef`. `aria-modal` can't\n * do this: it hides everything outside the dialog element, those lists too.\n */\ninterface ModalContainment {\n  /** Keeps `element` readable while the modal is open. Returns a release. */\n  keep(element: Element): () => void;\n}\n\ninterface OwnModalContainment extends ModalContainment {\n  /** The modal's own element, from its ref. */\n  setElement(element: Element | null): void;\n  setActive(isActive: boolean): void;\n}\n\ninterface OpenModal {\n  modal: Element | null;\n  /** Hides everything but the modal, its layers and the modals `above` it. */\n  hide(above: OpenModal[]): void;\n}\n\nconst ModalContainmentContext = createContext<ModalContainment | null>(null);\n\nexport const ModalContainmentProvider = ModalContainmentContext.Provider;\n\n/**\n * The open modals, in the order they opened. A modal opened while another is\n * open, or in the same commit, need not be one of its layers — a dialog opened\n * through `useDialogContainer` or the alert dialog API is not — so each one\n * keeps the modals above it readable, and they hide it in turn.\n */\nconst openModals: OpenModal[] = [];\n\n/**\n * Hides anew for every open modal, lowest first, so the top one hides the\n * others and its observer is the one left watching.\n */\nfunction hideBehindOpenModals() {\n  openModals.forEach((open, index) => open.hide(openModals.slice(index + 1)));\n}\n\nfunction createModalContainment(): OwnModalContainment {\n  const layers = new Map<Element, number>();\n  let isActive = false;\n  let shown = new Set<Element>();\n  let release: (() => void) | undefined;\n\n  const open: OpenModal = {\n    modal: null,\n    hide(above) {\n      // Hide anew before releasing the previous call, so nothing behind the\n      // modal is shown in between. The new call also takes over the old one's\n      // observer, dropping what it had not yet hidden, and the release reveals\n      // any layer or modal the old call had already hidden.\n      const modals = [open, ...above].flatMap(({ modal }) =>\n        modal ? [modal] : [],\n      );\n      const next = open.modal\n        ? ariaHideOutside([...modals, ...layers.keys()])\n        : undefined;\n\n      release?.();\n      release = next;\n      shown = new Set(next ? layers.keys() : []);\n    },\n  };\n\n  return {\n    keep(element) {\n      layers.set(element, (layers.get(element) ?? 0) + 1);\n\n      if (release && !shown.has(element)) hideBehindOpenModals();\n\n      return () => {\n        const count = (layers.get(element) ?? 1) - 1;\n\n        // A released layer is leaving the page, or is being kept again at\n        // once by a new ref; either way nothing needs hiding right now.\n        if (count) layers.set(element, count);\n        else layers.delete(element);\n      };\n    },\n    setElement(element) {\n      // The element moves when its portal does: a dialog open from the first\n      // render is portaled before `<Root>` is ready, then again into it. A\n      // detached element is replaced in the same commit, or the modal is\n      // unmounting and `setActive(false)` lets go.\n      if (!element || element === open.modal) return;\n\n      open.modal = element;\n\n      if (isActive) hideBehindOpenModals();\n    },\n    setActive(next) {\n      if (next === isActive) return;\n\n      isActive = next;\n\n      if (next) {\n        openModals.push(open);\n      } else {\n        openModals.splice(openModals.indexOf(open), 1);\n        release?.();\n        release = undefined;\n        shown = new Set();\n      }\n\n      hideBehindOpenModals();\n    },\n  };\n}\n\n/**\n * For a modal overlay. While `isModal && isOpen`, hides the page outside the\n * element given `ref` and outside the layers opened from it. Returns that ref,\n * and the containment to provide to the overlay's content: its own, or the\n * enclosing one for an overlay that is not modal, so the layers opened from it\n * still register with a modal around it. The overlay itself is a layer of the\n * enclosing modal either way.\n */\nexport function useModalContainment(isModal: boolean, isOpen: boolean) {\n  const parent = useContext(ModalContainmentContext);\n  const [containment] = useState(createModalContainment);\n  const layerRef = useModalLayerRef();\n  const isActive = isModal && isOpen;\n\n  // A layout effect, so the page is hidden in the commit that inserts the\n  // overlay. A modal already open hides what is inserted after it once its\n  // observer runs, and a passive effect here could come too late: a modal\n  // hidden that way stays hidden.\n  useLayoutEffect(() => {\n    if (!isActive) return;\n\n    containment.setActive(true);\n\n    return () => containment.setActive(false);\n  }, [containment, isActive]);\n\n  const ref = (element: Element | null) => {\n    layerRef(element);\n    containment.setElement(element);\n  };\n\n  return { containment: isModal ? containment : parent, ref };\n}\n\n/**\n * A ref for the root of an overlay that renders in a portal: opened from inside\n * a modal, it stays readable while the modal hides the page.\n */\nexport function useModalLayerRef() {\n  const containment = useContext(ModalContainmentContext);\n  const release = useRef<(() => void) | undefined>(undefined);\n\n  return (element: Element | null) => {\n    release.current?.();\n    release.current = element ? containment?.keep(element) : undefined;\n  };\n}\n"],"mappings":"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"}
+{"version":3,"file":"modal-containment.js","names":["createContext","useContext","useLayoutEffect","useRef","useState","ariaHideOutside","ModalContainment","keep","element","Element","OwnModalContainment","setElement","setActive","isActive","OpenModal","modal","hide","above","ModalContainmentContext","ModalContainmentProvider","Provider","openModals","hideBehindOpenModals","forEach","open","index","slice","createModalContainment","layers","Map","shown","Set","release","modals","flatMap","next","keys","undefined","set","get","has","count","delete","push","splice","indexOf","useModalContainment","isModal","isOpen","$","_c","parent","containment","layerRef","useModalLayerRef","t0","t1","t2","ref","t3","t4","current","_c"],"sources":["../../../../src/components/overlays/Modal/modal-containment.ts"],"sourcesContent":["import {\n  createContext,\n  useContext,\n  useLayoutEffect,\n  useRef,\n  useState,\n} from 'react';\n// React Aria's own modal overlays hide the page with this; the public barrel\n// does not export it. Sharing React Aria's copy shares its reference counts and\n// observer stack, so this and React Aria's own calls nest correctly.\nimport { ariaHideOutside } from 'react-aria/private/overlays/ariaHideOutside';\n\n/**\n * While a modal overlay is open, everything outside it is `aria-hidden`, so a\n * screen reader's reading cursor cannot wander onto the page behind it.\n *\n * The lists, menus, popovers and dialogs opened from inside a modal render in\n * portals outside its element, and must stay readable. Each one registers its\n * root with the nearest modal through `useModalLayerRef`. `aria-modal` can't\n * do this: it hides everything outside the dialog element, those lists too.\n */\ninterface ModalContainment {\n  /** Keeps `element` readable while the modal is open. Returns a release. */\n  keep(element: Element): () => void;\n}\n\ninterface OwnModalContainment extends ModalContainment {\n  /** The modal's own element, from its ref. */\n  setElement(element: Element | null): void;\n  setActive(isActive: boolean): void;\n}\n\ninterface OpenModal {\n  modal: Element | null;\n  /** Hides everything but the modal, its layers and the modals `above` it. */\n  hide(above: OpenModal[]): void;\n}\n\nconst ModalContainmentContext = createContext<ModalContainment | null>(null);\n\nexport const ModalContainmentProvider = ModalContainmentContext.Provider;\n\n/**\n * The open modals, in the order they opened. A modal opened while another is\n * open, or in the same commit, need not be one of its layers — a dialog opened\n * through `useDialogContainer` or the alert dialog API is not — so each one\n * keeps the modals above it readable, and they hide it in turn.\n */\nconst openModals: OpenModal[] = [];\n\n/**\n * Hides anew for every open modal, lowest first, so the top one hides the\n * others and its observer is the one left watching.\n */\nfunction hideBehindOpenModals() {\n  openModals.forEach((open, index) => open.hide(openModals.slice(index + 1)));\n}\n\nfunction createModalContainment(): OwnModalContainment {\n  const layers = new Map<Element, number>();\n  let isActive = false;\n  let shown = new Set<Element>();\n  let release: (() => void) | undefined;\n\n  const open: OpenModal = {\n    modal: null,\n    hide(above) {\n      // Hide anew before releasing the previous call, so nothing behind the\n      // modal is shown in between. The new call also takes over the old one's\n      // observer, dropping what it had not yet hidden, and the release reveals\n      // any layer or modal the old call had already hidden.\n      const modals = [open, ...above].flatMap(({ modal }) =>\n        modal ? [modal] : [],\n      );\n      const next = open.modal\n        ? ariaHideOutside([...modals, ...layers.keys()])\n        : undefined;\n\n      release?.();\n      release = next;\n      shown = new Set(next ? layers.keys() : []);\n    },\n  };\n\n  return {\n    keep(element) {\n      layers.set(element, (layers.get(element) ?? 0) + 1);\n\n      if (release && !shown.has(element)) hideBehindOpenModals();\n\n      return () => {\n        const count = (layers.get(element) ?? 1) - 1;\n\n        // A released layer is leaving the page, or is being kept again at\n        // once by a new ref; either way nothing needs hiding right now.\n        if (count) layers.set(element, count);\n        else layers.delete(element);\n      };\n    },\n    setElement(element) {\n      // The element moves when its portal does: a dialog open from the first\n      // render is portaled before `<Root>` is ready, then again into it. A\n      // detached element is replaced in the same commit, or the modal is\n      // unmounting and `setActive(false)` lets go.\n      if (!element || element === open.modal) return;\n\n      open.modal = element;\n\n      if (isActive) hideBehindOpenModals();\n    },\n    setActive(next) {\n      if (next === isActive) return;\n\n      isActive = next;\n\n      if (next) {\n        openModals.push(open);\n      } else {\n        openModals.splice(openModals.indexOf(open), 1);\n        release?.();\n        release = undefined;\n        shown = new Set();\n      }\n\n      hideBehindOpenModals();\n    },\n  };\n}\n\n/**\n * For a modal overlay. While `isModal && isOpen`, hides the page outside the\n * element given `ref` and outside the layers opened from it. Returns that ref,\n * and the containment to provide to the overlay's content: its own, or the\n * enclosing one for an overlay that is not modal, so the layers opened from it\n * still register with a modal around it. The overlay itself is a layer of the\n * enclosing modal either way.\n */\nexport function useModalContainment(isModal: boolean, isOpen: boolean) {\n  const parent = useContext(ModalContainmentContext);\n  const [containment] = useState(createModalContainment);\n  const layerRef = useModalLayerRef();\n  const isActive = isModal && isOpen;\n\n  // A layout effect, so the page is hidden in the commit that inserts the\n  // overlay. A modal already open hides what is inserted after it once its\n  // observer runs, and a passive effect here could come too late: a modal\n  // hidden that way stays hidden.\n  useLayoutEffect(() => {\n    if (!isActive) return;\n\n    containment.setActive(true);\n\n    return () => containment.setActive(false);\n  }, [containment, isActive]);\n\n  const ref = (element: Element | null) => {\n    layerRef(element);\n    containment.setElement(element);\n  };\n\n  return { containment: isModal ? containment : parent, ref };\n}\n\n/**\n * A ref for the root of an overlay that renders in a portal: opened from inside\n * a modal, it stays readable while the modal hides the page.\n */\nexport function useModalLayerRef() {\n  const containment = useContext(ModalContainmentContext);\n  const release = useRef<(() => void) | undefined>(undefined);\n\n  return (element: Element | null) => {\n    release.current?.();\n    release.current = element ? containment?.keep(element) : undefined;\n  };\n}\n"],"mappings":"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"}

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

@@ -3,11 +3,9 @@ import "../../helpers/DisplayTransition/DisplayTransition.js";
 import "./Overlay.js";
 import { ReactElement } from "react";
 import "react-aria";
-
 //#region src/components/overlays/Modal/types.d.ts
-interface WithCloseBehavior {
+export interface WithCloseBehavior {
   hideOnClose?: boolean;
 }
 //#endregion
-export { WithCloseBehavior };
 //# sourceMappingURL=types.d.ts.map