@cube-dev/ui-kit 0.197.0 → 0.198.1

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.js

@@ -1,16 +1,15 @@
-/** @license MIT | @cube-dev/ui-kit v0.197.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.198.1 | 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.197.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.198.1 | 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",
@@ -228,7 +227,7 @@ let TrayWrapper = forwardRef(function TrayWrapper(props, ref) {
 });
 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","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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"}
+{"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.197.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.198.1 | 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

@@ -4,4 +4,5 @@ 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.197.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.198.1 | 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":";;;;;;AAsCA,MAAMkB,0BAA0BlB,cAAuC,KAAK;AAE5E,MAAamB,2BAA2BD,wBAAwBE;;;;;;;AAQhE,MAAMC,aAA0B,EAAE;;;;;AAMlC,SAASC,uBAAuB;AAC9BD,YAAWE,SAASC,MAAMC,UAAUD,KAAKR,KAAKK,WAAWK,MAAMD,QAAQ,EAAE,CAAC,CAAC;;AAG7E,SAASE,yBAA8C;CACrD,MAAMC,yBAAS,IAAIC,KAAsB;CACzC,IAAIhB,WAAW;CACf,IAAIiB,wBAAQ,IAAIC,KAAc;CAC9B,IAAIC;CAEJ,MAAMR,OAAkB;EACtBT,OAAO;EACPC,KAAKC,OAAO;GAKV,MAAMgB,SAAS,CAACT,MAAM,GAAGP,MAAM,CAACiB,SAAS,EAAEnB,YACzCA,QAAQ,CAACA,MAAM,GAAG,EACpB,CAAC;GACD,MAAMoB,OAAOX,KAAKT,QACdV,gBAAgB,CAAC,GAAG4B,QAAQ,GAAGL,OAAOQ,MAAM,CAAC,CAAC,GAC9CC;AAEJL,cAAW;AACXA,aAAUG;AACVL,WAAQ,IAAIC,IAAII,OAAOP,OAAOQ,MAAM,GAAG,EAAE,CAAC;;EAE7C;AAED,QAAO;EACL7B,KAAKC,SAAS;AACZoB,UAAOU,IAAI9B,UAAUoB,OAAOW,IAAI/B,QAAQ,IAAI,KAAK,EAAE;AAEnD,OAAIwB,WAAW,CAACF,MAAMU,IAAIhC,QAAQ,CAAEc,uBAAsB;AAE1D,gBAAa;IACX,MAAMmB,SAASb,OAAOW,IAAI/B,QAAQ,IAAI,KAAK;AAI3C,QAAIiC,MAAOb,QAAOU,IAAI9B,SAASiC,MAAM;QAChCb,QAAOc,OAAOlC,QAAQ;;;EAG/BG,WAAWH,SAAS;AAKlB,OAAI,CAACA,WAAWA,YAAYgB,KAAKT,MAAO;AAExCS,QAAKT,QAAQP;AAEb,OAAIK,SAAUS,uBAAsB;;EAEtCV,UAAUuB,MAAM;AACd,OAAIA,SAAStB,SAAU;AAEvBA,cAAWsB;AAEX,OAAIA,KACFd,YAAWsB,KAAKnB,KAAK;QAChB;AACLH,eAAWuB,OAAOvB,WAAWwB,QAAQrB,KAAK,EAAE,EAAE;AAC9CQ,eAAW;AACXA,cAAUK;AACVP,4BAAQ,IAAIC,KAAK;;AAGnBT,yBAAsB;;EAEzB;;;;;;;;;;AAWH,SAAOwB,oBAAAC,SAAAC,QAAA;CAAA,MAAAC,IAAAC,EAAA,GAAA;CACL,MAAAC,SAAelD,WAAWiB,wBAAwB;CAClD,MAAA,CAAAkC,eAAsBhD,SAASuB,uBAAuB;CACtD,MAAA0B,WAAiBC,kBAAkB;CACnC,MAAAzC,WAAiBkC,WAAAC;CAAkB,IAAAO;CAAA,IAAAC;AAAA,KAAAP,EAAA,OAAAG,eAAAH,EAAA,OAAApC,UAAA;AAMnB0C,aAAA;AACd,OAAI,CAAC1C,SAAQ;AAEbuC,eAAWxC,UAAW,KAAK;AAAA,gBAEdwC,YAAWxC,UAAW,MAAM;;AACxC4C,OAAA,CAACJ,aAAavC,SAAS;AAAAoC,IAAA,KAAAG;AAAAH,IAAA,KAAApC;AAAAoC,IAAA,KAAAM;AAAAN,IAAA,KAAAO;QAAA;AAAAD,OAAAN,EAAA;AAAAO,OAAAP,EAAA;;AAN1B/C,iBAAgBqD,IAMbC,GAAwB;CAAA,IAAAC;AAAA,KAAAR,EAAA,OAAAG,eAAAH,EAAA,OAAAI,UAAA;AAEfI,QAAAjD,YAAA;AACV6C,YAAS7C,QAAQ;AACjB4C,eAAWzC,WAAYH,QAAQ;;AAChCyC,IAAA,KAAAG;AAAAH,IAAA,KAAAI;AAAAJ,IAAA,KAAAQ;OAAAA,MAAAR,EAAA;CAHD,MAAAS,MAAYD;CAKU,MAAAE,KAAAZ,UAAAK,cAAAD;CAA8B,IAAAS;AAAA,KAAAX,EAAA,OAAAS,OAAAT,EAAA,OAAAU,IAAA;AAA7CC,OAAA;GAAAR,aAAeO;GAA8BD;GAAO;AAAAT,IAAA,KAAAS;AAAAT,IAAA,KAAAU;AAAAV,IAAA,KAAAW;OAAAA,MAAAX,EAAA;AAAA,QAApDW;;;;;;AAOT,SAAON,mBAAA;CAAA,MAAAL,IAAAC,EAAA,EAAA;CACL,MAAAE,cAAoBnD,WAAWiB,wBAAwB;CACvD,MAAAc,UAAgB7B,OAAiCkC,OAAU;CAAC,IAAAkB;AAAA,KAAAN,EAAA,OAAAG,aAAA;AAErDG,QAAA/C,YAAA;AACLwB,WAAO6B,WAAY;AACnB7B,WAAO6B,UAAWrD,UAAU4C,aAAW7C,KAAOC,QAAoB,GAAhD6B;;AACnBY,IAAA,KAAAG;AAAAH,IAAA,KAAAM;OAAAA,MAAAN,EAAA;AAAA,QAHMM"}
+{"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

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

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

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

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

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

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

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

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

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

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

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

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

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

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