@elliemae/ds-dialog 3.60.0-next.6 → 3.60.0-next.60

package/dist/cjs/config/useDialog.js

@@ -53,7 +53,7 @@ const useDialog = (props) => {
     if (portalRef) actualPortalRef.current = portalRef.current;
     else actualPortalRef.current = document.getElementsByTagName("body")["0"];
   }, [portalRef]);
-  (0, import_react.useLayoutEffect)(() => {
+  (0, import_react.useEffect)(() => {
     if (actualPortalRef.current) {
       if (isOpen) {
         actualPortalRef.current.classList.add(portalClassName);

package/dist/cjs/config/useDialog.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/config/useDialog.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import { useEffect, useMemo, useState, useCallback, useRef, useLayoutEffect } from 'react';\nimport { debounce } from 'lodash-es';\nimport { uid } from 'uid';\nimport { useMemoMergePropsWithDefault, useValidateTypescriptPropTypes } from '@elliemae/ds-props-helpers';\nimport { defaultProps, propTypes } from '../react-desc-prop-types.js';\nimport { getScrollbarWidth, getCurrentRightPadding } from '../utils.js';\nimport type { DSDialogT } from '../react-desc-prop-types.js';\nimport type { DSDialogInternalsT } from '../sharedTypes.js';\n\nexport const useDialog = (props: DSDialogT.Props): DSDialogInternalsT.DSDialogContext => {\n  useValidateTypescriptPropTypes<DSDialogT.Props>(props, propTypes, 'DSDialog');\n  const propsWithDefault = useMemoMergePropsWithDefault<DSDialogT.InternalProps>(props, defaultProps);\n  const { portalRef, isOpen } = propsWithDefault;\n\n  const actualPortalRef = useRef<HTMLElement | null>(null);\n  const containerRef = useRef<HTMLDivElement | null>(null);\n\n  const [portalInfo, setPortalInfo] = useState<DSDialogInternalsT.PortalInfo>({\n    paddingRight: '0px',\n    scrollbarWidth: '0px',\n  });\n\n  const portalClassName = useMemo(() => `ds-dialog-${uid(8)}`, []);\n\n  useEffect(() => {\n    if (portalRef) actualPortalRef.current = portalRef.current;\n    else actualPortalRef.current = document.getElementsByTagName('body')['0'];\n  }, [portalRef]);\n\n  useLayoutEffect(() => {\n    if (actualPortalRef.current) {\n      if (isOpen) {\n        actualPortalRef.current.classList.add(portalClassName);\n      } else {\n        actualPortalRef.current.classList.remove(portalClassName);\n      }\n    }\n  }, [actualPortalRef, isOpen, portalClassName]);\n\n  useEffect(() => {\n    if (actualPortalRef.current) {\n      setPortalInfo((prev) => ({\n        ...prev,\n        paddingRight: getCurrentRightPadding(actualPortalRef.current as HTMLElement),\n      }));\n    }\n  }, []);\n\n  const calculateScrollbar = useCallback(() => {\n    if (actualPortalRef.current && !isOpen) {\n      setPortalInfo((prev) => ({\n        ...prev,\n        scrollbarWidth: getScrollbarWidth(actualPortalRef.current as HTMLElement),\n      }));\n    }\n  }, [isOpen]);\n\n  const debouncedCalculateScrollbar = useMemo(() => debounce(calculateScrollbar, 300), [calculateScrollbar]);\n\n  useEffect(() => {\n    window.addEventListener('resize', debouncedCalculateScrollbar);\n    return () => {\n      window.removeEventListener('resize', debouncedCalculateScrollbar);\n    };\n  }, [calculateScrollbar, debouncedCalculateScrollbar]);\n\n  useEffect(() => {\n    calculateScrollbar();\n  }, [calculateScrollbar, isOpen]);\n\n  const ctx = useMemo(\n    () => ({\n      props: propsWithDefault,\n      actualPortalRef,\n      containerRef,\n      portalInfo,\n      portalClassName,\n    }),\n    [portalClassName, portalInfo, propsWithDefault],\n  );\n\n  return ctx;\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAmF;AACnF,uBAAyB;AACzB,iBAAoB;AACpB,8BAA6E;AAC7E,mCAAwC;AACxC,mBAA0D;AAInD,MAAM,YAAY,CAAC,UAA+D;AACvF,8DAAgD,OAAO,wCAAW,UAAU;AAC5E,QAAM,uBAAmB,sDAAsD,OAAO,yCAAY;AAClG,QAAM,EAAE,WAAW,OAAO,IAAI;AAE9B,QAAM,sBAAkB,qBAA2B,IAAI;AACvD,QAAM,mBAAe,qBAA8B,IAAI;AAEvD,QAAM,CAAC,YAAY,aAAa,QAAI,uBAAwC;AAAA,IAC1E,cAAc;AAAA,IACd,gBAAgB;AAAA,EAClB,CAAC;AAED,QAAM,sBAAkB,sBAAQ,MAAM,iBAAa,gBAAI,CAAC,CAAC,IAAI,CAAC,CAAC;AAE/D,8BAAU,MAAM;AACd,QAAI,UAAW,iBAAgB,UAAU,UAAU;AAAA,QAC9C,iBAAgB,UAAU,SAAS,qBAAqB,MAAM,EAAE,GAAG;AAAA,EAC1E,GAAG,CAAC,SAAS,CAAC;AAEd,oCAAgB,MAAM;AACpB,QAAI,gBAAgB,SAAS;AAC3B,UAAI,QAAQ;AACV,wBAAgB,QAAQ,UAAU,IAAI,eAAe;AAAA,MACvD,OAAO;AACL,wBAAgB,QAAQ,UAAU,OAAO,eAAe;AAAA,MAC1D;AAAA,IACF;AAAA,EACF,GAAG,CAAC,iBAAiB,QAAQ,eAAe,CAAC;AAE7C,8BAAU,MAAM;AACd,QAAI,gBAAgB,SAAS;AAC3B,oBAAc,CAAC,UAAU;AAAA,QACvB,GAAG;AAAA,QACH,kBAAc,qCAAuB,gBAAgB,OAAsB;AAAA,MAC7E,EAAE;AAAA,IACJ;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,QAAM,yBAAqB,0BAAY,MAAM;AAC3C,QAAI,gBAAgB,WAAW,CAAC,QAAQ;AACtC,oBAAc,CAAC,UAAU;AAAA,QACvB,GAAG;AAAA,QACH,oBAAgB,gCAAkB,gBAAgB,OAAsB;AAAA,MAC1E,EAAE;AAAA,IACJ;AAAA,EACF,GAAG,CAAC,MAAM,CAAC;AAEX,QAAM,kCAA8B,sBAAQ,UAAM,2BAAS,oBAAoB,GAAG,GAAG,CAAC,kBAAkB,CAAC;AAEzG,8BAAU,MAAM;AACd,WAAO,iBAAiB,UAAU,2BAA2B;AAC7D,WAAO,MAAM;AACX,aAAO,oBAAoB,UAAU,2BAA2B;AAAA,IAClE;AAAA,EACF,GAAG,CAAC,oBAAoB,2BAA2B,CAAC;AAEpD,8BAAU,MAAM;AACd,uBAAmB;AAAA,EACrB,GAAG,CAAC,oBAAoB,MAAM,CAAC;AAE/B,QAAM,UAAM;AAAA,IACV,OAAO;AAAA,MACL,OAAO;AAAA,MACP;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA,CAAC,iBAAiB,YAAY,gBAAgB;AAAA,EAChD;AAEA,SAAO;AACT;",
+  "sourcesContent": ["import { useEffect, useMemo, useState, useCallback, useRef } from 'react';\nimport { debounce } from 'lodash-es';\nimport { uid } from 'uid';\nimport { useMemoMergePropsWithDefault, useValidateTypescriptPropTypes } from '@elliemae/ds-props-helpers';\nimport { defaultProps, propTypes } from '../react-desc-prop-types.js';\nimport { getScrollbarWidth, getCurrentRightPadding } from '../utils.js';\nimport type { DSDialogT } from '../react-desc-prop-types.js';\nimport type { DSDialogInternalsT } from '../sharedTypes.js';\n\nexport const useDialog = (props: DSDialogT.Props): DSDialogInternalsT.DSDialogContext => {\n  useValidateTypescriptPropTypes<DSDialogT.Props>(props, propTypes, 'DSDialog');\n  const propsWithDefault = useMemoMergePropsWithDefault<DSDialogT.InternalProps>(props, defaultProps);\n  const { portalRef, isOpen } = propsWithDefault;\n\n  const actualPortalRef = useRef<HTMLElement | null>(null);\n  const containerRef = useRef<HTMLDivElement | null>(null);\n\n  const [portalInfo, setPortalInfo] = useState<DSDialogInternalsT.PortalInfo>({\n    paddingRight: '0px',\n    scrollbarWidth: '0px',\n  });\n\n  const portalClassName = useMemo(() => `ds-dialog-${uid(8)}`, []);\n\n  useEffect(() => {\n    if (portalRef) actualPortalRef.current = portalRef.current;\n    else actualPortalRef.current = document.getElementsByTagName('body')['0'];\n  }, [portalRef]);\n\n  useEffect(() => {\n    if (actualPortalRef.current) {\n      if (isOpen) {\n        actualPortalRef.current.classList.add(portalClassName);\n      } else {\n        actualPortalRef.current.classList.remove(portalClassName);\n      }\n    }\n  }, [actualPortalRef, isOpen, portalClassName]);\n\n  useEffect(() => {\n    if (actualPortalRef.current) {\n      setPortalInfo((prev) => ({\n        ...prev,\n        paddingRight: getCurrentRightPadding(actualPortalRef.current as HTMLElement),\n      }));\n    }\n  }, []);\n\n  const calculateScrollbar = useCallback(() => {\n    if (actualPortalRef.current && !isOpen) {\n      setPortalInfo((prev) => ({\n        ...prev,\n        scrollbarWidth: getScrollbarWidth(actualPortalRef.current as HTMLElement),\n      }));\n    }\n  }, [isOpen]);\n\n  const debouncedCalculateScrollbar = useMemo(() => debounce(calculateScrollbar, 300), [calculateScrollbar]);\n\n  useEffect(() => {\n    window.addEventListener('resize', debouncedCalculateScrollbar);\n    return () => {\n      window.removeEventListener('resize', debouncedCalculateScrollbar);\n    };\n  }, [calculateScrollbar, debouncedCalculateScrollbar]);\n\n  useEffect(() => {\n    calculateScrollbar();\n  }, [calculateScrollbar, isOpen]);\n\n  const ctx = useMemo(\n    () => ({\n      props: propsWithDefault,\n      actualPortalRef,\n      containerRef,\n      portalInfo,\n      portalClassName,\n    }),\n    [portalClassName, portalInfo, propsWithDefault],\n  );\n\n  return ctx;\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkE;AAClE,uBAAyB;AACzB,iBAAoB;AACpB,8BAA6E;AAC7E,mCAAwC;AACxC,mBAA0D;AAInD,MAAM,YAAY,CAAC,UAA+D;AACvF,8DAAgD,OAAO,wCAAW,UAAU;AAC5E,QAAM,uBAAmB,sDAAsD,OAAO,yCAAY;AAClG,QAAM,EAAE,WAAW,OAAO,IAAI;AAE9B,QAAM,sBAAkB,qBAA2B,IAAI;AACvD,QAAM,mBAAe,qBAA8B,IAAI;AAEvD,QAAM,CAAC,YAAY,aAAa,QAAI,uBAAwC;AAAA,IAC1E,cAAc;AAAA,IACd,gBAAgB;AAAA,EAClB,CAAC;AAED,QAAM,sBAAkB,sBAAQ,MAAM,iBAAa,gBAAI,CAAC,CAAC,IAAI,CAAC,CAAC;AAE/D,8BAAU,MAAM;AACd,QAAI,UAAW,iBAAgB,UAAU,UAAU;AAAA,QAC9C,iBAAgB,UAAU,SAAS,qBAAqB,MAAM,EAAE,GAAG;AAAA,EAC1E,GAAG,CAAC,SAAS,CAAC;AAEd,8BAAU,MAAM;AACd,QAAI,gBAAgB,SAAS;AAC3B,UAAI,QAAQ;AACV,wBAAgB,QAAQ,UAAU,IAAI,eAAe;AAAA,MACvD,OAAO;AACL,wBAAgB,QAAQ,UAAU,OAAO,eAAe;AAAA,MAC1D;AAAA,IACF;AAAA,EACF,GAAG,CAAC,iBAAiB,QAAQ,eAAe,CAAC;AAE7C,8BAAU,MAAM;AACd,QAAI,gBAAgB,SAAS;AAC3B,oBAAc,CAAC,UAAU;AAAA,QACvB,GAAG;AAAA,QACH,kBAAc,qCAAuB,gBAAgB,OAAsB;AAAA,MAC7E,EAAE;AAAA,IACJ;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,QAAM,yBAAqB,0BAAY,MAAM;AAC3C,QAAI,gBAAgB,WAAW,CAAC,QAAQ;AACtC,oBAAc,CAAC,UAAU;AAAA,QACvB,GAAG;AAAA,QACH,oBAAgB,gCAAkB,gBAAgB,OAAsB;AAAA,MAC1E,EAAE;AAAA,IACJ;AAAA,EACF,GAAG,CAAC,MAAM,CAAC;AAEX,QAAM,kCAA8B,sBAAQ,UAAM,2BAAS,oBAAoB,GAAG,GAAG,CAAC,kBAAkB,CAAC;AAEzG,8BAAU,MAAM;AACd,WAAO,iBAAiB,UAAU,2BAA2B;AAC7D,WAAO,MAAM;AACX,aAAO,oBAAoB,UAAU,2BAA2B;AAAA,IAClE;AAAA,EACF,GAAG,CAAC,oBAAoB,2BAA2B,CAAC;AAEpD,8BAAU,MAAM;AACd,uBAAmB;AAAA,EACrB,GAAG,CAAC,oBAAoB,MAAM,CAAC;AAE/B,QAAM,UAAM;AAAA,IACV,OAAO;AAAA,MACL,OAAO;AAAA,MACP;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA,CAAC,iBAAiB,YAAY,gBAAgB;AAAA,EAChD;AAEA,SAAO;AACT;",
   "names": []
 }

package/dist/cjs/constants/index.js

@@ -0,0 +1,54 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+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-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var constants_exports = {};
+__export(constants_exports, {
+  DIALOG_DATA_TESTID: () => DIALOG_DATA_TESTID,
+  DIALOG_SLOTS: () => DIALOG_SLOTS,
+  DSDialogDatatestid: () => DIALOG_DATA_TESTID,
+  DSDialogName: () => DSDialogName
+});
+module.exports = __toCommonJS(constants_exports);
+var React = __toESM(require("react"));
+var import_ds_system = require("@elliemae/ds-system");
+const DSDialogName = "DSDialog";
+const DIALOG_SLOTS = {
+  BACKGROUND: "background",
+  CONTAINER: "container",
+  TITLE: "title",
+  ADDON: "addon",
+  HEADER: "header",
+  SEPARATOR: "separator",
+  BODY: "body",
+  PRIMARY_MESSAGE: "primary-message",
+  SECONDARY_MESSAGE: "secondary-message",
+  DEFAULT_LAYOUT: "default-layout",
+  FOOTER: "footer"
+};
+const DIALOG_DATA_TESTID = (0, import_ds_system.slotObjectToDataTestIds)(DSDialogName, DIALOG_SLOTS);
+//# sourceMappingURL=index.js.map

package/dist/cjs/constants/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/constants/index.ts", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { slotObjectToDataTestIds } from '@elliemae/ds-system';\n\nexport const DSDialogName = 'DSDialog';\n\nexport const DIALOG_SLOTS = {\n  BACKGROUND: 'background',\n  CONTAINER: 'container',\n  TITLE: 'title',\n  ADDON: 'addon',\n  HEADER: 'header',\n  SEPARATOR: 'separator',\n  BODY: 'body',\n  PRIMARY_MESSAGE: 'primary-message',\n  SECONDARY_MESSAGE: 'secondary-message',\n  DEFAULT_LAYOUT: 'default-layout',\n  FOOTER: 'footer',\n} as const;\n\nexport const DIALOG_DATA_TESTID = slotObjectToDataTestIds(DSDialogName, DIALOG_SLOTS);\n\nexport { DIALOG_DATA_TESTID as DSDialogDatatestid };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAAwC;AAEjC,MAAM,eAAe;AAErB,MAAM,eAAe;AAAA,EAC1B,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,OAAO;AAAA,EACP,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,WAAW;AAAA,EACX,MAAM;AAAA,EACN,iBAAiB;AAAA,EACjB,mBAAmB;AAAA,EACnB,gBAAgB;AAAA,EAChB,QAAQ;AACV;AAEO,MAAM,yBAAqB,0CAAwB,cAAc,YAAY;",
+  "names": []
+}

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-
@@ -29,58 +28,36 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var index_exports = {};
 __export(index_exports, {
-  DSDialogAddon: () => import_styles.DSDialogAddon,
-  DSDialogAddonWithSchema: () => DSDialogAddonWithSchema,
-  DSDialogBody: () => import_styles.DSDialogBody,
-  DSDialogBodyWithSchema: () => DSDialogBodyWithSchema,
-  DSDialogDefaultLayout: () => import_styles.DSDialogDefaultLayout,
-  DSDialogDefaultLayoutWithSchema: () => DSDialogDefaultLayoutWithSchema,
-  DSDialogFooter: () => import_styles.DSDialogFooter,
-  DSDialogFooterWithSchema: () => DSDialogFooterWithSchema,
-  DSDialogHeader: () => import_styles.DSDialogHeader,
-  DSDialogHeaderWithSchema: () => DSDialogHeaderWithSchema,
-  DSDialogPrimaryMessage: () => import_styles.DSDialogPrimaryMessage,
-  DSDialogPrimaryMessageWithSchema: () => DSDialogPrimaryMessageWithSchema,
-  DSDialogSecondaryMessage: () => import_styles.DSDialogSecondaryMessage,
-  DSDialogSecondaryMessageWithSchema: () => DSDialogSecondaryMessageWithSchema,
-  DSDialogSeparator: () => import_styles.DSDialogSeparator,
-  DSDialogSeparatorWithSchema: () => DSDialogSeparatorWithSchema,
+  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,
+  DSDialogBodyWithSchema: () => import_parts.DSDialogBodyWithSchema,
+  DSDialogDatatestid: () => import_constants.DSDialogDatatestid,
+  DSDialogDefaultLayout: () => import_parts.DSDialogDefaultLayout,
+  DSDialogDefaultLayoutWithSchema: () => import_parts.DSDialogDefaultLayoutWithSchema,
+  DSDialogFooter: () => import_parts.DSDialogFooter,
+  DSDialogFooterWithSchema: () => import_parts.DSDialogFooterWithSchema,
+  DSDialogHeader: () => import_parts.DSDialogHeader,
+  DSDialogHeaderWithSchema: () => import_parts.DSDialogHeaderWithSchema,
+  DSDialogName: () => import_constants.DSDialogName,
+  DSDialogPrimaryMessage: () => import_parts.DSDialogPrimaryMessage,
+  DSDialogPrimaryMessageWithSchema: () => import_parts.DSDialogPrimaryMessageWithSchema,
+  DSDialogSecondaryMessage: () => import_parts.DSDialogSecondaryMessage,
+  DSDialogSecondaryMessageWithSchema: () => import_parts.DSDialogSecondaryMessageWithSchema,
+  DSDialogSeparator: () => import_parts.DSDialogSeparator,
+  DSDialogSeparatorWithSchema: () => import_parts.DSDialogSeparatorWithSchema,
   DSDialogSizes: () => import_utils.DSDialogSizes,
-  DSDialogTitle: () => import_styles.DSDialogTitle,
-  DSDialogTitleWithSchema: () => DSDialogTitleWithSchema
+  DSDialogTitle: () => import_parts.DSDialogTitle,
+  DSDialogTitleWithSchema: () => import_parts.DSDialogTitleWithSchema,
+  DSDialogWithSchema: () => import_DSDialog.DSDialogWithSchema
 });
 module.exports = __toCommonJS(index_exports);
 var React = __toESM(require("react"));
-var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
-var import_styles = require("./styles.js");
-__reExport(index_exports, require("./DSDialog.js"), module.exports);
-__reExport(index_exports, require("./DSDialogDatatestid.js"), module.exports);
+var import_DSDialog = require("./DSDialog.js");
+var import_constants = require("./constants/index.js");
 var import_utils = require("./utils.js");
-import_styles.DSDialogBody.displayName = "DSDialogBody";
-import_styles.DSDialogHeader.displayName = "DSDialogHeader";
-import_styles.DSDialogFooter.displayName = "DSDialogFooter";
-import_styles.DSDialogSeparator.displayName = "DSDialogSeparator";
-import_styles.DSDialogTitle.displayName = "DSDialogTitle";
-import_styles.DSDialogAddon.displayName = "DSDialogAddon";
-import_styles.DSDialogDefaultLayout.displayName = "DSDialogDefaultLayout";
-import_styles.DSDialogPrimaryMessage.displayName = "DSDialogPrimaryMessage";
-import_styles.DSDialogSecondaryMessage.displayName = "DSDialogSecondaryMessage";
-const DSDialogBodyWithSchema = (0, import_ds_props_helpers.describe)(import_styles.DSDialogBody);
-const DSDialogHeaderWithSchema = (0, import_ds_props_helpers.describe)(import_styles.DSDialogHeader);
-const DSDialogFooterWithSchema = (0, import_ds_props_helpers.describe)(import_styles.DSDialogFooter);
-const DSDialogSeparatorWithSchema = (0, import_ds_props_helpers.describe)(import_styles.DSDialogSeparator);
-const DSDialogTitleWithSchema = (0, import_ds_props_helpers.describe)(import_styles.DSDialogTitle);
-const DSDialogAddonWithSchema = (0, import_ds_props_helpers.describe)(import_styles.DSDialogAddon);
-const DSDialogDefaultLayoutWithSchema = (0, import_ds_props_helpers.describe)(import_styles.DSDialogDefaultLayout);
-const DSDialogPrimaryMessageWithSchema = (0, import_ds_props_helpers.describe)(import_styles.DSDialogPrimaryMessage);
-const DSDialogSecondaryMessageWithSchema = (0, import_ds_props_helpers.describe)(import_styles.DSDialogSecondaryMessage);
-DSDialogBodyWithSchema.propTypes = import_ds_props_helpers.globalAttributesPropTypes;
-DSDialogHeaderWithSchema.propTypes = import_ds_props_helpers.globalAttributesPropTypes;
-DSDialogFooterWithSchema.propTypes = import_ds_props_helpers.globalAttributesPropTypes;
-DSDialogSeparatorWithSchema.propTypes = import_ds_props_helpers.globalAttributesPropTypes;
-DSDialogTitleWithSchema.propTypes = import_ds_props_helpers.globalAttributesPropTypes;
-DSDialogAddonWithSchema.propTypes = import_ds_props_helpers.globalAttributesPropTypes;
-DSDialogDefaultLayoutWithSchema.propTypes = import_ds_props_helpers.globalAttributesPropTypes;
-DSDialogPrimaryMessageWithSchema.propTypes = import_ds_props_helpers.globalAttributesPropTypes;
-DSDialogSecondaryMessageWithSchema.propTypes = import_ds_props_helpers.globalAttributesPropTypes;
+var import_parts = require("./parts/index.js");
 //# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/index.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import { describe, globalAttributesPropTypes } from '@elliemae/ds-props-helpers';\nimport type { WeakValidationMap } from 'react';\nimport {\n  DSDialogBody,\n  DSDialogHeader,\n  DSDialogFooter,\n  DSDialogSeparator,\n  DSDialogTitle,\n  DSDialogAddon,\n  DSDialogDefaultLayout,\n  DSDialogPrimaryMessage,\n  DSDialogSecondaryMessage,\n} from './styles.js';\nimport type {} from '@xstyled/system';\nimport type {} from '@xstyled/util';\n\nDSDialogBody.displayName = 'DSDialogBody';\nDSDialogHeader.displayName = 'DSDialogHeader';\nDSDialogFooter.displayName = 'DSDialogFooter';\nDSDialogSeparator.displayName = 'DSDialogSeparator';\nDSDialogTitle.displayName = 'DSDialogTitle';\nDSDialogAddon.displayName = 'DSDialogAddon';\nDSDialogDefaultLayout.displayName = 'DSDialogDefaultLayout';\nDSDialogPrimaryMessage.displayName = 'DSDialogPrimaryMessage';\nDSDialogSecondaryMessage.displayName = 'DSDialogSecondaryMessage';\n\nconst DSDialogBodyWithSchema = describe(DSDialogBody as React.FC);\nconst DSDialogHeaderWithSchema = describe(DSDialogHeader as React.FC);\nconst DSDialogFooterWithSchema = describe(DSDialogFooter as React.FC);\nconst DSDialogSeparatorWithSchema = describe(DSDialogSeparator as React.FC);\nconst DSDialogTitleWithSchema = describe(DSDialogTitle as React.FC);\nconst DSDialogAddonWithSchema = describe(DSDialogAddon as React.FC);\nconst DSDialogDefaultLayoutWithSchema = describe(DSDialogDefaultLayout as React.FC);\nconst DSDialogPrimaryMessageWithSchema = describe(DSDialogPrimaryMessage as React.FC);\nconst DSDialogSecondaryMessageWithSchema = describe(DSDialogSecondaryMessage as React.FC);\n\nDSDialogBodyWithSchema.propTypes = globalAttributesPropTypes as WeakValidationMap<unknown>;\nDSDialogHeaderWithSchema.propTypes = globalAttributesPropTypes as WeakValidationMap<unknown>;\nDSDialogFooterWithSchema.propTypes = globalAttributesPropTypes as WeakValidationMap<unknown>;\nDSDialogSeparatorWithSchema.propTypes = globalAttributesPropTypes as WeakValidationMap<unknown>;\nDSDialogTitleWithSchema.propTypes = globalAttributesPropTypes as WeakValidationMap<unknown>;\nDSDialogAddonWithSchema.propTypes = globalAttributesPropTypes as WeakValidationMap<unknown>;\nDSDialogDefaultLayoutWithSchema.propTypes = globalAttributesPropTypes as WeakValidationMap<unknown>;\nDSDialogPrimaryMessageWithSchema.propTypes = globalAttributesPropTypes as WeakValidationMap<unknown>;\nDSDialogSecondaryMessageWithSchema.propTypes = globalAttributesPropTypes as WeakValidationMap<unknown>;\n\nexport * from './DSDialog.js';\nexport * from './DSDialogDatatestid.js';\nexport { DSDialogSizes } from './utils.js';\nexport {\n  DSDialogBody,\n  DSDialogHeader,\n  DSDialogFooter,\n  DSDialogSeparator,\n  DSDialogTitle,\n  DSDialogAddon,\n  DSDialogDefaultLayout,\n  DSDialogPrimaryMessage,\n  DSDialogSecondaryMessage,\n  DSDialogBodyWithSchema,\n  DSDialogHeaderWithSchema,\n  DSDialogFooterWithSchema,\n  DSDialogSeparatorWithSchema,\n  DSDialogTitleWithSchema,\n  DSDialogAddonWithSchema,\n  DSDialogDefaultLayoutWithSchema,\n  DSDialogPrimaryMessageWithSchema,\n  DSDialogSecondaryMessageWithSchema,\n};\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;ACAA,YAAuB;ADAvB,8BAAoD;AAEpD,oBAUO;AAkCP,0BAAc,0BA9Cd;AA+CA,0BAAc,oCA/Cd;AAgDA,mBAA8B;AAhC9B,2BAAa,cAAc;AAC3B,6BAAe,cAAc;AAC7B,6BAAe,cAAc;AAC7B,gCAAkB,cAAc;AAChC,4BAAc,cAAc;AAC5B,4BAAc,cAAc;AAC5B,oCAAsB,cAAc;AACpC,qCAAuB,cAAc;AACrC,uCAAyB,cAAc;AAEvC,MAAM,6BAAyB,kCAAS,0BAAwB;AAChE,MAAM,+BAA2B,kCAAS,4BAA0B;AACpE,MAAM,+BAA2B,kCAAS,4BAA0B;AACpE,MAAM,kCAA8B,kCAAS,+BAA6B;AAC1E,MAAM,8BAA0B,kCAAS,2BAAyB;AAClE,MAAM,8BAA0B,kCAAS,2BAAyB;AAClE,MAAM,sCAAkC,kCAAS,mCAAiC;AAClF,MAAM,uCAAmC,kCAAS,oCAAkC;AACpF,MAAM,yCAAqC,kCAAS,sCAAoC;AAExF,uBAAuB,YAAY;AACnC,yBAAyB,YAAY;AACrC,yBAAyB,YAAY;AACrC,4BAA4B,YAAY;AACxC,wBAAwB,YAAY;AACpC,wBAAwB,YAAY;AACpC,gCAAgC,YAAY;AAC5C,iCAAiC,YAAY;AAC7C,mCAAmC,YAAY;",
+  "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/DSDialogAddon/DSDialogAddon.js

@@ -0,0 +1,48 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+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-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var DSDialogAddon_exports = {};
+__export(DSDialogAddon_exports, {
+  DSDialogAddon: () => DSDialogAddon,
+  DSDialogAddonWithSchema: () => DSDialogAddonWithSchema
+});
+module.exports = __toCommonJS(DSDialogAddon_exports);
+var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
+var import_useDialogOwnerProps = require("../useDialogOwnerProps.js");
+var import_react_desc_prop_types = require("./react-desc-prop-types.js");
+var import_styled = require("./styled.js");
+const DSDialogAddon = (props) => {
+  const { getOwnerProps, getOwnerPropsArguments } = (0, import_useDialogOwnerProps.useDialogOwnerProps)(props);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.StyledDialogAddon, { ...props, getOwnerProps, getOwnerPropsArguments });
+};
+DSDialogAddon.displayName = "DSDialogAddon";
+const DSDialogAddonWithSchema = (0, import_ds_props_helpers.describe)(DSDialogAddon);
+DSDialogAddonWithSchema.propTypes = import_react_desc_prop_types.DSDialogAddonPropTypesSchema;
+//# sourceMappingURL=DSDialogAddon.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/parts/DSDialogAddon/DSDialogAddon.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React from 'react';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport { useDialogOwnerProps } from '../useDialogOwnerProps.js';\nimport { type DSDialogAddonT, DSDialogAddonPropTypesSchema } from './react-desc-prop-types.js';\nimport { StyledDialogAddon } from './styled.js';\n\nconst DSDialogAddon: React.ComponentType<DSDialogAddonT.Props> = (props) => {\n  const { getOwnerProps, getOwnerPropsArguments } = useDialogOwnerProps(props);\n\n  return <StyledDialogAddon {...props} getOwnerProps={getOwnerProps} getOwnerPropsArguments={getOwnerPropsArguments} />;\n};\n\nDSDialogAddon.displayName = 'DSDialogAddon';\nconst DSDialogAddonWithSchema = describe(DSDialogAddon);\nDSDialogAddonWithSchema.propTypes = DSDialogAddonPropTypesSchema;\n\nexport { DSDialogAddon, DSDialogAddonWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADSd;AART,8BAAyB;AACzB,iCAAoC;AACpC,mCAAkE;AAClE,oBAAkC;AAElC,MAAM,gBAA2D,CAAC,UAAU;AAC1E,QAAM,EAAE,eAAe,uBAAuB,QAAI,gDAAoB,KAAK;AAE3E,SAAO,4CAAC,mCAAmB,GAAG,OAAO,eAA8B,wBAAgD;AACrH;AAEA,cAAc,cAAc;AAC5B,MAAM,8BAA0B,kCAAS,aAAa;AACtD,wBAAwB,YAAY;",
+  "names": []
+}

package/dist/cjs/parts/DSDialogAddon/constants/index.js

@@ -0,0 +1,43 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+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-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var constants_exports = {};
+__export(constants_exports, {
+  DIALOG_ADDON_DATA_TESTID: () => DIALOG_ADDON_DATA_TESTID,
+  DIALOG_ADDON_SLOTS: () => DIALOG_ADDON_SLOTS,
+  DSDialogName: () => import_constants.DSDialogName
+});
+module.exports = __toCommonJS(constants_exports);
+var React = __toESM(require("react"));
+var import_ds_system = require("@elliemae/ds-system");
+var import_constants = require("../../../constants/index.js");
+const DIALOG_ADDON_SLOTS = {
+  ROOT: "addon"
+};
+const DIALOG_ADDON_DATA_TESTID = (0, import_ds_system.slotObjectToDataTestIds)(import_constants.DSDialogName, DIALOG_ADDON_SLOTS);
+//# sourceMappingURL=index.js.map

package/dist/cjs/parts/DSDialogAddon/constants/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/parts/DSDialogAddon/constants/index.ts", "../../../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { slotObjectToDataTestIds } from '@elliemae/ds-system';\nimport { DSDialogName } from '../../../constants/index.js';\n\nexport const DIALOG_ADDON_SLOTS = {\n  ROOT: 'addon',\n} as const;\n\nexport const DIALOG_ADDON_DATA_TESTID = slotObjectToDataTestIds(DSDialogName, DIALOG_ADDON_SLOTS);\nexport { DSDialogName };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAAwC;AACxC,uBAA6B;AAEtB,MAAM,qBAAqB;AAAA,EAChC,MAAM;AACR;AAEO,MAAM,+BAA2B,0CAAwB,+BAAc,kBAAkB;",
+  "names": []
+}

package/dist/cjs/parts/DSDialogAddon/index.js

@@ -0,0 +1,42 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+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-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var DSDialogAddon_exports = {};
+__export(DSDialogAddon_exports, {
+  DIALOG_ADDON_DATA_TESTID: () => import_constants.DIALOG_ADDON_DATA_TESTID,
+  DIALOG_ADDON_SLOTS: () => import_constants.DIALOG_ADDON_SLOTS,
+  DSDialogAddon: () => import_DSDialogAddon.DSDialogAddon,
+  DSDialogAddonPropTypes: () => import_react_desc_prop_types.DSDialogAddonPropTypes,
+  DSDialogAddonWithSchema: () => import_DSDialogAddon.DSDialogAddonWithSchema
+});
+module.exports = __toCommonJS(DSDialogAddon_exports);
+var React = __toESM(require("react"));
+var import_constants = require("./constants/index.js");
+var import_DSDialogAddon = require("./DSDialogAddon.js");
+var import_react_desc_prop_types = require("./react-desc-prop-types.js");
+//# sourceMappingURL=index.js.map

package/dist/cjs/parts/DSDialogAddon/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/parts/DSDialogAddon/index.ts", "../../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["export { DIALOG_ADDON_DATA_TESTID, DIALOG_ADDON_SLOTS } from './constants/index.js';\nexport { DSDialogAddon, DSDialogAddonWithSchema } from './DSDialogAddon.js';\nexport { type DSDialogAddonT, DSDialogAddonPropTypes } 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;ACAA,YAAuB;ADAvB,uBAA6D;AAC7D,2BAAuD;AACvD,mCAA4D;",
+  "names": []
+}

package/dist/cjs/parts/DSDialogAddon/react-desc-prop-types.js

@@ -0,0 +1,45 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+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-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var react_desc_prop_types_exports = {};
+__export(react_desc_prop_types_exports, {
+  DSDialogAddonPropTypes: () => DSDialogAddonPropTypes,
+  DSDialogAddonPropTypesSchema: () => DSDialogAddonPropTypesSchema,
+  defaultProps: () => defaultProps
+});
+module.exports = __toCommonJS(react_desc_prop_types_exports);
+var React = __toESM(require("react"));
+var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
+var import_constants = require("./constants/index.js");
+const defaultProps = {};
+const DSDialogAddonPropTypes = {
+  ...(0, import_ds_props_helpers.getPropsPerSlotPropTypes)(import_constants.DSDialogName, import_constants.DIALOG_ADDON_SLOTS),
+  ...import_ds_props_helpers.globalAttributesPropTypes
+};
+const DSDialogAddonPropTypesSchema = DSDialogAddonPropTypes;
+//# sourceMappingURL=react-desc-prop-types.js.map

package/dist/cjs/parts/DSDialogAddon/react-desc-prop-types.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/parts/DSDialogAddon/react-desc-prop-types.ts", "../../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable @typescript-eslint/no-empty-interface */\nimport type { DSPropTypesSchema, GlobalAttributesT, ValidationMap } from '@elliemae/ds-props-helpers';\nimport { getPropsPerSlotPropTypes, globalAttributesPropTypes } from '@elliemae/ds-props-helpers';\nimport { type TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';\nimport { DIALOG_ADDON_SLOTS, DSDialogName } from './constants/index.js';\n\nexport declare namespace DSDialogAddonT {\n  export interface RequiredProps {}\n\n  export interface DefaultProps {}\n\n  export interface OptionalProps\n    extends TypescriptHelpersT.PropsForGlobalOnSlots<typeof DSDialogName, typeof DIALOG_ADDON_SLOTS> {}\n\n  export interface Props extends OptionalProps, GlobalAttributesT<HTMLDivElement>, RequiredProps {}\n\n  export interface InternalProps\n    extends DefaultProps,\n      OptionalProps,\n      GlobalAttributesT<HTMLDivElement>,\n      RequiredProps {}\n}\n\nexport const defaultProps: DSDialogAddonT.DefaultProps = {};\n\nexport const DSDialogAddonPropTypes: DSPropTypesSchema<DSDialogAddonT.Props> = {\n  ...getPropsPerSlotPropTypes(DSDialogName, DIALOG_ADDON_SLOTS),\n  ...globalAttributesPropTypes,\n};\n\nexport const DSDialogAddonPropTypesSchema = DSDialogAddonPropTypes as unknown as ValidationMap<DSDialogAddonT.Props>;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADEvB,8BAAoE;AAEpE,uBAAiD;AAmB1C,MAAM,eAA4C,CAAC;AAEnD,MAAM,yBAAkE;AAAA,EAC7E,OAAG,kDAAyB,+BAAc,mCAAkB;AAAA,EAC5D,GAAG;AACL;AAEO,MAAM,+BAA+B;",
+  "names": []
+}

package/dist/cjs/{DSDialogDatatestid.js → parts/DSDialogAddon/styled.js}

@@ -26,14 +26,16 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var DSDialogDatatestid_exports = {};
-__export(DSDialogDatatestid_exports, {
-  DSDialogDatatestid: () => DSDialogDatatestid
+var styled_exports = {};
+__export(styled_exports, {
+  StyledDialogAddon: () => StyledDialogAddon
 });
-module.exports = __toCommonJS(DSDialogDatatestid_exports);
+module.exports = __toCommonJS(styled_exports);
 var React = __toESM(require("react"));
-const DSDialogDatatestid = {
-  CONTAINER: "ds-dialog-container",
-  BACKGROUND: "ds-dialog-background"
-};
-//# sourceMappingURL=DSDialogDatatestid.js.map
+var import_ds_system = require("@elliemae/ds-system");
+var import_constants = require("./constants/index.js");
+const StyledDialogAddon = (0, import_ds_system.styled)("div", {
+  name: import_constants.DSDialogName,
+  slot: import_constants.DIALOG_ADDON_SLOTS.ROOT
+})``;
+//# sourceMappingURL=styled.js.map

package/dist/cjs/parts/DSDialogAddon/styled.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/parts/DSDialogAddon/styled.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { styled } from '@elliemae/ds-system';\nimport { DIALOG_ADDON_SLOTS, DSDialogName } from './constants/index.js';\n\nexport const StyledDialogAddon = styled('div', {\n  name: DSDialogName,\n  slot: DIALOG_ADDON_SLOTS.ROOT,\n})``;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAAuB;AACvB,uBAAiD;AAE1C,MAAM,wBAAoB,yBAAO,OAAO;AAAA,EAC7C,MAAM;AAAA,EACN,MAAM,oCAAmB;AAC3B,CAAC;",
+  "names": []
+}

package/dist/cjs/parts/DSDialogBody/DSDialogBody.js

@@ -0,0 +1,48 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+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-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var DSDialogBody_exports = {};
+__export(DSDialogBody_exports, {
+  DSDialogBody: () => DSDialogBody,
+  DSDialogBodyWithSchema: () => DSDialogBodyWithSchema
+});
+module.exports = __toCommonJS(DSDialogBody_exports);
+var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
+var import_useDialogOwnerProps = require("../useDialogOwnerProps.js");
+var import_react_desc_prop_types = require("./react-desc-prop-types.js");
+var import_styled = require("./styled.js");
+const DSDialogBody = (props) => {
+  const { getOwnerProps, getOwnerPropsArguments } = (0, import_useDialogOwnerProps.useDialogOwnerProps)(props);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.StyledDialogBody, { ...props, getOwnerProps, getOwnerPropsArguments });
+};
+DSDialogBody.displayName = "DSDialogBody";
+const DSDialogBodyWithSchema = (0, import_ds_props_helpers.describe)(DSDialogBody);
+DSDialogBodyWithSchema.propTypes = import_react_desc_prop_types.DSDialogBodyPropTypesSchema;
+//# sourceMappingURL=DSDialogBody.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/parts/DSDialogBody/DSDialogBody.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React from 'react';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport { useDialogOwnerProps } from '../useDialogOwnerProps.js';\nimport { type DSDialogBodyT, DSDialogBodyPropTypesSchema } from './react-desc-prop-types.js';\nimport { StyledDialogBody } from './styled.js';\n\nconst DSDialogBody: React.ComponentType<DSDialogBodyT.Props> = (props) => {\n  const { getOwnerProps, getOwnerPropsArguments } = useDialogOwnerProps(props);\n\n  return <StyledDialogBody {...props} getOwnerProps={getOwnerProps} getOwnerPropsArguments={getOwnerPropsArguments} />;\n};\n\nDSDialogBody.displayName = 'DSDialogBody';\nconst DSDialogBodyWithSchema = describe(DSDialogBody);\nDSDialogBodyWithSchema.propTypes = DSDialogBodyPropTypesSchema;\n\nexport { DSDialogBody, DSDialogBodyWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADSd;AART,8BAAyB;AACzB,iCAAoC;AACpC,mCAAgE;AAChE,oBAAiC;AAEjC,MAAM,eAAyD,CAAC,UAAU;AACxE,QAAM,EAAE,eAAe,uBAAuB,QAAI,gDAAoB,KAAK;AAE3E,SAAO,4CAAC,kCAAkB,GAAG,OAAO,eAA8B,wBAAgD;AACpH;AAEA,aAAa,cAAc;AAC3B,MAAM,6BAAyB,kCAAS,YAAY;AACpD,uBAAuB,YAAY;",
+  "names": []
+}

package/dist/cjs/parts/DSDialogBody/constants/index.js

@@ -0,0 +1,43 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+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-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var constants_exports = {};
+__export(constants_exports, {
+  DIALOG_BODY_DATA_TESTID: () => DIALOG_BODY_DATA_TESTID,
+  DIALOG_BODY_SLOTS: () => DIALOG_BODY_SLOTS,
+  DSDialogName: () => import_constants.DSDialogName
+});
+module.exports = __toCommonJS(constants_exports);
+var React = __toESM(require("react"));
+var import_ds_system = require("@elliemae/ds-system");
+var import_constants = require("../../../constants/index.js");
+const DIALOG_BODY_SLOTS = {
+  ROOT: "body"
+};
+const DIALOG_BODY_DATA_TESTID = (0, import_ds_system.slotObjectToDataTestIds)(import_constants.DSDialogName, DIALOG_BODY_SLOTS);
+//# sourceMappingURL=index.js.map

package/dist/cjs/parts/DSDialogBody/constants/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/parts/DSDialogBody/constants/index.ts", "../../../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { slotObjectToDataTestIds } from '@elliemae/ds-system';\nimport { DSDialogName } from '../../../constants/index.js';\n\nexport const DIALOG_BODY_SLOTS = {\n  ROOT: 'body',\n} as const;\n\nexport const DIALOG_BODY_DATA_TESTID = slotObjectToDataTestIds(DSDialogName, DIALOG_BODY_SLOTS);\nexport { DSDialogName };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAAwC;AACxC,uBAA6B;AAEtB,MAAM,oBAAoB;AAAA,EAC/B,MAAM;AACR;AAEO,MAAM,8BAA0B,0CAAwB,+BAAc,iBAAiB;",
+  "names": []
+}