@react-spectrum/dialog 3.8.15 → 3.8.17

package/dist/AlertDialog.main.js

@@ -1,7 +1,7 @@
 var $a57fc2323bf98a33$exports = require("./Dialog.main.js");
 var $0eb909ad2388d989$exports = require("./context.main.js");
 var $7827d180f5c8b41b$exports = require("./intlStrings.main.js");
-require("./vars.cfc79477.css");
+require("./vars.895d8ff6.css");
 var $a74c0984b1adb651$exports = require("./dialog_vars_css.main.js");
 var $cXXKy$spectrumiconsuiAlertMedium = require("@spectrum-icons/ui/AlertMedium");
 var $cXXKy$reactspectrumbutton = require("@react-spectrum/button");
@@ -48,9 +48,7 @@ $parcel$export(module.exports, "AlertDialog", () => $66f8653ff750aa27$export$de4
 
 
 
-/**
- * AlertDialogs are a specific type of Dialog. They display important information that users need to acknowledge.
- */ function $66f8653ff750aa27$var$AlertDialog(props, ref) {
+const $66f8653ff750aa27$export$de466dd8317b0b75 = /*#__PURE__*/ (0, $cXXKy$react.forwardRef)(function AlertDialog(props, ref) {
     let { onClose: onClose = ()=>{} } = (0, $cXXKy$react.useContext)((0, $0eb909ad2388d989$exports.DialogContext)) || {};
     let { variant: variant, children: children, primaryActionLabel: primaryActionLabel, secondaryActionLabel: secondaryActionLabel, cancelLabel: cancelLabel, autoFocusButton: autoFocusButton, title: title, isPrimaryActionDisabled: isPrimaryActionDisabled, isSecondaryActionDisabled: isSecondaryActionDisabled, onCancel: onCancel = ()=>{}, onPrimaryAction: onPrimaryAction = ()=>{}, onSecondaryAction: onSecondaryAction = ()=>{}, ...otherProps } = props;
     let { styleProps: styleProps } = (0, $cXXKy$reactspectrumutils.useStyleProps)(otherProps);
@@ -89,10 +87,7 @@ $parcel$export(module.exports, "AlertDialog", () => $66f8653ff750aa27$export$de4
         isDisabled: isPrimaryActionDisabled,
         autoFocus: autoFocusButton === 'primary'
     }, primaryActionLabel)));
-}
-/**
- * AlertDialogs are a specific type of Dialog. They display important information that users need to acknowledge.
- */ let $66f8653ff750aa27$export$de466dd8317b0b75 = /*#__PURE__*/ (0, $cXXKy$react.forwardRef)($66f8653ff750aa27$var$AlertDialog);
+});
 
 
 //# sourceMappingURL=AlertDialog.main.js.map

package/dist/AlertDialog.main.js.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;;;;;;AAqBD;;CAEC,GACD,SAAS,kCAAY,KAA+B,EAAE,GAAW;IAC/D,IAAI,WACF,UAAU,KAAO,GAClB,GAAG,CAAA,GAAA,uBAAS,EAAE,CAAA,GAAA,uCAAY,MAAM,CAAC;IAElC,IAAI,WACF,OAAO,YACP,QAAQ,sBACR,kBAAkB,wBAClB,oBAAoB,eACpB,WAAW,mBACX,eAAe,SACf,KAAK,2BACL,uBAAuB,6BACvB,yBAAyB,YACzB,WAAW,KAAO,oBAClB,kBAAkB,KAAO,sBACzB,oBAAoB,KAAO,GAC3B,GAAG,YACJ,GAAG;IACJ,IAAI,cAAC,UAAU,EAAC,GAAG,CAAA,GAAA,uCAAY,EAAE;IACjC,IAAI,kBAAkB,CAAA,GAAA,gDAA0B,EAAE,CAAA,GAAA,mDAAW,GAAG;IAEhE,IAAI,iBAAiD;IACrD,IAAI,SAAS;QACX,IAAI,YAAY,gBACd,iBAAiB;aACZ,IAAI,YAAY,eACrB,iBAAiB;IAErB;IAEA,qBACE,0DAAC,CAAA,GAAA,gCAAK;QACJ,cAAc,WAAW,KAAK;QAC9B,kBAAkB,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG;YAAC,CAAC,CAAC,iBAAiB,EAAE,QAAQ,CAAC,CAAC,EAAE;QAAO,GAAG,WAAW,SAAS;QACrG,UAAU,WAAW,MAAM;QAC3B,MAAK;QACL,MAAK;QACL,KAAK;qBACL,0DAAC,CAAA,GAAA,gCAAM,SAAG,QACT,AAAC,CAAA,YAAY,WAAW,YAAY,SAAQ,mBAC3C,0DAAC,CAAA,GAAA,2DAAU;QACT,MAAK;QACL,cAAY,gBAAgB,MAAM,CAAC;sBAEvC,0DAAC,CAAA,GAAA,mCAAM,wBACP,0DAAC,CAAA,GAAA,gCAAM,SAAG,yBACV,0DAAC,CAAA,GAAA,2CAAU;QAAE,OAAM;OAChB,6BACC,0DAAC,CAAA,GAAA,iCAAK;QACJ,SAAQ;QACR,SAAS,IAAM,CAAA,GAAA,2BAAI,EAAE,WAAW;QAChC,WAAW,oBAAoB;OAC9B,cAGJ,sCACC,0DAAC,CAAA,GAAA,iCAAK;QACJ,SAAQ;QACR,SAAS,IAAM,CAAA,GAAA,2BAAI,EAAE,WAAW;QAChC,YAAY;QACZ,WAAW,oBAAoB;OAC9B,qCAGL,0DAAC,CAAA,GAAA,iCAAK;QACJ,SAAS;QACT,SAAS,IAAM,CAAA,GAAA,2BAAI,EAAE,WAAW;QAChC,YAAY;QACZ,WAAW,oBAAoB;OAC9B;AAKX;AAEA;;CAEC,GACD,IAAI,0DAAe,CAAA,GAAA,uBAAS,EAAE","sources":["packages/@react-spectrum/dialog/src/AlertDialog.tsx"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport AlertMedium from '@spectrum-icons/ui/AlertMedium';\nimport {Button} from '@react-spectrum/button';\nimport {ButtonGroup} from '@react-spectrum/buttongroup';\nimport {chain} from '@react-aria/utils';\nimport {classNames, useStyleProps} from '@react-spectrum/utils';\nimport {Content} from '@react-spectrum/view';\nimport {Dialog} from './Dialog';\nimport {DialogContext, DialogContextValue} from './context';\nimport {Divider} from '@react-spectrum/divider';\nimport {DOMRef} from '@react-types/shared';\nimport {Heading} from '@react-spectrum/text';\n// @ts-ignore\nimport intlMessages from '../intl/*.json';\nimport React, {forwardRef, useContext} from 'react';\nimport {SpectrumAlertDialogProps} from '@react-types/dialog';\nimport {SpectrumButtonProps} from '@react-types/button';\nimport styles from '@adobe/spectrum-css-temp/components/dialog/vars.css';\nimport {useLocalizedStringFormatter} from '@react-aria/i18n';\n\n/**\n * AlertDialogs are a specific type of Dialog. They display important information that users need to acknowledge.\n */\nfunction AlertDialog(props: SpectrumAlertDialogProps, ref: DOMRef) {\n  let {\n    onClose = () => {}\n  } = useContext(DialogContext) || {} as DialogContextValue;\n\n  let {\n    variant,\n    children,\n    primaryActionLabel,\n    secondaryActionLabel,\n    cancelLabel,\n    autoFocusButton,\n    title,\n    isPrimaryActionDisabled,\n    isSecondaryActionDisabled,\n    onCancel = () => {},\n    onPrimaryAction = () => {},\n    onSecondaryAction = () => {},\n    ...otherProps\n  } = props;\n  let {styleProps} = useStyleProps(otherProps);\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/dialog');\n\n  let confirmVariant: SpectrumButtonProps['variant'] = 'primary';\n  if (variant) {\n    if (variant === 'confirmation') {\n      confirmVariant = 'cta';\n    } else if (variant === 'destructive') {\n      confirmVariant = 'negative';\n    }\n  }\n\n  return (\n    <Dialog\n      UNSAFE_style={styleProps.style}\n      UNSAFE_className={classNames(styles, {[`spectrum-Dialog--${variant}`]: variant}, styleProps.className)}\n      isHidden={styleProps.hidden}\n      size=\"M\"\n      role=\"alertdialog\"\n      ref={ref}>\n      <Heading>{title}</Heading>\n      {(variant === 'error' || variant === 'warning') &&\n        <AlertMedium\n          slot=\"typeIcon\"\n          aria-label={stringFormatter.format('alert')} />\n      }\n      <Divider />\n      <Content>{children}</Content>\n      <ButtonGroup align=\"end\">\n        {cancelLabel &&\n          <Button\n            variant=\"secondary\"\n            onPress={() => chain(onClose(), onCancel())}\n            autoFocus={autoFocusButton === 'cancel'}>\n            {cancelLabel}\n          </Button>\n        }\n        {secondaryActionLabel &&\n          <Button\n            variant=\"secondary\"\n            onPress={() => chain(onClose(), onSecondaryAction())}\n            isDisabled={isSecondaryActionDisabled}\n            autoFocus={autoFocusButton === 'secondary'}>\n            {secondaryActionLabel}\n          </Button>\n        }\n        <Button\n          variant={confirmVariant}\n          onPress={() => chain(onClose(), onPrimaryAction())}\n          isDisabled={isPrimaryActionDisabled}\n          autoFocus={autoFocusButton === 'primary'}>\n          {primaryActionLabel}\n        </Button>\n      </ButtonGroup>\n    </Dialog>\n  );\n}\n\n/**\n * AlertDialogs are a specific type of Dialog. They display important information that users need to acknowledge.\n */\nlet _AlertDialog = forwardRef(AlertDialog);\nexport {_AlertDialog as AlertDialog};\n"],"names":[],"version":3,"file":"AlertDialog.main.js.map"}
+{"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;;;;;;AAwBM,MAAM,0DAAc,CAAA,GAAA,uBAAS,EAAE,SAAS,YAAY,KAA+B,EAAE,GAAW;IACrG,IAAI,WACF,UAAU,KAAO,GAClB,GAAG,CAAA,GAAA,uBAAS,EAAE,CAAA,GAAA,uCAAY,MAAM,CAAC;IAElC,IAAI,WACF,OAAO,YACP,QAAQ,sBACR,kBAAkB,wBAClB,oBAAoB,eACpB,WAAW,mBACX,eAAe,SACf,KAAK,2BACL,uBAAuB,6BACvB,yBAAyB,YACzB,WAAW,KAAO,oBAClB,kBAAkB,KAAO,sBACzB,oBAAoB,KAAO,GAC3B,GAAG,YACJ,GAAG;IACJ,IAAI,cAAC,UAAU,EAAC,GAAG,CAAA,GAAA,uCAAY,EAAE;IACjC,IAAI,kBAAkB,CAAA,GAAA,gDAA0B,EAAE,CAAA,GAAA,mDAAW,GAAG;IAEhE,IAAI,iBAAiD;IACrD,IAAI,SAAS;QACX,IAAI,YAAY,gBACd,iBAAiB;aACZ,IAAI,YAAY,eACrB,iBAAiB;IAErB;IAEA,qBACE,0DAAC,CAAA,GAAA,gCAAK;QACJ,cAAc,WAAW,KAAK;QAC9B,kBAAkB,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG;YAAC,CAAC,CAAC,iBAAiB,EAAE,SAAS,CAAC,EAAE;QAAO,GAAG,WAAW,SAAS;QACrG,UAAU,WAAW,MAAM;QAC3B,MAAK;QACL,MAAK;QACL,KAAK;qBACL,0DAAC,CAAA,GAAA,gCAAM,SAAG,QACT,AAAC,CAAA,YAAY,WAAW,YAAY,SAAQ,mBAC3C,0DAAC,CAAA,GAAA,2DAAU;QACT,MAAK;QACL,cAAY,gBAAgB,MAAM,CAAC;sBAEvC,0DAAC,CAAA,GAAA,mCAAM,wBACP,0DAAC,CAAA,GAAA,gCAAM,SAAG,yBACV,0DAAC,CAAA,GAAA,2CAAU;QAAE,OAAM;OAChB,6BACC,0DAAC,CAAA,GAAA,iCAAK;QACJ,SAAQ;QACR,SAAS,IAAM,CAAA,GAAA,2BAAI,EAAE,WAAW;QAChC,WAAW,oBAAoB;OAC9B,cAGJ,sCACC,0DAAC,CAAA,GAAA,iCAAK;QACJ,SAAQ;QACR,SAAS,IAAM,CAAA,GAAA,2BAAI,EAAE,WAAW;QAChC,YAAY;QACZ,WAAW,oBAAoB;OAC9B,qCAGL,0DAAC,CAAA,GAAA,iCAAK;QACJ,SAAS;QACT,SAAS,IAAM,CAAA,GAAA,2BAAI,EAAE,WAAW;QAChC,YAAY;QACZ,WAAW,oBAAoB;OAC9B;AAKX","sources":["packages/@react-spectrum/dialog/src/AlertDialog.tsx"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport AlertMedium from '@spectrum-icons/ui/AlertMedium';\nimport {Button} from '@react-spectrum/button';\nimport {ButtonGroup} from '@react-spectrum/buttongroup';\nimport {chain} from '@react-aria/utils';\nimport {classNames, useStyleProps} from '@react-spectrum/utils';\nimport {Content} from '@react-spectrum/view';\nimport {Dialog} from './Dialog';\nimport {DialogContext, DialogContextValue} from './context';\nimport {Divider} from '@react-spectrum/divider';\nimport {DOMRef} from '@react-types/shared';\nimport {Heading} from '@react-spectrum/text';\n// @ts-ignore\nimport intlMessages from '../intl/*.json';\nimport React, {forwardRef, useContext} from 'react';\nimport {SpectrumAlertDialogProps} from '@react-types/dialog';\nimport {SpectrumButtonProps} from '@react-types/button';\nimport styles from '@adobe/spectrum-css-temp/components/dialog/vars.css';\nimport {useLocalizedStringFormatter} from '@react-aria/i18n';\n\n/**\n * AlertDialogs are a specific type of Dialog. They display important information that users need to acknowledge.\n */\nexport const AlertDialog = forwardRef(function AlertDialog(props: SpectrumAlertDialogProps, ref: DOMRef) {\n  let {\n    onClose = () => {}\n  } = useContext(DialogContext) || {} as DialogContextValue;\n\n  let {\n    variant,\n    children,\n    primaryActionLabel,\n    secondaryActionLabel,\n    cancelLabel,\n    autoFocusButton,\n    title,\n    isPrimaryActionDisabled,\n    isSecondaryActionDisabled,\n    onCancel = () => {},\n    onPrimaryAction = () => {},\n    onSecondaryAction = () => {},\n    ...otherProps\n  } = props;\n  let {styleProps} = useStyleProps(otherProps);\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/dialog');\n\n  let confirmVariant: SpectrumButtonProps['variant'] = 'primary';\n  if (variant) {\n    if (variant === 'confirmation') {\n      confirmVariant = 'cta';\n    } else if (variant === 'destructive') {\n      confirmVariant = 'negative';\n    }\n  }\n\n  return (\n    <Dialog\n      UNSAFE_style={styleProps.style}\n      UNSAFE_className={classNames(styles, {[`spectrum-Dialog--${variant}`]: variant}, styleProps.className)}\n      isHidden={styleProps.hidden}\n      size=\"M\"\n      role=\"alertdialog\"\n      ref={ref}>\n      <Heading>{title}</Heading>\n      {(variant === 'error' || variant === 'warning') &&\n        <AlertMedium\n          slot=\"typeIcon\"\n          aria-label={stringFormatter.format('alert')} />\n      }\n      <Divider />\n      <Content>{children}</Content>\n      <ButtonGroup align=\"end\">\n        {cancelLabel &&\n          <Button\n            variant=\"secondary\"\n            onPress={() => chain(onClose(), onCancel())}\n            autoFocus={autoFocusButton === 'cancel'}>\n            {cancelLabel}\n          </Button>\n        }\n        {secondaryActionLabel &&\n          <Button\n            variant=\"secondary\"\n            onPress={() => chain(onClose(), onSecondaryAction())}\n            isDisabled={isSecondaryActionDisabled}\n            autoFocus={autoFocusButton === 'secondary'}>\n            {secondaryActionLabel}\n          </Button>\n        }\n        <Button\n          variant={confirmVariant}\n          onPress={() => chain(onClose(), onPrimaryAction())}\n          isDisabled={isPrimaryActionDisabled}\n          autoFocus={autoFocusButton === 'primary'}>\n          {primaryActionLabel}\n        </Button>\n      </ButtonGroup>\n    </Dialog>\n  );\n});\n"],"names":[],"version":3,"file":"AlertDialog.main.js.map"}

package/dist/AlertDialog.mjs

@@ -1,7 +1,7 @@
 import {Dialog as $99cd51dc4eb569f7$export$3ddf2d174ce01153} from "./Dialog.mjs";
 import {DialogContext as $97b119e05830ea0d$export$8b93a07348a7730c} from "./context.mjs";
 import $7TaMJ$intlStringsmodulejs from "./intlStrings.mjs";
-import "./vars.cfc79477.css";
+import "./vars.895d8ff6.css";
 import $7TaMJ$dialog_vars_cssmodulejs from "./dialog_vars_css.mjs";
 import $7TaMJ$spectrumiconsuiAlertMedium from "@spectrum-icons/ui/AlertMedium";
 import {Button as $7TaMJ$Button} from "@react-spectrum/button";
@@ -11,7 +11,7 @@ import {useStyleProps as $7TaMJ$useStyleProps, classNames as $7TaMJ$classNames}
 import {Content as $7TaMJ$Content} from "@react-spectrum/view";
 import {Divider as $7TaMJ$Divider} from "@react-spectrum/divider";
 import {Heading as $7TaMJ$Heading} from "@react-spectrum/text";
-import $7TaMJ$react, {useContext as $7TaMJ$useContext, forwardRef as $7TaMJ$forwardRef} from "react";
+import $7TaMJ$react, {forwardRef as $7TaMJ$forwardRef, useContext as $7TaMJ$useContext} from "react";
 import {useLocalizedStringFormatter as $7TaMJ$useLocalizedStringFormatter} from "@react-aria/i18n";
 
 
@@ -42,9 +42,7 @@ function $parcel$interopDefault(a) {
 
 
 
-/**
- * AlertDialogs are a specific type of Dialog. They display important information that users need to acknowledge.
- */ function $2a8395160fff9af3$var$AlertDialog(props, ref) {
+const $2a8395160fff9af3$export$de466dd8317b0b75 = /*#__PURE__*/ (0, $7TaMJ$forwardRef)(function AlertDialog(props, ref) {
     let { onClose: onClose = ()=>{} } = (0, $7TaMJ$useContext)((0, $97b119e05830ea0d$export$8b93a07348a7730c)) || {};
     let { variant: variant, children: children, primaryActionLabel: primaryActionLabel, secondaryActionLabel: secondaryActionLabel, cancelLabel: cancelLabel, autoFocusButton: autoFocusButton, title: title, isPrimaryActionDisabled: isPrimaryActionDisabled, isSecondaryActionDisabled: isSecondaryActionDisabled, onCancel: onCancel = ()=>{}, onPrimaryAction: onPrimaryAction = ()=>{}, onSecondaryAction: onSecondaryAction = ()=>{}, ...otherProps } = props;
     let { styleProps: styleProps } = (0, $7TaMJ$useStyleProps)(otherProps);
@@ -83,10 +81,7 @@ function $parcel$interopDefault(a) {
         isDisabled: isPrimaryActionDisabled,
         autoFocus: autoFocusButton === 'primary'
     }, primaryActionLabel)));
-}
-/**
- * AlertDialogs are a specific type of Dialog. They display important information that users need to acknowledge.
- */ let $2a8395160fff9af3$export$de466dd8317b0b75 = /*#__PURE__*/ (0, $7TaMJ$forwardRef)($2a8395160fff9af3$var$AlertDialog);
+});
 
 
 export {$2a8395160fff9af3$export$de466dd8317b0b75 as AlertDialog};

package/dist/AlertDialog.module.js

@@ -1,7 +1,7 @@
 import {Dialog as $99cd51dc4eb569f7$export$3ddf2d174ce01153} from "./Dialog.module.js";
 import {DialogContext as $97b119e05830ea0d$export$8b93a07348a7730c} from "./context.module.js";
 import $7TaMJ$intlStringsmodulejs from "./intlStrings.module.js";
-import "./vars.cfc79477.css";
+import "./vars.895d8ff6.css";
 import $7TaMJ$dialog_vars_cssmodulejs from "./dialog_vars_css.module.js";
 import $7TaMJ$spectrumiconsuiAlertMedium from "@spectrum-icons/ui/AlertMedium";
 import {Button as $7TaMJ$Button} from "@react-spectrum/button";
@@ -11,7 +11,7 @@ import {useStyleProps as $7TaMJ$useStyleProps, classNames as $7TaMJ$classNames}
 import {Content as $7TaMJ$Content} from "@react-spectrum/view";
 import {Divider as $7TaMJ$Divider} from "@react-spectrum/divider";
 import {Heading as $7TaMJ$Heading} from "@react-spectrum/text";
-import $7TaMJ$react, {useContext as $7TaMJ$useContext, forwardRef as $7TaMJ$forwardRef} from "react";
+import $7TaMJ$react, {forwardRef as $7TaMJ$forwardRef, useContext as $7TaMJ$useContext} from "react";
 import {useLocalizedStringFormatter as $7TaMJ$useLocalizedStringFormatter} from "@react-aria/i18n";
 
 
@@ -42,9 +42,7 @@ function $parcel$interopDefault(a) {
 
 
 
-/**
- * AlertDialogs are a specific type of Dialog. They display important information that users need to acknowledge.
- */ function $2a8395160fff9af3$var$AlertDialog(props, ref) {
+const $2a8395160fff9af3$export$de466dd8317b0b75 = /*#__PURE__*/ (0, $7TaMJ$forwardRef)(function AlertDialog(props, ref) {
     let { onClose: onClose = ()=>{} } = (0, $7TaMJ$useContext)((0, $97b119e05830ea0d$export$8b93a07348a7730c)) || {};
     let { variant: variant, children: children, primaryActionLabel: primaryActionLabel, secondaryActionLabel: secondaryActionLabel, cancelLabel: cancelLabel, autoFocusButton: autoFocusButton, title: title, isPrimaryActionDisabled: isPrimaryActionDisabled, isSecondaryActionDisabled: isSecondaryActionDisabled, onCancel: onCancel = ()=>{}, onPrimaryAction: onPrimaryAction = ()=>{}, onSecondaryAction: onSecondaryAction = ()=>{}, ...otherProps } = props;
     let { styleProps: styleProps } = (0, $7TaMJ$useStyleProps)(otherProps);
@@ -83,10 +81,7 @@ function $parcel$interopDefault(a) {
         isDisabled: isPrimaryActionDisabled,
         autoFocus: autoFocusButton === 'primary'
     }, primaryActionLabel)));
-}
-/**
- * AlertDialogs are a specific type of Dialog. They display important information that users need to acknowledge.
- */ let $2a8395160fff9af3$export$de466dd8317b0b75 = /*#__PURE__*/ (0, $7TaMJ$forwardRef)($2a8395160fff9af3$var$AlertDialog);
+});
 
 
 export {$2a8395160fff9af3$export$de466dd8317b0b75 as AlertDialog};

package/dist/AlertDialog.module.js.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;;;;;;AAqBD;;CAEC,GACD,SAAS,kCAAY,KAA+B,EAAE,GAAW;IAC/D,IAAI,WACF,UAAU,KAAO,GAClB,GAAG,CAAA,GAAA,iBAAS,EAAE,CAAA,GAAA,yCAAY,MAAM,CAAC;IAElC,IAAI,WACF,OAAO,YACP,QAAQ,sBACR,kBAAkB,wBAClB,oBAAoB,eACpB,WAAW,mBACX,eAAe,SACf,KAAK,2BACL,uBAAuB,6BACvB,yBAAyB,YACzB,WAAW,KAAO,oBAClB,kBAAkB,KAAO,sBACzB,oBAAoB,KAAO,GAC3B,GAAG,YACJ,GAAG;IACJ,IAAI,cAAC,UAAU,EAAC,GAAG,CAAA,GAAA,oBAAY,EAAE;IACjC,IAAI,kBAAkB,CAAA,GAAA,kCAA0B,EAAE,CAAA,GAAA,oDAAW,GAAG;IAEhE,IAAI,iBAAiD;IACrD,IAAI,SAAS;QACX,IAAI,YAAY,gBACd,iBAAiB;aACZ,IAAI,YAAY,eACrB,iBAAiB;IAErB;IAEA,qBACE,gCAAC,CAAA,GAAA,yCAAK;QACJ,cAAc,WAAW,KAAK;QAC9B,kBAAkB,CAAA,GAAA,iBAAS,EAAE,CAAA,GAAA,wDAAK,GAAG;YAAC,CAAC,CAAC,iBAAiB,EAAE,QAAQ,CAAC,CAAC,EAAE;QAAO,GAAG,WAAW,SAAS;QACrG,UAAU,WAAW,MAAM;QAC3B,MAAK;QACL,MAAK;QACL,KAAK;qBACL,gCAAC,CAAA,GAAA,cAAM,SAAG,QACT,AAAC,CAAA,YAAY,WAAW,YAAY,SAAQ,mBAC3C,gCAAC,CAAA,GAAA,iCAAU;QACT,MAAK;QACL,cAAY,gBAAgB,MAAM,CAAC;sBAEvC,gCAAC,CAAA,GAAA,cAAM,wBACP,gCAAC,CAAA,GAAA,cAAM,SAAG,yBACV,gCAAC,CAAA,GAAA,kBAAU;QAAE,OAAM;OAChB,6BACC,gCAAC,CAAA,GAAA,aAAK;QACJ,SAAQ;QACR,SAAS,IAAM,CAAA,GAAA,YAAI,EAAE,WAAW;QAChC,WAAW,oBAAoB;OAC9B,cAGJ,sCACC,gCAAC,CAAA,GAAA,aAAK;QACJ,SAAQ;QACR,SAAS,IAAM,CAAA,GAAA,YAAI,EAAE,WAAW;QAChC,YAAY;QACZ,WAAW,oBAAoB;OAC9B,qCAGL,gCAAC,CAAA,GAAA,aAAK;QACJ,SAAS;QACT,SAAS,IAAM,CAAA,GAAA,YAAI,EAAE,WAAW;QAChC,YAAY;QACZ,WAAW,oBAAoB;OAC9B;AAKX;AAEA;;CAEC,GACD,IAAI,0DAAe,CAAA,GAAA,iBAAS,EAAE","sources":["packages/@react-spectrum/dialog/src/AlertDialog.tsx"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport AlertMedium from '@spectrum-icons/ui/AlertMedium';\nimport {Button} from '@react-spectrum/button';\nimport {ButtonGroup} from '@react-spectrum/buttongroup';\nimport {chain} from '@react-aria/utils';\nimport {classNames, useStyleProps} from '@react-spectrum/utils';\nimport {Content} from '@react-spectrum/view';\nimport {Dialog} from './Dialog';\nimport {DialogContext, DialogContextValue} from './context';\nimport {Divider} from '@react-spectrum/divider';\nimport {DOMRef} from '@react-types/shared';\nimport {Heading} from '@react-spectrum/text';\n// @ts-ignore\nimport intlMessages from '../intl/*.json';\nimport React, {forwardRef, useContext} from 'react';\nimport {SpectrumAlertDialogProps} from '@react-types/dialog';\nimport {SpectrumButtonProps} from '@react-types/button';\nimport styles from '@adobe/spectrum-css-temp/components/dialog/vars.css';\nimport {useLocalizedStringFormatter} from '@react-aria/i18n';\n\n/**\n * AlertDialogs are a specific type of Dialog. They display important information that users need to acknowledge.\n */\nfunction AlertDialog(props: SpectrumAlertDialogProps, ref: DOMRef) {\n  let {\n    onClose = () => {}\n  } = useContext(DialogContext) || {} as DialogContextValue;\n\n  let {\n    variant,\n    children,\n    primaryActionLabel,\n    secondaryActionLabel,\n    cancelLabel,\n    autoFocusButton,\n    title,\n    isPrimaryActionDisabled,\n    isSecondaryActionDisabled,\n    onCancel = () => {},\n    onPrimaryAction = () => {},\n    onSecondaryAction = () => {},\n    ...otherProps\n  } = props;\n  let {styleProps} = useStyleProps(otherProps);\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/dialog');\n\n  let confirmVariant: SpectrumButtonProps['variant'] = 'primary';\n  if (variant) {\n    if (variant === 'confirmation') {\n      confirmVariant = 'cta';\n    } else if (variant === 'destructive') {\n      confirmVariant = 'negative';\n    }\n  }\n\n  return (\n    <Dialog\n      UNSAFE_style={styleProps.style}\n      UNSAFE_className={classNames(styles, {[`spectrum-Dialog--${variant}`]: variant}, styleProps.className)}\n      isHidden={styleProps.hidden}\n      size=\"M\"\n      role=\"alertdialog\"\n      ref={ref}>\n      <Heading>{title}</Heading>\n      {(variant === 'error' || variant === 'warning') &&\n        <AlertMedium\n          slot=\"typeIcon\"\n          aria-label={stringFormatter.format('alert')} />\n      }\n      <Divider />\n      <Content>{children}</Content>\n      <ButtonGroup align=\"end\">\n        {cancelLabel &&\n          <Button\n            variant=\"secondary\"\n            onPress={() => chain(onClose(), onCancel())}\n            autoFocus={autoFocusButton === 'cancel'}>\n            {cancelLabel}\n          </Button>\n        }\n        {secondaryActionLabel &&\n          <Button\n            variant=\"secondary\"\n            onPress={() => chain(onClose(), onSecondaryAction())}\n            isDisabled={isSecondaryActionDisabled}\n            autoFocus={autoFocusButton === 'secondary'}>\n            {secondaryActionLabel}\n          </Button>\n        }\n        <Button\n          variant={confirmVariant}\n          onPress={() => chain(onClose(), onPrimaryAction())}\n          isDisabled={isPrimaryActionDisabled}\n          autoFocus={autoFocusButton === 'primary'}>\n          {primaryActionLabel}\n        </Button>\n      </ButtonGroup>\n    </Dialog>\n  );\n}\n\n/**\n * AlertDialogs are a specific type of Dialog. They display important information that users need to acknowledge.\n */\nlet _AlertDialog = forwardRef(AlertDialog);\nexport {_AlertDialog as AlertDialog};\n"],"names":[],"version":3,"file":"AlertDialog.module.js.map"}
+{"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;;;;;;AAwBM,MAAM,0DAAc,CAAA,GAAA,iBAAS,EAAE,SAAS,YAAY,KAA+B,EAAE,GAAW;IACrG,IAAI,WACF,UAAU,KAAO,GAClB,GAAG,CAAA,GAAA,iBAAS,EAAE,CAAA,GAAA,yCAAY,MAAM,CAAC;IAElC,IAAI,WACF,OAAO,YACP,QAAQ,sBACR,kBAAkB,wBAClB,oBAAoB,eACpB,WAAW,mBACX,eAAe,SACf,KAAK,2BACL,uBAAuB,6BACvB,yBAAyB,YACzB,WAAW,KAAO,oBAClB,kBAAkB,KAAO,sBACzB,oBAAoB,KAAO,GAC3B,GAAG,YACJ,GAAG;IACJ,IAAI,cAAC,UAAU,EAAC,GAAG,CAAA,GAAA,oBAAY,EAAE;IACjC,IAAI,kBAAkB,CAAA,GAAA,kCAA0B,EAAE,CAAA,GAAA,oDAAW,GAAG;IAEhE,IAAI,iBAAiD;IACrD,IAAI,SAAS;QACX,IAAI,YAAY,gBACd,iBAAiB;aACZ,IAAI,YAAY,eACrB,iBAAiB;IAErB;IAEA,qBACE,gCAAC,CAAA,GAAA,yCAAK;QACJ,cAAc,WAAW,KAAK;QAC9B,kBAAkB,CAAA,GAAA,iBAAS,EAAE,CAAA,GAAA,wDAAK,GAAG;YAAC,CAAC,CAAC,iBAAiB,EAAE,SAAS,CAAC,EAAE;QAAO,GAAG,WAAW,SAAS;QACrG,UAAU,WAAW,MAAM;QAC3B,MAAK;QACL,MAAK;QACL,KAAK;qBACL,gCAAC,CAAA,GAAA,cAAM,SAAG,QACT,AAAC,CAAA,YAAY,WAAW,YAAY,SAAQ,mBAC3C,gCAAC,CAAA,GAAA,iCAAU;QACT,MAAK;QACL,cAAY,gBAAgB,MAAM,CAAC;sBAEvC,gCAAC,CAAA,GAAA,cAAM,wBACP,gCAAC,CAAA,GAAA,cAAM,SAAG,yBACV,gCAAC,CAAA,GAAA,kBAAU;QAAE,OAAM;OAChB,6BACC,gCAAC,CAAA,GAAA,aAAK;QACJ,SAAQ;QACR,SAAS,IAAM,CAAA,GAAA,YAAI,EAAE,WAAW;QAChC,WAAW,oBAAoB;OAC9B,cAGJ,sCACC,gCAAC,CAAA,GAAA,aAAK;QACJ,SAAQ;QACR,SAAS,IAAM,CAAA,GAAA,YAAI,EAAE,WAAW;QAChC,YAAY;QACZ,WAAW,oBAAoB;OAC9B,qCAGL,gCAAC,CAAA,GAAA,aAAK;QACJ,SAAS;QACT,SAAS,IAAM,CAAA,GAAA,YAAI,EAAE,WAAW;QAChC,YAAY;QACZ,WAAW,oBAAoB;OAC9B;AAKX","sources":["packages/@react-spectrum/dialog/src/AlertDialog.tsx"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport AlertMedium from '@spectrum-icons/ui/AlertMedium';\nimport {Button} from '@react-spectrum/button';\nimport {ButtonGroup} from '@react-spectrum/buttongroup';\nimport {chain} from '@react-aria/utils';\nimport {classNames, useStyleProps} from '@react-spectrum/utils';\nimport {Content} from '@react-spectrum/view';\nimport {Dialog} from './Dialog';\nimport {DialogContext, DialogContextValue} from './context';\nimport {Divider} from '@react-spectrum/divider';\nimport {DOMRef} from '@react-types/shared';\nimport {Heading} from '@react-spectrum/text';\n// @ts-ignore\nimport intlMessages from '../intl/*.json';\nimport React, {forwardRef, useContext} from 'react';\nimport {SpectrumAlertDialogProps} from '@react-types/dialog';\nimport {SpectrumButtonProps} from '@react-types/button';\nimport styles from '@adobe/spectrum-css-temp/components/dialog/vars.css';\nimport {useLocalizedStringFormatter} from '@react-aria/i18n';\n\n/**\n * AlertDialogs are a specific type of Dialog. They display important information that users need to acknowledge.\n */\nexport const AlertDialog = forwardRef(function AlertDialog(props: SpectrumAlertDialogProps, ref: DOMRef) {\n  let {\n    onClose = () => {}\n  } = useContext(DialogContext) || {} as DialogContextValue;\n\n  let {\n    variant,\n    children,\n    primaryActionLabel,\n    secondaryActionLabel,\n    cancelLabel,\n    autoFocusButton,\n    title,\n    isPrimaryActionDisabled,\n    isSecondaryActionDisabled,\n    onCancel = () => {},\n    onPrimaryAction = () => {},\n    onSecondaryAction = () => {},\n    ...otherProps\n  } = props;\n  let {styleProps} = useStyleProps(otherProps);\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/dialog');\n\n  let confirmVariant: SpectrumButtonProps['variant'] = 'primary';\n  if (variant) {\n    if (variant === 'confirmation') {\n      confirmVariant = 'cta';\n    } else if (variant === 'destructive') {\n      confirmVariant = 'negative';\n    }\n  }\n\n  return (\n    <Dialog\n      UNSAFE_style={styleProps.style}\n      UNSAFE_className={classNames(styles, {[`spectrum-Dialog--${variant}`]: variant}, styleProps.className)}\n      isHidden={styleProps.hidden}\n      size=\"M\"\n      role=\"alertdialog\"\n      ref={ref}>\n      <Heading>{title}</Heading>\n      {(variant === 'error' || variant === 'warning') &&\n        <AlertMedium\n          slot=\"typeIcon\"\n          aria-label={stringFormatter.format('alert')} />\n      }\n      <Divider />\n      <Content>{children}</Content>\n      <ButtonGroup align=\"end\">\n        {cancelLabel &&\n          <Button\n            variant=\"secondary\"\n            onPress={() => chain(onClose(), onCancel())}\n            autoFocus={autoFocusButton === 'cancel'}>\n            {cancelLabel}\n          </Button>\n        }\n        {secondaryActionLabel &&\n          <Button\n            variant=\"secondary\"\n            onPress={() => chain(onClose(), onSecondaryAction())}\n            isDisabled={isSecondaryActionDisabled}\n            autoFocus={autoFocusButton === 'secondary'}>\n            {secondaryActionLabel}\n          </Button>\n        }\n        <Button\n          variant={confirmVariant}\n          onPress={() => chain(onClose(), onPrimaryAction())}\n          isDisabled={isPrimaryActionDisabled}\n          autoFocus={autoFocusButton === 'primary'}>\n          {primaryActionLabel}\n        </Button>\n      </ButtonGroup>\n    </Dialog>\n  );\n});\n"],"names":[],"version":3,"file":"AlertDialog.module.js.map"}

package/dist/Dialog.main.js

@@ -1,6 +1,6 @@
 var $0eb909ad2388d989$exports = require("./context.main.js");
 var $7827d180f5c8b41b$exports = require("./intlStrings.main.js");
-require("./vars.cfc79477.css");
+require("./vars.895d8ff6.css");
 var $a74c0984b1adb651$exports = require("./dialog_vars_css.main.js");
 var $1DWg7$reactspectrumbutton = require("@react-spectrum/button");
 var $1DWg7$reactspectrumutils = require("@react-spectrum/utils");
@@ -49,7 +49,7 @@ let $a57fc2323bf98a33$var$sizeMap = {
     fullscreen: 'fullscreen',
     fullscreenTakeover: 'fullscreenTakeover'
 };
-function $a57fc2323bf98a33$var$Dialog(props, ref) {
+const $a57fc2323bf98a33$export$3ddf2d174ce01153 = /*#__PURE__*/ (0, ($parcel$interopDefault($1DWg7$react))).forwardRef(function Dialog(props, ref) {
     props = (0, $1DWg7$reactspectrumutils.useSlotProps)(props, 'dialog');
     let { type: type = 'modal', ...contextProps } = (0, $1DWg7$react.useContext)((0, $0eb909ad2388d989$exports.DialogContext)) || {};
     let { children: children, isDismissable: isDismissable = contextProps.isDismissable, onDismiss: onDismiss = contextProps.onClose, size: size, ...otherProps } = props;
@@ -125,11 +125,7 @@ function $a57fc2323bf98a33$var$Dialog(props, ref) {
         "aria-label": stringFormatter.format('dismiss'),
         onPress: onDismiss
     }, /*#__PURE__*/ (0, ($parcel$interopDefault($1DWg7$react))).createElement((0, ($parcel$interopDefault($1DWg7$spectrumiconsuiCrossLarge))), null))));
-}
-/**
- * Dialogs are windows containing contextual information, tasks, or workflows that appear over the user interface.
- * Depending on the kind of Dialog, further interactions may be blocked until the Dialog is acknowledged.
- */ let $a57fc2323bf98a33$export$3ddf2d174ce01153 = /*#__PURE__*/ (0, ($parcel$interopDefault($1DWg7$react))).forwardRef($a57fc2323bf98a33$var$Dialog);
+});
 
 
 //# sourceMappingURL=Dialog.main.js.map

package/dist/Dialog.main.js.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;;;AAyBD,IAAI,gCAAU;IACZ,GAAG;IACH,GAAG;IACH,GAAG;IACH,YAAY;IACZ,oBAAoB;AACtB;AAEA,SAAS,6BAAO,KAA0B,EAAE,GAAW;IACrD,QAAQ,CAAA,GAAA,sCAAW,EAAE,OAAO;IAC5B,IAAI,QACF,OAAO,SACP,GAAG,cACJ,GAAG,CAAA,GAAA,uBAAS,EAAE,CAAA,GAAA,uCAAY,MAAM,CAAC;IAClC,IAAI,YACF,QAAQ,iBACR,gBAAgB,aAAa,aAAa,aAC1C,YAAY,aAAa,OAAO,QAChC,IAAI,EACJ,GAAG,YACJ,GAAG;IACJ,IAAI,kBAAkB,CAAA,GAAA,gDAA0B,EAAE,CAAA,GAAA,mDAAW,GAAG;IAChE,IAAI,cAAC,UAAU,EAAC,GAAG,CAAA,GAAA,uCAAY,EAAE;IAEjC,OAAO,SAAS,YAAa,QAAQ,MAAQ,QAAQ;IAErD,IAAI,SAAS,CAAA,GAAA,mCAAQ,EAAE;IACvB,IAAI,UAAU,CAAA,GAAA,mBAAK,EAAE;IACrB,IAAI,cAAc,6BAAO,CAAC,KAAK,IAAI,6BAAO,CAAC,KAAK;IAChD,IAAI,eAAC,WAAW,cAAE,UAAU,EAAC,GAAG,CAAA,GAAA,gCAAQ,EAAE,CAAA,GAAA,gCAAS,EAAE,cAAc,QAAQ;IAE3E,IAAI,YAAY,CAAA,GAAA,qCAAU,EAAE,CAAC,CAAC,EAAE,CAAA,GAAA,mDAAK,CAAC,CAAC,yBAAyB,CAAC,CAAC,EAAE,CAAA,GAAA,sCAAW,EAAE;IACjF,IAAI,aAAa,CAAA,GAAA,qCAAU,EAAE,CAAC,CAAC,EAAE,CAAA,GAAA,mDAAK,CAAC,CAAC,0BAA0B,CAAC,CAAC,EAAE,CAAA,GAAA,sCAAW,EAAE;IACnF,IAAI,YAAY,CAAA,GAAA,qCAAU,EAAE,CAAC,CAAC,EAAE,CAAA,GAAA,mDAAK,CAAC,CAAC,yBAAyB,CAAC,CAAC,EAAE,CAAA,GAAA,sCAAW,EAAE;IACjF,IAAI,cAAc,CAAA,GAAA,qCAAU,EAAE,CAAC,CAAC,EAAE,CAAA,GAAA,mDAAK,CAAC,CAAC,2BAA2B,CAAC,CAAC,EAAE,CAAA,GAAA,sCAAW,EAAE;IAErF,IAAI,QAAQ,CAAA,GAAA,oBAAM,EAAE,IAAO,CAAA;YACzB,MAAM;gBAAC,kBAAkB,CAAA,GAAA,mDAAK,CAAC,CAAC,uBAAuB;YAAA;YACvD,SAAS;gBAAC,kBAAkB,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG,2BAA2B;oBAAC,qCAAqC,CAAC;oBAAW,uCAAuC,CAAC;gBAAW;gBAAI,OAAO;gBAAG,GAAG,UAAU;YAAA;YAC1M,QAAQ;gBAAC,kBAAkB,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG,0BAA0B;oBAAC,qCAAqC,CAAC;oBAAY,sCAAsC,CAAC;gBAAW;YAAE;YAC/K,UAAU;gBAAC,kBAAkB,CAAA,GAAA,mDAAK,CAAC,CAAC,2BAA2B;YAAA;YAC/D,SAAS;gBAAC,kBAAkB,CAAA,GAAA,mDAAK,CAAC,CAAC,0BAA0B;gBAAE,MAAM;YAAG;YACxE,SAAS;gBAAC,kBAAkB,CAAA,GAAA,mDAAK,CAAC,CAAC,0BAA0B;YAAA;YAC7D,QAAQ;gBAAC,kBAAkB,CAAA,GAAA,mDAAK,CAAC,CAAC,yBAAyB;YAAA;YAC3D,aAAa;gBAAC,kBAAkB,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG,+BAA+B;oBAAC,yCAAyC,CAAC;gBAAS;gBAAI,OAAO;YAAK;QAExJ,CAAA,GAAI;QAAC;QAAW;QAAW;KAAW;IAEtC,qBACE,0DAAC;QACE,GAAG,UAAU;QACb,GAAG,WAAW;QACf,WAAW,CAAA,GAAA,oCAAS,EAClB,CAAA,GAAA,mDAAK,GACL,mBACA;YACE,CAAC,CAAC,iBAAiB,EAAE,YAAY,CAAC,CAAC,EAAE;YACrC,gCAAgC;QAClC,GACA,WAAW,SAAS;QAEtB,KAAK;qBACL,0DAAC,CAAA,GAAA,+BAAG;QAAE,KAAK;QAAS,kBAAkB,CAAA,GAAA,mDAAK,CAAC,CAAC,uBAAuB;qBAClE,0DAAC,CAAA,GAAA,sCAAW;QAAE,OAAO;OAClB,WAEF,+BACC,0DAAC,CAAA,GAAA,uCAAW;QACV,kBAAkB,CAAA,GAAA,mDAAK,CAAC,CAAC,8BAA8B;QACvD,SAAA;QACA,cAAY,gBAAgB,MAAM,CAAC;QACnC,SAAS;qBACT,0DAAC,CAAA,GAAA,0DAAS;AAMtB;AAEA;;;CAGC,GACD,IAAI,0DAAU,CAAA,GAAA,sCAAI,EAAE,UAAU,CAAC","sources":["packages/@react-spectrum/dialog/src/Dialog.tsx"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {ActionButton} from '@react-spectrum/button';\nimport {\n  classNames,\n  SlotProvider,\n  unwrapDOMRef,\n  useDOMRef,\n  useHasChild,\n  useSlotProps,\n  useStyleProps\n} from '@react-spectrum/utils';\nimport CrossLarge from '@spectrum-icons/ui/CrossLarge';\nimport {DialogContext, DialogContextValue} from './context';\nimport {DOMRef} from '@react-types/shared';\nimport {Grid} from '@react-spectrum/layout';\n// @ts-ignore\nimport intlMessages from '../intl/*.json';\nimport {mergeProps} from '@react-aria/utils';\nimport React, {useContext, useMemo, useRef} from 'react';\nimport {SpectrumDialogProps} from '@react-types/dialog';\nimport styles from '@adobe/spectrum-css-temp/components/dialog/vars.css';\nimport {useDialog} from '@react-aria/dialog';\nimport {useLocalizedStringFormatter} from '@react-aria/i18n';\n\nlet sizeMap = {\n  S: 'small',\n  M: 'medium',\n  L: 'large',\n  fullscreen: 'fullscreen',\n  fullscreenTakeover: 'fullscreenTakeover'\n};\n\nfunction Dialog(props: SpectrumDialogProps, ref: DOMRef) {\n  props = useSlotProps(props, 'dialog');\n  let {\n    type = 'modal',\n    ...contextProps\n  } = useContext(DialogContext) || {} as DialogContextValue;\n  let {\n    children,\n    isDismissable = contextProps.isDismissable,\n    onDismiss = contextProps.onClose,\n    size,\n    ...otherProps\n  } = props;\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/dialog');\n  let {styleProps} = useStyleProps(otherProps);\n\n  size = type === 'popover' ? (size || 'S') : (size || 'L');\n\n  let domRef = useDOMRef(ref);\n  let gridRef = useRef(null);\n  let sizeVariant = sizeMap[type] || sizeMap[size];\n  let {dialogProps, titleProps} = useDialog(mergeProps(contextProps, props), domRef);\n\n  let hasHeader = useHasChild(`.${styles['spectrum-Dialog-header']}`, unwrapDOMRef(gridRef));\n  let hasHeading = useHasChild(`.${styles['spectrum-Dialog-heading']}`, unwrapDOMRef(gridRef));\n  let hasFooter = useHasChild(`.${styles['spectrum-Dialog-footer']}`, unwrapDOMRef(gridRef));\n  let hasTypeIcon = useHasChild(`.${styles['spectrum-Dialog-typeIcon']}`, unwrapDOMRef(gridRef));\n\n  let slots = useMemo(() => ({\n    hero: {UNSAFE_className: styles['spectrum-Dialog-hero']},\n    heading: {UNSAFE_className: classNames(styles, 'spectrum-Dialog-heading', {'spectrum-Dialog-heading--noHeader': !hasHeader, 'spectrum-Dialog-heading--noTypeIcon': !hasTypeIcon}), level: 2, ...titleProps},\n    header: {UNSAFE_className: classNames(styles, 'spectrum-Dialog-header', {'spectrum-Dialog-header--noHeading': !hasHeading, 'spectrum-Dialog-header--noTypeIcon': !hasTypeIcon})},\n    typeIcon: {UNSAFE_className: styles['spectrum-Dialog-typeIcon']},\n    divider: {UNSAFE_className: styles['spectrum-Dialog-divider'], size: 'M'},\n    content: {UNSAFE_className: styles['spectrum-Dialog-content']},\n    footer: {UNSAFE_className: styles['spectrum-Dialog-footer']},\n    buttonGroup: {UNSAFE_className: classNames(styles, 'spectrum-Dialog-buttonGroup', {'spectrum-Dialog-buttonGroup--noFooter': !hasFooter}), align: 'end'}\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  }), [hasFooter, hasHeader, titleProps]);\n\n  return (\n    <section\n      {...styleProps}\n      {...dialogProps}\n      className={classNames(\n        styles,\n        'spectrum-Dialog',\n        {\n          [`spectrum-Dialog--${sizeVariant}`]: sizeVariant,\n          'spectrum-Dialog--dismissable': isDismissable\n        },\n        styleProps.className\n      )}\n      ref={domRef}>\n      <Grid ref={gridRef} UNSAFE_className={styles['spectrum-Dialog-grid']}>\n        <SlotProvider slots={slots}>\n          {children}\n        </SlotProvider>\n        {isDismissable &&\n          <ActionButton\n            UNSAFE_className={styles['spectrum-Dialog-closeButton']}\n            isQuiet\n            aria-label={stringFormatter.format('dismiss')}\n            onPress={onDismiss}>\n            <CrossLarge />\n          </ActionButton>\n        }\n      </Grid>\n    </section>\n  );\n}\n\n/**\n * Dialogs are windows containing contextual information, tasks, or workflows that appear over the user interface.\n * Depending on the kind of Dialog, further interactions may be blocked until the Dialog is acknowledged.\n */\nlet _Dialog = React.forwardRef(Dialog);\nexport {_Dialog as Dialog};\n"],"names":[],"version":3,"file":"Dialog.main.js.map"}
+{"mappings":"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","sources":["packages/@react-spectrum/dialog/src/Dialog.tsx"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {ActionButton} from '@react-spectrum/button';\nimport {\n  classNames,\n  SlotProvider,\n  unwrapDOMRef,\n  useDOMRef,\n  useHasChild,\n  useSlotProps,\n  useStyleProps\n} from '@react-spectrum/utils';\nimport CrossLarge from '@spectrum-icons/ui/CrossLarge';\nimport {DialogContext, DialogContextValue} from './context';\nimport {DOMRef} from '@react-types/shared';\nimport {Grid} from '@react-spectrum/layout';\n// @ts-ignore\nimport intlMessages from '../intl/*.json';\nimport {mergeProps} from '@react-aria/utils';\nimport React, {useContext, useMemo, useRef} from 'react';\nimport {SpectrumDialogProps} from '@react-types/dialog';\nimport styles from '@adobe/spectrum-css-temp/components/dialog/vars.css';\nimport {useDialog} from '@react-aria/dialog';\nimport {useLocalizedStringFormatter} from '@react-aria/i18n';\n\nlet sizeMap = {\n  S: 'small',\n  M: 'medium',\n  L: 'large',\n  fullscreen: 'fullscreen',\n  fullscreenTakeover: 'fullscreenTakeover'\n};\n\n/**\n * Dialogs are windows containing contextual information, tasks, or workflows that appear over the user interface.\n * Depending on the kind of Dialog, further interactions may be blocked until the Dialog is acknowledged.\n */\nexport const Dialog = React.forwardRef(function Dialog(props: SpectrumDialogProps, ref: DOMRef) {\n  props = useSlotProps(props, 'dialog');\n  let {\n    type = 'modal',\n    ...contextProps\n  } = useContext(DialogContext) || {} as DialogContextValue;\n  let {\n    children,\n    isDismissable = contextProps.isDismissable,\n    onDismiss = contextProps.onClose,\n    size,\n    ...otherProps\n  } = props;\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/dialog');\n  let {styleProps} = useStyleProps(otherProps);\n\n  size = type === 'popover' ? (size || 'S') : (size || 'L');\n\n  let domRef = useDOMRef(ref);\n  let gridRef = useRef(null);\n  let sizeVariant = sizeMap[type] || sizeMap[size];\n  let {dialogProps, titleProps} = useDialog(mergeProps(contextProps, props), domRef);\n\n  let hasHeader = useHasChild(`.${styles['spectrum-Dialog-header']}`, unwrapDOMRef(gridRef));\n  let hasHeading = useHasChild(`.${styles['spectrum-Dialog-heading']}`, unwrapDOMRef(gridRef));\n  let hasFooter = useHasChild(`.${styles['spectrum-Dialog-footer']}`, unwrapDOMRef(gridRef));\n  let hasTypeIcon = useHasChild(`.${styles['spectrum-Dialog-typeIcon']}`, unwrapDOMRef(gridRef));\n\n  let slots = useMemo(() => ({\n    hero: {UNSAFE_className: styles['spectrum-Dialog-hero']},\n    heading: {UNSAFE_className: classNames(styles, 'spectrum-Dialog-heading', {'spectrum-Dialog-heading--noHeader': !hasHeader, 'spectrum-Dialog-heading--noTypeIcon': !hasTypeIcon}), level: 2, ...titleProps},\n    header: {UNSAFE_className: classNames(styles, 'spectrum-Dialog-header', {'spectrum-Dialog-header--noHeading': !hasHeading, 'spectrum-Dialog-header--noTypeIcon': !hasTypeIcon})},\n    typeIcon: {UNSAFE_className: styles['spectrum-Dialog-typeIcon']},\n    divider: {UNSAFE_className: styles['spectrum-Dialog-divider'], size: 'M'},\n    content: {UNSAFE_className: styles['spectrum-Dialog-content']},\n    footer: {UNSAFE_className: styles['spectrum-Dialog-footer']},\n    buttonGroup: {UNSAFE_className: classNames(styles, 'spectrum-Dialog-buttonGroup', {'spectrum-Dialog-buttonGroup--noFooter': !hasFooter}), align: 'end'}\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  }), [hasFooter, hasHeader, titleProps]);\n\n  return (\n    <section\n      {...styleProps}\n      {...dialogProps}\n      className={classNames(\n        styles,\n        'spectrum-Dialog',\n        {\n          [`spectrum-Dialog--${sizeVariant}`]: sizeVariant,\n          'spectrum-Dialog--dismissable': isDismissable\n        },\n        styleProps.className\n      )}\n      ref={domRef}>\n      <Grid ref={gridRef} UNSAFE_className={styles['spectrum-Dialog-grid']}>\n        <SlotProvider slots={slots}>\n          {children}\n        </SlotProvider>\n        {isDismissable &&\n          <ActionButton\n            UNSAFE_className={styles['spectrum-Dialog-closeButton']}\n            isQuiet\n            aria-label={stringFormatter.format('dismiss')}\n            onPress={onDismiss}>\n            <CrossLarge />\n          </ActionButton>\n        }\n      </Grid>\n    </section>\n  );\n});\n"],"names":[],"version":3,"file":"Dialog.main.js.map"}

package/dist/Dialog.mjs

@@ -1,6 +1,6 @@
 import {DialogContext as $97b119e05830ea0d$export$8b93a07348a7730c} from "./context.mjs";
 import $3e38X$intlStringsmodulejs from "./intlStrings.mjs";
-import "./vars.cfc79477.css";
+import "./vars.895d8ff6.css";
 import $3e38X$dialog_vars_cssmodulejs from "./dialog_vars_css.mjs";
 import {ActionButton as $3e38X$ActionButton} from "@react-spectrum/button";
 import {useSlotProps as $3e38X$useSlotProps, useStyleProps as $3e38X$useStyleProps, useDOMRef as $3e38X$useDOMRef, useHasChild as $3e38X$useHasChild, unwrapDOMRef as $3e38X$unwrapDOMRef, classNames as $3e38X$classNames, SlotProvider as $3e38X$SlotProvider} from "@react-spectrum/utils";
@@ -43,7 +43,7 @@ let $99cd51dc4eb569f7$var$sizeMap = {
     fullscreen: 'fullscreen',
     fullscreenTakeover: 'fullscreenTakeover'
 };
-function $99cd51dc4eb569f7$var$Dialog(props, ref) {
+const $99cd51dc4eb569f7$export$3ddf2d174ce01153 = /*#__PURE__*/ (0, $3e38X$react).forwardRef(function Dialog(props, ref) {
     props = (0, $3e38X$useSlotProps)(props, 'dialog');
     let { type: type = 'modal', ...contextProps } = (0, $3e38X$useContext)((0, $97b119e05830ea0d$export$8b93a07348a7730c)) || {};
     let { children: children, isDismissable: isDismissable = contextProps.isDismissable, onDismiss: onDismiss = contextProps.onClose, size: size, ...otherProps } = props;
@@ -119,11 +119,7 @@ function $99cd51dc4eb569f7$var$Dialog(props, ref) {
         "aria-label": stringFormatter.format('dismiss'),
         onPress: onDismiss
     }, /*#__PURE__*/ (0, $3e38X$react).createElement((0, $3e38X$spectrumiconsuiCrossLarge), null))));
-}
-/**
- * Dialogs are windows containing contextual information, tasks, or workflows that appear over the user interface.
- * Depending on the kind of Dialog, further interactions may be blocked until the Dialog is acknowledged.
- */ let $99cd51dc4eb569f7$export$3ddf2d174ce01153 = /*#__PURE__*/ (0, $3e38X$react).forwardRef($99cd51dc4eb569f7$var$Dialog);
+});
 
 
 export {$99cd51dc4eb569f7$export$3ddf2d174ce01153 as Dialog};

package/dist/Dialog.module.js

@@ -1,6 +1,6 @@
 import {DialogContext as $97b119e05830ea0d$export$8b93a07348a7730c} from "./context.module.js";
 import $3e38X$intlStringsmodulejs from "./intlStrings.module.js";
-import "./vars.cfc79477.css";
+import "./vars.895d8ff6.css";
 import $3e38X$dialog_vars_cssmodulejs from "./dialog_vars_css.module.js";
 import {ActionButton as $3e38X$ActionButton} from "@react-spectrum/button";
 import {useSlotProps as $3e38X$useSlotProps, useStyleProps as $3e38X$useStyleProps, useDOMRef as $3e38X$useDOMRef, useHasChild as $3e38X$useHasChild, unwrapDOMRef as $3e38X$unwrapDOMRef, classNames as $3e38X$classNames, SlotProvider as $3e38X$SlotProvider} from "@react-spectrum/utils";
@@ -43,7 +43,7 @@ let $99cd51dc4eb569f7$var$sizeMap = {
     fullscreen: 'fullscreen',
     fullscreenTakeover: 'fullscreenTakeover'
 };
-function $99cd51dc4eb569f7$var$Dialog(props, ref) {
+const $99cd51dc4eb569f7$export$3ddf2d174ce01153 = /*#__PURE__*/ (0, $3e38X$react).forwardRef(function Dialog(props, ref) {
     props = (0, $3e38X$useSlotProps)(props, 'dialog');
     let { type: type = 'modal', ...contextProps } = (0, $3e38X$useContext)((0, $97b119e05830ea0d$export$8b93a07348a7730c)) || {};
     let { children: children, isDismissable: isDismissable = contextProps.isDismissable, onDismiss: onDismiss = contextProps.onClose, size: size, ...otherProps } = props;
@@ -119,11 +119,7 @@ function $99cd51dc4eb569f7$var$Dialog(props, ref) {
         "aria-label": stringFormatter.format('dismiss'),
         onPress: onDismiss
     }, /*#__PURE__*/ (0, $3e38X$react).createElement((0, $3e38X$spectrumiconsuiCrossLarge), null))));
-}
-/**
- * Dialogs are windows containing contextual information, tasks, or workflows that appear over the user interface.
- * Depending on the kind of Dialog, further interactions may be blocked until the Dialog is acknowledged.
- */ let $99cd51dc4eb569f7$export$3ddf2d174ce01153 = /*#__PURE__*/ (0, $3e38X$react).forwardRef($99cd51dc4eb569f7$var$Dialog);
+});
 
 
 export {$99cd51dc4eb569f7$export$3ddf2d174ce01153 as Dialog};

package/dist/Dialog.module.js.map

@@ -1 +1 @@
-{"mappings":"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","sources":["packages/@react-spectrum/dialog/src/Dialog.tsx"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {ActionButton} from '@react-spectrum/button';\nimport {\n  classNames,\n  SlotProvider,\n  unwrapDOMRef,\n  useDOMRef,\n  useHasChild,\n  useSlotProps,\n  useStyleProps\n} from '@react-spectrum/utils';\nimport CrossLarge from '@spectrum-icons/ui/CrossLarge';\nimport {DialogContext, DialogContextValue} from './context';\nimport {DOMRef} from '@react-types/shared';\nimport {Grid} from '@react-spectrum/layout';\n// @ts-ignore\nimport intlMessages from '../intl/*.json';\nimport {mergeProps} from '@react-aria/utils';\nimport React, {useContext, useMemo, useRef} from 'react';\nimport {SpectrumDialogProps} from '@react-types/dialog';\nimport styles from '@adobe/spectrum-css-temp/components/dialog/vars.css';\nimport {useDialog} from '@react-aria/dialog';\nimport {useLocalizedStringFormatter} from '@react-aria/i18n';\n\nlet sizeMap = {\n  S: 'small',\n  M: 'medium',\n  L: 'large',\n  fullscreen: 'fullscreen',\n  fullscreenTakeover: 'fullscreenTakeover'\n};\n\nfunction Dialog(props: SpectrumDialogProps, ref: DOMRef) {\n  props = useSlotProps(props, 'dialog');\n  let {\n    type = 'modal',\n    ...contextProps\n  } = useContext(DialogContext) || {} as DialogContextValue;\n  let {\n    children,\n    isDismissable = contextProps.isDismissable,\n    onDismiss = contextProps.onClose,\n    size,\n    ...otherProps\n  } = props;\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/dialog');\n  let {styleProps} = useStyleProps(otherProps);\n\n  size = type === 'popover' ? (size || 'S') : (size || 'L');\n\n  let domRef = useDOMRef(ref);\n  let gridRef = useRef(null);\n  let sizeVariant = sizeMap[type] || sizeMap[size];\n  let {dialogProps, titleProps} = useDialog(mergeProps(contextProps, props), domRef);\n\n  let hasHeader = useHasChild(`.${styles['spectrum-Dialog-header']}`, unwrapDOMRef(gridRef));\n  let hasHeading = useHasChild(`.${styles['spectrum-Dialog-heading']}`, unwrapDOMRef(gridRef));\n  let hasFooter = useHasChild(`.${styles['spectrum-Dialog-footer']}`, unwrapDOMRef(gridRef));\n  let hasTypeIcon = useHasChild(`.${styles['spectrum-Dialog-typeIcon']}`, unwrapDOMRef(gridRef));\n\n  let slots = useMemo(() => ({\n    hero: {UNSAFE_className: styles['spectrum-Dialog-hero']},\n    heading: {UNSAFE_className: classNames(styles, 'spectrum-Dialog-heading', {'spectrum-Dialog-heading--noHeader': !hasHeader, 'spectrum-Dialog-heading--noTypeIcon': !hasTypeIcon}), level: 2, ...titleProps},\n    header: {UNSAFE_className: classNames(styles, 'spectrum-Dialog-header', {'spectrum-Dialog-header--noHeading': !hasHeading, 'spectrum-Dialog-header--noTypeIcon': !hasTypeIcon})},\n    typeIcon: {UNSAFE_className: styles['spectrum-Dialog-typeIcon']},\n    divider: {UNSAFE_className: styles['spectrum-Dialog-divider'], size: 'M'},\n    content: {UNSAFE_className: styles['spectrum-Dialog-content']},\n    footer: {UNSAFE_className: styles['spectrum-Dialog-footer']},\n    buttonGroup: {UNSAFE_className: classNames(styles, 'spectrum-Dialog-buttonGroup', {'spectrum-Dialog-buttonGroup--noFooter': !hasFooter}), align: 'end'}\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  }), [hasFooter, hasHeader, titleProps]);\n\n  return (\n    <section\n      {...styleProps}\n      {...dialogProps}\n      className={classNames(\n        styles,\n        'spectrum-Dialog',\n        {\n          [`spectrum-Dialog--${sizeVariant}`]: sizeVariant,\n          'spectrum-Dialog--dismissable': isDismissable\n        },\n        styleProps.className\n      )}\n      ref={domRef}>\n      <Grid ref={gridRef} UNSAFE_className={styles['spectrum-Dialog-grid']}>\n        <SlotProvider slots={slots}>\n          {children}\n        </SlotProvider>\n        {isDismissable &&\n          <ActionButton\n            UNSAFE_className={styles['spectrum-Dialog-closeButton']}\n            isQuiet\n            aria-label={stringFormatter.format('dismiss')}\n            onPress={onDismiss}>\n            <CrossLarge />\n          </ActionButton>\n        }\n      </Grid>\n    </section>\n  );\n}\n\n/**\n * Dialogs are windows containing contextual information, tasks, or workflows that appear over the user interface.\n * Depending on the kind of Dialog, further interactions may be blocked until the Dialog is acknowledged.\n */\nlet _Dialog = React.forwardRef(Dialog);\nexport {_Dialog as Dialog};\n"],"names":[],"version":3,"file":"Dialog.module.js.map"}
+{"mappings":"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","sources":["packages/@react-spectrum/dialog/src/Dialog.tsx"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {ActionButton} from '@react-spectrum/button';\nimport {\n  classNames,\n  SlotProvider,\n  unwrapDOMRef,\n  useDOMRef,\n  useHasChild,\n  useSlotProps,\n  useStyleProps\n} from '@react-spectrum/utils';\nimport CrossLarge from '@spectrum-icons/ui/CrossLarge';\nimport {DialogContext, DialogContextValue} from './context';\nimport {DOMRef} from '@react-types/shared';\nimport {Grid} from '@react-spectrum/layout';\n// @ts-ignore\nimport intlMessages from '../intl/*.json';\nimport {mergeProps} from '@react-aria/utils';\nimport React, {useContext, useMemo, useRef} from 'react';\nimport {SpectrumDialogProps} from '@react-types/dialog';\nimport styles from '@adobe/spectrum-css-temp/components/dialog/vars.css';\nimport {useDialog} from '@react-aria/dialog';\nimport {useLocalizedStringFormatter} from '@react-aria/i18n';\n\nlet sizeMap = {\n  S: 'small',\n  M: 'medium',\n  L: 'large',\n  fullscreen: 'fullscreen',\n  fullscreenTakeover: 'fullscreenTakeover'\n};\n\n/**\n * Dialogs are windows containing contextual information, tasks, or workflows that appear over the user interface.\n * Depending on the kind of Dialog, further interactions may be blocked until the Dialog is acknowledged.\n */\nexport const Dialog = React.forwardRef(function Dialog(props: SpectrumDialogProps, ref: DOMRef) {\n  props = useSlotProps(props, 'dialog');\n  let {\n    type = 'modal',\n    ...contextProps\n  } = useContext(DialogContext) || {} as DialogContextValue;\n  let {\n    children,\n    isDismissable = contextProps.isDismissable,\n    onDismiss = contextProps.onClose,\n    size,\n    ...otherProps\n  } = props;\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/dialog');\n  let {styleProps} = useStyleProps(otherProps);\n\n  size = type === 'popover' ? (size || 'S') : (size || 'L');\n\n  let domRef = useDOMRef(ref);\n  let gridRef = useRef(null);\n  let sizeVariant = sizeMap[type] || sizeMap[size];\n  let {dialogProps, titleProps} = useDialog(mergeProps(contextProps, props), domRef);\n\n  let hasHeader = useHasChild(`.${styles['spectrum-Dialog-header']}`, unwrapDOMRef(gridRef));\n  let hasHeading = useHasChild(`.${styles['spectrum-Dialog-heading']}`, unwrapDOMRef(gridRef));\n  let hasFooter = useHasChild(`.${styles['spectrum-Dialog-footer']}`, unwrapDOMRef(gridRef));\n  let hasTypeIcon = useHasChild(`.${styles['spectrum-Dialog-typeIcon']}`, unwrapDOMRef(gridRef));\n\n  let slots = useMemo(() => ({\n    hero: {UNSAFE_className: styles['spectrum-Dialog-hero']},\n    heading: {UNSAFE_className: classNames(styles, 'spectrum-Dialog-heading', {'spectrum-Dialog-heading--noHeader': !hasHeader, 'spectrum-Dialog-heading--noTypeIcon': !hasTypeIcon}), level: 2, ...titleProps},\n    header: {UNSAFE_className: classNames(styles, 'spectrum-Dialog-header', {'spectrum-Dialog-header--noHeading': !hasHeading, 'spectrum-Dialog-header--noTypeIcon': !hasTypeIcon})},\n    typeIcon: {UNSAFE_className: styles['spectrum-Dialog-typeIcon']},\n    divider: {UNSAFE_className: styles['spectrum-Dialog-divider'], size: 'M'},\n    content: {UNSAFE_className: styles['spectrum-Dialog-content']},\n    footer: {UNSAFE_className: styles['spectrum-Dialog-footer']},\n    buttonGroup: {UNSAFE_className: classNames(styles, 'spectrum-Dialog-buttonGroup', {'spectrum-Dialog-buttonGroup--noFooter': !hasFooter}), align: 'end'}\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  }), [hasFooter, hasHeader, titleProps]);\n\n  return (\n    <section\n      {...styleProps}\n      {...dialogProps}\n      className={classNames(\n        styles,\n        'spectrum-Dialog',\n        {\n          [`spectrum-Dialog--${sizeVariant}`]: sizeVariant,\n          'spectrum-Dialog--dismissable': isDismissable\n        },\n        styleProps.className\n      )}\n      ref={domRef}>\n      <Grid ref={gridRef} UNSAFE_className={styles['spectrum-Dialog-grid']}>\n        <SlotProvider slots={slots}>\n          {children}\n        </SlotProvider>\n        {isDismissable &&\n          <ActionButton\n            UNSAFE_className={styles['spectrum-Dialog-closeButton']}\n            isQuiet\n            aria-label={stringFormatter.format('dismiss')}\n            onPress={onDismiss}>\n            <CrossLarge />\n          </ActionButton>\n        }\n      </Grid>\n    </section>\n  );\n});\n"],"names":[],"version":3,"file":"Dialog.module.js.map"}

package/dist/DialogTrigger.main.js

@@ -55,7 +55,6 @@ function $46e54a192dc519c9$var$DialogTrigger(props) {
     let isExiting = (0, $7xftW$react.useRef)(false);
     let onExiting = ()=>isExiting.current = true;
     let onExited = ()=>isExiting.current = false;
-    // eslint-disable-next-line arrow-body-style
     (0, $7xftW$react.useEffect)(()=>{
         return ()=>{
             if ((wasOpen.current || isExiting.current) && type !== 'popover' && type !== 'tray') console.warn('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.');

package/dist/DialogTrigger.main.js.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;AAWD,SAAS,oCAAc,KAAiC;IACtD,IAAI,YACF,QAAQ,QACR,OAAO,qBACP,aAAa,SAAS,YAAY,UAAU,iBAC5C,SAAS,aACT,SAAS,iBACT,aAAa,6BACb,yBAAyB,EACzB,GAAG,eACJ,GAAG;IACJ,IAAI,CAAC,MAAM,OAAO,CAAC,aAAa,SAAS,MAAM,GAAG,GAChD,MAAM,IAAI,MAAM;IAElB,0EAA0E;IAC1E,IAAI,CAAC,SAAS,QAAQ,GAAG;IAEzB,+DAA+D;IAC/D,IAAI,WAAW,CAAA,GAAA,2CAAgB;IAC/B,IAAI,UAAU;QACZ,oFAAoF;QACpF,IAAI,SAAS,WAAW,eAAe,SACrC,gBAAgB;QAGlB,OAAO;IACT;IAEA,IAAI,QAAQ,CAAA,GAAA,kDAAqB,EAAE;IACnC,IAAI,UAAU,CAAA,GAAA,mBAAK,EAAE;IACrB,CAAA,GAAA,sBAAQ,EAAE;QACR,QAAQ,OAAO,GAAG,MAAM,MAAM;IAChC,GAAG;QAAC,MAAM,MAAM;KAAC;IAEjB,IAAI,YAAY,CAAA,GAAA,mBAAK,EAAE;IACvB,IAAI,YAAY,IAAM,UAAU,OAAO,GAAG;IAC1C,IAAI,WAAW,IAAM,UAAU,OAAO,GAAG;IAEzC,4CAA4C;IAC5C,CAAA,GAAA,sBAAQ,EAAE;QACR,OAAO;YACL,IAAI,AAAC,CAAA,QAAQ,OAAO,IAAI,UAAU,OAAO,AAAD,KAAM,SAAS,aAAa,SAAS,QAC3E,QAAQ,IAAI,CAAC;QAEjB;IACF,uDAAuD;IACvD,GAAG,EAAE;IAEL,IAAI,SAAS,WACX,qBACE,0DAAC;QACE,GAAG,aAAa;QACjB,OAAO;QACP,WAAW;QACX,SAAS;QACT,SAAS;QACT,2BAA2B;QAC3B,WAAW;;IAIjB,IAAI,gBAAgB;QAClB,OAAQ;YACN,KAAK;YACL,KAAK;YACL,KAAK;gBACH,qBACE,0DAAC,CAAA,GAAA,kCAAI;oBACH,OAAO;oBACP,eAAe,SAAS,UAAU,gBAAgB;oBAClD,MAAM;oBACN,2BAA2B;oBAC3B,WAAW;oBACX,UAAU;mBACT,OAAO,YAAY,aAAa,QAAQ,MAAM,KAAK,IAAI;YAG9D,KAAK;gBACH,qBACE,0DAAC,CAAA,GAAA,iCAAG;oBACF,OAAO;oBACP,2BAA2B;mBAC1B,OAAO,YAAY,aAAa,QAAQ,MAAM,KAAK,IAAI;QAGhE;IACF;IAEA,qBACE,0DAAC;QACC,MAAM;QACN,OAAO;QACP,eAAe;QACf,SAAS;QACT,SAAS;;AAEf;AAEA,mEAAmE;AACnE,oCAAc,iBAAiB,GAAG,UAAW,KAAiC;IAC5E,wEAAwE;IACxE,IAAI,CAAC,QAAQ,GAAG,CAAA,GAAA,sCAAI,EAAE,QAAQ,CAAC,OAAO,CAAC,MAAM,QAAQ;IACrD,IAAI,GAAG,QAAQ,GAAG,MAAM,QAAQ;IAChC,MAAM;QACJ,SAAS;QACT,SAAS,CAAC,wBACR,0DAAC;gBAAc,KAAK,QAAQ,GAAG;gBAAG,GAAG,KAAK;eACvC,SACA;IAGP;AACF;AAEA;;;;CAIC,GAED,oEAAoE;AACpE,IAAI,4CAAiB;AAGrB,SAAS,qCAAe,SAAC,KAAK,aAAE,SAAS,WAAE,OAAO,WAAE,OAAO,aAAE,SAAS,EAAE,GAAG,OAAM;IAC/E,IAAI,aAAa,CAAA,GAAA,mBAAK,EAAe;IACrC,IAAI,gBAAC,YAAY,gBAAE,YAAY,EAAC,GAAG,CAAA,GAAA,0CAAgB,EAAE;QAAC,MAAM;IAAQ,GAAG,OAAO;IAE9E,IAAI,sBAAsB;QACxB,GAAG,YAAY;QACf,KAAK,YAAY,YAAY;IAC/B;IAEA,IAAI,wBACF,0DAAC,CAAA,GAAA,oCAAM;QACJ,GAAG,KAAK;QACT,WAAW;QACX,YAAY,aAAa;QACzB,OAAO;OACN,OAAO,YAAY,aAAa,QAAQ,MAAM,KAAK,IAAI;IAI5D,qBACE,0DAAC;QACC,MAAK;QACL,OAAO;QACP,cAAc;QACd,aAAa;QACb,SAAS;QACT,SAAS;;AAEf;AAYA,SAAS,wCAAkB,QAAC,IAAI,SAAE,KAAK,iBAAE,aAAa,eAAE,cAAc,CAAC,iBAAG,eAAe,CAAC,YAAG,OAAO,WAAE,OAAO,EAA4B;IACvI,IAAI,UAAU;cACZ;QACA,SAAS,MAAM,KAAK;uBACpB;QACA,GAAG,WAAW;IAChB;IAEA,qBACE,0DAAC,CAAA,GAAA,qBAAO,uBACN,0DAAC,CAAA,GAAA,2CAAa;QACX,GAAG,YAAY;QAChB,SAAS,MAAM,MAAM;QACrB,WAAW,MAAM,MAAM,IAAI,SAAS,WAAW,SAAS,gBAAgB,SAAS;OAChF,wBAEH,0DAAC,CAAA,GAAA,uCAAY,EAAE,QAAQ;QAAC,OAAO;OAC5B;AAIT","sources":["packages/@react-spectrum/dialog/src/DialogTrigger.tsx"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {DialogContext} from './context';\nimport {Modal, Popover, Tray} from '@react-spectrum/overlays';\nimport {OverlayTriggerState, useOverlayTriggerState} from '@react-stately/overlays';\nimport {PressResponder} from '@react-aria/interactions';\nimport React, {Fragment, JSX, ReactElement, useEffect, useRef} from 'react';\nimport {SpectrumDialogClose, SpectrumDialogProps, SpectrumDialogTriggerProps} from '@react-types/dialog';\nimport {useIsMobileDevice} from '@react-spectrum/utils';\nimport {useOverlayTrigger} from '@react-aria/overlays';\n\nfunction DialogTrigger(props: SpectrumDialogTriggerProps) {\n  let {\n    children,\n    type = 'modal',\n    mobileType = type === 'popover' ? 'modal' : type,\n    hideArrow,\n    targetRef,\n    isDismissable,\n    isKeyboardDismissDisabled,\n    ...positionProps\n  } = props;\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 as [ReactElement, SpectrumDialogClose];\n\n  // On small devices, show a modal or tray instead of a popover.\n  let isMobile = useIsMobileDevice();\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  let wasOpen = useRef(false);\n  useEffect(() => {\n    wasOpen.current = state.isOpen;\n  }, [state.isOpen]);\n\n  let isExiting = useRef(false);\n  let onExiting = () => isExiting.current = true;\n  let onExited = () => isExiting.current = false;\n\n  // eslint-disable-next-line arrow-body-style\n  useEffect(() => {\n    return () => {\n      if ((wasOpen.current || isExiting.current) && type !== 'popover' && type !== 'tray') {\n        console.warn('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  // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  if (type === 'popover') {\n    return (\n      <PopoverTrigger\n        {...positionProps}\n        state={state}\n        targetRef={targetRef}\n        trigger={trigger}\n        content={content}\n        isKeyboardDismissDisabled={isKeyboardDismissDisabled}\n        hideArrow={hideArrow} />\n    );\n  }\n\n  let renderOverlay = () => {\n    switch (type) {\n      case 'fullscreen':\n      case 'fullscreenTakeover':\n      case 'modal':\n        return (\n          <Modal\n            state={state}\n            isDismissable={type === 'modal' ? isDismissable : false}\n            type={type}\n            isKeyboardDismissDisabled={isKeyboardDismissDisabled}\n            onExiting={onExiting}\n            onExited={onExited}>\n            {typeof content === 'function' ? content(state.close) : content}\n          </Modal>\n        );\n      case 'tray':\n        return (\n          <Tray\n            state={state}\n            isKeyboardDismissDisabled={isKeyboardDismissDisabled}>\n            {typeof content === 'function' ? content(state.close) : content}\n          </Tray>\n        );\n    }\n  };\n\n  return (\n    <DialogTriggerBase\n      type={type}\n      state={state}\n      isDismissable={isDismissable}\n      trigger={trigger}\n      overlay={renderOverlay()} />\n  );\n}\n\n// Support DialogTrigger inside components using CollectionBuilder.\nDialogTrigger.getCollectionNode = function* (props: SpectrumDialogTriggerProps) {\n  // @ts-ignore - seems like types are wrong. Function children work fine.\n  let [trigger] = React.Children.toArray(props.children);\n  let [, content] = props.children as [ReactElement, SpectrumDialogClose];\n  yield {\n    element: trigger,\n    wrapper: (element) => (\n      <DialogTrigger key={element.key} {...props}>\n        {element}\n        {content}\n      </DialogTrigger>\n    )\n  };\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 */\n\n// We don't want getCollectionNode to show up in the type definition\nlet _DialogTrigger = DialogTrigger as (props: SpectrumDialogTriggerProps) => JSX.Element;\nexport {_DialogTrigger as DialogTrigger};\n\nfunction PopoverTrigger({state, targetRef, trigger, content, hideArrow, ...props}) {\n  let triggerRef = useRef<HTMLElement>(null);\n  let {triggerProps, overlayProps} = useOverlayTrigger({type: 'dialog'}, state, triggerRef);\n\n  let triggerPropsWithRef = {\n    ...triggerProps,\n    ref: targetRef ? undefined : triggerRef\n  };\n\n  let overlay = (\n    <Popover\n      {...props}\n      hideArrow={hideArrow}\n      triggerRef={targetRef || triggerRef}\n      state={state}>\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  );\n}\n\ninterface SpectrumDialogTriggerBase {\n  type: 'modal' | 'popover' | 'tray' | 'fullscreen' | 'fullscreenTakeover',\n  state: OverlayTriggerState,\n  isDismissable?: boolean,\n  dialogProps?: SpectrumDialogProps | {},\n  triggerProps?: any,\n  overlay?: ReactElement,\n  trigger: ReactElement\n}\n\nfunction DialogTriggerBase({type, state, isDismissable, dialogProps = {}, triggerProps = {}, overlay, trigger}: SpectrumDialogTriggerBase) {\n  let context = {\n    type,\n    onClose: state.close,\n    isDismissable,\n    ...dialogProps\n  };\n\n  return (\n    <Fragment>\n      <PressResponder\n        {...triggerProps}\n        onPress={state.toggle}\n        isPressed={state.isOpen && type !== 'modal' && type !== 'fullscreen' && type !== 'fullscreenTakeover'}>\n        {trigger}\n      </PressResponder>\n      <DialogContext.Provider value={context}>\n        {overlay}\n      </DialogContext.Provider>\n    </Fragment>\n  );\n}\n"],"names":[],"version":3,"file":"DialogTrigger.main.js.map"}
+{"mappings":"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","sources":["packages/@react-spectrum/dialog/src/DialogTrigger.tsx"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {DialogContext} from './context';\nimport {Modal, Popover, Tray} from '@react-spectrum/overlays';\nimport {OverlayTriggerState, useOverlayTriggerState} from '@react-stately/overlays';\nimport {PressResponder} from '@react-aria/interactions';\nimport React, {Fragment, JSX, ReactElement, useEffect, useRef} from 'react';\nimport {SpectrumDialogClose, SpectrumDialogProps, SpectrumDialogTriggerProps} from '@react-types/dialog';\nimport {useIsMobileDevice} from '@react-spectrum/utils';\nimport {useOverlayTrigger} from '@react-aria/overlays';\n\nfunction DialogTrigger(props: SpectrumDialogTriggerProps) {\n  let {\n    children,\n    type = 'modal',\n    mobileType = type === 'popover' ? 'modal' : type,\n    hideArrow,\n    targetRef,\n    isDismissable,\n    isKeyboardDismissDisabled,\n    ...positionProps\n  } = props;\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 as [ReactElement, SpectrumDialogClose];\n\n  // On small devices, show a modal or tray instead of a popover.\n  let isMobile = useIsMobileDevice();\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  let wasOpen = useRef(false);\n  useEffect(() => {\n    wasOpen.current = state.isOpen;\n  }, [state.isOpen]);\n\n  let isExiting = useRef(false);\n  let onExiting = () => isExiting.current = true;\n  let onExited = () => isExiting.current = false;\n\n   \n  useEffect(() => {\n    return () => {\n      if ((wasOpen.current || isExiting.current) && type !== 'popover' && type !== 'tray') {\n        console.warn('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  // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  if (type === 'popover') {\n    return (\n      <PopoverTrigger\n        {...positionProps}\n        state={state}\n        targetRef={targetRef}\n        trigger={trigger}\n        content={content}\n        isKeyboardDismissDisabled={isKeyboardDismissDisabled}\n        hideArrow={hideArrow} />\n    );\n  }\n\n  let renderOverlay = () => {\n    switch (type) {\n      case 'fullscreen':\n      case 'fullscreenTakeover':\n      case 'modal':\n        return (\n          <Modal\n            state={state}\n            isDismissable={type === 'modal' ? isDismissable : false}\n            type={type}\n            isKeyboardDismissDisabled={isKeyboardDismissDisabled}\n            onExiting={onExiting}\n            onExited={onExited}>\n            {typeof content === 'function' ? content(state.close) : content}\n          </Modal>\n        );\n      case 'tray':\n        return (\n          <Tray\n            state={state}\n            isKeyboardDismissDisabled={isKeyboardDismissDisabled}>\n            {typeof content === 'function' ? content(state.close) : content}\n          </Tray>\n        );\n    }\n  };\n\n  return (\n    <DialogTriggerBase\n      type={type}\n      state={state}\n      isDismissable={isDismissable}\n      trigger={trigger}\n      overlay={renderOverlay()} />\n  );\n}\n\n// Support DialogTrigger inside components using CollectionBuilder.\nDialogTrigger.getCollectionNode = function* (props: SpectrumDialogTriggerProps) {\n  // @ts-ignore - seems like types are wrong. Function children work fine.\n  let [trigger] = React.Children.toArray(props.children);\n  let [, content] = props.children as [ReactElement, SpectrumDialogClose];\n  yield {\n    element: trigger,\n    wrapper: (element) => (\n      <DialogTrigger key={element.key} {...props}>\n        {element}\n        {content}\n      </DialogTrigger>\n    )\n  };\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 */\n\n// We don't want getCollectionNode to show up in the type definition\nlet _DialogTrigger = DialogTrigger as (props: SpectrumDialogTriggerProps) => JSX.Element;\nexport {_DialogTrigger as DialogTrigger};\n\nfunction PopoverTrigger({state, targetRef, trigger, content, hideArrow, ...props}) {\n  let triggerRef = useRef<HTMLElement>(null);\n  let {triggerProps, overlayProps} = useOverlayTrigger({type: 'dialog'}, state, triggerRef);\n\n  let triggerPropsWithRef = {\n    ...triggerProps,\n    ref: targetRef ? undefined : triggerRef\n  };\n\n  let overlay = (\n    <Popover\n      {...props}\n      hideArrow={hideArrow}\n      triggerRef={targetRef || triggerRef}\n      state={state}>\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  );\n}\n\ninterface SpectrumDialogTriggerBase {\n  type: 'modal' | 'popover' | 'tray' | 'fullscreen' | 'fullscreenTakeover',\n  state: OverlayTriggerState,\n  isDismissable?: boolean,\n  dialogProps?: SpectrumDialogProps | {},\n  triggerProps?: any,\n  overlay?: ReactElement,\n  trigger: ReactElement\n}\n\nfunction DialogTriggerBase({type, state, isDismissable, dialogProps = {}, triggerProps = {}, overlay, trigger}: SpectrumDialogTriggerBase) {\n  let context = {\n    type,\n    onClose: state.close,\n    isDismissable,\n    ...dialogProps\n  };\n\n  return (\n    <Fragment>\n      <PressResponder\n        {...triggerProps}\n        onPress={state.toggle}\n        isPressed={state.isOpen && type !== 'modal' && type !== 'fullscreen' && type !== 'fullscreenTakeover'}>\n        {trigger}\n      </PressResponder>\n      <DialogContext.Provider value={context}>\n        {overlay}\n      </DialogContext.Provider>\n    </Fragment>\n  );\n}\n"],"names":[],"version":3,"file":"DialogTrigger.main.js.map"}

package/dist/DialogTrigger.mjs

@@ -45,7 +45,6 @@ function $c412c5ea680c1e4f$var$DialogTrigger(props) {
     let isExiting = (0, $jYq0n$useRef)(false);
     let onExiting = ()=>isExiting.current = true;
     let onExited = ()=>isExiting.current = false;
-    // eslint-disable-next-line arrow-body-style
     (0, $jYq0n$useEffect)(()=>{
         return ()=>{
             if ((wasOpen.current || isExiting.current) && type !== 'popover' && type !== 'tray') console.warn('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.');

package/dist/DialogTrigger.module.js

@@ -45,7 +45,6 @@ function $c412c5ea680c1e4f$var$DialogTrigger(props) {
     let isExiting = (0, $jYq0n$useRef)(false);
     let onExiting = ()=>isExiting.current = true;
     let onExited = ()=>isExiting.current = false;
-    // eslint-disable-next-line arrow-body-style
     (0, $jYq0n$useEffect)(()=>{
         return ()=>{
             if ((wasOpen.current || isExiting.current) && type !== 'popover' && type !== 'tray') console.warn('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.');

package/dist/DialogTrigger.module.js.map

@@ -1 +1 @@
-{"mappings":"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","sources":["packages/@react-spectrum/dialog/src/DialogTrigger.tsx"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {DialogContext} from './context';\nimport {Modal, Popover, Tray} from '@react-spectrum/overlays';\nimport {OverlayTriggerState, useOverlayTriggerState} from '@react-stately/overlays';\nimport {PressResponder} from '@react-aria/interactions';\nimport React, {Fragment, JSX, ReactElement, useEffect, useRef} from 'react';\nimport {SpectrumDialogClose, SpectrumDialogProps, SpectrumDialogTriggerProps} from '@react-types/dialog';\nimport {useIsMobileDevice} from '@react-spectrum/utils';\nimport {useOverlayTrigger} from '@react-aria/overlays';\n\nfunction DialogTrigger(props: SpectrumDialogTriggerProps) {\n  let {\n    children,\n    type = 'modal',\n    mobileType = type === 'popover' ? 'modal' : type,\n    hideArrow,\n    targetRef,\n    isDismissable,\n    isKeyboardDismissDisabled,\n    ...positionProps\n  } = props;\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 as [ReactElement, SpectrumDialogClose];\n\n  // On small devices, show a modal or tray instead of a popover.\n  let isMobile = useIsMobileDevice();\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  let wasOpen = useRef(false);\n  useEffect(() => {\n    wasOpen.current = state.isOpen;\n  }, [state.isOpen]);\n\n  let isExiting = useRef(false);\n  let onExiting = () => isExiting.current = true;\n  let onExited = () => isExiting.current = false;\n\n  // eslint-disable-next-line arrow-body-style\n  useEffect(() => {\n    return () => {\n      if ((wasOpen.current || isExiting.current) && type !== 'popover' && type !== 'tray') {\n        console.warn('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  // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  if (type === 'popover') {\n    return (\n      <PopoverTrigger\n        {...positionProps}\n        state={state}\n        targetRef={targetRef}\n        trigger={trigger}\n        content={content}\n        isKeyboardDismissDisabled={isKeyboardDismissDisabled}\n        hideArrow={hideArrow} />\n    );\n  }\n\n  let renderOverlay = () => {\n    switch (type) {\n      case 'fullscreen':\n      case 'fullscreenTakeover':\n      case 'modal':\n        return (\n          <Modal\n            state={state}\n            isDismissable={type === 'modal' ? isDismissable : false}\n            type={type}\n            isKeyboardDismissDisabled={isKeyboardDismissDisabled}\n            onExiting={onExiting}\n            onExited={onExited}>\n            {typeof content === 'function' ? content(state.close) : content}\n          </Modal>\n        );\n      case 'tray':\n        return (\n          <Tray\n            state={state}\n            isKeyboardDismissDisabled={isKeyboardDismissDisabled}>\n            {typeof content === 'function' ? content(state.close) : content}\n          </Tray>\n        );\n    }\n  };\n\n  return (\n    <DialogTriggerBase\n      type={type}\n      state={state}\n      isDismissable={isDismissable}\n      trigger={trigger}\n      overlay={renderOverlay()} />\n  );\n}\n\n// Support DialogTrigger inside components using CollectionBuilder.\nDialogTrigger.getCollectionNode = function* (props: SpectrumDialogTriggerProps) {\n  // @ts-ignore - seems like types are wrong. Function children work fine.\n  let [trigger] = React.Children.toArray(props.children);\n  let [, content] = props.children as [ReactElement, SpectrumDialogClose];\n  yield {\n    element: trigger,\n    wrapper: (element) => (\n      <DialogTrigger key={element.key} {...props}>\n        {element}\n        {content}\n      </DialogTrigger>\n    )\n  };\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 */\n\n// We don't want getCollectionNode to show up in the type definition\nlet _DialogTrigger = DialogTrigger as (props: SpectrumDialogTriggerProps) => JSX.Element;\nexport {_DialogTrigger as DialogTrigger};\n\nfunction PopoverTrigger({state, targetRef, trigger, content, hideArrow, ...props}) {\n  let triggerRef = useRef<HTMLElement>(null);\n  let {triggerProps, overlayProps} = useOverlayTrigger({type: 'dialog'}, state, triggerRef);\n\n  let triggerPropsWithRef = {\n    ...triggerProps,\n    ref: targetRef ? undefined : triggerRef\n  };\n\n  let overlay = (\n    <Popover\n      {...props}\n      hideArrow={hideArrow}\n      triggerRef={targetRef || triggerRef}\n      state={state}>\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  );\n}\n\ninterface SpectrumDialogTriggerBase {\n  type: 'modal' | 'popover' | 'tray' | 'fullscreen' | 'fullscreenTakeover',\n  state: OverlayTriggerState,\n  isDismissable?: boolean,\n  dialogProps?: SpectrumDialogProps | {},\n  triggerProps?: any,\n  overlay?: ReactElement,\n  trigger: ReactElement\n}\n\nfunction DialogTriggerBase({type, state, isDismissable, dialogProps = {}, triggerProps = {}, overlay, trigger}: SpectrumDialogTriggerBase) {\n  let context = {\n    type,\n    onClose: state.close,\n    isDismissable,\n    ...dialogProps\n  };\n\n  return (\n    <Fragment>\n      <PressResponder\n        {...triggerProps}\n        onPress={state.toggle}\n        isPressed={state.isOpen && type !== 'modal' && type !== 'fullscreen' && type !== 'fullscreenTakeover'}>\n        {trigger}\n      </PressResponder>\n      <DialogContext.Provider value={context}>\n        {overlay}\n      </DialogContext.Provider>\n    </Fragment>\n  );\n}\n"],"names":[],"version":3,"file":"DialogTrigger.module.js.map"}
+{"mappings":"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","sources":["packages/@react-spectrum/dialog/src/DialogTrigger.tsx"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {DialogContext} from './context';\nimport {Modal, Popover, Tray} from '@react-spectrum/overlays';\nimport {OverlayTriggerState, useOverlayTriggerState} from '@react-stately/overlays';\nimport {PressResponder} from '@react-aria/interactions';\nimport React, {Fragment, JSX, ReactElement, useEffect, useRef} from 'react';\nimport {SpectrumDialogClose, SpectrumDialogProps, SpectrumDialogTriggerProps} from '@react-types/dialog';\nimport {useIsMobileDevice} from '@react-spectrum/utils';\nimport {useOverlayTrigger} from '@react-aria/overlays';\n\nfunction DialogTrigger(props: SpectrumDialogTriggerProps) {\n  let {\n    children,\n    type = 'modal',\n    mobileType = type === 'popover' ? 'modal' : type,\n    hideArrow,\n    targetRef,\n    isDismissable,\n    isKeyboardDismissDisabled,\n    ...positionProps\n  } = props;\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 as [ReactElement, SpectrumDialogClose];\n\n  // On small devices, show a modal or tray instead of a popover.\n  let isMobile = useIsMobileDevice();\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  let wasOpen = useRef(false);\n  useEffect(() => {\n    wasOpen.current = state.isOpen;\n  }, [state.isOpen]);\n\n  let isExiting = useRef(false);\n  let onExiting = () => isExiting.current = true;\n  let onExited = () => isExiting.current = false;\n\n   \n  useEffect(() => {\n    return () => {\n      if ((wasOpen.current || isExiting.current) && type !== 'popover' && type !== 'tray') {\n        console.warn('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  // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  if (type === 'popover') {\n    return (\n      <PopoverTrigger\n        {...positionProps}\n        state={state}\n        targetRef={targetRef}\n        trigger={trigger}\n        content={content}\n        isKeyboardDismissDisabled={isKeyboardDismissDisabled}\n        hideArrow={hideArrow} />\n    );\n  }\n\n  let renderOverlay = () => {\n    switch (type) {\n      case 'fullscreen':\n      case 'fullscreenTakeover':\n      case 'modal':\n        return (\n          <Modal\n            state={state}\n            isDismissable={type === 'modal' ? isDismissable : false}\n            type={type}\n            isKeyboardDismissDisabled={isKeyboardDismissDisabled}\n            onExiting={onExiting}\n            onExited={onExited}>\n            {typeof content === 'function' ? content(state.close) : content}\n          </Modal>\n        );\n      case 'tray':\n        return (\n          <Tray\n            state={state}\n            isKeyboardDismissDisabled={isKeyboardDismissDisabled}>\n            {typeof content === 'function' ? content(state.close) : content}\n          </Tray>\n        );\n    }\n  };\n\n  return (\n    <DialogTriggerBase\n      type={type}\n      state={state}\n      isDismissable={isDismissable}\n      trigger={trigger}\n      overlay={renderOverlay()} />\n  );\n}\n\n// Support DialogTrigger inside components using CollectionBuilder.\nDialogTrigger.getCollectionNode = function* (props: SpectrumDialogTriggerProps) {\n  // @ts-ignore - seems like types are wrong. Function children work fine.\n  let [trigger] = React.Children.toArray(props.children);\n  let [, content] = props.children as [ReactElement, SpectrumDialogClose];\n  yield {\n    element: trigger,\n    wrapper: (element) => (\n      <DialogTrigger key={element.key} {...props}>\n        {element}\n        {content}\n      </DialogTrigger>\n    )\n  };\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 */\n\n// We don't want getCollectionNode to show up in the type definition\nlet _DialogTrigger = DialogTrigger as (props: SpectrumDialogTriggerProps) => JSX.Element;\nexport {_DialogTrigger as DialogTrigger};\n\nfunction PopoverTrigger({state, targetRef, trigger, content, hideArrow, ...props}) {\n  let triggerRef = useRef<HTMLElement>(null);\n  let {triggerProps, overlayProps} = useOverlayTrigger({type: 'dialog'}, state, triggerRef);\n\n  let triggerPropsWithRef = {\n    ...triggerProps,\n    ref: targetRef ? undefined : triggerRef\n  };\n\n  let overlay = (\n    <Popover\n      {...props}\n      hideArrow={hideArrow}\n      triggerRef={targetRef || triggerRef}\n      state={state}>\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  );\n}\n\ninterface SpectrumDialogTriggerBase {\n  type: 'modal' | 'popover' | 'tray' | 'fullscreen' | 'fullscreenTakeover',\n  state: OverlayTriggerState,\n  isDismissable?: boolean,\n  dialogProps?: SpectrumDialogProps | {},\n  triggerProps?: any,\n  overlay?: ReactElement,\n  trigger: ReactElement\n}\n\nfunction DialogTriggerBase({type, state, isDismissable, dialogProps = {}, triggerProps = {}, overlay, trigger}: SpectrumDialogTriggerBase) {\n  let context = {\n    type,\n    onClose: state.close,\n    isDismissable,\n    ...dialogProps\n  };\n\n  return (\n    <Fragment>\n      <PressResponder\n        {...triggerProps}\n        onPress={state.toggle}\n        isPressed={state.isOpen && type !== 'modal' && type !== 'fullscreen' && type !== 'fullscreenTakeover'}>\n        {trigger}\n      </PressResponder>\n      <DialogContext.Provider value={context}>\n        {overlay}\n      </DialogContext.Provider>\n    </Fragment>\n  );\n}\n"],"names":[],"version":3,"file":"DialogTrigger.module.js.map"}

package/dist/dialog_vars_css.main.js.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AAlDA,4CAAgC,CAAC,kBAAkB,CAAC;AACpD,0CAAoC,CAAC,sBAAsB,CAAC;AAC5D,4CAAgC,CAAC,kBAAkB,CAAC;AACpD,4CAA4B,CAAC,cAAc,CAAC;AAC5C,4CAA4B,CAAC,cAAc,CAAC;AAC5C,4CAA+B,CAAC,iBAAiB,CAAC;AAClD,4CAA2B,CAAC,aAAa,CAAC;AAC1C,4CAAiC,CAAC,mBAAmB,CAAC;AACtD,4CAA2B,CAAC,aAAa,CAAC;AAC1C,4CAA+B,CAAC,iBAAiB,CAAC;AAClD,4CAAiC,CAAC,mBAAmB,CAAC;AACtD,4CAA4B,CAAC,cAAc,CAAC;AAC5C,4CAAkC,CAAC,oBAAoB,CAAC;AACxD,4CAAyB,CAAC,WAAW,CAAC;AACtC,4CAAmC,CAAC,qBAAqB,CAAC;AAC1D,4CAAoC,CAAC,sBAAsB,CAAC;AAC5D,4CAAoC,CAAC,sBAAsB,CAAC;AAC5D,4CAAiD,CAAC,mCAAmC,CAAC;AACtF,2CAA2C,CAAC,6BAA6B,CAAC;AAC1E,4CAAgD,CAAC,kCAAkC,CAAC;AACpF,4CAAwD,CAAC,0CAA0C,CAAC;AACpG,4CAA2C,CAAC,6BAA6B,CAAC;AAC1E,4CAA4C,CAAC,8BAA8B,CAAC;AAC5E,4CAA+C,CAAC,iCAAiC,CAAC;AAClF,4CAA2C,CAAC,6BAA6B,CAAC;AAC1E,4CAA6C,CAAC,+BAA+B,CAAC;AAC9E,4CAAgD,CAAC,kCAAkC,CAAC;AACpF,4CAA0D,CAAC,4CAA4C,CAAC;AACxG,4CAAgD,CAAC,kCAAkC,CAAC;AACpF,4CAA4C,CAAC,8BAA8B,CAAC;AAC5E,4CAA4C,CAAC,8BAA8B,CAAC;AAC5E,4CAA2C,CAAC,6BAA6B,CAAC;AAC1E,4CAAyC,CAAC,2BAA2B,CAAC;AACtE,4CAA2C,CAAC,6BAA6B,CAAC;AAC1E,4CAAuD,CAAC,yCAAyC,CAAC;AAClG,4CAA4C,CAAC,8BAA8B,CAAC;AAC5E,4CAAsD,CAAC,wCAAwC,CAAC;AAChG,2CAAwD,CAAC,0CAA0C,CAAC;AACpG,4CAAyC,CAAC,2BAA2B,CAAC;AACtE,4CAA6C,CAAC,+BAA+B,CAAC;AAC9E,4CAA4C,CAAC,8BAA8B,CAAC;AAC5E,4CAAuC,CAAC,0BAA0B,EAAE,0CAA0C,CAAC;AAC/G,4CAA8C,CAAC,gCAAgC,CAAC;AAChF,4CAAqC,CAAC,uBAAuB,CAAC;AAC9D,4CAAmD,CAAC,qCAAqC,CAAC;AAC1F,4CAAiD,CAAC,mCAAmC,CAAC;AACtF,4CAA2C,CAAC,6BAA6B,CAAC;AAC1E,4CAAkD,CAAC,oCAAoC,CAAC;AACxF,2CAAgD,CAAC,kCAAkC,CAAC;AACpF,4CAA6B,CAAC,eAAe,CAAC;AAC9C,4CAAiC,CAAC,mBAAmB,CAAC","sources":["packages/@adobe/spectrum-css-temp/components/dialog/vars.css"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n@import './index.css';\n@import './skin.css';\n"],"names":[],"version":3,"file":"dialog_vars_css.main.js.map"}
+{"mappings":"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","sources":["packages/@adobe/spectrum-css-temp/components/dialog/vars.css"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n@import './index.css';\n@import './skin.css';\n"],"names":[],"version":3,"file":"dialog_vars_css.main.js.map"}

package/dist/dialog_vars_css.module.js.map

@@ -1 +1 @@
-{"mappings":"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","sources":["packages/@adobe/spectrum-css-temp/components/dialog/vars.css"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n@import './index.css';\n@import './skin.css';\n"],"names":[],"version":3,"file":"dialog_vars_css.module.js.map"}
+{"mappings":"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","sources":["packages/@adobe/spectrum-css-temp/components/dialog/vars.css"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n@import './index.css';\n@import './skin.css';\n"],"names":[],"version":3,"file":"dialog_vars_css.module.js.map"}

package/dist/types.d.ts

@@ -5,11 +5,11 @@ import { DOMRefValue } from "@react-types/shared";
  * Dialogs are windows containing contextual information, tasks, or workflows that appear over the user interface.
  * Depending on the kind of Dialog, further interactions may be blocked until the Dialog is acknowledged.
  */
-export let Dialog: React.ForwardRefExoticComponent<SpectrumDialogProps & React.RefAttributes<DOMRefValue<HTMLElement>>>;
+export const Dialog: React.ForwardRefExoticComponent<SpectrumDialogProps & React.RefAttributes<DOMRefValue<HTMLElement>>>;
 /**
  * AlertDialogs are a specific type of Dialog. They display important information that users need to acknowledge.
  */
-export let AlertDialog: React.ForwardRefExoticComponent<SpectrumAlertDialogProps & React.RefAttributes<DOMRefValue<HTMLElement>>>;
+export const AlertDialog: React.ForwardRefExoticComponent<SpectrumAlertDialogProps & React.RefAttributes<DOMRefValue<HTMLElement>>>;
 /**
  * DialogTrigger serves as a wrapper around a Dialog and its associated trigger, linking the Dialog's
  * open state with the trigger's press state. Additionally, it allows you to customize the type and

package/dist/types.d.ts.map

@@ -1 +1 @@
-{"mappings":";;;ACmHA;;;GAGG;AACH,OAAA,IAAI,4GAAkC,CAAC;ACPvC;;GAEG;AACH,OAAA,IAAI,sHAAsC,CAAC;ACoB3C;;;;GAIG;AAGH,OAAA,IAAI,eAAkC,CAAC,KAAK,EAAE,0BAA0B,KAAK,IAAI,OAAO,CAAC;AC5HzF;;;;GAIG;AACH,gCAAgC,KAAK,EAAE,4BAA4B,qBAuDlE;AC/DD;IACE,IAAI,EAAE,OAAO,GAAG,SAAS,GAAG,MAAM,GAAG,YAAY,GAAG,oBAAoB,CAAC;IACzE,OAAO,IAAI,IAAI,CAAA;CAChB;AAED,sCAAsC,oBAAoB,CAYzD;ACZD,YAAY,EAAC,wBAAwB,EAAE,mBAAmB,EAAE,4BAA4B,EAAE,0BAA0B,EAAC,MAAM,qBAAqB,CAAC","sources":["packages/@react-spectrum/dialog/src/packages/@react-spectrum/dialog/src/context.ts","packages/@react-spectrum/dialog/src/packages/@react-spectrum/dialog/src/Dialog.tsx","packages/@react-spectrum/dialog/src/packages/@react-spectrum/dialog/src/AlertDialog.tsx","packages/@react-spectrum/dialog/src/packages/@react-spectrum/dialog/src/DialogTrigger.tsx","packages/@react-spectrum/dialog/src/packages/@react-spectrum/dialog/src/DialogContainer.tsx","packages/@react-spectrum/dialog/src/packages/@react-spectrum/dialog/src/useDialogContainer.ts","packages/@react-spectrum/dialog/src/packages/@react-spectrum/dialog/src/index.ts","packages/@react-spectrum/dialog/src/index.ts"],"sourcesContent":[null,null,null,null,null,null,null,"/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n/// <reference types=\"css-module-types\" />\n\nexport {AlertDialog} from './AlertDialog';\nexport {Dialog} from './Dialog';\nexport {DialogTrigger} from './DialogTrigger';\nexport {DialogContainer} from './DialogContainer';\nexport {useDialogContainer} from './useDialogContainer';\n\nexport type {SpectrumAlertDialogProps, SpectrumDialogProps, SpectrumDialogContainerProps, SpectrumDialogTriggerProps} from '@react-types/dialog';\nexport type {DialogContainerValue} from './useDialogContainer';\n"],"names":[],"version":3,"file":"types.d.ts.map"}
+{"mappings":";;;AC2CA;;;GAGG;AACH,OAAO,MAAM,4GAsEX,CAAC;ACtFH;;GAEG;AACH,OAAO,MAAM,sHA4EX,CAAC;ACyBH;;;;GAIG;AAGH,OAAA,IAAI,eAAkC,CAAC,KAAK,EAAE,0BAA0B,KAAK,IAAI,OAAO,CAAC;AC5HzF;;;;GAIG;AACH,gCAAgC,KAAK,EAAE,4BAA4B,qBAuDlE;AC/DD;IACE,IAAI,EAAE,OAAO,GAAG,SAAS,GAAG,MAAM,GAAG,YAAY,GAAG,oBAAoB,CAAC;IACzE,OAAO,IAAI,IAAI,CAAA;CAChB;AAED,sCAAsC,oBAAoB,CAYzD;ACZD,YAAY,EAAC,wBAAwB,EAAE,mBAAmB,EAAE,4BAA4B,EAAE,0BAA0B,EAAC,MAAM,qBAAqB,CAAC","sources":["packages/@react-spectrum/dialog/src/packages/@react-spectrum/dialog/src/context.ts","packages/@react-spectrum/dialog/src/packages/@react-spectrum/dialog/src/Dialog.tsx","packages/@react-spectrum/dialog/src/packages/@react-spectrum/dialog/src/AlertDialog.tsx","packages/@react-spectrum/dialog/src/packages/@react-spectrum/dialog/src/DialogTrigger.tsx","packages/@react-spectrum/dialog/src/packages/@react-spectrum/dialog/src/DialogContainer.tsx","packages/@react-spectrum/dialog/src/packages/@react-spectrum/dialog/src/useDialogContainer.ts","packages/@react-spectrum/dialog/src/packages/@react-spectrum/dialog/src/index.ts","packages/@react-spectrum/dialog/src/index.ts"],"sourcesContent":[null,null,null,null,null,null,null,"/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n/// <reference types=\"css-module-types\" />\n\nexport {AlertDialog} from './AlertDialog';\nexport {Dialog} from './Dialog';\nexport {DialogTrigger} from './DialogTrigger';\nexport {DialogContainer} from './DialogContainer';\nexport {useDialogContainer} from './useDialogContainer';\n\nexport type {SpectrumAlertDialogProps, SpectrumDialogProps, SpectrumDialogContainerProps, SpectrumDialogTriggerProps} from '@react-types/dialog';\nexport type {DialogContainerValue} from './useDialogContainer';\n"],"names":[],"version":3,"file":"types.d.ts.map"}

package/dist/{vars.cfc79477.css → vars.895d8ff6.css}

@@ -110,15 +110,15 @@
 
 .Ecg7PG_spectrum-Dialog {
   box-sizing: border-box;
+  width: fit-content;
   min-width: var(--spectrum-dialog-min-width, var(--spectrum-global-dimension-static-size-3600));
+  max-width: 100%;
   max-height: inherit;
   --spectrum-dialog-padding-x: var(--spectrum-dialog-padding);
   --spectrum-dialog-padding-y: var(--spectrum-dialog-padding);
   --spectrum-dialog-border-radius: var(--spectrum-alias-border-radius-regular, var(--spectrum-global-dimension-size-50));
   border-radius: var(--spectrum-dialog-border-radius, var(--spectrum-global-dimension-size-50));
   outline: none;
-  width: fit-content;
-  max-width: 100%;
   display: flex;
   overflow: hidden;
 }
@@ -199,10 +199,10 @@
 }
 
 .Ecg7PG_spectrum-Dialog .Ecg7PG_spectrum-Dialog-divider {
+  width: 100%;
   margin-top: var(--spectrum-dialog-rule-margin-top, var(--spectrum-global-dimension-static-size-150));
   margin-bottom: var(--spectrum-dialog-rule-margin-bottom, var(--spectrum-global-dimension-static-size-200));
   grid-area: Ecg7PG_divider;
-  width: 100%;
 }
 
 .Ecg7PG_spectrum-Dialog--noDivider .Ecg7PG_spectrum-Dialog-divider {
@@ -236,9 +236,9 @@
 }
 
 .Ecg7PG_spectrum-Dialog-buttonGroup {
+  max-width: 100%;
   grid-area: Ecg7PG_buttonGroup;
   justify-content: flex-end;
-  max-width: 100%;
   padding-block-start: var(--spectrum-global-dimension-static-size-500, 40px);
   padding-inline-start: var(--spectrum-global-dimension-size-200);
   display: flex;
@@ -516,4 +516,4 @@
 .Ecg7PG_spectrum-Dialog--warning .Ecg7PG_spectrum-Dialog-typeIcon {
   color: var(--spectrum-semantic-notice-color-icon, var(--spectrum-global-color-orange-600));
 }
-/*# sourceMappingURL=vars.cfc79477.css.map */
+/*# sourceMappingURL=vars.895d8ff6.css.map */

package/dist/{vars.cfc79477.css.map → vars.895d8ff6.css.map}

@@ -1 +1 @@
-{"mappings":"AA4DA;;;;;AAIE;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAQA;;;;AAIA;;;;AAKF;;;;;;;;AAOE;;;;;;;;;;;AAqBE;;;;;AAQF;;;;AAKE;;;;;AAOJ;EACE;;;;EAIE;;;;;AAkBJ;;;;;;;AAYA;;;;;;;AAWA;;;;AAIA;;;;AAUA;;;;AAIA;;;;AAIA;;;;;;;;;;;;;;;AAuBA;;;;AAIA;;;;AAIA;;;;AAIA;;;;;;;;;;AAYA;;;;;;;;;;;;;;AAeA;;;;;;;;;;AAaE;;;;;AAKA;;;;;AAMF;;;;;;;;;;AAYE;;;;;AAMF;;;;AAIA;;;;;;;AAQE;;;;AAKF;;;;;;;;;;;;;;AA6BA;;;;;;;;AAWE;;;;AAMF;;;;;;;;;AAWE;;;;AAKF;;;;;;;;;;;;AAYE;;;;AAGA;;;;AAKF;;;;;;;AAYA;;;;AAIA;;;;;AAKA;;;;;;;AAUA;;;;;AAKE;;;;;;;;;;;AAYA;;;;AAGE;;;;;AAYA;;;;;AAMF;;;;AAIA;;;;AAKA;;;;AAIA;;;;AAKF;EAEE;;;;EAIA;;;;;;;;;;;;;EAcE;;;;EAKA;;;;EAKA;;;;EAKF;;;;;;;;;;;;;EAcA;;;;EAIA;;;;EAIA;;;;EAOE;;;;;;;;;;;;;EAcE;;;;EAWA;;;;EAKF;;;;EAIA;;;;;AAQJ;EACE;;;;;;;;;;;;;;;;;EAoBE;;;;;EAOA;;;;;EAOA;;;;;EAMF;;;;;;EAMA;;;;;AAKF;EAII;;;;;;;;;;;;;EAcE;;;;EAWA;;;;EAKF;;;;EAIA;;;;;AAkBJ;;;;AAIA;;;;AAIA;;;;AAKE;;;;AAMA","sources":["packages/@adobe/spectrum-css-temp/components/dialog/vars.css"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n@import './index.css';\n@import './skin.css';\n"],"names":[],"version":3,"file":"vars.cfc79477.css.map"}
+{"mappings":"AA4DA;;;;;AAIE;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAQA;;;;AAIA;;;;AAKF;;;;;;;;AAOE;;;;;;;;;;;AAqBE;;;;;AAQF;;;;AAKE;;;;;AAOJ;EACE;;;;EAIE;;;;;AAkBJ;;;;;;;AAYA;;;;;;;AAWA;;;;AAIA;;;;AAUA;;;;AAIA;;;;AAIA;;;;;;;;;;;;;;;AAuBA;;;;AAIA;;;;AAIA;;;;AAIA;;;;;;;;;;AAYA;;;;;;;;;;;;;;AAeA;;;;;;;;;;AAaE;;;;;AAKA;;;;;AAMF;;;;;;;;;;AAYE;;;;;AAMF;;;;AAIA;;;;;;;AAQE;;;;AAKF;;;;;;;;;;;;;;AA6BA;;;;;;;;AAWE;;;;AAMF;;;;;;;;;AAWE;;;;AAKF;;;;;;;;;;;;AAYE;;;;AAGA;;;;AAKF;;;;;;;AAYA;;;;AAIA;;;;;AAKA;;;;;;;AAUA;;;;;AAKE;;;;;;;;;;;AAYA;;;;AAGE;;;;;AAYA;;;;;AAMF;;;;AAIA;;;;AAKA;;;;AAIA;;;;AAKF;EAEE;;;;EAIA;;;;;;;;;;;;;EAcE;;;;EAKA;;;;EAKA;;;;EAKF;;;;;;;;;;;;;EAcA;;;;EAIA;;;;EAIA;;;;EAOE;;;;;;;;;;;;;EAcE;;;;EAWA;;;;EAKF;;;;EAIA;;;;;AAQJ;EACE;;;;;;;;;;;;;;;;;EAoBE;;;;;EAOA;;;;;EAOA;;;;;EAMF;;;;;;EAMA;;;;;AAKF;EAII;;;;;;;;;;;;;EAcE;;;;EAWA;;;;EAKF;;;;EAIA;;;;;AAkBJ;;;;AAIA;;;;AAIA;;;;AAKE;;;;AAMA","sources":["packages/@adobe/spectrum-css-temp/components/dialog/vars.css"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n@import './index.css';\n@import './skin.css';\n"],"names":[],"version":3,"file":"vars.895d8ff6.css.map"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-spectrum/dialog",
-  "version": "3.8.15",
+  "version": "3.8.17",
   "description": "Spectrum UI components in React",
   "license": "Apache-2.0",
   "main": "dist/main.js",
@@ -36,24 +36,24 @@
     "url": "https://github.com/adobe/react-spectrum"
   },
   "dependencies": {
-    "@react-aria/dialog": "^3.5.19",
-    "@react-aria/i18n": "^3.12.3",
-    "@react-aria/interactions": "^3.22.4",
-    "@react-aria/overlays": "^3.23.4",
-    "@react-aria/utils": "^3.25.3",
-    "@react-spectrum/button": "^3.16.8",
-    "@react-spectrum/buttongroup": "^3.6.16",
-    "@react-spectrum/divider": "^3.5.17",
-    "@react-spectrum/layout": "^3.6.9",
-    "@react-spectrum/overlays": "^5.6.5",
-    "@react-spectrum/text": "^3.5.9",
-    "@react-spectrum/utils": "^3.11.11",
-    "@react-spectrum/view": "^3.6.13",
-    "@react-stately/overlays": "^3.6.11",
-    "@react-types/button": "^3.10.0",
-    "@react-types/dialog": "^3.5.13",
-    "@react-types/shared": "^3.25.0",
-    "@spectrum-icons/ui": "^3.6.10",
+    "@react-aria/dialog": "^3.5.21",
+    "@react-aria/i18n": "^3.12.5",
+    "@react-aria/interactions": "^3.23.0",
+    "@react-aria/overlays": "^3.25.0",
+    "@react-aria/utils": "^3.27.0",
+    "@react-spectrum/button": "^3.16.10",
+    "@react-spectrum/buttongroup": "^3.6.18",
+    "@react-spectrum/divider": "^3.5.19",
+    "@react-spectrum/layout": "^3.6.11",
+    "@react-spectrum/overlays": "^5.7.1",
+    "@react-spectrum/text": "^3.5.11",
+    "@react-spectrum/utils": "^3.12.1",
+    "@react-spectrum/view": "^3.6.15",
+    "@react-stately/overlays": "^3.6.13",
+    "@react-types/button": "^3.10.2",
+    "@react-types/dialog": "^3.5.15",
+    "@react-types/shared": "^3.27.0",
+    "@spectrum-icons/ui": "^3.6.12",
     "@swc/helpers": "^0.5.0"
   },
   "devDependencies": {
@@ -62,11 +62,11 @@
   },
   "peerDependencies": {
     "@react-spectrum/provider": "^3.0.0",
-    "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0",
-    "react-dom": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0"
+    "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1",
+    "react-dom": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
   },
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "8e0a28d188cdbdbd2b32296fa034b1b02ddde229"
+  "gitHead": "09e7f44bebdc9d89122926b2b439a0a38a2814ea"
 }

package/src/AlertDialog.tsx

@@ -32,7 +32,7 @@ import {useLocalizedStringFormatter} from '@react-aria/i18n';
 /**
  * AlertDialogs are a specific type of Dialog. They display important information that users need to acknowledge.
  */
-function AlertDialog(props: SpectrumAlertDialogProps, ref: DOMRef) {
+export const AlertDialog = forwardRef(function AlertDialog(props: SpectrumAlertDialogProps, ref: DOMRef) {
   let {
     onClose = () => {}
   } = useContext(DialogContext) || {} as DialogContextValue;
@@ -108,10 +108,4 @@ function AlertDialog(props: SpectrumAlertDialogProps, ref: DOMRef) {
       </ButtonGroup>
     </Dialog>
   );
-}
-
-/**
- * AlertDialogs are a specific type of Dialog. They display important information that users need to acknowledge.
- */
-let _AlertDialog = forwardRef(AlertDialog);
-export {_AlertDialog as AlertDialog};
+});

package/src/Dialog.tsx

@@ -41,7 +41,11 @@ let sizeMap = {
   fullscreenTakeover: 'fullscreenTakeover'
 };
 
-function Dialog(props: SpectrumDialogProps, ref: DOMRef) {
+/**
+ * Dialogs are windows containing contextual information, tasks, or workflows that appear over the user interface.
+ * Depending on the kind of Dialog, further interactions may be blocked until the Dialog is acknowledged.
+ */
+export const Dialog = React.forwardRef(function Dialog(props: SpectrumDialogProps, ref: DOMRef) {
   props = useSlotProps(props, 'dialog');
   let {
     type = 'modal',
@@ -111,11 +115,4 @@ function Dialog(props: SpectrumDialogProps, ref: DOMRef) {
       </Grid>
     </section>
   );
-}
-
-/**
- * Dialogs are windows containing contextual information, tasks, or workflows that appear over the user interface.
- * Depending on the kind of Dialog, further interactions may be blocked until the Dialog is acknowledged.
- */
-let _Dialog = React.forwardRef(Dialog);
-export {_Dialog as Dialog};
+});

package/src/DialogTrigger.tsx

@@ -57,7 +57,7 @@ function DialogTrigger(props: SpectrumDialogTriggerProps) {
   let onExiting = () => isExiting.current = true;
   let onExited = () => isExiting.current = false;
 
-  // eslint-disable-next-line arrow-body-style
+   
   useEffect(() => {
     return () => {
       if ((wasOpen.current || isExiting.current) && type !== 'popover' && type !== 'tray') {