@cube-dev/ui-kit 0.187.2 → 0.189.0

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

@@ -1 +1 @@
-{"version":3,"file":"AlertDialog.js","names":["forwardRef","ReactNode","useI18n","chain","Button","ButtonGroup","Content","Footer","Header","Paragraph","Title","useDialogContext","CubeDialogProps","Dialog","CubeButtonProps","CubeAlertDialogActionsProps","confirm","secondary","cancel","CubeAlertDialogProps","Omit","content","danger","actions","title","noActions","AlertDialog","props","ref","$","_c","onClose","t","t0","t1","label","type","DEFAULT_CONFIRM_PROPS","t2","t3","DEFAULT_CANCEL_PROPS","otherProps","t4","t5","t6","styles","t7","t8","t9","cancelProps","confirmProps","secondaryProps","undefined","e","onPress","e_0","e_1","_AlertDialog","displayName"],"sources":["../../../../src/components/overlays/AlertDialog/AlertDialog.tsx"],"sourcesContent":["import { forwardRef, ReactNode } from 'react';\n\nimport { useI18n } from '../../../i18n';\nimport { chain } from '../../../utils/react';\nimport { Button } from '../../actions/Button/Button';\nimport { ButtonGroup } from '../../actions/ButtonGroup/ButtonGroup';\nimport { Content } from '../../content/Content';\nimport { Footer } from '../../content/Footer';\nimport { Header } from '../../content/Header';\nimport { Paragraph } from '../../content/Paragraph';\nimport { Title } from '../../content/Title';\nimport { useDialogContext } from '../Dialog/context';\nimport { CubeDialogProps, Dialog } from '../Dialog/Dialog';\n\nimport type { CubeButtonProps } from '../../actions/Button/Button';\n\nexport interface CubeAlertDialogActionsProps {\n  confirm?: CubeButtonProps | boolean;\n  secondary?: CubeButtonProps;\n  cancel?: CubeButtonProps | boolean;\n}\n\nexport interface CubeAlertDialogProps\n  extends Omit<CubeDialogProps, 'children'> {\n  content?: ReactNode;\n  /** Whether the dialog is an important prompt */\n  danger?: boolean;\n  actions?: CubeAlertDialogActionsProps;\n  title?: string;\n  noActions?: boolean;\n}\n\n/**\n * AlertDialogs are a specific type of Dialog. They display important information that users need to acknowledge.\n */\nfunction AlertDialog(props: CubeAlertDialogProps, ref) {\n  const { onClose } = useDialogContext();\n  const { t } = useI18n();\n\n  const DEFAULT_CONFIRM_PROPS: CubeButtonProps = {\n    label: t('alertDialog.confirm', 'Ok'),\n    type: 'primary',\n  };\n  const DEFAULT_CANCEL_PROPS: CubeButtonProps = {\n    label: t('alertDialog.cancel', 'Cancel'),\n  };\n\n  const { danger, actions, title, styles, noActions, content, ...otherProps } =\n    props;\n\n  let {\n    confirm: confirmProps,\n    secondary: secondaryProps,\n    cancel: cancelProps,\n  } = actions ?? {};\n\n  // the confirm button is present by default\n  confirmProps =\n    confirmProps !== false\n      ? {\n          ...DEFAULT_CONFIRM_PROPS,\n          ...(typeof confirmProps === 'object' ? confirmProps : null),\n        }\n      : undefined;\n\n  // the cancel button is hidden by default\n  cancelProps = cancelProps\n    ? {\n        ...DEFAULT_CANCEL_PROPS,\n        ...(typeof cancelProps === 'object' ? cancelProps : null),\n      }\n    : undefined;\n\n  return (\n    <Dialog ref={ref} role=\"alertdialog\" isDismissable={false} {...otherProps}>\n      {title ? (\n        <Header>\n          <Title>{title}</Title>\n        </Header>\n      ) : null}\n      {content ? (\n        <Content>\n          {typeof content === 'string' ? (\n            <Paragraph>{content}</Paragraph>\n          ) : (\n            content\n          )}\n        </Content>\n      ) : null}\n      {!noActions && (confirmProps || secondaryProps || cancelProps) ? (\n        <Footer>\n          <ButtonGroup>\n            {confirmProps && (\n              <Button\n                autoFocus\n                theme={danger ? 'danger' : undefined}\n                {...confirmProps}\n                onPress={(e) =>\n                  chain(\n                    (confirmProps as CubeButtonProps)?.onPress?.(e),\n                    onClose?.('confirm'),\n                  )\n                }\n              />\n            )}\n            {secondaryProps && (\n              <Button\n                {...secondaryProps}\n                onPress={(e) =>\n                  chain(secondaryProps?.onPress?.(e), onClose?.('secondary'))\n                }\n              />\n            )}\n            {cancelProps && (\n              <Button\n                {...cancelProps}\n                onPress={(e) =>\n                  chain(\n                    (cancelProps as CubeButtonProps)?.onPress?.(e),\n                    onClose?.('cancel'),\n                  )\n                }\n              />\n            )}\n          </ButtonGroup>\n        </Footer>\n      ) : null}\n    </Dialog>\n  );\n}\n\n/**\n * AlertDialogs are a specific type of Dialog. They display important information that users need to acknowledge.\n */\nconst _AlertDialog = forwardRef(AlertDialog);\n\n_AlertDialog.displayName = 'AlertDialog';\n\nexport { _AlertDialog as AlertDialog };\n"],"mappings":"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"}
+{"version":3,"file":"AlertDialog.js","names":["forwardRef","ReactNode","useI18n","chain","Button","ButtonGroup","Content","Footer","Header","Paragraph","Title","useDialogContext","withDefaultButtonText","CubeDialogProps","Dialog","CubeButtonProps","CubeAlertDialogActionsProps","confirm","secondary","cancel","CubeAlertDialogProps","Omit","content","danger","actions","title","noActions","AlertDialog","props","ref","$","_c","onClose","t","otherProps","t0","t1","t2","styles","t3","t4","t5","cancelProps","confirmProps","secondaryProps","type","undefined","e","onPress","e_0","e_1","_AlertDialog","displayName"],"sources":["../../../../src/components/overlays/AlertDialog/AlertDialog.tsx"],"sourcesContent":["import { forwardRef, ReactNode } from 'react';\n\nimport { useI18n } from '../../../i18n';\nimport { chain } from '../../../utils/react';\nimport { Button } from '../../actions/Button/Button';\nimport { ButtonGroup } from '../../actions/ButtonGroup/ButtonGroup';\nimport { Content } from '../../content/Content';\nimport { Footer } from '../../content/Footer';\nimport { Header } from '../../content/Header';\nimport { Paragraph } from '../../content/Paragraph';\nimport { Title } from '../../content/Title';\nimport { useDialogContext } from '../Dialog/context';\nimport { withDefaultButtonText } from '../Dialog/default-button-text';\nimport { CubeDialogProps, Dialog } from '../Dialog/Dialog';\n\nimport type { CubeButtonProps } from '../../actions/Button/Button';\n\nexport interface CubeAlertDialogActionsProps {\n  confirm?: CubeButtonProps | boolean;\n  secondary?: CubeButtonProps;\n  cancel?: CubeButtonProps | boolean;\n}\n\nexport interface CubeAlertDialogProps\n  extends Omit<CubeDialogProps, 'children'> {\n  content?: ReactNode;\n  /** Whether the dialog is an important prompt */\n  danger?: boolean;\n  actions?: CubeAlertDialogActionsProps;\n  title?: string;\n  noActions?: boolean;\n}\n\n/**\n * AlertDialogs are a specific type of Dialog. They display important information that users need to acknowledge.\n */\nfunction AlertDialog(props: CubeAlertDialogProps, ref) {\n  const { onClose } = useDialogContext();\n  const { t } = useI18n();\n\n  const { danger, actions, title, styles, noActions, content, ...otherProps } =\n    props;\n\n  let {\n    confirm: confirmProps,\n    secondary: secondaryProps,\n    cancel: cancelProps,\n  } = actions ?? {};\n\n  // the confirm button is present by default\n  confirmProps =\n    confirmProps !== false\n      ? withDefaultButtonText(\n          {\n            type: 'primary',\n            ...(typeof confirmProps === 'object' ? confirmProps : null),\n          },\n          t('alertDialog.confirm', 'Ok'),\n        )\n      : undefined;\n\n  // the cancel button is hidden by default\n  cancelProps = cancelProps\n    ? withDefaultButtonText(\n        typeof cancelProps === 'object' ? cancelProps : undefined,\n        t('alertDialog.cancel', 'Cancel'),\n      )\n    : undefined;\n\n  return (\n    <Dialog ref={ref} role=\"alertdialog\" isDismissable={false} {...otherProps}>\n      {title ? (\n        <Header>\n          <Title>{title}</Title>\n        </Header>\n      ) : null}\n      {content ? (\n        <Content>\n          {typeof content === 'string' ? (\n            <Paragraph>{content}</Paragraph>\n          ) : (\n            content\n          )}\n        </Content>\n      ) : null}\n      {!noActions && (confirmProps || secondaryProps || cancelProps) ? (\n        <Footer>\n          <ButtonGroup>\n            {confirmProps && (\n              <Button\n                autoFocus\n                theme={danger ? 'danger' : undefined}\n                {...confirmProps}\n                onPress={(e) =>\n                  chain(\n                    (confirmProps as CubeButtonProps)?.onPress?.(e),\n                    onClose?.('confirm'),\n                  )\n                }\n              />\n            )}\n            {secondaryProps && (\n              <Button\n                {...secondaryProps}\n                onPress={(e) =>\n                  chain(secondaryProps?.onPress?.(e), onClose?.('secondary'))\n                }\n              />\n            )}\n            {cancelProps && (\n              <Button\n                {...cancelProps}\n                onPress={(e) =>\n                  chain(\n                    (cancelProps as CubeButtonProps)?.onPress?.(e),\n                    onClose?.('cancel'),\n                  )\n                }\n              />\n            )}\n          </ButtonGroup>\n        </Footer>\n      ) : null}\n    </Dialog>\n  );\n}\n\n/**\n * AlertDialogs are a specific type of Dialog. They display important information that users need to acknowledge.\n */\nconst _AlertDialog = forwardRef(AlertDialog);\n\n_AlertDialog.displayName = 'AlertDialog';\n\nexport { _AlertDialog as AlertDialog };\n"],"mappings":"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"}

package/dist/components/overlays/AlertDialog/AlertDialogApiProvider.d.ts

@@ -3,70 +3,77 @@ import { AlertDialogResolveStatus, DialogProps } from "./types.js";
 import "react/jsx-runtime";
 
 //#region src/components/overlays/AlertDialog/AlertDialogApiProvider.d.ts
-interface DialogApi {
-  open: (dialogProps: DialogProps, params?: DialogApiParams) => Promise<AlertDialogResolveStatus>;
+interface AlertDialogApi {
+  /**
+   * Opens the dialog. Resolves with the action the user picked. Rejects with
+   * `undefined` when the dialog closes without one (Cancel, dismissal or an
+   * aborted `cancelToken`), and with an `Error` when it cannot open.
+   */
+  open: (dialogProps: DialogProps, params?: AlertDialogApiParams) => Promise<AlertDialogResolveStatus>;
 }
-interface DialogApiParams {
+interface AlertDialogApiParams {
+  /** Closes the dialog when aborted, rejecting the promise with `undefined`. */
   cancelToken?: AbortSignal;
 }
-/**
- * @internal Do not use it in your code!
- */
 /**
  * Hook gives the ability to open `<AlertDialog />` imperatively.
  *
- * ***Important*** it's commonly a bad practice when you open multiple dialogs in a row;
- * that means this api will reject all dialogs when there is already open one
+ * `open` resolves with the action the user picked. It rejects with `undefined`
+ * when the user cancels or dismisses the dialog, or its `cancelToken` aborts,
+ * and with an `Error` when the dialog cannot open. Handle the rejection, and
+ * tell the two apart: a cancel is not a failure.
  *
- * @example calling in a side effect
- * const alertDialogAPI = useAlertDialogAPI();
+ * ***Important*** only one alert dialog can be open at a time: `open` rejects
+ * while another one is open. A dialog that is already closing gives way.
  *
- * useEffect(() => {
- *   const abortDialog = new AbortController();
- *   const openedDialog = alertDialogAPI.open({
- *     title: 'Are you sure?',
- *     content: <Paragraph>Test content</Paragraph>
- *   }, {
- *      cancelToken: abortDialog.signal
- *   });
+ * @example opening dialog on Button click.
+ * const { open } = useAlertDialogAPI();
+ *
+ * const onPress = async () => {
+ *   let status;
  *
- *   openedDialog
- *     .then((status) => {
- *       // User confirmed or used secondary action
- *       if (status === 'confirm') {
- *         // Handle confirm
- *       } else if (status === 'secondary') {
- *         // Handle secondary action
- *       }
- *     })
- *     .catch(() => {
- *       // User cancelled or dismissed the dialog
- *       // Handle cancel/dismiss
- *     })
+ *   try {
+ *     status = await open({
+ *       title: 'Delete the item?',
+ *       danger: true,
+ *       actions: { confirm: { children: 'Delete' }, cancel: true },
+ *     });
+ *   } catch (reason) {
+ *     // Cancel or dismissal
+ *     if (reason === undefined) return;
  *
- *   return () => {
- *     abortDialog.abort();
+ *     // A real failure, e.g. another dialog is already open
+ *     throw reason;
  *   }
- * }, [])
  *
- * @example opening dialog on Button click.
- * const alertDialogAPI = useAlertDialogAPI();
+ *   if (status === 'confirm') {
+ *     // Handle confirm
+ *   }
+ * };
+ *
+ * return <Button onPress={onPress}>Delete</Button>
+ *
+ * @example closing the dialog from code with a cancel token.
+ * const { open } = useAlertDialogAPI();
+ * const controllerRef = useRef<AbortController | null>(null);
  *
- * const onPress = useCallback(() => {
- *   alertDialogAPI.open({...})
- *     .then((status) => {
- *       if (status === 'confirm') {
- *         // Handle confirm
- *       }
- *     })
- *     .catch(() => {
- *       // Handle cancel/dismiss
- *     })
- * }, [])
+ * const onPress = () => {
+ *   // A signal stays aborted, so every dialog needs a fresh controller.
+ *   controllerRef.current = new AbortController();
+ *
+ *   open(
+ *     { title: 'Waiting for approval', actions: { confirm: { children: 'Hide' } } },
+ *     { cancelToken: controllerRef.current.signal },
+ *   ).catch((reason) => {
+ *     // Aborting rejects with `undefined`, like Cancel does
+ *     if (reason !== undefined) throw reason;
+ *   });
+ * };
  *
- * return <Button onPress={onPress}>New issue</Button>
+ * // Later, e.g. when the approval arrives:
+ * controllerRef.current?.abort();
  */
-declare function useAlertDialogAPI(): DialogApi;
+declare function useAlertDialogAPI(): AlertDialogApi;
 //#endregion
-export { useAlertDialogAPI };
+export { AlertDialogApi, AlertDialogApiParams, useAlertDialogAPI };
 //# sourceMappingURL=AlertDialogApiProvider.d.ts.map

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.187.2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.189.0 | Cube Dev Team */
 import { AlertDialogZone } from "./AlertDialogZone.js";
 import { c } from "react-compiler-runtime";
 import { createContext, useContext, useRef, useState } from "react";
@@ -29,10 +29,11 @@ function AlertDialogApiProvider(props) {
 					isVisible: true
 				}
 			};
+			const onAbort = () => currentDialog.meta.reject(void 0);
 			const close = () => {
 				if (currentDialog.meta.isClosed) return;
 				currentDialog.meta.isClosed = true;
-				params.cancelToken?.removeEventListener("abort", close);
+				cancelToken?.removeEventListener("abort", onAbort);
 				setOpenedDialog((currentState) => currentState?.meta.id !== currentId ? currentState : {
 					props: currentState.props,
 					meta: {
@@ -42,8 +43,7 @@ function AlertDialogApiProvider(props) {
 				});
 				setTimeout(() => setOpenedDialog((currentState_0) => currentState_0?.meta.id !== currentId ? currentState_0 : null), 300);
 			};
-			if (cancelToken?.aborted) return new Promise(_temp);
-			cancelToken?.addEventListener("abort", close, { once: true });
+			if (cancelToken?.aborted) return Promise.reject(void 0);
 			currentDialog.meta.promise = new Promise((resolve, reject) => {
 				currentDialog.meta.resolve = (status) => {
 					close();
@@ -54,6 +54,7 @@ function AlertDialogApiProvider(props) {
 					reject(reason);
 				};
 			});
+			cancelToken?.addEventListener("abort", onAbort, { once: true });
 			currentDialog.props = {
 				...restProps,
 				onDismiss: (e) => {
@@ -62,7 +63,7 @@ function AlertDialogApiProvider(props) {
 				}
 			};
 			setOpenedDialog((openedDialog_0) => {
-				if (openedDialog_0 !== null) {
+				if (openedDialog_0 !== null && !openedDialog_0.meta.isClosed) {
 					currentDialog.meta.reject(/* @__PURE__ */ new Error("Another dialog is already opened. It's a bad practice to open more than one <AlertDialog /> at the same time"));
 					return openedDialog_0;
 				}
@@ -94,58 +95,61 @@ function AlertDialogApiProvider(props) {
 /**
 * Hook gives the ability to open `<AlertDialog />` imperatively.
 *
-* ***Important*** it's commonly a bad practice when you open multiple dialogs in a row;
-* that means this api will reject all dialogs when there is already open one
+* `open` resolves with the action the user picked. It rejects with `undefined`
+* when the user cancels or dismisses the dialog, or its `cancelToken` aborts,
+* and with an `Error` when the dialog cannot open. Handle the rejection, and
+* tell the two apart: a cancel is not a failure.
 *
-* @example calling in a side effect
-* const alertDialogAPI = useAlertDialogAPI();
+* ***Important*** only one alert dialog can be open at a time: `open` rejects
+* while another one is open. A dialog that is already closing gives way.
 *
-* useEffect(() => {
-*   const abortDialog = new AbortController();
-*   const openedDialog = alertDialogAPI.open({
-*     title: 'Are you sure?',
-*     content: <Paragraph>Test content</Paragraph>
-*   }, {
-*      cancelToken: abortDialog.signal
-*   });
+* @example opening dialog on Button click.
+* const { open } = useAlertDialogAPI();
+*
+* const onPress = async () => {
+*   let status;
 *
-*   openedDialog
-*     .then((status) => {
-*       // User confirmed or used secondary action
-*       if (status === 'confirm') {
-*         // Handle confirm
-*       } else if (status === 'secondary') {
-*         // Handle secondary action
-*       }
-*     })
-*     .catch(() => {
-*       // User cancelled or dismissed the dialog
-*       // Handle cancel/dismiss
-*     })
+*   try {
+*     status = await open({
+*       title: 'Delete the item?',
+*       danger: true,
+*       actions: { confirm: { children: 'Delete' }, cancel: true },
+*     });
+*   } catch (reason) {
+*     // Cancel or dismissal
+*     if (reason === undefined) return;
 *
-*   return () => {
-*     abortDialog.abort();
+*     // A real failure, e.g. another dialog is already open
+*     throw reason;
 *   }
-* }, [])
 *
-* @example opening dialog on Button click.
-* const alertDialogAPI = useAlertDialogAPI();
+*   if (status === 'confirm') {
+*     // Handle confirm
+*   }
+* };
 *
-* const onPress = useCallback(() => {
-*   alertDialogAPI.open({...})
-*     .then((status) => {
-*       if (status === 'confirm') {
-*         // Handle confirm
-*       }
-*     })
-*     .catch(() => {
-*       // Handle cancel/dismiss
-*     })
-* }, [])
+* return <Button onPress={onPress}>Delete</Button>
+*
+* @example closing the dialog from code with a cancel token.
+* const { open } = useAlertDialogAPI();
+* const controllerRef = useRef<AbortController | null>(null);
+*
+* const onPress = () => {
+*   // A signal stays aborted, so every dialog needs a fresh controller.
+*   controllerRef.current = new AbortController();
+*
+*   open(
+*     { title: 'Waiting for approval', actions: { confirm: { children: 'Hide' } } },
+*     { cancelToken: controllerRef.current.signal },
+*   ).catch((reason) => {
+*     // Aborting rejects with `undefined`, like Cancel does
+*     if (reason !== undefined) throw reason;
+*   });
+* };
 *
-* return <Button onPress={onPress}>New issue</Button>
+* // Later, e.g. when the approval arrives:
+* controllerRef.current?.abort();
 */
-function _temp() {}
 function useAlertDialogAPI() {
 	const api = useContext(DialogApiContext);
 	invariant(api !== null, "You can't use DialogApi outside of <Root /> component. Please, check if your component is descendant of <Root/> component");

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

@@ -1 +1 @@
-{"version":3,"file":"AlertDialogApiProvider.js","names":["createContext","useContext","useMemo","useRef","useState","invariant","AlertDialogZone","AlertDialogResolveStatus","Dialog","DialogProps","DialogApiContext","DialogApi","open","dialogProps","params","DialogApiParams","Promise","cancelToken","AbortSignal","AlertDialogApiProvider","props","$","_c","openedDialog","setOpenedDialog","id","t0","Symbol","for","t1","undefined","onDismiss","restProps","currentId","current","currentDialog","meta","isClosed","isVisible","close","removeEventListener","currentState","setTimeout","currentState_0","aborted","_temp","addEventListener","once","promise","resolve","reject","status","reason","e","openedDialog_0","Error","api","t2","children","useAlertDialogAPI"],"sources":["../../../../src/components/overlays/AlertDialog/AlertDialogApiProvider.tsx"],"sourcesContent":["import { createContext, useContext, useMemo, useRef, useState } from 'react';\nimport invariant from 'tiny-invariant';\n\nimport { AlertDialogZone } from './AlertDialogZone';\nimport { AlertDialogResolveStatus, Dialog, DialogProps } from './types';\n\nconst DialogApiContext = createContext<DialogApi | null>(null);\n\ninterface DialogApi {\n  open: (\n    dialogProps: DialogProps,\n    params?: DialogApiParams,\n  ) => Promise<AlertDialogResolveStatus>;\n}\n\ninterface DialogApiParams {\n  cancelToken?: AbortSignal;\n}\n\n/**\n * @internal Do not use it in your code!\n */\nexport function AlertDialogApiProvider(props) {\n  const [openedDialog, setOpenedDialog] = useState<Dialog | null>(null);\n  const id = useRef(0);\n\n  const api = useMemo<DialogApi>(\n    () => ({\n      open: (dialogProps, params = {}) => {\n        const { onDismiss, ...restProps } = dialogProps;\n        const { cancelToken } = params;\n        const currentId = ++id.current;\n        const currentDialog = {\n          props: null,\n          meta: { id: currentId, isClosed: false, isVisible: true },\n        } as unknown as Dialog;\n\n        const close = () => {\n          if (currentDialog.meta.isClosed) return;\n\n          currentDialog.meta.isClosed = true;\n          params.cancelToken?.removeEventListener('abort', close);\n\n          setOpenedDialog((currentState) =>\n            currentState?.meta.id !== currentId\n              ? currentState\n              : {\n                  props: currentState.props,\n                  meta: { ...currentState.meta, isVisible: false },\n                },\n          );\n\n          setTimeout(\n            () =>\n              setOpenedDialog((currentState) =>\n                currentState?.meta.id !== currentId ? currentState : null,\n              ),\n            300,\n          );\n        };\n\n        if (cancelToken?.aborted)\n          return new Promise<AlertDialogResolveStatus>(() => {});\n        cancelToken?.addEventListener('abort', close, { once: true });\n\n        currentDialog.meta.promise = new Promise((resolve, reject) => {\n          currentDialog.meta.resolve = (status: AlertDialogResolveStatus) => {\n            close();\n            resolve(status);\n          };\n          currentDialog.meta.reject = (reason) => {\n            close();\n            reject(reason);\n          };\n        });\n\n        currentDialog.props = {\n          ...restProps,\n          onDismiss: (e) => {\n            onDismiss?.(e);\n            currentDialog.meta.reject(undefined);\n          },\n        };\n\n        setOpenedDialog((openedDialog) => {\n          // we already have opened dialog, so we reject opening another\n          if (openedDialog !== null) {\n            currentDialog.meta.reject(\n              new Error(\n                \"Another dialog is already opened. It's a bad practice to open more than one <AlertDialog /> at the same time\",\n              ),\n            );\n\n            return openedDialog;\n          }\n\n          return currentDialog;\n        });\n\n        return currentDialog.meta.promise;\n      },\n    }),\n    [],\n  );\n\n  return (\n    <DialogApiContext.Provider value={api}>\n      <AlertDialogZone openedDialog={openedDialog} />\n      {props.children}\n    </DialogApiContext.Provider>\n  );\n}\n\n/**\n * Hook gives the ability to open `<AlertDialog />` imperatively.\n *\n * ***Important*** it's commonly a bad practice when you open multiple dialogs in a row;\n * that means this api will reject all dialogs when there is already open one\n *\n * @example calling in a side effect\n * const alertDialogAPI = useAlertDialogAPI();\n *\n * useEffect(() => {\n *   const abortDialog = new AbortController();\n *   const openedDialog = alertDialogAPI.open({\n *     title: 'Are you sure?',\n *     content: <Paragraph>Test content</Paragraph>\n *   }, {\n *      cancelToken: abortDialog.signal\n *   });\n *\n *   openedDialog\n *     .then((status) => {\n *       // User confirmed or used secondary action\n *       if (status === 'confirm') {\n *         // Handle confirm\n *       } else if (status === 'secondary') {\n *         // Handle secondary action\n *       }\n *     })\n *     .catch(() => {\n *       // User cancelled or dismissed the dialog\n *       // Handle cancel/dismiss\n *     })\n *\n *   return () => {\n *     abortDialog.abort();\n *   }\n * }, [])\n *\n * @example opening dialog on Button click.\n * const alertDialogAPI = useAlertDialogAPI();\n *\n * const onPress = useCallback(() => {\n *   alertDialogAPI.open({...})\n *     .then((status) => {\n *       if (status === 'confirm') {\n *         // Handle confirm\n *       }\n *     })\n *     .catch(() => {\n *       // Handle cancel/dismiss\n *     })\n * }, [])\n *\n * return <Button onPress={onPress}>New issue</Button>\n */\nexport function useAlertDialogAPI(): DialogApi {\n  const api = useContext(DialogApiContext);\n\n  invariant(\n    api !== null,\n    \"You can't use DialogApi outside of <Root /> component. Please, check if your component is descendant of <Root/> component\",\n  );\n\n  return api;\n}\n"],"mappings":";;;;;;;;AAMA,MAAMU,mBAAmBV,cAAgC,KAAK;;;;AAgB9D,SAAOmB,uBAAAC,OAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CACL,MAAA,CAAAC,cAAAC,mBAAwCpB,SAAwB,KAAK;CACrE,MAAAqB,KAAWtB,OAAO,EAAE;CAAC,IAAAuB;AAAA,KAAAL,EAAA,OAAAM,OAAAC,IAAA,4BAAA,EAAA;AAGZF,OAAA,EAAAd,OACCC,aAAAgB,OAAA;GAAc,MAAAf,SAAAe,OAAAC,SAAA,EAAW,GAAXD;GAClB,MAAA,EAAAE,WAAA,GAAAC,cAAoCnB;GACpC,MAAA,EAAAI,gBAAwBH;GACxB,MAAAmB,YAAoBR,GAAES,UAAFT,GAAES,UAAQ;GAC9B,MAAAC,gBAAsB;IAAAf,OACb;IAAIgB,MACL;KAAAX,IAAMQ;KAASI,UAAY;KAAKC,WAAa;KAAK;IACzD;GAED,MAAAC,cAAc;AACZ,QAAIJ,cAAaC,KAAKC,SAAS;AAE/BF,kBAAaC,KAAKC,WAAY;AAC9BvB,WAAMG,aAAiCuB,oBAAC,SAASD,MAAM;AAEvDf,qBAAgBiB,iBACdA,cAAYL,KAASX,OAAKQ,YAA1BQ,eAAA;KAAArB,OAGaqB,aAAYrB;KAAMgB,MACnB;MAAA,GAAKK,aAAYL;MAAKE,WAAa;MAAM;KAEvD,CAAC;AAEDI,qBAEIlB,iBAAgBmB,mBACdF,gBAAYL,KAASX,OAAKQ,YAA1BU,iBAAA,KACD,EACH,IACD;;AAGH,OAAI1B,aAAW2B,QAAS,QACf,IAAI5B,QAAkC6B,MAAS;AACxD5B,gBAAW6B,iBAAmB,SAASP,OAAO,EAAAQ,MAAQ,MAAM,CAAC;AAE7DZ,iBAAaC,KAAKY,UAAW,IAAIhC,SAAQiC,SAAAC,WAAA;AACvCf,kBAAaC,KAAKa,WAAWE,WAAA;AAC3BZ,YAAO;AACPU,aAAQE,OAAO;;AAEjBhB,kBAAaC,KAAKc,UAAUE,WAAA;AAC1Bb,YAAO;AACPW,YAAOE,OAAO;;KAPQ;AAW1BjB,iBAAaf,QAAS;IAAA,GACjBY;IAASD,YACDsB,MAAA;AACTtB,iBAAYsB,EAAE;AACdlB,mBAAaC,KAAKc,OAAQpB,OAAU;;IAJrB;AAQnBN,oBAAgB8B,mBAAA;AAEd,QAAI/B,mBAAiB,MAAI;AACvBY,mBAAaC,KAAKc,uBAChB,IAAIK,MACF,+GAEJ,CAAC;AAAA,YAEMhC;;AACR,WAEMY;KACP;AAAA,UAEKA,cAAaC,KAAKY;KAE5B;AAAA3B,IAAA,KAAAK;OAAAA,MAAAL,EAAA;CA3EH,MAAAmC,MACS9B;CA4EP,IAAAG;AAAA,KAAAR,EAAA,OAAAE,cAAA;AAIEM,OAAA,oBAAC,mBAA8BN,eAAgB;AAAAF,IAAA,KAAAE;AAAAF,IAAA,KAAAQ;OAAAA,MAAAR,EAAA;CAAA,IAAAoC;AAAA,KAAApC,EAAA,OAAAD,MAAAsC,YAAArC,EAAA,OAAAQ,IAAA;AADjD4B,OAAA,qBAAA,iBAAA;GAAkCD,OAAAA;cAChC3B,IACCT,MAAKsC;IACoB;AAAArC,IAAA,KAAAD,MAAAsC;AAAArC,IAAA,KAAAQ;AAAAR,IAAA,KAAAoC;OAAAA,MAAApC,EAAA;AAAA,QAH5BoC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AApFG,SAAAZ,QAAA;AAiJP,SAAOc,oBAAA;CACL,MAAAH,MAAYvD,WAAWS,iBAAiB;AAExCL,WACEmD,QAAQ,MACR,4HACD;AAAA,QAEMA"}
+{"version":3,"file":"AlertDialogApiProvider.js","names":["createContext","useContext","useMemo","useRef","useState","invariant","AlertDialogZone","AlertDialogResolveStatus","Dialog","DialogProps","DialogApiContext","AlertDialogApi","open","dialogProps","params","AlertDialogApiParams","Promise","cancelToken","AbortSignal","AlertDialogApiProvider","props","$","_c","openedDialog","setOpenedDialog","id","t0","Symbol","for","t1","undefined","onDismiss","restProps","currentId","current","currentDialog","meta","isClosed","isVisible","onAbort","reject","close","removeEventListener","currentState","setTimeout","currentState_0","aborted","promise","resolve","status","reason","addEventListener","once","e","openedDialog_0","Error","api","t2","children","useAlertDialogAPI"],"sources":["../../../../src/components/overlays/AlertDialog/AlertDialogApiProvider.tsx"],"sourcesContent":["import { createContext, useContext, useMemo, useRef, useState } from 'react';\nimport invariant from 'tiny-invariant';\n\nimport { AlertDialogZone } from './AlertDialogZone';\nimport { AlertDialogResolveStatus, Dialog, DialogProps } from './types';\n\nconst DialogApiContext = createContext<AlertDialogApi | null>(null);\n\nexport interface AlertDialogApi {\n  /**\n   * Opens the dialog. Resolves with the action the user picked. Rejects with\n   * `undefined` when the dialog closes without one (Cancel, dismissal or an\n   * aborted `cancelToken`), and with an `Error` when it cannot open.\n   */\n  open: (\n    dialogProps: DialogProps,\n    params?: AlertDialogApiParams,\n  ) => Promise<AlertDialogResolveStatus>;\n}\n\nexport interface AlertDialogApiParams {\n  /** Closes the dialog when aborted, rejecting the promise with `undefined`. */\n  cancelToken?: AbortSignal;\n}\n\n/**\n * @internal Do not use it in your code!\n */\nexport function AlertDialogApiProvider(props) {\n  const [openedDialog, setOpenedDialog] = useState<Dialog | null>(null);\n  const id = useRef(0);\n\n  // A context value: consumers rely on its identity staying the same.\n  const api = useMemo<AlertDialogApi>(\n    () => ({\n      open: (dialogProps, params = {}) => {\n        const { onDismiss, ...restProps } = dialogProps;\n        const { cancelToken } = params;\n        const currentId = ++id.current;\n        const currentDialog = {\n          props: null,\n          meta: { id: currentId, isClosed: false, isVisible: true },\n        } as unknown as Dialog;\n\n        // Aborting is a cancel, so it settles the promise the way Cancel does.\n        const onAbort = () => currentDialog.meta.reject(undefined);\n\n        const close = () => {\n          if (currentDialog.meta.isClosed) return;\n\n          currentDialog.meta.isClosed = true;\n          cancelToken?.removeEventListener('abort', onAbort);\n\n          setOpenedDialog((currentState) =>\n            currentState?.meta.id !== currentId\n              ? currentState\n              : {\n                  props: currentState.props,\n                  meta: { ...currentState.meta, isVisible: false },\n                },\n          );\n\n          setTimeout(\n            () =>\n              setOpenedDialog((currentState) =>\n                currentState?.meta.id !== currentId ? currentState : null,\n              ),\n            300,\n          );\n        };\n\n        if (cancelToken?.aborted) return Promise.reject(undefined);\n\n        currentDialog.meta.promise = new Promise((resolve, reject) => {\n          currentDialog.meta.resolve = (status: AlertDialogResolveStatus) => {\n            close();\n            resolve(status);\n          };\n          currentDialog.meta.reject = (reason) => {\n            close();\n            reject(reason);\n          };\n        });\n\n        cancelToken?.addEventListener('abort', onAbort, { once: true });\n\n        currentDialog.props = {\n          ...restProps,\n          onDismiss: (e) => {\n            onDismiss?.(e);\n            currentDialog.meta.reject(undefined);\n          },\n        };\n\n        setOpenedDialog((openedDialog) => {\n          // Another dialog is open, so this one can't be. One that is only\n          // animating out gives way: its cleanup checks the id, so it leaves\n          // the new dialog alone.\n          if (openedDialog !== null && !openedDialog.meta.isClosed) {\n            currentDialog.meta.reject(\n              new Error(\n                \"Another dialog is already opened. It's a bad practice to open more than one <AlertDialog /> at the same time\",\n              ),\n            );\n\n            return openedDialog;\n          }\n\n          return currentDialog;\n        });\n\n        return currentDialog.meta.promise;\n      },\n    }),\n    [],\n  );\n\n  return (\n    <DialogApiContext.Provider value={api}>\n      <AlertDialogZone openedDialog={openedDialog} />\n      {props.children}\n    </DialogApiContext.Provider>\n  );\n}\n\n/**\n * Hook gives the ability to open `<AlertDialog />` imperatively.\n *\n * `open` resolves with the action the user picked. It rejects with `undefined`\n * when the user cancels or dismisses the dialog, or its `cancelToken` aborts,\n * and with an `Error` when the dialog cannot open. Handle the rejection, and\n * tell the two apart: a cancel is not a failure.\n *\n * ***Important*** only one alert dialog can be open at a time: `open` rejects\n * while another one is open. A dialog that is already closing gives way.\n *\n * @example opening dialog on Button click.\n * const { open } = useAlertDialogAPI();\n *\n * const onPress = async () => {\n *   let status;\n *\n *   try {\n *     status = await open({\n *       title: 'Delete the item?',\n *       danger: true,\n *       actions: { confirm: { children: 'Delete' }, cancel: true },\n *     });\n *   } catch (reason) {\n *     // Cancel or dismissal\n *     if (reason === undefined) return;\n *\n *     // A real failure, e.g. another dialog is already open\n *     throw reason;\n *   }\n *\n *   if (status === 'confirm') {\n *     // Handle confirm\n *   }\n * };\n *\n * return <Button onPress={onPress}>Delete</Button>\n *\n * @example closing the dialog from code with a cancel token.\n * const { open } = useAlertDialogAPI();\n * const controllerRef = useRef<AbortController | null>(null);\n *\n * const onPress = () => {\n *   // A signal stays aborted, so every dialog needs a fresh controller.\n *   controllerRef.current = new AbortController();\n *\n *   open(\n *     { title: 'Waiting for approval', actions: { confirm: { children: 'Hide' } } },\n *     { cancelToken: controllerRef.current.signal },\n *   ).catch((reason) => {\n *     // Aborting rejects with `undefined`, like Cancel does\n *     if (reason !== undefined) throw reason;\n *   });\n * };\n *\n * // Later, e.g. when the approval arrives:\n * controllerRef.current?.abort();\n */\nexport function useAlertDialogAPI(): AlertDialogApi {\n  const api = useContext(DialogApiContext);\n\n  invariant(\n    api !== null,\n    \"You can't use DialogApi outside of <Root /> component. Please, check if your component is descendant of <Root/> component\",\n  );\n\n  return api;\n}\n"],"mappings":";;;;;;;;AAMA,MAAMU,mBAAmBV,cAAqC,KAAK;;;;AAsBnE,SAAOmB,uBAAAC,OAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CACL,MAAA,CAAAC,cAAAC,mBAAwCpB,SAAwB,KAAK;CACrE,MAAAqB,KAAWtB,OAAO,EAAE;CAAC,IAAAuB;AAAA,KAAAL,EAAA,OAAAM,OAAAC,IAAA,4BAAA,EAAA;AAIZF,OAAA,EAAAd,OACCC,aAAAgB,OAAA;GAAc,MAAAf,SAAAe,OAAAC,SAAA,EAAW,GAAXD;GAClB,MAAA,EAAAE,WAAA,GAAAC,cAAoCnB;GACpC,MAAA,EAAAI,gBAAwBH;GACxB,MAAAmB,YAAoBR,GAAES,UAAFT,GAAES,UAAQ;GAC9B,MAAAC,gBAAsB;IAAAf,OACb;IAAIgB,MACL;KAAAX,IAAMQ;KAASI,UAAY;KAAKC,WAAa;KAAK;IACzD;GAGD,MAAAC,gBAAsBJ,cAAaC,KAAKI,OAAQV,OAAU;GAE1D,MAAAW,cAAc;AACZ,QAAIN,cAAaC,KAAKC,SAAS;AAE/BF,kBAAaC,KAAKC,WAAY;AAC9BpB,iBAAWyB,oBAAsB,SAASH,QAAQ;AAElDf,qBAAgBmB,iBACdA,cAAYP,KAASX,OAAKQ,YAA1BU,eAAA;KAAAvB,OAGauB,aAAYvB;KAAMgB,MACnB;MAAA,GAAKO,aAAYP;MAAKE,WAAa;MAAM;KAEvD,CAAC;AAEDM,qBAEIpB,iBAAgBqB,mBACdF,gBAAYP,KAASX,OAAKQ,YAA1BY,iBAAA,KACD,EACH,IACD;;AAGH,OAAI5B,aAAW6B,QAAS,QAAS9B,QAAOwB,OAAQV,OAAU;AAE1DK,iBAAaC,KAAKW,UAAW,IAAI/B,SAAQgC,SAAAR,WAAA;AACvCL,kBAAaC,KAAKY,WAAWC,WAAA;AAC3BR,YAAO;AACPO,aAAQC,OAAO;;AAEjBd,kBAAaC,KAAKI,UAAUU,WAAA;AAC1BT,YAAO;AACPD,YAAOU,OAAO;;KAPQ;AAW1BjC,gBAAWkC,iBAAmB,SAASZ,SAAS,EAAAa,MAAQ,MAAM,CAAC;AAE/DjB,iBAAaf,QAAS;IAAA,GACjBY;IAASD,YACDsB,MAAA;AACTtB,iBAAYsB,EAAE;AACdlB,mBAAaC,KAAKI,OAAQV,OAAU;;IAJrB;AAQnBN,oBAAgB8B,mBAAA;AAId,QAAI/B,mBAAiB,QAAjB,CAA0BA,eAAYa,KAAKC,UAAS;AACtDF,mBAAaC,KAAKI,uBAChB,IAAIe,MACF,+GAEJ,CAAC;AAAA,YAEMhC;;AACR,WAEMY;KACP;AAAA,UAEKA,cAAaC,KAAKW;KAE5B;AAAA1B,IAAA,KAAAK;OAAAA,MAAAL,EAAA;CAhFH,MAAAmC,MACS9B;CAiFP,IAAAG;AAAA,KAAAR,EAAA,OAAAE,cAAA;AAIEM,OAAA,oBAAC,mBAA8BN,eAAgB;AAAAF,IAAA,KAAAE;AAAAF,IAAA,KAAAQ;OAAAA,MAAAR,EAAA;CAAA,IAAAoC;AAAA,KAAApC,EAAA,OAAAD,MAAAsC,YAAArC,EAAA,OAAAQ,IAAA;AADjD4B,OAAA,qBAAA,iBAAA;GAAkCD,OAAAA;cAChC3B,IACCT,MAAKsC;IACoB;AAAArC,IAAA,KAAAD,MAAAsC;AAAArC,IAAA,KAAAQ;AAAAR,IAAA,KAAAoC;OAAAA,MAAApC,EAAA;AAAA,QAH5BoC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiEJ,SAAOE,oBAAA;CACL,MAAAH,MAAYvD,WAAWS,iBAAiB;AAExCL,WACEmD,QAAQ,MACR,4HACD;AAAA,QAEMA"}

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.187.2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.189.0 | Cube Dev Team */
 import { Portal } from "../../portal/Portal.js";
 import { DialogContainer } from "../Dialog/DialogContainer.js";
 import { _AlertDialog } from "./AlertDialog.js";
@@ -11,7 +11,7 @@ const PORTAL_KEY = "AlertDialogZone";
 * @internal Do not use it
 */
 function AlertDialogZone(props) {
-	const $ = c(40);
+	const $ = c(41);
 	const { openedDialog } = props;
 	if (openedDialog === null) {
 		let t0;
@@ -47,122 +47,117 @@ function AlertDialogZone(props) {
 	const isDismissable = t0 === void 0 ? true : t0;
 	const { resolve, reject, isVisible, dialogType } = openedDialog.meta;
 	let t1;
-	bb0: {
-		let t2;
-		if ($[8] !== resolve) {
-			t2 = (action, status) => {
-				if (typeof action === "undefined") return;
-				if (typeof action === "boolean") return action ? { onPress: () => resolve(status) } : false;
-				const onPress = action.onPress;
-				return {
-					...action,
-					onPress: (e) => {
-						onPress?.(e);
-						resolve(status);
-					}
-				};
-			};
-			$[8] = resolve;
-			$[9] = t2;
-		} else t2 = $[9];
-		const mergeActionProps = t2;
-		if (typeof actions === "undefined") {
-			let t3;
-			if ($[10] === Symbol.for("react.memo_cache_sentinel")) {
-				t3 = {};
-				$[10] = t3;
-			} else t3 = $[10];
-			t1 = t3;
-			break bb0;
-		}
-		let t3;
-		if ($[11] !== actions.confirm || $[12] !== mergeActionProps) {
-			t3 = mergeActionProps(actions.confirm, "confirm");
-			$[11] = actions.confirm;
-			$[12] = mergeActionProps;
-			$[13] = t3;
-		} else t3 = $[13];
-		let t4;
-		if ($[14] !== actions.secondary || $[15] !== mergeActionProps) {
-			t4 = mergeActionProps(actions.secondary, "secondary");
-			$[14] = actions.secondary;
-			$[15] = mergeActionProps;
-			$[16] = t4;
-		} else t4 = $[16];
-		let t5;
-		if ($[17] !== actions.cancel || $[18] !== reject) {
-			t5 = typeof actions.cancel === "undefined" ? void 0 : typeof actions.cancel === "boolean" ? actions.cancel ? { onPress: () => reject(void 0) } : false : {
-				...actions.cancel,
-				onPress: (e_0) => {
-					actions.cancel.onPress?.(e_0);
-					reject(void 0);
+	if ($[8] !== resolve) {
+		t1 = (action, status) => {
+			if (typeof action === "undefined") return;
+			if (typeof action === "boolean") return action ? { onPress: () => resolve(status) } : false;
+			const onPress = action.onPress;
+			return {
+				...action,
+				onPress: (e) => {
+					onPress?.(e);
+					resolve(status);
 				}
 			};
-			$[17] = actions.cancel;
-			$[18] = reject;
-			$[19] = t5;
-		} else t5 = $[19];
-		let t6;
-		if ($[20] !== t3 || $[21] !== t4 || $[22] !== t5) {
-			t6 = {
-				confirm: t3,
-				secondary: t4,
-				cancel: t5
-			};
-			$[20] = t3;
-			$[21] = t4;
-			$[22] = t5;
-			$[23] = t6;
-		} else t6 = $[23];
-		t1 = t6;
-	}
-	const _actions = t1;
-	const t2 = dialogType === "form";
-	const t3 = !isVisible;
+		};
+		$[8] = resolve;
+		$[9] = t1;
+	} else t1 = $[9];
+	const mergeActionProps = t1;
+	let t2;
+	if ($[10] !== actions) {
+		t2 = actions ?? {};
+		$[10] = actions;
+		$[11] = t2;
+	} else t2 = $[11];
+	const { confirm: t3, secondary, cancel } = t2;
+	const confirm = t3 === void 0 ? true : t3;
 	let t4;
-	if ($[24] !== content || $[25] !== reject || $[26] !== resolve) {
-		t4 = typeof content === "function" ? content({
+	if ($[12] !== confirm || $[13] !== mergeActionProps) {
+		t4 = mergeActionProps(confirm, "confirm");
+		$[12] = confirm;
+		$[13] = mergeActionProps;
+		$[14] = t4;
+	} else t4 = $[14];
+	let t5;
+	if ($[15] !== mergeActionProps || $[16] !== secondary) {
+		t5 = mergeActionProps(secondary, "secondary");
+		$[15] = mergeActionProps;
+		$[16] = secondary;
+		$[17] = t5;
+	} else t5 = $[17];
+	let t6;
+	if ($[18] !== cancel || $[19] !== reject) {
+		t6 = typeof cancel === "undefined" ? void 0 : typeof cancel === "boolean" ? cancel ? { onPress: () => reject(void 0) } : false : {
+			...cancel,
+			onPress: (e_0) => {
+				cancel.onPress?.(e_0);
+				reject(void 0);
+			}
+		};
+		$[18] = cancel;
+		$[19] = reject;
+		$[20] = t6;
+	} else t6 = $[20];
+	let t7;
+	if ($[21] !== t4 || $[22] !== t5 || $[23] !== t6) {
+		t7 = {
+			confirm: t4,
+			secondary: t5,
+			cancel: t6
+		};
+		$[21] = t4;
+		$[22] = t5;
+		$[23] = t6;
+		$[24] = t7;
+	} else t7 = $[24];
+	const _actions = t7;
+	const t8 = dialogType === "form";
+	const t9 = !isVisible;
+	let t10;
+	if ($[25] !== content || $[26] !== reject || $[27] !== resolve) {
+		t10 = typeof content === "function" ? content({
 			resolve,
 			reject
 		}) : content;
-		$[24] = content;
-		$[25] = reject;
-		$[26] = resolve;
-		$[27] = t4;
-	} else t4 = $[27];
-	let t5;
-	if ($[28] !== _actions || $[29] !== options || $[30] !== t2 || $[31] !== t3 || $[32] !== t4) {
-		t5 = /* @__PURE__ */ jsx(_AlertDialog, {
-			noActions: t2,
+		$[25] = content;
+		$[26] = reject;
+		$[27] = resolve;
+		$[28] = t10;
+	} else t10 = $[28];
+	let t11;
+	if ($[29] !== _actions || $[30] !== options || $[31] !== t10 || $[32] !== t8 || $[33] !== t9) {
+		t11 = /* @__PURE__ */ jsx(_AlertDialog, {
+			noActions: t8,
 			actions: _actions,
-			isHidden: t3,
-			content: t4,
+			isHidden: t9,
+			content: t10,
 			...options
 		});
-		$[28] = _actions;
-		$[29] = options;
-		$[30] = t2;
-		$[31] = t3;
-		$[32] = t4;
-		$[33] = t5;
-	} else t5 = $[33];
-	let t6;
-	if ($[34] !== isDismissable || $[35] !== isVisible || $[36] !== onDismiss || $[37] !== t5 || $[38] !== type) {
-		t6 = /* @__PURE__ */ jsx(Portal, { children: /* @__PURE__ */ jsx(DialogContainer, {
+		$[29] = _actions;
+		$[30] = options;
+		$[31] = t10;
+		$[32] = t8;
+		$[33] = t9;
+		$[34] = t11;
+	} else t11 = $[34];
+	let t12;
+	if ($[35] !== isDismissable || $[36] !== isVisible || $[37] !== onDismiss || $[38] !== t11 || $[39] !== type) {
+		t12 = /* @__PURE__ */ jsx(Portal, { children: /* @__PURE__ */ jsx(DialogContainer, {
 			isOpen: isVisible,
 			isDismissable,
 			type,
 			onDismiss,
-			children: t5
+			children: t11
 		}) }, PORTAL_KEY);
-		$[34] = isDismissable;
-		$[35] = isVisible;
-		$[36] = onDismiss;
-		$[37] = t5;
-		$[38] = type;
-		$[39] = t6;
-	} else t6 = $[39];
-	return t6;
+		$[35] = isDismissable;
+		$[36] = isVisible;
+		$[37] = onDismiss;
+		$[38] = t11;
+		$[39] = type;
+		$[40] = t12;
+	} else t12 = $[40];
+	return t12;
 }
 
 //#endregion