@cube-dev/ui-kit 0.199.1 → 0.199.2

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

@@ -1 +1 @@
-{"version":3,"file":"Dialog.js","names":["createFocusManager","getFocusableTreeWalker","focusSafely","getInteractionModality","focusWithoutScrolling","isFocusable","runAfterTransition","useObjectRef","BASE_STYLES","BaseProps","BaseStyleProps","BLOCK_STYLES","BlockStyleProps","DIMENSION_STYLES","DimensionStyleProps","FLOW_STYLES","Styles","tasty","FocusEvent","forwardRef","ReactElement","Ref","useEffect","useRef","AriaDialogProps","DismissButton","FocusScope","useDialog","useI18n","CloseIcon","mergeProps","SlotProvider","extractStyles","ItemButton","useOpenTransitionContext","trapsFocus","useDialogContext","useContentOverflow","useRetainedDialogFocus","STYLES_LIST","DialogElement","as","styles","display","flow","fill","pointerEvents","outline","position","width","height","gap","border","radius","shadow","top","CloseButton","qa","type","right","sizeMap","S","M","L","sizePxMap","small","medium","large","CubeDialogProps","Omit","size","isDismissable","onDismiss","arg","closeIcon","closeButtonStyles","role","findPriorityFocusElement","dialog","HTMLElement","marked","querySelectorAll","element","Array","from","reverse","target","tabbable","nextNode","button","getAttribute","querySelector","Dialog","props","ref","$","_c","transitionState","isShown","context","t0","content","t1","isOpen","shouldContainFocus","t2","shouldRestoreFocus","t3","DialogContent","HTMLDivElement","contextProps","children","undefined","onClose","tokens","style","otherProps","toUpperCase","t","domRef","isFocusInTreeRef","isRetained","isTrapping","isRefocusingRef","mountedAtRef","current","Date","now","dialogProps","titleProps","contentProps","dismissButton","timer","ReturnType","setTimeout","isClosed","contains","document","activeElement","body","blur","isFocusOutsideDialog","isFocusOnDialogShell","priorityElement","focus","focused","focusManager","focusFirst","clearTimeout","contentOverflows","slots","title","level","preset","id","flexGrow","padding","header","ellipsis","placeItems","placeContent","footer","mods","buttonGroup","onFocus","onBlur","event","stopPropagation","dismissable","ItemButton","_c","mergeProps"],"sources":["../../../../src/components/overlays/Dialog/Dialog.tsx"],"sourcesContent":["import { createFocusManager, getFocusableTreeWalker } from '@react-aria/focus';\nimport { focusSafely, getInteractionModality } from '@react-aria/interactions';\nimport {\n  focusWithoutScrolling,\n  isFocusable,\n  runAfterTransition,\n  useObjectRef,\n} from '@react-aria/utils';\nimport {\n  BASE_STYLES,\n  BaseProps,\n  BaseStyleProps,\n  BLOCK_STYLES,\n  BlockStyleProps,\n  DIMENSION_STYLES,\n  DimensionStyleProps,\n  FLOW_STYLES,\n  Styles,\n  tasty,\n} from '@tenphi/tasty';\nimport {\n  FocusEvent,\n  forwardRef,\n  ReactElement,\n  Ref,\n  useEffect,\n  useRef,\n} from 'react';\nimport {\n  AriaDialogProps,\n  DismissButton,\n  FocusScope,\n  useDialog,\n} from 'react-aria';\n\nimport { useI18n } from '../../../i18n';\nimport { CloseIcon } from '../../../icons/CloseIcon';\nimport { mergeProps, SlotProvider } from '../../../utils/react';\nimport { extractStyles } from '../../../utils/styles';\nimport { ItemButton } from '../../actions/ItemButton/ItemButton';\nimport { useOpenTransitionContext } from '../Modal/OpenTransitionContext';\n\nimport { trapsFocus, useDialogContext } from './context';\nimport { useContentOverflow } from './use-content-overflow';\nimport { useRetainedDialogFocus } from './use-retained-dialog-focus';\n\nconst STYLES_LIST = [\n  ...BASE_STYLES,\n  ...DIMENSION_STYLES,\n  ...BLOCK_STYLES,\n  ...FLOW_STYLES,\n];\n\nconst DialogElement = tasty({\n  as: 'section',\n  styles: {\n    display: 'flex',\n    flow: 'column',\n    fill: '#surface',\n    pointerEvents: 'auto',\n    outline: 0,\n    position: {\n      '': 'relative',\n      'type=panel': 'absolute',\n    },\n    // The widest the dialog gets, also under a `width`. A tray is held by its\n    // shell, whose own `styles` widen it; a takeover and a panel may span the\n    // viewport.\n    '$dialog-width-limit': {\n      '': '$dialog-max-size',\n      'type=tray': '100%',\n      'type=fullscreenTakeover | type=panel': '100dvw',\n    },\n    width: {\n      '': '$min-dialog-size $dialog-size $dialog-width-limit',\n      'type=fullscreen': '$dialog-max-size $dialog-max-size',\n      'type=fullscreenTakeover': '100dvw 100dvw',\n      'type=panel': 'auto',\n      // A `width` is the preferred width in `$dialog-size`: it keeps the\n      // limit, and replaces the floor.\n      'custom-width': 'initial $dialog-size $dialog-width-limit',\n    },\n    height: {\n      '': 'auto (100dvh - 8x)',\n      'type=fullscreen': '(100dvh - 8x) (100dvh - 8x)',\n      'type=fullscreenTakeover | type=panel': '100dvh 100dvh',\n      'type=popover': 'initial initial (50dvh - 5x)',\n    },\n    gap: 0,\n    border: {\n      '': false,\n      'type=popover': true,\n    },\n    radius: {\n      '': '1cr',\n      'type=tray': '1cr top',\n      'type=fullscreenTakeover': '0r',\n    },\n    shadow: {\n      '': '$dialog-shadow',\n      'type=popover | type=panel': '$shadow',\n    },\n    top: {\n      '': false,\n      'type=modal': '((50vh - 50%) / -3)',\n      'type=panel': 'auto',\n    },\n    '$dialog-title-padding-v': {\n      '': '1.5x',\n      'type=popover': '1x',\n    },\n    '$dialog-content-padding-v': {\n      '': '1.5x',\n      'type=popover': '1x',\n    },\n    '$dialog-padding-h': {\n      '': '1.5x',\n      'type=popover': '1x',\n    },\n    '$dialog-footer-v': {\n      '': '1.5x',\n      'type=popover': '1x',\n    },\n    '$dialog-content-gap': {\n      '': '1.5x',\n      'type=popover': '1x',\n    },\n\n    // A `Form` placed directly here (`Dialog > Form > Content + Footer`) lays\n    // itself out as this flex column — see `FormElement`. It is the form's own\n    // state rather than a rule here, so the form's `styles` still win.\n  },\n});\n\nconst CloseButton = tasty(ItemButton, {\n  qa: 'ModalCloseButton',\n  type: 'clear',\n  styles: {\n    position: 'absolute',\n    top: '1x',\n    right: '1x',\n  },\n});\n\nconst sizeMap = {\n  S: 'small',\n  M: 'medium',\n  L: 'large',\n};\nconst sizePxMap = {\n  small: 360,\n  medium: 479,\n  large: 798,\n};\n\nexport interface CubeDialogProps\n  extends\n    Omit<BaseProps, 'role'>,\n    AriaDialogProps,\n    BaseStyleProps,\n    BlockStyleProps,\n    Omit<DimensionStyleProps, 'width'> {\n  /**\n   * The dialog's preferred width, one value (`520px`, `65x`, `600`). It keeps\n   * the type's maximum, so the dialog still fits a phone, and replaces\n   * `$min-dialog-size`. To clamp the width yourself, set `styles.width`.\n   */\n  width?: string | number;\n  /** The size of the dialog */\n  size?: 'S' | 'M' | 'L' | 'small' | 'medium' | 'large';\n  /**\n   * Whether the dialog shows its close button. Defaults to its DialogTrigger's\n   * or DialogContainer's `isDismissable`, except in a popover.\n   */\n  isDismissable?: boolean;\n  /** Trigger when the dialog is dismissed */\n  onDismiss?: (arg?: any) => void;\n  /** That you can replace the close icon with */\n  closeIcon?: ReactElement;\n  closeButtonStyles?: Styles;\n  role?: 'dialog' | 'alertdialog';\n}\n\n/**\n * The control a dialog focuses when it opens: the last one marked\n * `data-autofocus` that can take focus, as kit controls mark themselves for\n * `autoFocus` (the last of several takes focus as they mount), or the first\n * control of a marked field (a date field's first segment). Otherwise a\n * submit or primary button, which in an alert dialog is never a destructive\n * (`danger`) one: a reflexive Enter would run it.\n */\nfunction findPriorityFocusElement(dialog: HTMLElement) {\n  const marked = dialog.querySelectorAll<HTMLElement>('[data-autofocus]');\n\n  for (const element of Array.from(marked).reverse()) {\n    const target = isFocusable(element)\n      ? element\n      : getFocusableTreeWalker(element, { tabbable: true }).nextNode();\n\n    if (target) return target as HTMLElement;\n  }\n\n  const button =\n    dialog.getAttribute('role') === 'alertdialog'\n      ? 'button:not([data-theme=\"danger\"])'\n      : 'button';\n\n  return dialog.querySelector<HTMLElement>(\n    `${button}[type=\"submit\"], ${button}[data-type=\"primary\"]`,\n  );\n}\n\n/**\n * Dialogs are windows containing contextual information, tasks, or workflows that appear over the user interface.\n * Depending on the kind of Dialog, further interactions may be blocked until the Dialog is acknowledged.\n */\nexport const Dialog = forwardRef(function Dialog(\n  props: CubeDialogProps,\n  ref: Ref<HTMLDivElement>,\n) {\n  const transitionState = useOpenTransitionContext()?.transitionState;\n\n  // From the first frame of the enter transition, not only once it has\n  // ended: a Tab pressed while the dialog animates in would otherwise land on\n  // the page behind it, and nothing would pull it back. Released as soon as\n  // the dialog closes, so focus can return to the trigger during the exit.\n  const isShown = transitionState === 'enter' || transitionState === 'entered';\n\n  const context = useDialogContext();\n\n  const content = <DialogContent key=\"content\" {...props} ref={ref} />;\n\n  const shouldContainFocus = isShown && !!context.isOpen && trapsFocus(context);\n\n  return (\n    // This component traps the focus inside the dialog and restores it when\n    // it unmounts (a retained dialog never does, so `DialogContent` moves\n    // focus for that one). The restore is the one that matters for popover-type dialogs\n    // — `DialogTrigger`'s own restore is a no-op there — so\n    // `shouldRestoreFocus` has to reach it. Containment is unaffected either way.\n    <FocusScope\n      restoreFocus={context.shouldRestoreFocus ?? true}\n      contain={shouldContainFocus}\n    >\n      {content}\n    </FocusScope>\n  );\n});\n\nconst DialogContent = forwardRef(function DialogContent(\n  props: CubeDialogProps,\n  ref: Ref<HTMLDivElement>,\n) {\n  let { type = 'modal', ...contextProps } = useDialogContext();\n\n  let {\n    qa,\n    children,\n    size = 'M',\n    // A popover shows a close button only when its `Dialog` asks for one: its\n    // trigger's `isDismissable` decides whether an outside press closes it.\n    isDismissable = type === 'popover' ? undefined : contextProps.isDismissable,\n    onDismiss = contextProps.onClose,\n    closeIcon,\n    closeButtonStyles,\n    width,\n    tokens,\n    style,\n    ...otherProps\n  } = props;\n\n  size = sizeMap[size.toUpperCase()] || size;\n\n  const styles: Styles = extractStyles(otherProps, STYLES_LIST);\n\n  const { t } = useI18n();\n\n  let domRef = useObjectRef(ref);\n\n  // Whether focus is in the dialog or in anything opened from it, portals\n  // included: React focus events bubble through the component tree.\n  const isFocusInTreeRef = useRef(false);\n  const isRetained = useRetainedDialogFocus(domRef, isFocusInTreeRef);\n  const isTrapping = trapsFocus({ ...contextProps, type });\n\n  // Set while the dialog refocuses itself, so the blur in between does not\n  // reach overlays that close when focus leaves them.\n  const isRefocusingRef = useRef(false);\n\n  // When the dialog mounted: `useDialog` refocuses it half a second later.\n  const mountedAtRef = useRef(0);\n\n  useEffect(() => {\n    mountedAtRef.current = Date.now();\n  }, []);\n\n  // `contentProps` carries an id only for `role=\"alertdialog\"` without an\n  // explicit `aria-describedby`: an alert is described by its message, while a\n  // plain dialog links nothing, so opening a form does not read it aloud.\n  let { dialogProps, titleProps, contentProps } = useDialog(\n    mergeProps(contextProps, props),\n    domRef,\n  );\n\n  // If rendered in a popover or tray there won't be a visible dismiss button,\n  // so we render a hidden one for screen readers.\n  let dismissButton;\n  if (type === 'popover' || type === 'tray') {\n    dismissButton = <DismissButton onDismiss={onDismiss} />;\n  }\n\n  // Focus the first focusable element in the dialog when it opens.\n  //\n  // We also re-run the priority focus logic when the dialog <section>\n  // itself is the active element. This recovers from a race that occurs\n  // when a popover-based component (FilterPicker, Picker, Select, …) opens\n  // inside another contained Dialog: React's native `autoFocus` on the\n  // inner control fires during the mutation phase, before the popover's\n  // FocusScope registers in react-aria's focus-scope tree, so the outer\n  // FocusScope yanks focus back. useDialog then defaults focus to the\n  // dialog <section>; without re-promoting it here, the priority element\n  // (e.g. the search input) is never focused.\n  useEffect(() => {\n    // The pending timer: this one, then the refocus it may start.\n    let timer: ReturnType<typeof setTimeout> | undefined;\n    let isClosed = false;\n\n    if (contextProps.isOpen) {\n      timer = setTimeout(() => {\n        if (!domRef.current) return;\n\n        // `useDialog` focuses the dialog itself when it mounts, without\n        // scrolling, unless focus is already inside. A retained dialog opens\n        // without remounting, so do the same here: the rules below then run as\n        // for a fresh dialog, and kept content keeps its scroll.\n        if (isRetained && !domRef.current.contains(document.activeElement)) {\n          focusSafely(domRef.current);\n\n          // As `useDialog` does next: VoiceOver on iOS announces a dialog only\n          // once it has rendered, so blur and refocus it half a second later\n          // if focus is still on it or lost to `<body>`. Unless the refocus\n          // `useDialog` set up when the dialog mounted is still to come.\n          if (Date.now() - mountedAtRef.current >= 500) {\n            timer = setTimeout(() => {\n              const dialog = domRef.current;\n              const activeElement = document.activeElement;\n\n              if (\n                !dialog ||\n                (activeElement !== dialog && activeElement !== document.body)\n              ) {\n                return;\n              }\n\n              isRefocusingRef.current = true;\n              dialog.blur();\n              focusSafely(dialog);\n              isRefocusingRef.current = false;\n            }, 500);\n          }\n        }\n\n        const activeElement = document.activeElement;\n        const isFocusOutsideDialog = !domRef.current.contains(activeElement);\n        const isFocusOnDialogShell = activeElement === domRef.current;\n\n        // Priority 1: an autofocused control, or a submit or primary button\n        const priorityElement = findPriorityFocusElement(domRef.current);\n\n        if (priorityElement && (isFocusOutsideDialog || isFocusOnDialogShell)) {\n          priorityElement.focus();\n          return;\n        }\n\n        if (isFocusOutsideDialog && getInteractionModality() === 'virtual') {\n          // A screen reader's cursor: the dialog itself takes focus once the\n          // open transition ends, as `focusSafely` does it. Then also when\n          // something moved focus meanwhile, as a closing menu returns it to\n          // its trigger, unless a dialog that leaves the page usable lost it\n          // to a control there.\n          runAfterTransition(() => {\n            const dialog = domRef.current;\n            const focused = document.activeElement;\n\n            if (\n              isClosed ||\n              !dialog ||\n              dialog.contains(focused) ||\n              (!isTrapping &&\n                focused !== document.body &&\n                focused !== activeElement)\n            ) {\n              return;\n            }\n\n            focusWithoutScrolling(dialog);\n          });\n        } else if (isFocusOutsideDialog) {\n          // Fallback: focus first tabbable element, or dialog itself\n          const focusManager = createFocusManager(domRef);\n\n          if (!focusManager.focusFirst({ tabbable: true })) {\n            domRef.current.focus();\n          }\n        }\n      });\n    }\n\n    return () => {\n      isClosed = true;\n      clearTimeout(timer);\n    };\n  }, [contextProps.isOpen, isRetained, isTrapping]);\n\n  // let hasHeader = useHasChild('[data-id=\"Header\"]', domRef);\n  // let hasFooter = useHasChild('[data-id=\"Footer\"]', domRef);\n\n  const contentOverflows = useContentOverflow(domRef);\n\n  let slots = {\n    title: {\n      level: 2,\n      preset: 'h4',\n      ...titleProps,\n    },\n    content: {\n      // `null` rather than `undefined` when there is none: slots reach nested\n      // slot providers, and `undefined` does not override, so a dialog opened\n      // inside an alert dialog would repeat the alert's message id.\n      id: contentProps.id ?? null,\n      styles: {\n        flexGrow: 1,\n        padding: '$dialog-content-padding-v $dialog-padding-h',\n        gap: '$dialog-content-gap',\n        height: {\n          '': 'max (100% - (2 * $dialog-content-padding-v))',\n          ':last-child': 'max (100% - $dialog-content-padding-v)',\n        },\n      },\n    },\n    header: {\n      ellipsis: true,\n      styles: {\n        display: 'flex',\n        flow: 'row',\n        gap: '1x',\n        placeItems: 'center stretch',\n        placeContent: 'space-between',\n        padding: `$dialog-title-padding-v ${\n          isDismissable ? '($dialog-padding-h + 4x)' : '$dialog-padding-h'\n        } $dialog-title-padding-v $dialog-padding-h`,\n        border: 'bottom',\n      },\n    },\n    footer: {\n      mods: { 'content-overflow': contentOverflows },\n      styles: {\n        display: 'flex',\n        gap: '1x',\n        flow: 'row-reverse',\n        placeItems: 'baseline stretch',\n        placeContent: 'space-between',\n        padding: '$dialog-footer-v $dialog-padding-h',\n        // A line only while the body scrolls: the footer then sits over\n        // content that carries on beneath it, and the line is what says so.\n        // Under a body that fits, the actions simply end it and a rule there\n        // reads as clutter.\n        border: {\n          '': false,\n          'content-overflow': 'top',\n        },\n      },\n    },\n    buttonGroup: {\n      styles: {\n        flow: 'row-reverse',\n      },\n    },\n  };\n\n  return (\n    <DialogElement\n      ref={domRef}\n      data-id=\"Dialog\"\n      data-qa={qa || 'Dialog'}\n      styles={styles}\n      as=\"section\"\n      {...mergeProps(dialogProps, {\n        onFocus() {\n          isFocusInTreeRef.current = true;\n        },\n        onBlur(event: FocusEvent) {\n          isFocusInTreeRef.current = false;\n\n          if (isRefocusingRef.current) event.stopPropagation();\n        },\n      })}\n      mods={{ dismissable: isDismissable, 'custom-width': width != null }}\n      tokens={{\n        '$dialog-size':\n          width == null\n            ? `${sizePxMap[size] || sizePxMap.small}px`\n            : typeof width === 'number'\n              ? `${width}px`\n              : width,\n        ...tokens,\n      }}\n      style={style}\n      data-type={type}\n      data-size={size}\n    >\n      {dismissButton}\n\n      <SlotProvider slots={slots}>\n        {isDismissable && (\n          <CloseButton\n            icon={closeIcon || <CloseIcon size={20} />}\n            aria-label={t('dialog.dismiss', 'Dismiss')}\n            onPress={() => onDismiss && onDismiss()}\n          />\n        )}\n        {children}\n      </SlotProvider>\n    </DialogElement>\n  );\n});\n"],"mappings":"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"}
+{"version":3,"file":"Dialog.js","names":["createFocusManager","getFocusableTreeWalker","focusSafely","getInteractionModality","focusWithoutScrolling","isFocusable","runAfterTransition","useObjectRef","BASE_STYLES","BaseProps","BaseStyleProps","BLOCK_STYLES","BlockStyleProps","DIMENSION_STYLES","DimensionStyleProps","FLOW_STYLES","Styles","tasty","FocusEvent","forwardRef","ReactElement","Ref","useEffect","useRef","AriaDialogProps","DismissButton","FocusScope","useDialog","useI18n","CloseIcon","mergeProps","SlotProvider","extractStyles","ItemButton","useOpenTransitionContext","trapsFocus","useDialogContext","useContentOverflow","useRetainedDialogFocus","STYLES_LIST","DialogElement","as","styles","display","flow","fill","pointerEvents","outline","position","width","height","gap","border","radius","shadow","top","CloseButton","qa","type","right","sizeMap","S","M","L","sizePxMap","small","medium","large","CubeDialogProps","Omit","size","isDismissable","onDismiss","arg","closeIcon","closeButtonStyles","role","findPriorityFocusElement","dialog","HTMLElement","marked","querySelectorAll","element","Array","from","reverse","target","tabbable","nextNode","button","getAttribute","querySelector","Dialog","props","ref","$","_c","transitionState","isShown","context","t0","content","t1","isOpen","shouldContainFocus","t2","shouldRestoreFocus","t3","DialogContent","HTMLDivElement","contextProps","children","undefined","onClose","tokens","style","otherProps","toUpperCase","t","domRef","isFocusInTreeRef","isRetained","isTrapping","isRefocusingRef","mountedAtRef","current","Date","now","dialogProps","titleProps","contentProps","dismissButton","timer","ReturnType","setTimeout","isClosed","contains","document","activeElement","body","blur","isFocusOutsideDialog","isFocusOnDialogShell","priorityElement","focus","focused","focusManager","focusFirst","clearTimeout","contentOverflows","slots","title","level","preset","id","flexGrow","padding","header","ellipsis","placeItems","placeContent","footer","mods","buttonGroup","onFocus","onBlur","event","stopPropagation","dismissable","ItemButton","_c","mergeProps"],"sources":["../../../../src/components/overlays/Dialog/Dialog.tsx"],"sourcesContent":["import { createFocusManager, getFocusableTreeWalker } from '@react-aria/focus';\nimport { focusSafely, getInteractionModality } from '@react-aria/interactions';\nimport {\n  focusWithoutScrolling,\n  isFocusable,\n  runAfterTransition,\n  useObjectRef,\n} from '@react-aria/utils';\nimport {\n  BASE_STYLES,\n  BaseProps,\n  BaseStyleProps,\n  BLOCK_STYLES,\n  BlockStyleProps,\n  DIMENSION_STYLES,\n  DimensionStyleProps,\n  FLOW_STYLES,\n  Styles,\n  tasty,\n} from '@tenphi/tasty';\nimport {\n  FocusEvent,\n  forwardRef,\n  ReactElement,\n  Ref,\n  useEffect,\n  useRef,\n} from 'react';\nimport {\n  AriaDialogProps,\n  DismissButton,\n  FocusScope,\n  useDialog,\n} from 'react-aria';\n\nimport { useI18n } from '../../../i18n';\nimport { CloseIcon } from '../../../icons/CloseIcon';\nimport { mergeProps, SlotProvider } from '../../../utils/react';\nimport { extractStyles } from '../../../utils/styles';\nimport { ItemButton } from '../../actions/ItemButton/ItemButton';\nimport { useOpenTransitionContext } from '../Modal/OpenTransitionContext';\n\nimport { trapsFocus, useDialogContext } from './context';\nimport { useContentOverflow } from './use-content-overflow';\nimport { useRetainedDialogFocus } from './use-retained-dialog-focus';\n\nconst STYLES_LIST = [\n  ...BASE_STYLES,\n  ...DIMENSION_STYLES,\n  ...BLOCK_STYLES,\n  ...FLOW_STYLES,\n];\n\nconst DialogElement = tasty({\n  as: 'section',\n  styles: {\n    display: 'flex',\n    flow: 'column',\n    fill: '#surface',\n    pointerEvents: 'auto',\n    outline: 0,\n    position: {\n      '': 'relative',\n      'type=panel': 'absolute',\n    },\n    // The widest the dialog gets, also under a `width`. A tray is held by its\n    // shell, whose own `styles` widen it; a takeover and a panel may span the\n    // viewport.\n    '$dialog-width-limit': {\n      '': '$dialog-max-size',\n      'type=tray': '100%',\n      'type=fullscreenTakeover | type=panel': '100dvw',\n    },\n    width: {\n      '': '$min-dialog-size $dialog-size $dialog-width-limit',\n      'type=fullscreen': '$dialog-max-size $dialog-max-size',\n      'type=fullscreenTakeover': '100dvw 100dvw',\n      'type=panel': 'auto',\n      // A `width` is the preferred width in `$dialog-size`: it keeps the\n      // limit, and replaces the floor.\n      'custom-width': 'initial $dialog-size $dialog-width-limit',\n    },\n    height: {\n      '': 'auto (100dvh - 8x)',\n      'type=fullscreen': '(100dvh - 8x) (100dvh - 8x)',\n      'type=fullscreenTakeover | type=panel': '100dvh 100dvh',\n      'type=popover': 'initial initial (50dvh - 5x)',\n    },\n    gap: 0,\n    border: {\n      '': false,\n      'type=popover': true,\n    },\n    radius: {\n      '': '1cr',\n      'type=tray': '1cr top',\n      'type=fullscreenTakeover': '0r',\n    },\n    shadow: {\n      '': '$dialog-shadow',\n      'type=popover | type=panel': '$shadow',\n    },\n    top: {\n      '': false,\n      'type=modal': '((50vh - 50%) / -3)',\n      'type=panel': 'auto',\n    },\n    '$dialog-title-padding-v': {\n      '': '1.5x',\n      'type=popover': '1x',\n    },\n    '$dialog-content-padding-v': {\n      '': '1.5x',\n      'type=popover': '1x',\n    },\n    '$dialog-padding-h': {\n      '': '1.5x',\n      'type=popover': '1x',\n    },\n    '$dialog-footer-v': {\n      '': '1.5x',\n      'type=popover': '1x',\n    },\n    '$dialog-content-gap': {\n      '': '1.5x',\n      'type=popover': '1x',\n    },\n\n    // A `Form` placed directly here (`Dialog > Form > Content + Footer`) lays\n    // itself out as this flex column — see `FormElement`. It is the form's own\n    // state rather than a rule here, so the form's `styles` still win.\n  },\n});\n\nconst CloseButton = tasty(ItemButton, {\n  qa: 'ModalCloseButton',\n  type: 'clear',\n  styles: {\n    position: 'absolute',\n    top: '1x',\n    right: '1x',\n  },\n});\n\nconst sizeMap = {\n  S: 'small',\n  M: 'medium',\n  L: 'large',\n};\nconst sizePxMap = {\n  small: 360,\n  medium: 479,\n  large: 798,\n};\n\nexport interface CubeDialogProps\n  extends\n    Omit<BaseProps, 'role'>,\n    AriaDialogProps,\n    BaseStyleProps,\n    BlockStyleProps,\n    Omit<DimensionStyleProps, 'width'> {\n  /**\n   * The dialog's preferred width, one value (`520px`, `65x`, `600`). It keeps\n   * the type's maximum, so the dialog still fits a phone, and replaces\n   * `$min-dialog-size`. To clamp the width yourself, set `styles.width`.\n   */\n  width?: string | number;\n  /** The size of the dialog */\n  size?: 'S' | 'M' | 'L' | 'small' | 'medium' | 'large';\n  /**\n   * Whether the dialog shows its close button. Defaults to its DialogTrigger's\n   * or DialogContainer's `isDismissable`, except in a popover.\n   */\n  isDismissable?: boolean;\n  /** Trigger when the dialog is dismissed */\n  onDismiss?: (arg?: any) => void;\n  /** That you can replace the close icon with */\n  closeIcon?: ReactElement;\n  closeButtonStyles?: Styles;\n  role?: 'dialog' | 'alertdialog';\n}\n\n/**\n * The control a dialog focuses when it opens: the last one marked\n * `data-autofocus` that can take focus, as kit controls mark themselves for\n * `autoFocus` (the last of several takes focus as they mount), or the first\n * control of a marked field (a date field's first segment). Otherwise a\n * submit or primary button, which in an alert dialog is never a destructive\n * (`danger`) one: a reflexive Enter would run it.\n */\nfunction findPriorityFocusElement(dialog: HTMLElement) {\n  const marked = dialog.querySelectorAll<HTMLElement>('[data-autofocus]');\n\n  for (const element of Array.from(marked).reverse()) {\n    const target = isFocusable(element)\n      ? element\n      : getFocusableTreeWalker(element, { tabbable: true }).nextNode();\n\n    if (target) return target as HTMLElement;\n  }\n\n  const button =\n    dialog.getAttribute('role') === 'alertdialog'\n      ? 'button:not([data-theme=\"danger\"])'\n      : 'button';\n\n  return dialog.querySelector<HTMLElement>(\n    `${button}[type=\"submit\"], ${button}[data-type=\"primary\"]`,\n  );\n}\n\n/**\n * Dialogs are windows containing contextual information, tasks, or workflows that appear over the user interface.\n * Depending on the kind of Dialog, further interactions may be blocked until the Dialog is acknowledged.\n */\nexport const Dialog = forwardRef(function Dialog(\n  props: CubeDialogProps,\n  ref: Ref<HTMLDivElement>,\n) {\n  const transitionState = useOpenTransitionContext()?.transitionState;\n\n  // From the first frame of the enter transition, not only once it has\n  // ended: a Tab pressed while the dialog animates in would otherwise land on\n  // the page behind it, and nothing would pull it back. Released as soon as\n  // the dialog closes, so focus can return to the trigger during the exit.\n  const isShown = transitionState === 'enter' || transitionState === 'entered';\n\n  const context = useDialogContext();\n\n  const content = <DialogContent key=\"content\" {...props} ref={ref} />;\n\n  const shouldContainFocus = isShown && !!context.isOpen && trapsFocus(context);\n\n  return (\n    // This component traps the focus inside the dialog and restores it when\n    // it unmounts (a retained dialog never does, so `DialogContent` moves\n    // focus for that one). The restore is the one that matters for popover-type dialogs\n    // — `DialogTrigger`'s own restore is a no-op there — so\n    // `shouldRestoreFocus` has to reach it. Containment is unaffected either way.\n    <FocusScope\n      restoreFocus={context.shouldRestoreFocus ?? true}\n      contain={shouldContainFocus}\n    >\n      {content}\n    </FocusScope>\n  );\n});\n\nconst DialogContent = forwardRef(function DialogContent(\n  props: CubeDialogProps,\n  ref: Ref<HTMLDivElement>,\n) {\n  let { type = 'modal', ...contextProps } = useDialogContext();\n\n  let {\n    qa,\n    children,\n    size = 'M',\n    // A popover shows a close button only when its `Dialog` asks for one: its\n    // trigger's `isDismissable` decides whether an outside press closes it.\n    isDismissable = type === 'popover' ? undefined : contextProps.isDismissable,\n    onDismiss = contextProps.onClose,\n    closeIcon,\n    closeButtonStyles,\n    width,\n    tokens,\n    style,\n    ...otherProps\n  } = props;\n\n  size = sizeMap[size.toUpperCase()] || size;\n\n  const styles: Styles = extractStyles(otherProps, STYLES_LIST);\n\n  const { t } = useI18n();\n\n  let domRef = useObjectRef(ref);\n\n  // Whether focus is in the dialog or in anything opened from it, portals\n  // included: React focus events bubble through the component tree.\n  const isFocusInTreeRef = useRef(false);\n  const isRetained = useRetainedDialogFocus(domRef, isFocusInTreeRef);\n  const isTrapping = trapsFocus({ ...contextProps, type });\n\n  // Set while the dialog refocuses itself, so the blur in between does not\n  // reach overlays that close when focus leaves them.\n  const isRefocusingRef = useRef(false);\n\n  // When the dialog mounted: `useDialog` refocuses it half a second later.\n  const mountedAtRef = useRef(0);\n\n  useEffect(() => {\n    mountedAtRef.current = Date.now();\n  }, []);\n\n  // `contentProps` carries an id only for `role=\"alertdialog\"` without an\n  // explicit `aria-describedby`: an alert is described by its message, while a\n  // plain dialog links nothing, so opening a form does not read it aloud.\n  let { dialogProps, titleProps, contentProps } = useDialog(\n    mergeProps(contextProps, props),\n    domRef,\n  );\n\n  // If rendered in a popover or tray there won't be a visible dismiss button,\n  // so we render a hidden one for screen readers.\n  let dismissButton;\n  if (type === 'popover' || type === 'tray') {\n    dismissButton = <DismissButton onDismiss={onDismiss} />;\n  }\n\n  // Focus the first focusable element in the dialog when it opens.\n  //\n  // We also re-run the priority focus logic when the dialog <section>\n  // itself is the active element. This recovers from a race that occurs\n  // when a popover-based component (FilterPicker, Picker, Select, …) opens\n  // inside another contained Dialog: React's native `autoFocus` on the\n  // inner control fires during the mutation phase, before the popover's\n  // FocusScope registers in react-aria's focus-scope tree, so the outer\n  // FocusScope yanks focus back. useDialog then defaults focus to the\n  // dialog <section>; without re-promoting it here, the priority element\n  // (e.g. the search input) is never focused.\n  useEffect(() => {\n    // The pending timer: this one, then the refocus it may start.\n    let timer: ReturnType<typeof setTimeout> | undefined;\n    let isClosed = false;\n\n    if (contextProps.isOpen) {\n      timer = setTimeout(() => {\n        if (!domRef.current) return;\n\n        // `useDialog` focuses the dialog itself when it mounts, without\n        // scrolling, unless focus is already inside. A retained dialog opens\n        // without remounting, so do the same here: the rules below then run as\n        // for a fresh dialog, and kept content keeps its scroll.\n        if (isRetained && !domRef.current.contains(document.activeElement)) {\n          focusSafely(domRef.current);\n\n          // As `useDialog` does next: VoiceOver on iOS announces a dialog only\n          // once it has rendered, so blur and refocus it half a second later\n          // if focus is still on it or lost to `<body>`. Unless the refocus\n          // `useDialog` set up when the dialog mounted is still to come.\n          if (Date.now() - mountedAtRef.current >= 500) {\n            timer = setTimeout(() => {\n              const dialog = domRef.current;\n              const activeElement = document.activeElement;\n\n              if (\n                !dialog ||\n                (activeElement !== dialog && activeElement !== document.body)\n              ) {\n                return;\n              }\n\n              isRefocusingRef.current = true;\n              dialog.blur();\n              focusSafely(dialog);\n              isRefocusingRef.current = false;\n            }, 500);\n          }\n        }\n\n        const activeElement = document.activeElement;\n        const isFocusOutsideDialog = !domRef.current.contains(activeElement);\n        const isFocusOnDialogShell = activeElement === domRef.current;\n\n        // Priority 1: an autofocused control, or a submit or primary button\n        const priorityElement = findPriorityFocusElement(domRef.current);\n\n        if (priorityElement && (isFocusOutsideDialog || isFocusOnDialogShell)) {\n          priorityElement.focus();\n          return;\n        }\n\n        if (isFocusOutsideDialog && getInteractionModality() === 'virtual') {\n          // A screen reader's cursor: the dialog itself takes focus once the\n          // open transition ends, as `focusSafely` does it. Then also when\n          // something moved focus meanwhile, as a closing menu returns it to\n          // its trigger, unless a dialog that leaves the page usable lost it\n          // to a control there.\n          runAfterTransition(() => {\n            const dialog = domRef.current;\n            const focused = document.activeElement;\n\n            if (\n              isClosed ||\n              !dialog ||\n              dialog.contains(focused) ||\n              (!isTrapping &&\n                focused !== document.body &&\n                focused !== activeElement)\n            ) {\n              return;\n            }\n\n            focusWithoutScrolling(dialog);\n          });\n        } else if (isFocusOutsideDialog) {\n          // Fallback: focus first tabbable element, or dialog itself\n          const focusManager = createFocusManager(domRef);\n\n          if (!focusManager.focusFirst({ tabbable: true })) {\n            domRef.current.focus();\n          }\n        }\n      });\n    }\n\n    return () => {\n      isClosed = true;\n      clearTimeout(timer);\n    };\n  }, [contextProps.isOpen, isRetained, isTrapping]);\n\n  // let hasHeader = useHasChild('[data-id=\"Header\"]', domRef);\n  // let hasFooter = useHasChild('[data-id=\"Footer\"]', domRef);\n\n  const contentOverflows = useContentOverflow(domRef);\n\n  let slots = {\n    title: {\n      level: 2,\n      preset: 'h4',\n      ...titleProps,\n    },\n    content: {\n      // `null` rather than `undefined` when there is none: slots reach nested\n      // slot providers, and `undefined` does not override, so a dialog opened\n      // inside an alert dialog would repeat the alert's message id.\n      id: contentProps.id ?? null,\n      styles: {\n        flexGrow: 1,\n        padding: '$dialog-content-padding-v $dialog-padding-h',\n        gap: '$dialog-content-gap',\n        height: {\n          '': 'max (100% - (2 * $dialog-content-padding-v))',\n          ':last-child': 'max (100% - $dialog-content-padding-v)',\n        },\n      },\n    },\n    header: {\n      ellipsis: true,\n      styles: {\n        display: 'flex',\n        flow: 'row',\n        gap: '1x',\n        placeItems: 'center stretch',\n        placeContent: 'space-between',\n        padding: `$dialog-title-padding-v ${\n          isDismissable ? '($dialog-padding-h + 4x)' : '$dialog-padding-h'\n        } $dialog-title-padding-v $dialog-padding-h`,\n        border: 'bottom',\n      },\n    },\n    footer: {\n      mods: { 'content-overflow': contentOverflows },\n      styles: {\n        display: 'flex',\n        gap: '1x',\n        flow: 'row-reverse',\n        placeItems: 'baseline stretch',\n        placeContent: 'space-between',\n        padding: '$dialog-footer-v $dialog-padding-h',\n        // A line only while the body scrolls: the footer then sits over\n        // content that carries on beneath it, and the line is what says so.\n        // Under a body that fits, the actions simply end it and a rule there\n        // reads as clutter.\n        border: {\n          '': false,\n          'content-overflow': 'top',\n        },\n      },\n    },\n    buttonGroup: {\n      styles: {\n        flow: 'row-reverse',\n      },\n    },\n  };\n\n  return (\n    <DialogElement\n      ref={domRef}\n      data-id=\"Dialog\"\n      data-qa={qa || 'Dialog'}\n      styles={styles}\n      as=\"section\"\n      {...mergeProps(dialogProps, {\n        onFocus() {\n          isFocusInTreeRef.current = true;\n        },\n        onBlur(event: FocusEvent) {\n          isFocusInTreeRef.current = false;\n\n          if (isRefocusingRef.current) event.stopPropagation();\n        },\n      })}\n      mods={{ dismissable: isDismissable, 'custom-width': width != null }}\n      tokens={{\n        '$dialog-size':\n          width == null\n            ? `${sizePxMap[size] || sizePxMap.small}px`\n            : typeof width === 'number'\n              ? `${width}px`\n              : width,\n        ...tokens,\n      }}\n      // oxlint-disable-next-line react/forbid-component-props -- forwards the consumer's public `style` prop\n      style={style}\n      data-type={type}\n      data-size={size}\n    >\n      {dismissButton}\n\n      <SlotProvider slots={slots}>\n        {isDismissable && (\n          <CloseButton\n            icon={closeIcon || <CloseIcon size={20} />}\n            aria-label={t('dialog.dismiss', 'Dismiss')}\n            onPress={() => onDismiss && onDismiss()}\n          />\n        )}\n        {children}\n      </SlotProvider>\n    </DialogElement>\n  );\n});\n"],"mappings":"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"}

package/dist/components/overlays/Dialog/DialogContainer.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.199.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.199.2 | Cube Dev Team */
 import { Modal as _Modal } from "../Modal/Modal.js";
 import { Tray as _Tray } from "../Modal/Tray.js";
 import { DialogContext } from "./context.js";

package/dist/components/overlays/Dialog/DialogForm.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.199.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.199.2 | Cube Dev Team */
 import { Title as _Title } from "../../content/Title.js";
 import { useI18n } from "../../../i18n/useI18n.js";
 import { Button } from "../../actions/Button/Button.js";

package/dist/components/overlays/Dialog/DialogTrigger.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.199.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.199.2 | Cube Dev Team */
 import { useLayoutEffect as useLayoutEffect$1 } from "../../../utils/react/useLayoutEffect.js";
 import { useCombinedRefs } from "../../../utils/react/useCombinedRefs.js";
 import { usePopoverSync } from "../../../utils/react/usePopoverSync.js";

package/dist/components/overlays/Dialog/DialogTrigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"DialogTrigger.js","names":["PressResponder","useMediaQuery","Styles","Fragment","ReactElement","RefObject","useEffect","useMemo","useRef","OverlayTriggerProps","Placement","PositionProps","useOverlayPosition","useOverlayTrigger","OverlayTriggerState","useOverlayTriggerState","useEvent","generateRandomId","useCombinedRefs","useLayoutEffect","usePopoverSync","isOwnActionsPress","Modal","Popover","Tray","WithCloseBehavior","DialogContext","useDialogOpenSync","CubeDialogClose","close","CubeDialogTriggerProps","Omit","children","state","type","mobileType","placement","hideArrow","targetRef","HTMLElement","isDismissable","isKeyboardDismissDisabled","mobileViewport","styles","shouldCloseOnInteractOutside","element","Element","onDismiss","action","isOpen","onOpenChange","defaultOpen","shouldFlip","shouldUpdatePosition","containerPadding","shouldRestoreFocus","DialogTrigger","props","hideOnClose","positionProps","Array","isArray","length","Error","trigger","content","isMobile","wasOpen","isExiting","onExiting","current","onExited","dialogSyncId","syncTriggerRef","syncOverlayRef","isPopoverFlavored","menuId","onClose","triggerRef","containerRef","dismissOnInnerButtonPress","closeOnPeerOpen","emits","closes","overlayRef","console","warn","fromAction","renderOverlay","PopoverTrigger","allProps","$","_c","keepOpenOnScroll","t0","t1","t2","t3","t4","t5","t6","t7","t8","t9","t10","t11","t12","t13","t14","triggerType","t15","anchorRef","offset","crossOffset","overlayProps","popoverProps","arrowProps","updatePosition","overlayTriggerState","Symbol","for","triggerProps","undefined","ref","triggerPropsWithRef","el","ownTrigger","popoverTriggerEl","closest","setTimeout","contains","resolveShouldCloseOnInteractOutside","style","overlay","DialogTriggerBase","wasOpenRef","dialogProps","context","hasFocusMovedOutsideDialog","activeElement","document","body","isConnected","focus","triggerExtraProps","toggle","Modal","Tray","_c","Popover"],"sources":["../../../../src/components/overlays/Dialog/DialogTrigger.tsx"],"sourcesContent":["import { PressResponder } from '@react-aria/interactions';\nimport { useMediaQuery } from '@react-spectrum/utils';\nimport { Styles } from '@tenphi/tasty';\nimport {\n  Fragment,\n  ReactElement,\n  RefObject,\n  useEffect,\n  useMemo,\n  useRef,\n} from 'react';\nimport {\n  OverlayTriggerProps,\n  Placement,\n  PositionProps,\n  useOverlayPosition,\n  useOverlayTrigger,\n} from 'react-aria';\nimport { OverlayTriggerState, useOverlayTriggerState } from 'react-stately';\n\nimport { useEvent } from '../../../_internal';\nimport { generateRandomId } from '../../../utils/random';\nimport { useCombinedRefs, useLayoutEffect } from '../../../utils/react/index';\nimport { usePopoverSync } from '../../../utils/react/usePopoverSync';\nimport { isOwnActionsPress } from '../../actions/actions-run';\nimport { Modal, Popover, Tray, WithCloseBehavior } from '../Modal';\n\nimport { DialogContext } from './context';\nimport { useDialogOpenSync } from './use-dialog-open-sync';\n\nexport type CubeDialogClose = (close: () => void) => ReactElement;\n\nexport interface CubeDialogTriggerProps\n  extends Omit<OverlayTriggerProps, 'type'>, PositionProps, WithCloseBehavior {\n  /** The Dialog and its trigger element. See the DialogTrigger [Content section](#content) for more information on what to provide as children. */\n  children: [\n    ReactElement | ((state: OverlayTriggerState) => ReactElement),\n    CubeDialogClose | ReactElement,\n  ];\n  /**\n   * The type of Dialog that should be rendered. See the DialogTrigger [types section](#dialog-types) for an explanation on each.\n   * @default 'modal'\n   */\n  type?:\n    | 'modal'\n    | 'popover'\n    | 'tray'\n    | 'fullscreen'\n    | 'fullscreenTakeover'\n    | 'panel';\n  /** The type of Dialog rendered on mobile, defaulting to `type`. See DialogTrigger [types section](#dialog-types) for an explanation on each. */\n  mobileType?:\n    | 'modal'\n    | 'tray'\n    | 'fullscreen'\n    | 'fullscreenTakeover'\n    | 'panel'\n    | 'popover';\n  placement?: Placement;\n  /**\n   * Has no effect: popovers render no arrow.\n   * @deprecated Popovers never render an arrow, so there is nothing to hide.\n   */\n  hideArrow?: boolean;\n  /** The ref of the element the Dialog should visually attach itself to. Defaults to the trigger button if not defined. A popover closes when this element scrolls, as one attached to its trigger does. */\n  targetRef?: RefObject<HTMLElement | null>;\n  /**\n   * Whether passive dismissal (Escape or an outside click) can close the dialog. Explicit dialog actions can still close it.\n   * A popover that is not dismissable lets an outside press through to the control it lands on, including a text field, which can take focus. It stays open when another popover opens, and closes when a modal, tray, fullscreen or panel dialog opens from another `DialogTrigger`.\n   */\n  isDismissable?: boolean;\n  /** Whether pressing the escape key to close the dialog should be disabled. */\n  isKeyboardDismissDisabled?: boolean;\n  /** The screen breakpoint for the mobile type */\n  mobileViewport?: number;\n  /** The style map for the overlay **/\n  styles?: Styles;\n  shouldCloseOnInteractOutside?: (element: Element) => boolean;\n  onDismiss?: (action?: string) => void;\n  isOpen?: boolean;\n  onOpenChange?: (isOpen: boolean) => void;\n  defaultOpen?: boolean;\n  shouldFlip?: boolean;\n  shouldUpdatePosition?: boolean;\n  /** Minimum padding in pixels between the popover and viewport edges */\n  containerPadding?: number;\n  /**\n   * Whether focus returns to the trigger when the dialog closes. Defaults to\n   * `true`.\n   *\n   * The restore is skipped automatically whenever the action that closed the\n   * dialog has already moved focus somewhere else, so an action that opens a\n   * panel/dialog/inline editor and focuses it needs nothing here. Pass `false`\n   * for the remaining case: a surface that claims focus *later* than the\n   * dialog's own restore (after an async load, an entry animation, or a\n   * `requestAnimationFrame`), where the trigger would otherwise take focus\n   * first and produce a visible flash.\n   */\n  shouldRestoreFocus?: boolean;\n}\n\n/**\n * DialogTrigger serves as a wrapper around a Dialog and its associated trigger, linking the Dialog's\n * open state with the trigger's press state. Additionally, it allows you to customize the type and\n * positioning of the Dialog.\n */\nexport function DialogTrigger(props: CubeDialogTriggerProps) {\n  let {\n    children,\n    type = 'modal',\n    mobileType = type,\n    hideArrow,\n    targetRef,\n    onDismiss,\n    isDismissable = true,\n    isKeyboardDismissDisabled,\n    styles,\n    mobileViewport = 700,\n    hideOnClose,\n    shouldCloseOnInteractOutside,\n    shouldRestoreFocus = true,\n    ...positionProps\n  } = props;\n\n  if (!Array.isArray(children) || children.length > 2) {\n    throw new Error('DialogTrigger must have exactly 2 children');\n  }\n  // if a function is passed as the second child, it won't appear in toArray\n  let [trigger, content] = children;\n\n  // Apply the mobile type at the configured breakpoint.\n  let isMobile = useMediaQuery(`(max-width: ${mobileViewport}px)`);\n  if (isMobile) {\n    // handle cases where desktop popovers need a close button for the mobile modal view\n    if (type !== 'modal' && mobileType === 'modal') {\n      isDismissable = true;\n    }\n\n    type = mobileType;\n  }\n\n  let state = useOverlayTriggerState(props);\n\n  if (typeof trigger === 'function') {\n    trigger = trigger(state);\n  }\n\n  let wasOpen = useRef(false);\n  let isExiting = useRef(false);\n  let onExiting = () => (isExiting.current = true);\n  let onExited = () => (isExiting.current = false);\n\n  wasOpen.current = state.isOpen;\n\n  // Shared identity + refs for `usePopoverSync`. Allocating here (rather than\n  // inside the branch-specific sub-trees) keeps a single sync registration for\n  // the lifetime of the trigger, even when `type` flips between popover and\n  // modal at the mobile breakpoint. The refs are then threaded into the\n  // appropriate branch so existing positioning / useOverlayTrigger hooks keep\n  // their original ref targets and `usePopoverSync`'s `contains()` check has a\n  // real DOM node to query.\n  const dialogSyncId = useMemo(() => generateRandomId(), []);\n  const syncTriggerRef = useRef<HTMLElement | null>(null);\n  const syncOverlayRef = useRef<HTMLElement | null>(null);\n\n  // Only popover-type Dialogs participate in the \"press inside dismisses\n  // me\" / \"peer popover opening dismisses me\" behaviours: modals, trays,\n  // fullscreen and panel Dialogs are persistent workspaces and must not be\n  // yanked closed via the EventBus (which would bypass `isDismissable` and\n  // call `state.close()` directly). Non-popover types DO still EMIT\n  // `popover:open`, so opening a modal correctly dismisses peer popovers.\n  //\n  // A popover that is not dismissable does not listen to `popover:open`: a\n  // peer popover leaves it open, as any other outside press does. A modal,\n  // tray, fullscreen or panel Dialog opening still closes it, through\n  // `useDialogOpenSync` below.\n  const isPopoverFlavored = type === 'popover';\n  usePopoverSync({\n    menuId: dialogSyncId,\n    isOpen: state.isOpen,\n    onClose: () => state.close(),\n    triggerRef: syncTriggerRef,\n    containerRef: syncOverlayRef,\n    dismissOnInnerButtonPress: isPopoverFlavored,\n    closeOnPeerOpen: isPopoverFlavored && isDismissable,\n  });\n  useDialogOpenSync({\n    emits: !isPopoverFlavored,\n    closes: isPopoverFlavored && !isDismissable,\n    state,\n    triggerRef: syncTriggerRef,\n    overlayRef: syncOverlayRef,\n  });\n\n  useEffect(() => {\n    return () => {\n      if (\n        (wasOpen.current || isExiting.current) &&\n        type !== 'popover' &&\n        type !== 'tray'\n      ) {\n        console.warn(\n          'CubeUIKit: A DialogTrigger unmounted while open. This is likely due to being placed within a trigger that unmounts or inside a conditional. Consider using a DialogContainer instead.',\n        );\n      }\n    };\n  }, []);\n\n  function onClose(action, fromAction = false) {\n    if (isDismissable || fromAction) {\n      onDismiss && onDismiss(action);\n      state.close();\n    }\n  }\n\n  if (type === 'popover') {\n    return (\n      <PopoverTrigger\n        {...positionProps}\n        hideOnClose={hideOnClose}\n        state={state}\n        styles={styles}\n        targetRef={targetRef}\n        trigger={trigger}\n        content={content}\n        isDismissable={isDismissable}\n        isKeyboardDismissDisabled={isKeyboardDismissDisabled}\n        hideArrow={hideArrow}\n        shouldCloseOnInteractOutside={shouldCloseOnInteractOutside}\n        shouldRestoreFocus={shouldRestoreFocus}\n        syncTriggerRef={syncTriggerRef}\n        syncOverlayRef={syncOverlayRef}\n        triggerType={type}\n        onClose={onClose}\n      />\n    );\n  }\n\n  let renderOverlay = () => {\n    switch (type) {\n      case 'panel':\n      case 'fullscreen':\n      case 'fullscreenTakeover':\n      case 'modal':\n        return (\n          <Modal\n            ref={syncOverlayRef}\n            hideOnClose={hideOnClose}\n            isOpen={state.isOpen}\n            isDismissable={isDismissable}\n            type={type}\n            isKeyboardDismissDisabled={isKeyboardDismissDisabled}\n            styles={styles}\n            shouldCloseOnInteractOutside={shouldCloseOnInteractOutside}\n            onClose={onClose}\n            onExiting={onExiting}\n            onExited={onExited}\n          >\n            {typeof content === 'function' ? content(state.close) : content}\n          </Modal>\n        );\n      case 'tray':\n        return (\n          <Tray\n            ref={syncOverlayRef}\n            hideOnClose={hideOnClose}\n            isOpen={state.isOpen}\n            isKeyboardDismissDisabled={isKeyboardDismissDisabled}\n            styles={styles}\n            onClose={onClose}\n          >\n            {typeof content === 'function' ? content(state.close) : content}\n          </Tray>\n        );\n    }\n  };\n\n  return (\n    <DialogTriggerBase\n      type={type}\n      state={state}\n      isDismissable={isDismissable}\n      trigger={trigger}\n      overlay={renderOverlay()}\n      hideOnClose={hideOnClose}\n      syncTriggerRef={syncTriggerRef}\n      overlayRef={syncOverlayRef}\n      shouldRestoreFocus={shouldRestoreFocus}\n      onClose={onClose}\n    />\n  );\n}\n\nfunction PopoverTrigger(allProps) {\n  let {\n    state,\n    styles,\n    targetRef,\n    trigger,\n    content,\n    hideArrow,\n    onClose,\n    isDismissable,\n    isKeyboardDismissDisabled,\n    hideOnClose,\n    shouldCloseOnInteractOutside,\n    shouldRestoreFocus,\n    keepOpenOnScroll,\n    syncTriggerRef,\n    syncOverlayRef,\n    triggerType,\n    ...props\n  } = allProps;\n\n  let triggerRef = useRef<HTMLButtonElement>(null);\n  let overlayRef = useRef<HTMLDivElement>(null);\n  // What the popover is positioned against, and closes on scroll with.\n  let anchorRef = targetRef || triggerRef;\n\n  // Mirror the trigger/overlay DOM nodes into the parent-owned sync refs.\n  //\n  // We deliberately do NOT use `useCombinedRefs` here: that hook returns a\n  // brand new internal ref and propagates to the passed refs via a regular\n  // `useEffect` (post-commit). `useOverlayPosition` below reads\n  // `triggerRef.current` in its own layout effect during the SAME commit, so\n  // if `triggerRef` only receives the DOM node via a delayed effect, the\n  // first measurement sees `null` and the popover positions at the document\n  // origin until something forces a re-measure.\n  //\n  // Keeping `triggerRef`/`overlayRef` as the direct React refs preserves\n  // synchronous assignment for `useOverlayPosition`. The sync refs are only\n  // ever read inside `popover:open` handlers, which fire via setTimeout(0),\n  // so a layout-effect mirror is more than fast enough.\n  useLayoutEffect(() => {\n    if (syncTriggerRef) {\n      syncTriggerRef.current = targetRef?.current ?? triggerRef.current ?? null;\n    }\n    if (syncOverlayRef) {\n      syncOverlayRef.current = overlayRef.current ?? null;\n    }\n  });\n\n  let {\n    overlayProps: popoverProps,\n    placement,\n    arrowProps,\n    updatePosition,\n  } = useOverlayPosition({\n    targetRef: anchorRef,\n    overlayRef: overlayRef,\n    placement: props.placement,\n    containerPadding: props.containerPadding,\n    offset: props.offset ?? 8,\n    crossOffset: props.crossOffset,\n    shouldFlip: props.shouldFlip,\n    shouldUpdatePosition: props.shouldUpdatePosition,\n    isOpen: state.isOpen,\n  });\n\n  let overlayTriggerState = state;\n\n  if (keepOpenOnScroll) {\n    overlayTriggerState = { ...state, close: updatePosition };\n  }\n\n  // Registers the close (or, with `keepOpenOnScroll`, the reposition) that\n  // `useOverlayPosition` runs when the anchor scrolls. It is looked up by the\n  // anchor element, so it has to be registered there: with `targetRef` the\n  // trigger ref is never attached, and the popover stayed open while its\n  // anchor scrolled away.\n  let { triggerProps, overlayProps } = useOverlayTrigger(\n    { type: 'dialog' },\n    overlayTriggerState,\n    anchorRef,\n  );\n\n  let triggerPropsWithRef = {\n    ...triggerProps,\n    ref: targetRef ? undefined : triggerRef,\n  };\n\n  // Mirror the Select/ComboBox/MenuTrigger pattern: when an outside click lands\n  // on ANOTHER popover trigger, return `false` so react-aria's `useOverlay`\n  // does NOT `stopPropagation()` the click. The click then reaches that trigger,\n  // its popover opens, and `usePopoverSync` closes this one via the EventBus.\n  // Without this, react-aria swallows every outside click and a single click on\n  // a sibling trigger can't open it while this popover is open.\n  const resolveShouldCloseOnInteractOutside = useEvent(\n    (el: Element): boolean => {\n      // The caller's own predicate is asked FIRST, so an explicit \"keep me open\n      // for this element\" wins over every automatic behaviour below (CUB-4113).\n      // It used to be consulted last, which made the prop inert for every\n      // `Button` / `ItemButton`: those carry `data-popover-dismiss`, so the\n      // auto-dismiss branch matched and closed the popover before the predicate\n      // was ever asked.\n      //\n      // Asked before every lookup below, not just inside the \"outside any\n      // trigger\" branch: a trigger can own interactive controls of its own, and\n      // those used to be decided without the predicate ever being asked.\n      //\n      // React Aria hands over the element the pointer landed on — for a\n      // `Button` that is the label inside it, not the `<button>` — so a\n      // predicate that guards an element has to use `contains()` rather than an\n      // identity check.\n      if (shouldCloseOnInteractOutside && !shouldCloseOnInteractOutside(el)) {\n        return false;\n      }\n\n      const ownTrigger = targetRef?.current ?? triggerRef.current;\n\n      // A press on our OWN trigger's actions run — an `ItemButton` row's\n      // `actions`, a picker's clear button — is not a press outside. The run is\n      // rendered as a sibling of the trigger (see `ItemActionsWrapper`), so the\n      // `contains` checks below cannot recognise it and we dismissed instead,\n      // which cost the action its press: the first press on `Reset` while the\n      // popover was open only closed the popover and never ran.\n      if (isOwnActionsPress(el, ownTrigger)) return false;\n\n      const popoverTriggerEl = el.closest('[data-popover-trigger]');\n      if (!popoverTriggerEl) {\n        if (el.closest('[data-popover-keep]')) return false;\n        // Plain interactive controls (Button, ItemButton) opt in via\n        // `data-popover-dismiss`. Schedule the close after the click finishes so\n        // the control's `onPress` runs first instead of losing the click to\n        // useOverlay's stopPropagation.\n        if (el.closest('[data-popover-dismiss]')) {\n          setTimeout(() => state.close(), 0);\n          return false;\n        }\n        return true;\n      }\n      // Clicking our own trigger again should dismiss us.\n      if (popoverTriggerEl === ownTrigger || ownTrigger?.contains(el))\n        return true;\n      // Another popover's trigger: let the click through so it can open.\n      return false;\n    },\n  );\n\n  let overlay = (\n    <Popover\n      ref={overlayRef}\n      styles={styles}\n      hideOnClose={hideOnClose}\n      isOpen={state.isOpen}\n      style={popoverProps.style}\n      placement={placement ?? undefined}\n      arrowProps={arrowProps}\n      // Not dismissable: an outside press is left alone entirely, so it\n      // reaches the control it landed on and nothing below is asked.\n      isDismissable={isDismissable}\n      isKeyboardDismissDisabled={isKeyboardDismissDisabled}\n      hideArrow={hideArrow}\n      shouldCloseOnInteractOutside={resolveShouldCloseOnInteractOutside}\n      onClose={onClose}\n    >\n      {typeof content === 'function' ? content(state.close) : content}\n    </Popover>\n  );\n\n  return (\n    <DialogTriggerBase\n      type=\"popover\"\n      state={state}\n      triggerProps={triggerPropsWithRef}\n      dialogProps={overlayProps}\n      trigger={trigger}\n      overlay={overlay}\n      overlayRef={overlayRef}\n      isDismissable={isDismissable}\n      shouldRestoreFocus={shouldRestoreFocus}\n      onClose={onClose}\n    />\n  );\n}\n\nfunction DialogTriggerBase(props: any) {\n  const ref = useCombinedRefs<HTMLElement>(props.ref);\n  const wasOpenRef = useRef(false);\n  const overlayRef: RefObject<HTMLElement | null> | undefined =\n    props.overlayRef;\n\n  // Mirror the press-responder DOM node into the parent's sync trigger ref.\n  // Done via `useLayoutEffect` rather than threading through `useCombinedRefs`\n  // for consistency with `PopoverTrigger` (see comment there) — keeps the\n  // sync-ref population deterministic regardless of branch.\n  useLayoutEffect(() => {\n    if (props.syncTriggerRef) {\n      props.syncTriggerRef.current = ref.current ?? null;\n    }\n  });\n\n  let {\n    type,\n    state,\n    onClose,\n    isDismissable,\n    dialogProps = {},\n    triggerProps = {},\n    overlay,\n    trigger,\n    shouldRestoreFocus = true,\n  } = props;\n\n  let context = {\n    type,\n    // Explicit dialog actions can close even when passive dismissal is disabled.\n    onClose: (action?: string) => onClose?.(action, true),\n    isDismissable,\n    isOpen: state.isOpen,\n    // Reaches `Dialog`'s `FocusScope`, which owns the restore for\n    // popover-type dialogs (`Dialog` itself, for a retained one). `useDialog`\n    // filters it out of the DOM props.\n    shouldRestoreFocus,\n    ...dialogProps,\n  };\n\n  // Whether focus has been claimed by something outside the closing dialog —\n  // the signal that an action handed focus off and the trigger must not take\n  // it back. Same rule as `MenuTrigger` (see CUB-3962): an action that opens\n  // a panel, another dialog or an inline editor focuses that surface, and\n  // restoring here would undo the hand-off.\n  //\n  // Focus still inside the overlay means nobody claimed it (the pressed\n  // control keeps focus while the overlay plays its ~350ms exit animation),\n  // and focus on `<body>` or on a detached node means the focused element\n  // went away with the dialog. Both belong back on the trigger.\n  const hasFocusMovedOutsideDialog = useEvent(() => {\n    const activeElement = document.activeElement;\n\n    if (!activeElement || activeElement === document.body) return false;\n    if (!activeElement.isConnected) return false;\n\n    return !(\n      overlayRef?.current?.contains(activeElement) ||\n      ref.current?.contains(activeElement)\n    );\n  });\n\n  // Restore focus manually when the dialog closes.\n  //\n  // Live for modal/tray/fullscreen/panel types only: in the popover branch\n  // `triggerProps` carries its own `ref`, which overrides the `ref={ref}` on\n  // `PressResponder` below, so `ref.current` stays null and this is a no-op.\n  // Popovers get their restore from `Dialog`'s own `<FocusScope restoreFocus>`\n  // instead, or from `Dialog` at the end of the exit when `hideOnClose` keeps\n  // that scope mounted; both decline to restore when focus moved elsewhere.\n  useEffect(() => {\n    if (!state.isOpen && wasOpenRef.current) {\n      wasOpenRef.current = false;\n      if (!shouldRestoreFocus) return;\n      if (hasFocusMovedOutsideDialog()) return;\n      ref.current?.focus();\n    } else if (state.isOpen) {\n      wasOpenRef.current = true;\n    }\n  }, [state.isOpen, shouldRestoreFocus, hasFocusMovedOutsideDialog]);\n\n  // Mark popover-type DialogTrigger children with `data-popover-trigger` so\n  // `Button` / `ItemButton`'s default dismiss-on-press behaviour treats them\n  // as popover triggers (skips the dismiss). Modal/tray/fullscreen children\n  // intentionally stay UNMARKED — when a modal-type DialogTrigger lives\n  // inside a popover footer, pressing it should dismiss the parent popover\n  // (matching the \"modal takes over\" native UX).\n  const triggerExtraProps =\n    type === 'popover' ? { 'data-popover-trigger': '' } : {};\n\n  return (\n    <Fragment>\n      <PressResponder\n        ref={ref}\n        {...triggerProps}\n        {...triggerExtraProps}\n        isPressed={\n          state.isOpen &&\n          type !== 'modal' &&\n          type !== 'fullscreen' &&\n          type !== 'fullscreenTakeover'\n        }\n        onPress={state.toggle}\n      >\n        {trigger}\n      </PressResponder>\n      <DialogContext.Provider value={context}>{overlay}</DialogContext.Provider>\n    </Fragment>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"DialogTrigger.js","names":["PressResponder","useMediaQuery","Styles","Fragment","ReactElement","RefObject","useEffect","useMemo","useRef","OverlayTriggerProps","Placement","PositionProps","useOverlayPosition","useOverlayTrigger","OverlayTriggerState","useOverlayTriggerState","useEvent","generateRandomId","useCombinedRefs","useLayoutEffect","usePopoverSync","isOwnActionsPress","Modal","Popover","Tray","WithCloseBehavior","DialogContext","useDialogOpenSync","CubeDialogClose","close","CubeDialogTriggerProps","Omit","children","state","type","mobileType","placement","hideArrow","targetRef","HTMLElement","isDismissable","isKeyboardDismissDisabled","mobileViewport","styles","shouldCloseOnInteractOutside","element","Element","onDismiss","action","isOpen","onOpenChange","defaultOpen","shouldFlip","shouldUpdatePosition","containerPadding","shouldRestoreFocus","DialogTrigger","props","hideOnClose","positionProps","Array","isArray","length","Error","trigger","content","isMobile","wasOpen","isExiting","onExiting","current","onExited","dialogSyncId","syncTriggerRef","syncOverlayRef","isPopoverFlavored","menuId","onClose","triggerRef","containerRef","dismissOnInnerButtonPress","closeOnPeerOpen","emits","closes","overlayRef","console","warn","fromAction","renderOverlay","PopoverTrigger","allProps","$","_c","keepOpenOnScroll","t0","t1","t2","t3","t4","t5","t6","t7","t8","t9","t10","t11","t12","t13","t14","triggerType","t15","anchorRef","offset","crossOffset","overlayProps","popoverProps","arrowProps","updatePosition","overlayTriggerState","Symbol","for","triggerProps","undefined","ref","triggerPropsWithRef","el","ownTrigger","popoverTriggerEl","closest","setTimeout","contains","resolveShouldCloseOnInteractOutside","style","overlay","DialogTriggerBase","wasOpenRef","dialogProps","context","hasFocusMovedOutsideDialog","activeElement","document","body","isConnected","focus","triggerExtraProps","toggle","Modal","Tray","_c","Popover"],"sources":["../../../../src/components/overlays/Dialog/DialogTrigger.tsx"],"sourcesContent":["import { PressResponder } from '@react-aria/interactions';\nimport { useMediaQuery } from '@react-spectrum/utils';\nimport { Styles } from '@tenphi/tasty';\nimport {\n  Fragment,\n  ReactElement,\n  RefObject,\n  useEffect,\n  useMemo,\n  useRef,\n} from 'react';\nimport {\n  OverlayTriggerProps,\n  Placement,\n  PositionProps,\n  useOverlayPosition,\n  useOverlayTrigger,\n} from 'react-aria';\nimport { OverlayTriggerState, useOverlayTriggerState } from 'react-stately';\n\nimport { useEvent } from '../../../_internal';\nimport { generateRandomId } from '../../../utils/random';\nimport { useCombinedRefs, useLayoutEffect } from '../../../utils/react/index';\nimport { usePopoverSync } from '../../../utils/react/usePopoverSync';\nimport { isOwnActionsPress } from '../../actions/actions-run';\nimport { Modal, Popover, Tray, WithCloseBehavior } from '../Modal';\n\nimport { DialogContext } from './context';\nimport { useDialogOpenSync } from './use-dialog-open-sync';\n\nexport type CubeDialogClose = (close: () => void) => ReactElement;\n\nexport interface CubeDialogTriggerProps\n  extends Omit<OverlayTriggerProps, 'type'>, PositionProps, WithCloseBehavior {\n  /** The Dialog and its trigger element. See the DialogTrigger [Content section](#content) for more information on what to provide as children. */\n  children: [\n    ReactElement | ((state: OverlayTriggerState) => ReactElement),\n    CubeDialogClose | ReactElement,\n  ];\n  /**\n   * The type of Dialog that should be rendered. See the DialogTrigger [types section](#dialog-types) for an explanation on each.\n   * @default 'modal'\n   */\n  type?:\n    | 'modal'\n    | 'popover'\n    | 'tray'\n    | 'fullscreen'\n    | 'fullscreenTakeover'\n    | 'panel';\n  /** The type of Dialog rendered on mobile, defaulting to `type`. See DialogTrigger [types section](#dialog-types) for an explanation on each. */\n  mobileType?:\n    | 'modal'\n    | 'tray'\n    | 'fullscreen'\n    | 'fullscreenTakeover'\n    | 'panel'\n    | 'popover';\n  placement?: Placement;\n  /**\n   * Has no effect: popovers render no arrow.\n   * @deprecated Popovers never render an arrow, so there is nothing to hide.\n   */\n  hideArrow?: boolean;\n  /** The ref of the element the Dialog should visually attach itself to. Defaults to the trigger button if not defined. A popover closes when this element scrolls, as one attached to its trigger does. */\n  targetRef?: RefObject<HTMLElement | null>;\n  /**\n   * Whether passive dismissal (Escape or an outside click) can close the dialog. Explicit dialog actions can still close it.\n   * A popover that is not dismissable lets an outside press through to the control it lands on, including a text field, which can take focus. It stays open when another popover opens, and closes when a modal, tray, fullscreen or panel dialog opens from another `DialogTrigger`.\n   */\n  isDismissable?: boolean;\n  /** Whether pressing the escape key to close the dialog should be disabled. */\n  isKeyboardDismissDisabled?: boolean;\n  /** The screen breakpoint for the mobile type */\n  mobileViewport?: number;\n  /** The style map for the overlay **/\n  styles?: Styles;\n  shouldCloseOnInteractOutside?: (element: Element) => boolean;\n  onDismiss?: (action?: string) => void;\n  isOpen?: boolean;\n  onOpenChange?: (isOpen: boolean) => void;\n  defaultOpen?: boolean;\n  shouldFlip?: boolean;\n  shouldUpdatePosition?: boolean;\n  /** Minimum padding in pixels between the popover and viewport edges */\n  containerPadding?: number;\n  /**\n   * Whether focus returns to the trigger when the dialog closes. Defaults to\n   * `true`.\n   *\n   * The restore is skipped automatically whenever the action that closed the\n   * dialog has already moved focus somewhere else, so an action that opens a\n   * panel/dialog/inline editor and focuses it needs nothing here. Pass `false`\n   * for the remaining case: a surface that claims focus *later* than the\n   * dialog's own restore (after an async load, an entry animation, or a\n   * `requestAnimationFrame`), where the trigger would otherwise take focus\n   * first and produce a visible flash.\n   */\n  shouldRestoreFocus?: boolean;\n}\n\n/**\n * DialogTrigger serves as a wrapper around a Dialog and its associated trigger, linking the Dialog's\n * open state with the trigger's press state. Additionally, it allows you to customize the type and\n * positioning of the Dialog.\n */\nexport function DialogTrigger(props: CubeDialogTriggerProps) {\n  let {\n    children,\n    type = 'modal',\n    mobileType = type,\n    hideArrow,\n    targetRef,\n    onDismiss,\n    isDismissable = true,\n    isKeyboardDismissDisabled,\n    styles,\n    mobileViewport = 700,\n    hideOnClose,\n    shouldCloseOnInteractOutside,\n    shouldRestoreFocus = true,\n    ...positionProps\n  } = props;\n\n  if (!Array.isArray(children) || children.length > 2) {\n    throw new Error('DialogTrigger must have exactly 2 children');\n  }\n  // if a function is passed as the second child, it won't appear in toArray\n  let [trigger, content] = children;\n\n  // Apply the mobile type at the configured breakpoint.\n  let isMobile = useMediaQuery(`(max-width: ${mobileViewport}px)`);\n  if (isMobile) {\n    // handle cases where desktop popovers need a close button for the mobile modal view\n    if (type !== 'modal' && mobileType === 'modal') {\n      isDismissable = true;\n    }\n\n    type = mobileType;\n  }\n\n  let state = useOverlayTriggerState(props);\n\n  if (typeof trigger === 'function') {\n    trigger = trigger(state);\n  }\n\n  let wasOpen = useRef(false);\n  let isExiting = useRef(false);\n  let onExiting = () => (isExiting.current = true);\n  let onExited = () => (isExiting.current = false);\n\n  wasOpen.current = state.isOpen;\n\n  // Shared identity + refs for `usePopoverSync`. Allocating here (rather than\n  // inside the branch-specific sub-trees) keeps a single sync registration for\n  // the lifetime of the trigger, even when `type` flips between popover and\n  // modal at the mobile breakpoint. The refs are then threaded into the\n  // appropriate branch so existing positioning / useOverlayTrigger hooks keep\n  // their original ref targets and `usePopoverSync`'s `contains()` check has a\n  // real DOM node to query.\n  const dialogSyncId = useMemo(() => generateRandomId(), []);\n  const syncTriggerRef = useRef<HTMLElement | null>(null);\n  const syncOverlayRef = useRef<HTMLElement | null>(null);\n\n  // Only popover-type Dialogs participate in the \"press inside dismisses\n  // me\" / \"peer popover opening dismisses me\" behaviours: modals, trays,\n  // fullscreen and panel Dialogs are persistent workspaces and must not be\n  // yanked closed via the EventBus (which would bypass `isDismissable` and\n  // call `state.close()` directly). Non-popover types DO still EMIT\n  // `popover:open`, so opening a modal correctly dismisses peer popovers.\n  //\n  // A popover that is not dismissable does not listen to `popover:open`: a\n  // peer popover leaves it open, as any other outside press does. A modal,\n  // tray, fullscreen or panel Dialog opening still closes it, through\n  // `useDialogOpenSync` below.\n  const isPopoverFlavored = type === 'popover';\n  usePopoverSync({\n    menuId: dialogSyncId,\n    isOpen: state.isOpen,\n    onClose: () => state.close(),\n    triggerRef: syncTriggerRef,\n    containerRef: syncOverlayRef,\n    dismissOnInnerButtonPress: isPopoverFlavored,\n    closeOnPeerOpen: isPopoverFlavored && isDismissable,\n  });\n  useDialogOpenSync({\n    emits: !isPopoverFlavored,\n    closes: isPopoverFlavored && !isDismissable,\n    state,\n    triggerRef: syncTriggerRef,\n    overlayRef: syncOverlayRef,\n  });\n\n  useEffect(() => {\n    return () => {\n      if (\n        (wasOpen.current || isExiting.current) &&\n        type !== 'popover' &&\n        type !== 'tray'\n      ) {\n        console.warn(\n          'CubeUIKit: A DialogTrigger unmounted while open. This is likely due to being placed within a trigger that unmounts or inside a conditional. Consider using a DialogContainer instead.',\n        );\n      }\n    };\n  }, []);\n\n  function onClose(action, fromAction = false) {\n    if (isDismissable || fromAction) {\n      onDismiss && onDismiss(action);\n      state.close();\n    }\n  }\n\n  if (type === 'popover') {\n    return (\n      <PopoverTrigger\n        {...positionProps}\n        hideOnClose={hideOnClose}\n        state={state}\n        styles={styles}\n        targetRef={targetRef}\n        trigger={trigger}\n        content={content}\n        isDismissable={isDismissable}\n        isKeyboardDismissDisabled={isKeyboardDismissDisabled}\n        hideArrow={hideArrow}\n        shouldCloseOnInteractOutside={shouldCloseOnInteractOutside}\n        shouldRestoreFocus={shouldRestoreFocus}\n        syncTriggerRef={syncTriggerRef}\n        syncOverlayRef={syncOverlayRef}\n        triggerType={type}\n        onClose={onClose}\n      />\n    );\n  }\n\n  let renderOverlay = () => {\n    switch (type) {\n      case 'panel':\n      case 'fullscreen':\n      case 'fullscreenTakeover':\n      case 'modal':\n        return (\n          <Modal\n            ref={syncOverlayRef}\n            hideOnClose={hideOnClose}\n            isOpen={state.isOpen}\n            isDismissable={isDismissable}\n            type={type}\n            isKeyboardDismissDisabled={isKeyboardDismissDisabled}\n            styles={styles}\n            shouldCloseOnInteractOutside={shouldCloseOnInteractOutside}\n            onClose={onClose}\n            onExiting={onExiting}\n            onExited={onExited}\n          >\n            {typeof content === 'function' ? content(state.close) : content}\n          </Modal>\n        );\n      case 'tray':\n        return (\n          <Tray\n            ref={syncOverlayRef}\n            hideOnClose={hideOnClose}\n            isOpen={state.isOpen}\n            isKeyboardDismissDisabled={isKeyboardDismissDisabled}\n            styles={styles}\n            onClose={onClose}\n          >\n            {typeof content === 'function' ? content(state.close) : content}\n          </Tray>\n        );\n    }\n  };\n\n  return (\n    <DialogTriggerBase\n      type={type}\n      state={state}\n      isDismissable={isDismissable}\n      trigger={trigger}\n      overlay={renderOverlay()}\n      hideOnClose={hideOnClose}\n      syncTriggerRef={syncTriggerRef}\n      overlayRef={syncOverlayRef}\n      shouldRestoreFocus={shouldRestoreFocus}\n      onClose={onClose}\n    />\n  );\n}\n\nfunction PopoverTrigger(allProps) {\n  let {\n    state,\n    styles,\n    targetRef,\n    trigger,\n    content,\n    hideArrow,\n    onClose,\n    isDismissable,\n    isKeyboardDismissDisabled,\n    hideOnClose,\n    shouldCloseOnInteractOutside,\n    shouldRestoreFocus,\n    keepOpenOnScroll,\n    syncTriggerRef,\n    syncOverlayRef,\n    triggerType,\n    ...props\n  } = allProps;\n\n  let triggerRef = useRef<HTMLButtonElement>(null);\n  let overlayRef = useRef<HTMLDivElement>(null);\n  // What the popover is positioned against, and closes on scroll with.\n  let anchorRef = targetRef || triggerRef;\n\n  // Mirror the trigger/overlay DOM nodes into the parent-owned sync refs.\n  //\n  // We deliberately do NOT use `useCombinedRefs` here: that hook returns a\n  // brand new internal ref and propagates to the passed refs via a regular\n  // `useEffect` (post-commit). `useOverlayPosition` below reads\n  // `triggerRef.current` in its own layout effect during the SAME commit, so\n  // if `triggerRef` only receives the DOM node via a delayed effect, the\n  // first measurement sees `null` and the popover positions at the document\n  // origin until something forces a re-measure.\n  //\n  // Keeping `triggerRef`/`overlayRef` as the direct React refs preserves\n  // synchronous assignment for `useOverlayPosition`. The sync refs are only\n  // ever read inside `popover:open` handlers, which fire via setTimeout(0),\n  // so a layout-effect mirror is more than fast enough.\n  useLayoutEffect(() => {\n    if (syncTriggerRef) {\n      syncTriggerRef.current = targetRef?.current ?? triggerRef.current ?? null;\n    }\n    if (syncOverlayRef) {\n      syncOverlayRef.current = overlayRef.current ?? null;\n    }\n  });\n\n  let {\n    overlayProps: popoverProps,\n    placement,\n    arrowProps,\n    updatePosition,\n  } = useOverlayPosition({\n    targetRef: anchorRef,\n    overlayRef: overlayRef,\n    placement: props.placement,\n    containerPadding: props.containerPadding,\n    offset: props.offset ?? 8,\n    crossOffset: props.crossOffset,\n    shouldFlip: props.shouldFlip,\n    shouldUpdatePosition: props.shouldUpdatePosition,\n    isOpen: state.isOpen,\n  });\n\n  let overlayTriggerState = state;\n\n  if (keepOpenOnScroll) {\n    overlayTriggerState = { ...state, close: updatePosition };\n  }\n\n  // Registers the close (or, with `keepOpenOnScroll`, the reposition) that\n  // `useOverlayPosition` runs when the anchor scrolls. It is looked up by the\n  // anchor element, so it has to be registered there: with `targetRef` the\n  // trigger ref is never attached, and the popover stayed open while its\n  // anchor scrolled away.\n  let { triggerProps, overlayProps } = useOverlayTrigger(\n    { type: 'dialog' },\n    overlayTriggerState,\n    anchorRef,\n  );\n\n  let triggerPropsWithRef = {\n    ...triggerProps,\n    ref: targetRef ? undefined : triggerRef,\n  };\n\n  // Mirror the Select/ComboBox/MenuTrigger pattern: when an outside click lands\n  // on ANOTHER popover trigger, return `false` so react-aria's `useOverlay`\n  // does NOT `stopPropagation()` the click. The click then reaches that trigger,\n  // its popover opens, and `usePopoverSync` closes this one via the EventBus.\n  // Without this, react-aria swallows every outside click and a single click on\n  // a sibling trigger can't open it while this popover is open.\n  const resolveShouldCloseOnInteractOutside = useEvent(\n    (el: Element): boolean => {\n      // The caller's own predicate is asked FIRST, so an explicit \"keep me open\n      // for this element\" wins over every automatic behaviour below (CUB-4113).\n      // It used to be consulted last, which made the prop inert for every\n      // `Button` / `ItemButton`: those carry `data-popover-dismiss`, so the\n      // auto-dismiss branch matched and closed the popover before the predicate\n      // was ever asked.\n      //\n      // Asked before every lookup below, not just inside the \"outside any\n      // trigger\" branch: a trigger can own interactive controls of its own, and\n      // those used to be decided without the predicate ever being asked.\n      //\n      // React Aria hands over the element the pointer landed on — for a\n      // `Button` that is the label inside it, not the `<button>` — so a\n      // predicate that guards an element has to use `contains()` rather than an\n      // identity check.\n      if (shouldCloseOnInteractOutside && !shouldCloseOnInteractOutside(el)) {\n        return false;\n      }\n\n      const ownTrigger = targetRef?.current ?? triggerRef.current;\n\n      // A press on our OWN trigger's actions run — an `ItemButton` row's\n      // `actions`, a picker's clear button — is not a press outside. The run is\n      // rendered as a sibling of the trigger (see `ItemActionsWrapper`), so the\n      // `contains` checks below cannot recognise it and we dismissed instead,\n      // which cost the action its press: the first press on `Reset` while the\n      // popover was open only closed the popover and never ran.\n      if (isOwnActionsPress(el, ownTrigger)) return false;\n\n      const popoverTriggerEl = el.closest('[data-popover-trigger]');\n      if (!popoverTriggerEl) {\n        if (el.closest('[data-popover-keep]')) return false;\n        // Plain interactive controls (Button, ItemButton) opt in via\n        // `data-popover-dismiss`. Schedule the close after the click finishes so\n        // the control's `onPress` runs first instead of losing the click to\n        // useOverlay's stopPropagation.\n        if (el.closest('[data-popover-dismiss]')) {\n          setTimeout(() => state.close(), 0);\n          return false;\n        }\n        return true;\n      }\n      // Clicking our own trigger again should dismiss us.\n      if (popoverTriggerEl === ownTrigger || ownTrigger?.contains(el))\n        return true;\n      // Another popover's trigger: let the click through so it can open.\n      return false;\n    },\n  );\n\n  let overlay = (\n    <Popover\n      ref={overlayRef}\n      styles={styles}\n      hideOnClose={hideOnClose}\n      isOpen={state.isOpen}\n      // oxlint-disable-next-line react/forbid-component-props -- React Aria's overlay positioning computes these coordinates\n      style={popoverProps.style}\n      placement={placement ?? undefined}\n      arrowProps={arrowProps}\n      // Not dismissable: an outside press is left alone entirely, so it\n      // reaches the control it landed on and nothing below is asked.\n      isDismissable={isDismissable}\n      isKeyboardDismissDisabled={isKeyboardDismissDisabled}\n      hideArrow={hideArrow}\n      shouldCloseOnInteractOutside={resolveShouldCloseOnInteractOutside}\n      onClose={onClose}\n    >\n      {typeof content === 'function' ? content(state.close) : content}\n    </Popover>\n  );\n\n  return (\n    <DialogTriggerBase\n      type=\"popover\"\n      state={state}\n      triggerProps={triggerPropsWithRef}\n      dialogProps={overlayProps}\n      trigger={trigger}\n      overlay={overlay}\n      overlayRef={overlayRef}\n      isDismissable={isDismissable}\n      shouldRestoreFocus={shouldRestoreFocus}\n      onClose={onClose}\n    />\n  );\n}\n\nfunction DialogTriggerBase(props: any) {\n  const ref = useCombinedRefs<HTMLElement>(props.ref);\n  const wasOpenRef = useRef(false);\n  const overlayRef: RefObject<HTMLElement | null> | undefined =\n    props.overlayRef;\n\n  // Mirror the press-responder DOM node into the parent's sync trigger ref.\n  // Done via `useLayoutEffect` rather than threading through `useCombinedRefs`\n  // for consistency with `PopoverTrigger` (see comment there) — keeps the\n  // sync-ref population deterministic regardless of branch.\n  useLayoutEffect(() => {\n    if (props.syncTriggerRef) {\n      props.syncTriggerRef.current = ref.current ?? null;\n    }\n  });\n\n  let {\n    type,\n    state,\n    onClose,\n    isDismissable,\n    dialogProps = {},\n    triggerProps = {},\n    overlay,\n    trigger,\n    shouldRestoreFocus = true,\n  } = props;\n\n  let context = {\n    type,\n    // Explicit dialog actions can close even when passive dismissal is disabled.\n    onClose: (action?: string) => onClose?.(action, true),\n    isDismissable,\n    isOpen: state.isOpen,\n    // Reaches `Dialog`'s `FocusScope`, which owns the restore for\n    // popover-type dialogs (`Dialog` itself, for a retained one). `useDialog`\n    // filters it out of the DOM props.\n    shouldRestoreFocus,\n    ...dialogProps,\n  };\n\n  // Whether focus has been claimed by something outside the closing dialog —\n  // the signal that an action handed focus off and the trigger must not take\n  // it back. Same rule as `MenuTrigger` (see CUB-3962): an action that opens\n  // a panel, another dialog or an inline editor focuses that surface, and\n  // restoring here would undo the hand-off.\n  //\n  // Focus still inside the overlay means nobody claimed it (the pressed\n  // control keeps focus while the overlay plays its ~350ms exit animation),\n  // and focus on `<body>` or on a detached node means the focused element\n  // went away with the dialog. Both belong back on the trigger.\n  const hasFocusMovedOutsideDialog = useEvent(() => {\n    const activeElement = document.activeElement;\n\n    if (!activeElement || activeElement === document.body) return false;\n    if (!activeElement.isConnected) return false;\n\n    return !(\n      overlayRef?.current?.contains(activeElement) ||\n      ref.current?.contains(activeElement)\n    );\n  });\n\n  // Restore focus manually when the dialog closes.\n  //\n  // Live for modal/tray/fullscreen/panel types only: in the popover branch\n  // `triggerProps` carries its own `ref`, which overrides the `ref={ref}` on\n  // `PressResponder` below, so `ref.current` stays null and this is a no-op.\n  // Popovers get their restore from `Dialog`'s own `<FocusScope restoreFocus>`\n  // instead, or from `Dialog` at the end of the exit when `hideOnClose` keeps\n  // that scope mounted; both decline to restore when focus moved elsewhere.\n  useEffect(() => {\n    if (!state.isOpen && wasOpenRef.current) {\n      wasOpenRef.current = false;\n      if (!shouldRestoreFocus) return;\n      if (hasFocusMovedOutsideDialog()) return;\n      ref.current?.focus();\n    } else if (state.isOpen) {\n      wasOpenRef.current = true;\n    }\n  }, [state.isOpen, shouldRestoreFocus, hasFocusMovedOutsideDialog]);\n\n  // Mark popover-type DialogTrigger children with `data-popover-trigger` so\n  // `Button` / `ItemButton`'s default dismiss-on-press behaviour treats them\n  // as popover triggers (skips the dismiss). Modal/tray/fullscreen children\n  // intentionally stay UNMARKED — when a modal-type DialogTrigger lives\n  // inside a popover footer, pressing it should dismiss the parent popover\n  // (matching the \"modal takes over\" native UX).\n  const triggerExtraProps =\n    type === 'popover' ? { 'data-popover-trigger': '' } : {};\n\n  return (\n    <Fragment>\n      <PressResponder\n        ref={ref}\n        {...triggerProps}\n        {...triggerExtraProps}\n        isPressed={\n          state.isOpen &&\n          type !== 'modal' &&\n          type !== 'fullscreen' &&\n          type !== 'fullscreenTakeover'\n        }\n        onPress={state.toggle}\n      >\n        {trigger}\n      </PressResponder>\n      <DialogContext.Provider value={context}>{overlay}</DialogContext.Provider>\n    </Fragment>\n  );\n}\n"],"mappings":"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"}

package/dist/components/overlays/Dialog/ModernDialogForm.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.199.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.199.2 | Cube Dev Team */
 import { useLayoutEffect as useLayoutEffect$1 } from "../../../utils/react/useLayoutEffect.js";
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { Title as _Title } from "../../content/Title.js";

package/dist/components/overlays/Dialog/context.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.199.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.199.2 | Cube Dev Team */
 import { createContext, useContext } from "react";
 import invariant from "tiny-invariant";
 //#region src/components/overlays/Dialog/context.tsx

package/dist/components/overlays/Dialog/default-button-text.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.199.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.199.2 | Cube Dev Team */
 //#region src/components/overlays/Dialog/default-button-text.ts
 /**
 * Gives a dialog's built-in button its default text without overriding the

package/dist/components/overlays/Dialog/use-content-overflow.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.199.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.199.2 | Cube Dev Team */
 import { useLayoutEffect as useLayoutEffect$1 } from "../../../utils/react/useLayoutEffect.js";
 import { c } from "react/compiler-runtime";
 import { useState } from "react";

package/dist/components/overlays/Dialog/use-dialog-container.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.199.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.199.2 | Cube Dev Team */
 import { mergeProps } from "../../../utils/react/mergeProps.js";
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { DialogContainer } from "./DialogContainer.js";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.199.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.199.2 | Cube Dev Team */
 import { useEventBus } from "../../../utils/react/useEventBus.js";
 import { c } from "react/compiler-runtime";
 import { useEffect, useEffectEvent } from "react";

package/dist/components/overlays/Dialog/use-retained-dialog-focus.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.199.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.199.2 | Cube Dev Team */
 import { focusProgrammatically } from "../../../utils/react/programmaticFocus.js";
 import { useOpenTransitionContext } from "../Modal/OpenTransitionContext.js";
 import { trapsFocus, useDialogContext } from "./context.js";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.199.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.199.2 | 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";
@@ -28,7 +28,7 @@ const OVERLAY_WRAPPER_STYLES = {
 	pointerEvents: "none",
 	zIndex: 10,
 	transition: {
-		"": "visibility .5s steps(2, start)",
+		"": "visibility (2 * $overlay-transition) steps(2, start)",
 		open: "visibility 0s linear"
 	}
 };
@@ -56,7 +56,7 @@ const ModalElement = tasty({ styles: {
 		"type=panel": "auto"
 	},
 	pointerEvents: "none",
-	transition: "opacity .25s linear, transform .25s ease-in-out",
+	transition: "opacity $overlay-transition linear, transform $overlay-transition ease-in-out",
 	transform: {
 		"": "initial",
 		"type=modal & !open": "translate(0, -3x) scale(1, 1)",

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

@@ -1 +1 @@
-{"version":3,"file":"Modal.js","names":["useObjectRef","BaseProps","Styles","tasty","ForwardedRef","forwardRef","ReactNode","useModal","useOverlay","usePreventScroll","mergeProps","mergeRefs","useOverlayEscapeGuard","ModalContainmentProvider","useModalContainment","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","rawOverlayProps","underlayProps","isOpen","containment","containmentRef","t1","t2","t3","t4","t5","ModalWrapperProps","placement","ModalWrapper","transitionState","isDisabled","modalProps","T0","T1","t6","t7","t8","t9","enter","entered","t10","t11","t12","_Modal","displayName","_c","Underlay","mergeRefs","Overlay","mergeProps"],"sources":["../../../../src/components/overlays/Modal/Modal.tsx"],"sourcesContent":["import { useObjectRef } from '@react-aria/utils';\nimport { BaseProps, Styles, tasty } from '@tenphi/tasty';\nimport { ForwardedRef, forwardRef, ReactNode } from 'react';\nimport { useModal, useOverlay, usePreventScroll } from 'react-aria';\n\nimport { mergeProps } from '../../../utils/react';\nimport { mergeRefs } from '../../../utils/react/useCombinedRefs';\nimport { useOverlayEscapeGuard } from '../../../utils/react/useOverlayEscapeGuard';\n\nimport {\n  ModalContainmentProvider,\n  useModalContainment,\n} from './modal-containment';\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      // The dialog limits its own width; a cap here would also clip a width\n      // that sets its own max.\n      '': '$min-dialog-size 100dvw',\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\n    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: ForwardedRef<HTMLElement>) {\n  let { qa, children, onClose, type, styles, ...otherProps } = props;\n  let domRef = useObjectRef(ref);\n\n  let { overlayProps: rawOverlayProps, underlayProps } = useOverlay(\n    { ...props },\n    domRef,\n  );\n\n  // Focus can stay in a modal while it closes, after a press on it or a close\n  // that restores focus nowhere; it must not answer for `Escape` meanwhile —\n  // see `useOverlayEscapeGuard`.\n  const overlayProps = useOverlayEscapeGuard(rawOverlayProps, props.isOpen);\n\n  // A panel leaves the page readable; every other type hides it while open.\n  const { containment, ref: containmentRef } = useModalContainment(\n    type !== 'panel',\n    !!props.isOpen,\n  );\n\n  return (\n    <ModalContainmentProvider value={containment}>\n      <Overlay {...otherProps}>\n        {type !== 'fullscreenTakeover' && type !== 'panel' && (\n          <Underlay {...underlayProps} />\n        )}\n        <ModalWrapper\n          ref={mergeRefs(domRef, containmentRef)}\n          qa={qa}\n          type={type}\n          overlayProps={overlayProps}\n          styles={styles}\n          onClose={onClose}\n        >\n          {children}\n        </ModalWrapper>\n      </Overlay>\n    </ModalContainmentProvider>\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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"}
+{"version":3,"file":"Modal.js","names":["useObjectRef","BaseProps","Styles","tasty","ForwardedRef","forwardRef","ReactNode","useModal","useOverlay","usePreventScroll","mergeProps","mergeRefs","useOverlayEscapeGuard","ModalContainmentProvider","useModalContainment","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","rawOverlayProps","underlayProps","isOpen","containment","containmentRef","t1","t2","t3","t4","t5","ModalWrapperProps","placement","ModalWrapper","transitionState","isDisabled","modalProps","T0","T1","t6","t7","t8","t9","enter","entered","t10","t11","t12","_Modal","displayName","_c","Underlay","mergeRefs","Overlay","mergeProps"],"sources":["../../../../src/components/overlays/Modal/Modal.tsx"],"sourcesContent":["import { useObjectRef } from '@react-aria/utils';\nimport { BaseProps, Styles, tasty } from '@tenphi/tasty';\nimport { ForwardedRef, forwardRef, ReactNode } from 'react';\nimport { useModal, useOverlay, usePreventScroll } from 'react-aria';\n\nimport { mergeProps } from '../../../utils/react';\nimport { mergeRefs } from '../../../utils/react/useCombinedRefs';\nimport { useOverlayEscapeGuard } from '../../../utils/react/useOverlayEscapeGuard';\n\nimport {\n  ModalContainmentProvider,\n  useModalContainment,\n} from './modal-containment';\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    // steps(2, start) over twice the exit fade flips visibility to hidden\n    // exactly when the $overlay-transition fade ends.\n    '': 'visibility (2 * $overlay-transition) 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      // The dialog limits its own width; a cap here would also clip a width\n      // that sets its own max.\n      '': '$min-dialog-size 100dvw',\n      'type=panel': 'auto',\n    },\n    pointerEvents: 'none',\n    transition:\n      'opacity $overlay-transition linear, transform $overlay-transition 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\n    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: ForwardedRef<HTMLElement>) {\n  let { qa, children, onClose, type, styles, ...otherProps } = props;\n  let domRef = useObjectRef(ref);\n\n  let { overlayProps: rawOverlayProps, underlayProps } = useOverlay(\n    { ...props },\n    domRef,\n  );\n\n  // Focus can stay in a modal while it closes, after a press on it or a close\n  // that restores focus nowhere; it must not answer for `Escape` meanwhile —\n  // see `useOverlayEscapeGuard`.\n  const overlayProps = useOverlayEscapeGuard(rawOverlayProps, props.isOpen);\n\n  // A panel leaves the page readable; every other type hides it while open.\n  const { containment, ref: containmentRef } = useModalContainment(\n    type !== 'panel',\n    !!props.isOpen,\n  );\n\n  return (\n    <ModalContainmentProvider value={containment}>\n      <Overlay {...otherProps}>\n        {type !== 'fullscreenTakeover' && type !== 'panel' && (\n          <Underlay {...underlayProps} />\n        )}\n        <ModalWrapper\n          ref={mergeRefs(domRef, containmentRef)}\n          qa={qa}\n          type={type}\n          overlayProps={overlayProps}\n          styles={styles}\n          onClose={onClose}\n        >\n          {children}\n        </ModalWrapper>\n      </Overlay>\n    </ModalContainmentProvider>\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.199.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.199.2 | Cube Dev Team */
 import { createContext, useContext } from "react";
 //#region src/components/overlays/Modal/OpenTransitionContext.tsx
 const OpenTransitionContext = createContext(null);

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.199.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.199.2 | Cube Dev Team */
 import { markFocusRestoreWindow } from "../../../utils/react/programmaticFocus.js";
 import { DisplayTransition } from "../../helpers/DisplayTransition/DisplayTransition.js";
 import { Provider, useProviderProps } from "../../../provider.js";

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

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

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","_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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"}
+{"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        // oxlint-disable-next-line react/forbid-component-props -- forwards the consumer's public `style` prop, which carries the overlay position\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      // oxlint-disable-next-line react/forbid-component-props -- forwards the consumer's public `style` prop, which carries the overlay position\n      style={style}\n    >\n      {children}\n    </PopoverElement>\n  );\n});\n\nconst _Popover = forwardRef(Popover);\n\n_Popover.displayName = 'Popover';\n\nexport { _Popover as Popover };\n"],"mappings":"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"}

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.199.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.199.2 | 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";
@@ -33,7 +33,7 @@ const TrayElement = tasty({ styles: {
 	height: "max 90dvh",
 	width: "$min-dialog-size 90vw",
 	pointerEvents: "auto",
-	transition: "transform .25s ease-in-out, opacity .25s linear, visibility 0ms linear",
+	transition: "transform $overlay-transition ease-in-out, opacity $overlay-transition linear, visibility 0ms linear",
 	opacity: {
 		"": 0,
 		open: ".9999"