@cube-dev/ui-kit 0.182.0 → 0.183.0

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

@@ -1 +1 @@
-{"version":3,"file":"Modal.js","names":["Overlay","Underlay","mergeProps"],"sources":["../../../../src/components/overlays/Modal/Modal.tsx"],"sourcesContent":["import { useObjectRef } from '@react-aria/utils';\nimport { BaseProps, Styles, tasty } from '@tenphi/tasty';\nimport { forwardRef, ReactNode } from 'react';\nimport { useModal, useOverlay, usePreventScroll } from 'react-aria';\n\nimport { mergeProps } from '../../../utils/react';\n\nimport { Overlay } from './Overlay';\nimport { ModalProps, TransitionState, WithCloseBehavior } from './types';\nimport { Underlay } from './Underlay';\n\nimport type { Props } from '../../../props';\n\nexport const OVERLAY_WRAPPER_STYLES: Styles = {\n  position: 'fixed',\n  display: 'grid',\n  left: 0,\n  top: 0,\n  placeItems: {\n    '': 'center',\n    'type=fullscreen': 'center',\n    'type=fullscreenTakeover | type=panel': 'stretch',\n  },\n  boxSizing: 'border-box',\n  width: '100vw',\n  height: '100dvh',\n  pointerEvents: 'none',\n  zIndex: 10,\n  transition: {\n    '': 'visibility .5s steps(2, start)',\n    open: 'visibility 0s linear',\n  },\n};\n\nconst ModalWrapperElement = tasty({\n  qa: 'ModalWrapper',\n  styles: OVERLAY_WRAPPER_STYLES,\n});\n\nconst ModalElement = tasty({\n  styles: {\n    display: 'grid',\n    hide: {\n      '': true,\n      'enter | entered': false,\n      exit: false,\n      unmounted: true,\n    },\n    zIndex: 10,\n    height: {\n      '': 'max 90dvh',\n      'type=fullscreenTakeover | type=panel': '100dvh 100dvh',\n      'type=fullscreen': '(100dvh - 8x) (100dvh - 8x)',\n      'type=panel': 'auto',\n    },\n    width: {\n      '': '$min-dialog-size (100dvw - 8x)',\n      'type=panel': 'auto',\n    },\n    pointerEvents: 'none',\n    transition: 'opacity .25s linear, transform .25s ease-in-out',\n    transform: {\n      '': 'initial',\n      'type=modal & !open': 'translate(0, -3x) scale(1, 1)',\n      '(type^=fullscreen | type=panel) & !open':\n        'translate(0, 0) scale(1.02, 1.02)',\n    },\n    opacity: {\n      '': 0,\n      open: 0.9999,\n    },\n  },\n});\n\nexport interface CubeModalProps\n  extends Omit<ModalProps, 'container' | 'type' | 'nodeRef'>,\n    WithCloseBehavior {\n  container?: HTMLElement;\n  qa?: BaseProps['qa'];\n  onClose?: (action?: string) => void;\n  type?: 'modal' | 'fullscreen' | 'fullscreenTakeover' | 'panel';\n  styles?: Styles;\n  shouldCloseOnInteractOutside?: (element: Element) => boolean;\n}\n\nfunction Modal(props: CubeModalProps, ref) {\n  let { qa, children, onClose, type, styles, ...otherProps } = props;\n  let domRef = useObjectRef(ref);\n\n  let { overlayProps, underlayProps } = useOverlay({ ...props }, domRef);\n\n  return (\n    <Overlay {...otherProps}>\n      {type !== 'fullscreenTakeover' && type !== 'panel' && (\n        <Underlay {...underlayProps} />\n      )}\n      <ModalWrapper\n        ref={domRef}\n        qa={qa}\n        type={type}\n        overlayProps={overlayProps}\n        styles={styles}\n        onClose={onClose}\n      >\n        {children}\n      </ModalWrapper>\n    </Overlay>\n  );\n}\n\ninterface ModalWrapperProps extends TransitionState {\n  children?: ReactNode;\n  qa?: BaseProps['qa'];\n  isOpen?: boolean;\n  type?: 'modal' | 'fullscreen' | 'fullscreenTakeover' | 'panel';\n  placement?: 'top' | 'bottom';\n  styles?: Styles;\n  overlayProps?: Props;\n  onClose?: () => void;\n}\n\nlet ModalWrapper = forwardRef(function ModalWrapper(\n  props: ModalWrapperProps,\n  ref,\n) {\n  let {\n    qa,\n    children,\n    isOpen,\n    type,\n    placement,\n    styles,\n    overlayProps,\n    transitionState,\n    ...otherProps\n  } = props;\n\n  usePreventScroll({ isDisabled: transitionState !== 'entered' });\n\n  let { modalProps } = useModal({ isDisabled: transitionState !== 'entered' });\n\n  return (\n    <ModalWrapperElement data-type={type} data-placement={placement}>\n      <ModalElement\n        qa={qa || 'Modal'}\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-type={type}\n        data-placement={placement}\n        {...mergeProps(otherProps, overlayProps, modalProps)}\n        ref={ref}\n      >\n        {children}\n      </ModalElement>\n    </ModalWrapperElement>\n  );\n});\n\nlet _Modal = forwardRef(Modal);\n\n_Modal.displayName = 'Modal';\n\nexport { _Modal as Modal };\n"],"mappings":";;;;;;;;;;;AAaA,MAAa,yBAAiC;CAC5C,UAAU;CACV,SAAS;CACT,MAAM;CACN,KAAK;CACL,YAAY;EACV,IAAI;EACJ,mBAAmB;EACnB,wCAAwC;EACzC;CACD,WAAW;CACX,OAAO;CACP,QAAQ;CACR,eAAe;CACf,QAAQ;CACR,YAAY;EACV,IAAI;EACJ,MAAM;EACP;CACF;AAED,MAAM,sBAAsB,MAAM;CAChC,IAAI;CACJ,QAAQ;CACT,CAAC;AAEF,MAAM,eAAe,MAAM,EACzB,QAAQ;CACN,SAAS;CACT,MAAM;EACJ,IAAI;EACJ,mBAAmB;EACnB,MAAM;EACN,WAAW;EACZ;CACD,QAAQ;CACR,QAAQ;EACN,IAAI;EACJ,wCAAwC;EACxC,mBAAmB;EACnB,cAAc;EACf;CACD,OAAO;EACL,IAAI;EACJ,cAAc;EACf;CACD,eAAe;CACf,YAAY;CACZ,WAAW;EACT,IAAI;EACJ,sBAAsB;EACtB,2CACE;EACH;CACD,SAAS;EACP,IAAI;EACJ,MAAM;EACP;CACF,EACF,CAAC;AAaF,SAAS,MAAM,OAAuB,KAAK;CACzC,IAAI,EAAE,IAAI,UAAU,SAAS,MAAM,QAAQ,GAAG,eAAe;CAC7D,IAAI,SAAS,aAAa,IAAI;CAE9B,IAAI,EAAE,cAAc,kBAAkB,WAAW,EAAE,GAAG,OAAO,EAAE,OAAO;AAEtE,QACE,qBAACA;EAAQ,GAAI;aACV,SAAS,wBAAwB,SAAS,WACzC,oBAACC,aAAS,GAAI,gBAAiB,EAEjC,oBAAC;GACC,KAAK;GACD;GACE;GACQ;GACN;GACC;GAER;IACY;GACP;;AAed,IAAI,eAAe,WAAW,SAAS,aACrC,OACA,KACA;CACA,IAAI,EACF,IACA,UACA,QACA,MACA,WACA,QACA,cACA,iBACA,GAAG,eACD;AAEJ,kBAAiB,EAAE,YAAY,oBAAoB,WAAW,CAAC;CAE/D,IAAI,EAAE,eAAe,SAAS,EAAE,YAAY,oBAAoB,WAAW,CAAC;AAE5E,QACE,oBAAC;EAAoB,aAAW;EAAM,kBAAgB;YACpD,oBAAC;GACC,IAAI,MAAM;GACF;GACR,MAAM;IACJ,MAAM;IACN,OAAO,oBAAoB;IAC3B,MAAM,oBAAoB;IAC1B,WAAW,oBAAoB;IAC/B,SAAS,oBAAoB;IAC9B;GACD,aAAW;GACX,kBAAgB;GAChB,GAAIC,aAAW,YAAY,cAAc,WAAW;GAC/C;GAEJ;IACY;GACK;EAExB;AAEF,IAAI,SAAS,WAAW,MAAM;AAE9B,OAAO,cAAc"}
+{"version":3,"file":"Modal.js","names":["useObjectRef","BaseProps","Styles","tasty","forwardRef","ReactNode","useModal","useOverlay","usePreventScroll","mergeProps","Overlay","ModalProps","TransitionState","WithCloseBehavior","Underlay","Props","OVERLAY_WRAPPER_STYLES","position","display","left","top","placeItems","boxSizing","width","height","pointerEvents","zIndex","transition","open","ModalWrapperElement","qa","styles","ModalElement","hide","exit","unmounted","transform","opacity","CubeModalProps","Omit","container","HTMLElement","onClose","action","type","shouldCloseOnInteractOutside","element","Element","Modal","props","ref","$","_c","children","otherProps","domRef","t0","overlayProps","underlayProps","t1","t2","t3","ModalWrapperProps","isOpen","placement","ModalWrapper","transitionState","isDisabled","modalProps","T0","T1","t4","t5","t6","t7","t8","t9","enter","entered","t10","t11","t12","_Modal","displayName"],"sources":["../../../../src/components/overlays/Modal/Modal.tsx"],"sourcesContent":["import { useObjectRef } from '@react-aria/utils';\nimport { BaseProps, Styles, tasty } from '@tenphi/tasty';\nimport { forwardRef, ReactNode } from 'react';\nimport { useModal, useOverlay, usePreventScroll } from 'react-aria';\n\nimport { mergeProps } from '../../../utils/react';\n\nimport { Overlay } from './Overlay';\nimport { ModalProps, TransitionState, WithCloseBehavior } from './types';\nimport { Underlay } from './Underlay';\n\nimport type { Props } from '../../../props';\n\nexport const OVERLAY_WRAPPER_STYLES: Styles = {\n  position: 'fixed',\n  display: 'grid',\n  left: 0,\n  top: 0,\n  placeItems: {\n    '': 'center',\n    'type=fullscreen': 'center',\n    'type=fullscreenTakeover | type=panel': 'stretch',\n  },\n  boxSizing: 'border-box',\n  width: '100vw',\n  height: '100dvh',\n  pointerEvents: 'none',\n  zIndex: 10,\n  transition: {\n    '': 'visibility .5s steps(2, start)',\n    open: 'visibility 0s linear',\n  },\n};\n\nconst ModalWrapperElement = tasty({\n  qa: 'ModalWrapper',\n  styles: OVERLAY_WRAPPER_STYLES,\n});\n\nconst ModalElement = tasty({\n  styles: {\n    display: 'grid',\n    hide: {\n      '': true,\n      'enter | entered': false,\n      exit: false,\n      unmounted: true,\n    },\n    zIndex: 10,\n    height: {\n      '': 'max 90dvh',\n      'type=fullscreenTakeover | type=panel': '100dvh 100dvh',\n      'type=fullscreen': '(100dvh - 8x) (100dvh - 8x)',\n      'type=panel': 'auto',\n    },\n    width: {\n      '': '$min-dialog-size (100dvw - 8x)',\n      'type=panel': 'auto',\n    },\n    pointerEvents: 'none',\n    transition: 'opacity .25s linear, transform .25s ease-in-out',\n    transform: {\n      '': 'initial',\n      'type=modal & !open': 'translate(0, -3x) scale(1, 1)',\n      '(type^=fullscreen | type=panel) & !open':\n        'translate(0, 0) scale(1.02, 1.02)',\n    },\n    opacity: {\n      '': 0,\n      open: 0.9999,\n    },\n  },\n});\n\nexport interface CubeModalProps\n  extends Omit<ModalProps, 'container' | 'type' | 'nodeRef'>,\n    WithCloseBehavior {\n  container?: HTMLElement;\n  qa?: BaseProps['qa'];\n  onClose?: (action?: string) => void;\n  type?: 'modal' | 'fullscreen' | 'fullscreenTakeover' | 'panel';\n  styles?: Styles;\n  shouldCloseOnInteractOutside?: (element: Element) => boolean;\n}\n\nfunction Modal(props: CubeModalProps, ref) {\n  let { qa, children, onClose, type, styles, ...otherProps } = props;\n  let domRef = useObjectRef(ref);\n\n  let { overlayProps, underlayProps } = useOverlay({ ...props }, domRef);\n\n  return (\n    <Overlay {...otherProps}>\n      {type !== 'fullscreenTakeover' && type !== 'panel' && (\n        <Underlay {...underlayProps} />\n      )}\n      <ModalWrapper\n        ref={domRef}\n        qa={qa}\n        type={type}\n        overlayProps={overlayProps}\n        styles={styles}\n        onClose={onClose}\n      >\n        {children}\n      </ModalWrapper>\n    </Overlay>\n  );\n}\n\ninterface ModalWrapperProps extends TransitionState {\n  children?: ReactNode;\n  qa?: BaseProps['qa'];\n  isOpen?: boolean;\n  type?: 'modal' | 'fullscreen' | 'fullscreenTakeover' | 'panel';\n  placement?: 'top' | 'bottom';\n  styles?: Styles;\n  overlayProps?: Props;\n  onClose?: () => void;\n}\n\nlet ModalWrapper = forwardRef(function ModalWrapper(\n  props: ModalWrapperProps,\n  ref,\n) {\n  let {\n    qa,\n    children,\n    isOpen,\n    type,\n    placement,\n    styles,\n    overlayProps,\n    transitionState,\n    ...otherProps\n  } = props;\n\n  usePreventScroll({ isDisabled: transitionState !== 'entered' });\n\n  let { modalProps } = useModal({ isDisabled: transitionState !== 'entered' });\n\n  return (\n    <ModalWrapperElement data-type={type} data-placement={placement}>\n      <ModalElement\n        qa={qa || 'Modal'}\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-type={type}\n        data-placement={placement}\n        {...mergeProps(otherProps, overlayProps, modalProps)}\n        ref={ref}\n      >\n        {children}\n      </ModalElement>\n    </ModalWrapperElement>\n  );\n});\n\nlet _Modal = forwardRef(Modal);\n\n_Modal.displayName = 'Modal';\n\nexport { _Modal as Modal };\n"],"mappings":"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"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"OpenTransitionContext.js","names":[],"sources":["../../../../src/components/overlays/Modal/OpenTransitionContext.tsx"],"sourcesContent":["import { createContext, useContext } from 'react';\n\nimport { TransitionStatus } from './types';\n\nconst OpenTransitionContext = createContext<{\n  transitionState: TransitionStatus;\n} | null>(null);\n\nexport function useOpenTransitionContext() {\n  return useContext(OpenTransitionContext);\n}\n\nexport { OpenTransitionContext };\n"],"mappings":";;;;AAIA,MAAM,wBAAwB,cAEpB,KAAK;AAEf,SAAgB,2BAA2B;AACzC,QAAO,WAAW,sBAAsB"}
+{"version":3,"file":"OpenTransitionContext.js","names":["createContext","useContext","TransitionStatus","OpenTransitionContext","transitionState","useOpenTransitionContext"],"sources":["../../../../src/components/overlays/Modal/OpenTransitionContext.tsx"],"sourcesContent":["import { createContext, useContext } from 'react';\n\nimport { TransitionStatus } from './types';\n\nconst OpenTransitionContext = createContext<{\n  transitionState: TransitionStatus;\n} | null>(null);\n\nexport function useOpenTransitionContext() {\n  return useContext(OpenTransitionContext);\n}\n\nexport { OpenTransitionContext };\n"],"mappings":";;;;AAIA,MAAMG,wBAAwBH,cAEpB,KAAK;AAEf,SAAOK,2BAAA;AAAA,QACEJ,WAAWE,sBAAsB"}

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.182.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.183.0 | Cube Dev Team */
 import { markFocusRestoreWindow } from "../../../utils/react/programmaticFocus.js";
 import { DisplayTransition } from "../../helpers/DisplayTransition/DisplayTransition.js";
 import { Provider, useProviderProps } from "../../../provider.js";
@@ -57,12 +57,12 @@ function Overlay(props, ref) {
 			exposeUnmounted: hideOnClose,
 			duration: EXIT_DURATION,
 			onPhaseChange: handlePhaseChange,
-			children: ({ phase, isShown }) => {
+			children: ({ phase: phase_0, isShown }) => {
 				return /* @__PURE__ */ jsx(OpenTransitionContext.Provider, {
-					value: { transitionState: phase },
+					value: { transitionState: phase_0 },
 					children: Children.map(children, (child) => child && cloneElement(child, {
 						isOpen: isShown,
-						transitionState: phase
+						transitionState: phase_0
 					}))
 				});
 			}

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

@@ -1 +1 @@
-{"version":3,"file":"Overlay.js","names":[],"sources":["../../../../src/components/overlays/Modal/Overlay.tsx"],"sourcesContent":["import { TastyBatchProvider } from '@tenphi/tasty';\nimport {\n  Children,\n  cloneElement,\n  forwardRef,\n  ReactElement,\n  useCallback,\n  useRef,\n  useState,\n} from 'react';\nimport { createPortal } from 'react-dom';\n\nimport { Provider, useProviderProps } from '../../../provider';\nimport { markFocusRestoreWindow } from '../../../utils/react/programmaticFocus';\nimport { DisplayTransition } from '../../helpers/DisplayTransition/DisplayTransition';\n\nimport { OpenTransitionContext } from './OpenTransitionContext';\nimport { WithCloseBehavior } from './types';\n\nimport type { OverlayProps } from 'react-aria';\nimport type { Props } from '../../../props';\nimport type { ReportedPhase } from '../../helpers/DisplayTransition/DisplayTransition';\n\nexport interface CubeOverlayProps\n  extends Omit<OverlayProps, 'container' | 'nodeRef'>,\n    WithCloseBehavior {\n  container?: HTMLElement | null;\n}\n\nconst EXIT_DURATION = 350;\n\nfunction Overlay(props: CubeOverlayProps, ref) {\n  let {\n    children,\n    isOpen,\n    container = null,\n    onEnter,\n    onEntering,\n    onEntered,\n    onExit,\n    onExiting,\n    onExited,\n    hideOnClose = false,\n  } = props;\n  let [exited, setExited] = useState(!isOpen);\n\n  if (isOpen && exited) {\n    setExited(false);\n  }\n\n  // Our `FocusScope` restores focus to the trigger when it unmounts, from\n  // inside React's own commit where nothing can wrap the call. The window has\n  // to be open before that lands, or the restored trigger's tooltip opens and\n  // eats the user's next `Escape` (CUB-4839).\n  //\n  // Keyed to `isOpen` closing rather than to the exit PHASE, because the phase\n  // is not always reported: under reduced motion `DisplayTransition` collapses\n  // its duration to zero, so `exit` and `unmounted` are set in one callback and\n  // React batches the `exit` render — and its notification — away entirely.\n  // Closing is the one signal that always arrives.\n  const wasOpen = useRef(!!isOpen);\n\n  if (wasOpen.current !== !!isOpen) {\n    wasOpen.current = !!isOpen;\n\n    if (!isOpen) markFocusRestoreWindow(EXIT_DURATION + 200);\n  }\n\n  let { root } = useProviderProps({} as Props);\n\n  let handlePhaseChange = useCallback(\n    (phase: ReportedPhase) => {\n      switch (phase) {\n        case 'enter':\n          setExited(false);\n          onEnter?.();\n          onEntering?.();\n          break;\n        case 'entered':\n          onEntered?.();\n          break;\n        case 'exit':\n          onExit?.();\n          onExiting?.();\n          break;\n        case 'unmounted':\n          setExited(true);\n          onExited?.();\n          break;\n      }\n    },\n    [onEnter, onEntering, onEntered, onExit, onExiting, onExited],\n  );\n\n  let mountOverlay = isOpen || !exited;\n\n  if (!mountOverlay) {\n    if (!hideOnClose) {\n      return null;\n    }\n  }\n\n  let contents = (\n    <Provider ref={ref}>\n      <DisplayTransition\n        isShown={!!isOpen}\n        exposeUnmounted={hideOnClose}\n        duration={EXIT_DURATION}\n        onPhaseChange={handlePhaseChange}\n      >\n        {({ phase, isShown }) => {\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                    } as any,\n                  ),\n              )}\n            </OpenTransitionContext.Provider>\n          );\n        }}\n      </DisplayTransition>\n    </Provider>\n  );\n\n  // Popover, Modal and Tray all portal through here, which makes this the\n  // overlay path that matters most for batching: a dialog or menu mounts a\n  // fresh subtree and react-aria positions it from a layout effect in the same\n  // commit. `<Root>` does not re-render for those commits, so open a window\n  // here — it flushes in `useInsertionEffect`, before any positioning effect\n  // reads the DOM. Note this is a *raw* `createPortal`, not `<Portal>`, so the\n  // window `<Portal>` opens does not reach these overlays.\n  return createPortal(\n    <TastyBatchProvider>{contents}</TastyBatchProvider>,\n    container || root || document.body,\n  );\n}\n\nlet _Overlay = forwardRef(Overlay);\n\n_Overlay.displayName = 'Overlay';\n\nexport { _Overlay as Overlay };\n"],"mappings":";;;;;;;;;;;AA6BA,MAAM,gBAAgB;AAEtB,SAAS,QAAQ,OAAyB,KAAK;CAC7C,IAAI,EACF,UACA,QACA,YAAY,MACZ,SACA,YACA,WACA,QACA,WACA,UACA,cAAc,UACZ;CACJ,IAAI,CAAC,QAAQ,aAAa,SAAS,CAAC,OAAO;AAE3C,KAAI,UAAU,OACZ,WAAU,MAAM;CAalB,MAAM,UAAU,OAAO,CAAC,CAAC,OAAO;AAEhC,KAAI,QAAQ,YAAY,CAAC,CAAC,QAAQ;AAChC,UAAQ,UAAU,CAAC,CAAC;AAEpB,MAAI,CAAC,OAAQ,wBAAuB,gBAAgB,IAAI;;CAG1D,IAAI,EAAE,SAAS,iBAAiB,EAAE,CAAU;CAE5C,IAAI,oBAAoB,aACrB,UAAyB;AACxB,UAAQ,OAAR;GACE,KAAK;AACH,cAAU,MAAM;AAChB,eAAW;AACX,kBAAc;AACd;GACF,KAAK;AACH,iBAAa;AACb;GACF,KAAK;AACH,cAAU;AACV,iBAAa;AACb;GACF,KAAK;AACH,cAAU,KAAK;AACf,gBAAY;AACZ;;IAGN;EAAC;EAAS;EAAY;EAAW;EAAQ;EAAW;EAAS,CAC9D;AAID,KAAI,EAFe,UAAU,CAAC,SAG5B;MAAI,CAAC,YACH,QAAO;;AA2CX,QAAO,aACL,oBAAC,gCAvCD,oBAAC;EAAc;YACb,oBAAC;GACC,SAAS,CAAC,CAAC;GACX,iBAAiB;GACjB,UAAU;GACV,eAAe;cAEb,EAAE,OAAO,cAAc;AACvB,WACE,oBAAC,sBAAsB;KACrB,OAAO,EAAE,iBAAiB,OAAwB;eAEjD,SAAS,IACR,WACC,UACC,SACA,aACE,OACA;MACE,QAAQ;MACR,iBAAiB;MAClB,CACF,CACJ;MAC8B;;IAGnB;GACX,GAWwC,EACnD,aAAa,QAAQ,SAAS,KAC/B;;AAGH,IAAI,WAAW,WAAW,QAAQ;AAElC,SAAS,cAAc"}
+{"version":3,"file":"Overlay.js","names":["TastyBatchProvider","Children","cloneElement","forwardRef","ReactElement","useCallback","useRef","useState","createPortal","Provider","useProviderProps","markFocusRestoreWindow","DisplayTransition","OpenTransitionContext","WithCloseBehavior","OverlayProps","Props","ReportedPhase","CubeOverlayProps","Omit","container","HTMLElement","EXIT_DURATION","Overlay","props","ref","children","isOpen","onEnter","onEntering","onEntered","onExit","onExiting","onExited","hideOnClose","exited","setExited","wasOpen","current","root","handlePhaseChange","phase","mountOverlay","contents","isShown","transitionState","map","child","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  useCallback,\n  useRef,\n  useState,\n} from 'react';\nimport { createPortal } from 'react-dom';\n\nimport { Provider, useProviderProps } from '../../../provider';\nimport { markFocusRestoreWindow } from '../../../utils/react/programmaticFocus';\nimport { DisplayTransition } from '../../helpers/DisplayTransition/DisplayTransition';\n\nimport { OpenTransitionContext } from './OpenTransitionContext';\nimport { WithCloseBehavior } from './types';\n\nimport type { OverlayProps } from 'react-aria';\nimport type { Props } from '../../../props';\nimport type { ReportedPhase } from '../../helpers/DisplayTransition/DisplayTransition';\n\nexport interface CubeOverlayProps\n  extends Omit<OverlayProps, 'container' | 'nodeRef'>,\n    WithCloseBehavior {\n  container?: HTMLElement | null;\n}\n\nconst EXIT_DURATION = 350;\n\nfunction Overlay(props: CubeOverlayProps, ref) {\n  let {\n    children,\n    isOpen,\n    container = null,\n    onEnter,\n    onEntering,\n    onEntered,\n    onExit,\n    onExiting,\n    onExited,\n    hideOnClose = false,\n  } = props;\n  let [exited, setExited] = useState(!isOpen);\n\n  if (isOpen && exited) {\n    setExited(false);\n  }\n\n  // Our `FocusScope` restores focus to the trigger when it unmounts, from\n  // inside React's own commit where nothing can wrap the call. The window has\n  // to be open before that lands, or the restored trigger's tooltip opens and\n  // eats the user's next `Escape` (CUB-4839).\n  //\n  // Keyed to `isOpen` closing rather than to the exit PHASE, because the phase\n  // is not always reported: under reduced motion `DisplayTransition` collapses\n  // its duration to zero, so `exit` and `unmounted` are set in one callback and\n  // React batches the `exit` render — and its notification — away entirely.\n  // Closing is the one signal that always arrives.\n  const wasOpen = useRef(!!isOpen);\n\n  if (wasOpen.current !== !!isOpen) {\n    wasOpen.current = !!isOpen;\n\n    if (!isOpen) markFocusRestoreWindow(EXIT_DURATION + 200);\n  }\n\n  let { root } = useProviderProps({} as Props);\n\n  let handlePhaseChange = useCallback(\n    (phase: ReportedPhase) => {\n      switch (phase) {\n        case 'enter':\n          setExited(false);\n          onEnter?.();\n          onEntering?.();\n          break;\n        case 'entered':\n          onEntered?.();\n          break;\n        case 'exit':\n          onExit?.();\n          onExiting?.();\n          break;\n        case 'unmounted':\n          setExited(true);\n          onExited?.();\n          break;\n      }\n    },\n    [onEnter, onEntering, onEntered, onExit, onExiting, onExited],\n  );\n\n  let mountOverlay = isOpen || !exited;\n\n  if (!mountOverlay) {\n    if (!hideOnClose) {\n      return null;\n    }\n  }\n\n  let contents = (\n    <Provider ref={ref}>\n      <DisplayTransition\n        isShown={!!isOpen}\n        exposeUnmounted={hideOnClose}\n        duration={EXIT_DURATION}\n        onPhaseChange={handlePhaseChange}\n      >\n        {({ phase, isShown }) => {\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                    } as any,\n                  ),\n              )}\n            </OpenTransitionContext.Provider>\n          );\n        }}\n      </DisplayTransition>\n    </Provider>\n  );\n\n  // Popover, Modal and Tray all portal through here, which makes this the\n  // overlay path that matters most for batching: a dialog or menu mounts a\n  // fresh subtree and react-aria positions it from a layout effect in the same\n  // commit. `<Root>` does not re-render for those commits, so open a window\n  // here — it flushes in `useInsertionEffect`, before any positioning effect\n  // reads the DOM. Note this is a *raw* `createPortal`, not `<Portal>`, so the\n  // window `<Portal>` opens does not reach these overlays.\n  return createPortal(\n    <TastyBatchProvider>{contents}</TastyBatchProvider>,\n    container || root || document.body,\n  );\n}\n\nlet _Overlay = forwardRef(Overlay);\n\n_Overlay.displayName = 'Overlay';\n\nexport { _Overlay as Overlay };\n"],"mappings":";;;;;;;;;;;AA6BA,MAAMsB,gBAAgB;AAEtB,SAASC,QAAQC,OAAyBC,KAAK;CAC7C,IAAI,EACFC,UACAC,QACAP,YAAY,MACZQ,SACAC,YACAC,WACAC,QACAC,WACAC,UACAC,cAAc,UACZV;CACJ,IAAI,CAACW,QAAQC,aAAa7B,SAAS,CAACoB,OAAO;AAE3C,KAAIA,UAAUQ,OACZC,WAAU,MAAM;CAalB,MAAMC,UAAU/B,OAAO,CAAC,CAACqB,OAAO;AAEhC,KAAIU,QAAQC,YAAY,CAAC,CAACX,QAAQ;AAChCU,UAAQC,UAAU,CAAC,CAACX;AAEpB,MAAI,CAACA,OAAQhB,wBAAuBW,gBAAgB,IAAI;;CAG1D,IAAI,EAAEiB,SAAS7B,iBAAiB,EAAE,CAAU;CAE5C,IAAI8B,oBAAoBnC,aACrBoC,UAAyB;AACxB,UAAQA,OAAR;GACE,KAAK;AACHL,cAAU,MAAM;AAChBR,eAAW;AACXC,kBAAc;AACd;GACF,KAAK;AACHC,iBAAa;AACb;GACF,KAAK;AACHC,cAAU;AACVC,iBAAa;AACb;GACF,KAAK;AACHI,cAAU,KAAK;AACfH,gBAAY;AACZ;;IAGN;EAACL;EAASC;EAAYC;EAAWC;EAAQC;EAAWC;EACtD,CAAC;AAID,KAAI,EAFeN,UAAU,CAACQ,SAG5B;MAAI,CAACD,YACH,QAAO;;AA2CX,QAAO1B,aACL,oBAAC,gCAvCD,oBAAC;EAAciB;YACb,oBAAC;GACC,SAAS,CAAC,CAACE;GACX,iBAAiBO;GACjB,UAAUZ;GACV,eAAekB;cAEb,EAAEC,OAAAA,SAAOG,cAAc;AACvB,WACE,oBAAC,sBAAsB;KACrB,OAAO,EAAEC,iBAAiBJ,SAAwB;eAEjDxC,SAAS6C,IACRpB,WACCqB,UACCA,SACA7C,aACE6C,OACA;MACEpB,QAAQiB;MACRC,iBAAiBJ;MAClB,CAEP,CAAC;MAC8B;;IAGpB;GAEtB,GAUoD,EACnDrB,aAAamB,QAAQS,SAASC,KAC/B;;AAGH,IAAIC,WAAW/C,WAAWoB,QAAQ;AAElC2B,SAASC,cAAc"}

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

@@ -1,7 +1,8 @@
-/** @license MIT | @cube-dev/ui-kit v0.182.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.183.0 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { _Overlay } from "./Overlay.js";
 import { useOverlayEscapeGuard } from "../../../utils/react/useOverlayEscapeGuard.js";
+import { c } from "react-compiler-runtime";
 import { tasty } from "@tenphi/tasty";
 import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";
@@ -37,16 +38,57 @@ const PopoverElement = tasty({
 	}
 });
 function Popover(props, ref) {
-	let { qa, style, styles, children, placement, arrowProps, isNonModal, isDismissable = true, ...otherProps } = props;
-	let domRef = useObjectRef(ref);
-	let { overlayProps: rawOverlayProps } = useOverlay({
-		...props,
-		isDismissable: isDismissable && props.isOpen
-	}, domRef);
+	const $ = c(26);
+	let arrowProps;
+	let children;
+	let isNonModal;
+	let otherProps;
+	let placement;
+	let qa;
+	let style;
+	let styles;
+	let t0;
+	if ($[0] !== props) {
+		({qa, style, styles, children, placement, arrowProps, isNonModal, isDismissable: t0, ...otherProps} = props);
+		$[0] = props;
+		$[1] = arrowProps;
+		$[2] = children;
+		$[3] = isNonModal;
+		$[4] = otherProps;
+		$[5] = placement;
+		$[6] = qa;
+		$[7] = style;
+		$[8] = styles;
+		$[9] = t0;
+	} else {
+		arrowProps = $[1];
+		children = $[2];
+		isNonModal = $[3];
+		otherProps = $[4];
+		placement = $[5];
+		qa = $[6];
+		style = $[7];
+		styles = $[8];
+		t0 = $[9];
+	}
+	const isDismissable = t0 === void 0 ? true : t0;
+	const domRef = useObjectRef(ref);
+	const t1 = isDismissable && props.isOpen;
+	let t2;
+	if ($[10] !== props || $[11] !== t1) {
+		t2 = {
+			...props,
+			isDismissable: t1
+		};
+		$[10] = props;
+		$[11] = t1;
+		$[12] = t2;
+	} else t2 = $[12];
+	const { overlayProps: rawOverlayProps } = useOverlay(t2, domRef);
 	const overlayProps = useOverlayEscapeGuard(rawOverlayProps, props.isOpen);
-	return /* @__PURE__ */ jsx(_Overlay, {
-		...otherProps,
-		children: /* @__PURE__ */ jsx(PopoverWrapper, {
+	let t3;
+	if ($[13] !== arrowProps || $[14] !== children || $[15] !== domRef || $[16] !== isNonModal || $[17] !== overlayProps || $[18] !== placement || $[19] !== qa || $[20] !== style || $[21] !== styles) {
+		t3 = /* @__PURE__ */ jsx(PopoverWrapper, {
 			ref: domRef,
 			qa,
 			style,
@@ -56,28 +98,88 @@ function Popover(props, ref) {
 			isNonModal,
 			overlayProps,
 			children
-		})
-	});
+		});
+		$[13] = arrowProps;
+		$[14] = children;
+		$[15] = domRef;
+		$[16] = isNonModal;
+		$[17] = overlayProps;
+		$[18] = placement;
+		$[19] = qa;
+		$[20] = style;
+		$[21] = styles;
+		$[22] = t3;
+	} else t3 = $[22];
+	let t4;
+	if ($[23] !== otherProps || $[24] !== t3) {
+		t4 = /* @__PURE__ */ jsx(_Overlay, {
+			...otherProps,
+			children: t3
+		});
+		$[23] = otherProps;
+		$[24] = t3;
+		$[25] = t4;
+	} else t4 = $[25];
+	return t4;
 }
 const PopoverWrapper = forwardRef(function PopoverWrapper(props, ref) {
-	let { qa, children, placement = "bottom", arrowProps, isOpen, style, styles, isNonModal, transitionState, overlayProps, ...otherProps } = props;
-	let { modalProps } = useModal({ isDisabled: isNonModal });
-	return /* @__PURE__ */ jsx(PopoverElement, {
-		qa: qa || "Popover",
-		...mergeProps$1(otherProps, overlayProps, modalProps),
-		ref,
-		styles,
-		mods: {
+	const $ = c(18);
+	const { qa, children, placement: t0, arrowProps, isOpen, style, styles, isNonModal, transitionState, overlayProps, ...otherProps } = props;
+	const placement = t0 === void 0 ? "bottom" : t0;
+	let t1;
+	if ($[0] !== isNonModal) {
+		t1 = { isDisabled: isNonModal };
+		$[0] = isNonModal;
+		$[1] = t1;
+	} else t1 = $[1];
+	const { modalProps } = useModal(t1);
+	const T0 = PopoverElement;
+	const t2 = qa || "Popover";
+	const t3 = mergeProps$1(otherProps, overlayProps, modalProps);
+	const t4 = transitionState === "enter";
+	const t5 = transitionState === "exit";
+	const t6 = transitionState === "unmounted";
+	const t7 = transitionState === "entered";
+	let t8;
+	if ($[2] !== isOpen || $[3] !== t4 || $[4] !== t5 || $[5] !== t6 || $[6] !== t7) {
+		t8 = {
 			open: isOpen,
-			enter: transitionState === "enter",
-			exit: transitionState === "exit",
-			unmounted: transitionState === "unmounted",
-			entered: transitionState === "entered"
-		},
-		"data-placement": placement,
-		style,
-		children
-	});
+			enter: t4,
+			exit: t5,
+			unmounted: t6,
+			entered: t7
+		};
+		$[2] = isOpen;
+		$[3] = t4;
+		$[4] = t5;
+		$[5] = t6;
+		$[6] = t7;
+		$[7] = t8;
+	} else t8 = $[7];
+	let t9;
+	if ($[8] !== T0 || $[9] !== children || $[10] !== placement || $[11] !== ref || $[12] !== style || $[13] !== styles || $[14] !== t2 || $[15] !== t3 || $[16] !== t8) {
+		t9 = /* @__PURE__ */ jsx(T0, {
+			qa: t2,
+			...t3,
+			ref,
+			styles,
+			mods: t8,
+			"data-placement": placement,
+			style,
+			children
+		});
+		$[8] = T0;
+		$[9] = children;
+		$[10] = placement;
+		$[11] = ref;
+		$[12] = style;
+		$[13] = styles;
+		$[14] = t2;
+		$[15] = t3;
+		$[16] = t8;
+		$[17] = t9;
+	} else t9 = $[17];
+	return t9;
 });
 const _Popover = forwardRef(Popover);
 _Popover.displayName = "Popover";

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

@@ -1 +1 @@
-{"version":3,"file":"Popover.js","names":["Overlay","mergeProps"],"sources":["../../../../src/components/overlays/Modal/Popover.tsx"],"sourcesContent":["import { useObjectRef } from '@react-aria/utils';\nimport { BaseProps, tasty } from '@tenphi/tasty';\nimport { forwardRef, HTMLAttributes } from 'react';\nimport { OverlayProps, useModal, useOverlay } from 'react-aria';\n\nimport { PlacementAxis } from '../../../shared';\nimport { mergeProps } from '../../../utils/react';\nimport { useOverlayEscapeGuard } from '../../../utils/react/useOverlayEscapeGuard';\n\nimport { Overlay } from './Overlay';\nimport { TransitionState, WithCloseBehavior } 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 .120s linear, visibility 0ms linear, transform .120s 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    Omit<OverlayProps, 'children' | 'nodeRef'>,\n    WithCloseBehavior,\n    TransitionState {\n  container?: HTMLElement;\n  placement?: PlacementAxis;\n  arrowProps?: HTMLAttributes<HTMLElement>;\n  hideArrow?: boolean;\n  isOpen?: boolean;\n  onClose?: () => void;\n  shouldCloseOnBlur?: boolean;\n  isNonModal?: boolean;\n  isDismissable?: boolean;\n  shouldCloseOnInteractOutside?: (element: Element) => boolean;\n}\n\nfunction Popover(props: CubePopoverProps, ref) {\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  return (\n    <Overlay {...otherProps}>\n      <PopoverWrapper\n        ref={domRef}\n        qa={qa}\n        style={style}\n        styles={styles}\n        placement={placement}\n        arrowProps={arrowProps}\n        isNonModal={isNonModal}\n        overlayProps={overlayProps}\n      >\n        {children}\n      </PopoverWrapper>\n    </Overlay>\n  );\n}\n\ninterface PopoverWrapperProps\n  extends Omit<CubePopoverProps, 'isDismissable'>,\n    TransitionState {\n  overlayProps?: Props;\n}\n\nconst PopoverWrapper = forwardRef(function PopoverWrapper(\n  props: PopoverWrapperProps,\n  ref,\n) {\n  let {\n    qa,\n    children,\n    placement = 'bottom',\n    arrowProps,\n    // `isOpen` here is the transition's settled state, not the trigger's — it\n    // drives the enter/exit styles only.\n    isOpen,\n    style,\n    styles,\n    isNonModal,\n    transitionState,\n    overlayProps,\n    ...otherProps\n  } = props;\n  let { modalProps } = useModal({\n    isDisabled: isNonModal,\n  });\n\n  return (\n    <PopoverElement\n      qa={qa || 'Popover'}\n      {...mergeProps(otherProps, overlayProps, modalProps)}\n      ref={ref}\n      styles={styles}\n      mods={{\n        open: isOpen,\n        enter: transitionState === 'enter',\n        exit: transitionState === 'exit',\n        unmounted: transitionState === 'unmounted',\n        entered: transitionState === 'entered',\n      }}\n      data-placement={placement}\n      style={style}\n    >\n      {children}\n    </PopoverElement>\n  );\n});\n\nconst _Popover = forwardRef(Popover);\n\n_Popover.displayName = 'Popover';\n\nexport { _Popover as Popover };\n"],"mappings":";;;;;;;;;;;AAcA,MAAM,iBAAiB,MAAM;CAC3B,MAAM;CACN,QAAQ;EACN,SAAS;EACT,MAAM;GACJ,IAAI;GACJ,mBAAmB;GACnB,MAAM;GACN,WAAW;GACZ;EACD,eAAe;EACf,UAAU;EACV,YACE;EACF,WAAW;GACT,IAAI;GACJ,MAAM;GACP;EACD,SAAS;GACP,IAAI;GACJ,MAAM;GACP;EACD,iBAAiB;GACf,IAAI;GACJ,4BAA0B;GAC3B;EACF;CACF,CAAC;AAmBF,SAAS,QAAQ,OAAyB,KAAK;CAC7C,IAAI,EACF,IACA,OACA,QACA,UACA,WACA,YACA,YACA,gBAAgB,MAChB,GAAG,eACD;CAEJ,IAAI,SAAS,aAAa,IAAI;CAS9B,IAAI,EAAE,cAAc,oBAAoB,WACtC;EAAE,GAAG;EAAO,eAAe,iBAAiB,MAAM;EAAQ,EAC1D,OACD;CAID,MAAM,eAAe,sBAAsB,iBAAiB,MAAM,OAAO;AAEzE,QACE,oBAACA;EAAQ,GAAI;YACX,oBAAC;GACC,KAAK;GACD;GACG;GACC;GACG;GACC;GACA;GACE;GAEb;IACc;GACT;;AAUd,MAAM,iBAAiB,WAAW,SAAS,eACzC,OACA,KACA;CACA,IAAI,EACF,IACA,UACA,YAAY,UACZ,YAGA,QACA,OACA,QACA,YACA,iBACA,cACA,GAAG,eACD;CACJ,IAAI,EAAE,eAAe,SAAS,EAC5B,YAAY,YACb,CAAC;AAEF,QACE,oBAAC;EACC,IAAI,MAAM;EACV,GAAIC,aAAW,YAAY,cAAc,WAAW;EAC/C;EACG;EACR,MAAM;GACJ,MAAM;GACN,OAAO,oBAAoB;GAC3B,MAAM,oBAAoB;GAC1B,WAAW,oBAAoB;GAC/B,SAAS,oBAAoB;GAC9B;EACD,kBAAgB;EACT;EAEN;GACc;EAEnB;AAEF,MAAM,WAAW,WAAW,QAAQ;AAEpC,SAAS,cAAc"}
+{"version":3,"file":"Popover.js","names":["useObjectRef","BaseProps","tasty","forwardRef","HTMLAttributes","OverlayProps","useModal","useOverlay","PlacementAxis","mergeProps","useOverlayEscapeGuard","Overlay","TransitionState","WithCloseBehavior","Props","PopoverElement","role","styles","display","hide","exit","unmounted","pointerEvents","position","transition","transform","open","opacity","transformOrigin","CubePopoverProps","Omit","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","t3","t4","PopoverWrapperProps","PopoverWrapper","transitionState","isDisabled","modalProps","T0","t5","t6","t7","t8","enter","entered","t9","_Popover","displayName"],"sources":["../../../../src/components/overlays/Modal/Popover.tsx"],"sourcesContent":["import { useObjectRef } from '@react-aria/utils';\nimport { BaseProps, tasty } from '@tenphi/tasty';\nimport { forwardRef, HTMLAttributes } from 'react';\nimport { OverlayProps, useModal, useOverlay } from 'react-aria';\n\nimport { PlacementAxis } from '../../../shared';\nimport { mergeProps } from '../../../utils/react';\nimport { useOverlayEscapeGuard } from '../../../utils/react/useOverlayEscapeGuard';\n\nimport { Overlay } from './Overlay';\nimport { TransitionState, WithCloseBehavior } 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 .120s linear, visibility 0ms linear, transform .120s 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    Omit<OverlayProps, 'children' | 'nodeRef'>,\n    WithCloseBehavior,\n    TransitionState {\n  container?: HTMLElement;\n  placement?: PlacementAxis;\n  arrowProps?: HTMLAttributes<HTMLElement>;\n  hideArrow?: boolean;\n  isOpen?: boolean;\n  onClose?: () => void;\n  shouldCloseOnBlur?: boolean;\n  isNonModal?: boolean;\n  isDismissable?: boolean;\n  shouldCloseOnInteractOutside?: (element: Element) => boolean;\n}\n\nfunction Popover(props: CubePopoverProps, ref) {\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  return (\n    <Overlay {...otherProps}>\n      <PopoverWrapper\n        ref={domRef}\n        qa={qa}\n        style={style}\n        styles={styles}\n        placement={placement}\n        arrowProps={arrowProps}\n        isNonModal={isNonModal}\n        overlayProps={overlayProps}\n      >\n        {children}\n      </PopoverWrapper>\n    </Overlay>\n  );\n}\n\ninterface PopoverWrapperProps\n  extends Omit<CubePopoverProps, 'isDismissable'>,\n    TransitionState {\n  overlayProps?: Props;\n}\n\nconst PopoverWrapper = forwardRef(function PopoverWrapper(\n  props: PopoverWrapperProps,\n  ref,\n) {\n  let {\n    qa,\n    children,\n    placement = 'bottom',\n    arrowProps,\n    // `isOpen` here is the transition's settled state, not the trigger's — it\n    // drives the enter/exit styles only.\n    isOpen,\n    style,\n    styles,\n    isNonModal,\n    transitionState,\n    overlayProps,\n    ...otherProps\n  } = props;\n  let { modalProps } = useModal({\n    isDisabled: isNonModal,\n  });\n\n  return (\n    <PopoverElement\n      qa={qa || 'Popover'}\n      {...mergeProps(otherProps, overlayProps, modalProps)}\n      ref={ref}\n      styles={styles}\n      mods={{\n        open: isOpen,\n        enter: transitionState === 'enter',\n        exit: transitionState === 'exit',\n        unmounted: transitionState === 'unmounted',\n        entered: transitionState === 'entered',\n      }}\n      data-placement={placement}\n      style={style}\n    >\n      {children}\n    </PopoverElement>\n  );\n});\n\nconst _Popover = forwardRef(Popover);\n\n_Popover.displayName = 'Popover';\n\nexport { _Popover as Popover };\n"],"mappings":"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"}

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

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

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

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