@cube-dev/ui-kit 0.0.0-canary-d195e41 → 0.0.0-canary-13874a9

package/dist/components/navigation/Tabs/use-tab-editing.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-d195e41 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-13874a9 | Cube Dev Team */
 import { c } from "react/compiler-runtime";
 import { useState } from "react";
 

package/dist/components/navigation/Tabs/use-tab-indicator.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-d195e41 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-13874a9 | Cube Dev Team */
 import { chainRaf } from "../../../utils/raf.js";
 import { c } from "react/compiler-runtime";
 import { useEffect, useLayoutEffect, useRef, useState } from "react";

package/dist/components/organisms/StatsCard/StatsCard.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-d195e41 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-13874a9 | Cube Dev Team */
 import { _Text } from "../../content/Text.js";
 import { _Title } from "../../content/Title.js";
 import { Card } from "../../content/Card/Card.js";

package/dist/components/other/Calendar/Calendar.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-d195e41 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-13874a9 | Cube Dev Team */
 import { useProviderProps } from "../../../provider.js";
 import { CalendarPanel } from "./CalendarPanel.js";
 import { c } from "react/compiler-runtime";

package/dist/components/other/Calendar/CalendarCell.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-d195e41 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-13874a9 | Cube Dev Team */
 import { CALENDAR_CELL_STYLES } from "./styled.js";
 import { c } from "react/compiler-runtime";
 import { tasty } from "@tenphi/tasty";

package/dist/components/other/Calendar/CalendarGrid.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-d195e41 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-13874a9 | Cube Dev Team */
 import { getWeekNumber } from "../../fields/DatePicker/period.js";
 import { CalendarCell } from "./CalendarCell.js";
 import { c } from "react/compiler-runtime";

package/dist/components/other/Calendar/CalendarHeader.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-d195e41 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-13874a9 | Cube Dev Team */
 import { _Title } from "../../content/Title.js";
 import { Space } from "../../layout/Space.js";
 import { RightIcon } from "../../../icons/RightIcon.js";

package/dist/components/other/Calendar/CalendarPanel.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-d195e41 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-13874a9 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useI18n } from "../../../i18n/useI18n.js";
 import { CalendarElement } from "./styled.js";

package/dist/components/other/Calendar/PeriodCalendar.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-d195e41 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-13874a9 | Cube Dev Team */
 import { useProviderProps } from "../../../provider.js";
 import { useI18n } from "../../../i18n/useI18n.js";
 import { getQuarter } from "../../fields/DatePicker/period.js";

package/dist/components/other/Calendar/PeriodGrid.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-d195e41 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-13874a9 | Cube Dev Team */
 import { CALENDAR_CELL_STYLES } from "./styled.js";
 import { tasty } from "@tenphi/tasty";
 import { useLayoutEffect, useRef } from "react";

package/dist/components/other/Calendar/RangeCalendar.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-d195e41 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-13874a9 | Cube Dev Team */
 import { useProviderProps } from "../../../provider.js";
 import { CalendarPanel } from "./CalendarPanel.js";
 import { c } from "react/compiler-runtime";

package/dist/components/other/Calendar/styled.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-d195e41 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-13874a9 | Cube Dev Team */
 import { tasty } from "@tenphi/tasty";
 
 //#region src/components/other/Calendar/styled.tsx

package/dist/components/other/CubeLogo/CubeLogo.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-d195e41 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-13874a9 | Cube Dev Team */
 import { Icon } from "../../../icons/Icon.js";
 import { c } from "react/compiler-runtime";
 import { mergeStyles, tasty } from "@tenphi/tasty";

package/dist/components/other/NoDataIcon/NoDataIcon.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-d195e41 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-13874a9 | Cube Dev Team */
 import { wrapIcon } from "../../../icons/wrap-icon.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 

package/dist/components/overlays/AlertDialog/AlertDialog.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-d195e41 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-13874a9 | Cube Dev Team */
 import { chain } from "../../../utils/react/chain.js";
 import { Paragraph } from "../../content/Paragraph.js";
 import { _Title } from "../../content/Title.js";

package/dist/components/overlays/AlertDialog/AlertDialogApiProvider.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-d195e41 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-13874a9 | Cube Dev Team */
 import { EXIT_DURATION } from "../Modal/Overlay.js";
 import { AlertDialogZone } from "./AlertDialogZone.js";
 import { c } from "react/compiler-runtime";

package/dist/components/overlays/AlertDialog/AlertDialogZone.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-d195e41 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-13874a9 | Cube Dev Team */
 import { Portal } from "../../portal/Portal.js";
 import { DialogContainer } from "../Dialog/DialogContainer.js";
 import { _AlertDialog } from "./AlertDialog.js";

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

@@ -1,8 +1,7 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-d195e41 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-13874a9 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { SlotProvider } from "../../../utils/react/Slots.js";
-import { focusProgrammatically } from "../../../utils/react/programmaticFocus.js";
 import { useI18n } from "../../../i18n/useI18n.js";
 import { useOpenTransitionContext } from "../Modal/OpenTransitionContext.js";
 import { _ItemButton } from "../../actions/ItemButton/ItemButton.js";
@@ -11,7 +10,7 @@ import { CloseIcon } from "../../../icons/CloseIcon.js";
 import { useContentOverflow } from "./use-content-overflow.js";
 import { c } from "react/compiler-runtime";
 import { BASE_STYLES, BLOCK_STYLES, DIMENSION_STYLES, FLOW_STYLES, tasty } from "@tenphi/tasty";
-import { forwardRef, useEffect, useLayoutEffect, useRef, useState } from "react";
+import { forwardRef, useEffect } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { DismissButton, FocusScope, useDialog } from "react-aria";
 import { createFocusManager } from "@react-aria/focus";
@@ -109,91 +108,13 @@ const sizePxMap = {
 	large: 798
 };
 /**
-* The control a dialog focuses when it opens: a text field marked
-* `data-autofocus` (an input or a textarea), or a submit or primary button. In an alert dialog never a
+* The control a dialog focuses when it opens: an input marked
+* `data-autofocus`, or a submit or primary button. In an alert dialog never a
 * destructive (`danger`) button, which a reflexive Enter would run.
 */
 function findPriorityFocusElement(dialog) {
 	const button = dialog.getAttribute("role") === "alertdialog" ? "button:not([data-theme=\"danger\"])" : "button";
-	return dialog.querySelector(`input[data-autofocus], textarea[data-autofocus], ${button}[type="submit"], ${button}[data-type="primary"]`);
-}
-/**
-* Returns focus when a retained dialog (`hideOnClose`) closes. `FocusScope`
-* restores only on unmount, which a retained dialog never reaches: it ends its
-* exit in the `unmounted` phase, still mounted. This restores at that moment,
-* by the same rule: only while focus is still in the dialog, lost to `<body>`,
-* or left in another overlay that is closing.
-*
-* Only to the element focused when the dialog opened. When that element is
-* gone by the close, as a menu item goes with its menu, `FocusScope` hands the
-* restore to the menu's own target through its private scope tree; here focus
-* stays where it is.
-*
-* Returns whether the dialog is retained: only a retained dialog renders in
-* the `unmounted` phase.
-*/
-function useRetainedDialogFocusRestore(dialogRef, isOpen, shouldRestoreFocus) {
-	const $ = c(10);
-	const transitionState = useOpenTransitionContext()?.transitionState;
-	const [isRetained, setIsRetained] = useState(false);
-	const [wasOpen, setWasOpen] = useState(false);
-	const [openedFrom, setOpenedFrom] = useState(null);
-	const nodeToRestoreRef = useRef(null);
-	if (transitionState === "unmounted" && !isRetained) setIsRetained(true);
-	if (isOpen !== wasOpen) {
-		setWasOpen(isOpen);
-		setOpenedFrom(isOpen && typeof document !== "undefined" ? document.activeElement : null);
-	}
-	let t0;
-	let t1;
-	if ($[0] !== dialogRef || $[1] !== isOpen || $[2] !== openedFrom) {
-		t0 = () => {
-			if (isOpen && openedFrom && openedFrom !== document.body && !dialogRef.current?.contains(openedFrom)) nodeToRestoreRef.current = openedFrom;
-		};
-		t1 = [
-			isOpen,
-			dialogRef,
-			openedFrom
-		];
-		$[0] = dialogRef;
-		$[1] = isOpen;
-		$[2] = openedFrom;
-		$[3] = t0;
-		$[4] = t1;
-	} else {
-		t0 = $[3];
-		t1 = $[4];
-	}
-	useLayoutEffect(t0, t1);
-	let t2;
-	let t3;
-	if ($[5] !== dialogRef || $[6] !== shouldRestoreFocus || $[7] !== transitionState) {
-		t2 = () => {
-			if (transitionState !== "unmounted") return;
-			const node = nodeToRestoreRef.current;
-			nodeToRestoreRef.current = null;
-			const isFocusable = node instanceof HTMLElement || node instanceof SVGElement;
-			if (!shouldRestoreFocus || !isFocusable) return;
-			if (node === document.body || !node.isConnected) return;
-			const activeElement = document.activeElement;
-			if (!activeElement || activeElement === document.body || !!dialogRef.current?.contains(activeElement) || !!activeElement.closest("[data-react-aria-top-layer=\"true\"]")) focusProgrammatically(node, { preventScroll: true });
-		};
-		t3 = [
-			transitionState,
-			shouldRestoreFocus,
-			dialogRef
-		];
-		$[5] = dialogRef;
-		$[6] = shouldRestoreFocus;
-		$[7] = transitionState;
-		$[8] = t2;
-		$[9] = t3;
-	} else {
-		t2 = $[8];
-		t3 = $[9];
-	}
-	useEffect(t2, t3);
-	return isRetained;
+	return dialog.querySelector(`input[data-autofocus], ${button}[type="submit"], ${button}[data-type="primary"]`);
 }
 /**
 * Dialogs are windows containing contextual information, tasks, or workflows that appear over the user interface.
@@ -239,14 +160,12 @@ const DialogContent = forwardRef(function DialogContent(props, ref) {
 	const styles = extractStyles(otherProps, STYLES_LIST);
 	const { t } = useI18n();
 	let domRef = useObjectRef(ref);
-	const isRetained = useRetainedDialogFocusRestore(domRef, !!contextProps.isOpen, contextProps.shouldRestoreFocus ?? true);
 	let { dialogProps, titleProps, contentProps } = useDialog(mergeProps$1(contextProps, props), domRef);
 	let dismissButton;
 	if (type === "popover" || type === "tray") dismissButton = /* @__PURE__ */ jsx(DismissButton, { onDismiss });
 	useEffect(() => {
 		if (contextProps.isOpen) setTimeout(() => {
 			if (!domRef.current) return;
-			if (isRetained && !domRef.current.contains(document.activeElement)) domRef.current.focus({ preventScroll: true });
 			const activeElement = document.activeElement;
 			const isFocusOutsideDialog = !domRef.current.contains(activeElement);
 			const isFocusOnDialogShell = activeElement === domRef.current;
@@ -259,7 +178,7 @@ const DialogContent = forwardRef(function DialogContent(props, ref) {
 				if (!createFocusManager(domRef).focusFirst({ tabbable: true })) domRef.current.focus();
 			}
 		});
-	}, [contextProps.isOpen, isRetained]);
+	}, [contextProps.isOpen]);
 	const contentOverflows = useContentOverflow(domRef);
 	let slots = {
 		title: {

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

@@ -1 +1 @@
-{"version":3,"file":"Dialog.js","names":["createFocusManager","useObjectRef","BASE_STYLES","BaseProps","BaseStyleProps","BLOCK_STYLES","BlockStyleProps","DIMENSION_STYLES","DimensionStyleProps","FLOW_STYLES","Styles","tasty","forwardRef","ReactElement","Ref","RefObject","useEffect","useLayoutEffect","useRef","useState","AriaDialogProps","DismissButton","FocusScope","useDialog","useI18n","CloseIcon","mergeProps","SlotProvider","focusProgrammatically","extractStyles","ItemButton","useOpenTransitionContext","useDialogContext","useContentOverflow","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","button","getAttribute","querySelector","useRetainedDialogFocusRestore","dialogRef","isOpen","shouldRestoreFocus","$","_c","transitionState","isRetained","setIsRetained","wasOpen","setWasOpen","openedFrom","setOpenedFrom","nodeToRestoreRef","document","activeElement","t0","t1","body","current","contains","t2","t3","node","isFocusable","SVGElement","isConnected","isFocusLost","closest","preventScroll","Dialog","props","ref","isShown","context","content","isNonModalPopover","shouldContainFocus","DialogContent","HTMLDivElement","contextProps","children","undefined","onClose","style","otherProps","toUpperCase","t","domRef","dialogProps","titleProps","contentProps","dismissButton","setTimeout","focus","isFocusOutsideDialog","isFocusOnDialogShell","priorityElement","focusManager","focusFirst","tabbable","contentOverflows","slots","title","level","preset","id","flexGrow","padding","header","ellipsis","placeItems","placeContent","footer","mods","buttonGroup","dismissable"],"sources":["../../../../src/components/overlays/Dialog/Dialog.tsx"],"sourcesContent":["import { createFocusManager } from '@react-aria/focus';\nimport { useObjectRef } 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  forwardRef,\n  ReactElement,\n  Ref,\n  RefObject,\n  useEffect,\n  useLayoutEffect,\n  useRef,\n  useState,\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 { focusProgrammatically } from '../../../utils/react/programmaticFocus';\nimport { extractStyles } from '../../../utils/styles';\nimport { ItemButton } from '../../actions/ItemButton/ItemButton';\nimport { useOpenTransitionContext } from '../Modal/OpenTransitionContext';\n\nimport { useDialogContext } from './context';\nimport { useContentOverflow } from './use-content-overflow';\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    width: {\n      '': '$min-dialog-size $dialog-size (100dvw - 8x)',\n      'type=fullscreen': '(100dvw - 8x) (100dvw - 8x)',\n      'type=fullscreenTakeover': '100dvw 100dvw',\n      'type=panel': 'auto',\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 Omit<BaseProps, 'role'>,\n    AriaDialogProps,\n    BaseStyleProps,\n    BlockStyleProps,\n    DimensionStyleProps {\n  /** The size of the dialog */\n  size?: 'S' | 'M' | 'L' | 'small' | 'medium' | 'large';\n  /** Whether the dialog is dismissable */\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: a text field marked\n * `data-autofocus` (an input or a textarea), or a submit or primary button. In an alert dialog never a\n * destructive (`danger`) button, which a reflexive Enter would run.\n */\nfunction findPriorityFocusElement(dialog: HTMLElement) {\n  const button =\n    dialog.getAttribute('role') === 'alertdialog'\n      ? 'button:not([data-theme=\"danger\"])'\n      : 'button';\n\n  return dialog.querySelector<HTMLElement>(\n    `input[data-autofocus], textarea[data-autofocus], ${button}[type=\"submit\"], ${button}[data-type=\"primary\"]`,\n  );\n}\n\n/**\n * Returns focus when a retained dialog (`hideOnClose`) closes. `FocusScope`\n * restores only on unmount, which a retained dialog never reaches: it ends its\n * exit in the `unmounted` phase, still mounted. This restores at that moment,\n * by the same rule: only while focus is still in the dialog, lost to `<body>`,\n * or left in another overlay that is closing.\n *\n * Only to the element focused when the dialog opened. When that element is\n * gone by the close, as a menu item goes with its menu, `FocusScope` hands the\n * restore to the menu's own target through its private scope tree; here focus\n * stays where it is.\n *\n * Returns whether the dialog is retained: only a retained dialog renders in\n * the `unmounted` phase.\n */\nfunction useRetainedDialogFocusRestore(\n  dialogRef: RefObject<HTMLElement | null>,\n  isOpen: boolean,\n  shouldRestoreFocus: boolean,\n) {\n  const transitionState = useOpenTransitionContext()?.transitionState;\n  const [isRetained, setIsRetained] = useState(false);\n  const [wasOpen, setWasOpen] = useState(false);\n  const [openedFrom, setOpenedFrom] = useState<Element | null>(null);\n  const nodeToRestoreRef = useRef<Element | null>(null);\n\n  if (transitionState === 'unmounted' && !isRetained) setIsRetained(true);\n\n  // Read in the render that opens it, as `FocusScope` reads it: the commit can\n  // move focus before any effect runs, into the dialog (a native `autoFocus`,\n  // a child's layout effect) or to `<body>` (an opener it disables).\n  // Cleared on close, so a closed dialog holds no removed opener.\n  if (isOpen !== wasOpen) {\n    setWasOpen(isOpen);\n    setOpenedFrom(\n      isOpen && typeof document !== 'undefined' ? document.activeElement : null,\n    );\n  }\n\n  useLayoutEffect(() => {\n    // A reopen during the exit keeps its opener while focus is still inside\n    // or already lost to `<body>`, as `FocusScope` keeps its own.\n    if (\n      isOpen &&\n      openedFrom &&\n      openedFrom !== document.body &&\n      !dialogRef.current?.contains(openedFrom)\n    ) {\n      nodeToRestoreRef.current = openedFrom;\n    }\n  }, [isOpen, dialogRef, openedFrom]);\n\n  useEffect(() => {\n    if (transitionState !== 'unmounted') return;\n\n    const node = nodeToRestoreRef.current;\n\n    nodeToRestoreRef.current = null;\n\n    // `FocusScope` restores to an SVG opener too, such as a chart mark.\n    const isFocusable =\n      node instanceof HTMLElement || node instanceof SVGElement;\n\n    if (!shouldRestoreFocus || !isFocusable) return;\n    if (node === document.body || !node.isConnected) return;\n\n    const activeElement = document.activeElement;\n    // Also lost when left in another overlay that closes with this one: a\n    // nested dialog's own restore target is about to be hidden. `Overlay`,\n    // `Select` and `ListBoxPopover` mark a closing overlay `=\"true\"`; the\n    // notifications layer carries it empty. React Aria's toast region also\n    // carries `\"true\"`, but nothing in the kit renders one.\n    const isFocusLost =\n      !activeElement ||\n      activeElement === document.body ||\n      !!dialogRef.current?.contains(activeElement) ||\n      !!activeElement.closest('[data-react-aria-top-layer=\"true\"]');\n\n    if (isFocusLost) focusProgrammatically(node, { preventScroll: true });\n  }, [transitionState, shouldRestoreFocus, dialogRef]);\n\n  return isRetained;\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  // A popover that is not dismissable leaves the page usable, as a panel\n  // does: an outside press reaches its control, and focus has to follow it\n  // there, into a text field too.\n  const isNonModalPopover =\n    context.type === 'popover' && context.isDismissable === false;\n\n  const shouldContainFocus =\n    isShown &&\n    !!context.isOpen &&\n    context.type !== 'panel' &&\n    !isNonModalPopover;\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` restores\n    // 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    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  const isRetained = useRetainedDialogFocusRestore(\n    domRef,\n    !!contextProps.isOpen,\n    contextProps.shouldRestoreFocus ?? true,\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    if (contextProps.isOpen) {\n      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          domRef.current.focus({ preventScroll: true });\n        }\n\n        const activeElement = document.activeElement;\n        const isFocusOutsideDialog = !domRef.current.contains(activeElement);\n        const isFocusOnDialogShell = activeElement === domRef.current;\n\n        // Priority 1: autofocus input 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) {\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  }, [contextProps.isOpen, isRetained]);\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      {...dialogProps}\n      mods={{ dismissable: isDismissable }}\n      style={{\n        '--dialog-size': `${sizePxMap[size] || sizePxMap.small}px`,\n        ...style,\n      }}\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","useObjectRef","BASE_STYLES","BaseProps","BaseStyleProps","BLOCK_STYLES","BlockStyleProps","DIMENSION_STYLES","DimensionStyleProps","FLOW_STYLES","Styles","tasty","forwardRef","ReactElement","Ref","useEffect","AriaDialogProps","DismissButton","FocusScope","useDialog","useI18n","CloseIcon","mergeProps","SlotProvider","extractStyles","ItemButton","useOpenTransitionContext","useDialogContext","useContentOverflow","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","button","getAttribute","querySelector","Dialog","props","ref","$","_c","transitionState","isShown","context","t0","content","isNonModalPopover","shouldContainFocus","isOpen","t1","shouldRestoreFocus","t2","DialogContent","HTMLDivElement","contextProps","children","undefined","onClose","style","otherProps","toUpperCase","t","domRef","dialogProps","titleProps","contentProps","dismissButton","setTimeout","current","activeElement","document","isFocusOutsideDialog","contains","isFocusOnDialogShell","priorityElement","focus","focusManager","focusFirst","tabbable","contentOverflows","slots","title","level","preset","id","flexGrow","padding","header","ellipsis","placeItems","placeContent","footer","mods","buttonGroup","dismissable"],"sources":["../../../../src/components/overlays/Dialog/Dialog.tsx"],"sourcesContent":["import { createFocusManager } from '@react-aria/focus';\nimport { useObjectRef } 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 { forwardRef, ReactElement, Ref, useEffect } 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 { useDialogContext } from './context';\nimport { useContentOverflow } from './use-content-overflow';\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    width: {\n      '': '$min-dialog-size $dialog-size (100dvw - 8x)',\n      'type=fullscreen': '(100dvw - 8x) (100dvw - 8x)',\n      'type=fullscreenTakeover': '100dvw 100dvw',\n      'type=panel': 'auto',\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 Omit<BaseProps, 'role'>,\n    AriaDialogProps,\n    BaseStyleProps,\n    BlockStyleProps,\n    DimensionStyleProps {\n  /** The size of the dialog */\n  size?: 'S' | 'M' | 'L' | 'small' | 'medium' | 'large';\n  /** Whether the dialog is dismissable */\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: an input marked\n * `data-autofocus`, or a submit or primary button. In an alert dialog never a\n * destructive (`danger`) button, which a reflexive Enter would run.\n */\nfunction findPriorityFocusElement(dialog: HTMLElement) {\n  const button =\n    dialog.getAttribute('role') === 'alertdialog'\n      ? 'button:not([data-theme=\"danger\"])'\n      : 'button';\n\n  return dialog.querySelector<HTMLElement>(\n    `input[data-autofocus], ${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  // A popover that is not dismissable leaves the page usable, as a panel\n  // does: an outside press reaches its control, and focus has to follow it\n  // there, into a text field too.\n  const isNonModalPopover =\n    context.type === 'popover' && context.isDismissable === false;\n\n  const shouldContainFocus =\n    isShown &&\n    !!context.isOpen &&\n    context.type !== 'panel' &&\n    !isNonModalPopover;\n\n  return (\n    // This component traps the focus inside the dialog and restores it on\n    // close. The restore is the one that matters for popover-type dialogs —\n    // `DialogTrigger`'s own restore is a no-op there — so `shouldRestoreFocus`\n    // 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    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  // `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    if (contextProps.isOpen) {\n      setTimeout(() => {\n        if (!domRef.current) return;\n\n        const activeElement = document.activeElement;\n        const isFocusOutsideDialog = !domRef.current.contains(activeElement);\n        const isFocusOnDialogShell = activeElement === domRef.current;\n\n        // Priority 1: autofocus input 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) {\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  }, [contextProps.isOpen]);\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      {...dialogProps}\n      mods={{ dismissable: isDismissable }}\n      style={{\n        '--dialog-size': `${sizePxMap[size] || sizePxMap.small}px`,\n        ...style,\n      }}\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.0.0-canary-d195e41 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-13874a9 | Cube Dev Team */
 import { _Modal } from "../Modal/Modal.js";
 import { _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.0.0-canary-d195e41 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-13874a9 | Cube Dev Team */
 import { _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.0.0-canary-d195e41 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-13874a9 | 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"],"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'>,\n    PositionProps,\n    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"],"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'>,\n    PositionProps,\n    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. `useDialog` 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, which already declines 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.0.0-canary-d195e41 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-13874a9 | Cube Dev Team */
 import { useLayoutEffect as useLayoutEffect$1 } from "../../../utils/react/useLayoutEffect.js";
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { _Title } from "../../content/Title.js";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-d195e41 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-13874a9 | Cube Dev Team */
 import { createContext, useContext } from "react";
 import invariant from "tiny-invariant";
 

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

@@ -1 +1 @@
-{"version":3,"file":"context.js","names":["createContext","HTMLAttributes","useContext","invariant","DialogContextValue","HTMLElement","type","isDismissable","onClose","arg","isOpen","shouldRestoreFocus","DialogContext","useDialogContext","dialogContext"],"sources":["../../../../src/components/overlays/Dialog/context.tsx"],"sourcesContent":["import { createContext, HTMLAttributes, useContext } from 'react';\nimport invariant from 'tiny-invariant';\n\nexport interface DialogContextValue extends HTMLAttributes<HTMLElement> {\n  type?:\n    | 'modal'\n    | 'popover'\n    | 'tray'\n    | 'fullscreen'\n    | 'fullscreenTakeover'\n    | 'panel';\n  isDismissable?: boolean;\n  onClose?: (arg?: string) => void;\n  isOpen?: boolean;\n  /**\n   * Whether closing the dialog restores focus to its trigger. Set by\n   * `DialogTrigger`'s `shouldRestoreFocus` prop; consumed by `Dialog`'s\n   * `FocusScope` (which owns the restore for popover-type dialogs) and by its\n   * restore for a retained (`hideOnClose`) dialog. Defaults\n   * to `true` when absent, so a `Dialog` rendered outside a trigger keeps\n   * restoring focus.\n   */\n  shouldRestoreFocus?: boolean;\n}\n\nexport const DialogContext = createContext<DialogContextValue | null>({});\n\nexport function useDialogContext() {\n  const dialogContext = useContext(DialogContext);\n\n  invariant(dialogContext !== null, '');\n\n  return dialogContext;\n}\n"],"mappings":";;;;;AAyBA,MAAaY,gBAAgBZ,cAAyC,EAAE,CAAC;AAEzE,SAAOa,mBAAA;CACL,MAAAC,gBAAsBZ,WAAWU,cAAc;AAE/CT,WAAUW,kBAAkB,MAAM,GAAG;AAAA,QAE9BA"}
+{"version":3,"file":"context.js","names":["createContext","HTMLAttributes","useContext","invariant","DialogContextValue","HTMLElement","type","isDismissable","onClose","arg","isOpen","shouldRestoreFocus","DialogContext","useDialogContext","dialogContext"],"sources":["../../../../src/components/overlays/Dialog/context.tsx"],"sourcesContent":["import { createContext, HTMLAttributes, useContext } from 'react';\nimport invariant from 'tiny-invariant';\n\nexport interface DialogContextValue extends HTMLAttributes<HTMLElement> {\n  type?:\n    | 'modal'\n    | 'popover'\n    | 'tray'\n    | 'fullscreen'\n    | 'fullscreenTakeover'\n    | 'panel';\n  isDismissable?: boolean;\n  onClose?: (arg?: string) => void;\n  isOpen?: boolean;\n  /**\n   * Whether closing the dialog restores focus to its trigger. Set by\n   * `DialogTrigger`'s `shouldRestoreFocus` prop; consumed by `Dialog`'s\n   * `FocusScope` (which owns the restore for popover-type dialogs). Defaults\n   * to `true` when absent, so a `Dialog` rendered outside a trigger keeps\n   * restoring focus.\n   */\n  shouldRestoreFocus?: boolean;\n}\n\nexport const DialogContext = createContext<DialogContextValue | null>({});\n\nexport function useDialogContext() {\n  const dialogContext = useContext(DialogContext);\n\n  invariant(dialogContext !== null, '');\n\n  return dialogContext;\n}\n"],"mappings":";;;;;AAwBA,MAAaY,gBAAgBZ,cAAyC,EAAE,CAAC;AAEzE,SAAOa,mBAAA;CACL,MAAAC,gBAAsBZ,WAAWU,cAAc;AAE/CT,WAAUW,kBAAkB,MAAM,GAAG;AAAA,QAE9BA"}

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-d195e41 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-13874a9 | 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