@elliemae/ds-dialog 3.60.0-next.53 → 3.60.0-next.55

package/dist/cjs/index.js

@@ -17,7 +17,6 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
   // If the importer is in node compatibility mode or this is not an ESM
   // file that has been converted to a CommonJS file using a Babel-
@@ -31,6 +30,7 @@ var index_exports = {};
 __export(index_exports, {
   DIALOG_DATA_TESTID: () => import_constants.DIALOG_DATA_TESTID,
   DIALOG_SLOTS: () => import_constants.DIALOG_SLOTS,
+  DSDialog: () => import_DSDialog.DSDialog,
   DSDialogAddon: () => import_parts.DSDialogAddon,
   DSDialogAddonWithSchema: () => import_parts.DSDialogAddonWithSchema,
   DSDialogBody: () => import_parts.DSDialogBody,
@@ -51,11 +51,12 @@ __export(index_exports, {
   DSDialogSeparatorWithSchema: () => import_parts.DSDialogSeparatorWithSchema,
   DSDialogSizes: () => import_utils.DSDialogSizes,
   DSDialogTitle: () => import_parts.DSDialogTitle,
-  DSDialogTitleWithSchema: () => import_parts.DSDialogTitleWithSchema
+  DSDialogTitleWithSchema: () => import_parts.DSDialogTitleWithSchema,
+  DSDialogWithSchema: () => import_DSDialog.DSDialogWithSchema
 });
 module.exports = __toCommonJS(index_exports);
 var React = __toESM(require("react"));
-__reExport(index_exports, require("./DSDialog.js"), module.exports);
+var import_DSDialog = require("./DSDialog.js");
 var import_constants = require("./constants/index.js");
 var import_utils = require("./utils.js");
 var import_parts = require("./parts/index.js");

package/dist/cjs/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/index.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import type {} from '@xstyled/system';\nimport type {} from '@xstyled/util';\n\nexport * from './DSDialog.js';\nexport { DIALOG_DATA_TESTID, DIALOG_SLOTS, DSDialogName, DSDialogDatatestid } from './constants/index.js';\nexport { DSDialogSizes } from './utils.js';\nexport {\n  DSDialogBody,\n  DSDialogBodyWithSchema,\n  DSDialogHeader,\n  DSDialogHeaderWithSchema,\n  DSDialogFooter,\n  DSDialogFooterWithSchema,\n  DSDialogSeparator,\n  DSDialogSeparatorWithSchema,\n  DSDialogTitle,\n  DSDialogTitleWithSchema,\n  DSDialogAddon,\n  DSDialogAddonWithSchema,\n  DSDialogDefaultLayout,\n  DSDialogDefaultLayoutWithSchema,\n  DSDialogPrimaryMessage,\n  DSDialogPrimaryMessageWithSchema,\n  DSDialogSecondaryMessage,\n  DSDialogSecondaryMessageWithSchema,\n} from './parts/index.js';\nexport type { DSDialogT } from './react-desc-prop-types.js';\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADGvB,0BAAc,0BAHd;AAIA,uBAAmF;AACnF,mBAA8B;AAC9B,mBAmBO;",
+  "sourcesContent": ["import type {} from '@xstyled/system';\nimport type {} from '@xstyled/util';\n\nexport { DSDialog, DSDialogWithSchema } from './DSDialog.js';\nexport { DIALOG_DATA_TESTID, DIALOG_SLOTS, DSDialogName, DSDialogDatatestid } from './constants/index.js';\nexport { DSDialogSizes } from './utils.js';\nexport {\n  DSDialogBody,\n  DSDialogBodyWithSchema,\n  DSDialogHeader,\n  DSDialogHeaderWithSchema,\n  DSDialogFooter,\n  DSDialogFooterWithSchema,\n  DSDialogSeparator,\n  DSDialogSeparatorWithSchema,\n  DSDialogTitle,\n  DSDialogTitleWithSchema,\n  DSDialogAddon,\n  DSDialogAddonWithSchema,\n  DSDialogDefaultLayout,\n  DSDialogDefaultLayoutWithSchema,\n  DSDialogPrimaryMessage,\n  DSDialogPrimaryMessageWithSchema,\n  DSDialogSecondaryMessage,\n  DSDialogSecondaryMessageWithSchema,\n} from './parts/index.js';\nexport type { DSDialogT } from './react-desc-prop-types.js';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADGvB,sBAA6C;AAC7C,uBAAmF;AACnF,mBAA8B;AAC9B,mBAmBO;",
   "names": []
 }

package/dist/cjs/parts/DSDialogContent/DSDialogContent.js

@@ -41,11 +41,10 @@ var import_constants = require("../../constants/index.js");
 var import_DSDialogCTX = require("../../DSDialogCTX.js");
 var import_useDialogContent = require("./useDialogContent.js");
 const DSDialogContent = () => {
-  const { handleOutsideClick, handleOnKeyDown } = (0, import_useDialogContent.useDialogContent)();
+  const { handleBackgroundMouseDown, handleBackgroundMouseUp, handleOnKeyDown } = (0, import_useDialogContent.useDialogContent)();
   const { props, containerRef, portalInfo, portalClassName } = (0, import_react.useContext)(import_DSDialogCTX.DSDialogContext);
   const { removeAutoFocus, zIndex, centered, size, width, children, ...rest } = props;
   const { className, ...restOfGlobalAttributes } = (0, import_ds_props_helpers.useGetGlobalAttributes)(props, {
-    onClick: handleOutsideClick,
     onKeyDown: handleOnKeyDown
   });
   const getOwnerProps = (0, import_react.useCallback)(() => props, [props]);
@@ -63,7 +62,8 @@ const DSDialogContent = () => {
     import_styles.StyledDialogBackground,
     {
       className,
-      onClick: handleOutsideClick,
+      onMouseDown: handleBackgroundMouseDown,
+      onMouseUp: handleBackgroundMouseUp,
       "data-portalbg": true,
       "data-testid": import_constants.DSDialogDatatestid.BACKGROUND,
       getOwnerProps,

package/dist/cjs/parts/DSDialogContent/DSDialogContent.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/parts/DSDialogContent/DSDialogContent.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React, { useCallback, useContext } from 'react';\nimport { useGetGlobalAttributes } from '@elliemae/ds-props-helpers';\nimport { PortalStyles, StyledDialogBackground, StyledDialogContainer } from '../../styles.js';\nimport { getSpaceProps } from '../../utils.js';\nimport { DSDialogDatatestid } from '../../constants/index.js';\nimport { DSDialogContext } from '../../DSDialogCTX.js';\nimport { useDialogContent } from './useDialogContent.js';\n\nexport const DSDialogContent = () => {\n  const { handleOutsideClick, handleOnKeyDown } = useDialogContent();\n  const { props, containerRef, portalInfo, portalClassName } = useContext(DSDialogContext);\n\n  const { removeAutoFocus, zIndex, centered, size, width, children, ...rest } = props;\n\n  const { className, ...restOfGlobalAttributes } = useGetGlobalAttributes(props, {\n    onClick: handleOutsideClick,\n    onKeyDown: handleOnKeyDown,\n  });\n\n  const getOwnerProps = useCallback(() => props, [props]);\n  const getOwnerPropsArguments = useCallback(() => ({}), []);\n\n  const refCallback = useCallback(\n    (_ref: HTMLDivElement | null) => {\n      if (_ref) {\n        containerRef.current = _ref;\n        if (!removeAutoFocus) _ref.focus();\n      }\n    },\n    [containerRef, removeAutoFocus],\n  );\n\n  return (\n    <StyledDialogBackground\n      className={className}\n      onClick={handleOutsideClick}\n      data-portalbg\n      data-testid={DSDialogDatatestid.BACKGROUND}\n      getOwnerProps={getOwnerProps}\n      getOwnerPropsArguments={getOwnerPropsArguments}\n      zIndex={zIndex}\n    >\n      <PortalStyles portalInfo={portalInfo} portalClassName={portalClassName} />\n      <StyledDialogContainer\n        role=\"dialog\"\n        aria-modal\n        innerRef={refCallback}\n        tabIndex={!removeAutoFocus ? 0 : undefined}\n        onKeyDown={handleOnKeyDown}\n        {...getSpaceProps(rest as unknown as Record<string, unknown>)}\n        centered={centered}\n        data-testid={DSDialogDatatestid.CONTAINER}\n        getOwnerProps={getOwnerProps}\n        getOwnerPropsArguments={getOwnerPropsArguments}\n        {...restOfGlobalAttributes}\n        size={size}\n        width={width}\n      >\n        {children}\n      </StyledDialogContainer>\n    </StyledDialogBackground>\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADiCnB;AAjCJ,mBAA+C;AAC/C,8BAAuC;AACvC,oBAA4E;AAC5E,mBAA8B;AAC9B,uBAAmC;AACnC,yBAAgC;AAChC,8BAAiC;AAE1B,MAAM,kBAAkB,MAAM;AACnC,QAAM,EAAE,oBAAoB,gBAAgB,QAAI,0CAAiB;AACjE,QAAM,EAAE,OAAO,cAAc,YAAY,gBAAgB,QAAI,yBAAW,kCAAe;AAEvF,QAAM,EAAE,iBAAiB,QAAQ,UAAU,MAAM,OAAO,UAAU,GAAG,KAAK,IAAI;AAE9E,QAAM,EAAE,WAAW,GAAG,uBAAuB,QAAI,gDAAuB,OAAO;AAAA,IAC7E,SAAS;AAAA,IACT,WAAW;AAAA,EACb,CAAC;AAED,QAAM,oBAAgB,0BAAY,MAAM,OAAO,CAAC,KAAK,CAAC;AACtD,QAAM,6BAAyB,0BAAY,OAAO,CAAC,IAAI,CAAC,CAAC;AAEzD,QAAM,kBAAc;AAAA,IAClB,CAAC,SAAgC;AAC/B,UAAI,MAAM;AACR,qBAAa,UAAU;AACvB,YAAI,CAAC,gBAAiB,MAAK,MAAM;AAAA,MACnC;AAAA,IACF;AAAA,IACA,CAAC,cAAc,eAAe;AAAA,EAChC;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,SAAS;AAAA,MACT,iBAAa;AAAA,MACb,eAAa,oCAAmB;AAAA,MAChC;AAAA,MACA;AAAA,MACA;AAAA,MAEA;AAAA,oDAAC,8BAAa,YAAwB,iBAAkC;AAAA,QACxE;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,cAAU;AAAA,YACV,UAAU;AAAA,YACV,UAAU,CAAC,kBAAkB,IAAI;AAAA,YACjC,WAAW;AAAA,YACV,OAAG,4BAAc,IAA0C;AAAA,YAC5D;AAAA,YACA,eAAa,oCAAmB;AAAA,YAChC;AAAA,YACA;AAAA,YACC,GAAG;AAAA,YACJ;AAAA,YACA;AAAA,YAEC;AAAA;AAAA,QACH;AAAA;AAAA;AAAA,EACF;AAEJ;",
+  "sourcesContent": ["import React, { useCallback, useContext } from 'react';\nimport { useGetGlobalAttributes } from '@elliemae/ds-props-helpers';\nimport { PortalStyles, StyledDialogBackground, StyledDialogContainer } from '../../styles.js';\nimport { getSpaceProps } from '../../utils.js';\nimport { DSDialogDatatestid } from '../../constants/index.js';\nimport { DSDialogContext } from '../../DSDialogCTX.js';\nimport { useDialogContent } from './useDialogContent.js';\n\nexport const DSDialogContent = () => {\n  const { handleBackgroundMouseDown, handleBackgroundMouseUp, handleOnKeyDown } = useDialogContent();\n  const { props, containerRef, portalInfo, portalClassName } = useContext(DSDialogContext);\n\n  const { removeAutoFocus, zIndex, centered, size, width, children, ...rest } = props;\n\n  const { className, ...restOfGlobalAttributes } = useGetGlobalAttributes(props, {\n    onKeyDown: handleOnKeyDown,\n  });\n\n  const getOwnerProps = useCallback(() => props, [props]);\n  const getOwnerPropsArguments = useCallback(() => ({}), []);\n\n  const refCallback = useCallback(\n    (_ref: HTMLDivElement | null) => {\n      if (_ref) {\n        containerRef.current = _ref;\n        if (!removeAutoFocus) _ref.focus();\n      }\n    },\n    [containerRef, removeAutoFocus],\n  );\n\n  return (\n    <StyledDialogBackground\n      className={className}\n      onMouseDown={handleBackgroundMouseDown}\n      onMouseUp={handleBackgroundMouseUp}\n      data-portalbg\n      data-testid={DSDialogDatatestid.BACKGROUND}\n      getOwnerProps={getOwnerProps}\n      getOwnerPropsArguments={getOwnerPropsArguments}\n      zIndex={zIndex}\n    >\n      <PortalStyles portalInfo={portalInfo} portalClassName={portalClassName} />\n      <StyledDialogContainer\n        role=\"dialog\"\n        aria-modal\n        innerRef={refCallback}\n        tabIndex={!removeAutoFocus ? 0 : undefined}\n        onKeyDown={handleOnKeyDown}\n        {...getSpaceProps(rest as unknown as Record<string, unknown>)}\n        centered={centered}\n        data-testid={DSDialogDatatestid.CONTAINER}\n        getOwnerProps={getOwnerProps}\n        getOwnerPropsArguments={getOwnerPropsArguments}\n        {...restOfGlobalAttributes}\n        size={size}\n        width={width}\n      >\n        {children}\n      </StyledDialogContainer>\n    </StyledDialogBackground>\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADgCnB;AAhCJ,mBAA+C;AAC/C,8BAAuC;AACvC,oBAA4E;AAC5E,mBAA8B;AAC9B,uBAAmC;AACnC,yBAAgC;AAChC,8BAAiC;AAE1B,MAAM,kBAAkB,MAAM;AACnC,QAAM,EAAE,2BAA2B,yBAAyB,gBAAgB,QAAI,0CAAiB;AACjG,QAAM,EAAE,OAAO,cAAc,YAAY,gBAAgB,QAAI,yBAAW,kCAAe;AAEvF,QAAM,EAAE,iBAAiB,QAAQ,UAAU,MAAM,OAAO,UAAU,GAAG,KAAK,IAAI;AAE9E,QAAM,EAAE,WAAW,GAAG,uBAAuB,QAAI,gDAAuB,OAAO;AAAA,IAC7E,WAAW;AAAA,EACb,CAAC;AAED,QAAM,oBAAgB,0BAAY,MAAM,OAAO,CAAC,KAAK,CAAC;AACtD,QAAM,6BAAyB,0BAAY,OAAO,CAAC,IAAI,CAAC,CAAC;AAEzD,QAAM,kBAAc;AAAA,IAClB,CAAC,SAAgC;AAC/B,UAAI,MAAM;AACR,qBAAa,UAAU;AACvB,YAAI,CAAC,gBAAiB,MAAK,MAAM;AAAA,MACnC;AAAA,IACF;AAAA,IACA,CAAC,cAAc,eAAe;AAAA,EAChC;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,aAAa;AAAA,MACb,WAAW;AAAA,MACX,iBAAa;AAAA,MACb,eAAa,oCAAmB;AAAA,MAChC;AAAA,MACA;AAAA,MACA;AAAA,MAEA;AAAA,oDAAC,8BAAa,YAAwB,iBAAkC;AAAA,QACxE;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,cAAU;AAAA,YACV,UAAU;AAAA,YACV,UAAU,CAAC,kBAAkB,IAAI;AAAA,YACjC,WAAW;AAAA,YACV,OAAG,4BAAc,IAA0C;AAAA,YAC5D;AAAA,YACA,eAAa,oCAAmB;AAAA,YAChC;AAAA,YACA;AAAA,YACC,GAAG;AAAA,YACJ;AAAA,YACA;AAAA,YAEC;AAAA;AAAA,QACH;AAAA;AAAA;AAAA,EACF;AAEJ;",
   "names": []
 }

package/dist/cjs/parts/DSDialogContent/useDialogContent.js

@@ -38,9 +38,16 @@ const useDialogContent = () => {
   const {
     props: { onClickOutside, onClose }
   } = (0, import_react.useContext)(import_DSDialogCTX.DSDialogContext);
-  const handleOutsideClick = (0, import_react.useCallback)(
+  const mouseDownOnOverlayRef = (0, import_react.useRef)(false);
+  const handleBackgroundMouseDown = (0, import_react.useCallback)((e) => {
+    mouseDownOnOverlayRef.current = Boolean(e.target.dataset.portalbg);
+  }, []);
+  const handleBackgroundMouseUp = (0, import_react.useCallback)(
     (e) => {
-      if (e.target.dataset.portalbg) onClickOutside();
+      if (mouseDownOnOverlayRef.current && e.target.dataset.portalbg) {
+        onClickOutside();
+      }
+      mouseDownOnOverlayRef.current = false;
     },
     [onClickOutside]
   );
@@ -51,7 +58,8 @@ const useDialogContent = () => {
     [onClose]
   );
   return {
-    handleOutsideClick,
+    handleBackgroundMouseDown,
+    handleBackgroundMouseUp,
     handleOnKeyDown
   };
 };

package/dist/cjs/parts/DSDialogContent/useDialogContent.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/parts/DSDialogContent/useDialogContent.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import type React from 'react';\nimport { useCallback, useContext } from 'react';\nimport { DSDialogContext } from '../../DSDialogCTX.js';\n\nexport const useDialogContent = () => {\n  const {\n    props: { onClickOutside, onClose },\n  } = useContext(DSDialogContext);\n\n  const handleOutsideClick = useCallback(\n    (e: React.MouseEvent) => {\n      if ((e.target as HTMLDivElement).dataset.portalbg) onClickOutside();\n    },\n    [onClickOutside],\n  );\n\n  const handleOnKeyDown = useCallback(\n    (e: React.KeyboardEvent) => {\n      if (e.key === 'Escape') onClose();\n    },\n    [onClose],\n  );\n\n  return {\n    handleOutsideClick,\n    handleOnKeyDown,\n  };\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAwC;AACxC,yBAAgC;AAEzB,MAAM,mBAAmB,MAAM;AACpC,QAAM;AAAA,IACJ,OAAO,EAAE,gBAAgB,QAAQ;AAAA,EACnC,QAAI,yBAAW,kCAAe;AAE9B,QAAM,yBAAqB;AAAA,IACzB,CAAC,MAAwB;AACvB,UAAK,EAAE,OAA0B,QAAQ,SAAU,gBAAe;AAAA,IACpE;AAAA,IACA,CAAC,cAAc;AAAA,EACjB;AAEA,QAAM,sBAAkB;AAAA,IACtB,CAAC,MAA2B;AAC1B,UAAI,EAAE,QAAQ,SAAU,SAAQ;AAAA,IAClC;AAAA,IACA,CAAC,OAAO;AAAA,EACV;AAEA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,EACF;AACF;",
+  "sourcesContent": ["import type React from 'react';\nimport { useCallback, useContext, useRef } from 'react';\nimport { DSDialogContext } from '../../DSDialogCTX.js';\n\nexport const useDialogContent = () => {\n  const {\n    props: { onClickOutside, onClose },\n  } = useContext(DSDialogContext);\n\n  /**\n   * PUI-15050 https://jira.elliemae.io/browse/PUI-15050\n   * Tracks whether the current press sequence started on the overlay.\n   * onClickOutside fires only when both mousedown AND mouseup land on the overlay,\n   * preventing false triggers when the user presses the overlay and releases inside the dialog.\n   *\n   * Lifecycle note: this ref is intentionally not reset on dialog close because DSDialogContent\n   * is fully unmounted when isOpen=false (via DSDialogPortal returning null). The ref is\n   * destroyed with the component, so stale state across open/close cycles is not possible.\n   */\n\n  const mouseDownOnOverlayRef = useRef(false);\n\n  const handleBackgroundMouseDown = useCallback((e: React.MouseEvent) => {\n    mouseDownOnOverlayRef.current = Boolean((e.target as HTMLElement).dataset.portalbg);\n  }, []);\n\n  const handleBackgroundMouseUp = useCallback(\n    (e: React.MouseEvent) => {\n      if (mouseDownOnOverlayRef.current && (e.target as HTMLElement).dataset.portalbg) {\n        onClickOutside();\n      }\n      mouseDownOnOverlayRef.current = false;\n    },\n    [onClickOutside],\n  );\n\n  const handleOnKeyDown = useCallback(\n    (e: React.KeyboardEvent) => {\n      if (e.key === 'Escape') onClose();\n    },\n    [onClose],\n  );\n\n  return {\n    handleBackgroundMouseDown,\n    handleBackgroundMouseUp,\n    handleOnKeyDown,\n  };\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAgD;AAChD,yBAAgC;AAEzB,MAAM,mBAAmB,MAAM;AACpC,QAAM;AAAA,IACJ,OAAO,EAAE,gBAAgB,QAAQ;AAAA,EACnC,QAAI,yBAAW,kCAAe;AAa9B,QAAM,4BAAwB,qBAAO,KAAK;AAE1C,QAAM,gCAA4B,0BAAY,CAAC,MAAwB;AACrE,0BAAsB,UAAU,QAAS,EAAE,OAAuB,QAAQ,QAAQ;AAAA,EACpF,GAAG,CAAC,CAAC;AAEL,QAAM,8BAA0B;AAAA,IAC9B,CAAC,MAAwB;AACvB,UAAI,sBAAsB,WAAY,EAAE,OAAuB,QAAQ,UAAU;AAC/E,uBAAe;AAAA,MACjB;AACA,4BAAsB,UAAU;AAAA,IAClC;AAAA,IACA,CAAC,cAAc;AAAA,EACjB;AAEA,QAAM,sBAAkB;AAAA,IACtB,CAAC,MAA2B;AAC1B,UAAI,EAAE,QAAQ,SAAU,SAAQ;AAAA,IAClC;AAAA,IACA,CAAC,OAAO;AAAA,EACV;AAEA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;",
   "names": []
 }

package/dist/esm/index.js

@@ -1,5 +1,5 @@
 import * as React from "react";
-export * from "./DSDialog.js";
+import { DSDialog, DSDialogWithSchema } from "./DSDialog.js";
 import { DIALOG_DATA_TESTID, DIALOG_SLOTS, DSDialogName, DSDialogDatatestid } from "./constants/index.js";
 import { DSDialogSizes } from "./utils.js";
 import {
@@ -25,6 +25,7 @@ import {
 export {
   DIALOG_DATA_TESTID,
   DIALOG_SLOTS,
+  DSDialog,
   DSDialogAddon,
   DSDialogAddonWithSchema,
   DSDialogBody,
@@ -45,6 +46,7 @@ export {
   DSDialogSeparatorWithSchema,
   DSDialogSizes,
   DSDialogTitle,
-  DSDialogTitleWithSchema
+  DSDialogTitleWithSchema,
+  DSDialogWithSchema
 };
 //# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/index.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import type {} from '@xstyled/system';\nimport type {} from '@xstyled/util';\n\nexport * from './DSDialog.js';\nexport { DIALOG_DATA_TESTID, DIALOG_SLOTS, DSDialogName, DSDialogDatatestid } from './constants/index.js';\nexport { DSDialogSizes } from './utils.js';\nexport {\n  DSDialogBody,\n  DSDialogBodyWithSchema,\n  DSDialogHeader,\n  DSDialogHeaderWithSchema,\n  DSDialogFooter,\n  DSDialogFooterWithSchema,\n  DSDialogSeparator,\n  DSDialogSeparatorWithSchema,\n  DSDialogTitle,\n  DSDialogTitleWithSchema,\n  DSDialogAddon,\n  DSDialogAddonWithSchema,\n  DSDialogDefaultLayout,\n  DSDialogDefaultLayoutWithSchema,\n  DSDialogPrimaryMessage,\n  DSDialogPrimaryMessageWithSchema,\n  DSDialogSecondaryMessage,\n  DSDialogSecondaryMessageWithSchema,\n} from './parts/index.js';\nexport type { DSDialogT } from './react-desc-prop-types.js';\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACGvB,cAAc;AACd,SAAS,oBAAoB,cAAc,cAAc,0BAA0B;AACnF,SAAS,qBAAqB;AAC9B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import type {} from '@xstyled/system';\nimport type {} from '@xstyled/util';\n\nexport { DSDialog, DSDialogWithSchema } from './DSDialog.js';\nexport { DIALOG_DATA_TESTID, DIALOG_SLOTS, DSDialogName, DSDialogDatatestid } from './constants/index.js';\nexport { DSDialogSizes } from './utils.js';\nexport {\n  DSDialogBody,\n  DSDialogBodyWithSchema,\n  DSDialogHeader,\n  DSDialogHeaderWithSchema,\n  DSDialogFooter,\n  DSDialogFooterWithSchema,\n  DSDialogSeparator,\n  DSDialogSeparatorWithSchema,\n  DSDialogTitle,\n  DSDialogTitleWithSchema,\n  DSDialogAddon,\n  DSDialogAddonWithSchema,\n  DSDialogDefaultLayout,\n  DSDialogDefaultLayoutWithSchema,\n  DSDialogPrimaryMessage,\n  DSDialogPrimaryMessageWithSchema,\n  DSDialogSecondaryMessage,\n  DSDialogSecondaryMessageWithSchema,\n} from './parts/index.js';\nexport type { DSDialogT } from './react-desc-prop-types.js';\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACGvB,SAAS,UAAU,0BAA0B;AAC7C,SAAS,oBAAoB,cAAc,cAAc,0BAA0B;AACnF,SAAS,qBAAqB;AAC9B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;",
   "names": []
 }

package/dist/esm/parts/DSDialogContent/DSDialogContent.js

@@ -8,11 +8,10 @@ import { DSDialogDatatestid } from "../../constants/index.js";
 import { DSDialogContext } from "../../DSDialogCTX.js";
 import { useDialogContent } from "./useDialogContent.js";
 const DSDialogContent = () => {
-  const { handleOutsideClick, handleOnKeyDown } = useDialogContent();
+  const { handleBackgroundMouseDown, handleBackgroundMouseUp, handleOnKeyDown } = useDialogContent();
   const { props, containerRef, portalInfo, portalClassName } = useContext(DSDialogContext);
   const { removeAutoFocus, zIndex, centered, size, width, children, ...rest } = props;
   const { className, ...restOfGlobalAttributes } = useGetGlobalAttributes(props, {
-    onClick: handleOutsideClick,
     onKeyDown: handleOnKeyDown
   });
   const getOwnerProps = useCallback(() => props, [props]);
@@ -30,7 +29,8 @@ const DSDialogContent = () => {
     StyledDialogBackground,
     {
       className,
-      onClick: handleOutsideClick,
+      onMouseDown: handleBackgroundMouseDown,
+      onMouseUp: handleBackgroundMouseUp,
       "data-portalbg": true,
       "data-testid": DSDialogDatatestid.BACKGROUND,
       getOwnerProps,

package/dist/esm/parts/DSDialogContent/DSDialogContent.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/DSDialogContent/DSDialogContent.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useCallback, useContext } from 'react';\nimport { useGetGlobalAttributes } from '@elliemae/ds-props-helpers';\nimport { PortalStyles, StyledDialogBackground, StyledDialogContainer } from '../../styles.js';\nimport { getSpaceProps } from '../../utils.js';\nimport { DSDialogDatatestid } from '../../constants/index.js';\nimport { DSDialogContext } from '../../DSDialogCTX.js';\nimport { useDialogContent } from './useDialogContent.js';\n\nexport const DSDialogContent = () => {\n  const { handleOutsideClick, handleOnKeyDown } = useDialogContent();\n  const { props, containerRef, portalInfo, portalClassName } = useContext(DSDialogContext);\n\n  const { removeAutoFocus, zIndex, centered, size, width, children, ...rest } = props;\n\n  const { className, ...restOfGlobalAttributes } = useGetGlobalAttributes(props, {\n    onClick: handleOutsideClick,\n    onKeyDown: handleOnKeyDown,\n  });\n\n  const getOwnerProps = useCallback(() => props, [props]);\n  const getOwnerPropsArguments = useCallback(() => ({}), []);\n\n  const refCallback = useCallback(\n    (_ref: HTMLDivElement | null) => {\n      if (_ref) {\n        containerRef.current = _ref;\n        if (!removeAutoFocus) _ref.focus();\n      }\n    },\n    [containerRef, removeAutoFocus],\n  );\n\n  return (\n    <StyledDialogBackground\n      className={className}\n      onClick={handleOutsideClick}\n      data-portalbg\n      data-testid={DSDialogDatatestid.BACKGROUND}\n      getOwnerProps={getOwnerProps}\n      getOwnerPropsArguments={getOwnerPropsArguments}\n      zIndex={zIndex}\n    >\n      <PortalStyles portalInfo={portalInfo} portalClassName={portalClassName} />\n      <StyledDialogContainer\n        role=\"dialog\"\n        aria-modal\n        innerRef={refCallback}\n        tabIndex={!removeAutoFocus ? 0 : undefined}\n        onKeyDown={handleOnKeyDown}\n        {...getSpaceProps(rest as unknown as Record<string, unknown>)}\n        centered={centered}\n        data-testid={DSDialogDatatestid.CONTAINER}\n        getOwnerProps={getOwnerProps}\n        getOwnerPropsArguments={getOwnerPropsArguments}\n        {...restOfGlobalAttributes}\n        size={size}\n        width={width}\n      >\n        {children}\n      </StyledDialogContainer>\n    </StyledDialogBackground>\n  );\n};\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACiCnB,SASE,KATF;AAjCJ,SAAgB,aAAa,kBAAkB;AAC/C,SAAS,8BAA8B;AACvC,SAAS,cAAc,wBAAwB,6BAA6B;AAC5E,SAAS,qBAAqB;AAC9B,SAAS,0BAA0B;AACnC,SAAS,uBAAuB;AAChC,SAAS,wBAAwB;AAE1B,MAAM,kBAAkB,MAAM;AACnC,QAAM,EAAE,oBAAoB,gBAAgB,IAAI,iBAAiB;AACjE,QAAM,EAAE,OAAO,cAAc,YAAY,gBAAgB,IAAI,WAAW,eAAe;AAEvF,QAAM,EAAE,iBAAiB,QAAQ,UAAU,MAAM,OAAO,UAAU,GAAG,KAAK,IAAI;AAE9E,QAAM,EAAE,WAAW,GAAG,uBAAuB,IAAI,uBAAuB,OAAO;AAAA,IAC7E,SAAS;AAAA,IACT,WAAW;AAAA,EACb,CAAC;AAED,QAAM,gBAAgB,YAAY,MAAM,OAAO,CAAC,KAAK,CAAC;AACtD,QAAM,yBAAyB,YAAY,OAAO,CAAC,IAAI,CAAC,CAAC;AAEzD,QAAM,cAAc;AAAA,IAClB,CAAC,SAAgC;AAC/B,UAAI,MAAM;AACR,qBAAa,UAAU;AACvB,YAAI,CAAC,gBAAiB,MAAK,MAAM;AAAA,MACnC;AAAA,IACF;AAAA,IACA,CAAC,cAAc,eAAe;AAAA,EAChC;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,SAAS;AAAA,MACT,iBAAa;AAAA,MACb,eAAa,mBAAmB;AAAA,MAChC;AAAA,MACA;AAAA,MACA;AAAA,MAEA;AAAA,4BAAC,gBAAa,YAAwB,iBAAkC;AAAA,QACxE;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,cAAU;AAAA,YACV,UAAU;AAAA,YACV,UAAU,CAAC,kBAAkB,IAAI;AAAA,YACjC,WAAW;AAAA,YACV,GAAG,cAAc,IAA0C;AAAA,YAC5D;AAAA,YACA,eAAa,mBAAmB;AAAA,YAChC;AAAA,YACA;AAAA,YACC,GAAG;AAAA,YACJ;AAAA,YACA;AAAA,YAEC;AAAA;AAAA,QACH;AAAA;AAAA;AAAA,EACF;AAEJ;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useCallback, useContext } from 'react';\nimport { useGetGlobalAttributes } from '@elliemae/ds-props-helpers';\nimport { PortalStyles, StyledDialogBackground, StyledDialogContainer } from '../../styles.js';\nimport { getSpaceProps } from '../../utils.js';\nimport { DSDialogDatatestid } from '../../constants/index.js';\nimport { DSDialogContext } from '../../DSDialogCTX.js';\nimport { useDialogContent } from './useDialogContent.js';\n\nexport const DSDialogContent = () => {\n  const { handleBackgroundMouseDown, handleBackgroundMouseUp, handleOnKeyDown } = useDialogContent();\n  const { props, containerRef, portalInfo, portalClassName } = useContext(DSDialogContext);\n\n  const { removeAutoFocus, zIndex, centered, size, width, children, ...rest } = props;\n\n  const { className, ...restOfGlobalAttributes } = useGetGlobalAttributes(props, {\n    onKeyDown: handleOnKeyDown,\n  });\n\n  const getOwnerProps = useCallback(() => props, [props]);\n  const getOwnerPropsArguments = useCallback(() => ({}), []);\n\n  const refCallback = useCallback(\n    (_ref: HTMLDivElement | null) => {\n      if (_ref) {\n        containerRef.current = _ref;\n        if (!removeAutoFocus) _ref.focus();\n      }\n    },\n    [containerRef, removeAutoFocus],\n  );\n\n  return (\n    <StyledDialogBackground\n      className={className}\n      onMouseDown={handleBackgroundMouseDown}\n      onMouseUp={handleBackgroundMouseUp}\n      data-portalbg\n      data-testid={DSDialogDatatestid.BACKGROUND}\n      getOwnerProps={getOwnerProps}\n      getOwnerPropsArguments={getOwnerPropsArguments}\n      zIndex={zIndex}\n    >\n      <PortalStyles portalInfo={portalInfo} portalClassName={portalClassName} />\n      <StyledDialogContainer\n        role=\"dialog\"\n        aria-modal\n        innerRef={refCallback}\n        tabIndex={!removeAutoFocus ? 0 : undefined}\n        onKeyDown={handleOnKeyDown}\n        {...getSpaceProps(rest as unknown as Record<string, unknown>)}\n        centered={centered}\n        data-testid={DSDialogDatatestid.CONTAINER}\n        getOwnerProps={getOwnerProps}\n        getOwnerPropsArguments={getOwnerPropsArguments}\n        {...restOfGlobalAttributes}\n        size={size}\n        width={width}\n      >\n        {children}\n      </StyledDialogContainer>\n    </StyledDialogBackground>\n  );\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACgCnB,SAUE,KAVF;AAhCJ,SAAgB,aAAa,kBAAkB;AAC/C,SAAS,8BAA8B;AACvC,SAAS,cAAc,wBAAwB,6BAA6B;AAC5E,SAAS,qBAAqB;AAC9B,SAAS,0BAA0B;AACnC,SAAS,uBAAuB;AAChC,SAAS,wBAAwB;AAE1B,MAAM,kBAAkB,MAAM;AACnC,QAAM,EAAE,2BAA2B,yBAAyB,gBAAgB,IAAI,iBAAiB;AACjG,QAAM,EAAE,OAAO,cAAc,YAAY,gBAAgB,IAAI,WAAW,eAAe;AAEvF,QAAM,EAAE,iBAAiB,QAAQ,UAAU,MAAM,OAAO,UAAU,GAAG,KAAK,IAAI;AAE9E,QAAM,EAAE,WAAW,GAAG,uBAAuB,IAAI,uBAAuB,OAAO;AAAA,IAC7E,WAAW;AAAA,EACb,CAAC;AAED,QAAM,gBAAgB,YAAY,MAAM,OAAO,CAAC,KAAK,CAAC;AACtD,QAAM,yBAAyB,YAAY,OAAO,CAAC,IAAI,CAAC,CAAC;AAEzD,QAAM,cAAc;AAAA,IAClB,CAAC,SAAgC;AAC/B,UAAI,MAAM;AACR,qBAAa,UAAU;AACvB,YAAI,CAAC,gBAAiB,MAAK,MAAM;AAAA,MACnC;AAAA,IACF;AAAA,IACA,CAAC,cAAc,eAAe;AAAA,EAChC;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,aAAa;AAAA,MACb,WAAW;AAAA,MACX,iBAAa;AAAA,MACb,eAAa,mBAAmB;AAAA,MAChC;AAAA,MACA;AAAA,MACA;AAAA,MAEA;AAAA,4BAAC,gBAAa,YAAwB,iBAAkC;AAAA,QACxE;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,cAAU;AAAA,YACV,UAAU;AAAA,YACV,UAAU,CAAC,kBAAkB,IAAI;AAAA,YACjC,WAAW;AAAA,YACV,GAAG,cAAc,IAA0C;AAAA,YAC5D;AAAA,YACA,eAAa,mBAAmB;AAAA,YAChC;AAAA,YACA;AAAA,YACC,GAAG;AAAA,YACJ;AAAA,YACA;AAAA,YAEC;AAAA;AAAA,QACH;AAAA;AAAA;AAAA,EACF;AAEJ;",
   "names": []
 }

package/dist/esm/parts/DSDialogContent/useDialogContent.js

@@ -1,13 +1,20 @@
 import * as React from "react";
-import { useCallback, useContext } from "react";
+import { useCallback, useContext, useRef } from "react";
 import { DSDialogContext } from "../../DSDialogCTX.js";
 const useDialogContent = () => {
   const {
     props: { onClickOutside, onClose }
   } = useContext(DSDialogContext);
-  const handleOutsideClick = useCallback(
+  const mouseDownOnOverlayRef = useRef(false);
+  const handleBackgroundMouseDown = useCallback((e) => {
+    mouseDownOnOverlayRef.current = Boolean(e.target.dataset.portalbg);
+  }, []);
+  const handleBackgroundMouseUp = useCallback(
     (e) => {
-      if (e.target.dataset.portalbg) onClickOutside();
+      if (mouseDownOnOverlayRef.current && e.target.dataset.portalbg) {
+        onClickOutside();
+      }
+      mouseDownOnOverlayRef.current = false;
     },
     [onClickOutside]
   );
@@ -18,7 +25,8 @@ const useDialogContent = () => {
     [onClose]
   );
   return {
-    handleOutsideClick,
+    handleBackgroundMouseDown,
+    handleBackgroundMouseUp,
     handleOnKeyDown
   };
 };

package/dist/esm/parts/DSDialogContent/useDialogContent.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/DSDialogContent/useDialogContent.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import type React from 'react';\nimport { useCallback, useContext } from 'react';\nimport { DSDialogContext } from '../../DSDialogCTX.js';\n\nexport const useDialogContent = () => {\n  const {\n    props: { onClickOutside, onClose },\n  } = useContext(DSDialogContext);\n\n  const handleOutsideClick = useCallback(\n    (e: React.MouseEvent) => {\n      if ((e.target as HTMLDivElement).dataset.portalbg) onClickOutside();\n    },\n    [onClickOutside],\n  );\n\n  const handleOnKeyDown = useCallback(\n    (e: React.KeyboardEvent) => {\n      if (e.key === 'Escape') onClose();\n    },\n    [onClose],\n  );\n\n  return {\n    handleOutsideClick,\n    handleOnKeyDown,\n  };\n};\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACCvB,SAAS,aAAa,kBAAkB;AACxC,SAAS,uBAAuB;AAEzB,MAAM,mBAAmB,MAAM;AACpC,QAAM;AAAA,IACJ,OAAO,EAAE,gBAAgB,QAAQ;AAAA,EACnC,IAAI,WAAW,eAAe;AAE9B,QAAM,qBAAqB;AAAA,IACzB,CAAC,MAAwB;AACvB,UAAK,EAAE,OAA0B,QAAQ,SAAU,gBAAe;AAAA,IACpE;AAAA,IACA,CAAC,cAAc;AAAA,EACjB;AAEA,QAAM,kBAAkB;AAAA,IACtB,CAAC,MAA2B;AAC1B,UAAI,EAAE,QAAQ,SAAU,SAAQ;AAAA,IAClC;AAAA,IACA,CAAC,OAAO;AAAA,EACV;AAEA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,EACF;AACF;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import type React from 'react';\nimport { useCallback, useContext, useRef } from 'react';\nimport { DSDialogContext } from '../../DSDialogCTX.js';\n\nexport const useDialogContent = () => {\n  const {\n    props: { onClickOutside, onClose },\n  } = useContext(DSDialogContext);\n\n  /**\n   * PUI-15050 https://jira.elliemae.io/browse/PUI-15050\n   * Tracks whether the current press sequence started on the overlay.\n   * onClickOutside fires only when both mousedown AND mouseup land on the overlay,\n   * preventing false triggers when the user presses the overlay and releases inside the dialog.\n   *\n   * Lifecycle note: this ref is intentionally not reset on dialog close because DSDialogContent\n   * is fully unmounted when isOpen=false (via DSDialogPortal returning null). The ref is\n   * destroyed with the component, so stale state across open/close cycles is not possible.\n   */\n\n  const mouseDownOnOverlayRef = useRef(false);\n\n  const handleBackgroundMouseDown = useCallback((e: React.MouseEvent) => {\n    mouseDownOnOverlayRef.current = Boolean((e.target as HTMLElement).dataset.portalbg);\n  }, []);\n\n  const handleBackgroundMouseUp = useCallback(\n    (e: React.MouseEvent) => {\n      if (mouseDownOnOverlayRef.current && (e.target as HTMLElement).dataset.portalbg) {\n        onClickOutside();\n      }\n      mouseDownOnOverlayRef.current = false;\n    },\n    [onClickOutside],\n  );\n\n  const handleOnKeyDown = useCallback(\n    (e: React.KeyboardEvent) => {\n      if (e.key === 'Escape') onClose();\n    },\n    [onClose],\n  );\n\n  return {\n    handleBackgroundMouseDown,\n    handleBackgroundMouseUp,\n    handleOnKeyDown,\n  };\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACCvB,SAAS,aAAa,YAAY,cAAc;AAChD,SAAS,uBAAuB;AAEzB,MAAM,mBAAmB,MAAM;AACpC,QAAM;AAAA,IACJ,OAAO,EAAE,gBAAgB,QAAQ;AAAA,EACnC,IAAI,WAAW,eAAe;AAa9B,QAAM,wBAAwB,OAAO,KAAK;AAE1C,QAAM,4BAA4B,YAAY,CAAC,MAAwB;AACrE,0BAAsB,UAAU,QAAS,EAAE,OAAuB,QAAQ,QAAQ;AAAA,EACpF,GAAG,CAAC,CAAC;AAEL,QAAM,0BAA0B;AAAA,IAC9B,CAAC,MAAwB;AACvB,UAAI,sBAAsB,WAAY,EAAE,OAAuB,QAAQ,UAAU;AAC/E,uBAAe;AAAA,MACjB;AACA,4BAAsB,UAAU;AAAA,IAClC;AAAA,IACA,CAAC,cAAc;AAAA,EACjB;AAEA,QAAM,kBAAkB;AAAA,IACtB,CAAC,MAA2B;AAC1B,UAAI,EAAE,QAAQ,SAAU,SAAQ;AAAA,IAClC;AAAA,IACA,CAAC,OAAO;AAAA,EACV;AAEA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;",
   "names": []
 }

package/dist/types/index.d.ts

@@ -1,4 +1,4 @@
-export * from './DSDialog.js';
+export { DSDialog, DSDialogWithSchema } from './DSDialog.js';
 export { DIALOG_DATA_TESTID, DIALOG_SLOTS, DSDialogName, DSDialogDatatestid } from './constants/index.js';
 export { DSDialogSizes } from './utils.js';
 export { DSDialogBody, DSDialogBodyWithSchema, DSDialogHeader, DSDialogHeaderWithSchema, DSDialogFooter, DSDialogFooterWithSchema, DSDialogSeparator, DSDialogSeparatorWithSchema, DSDialogTitle, DSDialogTitleWithSchema, DSDialogAddon, DSDialogAddonWithSchema, DSDialogDefaultLayout, DSDialogDefaultLayoutWithSchema, DSDialogPrimaryMessage, DSDialogPrimaryMessageWithSchema, DSDialogSecondaryMessage, DSDialogSecondaryMessageWithSchema, } from './parts/index.js';

package/dist/types/parts/DSDialogContent/useDialogContent.d.ts

@@ -1,5 +1,6 @@
 import type React from 'react';
 export declare const useDialogContent: () => {
-    handleOutsideClick: (e: React.MouseEvent) => void;
+    handleBackgroundMouseDown: (e: React.MouseEvent) => void;
+    handleBackgroundMouseUp: (e: React.MouseEvent) => void;
     handleOnKeyDown: (e: React.KeyboardEvent) => void;
 };

package/dist/types/tests/DSDialog.events.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/tests/DSDialog.exports.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/tests/DSDialog.keyboard.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/tests/playwright/DSDialog.on-click-outside.test.playwright.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/tests/playwright/DSDialogOnClickOutsideRenderer.d.ts

@@ -0,0 +1,2 @@
+export const DSDialogOnClickOutsideRenderer: React.FunctionComponent<React.JSX.IntrinsicAttributes>;
+import React from 'react';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-dialog",
-  "version": "3.60.0-next.53",
+  "version": "3.60.0-next.55",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Dialog",
   "files": [
@@ -38,19 +38,22 @@
   "dependencies": {
     "lodash-es": "^4.17.21",
     "uid": "^2.0.2",
-    "@elliemae/ds-icons": "3.60.0-next.53",
-    "@elliemae/ds-system": "3.60.0-next.53",
-    "@elliemae/ds-button-v2": "3.60.0-next.53",
-    "@elliemae/ds-props-helpers": "3.60.0-next.53",
-    "@elliemae/ds-typescript-helpers": "3.60.0-next.53"
+    "@elliemae/ds-props-helpers": "3.60.0-next.55",
+    "@elliemae/ds-system": "3.60.0-next.55",
+    "@elliemae/ds-typescript-helpers": "3.60.0-next.55"
   },
   "devDependencies": {
+    "@playwright/experimental-ct-react": "^1.51.1",
+    "@xstyled/system": "~3.8.1",
+    "@xstyled/util": "~3.7.0",
     "jest": "^30.0.0",
     "styled-components": "~5.3.9",
-    "@elliemae/ds-monorepo-devops": "3.60.0-next.53",
-    "@elliemae/ds-test-utils": "3.60.0-next.53"
+    "@elliemae/ds-monorepo-devops": "3.60.0-next.55",
+    "@elliemae/ds-test-utils": "3.60.0-next.55"
   },
   "peerDependencies": {
+    "@xstyled/system": "~3.8.1",
+    "@xstyled/util": "~3.7.0",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "styled-components": "~5.3.9"
@@ -61,7 +64,7 @@
   },
   "scripts": {
     "dev": "cross-env NODE_ENV=development node ../../../scripts/build/build.mjs --watch",
-    "test": "ds-monorepo-devops test --passWithNoTests --coverage=\"false\"",
+    "test": "playwright test -c ./playwright.config.mjs && ds-monorepo-devops test --passWithNoTests --coverage=\"false\"",
     "lint": "node ../../../scripts/lint.mjs --fix",
     "lint:strict": "node ../../../scripts/lint-strict.mjs",
     "dts": "node ../../../scripts/dts.mjs",