@cube-dev/ui-kit 0.204.0 → 0.206.0

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

@@ -1 +1 @@
-{"version":3,"file":"DialogContainer.js","names":["Styles","Children","isValidElement","ReactNode","useState","Modal","Tray","WithCloseBehavior","DialogContext","DiscardChangesDialog","useDismissConfirmation","CubeDialogContainerProps","children","onDismiss","arg","type","styles","isDismissable","isOpen","isKeyboardDismissDisabled","confirmDismiss","DialogContainer","props","$","_c","t0","t1","hideOnClose","undefined","t2","childArray","toArray","length","Error","child","isActuallyOpened","t3","lastDialog","setLastDialog","requestDismiss","registerUnsavedChanges","confirmationProps","t4","onClose","context","OverlayComponent","t5","t6","t7","t8","t9","t10","t11","t12","_c","Tray","Modal"],"sources":["../../../../src/components/overlays/Dialog/DialogContainer.tsx"],"sourcesContent":["import { Styles } from '@tenphi/tasty';\nimport { Children, isValidElement, ReactNode, useState } from 'react';\n\nimport { Modal } from '../Modal/Modal';\nimport { Tray } from '../Modal/Tray';\nimport { WithCloseBehavior } from '../Modal/types';\n\nimport { DialogContext } from './context';\nimport {\n  DiscardChangesDialog,\n  useDismissConfirmation,\n} from './use-dismiss-confirmation';\n\nexport interface CubeDialogContainerProps extends WithCloseBehavior {\n  /** The Dialog to display, if any. */\n  children?: ReactNode;\n  /** Handler that is called when the 'x' button of a dismissible Dialog is clicked. */\n  onDismiss?: (arg?: any) => void;\n  /**\n   * The type of Dialog that should be rendered. See the visual options below for examples of each.\n   * @default 'modal'\n   */\n  type?: 'modal' | 'tray' | 'fullscreen' | 'fullscreenTakeover' | 'panel';\n  /** Styles for the overlay content shell. Style the child Dialog separately. */\n  styles?: Styles;\n  /** Whether the Dialog is dismissible. See the [Dialog docs](Dialog.html#dismissable-dialogs) for more details. */\n  isDismissable?: boolean;\n  /**\n   * This prop allows you to configure whenever the modal is open or not\n   */\n  isOpen?: boolean;\n  /** Whether pressing the escape key to close the dialog should be disabled. */\n  isKeyboardDismissDisabled?: boolean;\n  /**\n   * Whether Escape, an outside click and the close button ask \"Discard\n   * changes?\" before they close the dialog. Unset, they ask while a\n   * `DialogForm` inside has unsaved edits. Explicit actions (submit, Cancel,\n   * closing it from code) never ask.\n   */\n  confirmDismiss?: boolean;\n}\n\n/**\n * A DialogContainer accepts a single Dialog as a child, and manages to show and hide\n * it in a modal.\n * Useful in cases where there is no trigger element\n * or when the trigger unmounts while the dialog is open.\n */\nexport function DialogContainer(props: CubeDialogContainerProps) {\n  const {\n    children,\n    type = 'modal',\n    onDismiss,\n    isDismissable = true,\n    isKeyboardDismissDisabled,\n    isOpen,\n    hideOnClose,\n    styles,\n    confirmDismiss,\n  } = props;\n\n  const childArray = Children.toArray(children);\n  if (childArray.length > 1) {\n    throw new Error('Only a single child can be passed to DialogContainer.');\n  }\n\n  const child = isValidElement(childArray[0]) ? childArray[0] : null;\n  const isActuallyOpened = typeof isOpen !== 'boolean' ? !!child : isOpen;\n  const [lastDialog, setLastDialog] = useState({ children, child });\n\n  // Children.toArray clones elements, so compare the source when retaining\n  // the last dialog to keep hideOnClose from remounting it or looping renders.\n  if ((child || isActuallyOpened) && children !== lastDialog.children) {\n    setLastDialog({ children, child });\n  }\n\n  const { requestDismiss, registerUnsavedChanges, confirmationProps } =\n    useDismissConfirmation(confirmDismiss, isActuallyOpened);\n\n  const context = {\n    type,\n    onClose: onDismiss,\n    isDismissable,\n    isOpen: isActuallyOpened,\n    requestDismiss,\n    registerUnsavedChanges,\n  };\n  const OverlayComponent = type === 'tray' ? Tray : Modal;\n\n  return (\n    <>\n      {/*\n        The exit animation preserves its children. Keep live open state outside\n        that snapshot so forms cancel immediately when the container closes.\n      */}\n      <DialogContext.Provider value={context}>\n        <OverlayComponent\n          isOpen={isActuallyOpened}\n          type={type === 'tray' ? undefined : type}\n          styles={styles}\n          hideOnClose={hideOnClose}\n          isDismissable={isDismissable}\n          isKeyboardDismissDisabled={isKeyboardDismissDisabled}\n          onClose={\n            isDismissable && onDismiss\n              ? () => requestDismiss(() => onDismiss())\n              : undefined\n          }\n        >\n          <>\n            {child ??\n              (hideOnClose && !isActuallyOpened ? lastDialog.child : null)}\n          </>\n        </OverlayComponent>\n      </DialogContext.Provider>\n      {confirmationProps && (\n        <DialogContainer {...confirmationProps}>\n          <DiscardChangesDialog />\n        </DialogContainer>\n      )}\n    </>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;AAgDA,SAAOqB,gBAAAC,OAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CACL,MAAA,EAAAZ,UAAAG,MAAAU,IAAAZ,WAAAI,eAAAS,IAAAP,2BAAAD,QAAAS,aAAAX,QAAAI,mBAUIE;CARF,MAAAP,OAAAU,OAAAG,KAAAA,IAAA,UAAAH;CAEA,MAAAR,gBAAAS,OAAAE,KAAAA,IAAA,OAAAF;CAAoB,IAAAG;CAAA,IAAAN,EAAA,OAAAX,UAAA;EAQtB,MAAAkB,aAAmB7B,SAAQ8B,QAASnB,QAAQ;EAC5C,IAAIkB,WAAUE,SAAU,GACtB,MAAM,IAAIC,MAAM,uDAAuD;EAG3DJ,KAAA3B,eAAe4B,WAAU,EAA0B,IAAnBA,WAAU,KAA1C;EAAoDP,EAAA,KAAAX;EAAAW,EAAA,KAAAM;CAAA,OAAAA,KAAAN,EAAA;CAAlE,MAAAW,QAAcL;CACd,MAAAM,mBAAyB,OAAOjB,WAAW,YAAlB,CAA+B,CAACgB,QAAhChB;CAA+C,IAAAkB;CAAA,IAAAb,EAAA,OAAAW,SAAAX,EAAA,OAAAX,UAAA;EAC3BwB,KAAA;GAAAxB;GAAAsB;EAAkB;EAACX,EAAA,KAAAW;EAAAX,EAAA,KAAAX;EAAAW,EAAA,KAAAa;CAAA,OAAAA,KAAAb,EAAA;CAAhE,MAAA,CAAAc,YAAAC,iBAAoClC,SAASgC,EAAmB;CAIhE,KAAKF,SAAAC,qBAA8BvB,aAAayB,WAAUzB,UACxD0B,cAAc;EAAA1B;EAAAsB;CAAkB,CAAC;CAGnC,MAAA,EAAAK,gBAAAC,wBAAAC,sBACE/B,uBAAuBU,gBAAgBe,gBAAgB;CAAE,IAAAO;CAAA,IAAAnB,EAAA,OAAAY,oBAAAZ,EAAA,OAAAN,iBAAAM,EAAA,OAAAV,aAAAU,EAAA,OAAAiB,0BAAAjB,EAAA,OAAAgB,kBAAAhB,EAAA,QAAAR,MAAA;EAE3C2B,KAAA;GAAA3B;GAAA4B,SAEL9B;GAASI;GAAAC,QAEViB;GAAgBI;GAAAC;EAG1B;EAACjB,EAAA,KAAAY;EAAAZ,EAAA,KAAAN;EAAAM,EAAA,KAAAV;EAAAU,EAAA,KAAAiB;EAAAjB,EAAA,KAAAgB;EAAAhB,EAAA,MAAAR;EAAAQ,EAAA,MAAAmB;CAAA,OAAAA,KAAAnB,EAAA;CAPD,MAAAqB,UAAgBF;CAQhB,MAAAG,mBAAyB9B,SAAS,SAATT,QAAAD;CAWX,MAAAyC,KAAA/B,SAAS,SAATa,KAAAA,IAAAb;CAAkC,IAAAgC;CAAA,IAAAxB,EAAA,QAAAN,iBAAAM,EAAA,QAAAV,aAAAU,EAAA,QAAAgB,gBAAA;EAMtCQ,KAAA9B,iBAAAJ,kBACU0B,qBAAqB1B,UAAU,CAAC,IAD1Ce,KAAAA;EAEaL,EAAA,MAAAN;EAAAM,EAAA,MAAAV;EAAAU,EAAA,MAAAgB;EAAAhB,EAAA,MAAAwB;CAAA,OAAAA,KAAAxB,EAAA;CAIZ,MAAAyB,KAAAd,UACEP,eAAA,CAAgBQ,mBAAmBE,WAAUH,QAA7C;CAA2D,IAAAe;CAAA,IAAA1B,EAAA,QAAAyB,IAAA;EAFhEC,KAAA,oBAAA,YAAA,EAAA,UACGD,GAC6D,CAAA;EAC7DzB,EAAA,MAAAyB;EAAAzB,EAAA,MAAA0B;CAAA,OAAAA,KAAA1B,EAAA;CAAA,IAAA2B;CAAA,IAAA3B,EAAA,QAAAsB,oBAAAtB,EAAA,QAAAI,eAAAJ,EAAA,QAAAY,oBAAAZ,EAAA,QAAAN,iBAAAM,EAAA,QAAAJ,6BAAAI,EAAA,QAAAP,UAAAO,EAAA,QAAAuB,MAAAvB,EAAA,QAAAwB,MAAAxB,EAAA,QAAA0B,IAAA;EAhBLC,KAAA,oBAAC,kBAAD;GACUf,QAAAA;GACF,MAAAW;GACE9B;GACKW;GACEV;GACYE;GAEzB,SAAA4B;GAKFE,UAAAA;EAbe,CAAA;EAiBE1B,EAAA,MAAAsB;EAAAtB,EAAA,MAAAI;EAAAJ,EAAA,MAAAY;EAAAZ,EAAA,MAAAN;EAAAM,EAAA,MAAAJ;EAAAI,EAAA,MAAAP;EAAAO,EAAA,MAAAuB;EAAAvB,EAAA,MAAAwB;EAAAxB,EAAA,MAAA0B;EAAA1B,EAAA,MAAA2B;CAAA,OAAAA,KAAA3B,EAAA;CAAA,IAAA4B;CAAA,IAAA5B,EAAA,QAAAqB,WAAArB,EAAA,QAAA2B,IAAA;EAlBrBC,MAAA,oBAAA,cAAA,UAAA;GAA+BP,OAAAA;GAC7BM,UAAAA;EAkBF,CAAA;EAAyB3B,EAAA,MAAAqB;EAAArB,EAAA,MAAA2B;EAAA3B,EAAA,MAAA4B;CAAA,OAAAA,MAAA5B,EAAA;CAAA,IAAA6B;CAAA,IAAA7B,EAAA,QAAAkB,mBAAA;EACxBW,MAAAX,qBACC,oBAAC,iBAAD;GAAgB,GAAKA;GACnB,UAAA,oBAAC,sBAAD,CAAqB,CAAA;EADP,CAAA;EAGjBlB,EAAA,MAAAkB;EAAAlB,EAAA,MAAA6B;CAAA,OAAAA,MAAA7B,EAAA;CAAA,IAAA8B;CAAA,IAAA9B,EAAA,QAAA4B,OAAA5B,EAAA,QAAA6B,KAAA;EA7BHC,MAAA,qBAAA,YAAA,EAAA,UAAA,CAKEF,KAoBCC,GAIA,EAAA,CAAA;EACA7B,EAAA,MAAA4B;EAAA5B,EAAA,MAAA6B;EAAA7B,EAAA,MAAA8B;CAAA,OAAAA,MAAA9B,EAAA;CAAA,OA9BH8B;AA8BG"}
+{"version":3,"file":"DialogContainer.js","names":["Styles","Children","isValidElement","ReactNode","useState","Modal","Tray","WithCloseBehavior","DialogContext","DiscardChangesDialog","useDismissConfirmation","CubeDialogContainerProps","children","onDismiss","arg","type","styles","isDismissable","isOpen","isKeyboardDismissDisabled","confirmDismiss","DialogContainer","props","$","_c","t0","t1","hideOnClose","undefined","t2","childArray","toArray","length","Error","child","isActuallyOpened","t3","lastDialog","setLastDialog","requestDismiss","registerUnsavedChanges","confirmationProps","t4","onClose","context","OverlayComponent","t5","t6","t7","t8","t9","t10","t11","t12","_c","Tray","Modal"],"sources":["../../../../src/components/overlays/Dialog/DialogContainer.tsx"],"sourcesContent":["import { Styles } from '@tenphi/tasty';\nimport { Children, isValidElement, ReactNode, useState } from 'react';\n\nimport { Modal } from '../Modal/Modal';\nimport { Tray } from '../Modal/Tray';\nimport { WithCloseBehavior } from '../Modal/types';\n\nimport { DialogContext } from './context';\nimport {\n  DiscardChangesDialog,\n  useDismissConfirmation,\n} from './use-dismiss-confirmation';\n\nexport interface CubeDialogContainerProps extends WithCloseBehavior {\n  /** The Dialog to display, if any. */\n  children?: ReactNode;\n  /** Handler that is called when the 'x' button of a dismissible Dialog is clicked. */\n  onDismiss?: (arg?: any) => void;\n  /**\n   * The type of Dialog that should be rendered. See the visual options below for examples of each.\n   * @default 'modal'\n   */\n  type?: 'modal' | 'tray' | 'fullscreen' | 'fullscreenTakeover' | 'panel';\n  /** Styles for the overlay content shell. Style the child Dialog separately. */\n  styles?: Styles;\n  /** Whether the Dialog is dismissible. See the [Dialog docs](Dialog.html#dismissable-dialogs) for more details. */\n  isDismissable?: boolean;\n  /**\n   * This prop allows you to configure whenever the modal is open or not\n   */\n  isOpen?: boolean;\n  /** Whether pressing the escape key to close the dialog should be disabled. */\n  isKeyboardDismissDisabled?: boolean;\n  /**\n   * Whether Escape, an outside click and the close button ask \"Discard\n   * changes?\" before they close the dialog. Unset, they ask while a form\n   * inside (a `DialogForm`, or a modern `Form`) has unsaved edits. Explicit\n   * actions (submit, Cancel, closing it from code) never ask.\n   */\n  confirmDismiss?: boolean;\n}\n\n/**\n * A DialogContainer accepts a single Dialog as a child, and manages to show and hide\n * it in a modal.\n * Useful in cases where there is no trigger element\n * or when the trigger unmounts while the dialog is open.\n */\nexport function DialogContainer(props: CubeDialogContainerProps) {\n  const {\n    children,\n    type = 'modal',\n    onDismiss,\n    isDismissable = true,\n    isKeyboardDismissDisabled,\n    isOpen,\n    hideOnClose,\n    styles,\n    confirmDismiss,\n  } = props;\n\n  const childArray = Children.toArray(children);\n  if (childArray.length > 1) {\n    throw new Error('Only a single child can be passed to DialogContainer.');\n  }\n\n  const child = isValidElement(childArray[0]) ? childArray[0] : null;\n  const isActuallyOpened = typeof isOpen !== 'boolean' ? !!child : isOpen;\n  const [lastDialog, setLastDialog] = useState({ children, child });\n\n  // Children.toArray clones elements, so compare the source when retaining\n  // the last dialog to keep hideOnClose from remounting it or looping renders.\n  if ((child || isActuallyOpened) && children !== lastDialog.children) {\n    setLastDialog({ children, child });\n  }\n\n  const { requestDismiss, registerUnsavedChanges, confirmationProps } =\n    useDismissConfirmation(confirmDismiss, isActuallyOpened);\n\n  const context = {\n    type,\n    onClose: onDismiss,\n    isDismissable,\n    isOpen: isActuallyOpened,\n    requestDismiss,\n    registerUnsavedChanges,\n  };\n  const OverlayComponent = type === 'tray' ? Tray : Modal;\n\n  return (\n    <>\n      {/*\n        The exit animation preserves its children. Keep live open state outside\n        that snapshot so forms cancel immediately when the container closes.\n      */}\n      <DialogContext.Provider value={context}>\n        <OverlayComponent\n          isOpen={isActuallyOpened}\n          type={type === 'tray' ? undefined : type}\n          styles={styles}\n          hideOnClose={hideOnClose}\n          isDismissable={isDismissable}\n          isKeyboardDismissDisabled={isKeyboardDismissDisabled}\n          onClose={\n            isDismissable && onDismiss\n              ? () => requestDismiss(() => onDismiss())\n              : undefined\n          }\n        >\n          <>\n            {child ??\n              (hideOnClose && !isActuallyOpened ? lastDialog.child : null)}\n          </>\n        </OverlayComponent>\n      </DialogContext.Provider>\n      {confirmationProps && (\n        <DialogContainer {...confirmationProps}>\n          <DiscardChangesDialog />\n        </DialogContainer>\n      )}\n    </>\n  );\n}\n"],"mappings":"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"}

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

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

package/dist/components/overlays/Dialog/DialogTrigger.d.ts

@@ -34,10 +34,10 @@ export interface CubeDialogTriggerProps extends Omit<OverlayTriggerProps, 'type'
   isKeyboardDismissDisabled?: boolean;
   /**
    * Whether Escape, an outside click and the close button ask "Discard
-   * changes?" before they close the dialog. Unset, they ask while a
-   * `DialogForm` inside has unsaved edits. Explicit actions (submit, Cancel,
-   * the `close` function) never ask, and a popover never does: it closes on
-   * its own in more ways than these.
+   * changes?" before they close the dialog. Unset, they ask while a form
+   * inside (a `DialogForm`, or a modern `Form`) has unsaved edits. Explicit
+   * actions (submit, Cancel, the `close` function) never ask, and a popover
+   * never does: it closes on its own in more ways than these.
    */
   confirmDismiss?: boolean;
   /** The screen breakpoint for the mobile type */

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.204.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.206.0 | 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","DialogContainer","useDialogOpenSync","DiscardChangesDialog","useDismissConfirmation","CubeDialogClose","close","CubeDialogTriggerProps","Omit","children","state","type","mobileType","placement","hideArrow","targetRef","HTMLElement","isDismissable","isKeyboardDismissDisabled","confirmDismiss","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","requestDismiss","registerUnsavedChanges","confirmationProps","fromAction","confirmation","renderOverlay","PopoverTrigger","allProps","$","_c","keepOpenOnScroll","t0","t1","t2","t3","t4","t5","t6","t7","t8","t9","t10","t11","t12","t13","t14","triggerType","t15","anchorRef","offset","crossOffset","overlayProps","popoverProps","arrowProps","updatePosition","overlayTriggerState","Symbol","for","triggerProps","undefined","ref","triggerPropsWithRef","el","ownTrigger","popoverTriggerEl","closest","setTimeout","contains","resolveShouldCloseOnInteractOutside","style","overlay","DialogTriggerBase","wasOpenRef","dialogProps","context","hasFocusMovedOutsideDialog","activeElement","document","body","isConnected","focus","triggerExtraProps","toggle","Modal","Tray","_c","Popover"],"sources":["../../../../src/components/overlays/Dialog/DialogTrigger.tsx"],"sourcesContent":["import { PressResponder } from '@react-aria/interactions';\nimport { useMediaQuery } from '@react-spectrum/utils';\nimport { Styles } from '@tenphi/tasty';\nimport {\n  Fragment,\n  ReactElement,\n  RefObject,\n  useEffect,\n  useMemo,\n  useRef,\n} from 'react';\nimport {\n  OverlayTriggerProps,\n  Placement,\n  PositionProps,\n  useOverlayPosition,\n  useOverlayTrigger,\n} from 'react-aria';\nimport { OverlayTriggerState, useOverlayTriggerState } from 'react-stately';\n\nimport { useEvent } from '../../../_internal';\nimport { generateRandomId } from '../../../utils/random';\nimport { useCombinedRefs, useLayoutEffect } from '../../../utils/react/index';\nimport { usePopoverSync } from '../../../utils/react/usePopoverSync';\nimport { isOwnActionsPress } from '../../actions/actions-run';\nimport { Modal, Popover, Tray, WithCloseBehavior } from '../Modal';\n\nimport { DialogContext } from './context';\nimport { DialogContainer } from './DialogContainer';\nimport { useDialogOpenSync } from './use-dialog-open-sync';\nimport {\n  DiscardChangesDialog,\n  useDismissConfirmation,\n} from './use-dismiss-confirmation';\n\nexport type CubeDialogClose = (close: () => void) => ReactElement;\n\nexport interface CubeDialogTriggerProps\n  extends Omit<OverlayTriggerProps, 'type'>, PositionProps, WithCloseBehavior {\n  /** The Dialog and its trigger element. See the DialogTrigger [Content section](#content) for more information on what to provide as children. */\n  children: [\n    ReactElement | ((state: OverlayTriggerState) => ReactElement),\n    CubeDialogClose | ReactElement,\n  ];\n  /**\n   * The type of Dialog that should be rendered. See the DialogTrigger [types section](#dialog-types) for an explanation on each.\n   * @default 'modal'\n   */\n  type?:\n    | 'modal'\n    | 'popover'\n    | 'tray'\n    | 'fullscreen'\n    | 'fullscreenTakeover'\n    | 'panel';\n  /** The type of Dialog rendered on mobile, defaulting to `type`. See DialogTrigger [types section](#dialog-types) for an explanation on each. */\n  mobileType?:\n    | 'modal'\n    | 'tray'\n    | 'fullscreen'\n    | 'fullscreenTakeover'\n    | 'panel'\n    | 'popover';\n  placement?: Placement;\n  /**\n   * Has no effect: popovers render no arrow.\n   * @deprecated Popovers never render an arrow, so there is nothing to hide.\n   */\n  hideArrow?: boolean;\n  /** The ref of the element the Dialog should visually attach itself to. Defaults to the trigger button if not defined. A popover closes when this element scrolls, as one attached to its trigger does. */\n  targetRef?: RefObject<HTMLElement | null>;\n  /**\n   * Whether passive dismissal (Escape or an outside click) can close the dialog. Explicit dialog actions can still close it.\n   * A popover that is not dismissable lets an outside press through to the control it lands on, including a text field, which can take focus. It stays open when another popover opens, and closes when a modal, tray, fullscreen or panel dialog opens from another `DialogTrigger`.\n   */\n  isDismissable?: boolean;\n  /** Whether pressing the escape key to close the dialog should be disabled. */\n  isKeyboardDismissDisabled?: boolean;\n  /**\n   * Whether Escape, an outside click and the close button ask \"Discard\n   * changes?\" before they close the dialog. Unset, they ask while a\n   * `DialogForm` inside has unsaved edits. Explicit actions (submit, Cancel,\n   * the `close` function) never ask, and a popover never does: it closes on\n   * its own in more ways than these.\n   */\n  confirmDismiss?: 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    confirmDismiss,\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  const { requestDismiss, registerUnsavedChanges, confirmationProps } =\n    useDismissConfirmation(\n      type === 'popover' ? false : confirmDismiss,\n      state.isOpen,\n    );\n\n  function close(action?: string) {\n    onDismiss && onDismiss(action);\n    state.close();\n  }\n\n  // Explicit dialog actions close at once. A passive dismissal (Escape or an\n  // outside click) needs `isDismissable`, and asks first while the dialog\n  // holds unsaved edits.\n  function onClose(action, fromAction = false) {\n    if (fromAction) close(action);\n    else if (isDismissable) requestDismiss(() => close(action));\n  }\n\n  const confirmation = confirmationProps && (\n    <DialogContainer {...confirmationProps}>\n      <DiscardChangesDialog />\n    </DialogContainer>\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    <>\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        requestDismiss={requestDismiss}\n        registerUnsavedChanges={registerUnsavedChanges}\n        onClose={onClose}\n      />\n      {confirmation}\n    </>\n  );\n}\n\nfunction PopoverTrigger(allProps) {\n  let {\n    state,\n    styles,\n    targetRef,\n    trigger,\n    content,\n    hideArrow,\n    onClose,\n    isDismissable,\n    isKeyboardDismissDisabled,\n    hideOnClose,\n    shouldCloseOnInteractOutside,\n    shouldRestoreFocus,\n    keepOpenOnScroll,\n    syncTriggerRef,\n    syncOverlayRef,\n    triggerType,\n    ...props\n  } = allProps;\n\n  let triggerRef = useRef<HTMLButtonElement>(null);\n  let overlayRef = useRef<HTMLDivElement>(null);\n  // What the popover is positioned against, and closes on scroll with.\n  let anchorRef = targetRef || triggerRef;\n\n  // Mirror the trigger/overlay DOM nodes into the parent-owned sync refs.\n  //\n  // We deliberately do NOT use `useCombinedRefs` here: that hook returns a\n  // brand new internal ref and propagates to the passed refs via a regular\n  // `useEffect` (post-commit). `useOverlayPosition` below reads\n  // `triggerRef.current` in its own layout effect during the SAME commit, so\n  // if `triggerRef` only receives the DOM node via a delayed effect, the\n  // first measurement sees `null` and the popover positions at the document\n  // origin until something forces a re-measure.\n  //\n  // Keeping `triggerRef`/`overlayRef` as the direct React refs preserves\n  // synchronous assignment for `useOverlayPosition`. The sync refs are only\n  // ever read inside `popover:open` handlers, which fire via setTimeout(0),\n  // so a layout-effect mirror is more than fast enough.\n  useLayoutEffect(() => {\n    if (syncTriggerRef) {\n      syncTriggerRef.current = targetRef?.current ?? triggerRef.current ?? null;\n    }\n    if (syncOverlayRef) {\n      syncOverlayRef.current = overlayRef.current ?? null;\n    }\n  });\n\n  let {\n    overlayProps: popoverProps,\n    placement,\n    arrowProps,\n    updatePosition,\n  } = useOverlayPosition({\n    targetRef: anchorRef,\n    overlayRef: overlayRef,\n    placement: props.placement,\n    containerPadding: props.containerPadding,\n    offset: props.offset ?? 8,\n    crossOffset: props.crossOffset,\n    shouldFlip: props.shouldFlip,\n    shouldUpdatePosition: props.shouldUpdatePosition,\n    isOpen: state.isOpen,\n  });\n\n  let overlayTriggerState = state;\n\n  if (keepOpenOnScroll) {\n    overlayTriggerState = { ...state, close: updatePosition };\n  }\n\n  // Registers the close (or, with `keepOpenOnScroll`, the reposition) that\n  // `useOverlayPosition` runs when the anchor scrolls. It is looked up by the\n  // anchor element, so it has to be registered there: with `targetRef` the\n  // trigger ref is never attached, and the popover stayed open while its\n  // anchor scrolled away.\n  let { triggerProps, overlayProps } = useOverlayTrigger(\n    { type: 'dialog' },\n    overlayTriggerState,\n    anchorRef,\n  );\n\n  let triggerPropsWithRef = {\n    ...triggerProps,\n    ref: targetRef ? undefined : triggerRef,\n  };\n\n  // Mirror the Select/ComboBox/MenuTrigger pattern: when an outside click lands\n  // on ANOTHER popover trigger, return `false` so react-aria's `useOverlay`\n  // does NOT `stopPropagation()` the click. The click then reaches that trigger,\n  // its popover opens, and `usePopoverSync` closes this one via the EventBus.\n  // Without this, react-aria swallows every outside click and a single click on\n  // a sibling trigger can't open it while this popover is open.\n  const resolveShouldCloseOnInteractOutside = useEvent(\n    (el: Element): boolean => {\n      // The caller's own predicate is asked FIRST, so an explicit \"keep me open\n      // for this element\" wins over every automatic behaviour below (CUB-4113).\n      // It used to be consulted last, which made the prop inert for every\n      // `Button` / `ItemButton`: those carry `data-popover-dismiss`, so the\n      // auto-dismiss branch matched and closed the popover before the predicate\n      // was ever asked.\n      //\n      // Asked before every lookup below, not just inside the \"outside any\n      // trigger\" branch: a trigger can own interactive controls of its own, and\n      // those used to be decided without the predicate ever being asked.\n      //\n      // React Aria hands over the element the pointer landed on — for a\n      // `Button` that is the label inside it, not the `<button>` — so a\n      // predicate that guards an element has to use `contains()` rather than an\n      // identity check.\n      if (shouldCloseOnInteractOutside && !shouldCloseOnInteractOutside(el)) {\n        return false;\n      }\n\n      const ownTrigger = targetRef?.current ?? triggerRef.current;\n\n      // A press on our OWN trigger's actions run — an `ItemButton` row's\n      // `actions`, a picker's clear button — is not a press outside. The run is\n      // rendered as a sibling of the trigger (see `ItemActionsWrapper`), so the\n      // `contains` checks below cannot recognise it and we dismissed instead,\n      // which cost the action its press: the first press on `Reset` while the\n      // popover was open only closed the popover and never ran.\n      if (isOwnActionsPress(el, ownTrigger)) return false;\n\n      const popoverTriggerEl = el.closest('[data-popover-trigger]');\n      if (!popoverTriggerEl) {\n        if (el.closest('[data-popover-keep]')) return false;\n        // Plain interactive controls (Button, ItemButton) opt in via\n        // `data-popover-dismiss`. Schedule the close after the click finishes so\n        // the control's `onPress` runs first instead of losing the click to\n        // useOverlay's stopPropagation.\n        if (el.closest('[data-popover-dismiss]')) {\n          setTimeout(() => state.close(), 0);\n          return false;\n        }\n        return true;\n      }\n      // Clicking our own trigger again should dismiss us.\n      if (popoverTriggerEl === ownTrigger || ownTrigger?.contains(el))\n        return true;\n      // Another popover's trigger: let the click through so it can open.\n      return false;\n    },\n  );\n\n  let overlay = (\n    <Popover\n      ref={overlayRef}\n      styles={styles}\n      hideOnClose={hideOnClose}\n      isOpen={state.isOpen}\n      // oxlint-disable-next-line tasty/no-style-prop -- React Aria's overlay positioning computes these coordinates\n      style={popoverProps.style}\n      placement={placement ?? undefined}\n      arrowProps={arrowProps}\n      // Not dismissable: an outside press is left alone entirely, so it\n      // reaches the control it landed on and nothing below is asked.\n      isDismissable={isDismissable}\n      isKeyboardDismissDisabled={isKeyboardDismissDisabled}\n      hideArrow={hideArrow}\n      shouldCloseOnInteractOutside={resolveShouldCloseOnInteractOutside}\n      onClose={onClose}\n    >\n      {typeof content === 'function' ? content(state.close) : content}\n    </Popover>\n  );\n\n  return (\n    <DialogTriggerBase\n      type=\"popover\"\n      state={state}\n      triggerProps={triggerPropsWithRef}\n      dialogProps={overlayProps}\n      trigger={trigger}\n      overlay={overlay}\n      overlayRef={overlayRef}\n      isDismissable={isDismissable}\n      shouldRestoreFocus={shouldRestoreFocus}\n      onClose={onClose}\n    />\n  );\n}\n\nfunction DialogTriggerBase(props: any) {\n  const ref = useCombinedRefs<HTMLElement>(props.ref);\n  const wasOpenRef = useRef(false);\n  const overlayRef: RefObject<HTMLElement | null> | undefined =\n    props.overlayRef;\n\n  // Mirror the press-responder DOM node into the parent's sync trigger ref.\n  // Done via `useLayoutEffect` rather than threading through `useCombinedRefs`\n  // for consistency with `PopoverTrigger` (see comment there) — keeps the\n  // sync-ref population deterministic regardless of branch.\n  useLayoutEffect(() => {\n    if (props.syncTriggerRef) {\n      props.syncTriggerRef.current = ref.current ?? null;\n    }\n  });\n\n  let {\n    type,\n    state,\n    onClose,\n    isDismissable,\n    dialogProps = {},\n    triggerProps = {},\n    overlay,\n    trigger,\n    shouldRestoreFocus = true,\n    requestDismiss,\n    registerUnsavedChanges,\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    requestDismiss,\n    registerUnsavedChanges,\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","DialogContainer","useDialogOpenSync","DiscardChangesDialog","useDismissConfirmation","CubeDialogClose","close","CubeDialogTriggerProps","Omit","children","state","type","mobileType","placement","hideArrow","targetRef","HTMLElement","isDismissable","isKeyboardDismissDisabled","confirmDismiss","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","requestDismiss","registerUnsavedChanges","confirmationProps","fromAction","confirmation","renderOverlay","PopoverTrigger","allProps","$","_c","keepOpenOnScroll","t0","t1","t2","t3","t4","t5","t6","t7","t8","t9","t10","t11","t12","t13","t14","triggerType","t15","anchorRef","offset","crossOffset","overlayProps","popoverProps","arrowProps","updatePosition","overlayTriggerState","Symbol","for","triggerProps","undefined","ref","triggerPropsWithRef","el","ownTrigger","popoverTriggerEl","closest","setTimeout","contains","resolveShouldCloseOnInteractOutside","style","overlay","DialogTriggerBase","wasOpenRef","dialogProps","context","hasFocusMovedOutsideDialog","activeElement","document","body","isConnected","focus","triggerExtraProps","toggle","Modal","Tray","_c","Popover"],"sources":["../../../../src/components/overlays/Dialog/DialogTrigger.tsx"],"sourcesContent":["import { PressResponder } from '@react-aria/interactions';\nimport { useMediaQuery } from '@react-spectrum/utils';\nimport { Styles } from '@tenphi/tasty';\nimport {\n  Fragment,\n  ReactElement,\n  RefObject,\n  useEffect,\n  useMemo,\n  useRef,\n} from 'react';\nimport {\n  OverlayTriggerProps,\n  Placement,\n  PositionProps,\n  useOverlayPosition,\n  useOverlayTrigger,\n} from 'react-aria';\nimport { OverlayTriggerState, useOverlayTriggerState } from 'react-stately';\n\nimport { useEvent } from '../../../_internal';\nimport { generateRandomId } from '../../../utils/random';\nimport { useCombinedRefs, useLayoutEffect } from '../../../utils/react/index';\nimport { usePopoverSync } from '../../../utils/react/usePopoverSync';\nimport { isOwnActionsPress } from '../../actions/actions-run';\nimport { Modal, Popover, Tray, WithCloseBehavior } from '../Modal';\n\nimport { DialogContext } from './context';\nimport { DialogContainer } from './DialogContainer';\nimport { useDialogOpenSync } from './use-dialog-open-sync';\nimport {\n  DiscardChangesDialog,\n  useDismissConfirmation,\n} from './use-dismiss-confirmation';\n\nexport type CubeDialogClose = (close: () => void) => ReactElement;\n\nexport interface CubeDialogTriggerProps\n  extends Omit<OverlayTriggerProps, 'type'>, PositionProps, WithCloseBehavior {\n  /** The Dialog and its trigger element. See the DialogTrigger [Content section](#content) for more information on what to provide as children. */\n  children: [\n    ReactElement | ((state: OverlayTriggerState) => ReactElement),\n    CubeDialogClose | ReactElement,\n  ];\n  /**\n   * The type of Dialog that should be rendered. See the DialogTrigger [types section](#dialog-types) for an explanation on each.\n   * @default 'modal'\n   */\n  type?:\n    | 'modal'\n    | 'popover'\n    | 'tray'\n    | 'fullscreen'\n    | 'fullscreenTakeover'\n    | 'panel';\n  /** The type of Dialog rendered on mobile, defaulting to `type`. See DialogTrigger [types section](#dialog-types) for an explanation on each. */\n  mobileType?:\n    | 'modal'\n    | 'tray'\n    | 'fullscreen'\n    | 'fullscreenTakeover'\n    | 'panel'\n    | 'popover';\n  placement?: Placement;\n  /**\n   * Has no effect: popovers render no arrow.\n   * @deprecated Popovers never render an arrow, so there is nothing to hide.\n   */\n  hideArrow?: boolean;\n  /** The ref of the element the Dialog should visually attach itself to. Defaults to the trigger button if not defined. A popover closes when this element scrolls, as one attached to its trigger does. */\n  targetRef?: RefObject<HTMLElement | null>;\n  /**\n   * Whether passive dismissal (Escape or an outside click) can close the dialog. Explicit dialog actions can still close it.\n   * A popover that is not dismissable lets an outside press through to the control it lands on, including a text field, which can take focus. It stays open when another popover opens, and closes when a modal, tray, fullscreen or panel dialog opens from another `DialogTrigger`.\n   */\n  isDismissable?: boolean;\n  /** Whether pressing the escape key to close the dialog should be disabled. */\n  isKeyboardDismissDisabled?: boolean;\n  /**\n   * Whether Escape, an outside click and the close button ask \"Discard\n   * changes?\" before they close the dialog. Unset, they ask while a form\n   * inside (a `DialogForm`, or a modern `Form`) has unsaved edits. Explicit\n   * actions (submit, Cancel, the `close` function) never ask, and a popover\n   * never does: it closes on its own in more ways than these.\n   */\n  confirmDismiss?: 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    confirmDismiss,\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  const { requestDismiss, registerUnsavedChanges, confirmationProps } =\n    useDismissConfirmation(\n      type === 'popover' ? false : confirmDismiss,\n      state.isOpen,\n    );\n\n  function close(action?: string) {\n    onDismiss && onDismiss(action);\n    state.close();\n  }\n\n  // Explicit dialog actions close at once. A passive dismissal (Escape or an\n  // outside click) needs `isDismissable`, and asks first while the dialog\n  // holds unsaved edits.\n  function onClose(action, fromAction = false) {\n    if (fromAction) close(action);\n    else if (isDismissable) requestDismiss(() => close(action));\n  }\n\n  const confirmation = confirmationProps && (\n    <DialogContainer {...confirmationProps}>\n      <DiscardChangesDialog />\n    </DialogContainer>\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    <>\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        requestDismiss={requestDismiss}\n        registerUnsavedChanges={registerUnsavedChanges}\n        onClose={onClose}\n      />\n      {confirmation}\n    </>\n  );\n}\n\nfunction PopoverTrigger(allProps) {\n  let {\n    state,\n    styles,\n    targetRef,\n    trigger,\n    content,\n    hideArrow,\n    onClose,\n    isDismissable,\n    isKeyboardDismissDisabled,\n    hideOnClose,\n    shouldCloseOnInteractOutside,\n    shouldRestoreFocus,\n    keepOpenOnScroll,\n    syncTriggerRef,\n    syncOverlayRef,\n    triggerType,\n    ...props\n  } = allProps;\n\n  let triggerRef = useRef<HTMLButtonElement>(null);\n  let overlayRef = useRef<HTMLDivElement>(null);\n  // What the popover is positioned against, and closes on scroll with.\n  let anchorRef = targetRef || triggerRef;\n\n  // Mirror the trigger/overlay DOM nodes into the parent-owned sync refs.\n  //\n  // We deliberately do NOT use `useCombinedRefs` here: that hook returns a\n  // brand new internal ref and propagates to the passed refs via a regular\n  // `useEffect` (post-commit). `useOverlayPosition` below reads\n  // `triggerRef.current` in its own layout effect during the SAME commit, so\n  // if `triggerRef` only receives the DOM node via a delayed effect, the\n  // first measurement sees `null` and the popover positions at the document\n  // origin until something forces a re-measure.\n  //\n  // Keeping `triggerRef`/`overlayRef` as the direct React refs preserves\n  // synchronous assignment for `useOverlayPosition`. The sync refs are only\n  // ever read inside `popover:open` handlers, which fire via setTimeout(0),\n  // so a layout-effect mirror is more than fast enough.\n  useLayoutEffect(() => {\n    if (syncTriggerRef) {\n      syncTriggerRef.current = targetRef?.current ?? triggerRef.current ?? null;\n    }\n    if (syncOverlayRef) {\n      syncOverlayRef.current = overlayRef.current ?? null;\n    }\n  });\n\n  let {\n    overlayProps: popoverProps,\n    placement,\n    arrowProps,\n    updatePosition,\n  } = useOverlayPosition({\n    targetRef: anchorRef,\n    overlayRef: overlayRef,\n    placement: props.placement,\n    containerPadding: props.containerPadding,\n    offset: props.offset ?? 8,\n    crossOffset: props.crossOffset,\n    shouldFlip: props.shouldFlip,\n    shouldUpdatePosition: props.shouldUpdatePosition,\n    isOpen: state.isOpen,\n  });\n\n  let overlayTriggerState = state;\n\n  if (keepOpenOnScroll) {\n    overlayTriggerState = { ...state, close: updatePosition };\n  }\n\n  // Registers the close (or, with `keepOpenOnScroll`, the reposition) that\n  // `useOverlayPosition` runs when the anchor scrolls. It is looked up by the\n  // anchor element, so it has to be registered there: with `targetRef` the\n  // trigger ref is never attached, and the popover stayed open while its\n  // anchor scrolled away.\n  let { triggerProps, overlayProps } = useOverlayTrigger(\n    { type: 'dialog' },\n    overlayTriggerState,\n    anchorRef,\n  );\n\n  let triggerPropsWithRef = {\n    ...triggerProps,\n    ref: targetRef ? undefined : triggerRef,\n  };\n\n  // Mirror the Select/ComboBox/MenuTrigger pattern: when an outside click lands\n  // on ANOTHER popover trigger, return `false` so react-aria's `useOverlay`\n  // does NOT `stopPropagation()` the click. The click then reaches that trigger,\n  // its popover opens, and `usePopoverSync` closes this one via the EventBus.\n  // Without this, react-aria swallows every outside click and a single click on\n  // a sibling trigger can't open it while this popover is open.\n  const resolveShouldCloseOnInteractOutside = useEvent(\n    (el: Element): boolean => {\n      // The caller's own predicate is asked FIRST, so an explicit \"keep me open\n      // for this element\" wins over every automatic behaviour below (CUB-4113).\n      // It used to be consulted last, which made the prop inert for every\n      // `Button` / `ItemButton`: those carry `data-popover-dismiss`, so the\n      // auto-dismiss branch matched and closed the popover before the predicate\n      // was ever asked.\n      //\n      // Asked before every lookup below, not just inside the \"outside any\n      // trigger\" branch: a trigger can own interactive controls of its own, and\n      // those used to be decided without the predicate ever being asked.\n      //\n      // React Aria hands over the element the pointer landed on — for a\n      // `Button` that is the label inside it, not the `<button>` — so a\n      // predicate that guards an element has to use `contains()` rather than an\n      // identity check.\n      if (shouldCloseOnInteractOutside && !shouldCloseOnInteractOutside(el)) {\n        return false;\n      }\n\n      const ownTrigger = targetRef?.current ?? triggerRef.current;\n\n      // A press on our OWN trigger's actions run — an `ItemButton` row's\n      // `actions`, a picker's clear button — is not a press outside. The run is\n      // rendered as a sibling of the trigger (see `ItemActionsWrapper`), so the\n      // `contains` checks below cannot recognise it and we dismissed instead,\n      // which cost the action its press: the first press on `Reset` while the\n      // popover was open only closed the popover and never ran.\n      if (isOwnActionsPress(el, ownTrigger)) return false;\n\n      const popoverTriggerEl = el.closest('[data-popover-trigger]');\n      if (!popoverTriggerEl) {\n        if (el.closest('[data-popover-keep]')) return false;\n        // Plain interactive controls (Button, ItemButton) opt in via\n        // `data-popover-dismiss`. Schedule the close after the click finishes so\n        // the control's `onPress` runs first instead of losing the click to\n        // useOverlay's stopPropagation.\n        if (el.closest('[data-popover-dismiss]')) {\n          setTimeout(() => state.close(), 0);\n          return false;\n        }\n        return true;\n      }\n      // Clicking our own trigger again should dismiss us.\n      if (popoverTriggerEl === ownTrigger || ownTrigger?.contains(el))\n        return true;\n      // Another popover's trigger: let the click through so it can open.\n      return false;\n    },\n  );\n\n  let overlay = (\n    <Popover\n      ref={overlayRef}\n      styles={styles}\n      hideOnClose={hideOnClose}\n      isOpen={state.isOpen}\n      // oxlint-disable-next-line tasty/no-style-prop -- React Aria's overlay positioning computes these coordinates\n      style={popoverProps.style}\n      placement={placement ?? undefined}\n      arrowProps={arrowProps}\n      // Not dismissable: an outside press is left alone entirely, so it\n      // reaches the control it landed on and nothing below is asked.\n      isDismissable={isDismissable}\n      isKeyboardDismissDisabled={isKeyboardDismissDisabled}\n      hideArrow={hideArrow}\n      shouldCloseOnInteractOutside={resolveShouldCloseOnInteractOutside}\n      onClose={onClose}\n    >\n      {typeof content === 'function' ? content(state.close) : content}\n    </Popover>\n  );\n\n  return (\n    <DialogTriggerBase\n      type=\"popover\"\n      state={state}\n      triggerProps={triggerPropsWithRef}\n      dialogProps={overlayProps}\n      trigger={trigger}\n      overlay={overlay}\n      overlayRef={overlayRef}\n      isDismissable={isDismissable}\n      shouldRestoreFocus={shouldRestoreFocus}\n      onClose={onClose}\n    />\n  );\n}\n\nfunction DialogTriggerBase(props: any) {\n  const ref = useCombinedRefs<HTMLElement>(props.ref);\n  const wasOpenRef = useRef(false);\n  const overlayRef: RefObject<HTMLElement | null> | undefined =\n    props.overlayRef;\n\n  // Mirror the press-responder DOM node into the parent's sync trigger ref.\n  // Done via `useLayoutEffect` rather than threading through `useCombinedRefs`\n  // for consistency with `PopoverTrigger` (see comment there) — keeps the\n  // sync-ref population deterministic regardless of branch.\n  useLayoutEffect(() => {\n    if (props.syncTriggerRef) {\n      props.syncTriggerRef.current = ref.current ?? null;\n    }\n  });\n\n  let {\n    type,\n    state,\n    onClose,\n    isDismissable,\n    dialogProps = {},\n    triggerProps = {},\n    overlay,\n    trigger,\n    shouldRestoreFocus = true,\n    requestDismiss,\n    registerUnsavedChanges,\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    requestDismiss,\n    registerUnsavedChanges,\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAuHA,SAAgB4D,cAAcC,OAA+B;CAC3D,IAAI,EACF1B,UACAE,OAAO,SACPC,aAAaD,MACbG,WACAC,WACAU,WACAR,gBAAgB,MAChBC,2BACAC,gBACAE,QACAD,iBAAiB,KACjBgB,aACAd,8BACAW,qBAAqB,MACrB,GAAGI,kBACDF;CAEJ,IAAI,CAACG,MAAMC,QAAQ9B,QAAQ,KAAKA,SAAS+B,SAAS,GAChD,MAAM,IAAIC,MAAM,4CAA4C;CAG9D,IAAI,CAACC,SAASC,WAAWlC;CAIzB,IADelC,cAAc,eAAe6C,eAAc,IACtDwB,GAAU;EAEZ,IAAIjC,SAAS,WAAWC,eAAe,SACrCK,gBAAgB;EAGlBN,OAAOC;CACT;CAEA,IAAIF,QAAQrB,uBAAuB8C,KAAK;CAExC,IAAI,OAAOO,YAAY,YACrBA,UAAUA,QAAQhC,KAAK;CAGzB,IAAImC,UAAU/D,OAAO,KAAK;CAC1B,IAAIgE,YAAYhE,OAAO,KAAK;CAC5B,IAAIiE,kBAAmBD,UAAUE,UAAU;CAC3C,IAAIC,iBAAkBH,UAAUE,UAAU;CAE1CH,QAAQG,UAAUtC,MAAMiB;CASxB,MAAMuB,eAAerE,cAAcU,iBAAiB,GAAG,CAAA,CAAE;CACzD,MAAM4D,iBAAiBrE,OAA2B,IAAI;CACtD,MAAMsE,iBAAiBtE,OAA2B,IAAI;CAatD,MAAMuE,oBAAoB1C,SAAS;CACnCjB,eAAe;EACb4D,QAAQJ;EACRvB,QAAQjB,MAAMiB;EACd4B,eAAe7C,MAAMJ,MAAM;EAC3BkD,YAAYL;EACZM,cAAcL;EACdM,2BAA2BL;EAC3BM,iBAAiBN,qBAAqBpC;CACxC,CAAC;CACDf,kBAAkB;EAChB0D,OAAO,CAACP;EACRQ,QAAQR,qBAAqB,CAACpC;EAC9BP;EACA8C,YAAYL;EACZW,YAAYV;CACd,CAAC;CAEDxE,gBAAgB;EACd,aAAa;GACX,KACGiE,QAAQG,WAAWF,UAAUE,YAC9BrC,SAAS,aACTA,SAAS,QAEToD,QAAQC,KACN,uLACF;EAEJ;CACF,GAAG,CAAA,CAAE;CAEL,MAAM,EAAEC,gBAAgBC,wBAAwBC,sBAC9C/D,uBACEO,SAAS,YAAY,QAAQQ,gBAC7BT,MAAMiB,MACR;CAEF,SAASrB,MAAMoB,QAAiB;EAC9BD,aAAaA,UAAUC,MAAM;EAC7BhB,MAAMJ,MAAM;CACd;CAKA,SAASiD,QAAQ7B,UAAQ0C,aAAa,OAAO;EAC3C,IAAIA,YAAY9D,MAAMoB,QAAM;OACvB,IAAIT,eAAegD,qBAAqB3D,MAAMoB,QAAM,CAAC;CAC5D;CAEA,MAAM2C,eAAeF,qBACnB,oBAAC,iBAAD;EAAiB,GAAIA;EACnB,UAAA,oBAAC,sBAAD,CAAqB,CAAA;CACN,CAAA;CAGnB,IAAIxD,SAAS,WACX,OACE,oBAAC,gBAAD;EACE,GAAI0B;EACSD;EACN1B;EACCW;EACGN;EACF2B;EACAC;EACM1B;EACYC;EAChBJ;EACmBQ;EACVW;EACJkB;EACAC;EAChB,aAAazC;EACJ4C;CAAQ,CAAA;CAKvB,IAAIe,sBAAsB;EACxB,QAAQ3D,MAAR;GACE,KAAK;GACL,KAAK;GACL,KAAK;GACL,KAAK,SACH,OACE,oBAACqH,QAAD;IACE,KAAK5E;IACQhB;IACb,QAAQ1B,MAAMiB;IACCV;IACTN;IACqBO;IACnBG;IACsBC;IACrBiC;IACER;IACDE;IAET,UAAA,OAAON,YAAY,aAAaA,QAAQjC,MAAMJ,KAAK,IAAIqC;GACnD,CAAA;GAEX,KAAK,QACH,OACE,oBAACsF,OAAD;IACE,KAAK7E;IACQhB;IACb,QAAQ1B,MAAMiB;IACaT;IACnBG;IACCkC;IAER,UAAA,OAAOZ,YAAY,aAAaA,QAAQjC,MAAMJ,KAAK,IAAIqC;GACpD,CAAA;EAEZ;CACF;CAEA,OACE,qBAAA,YAAA,EAAA,UAAA,CACE,oBAAC,mBAAD;EACQhC;EACCD;EACQO;EACNyB;EACT,SAAS4B,cAAc;EACVlC;EACGe;EAChB,YAAYC;EACQnB;EACJgC;EACQC;EACfX;CAAQ,CAAA,GAElBc,YACH,EAAA,CAAA;AAEJ;AAEA,SAAAE,eAAAC,UAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAAA,IAAA/B;CAAA,IAAA7B;CAAA,IAAAsB;CAAA,IAAAnB;CAAA,IAAAC;CAAA,IAAAyD;CAAA,IAAApB;CAAA,IAAApB;CAAA,IAAAb;CAAA,IAAAW;CAAA,IAAAvB;CAAA,IAAAW;CAAA,IAAA+B;CAAA,IAAAD;CAAA,IAAApC;CAAA,IAAA2B;CAAA,IAAA+B,EAAA,OAAAD,UAAA;EACE,MAAA,EAAA9D,OAAAkE,IAAAvD,QAAAwD,IAAA9D,WAAA+D,IAAApC,SAAAqC,IAAApC,SAAAqC,IAAAlE,WAAAmE,IAAA1B,SAAA2B,IAAAjE,eAAAkE,IAAAjE,2BAAAkE,IAAAhD,aAAAiD,IAAA/D,8BAAAgE,KAAArD,oBAAAsD,KAAAZ,kBAAAa,KAAArC,gBAAAsC,KAAArC,gBAAAsC,KAAAC,aAAA,GAAAC,QAkBIpB;EAlBJ9D,QAAAkE;EAAAvD,SAAAwD;EAAA9D,YAAA+D;EAAApC,UAAAqC;EAAApC,UAAAqC;EAAAlE,YAAAmE;EAAA1B,UAAA2B;EAAAjE,gBAAAkE;EAAAjE,4BAAAkE;EAAAhD,cAAAiD;EAAA/D,+BAAAgE;EAAArD,qBAAAsD;EAAAZ,mBAAAa;EAAArC,iBAAAsC;EAAArC,iBAAAsC;EAAAvD,QAAAyD;EAkBanB,EAAA,KAAAD;EAAAC,EAAA,KAAA9B;EAAA8B,EAAA,KAAA3D;EAAA2D,EAAA,KAAArC;EAAAqC,EAAA,KAAAxD;EAAAwD,EAAA,KAAAvD;EAAAuD,EAAA,KAAAE;EAAAF,EAAA,KAAAlB;EAAAkB,EAAA,KAAAtC;EAAAsC,EAAA,KAAAnD;EAAAmD,EAAA,MAAAxC;EAAAwC,EAAA,MAAA/D;EAAA+D,EAAA,MAAApD;EAAAoD,EAAA,MAAArB;EAAAqB,EAAA,MAAAtB;EAAAsB,EAAA,MAAA1D;EAAA0D,EAAA,MAAA/B;CAAA,OAAA;EAAAC,UAAA8B,EAAA;EAAA3D,YAAA2D,EAAA;EAAArC,cAAAqC,EAAA;EAAAxD,gBAAAwD,EAAA;EAAAvD,4BAAAuD,EAAA;EAAAE,mBAAAF,EAAA;EAAAlB,UAAAkB,EAAA;EAAAtC,QAAAsC,EAAA;EAAAnD,+BAAAmD,EAAA;EAAAxC,qBAAAwC,EAAA;EAAA/D,QAAA+D,EAAA;EAAApD,SAAAoD,EAAA;EAAArB,iBAAAqB,EAAA;EAAAtB,iBAAAsB,EAAA;EAAA1D,YAAA0D,EAAA;EAAA/B,UAAA+B,EAAA;CAAA;CAEb,MAAAjB,aAAiB1E,OAA0B,IAAI;CAC/C,MAAAgF,aAAiBhF,OAAuB,IAAI;CAE5C,MAAA+G,YAAgB9E,aAAAyC;CAAwB,IAAAoB;CAAA,IAAAH,EAAA,QAAArB,kBAAAqB,EAAA,QAAAtB,kBAAAsB,EAAA,QAAA1D,WAAA;EAgBxB6D,WAAA;GACd,IAAIzB,gBACFA,eAAcH,UAAWjC,WAASiC,WAAaQ,WAAUR,WAAhC;GAE3B,IAAII,gBACFA,eAAcJ,UAAWc,WAAUd,WAAV;EAC1B;EACFyB,EAAA,MAAArB;EAAAqB,EAAA,MAAAtB;EAAAsB,EAAA,MAAA1D;EAAA0D,EAAA,MAAAG;CAAA,OAAAA,KAAAH,EAAA;CAPDhF,kBAAgBmF,EAOf;CAYS,MAAAC,KAAA1C,MAAK2D,UAAL;CAAiB,IAAAhB;CAAA,IAAAL,EAAA,QAAAoB,aAAApB,EAAA,QAAAtC,MAAAH,oBAAAyC,EAAA,QAAAtC,MAAA4D,eAAAtB,EAAA,QAAAtC,MAAAtB,aAAA4D,EAAA,QAAAtC,MAAAL,cAAA2C,EAAA,QAAAtC,MAAAJ,wBAAA0C,EAAA,QAAA/D,MAAAiB,UAAA8C,EAAA,QAAAI,IAAA;EALJC,KAAA;GAAA/D,WACV8E;GAAS/B;GAAAjD,WAETsB,MAAKtB;GAAUmB,kBACRG,MAAKH;GAAiB8D,QAChCjB;GAAiBkB,aACZ5D,MAAK4D;GAAYjE,YAClBK,MAAKL;GAAWC,sBACNI,MAAKJ;GAAqBJ,QACxCjB,MAAKiB;EACf;EAAC8C,EAAA,MAAAoB;EAAApB,EAAA,MAAAtC,MAAAH;EAAAyC,EAAA,MAAAtC,MAAA4D;EAAAtB,EAAA,MAAAtC,MAAAtB;EAAA4D,EAAA,MAAAtC,MAAAL;EAAA2C,EAAA,MAAAtC,MAAAJ;EAAA0C,EAAA,MAAA/D,MAAAiB;EAAA8C,EAAA,MAAAI;EAAAJ,EAAA,MAAAK;CAAA,OAAAA,KAAAL,EAAA;CAfD,MAAA,EAAAuB,cAAAC,cAAApF,WAAAqF,YAAAC,mBAKIjH,mBAAmB4F,EAUtB;CAED,IAAAsB,sBAA0B1F;CAE1B,IAAIiE,kBAAgB;EAAA,IAAAI;EAAA,IAAAN,EAAA,QAAA/D,SAAA+D,EAAA,QAAA0B,gBAAA;GACIpB,KAAA;IAAA,GAAKrE;IAAKJ,OAAS6F;GAAe;GAAC1B,EAAA,MAAA/D;GAAA+D,EAAA,MAAA0B;GAAA1B,EAAA,MAAAM;EAAA,OAAAA,KAAAN,EAAA;EAAzD2B,sBAAsBA;CAAH;CACpB,IAAArB;CAAA,IAAAN,EAAA,QAAA4B,OAAAC,IAAA,2BAAA,GAAA;EAQCvB,KAAA,EAAApE,MAAQ,SAAS;EAAC8D,EAAA,MAAAM;CAAA,OAAAA,KAAAN,EAAA;CADpB,MAAA,EAAA8B,cAAAP,iBAAqC7G,kBACnC4F,IACAqB,qBACAP,SACF;CAIO,MAAAb,KAAAjE,YAAAyF,KAAAA,IAAAhD;CAAkC,IAAAyB;CAAA,IAAAR,EAAA,QAAAO,MAAAP,EAAA,QAAA8B,cAAA;EAFftB,KAAA;GAAA,GACrBsB;GAAYE,KACVzB;EACP;EAACP,EAAA,MAAAO;EAAAP,EAAA,MAAA8B;EAAA9B,EAAA,MAAAQ;CAAA,OAAAA,KAAAR,EAAA;CAHD,MAAAiC,sBAA0BzB;CAGxB,IAAAC;CAAA,IAAAT,EAAA,QAAAnD,gCAAAmD,EAAA,QAAA/D,SAAA+D,EAAA,QAAA1D,WAAA;EASAmE,MAAAyB,OAAA;GAgBE,IAAIrF,gCAAA,CAAiCA,6BAA6BqF,EAAE,GAAC,OAC5D;GAGT,MAAAC,aAAmB7F,WAASiC,WAAaQ,WAAUR;GAQnD,IAAIrD,kBAAkBgH,IAAIC,UAAU,GAAC,OAAS;GAE9C,MAAAC,mBAAyBF,GAAEG,QAAS,wBAAwB;GAC5D,IAAI,CAACD,kBAAgB;IACnB,IAAIF,GAAEG,QAAS,qBAAqB,GAAC,OAAS;IAK9C,IAAIH,GAAEG,QAAS,wBAAwB,GAAC;KACtCC,iBAAiBrG,MAAKJ,MAAO,GAAG,CAAC;KAAC,OAC3B;IAAK;IACb,OACM;GAAI;GAGb,IAAIuG,qBAAqBD,cAAcA,YAAUI,SAAWL,EAAE,GAAC,OACtD;GAAK,OAEP;EAAK;EACblC,EAAA,MAAAnD;EAAAmD,EAAA,MAAA/D;EAAA+D,EAAA,MAAA1D;EAAA0D,EAAA,MAAAS;CAAA,OAAAA,KAAAT,EAAA;CAjDH,MAAAwC,sCAA4C3H,SAC1C4F,EAiDF;CAUe,MAAAC,KAAAtE,aAAA2F,KAAAA;CAAsB,IAAApB;CAAA,IAAAX,EAAA,QAAA9B,WAAA8B,EAAA,QAAA/D,MAAAJ,OAAA;EAUhC8E,KAAA,OAAOzC,YAAY,aAAaA,QAAQjC,MAAKJ,KAAgB,IAA7DqC;EAA8D8B,EAAA,MAAA9B;EAAA8B,EAAA,MAAA/D,MAAAJ;EAAAmE,EAAA,MAAAW;CAAA,OAAAA,KAAAX,EAAA;CAAA,IAAAY;CAAA,IAAAZ,EAAA,QAAAyB,cAAAzB,EAAA,QAAA3D,aAAA2D,EAAA,QAAArC,eAAAqC,EAAA,QAAAxD,iBAAAwD,EAAA,QAAAvD,6BAAAuD,EAAA,QAAAlB,WAAAkB,EAAA,QAAAwB,aAAAiB,SAAAzC,EAAA,QAAAwC,uCAAAxC,EAAA,QAAA/D,MAAAiB,UAAA8C,EAAA,QAAApD,UAAAoD,EAAA,QAAAU,MAAAV,EAAA,QAAAW,IAAA;EAjBjEC,KAAA,oBAAC8C,UAAD;GACOrE,KAAAA;GACGzC;GACKe;GACL,QAAA1B,MAAKiB;GAEN,OAAAsE,aAAYiB;GACR,WAAA/B;GACCe;GAGGjF;GACYC;GAChBJ;GACmBmG,8BAAAA;GACrB1D;GAER6B,UAAAA;EAjBK,CAAA;EAkBEX,EAAA,MAAAyB;EAAAzB,EAAA,MAAA3D;EAAA2D,EAAA,MAAArC;EAAAqC,EAAA,MAAAxD;EAAAwD,EAAA,MAAAvD;EAAAuD,EAAA,MAAAlB;EAAAkB,EAAA,MAAAwB,aAAAiB;EAAAzC,EAAA,MAAAwC;EAAAxC,EAAA,MAAA/D,MAAAiB;EAAA8C,EAAA,MAAApD;EAAAoD,EAAA,MAAAU;EAAAV,EAAA,MAAAW;EAAAX,EAAA,MAAAY;CAAA,OAAAA,KAAAZ,EAAA;CAnBZ,MAAA0C,UACE9B;CAmBA,IAAAC;CAAA,IAAAb,EAAA,QAAAxD,iBAAAwD,EAAA,QAAAlB,WAAAkB,EAAA,QAAA0C,WAAA1C,EAAA,QAAAuB,gBAAAvB,EAAA,QAAAxC,sBAAAwC,EAAA,QAAA/D,SAAA+D,EAAA,QAAA/B,WAAA+B,EAAA,QAAAiC,qBAAA;EAGApB,MAAA,oBAAC,mBAAD;GACO,MAAA;GACE5E;GACOgG,cAAAA;GACDV,aAAAA;GACJtD;GACAyE;GACGrD;GACG7C;GACKgB;GACXsB;EAAO,CAAA;EAChBkB,EAAA,MAAAxD;EAAAwD,EAAA,MAAAlB;EAAAkB,EAAA,MAAA0C;EAAA1C,EAAA,MAAAuB;EAAAvB,EAAA,MAAAxC;EAAAwC,EAAA,MAAA/D;EAAA+D,EAAA,MAAA/B;EAAA+B,EAAA,MAAAiC;EAAAjC,EAAA,MAAAa;CAAA,OAAAA,MAAAb,EAAA;CAAA,OAXFa;AAWE;AAIN,SAAS8B,kBAAkBjF,OAAY;CACrC,MAAMsE,MAAMjH,gBAA6B2C,MAAMsE,GAAG;CAClD,MAAMY,aAAavI,OAAO,KAAK;CAC/B,MAAMgF,aACJ3B,MAAM2B;CAMRrE,wBAAsB;EACpB,IAAI0C,MAAMgB,gBACRhB,MAAMgB,eAAeH,UAAUyD,IAAIzD,WAAW;CAElD,CAAC;CAED,IAAI,EACFrC,MACAD,OACA6C,SACAtC,eACAqG,cAAc,CAAC,GACff,eAAe,CAAC,GAChBY,SACAzE,SACAT,qBAAqB,MACrBgC,gBACAC,2BACE/B;CAEJ,IAAIoF,UAAU;EACZ5G;EAEA4C,UAAU7B,WAAoB6B,UAAU7B,QAAQ,IAAI;EACpDT;EACAU,QAAQjB,MAAMiB;EACdsC;EACAC;EAIAjC;EACA,GAAGqF;CACL;CAYA,MAAME,6BAA6BlI,eAAe;EAChD,MAAMmI,gBAAgBC,SAASD;EAE/B,IAAI,CAACA,iBAAiBA,kBAAkBC,SAASC,MAAM,OAAO;EAC9D,IAAI,CAACF,cAAcG,aAAa,OAAO;EAEvC,OAAO,EACL9D,YAAYd,SAASgE,SAASS,aAAa,KAC3ChB,IAAIzD,SAASgE,SAASS,aAAa;CAEvC,CAAC;CAUD7I,gBAAgB;EACd,IAAI,CAAC8B,MAAMiB,UAAU0F,WAAWrE,SAAS;GACvCqE,WAAWrE,UAAU;GACrB,IAAI,CAACf,oBAAoB;GACzB,IAAIuF,2BAA2B,GAAG;GAClCf,IAAIzD,SAAS6E,MAAM;EACrB,OAAO,IAAInH,MAAMiB,QACf0F,WAAWrE,UAAU;CAEzB,GAAG;EAACtC,MAAMiB;EAAQM;EAAoBuF;CAA0B,CAAC;CAQjE,MAAMM,oBACJnH,SAAS,YAAY,EAAE,wBAAwB,GAAG,IAAI,CAAC;CAEzD,OACE,qBAAC,UAAD,EAAA,UAAA,CACE,oBAAC,gBAAD;EACO8F;EACL,GAAIF;EACJ,GAAIuB;EACJ,WACEpH,MAAMiB,UACNhB,SAAS,WACTA,SAAS,gBACTA,SAAS;EAEX,SAASD,MAAMqH;EAEdrF,UAAAA;CACa,CAAA,GAChB,oBAAC,cAAc,UAAf;EAAwB,OAAO6E;EAAUJ,UAAAA;CAAgC,CAAA,CACjE,EAAA,CAAA;AAEd"}

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.204.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.206.0 | Cube Dev Team */
 import { useLayoutEffect as useLayoutEffect$1 } from "../../../utils/react/useLayoutEffect.js";
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { Title as _Title } from "../../content/Title.js";
@@ -16,7 +16,7 @@ import { getControllerInternals } from "../../form/Form/modern/controller.js";
 import { ModernFormRoot as _ModernFormRoot } from "../../form/Form/ModernFormRoot.js";
 import { SubmitButton as _SubmitButton } from "../../form/Form/SubmitButton/SubmitButton.js";
 import { c } from "react/compiler-runtime";
-import { useEffect, useRef } from "react";
+import { useRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/overlays/Dialog/ModernDialogForm.tsx
 function finishSession(session) {
@@ -27,7 +27,7 @@ function finishSession(session) {
 }
 /** Modern dialogs own the editing session, including retained/hidden roots. */
 function ModernDialogForm(props) {
-	const $ = c(114);
+	const $ = c(109);
 	let action;
 	let autoComplete;
 	let cancelProps;
@@ -148,7 +148,7 @@ function ModernDialogForm(props) {
 		validationState = $[38];
 	}
 	const { t } = useI18n();
-	const { onClose, isOpen, registerUnsavedChanges } = useDialogContext();
+	const { onClose, isOpen } = useDialogContext();
 	let t0;
 	if ($[39] !== form) {
 		t0 = getControllerInternals(form, "<DialogForm>");
@@ -203,33 +203,8 @@ function ModernDialogForm(props) {
 	} else t3 = $[49];
 	useLayoutEffect$1(t3);
 	let t4;
-	let t5;
-	if ($[50] !== confirmDismiss || $[51] !== internals || $[52] !== preserve || $[53] !== registerUnsavedChanges) {
-		t4 = () => registerUnsavedChanges?.(() => {
-			if (confirmDismiss !== void 0) return confirmDismiss;
-			if (preserve) return false;
-			return internals.store.hasUserEdits?.() ?? false;
-		});
-		t5 = [
-			registerUnsavedChanges,
-			internals,
-			preserve,
-			confirmDismiss
-		];
-		$[50] = confirmDismiss;
-		$[51] = internals;
-		$[52] = preserve;
-		$[53] = registerUnsavedChanges;
-		$[54] = t4;
-		$[55] = t5;
-	} else {
-		t4 = $[54];
-		t5 = $[55];
-	}
-	useEffect(t4, t5);
-	let t6;
-	if ($[56] !== internals) {
-		t6 = () => {
+	if ($[50] !== internals) {
+		t4 = () => {
 			const own = session.current;
 			return () => {
 				queueMicrotask(() => {
@@ -237,44 +212,45 @@ function ModernDialogForm(props) {
 				});
 			};
 		};
-		$[56] = internals;
-		$[57] = t6;
-	} else t6 = $[57];
+		$[50] = internals;
+		$[51] = t4;
+	} else t4 = $[51];
+	let t5;
+	if ($[52] !== form || $[53] !== internals) {
+		t5 = [form, internals];
+		$[52] = form;
+		$[53] = internals;
+		$[54] = t5;
+	} else t5 = $[54];
+	useLayoutEffect$1(t4, t5);
+	const t6 = `${qa || ""}Dialog`;
 	let t7;
-	if ($[58] !== form || $[59] !== internals) {
-		t7 = [form, internals];
-		$[58] = form;
-		$[59] = internals;
-		$[60] = t7;
-	} else t7 = $[60];
-	useLayoutEffect$1(t6, t7);
-	const t8 = `${qa || ""}Dialog`;
-	let t9;
-	if ($[61] !== title) {
-		t9 = /* @__PURE__ */ jsx(Header, { children: /* @__PURE__ */ jsx(_Title, {
+	if ($[55] !== title) {
+		t7 = /* @__PURE__ */ jsx(Header, { children: /* @__PURE__ */ jsx(_Title, {
 			ellipsis: true,
 			children: title
 		}) });
-		$[61] = title;
-		$[62] = t9;
-	} else t9 = $[62];
-	const t10 = qa || "DialogForm";
+		$[55] = title;
+		$[56] = t7;
+	} else t7 = $[56];
+	const t8 = qa || "DialogForm";
+	const t9 = confirmDismiss ?? (preserve ? false : void 0);
+	let t10;
+	if ($[57] !== children || $[58] !== dismiss) {
+		t10 = typeof children === "function" ? children(dismiss) : children;
+		$[57] = children;
+		$[58] = dismiss;
+		$[59] = t10;
+	} else t10 = $[59];
 	let t11;
-	if ($[63] !== children || $[64] !== dismiss) {
-		t11 = typeof children === "function" ? children(dismiss) : children;
-		$[63] = children;
-		$[64] = dismiss;
-		$[65] = t11;
-	} else t11 = $[65];
+	if ($[60] !== t10) {
+		t11 = /* @__PURE__ */ jsx(Content, { children: t10 });
+		$[60] = t10;
+		$[61] = t11;
+	} else t11 = $[61];
 	let t12;
-	if ($[66] !== t11) {
-		t12 = /* @__PURE__ */ jsx(Content, { children: t11 });
-		$[66] = t11;
-		$[67] = t12;
-	} else t12 = $[67];
-	let t13;
-	if ($[68] !== cancelProps || $[69] !== danger || $[70] !== dismiss || $[71] !== noActions || $[72] !== qa || $[73] !== submitProps || $[74] !== t) {
-		t13 = !noActions && /* @__PURE__ */ jsx(Footer, { children: /* @__PURE__ */ jsxs(ButtonGroup, { children: [/* @__PURE__ */ jsx(_SubmitButton, {
+	if ($[62] !== cancelProps || $[63] !== danger || $[64] !== dismiss || $[65] !== noActions || $[66] !== qa || $[67] !== submitProps || $[68] !== t) {
+		t12 = !noActions && /* @__PURE__ */ jsx(Footer, { children: /* @__PURE__ */ jsxs(ButtonGroup, { children: [/* @__PURE__ */ jsx(_SubmitButton, {
 			qa: `${qa || ""}SubmitButton`,
 			theme: danger ? "danger" : void 0,
 			...withDefaultButtonText(submitProps, t("dialogForm.submit", "Submit"))
@@ -283,25 +259,26 @@ function ModernDialogForm(props) {
 			onPress: dismiss,
 			...withDefaultButtonText(cancelProps, t("dialogForm.cancel", "Cancel"))
 		})] }) });
-		$[68] = cancelProps;
-		$[69] = danger;
-		$[70] = dismiss;
-		$[71] = noActions;
-		$[72] = qa;
-		$[73] = submitProps;
-		$[74] = t;
-		$[75] = t13;
-	} else t13 = $[75];
-	let t14;
-	if ($[76] !== action || $[77] !== autoComplete || $[78] !== defaultValues || $[79] !== encType || $[80] !== form || $[81] !== isDisabled || $[82] !== isInvalid || $[83] !== isReadOnly || $[84] !== isValid || $[85] !== labelPosition || $[86] !== labelStyles || $[87] !== labelWidth || $[88] !== method || $[89] !== name || $[90] !== necessityIndicator || $[91] !== onReset || $[92] !== onResetCapture || $[93] !== onSubmit || $[94] !== onSubmitFailed || $[95] !== onValuesChange || $[96] !== orientation || $[97] !== requiredMark || $[98] !== showValid || $[99] !== submitValues || $[100] !== submitted || $[101] !== t10 || $[102] !== t12 || $[103] !== t13 || $[104] !== target || $[105] !== validateTrigger || $[106] !== validationState) {
-		t14 = /* @__PURE__ */ jsxs(_ModernFormRoot, {
+		$[62] = cancelProps;
+		$[63] = danger;
+		$[64] = dismiss;
+		$[65] = noActions;
+		$[66] = qa;
+		$[67] = submitProps;
+		$[68] = t;
+		$[69] = t12;
+	} else t12 = $[69];
+	let t13;
+	if ($[70] !== action || $[71] !== autoComplete || $[72] !== defaultValues || $[73] !== encType || $[74] !== form || $[75] !== isDisabled || $[76] !== isInvalid || $[77] !== isReadOnly || $[78] !== isValid || $[79] !== labelPosition || $[80] !== labelStyles || $[81] !== labelWidth || $[82] !== method || $[83] !== name || $[84] !== necessityIndicator || $[85] !== onReset || $[86] !== onResetCapture || $[87] !== onSubmit || $[88] !== onSubmitFailed || $[89] !== onValuesChange || $[90] !== orientation || $[91] !== requiredMark || $[92] !== showValid || $[93] !== submitValues || $[94] !== submitted || $[95] !== t11 || $[96] !== t12 || $[97] !== t8 || $[98] !== t9 || $[99] !== target || $[100] !== validateTrigger || $[101] !== validationState) {
+		t13 = /* @__PURE__ */ jsxs(_ModernFormRoot, {
 			"data-popover-keep-on-press": true,
 			form,
-			qa: t10,
+			qa: t8,
 			name,
 			defaultValues,
 			onSubmit,
 			onSubmitted: submitted,
+			confirmDismiss: t9,
 			onSubmitFailed,
 			onValuesChange,
 			onReset,
@@ -325,57 +302,58 @@ function ModernDialogForm(props) {
 			target,
 			encType,
 			autoComplete,
-			children: [t12, t13]
+			children: [t11, t12]
 		});
-		$[76] = action;
-		$[77] = autoComplete;
-		$[78] = defaultValues;
-		$[79] = encType;
-		$[80] = form;
-		$[81] = isDisabled;
-		$[82] = isInvalid;
-		$[83] = isReadOnly;
-		$[84] = isValid;
-		$[85] = labelPosition;
-		$[86] = labelStyles;
-		$[87] = labelWidth;
-		$[88] = method;
-		$[89] = name;
-		$[90] = necessityIndicator;
-		$[91] = onReset;
-		$[92] = onResetCapture;
-		$[93] = onSubmit;
-		$[94] = onSubmitFailed;
-		$[95] = onValuesChange;
-		$[96] = orientation;
-		$[97] = requiredMark;
-		$[98] = showValid;
-		$[99] = submitValues;
-		$[100] = submitted;
-		$[101] = t10;
-		$[102] = t12;
-		$[103] = t13;
-		$[104] = target;
-		$[105] = validateTrigger;
-		$[106] = validationState;
-		$[107] = t14;
-	} else t14 = $[107];
-	let t15;
-	if ($[108] !== dialogProps || $[109] !== dismiss || $[110] !== t14 || $[111] !== t8 || $[112] !== t9) {
-		t15 = /* @__PURE__ */ jsxs(Dialog, {
+		$[70] = action;
+		$[71] = autoComplete;
+		$[72] = defaultValues;
+		$[73] = encType;
+		$[74] = form;
+		$[75] = isDisabled;
+		$[76] = isInvalid;
+		$[77] = isReadOnly;
+		$[78] = isValid;
+		$[79] = labelPosition;
+		$[80] = labelStyles;
+		$[81] = labelWidth;
+		$[82] = method;
+		$[83] = name;
+		$[84] = necessityIndicator;
+		$[85] = onReset;
+		$[86] = onResetCapture;
+		$[87] = onSubmit;
+		$[88] = onSubmitFailed;
+		$[89] = onValuesChange;
+		$[90] = orientation;
+		$[91] = requiredMark;
+		$[92] = showValid;
+		$[93] = submitValues;
+		$[94] = submitted;
+		$[95] = t11;
+		$[96] = t12;
+		$[97] = t8;
+		$[98] = t9;
+		$[99] = target;
+		$[100] = validateTrigger;
+		$[101] = validationState;
+		$[102] = t13;
+	} else t13 = $[102];
+	let t14;
+	if ($[103] !== dialogProps || $[104] !== dismiss || $[105] !== t13 || $[106] !== t6 || $[107] !== t7) {
+		t14 = /* @__PURE__ */ jsxs(Dialog, {
 			...dialogProps,
-			qa: t8,
+			qa: t6,
 			onDismiss: dismiss,
-			children: [t9, t14]
+			children: [t7, t13]
 		});
-		$[108] = dialogProps;
-		$[109] = dismiss;
-		$[110] = t14;
-		$[111] = t8;
-		$[112] = t9;
-		$[113] = t15;
-	} else t15 = $[113];
-	return t15;
+		$[103] = dialogProps;
+		$[104] = dismiss;
+		$[105] = t13;
+		$[106] = t6;
+		$[107] = t7;
+		$[108] = t14;
+	} else t14 = $[108];
+	return t14;
 }
 //#endregion
 export { ModernDialogForm };